@charset "utf-8";
/* CSS Document */
html{height:100%;max-height:100%}
body{height:100%;max-height:100%;overflow:hidden}
body.popup.mobile{min-width:10px}

.pop_header{height:49px;background:#484848;position:absolute;left:0;top:0;width:100%;}
.pop_header.h30{height:30px;}
.pop_header h1{margin:17px 0 0 15px;font-size:20px;line-height:1;letter-spacing:-1px}
/*.pop_header h1 img{margin:17px 0 0 15px}*/
.pop_content{background:#fff;padding:30px 15px 0px;overflow:auto;overflow-x:hidden;position:absolute;z-index:3;left:0;right:0px;top:49px;bottom:0}
.pop_close{right:15px;top:17px;position:absolute}
.pop_header.h30 > .pop_close{top:7px}

.pop_m .format_email input[type="text"]~input[type="text"]{margin-top:6px}
/*.popup .tbl_type1{margin-right:0}
.popup .tbl_type1>table{margin-left:0}
.popup .tbl_type1 tr th:first-child{border-left:0}
.popup .tbl_type1{overflow-x:hidden}*/

body.popup h1{color:#fff}
body.popup .tab_type1{margin-bottom:25px}
body.popup hr{height:25px !important}
body.popup hr.type2{height:10px !important}
body.popup .heading_d2 + hr.type2{height:0 !important}  
body.popup .tab_type1 .tab>li{margin:0 0 0 2px}
body.popup .space{display:block;height:30px}

/*회원번호 확인방법*/
body.popup div.findNumber{border:#858585 solid; position:relative; border-width:2px 0 1px; padding:20px 0}
body.popup div.findNumber img,
body.popup div.findNumber p.pl span{display:block}
body.popup div.findNumber p.pl{position:absolute; top:30px; left:317px}
body.popup div.findNumber p.pl span{padding-bottom:48px}
body.popup div.findNumber_comment{padding:0 15px}

/* 완료메세지 */
body.popup .complete_box{border-color:#858585;padding:30px}
body.popup .complete_box div{font-size:18px}

/* 자주묻는질문 */
body.popup dl.faq dt{padding:14px 0 12px 10px;border-bottom:1px solid #e0e0e0;background-image:none;background-color:#fff}
body.popup dl dd{display:block;position:relative;padding:12px 40px 10px 38px;background-color:#f9f9f9}
body.popup dl dd .label{left:10px}
body.popup dl dd .act{margin-top:30px}

/* 센터찾기 */
.print_btn{padding-bottom:10px;text-align:right}

/*ccm이란*/
div.ccm_imgblock  {min-width:700px}
div.ccm_imgblock img{float:left; margin-right:15px }
div.ccm_imgblock p{float:left; width:480px}
ul.ccm_txt {min-width:700px}
ul.ccm_txt li.item{padding:1px 0 0 9px;background:url(/images/ico/bul_circle.png) no-repeat 0 8px;}

/* 이벤트 */
.pop_event{text-align:center}
.field_chk{position:relative;margin-top:30px;padding:15px 0;border-top:1px solid #d0d0d0}
.field_chk .del{position:absolute;top:13px;right:0}

/* 인증안내,가입안내 */
.step_info ol li{color:#333}
.step_info ol li .tit{margin-top:40px;padding:15px;margin-bottom:12px;background-color:#c12733;font-size:18px;color:#fff;line-height:1}
.step_info ol li:first-child .tit{margin-top:0}
.step_info ol li .ex{display:block;margin-top:15px;text-align:center}
.step_info ol li .ex+strong{display:inline-block;margin-top:27px}
.step_info ol li em{color:#c12733;font-weight:inherit}
.step_info ol li span.comment,
.step_info ol>li ul.comment li{display:block;margin-top:3px;padding-left:10px;background:url(/images/ico/bul_dash.gif) no-repeat 0 7px;font-size:12px;color:#666}
.step_info ol li strong.empha{font-size:14px}
.step_info .info_txt2{margin:0 0 30px}
.num_lst li{margin-top:3px;padding-left:18px;background:url(/images/ico/ico_order_num1.png) no-repeat 0 2px}
.num_lst li+li{background-image:url(/images/ico/ico_order_num2.png)}
.num_lst li+li+li{background-image:url(/images/ico/ico_order_num3.png)}
.num_lst li+li+li+li{background-image:url(/images/ico/ico_order_num4.png)}
.num_lst li+li+li+li+li{background-image:url(/images/ico/ico_order_num5.png)}
.num_lst li+li+li+li+li+li{background-image:url(/images/ico/ico_order_num6.png)}

.pop_m_modal {width:549px !important; height:605px; display:none; left:200px; top:700px; position:absolute;}
.pop_m_modal .pop_header{height:49px; background:#484848; position:absolute;left:0;top:0; width:549px !important; }
.pop_m_modal .pop_header h1{margin:17px 0 0 15px;font-size:20px;line-height:1;letter-spacing:-1px}
.pop_m_modal .pop_content{width:541px !important; height:556px; border:4px solid #484848;background:#fff;overflow:auto; overflow-y:hidden; position:absolute; z-index:3;left:0;right:0px;top:49px;bottom:0; padding:0 !important;}
.pop_m_modal .pop_close{right:16px; top:17px; position:absolute;}

.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}

/* margin templete */
.mt5{margin-top:5px} .mt10{margin-top:10px} .mt15{margin-top:15px} .mt20{margin-top:20px} .mt25{margin-top:25px} .mt30{margin-top:30px} .mt35{margin-top:35px} .mt40{margin-top:40px} .mt45{margin-top:45px} .mt50{margin-top:50px}
.mb5{margin-bottom:5px} .mb10{margin-bottom:10px} .mb15{margin-bottom:15px} .mb20{margin-bottom:20px} .mb25{margin-bottom:25px} .mb30{margin-bottom:30px} .mb35{margin-bottom:35px} .mb40{margin-bottom:40px} .mb45{margin-bottom:45px} .mb50{margin-bottom:50px}
.mr5{margin-right:5px} .mr10{margin-right:10px} .mr15{margin-right:15px} .mr20{margin-right:20px} .mr25{margin-right:25px} .mr30{margin-right:30px} .mr35{margin-right:35px} .mr40{margin-right:40px} .mr45{margin-right:45px} .mr50{margin-right:50px}
.ml5{margin-left:5px} .ml10{margin-left:10px} .ml15{margin-left:15px} .ml20{margin-left:20px} .ml25{margin-left:25px} .ml30{margin-left:30px} .ml35{margin-left:35px} .ml40{margin-left:40px} .ml45{margin-left:45px} .ml50{margin-left:50px}

/* padding templete */
.pt5{padding-top:5px} .pt10{padding-top:10px} .pt15{padding-top:15px} .pt20{padding-top:20px} .pt25{padding-top:25px} .pt30{padding-top:30px} .pt35{padding-top:35px} .pt40{padding-top:40px} .pt45{padding-top:45px} .pt50{padding-top:50px}
.pb5{padding-bottom:5px} .pb10{padding-bottom:10px} .pb15{padding-bottom:15px} .pb20{padding-bottom:20px} .pb25{padding-bottom:25px} .pb30{padding-bottom:30px} .pb35{padding-bottom:35px} .pb40{padding-bottom:40px} .pb45{padding-bottom:45px} .pb50{padding-bottom:50px}
.pr5{padding-right:5px} .pr10{padding-right:10px} .pr15{padding-right:15px} .pr20{padding-right:20px} .pr25{padding-right:25px} .pr30{padding-right:30px} .pr35{padding-right:35px} .pr40{padding-right:40px} .pr45{padding-right:45px} .pr50{padding-right:50px}
.pl5{padding-left:5px} .pl10{padding-left:10px} .pl15{padding-left:15px} .pl20{padding-left:20px} .pl25{padding-left:25px} .pl30{padding-left:30px} .pl35{padding-left:35px} .pl40{padding-left:40px} .pl45{padding-left:45px} .pl50{padding-left:50px}

#mask {  
	  position:absolute;  
	  z-index:9000;  
	  background-color:#000;  
	  /*background-color:#FFF;*/  
	  display:none;  
	  left:0;
	  top:0;
	  width:100% !important
	} 

.board_top_pop{padding:0 0 10px;  }
.laypop{margin:0 auto;   z-index:10000;}
.laypop{border:1px solid #484848 !important; padding:25px; width:320px; height:310px; position:absolute; top:30%; display:none; overflow:hidden; word-break:keep-all;
}
.laypop .pop_bottom{background:#484848; width:376px; height:26px; left:0px; bottom:0px; position:absolute;}
.laypop .pop_close{right:15px; top:8px; position:absolute;}
.laypop ul {
	margin-bottom: 22px; padding: 0px; list-style: none;
}
 .laypop li{
	text-indent:-10px; padding-left: 15px;
}
 .laypop p{padding-bottom:6px; font-weight:bold;}
 .laypop p.tit{padding-bottom:22px; font-weight:bold;}


#evNnp input[type="radio"], input[type="checkbox"] {
	margin:0 !important; line-height:1.4
	padding: 0px;
	height: auto;
	border: none;
	background: none;
}
#evNnp input[type="radio"], input[type="checkbox"] {
	width: 19px; 
}

 #evNnp input{margin:2px 0; line-height:1.4 !important;}
 #evNnp select{margin:2px 0; line-height:1.4 !important;}

@media all and (max-width:700px) {
.mobile_img {width: 100%; max-width:399px; height: auto;} 
}



.laypop2{margin:0 auto;   z-index:10000;}
.laypop2{border:1px solid #484848 !important; padding:15px; width:280px; height:390px; position:absolute; top:30%; display:none; overflow:hidden; word-break:keep-all;
}
.laypop2 .pop_bottom{background:#484848; width:100%;/*width:310px;*/ height:26px; left:0px; bottom:0px; position:absolute;}
.laypop2 .pop_close{right:15px; top:8px; position:absolute;}
.laypop2 ul {
	margin-bottom: 22px; padding: 0px; list-style: none;
}
 .laypop2 li{
	text-indent:-10px; padding-left: 15px;
}
 .laypop2 p{padding-bottom:6px; font-weight:bold;}
 .laypop2 p.tit{padding-bottom:22px; font-weight:bold;}


/* 20160526 추가 시작 */
.pb0 {padding-bottom:0 !important;}
.pt5 {padding-top:5px !important;}
input[type="checkbox"].ml20 {margin-left:20px !important;}
input,label {vertical-align:middle;}
label > input + span{vertical-align:middle}
.fs11 {font-size:11px;}
.pop_content .box_type1.bg02 {padding:25px;background:#f9f9f9;}
.laypop2.pop_content.type02 {border:1px solid #484848 !important;padding:15px;width:310px;height:345px;position: fixed;top: 50%;display:none;overflow:hidden;word-break:keep-all;left: 50%;margin: -189px 0 0 -155px;}
/* 20160526 추가 끝 */


/* 20160614 */
.input_arae.tel span {display:inline-block;width:27%;}
.input_arae.tel span input {box-sizing:border-box;}
.img_100p.type01 {padding-bottom:20px;}
.img_100p.type01 a {display:block;}
.img_100p.type01 img {width:100%;height:auto;}
.pt20 {padding-top:20px !important;}
.pb20 {padding-bottom:20px !important;}
.laypop2.pop_content.type03.type02 {height:274px;margin: -137px 0 0 -155px;}

/* 20210427 */
.laypop2.pop_content.type04 {border:1px solid #484848 !important;padding:15px;width:310px;height:440px;position: fixed;top: 50%;display:none;overflow:hidden;word-break:keep-all;left: 50%;margin: -220px 0 0 -155px;}
.laypop2.pop_content.type04.type04 {height:440px;margin: -220px 0 0 -172px;}

.txt01 {font-weight:normal;display: inline-block;padding: 4px 0;}
.fs15 {padding-bottom:15px;font-size:15px;color:#333;}
.bold {font-weight:bold;}
.txt_box01 {padding:15px;font-size:14px;background:#f9f9f9;line-height:18px;color:#333;}


.tbl_type1 table.no-padding td{padding:5px 0 5px 15px}
.tbl_type1 table.no-padding2 th{height:30px}
.tbl_type1 table.no-padding2 td{padding:4px 0 4px 15px}

#skipto{display:none}

.name_card{position:relative;width:553px;height:121px;background:url('/daekyocom/images/event/bg_name_card.jpg') no-repeat;margin:0 auto}
.name_card .txt{position:absolute;}
.name_card .txt span{font-size:18px;font-weight:bold;color:#000}



.box_type_gray {background:#f2f2f2; padding:15px;}
.cp_txt{font-size: 20px;color:#333;}
.cp_txt span{display:block;}

@media all and (max-width:480px) {
	.cp_txt{font-size: 14px;color:#333;}
	.cp_txt span{display:inline;margin-right:5px}
	}