@charset "utf-8";
/*
@import url('./nanumgothic.css');
@import url('./nanumbarungothic.css');
@import url('./nanumsquare.css');
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

* {
  margin: 0;
  padding: 0;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body, th, td, input, select, textarea, button, code, kbd, pre, samp {
  font-family: "Noto Sans KR", "Dotum", Arial, Tahoma, sans-serif, serif;
  color: #444;
  font-size: 15px;
  line-height:1.4;
}

ul, ol, dl {
  list-style: none;
}

h1, h2, h3, h4, h5, h6, strong, th {
  font-weight: 500;
}

b {
  font-weight: bold;
}

a {
    color: inherit;
    text-decoration: none;
}
a:active, a:hover {
    text-decoration: none;
}
img{max-width:100%;}
input[type="text"],input[type="password"],textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;font-family:'Noto Sans KR';}
select{border-radius:0;}
select::-ms-expand{display: none;}
.hide {
  display: none
}
button{cursor:pointer;}
/* float */
.float .left{float:left;}
.float .right{float:right;}

.clearfix{zoom:1}
.clearfix:after, .clearfix:before{display:table;content:"";}
.clearfix:after{clear: both;}

/* vertical align */
.align_top{vertical-align:top}
.align_middle{vertical-align:middle}
.align_bottom{vertical-align:bottom}

/* text align */
.align_center{text-align:center}
.align_left{text-align:left}
.align_right{text-align:right}

/* display */
.block {display:block !important;}
.il_block {display:inline-block !important;}
.hide {display:none !important;}
.screen_hide{position: absolute;text-indent: -9999px;width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden;}
.sound_only {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  width:0 !important;
  height:0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
  overflow: hidden !important
}
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
#header_h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

.mgt0 {margin-top:0px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt50 {margin-top:50px !important;}

.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}
.mgr50 {margin-right:50px !important;}

.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb50 {margin-bottom:50px !important;}

.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}
.mgl50 {margin-left:50px !important;}

.pdl0{padding-left:0px !important;}
.pdl5{padding-left:5px !important;}
.pdl10{padding-left:10px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}
.pdl40{padding-left:40px !important;}
.pdl50{padding-left:50px !important;}

.pdr0{padding-right:0px !important;}
.pdr5{padding-right:5px !important;}
.pdr10{padding-right:10px !important;}
.pdr20{padding-right:20px !important;}
.pdr30{padding-right:30px !important;}
.pdr40{padding-right:40px !important;}
.pdr50{padding-right:50px !important;}


.txt_underline{text-decoration:underline !important;}
.txt_red{color:#ee0202 !important;}
.txt_bgreen{color:#8edac2 !important;}
.txt_green{color:#00c63d !important;}
.txt_blue{color:#2f5ac6 !important;}
.txt_skyblue{color:#55acee !important;}
.txt_orange{color:#ff683f !important;}

.fs_13{font-size:13px !important;}
.fs_14{font-size:14px !important;}
.fs_15{font-size:15px !important;}
.fs_16{font-size:16px !important;}
.fs_17{font-size:17px !important;}
.fs_18{font-size:18px !important;}

.bold{font-weight:500;}

#layout{max-width:680px;margin-left:auto;margin-right:auto;position:relative;min-height: 100vh;}
.container{padding-left:15px;padding-right:15px;}
.container:after{clear: both;display: table;content: "";*display: block;*overflow: hidden}
.container:before{display: table;content: "";*display: block;*overflow: hidden}
.container_pp{padding-left:23px;padding-right:23px;}
.container_pp:after{clear: both;display: table;content: "";*display: block;*overflow: hidden}
.container_pp:before{display: table;content: "";*display: block;*overflow: hidden}

/*슬라이더*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block;max-width:100%;}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slider_form .slick-dots{}
.slider_form .slick-dots{text-align:center;}
.slider_form .slick-dots li{display:inline-block;}
.slider_form .slick-dots li button{text-indent:-999em;overflow:hidden;border:0;background-color:#e3e3e3;border-radius:50%;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.slider_form .slick-dots li.slick-active button{border:2px solid #1268b4;background-color:#fff;}
.slick-slider .slick-arrow{position:absolute;top:50%;display:inline-block;text-indent:-999em;overflow:hidden;}


/*디자인 체크,라디오*/
.design_check,.design_radio{position:relative;display:inline-block;overflow:hidden;cursor:pointer;background-repeat:no-repeat;color:#222;font-size:15px;background-position:left center;}
.design_check input[type="checkbox"],.design_radio input[type="radio"]{position:absolute;left:-999em;top:0;z-index:-1;}

.design_check.inline + .design_check.inline,.design_radio.inline + .design_radio.inline{margin-left:36px;}

.design_radio.style1{background-image:url('../images/common/radio_type1.png');padding-left:25px;min-height:21px;background-size:16px auto;}
.design_radio.style1.active{background-image:url('../images/common/radio_type1_on.png');}
.design_check.style1{background-image:url('../images/common/design_check_circle.png');padding-left:25px;min-height:21px;background-size:19px auto;}
.design_check.style1.active{background-image:url('../images/common/design_check_circle_on.png');}
.design_check.style2{background-image:url('../images/common/design_check_circle.png');padding-left:27px;min-height:27px;background-size:16px auto;}
.design_check.style2.active{background-image:url('../images/common/design_check_circle_on.png');}


#header{background-color:#fff;height:64px;position:fixed;top:0;left:0;width:100%;z-index:150;}
#hd_wrap{padding:20px 15px 0;max-width:680px;margin:0 auto;}
#hd_wrap #logo{float:left;}
#hd_wrap #logo a{}
#hd_wrap #logo img{height:24px;}
#hd_wrap .hd_menu{float:right;border:0;background-color:#fff;width:29px;height:22px;background-position:center center;background-repeat:no-repeat;background-image:url('../images/common/hd_menu.png');background-size:19px;text-indent:-999em;overflow:hidden;}
#hd_wrap #nav{position:fixed;right:-85%;top:0;height:100%;overflow-y:auto;width:85%;background-color:#fff;z-index:300;padding:38px 17px 0 27px;}
#hd_wrap #nav:before{content:"";display:block;margin:0 auto;width:103px;height:103px;background-position:center center;background-repeat:no-repeat;background-image:url('../images/common/nav_logo.png');background-size:cover;}
#hd_wrap #nav ul{margin-top:45px;}
#hd_wrap #nav ul li{position:relative;height:22px;}
#hd_wrap #nav ul li + li{margin-top:28px;}
#hd_wrap #nav ul li.active:before{content:"";display:block;width:100%;height:1px;background-color:#eb1c2c;position:absolute;top:50%;right:0;z-index:1;}
#hd_wrap #nav ul li a{display:inline-block;padding:5px 25px 5px 0;position:relative;background-color:#fff;z-index:10;}
#hd_wrap #nav ul li img{height:12px;display:block;}
#hd_wrap #nav .nav_company{position:absolute;right:0;bottom:0;width:100%;padding:10px 17px 10px 27px;}
#hd_wrap #nav .nav_company strong{display:block;color:#000;font-size:13px;font-weight:600;}
#hd_wrap #nav .nav_company p{color:#919191;font-size:11px;margin-top:8px;word-break:keep-all;}
#hd_wrap #nav .nav_company .copy{margin-top:15px;padding-top:15px;color:#cdcdcd;font-size:10px;letter-spacing:-1px;display:block;border-top:1px solid #d1d1d1;}
#hd_wrap #nav .nav_company .nav_pdf{position:absolute;right:22px;top:0;width:36px;height:36px;border-radius:50%;text-indent:-999em;overflow:hidden;background-color:#eaeaea;
background-position:center center;background-repeat:no-repeat;background-image:url('../images/common/nav_pdf.png');background-size:18px;}
#hd_wrap .nav_bg{display:none;cursor:pointer;position:fixed;right:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:200;}



/*푸터*/
#footer{}
#footer .ft_top{background-color:#272727;padding-bottom:22px;padding-top:33px;padding-left:15px;padding-right:15px;}
#footer .ft_top .ft_cs{}
#footer .ft_top .ft_cs .tell{margin-bottom:20px;display:block;}
#footer .ft_top .ft_cs .tell img{height:23px;}
#footer .ft_top .ft_cs span{color:#999;font-size:12px;font-weight:600;display:block;}
#footer .ft_top .ft_cs span.email{}
#footer .ft_top .ft_cs span.time{margin-top:3px;}
#footer .ft_top .ft_links{margin-top:35px;}
#footer .ft_top .ft_links .ftl_top{}
#footer .ft_top .ft_links .ftl_top a{display:block;float:left;width:48%;height:48px;line-height:48px;background-color:#ec1c2d;color:#fff;padding-left:18px;font-size:15px;font-weight:600;background-repeat:no-repeat;background-size:15px auto;background-position:right 18px center;}
#footer .ft_top .ft_links .ftl_top a + a{margin-left:4%;}
#footer .ft_top .ft_links .ftl_top a.ct{background-image:url('../images/common/ico_mail.png');}
#footer .ft_top .ft_links .ftl_top a.au{background-image:url('../images/common/ico_pdf.png');}
#footer .ft_top .ft_links .ftl_bottom{margin-top:33px;text-align:center;}
#footer .ft_top .ft_links .ftl_bottom a{display:inline-block;width:16px;height:13px;background-size:auto 100%;background-position:center center;background-repeat:no-repeat;text-indent:-999em;overflow:hidden;}
#footer .ft_top .ft_links .ftl_bottom a + a{margin-left:28px;}
#footer .ft_top .ft_links .ftl_bottom a.fb{background-image:url('../images/common/sns_fb.png');}
#footer .ft_top .ft_links .ftl_bottom a.twt{background-image:url('../images/common/sns_twt.png');}
#footer .ft_top .ft_links .ftl_bottom a.rss{background-image:url('../images/common/sns_rss.png');}
#footer .ft_top .ft_links .ftl_bottom a.yt{background-image:url('../images/common/sns_yt.png');}

#footer .ft_bottom{background-color:#1a1a1a;border-top:1px solid #131313;padding:25px 15px;}
#footer .ft_bottom .ft_info{letter-spacing:-0.6px;}
#footer .ft_bottom .ft_info p.ft_ads{font-size:12px;color:#fff;word-break:keep-all;}
#footer .ft_bottom .ft_info p.ft_copy{font-size:11px;color:#999;margin-top:10px;}


.main_content{margin-top:64px;}
.sub_content{margin-top:84px;margin-bottom:60px;}
.sub_content.overview{margin-top:64px;}


.layer_form{}
.layer_form .layer_box{}
.layer_form .layer_box .layer_header{display:block;}
.layer_form .layer_box .layer_cnt{}
.layer_form .layer_bg{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;}

.layer_form.fixed_layer{position:fixed;overflow-y:auto;z-index:700;left:0;top:0;width:100%;height:100%;text-align:center;padding-top:30px;padding-bottom:30px;}
.layer_form.fixed_layer .layer_box{position:relative;z-index:10;text-align:left;display:inline-block;vertical-align:middle;overflow:hidden;}
.layer_form.fixed_layer .layer_box .layer_header{background-color:#006699;color:#fff;font-size:28px;height:94px;padding:28px 0 0 35px;letter-spacing:-1px;font-family:'NanumBarunGothic';}
.layer_form.fixed_layer .layer_box .layer_cnt{background:#fff;padding:30px 35px 20px;}
.layer_form.fixed_layer .layer_box .pop_top_close{position:absolute;top:39px;right:30px;width:14px;height:14px;text-indent:-999em;overflow:hidden;border:0;background-color:transparent;background-image:url('../images/common/pop_top_close.jpg');}
.layer_form.fixed_layer .blank{display:inline-block;width:0;height:100%;vertical-align:middle}

.layer_form.fixed_layer .layer_box.type2{background-color:#fff;}
.layer_form.fixed_layer .layer_box .layer_header2{color:#000;font-size:28px;height:95px;padding:38px 42px 22px;letter-spacing:-1px;font-family:'NanumBarunGothic';background-repeat:no-repeat;background-position:42px 38px;text-indent:-999em;overflow:hidden;}
.layer_form.easy_search .layer_box .layer_header2{background-image:url('../images/common/easy_search_tit.jpg');}
.layer_form.fixed_layer .layer_box .pop_top_close2{position:absolute;top:43px;right:42px;width:28px;height:28px;text-indent:-999em;overflow:hidden;border:0;background-color:transparent;background-image:url('../images/common/pop_top_close_type3.jpg');}
.layer_box.type2 .s_tit{color:#666;font-size:16px;margin-bottom:30px;padding:0 42px;}
.layer_form .popup_bg{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.5);text-indent:-999em;overflow:hidden;}

.layer_form.fixed_layer .layer_box.popup_box{background-color:#fff;}
.popup_box .popup_cnt{max-width:85vw;}
.popup_box .popup_cnt img{width:100%;}
.popup_box .popup_btn{background-color:#000;padding:10px;}

.popup_box .popup_btn button{color:#909090;border:0;background-color:transparent;font-size:12px;font-weight:600;}
.popup_box .popup_btn button.close_cookie{float:left;}
.popup_box .popup_btn button.close_pop{padding-right:20px;background-repeat:no-repeat;background-position:right center;background-image:url('../images/common/close_pop.jpg');float:right;}