@charset "utf-8";



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}

/*html, body{height: 100%}*/

body{background: #fff;color:#2d3740;font:0.75em/1.6 "돋움",Dotum,AppleGothic,sans-serif}

a{color:#2d3740}

a:link, a:visited{text-decoration:none}

a:hover, a:focus, a:active{text-decoration:underline}

fieldset{border:none}

img{border: 0 none}

em{font-style: normal;font-weight: bold}

address{font-style:normal}

table{border-collapse: collapse;border-spacing:0}

ul,ol {margin:0;padding:0;list-style:none}

input, button, select, textarea{vertical-align:middle}

legend, hr{overflow:hidden;position:absolute;top:0;left:0}

legend, hr, caption{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

.fl{float:left !important}

.fr{float:right !important}

.tac{text-align:center !important}

.tal{text-align:left !important}

.tar{text-align:right !important}

.jf{text-align:justify !important}

.vt{vertical-align:top !important}

.vm{vertical-align:middle !important}

.vb{vertical-align:bottom !important}

.oh{overflow:hidden !important}

.cp{cursor:pointer !important}

.di{display:inline !important}

.dn{display:none !important}

.db{display:block !important}

.vv{visibility:visible !important}

.vh{visibility:hidden !important}

.bn{border:none !important}

.btn{border-top:none !important}

.bbn{border-bottom:none !important}

.bln{border-left:none !important}

.brn{border-right:none !important}

.bgn{background:none !important}

.fb{font-weight:bold !important}

.fs_percent{font-size:100% !important}

.clear{clear:both}

.rel{position: relative}

/* margin */

.m1{margin-left:15px !important}

.mt0 {margin-top:	0 !important}

.mt5 {margin-top:	5px !important}

.mt10{margin-top: 10px !important}

.mt15{margin-top: 15px  !important}

.mt20{margin-top: 20px  !important}

.mt25{margin-top: 25px  !important}

.mt30{margin-top: 30px  !important}

.mt35{margin-top: 35px  !important}

.mt40{margin-top: 40px  !important}

.mt45{margin-top: 45px  !important}

.mt50{margin-top: 50px  !important}

.mt60{margin-top: 60px  !important}

.mt70{margin-top: 70px  !important}

.mr0 {margin-right:0  !important}

.mr5 {margin-right:5px  !important}

.mr10{margin-right:10px  !important}

.mr15{margin-right:15px  !important}

.mr20{margin-right:20px  !important}

.mr25{margin-right:25px  !important}

.mr30{margin-right:30px  !important}

.mr35{margin-right:35px  !important}

.mr40{margin-right:40px  !important}

.mr45{margin-right:45px  !important}

.mr50{margin-right:50px  !important}

.ml0 {margin-left:0 !important}

.ml5 {margin-left:5px !important}

.ml10{margin-left:10px  !important}

.ml15{margin-left:15px  !important}

.ml20{margin-left:20px  !important}

.ml25{margin-left:25px  !important}

.ml30{margin-left:30px  !important}

.ml35{margin-left:35px  !important}

.ml40{margin-left:40px  !important}

.ml45{margin-left:45px  !important}

.ml50{margin-left:50px  !important}

.mb0{margin-bottom: 0 !important}

.mb5{margin-bottom:5px  !important}

.mb10{margin-bottom:10px  !important}

.mb15{margin-bottom:15px  !important}

.mb20{margin-bottom:20px  !important}

.mb25{margin-bottom:25px  !important}

.mb30{margin-bottom:30px  !important}

.mb35{margin-bottom:35px  !important}

.mb40{margin-bottom:40px  !important}

.mb45{margin-bottom:45px  !important}

.mb50{margin-bottom:50px  !important}



/* padding */

.pt0 {padding-top:	0  !important}

.pt2{padding-top:	 2px  !important}

.pt5 {padding-top:	5px  !important}

.pt10{padding-top: 10px  !important}

.pt15{padding-top: 15px  !important}

.pt20{padding-top: 20px  !important}

.pt25{padding-top: 25px  !important}

.pt30{padding-top: 30px  !important}

.pt35{padding-top: 35px  !important}

.pt40{padding-top: 40px  !important}

.pt45{padding-top: 45px  !important}

.pt50{padding-top: 50px  !important}

.pr0 {padding-right:0  !important}

.pr5 {padding-right:5px  !important}

.pr10{padding-right:10px  !important}

.pr15{padding-right:15px  !important}

.pr20{padding-right:20px  !important}

.pr25{padding-right:25px  !important}

.pr30{padding-right:30px  !important}

.pr35{padding-right:35px  !important}

.pr40{padding-right:40px  !important}

.pr45{padding-right:45px  !important}

.pr50{padding-right:50px  !important}

.pr100{padding-right:100px  !important}

.pr130{padding-right:130px  !important}

.pl0{padding-left:	 0  !important}

.pl2{padding-left:	 2px  !important}

.pl5{padding-left:	 5px  !important}

.pl10{padding-left:10px  !important}

.pl15{padding-left:15px  !important}

.pl20{padding-left:20px  !important}

.pl25{padding-left:25px  !important}

.pl30{padding-left:30px  !important}

.pl35{padding-left:35px  !important}

.pl40{padding-left:40px  !important}

.pl45{padding-left:45px  !important}

.pl50{padding-left:50px  !important}

.pb0{padding-bottom:	0  !important}

.pb3{padding-bottom:	3px  !important}

.pb5{padding-bottom:	5px  !important}

.pb10{padding-bottom:10px  !important}

.pb15{padding-bottom:15px  !important}

.pb20{padding-bottom:20px  !important}

.pb25{padding-bottom:25px  !important}

.pb30{padding-bottom:30px  !important}

.pb35{padding-bottom:35px  !important}

.pb40{padding-bottom:40px  !important}

.pb45{padding-bottom:45px  !important}

.pb50{padding-bottom:50px  !important}

/* color red*/

.fc1{color:#f00}

.fc2{color:#0f0}

.fc3{color:#00f}

/* float 해제 */

.fixed:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.fixed{display:block}

/*  \*/

.fixed{min-height:1%}

* html .fixed{height:1%}

/* text hidden */

.hidden{width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0);border: 0;opacity:0;display:inline-block;}
.contents h4.hidden{background:none}
/* skip */

.skip{position: absolute;top: 0;left: 0}

.skip a{position:absolute;display:block;width:500px;left:0;text-align:center;top:-10000px;z-index:5000;font-size:1.3em;height: 20px}

.skip a:hover,

.skip a:focus,

.skip a:active{position: absolute;top: 0;padding: 15px 0;font-weight:bold;color:#fff;background:#1d60a7;z-index:500}

.bold {font-weight:bold}

.font11 {font-size:11px !important}

.font14 {font-size:14px !important}

.w135{width: 135px !important}

.w156{width: 156px !important}

.w169{width: 169px !important}

.text_btn a,

.text_btn{display:block;width:56px;height: 20px;line-height:20px;text-align: center;display: block;background: url(/images/board/text_btn_bg.gif) no-repeat 0 0;color:#fff;font-weight:bold;text-decoration:none}

.text_btn a{padding: 0 4px 0 2px;background-position: right top}

.text_btn{padding:0 0 0 2px;vertical-align: middle;margin-right:10px;background-position: left top}

.btn_white a,

.btn_white{display:block;width:56px;height:19px;line-height:19px;text-align:center;display:block;background:url(/images/common/btn//btn_bg_white.gif) no-repeat 0 0;color:#2d3740;text-decoration:none}

.btn_white a{padding:0 4px 0 2px;background-position:right top}

.btn_white{padding:0 0 0 2px;vertical-align: middle;margin-right:10px;background-position:left top}

.col_b{color:#ac233d}

#bgW { display: none; background: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; z-index: 1010; top: 0; height: 100%; }
#bgW { display: none; background: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; z-index: 1010; top: 0; height: 100%; }

/* poup */
/* poup */
#poupW { position: fixed; z-index: 1020; }

.popupWrap { position: static; }

.popupW1, .popupW { position: fixed; z-index: 1020; top: auto; display: none; }

.popupW1 .popup.pup_movie { width: 920px; }

/* 20200820 수정*/
.popupW1 .popup.pup_img {display:inline-block;max-width: 720px;width:auto;}

.popupW1.mobile .popup, .popupW.mobile .popup {display:block; width: 96%; margin-left: 2%; margin-right: 2%; height: auto; }
.popupW1.mobile .popup img, .popupW.mobile .popup img{max-width:100% !important;}
/* 20200820 수정*/
.popupW.mobile .popup .popupH { overflow: auto; background: #fff; }

.popupW.mobile1 .popup { width: 96%; margin: 2%; height: auto; overflow: hidden; }

.popup { width: 600px; height: auto; position: relative; z-index: 1020; background: #fff; font-family:"맑은고딕","malgun gothic","나눔고딕","Nanum Gothic","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif;line-height:18px;}

.popup.type1 { width: 1000px; }

@media (max-width: 1024px) { .popup.type1 { width: 768px; } }

@media (max-width: 767px) { .popup.type1 { width: 97%; margin: 0 1.5%; } }

.popup.type1.qMenu_type { background: #b8cee1 url(/static/images/portal/common/bg_qMenu.jpg) no-repeat center bottom; }

.popup.type1.qMenu_type .popArea { background: none; }

.popup .pupImg { text-align: center; }

.mobile .popup .popupH { margin-top: 43px; }/* 20200820 수정*/

.popup .popArea { padding: 3%; background: #fff; position: relative; }

.popup .popArea.type { padding: 2% 5%; }

.popup .popArea .popTit { text-align: center; border-bottom: 2px solid #474a5b; padding: 1% 0 2% 0; }

.popup .popArea .popTit h1 { font-size: 2em; font-weight: 400; letter-spacing: -1px; }

.popup .popArea .btn_popClose { text-align: center; margin-top: 20px; font-weight: bold; color: #fff; font-size: 1.1em; }

.popup .popArea .btn_popClose a { display: inline-block; }

.popup .popArea .movieImg { width: 100%; position: relative; padding-bottom: 55.5% !important; padding-top: 0 !important; height: 0; }

.popup .popArea .movieImg iframe { width: 100%; height: 100%; border: 0; position: absolute; }

.popup .popArea .tit1 { font-size: 1.2em; }

.popup .pshow1 { display: none; }

.popup .pop_tit { font-size: 16px; padding: 16px; background: #787d9a; letter-spacing: -1px; font-weight: 600; text-align: center; color: #fff; }

.popup .eventClose { overflow: hidden; }

.popup .eventClose .fltxt { float: left; margin-top: 15px; }

.popup .eventClose .closeDay { float: right; margin:10px;font-size:14px;}

.popup .popup_con { padding: 20px; }

.popup .qMenu_area1 { text-align: center; height: 160px; background: no-repeat 85% bottom; padding: 10px; }

/*.popup .qMenu_area1 { text-align: center; height: 160px; background: url(/static/images/portal/common/bg_qmenu1.png) no-repeat 85% bottom; padding: 10px; }*/

@media (max-width: 1024px) { .popup .qMenu_area1 { background: none; height: auto; } }

.popup .qMenu_area1 h1 { font-size: 2.1em; font-weight: 500; line-height: 1.5; }

.popup .qMenu_area1 .popSch { margin-top: 20px; border: 2px solid #474a5b; background: #fff; border-radius: 25px; width: 400px; display: inline-block; padding: 5px 5px 7px 10px; }

.popup .qMenu_area1 .popSch .inp { border: 0; width: 335px; }

@media (max-width: 1024px) { .popup .qMenu_area1 .popSch { display: none; } }

.popup .qMenu_area2 { margin: 0 40px 0 80px; display: block; position: relative; padding-bottom: 40px; }

.popup .qMenu_area2:before, .popup .qMenu_area2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

@media (max-width: 1024px) { .popup .qMenu_area2 { margin: 0; } }

.popup .qMenu_area2 .bgview { background: no-repeat 90% bottom; width: 140px; height: 400px; position: absolute; bottom: 0; right: 0; display: block; }

/*.popup .qMenu_area2 .bgview { background: url(/static/images/portal/common/bg_qmenu2.png) no-repeat 90% bottom; width: 140px; height: 400px; position: absolute; bottom: 0; right: 0; display: block; }*/

@media (max-width: 1024px) { .popup .qMenu_area2 .bgview { display: none; } }

.popup .qMenu_area2 .smBoxL { float: left; width: 438px; }

@media (max-width: 1024px) { .popup .qMenu_area2 .smBoxL { width: 99.5%; margin: 0.5% 0 0 0.5%; } }

.popup .qMenu_area2 .smBoxL .smBox { border: 1px solid #b2b4bf; background: #f5f6fa; width: 219.9px; height: 190px; float: left; padding: 20px; margin: -1px 0 0 -1px; }

@media (max-width: 1024px) { .popup .qMenu_area2 .smBoxL .smBox { width: 50%; } }

@media (max-width: 480px) { .popup .qMenu_area2 .smBoxL .smBox { width: 100%; } }

.popup .qMenu_area2 .smBoxL .smBox ul > li > a { line-height: 1.8; display: block; }

.popup .qMenu_area2 .smBoxL .smBox ul > li > a:before { content: "- "; display: inline-block; width: 11px; }

.popup .qMenu_area2 .smBoxL .smBox ul > li > div { position: absolute; top: 10px; right: 36px; width: 340px; height: 380px; padding: 30px 80px 30px 30px; display: none; }

.popup .qMenu_area2 .smBoxL .smBox:hover { background: #474a5b; }

.popup .qMenu_area2 .smBoxL .smBox:hover h2 { color: #ff80b3; }

.popup .qMenu_area2 .smBoxL .smBox:hover ul > li > a { color: #d0d4e2; }

.popup .qMenu_area2 .smBoxL .smBox:hover ul > li > a:hover { color: #fff; font-weight: bold; }

.popup .qMenu_area2 .smBoxL h2 { font-size: 1.05em; font-weight: bold; margin-bottom: 12px; }

.popup .qMenu_area2 .smBoxR { margin: -1px 0 0 -1px; float: left; width: 300px; height: 380px; border: 1px solid #b2b4bf; background: #fff url(/static/images/portal/common/bg_qmenu_text.jpg) no-repeat center 95%; }

@media (max-width: 1024px) { .popup .qMenu_area2 .smBoxR { display: none; } }

.popup .qMenu_area2 .smBoxR .smBoxR_bg { background: url(/static/images/portal/common/bg_qmenu_sky.jpg) no-repeat left top; padding-top: 70px; }

.popup .qMenu_area2 .smBoxR .smBox1 > p { background: url(/static/images/portal/common/arr_q.gif) no-repeat center top; padding-top: 30px; text-align: center; }

.popClose { position: absolute; top: -43px; right: 0; }

.popClose a { display: inline-block; margin-left: 8px; width: 38px; height: 38px; filter: alpha(opacity=100); }

.popClose a:focus, .popup .popClose a:focus { opacity: 1; filter: alpha(opacity=100); border: 1px dotted #fff; }

.popClose1 { position: absolute; top: 20px; right: 10px; }

.popClose1 a { display: inline-block; margin-left: 8px; width: 38px; height: 38px; }

.popClose1 a:focus, .popup .popClose a:focus { opacity: 1; filter: alpha(opacity=100); }

.dClose {display: inline-block; vertical-align : top; margin-top : 1px}


/* radio checkbox*/
.checkbox{text-align:left;}
.radiobox1, .radiobox, .checkbox{position: relative;display:inline-block; margin:3px 0;}
.checkbox input, .radio input{margin-left:0 !important;}
input[type="checkbox"],input[type="radio"]{margin:0}

input[type="checkbox"]{position:absolute;top:0;left:-20px;width:20px;height:20px;}
input[type="checkbox"] + label{position:relative}

input[type="checkbox"] + label:before{margin:0 5px 0 -20px;content:" ";display:inline-block;background:#fff url(/static/images/common/checkbox_off.gif) no-repeat center center;width:20px;height:20px;vertical-align: top;}
input[type="checkbox"] + label.active:before{background:#fff url(/static/images/common/checkbox_on.gif) no-repeat center center;width:20px;height:20px;}
input[type="checkbox"] + label.active:after{position:absolute;top:-1px;left:0;content:" ";font-size:14px;color:#fff;background:#fff url(/static/images/common/checkbox_on.gif) no-repeat center center;width:20px;height:20px;}
input[type="checkbox"]:checked + label:before{background:#fff url(/static/images/common/checkbox_on.gif) no-repeat center center;width:20px;height:20px;}
input[type="checkbox"]:checked + label:after{position:absolute;top:-5px;left:-20px;content:" ";font-size:14px;color:#fff;background:#fff url(/static/images/common/checkbox_on.gif) no-repeat center center;width:20px;height:20px;}
input[type="checkbox"]:checked + label{font-weight:bold;color:#333}
/*// input[type="checkbox"].checkType + label:before{margin:-1px 5px 0 -19px;content:" ";display:inline-block;width:21px;height:21px;border:0; cursor:pointer;background:#bfc0c3;vertical-align: top;}
// input[type="checkbox"].checkType + label.active:before{background:#fff;}
// input[type="checkbox"].checkType + label.active:after{position:absolute;top:-1px;left:0;content:" ";font-size:14px;color:#fff;background:url(/static/images/common/checkbox_on.gif) no-repeat left top;width:18px;height:18px;}
// input[type="checkbox"].checkType:checked + label:before{border:2px solid #fff;background:#fff;}
// input[type="checkbox"].checkType:checked + label:after{position:absolute;top:0;left:0;content:" ";font-size:14px;color:#fff;background:url(/static/images/common/checkbox_on.gif) no-repeat left top;width:18px;height:18px;}

// input[type="checkbox"]{position:absolute;top:-2px;left:0;width:18px;height:18px;}
// input[type="checkbox"] + label{position:relative;font-weight:normal;}
// input[type="checkbox"] + label:before{margin:2px 5px 0 -20px;content:"";display:inline-block;width:18px;height:18px;border:2px solid #666; cursor:pointer;background:#fff;vertical-align: top;}
// input[type="checkbox"] + label.active:before{border:2px solid #0090d3;background:#0090d3;}
// input[type="checkbox"] + label.active:after{position:absolute;top:1px;left:0;content:"";font-size:14px;color:#fff;background:url(/static/images/common/checkbox_on.gif) no-repeat left center;width:18px;height:18px;}
// input[type="checkbox"]:checked + label:before{border:2px solid #0090d3;background:#0090d3;}
// input[type="checkbox"]:checked + label:after{position:absolute;top:1px;left:0;content:"";font-size:14px;color:#fff;background:url(/static/images/common/checkbox_on.gif) no-repeat left center;width:18px;height:18px;}

// input[type="checkbox"].checkType + label:before{margin:2px 5px 0 -19px;content:"";display:inline-block;width:17px;height:17px;border:0; cursor:pointer;background:#bfc0c3;vertical-align: top;}
// input[type="checkbox"].checkType + label.active:before{background:#fff;}
// input[type="checkbox"].checkType + label.active:after{position:absolute;top:1px;left:0;content:"";font-size:14px;color:#fff;background:url(/static/images/common/checkbox_on.gif) no-repeat left center;width:18px;height:18px;}
// input[type="checkbox"].checkType:checked + label:before{border:2px solid #fff;background:#fff;}
// input[type="checkbox"].checkType:checked + label:after{position:absolute;top:1px;left:0;content:"";font-size:14px;color:#fff;background:url(/static/images/common/checkbox_on.gif) no-repeat left center;width:18px;height:18px;}

// input[type="radio"]{position:absolute;top:0;left:0;width:20px;height:20px;}*/
 input[type="radio"]{position:absolute;top:5px;left:3px;}
input[type="radio"] + label{position:relative;margin-right:15px;font-weight:normal;vertical-align: middle}
input[type="radio"] + label:before{content:" ";display:inline-block;width:20px;height:23px;vertical-align: top;margin:0 2px 1px 0;background:url(/static/images/common/radio1_off.png) no-repeat left 0;}
input[type="radio"] + label.active:before, input[type="radio"]:checked + label:before{background: url(/static/images/common/radio1_on.png) no-repeat left 0;}
input[type="radio"]:checked + label, input[type="radio"] + label.active{color:#333;}
/*// input[type="radio"].type + label:before{background:url(/static/images/common/radio1_on.png) no-repeat left 3px;}*/
input[type="radio"].type + label.active:before, input[type="radio"].type:checked + label:before{background: url(/static/images/common/radio2_on.png) no-repeat left 0; }
input[type="radio"].type:checked + label, input[type="radio"].type + label.active{color:#f05291;font-weight:bold;}
input[type="radio"]+ label:hover{cursor:pointer;}

/* hidden */
.sr-only, .hidden, .accessibility { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }