@charset "UTF-8";

/*
	분류할 수 없는 common style

	[D] 프랑스어 대표 색상 : #005ee6

	* 폰트 최소 크기: 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:#005de7;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/france/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/france/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:#005de7;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:#005de7;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/france/m/comm/arw_r4.png) no-repeat right 50%;background-size:8px auto}
.bt_more_comm{display:block;width:auto;height:28px;background:#f7f7f7;border:1px solid #e0e0e0;border-radius:2px;box-sizing:border-box;color:#333;font-size:12px;line-height:26px;text-align:center;vertical-align:middle}

/* 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/france/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-radio{display:inline-block;height:15px;padding-left:20px;font-size:12px;vertical-align:middle;background:url(//siwon-cdn.siwonschool.com/img/france/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 */
.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/france/m/comm/arw_d5.png) no-repeat right 50%;background-size:auto 5px}
.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}

/* select_list 공통 */
.sel_list_comm{margin-bottom:7px;width:100%;height:39px;background:#fff;line-height:39px;vertical-align:middle}
.sel_list_comm .bt_sel{display:block;padding:0 12px;background:#fff url(//siwon-cdn.siwonschool.com/img/euro/m/comm/arr_d_select.png) no-repeat right 50% !important;background-size:auto 6px !important}
.sel_list_comm .sel_list{z-index:5;display:none;position:relative;padding:0 12px;background:#fff;border-top:1px solid #dfdfdf}
.sel_list_comm li, .sel_list_comm a{display:block;font-size:12px;color:#666}

/* 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}

/* nav_menu _무료강의, 선생님 소개 상세, 수강신청에서 사용 */
.navmenu_pos{position:relative;height:38px;z-index:10}
.nav_menu{position:absolute;top:0;left:0;margin-left:-1px;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:20px}
.products_section .nav_menu li a span{background:url(//siwon-cdn.siwonschool.com/img/france/m/sub/ico_prod_nav2.png) no-repeat;background-size:13px auto}
.products_section .nav_menu li.on a span{background:url(//siwon-cdn.siwonschool.com/img/france/m/sub/ico_prod_nav3.png) no-repeat;background-size:13px auto}
.teacher_section .nav_menu li a span{background:url(//siwon-cdn.siwonschool.com/img/france/m/sub/ico_teacher_nav2.png) no-repeat;background-size:13px auto}
.teacher_section .nav_menu li.on a span{background:url(//siwon-cdn.siwonschool.com/img/france/m/sub/ico_teacher_nav2.png) no-repeat;background-size:13px auto}
.free_section .nav_menu li a span{background:url(//siwon-cdn.siwonschool.com/img/france/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/france/m/sub/ico_free_nav2.png) no-repeat;background-size:13px auto}
.community_section .nav_menu li a span{background:url(//siwon-cdn.siwonschool.com/img/france/m/sub/ico_community_nav.png) no-repeat;background-size:13px auto}
.community_section .nav_menu li.on a span{background:url(//siwon-cdn.siwonschool.com/img/france/m/sub/ico_community_nav2.png) no-repeat;background-size:13px auto}
.nav_menu li.m1 a span{background-position-y:4px}
.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:4px}
.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:#005de7}
.nav_menu.fixed{position:fixed;top:38px}

/* 게시글 검색 _수강후기,공부질문하기 */
.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}

/* 탭 메뉴 */
.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:#005de7}
.tabs .list li.on a span{display:block;height:30px;border-bottom:2px solid #005de7}
.tab_content{position:relative;min-height:100px;overflow:hidden;font-size:13px;line-height:1.4}
/* tab style */
.tab_st{overflow:hidden;height:36px;margin-top:20px;border:1px solid #e0e0e0;border-radius:17px;box-sizing:border-box}
.tab_st li{float:left}
.tab_st.w3 li{width:33.3%}
.tab_st.w4 li{width:25%}
.tab_st li a{display:block;height:34px;border:2px solid #fff;border-radius:16px;font-size:15px;color:#666;line-height:34px;text-align:center;box-sizing:border-box}
.tab_st li.on a, .tab_st li a.active{border-color:#005de7;color:#005de7}
/* 탭 메뉴
	ㄴ #tab_comm 내부에 텝메뉴 ul.tab & 탭박스 ul.tabbox or div.tabbox 구조
	ㄴ (기본 설정 data-tab=on)
	ㄴ (텝메뉴) 첫번째 li에 기재. (텝박스) ul.tabbox 일 경우 첫번째 li 에 기재 / ul.div 일 경우 첫번째 div에 기재 */
#tab_comm [class^="tab"]{overflow:hidden}
#tab_comm [class^="tab"] > li{float:left}
#tab_comm .tab.w2 > li{width:50%}
#tab_comm .tab.w3 > li{width:33.33%}
#tab_comm .tab.w4 > li{width:25%}
#tab_comm .tab.w5 > li{width:20%}
#tab_comm .tab.w6 > li{width:16.66%}
#tab_comm .tab.w6 > li a{display:block;width:100%}
#tab_comm .tabbox > li, #tab_comm div.tabbox{display:none}
#tab_comm .tabbox > li[data-tab="on"], #tab_comm div.tabbox[data-tab="on"]{display:block}

/* 고정배너 */
#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:94;/* 상단고정시 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}

/* 영상 썸네일 */
.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/france/m/comm/ico_play1.png) no-repeat 0 0;background-size:20px auto;font-size:0;text-indent:100%}

/* 상단 비주얼 - 사용여부 확인 후 삭제
.comm_top_visual{position:relative;top:0;width:100%;height:150px;text-align:center;box-sizing:border-box}
.comm_top_visual .txt_info{position:absolute;top:61px;left:15px;color:#eeeef0;font-size:12px;line-height:1.2;text-align:left}
.comm_top_visual .txt_info .copy{display:block;position:relative;margin-bottom:5px;font-size:20px} */

/* 결제페이지 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}

/* 레이어 팝업(공통) */
.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:url(//siwon-cdn.siwonschool.com/img/comm/black_op80.png) repeat}
/* .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/france/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:#005de7;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/france/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/france/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 25px 25px;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 .cart_area  .bt_group{overflow:hidden;padding-top:30px}
.pop_st1 .cart_area  .bt_group a{float:left;width:49%;margin-right:0.5%}
.pop_st1 .cart_area  .bt_group a:last-child{float:right;margin-left:0.5%;margin-right:0}
/* 레이어팝업: 내강의실 강의 시작 */
.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/france/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/france/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{overflow:hidden}
#pop_book .book_area .bt_group a{float:left;width:49%;margin-right:0.5%}
#pop_book .book_area .bt_group a:last-child{float:right;margin-left:0.5%;margin-right:0}
#pop_book .book_area .bt_group .btn_buy{width:100%}

/* 레이어페이지(공통) */
.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:#005de7;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/france/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:#005de7;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-top:65px}
.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}
/* 레이어 팝업 : 페이지 타입 - 레벨테스트 정답 및 해설 */
.page_layer_popup .leveltest_area{padding:57px 10px 30px}
.page_layer_popup .leveltest_area .expl_list li{margin-bottom:5px;box-shadow:1px 1px 3px #ccc}
.page_layer_popup .leveltest_area .expl_list li .num{margin-right:5px;color:#af272c;font-weight:bold}
.page_layer_popup .leveltest_area .expl_list .qt{display:block;position:relative;padding:15px 35px 15px 10px;background:#fff;color:#333;font-size:13px;line-height:1.2;cursor:pointer}
.page_layer_popup .leveltest_area .expl_list .qt i{display:block;position:absolute;top:50%;right:15px;width:13px;height:12.5px;margin-top:-5.5px;background:url(//siwon-cdn.siwonschool.com/img/france/m/sub/arw_cate.png) no-repeat 0 -12.5px;background-size:auto 25px;overflow:hidden}
.page_layer_popup .leveltest_area .expl_list .qt.open i{background-position:0 0}
.page_layer_popup .leveltest_area .expl_list .desc{display:none;padding:10px;border-top:1px solid #ddd;background:#fff;color:#666;font-size:12px}
.page_layer_popup .leveltest_area .t_list li{display:block;box-shadow:none;color:#333;font-size:12px;line-height:1.2}
.page_layer_popup .leveltest_area .t_list li.on{color:#af272c}
.page_layer_popup .leveltest_area .ex{margin-top:15px}
.page_layer_popup .leveltest_area .ex .info{margin-bottom:5px;overflow:hidden}
.page_layer_popup .leveltest_area .ex .info dt{float:left;min-width:36px;height:18px;padding:0 3px;border:1px solid #af272c;border-radius:8px;color:#af272c;font-size:11px;line-height:18px;text-align:center}
.page_layer_popup .leveltest_area .ex .info dd{float:left;margin-left:8px;padding-top:4px;color:#333}

/* 동영상 팝업 */
.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%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}

/* 레이어 팝업: 유튜브 영상 */
.pop_movie#youtube_pop{display:none;position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background:rgba(000,000,000,0.8);}
.pop_movie#youtube_pop .close_layer{display:inline-block;overflow:hidden;width:20px;height:18px;background:url(//siwon-cdn.siwonschool.com/img/comm/close_29x27_white.png) no-repeat;background-size:contain;text-indent:-999px}
.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;width:100%;min-height:50.6vw;-webkit-transform:translateY(-50%);transform:translateY(-50%)}

/* 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 img{width:100%}/* 랜딩 파일 내 팝업은 따로 스타일 주기 */
.event_section .pce_list{overflow:hidden}
.event_section .pce_list li{float:left}
.event_section .pce_list.w2 li{width:50%}

/* 랜딩 유의사항(공통)_v1 : list */
.sec_info_comm{background:#fff}
.sec_info_comm .info_wrap, .sec_info_comm .cs_wrap{padding:0 10px 15px}
.sec_info_comm .tit,
.sec_info_comm dt{padding-bottom:4px;border-bottom:1px solid #000;font-weight:bold}
.sec_info_comm dt::before{content:'※ '}
.sec_info_comm dl{padding-top:10px}
.sec_info_comm dl:first-child{padding-top:15px}
.sec_info_comm dl dd{margin-top:2px;padding-left:1rem;text-indent:-0.9rem;font-size:12px;line-height:1.4}
.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 .tel{font-size:12px;padding-top:10px}
/* 랜딩 유의사항(공통)_v2 : table */
.sec_info_comm2{padding:20px 0 20px;background:#fff}
.sec_info_comm2.line_t{border-top:1px solid #444}
.sec_info_comm2 .info_wrap{width:90%;margin:0 auto}
.sec_info_comm2 .info_wrap .info_tit{padding-bottom:16px;font-size:16px;font-weight:bold;color:#111}
.sec_info_comm2 .info_wrap .tit{padding:0 !important;font-weight:bold;text-align:center}
.sec_info_comm2 .info_wrap table{width:100%;border-bottom:1px solid #898989}
.sec_info_comm2 .info_wrap table th,
.sec_info_comm2 .info_wrap table td{border-top:1px solid #898989;border-right:1px solid #898989;font-size:12px;line-height:1.5}
.sec_info_comm2 .info_wrap table th{padding:5px;border-left:1px solid #898989;background:#fff;font-weight:bold}
.sec_info_comm2 .info_wrap table td{padding:10px;font-size:12px !important;color:#333}
.sec_info_comm2 .info_wrap .bt_more{display:inline-block;margin:0px auto;width:70px;height:22px;font-size:11px;font-weight:normal;color:#aaa;border:1px solid #aaa;border-radius:5px;line-height:20px;text-align:center;text-decoration:none}
.sec_info_comm2 .info_wrap .bt_more.refund{display:block !important;margin-top:5px}
.sec_info_comm2 .info_wrap .comm_notice .comm_notice_tit{display:none}
.sec_info_comm2 .info_wrap .comm_notice dd{font-size:12px;color:#333}
.sec_info_comm2 .tbl_inner{width:100%;margin:10px 0 10px;border:1px solid #aaa}
/* 랜딩 유의사항(공통)_v3 : notice */
.event_section .sec_info_comm3{padding:20px 0;background:#333}
.event_section .sec_info_comm3 .notice{width:90%;margin:0 auto;padding-left:90px;background:url(//siwon-cdn.siwonschool.com/img/euro/comm/notice2.png) 10px center no-repeat;
background-size:60px;box-sizing:border-box}
.event_section .sec_info_comm3 .notice li{margin-bottom:5px;font-size:13px;color:#fff;line-height:1.4}

