@charset "utf-8";

a{color:#222;text-decoration:none}

.block{display:block}
.table{display:table}
.overflow{overflow:hidden}
.position{position:relative}
.hide{display:block;overflow:hidden;position:absolute;top:auto;left:-100%;width:0;height:0;font-size:0;text-indent:100%}
.ir{display:block;overflow:hidden;visibility:hidden;position:absolute;left:-100%;width:0;height:0;margin:0;padding:0;font-size:0;text-indent:100%}
.ir2 span{display:inline-block;overflow:hidden;position:relative;left:-100%;z-index:-1;width:0;height:0;font-size:0;text-indent:100%}
.fl{float:left}
.fr{float:right}
.b{font-weight:bold}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.vm{vertical-align:middle}
.u{text-decoration:underline}
.sizing{box-sizing:border-box}
.p100{width:100%}
.a_block{display:block;width:100%;height:100%;box-sizing:border-box}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.event_img{width:100% !important}

.noline_l{border-left:none !important}
.noline_t{border-top:none !important}

.ptb_comm{padding-top:14.06vw;padding-bottom:14.06vw}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px}
.ml10{margin-left:10px}
.pt40{padding-top:40px}
.plr_comm{padding-left:4.69vw;padding-right:4.69vw}

.comm_inside{padding:32px 12px;background:#f7f7f7;}/* wrapper_마이페이지 결제내역 */

.clearfix::before, .clearfix::after{content:""; display: block}
.clearfix::after{clear:both}


/* [D] 베트남어 대표 색상 : #ff9500

	* 폰트 최소 크기: 12px
	* 가로 여백: 640px 기준으로 8의 배수로 적용
	* 디자인 파일 기준 모바일 적용 시 폰트 크기, 여백 등 조금 더 작게 나옴. 이를 고려한 디자인이 아닐 시 실제 ui 개발 시 디자인 상의 수치보다 조금 더 크게 적용 함
		ㄴ ex) 디자인 파일 폰트 크기 24px/2 + 2px ~ 4px
	* line-height/vertical-align 등 폰트의 세로 여백, 위치 관련 PC와 모바일 기기가 다르니 꼭 모바일 기기로 확인할 것
*/

/* button _같은 색상 같은 높이를 bt 와 bt2에서 같은 st 번호로 */
.bt_st1{display:block;width:auto;height:36px;border-radius:2px;background:#ff9500;font-size:13px;color:#fff;line-height:36px;text-align:center;vertical-align:middle;box-sizing:border-box}/* h36 옐로우 */
.bt_st1 span.link{padding-right:13px;background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/arw_r4.png) no-repeat right 50%;background-size:8px auto}
.bt_st1 span.drop{padding-right:16px;background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/arw_d3.png) no-repeat right 50%;background-size:8px auto}
.bt_st2{display:block;width:auto;height:36px;border-radius:2px;background:#f7f7f7;font-size:13px;color:#222;line-height:36px;text-align:center;vertical-align:middle;box-sizing:border-box}/* h36 회색 */
.bt_st3{display:block;width:auto;height:44px;border-radius:2px;background:#ff9500;font-size:15px;color:#fff;line-height:44px;text-align:center;vertical-align:middle;box-sizing:border-box}/* h44 옐로우 */
.bt_st4{display:block;width:auto;height:44px;border-radius:2px;background:#f7f7f7;font-size:15px;color:#222;line-height:44px;text-align:center;vertical-align:middle;box-sizing:border-box}/* h44 회색 */

/* button border */
.bt2_st2{display:block;width:auto;height:36px;border:1px solid #e0e0e0;border-radius:2px;background:#f7f7f7;font-size:13px;line-height:36px;text-align:center;vertical-align:middle;box-sizing:border-box}/* h36 border 회색 */
.bt2_st4{display:block;width:auto;height:44px;border:1px solid #e0e0e0;border-radius:2px;background:#f7f7f7;font-size:15px;line-height:44px;text-align:center;vertical-align:middle;box-sizing:border-box}/* h44 border 블루 */

.bt_more1{display:block;width:auto;height:36px;margin:16px 55px;background:#ff9500;color:#fff;font-size:13px;text-align:center;line-height:36px;box-sizing:border-box;vertical-align:middle}
.bt_more1:hover{color:#fff}
.bt_more1 span{padding-right:16px;background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/arw_r4.png) no-repeat right 50%;background-size:8px auto}

/* radio, checkbox style */
input.id_check{overflow:hidden;position:absolute;left:-100%;height:0}
label.type-checkbox{display:inline-block;height:15px;padding-left:20px;color:#222;font-size:12px;vertical-align:middle;background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/bg_checkbox.png) no-repeat;background-size:15px auto;line-height:15px;cursor:pointer;box-sizing:border-box}
label.type-checkbox.checked{background-position:0 -65px;background-size:15px auto}

label.type-checkbox2{display:inline-block;height:20px;padding-left:25px;color:#222;font-size:12px;vertical-align:middle;background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/bg_checkbox02.png) no-repeat;background-size:20px auto;line-height:20px;cursor:pointer;box-sizing:border-box}
label.type-checkbox2.checked{background-position:0 -30px;background-size:20px auto}

label.type-radio{display:inline-block;height:15px;padding-left:20px;font-size:12px;vertical-align:middle;background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/bg_radio.png) no-repeat;background-size:15px auto;line-height:15px;cursor:pointer;box-sizing:border-box}
label.type-radio.checked{background-position:0 -47px;background-size:15px auto}
label.type-radio2{display:inline-block;height:15px;padding-left:20px;font-size:12px;vertical-align:middle;background:url(//siwon-cdn.siwonschool.com/img/france/m/comm/radio_h30_bl.png) no-repeat;background-size:15px auto;line-height:15px;cursor:pointer;box-sizing:border-box}
label.type-radio2.checked{background-position:0 -50px;background-size:15px auto}

/* input, select style */
select{-webkit-appearance: none;-moz-appearance: none;appearance: none}
.input_st1,.select_st1{width:100%;height:32px;padding:0 8px;border:1px solid #dfdfdf;background:#fff;box-sizing:border-box;font-size:13px;color:#222;line-height:30px;vertical-align:middle}
.select_st1{background:#fff url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/arw_d5.png) no-repeat right 50%;background-size:auto 5px}
.select_st2{width:100%;height:26px;padding:0 15px;border:1px solid #d7d8d8;background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/arw_d6.png) no-repeat right 50%;background-size:auto 3px;color:#242529;box-sizing:border-box;font-size:12px;line-height:26px;vertical-align:middle}
.textarea_st1{width:100%;height:175px;padding:8px;border:1px solid #dfdfdf;background:#fff;font-size:13px;color:#999;line-height:1.4;box-sizing:border-box;resize:none}

/* title */
h3.tit{font-size:20px;font-weight:bold;text-align:center;line-height:1.3}
p.tit_desc{margin:4px 0 20px;font-size:14px;color:#666;text-align:center}
h3.tit_a a{display:block;position:relative;font-size:20px;font-weight:bold;text-align:center}
h3.cate_tit{margin-bottom:6px;font-size:17px;font-weight:bold}
h3.sub_tit{height:35px;background:#ff9500;color:#fff;font-weight:bold;text-align:center;font-size:13px;line-height:35px}
.shd_comm{text-align:center}
.shd_comm.tl{text-align:left}
.shd_comm h3.tit_comm{padding:0;color:#111;font-size:4.688vw;font-weight:bold;letter-spacing:-0.05em;text-indent:0}

/* nav_menu _무료강의, 선생님 소개 상세, 수강신청에서 사용 */
.navmenu_pos{position:relative;height:38px;z-index:10}
.nav_menu{position:absolute;top:0;left:0;width:100%;border-bottom:1px solid #ebebeb;background:#fff}
.nav_menu li{float:left}
.nav_menu.w2 li{width:50%}
.nav_menu.w3 li{width:33.3%}
.nav_menu.w3 li:first-child{width:33.4%}
.nav_menu.w4 li{width:25%}
.nav_menu li a{display:block;width:100%;height:38px;border-left:1px solid #ebebeb;color:#666;font-size:14px;text-align:center}
.nav_menu li a span{display:inline-block;position:relative;top:9px;height:20px;padding-left:20px;line-height:18px}
.products_section .nav_menu li a span{background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/sub/ico_prod_nav.png) no-repeat;background-size:13px auto}
.products_section .nav_menu li.on a span{background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/sub/ico_prod_nav_on.png) no-repeat;background-size:13px auto}
.teacher_section .nav_menu li a span{background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/sub/ico_teacher_nav.png) no-repeat;background-size:13px auto}
.teacher_section .nav_menu li.on a span{background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/sub/ico_teacher_nav_on.png) no-repeat;background-size:13px auto}
.free_section .nav_menu li a span{background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/sub/ico_free_nav.png) no-repeat;background-size:13px auto}
.free_section .nav_menu li.on a span{background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/sub/ico_free_nav_on.png) no-repeat;background-size:13px auto}
.nav_menu li.m1 a span{background-position-y:3px}
.nav_menu li.m2 a span{background-position-y:-29px}
.nav_menu li.m3 a span{background-position-y:-69px}
.nav_menu li.m4 a span{background-position-y:-106px}
.nav_menu li.on.m1 a span{background-position-y:3px}
.nav_menu li.on.m2 a span{background-position-y:-29px}
.nav_menu li.on.m3 a span{background-position-y:-69px}
.nav_menu li.on.m4 a span{background-position-y:-106px}
.nav_menu li.on a{color:#ff9500}
.nav_menu.fixed{position:fixed;top:25vw}

/* 게시글 검색 _수강후기,공부질문하기 */
.selectbox_comm{overflow:hidden;padding:20px 0}
.selectbox_comm .select_st1{float:left;width:39.5%;margin-right:1.3%;border-radius:2px;box-sizing:border-box}
.selectbox_comm .bt_search{display:block;float:right;width:18.4%;height:32px;border-radius:2px;background:#666;font-size:13px;color:#fff;line-height:32px;text-align:center;vertical-align:middle;box-sizing:border-box}
.selectbox_comm .select_st1.w80{width:80%}

/* 탭 공통 */
.tabs{margin-bottom:2px;overflow:hidden}
.tabs .list{overflow:hidden}
.tabs .list li{float:left;height:32px;background:#fff;box-sizing:border-box;line-height:34px}
.tabs .list li:first-child{border-left:0}
.tabs .list.w2 li{width:50%}
.tabs .list.w3 li{width:33%}
.tabs .list.w3 li:first-child{width:34%}
.tabs .list li a{display:block;width:100%;height:32px;color:#666;font-size:12px;text-align:center}
.tabs .list li a span{display:block;width:100%;height:31px;border-bottom:1px solid #fff}
.tabs .list li.on a{height:32px;color:#ff9500}
.tabs .list li.on a span{display:block;height:30px;border-bottom:2px solid #ff9500}
.tab_content{position:relative;min-height:100px;overflow:hidden;font-size:13px;line-height:1.4}

.tab_box ul{display:none}
.tab_box ul.on{display:block}
.tab_box ul li{border-bottom:1px solid #ededed}
.tab_box ul li:first-child{border-top:1px solid #ededed}
.tab_box ul li a{display:block;padding:15px 12px;color:#666;font-size:13px;line-height:23px}
.tab_box ul li a .tit{display:block;color:#222;font-size:15px}

/* 영상 썸네일 */
.mov_thumb{display:block;overflow:hidden;position:relative}
.mov_thumb > img{width:100%;height:auto}
.mov_thumb .cover{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:url(//siwon-cdn.siwonschool.com/img/comm/black_op30.png)}
.mov_thumb .cover .ico_play{display:block;overflow:hidden;position:absolute;top:50%;left:50%;width:20px;height:24px;margin:-12px 0 0 -10px;background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/ico_play.png) no-repeat 0 0;background-size:20px auto;font-size:0;text-indent:100%}


/* 결제페이지 3단계 : 쿠폰 유의사항 */
.noti_comm{padding:5px 0;text-align:left}
.noti_comm .noti_box dt{color:#666;font-size:12px;font-weight:bold}
.noti_comm .noti_box dd{margin-top:8px;padding-left:10px;color:#666;font-size:12px;line-height:1.2;text-indent:-8px}

/* 고정배너 */
#banBtmComm{z-index:4;position:fixed;bottom:0;left:0;width:100%}
#banBtmComm .inner{position:relative;width:100%;max-width:640px;margin:0 auto;padding:0 !important}
#banTopComm{position:relative;width:100%}
#banTopComm> div{z-index:95;/* 상단고정시 gnb보다 zindex값 높아야함 */position:absolute;top:0;left:0;width:100%}
#banTopComm> div.fixed{position:fixed;top:0}
#banTopComm> div .inner{width:100%;max-width:640px;margin:0 auto}

/* 레이어팝업 닫기영역 */
[id$='_Layer'] .bt_close{position:absolute;right:0;top:-40px;width:28px;height:28px;text-indent:-999em;background:url(//siwon-cdn.siwonschool.com/img/comm/close_40x40_white.png) no-repeat;background-size:28px}
.wrap_layer_popup{width:100%}
.wrap_layer_popup .inner_posi{position:relative;width:90%;max-width:620px;margin:0 auto}
.wrap_layer_popup .popcls_ck_comm{height:40px;text-align:right;background:url(//siwon-cdn.siwonschool.com/img/comm/black_op70.png) repeat}
.wrap_layer_popup .popcls_ck_comm a{display:inline-block;padding:0 17px 0 30px;line-height:40px}
.wrap_layer_popup .popcls_ck_comm a.bt2{border-left:1px solid #6d6d6d}
.wrap_layer_popup .popcls_ck_comm a span{display:inline-block;padding-right:40px;font-size:14px;color:#fff;background:url(//siwon-cdn.siwonschool.com/img/comm/close_18x18_white.png) no-repeat right center}

/* 레이어 팝업(공통) */
.wrap_layer_popup{display:none;position:absolute;left:0;z-index:99}
.layer_popup_bg{display:block;overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;z-index:98;background:rgba(0,0,0,.8);}
/* .pop_st1 : 수강신청-교재 상세 팝업 */
.pop_st1{width:92%;margin:0 3.9%;background:#fff;text-align:left;box-sizing:border-box}
.pop_st1 .bt_cls{display:block;overflow:hidden;position:absolute;top:0;right:0;width:34px;height:40px;background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/bt_close_pop.png) no-repeat center 12px;background-size:15px auto;font-size:0;text-indent:100%}
.pop_st1 h3{display:block;overflow:hidden;height:40px;padding:0 15px;background:#ff9500;font-size:15px;color:#fff;line-height:40px;white-space:nowrap;text-overflow:ellipsis}
.pop_st1 .pop_inside1{padding:12px;text-align:left}
/* 레이어팝업: 결제대기 & 완료 */
.pop_st1 .txt_payment{border-top:2px solid #ddd;border-bottom:2px solid #ddd;font-size:12px}
.pop_st1 .txt_payment .dl{display:block;overflow:hidden;position:relative;border-bottom:1px solid #f7f7f7;text-align:left}
.pop_st1 .txt_payment .dl dt{display:inline-block;float:left;width:90px;padding:7px 0 5px 3px;line-height:1.2}
.pop_st1 .txt_payment .dl dt .modify{display:block;margin-top:5px}/* 주문배송현황 페이지 주소 수정 */
.pop_st1 .txt_payment .dl dt .modify .btn{display:inline-block;width:28px;height:16px;background:#333;color:#fff;font-size:11px;text-align:center;line-height:16px}
.pop_st1 .txt_payment .dl dd{display:block;width:auto;margin-left:90px;padding:7px 0 5px 10px;border-left:1px solid #f2f2f2;color:#666;line-height:1.2}
.pop_st1 .txt_payment .dl dd li{color:#666}
.pop_st1 .txt_payment .dl:last-child{border-bottom:0}
.pop_st1 .noti{text-align:center}
.noti .i{display:inline-block;height:16px;margin-top:10px;padding-left:16px;background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/ico_noti2.png) no-repeat left 50%;background-size:12px auto;color:#666;font-size:12px}
.pop_st1 .bt_group .btn{margin:0 15%}
/* 레이어팝업: 수강신청 상세 sns 공유하기 _수강신청 상세,이벤트리스트 */
.pop_st1 .sns_area{padding:24px 0 12px 0}
.pop_st1 .sns_area .sns_list{overflow:hidden;width:270px;margin:0 auto}
.pop_st1 .sns_area .sns_list li{float:left;margin-bottom:12px}
.pop_st1 .sns_area .sns_list li a{display:block;width:89px;padding-top:62px;background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/img_sns.png) no-repeat;background-size:238px auto;font-size:12px;color:#666;text-align:center}
.pop_st1 .sns_area .sns_list li.kakao_talk a{background-position:15px 0}
.pop_st1 .sns_area .sns_list li.kakao_story a{background-position:-74px 0}
.pop_st1 .sns_area .sns_list li.twitter a{background-position:-164px 0}
.pop_st1 .sns_area .sns_list li.facebook a{background-position:15px -83px}
.pop_st1 .sns_area .sns_list li.band a{background-position:-74px -83px}
.pop_st1 .sns_area .sns_list li.url_copy a{background-position:-164px -83px}
/* 레이어팝업: 수강신청 상세 무이자 할부 */
.pop_st1 .card_area{padding:24px 0 12px 0;text-align:center}
.pop_st1 .card_area .card_img img{height:46px}
.pop_st1 .card_area .txt_check{display:block;margin-top:15px;font-size:12px;color:#666;line-height:1.3;letter-spacing:-1px}
.pop_st1 .cart_area{padding:50px 0;text-align:center}
/* 레이어팝업: 수강신청 상세 장바구니 */
.pop_st1 .cart_area .txt_info{display:block;font-size:13px;color:#444a59;line-height:1.2}
.pop_st1 .cart_area .txt_info .em{color:#af272c}
/* 레이어팝업: 내강의실 강의 시작 */
.pop_st1 .lec_area .info{padding:20px 0;text-align:center}
.pop_st1 .lec_area .info dt{font-size:13px;font-weight:bold}
.pop_st1 .lec_area .info dd{margin-top:5px;font-size:11px;color:#666}
.pop_st1 .lec_area .bt_group{overflow:hidden;padding:0 12px 16px}
.pop_st1 .lec_area .bt_group a{float:left;width:49%}
.pop_st1 .lec_area .bt_group a:first-child{margin-right:1%}
/* 레이어팝업: 내강의실 상세 강의 재생 */
.pop_st1 .lec_area .play_list li{border-bottom:1px solid #f7f7f7;background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/ico_player.png) no-repeat;background-size:23px auto;text-align:left}
.pop_st1 .lec_area .play_list li:last-child{border-bottom:0}
.pop_st1 .lec_area .play_list li.m1{background-position:17px 10px}
.pop_st1 .lec_area .play_list li.m2{background-position:17px -24px}
.pop_st1 .lec_area .play_list li.m3{background-position:17px -62px}
.pop_st1 .lec_area .play_list li a{display:block;height:35px;padding:0 15px 0 44px;font-size:12px;line-height:35px}
.pop_st1 .lec_area .play_list li a span{display:block;height:35px;padding-right:30px;background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/arw_r2.png) no-repeat right 50%;background-size:auto 10px}
/* 레이어팝업 st2 : 기기등록 팝업 */
.pop_st2{width:92%;margin:0 4%;background:#fff}
.pop_st2 h3{height:48px;padding:0 8px;background:#000;font-size:19px;color:#fff;line-height:48px;text-align:center}
.pop_st2 .bt_cls{display:block;overflow:hidden;position:absolute;top:0;right:0;width:48px;height:48px;background:url(//siwon-cdn.siwonschool.com/img/comm/close_22x22_white.png) no-repeat center center;background-size:15px auto;font-size:0;text-indent:100%}
/* 레이어팝업: 교재 상세 */
#pop_book .book_area{text-align:left}
#pop_book .book_area .book_dl:first-child{padding:0 0 15px 0;border-bottom:1px solid #cdcdcd}
#pop_book .book_area .book_dl:nth-child(2){padding-top:15px}
#pop_book .book_area .book_dl{margin:0 12px;padding:0 0 15px 0}
#pop_book .book_area .book_dl:first-child dt{font-size:14px}
#pop_book .book_area .book_dl dt{font-size:13px;font-weight:bold}
#pop_book .book_area .book_dl dd{font-size:12px;color:#666}
#pop_book .book_area .book_dl:first-child dd{color:#999}
#pop_book .book_area .book_dl dd{margin-top:3px}
#pop_book .book_area .book_dl dd del{font-size:12px;color:#999}
#pop_book .book_area .book_dl dd .price{margin-left:4px;font-size:15px;font-weight:bold;color:#af272c}
#pop_book .book_area .book_dl dd .sale{margin-left:4px;font-size:15px;font-weight:bold;color:#af272c}
#pop_book .book_area .bt_group{display: flex;flex: 0 0 auto;justify-content: space-between;}
#pop_book .book_area .bt_group a{width:100%;margin-right:0.5%}
#pop_book .book_area .bt_group a:last-child{margin-left:0.5%;margin-right:0}
#pop_book .book_area .bt_group a.btn_buy{display:block;width:100%;height:36px;border-radius:2px;background:#ff9500;font-size:13px;color:#fff;line-height:36px;text-align:center;vertical-align:middle;box-sizing:border-box}

/* 레이어페이지(공통) */
.page_layer_popup{display:none;position:absolute;top:0;left:0;width:100%;z-index:999}
.page_layer_popup .layer_header{position:fixed;z-index:99;width:100%;height:40px;background:#ff9500;text-align:center;box-sizing:border-box}
.page_layer_popup .layer_header .num{color:#f53e42}
.page_layer_popup .layer_header h3.tit_layer{font-size:15px;font-weight:bold;color:#fff;line-height:40px}
.page_layer_popup .layer_header .close{display:block;position:absolute;top:0;right:0;width:45px;height:40px;background:url(//siwon-cdn.siwonschool.com/img/vietnam/m/comm/bt_close_page.png) no-repeat center 13px;background-size:14px auto}
.page_layer_popup .noti{margin-top:120px;text-align:center}
/* 레이어페이지: 우편번호 */
.zip_page .zip_area{padding-top:65px}
.zip_page .zip_area .tabs{padding:18px 12px 0}
.zip_page .zip_area .form_field{text-align:center}
.zip_page .zip_area .tabs .list{border-bottom:0}
.zip_page .zip_area .tabs .list li a{background:#fff;color:#9a9a9a;font-size:13px}
.zip_page .zip_area .tabs .list li.on a{background:#333;color:#fff}
.zip_page .zip_area .txt_info{margin-top:24px;font-size:13px;color:#666}
.zip_page .zip_area .form_field{padding-bottom:40px}
.zip_page .zip_area .form{margin-top:24px}
.zip_page .zip_area .form .input{height:26px;border:1px solid #9a9a9a;border-right:0;background:#fff;text-indent:8px}
.zip_page .zip_area .form .btn_search{display:inline-block;width:60px;height:26px;background:#ff9500;color:#fff;line-height:26px;text-align:center}
.zip_page .zip_area .tab_content{min-height:0}
.zip_page .zip_area .search_result{margin-top:40px;padding:0 15px}
.zip_page .zip_area .search_result .info{padding:8px 15px;font-size:12px;font-weight:bold;color:#666;text-align:left}
.zip_page .zip_area .search_result .info .num{color:#0c2436}
.zip_page .zip_area .search_result .info em{font-weight:bold;color:#f53e42}
.zip_page .zip_area .search_result .list{background:#fff}
.zip_page .zip_area .search_result .list li{position:relative;border-bottom:1px solid #eeeef0;font-size:12px;color:#0c2436;text-align:left}
.zip_page .zip_area .search_result .list li:nth-child(even){background:#f7f7f7}
.zip_page .zip_area .search_result .list li:last-child{border-bottom:0}
.zip_page .zip_area .search_result .list li a{display:block;padding:10px 15px}
.zip_page .zip_area .search_result .list li .adds{display:inline-block;padding-right:80px}
.zip_page .zip_area .search_result .list li .post{position:absolute;top:11px;right:15px}
.zip_page .zip_area .search_no{margin-top:25px;padding-bottom:40px;font-size:12px;color:#666}
.zip_page .zip_area .search_no em{font-weight:bold;color:#f53e42}
/* 레이어페이지: 쿠폰 */
.coupon_page .coupon_area{padding:65px 0;background:#fff;}
.coupon_page .coupon_input{padding:15px}
.coupon_page .coupon_input .bt_st1{width:100%;margin-top:10px}
.coupon_page .coupon_list{padding:0 15px}
.coupon_page .coupon_list .list li{overflow:hidden;position:relative;margin-top:10px;padding:20px 15px;border:1px solid #d5d5d5;background:#fff;font-size:13px}
.coupon_page .coupon_list .list li.link{padding:0}
.coupon_page .coupon_list .list li.link .a_block{padding:20px 15px}
.coupon_page .coupon_list .list li dt{padding-right:75px;font-weight:bold;line-height:1.3}
.coupon_page .coupon_list .list li dd.data{color:#de3a43}
.coupon_page .coupon_list .list li dd.price{position:absolute;top:50%;right:15px;height:50px;margin-top:-25px;line-height:50px}


/* 레이어팝업 : 배송안내 */
.pop_st1.pop_ship  .bt_group a,.pop_st1.pop_ship_info .bt_group a{display:inline-block;width:100%;height:30px;margin-top:15px;background:#ff9500;color:#fff;font-size:12px;line-height:30px;text-align:center;box-sizing:border-box}
.pop_st1.pop_ship_info .ship_info{color:#333;font-size:12px;line-height:1.6}

/* 동영상 팝업 */
.pop_movie#video_pop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:#000}
.pop_movie#video_pop .close_layer{display:inline-block;overflow:hidden;width:20px;height:18px;text-indent:-999px;background:url(//siwon-cdn.siwonschool.com/img/comm/close_29x27_white.png) no-repeat;background-size:contain}
.pop_movie#video_pop .wrap_cont{padding:10px;background:#fff}
.pop_movie#video_pop .close_layer{position:absolute;top:15px;right:10px;z-index:2}
.pop_movie#video_pop .popvideo_box{position:relative;height:100%}
.pop_movie#video_pop video{position:absolute;top:50% !important;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}

/* top button */
#body_top{position:fixed;right:10px;bottom:55px;right:10px;z-index:96;width:40px;height:40px}
#body_top img{width:40px}

/* 랜딩 공통 */
.event_section{position:relative}
.event_section .pce_list{overflow:hidden}
.event_section .pce_list li{float:left}
.event_section .pce_list.w2 li{width:50%}

.sec_info_comm{background:#fff}
.sec_info_comm .info_wrap, .sec_info_comm .cs_wrap{padding:0 10px 15px}
.sec_info_comm dt,
.sec_info_comm .tit,
.sec_info_comm .comm_notice_tit{padding-bottom:10px;border-bottom: 1px solid #000;font-weight:bold}
.sec_info_comm dt::before{content:'※ '}
.sec_info_comm dl{padding-top:20px}
.sec_info_comm dl:first-child{padding-top:15px}
.sec_info_comm dl dd{margin-top:4px;padding-left:1rem;text-indent:-0.9rem;line-height:1.4;font-size:14px}
.sec_info_comm .cs_wrap .csbox{overflow:hidden;margin-top:10px;background:#f9f9f9}
.sec_info_comm .cs_wrap .csbox li{float:left;width:50%;padding:15px 0 15px 20px;box-sizing:border-box;font-size:12px}
.sec_info_comm .cs_wrap .csbox li:first-child{border-right:1px dotted #000}
.sec_info_comm .cs_wrap .csbox li em{display:block;margin-bottom:5px;font-weight:bold}
.sec_info_comm .cs_wrap .tel{padding-top:10px;font-size:13px}
.sec_info_comm .cs_wrap .tel span{font-weight:bold;color:#af262e}
.sec_info_comm .cs_wrap p >span{padding-left:10px;color:#af262e}

/* 랜딩 유의사항 */
.event_section .comm_notice_tit{display:none}

/* 유튜브 팝업 */
.pop_movie#youtube_pop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,.8)}
.pop_movie#youtube_pop .close_layer{display:inline-block;overflow:hidden;width:20px;height:18px;text-indent:-999px;background:url(//siwon-cdn.siwonschool.com/img/comm/close_29x27_white.png) no-repeat;background-size:contain}
.pop_movie#youtube_pop .wrap_cont{padding:10px;background:#fff}
.pop_movie#youtube_pop .close_layer{position:absolute;top:15px;right:10px;z-index:2}
.pop_movie#youtube_pop .popvideo_box{position:relative;height:100%}
.pop_movie#youtube_pop iframe{position:absolute;top:50% !important;left:0;min-height:50.6vw;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}

/* 랜딩 유의사항 */
.event_section .comm_notice_tit{display:none}
.event_section .comm_notice dd{color:#d7d7d7;font-size:13px;line-height:24px}
.event_section .comm_notice dd.b{font-size:14px;line-height:30px;font-weight:bold}

/* 카드 할부 안내 */
#cardinfo_Layer{margin-top:-34px;padding:0 7.187vw;box-sizing:border-box}
#cardinfo_Layer .cdpop_wrap{padding:7.5vw 4.6875vw;background:#fff}
#cardinfo_Layer .cdpop_wrap .tit{padding-bottom:2.8125vw;color:#333;font-size:4.0625vw;font-weight:bold;text-align:center;letter-spacing:-0.07em}
#cardinfo_Layer .bt_close{overflow:hidden;position:absolute;top:-34px;right:7.187vw;width:24px;height:24px;background:url(//siwon-cdn.siwonschool.com/img/comm/close_24x24_white.png) no-repeat;text-indent:-9999px}
.card_info_wrap{overflow:auto;height:112px}
table.card_info{width:100%}
table.card_info td,table.card_info th{padding:1.875vw 2.5vw !important;background:#fff;border:1px solid #ddd !important;vertical-align:middle}
table.card_info td img,table.card_info th img{vertical-align:middle}
table.card_info td li{position:relative;padding-left:1.875vw;color:#666;font-size:2.5vw;letter-spacing:-0.04em}
table.card_info td li::before{display:block;position:absolute;top:1.3vw;left:0;width:3px;height:3px;background:#666;border-radius:50%;content:''}
table.card_info thead th{text-align:center;background:#fafafa;color:#111;font-size:14px;font-weight:bold}
table.card_info thead th b{color:#e83428}
table.card_info tbody th{width:20.3125vw;padding:2.5vw 2.1875vw !important;text-align:center}
.noti table.card_info{width:99%;margin:0 auto}
.noti table.card_info thead th{border:none !important;padding:0 !important;background:none !important}
.noti table.card_info thead th p{margin:3.125vw 0;padding:1.875vw 0;background:#fafafa}
.noti table.card_info td li{font-size:8px}
.noti .card_box_toggle{overflow:hidden;height:31.25vw}
.noti .card_box_toggle.open{height:auto}
.noti .toggle_btn{display:block;width:99%;height:40px;line-height:40px;margin:20px auto 40px auto;border:1px solid #9a9a9a;color:#9a9a9a;font-size:14px;text-align:center}

/* 토스트 배너 200710  */
.secret_toast_comm{position:fixed;bottom:28.125vw;left:4.688vw;width:90.625vw;z-index:53}
.secret_toast_comm .toastbox{position:relative}
.secret_toast_comm .toastbox .cnt{display:block}
.secret_toast_comm.toastpop{position:fixed;bottom:-28.906vw}

.payment_contents .payment_info h3{position:relative;padding:15px 15px 15px 5px;color:#333;font-size:15px;font-weight:bold}

/* swiper */
.swiper , .swiper-container {overflow: hidden; margin-left: auto; margin-right: auto; list-style: none; padding: 0; z-index: 1;}