@charset "utf-8";
@import "reset.min.css";
@import "style.min.css";

/* body,html {width:100%; height:100%; margin:0px; padding:0px; font-size:14px; font-family:'Noto Sans KR', 'NanumGothic', '나눔고딕', Sans-Serif;font-family:'NanumGothic', '나눔고딕', Sans-Serif; color:#231f20;} */
body,html {width:100%; height:100%; margin:0px; padding:0px; font-size:14px; font-family: 'Noto Sans KR', Arial, sans-serif; color:#000; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings:'liga';}


/* SKIP_NAV */
#skip_nav{position:absolute; width:100%; z-index:10;}
#skip_nav a:visited,
#skip_nav a:link{display:block; width:100%; background-color:#333; color:#fff; text-align:center; box-sizing:border-box; padding:10px; position:absolute; left:0; top:0; top:-100px;}
#skip_nav a:focus,
#skip_nav a:active{top:0;}

/* WRAP */
#wrap{width:100%; min-width:1200px; position:relative;}

/* HEADER */
#header{width:100%; height:auto; position:fixed; min-width:1200px; background-color:#fff; color:#010101; z-index:105; background-color:#fff;}
#header .headerTopBg{width:100%; height:auto; box-sizing:border-box; border-bottom:1px solid #e5e5e5;}
#header .headerTop{width:1200px; height:auto; box-sizing:border-box; margin:0 auto; overflow:hidden; text-align:left; padding:36px 0 28px 16px;}
#header .headerTop h1{display:inline-block; vertical-align:top; font-size:0;}
#header .headerTop .menuBox{display:inline-block; vertical-align:top; box-sizing:border-box; float:right; padding-right:96px;}
#header .headerTop .menuBox a{display:inline-block; vertical-align:top; font-size:20px; font-weight:900; letter-spacing:-0.1px; line-height:26px; color:#000; position:relative;}
#header .headerTop .menuBox a:hover::before{content:""; display:block; width:9px; height:9px; border-radius:50%; background-color:#f17330; position:absolute; top:-19px; left:50%; margin-left:-4.5px;}
#header .headerTop .menuBox a:nth-child(2){margin-left:147px;}
#header .headerTop .menuBox a:nth-child(3){margin-left:165px;}
#header .headSubMenuBox{display:none; width:100%; height:auto; box-sizing:border-box; background-color:#fff; position:absolute; top:100%; left:0; border-bottom:1px solid #e5e5e5;}
#header .headSubMenuBox .headSubMenu{width:1200px; height:auto; margin:0 auto; text-align:right;}
#header .headSubMenuBox nav{display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; vertical-align:top; text-align:left;}
#header .headSubMenuBox nav .subMenuBox{display:inline-block; vertical-align:top; box-sizing:border-box; padding-top:34px; padding-bottom:34px;}
#header .headSubMenuBox nav .subMenuBox:nth-child(1){width:194px;}
#header .headSubMenuBox nav .subMenuBox:nth-child(2){width:229px;}
#header .headSubMenuBox nav .subMenuBox:nth-child(3){width:218px;}
#header .headSubMenuBox nav .subMenuBox .subMenuList{width:100%; height:auto; box-sizing:border-box;}
#header .headSubMenuBox nav .subMenuBox .subMenuList li{display:block; width:100%; height:auto; font-size:16px; line-height:1;}
#header .headSubMenuBox nav .subMenuBox .subMenuList li + li{margin-top:20px;}
#header .headSubMenuBox nav .subMenuBox .subMenuList li a{display:inline-block; vertical-align:top; font-weight:400; letter-spacing:-0.5px; line-height:1; color:#000;}
#header .headSubMenuBox nav .subMenuBox .subMenuList li a:hover{font-weight:700;}
#header .headSubMenuBox nav .subMenuBox .subMenuList li a > span{color:#ff6633;}
#header .headSubMenuBox nav .subMenuBox + .subMenuBox{border-left:2px solid #eee;}
#header .headSubMenuBox nav .subMenuBox + .subMenuBox .subMenuList{padding-left:28px;}

#header + .fixedDummy{width:100%; height:89px;}

/* QUICK */
#quick{display:block; position:fixed; top:137px; left:50%; margin-left:600px; width:86px; height:auto; z-index:106; box-sizing:border-box; overflow:hidden; text-align:center;}
#quick a.qCounsel{display:block; width:100%; height:auto; box-sizing:border-box; text-align:center; border-radius:8px 0 0 8px; padding:25.85px 0 23px 0; background-color:#f17330; font-size:21px; font-weight:700; letter-spacing:0; line-height:1.3; color:#fff;}
#quick a.qCounsel span{margin-top:10.85px;}
#quick .blogBox{width:100%; height:auto; box-sizing:border-box; padding-top:18px; background-color:#353434; border-radius:8px 0 0 8px; margin-top:3px; color:#fff; font-size:20px; font-weight:700; letter-spacing:0; line-height:1.3;}
#quick .blogBox a{display:block; width:100%; height:auto; box-sizing:border-box; padding:18px 0;}
#quick .blogBox .line{width:50px; height:2px; background-color:#434343; margin:0 auto;}


/* FOOTER */
#footer{width:100%; clear:both; position:relative; padding-top:60px; padding-bottom:58px; background-color:#2b2b2b;}
#footer .inFooter{width:1200px; height:auto; margin:0 auto; position:relative; padding-top:18px; padding-left:35px;}
#footer .inFooter .copyright{font-size:13px; font-weight:400; letter-spacing:-0.1px; line-height:2; color:#999; text-align:left; margin-top:13px; padding-left:5px;}
#footer .inFooter .copyright span{display:inline-block; vertical-align:top; margin:0 5px;}
#footer .inFooter .footSns{display:inline-block; position:absolute; top:0; right:-4px; font-size:13px; font-weight:700; letter-spacing:-0.25px; color:#cecece; line-height:38px;}
#footer .inFooter .footSns a{margin-left:5px;}

.pop_layer{display:none; width:100%; height:100%; background:url('../img/sub/bg_black.png'); position:fixed; top:0; left:0; z-index:999999; overflow-y:scroll;}
.pop_layer1 section{position:relative; width:700px; height:auto; background-color:#fff; margin:10% auto 0;}
.pop_layer section .pop_close{position:absolute; top:0; right:-60px}
.pop_layer section .title{padding:14px 20px; font-size:23px; letter-spacing:-1px; font-weight:700; background-color:#f6f6f6; color:#ee7000;}
.pop_layer section .title span{float:right; font-size:15px; font-weight:400; color:#666; padding-top:7px;}
.pop_layer section .text{font-size:15px; color:#797979; padding:20px 25px; line-height:1.4;}

/* PAGING */
.paging {height:37px; text-align:center; font-size:13px; margin-top:30px; position:relative;}
.paging  a {color:#6d6d6d}
.paging .link_page {border:1px solid #d1d1d1; color:#5a5a5a; display:inline-block; font-weight:500; text-align:center; width:32px; height:32px; line-height:32px; margin-left:-1px;}
.paging .link_page:hover{position:relative; z-index:1; border:1px solid #7c7c7c;}
.paging .link_page_on{position:relative; z-index:1; border:1px solid #7c7c7c; color:#fff; background-color:#403e3e; display:inline-block; text-align:center; width:32px; height:32px; font-weight:700; line-height:32px;}
.paging .btn_prev {display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; margin-right:10px; color:#5a5a5a; font-weight:700; border:1px solid #d5d5d5; background-color:#fff;}
.paging .btn_next {display:inline-block; text-align:center; width:32px; height:32px; line-height:32px; margin-left:10px; color:#5a5a5a; font-weight:700; border:1px solid #d5d5d5; background-color:#fff;}

.paging2 {text-align:center; font-size:18px; position:relative; line-height:18px; color:#aeaeae;}
.paging2  a{color:#aeaeae; vertical-align:top;}
.paging2 .link_page {display:inline-block; font-weight:500; font-size:18px; line-height:18px; margin-left:-1px;}
.paging2 .link_page:hover{position:relative; z-index:1; color:#f2cc81;}
.paging2 .link_page_on{position:relative; z-index:1; display:inline-block; font-size:18px; font-weight:700; line-height:18px; color:#f2cc81;}
.paging2 .paging_slash{display:inline-block; margin:0 10px;}
.paging2 .btn_prev {display:inline-block; text-align:center; width:auto; height:18px; margin-right:10px; box-sizing:border-box; padding:2.5px 0;}
.paging2 .btn_next {display:inline-block; text-align:center; width:auto; height:18px; margin-left:10px; box-sizing:border-box; padding:2.5px 0;}

.lh10{line-height:1 !important;}
.lh11{line-height:1.1 !important;}
.lh12{line-height:1.2 !important;}
.lh13{line-height:1.3 !important;}
.lh14{line-height:1.4 !important;}
.lh145{line-height:1.45 !important;}
.lh15{line-height:1.5 !important;}
.lh16{line-height:1.6 !important;}
.lh17{line-height:1.7 !important;}
.lh18{line-height:1.8 !important;}
.lh20{line-height:2 !important;}

.mr_no{margin-right:0 !important;}
.ml_no{margin-left:0 !important;}
.mt_no{margin-top:0 !important;}
.mb_no{margin-bottom:0 !important;}
.pr_no{padding-right:0 !important;}
.pl_no{padding-left:0 !important;}
.pt_no{padding-top:0 !important;}
.pb_no{padding-bottom:0 !important;}

.bt_no{border-top:0 !important;}
.br_no{border-right:0 !important;}
.bl_no{border-left:0 !important;}
.bb_no{border-bottom:0 !important;}

.ta_l{text-align:left !important;}
.ta_r{text-align:right !important;}
.ta_c{text-align:center !important;}
.ta_j{text-align:justify !important;}
.va_m{vertical-align:middle !important;}

.fl{float:left !important;}
.fr{float:right !important;}
.fn{float:none !important;}
.clear_box::after{content:""; display:block; width:0; height:0; clear:both;}

.fw1{font-weight:100 !important;}
.fw2{font-weight:200 !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}
.fw8{font-weight:800 !important;}
.fw9{font-weight:900 !important;}

.wb_keep{word-break:keep-all;}

.inp{height:31px; box-sizing:border-box; padding:7px 10px; border:1px solid #d8d8d8;}
.inp[type="radio"]{vertical-align:-2px; border:none;}
.inp[type="checkbox"]{vertical-align:-2px; border:none;}
.sel{height:31px; box-sizing:border-box; padding:4px 10px 5px; border:1px solid #d8d8d8;}
button{font-family: 'Nanum Barun Gothic', '나눔바른고딕',sans-serif; border:0; padding:0; box-shadow:none; box-sizing:border-box; background:none; outline:none; cursor:pointer;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin:0;}
input[type="number"]{-moz-appearance:textfield;}

.cp, .youtube_pop{cursor:pointer;}
.texta{padding:5px; height:40px; border:1px solid #d8d8d8;}

.width0{width:50px;}
.width1{width:100px;}
.width1_5{width:150px;}
.width2{width:200px;}
.width3{width:300px;}
.width4{width:400px;}
.width5{width:500px;}
.width6{width:600px;}
.width7{width:700px;}
.width8{width:800px;}
.width9{width:900px;}
.width10{width:100%;}

.btn_box1{width:100%; overflow:hidden; font-size:15px; font-weight:500; margin-top:20px;}
.btn_box2{width:100%; overflow:hidden; text-align:center; margin-top:50px;}

a.btn_left_1, button.btn_left_1{float:left; margin-right:10px; display:inline-block; vertical-align:top; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #464646; font-size:14px; color:#464646; background-color:#fff;}
a.btn_left_2, button.btn_left_2{float:left; margin-right:10px; display:inline-block; vertical-align:top; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #193b48; color:#fff; background-color:#193b48;}

a.btn_right_1, button.btn_right_1{float:right; margin-left:10px; display:inline-block; vertical-align:top; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #464646; color:#464646; background-color:#fff;}
a.btn_right_2, button.btn_right_2{float:right; margin-left:10px; display:inline-block; vertical-align:top; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; border:1px solid #193b48; color:#fff; background-color:#193b48;}

a.btn_center_1, button.btn_center_1{margin-left:10px; display:inline-block; vertical-align:top; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; background-color:#193b48; border:1px solid #193b48; color:#fff;}
a.btn_center_2, button.btn_center_2{margin-left:10px; display:inline-block; vertical-align:top; box-sizing:border-box; width:180px; height:50px; font-size:20px; text-align:center; line-height:48px; background-color:#ffffff; border:1px solid #193b48; color:#193b48;}

.ans_k{display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; border:1px solid #cd3545; color:#cd3545; border-radius:3px; -webkit-border-radius:3px; background-color:#fffbfb;}
.ans_n{display:inline-block; width:70px; height:30px; text-align:center; line-height:30px; border:1px solid #aaa; color:#aaa; border-radius:3px; -webkit-border-radius:3px;}

.content_hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}

/* font style */
.size0{font-size:0;}
.size1{font-size:14px;}
.size2{font-size:16px;}
.size3{font-size:18px;}
.size4{font-size:20px;}
.size5{font-size:22px;}
.size6{font-size:24px;}
.size7{font-size:26px;}
.size8{font-size:28px;}
.size9{font-size:30px;}
.size10{font-size:32px;}
.size11{font-size:34px;}
.size12{font-size:36px;}
.size13{font-size:38px;}
.size14{font-size:40px;}

.color1{color:#000 !important;}
.color2{color:#fff !important;}
.color3{color:#f17330 !important;}

.italic{font-style:italic;}
.underline{text-decoration:underline;}

/* background color */
.bgcolor1{background-color:#fff !important;}
.bgcolor2{background-color:#ececec !important;}
.bgcolor3{background-color:#503d35 !important;}
.bgcolor4{background-color:#faf9f8 !important;}

/* sprite image */
.sprite{display:inline-block; vertical-align:top;}
.bg-foot_blog{width:38px; height:38px; background: url('../img/comm/css_sprites.png') -190px -10px;}
.bg-foot_cafe{width:38px; height:38px; background: url('../img/comm/css_sprites.png') -190px -68px;}
.bg-foot_logo{width:145px; height:23px; background: url('../img/comm/css_sprites.png') -10px -56px;}
.bg-head_logo{width:160px; height:26px; background: url('../img/comm/css_sprites.png') -10px -10px;}
.bg-menu_blog{width:38px; height:38px; background: url('../img/comm/css_sprites.png') -10px -166px;}
.bg-menu_cafe{width:38px; height:38px; background: url('../img/comm/css_sprites.png') -68px -166px;}
.bg-quick_blog{width:25px; height:32px; background: url('../img/comm/css_sprites.png') -136px -99px;}
.bg-quick_cafe{width:42px; height:40px; background: url('../img/comm/css_sprites.png') -74px -99px;}
.bg-quick_counsel{width:44px; height:47px; background: url('../img/comm/css_sprites.png') -10px -99px;}


.family_site{color: #2b2b2b !important}
.family_site > a:visited{color: #2b2b2b}
.family_site::selection {
    background-color: #2b2b2b;
}