@charset "utf-8";
@import "reset.css";
@import "style.css";
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
/* @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.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:'NanumGothic', '나눔고딕', Sans-Serif; /* font-family: 'Nanum Barun Gothic', sans-serif; color:#231f20; */}

/* FONT */
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NanumGothic.eot');
  src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic.woff') format('woff'),
       url('../font/NanumGothic.ttf') format('truetype'),
       url('../font/NanumGothic.svg#NanumGothic') format('svg');
}
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NanumGothicBold.eot');
  src: url('../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothicBold.woff') format('woff'),
       url('../font/NanumGothicBold.ttf') format('truetype'),
       url('../font/NanumGothicBold.svg#NanumGothicBold') format('svg');
}
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 900;
  src: url('../font/NanumGothicExtraBold.eot');
  src: url('../font/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothicExtraBold.woff') format('woff'),
       url('../font/NanumGothicExtraBold.ttf') format('truetype'),
       url('../font/NanumGothicExtraBold.svg#NanumGothicExtraBold') format('svg');
}
@font-face {
  font-family:'NanumGothic';
  font-style: normal;
  font-weight: 300;
  src: url('../font/NanumGothicLight.eot');
  src: url('../font/NanumGothicLight.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothicLight.woff') format('woff'),
       url('../font/NanumGothicLight.ttf') format('truetype'),
       url('../font/NanumGothicLight.svg#NanumGothicLight') format('svg');
}

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

/* HEADER */
#header{width:100%; height:auto; clear:both; position:relative; min-width:1200px;}
#header .header_top_bg{width:100%; height:45px; background-color:#f4f4f4;}
#header .header_top{width:1200px; margin:0 auto; height:100%; overflow:hidden; box-sizing:border-box; text-align:right; font-size:0;}
#header .header_top ul{display:inline-block; width:auto; height:100%;}
#header .header_top ul li{display:inline-block; text-align:center; border-left:1px solid #d9d9d9; box-sizing:border-box; width:auto; height:100%; vertical-align:top; padding:0 40px;}
#header .header_top ul li a{display:inline-block; font-size:12px; font-weight:400; letter-spacing:-1px; color:#5b5b5b; line-height:45px; vertical-align:top;}
#header .header_top ul li span.divide{display:inline-block; width:2px; height:10px; background-color:#d3d3d3; margin:17.5px 20px;}
#header .header_top ul li:last-child{width:159px; font-size:12px; font-weight:400; letter-spacing:-1px; color:#5a72b8; line-height:45px; position:relative; border-right:1px solid #d9d9d9; cursor:pointer;}
#header .header_top ul li:last-child::after{content:""; display:inline-block; width:9px; height:6px; background:url("../img/comm/down_arrow.png") no-repeat center; position:absolute; top:19.5px; right:38px;}
#header .header_top .sns_link{display:inline-block; width:auto; height:100%; box-sizing:border-box; text-align:right; padding-top:7px; vertical-align:top; margin-right:8px;}
#header .header_top .sns_link a{display:inline-block; width:31px; height:31px; border-radius:50%; margin-right:8px; clear:both;}
#header .header_top .sns_link a:last-child{margin-right:0;}
#header .header_top .sns_link a.blog_btn{background:#fff url("../img/comm/sns_btn_n2.png") no-repeat; background-position:0px 0px;}
#header .header_top .sns_link a.insta_btn{background:#fff url("../img/comm/sns_btn_n2.png") no-repeat; background-position:-38.5px 0px;}
#header .header_top .sns_link a.kakao_btn{background:#fff url("../img/comm/sns_btn_n2.png") no-repeat; background-position:-77.5px 0px;}
#header .header_body{width:1200px; margin:0 auto;height:83px; background-color:#fff; box-sizing:border-box; text-align:center; position:relative; font-size:0;}
#header .header_body .go_home{display:inline-block; width:264px; height:49px; margin-top:17px; vertical-align:top; float:left;}
#header .header_body .menu_title{display:inline-block; width:calc(100% - 264px); height:83px; text-align:center; vertical-align:top; float:none;}
#header .header_body .menu_title li{display:inline-block; width:auto; height:83px; line-height:83px; vertical-align:top; box-sizing:border-box; padding:0 2%;}
#header .header_body .menu_title li a{display:block; font-size:16px; font-weight:400; letter-spacing:-1px; color:#3f3f3f;}
#header .header_body .menu_title li .all_menu_btn{display:inline-block; width:24px; height:20px; margin-top:31.5px; background:url("../img/comm/menu_btn.png") no-repeat; background-position:0px 0px; cursor:pointer;}
#header .header_body .menu_title li .all_menu_btn.open{background-position:0 -20px;}
#header .header_foot{display:none; width:100%; height:370px; overflow:hidden; position:absolute; top:83px; left:0; border-top:1px solid #eaeaea; border-bottom:1px solid #8e8e8e; text-align:center; z-index:7000; background-color:#fff; clear:both;}
#header .header_foot ul{display:inline-block; width:1200px; height:100%; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; overflow:hidden;}
#header .header_foot ul li{display:inline-block; width:16.66%; height:100%; position:relative; box-sizing:border-box; padding:38px 0 0 10px; vertical-align:top; float:left; text-align:left;}
#header .header_foot ul li::after{content:""; width:1px; height:100%; background-color:#eaeaea; position:absolute; top:0; right:0;}
#header .header_foot ul li:last-child::after{display:none;}
#header .header_foot ul li p{clear:both; font-size:18px; font-weight:600; letter-spacing:-1px; line-height:1; margin-bottom:34px;}
#header .header_foot ul li a{clear:both; display:inline-block; font-size:15px; font-weight:400; letter-spacing:-1px; line-height:19px; margin-bottom:16px;}
#header .header_foot ul li a:last-child{margin-bottom:0;}
#scroll_nav{width:100%; height:83px; position:fixed; top:0; left:0; display:none; z-index:7500; background-color:#fff; border-bottom:1px solid #eaeaea;}
#scroll_nav .scroll_nav{width:1200px; margin:0 auto; height:83px; background-color:#fff; box-sizing:border-box; text-align:center; position:relative; font-size:0;}
#scroll_nav .scroll_nav .go_home{display:inline-block; width:264px; height:49px; margin-top:17px; vertical-align:top; float:left;}
#scroll_nav .scroll_nav .menu_title2{display:inline-block; width:calc(100% - 264px); height:83px; text-align:center; vertical-align:top; float:none;}
#scroll_nav .scroll_nav .menu_title2 li{display:inline-block; width:auto; height:83px; line-height:83px; vertical-align:top; box-sizing:border-box; padding:0 2%;}
#scroll_nav .scroll_nav .menu_title2 li a{display:block; font-size:16px; font-weight:400; letter-spacing:-1px; color:#3f3f3f;}
#scroll_nav .scroll_nav .menu_title2 li .all_menu_btn2{display:inline-block; width:24px; height:20px; margin-top:31.5px; background:url("../img/comm/menu_btn.png") no-repeat; background-position:0px 0px; cursor:pointer;}
#scroll_nav .scroll_nav .menu_title2 li .all_menu_btn2.open{background-position:0 -20px;}
#scroll_nav .scroll_nav .sns_link{display:inline-block; width:auto; height:31px; box-sizing:border-box; text-align:right; margin-top:26px; vertical-align:top; float:right;}
#scroll_nav .scroll_nav .sns_link a{display:inline-block; width:31px; height:31px; border-radius:50%; margin-right:8px; clear:both;}
#scroll_nav .scroll_nav .sns_link a:last-child{margin-right:0;}
#header .header_top .sns_link a.ytb_btn{background-color:#ffffff; overflow:hidden;}
#scroll_nav .scroll_nav .sns_link a.facebook_btn{background:url("../img/comm/sns_btn.png") no-repeat; background-position:0px 0px;}
#scroll_nav .scroll_nav .sns_link a.blog_btn{background:url("../img/comm/sns_btn.png") no-repeat; background-position:-39px 0px;}
#scroll_nav .scroll_nav .sns_link a.kakao_btn{background:url("../img/comm/sns_btn.png") no-repeat; background-position:-78px 0px;}
#scroll_nav .header_foot2{display:none; width:100%; height:370px; overflow:hidden; position:absolute; top:83px; left:0; border-top:1px solid #eaeaea; border-bottom:1px solid #8e8e8e; text-align:center; z-index:5000; background-color:#fff; clear:both;}
#scroll_nav .header_foot2 ul{display:inline-block; width:1200px; height:100%; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; overflow:hidden;}
#scroll_nav .header_foot2 ul li{display:inline-block; width:16.66%; height:100%; position:relative; box-sizing:border-box; padding:38px 0 0 10px; vertical-align:top; float:left; text-align:left;}
#scroll_nav .header_foot2 ul li::after{content:""; width:1px; height:100%; background-color:#eaeaea; position:absolute; top:0; right:0;}
#scroll_nav .header_foot2 ul li:last-child::after{display:none;}
#scroll_nav .header_foot2 ul li p{clear:both; font-size:18px; font-weight:600; letter-spacing:-1px; line-height:1; margin-bottom:34px;}
#scroll_nav .header_foot2 ul li a{clear:both; display:inline-block; font-size:15px; font-weight:400; letter-spacing:-1px; line-height:19px; margin-bottom:16px;}
#scroll_nav .header_foot2 ul li a:last-child{margin-bottom:0;}


/* QUICK */
#quick{display:block; position:fixed; top:128px; right:-300px; width:300px; height:auto; z-index:6000; box-sizing:border-box; overflow:hidden;}
#quick .quick_nav{display:inline-block; vertical-align:top; float:left; width:100px; height:auto;}
#quick .quick_nav li{text-indent:-9999px; cursor:pointer;}
#quick .quick_nav li img{display:block;}
#quick .quick_nav li a{display:block;}

#quick .quick_review{display:inline-block; vertical-align:top; float:left; width:200px; height:auto; padding-bottom:20px; background-color:#ededed; text-align:center;}
#quick .quick_review .review_text_box{width:100%; height:60px; box-sizing:border-box; background-color:#6c749a; text-align:center; font-size:15px; font-weight:700; letter-spacing:-1px; color:#fff; line-height:20px; padding-top:10px; padding-bottom:10px; overflow:hidden;}
#quick .quick_review a{display:block;}
#quick .quick_review ul{width:100%; height:auto; box-sizing:border-box; padding:18px 14px 20px 14px;}
#quick .quick_review ul li{width:100%; height:auto; box-sizing:border-box; padding-bottom:15px; background:url("../img/comm/new/line.png") no-repeat bottom center; padding-top:15px;}
#quick .quick_review ul li:first-child{padding-top:0;}
#quick .quick_review ul li:last-child{background:none; padding-bottom:0;}
#quick .quick_review ul li .thumb{width:100%; height:129px; box-sizing:border-box; border:1px solid #cdcdcd; overflow:hidden; position:relative; background-color:#fff; margin-bottom:10px;}
#quick .quick_review ul li img{display:block; width:auto; height:auto; max-width:100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
#quick .quick_review ul li .review_title{width:100%; height:auto; font-size:15px; font-weight:700; letter-spacing:-1px; color:#222; line-height:1.3; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#quick .quick_review ul li .review_text{width:100%; height:34px; font-size:13px; font-weight:400; letter-spacing:-1px; color:#737373; line-height:1.3; text-align:left; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:5px;}
#quick.main{width:100px; right:-100px;}


/* FOOTER */
#footer{width:100%; clear:both; border-top:2px solid #eee; position:relative;}
#footer .footer_top_btn{display:inline-block; width:56px; height:56px; box-sizing:border-box; position:absolute; top:64px; right:10%;}
#footer .footer_top_btn a{display:block;}
#footer .footer_nav{width:1200px; height:64px; margin:0 auto; box-sizing:border-box; padding:25px 0; text-align:center;}
#footer .footer_nav a{display:inline-block; font-size:14px; font-weight:400; letter-spacing:-1px; color:#6b6b6b; line-height:1; vertical-align:top;}
#footer .footer_nav span{display:inline-block; font-size:13px; font-weight:600; letter-spacing:0; color:#cecece; line-height:1; box-sizing:border-box; padding:0 28px; vertical-align:top; margin-top:-1px;}
#footer .footer_copyright{width:100%; height:292px; background-color:#ececec; box-sizing:border-box; padding:120px 0 126px 0; text-align:center;}
#footer .footer_copyright ul{display:inline-block; width:1128px; overflow:hidden;}
#footer .footer_copyright ul li{display:inline-block; vertical-align:top; text-align:left; float:left; box-sizing:border-box;}
#footer .footer_copyright ul li:first-child{margin-right:47px; padding-top:4.5px;}
#footer .footer_copyright ul li.copyright_txt{font-size:12px; font-weight:400; letter-spacing:-0.25px; color:#8c8c8c; line-height:18px; font-family:'dotum';}
#footer .footer_copyright ul li:last-child{float:right; overflow:hidden; box-sizing:border-box; padding-top:11px;}
#footer .footer_copyright ul li:last-child a{display:inline-block; width:31px; height:31px; box-sizing:border-box; float:left; margin-right:8px;}
#footer .footer_copyright ul li:last-child a.f_icon_facebook{background:url("../img/comm/footer_sns2.png") no-repeat center; background-position:-39px 0;}
#footer .footer_copyright ul li:last-child a.f_icon_blog{background:url("../img/comm/footer_sns2.png") no-repeat center; background-position:0px 0;}
#footer .footer_copyright ul li:last-child a.f_icon_kakao{background:url("../img/comm/footer_sns2.png") no-repeat center; background-position:-78px 0; margin-right:0;}

/* 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:#023c8d; 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:900; 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:900; 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;}

.lh13{line-height:1.3 !important;}
.lh14{line-height:1.4 !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;}

.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;}
.va_m{vertical-align:middle !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.fw1{font-weight:100 !important;}
.fw3{font-weight:400 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw7{font-weight:700 !important;}
.fw9{font-weight:900 !important;}

.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;}

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

.width0{width:50px;}
.width1{width:100px;}
.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:1000px;}
.width90{width:90%;}
.width95{width:95%;}
.width640{width:640px;}

.btn_box1{width:100%; overflow:hidden; font-size:15px; font-weight:500; margin-top:20px;}
.btn_box2{width:100%; overflow:hidden; font-size:15px; font-weight:500; text-align:center; margin-top:20px;}
.btn_box3{width:100%; overflow:hidden;}
.btn_box4{text-align:center; background-color:#f5f5f5; padding:12px 0;}

a.btn_left_1{float:left; margin-right:7px; display:inline-block; width:83px; height:38px; font-size:15px; text-align:center; line-height:38px; border:1px solid #464646; font-size:14px; color:#464646; background-color:#fff;}
a.btn_left_2{float:left; margin-right:7px; display:inline-block; width:83px; height:38px; font-size:15px; text-align:center; line-height:38px; border:1px solid #5c73b8; color:#fff; background-color:#5c73b8;}

a.btn_right_1{float:right; margin-left:7px; display:inline-block; width:83px; height:38px; font-size:15px; text-align:center; line-height:38px; border:1px solid #464646; color:#464646; background-color:#fff;}
a.btn_right_2{float:right; margin-left:7px; display:inline-block; width:83px; height:38px; font-size:15px; text-align:center; line-height:38px; border:1px solid #5c73b8; color:#fff; background-color:#5c73b8;}

a.btn_center_1{margin-left:7px; display:inline-block; width:83px; height:38px; font-size:15px; text-align:center; line-height:38px; background-color:#5c73b8; border:1px solid #5c73b8; color:#fff;}
a.btn_center_2{margin-left:7px; display:inline-block; width:83px; height:38px; font-size:15px; text-align:center; line-height:38px; background-color:#ffffff; border:1px solid #5c73b8; color:#5c73b8;}

.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;}

.hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}

.bg1{background-color:#f7f7f7;}
.bg2{background-color:#e2e9ef;}
.bg3{background-color:#ebf0f4;}
.bg4{background-color:#383a42;}
.bg5{background-color:#808d99;}

.hide{width:0; height:0; z-index:-10; text-indent:-9999px;}