@import url(sub-etc.css);

/* 초기화 */
html {}
body {margin:0;padding:0;font-size:0.75em; font-family: 'Nanum Gothic';}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;/*font-family: 'Nanum Gothic';*/font-family:"나눔고딕","NanumGothic","Nanum Gothic","돋움",dotum;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul, ul {margin:0;padding:0;list-style:none}
.sitemap li ul {margin:0;padding:0;list-style:none;min-height:350px;}

li {list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0; font-family: 'Nanum Gothic'; font-size:13px; color:#555; letter-spacing:-0.025em;}
button {cursor:pointer}
textarea, input[type="text"] { font-size:14px;}
input[type="radio"] { width:19px; height:19px; border:1px solid #ccc;/*background: #fff;*/}
input { border:1px solid #ccc; }
input:focus { outline: 2px solid #92c2f7; }
textarea, select {font-family: 'Nanum Gothic'; border:1px solid #ccc; color: #555;}
select {border:1px solid #ccc; background:#fff; height:26px; }
select:focus {outline: 2px solid aqua;}
p {margin:0;padding:0;word-break:normal; }
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
/* a:link, a:visited {color:#555;text-decoration:none} */
a:hover, a:focus, a:active {color:#555;text-decoration:none;}
label .hidden {position: absolute; left: -200em;}

* {padding:0px; margin:0px; line-height:100%; }

em { font-style:normal;}

/* 테이블 */
table {border-collapse:collapse; width:100%;}
caption {height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-20000px;}

/*reset*/
*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;vertical-align:top}
body, td, p, input, button, textarea, select,a{font-family: 'Noto Sans KR';/* font-family:'나눔고딕','NanumGothic','Nanum Gothic','돋움',dotum; */ font-size:14px; color:#555;}
h1,h2,h3,h4,h5,h6,strong,b,dt{font-weight:600}
a,a:hover,a:active{text-decoration:none}
/* a:focus{outline: 2px solid aqua;} */



/*common*/
body.main{min-width:1200px;background:#eeeff3}
body{/*min-width:1200px;*/background:#ffffff;}

.container{position:relative;width:1600px;margin:0 auto}

.box_shadow2{box-shadow:0px 2px 1px rgba(0,0,0,0.15);background:#fff}
/*.box-shadow10{box-shadow:0px 2px 5px rgba(0,0,0,0.2);background:#fff}*/


/*header*/
#header{position:relative;z-index:100;background:#fff}

.h_sec1{position:relative;height:85px}
.h_sec1 h1{float:left;margin: 0px 0px; padding-top:18px;}
.h_sec1 .search{float:left;margin-left:-20px;margin-top:30px;border:3px solid #174676;font-size:0}
.h_sec1 .search .input{border:0;height:28px;line-height:28px;width:215px;text-indent:10px;vertical-align:top}
.h_sec1 .search lable{border:0;height:28px;line-height:28px;width:280px;text-indent:10px;vertical-align:top}
.h_sec1 .search_btn{float:left;margin-left:4px;margin-top:30px;font-size:0}
.h_sec1 .search_btn input {color:#fff;font-size:16px;font-weight:700;background:#174676;height:34px;line-height:34px;border:0;padding:0 14px;cursor:pointer;}
.h_sec1 .gnb{float:right;margin-top:35px;margin-right:-20px;}
.h_sec1 .gnb ul {display:inline;}
.h_sec1 .gnb li{float:left;margin:0 5px;height:30px;line-height:30px;letter-spacing:-0.11em;}
.h_sec1 .gnb li a {font-size:12.5px !important;}
.h_sec1 .gnb li a.btn_opinion {display:inline-block;background:#FB6D51 url(../../images/00/icon_opinion.png) no-repeat 8px -1px;text-align:center;width:95px;height:31px;line-height:31px;color:#fff !important;padding-left:17px;font-weight:700;border-radius:20px;}
.h_sec1 .gnb li a.btn_opinion:hover {background-color:#EC5B3E}
.h_sec1 .gnb li a.btn_category {display:inline-block;background:#ffba00;text-align:center;width:95px;height:31px;line-height:31px;color:#fff !important;font-weight:700;border-radius:20px;}
.h_sec1 .gnb li a.btn_category:hover {background-color:#FFA200}

/* 180220 도움말 */
#header .help_area {float:left;margin-left:6px;}
#header .help_area a {display:inline-block;background:#dc2d1b url(../../images/kqna/icon_help.png) no-repeat 14px 6px;text-align:center;height:31px;line-height:30px;color:#fff !important;padding:0 17px 0 34px;font-weight:700;border-radius:20px;}

/* 180109 도움말레이어팝업 관련  */
#popup_wrap.on{display:block}
#popup_wrap .win{position:absolute;left:50%;background:#fff;font-size:13px;color:#666;font-weight:700;}
#popup_wrap .win.on{display:block}
#popupGuide {width:1210px;height:764px;margin-left:-607px;margin-top:0px;background:transparent;box-shadow:none;}
#popupGuide #popup_wrap {position:relative;height:100%;background:none;}
#popupGuide #popup_wrap .guide {position:relative;height:100%;background:#fff;border-radius:26px;box-shadow:5px 5px 10px rgba(0,0,0,0.2); }
#popupGuide #popup_wrap .close {position:absolute;right:24px;top:24px;width:25px;height:25px;background:url('../../images/00/close_btn.png') no-repeat center;cursor:pointer}
#popupGuide #popup_wrap .close span {display:inline-block;text-indent:-99999px;}

#popupGuide #popup_wrap .guide .inner .bx-wrapper {width:1039px;padding-top:40px;}
#popupGuide #popup_wrap .guide .inner .bx-wrapper .bx-prev {left:-65px;background:url(../../images/00/control_left.png) no-repeat;}
#popupGuide #popup_wrap .guide .inner .bx-wrapper .bx-next {right:-70px;background:url(../../images/00/control_right.png) no-repeat;}
#popupGuide #popup_wrap .guide .inner .bx-wrapper .bx-pager {top:40px;text-align:right}
#popupGuide #popup_wrap .guide .inner .bx-wrapper .bx-pager.bx-default-pager a {border-radius:50%;margin:0 0 0 10px;}
#popupGuide #popup_wrap .guide .footer {position:absolute;right:24px;line-height:25px;text-align:right;}
#popupGuide #popup_wrap .guide .footer a.close {position:static;background:#ccc;padding:4px 6px;cursor:pointer}
#popupGuide #popup_wrap .guide .footer a:hover.close {color:#000;}
.hidden {display: none; visibility: hidden; overflow: hidden; width: 0; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0;}
.bx-wrapper .bx-viewport {box-shadow:none;}

.h_sec2{border:1px solid #ddd;border-width:1px 0}
.h_sec2 .lnb{position:relative;height:46px}
.h_sec2 .lnb.hover .bg,
.h_sec2 .lnb:hover .bg{display:block;position:absolute;left:0;top:47px;width:100%;min-height:415px;/*border-bottom:2px solid #43c3d1;*/background:#fff; border-bottom: 1px solid #ccc;}
.h_sec2 .lnb.hover ul ul,
.h_sec2 .lnb:hover ul ul{display:block}
.h_sec2 .lnb li{position:relative;float:left;width:20%;border-right:1px solid #ddd}
.h_sec2 .lnb > ul > li:first-child{border-left:1px solid #ddd}
.h_sec2 .lnb li > a {display:block; text-align:center; height:46px; line-height:46px; font-size:20px; color:#333333; letter-spacing: -0.04em; font-weight: bold;/* font-family:"Nanum Gothic", sans-serif; */}
.h_sec2 .lnb li:hover > a{color:#43c3d1;font-weight:600}
/*.h_sec2 .lnb li:hover dl{background:#43c3d1}
.h_sec2 .lnb li:hover dl a{color:#fff}
.h_sec2 .lnb li:hover dl a:hover{text-decoration:underline}*/
.h_sec2 .lnb ul ul {display:none;position:absolute;width:100%;text-align:center;padding:20px 20px;min-height:275px;border-right:1px solid #f3f3f3;}
.h_sec2 .lnb ul ul:nth-child(1) {border-right:1px solid #ff0000;}
.h_sec2 .lnb ul ul li {width:100%;display:block;border-right:0;}
.h_sec2 .lnb ul ul li a{display:block;color:#333;font-size:14px;/*padding:6px 0;*/letter-spacing: -0.04em;line-height:32px;height:auto;font-weight:400;}
.h_sec2 .lnb > ul > li:first-child ul {border-left:1px solid #f3f3f3}

.clear2{clear:both}


/*container*/


/*footer*/
#footer{padding:30px 0;background:#4b4b4b}
#footer .container{overflow:hidden}
#footer .con1{float:left;width:350px;margin:20px 0}
#footer .con2{float:left;font-size:13px;color:#999;font-weight:600}
#footer .con2 .c1{font-weight:200;margin-left:-5px}
#footer .con2 .c1 a{font-size:13px;font-weight:600;color:#999;margin:0 5px}
#footer .con2 .c1 a:hover{color:#aaa}
#footer .con2 .c1 a span{color:#fff}
#footer .con2 .c2{margin:20px 0 10px}
#footer .con2 .c3{}
#footer .con3{float:right}
#footer .con3 .c1,
#footer .con3 .c2{margin:5px 0;overflow:hidden}
#footer .con3 select{float:left;width:190px;height:38px;background:#fff;font-size:13px;font-weight:600;color:#888;text-indent:5px}
#footer .con3 .btn_go{float:left;width:50px;height:38px;line-height:38px;text-align:center;color:#fff;font-size:14px;background:#a2a2a2;margin-left:4px;}

.m-top-banner {width:454px;}
.m-top-thumb a {background:#f0f0f0;}
.m-top-txt {background:#3a4147; padding:24px;height:125px;}
.m-top-txt h3 {font-size:18px;font-weight:600;color:#fff;}
.m-top-txt p {font-size:14px;color:#c2c6c9;line-height:18px;margin-top:15px;}