@charset "utf-8";

/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
/* @font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/NanumGothic-Regular.eot");
    src: url("../fonts/NanumGothic-Regular.eot?#iefix") format('embedded-opentype'),
    url("../fonts/NanumGothic-Regular.woff2") format('woff2'),
    url("../fonts/NanumGothic-Regular.woff") format('woff'),
    url("../fonts/NanumGothic-Regular.ttf") format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/NanumGothic-Bold.eot");
    src: url("../fonts/NanumGothic-Bold.eot?#iefix") format('embedded-opentype'),
    url("../fonts/NanumGothic-Bold.woff2") format('woff2'),
    url("../fonts/NanumGothic-Bold.woff") format('woff'),
    url("../fonts/NanumGothic-Bold.ttf") format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/NanumGothic-ExtraBold.eot");
    src: url("../fonts/NanumGothic-ExtraBold.eot?#iefix") format('embedded-opentype'),
    url("../fonts/NanumGothic-ExtraBold.woff2") format('woff2'),
    url("../fonts/NanumGothic-ExtraBold.woff") format('woff'),
    url("../fonts/NanumGothic-ExtraBold.ttf") format('truetype');
} */
@font-face{
	font-family:'Nanum Gothic';
	font-style: normal;
	src:url("../fonts/NanumGothic-Regular.eot");
	src:url("../fonts/NanumGothic-Regular.eot?#iefix") format('embedded-opentype'),
	url("../fonts/NanumGothic-Regular.woff") format('woff'),
	url("../fonts/NanumGothic-Regular.ttf") format('truetype');
	src:local(※), url("../fonts/NanumGothic-Regular.woff") format('woff');
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, button,  p, blockquote, th, td {margin:0; padding:0;}
html, body { width:100%; height:100%; background:#fff;}
body {-webkit-text-size-adjust:none; background:#813E34; }
body,th,td,input,select,textarea,button {font-size:13px;line-height:1.5;color:#333;font-family: '나눔고딕', NanumGothic,'Nanum Gothic' , '맑은 고딕', 'Malgun Gothic', 'new gulim','새굴림' ,'돋움',dotum,Helvetica,sans-serif;}
button,input[type=submit],input[type=reset],input[type=button]{cursor:pointer;overflow:visible;}
li {list-style:none;}
img, fieldset {border:0 none;}
img {vertical-align:middle;}
legend, hr {display:none;}
legend {position:absolute; top:0; left:0; width:0; height:0; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
input, select, textarea {font-size:12px; color:#767676; -webkit-border-radius:0; -webkit-appearance: none; outline:none;}
/*input[type="text"]{*margin:-1px 0px;}*/
button {border:0; padding:0px; margin:0px; *overflow:visible; background-color:transparent;cursor:pointer; outline:none;}
em, address {font-style:normal;}
table {border-spacing:0;}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

.blind{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;position:absolute;}


/* 20160810 하반기이벤트 관련 띠배너 */
.event_line_bn {position:relative; width:100%; height: 120px; background: url("/resources/images/event_1708/bn_main_line_end_back.jpg")  repeat-x 0 0;}
.event_line_bn #event_line_bn_btn {display:block; position:relative; top: 12px; right: -13.6%; width:10px;height:10px;background: url("../images/event/btn_close.png") no-repeat 0 0;text-indent:-9999px;}
.event_line_bn .line_img { position:relative; margin:0 auto;}
.event_line_bn .line_img .line_img_a {position:relative; text-align:center; float:left; margin-left:12%; list-style:none; left:15%;}


 /* 20151006 하반기이벤트 관련 띠배너 */
/*.event_line_bn {position:relative; width:100%; height: 80px; background: #b4b1e8;}
.event_line_bn #event_line_bn_btn {display:block; position:absolute; top: 26px; right: 30px; width:26px;height:25px;background: url("../images/event/btn_close.png") no-repeat 0 0;text-indent:-9999px;}
.event_line_bn .line_img { position:relative; width: 660px; margin:0 auto;}
.event_line_bn .line_img .line_img_a {position:relative; text-align:center; top:6px; float:left; margin-left:10px; list-style:none;}
 */
/* 20151103 기관 띠배너 */
.b2b_line_bn {position:relative; width:100%; height: 30px; background: #ECD370;}
.b2b_line_bn #event_line_bn_btn {display:block; position:absolute; top: 5px; right: 30px; width:26px;height:25px;background: url("../images/event/btn_close.png") no-repeat 0 0;text-indent:-9999px;}
.b2b_line_bn .line_img { position:relative; margin:0 auto;}
.b2b_line_bn .line_img .line_img_a {position:relative; text-align:center; top:6px; float:left; min-width: 200px; margin-right: 70px; margin-left:10px; list-style:none;}
.b2b_line_bn .line_img .line_img_a b {color: red;}

@media only screen and (max-width : 620px){
	.b2b_line_bn {position:relative; width:100%; height: 60px; background: #ECD370;}
	.b2b_line_bn #event_line_bn_btn {display:block; position:absolute; top: 15px; right: 10px; width:26px;height:25px;background: url("../images/event/btn_close.png") no-repeat 0 0;text-indent:-9999px;}
}

@media only screen and (max-width : 768px){
	.event_line_bn {display:none;}
	.event_line_bn #event_line_bn_btn {display:none;}
	.event_line_bn .line_img {display:none;}
	.event_line_bn .line_img .line_img_a {display:none;}
	.mediaOnlyCSS {display:none;}
	#mainPro_area {display:none;}
	#mainPro_area2 {display:none !important;}
}

@media all and (min-width: 300px) and (max-width: 768px) {
    .event_line_bn {display:none !important;}
	.event_line_bn #event_line_bn_btn {display:none !important;}
	.event_line_bn .line_img {display:none !important;}
	.event_line_bn .line_img .line_img_a {display:none !important;}
	.mediaOnlyCSS{display:none !important;}
	#mainPro_area {display:none !important;}
}




/* 20150630 이용자 설문조사 이벤트 띠 배너 */
.survey_pro {position:relative; width:100%; height:110px; background:#fff7b5}
.survey_pro #survey_pro_btn {display:block; position:absolute; top:18px; right: 30px; width:26px;height:25px;background: url("/resources/images/bro/krpia_sangdan_close.jpg") no-repeat 0 0;text-indent:-9999px;}
.survey_pro .title_img { position:relative; width:950px; margin:0 auto;}
.survey_pro .title_img .title_img_a {position:relative; text-align:center; float:left; left:-80px; list-style:none;}
.survey_pro .title_img ul .title_img_d {display:none;}
@media only screen and (max-width : 768px){
.survey_pro {position:relative; width:100%; height:50px;}
.survey_pro #survey_pro_btn {display:block; position:absolute; top:16px; right: 10px; width:18px;height:17px;background: url("/resources/images/bro/krpia_sangdan_close.jpg") no-repeat 0 0;text-indent:-9999px;}
.survey_pro .title_img { position:relative; width:248px; margin:0 auto;}
.survey_pro .title_img .title_img_a {display:none;}
.survey_pro .title_img ul .title_img_d {display:block; position:relative; top:5px; left:-20px;}
}

/*이벤트 팝업배너*/
#layerPopup_contents3 #event_popup{background:#6e6ce7}
#layerPopup_contents3 #event_popup .header_top .contains{height:45px;background:#042c69; text-align: center;}
#layerPopup_contents3 #event_popup .header_top .contains p{line-height:45px;font-size:15px;color:#fff}
#layerPopup_contents3 #event_popup .header_top .contains p span{color:#feeac9; font-size: 17px;}
