@charset "utf-8";


/************* 스텝 공통 *************/

.page_title{text-align:center;padding:50px 0 80px;color:#222;font-size:38px;font-family:'NotoKrB';letter-spacing:-0.025em;}

/* 스텝단계 */
.step_list{display:inline-block;width:100%;font-size:0;height:60px;}
.step_list ul li{position:relative;color:#666;font-family:'NotoKrM';display:inline-block;*display:inline;*zoom:1;padding-left:80px;background:url(/nanum/site/img/common/step_line_off.gif) repeat-x left 23px;}
.step_list ul li:first-child{padding-left:0;background:none;}
.step_list ul li span{display:inline-block;width:44px;height:44px;font-size:20px;color:#686868;font-family:'Gotham';line-height:44px;border:3px solid #e7e7e7;border-radius:100%;background:#e7e7e7;}
.step_list ul li p{position:absolute;top:60px;right:0;margin-right:-14px;width:80px;color:#666;font-size:14px;letter-spacing:-0.04em;}

.step_list ul li.on,
.step_list ul li.fin{background:url(/nanum/site/img/common/step_line_on.gif) repeat-x left 23px;}
.step_list ul li.on span{color:#48a516;background:#fff;border:3px solid #3ea009;}
.step_list ul li.fin span{color:#fff;background:#3ea009;border:3px solid #3ea009;}
.step_list ul li.on p{color:#3ea009;font-size:15px;font-family:'NotoKrB';}


/**** 폼박스영역 ****/
.reserve_w{display:inline-block;width:100%;}
.reserve_w.rsv_t{padding-top:60px;}

/* 타이틀 */
.h2_line{width:100%;height:60px;line-height:60px;border-top:2px solid #000;border-bottom:1px solid #000;}
.h2_line h2{font-size:25px;font-weight:normal;font-family:'NotoKrB';letter-spacing:-0.06em;color:#222;}

.h2img_line{width:100%;padding:20px 0 40px;line-height:55px;border-top:2px solid #000;border-bottom:1px solid #d9d9d9;}
.h2img_line h2{font-size:25px;font-weight:normal;font-family:'NotoKrB';letter-spacing:-0.06em;color:#222;}
.h2img_line .h2_img{font-size:0;line-height:0;}
.h2img_line .h2_img img{width:600px;height:400px;}

.form_box{display:inline-block;width:1040px;padding:45px 30px 60px;border-bottom:1px solid #000;text-align:left;}
.form_box.line01{padding:45px 30px 50px;border-bottom:1px solid #d9d9d9;}
.form_box.line02{border-bottom:1px solid #b2b2b2;}

.form_box .agree_w{float:left;margin-top:45px;width:100%;vertical-align:top;letter-spacing:-0.04em;}
.form_box .agree_w:first-child{margin-top:0;}
.form_box .agree_w .agree_box{height:498px;border:1px solid #d2d2d2;border-radius:5px;overflow:hidden;}
.form_box .agree_w .agree_box.sj_right{height:551px;border:1px solid #d2d2d2;border-radius:5px;overflow:hidden;}
.form_box .agree_w .agree_box .agree_txt{height:331px;overflow-y:scroll;padding:30px;}
.form_box .agree_w .agree_box .agree_chk{padding-left:20px;height:52px;background:#f5f5f5;border-top:1px solid #d2d2d2;}
.form_box .agree_w .agree_box .agree_chk input{vertical-align:middle;margin:0;}
.form_box .agree_w .agree_box .agree_chk input[type="checkbox"]{width:23px;height:23px;padding:0;border:0 none;margin:0;position:absolute;text-indent:-9999px;overflow:hidden;clip:rect(0 0 0 0);}
.form_box .agree_w .agree_box .agree_chk label{display:inline-block;padding-left:31px;height:52px;line-height:52px;font-size:15px;color:#555;cursor:pointer;background:url(/nanum/site/img/common/agree_chk_off.png) no-repeat left 50%;}
.form_box .agree_w .agree_box .agree_chk input[type="checkbox"]:checked + label{color:#000;background:url(/nanum/site/img/common/agree_chk_on.png) no-repeat left 50%;}
.form_box .agree_w .agree_box .agree_chk input[type="checkbox"]:focus-visible + label{outline-offset: max(2px, 0.1em);outline: max(2px, 0.1em) solid;}

.form_box .input_w{display:inline-block;width:100%;}
.form_box .input_w .tit{padding:30px 0 10px 5px;font-size:14px;color:#333;font-family:'NotoKrM';letter-spacing:-0.04em;}
.form_box .input_w ul li{float:left;width:333px;margin-left:20px;}
.form_box .input_w ul li:first-child{margin-left:0;}
.form_box .input_w ul.no1 li{width:100%;margin-left:0;}
.form_box .input_w ul.no2 li{width:510px;}
.form_box .input_w ul.no3 li{width:333px;}
.form_box .input_w ul.no4 li{width:245px;}
.form_box .input_w ul.no5 li{width:192px;}
.form_box .input_w ul.nofl li{float:none;width:100%;margin-left:0;}

/* 텍스트 입력할때 */
.form_box .input_w ul li .txt_w{position:relative;height:48px;line-height:48px;padding:0 20px;overflow:hidden;font-size:15px;font-family:'NotoKrM';color:#666;border-radius:5px;border:1px solid #d2d2d2;}
.form_box .input_w ul li .txt_w.none{background:#f5f5f5;}
.form_box .input_w ul li .txt_w input{width:100%;padding:0;margin:0;height:46px;line-height:46px;border:0;font-size:15px;font-family:'NotoKrM';color:#666;}
.form_box .input_w ul li .txt_w .inp_info{position:absolute;top:0;left:21px;color:#b1b1b1;}
.form_box .input_w ul li .txt_w input::placeholder {color:#b1b1b1;}

.form_box .input_w ul li .txt_none{position:relative;height:48px;line-height:48px;padding:0 20px;overflow:hidden;font-size:15px;font-family:'NotoKrM';color:#666;border-radius:5px;border:0px;}
.form_box .input_w ul li .txt_none input{width:100%;padding:0;margin:0;height:46px;line-height:46px;border:0;font-size:15px;font-family:'NotoKrM';color:#666;}
.form_box .input_w ul li .txt_none .inp_info{position:absolute;top:0;left:21px;color:#b1b1b1;}

/* 카운트 누를때 */
.form_box .input_w ul li .count_w{position:relative;height:48px;line-height:48px;overflow:hidden;border-radius:5px;border:1px solid #d2d2d2;text-align:center;}
.form_box .input_w ul li .count_w .count_btn{position:absolute;top:0;display:inline-block;width:45px;height:48px;font-size:0;line-height:0;border:none;text-indent:-9999px;cursor:pointer;}
.form_box .input_w ul li .count_w .count_btn.down{left:0;border-right:1px solid #e6e6e6;background:#f2f2f2 url(/nanum/site/img/common/count_down.png) no-repeat center 50%;}
.form_box .input_w ul li .count_w .count_btn.down:hover{background:#e8e8e8 url(/nanum/site/img/common/count_down.png) no-repeat center 50%;}
.form_box .input_w ul li .count_w .count_btn.up{right:0;border-left:1px solid #e6e6e6;background:#f2f2f2 url(/nanum/site/img/common/count_up.png) no-repeat center 50%;}
.form_box .input_w ul li .count_w .count_btn.up:hover{background:#e8e8e8 url(/nanum/site/img/common/count_up.png) no-repeat center 50%;}
.form_box .input_w ul li .count_w .count_btn span{height:0;width:0;font-size:0;line-height:0;text-indent:-9999px;}
.form_box .input_w ul li .count_w .count_num{width:100%;text-align:center;border:none;color:#666;height:46px;line-height:46px;font-size:15px;font-family:'NotoKrM';letter-spacing:-0.04em;}

/* 기본정보입력 */
.form_box .input_w ul#reserveBox li:nth-child(1){ margin-left: 0px;}
.form_box .input_w ul#reserveBox li:nth-child(3){ margin-left: 0px; margin-right: 20px;}
.form_box .input_w ul#reserveBox li:nth-child(4){ margin-left: 0px;}
.form_box .input_w .optional_text{color: #b1b1b1; font-size: 12px;}

/* 라디오버튼 선택 */
.form_box .radio_w{display:inline-block;width:100%;margin-top:25px;}
.form_box .radio_w ul li{float:left;margin-left:30px;}
.form_box .radio_w ul li:first-child{margin-left:0;}
.form_box .radio_w ul li input{vertical-align:middle;margin:0;}
.form_box .radio_w ul li input[type="radio"]{width:23px;height:23px;padding:0;border:0 none;margin:0;position:absolute;text-indent:-9999px;overflow:hidden;clip:rect(0 0 0 0);}
.form_box .radio_w ul li label{display:inline-block;padding-left:31px;height:25px;line-height:25px;font-size:15px;color:#555;cursor:pointer;background:url(/nanum/site/img/common/agree_chk_off.png) no-repeat left 50%;}
.form_box .radio_w ul li input[type="radio"]:checked + label{color:#000;background:url(/nanum/site/img/common/agree_chk_on.png) no-repeat left 50%;}


/* 체크영역 */
.chk_w{padding:0 20px;margin-top:25px;border:1px solid #d2d2d2;border-radius:5px;height:52px;background:#fff;}
.chk_w input{vertical-align:middle;margin:0;}
.chk_w input[type="checkbox"]{width:23px;height:23px;padding:0;border:0 none;margin:0;position:absolute;text-indent:-9999px;overflow:hidden;clip:rect(0 0 0 0);}
.chk_w label{display:inline-block;padding-left:31px;height:52px;line-height:52px;font-size:15px;color:#555;cursor:pointer;background:url(/nanum/site/img/common/agree_chk_off.png) no-repeat left 50%;}
.chk_w input[type="checkbox"]:checked + label{color:#000;background:url(/nanum/site/img/common/agree_chk_on.png) no-repeat left 50%;}
.chk_w input[type="checkbox"]:focus-visible + label{outline-offset: max(2px, 0.1em);outline: max(2px, 0.1em) solid;}


/*결제진행중*/
.pay_box{padding:70px 0;border-bottom:1px solid #000;}
.pay_box .pay_img{font-size:0;line-height:0;}
.pay_box .tit{padding-top:50px;font-size:30px;font-family:'NotoKrL';letter-spacing:-0.04em;color:#000;}
.pay_box .tit span{font-family:'NotoKrB';color:#ff8400;}
.pay_box .tit2{padding-top:15px;font-size:20px;font-family:'NotoKrL';letter-spacing:-0.04em;color:#000;}
.pay_box .txt{padding-top:15px;font-size:14px;letter-spacing:-0.04em;color:#666;}
.pay_box .txt span{color:#000;text-decoration:underline;}


/* 결과값 */
.result_box{overflow:hidden;clear:both;width:100%;height:79px;border-bottom:1px solid #d9d9d9;}
.result_box.half{background:url(/nanum/site/img/common/result_line.gif) no-repeat 40% 50%;}
.result_box .box{height:79px;}
.result_box.half .box{position:relative;float:left;width:50%;}
.result_box.half .box.fl{width:40%;}
.result_box.half .box.fr{width:60%;}
.result_box .box .r_tit,
.result_box .box .r_result{height:79px;line-height:79px;}
.result_box .box .r_tit{float:left;padding-left:30px;letter-spacing:-0.04em;font-size:20px;color:#000;font-family:'NotoKrB';text-align:left;}
.result_box .box .r_result{float:right;padding-right:30px;font-size:14px;color:#666;text-align:right;}
.result_box .box .r_result span{font-family:'Gotham', 'NotoKrR';color:#43a20f;font-size:30px;margin-right:5px;}


/* 예약정보안내 */
.reserve_info{padding:25px 30px 23px;border-bottom:1px solid #000;background:#f6f6f6;text-align:left;}


/* 버튼영역 */
.reserve_btn{display:inline-block;width:100%;font-size:0;padding-top:40px;}
.reserve_btn a,
.reserve_btn input{margin:0 5px;}



/************* 스텝01 예약및신청 *************/
#step01{display:inline-block;width:100%;padding-top:60px;}
#step01 .program_list{float:right;}
#step01 .program_list ul li{float:left;color:#666;font-size:13px;letter-spacing:-0.06em;margin-left:20px;}
#step01 .program_list ul li span{display:inline-block;width:8px;height:8px;/* border-radius:100%; */margin-right:5px;}
#step01 .program_list ul li span.type01{background:#4bc9c8;}
#step01 .program_list ul li span.type02{background:#ffc600;}
#step01 .program_list ul li span.type03{background:#e30880;width: 15px;}
#step01 .program_list ul li span.type04{background:#29a1e6;}
#step01 .program_list ul li span.type05{background:#4aa904;width: 15px;}

/*캘린더*/
#step01 .calendar_wrap{clear:both;display:inline-block;width:100%;padding-top:16px;}
#step01 .calendar_wrap .month_control{position:relative;width:100%;height:55px;line-height:55px;border-top:2px solid #000;border-bottom:1px solid #000;font-family:'Gotham';}
#step01 .calendar_wrap .month_btn{position:absolute;top:7px;}
#step01 .calendar_wrap .month_btn a{display:inline-block;padding:3px 10px;color:#3ea009;font-weight:500;font-size:16px;line-height:30px;border:1px solid #dfdfdf;border-radius:5px;}
#step01 .calendar_wrap .month_btn a:hover{color:#fff;border:1px solid #3ea009;}
#step01 .calendar_wrap .month_btn.prev{left:0;}
#step01 .calendar_wrap .month_btn.prev a{padding-left:37px;background:#eff7eb url(/nanum/site/img/sub/month_prev.gif) no-repeat left 50%;}
#step01 .calendar_wrap .month_btn.prev a:hover{background:#3ea009 url(/nanum/site/img/sub/month_prev_on.gif) no-repeat left 50%;}
#step01 .calendar_wrap .month_btn.next{right:0;}
#step01 .calendar_wrap .month_btn.next a{padding-right:37px;background:#eff7eb url(/nanum/site/img/sub/month_next.gif) no-repeat right 50%;}
#step01 .calendar_wrap .month_btn.next a:hover{background:#3ea009 url(/nanum/site/img/sub/month_next_on.gif) no-repeat right 50%;}
#step01 .calendar_wrap .month_num{font-size:25px;color:#222;font-weight:600;}

#step01 .calendar_wrap .calendar{clear:both;width:100%;text-align:left;}
#step01 .calendar_wrap .calendar .calendar_top{display:inline-block;width:100%;}
#step01 .calendar_wrap .calendar .calendar_top ul li{float:left;width:137px;padding:12px 10px 50px;font-weight:normal;font-family:'NotoKrB';color:#222;font-size:13px;}
#step01 .calendar_wrap .calendar .calendar_top ul li.sun{color:#d71313;}
#step01 .calendar_wrap .calendar .calendar_date{display:inline-block;width:100%;font-size:0;}
#step01 .calendar_wrap .calendar .calendar_date ul li{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:147px;min-height:50px;padding:0 5px 50px;color:#666;font-size:14px;}
#step01 .calendar_wrap .calendar .calendar_date ul li .date{border-top:1px solid #000;color:#222;padding:13px 0 0 10px;font-size:30px;font-family:'Gotham';font-weight:400;}
#step01 .calendar_wrap .calendar .calendar_date ul li .date a{color:#222;}
#step01 .calendar_wrap .calendar .calendar_date ul li .date a:hover{color:#48a516;}
#step01 .calendar_wrap .calendar .calendar_date ul li.pass .date{border-top:1px solid #b2b2b2;color:#b2b2b2;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list{display:inline-block;width:100%;letter-spacing:-0.04em;padding-top:15px;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list a{display:block;padding:8px 0 8px 18px;font-size:14px;color:#222;font-family:'NotoKrM';line-height:16px;border-radius:3px;border:1px solid #e1e1e1;margin-top:4px;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list a:first-child{margin-top:0;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list a span{display:inline-block;width:100%;font-family:'NotoKrR';font-size:11px;color:#666;}

#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list a.type01{background:url(/nanum/site/img/sub/type01_line.gif) repeat-y left top;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list a.type01:hover{background:#f1f7f7 url(/nanum/site/img/sub/type01_line.gif) repeat-y left top;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list a.type02{background:url(/nanum/site/img/sub/type02_line.gif) repeat-y left top;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list a.type02:hover{background:#f9f7ee url(/nanum/site/img/sub/type02_line.gif) repeat-y left top;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list a.type03{background:url(/nanum/site/img/sub/type03_line.gif) repeat-y left top;background-size: 6px;background-color: #ebebeb;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list a.type03:hover{background:#faf4f7 url(/nanum/site/img/sub/type03_line.gif) repeat-y left top;background-size: 6px;background-color: #ebebeb;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list a.type04{background:url(/nanum/site/img/sub/type04_line.gif) repeat-y left top;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list a.type04:hover{background:#eff5f8 url(/nanum/site/img/sub/type04_line.gif) repeat-y left top;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list a.type05{background:url(/nanum/site/img/sub/type05_line.gif) repeat-y left top; background-size: 6px;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list a.type05:hover{background:#eef6e8 url(/nanum/site/img/sub/type05_line.gif) repeat-y left top; background-size: 6px;}
#step01 .calendar_wrap .calendar .calendar_date ul li .holiday{display:block;padding-left:18px;height:48px;font-size:14px;line-height:48px;color:#666;font-family:'NotoKrM';border-radius:3px;border:1px solid #e1e1e1;margin-top:15px;background:#f4f4f4 url(/nanum/site/img/sub/holiday_line.gif) repeat-y left top;}
#step01 .calendar_wrap .calendar .calendar_date ul li .holiday2{margin-top:-5px;font-family:'NotoKrR';font-size:13px;color:#666;}



/************* 스텝02 약관동의 *************/
/* Scroll */
.content{position:relative;height:85%;}
.mCSB_container{width:auto;overflow:hidden;}
.mCustomScrollBox .mCSB_scrollTools{position:relative;width:5px;height:100%;top:0;right:0;z-index:300;}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;}
.mCSB_scrollTools .mCSB_draggerRail{width:5px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px;height:100%;background:#000;opacity:0.3;margin:0 auto;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;text-align:center;}
/*.mCustomScrollBox:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{filter:alpha(opacity=30); -ms-filter:alpha(opacity=30)}*/
.mCustomScrollBox:active .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#000 !important;opacity:0.5 !important}


/************* 스텝04 예약완료 *************/
#step04 .finish_box{border-bottom:1px solid #d9d9d9;height:270px;text-align:left;padding-left:610px;background:url(/nanum/site/img/sub/step04_img.gif) no-repeat 240px bottom;}
#step04 .finish_box .tit{padding-top:82px;font-size:30px;line-height:37px;color:#000;font-family:'NotoKrL';letter-spacing:-0.04em;}
#step04 .finish_box .tit span{color:#ff8400;font-family:'NotoKrB';}
#step04 .finish_box .txt{padding-top:30px;font-size:14px;letter-spacing:-0.04em;color:#666;}



/************* 교육예약안내 *************/

/*상단공통탑비주얼*/
.stop_img{width:100%;height:350px;color:#fff;background:url(/nanum/site/img/sub/edusat_top_img.jpg) no-repeat top center;}
.stop_img span{font-family:'NotoKrB';}
.stop_img .btxt{padding:110px 0 35px 0;font-size:42px;line-height:120%;letter-spacing:12px;
background: -webkit-linear-gradient(#fff, #fff, #fff, #fff, #fff, transparent, transparent);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.stop_img .stxt{font-size:16px;line-height:26px;font-family:'NotoKrB';}

.stop2_img{width:100%;height:350px;color:#fff;background:url(/nanum/site/img/sub/edusat3_top_img.png) no-repeat center;}
.stop2_img span{font-family:'NotoKrB';}
.stop2_img .btxt{padding:110px 0 35px 0;font-size:42px;line-height:120%;letter-spacing:12px;
background: -webkit-linear-gradient(#fff, #fff, #fff, #fff, #fff, transparent, transparent);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}


.edusat .cont01{padding:80px 0;}
.edusat .cont01 ul{overflow:hidden;width:900px;margin:0 auto;background:url(/nanum/site/img/sub/edusat_bg_line.gif) no-repeat top center;}
.edusat .cont01 li{float:left;width:450px;}
.edusat .cont01 li dt{padding:180px 0 10px;font-family:'NotoKrB';font-size:20px;color:#000;}
.edusat .cont01 li.reser01 dt{background:url(/nanum/site/img/sub/edusat_icon01.gif) no-repeat top center;}
.edusat .cont01 li.reser02 dt{background:url(/nanum/site/img/sub/edusat_icon02.gif) no-repeat top center;}
.edusat .cont01_02{padding:20px 0 80px;}
.edusat .cont01_02 .cont_w{overflow:hidden;width:900px;margin:0 auto;text-align:left;}
.edusat .cont02{height:690px;padding:80px 0;background:url(/nanum/site/img/sub/edusat_bg.jpg) no-repeat center bottom;}
.edusat .cont02 h3.tit2,
.edusat .cont02 .txt{color:#fff;}
.edusat .cont02 .use_box{overflow:hidden;width:1100px;margin:50px auto 0;}
.edusat .cont02 .use_box li{width:530px;padding-top:250px;}
.edusat .cont02 .use_box li.use01{float:left;background:url(/nanum/site/img/sub/edusat_img01.jpg) no-repeat;}
.edusat .cont02 .use_box li.use01 dt{background:url(/nanum/site/img/sub/edusat_icon03.gif) no-repeat top center;}
.edusat .cont02 .use_box li.use02{float:right;background:url(/nanum/site/img/sub/edusat_img02.jpg) no-repeat;}
.edusat .cont02 .use_box li.use02 dt{background:url(/nanum/site/img/sub/edusat_icon04.gif) no-repeat top center;}
.edusat .cont02 .use_box dl{width:450px;height:240px;margin:0 auto;padding-top:46px;background:#fff;border-top:4px solid #11c276;}
.edusat .cont02 .use_box dl dt{padding:80px 0 30px;font-size:26px;color:#00874d;text-decoration:underline;}
.edusat .cont02 .use_box dl dd{padding:0 50px;text-align:center;}
.edusat .cont02 .use_box dl dd li{display:inline-block;float:none;width:auto;padding:0 15px 0 0;margin-right:5px;background:url(/nanum/site/img/sub/edusat_icon_arr.gif) no-repeat right 7px;}
.edusat .cont02 .use_box dl dd li.last{padding-right:0;margin-right:0;background:none;}
.edusat .cont03{padding:70px 0;background:#f0fbfb;}
.edusat .cont03 h3.tit2{padding-top:80px;background:url(/nanum/site/img/sub/edusat_icon_warning.png) no-repeat top center;}
.edusat .cont03 ul{width:670px;margin:40px auto 0;text-align:left;}
.edusat .cont03 li{margin-bottom:5px;}
.edusat .cont03 li span{display:inline-block;width:30px;height:30px;margin-right:10px;background:url(/nanum/site/img/sub/edusat_bg_cir.png) no-repeat;font-family:'Rajdhani',sans-serif;font-size:13px;line-height:30px;font-weight:700;text-align:center;color:#222;}
.edusat .cont04{padding:70px 0;}
.edusat .cont04 p strong{color:#222;}
.edusat .cont04 ul{display:inline-block;width:100%;margin:0 auto;text-align:center;}
.edusat .cont04 li{display:inline-block;border-radius:5px;margin:0 5px;vertical-align:top;}
.edusat .cont04 li a{display:block;height:128px;padding-top:22px;color:#222;}
.edusat .cont04 li a p{margin-top:10px;}
.edusat .cont04 li.dw01{width:148px;height:148px;border:1px solid #ed3c2c;text-align:center;}
.edusat .cont04 li.dw02{width:148px;height:148px;border:1px solid #3f5d9e;text-align:center;}
.edusat .cont04 li.info{width:420px;height:148px;border:1px solid #6e9a33;text-align:left;}
.edusat .cont04 li.info dl{padding:45px 40px;}
.edusat .cont04 li.info dt{float:left;margin:0 20px 10px 0;font-size:18px;color:#006d3b;clear:both;}
.edusat .cont04 li.info dd{margin-bottom:10px;font-family:'NotoKrB';color:#222;letter-spacing:-0.05em;}
.edusat .cont04 .leaf{position:absolute;top:0;right:40px;display:none;}



/************* 입장권예약 *************/
.form_box .input_w ul li .select_w{display:inline-block;width:100%;margin-top:7px;}
.form_box .input_w ul li:first-child .select_w{margin-top:0;}
.form_box .input_w ul li .select_w .select_txt{float:left;width:574px;height:48px;line-height:48px;padding:0 20px;overflow:hidden;font-size:15px;font-family:'NotoKrM';color:#666;border-radius:5px;border:1px solid #d2d2d2;margin-right:20px;}
.form_box .input_w ul li .select_w .select_txt.price{width:150px;text-align:right;color:#BD5B00;margin-right:0;}
.form_box .input_w ul li .select_w .count_w{float:left;width:190px;margin-right:20px;}
.form_box .input_w ul li a.free_btn{padding-left:10px;font-size:13px;color:#43a20f;text-decoration:underline;}


/************* 입장권예약안내 *************/

/*관람시간*/
.ticket .wsize{padding:0 !important;text-align:left !important;}
.ticket .open_hour{position:relative; width:100%;padding:60px 0; text-align:center; color:#fff; background:url(/nanum/site/img/sub/ticketopen_bg.jpg) no-repeat center top;}
.ticket .open_hour h3.tit2{color:#fff;margin-bottom:15px;}
.ticket .open_hour .page_tit{font-size:38px;color:#fff;font-family:'NotoKrB';}
.ticket .open_hour p.txt{font-size:15px; font-family:'NotoKrB';}
.ticket .open_hour .month{position:absolute; top:0; right:50px; width:270px; height:58px; text-align:center;background: rgba(0, 0, 0, 0.5); }
.ticket .open_hour .month ul{display:inline-block;}
.ticket .open_hour .month ul li{float:left; padding-left:10px; margin-left:10px; font-size:15px; line-height:58px; background:url(/nanum/site/img/sub/ticketopen_bar.png) no-repeat left 50%;}
.ticket .open_hour .month ul li:first-child{padding-left:0px; margin-left:0px; background:none;}
.ticket .open_hour .month ul li span.yellow{color:#fff000;}
.ticket .open_hour .month ul li span.num,
.ticket .open_hour ul.info li span.num{font-family: 'Rajdhani', sans-serif;font-weight:600;}
.ticket .open_hour ul.info{width:100%; display:inline-block;margin-top:40px;}
.ticket .open_hour ul.info li{float:left;width:370px;height:91px;padding-left:120px;}
.ticket .open_hour ul.info li.icon01{background:url(/nanum/site/img/sub/ticketopen_icon01.png) no-repeat left 50%;}
.ticket .open_hour ul.info li.icon02{background:url(/nanum/site/img/sub/ticketopen_icon02.png) no-repeat left 50%;}
.ticket .open_hour ul.info li p.tit{font-size:23px; font-family:'NotoKrB'; margin-top:20px;}
.ticket .open_hour ul.info li p.txt{font-size:15px; font-family:'NotoKrB'; margin-top:10px;}
.ticket ul.list li span.tit{color:#000; font-family:'NotoKrB';}
.ticket ul.list li span.red{color:#dd1313;}

/*입장료*/
.ticket .admission{width:1100px;margin:80px auto 0 auto;text-align:left;}
.ticket .admission h3.tit2{margin-bottom:15px;}
.ticket .admission p.txt{font-size:15px; font-family:'NotoKrR'; color:#666;}
.ticket .admission ul.icon_list{width:100%; display:inline-block; margin:60px 0 100px 0;}
.ticket .admission ul.icon_list li{float:left; width:340px; margin-left:40px; padding-top:187px; text-align:center; color:#222;}
.ticket .admission ul.icon_list li:first-child{margin-left:0px;}
.ticket .admission ul.icon_list li.icon01{background:url(/nanum/site/img/sub/ticketadm_icon01.gif) no-repeat 50% 0px;}
.ticket .admission ul.icon_list li.icon02{background:url(/nanum/site/img/sub/ticketadm_icon02.gif) no-repeat 50% 0px;}
.ticket .admission ul.icon_list li.icon03{background:url(/nanum/site/img/sub/ticketadm_icon03.gif) no-repeat 50% 0px;}

/*유의사항, 금지물품*/
.ticket .attention{width:100%; height:550px; margin-top:90px; background:url(/nanum/site/img/sub/ticketatt_bg.jpg) no-repeat 50% 0px;}
.ticket .attention .left{float:left;width:550px;text-align:left;}
.ticket .attention .right{float:left;width:455px;padding-left:95px;text-align:left;}
.ticket .attention p.tit{font-size:26px;height:27px;margin-top:90px;padding-left:55px;color:#fff;font-family:'NotoKrB';}
.ticket .attention p.icon01{background:url(/nanum/site/img/sub/ticketatt_icon01.png) no-repeat left 50%;}
.ticket .attention p.icon02{background:url(/nanum/site/img/sub/ticketatt_icon02.png) no-repeat left 50%;}
.ticket .attention ul{margin-top:35px;}

.ticket .section{width:1100px;margin:80px auto;overflow:hidden;clear:both;text-align:left;}
.ticket .section .box{float:right;width:460px;min-height:530px;padding:185px 40px 0 40px;border:1px solid #dfdfdf;border-top:2px solid #222;background:url(/nanum/site/img/sub/ticket_icon01.gif) no-repeat center 60px;}
.ticket .section .box:first-child{float:left;background:url(/nanum/site/img/sub/ticket_icon02.gif) no-repeat center 60px;}
.ticket .section .box h3.tit2{text-align:center;}


/************* 본인인증 *************/
.ipin{min-height:420px;padding-bottom:100px;background:url(/nanum/site/img/sub/ipin_bg.jpg) no-repeat top center;}
.ipin .wsize{width:810px;padding:165px 145px 0 145px !important;}
.ipin .wsize:after{content:"";display:block;clear:both;}
.ipin .box{position:relative;width:100%;height:310px;padding-top:120px;background:#fff;box-shadow:10px 15px 40px #222;text-align:center;}
.ipin .box h3{font-family:'NotoKrB';font-size:23px;color:#000;}
.ipin .box p{padding:30px 0 40px;font-size:14px;line-height:22px;}
.ipin .box .icon{position:absolute;top:-30px;left:50%;}
.ipin .box .btn{display:inline-block;width:250px;height:60px;text-align:center;color:#fff;line-height:60px;}
.ipin .fl .icon{margin-left:-77px;}
.ipin .fl .btn{background:#008362;}
/*.ipin .fr .icon{margin-left:-47px;}
.ipin .fr .btn{background:#2e6db6;}*/




/********************태블릿********************/
@media all and (max-width:1024px){
   
.page_title{font-size:30px;}

/**** 폼박스영역 ****/
.form_box{width:100%;box-sizing:border-box;padding:45px 10px 60px;}
.form_box.line01{padding:45px 10px 50px;}

.form_box .agree_w{margin:0;width:50%;padding:0 20px;box-sizing:border-box;}
.form_box .agree_w:first-child{margin-left:0;}

.form_box .input_w{display:inline-block;width:100%;padding:0 10px;box-sizing:border-box;}
.form_box .input_w .tit{padding-left:10px;}
.form_box .input_w ul li .tit{padding-left:5px;}
.form_box .input_w ul li{width:33.3%;margin-left:0;padding:0 10px;box-sizing:border-box;}
.form_box .input_w ul.no2 li{width:50%;}
.form_box .input_w ul.no3 li{width:33.3%;}
.form_box .input_w ul.no4 li{width:25%;}
.form_box .input_w ul.no5 li{width:20%;}

.form_box .radio_w{box-sizing:border-box;padding:0 20px;}

.chk_w{margin:25px 10px 0;}


.result_box.half{background:url(/nanum/site/img/common/result_line.gif) no-repeat 30% 50%;}
.result_box.half .box.fl{width:30%;}
.result_box.half .box.fr{width:70%;}


#step03 .form_box h3.tit,
#step04 .form_box h3.tit{padding-left:20px;}


/************* 스텝01 예약및신청 *************/
#step01{padding:60px 10px 0;box-sizing:border-box;}
#step01 .program_list{padding-right:10px;}

#step01 .calendar_wrap{padding:16px 0 0;}
#step01 .calendar_wrap .calendar .calendar_top ul li{width:14.2%;box-sizing:border-box;}
#step01 .calendar_wrap .calendar .calendar_date{font-size:0;}
#step01 .calendar_wrap .calendar .calendar_date ul li{display:inline-block;float:none;width:14.2%;box-sizing:border-box;vertical-align:top;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list a{padding:8px 5px 8px 18px;height:auto;}


/************* 스텝04 예약완료 *************/
#step04 .finish_box{padding-left:55%;background:url(/nanum/site/img/sub/step04_img.gif) no-repeat 22% bottom;}


/************* 입장권예약 *************/
.form_box .input_w ul li .select_w .select_txt,
.form_box .input_w ul li .select_w .count_w{box-sizing:border-box;line-height:50px;height:50px;}
.form_box .input_w ul li .select_w .select_txt{width:55%;margin-right:2.5%;}
.form_box .input_w ul li .select_w .select_txt span{height:48px;line-height:48px;}
.form_box .input_w ul li .select_w .select_txt.price{width:20%;margin-left:2.5%;}
.form_box .input_w ul li .select_w .count_w{width:20%;margin-right:0;}


/************* 입장권예약안내 *************/

/*관람시간*/
.ticket .wsize{box-sizing:border-box;padding:0 20px !important;}
.ticket .open_hour{background:url(/nanum/site/img/sub/ticketopen_bg.jpg) no-repeat center top;}
.ticket .open_hour ul.info{margin-top:30px;}
.ticket .open_hour ul.info li{width:50%;min-height:91px;box-sizing:border-box;}
.ticket .open_hour ul.info li p.txt{word-break:keep-all;}
.ticket ul.list li span.tit{color:#000; font-family:'NotoKrB';}
.ticket ul.list li span.red{color:#dd1313;}

.ticket .admission{width:auto;margin:50px 0 0 0;}
.ticket .attention .wsize{padding:0 !important;}
.ticket .attention .left,
.ticket .attention .right{width:50%;box-sizing:border-box;padding:0 20px;}


.table_w{width:100%;box-sizing:border-box;padding:0 20px;}



/************* 본인인증 *************/
.ipin .wsize{width:100%;padding:165px 70px 0 70px !important;box-sizing:border-box;}

}


/********************모바일********************/
@media all and (max-width:767px){


.page_title{font-size:26px; padding:20px 0 30px;}
/* 스텝단계 */
.step_list ul li{padding-left:40px;}


/**** 폼박스영역 ****/
.reserve_w.rsv_t{padding-top:35px;}

/* 타이틀 */
.h2_line{height:50px;line-height:50px;}
.h2_line h2{font-size:22px;}

.h2img_line{padding:20px 0 40px;line-height:50px;}
.h2img_line h2{font-size:22px;}

.form_box{padding:32px 10px 45px;}
.form_box.line01{padding:32px 10px 40px;}

.form_box .agree_w{padding:0 12px;}
.form_box .agree_w .agree_box .agree_txt{height:395px;padding:25px;}
.form_box .agree_w .agree_box .agree_chk{padding-left:10px;}
.form_box .agree_w .agree_box .agree_chk label{height:45px;padding:5px 20px 0 30px;line-height:20px;letter-spacing:-0.06em;font-size:13px;}

.form_box .input_w{padding:0 5px;}
.form_box .input_w .tit{padding-top:25px;}
.form_box .input_w ul li{padding:0 5px;}
.form_box .input_w ul.no4 li{width:50%;}
.form_box .input_w ul.no5 li{width:33.3%;}
.form_box .input_w ul li.w100{width:100% !important;}

.form_box .radio_w{padding:0 10px;margin-top:20px;}
.form_box .radio_w ul li{margin-left:25px;}
.form_box .radio_w ul li label{font-size:14px;}


#step03 .form_box h3.tit,
#step04 .form_box h3.tit{padding-left:10px;}


/* 텍스트 입력할때 */
.form_box .input_w ul li .txt_w{height:42px;line-height:42px;padding:0 15px;font-size:14px;}
.form_box .input_w ul li .txt_w input{height:42px;line-height:42px;}
.form_box .input_w ul li .txt_w .inp_info{left:16px;}

/* 카운트 누를때 */
.form_box .input_w ul li .count_w{height:42px;line-height:42px;margin-bottom:5px;}
.form_box .input_w ul li .count_w .count_btn{height:42px;width:35px;}
.form_box .input_w ul li .count_w .count_num{font-size:14px;line-height:42px;}


/*결제진행중*/
.pay_box{padding:50px 0;}
.pay_box .tit{padding-top:40px;font-size:25px;}
.pay_box .txt{padding-top:10px;font-size:14px;}


/* 결과값 */
.result_box{height:auto;padding:10px 0;}
.result_box.half{background:url(/nanum/site/img/common/result_line.gif) no-repeat 30% 22px;}
.result_box .box{height:auto;}
.result_box .box .r_tit,
.result_box .box .r_result{height:auto;line-height:50px;}
.result_box .box .r_tit{float:none;position:absolute;top:0;left:0;padding-left:15px;font-size:16px;}
.result_box .box .r_result{float:none;padding-right:15px;font-size:13px;}
.result_box .box .r_result span{font-size:25px;margin-right:3px;}
.result_box .box .r_result span#sum_reserve_price{line-height:20px;width:100%;margin-top:-13px;padding-bottom:10px;}


/* 예약정보안내 */
.reserve_info{padding:20px 25px;}


/* 버튼영역 */
.reserve_btn{padding-top:25px;}



/************* 스텝01 예약및신청 *************/
#step01{padding-top:45px;}
#step01 .calendar_wrap .calendar .calendar_top{display:none;}
#step01 .calendar_wrap .calendar .calendar_date{margin-top:30px;}
#step01 .calendar_wrap .calendar .calendar_date ul li.pass{display:none;}
#step01 .calendar_wrap .calendar .calendar_date ul li{width:33.3%;}
#step01 .calendar_wrap .calendar .calendar_date ul li .date{padding:10px 0 0 10px;font-size:25px;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list{padding-top:12px;}
#step01 .calendar_wrap .calendar .calendar_date ul li .holiday{margin-top:12px;}



/************* 스텝04 예약완료 *************/
#step04 .finish_box{height:230px;padding-left:58%;background:url(/nanum/site/img/sub/step04_img.gif) no-repeat 18% bottom;background-size:250px auto;}
#step04 .finish_box .tit{padding-top:75px;font-size:25px;line-height:30px;}
#step04 .finish_box .txt{padding-top:15px;font-size:13px;}


/************* 입장권예약 *************/
.form_box .input_w ul li .select_w .select_txt{width:100%;margin:0 0 7px 0;padding:0 15px;height:42px;line-height:42px;font-size:14px;}
.form_box .input_w ul li .select_w .select_txt span{height:40px;line-height:40px;}
.form_box .input_w ul li .select_w .select_txt.price{width:49%;margin-left:2%;}
.form_box .input_w ul li .select_w .count_w{width:49%;margin:0;height:42px;line-height:42px;}
.form_box .input_w ul li .select_w .count_w input{height:40px;line-height:40px;}
.form_box .input_w ul li a.free_btn{font-size:12px;}


/* 예약방법 */
.stop_img{height:auto;}
.stop_img .btxt{padding:60px 0 25px 0;font-size:25px;letter-spacing:10px;}
.stop_img .stxt{padding-bottom:35px;font-size:14px;line-height:23px;}

.stop2_img{height:auto;}
.stop2_img .btxt{padding:60px 0 25px 0;font-size:25px;letter-spacing:10px;}

.edusat .cont01{padding:50px 0;}
.edusat .cont01 ul{width:100%;text-align:center;}
.edusat .cont01 li{float:none;display:inline-block;width:49%;vertical-align:top;}
.edusat .cont01 li dt{padding-top:130px;font-size:20px;}
.edusat .cont01 li.reser01 dt{background-size:100px 100px;}
.edusat .cont01 li.reser02 dt{background-size:100px 100px;}
.edusat .cont01_02{padding:10px 0 50px;}
.edusat .cont01_02 .cont_w{width:auto;padding:0 15px;}
.edusat .cont02{height:auto;padding:50px 0;}
.edusat .cont02 .use_box{width:100%;text-align:center;}
.edusat .cont02 .use_box li{display:inline-block;width:45%;margin:0 2%;padding:100px 0 0 0;vertical-align:top;}
.edusat .cont02 .use_box li.use01{float:none;background-size:100%;}
.edusat .cont02 .use_box li.use01 dt{background-size:70px 37px;}
.edusat .cont02 .use_box li.use02{float:none;background-size:100%;}
.edusat .cont02 .use_box li.use02 dt{background-size:50px 51px;}
.edusat .cont02 .use_box dl{width:100%;height:220px;padding-top:25px;}
.edusat .cont02 .use_box dl dt{padding:60px 0 15px;font-size:20px;}
.edusat .cont02 .use_box dl dd{padding:0 0;}
.edusat .cont02 .use_box dl dd li{float:none;width:auto;padding:0 10px 0 0;margin-right:0;}
.edusat .cont02 .use_box dl dd li.last{padding-right:0;margin-right:0;background:none;}
.edusat .cont03{padding:50px 0;}
.edusat .cont03 h3.tit2{padding-top:80px;}
.edusat .cont03 ul{width:96%;margin:30px auto 0;}
.edusat .cont03 li{display:inline-block;font-size:14px;}
.edusat .cont03 li span{float:left;display:inline-block;}
.edusat .cont04{padding:50px 0;}
.edusat .cont04 p{width:96%;margin:0 auto;}
.edusat .cont04 ul{margin:30px auto 0;}
.edusat .cont04 li a{display:block;height:128px;padding-top:20px;color:#222;}
.edusat .cont04 li.info{display:block;width:310px;height:148px;margin:0 auto;margin-top:15px;}
.edusat .cont04 li.info dl{padding:35px 30px 0 30px;}
.edusat .cont04 li.info dt{font-size:16px;}



/************* 입장권예약안내 *************/

/*관람시간*/
.ticket .open_hour {width:auto; height:auto; padding:40px 20px;background:url(/nanum/site/img/sub/ticketopen_bgm.jpg) no-repeat 50% 0px;}
.ticket .open_hour .page_tit{font-size:30px;text-align:center;}
.ticket .open_hour .month {position:relative; top:0; left:0;right:auto; width:100%;margin-top:20px;text-align:center;}
.ticket .open_hour ul.info {margin-top:30px;}
.ticket .open_hour ul.info li {float:none; width:auto;margin-bottom:15px;}
.ticket .open_hour ul.info li p.tit {font-size:20px;margin-top:0;padding-top:20px;}

/*입장료*/
.ticket .admission ul.icon_list {margin:30px 0;}
.ticket .admission ul.icon_list li {width:auto; margin-left:0;padding:30px 0 30px 120px; text-align:left;}
.ticket .admission ul.icon_list li:first-child {margin-left:0px;}
.ticket .admission ul.icon_list li.icon01 {background:url(/nanum/site/img/sub/ticketadm_icon01m.gif) no-repeat 20px 50%;background-size:60px 66px;}
.ticket .admission ul.icon_list li.icon02 {background:url(/nanum/site/img/sub/ticketadm_icon02m.gif) no-repeat 20px 50%;background-size:60px 66px;}
.ticket .admission ul.icon_list li.icon03 {background:url(/nanum/site/img/sub/ticketadm_icon03m.gif) no-repeat 20px 50%;background-size:60px 66px;}
.ticket .admission ul.icon_list li br{display:none;}


/*유의사항, 금지물품*/
.ticket .attention {height:auto; margin-top:50px;background:none;}
.ticket .attention .wsize{padding:0;}
.ticket .attention .left {float:none; width:auto;padding:35px 25px;background:url(/nanum/site/img/sub/ticketatt_bgm1.jpg) no-repeat;}
.ticket .attention .right {float:none; width:auto;padding:35px 25px;background:url(/nanum/site/img/sub/ticketatt_bgm2.jpg) no-repeat;}
.ticket .attention p.tit {height:auto;padding:6px 0 6px 45px;margin-top:0;}
.ticket .attention ul {margin-top:25px;}

.ticket .section{width:100%;}
.ticket .section .box{float:none;width:auto;min-height:auto;padding:100px 20px 25px 20px;background-position:center 30px;background-size:50px 94px;}
.ticket .section .box:first-child{float:none;background-position:center 20px;background-size:50px 94px;}




.chk_w{margin:15px 5px 0;height:42px;padding:0 15px;}
.chk_w label{padding-left:31px;height:42px;line-height:42px;font-size:14px;}



.table_w{overflow-x:scroll;width:100%;box-sizing:border-box;padding:0 10px;}
.table_w .table1{min-width:800px;}

}

/******************************* 600px *******************************/
@media all and (max-width:600px){

.ipin .wsize{padding:100px 20px 0 20px !important;}


/*결제진행중*/
.pay_box{padding:45px 0;}
.pay_box .pay_img img{width:240px;}

}

/******************************* 500px *******************************/
@media all and (max-width:500px){

.page_title{font-size:26px;}
/* 스텝단계 */
.step_list{height:80px;}
.step_list ul li{padding-left:0;width:20%;text-align:right;background:url(/nanum/site/img/common/step_line_off.gif) repeat-x left 19px;}
.step_list ul li:first-child{width:41px}
.step_list ul li span{width:35px;height:35px;font-size:17px;line-height:35px;text-align:center;}
.step_list ul li p{top:52px;margin-right:-2px;width:50px;line-height:15px;font-size:13px;text-align:center;}

.step_list ul li.on,
.step_list ul li.fin{background:url(/nanum/site/img/common/step_line_on.gif) repeat-x left 19px;}
.step_list ul li.on p{font-size:13px;}


/**** 폼박스영역 ****/
.reserve_w.rsv_t{padding-top:30px;}

/* 타이틀 */
.h2_line{height:40px;line-height:40px;}
.h2_line h2{font-size:19px;}
.h2img_line{padding:15px 0 35px;line-height:40px;}
.h2img_line h2{font-size:19px;}
.h2img_line .h2_img img{width:95%;height:auto;}

.form_box{padding:25px 5px 30px;}
.form_box.line01{padding:25px 5px 30px;}

.form_box .input_w .tit{padding:15px 0 7px 5px;font-size:13px;}
.form_box .input_w ul.no3 li,
.form_box .input_w ul.no4 li,
.form_box .input_w ul.no5 li{width:50%;}
.form_box .input_w ul li .txt_w .inp_info{display:none;}

.form_box .agree_w{float:none;width:100%;padding:15px 0;}
.form_box .agree_w .agree_box{height:243px;}
.form_box .agree_w .agree_box .agree_txt{height:145px;}
.form_box .agree_w .agree_box .agree_chk{padding-left:10px;height:47px;}
.form_box .agree_w .agree_box .agree_chk label{height:45px;padding:0 0 0 30px;line-height:45px;font-size:13px;}


/* 텍스트 입력할때 */
.form_box .input_w ul li .txt_w{height:40px;line-height:40px;font-size:13px;}
.form_box .input_w ul li .txt_w{height:40px;line-height:40px;font-size:13px;}
.form_box .input_w ul li.w100 .txt_w{height:40px;line-height:40px;}

/* 카운트 누를때 */
.form_box .input_w ul li .count_w{height:40px;line-height:40px;}
.form_box .input_w ul li .count_w .count_btn{height:40px;}
.form_box .input_w ul li .count_w .count_num{font-size:13px;}

.form_box .radio_w ul li{margin-left:20px;}
.form_box .radio_w ul li label{padding-left:26px;font-size:13px;background-size:18px 18px;}
.form_box .radio_w ul li input[type="radio"]:checked + label{background-size:18px 18px;}


/*결제진행중*/
.pay_box{padding:40px 0;}
.pay_box .pay_img img{width:200px;}
.pay_box .tit{padding-top:30px;font-size:20px;}
.pay_box .txt{padding:10px 20px 0;font-size:13px;word-break:keep-all;}


/* 결과값 */
.result_box{width:auto;display:block;background:none !important;padding:10px;}
.result_box .box{float:none !important;width:100% !important;border-top:1px solid #dfdfdf;}
.result_box .box:first-child{border-top:none;}
.result_box .box .r_tit,
.result_box .box .r_result{line-height:40px;}
.result_box .box .r_tit{font-size:15px;}
.result_box .box .r_result span{font-size:23px;}
.result_box .box .r_result span#sum_reserve_price{font-size:12px !important;margin-top:-10px;padding-bottom:5px;}


/* 예약정보안내 */
.reserve_info{padding:15px 20px;}


/* 예약방법 */
.stop_img{height:auto;}
.stop_img .btxt{padding:60px 25px 25px 25px;font-size:23px;letter-spacing:0;}
.stop_img .stxt{padding:0 35px 35px 35px;font-size:13px;}
.stop_img .stxt br{display:none;}

.stop2_img .btxt{padding:60px 25px 25px 25px;font-size:23px;letter-spacing:0;}

.edusat .cont01 ul{background:none;}
.edusat .cont01 li{width:96%;margin:0 auto 15px auto;}
.edusat .cont01 li dt{font-size:18px;}
.edusat .cont02 .use_box li{width:96%;margin:0 auto;padding:150px 0 0 0;}
.edusat .cont02 .use_box dl{height:auto;margin-bottom:15px;padding-bottom:25px;}
.edusat .cont04 li a{padding-top:18px;}
.edusat .cont04 li.info dt{font-size:14px;}


/* 관람시간 */
.ticket .open_hour{padding:35px;}
.ticket .open_hour .page_tit{font-size:26px;}
.ticket .attention p.tit{font-size:20px;}


/* 버튼영역 */
.reserve_btn{padding-top:20px;}
.reserve_btn a,
.reserve_btn input{margin:0 3px;}



/************* 스텝01 예약및신청 *************/
#step01{padding-top:25px;}

#step01 .program_list{float:none;display:inline-block;padding:12px 0 0 0;border-top:1px solid #efefef;}
#step01 .program_list ul li{margin:0 10px 4px;}

#step01 .calendar_wrap{padding-top:6px;}
#step01 .calendar_wrap .month_control{height:50px;line-height:50px;}
#step01 .calendar_wrap .month_btn a{font-size:14px;}
#step01 .calendar_wrap .month_btn.prev{left:5px;}
#step01 .calendar_wrap .month_btn.prev a{padding-left:32px;}
#step01 .calendar_wrap .month_btn.next{right:5px;}
#step01 .calendar_wrap .month_btn.next a{padding-right:32px;}
#step01 .calendar_wrap .month_num{font-size:20px;}

#step01 .calendar_wrap .calendar .calendar_date ul li{width:50%;padding-bottom:40px;}
#step01 .calendar_wrap .calendar .calendar_date ul li .date{padding:10px 0 0 10px;font-size:20px;}
#step01 .calendar_wrap .calendar .calendar_date ul li .pro_list{padding-top:10px;}
#step01 .calendar_wrap .calendar .calendar_date ul li .holiday{margin-top:10px;}


/************* 스텝04 예약완료 *************/
#step04 .finish_box{height:290px;padding-left:0;text-align:center;background:url(/nanum/site/img/sub/step04_img.gif) no-repeat center bottom;background-size:200px auto;}
#step04 .finish_box .tit{padding-top:30px;}
#step04 .finish_box .txt{padding-top:10px;}


/************* 입장권예약 *************/
.form_box .input_w ul li .select_w .select_txt{height:40px;line-height:40px;font-size:13px;}


.ipin{padding-bottom:50px;}
.ipin .wsize{padding:80px 10px 0 10px !important;}
.ipin .box{height:auto;padding-bottom:50px;}
.ipin .box h3{font-size:20px;}
.ipin .box p{padding:20px 0;font-size:13px;line-height:20px;}
.ipin .box .btn{width:200px;height:40px;line-height:40px;}


}

/******************************* 375px *******************************/
@media all and (max-width:375px){

/* 스텝단계 */
.step_list{height:70px;}
.step_list ul li{width:18%;background:url(/nanum/site/img/common/step_line_off.gif) repeat-x left 16px;}
.step_list ul li:first-child{width:36px;}
.step_list ul li span{width:30px;height:30px;font-size:15px;line-height:30px;}
.step_list ul li p{top:47px;margin-right:-1px;width:40px;line-height:14px;font-size:12px;}

.step_list ul li.on,
.step_list ul li.fin{background:url(/nanum/site/img/common/step_line_on.gif) repeat-x left 16px;}
.step_list ul li.on p{font-size:13px;}


/**** 폼박스영역 ****/
.form_box .input_w ul.no2 li,
.form_box .input_w ul.no3 li,
.form_box .input_w ul.no4 li{width:100%;}

.form_box .radio_w ul li{margin-left:15px;}


/*결제진행중*/
.pay_box{padding:35px 0;}
.pay_box .pay_img img{width:160px;}
.pay_box .tit{font-size:18px;}
.pay_box .txt{font-size:12px;}


/* 결과값 */
.result_box{padding:5px;}
.result_box .box .r_tit{padding-left:10px;font-size:15px;}
.result_box .box .r_result{padding-right:10px;}
.result_box .box .r_result span{font-size:23px;}


/* 예약정보안내 */
.reserve_info{padding:15px;}


/************* 스텝01 예약및신청 *************/
#step01{padding-top:25px;}

#step01 .program_list{padding:10px 0 0 0;}
#step01 .program_list ul li{font-size:12px;margin:0 10px 4px;}

#step01 .calendar_wrap{padding-top:3px;}
#step01 .calendar_wrap .month_control{height:46px;line-height:46px;}
#step01 .calendar_wrap .month_btn a{line-height:22px;}
#step01 .calendar_wrap .month_btn a span{display:none;}

#step01 .calendar_wrap .calendar .calendar_date ul li{width:100%;padding-bottom:30px;}



/************* 스텝04 예약완료 *************/
#step04 .finish_box{height:240px;padding-left:0;text-align:center;background:url(/nanum/site/img/sub/step04_img.gif) no-repeat center bottom;background-size:150px auto;}
#step04 .finish_box .tit{padding-top:28px;font-size:20px;line-height:25px;}
#step04 .finish_box .txt{padding-top:10px;font-size:12px;}


/************* 입장권예약 *************/
.form_box .input_w ul li .select_w .select_txt.line2{height:auto;line-height:20px;padding:10px 15px;}
.form_box .input_w ul li .select_w .select_txt.line2 .fl,
.form_box .input_w ul li .select_w .select_txt.line2 .fr{display:inline-block;float:none;width:100%;}
.form_box .input_w ul li .select_w .select_txt.line2 .fr{text-align:right;}
.form_box .input_w ul li a.free_btn{display:inline-block;width:100%;padding-left:0;}



/************* 교육예약안내 *************/
.edusat .cont02 .use_box li{width:96%;margin:0 auto;padding:150px 0 0 0;}
.edusat .cont02 .use_box dl{height:auto;margin-bottom:15px;padding-bottom:25px;}
.edusat .cont04 li.dw01{width:120px;height:120px;}
.edusat .cont04 li.dw02{width:120px;height:120px;}
.edusat .cont04 li.dw01 img,
.edusat .cont04 li.dw02 img{height:50px;}
.edusat .cont04 li.info{width:258px;height:120px;}
.edusat .cont04 li.info dl{padding:25px 20px 0 20px;}


/************* 입장권예약안내 *************/
/*관람시간*/
.ticket .open_hour {padding:30px 10px;}
.ticket .open_hour .month {height:auto;padding:10px 0;text-align:center;}
.ticket .open_hour .month ul li{float:none;display:inline-block;line-height:20px;padding:0;margin:0 5px;}
.ticket .open_hour .month ul li:first-child{padding:0;margin:0 5px;background:none;}
.ticket .open_hour ul.info {text-align:center;}
.ticket .open_hour ul.info li {float:none;padding:100px 0 0 0;box-sizing:content-box;}
.ticket .open_hour ul.info li p.tit {font-size:18px;margin-top:0;padding-top:15px;}
.ticket .open_hour ul.info li.icon01,
.ticket .open_hour ul.info li.icon02{background-position:center top;}

/*입장료*/
.ticket .admission ul.icon_list li {padding-left:90px;}
.ticket .admission ul.icon_list li.icon01,
.ticket .admission ul.icon_list li.icon02,
.ticket .admission ul.icon_list li.icon03{background-position:10px 50%;}
.ticket .tar{text-align:center;}

/*유의사항, 금지물품*/
.ticket .attention .left {padding:25px 15px;}
.ticket .attention .right {padding:25px 15px;}
.ticket .attention ul {margin-top:15px;}
.ticket .attention p.tit{font-size:18px;}

}