@charset "utf-8";
/* CSS Document */ 


/* ==================================================
	반응형
================================================== */
.showPc{display:block;}
.showTa{display:none;}
.showMo{display:none;}
.showTaMo{display:none;}

@media screen and (max-width:1024px){
	.showPc{display:none;}
	.showTa{display:block;}
	.showMo{display:none;}
	.showTaMo{display:block;}
}

@media screen and (max-width:640px) {
	.pcArea{display:none ;}
	.showPc{display:none;}
	.showTa{display:none;}
	.showMo{display:block;}
	.showTaMo{display:block;}
}

a:hover{transition: 0.5s !important;}

/* ==================================================
	공통레이아웃
================================================== */
#warp{width:100%; position:relative; min-width:1480px; margin:0 auto 50px; overflow:hidden;}

/* ==================================================
	header
================================================== */
#header{width:100%; position:fixed; z-index:99; min-width:1480px; margin:0 auto; background:#fff; padding:0; height:100px; overflow:hidden;}
#header h1{position:absolute; left:35px; top:24px;}
#header .member{position:absolute; right:35px;  top:38px;}
#header .member > li{float:left; width:auto; position:relative; margin-left:30px; }
#header .member > li.login{background:url(/img/ico_login.png) no-repeat left center; padding-left:34px;}
#header .member > li.join{background:url(/img/ico_join.png) no-repeat left center; padding-left:30px;}

#header .member > li.login_aft { display:none; }
#header .member > li.logout{background:url(/img/ico_logout.png) no-repeat left center; padding-left:34px;}
#header .member > li.myinfo{background:url(/img/ico_myinfo.png) no-repeat left center; padding-left:30px;}
#header .member > li > a{display:block; font-size:16px; font-weight:600; color:#152637; }

#header .search{display:none;}
.sub #header .search{display:block; width:520px; position:absolute; left:50%; margin-left:-260px; top:30px;}
#header .search fieldset{border-bottom:2px solid #223446; padding-bottom:5px;}
#header .search  input{background:none; border:none; color:#6c7f8a; font-size:16px; padding:0; width:490px;}
#header .search  input.search_btn{background:url(/img/btn_search_sub.png) no-repeat left center; width:23px; height:20px;}

/* ==================================================
	contents
================================================== */
#container{clear:both; position:relative; width:100%;  padding-top:100px; height:100%;  min-width:1480px;}
#subWrap{clear:both; position:relative; width:100%; min-width:1480px;}
#subWrap .gnb{width:100%; background:#e5ebf0; padding:20px 0 0 35px; overflow:hidden; position:relative;}
#subWrap .gnb li{width:204px; float:left; margin-right:8px; background:#fff; border-radius:10px 10px 0 0; text-align:center; height:48px; line-height:48px; color:#223446; font-size:18px; font-weight:600;}
#subWrap .gnb li.on{background:#223446; color:#fff;}

/* ==================================================
	footer
================================================== */
#footer{clear:both; width:100%; position:relative; min-width:1480px; margin:0 auto; padding:20px 0;  background:#fff; overflow:hidden;}

#footer .agree{float:left; margin-left:35px; position:relative; overflow:hidden;}
#footer .agree li {float:left; margin-right:5px;}
#footer .agree li a{display:block; border:1px solid #c8ccce; padding:5px 10px; text-align:center; font-size:14px; }
#footer .copy{float:right; margin-right:35px; font-size:13px; color:#6c7f8a; line-height:40px; vertical-align:middle;}




/* ==================================================
	skip
================================================== */
a.skip{display:block;position:absolute;top:-1px;z-index:999;width:0;height:0;overflow:hidden;text-align:center}
a.skip:active,a.skip:focus{z-index:999;width:100%;height:auto;padding:5px;background:#FFF}



input[type=button] {cursor:pointer !important;}
.cp{cursor:pointer !important;}

.wid10{width:10% !important;}
.wid20{width:20% !important;}
.wid29{width:29% !important;}
.wid30{width:30% !important;}
.wid39{width:39% !important;}
.wid40{width:40% !important;}
.wid49{width:49% !important;}
.wid50{width:50% !important;}
.wid59{width:59% !important;}
.wid60{width:60% !important;}
.wid70{width:70% !important;}
.wid80{width:80% !important;}

.wid100{width:100px !important;}
.wid200{width:200px !important;}
.wid300{width:300px !important;}
.wid400{width:400px !important;}
.wid500{width:500px !important;}

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.pb10{padding-bottom:10px !important;}
.pl10{padding-left:10px !important;}
.pl0{padding-left:0px !important;}


.bno{border:none !important;}
.bno_b{border-bottom:none !important;}
.blind{position:absolute; top:-999999px; width:0; height:0; font-size:0; overflow:hidden;}
.clear{clear:both;}

.fl_l{float:left !important;}
.fl_r{float:right !important;}
.txt_l{text-align:left !important;}
.txt_c{text-align:center !important;}
.txt_r{text-align:right !important;}
.ver_t{vertical-align:top !important;}
.txt_b{font-weight:500 !important;}
.txt_ul{text-decoration:underline !important;}

.wbreak{word-break:break-all !important;}


/* 셀렉트 */
.selectric-dSelect{position:relative;float:none;width:245px;margin:0 0 0 0;}
.selectric-dSelect .selectric{border:1px solid #d1d1d1}
.selectric-dSelect .selectric .label{font-size:14px;color:#666;text-align:left;text-overflow:ellipsis;letter-spacing:0}
.selectric-dSelect .button{right:10px;top:12px;width:12px;height:7px;background:url("/img/list_arrow.png") no-repeat left top}
.selectric-dSelect.selectricOpen .button{background-position:left bottom}
.selectric-dSelect .selectricItems{padding:4px 0 0 0;background:#fff;border:1px solid #d1d1d1;border-top:0}
.selectric-dSelect .selectricItems li{padding:5px 15px 5px 10px;background:#fff;border:0;font-size:14px;color:#666;text-align:left}
.selectric-dSelect .selectricItems li:hover,
.selectric-dSelect .selectricItems li.selected{background:#efefef;color:#666}
.selectric-dSelect.selectricAbove .selectricItems{padding:0 0 4px 0;border:1px solid #d1d1d1;border-bottom:0}

/* 라디오 버튼 */
.radio_box label{font-size:14px;color:#666}
.radio_box label + label{margin:0 0 0 24px;}


/* 체크 박스 */
.check_box label{font-size:14px;color:#666}
.check_box label + label{margin:0 0 0 24px;}

/* input type="file"*/
.fileBox{overflow:hidden;}
.fileBox .inputBox{float:left;}
.fileBox input[type="text"]{float:left;overflow:hidden;box-sizing:border-box;height:32px;padding:8px 10px;border:1px solid #d1d1d1;font-size:14px;line-height:1;letter-spacing:-1px;color:#999;background:#fafafa;}
.fileBox .fileBtn{float:left;margin-left:13px;}
.fileBox .fileBtn label{display:inline-block;width:125px;font-size:14px;line-height:32px;letter-spacing:-1px;color:#fff;background:#999;text-align:center;}
.fileBox .fileBtn input[type="file"]{visibility:hidden;width:0;height:0;padding:0;margin:0;}