/* *{-webkit-text-size-adjust:none} */
body,header,aside,section,article,footer,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,input,textarea,button,select,i{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto","Noto Sans KR","Malgun Gothic","맑은 고딕","Apple Gothic", "Apple SD Gothic Neo", sans-serif;font-size:1rem;color:#666;font-weight:normal;line-height:1; -webkit-overflow-scrolling:touch}
:root{font-size:15px}
li{list-style:none}
a{text-decoration:none}
address,caption,em,var,i{font-style:normal;font-weight:normal}
input,textarea,select{letter-spacing:normal}
ol,ul,dl{list-style:none}
fieldset,img{border:0}
legend,caption{display:none}
img{border:0;vertical-align:top}
img{-ms-interpolation-mode:bicubic}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing:normal}
p{letter-spacing:normal}
input, label{vertical-align:middle}
button{border:0;cursor:pointer;vertical-align:middle;background:none}
a[href^="tel"]{font-style:normal}
input[type="text"],input[type="password"]{-webkit-appearance:none}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{border:none;-webkit-appearance:none}
button,input,textarea,select{-webkit-appearance:button;border-radius:0;box-sizing:border-box;border:0}
button:focus{outline-color:transparent}
textarea{-webkit-appearance:none}
.spoqa{font-family:"Spoqa Han Sans","Sans-serif"}
.position{position:relative}
.hide{display:block;overflow:hidden;position:absolute;top:auto;left:-99999px;width:1px;height:1px}
.ir{visibility:hidden;overflow:hidden;position:absolute;left:-99999px;width:1%;height:1%;margin:0;padding:0;font-size:1%;line-height:1%}
.ir2 span{display:inline-block;position:relative;z-index:-1;height:11px;overflow:hidden;font-size:11px;left:-3000em}
.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}
.overflow{overflow:hidden}
.mt0{margin-top:0}
.mb0{margin-bottom:0 !important}
.mt10{margin-top:10px}
.mt40{margin-top:40px}
.pt0{padding-top:0 !important}
.pb0{padding-bottom:0 !important}
.mt5{margin-top:5px}
.mt20{margin-top:20px}
.ml10{margin-left:10px}
.nowrap{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.u{text-decoration:underline}
.block{display:block}
.table{display:table}
.sizing{box-sizing:border-box}
.a_block{display:block;width:100% !important;box-sizing:border-box}
.p100{width:100% !important}
img[usemap]{border:none;max-width:100%}
iframe#uriFrame{display:none;}
#body_top{overflow:hidden;position:fixed;right:4%;bottom:-45px;z-index:96;width:40px;height:40px;border-radius:100%;border:1px solid #ddd;box-shadow:0 3px 5px rgba(100,100,100,.1);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#body_top.show{bottom:20px}
#bt_bbs_write{position:fixed;bottom:20px;left:4%;z-index:61;width:40px;height:40px;border-radius:100%;background:rgba(0,0,0,.7);box-shadow:0 3px 5px rgba(100,100,100,.1)}
.blind{display:inline-block;overflow:hidden;width:1px;height:1px;position:absolute;left:-100vw;color:transparent}
.clearfix::before, .clearfix::after{content:""; display: block;}
.clearfix::after{clear:both;}

/* swiper */
.swiper, .swiper-container { overflow: hidden; position: relative; margin-left: auto; margin-right: auto; }

/* link */
a {color:#666;text-decoration:none}
a:hover{color:#666;text-decoration:none}
a.u:hover,
a.hu:hover{text-decoration:underline}

#hide_video{display:none}
.comm_inside{padding:30px 10px}
.comm_inside2{padding:12px 0 30px 0}
.inner{padding:0 4%}
.page_tit{padding:.8em 0;font-size:1.15rem;font-weight:bold;text-align:center;line-height:1;background:#fff}/*border-bottom:1px solid #999;*/
.sec_tit{padding-bottom:.5em;font-size:1rem;color:#000;line-height:1}
.sec_tit .txt{display:block;color:#999;font-size:12px;margin-top:8px}

.pb2{padding-bottom:2rem}

.fc_red{color:#ff493d !important}
.fc_blue{color:#2f62cb !important}
.fc_999{color:#999 !important}
.fc_333{color:#333 !important}

/* button */
.bt_st1{display:block;width:auto;height:35px;background:#2f62cb;border-radius:3px;box-sizing:border-box;color:#fff;font-size:13px;line-height:35px;text-align:center;vertical-align:middle}
.bt_st1:hover{color:#fff}
.bt_st1 span{padding-right:16px;background:url(//siwon-cdn.siwonschool.com/img/china/m/comm/arw_r4.png) no-repeat right 50%;background-size:8px auto}
.bt_st2{display:block;width:auto;height:35px;background:#666;border-radius:3px;box-sizing:border-box;color:#fff;font-size:13px;line-height:35px;text-align:center;vertical-align:middle}
.bt_st2:hover{color:#fff}
.bt_st3{display:block;width:auto;height:33px;border:1px solid #cbcbcb;border-radius:3px;background:linear-gradient(#feffff, #f3f3f3);box-sizing:border-box;color:#666;font-size:13px;line-height:33px;text-align:center;vertical-align:middle}
.bt_st3:hover{color:#666}
.bt_st3 span{padding-right:10px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/arw_r1.png) no-repeat right 50%;background-size:6px auto}
.bt_st4{display:block;height:23px;padding:0 7px;border:1px solid #b8b8b8;border-radius:3px;background:linear-gradient(#f7f7f7, #dedede);color:#666;font-size:12px;text-align:center;font-weight:bold;line-height:23px;vertical-align:middle}
.bt_st4:hover{color:#333}
.bt_st5{display:block;height:23px;padding:0 7px;border-radius:3px;border:1px solid #5b5b5b;background:linear-gradient(#8e8e8e, #767676);color:#fff;font-size:12px;text-align:center;font-weight:bold;line-height:23px;vertical-align:middle}
.bt_st5:hover{color:#fff}
.bt_more1{display:block;width:auto;height:33px;margin:10px;border-radius:3px;border:1px solid #cbcbcb;background:linear-gradient(#feffff, #f3f3f3);color:#666;font-size:13px;text-align:center;line-height:33px;box-sizing:border-box;vertical-align:middle}
.bt_more1:hover{color:#666}
.bt_more1 span{padding-right:14px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/arw_d3.png) no-repeat right 50%;background-size:8px auto}

/* button */
[class^="bt_ln"]{display:inline-block;border-style:solid;border-width:1px;line-height:1;text-align:center;vertical-align:middle}
[class^="bt_cl"]{display:inline-block;line-height:1;text-align:center;vertical-align:middle}
[class^="bt_"][class*="_d6"]{padding:.6em 0;font-size:.6rem}
[class^="bt_"][class*="_d8"]{padding:.8em 0;font-size:.8rem}
[class^="bt_"][class*="_1"]{padding:1em 0;font-size:1rem}
[class^="bt_"][class*="_2"]{padding:.5em 0;font-size:1rem}

[class^="bt_ln"].blue{border-color:#2f62cb;color:#2f62cb;background:#fff}
[class^="bt_ln"].white{border-color:#fff;color:#fff}
[class^="bt_ln"].gray{border-color:#a1a1a1;color:#a1a1a1}

[class^="bt_cl"].blue{border:none;color:#fff;background:#2f62cb}
[class^="bt_cl"].blue[disabled]{background:#999}
[class^="bt_cl"].black{border:none;color:#fff;background:#000}
[class^="bt_cl"].gray{color:#fff;background:#999}
[class^="bt_ln"].gray2{border-color:#ddd;color:#999}

[class^="bt_"].r{padding-left:1em;padding-right:1em;border-radius:3em}

[class^="bt_"] .arr{position:relative;padding-right:1em}
[class^="bt_"] .arr::after{position:absolute;top:0;right:0;font-weight:bold;content:'>'}
[class^="bt_"] .arr.down::after{transform:rotate(90deg)}

.bt_st6{display:block;height:7.813vw;padding:0 2.5vw;color:#fff;box-sizing:border-box;background:#2f66c5;font-size:3.75vw;line-height:7.813vw;text-decoration:none;text-align:center}
.bt_st6:hover{color:#fff}
.bt_st6.btcolor_888{background-color:#888}
.bt_st6.btcolor_222{background-color:#222}
.bt_st7{display:block;height:14.063vw;padding:0;color:#fff;font-size:4.219vw;line-height:14.063vw;letter-spacing:-0.02em;text-align:center}
.bt_st7:hover{color:#fff}
.bt_st7 img{width:4.688vw;margin-right:1.6vw;vertical-align:baseline}
.bt_st7.btbg_blue{background:#2f66c5}
.bt_st7.btbg_222{padding:0;background:#222;font-size:4.219vw}

/* input,select,textarea */
input.id_check{position:absolute;left:-999em}
label.type-checkbox{display:inline-block;height:15px;padding-left:21px;color:#333;font-size:12px;vertical-align:middle;background:url(//siwon-cdn.siwonschool.com/img/www/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-checkbox.disabled{background-position:0 -32px;background-size:15px auto}
label.type-radio,
label.input-radio{display:inline-block;height:20px;padding-left:26px;font-size:12px;vertical-align:middle;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/bg_radio.png) no-repeat;background-size:20px auto;line-height:20px;cursor:pointer;box-sizing:border-box}
label.type-radio.checked,
input:checked + label.input-radio{background-position:0 -42px;background-size:20px auto}
label.type-radio.disabled,
input:disabled + label.input-radio{background-position:0 -84px;background-size:20px auto}
label.type-radio2{display:inline-block;height:20px;padding-left:26px;font-size:12px;vertical-align:middle;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/bg_radio2.png) no-repeat;background-size:20px auto;line-height:20px;cursor:pointer;box-sizing:border-box}
label.type-radio2.checked{background-position:left bottom;background-size:20px auto}
label.type-radio2.disabled{background-position:left top;background-size:20px auto}
.select_st1{padding:1em;border:1px solid #ddd;font-size:.9rem;line-height:1.4;-webkit-appearance:none;appearance:none;background:#fff url(//siwon-cdn.siwonschool.com/img/www/m/comm/arw_d.png) no-repeat right 50%;background-size:19px auto}
.select_st2{height:40px;padding:0 40px 0 15px;font-size:.9rem;color:#000;border:1px solid #dcdcdc;background:#fff url(//siwon-cdn.siwonschool.com/img/www/m/comm/select_arw.png) right center no-repeat;background-size:40px auto}
input.chk_st1{position:absolute;left:-9999em;width:1px;height:1px;opacity:0;filter:none}
input.chk_st1 + label{display:inline-block;padding-left:8.4375vw;color:#333;font-size:3.437vw;letter-spacing:-0.08em;line-height:1.5}
input.chk_st1 + label::before{display:inline-block;position:absolute;left:0;top:-0.6vw;width:5.625vw;height:5.625vw;background:#c9cbcd url('//siwon-cdn.siwonschool.com/img/www/m/comm/ico_chk.png') no-repeat center center;background-size:4.0625vw auto;content:'';transition:all 0.3s}
input.chk_st1:checked + label::before{background-color:#2f62cb}

.input_st1{display:inline-block;padding:1em;border:1px solid #ddd;font-size:.9rem;background:#fff;vertical-align:top}
.input_st1::placeholder{color:#aaa}
.textarea_st1{display:inline-block;padding:1em;border:1px solid #ddd;font-size:.9rem;line-height:1.4;resize:none;background:#fff;vertical-align:top}
.textarea_st2{display:inline-block;padding:1em;border:1px solid #ddd;font-size:.9rem;line-height:1.4;resize:none;background:#fff;vertical-align:top}
.textarea_st1::placeholder{color:#aaa}

/* 신규 공통 스타일 추가 2007 */
.radio_comm{position:absolute;opacity:0}
.radio_comm + label{position:relative;padding-left:25px}
.radio_comm + label:before{content:'';display:inline-block;position:absolute;top:0;left:0;height:18px;width:18px;box-sizing:border-box;border:1px solid #cdcdcd;border-radius:50%;background-color:#fff}
.radio_comm + label:after{content:'';display:inline-block;position:absolute;top:0;left:0;transition:all 0.25s ease-in-out;height:10px;width:10px;margin:4px;border-radius:50%;box-sizing:border-box;background-color:#2f62cb;opacity:0;transform:scale(0)}
.radio_comm:checked + label:after{transform:scale(1);opacity:1}
.radio_comm:not(:checked) + label:hover:after{transform:scale(0.7);opacity:.3}

.check_comm{position:absolute;opacity:0}
.check_comm + label{position:relative;padding-left:25px}
.check_comm + label:before{content:'';display:inline-block;position:absolute;top:0;left:0;height:18px;width:18px;box-sizing:border-box;border:1px solid #cdcdcd;border-radius:3px;background-color:#fff}
.check_comm + label:after{content:'';display:inline-block;position:absolute;top:1px;left:1px;transition:all 0.25s ease-in-out;height:7px;width:11px;margin:3px;border-radius:2px;box-sizing:border-box;border-left:3px solid #2f62cb;border-bottom:3px solid #2f62cb;opacity:0;transform:scale(0) rotate(-45deg)}
.check_comm:checked + label:after{transform:scale(1) rotate(-45deg);opacity:1}
.check_comm:not(:checked) + label:hover:after{transform:scale(0.7) rotate(-45deg);opacity:.3}

/* 검색 결과 없음 */
.no_search_bbs{padding:50px 0;text-align:center;color:#000;font-size:14px;font-weight:bold;line-height:1.6}
.no_search_bbs .b{color:#2f62cb}

/* 타이틀 */
.sec_tit.comm{padding:.8em 0;font-size:1.15rem;color:#777}
.sec_txt_comm{padding:0 4% 10px 4%;text-align:right;color:#999;font-size:11px}

/* 탭메뉴 */
.tab_comm{overflow:hidden}
.tab_comm.t2 li{width:50%}
.tab_comm.t3 li{width:33.33%}
.tab_comm.t3 li:nth-child(3n){width:33.34%}
.tab_comm li{float:left;border:1px solid #ddd;background:#fff}
.tab_comm li[data-state-on]{border-color:#2f62cb;background:#2f62cb}
.tab_comm li a{display:block;padding:1.5em 0;color:#000;font-size:.9rem;line-height:1;text-align:center;color:#000}
.tab_comm li[data-state-on] a{color:#fff;font-weight:bold}
.tab_comm li:first-child{border-left:0}
.tab_comm li:last-child{border-right:0}

.tab_comm2{overflow:hidden}
.tab_comm2.t2 li{width:50%}
.tab_comm2.t2.mypage li{width:49.5%}
.tab_comm2 li{float:left;border:1px solid #999;background:#fff}
.tab_comm2.t2.mypage li:nth-child(odd){margin:0 .5% 1% 0}
.tab_comm2.t2.mypage li:nth-child(even){margin:0 0 1% .5%}
.tab_comm2 li[data-state-on]{border-color:#2f62cb;background:#2f62cb}
.tab_comm2 li[data-state-on] a::after{display:inline-block;width:12px;height:10px;margin-left:5px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_d.png) no-repeat left 50%;background-size:12px auto;content:''}
.tab_comm2 li a{display:block;padding:1.5em 0;color:#666;font-size:1rem;line-height:1;text-align:center;color:#000}
.tab_comm2 li[data-state-on] a{color:#fff;font-weight:bold}

/* 연장/재수강 */
.tab_comm5{position:relative;height:64px;overflow:hidden}
.tab_comm5 li{float:left;z-index:3;font-size:17px;}
.tab_comm5.w2 li{width:50%}
.tab_comm5.w3 li{width:33.3%}
.tab_comm5.w3 li:first-child{width:33.4%}
.tab_comm5 li a{display:block;padding:10px 0;border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-bottom:1px solid #3e4347;color:#999;text-align:center;line-height:1.2;background:#f9f9f9;font-size:12px}
.tab_comm5 li:first-child a{border-left:1px solid #e8e8e8}
.tab_comm5 li.on a{border-color:#3e4347;border-left:1px solid #3e4347;border-bottom-color:#fff;background:#fff;color:#000;font-weight:bold}

/* 탭 공통 */
.tabs_menu{overflow:hidden}
.tabs_menu.pd{padding:10px}
.tabs_menu .list{overflow:hidden}
.tabs_menu .list li{float:left;height:25px;border-left:1px solid #ededed;background:#fff;box-sizing:border-box;line-height:25px}
.tabs_menu .list li.on{background:#888}
.tabs_menu .list li:first-child{border-left:0;border-top-left-radius:2px;border-bottom-left-radius:2px}
.tabs_menu .list li:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px}
.tabs_menu .list li a{display:block;width:100%;height:100%;color:#aaa;font-size:13px;font-weight:bold;text-align:center}
.tabs_menu .list li.on a{color:#fff}
.tabs_menu .list.w2 li{width:50%}
.tabs_menu .list.w3 li{width:33%}
.tabs_menu .list.w3 li:first-child{width:34%}
.tabs_menu .list.w4 li{width:25%}
.tabs_menu .list.w5 li{width:20%}

.tabs{overflow:hidden}
.tabs.st1{padding:10px}
.tabs .list{overflow:hidden}
.tabs .list li{float:left;height:40px;background:#fff;box-sizing:border-box;line-height:40px}
.tabs .list li:first-child{border-left:0}
.tabs .list li a{display:block;width:100%;height:40px;color:#666;font-size:12px;text-align:center}
.tabs .list li.on a{color:#2f62cb}
.tabs .list li a span{display:block;width:100%;height:40px;border-bottom:1px solid #ddd;line-height:10px}
.tabs .list li a span:before{display:block;position:relative;top:12px;width:1px;height:15px;background:#ddd;content:'';vertical-align:middle}
.tabs .list li.on a span{border-bottom:1px solid #2f62cb}

.tabs.st1 .list li{float:left;height:25px;border-left:1px solid #ededed;background:#fff;box-sizing:border-box;line-height:25px}
.tabs.st1 .list li.on{background:#888}
.tabs.st1 .list li:first-child{border-left:0;border-top-left-radius:2px;border-bottom-left-radius:2px}
.tabs.st1 .list li:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px}
.tabs.st1 .list li a{display:block;width:100%;height:100%;color:#aaa;font-size:13px;font-weight:bold;text-align:center}
.tabs.st1 .list li.on a{color:#fff}

.tabs .list.w2 li{width:50%}
.tabs .list.w3 li{width:33%}
.tabs .list.w3 li:first-child{width:34%}

.check_st1{display:block;position:relative;min-height:2em;padding-left:2.5em;font-size:.8rem;line-height:2em}
.check_st1::before{position:absolute;top:0;left:0;width:2em;height:2em;box-sizing:border-box;border:1px solid #999;border-radius:2px;content:''}
.check_st1.checked::before{border-color:#2f62cb;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/check_blue.png) no-repeat;background-size:cover}
.check_st1_rev{display:block;position:relative;height:2em;padding-left:2.5em;font-size:.9rem;line-height:2em}
.check_st1_rev::before{position:absolute;top:0;left:0;width:2em;height:2em;border-radius:2px;background:#ddd  url(//siwon-cdn.siwonschool.com/img/www/m/comm/check_white.png) no-repeat;background-size:cover;content:''}
.check_st1_rev.checked::before{background-color:#2f62cb}

.select_view{overflow:hidden;position:relative;border:1px solid #ddd;background:#fff}
.select_view .selected{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;padding:1em 4em 1em 1em;font-size:.9rem;color:#000}
.select_view .selected::after{position:absolute;top:0;right:0;width:3em;height:3em;background:#ddd url(//siwon-cdn.siwonschool.com/img/www/m/comm/arr_white_down.png) center center no-repeat;background-size:35% auto;content:''}
.select_view select{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}
.select_view.st2{border:none;background:#333}
.select_view.st2 .selected{color:#fff}
.select_view.st2 .selected::after{background-color:#333}
.select_multy{overflow:hidden}
.select_multy .select_view:first-child{float:left;width:49%}
.select_multy .select_view:last-child{float:right;width:49%}

.input_comm{overflow:hidden;position:relative;padding-right:20%}
.input_comm textarea,
.input_comm input{float:left;width:100%;height:100%;box-sizing:border-box}
.input_comm button{position:absolute;top:0;right:0;width:20%;height:100%;box-sizing:border-box}

.input_comm_file{overflow:hidden;position:relative}
.input_comm_file textarea,
.input_comm_file input{width:100%}
.input_comm_file .input_file{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;opacity:0}
.input_comm_file .bt_upload{position:absolute;top:0;right:0;z-index:1;height:100%;background:#2f62cb}
.input_comm_file .bt_upload img{height:100%;width:auto}

.bt_bott_area{overflow:hidden;padding:10px 4% 20px}

/* sns 공유 */

/* scroll - show */
[data-show]{position:relative;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
[data-show="up"]{top:20px}
[data-show].show{top:0;opacity:1}

/* 고정배너 */
#banBtmComm{z-index:90;position:fixed;bottom:0;left:0;width:100%}
#banBtmComm a img, #banBtmComm> img{display:block;min-width:320px;margin:0 auto}
#banBtmComm .type1{position:absolute;top:-15px;left:50%;margin-left:-160px}
/* 고정배너 100% 일경우 */
#banBtmComm100{z-index:90;position:fixed;bottom:0;left:0;width:100%;}
#banBtmComm100 a{width:100%}
#banBtmComm100 a img{display:block;width:100%}

/* bx-slider */
.bx-controls-auto{overflow:hidden;position:absolute;left:-1000%;width:1px;height:1px;color:transparent}
.comm .bx-pager{margin:10px 0;text-align:center;font-size:0}
.comm .bx-pager .bx-pager-item{display:inline;margin-left:5px;vertical-align:middle;font-size:0}
.comm .bx-pager .bx-pager-item:first-child{margin-left:0}
.comm .bx-pager .bx-pager-item a{display:inline-block;overflow:hidden;width:7px;height:7px;border-radius:100%;text-indent:100%;color:transparent;background:#ddd}
.comm .bx-pager .bx-pager-item a.active{background:#2f62cb}

/* 레이어 팝업 */
.wrap_layer_popup{display:none;position:absolute;left:50%;margin-left:-50%;z-index:199}
.layer_popup_bg{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:198;background:url(//siwon-cdn.siwonschool.com/china/m/comm/bg_opacity.png) repeat;overflow:hidden}
.wrap_layer_popup .inner_pop{width:88vw;position:relative;margin:0 6vw}
.wrap_layer_popup .bt_pop{width:100%;height:12.5vw;background:#222;padding:0 5.8vw;box-sizing:border-box;display:table}
.wrap_layer_popup .bt_pop p{display:table-cell;vertical-align: middle}
.wrap_layer_popup .bt_pop p > a{display:inline-block;color:#999;font-size:3.5vw}
.wrap_layer_popup .bt_pop p > a.close{float:right;color:#fff}
.wrap_layer_popup .bt_pop p > a.close img{width:3vw;vertical-align:-0.2vw;margin-left:2vw}

.pop_st1{left:50%;width:92%;margin:0 3.9%;padding-bottom:30px;border-radius:3px;background:#fff;box-sizing:border-box;text-align:left}
.pop_st1 h3{height:40px;padding:0 15px;border-bottom:1px solid #ccc;color:#333;font-size:14px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-weight:bold}
.pop_st1 .pop_inside1{text-align:left}
.pop_st1 .txt_payment{border-bottom:1px solid #ddd;font-size:12px}
.pop_st1 .txt_payment .dl{display:block;position:relative;border-bottom:1px solid #eee;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/dl_line.png) repeat-y;background-size:100px auto;overflow:hidden;text-align:left}
.pop_st1 .txt_payment .dl dt{display:inline-block;float:left;width:90px;padding:7px 0 5px 10px;color:#666;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:100px;padding:7px 0 5px 10px;color:#333;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{padding-left:10px;color:#999;text-align:left}
.noti .i{display:inline-block;height:16px;margin-top:10px;color:#666;font-size:12px}
.pop_st1 .noti .i{color:#999}
.pop_st1 .bt_group{padding:15px 10px}
.pop_st1 .bt_group .btn{margin:0 15%}
.pop_st1 .close2{display:block;position:absolute;top:15px;right:15px;width:20px;height:20px;background:url(//siwon-cdn.siwonschool.com/img/china/m/comm/bt_close_page.png) no-repeat;background-size:contain;text-indent:-999em}
.pop_st1 .close_x{display:block;position:absolute;top:0;right:0;width:34px;height:40px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/bt_close_pop.png) no-repeat center 12px;background-size:15px auto;text-indent:-999em}
.pop_st1 .bt_st4{width:113px;margin:0 5px}
.pop_st1 .bt_st5{width:113px;margin:0 5px}
.pop_st1 .card_area{padding:23px 20px 15px 20px}
.pop_st1 .card_area .card_img img{width:100%}
.pop_st1 .card_area .txt_check{display:block;margin-top:15px;color:#666;font-size:10px;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;margin-top:18px;color:#444a59;font-size:13px;line-height:1.2}
.pop_st1 .cart_area .txt_info .em{color:#d71818}

/* 다운팝업 */
.downPop {display:none;background-color:#fff;}
.downPop.open {position:fixed; bottom:0;width:100%;z-index:100;}
.downPop .pop_tit {position:relative;text-align:left;padding:4vw 5vw;border-bottom:1px solid #222;color:#2f66c5;font-weight:bold;font-size:4.5vw}
.downPop .close {display:block;position:absolute;top:0;right:0;width:12.5vw;height:12.5vw;background:url(//siwon-cdn.siwonschool.com/img/www/m/myclass/ui_close.png) no-repeat;background-size:contain;text-indent:-999em}

/* 강의시작 레이어 */
.pop_st1#pop_lec_play{padding-bottom:0}
.pop_st1 .lec_area .play_list li{border-bottom:1px solid #eee;background:url(//siwon-cdn.siwonschool.com/img/www/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;color:#333;font-size:12px;line-height:35px}
.pop_st1 .lec_area .info{padding:20px 0;text-align:center}
.pop_st1 .lec_area .info dt{color:#333;font-size:13px;font-weight:bold}
.pop_st1 .lec_area .info dd{margin-top:5px;color:#666;font-size:11px}
.pop_st1 .lec_area .bt_group{padding:0 15px 0;overflow:hidden}
.pop_st1 .lec_area .bt_group a{display:inline-block;float:left;width:49%;height:30px;margin-right:0.5%;border-radius:3px;background:#666;color:#fff;font-size:12px;line-height:30px;text-align:center;box-sizing:border-box}
.pop_st1 .lec_area .bt_group a:last-child{background:#2f62cb;margin-left:0.5%}

/* 도서 레이어 */
.pop_st1.pop_book{padding-bottom:0}
.pop_st1 .book_area{text-align:left}
.pop_st1 .book_area .book_dl{margin:0 15px;padding:10px 0;border-bottom:1px solid #eee}
.pop_st1 .book_area .book_dl:first-child{margin:0;padding:15px;background:#fcfcfc}
.pop_st1 .book_area .book_dl:last-child{border-bottom:0}
.pop_st1 .book_area .book_dl:first-child dt{color:#333;font-size:13px}
.pop_st1 .book_area .book_dl dt{color:#2f62cb;font-size:12px;font-weight:bold}
.pop_st1 .book_area .book_dl dd{color:#999;font-size:11px}
.pop_st1 .book_area .book_dl:first-child dd{color:#999}
.pop_st1 .book_area .book_dl dd{margin-top:3px}
.pop_st1 .book_area .bt_group{padding:0;overflow:hidden}
.pop_st1 .book_area .bt_group a{display:inline-block;float:left;width:49.9%;height:30px;background:#666;color:#fff;font-size:12px;line-height:30px;text-align:center;box-sizing:border-box}
.pop_st1 .book_area .bt_group a:first-child{border-bottom-left-radius:3px}
.pop_st1 .book_area .bt_group a:last-child{float:right;border-bottom-right-radius:3px;background:#2f62cb}

/* 도서 레이어 */
.pop_book{display:none;width:100%;background:#fff}
.pop_book .pop_tit{overflow:hidden;position:relative;height:48px;border-bottom:1px solid #000;color:#010101;font-size:14px;line-height:48px;text-indent:5px;background:#fff}
.pop_book .pop_tit .layer_popup_close{position:absolute;right:8px;top:9px}
.pop_book .wrap_layer_cont{overflow:hidden;padding:0 20px 20px}
.pop_book .wrap_layer_cont .thumb{width:150px;height:150px;margin:20px auto;text-align:center}
.pop_book .wrap_layer_cont .thumb img{width:100%}
.pop_book .wrap_layer_cont .desc{padding:10px 0;color:#666;line-height:1.6;font-size:13px}
.pop_book .wrap_layer_cont .info{height:36px;margin-top:30px;background:#f8f8f8;padding:0 15px;color:#000;font-size:12px;overflow:hidden;line-height:36px}
.pop_book .wrap_layer_cont .info .price{float:right;color:#ff493d;font-size:13px}
.pop_book .wrap_layer_cont .info .price strong{font-size:20px}
.pop_book .bt_group{margin-top:10px;padding:0;overflow:hidden}
.pop_book .bt_group .bt{float:left;display:inline-block;width:50%;height:34px;border:1px solid #3e4347;font-size:14px;line-height:32px;text-align:center;box-sizing:border-box}
.pop_book .bt_group .bt_cart{background:#f8f8f8;color:#3e4347}
.pop_book .bt_group .bt_apply{background:#3e4347;color:#fff}
.pop_book .close_x{position:absolute;top:15px;right:20px;display:inline-block;width:16px;height:16px;background:url(//siwon-cdn.siwonschool.com/img/comm/close_25x25_gray.png) no-repeat;background-size:cover;text-indent:-999em}


/* 레이어팝업 st2 */
.wrap_layer_popup.pop_st2{width:92%;min-height:300px;padding:30px 20px 20px;background:#fff;-webkit-transform:translateX(4%);-ms-transform:translateX(4%);transform:translateX(4%)}
/* .wrap_layer_popup.pop_st2 .layer_close{display:inline-block;position:absolute;top:27px;right:25px;width:15px;height:15px;background:none} */

.wrap_layer_popup.pop_st2 .layer_close{display:inline-block;overflow:hidden;position:absolute;top:-30px;right:0;width:25px;height:25px;z-index:2;background:url(//siwon-cdn.siwonschool.com/comm/close_43x43_white.png) no-repeat;background-size:cover}
.wrap_layer_popup.pop_st2 .layer_close span{position:absolute;left:100%;color:transparent}

.wrap_layer_popup.pop_st2 .layer_tit{padding-bottom:.5em;border-bottom:2px solid #000;font-size:1rem;color:#2f62cb;font-weight:bold;line-height:1.2}
.wrap_layer_popup.pop_st2 .layer_cont{padding-top:10px}

.wrap_layer_popup.pop_st2 .form_info{margin-bottom:10px}
.wrap_layer_popup.pop_st2 .form_info .tit{position:relative;padding-left:1em;padding-bottom:5px;font-size:.8rem;color:#000;font-weight:bold;line-height:1}
.wrap_layer_popup.pop_st2 .form_info .tit::before{position:absolute;top:.5em;left:0;width:2px;height:2px;background:#000;content:''}
.wrap_layer_popup.pop_st2 .form_info .cont{font-size:.8rem;color:#666;line-height:1.6}
.wrap_layer_popup.pop_st2 .form_info .cont.bul{position:relative;padding-left:1em}
.wrap_layer_popup.pop_st2 .form_info .cont.bul::before{position:absolute;top:0;left:0;content:'-'}
.wrap_layer_popup.pop_st2 .form_info .cont a{color:#666}


/* 레이어 팝업 :페이지 타입 - 우편번호 */
.page_layer_popup .zip_area{padding-top:65px}
.page_layer_popup .zip_area .tabs{padding:18px 18px 0}
.page_layer_popup .zip_area .form_field{text-align:center}
.page_layer_popup .zip_area .tabs .list{border-bottom:1px solid #333}
.page_layer_popup .zip_area .tabs .list li a{background:#fff;color:#9a9a9a;font-size:13px}
.page_layer_popup .zip_area .tabs .list li.on a{background:#333;color:#fff}
.page_layer_popup .zip_area .txt_info{margin-top:24px;color:#666;font-size:13px}
.page_layer_popup .zip_area .form_field{padding-bottom:40px}
.page_layer_popup .zip_area .form{margin-top:24px}
.page_layer_popup .zip_area .form .input{height:26px;border:1px solid #9a9a9a;border-right:0;background:#fff;text-indent:8px}
.page_layer_popup .zip_area .form .btn_search{display:inline-block;width:60px;height:26px;background:#2f62cb;color:#fff;line-height:26px;text-align:center}
.page_layer_popup .zip_area .tab_content{min-height:0}
.page_layer_popup .zip_area .search_result{margin-top:40px;padding:0 15px}
.page_layer_popup .zip_area .search_result .info{padding:8px 15px;color:#666;font-weight:bold;font-size:12px;text-align:left}
.page_layer_popup .zip_area .search_result .info .num{color:#0c2436}
.page_layer_popup .zip_area .search_result .info em{color:#d71818;font-weight:bold}
.page_layer_popup .zip_area .search_result .list{background:#fff}
.page_layer_popup .zip_area .search_result .list li{position:relative;border-bottom:1px solid #eeeef0;color:#0c2436;font-size:12px;text-align:left}
.page_layer_popup .zip_area .search_result .list li:nth-child(even){background:#f7f7f7}
.page_layer_popup .zip_area .search_result .list li:last-child{border-bottom:0}
.page_layer_popup .zip_area .search_result .list li a{display:block;padding:10px 15px}
.page_layer_popup .zip_area .search_result .list li .adds{display:inline-block;padding-right:80px}
.page_layer_popup .zip_area .search_result .list li .post{position:absolute;top:11px;right:15px}
.page_layer_popup .zip_area .search_no{margin-top:25px;padding-bottom:40px;color:#666;font-size:12px}
.page_layer_popup .zip_area .search_no em{color:#d71818;font-weight:bold}

/* 레이어 팝업 : 페이지 타입 - 레벨테스트 정답 및 해설 */
.page_layer_popup .leveltest_area{padding:57px 10px 30px}
.page_layer_popup .leveltest_area .expl_list li{margin-bottom:10px;box-shadow:1px 1px 3px #ccc}
.page_layer_popup .leveltest_area .expl_list li .num{display:inline-block;width:24px;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:inline-block;position:absolute;top:50%;right:15px;width:18px;height:18px;margin-top:-9px;background:url(//siwon-cdn.siwonschool.com/img/www/m/comm/ico_updown2.png) no-repeat 0 -18px;background-size:18px auto;overflow:hidden}
.page_layer_popup .leveltest_area .expl_list .qt.open i{background-position:0 0}
.page_layer_popup .leveltest_area .expl_list .qt dd{padding:3px 0 0 24px;color:#2f62cb}
.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:#477deb}
.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 #477deb;border-radius:8px;color:#477deb;font-size:11px;text-align:center;line-height:18px}
.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% !important;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}
.random_show .rndm_ban{display:none}

/* 유튜브 팝업 */
.pop_movie#youtube_pop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:#000}
.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%}

/* best 후기, 최근다이어리 폼 */
.best_form{position:relative;padding:30px;box-sizing:initial;border-radius:5px;background:#fff}
.best_form .head{position:relative;height:70px;padding-left:80px;padding-bottom:15px;border-bottom:1px solid #f1f3f6;box-sizing:initial}
.best_form .head > div{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.best_form .head .tit{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;max-height:3.6em;font-size:1.1rem;line-height:1.2;color:#000;-webkit-line-clamp:3}
.best_form .head .name{display:block;margin-top:.7em;font-size:.8rem;color:#2f62cb;line-height:1}
.best_form .head .name.star{color:#eb0bce}
.best_form .head .name .tag_blue{padding:0 2px;margin-right:4px;color:#fff;background:#2f62cb}
.best_form .head .tag_star{display:block;padding-bottom:.3em;font-size:.7rem;color:#eb0bce;line-height:1;letter-spacing:1px}
.best_form .cont{margin-top:15px;color:#777;font-size:.9rem;line-height:1.6}
.best_form .cont p,
.best_form .cont div{color:#777;font-size:.8rem;line-height:1.4}
[data-review="closed"] .best_form .cont{display:-webkit-box;overflow:hidden;max-height: 8em;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-wrap:break-word}
[data-review="opened"] .best_form .cont{max-height:initial;-webkit-line-clamp:initial}
.best_form .thumb{overflow:hidden;position:absolute;top:30px;left:30px;width:70px;height:70px;border-radius:100%;background:#f1f3f6}
.best_form .bt_more{padding-top:10px;text-align:right}
.best_form .bt_more span{width:6em}

/* 이달의 best 후기 슬라이드 */
.review_month_sl{}
.review_month_sl .bx-controls-auto{position:absolute;left:1000%;color:transparent}
.review_month_sl .bx-controls-direction a{display:inline-block;position:absolute;top:50%;z-index:60;width:40px;height:40px;margin-top:-35px;text-indent:100%;color:transparent;background:url(//siwon-cdn.siwonschool.com/img/www/m/main/v7/nav_review.png) no-repeat;background-size:cover;border:1px solid rgba(80,79,78,0.5)}
.review_month_sl .bx-controls-direction a.bx-prev{left:0;background-position:left center}
.review_month_sl .bx-controls-direction a.bx-next{right:0;background-position:right center}
.review_month_sl .bx-pager{padding:0;border-top:1px solid #f1f3f6;text-align:center;font-size:.8rem;text-align:center}

/* 수강이력 레이어 */
#layer_lec_history .layer_tit{padding:0;color:#000;border-bottom:0}
#layer_lec_history .lec_table{width:100%;border-left:1px solid #ddd;border-right:1px solid #ddd}
#layer_lec_history .lec_table th{padding:8px;border-right:1px solid #fff;color:#000;background:#ddd;font-size:12px;font-weight:bold;text-align:center}
#layer_lec_history .lec_table th:last-child{border-right:0}
#layer_lec_history .lec_table td{padding:6px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:12px;color:#777;text-align:center}
#layer_lec_history .lec_table td:last-child{border-right:0}

/* 해시 태그 */
.hashtag{overflow:hidden}
.hashtag li{position:relative;float:left;margin-bottom:10px}
.hashtag li:last-child{margin-bottom:0}
.hashtag li.tag_label{position:relative;margin-right:5px;padding:1em 20px 1em 5px;border:1px solid #ddd;font-size:.9rem;background:#fff}
.hashtag li.tag_label .tag_default{color:#999}
.hashtag li.tag_label .del{position:absolute;top:0;right:0}
.hashtag li .hash:before{margin-right:3px;color:#333;content:"#"}
.hashtag li .tag_input[type=text]{position:relative;display:inline-block;width:inherit;padding:.8em 5px;border:0;font-size:.9rem;vertical-align:middle}
.hashtag li.tag_focused{border:1px solid #ddd}
.hashtag li.tag_focused .hash:before{position:relative;top:2px;margin-right:0;padding-left:5px}

/* 랜딩 유의사항(공통) : table */
.sec_info_comm{background:#333;padding:10.5vw 0}
.sec_info_comm .info_box{width:90.625%;margin:0 auto}
.sec_info_comm .info_tit{width:90%;margin:0 5% 6%;font-size:3.5vw;font-weight:bold;color:#fff}
.sec_info_comm .info_table{width:100%;margin-top:20px;border-top:2px solid #fff;border-bottom:2px solid #fff}
.sec_info_comm .info_table th{border-bottom:1px solid #717171;font-size:3vw;color:#d3d3d3;line-height:1.4em;font-weight:bold}
.sec_info_comm .info_table td{padding:2vw 3vw;border-bottom:1px solid #717171;border-left:1px solid #717171;font-size:2.5vw;line-height:3.2vw;color:#d3d3d3}
.sec_info_comm .info_table td .bt_guide{display:inline-block;height:20px;margin-left:10px;padding:0 10px;border:1px solid #d3d3d3;border-radius:4px;font-size:11px;color:#d3d3d3;line-height:17px;vertical-align:middle}

.sec_info_comm .info_table .intable{margin-top:20px;}
.sec_info_comm .info_table .intable thead th{border:1px solid #717171;font-size:3vw;color:#d3d3d3;line-height:1.4em;font-weight:bold}
.sec_info_comm .info_table .intable tbody th{padding:2vw 3vw;border:1px solid #717171;border-left:1px solid #717171;font-size:2.5vw;line-height:3.2vw;color:#d3d3d3}
.sec_info_comm .info_table .intable tbody td{padding:2vw 3vw;border:1px solid #717171;border-left:1px solid #717171;font-size:2.5vw;line-height:3.2vw;color:#d3d3d3}

/* 레이어 팝업 :페이지 타입 */
.page_layer_popup{display:none;position:absolute;top:0;left:0;width:100%;padding-bottom:43px;z-index:999}
.page_layer_popup .layer_header{position:fixed;top:0;left:0;width:100%;z-index:3;height:45px;border-bottom:1px solid #ddd;background:#fff;text-align:left;box-sizing:border-box}
.page_layer_popup .layer_header h3.tit_layer{padding-left:15px;color:#333;font-weight:normal;font-size:13px;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold}
.page_layer_popup .layer_header .close{display:block;position:absolute;top:0;right:0;width:40px;height:45px;z-index:99;background:url(//siwon-cdn.siwonschool.com/img/comm/close_40x40_gray.png) no-repeat center 12px;background-size:20px auto;text-indent:-999em}