@font-face { font-family: 'NanumBarunGothic';
  src: url('/fonts/NanumBarunGothic.eot');
  src: url('/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
  url('/fonts/NanumBarunGothic.woff') format('woff');}
  
  
	/***** RESET *****/


  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
    margin:0; 
    padding:0; 
    border:0; 
	/*
    font-size:100%; 
    font:inherit; 
	font-family:'Noto Sans KR', 고딕, san-serif, IcoMoon,dashicons, FontAwesome!important;
	*/
    word-break:normal;
    letter-spacing:-1px;
    }
    sup {
    margin:0; 
    padding:0; 
    border:0; 
    font-size:100%; 
    font:inherit; 
    
    word-break:normal;
    }
    
    
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
    /*html, body {height:100%;}*/
    body {line-height:1; word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none; height:100%; }
    ol, ul, dl, li, menu {list-style:none; padding:0; margin:0;}
    blockquote, q {quotes:none;}
    blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
    table {border-collapse:collapse; border-spacing:0; }
    textarea {overflow:auto}
    input, select, textarea, button, optgroup {font-size:100%; vertical-align:middle;  color:#444444; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0; }
    em, address{font-style:normal;}
    button {border:none 0; cursor:pointer;}
    select option{font-size:14px;}
    .disabled{background: #eeeeee; border:0!important;}
    input:disabled{background: #eeeeee; border:0!important;}
    input:read-only{background: #eeeeee; border:0!important;}
    /* Hyper Link */
    
    a, a:link, a:active, a:hover, a:visited{text-decoration:none; }

    .top_menu_box {width : 150px;}

    .menu_box{width:698px;  height:35px; text-align:center;  font-size:0; box-sizing:border-box; overflow:hidden;    border-radius:5px; font-family: 'Noto Sans KR'; display:inline-block; margin-top:-47px; margin-left: 0px;  margin-block:32px;}
    .menu_box > ul{height:100%; width:100%;}
    .menu_box > ul > li{display:inline-block;  width:16.666%; height:40px; background:#0b335a; box-sizing:border-box;}
    .menu_box > ul > li > .btn_m{display:block; font-size:14px; color:#ffffff;  position:relative; z-index:0; box-sizing:border-box; height:100%; line-height:38px; }
    .menu_box > ul > li > .btn_m.on, .menu_box > ul > li > .btn_m:hover{color:#000000; margin-top:0; background:#97c0ec; font-weight:bold;}
    .menu_box > ul > li > .btn_m:last-child{margin-right:0;}
    .menu_box > ul > li > .btn_m:first-child{margin-left:0;}
    
    /*** GNB ***/
    .menu_box > ul > li > .gnb_box{display:none;  width:785px;  height:auto; position:absolute; box-sizing:border-box;  z-index:999999; top:68px;  box-shadow:0px 10px 9px -6px #d2d2d2; left:195px; background="../image/top_menu_bg.gif";}
    .menu_box > ul > li > .gnb_box.active{display:block;}
    .menu_box > ul > li > .gnb_box > .gb_in{margin:0 auto; position:relative; box-sizing:border-box; }
    .menu_box > ul > li > .gnb_box > .gb_in .menu_list{box-sizing:border-box; font-size:0; border:1px solid #dcdcdc; border-radius:5px; margin-top:-2px;width:700px;margin-left: 7px;}
    .menu_box > ul > li > .gnb_box > .gb_in .menu_list > ul{height:auto;     overflow: hidden;}
    .menu_box > ul > li > .gnb_box > .gb_in .menu_list > ul > li{ width:100%; box-sizing:border-box;   background:#ffffff;}
    .menu_box > ul > li > .gnb_box > .gb_in .menu_list > ul > li a{display:inline-block; font-size:11px; color:#777777; box-sizing:border-box; margin-bottom:30px;  text-align:center; margin:0 15px; position:relative; height:40px; line-height:38px; }
    .menu_box > ul > li > .gnb_box > .gb_in .menu_list > ul > li a::before{display:inline-block; content:""; width:2px; height:15px; margin-right:10px; background:#dcdcdc; position:absolute; left:-15px; top:50%; transform:translateY(-50%);}
    .menu_box > ul > li > .gnb_box > .gb_in .menu_list > ul > li a:first-child::before{display:none;}
    .menu_box > ul > li > .gnb_box > .gb_in .menu_list > ul > li a:hover{text-decoration:underline; font-weight:bold;}
    
    .main_img{font-size:0; width:393px; height:502px; overflow:hidden;}
    .main_img img{width:100%;}
    
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


/* .swiper_wrap .swiper-container .swiper-wrapper .swiper-slide{float:left; width:33.33%; border:2px solid red; overflow:hidden;}  */
/* .swiper_wrap .swiper-container .swiper-wrapper .swiper-slide {display:flex; flex-wrap:wrap;}
.swiper_wrap .swiper-container .swiper-wrapper .swiper-slide a {flex:0 0 30%}*/ 
.swiper_wrap .swiper-container .swiper-wrapper .swiper-slide a{display:block; width:180px; }
.swiper_wrap .swiper-container .swiper-wrapper .swiper-slide a img{width:100%;}

/* .slick-counter{border:2px solid red; position:absolute; z-index:999999; top:0; left:0; width:100px; height:100px;} */

.swiper_wrap{width:500px; height:auto; position:relative;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-10px!important; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-10px!important; }
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom:-3px;}

@media screen and (max-width: 790px) {
  .swiper_wrap{width:90%;}
  .s_btn_box{text-align:center; width:100%;}
  .s_btn_box input[type="checkbox"] + label{font-size:14px;}
  .s_btn_box a.btn_close{font-size:14px;}
}

@media screen and (max-width: 320px) {
  .main_popup{min-width:320px;}
}