@charset "utf-8";

/* Common */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select,figure,div,section
{margin: 0;  padding: 0;  -webkit-text-size-adjust: none}
body, html {width: 100%; height: 100%; /* min-width: 1240px; */}
body, input, textarea, select, button, table,p,a 
{font-family: 'cncBlack', 'NanumSquareNeo', '나눔스퀘어네오', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', Helvetica, sans-serif;  
font-size: 16px; -webkit-font-smoothing: antialiased;color:#35373a;}

 body, table, input, select, textarea, a, a:link, a:visited, a:hover,h1, h2, h3, h4, h5, h6, a, p
{ letter-spacing:-0.5px; font-size: 16px;}
 body{
 font-smoothing: antialiased !important;
-webkit-font-smoothing: subpixel-antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
font-smooth: always !important;
text-rendering: optimizeLegibility !important;
word-break:keep-all;
overflow-x:hidden;}
img, fieldset, button {border: 0}
ul, ol {list-style: none;}
em, address {font-style: normal;}
a {text-decoration: none; color:#252525; transition:all 0.3s linear;-ms-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
i{vertical-align:middle;}
a:hover, a:active, a:focus { text-decoration: none; transition:all 0.3s linear;-ms-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.blind {overflow: hidden; position: absolute; top: 0;left: 0;width: 1px;height: 1px;font-size: 0;line-height: 0;}
.clearfix:after{content:''; display:block; clear: both;}
.f_r{float:right;}
.f_l{float:left;}
.none {display:none; }
.clickContact_wrap{display:none;}
/* Font */
.f_ns{font-family: 'cncBlack', 'NanumSquareNeo', '나눔스퀘어네오', '맑은 고딕', 'Malgun Gothic';  transform: skew(-0.03deg);}
.f_ns100 {font-family: 'cncBlack', 'NanumSquareNeo', '나눔스퀘어네오', '맑은 고딕', 'Malgun Gothic'; font-weight: 100;  transform: skew(-0.03deg);}
.f_ns300 {font-family: 'cncBlack', 'NanumSquareNeo', '나눔스퀘어네오', '맑은 고딕', 'Malgun Gothic'; font-weight: 300;  transform: skew(-0.03deg); }
.f_ns700 {font-family: 'cncBlack', 'NanumSquareNeo', '나눔스퀘어네오', '맑은 고딕', 'Malgun Gothic'; font-weight: 700;  transform: skew(-0.03deg);}
.f_ns900 {font-family: 'cncBlack', 'NanumSquareNeo', '나눔스퀘어네오', '맑은 고딕', 'Malgun Gothic'; font-weight: 900;  transform: skew(-0.03deg);}
.f_ng{font-family: 'NanumSquareNeo', '나눔스퀘어네오', '맑은 고딕', 'Malgun Gothic';}
.f_cnc{font-family:'cncBlack','NanumSquareNeo',"나눔스퀘어네오","나눔고딕","Nanum Gothic", '맑은 고딕', 'Malgun Gothic'; letter-spacing:0;}
.en500{font-family:'Montserrat', Arial, Helvetica, sans-serif; font-weight:600; letter-spacing:0;}
.en300{font-family:'Montserrat', Arial, Helvetica, sans-serif; font-weight:300; letter-spacing:0.5px;}


.fs_65{font-size:65px;}
.fs_62{font-size:62px;}
.fs_60{font-size:60px; letter-spacing:-4px;}
.fs_56{font-size:56px;}
.fs_48{font-size:48px; letter-spacing:-3px;}
.fs_45{font-size:45px;}
.fs_42{font-size:42px; letter-spacing:-3px;}
.fs_40{font-size:40px; letter-spacing:-3px;}
.fs_38{font-size:38px;}
.fs_32{font-size:32px; letter-spacing:-2.5px;}
.fs_30{font-size:30px; line-height:1.5;}
.fs_28{font-size:28px;}
.fs_24{font-size:24px; line-height:36px;}
.fs_22{font-size:22px;}
.fs_21{font-size:21px;}
.fs_20{font-size:20px;}
.fs_18{font-size:18px;}
.fs_16{font-size:16px;}
.fs_15{font-size:15px;}
.fs_14{font-size:14px;}
.fs_12{font-size:12px;}



.sub_title{font-family: 'NanumSquareNeo', '나눔스퀘어네오';line-height:30px; font-size:18px; font-weight:700; color:#959595;}
.c_blue {color:#fd4345;}
.c_color {color:#fd4345;}
.c_gray {color:#a1a1a1;}
.colormg {color:#7d7d7d;}
.letter_0{letter-spacing:0;}
/* Skip to content */
.skip { margin: 0;}
.skip > a {display: block;overflow: hidden;height: 0;line-height: 28px;text-align: center;}
.skip > a:focus {height: auto}
.floating {width:10%; position:fixed;right:30px; bottom:30px; z-index:99999; text-align:right; }
.floating img {width:100%; max-width:250px;}

/* Layout */
#wrapper {width:100%;  position:relative; overflow-x:hidden;}
.maxwidth {width:100%; max-width:1400px; margin:0 auto;}
.sub_maxwidth {width:100%; max-width:1200px; margin:0 auto; }
.transition {transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;}
.tab_br {display:none; }
.mobile_br {display:none; }
.m_logo{display:none;}
.gnb_inner{display:none;}


/* Header */
.header_wrap {position:fixed;  top:0; left:0; width:100%; z-index: 999;  height:auto;
-webkit-transform:translateZ(0);-webkit-backface-visibility: hidden; opacity:1.0; } 
.header{width:96%; margin:25px auto;}
.header .header_align {display:table; table-layout:fixed; width:100%;}
.header .header_align li {display:table-cell; vertical-align:middle; }
.header .header_align .top_logo {width:15%;}
.header .header_align .top_logo a {display:inline-block; }
.header .header_align .top_logo a img.pc_logo {width:100%; max-width:210px; min-width:180px; height:auto; vertical-align:middle;}
.header .header_align .gnb_area {width:75%;}
.header .header_align .right_bt {width:10%; text-align:right; }
.header .header_align .gnb_area nav dl {display:table; table-layout:fixed; text-align:center; margin:0 auto;}
.header .header_align .gnb_area nav dl dd {display:table-cell; width:150px;}
.header .header_align .gnb_area nav dl dd a {font-size:18px; letter-spacing:1px; padding:10px; }
.header .header_align .gnb_area nav dl dd a:hover {color:#fd4345;}
.header .header_align .gnb_area nav dl dd.gnbon a{color:#fd4345;}
.header .header_align .right_bt .sns_icon {display:block;}
.header .header_align .right_bt .sns_icon a {display:inline-block; padding:5px; vertical-align:middle;}
.header .header_align .right_bt .sns_icon a img {width:30px;}
.header .header_align .right_bt .small_menu {display:none; }
.fixed_header {height:auto;  background:rgba(0,0,0,.8);z-index:999;}
.fixed_header .header {margin:10px auto;}
.gnb_inner .inner_gnb ul li.gnbon a{color:#fd4345;}

.L_dark .header_wrap {background:rgba(0,0,0,0.4);} 
.L_dark .header .header_align li a {color:#FFF; }
.L_dark .fixed_header {background:rgba(0,0,0,.8);}

.L_light .header_wrap {background:rgba(255,255,522,1.0);} 
.L_light .header .header_align li a {color:#252525; }
.L_light .fixed_header {background:rgba(255,255,255,0.9);}

.about_sub.sublayout {overflow: hidden;}


/* Footer */
.footer_wrap{background:#FFF; min-height:90px; width:100vw; box-sizing:border-box; position:relative; z-index:1;}
.footer {padding-top:25px; width:96%; margin:0 auto;}
.footer .f_l {display: flex; align-items: center;}
.footer .copyright{color:#898989; font-size:11px; text-transform:uppercase; padding-left: 10px;}
.footer .color_black{color:#000;}
section.xm {padding:200px 0;}
.login_wrap{float:right; display: flex; align-items: center;}
.login_wrap .top_icon{margin-left:10px;}
.login_wrap a{color:#000; font-size:18px;}
.login_wrap a:hover{color:#fd4345;}



/*RESPONSIVE
 * 01) max-width: 1800px
 * 02) max-width: 1664px *
 * 03) max-width: 1460px
 * 04) max-width: 1400px
 * 05) max-width: 1280px *
 * 06) max-width: 1200px
 * 07) max-width: 1180px
 * 08) max-width: 1105px
 * 09) max-width: 1080px
 * 10) max-width: 1023px
 * 11) max-width: 940px
 * 12) max-width: 768px *
 * 13) max-width: 767px
 * 14) max-width: 600px*
 * 15) max-width: 540px*
 * 16) max-width: 480px*
 * 17) max-width: 450px*
 * 18) max-width: 414px*
 * 19) max-width: 380px*

*/



/* **************************************** *
 * MEDIA 1920px
 * **************************************** */

@media all and (max-width: 1920px){
.fs_65{font-size:65px;}
.fs_62{font-size:42px; letter-spacing:-1.5px;}
.fs_60{font-size:45px; letter-spacing:-2px;}
.fs_56{font-size:56px;}
.fs_48{font-size:36px; letter-spacing:-2px;}
.fs_45{font-size:45px;}
.fs_42{font-size:42px; letter-spacing:-3px;}
.fs_40{font-size:32px;}
.fs_38{font-size:38px;}
.fs_32{font-size:32px; letter-spacing:-2.5px;}
.fs_30{font-size:24px; line-height:1.5;}
.fs_28{font-size:28px;}
.fs_24{font-size:21px; line-height:30px;}
.fs_21{font-size:20px;}
.fs_18{font-size:18px;}
.fs_16{font-size:16px;}
.fs_15{font-size:15px;}
.fs_14{font-size:14px;}
.fs_12{font-size:12px;}

/* Layout */
.maxwidth {max-width:1200px; margin:0 auto;}



/* Header */
.header {width:96%; margin:20px auto;}
.header .header_align .top_logo {width:16%; }
.header .header_align .top_logo a img.pc_logo {width:90%; max-width:200px;}
.header .header_align .gnb_area {width:74%;}
.header .header_align .right_bt {width:10%; }
.header .header_align .gnb_area nav dl {width:60%;}
.header .header_align .gnb_area nav dl dd a {font-size:14px; padding:5px; }
.header .header_align .right_bt .sns_icon a img {width:25px; display:block; }
.header .header_align .gnb_area nav dl dd {width:100px;}

/*********************  sub page  **********************/
.sublayout .sub_title {font-size:16px; font-family: 'cncBlack', 'NanumSquareNeo', '나눔스퀘어네오', '맑은 고딕', 'Malgun Gothic'; font-weight:normal; line-height:26px;}

}

/* **************************************** *
 * MEDIA 1350px
 * **************************************** */
@media all and (max-width: 1350px){

}



/* **************************************** *
 * MEDIA 1280px
 * **************************************** */
@media all and (max-width: 1280px){
#wrapper {width:100vw; }
.maxwidth {max-width:1100px; margin:0 auto;}
.sub_maxwidth {max-width:1100px; margin:0 auto;}
.tab_br {display:block; }
.m_logo{display:none;}

.gnb_bt,.top_menu{display:none;}
.header .header_align .gnb_area nav {display:none; }
.header .header_align .right_bt .sns_icon {display:none; }

/* Header */
.header {margin:15px auto;}
.header .gnb_inner{position:fixed; display:block;top:0; right:0; background:transparent;width:100%; visibility:hidden; height:100vh;z-index:1;/**/transition:all 0.3s linear; -ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.header .gnb_inner.menu_open_wrap{visibility:inherit;overflow-y:auto;overflow-x:hidden; background:rgba(0,0,0,0.94);}
.header .header_align .right_bt .small_menu {display:inline-block; margin-top:3px; padding:5px 10px; }
.small_menu_btn { width:20px; height:25px; cursor:pointer;position:relative; background:transparent; display:block;}
.small_menu_btn:hover span.btn_line2{width:100%; }
.small_menu_btn span{position:absolute; display:block;transition:all 0.3s linear; -ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.small_menu_btn span.btn_line1{top:0; left:0; width:100%; height:3px; }
.small_menu_btn span.btn_line2{top:50%; transform:translateY(-50%);  left:0; width:80%; height:3px;  transition:all 0.3s linear; -ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.small_menu_btn span.btn_line3{top:calc(100% - 3px); left:0; width:100%; height:3px;  }
.menu_btn_close {cursor:pointer;position:relative;box-sizing:border-box;background:transparent; z-index:999999999; }
.menu_btn_close span {position:absolute; display:block;transition:all 0.3s linear; background:#fff;}
.menu_btn_close span {background:#fff !important;}
.menu_btn_close span.btn_line1{transform: rotate(45deg);top:10px;height:3.3px;}
.menu_btn_close span.btn_line2{opacity:0; visibility:hidden;}
.menu_btn_close span.btn_line3{transform: rotate(-45deg);top:10px; width:100%;}
.gnb_inner .inner_gnb {position:absolute; top:85px; left:50%;transform:translateX(-50%); text-align:center; padding:60px 100px;background:transparent; width:100%; opacity:0; visibility:hidden;transition:all 0.3s linear; -ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.gnb_inner.menu_open_wrap .inner_gnb{opacity:1;visibility:inherit;width:100%;}
.gnb_inner .inner_gnb ul li a{font-size:24px;line-height:60px;letter-spacing:1px;transition:all 0.3s linear; }
.gnb_inner .inner_gnb ul li a {color:#FFF;}
.gnb_inner .inner_gnb ul li a:hover{color:#fd4345;}
.gnb_inner .inner_iconwrap{position:absolute; top:500px;width:100%;left:50%;transform:translateX(-50%); text-align:center; padding:70px 100px;opacity:0;visibility:hidden;transition:all 0.3s linear; -ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.gnb_inner.menu_open_wrap .inner_iconwrap{opacity:1;visibility:inherit;}
.gnb_inner .inner_iconwrap .inner_icon a{margin-right:20px; color:#FFF;}
.gnb_inner .inner_iconwrap .inner_icon a:last-child{margin-right:0px;}
.gnb_inner .inner_iconwrap .inner_icon i {font-size:36px;transition:all 0.3s linear; -ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.gnb_inner .inner_iconwrap .inner_icon i:hover{color:#fd4345;}
.gnb_inner .inner_iconwrap .inner_contact{display:block; margin-top:40px; border-radius:5px;}
.gnb_inner .inner_iconwrap .inner_contact a{display:inline-block; background:transparent;color:#fff; font-size:18px; padding:20px 30px;cursor:pointer;background:#fd4345;border:2px solid #fd4345;border-radius:5px;transition:all 0.2s linear; -ms-transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.gnb_inner .inner_iconwrap .inner_contact i{color:#fff; font-size:21px;margin-left:50px;}
.gnb_inner .inner_iconwrap .inner_contact a:hover{border:2px solid #fff; border-radius:5px;background:#000; }


.L_dark .small_menu_btn span {background:#fff;} 
.L_light .small_menu_btn span {background:#252525;} 





}


/* **************************************** *
 * MEDIA 1180px
 * **************************************** */
@media all and (max-width: 1180px){
.maxwidth {width:94%; max-width:auto; margin:0 auto;}
.sub_maxwidth {width:94%; max-width:auto; margin:0 auto;}
}


/* **************************************** *
 * MEDIA 768px
 * **************************************** */
@media all and (max-width: 768px){
 .fs_24 {font-size:18px; line-height:28px;}

.m_logo{display:block;}
.pc_logo{display:none;}
.pc_br {display:none;}

.header {margin:12px auto; width:94%;}
.header .header_align .gnb_area {width:60%;}
.header .header_align .right_bt {width:24%; }
.header .header_align .top_logo a img.m_logo {width:50%; max-width:35px; min-width:30px; vertical-align:middle;}
.header .header_align .right_bt .small_menu {display:inline-block; margin-top:0; padding:4px 5px;}
.header .header_align .right_bt .small_menu .small_menu_btn { width:20px; height:22px; cursor:pointer;position:relative; background:transparent; display:block; }
.fixed_header .header {margin:10px auto;}
.fixed_header .header .header_align .top_logo a img.m_logo {width:50%; max-width:35px; min-width:28px; vertical-align:middle;}
.fixed_header .header .header_align .right_bt .small_menu .small_menu_btn { width:16px; height:18px;}
.small_menu_btn span.btn_line1{height:2px; }
.small_menu_btn span.btn_line2{height:2px;}
.small_menu_btn span.btn_line3{top:calc(100% - 2px); height:2px;  }
.menu_btn_close span.btn_line1{transform: rotate(45deg);top:10px;height:2px;}
.menu_btn_close span.btn_line2{opacity:0; visibility:hidden;}
.menu_btn_close span.btn_line3{transform: rotate(-45deg);top:10px; width:100%;}

.footer{width:94%;}

/*********************  sub page  **********************/
.sub_maxwidth {width:94%; margin:0 auto; }
.sublayout .sub_title {font-size:14px; line-height:21px;}
.sublayout .fs_30 {font-size:21px;}
.sublayout .fs_62 {font-size:30px; letter-spacing:0.5px;}
.sublayout .fs_24 {font-size:18px; line-height:28px;}
.sublayout .fs_45 {font-size:36px; letter-spacing:-1.5px;}
.sublayout .fs_38 {font-size:30px; letter-spacing:-1.5px;}
.sublayout .fs_16 {font-size:12px;}
.sublayout .fs_28 {font-size:20px;}
.sublayout .fs_40 {font-size:26px;}
.sublayout .fs_48 {font-size:36px;}
}



/* **************************************** *
 * MEDIA 600px
 * **************************************** */
@media all and (max-width: 600px){
.footer .copyright{color:#898989; font-size:11px;}
.gnb_inner .inner_gnb{padding:10px 100px;}
.gnb_inner .inner_iconwrap{top:420px;}
.mobile_br {display:block !important;}

}



/* **************************************** *
 * MEDIA 540px
 * **************************************** */
@media all and (max-width: 540px){


.login_wrap a{font-size:14px;}

.footer_wrap{min-height:75px;}
.footer{ padding-top:15px; width:94%; margin:0 auto; display: flex; flex-flow: column-reverse; align-items: center;}
.footer .login_wrap  {margin-bottom: 10px;}




}


/* 모바일 최소 폰트 크기 14px */
@media all and (max-width: 768px) {
    .place-desc-large, .address, .navigate, .navigate-text, .link_share, .share-text,
    .bottom-action, .kakao_maps_link, .copy, .copyright,
    .info_label, .chk_label, .f_ng, .family_site_wrap { font-size:14px !important; }
}