@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");




/*@font-face { font-family: Nanum Gothic; src : url("../font/NanumG.eot"); src : url("../font/NanumG.eot?#iefix") format('embedded-opentype'), url("../font/NanumG.woff") format("woff"); } */


/*==========================================================================
Base
==========================================================================*/
/* word-break: break-all; word-wrap: break-word; */

html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:keep-all; word-break:break-word; -webkit-text-size-adjust:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{font-family:Nanum Gothic,'돋움',Dotum,AppleGothic,sans-serif;font-size:12px;color:#333;line-height:18px;font-weight:normal; padding:0px;margin:0px;}
html, body { width:100%;height: 100%; margin: 0; padding: 0; } 
body {position:relative;right:0;background:#F0F0F0;}
header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption { display:block; }

.content {border-width:0px;overflow:visible;overflow-x:hidden;padding:15px;}
/*
table { font-size:inherit; border-collapse:collapse; border-spacing:0; table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all; }
*/
fieldset, iframe { border:0; vertical-align:top; }
small { font-size:12px; color:#666; }
img { border:0; font-size:0; vertical-align:top; }
address,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
li, dd { list-style:none; word-break:keep-all; word-break:break-word; }
hr { display:none; }
caption { overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; }
legend {  overflow:hidden; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; line-height:0; white-space:nowrap; color:#000; }
button { padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; font-size:12px; appearance: none; moz-appearance: none; border:0; *overflow:visible; outline:none;}
h1, h2, h3, h4, h5, h6 { padding:0px;margin:0px; }
a, a code { color:#000; text-decoration:none; }
a:active, a:active code { color:#000; text-decoration:none; }
a:hover, a:hover code, a:focus, a:focus code { text-decoration:none; color:#333; }
sup,sub { font-size:0.9em; font-style:italic; }
checkbox { vertical-align:middle}
a {outline:none; select-dummy: expression(this.hideFocus=true);cursor:pointer}
.hand {cursor:pointer}
/* 정렬 */
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.fr { float:right; }
.fl { float:left; }
.mid { vertical-align:middle; }
.clear {clear:both;}

/* font-color */
.bold {font-weight:bold;}

.fc_01 {!important}

/* font-size */
.fs_01 {font-size:1.05em !important;}

/* input  */


/* margin */
.mt0 { margin-top:0 !important; }
.mt1 { margin-top:1px; }
.mt2 { margin-top:2px; }
.mt3 { margin-top:3px; }
.mt4 { margin-top:4px; }
.mt5 { margin-top:5px !important; }
.mt6 { margin-top:6px; }
.mt7 { margin-top:7px; }
.mt8 { margin-top:8px; }
.mt9 { margin-top:9px; }
.mt10 { margin-top:10px;}
.mt11 { margin-top:11px;}
.mt12 { margin-top:12px;}
.mt13 { margin-top:13px;}
.mt14 { margin-top:14px;}
.mt15 {margin-top:15px;}
.mt16 { margin-top:16px;}
.mt17 { margin-top:17px;}
.mt18 { margin-top:18px;}
.mt19 { margin-top:19px;}
.mt20 { margin-top:20px;}
.mt21 { margin-top:21px;}
.mt22 { margin-top:22px;}
.mt23 { margin-top:23px;}
.mt24 { margin-top:24px;}
.mt25 { margin-top:25px;}
.mt26 { margin-top:26px;}
.mt27 { margin-top:27px;}
.mt28 { margin-top:28px;}
.mt29 { margin-top:29px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt36 { margin-top:36px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}
.mt55 { margin-top:55px;}
.mt60 { margin-top:60px;}
.mt65 { margin-top:65px;}
.mt70 { margin-top:70px;}
.mt75 { margin-top:75px;}
.mt80 { margin-top:80px;}
.mt85 { margin-top:85px;}
.mt90 { margin-top:90px;}
.mt95 { margin-top:95px;}
.mt100 { margin-top:100px;}
.mt110 { margin-top:110px;}
.mt120 { margin-top:120px;}
.mt150 { margin-top:150px;}
.mt200 { margin-top:200px;}
.mt250 { margin-top:250px;}




.mb1 { margin-bottom:1px; }
.mb2 { margin-bottom:2px; }
.mb3 { margin-bottom:3px; }
.mb4 { margin-bottom:4px; }
.mb5 { margin-bottom:5px; }
.mb6 { margin-bottom:6px; }
.mb7 { margin-bottom:7px; }
.mb8 { margin-bottom:8px; }
.mb9 { margin-bottom:9px; }
.mb10 { margin-bottom:10px; }
.mb11 { margin-bottom:11px; }
.mb12 { margin-bottom:12px; }
.mb13 { margin-bottom:13px; }
.mb14 { margin-bottom:14px; }
.mb15 { margin-bottom:15px; }
.mb16 { margin-bottom:16px; }
.mb17 { margin-bottom:17px; }
.mb18 { margin-bottom:18px; }
.mb19 { margin-bottom:19px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }
.mb55 { margin-bottom:55px; }
.mb60 { margin-bottom:60px; }


.ml1 { margin-left:1px; }
.ml2 { margin-left:2px; }
.ml3 { margin-left:3px; }
.ml4 { margin-left:4px; }
.ml5 { margin-left:5px; }
.ml6 { margin-left:6px; }
.ml7 { margin-left:7px; }
.ml8 { margin-left:8px; }
.ml9 { margin-left:9px; }
.ml10 { margin-left:10px; }
.ml11 { margin-left:11px; }
.ml12 { margin-left:12px; }
.ml13 { margin-left:13px; }
.ml14 { margin-left:14px; }
.ml15 { margin-left:15px; }
.ml16 { margin-left:16px; }
.ml17 { margin-left:17px; }
.ml18 { margin-left:18px; }
.ml19 { margin-left:19px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }
.ml60 { margin-left:60px; }
.ml70 { margin-left:70px; }
.ml80 { margin-left:80px; }
.ml90 { margin-left:90px; }
.ml100 { margin-left:100px; }
.ml200 { margin-left:200px; }
.ml250 { margin-left:250px; }
.ml300 { margin-left:300px; }
.ml310 { margin-left:310px; }
.ml320 { margin-left:320px; }
.ml330 { margin-left:330px; }
.ml340 { margin-left:340px; }
.ml350 { margin-left:350px; }
.ml360 { margin-left:360px; }
.ml370 { margin-left:370px; }
.ml380 { margin-left:380px; }
.ml390 { margin-left:390px; }
.ml400 { margin-left:400px; }
.ml410 { margin-left:410px; }
.ml420 { margin-left:420px; }
.ml430 { margin-left:430px; }
.ml440 { margin-left:440px; }
.ml450 { margin-left:450px; }
.ml460 { margin-left:460px; }
.ml470 { margin-left:470px; }
.ml480 { margin-left:480px; }
.ml490 { margin-left:490px; }
.ml500 { margin-left:500px; }
.ml550 { margin-left:550px; }

.mr1 { margin-right:1px; }
.mr2 { margin-right:2px; }
.mr3 { margin-right:3px; }
.mr4 { margin-right:4px; }
.mr5 { margin-right:5px; }
.mr6 { margin-right:6px; }
.mr7 { margin-right:7px; }
.mr8 { margin-right:8px; }
.mr9 { margin-right:9px; }
.mr10 { margin-right:10px; }
.mr11 { margin-right:11px; }
.mr12 { margin-right:12px; }
.mr13 { margin-right:13px; }
.mr14 { margin-right:14px; }
.mr15 { margin-right:15px; }
.mr16 { margin-right:16px; }
.mr17 { margin-right:17px; }
.mr18 { margin-right:18px; }
.mr19 { margin-right:19px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr26 { margin-right:26px; }
.mr27 { margin-right:27px; }
.mr28 { margin-right:28px; }
.mr29 { margin-right:29px; }
.mr30 { margin-right:30px; }
.mr31 { margin-right:31px; }
.mr32 { margin-right:32px; }
.mr33 { margin-right:33px; }
.mr34 { margin-right:34px; }
.mr35 { margin-right:35px; }
.mr36 { margin-right:36px; }
.mr37 { margin-right:37px; }
.mr38 { margin-right:38px; }
.mr39 { margin-right:39px; }
.mr40 { margin-right:40px; }

/* padding */
.pb1 {padding-bottom:1px;}
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb6 {padding-bottom:6px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}
.pb11 {padding-bottom:11px;}
.pb12 {padding-bottom:12px;}
.pb13 {padding-bottom:13px;}
.pb14 {padding-bottom:14px;}
.pb15 {padding-bottom:15px;}
.pb16 {padding-bottom:16px;}
.pb17 {padding-bottom:17px;}
.pb18 {padding-bottom:18px;}
.pb19 {padding-bottom:19px;}
.pb20 {padding-bottom:20px;}
.pb21 {padding-bottom:21px;}
.pb22 {padding-bottom:22px;}
.pb23 {padding-bottom:23px;}
.pb24 {padding-bottom:24px;}
.pb25 {padding-bottom:25px;}
.pb26 {padding-bottom:26px;}
.pb27 {padding-bottom:27px;}
.pb30 {padding-bottom:30px;}

.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt6 {padding-top:6px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt9 {padding-top:9px;}
.pt10 {padding-top:10px;}
.pt11 {padding-top:11px;}
.pt12 {padding-top:12px;}
.pt13 {padding-top:13px;}
.pt14 {padding-top:14px;}
.pt15 {padding-top:15px;}
.pt16 {padding-top:16px;}
.pt17 {padding-top:17px;}
.pt18 {padding-top:18px;}
.pt19 {padding-top:19px;}
.pt20 {padding-top:20px;}
.pt21 {padding-top:21px;}
.pt22 {padding-top:22px;}
.pt23 {padding-top:23px;}
.pt24 {padding-top:24px;}
.pt25 {padding-top:25px;}
.pt26 {padding-top:26px;}
.pt27 {padding-top:27px;}
.pt30 {padding-top:30px;}

.pl1 {padding-left:1px;}
.pl2 {padding-left:2px;}
.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl6 {padding-left:6px;}
.pl7 {padding-left:7px;}
.pl8 {padding-left:8px;}
.pl9 {padding-left:9px;}
.pl10 {padding-left:10px;}
.pl11 {padding-left:11px;}
.pl12 {padding-left:12px;}
.pl13 {padding-left:13px;}
.pl14 {padding-left:14px;}
.pl15 {padding-left:15px;}
.pl16 {padding-left:16px;}
.pl17 {padding-left:17px;}
.pl18 {padding-left:18px;}
.pl19 {padding-left:19px;}
.pl20 {padding-left:20px;}
.pl21 {padding-left:21px;}
.pl22 {padding-left:22px;}
.pl23 {padding-left:23px;}
.pl24 {padding-left:24px;}
.pl25 {padding-left:25px;}
.pl26 {padding-left:26px;}
.pl27 {padding-left:27px;}
.pl30 {padding-left:30px;}

.pr1 {padding-right:1px;}
.pr2 {padding-right:2px;}
.pr3 {padding-right:3px;}
.pr4 {padding-right:4px;}
.pr5 {padding-right:5px;}
.pr6 {padding-right:6px;}
.pr7 {padding-right:7px;}
.pr8 {padding-right:8px;}
.pr9 {padding-right:9px;}
.pr10 {padding-right:10px;}
.pr11 {padding-right:11px;}
.pr12 {padding-right:12px;}
.pr13 {padding-right:13px;}
.pr14 {padding-right:14px;}
.pr15 {padding-right:15px;}
.pr16 {padding-right:16px;}
.pr17 {padding-right:17px;}
.pr18 {padding-right:18px;}
.pr19 {padding-right:19px;}
.pr20 {padding-right:20px;}
.pr21 {padding-right:21px;}
.pr22 {padding-right:22px;}
.pr23 {padding-right:23px;}
.pr24 {padding-right:24px;}
.pr25 {padding-right:25px;}
.pr26 {padding-right:26px;}
.pr27 {padding-right:27px;}
.pr30 {padding-right:30px;}

.pdl35 {padding-left:35px !important;}
.pdr35 {padding-right:35px !important;}
.pdt15 {padding-top:15px !important;}

.pdb05 {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}

/* 마진 */
.mgt02 {margin-top:2px !important;}
.mgt03 {margin-top:3px !important;}
.mgt05 {margin-top:5px !important;}
.mgt07 {margin-top:7px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt17 {margin-top:17px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}

.mgb0 {margin-bottom:0px !important;}
.mgb03 {margin-bottom:3px !important;}
.mgb04 {margin-bottom:4px !important;}
.mgb05 {margin-bottom:5px !important;}
.mgb06 {margin-bottom:6px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}

.mgl02 {margin-left:2px !important;}
.mgl05 {margin-left:5px !important;}
.mgl06 {margin-left:6px !important;}
.mgl07 {margin-left:7px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl40 {margin-left:40px !important;}
.mgl50 {margin-left:50px !important;}
.mgl60 {margin-left:60px !important;}
.mgl91 {margin-left:91px !important;}
.mgl93 {margin-left:93px !important;}
.mgl95 {margin-left:95px !important;}
.mgl100 {margin-left:100px !important;}
.mgl120 {margin-left:120px !important;}
.mgl150 {margin-left:150px !important;}
.mgl200 {margin-left:200px !important;}
.mgl250 {margin-left:250px !important;}
.mgl270 {margin-left:270px !important;}
.mgl300 {margin-left:300px !important;}
.mgl334 {margin-left:334px !important;}
.mgl400 {margin-left:400px !important;}
.mgl426 {margin-left:426px !important;}

.mgr02 {margin-right:2px !important;}
.mgr05 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr12 {margin-right:12px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}
.mgr40 {margin-right:40px !important;}
.mgr43 {margin-right:43px !important;}
.mgr50 {margin-right:50px !important;}
.mgr60 {margin-right:60px !important;}

/* Button Object */
.btn_pack,
.btn_pack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(/images/common/btn_pack.gif) no-repeat;font-size:12px;color:#666;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack code {cursor:default !important;}
.btn_pack {float:right;}
.btn_pack *{left:5px;cursor:pointer;_cursor:hand}
.btn_pack *:hover,
.btn_pack *:active,
.btn_pack *:focus{}


/* Button Object */
.btn_pack1,
.btn_pack1 *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(/images/common/btn_pack.gif) no-repeat;font-size:12px;color:#666;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack1 code {cursor:default !important;}
.btn_pack1 {float:left;}
.btn_pack1 *{left:5px;cursor:pointer;_cursor:hand}
.btn_pack1 *:hover,
.btn_pack1 *:active,
.btn_pack1 *:focus{}

.btn_pack1.gray04,.btn_pack1.gray04 *{height:26px;line-height:26px;color:#fff !important;}
.btn_pack1.gray04{background-position:left -227px;}
.btn_pack1.gray04 *{padding:0 9px 0 2px;background-position:right -227px;font-size:12px;*padding:0 6px 0 1px;}


/* Button Object */
.btn_pack2,
.btn_pack2 *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(/images/common/btn_pack.gif) no-repeat;font-size:12px;color:#666;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack2 code {cursor:default !important;}
.btn_pack2 *{left:5px;cursor:pointer;_cursor:hand}
.btn_pack2 *:hover,
.btn_pack2 *:active,
.btn_pack2 *:focus{}

 /* 흰색 */
.btn_pack.white,.btn_pack.white *{height:26px;line-height:26px}
.btn_pack.white{background-position:left -49px;}
.btn_pack.white *{padding:0 11px 0 4px;background-position:right -49px;font-size:12px}

.btn_pack.white02,.btn_pack.white02 *{height:36px;line-height:36px}
.btn_pack.white02{background-position:left -292px;}
.btn_pack.white02 *{padding:0 12px 0 6px;background-position:right -292px;font-size:12px}

 /* 오렌지 */
.btn_pack.orange,.btn_pack.orange *{height:36px;line-height:34px;color:#fff }
.btn_pack.orange{background-position:left -81px;}
.btn_pack.orange *{padding:0 10px 0 6px;background-position:right -81px;font-size:12px}

.btn_pack.orange02,.btn_pack.orange02 *{height:25px;line-height:22px;color:#fff !important;} 
.btn_pack.orange02{background-position:left -334px;}
.btn_pack.orange02 *{padding:0 12px 0 6px;background-position:right -334px;font-size:12px}

.btn_pack.orange03,.btn_pack.orange03 *{height:36px;line-height:34px;color:#fff }
.btn_pack.orange03{background-position:left -81px;}
.btn_pack.orange03 *{padding:0 60px 0 56px;background-position:right -81px;font-size:12px}

.btn_pack.orange04,.btn_pack.orange04 *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack.orange04{background-position:left -81px;}
.btn_pack.orange04 *{padding:0 20px 0 16px;background-position:right -81px;font-size:12px}

.btn_pack2.orange04,.btn_pack2.orange04 *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack2.orange04{background-position:left -81px;}
.btn_pack2.orange04 *{padding:0 20px 0 16px;background-position:right -81px;font-size:12px}

 /* 회색 */
.btn_pack.gray,.btn_pack.gray *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack.gray{background-position:left -149px;}
.btn_pack.gray *{padding:0 12px 0 6px;background-position:right -149px;font-size:12px}

.btn_pack.gray02,.btn_pack.gray02 *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack.gray02{background-position:left -149px;}
.btn_pack.gray02 *{padding:0 60px 0 56px;background-position:right -149px;font-size:14px}

.btn_pack.gray03,.btn_pack.gray03 *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack.gray03{background-position:left -149px;}
.btn_pack.gray03 *{padding:0 20px 0 16px;background-position:right -149px;font-size:12px}

.btn_pack2.gray03,.btn_pack2.gray03 *{height:36px;line-height:36px;color:#fff !important;}
.btn_pack2.gray03{background-position:left -149px;}
.btn_pack2.gray03 *{padding:0 20px 0 16px;background-position:right -149px;font-size:12px}

.btn_pack.gray04,.btn_pack.gray04 *{height:26px;line-height:26px;color:#fff !important;}
.btn_pack.gray04{background-position:left -227px;}
.btn_pack.gray04 *{padding:0 9px 0 2px;background-position:right -227px;font-size:12px;*padding:0 6px 0 1px;}

.btn_pack1.gray05,.btn_pack1.gray05 *{height:26px;line-height:26px;color:#fff !important;}
.btn_pack1.gray05{background-position:left -227px;}
.btn_pack1.gray05 *{padding:0 9px 0 2px;background-position:right -227px;font-size:12px;*padding:0 6px 0 1px;}


 /* 녹색 */
.btn_pack.green,.btn_pack.green *{height:36px;line-height:34px; color:#fff; !important;}
.btn_pack.green{background-position:left -189px;}
.btn_pack.green *{padding:0 20px 0 16px;background-position:right -189px;font-size:12px;}

 /* 보라 */
 .btn_bt  {display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;font-size:12px;color:#666;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_bt.violet  *{height:36px;line-height:36px; color:#fff; !important;padding:0 20px 0 16px;margin-bottom:10px;font-size:14px;}


 /* 노랑 */
.btn_pack.yellow,.btn_pack.yellow *{height:26px;line-height:26px;color:#fff !important;}
.btn_pack.yellow{background-position:left -121px;}
.btn_pack.yellow *{padding:0 5px 0 2px;background-position:right -121px;font-size:12px;*padding:0 6px 0 1px;}
 
.btn_pack.strong *{font-weight:bold !important}
.btn_pack.icon *{padding-left:20px}

.bg_yel {background:#ffefa1;color:#000;padding-left:3px;padding-right:3px;}

@media (max-width:360px){html{font-size:10px;}}
@media (min-width:361px) and (max-width:399px){html{font-size:11px;}}
@media (min-width:400px) and (max-width:439px){html{font-size:12px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:13px;}}
@media (min-width:480px) and (max-width:519px){html{font-size:14px;}}
@media (min-width:520px) and (max-width:559px){html{font-size:15px;}}
@media (min-width:560px) and (max-width:599px){html{font-size:16px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:17px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:18px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:19px;}}
@media (min-width:720px) and (max-width:759px){html{font-size:20px;}}
@media (min-width:760px) and (max-width:799px){html{font-size:21px;}}
@media (min-width:800px) and (max-width:839px){html{font-size:22px;}}
@media (min-width:840px) and (max-width:879px){html{font-size:23px;}}
@media (min-width:880px){html{font-size:24px;}}

@media only screen and (min-width: 768px) {
  #cd-top-nav {
    display: block;
  }
}

#cd-menu-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
}
#cd-menu-trigger .cd-menu-text {
  height: 100%;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 600;
  display: none;
}
#cd-menu-trigger .cd-menu-icon {
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #333;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
}
#cd-menu-trigger .cd-menu-icon::before {
  bottom: 5px;
}
#cd-menu-trigger .cd-menu-icon::after {
  top: 5px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
  background-color: rgba(255, 255, 255, 0);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
  background-color: #333;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {
  #cd-menu-trigger {
    width: 110px;
    padding-left: 1.25em;
  }
  #cd-menu-trigger .cd-menu-text {
    display: inline-block;
    line-height: 70px;
  }
  #cd-menu-trigger .cd-menu-icon {
    left: auto;
    right: 1.25em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.slide {height: 100%; width:100%; float: left; clear: none;}
  
.slide img {width:100%; max-width:100%; max-height:100%; min-height:400px; min-width:320px;}

/* gnb-left */
.gnb_wrap {position:absolute; z-index:2147483647;}
.gnb_wrap .bg_side {position:fixed; top:0; left:0; display:none;width:100%; height:100%; background-color:RGBA(0,0,0,0.3);}
.gnb_wrap .gnb_box {position:fixed; top:0; left:-320px; min-width:240px; height:100%; background-color:#f5f5f5; overflow-y:scroll;}

.gnb_wrap .gnb_box h1 {position:relative;  height:40px; padding:12px 44px 0;color:#333;  border-bottom:1px solid #ff5548;  display:block;  background:url('/images/common/menu_Btn.png') no-repeat 7px 11px;  font-weight:bold; v }

.gnb_wrap .gnb_box .nav_gnb .gnb_side {background-color:#fff;}
.gnb_wrap .gnb_box .nav_gnb .gnb_side li {border-bottom:1px solid #d6d6d6;}
.gnb_wrap .gnb_box .nav_gnb .gnb_side li a {display:block; padding:8px 0 8px 10px;}
.gnb_wrap .gnb_box .nav_gnb .gnb_side li ul{border-top:1px solid #d6d6d6; background-color:#fff;}
.gnb_wrap .gnb_box .nav_gnb .gnb_side li ul li a{display:block; padding:8px 0 8px 14px; font-size:0.8em; letter-spacing:-1px }
.gnb_wrap .gnb_box .nav_gnb .gnb_side li.menu_more a {background:url('icon_menubox_more.png') no-repeat 76px center;}
.gnb_wrap .gnb_box .gnb_close {position:absolute; top:0; right:0;}
.gnb_wrap .gnb_box .gnb_close a {display:block; width:18px; height:17px; background:url('/images/common/button_close1.gif') no-repeat 17px 13px; padding:20px; text-indent:-9999px; background-size:14px }

.nav, .nav ul, .nav li {
	list-style: none;
}

.nav ul {
	padding: 0;
	margin: 0 0 0 18px;
}

.nav {
	padding: 0px;
	margin: 0px;
}

.nav > li {
	margin: 0;
	padding:0px 0px
}

.nav > li li li{
	margin: 0px 0;
}

.nav a {
	color: #333;
	display: block;
	outline: none;
   /* -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
	text-decoration: none;
}

.nav a .caret {
	float: right;
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: top;
	border-top: 4px solid #000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
    margin-top: 8px;
	margin-left: 2px;
}

.nav a:hover .caret {
	border-top-color: #000;
}

.nav li.open > a > .caret {
	border-top: none;
	border-bottom: 4px solid #000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.nav li.open > a:hover > .caret {
	border-bottom-color: #000;
}

.nav a:hover, .nav li.active > a {
	background-color: #fafafa;
	color: #333;
}

.nav > li.active > a  {
	background-color: #4D90FE;
}

.nav li a {
	font-size: 12px;
	line-height: 18px;
	padding: 6px 10px 6px 20px;
	border-top:1px solid #ccc;
}

.nav li li a {
	font-size: 12px;
	line-height: 18px;
	padding: 6px 10px 6px 20px;
	border-top:1px solid #ccc;
}

.nav li : first-child {border:none}

.nav > li > a {
	font-size: 14px;
	line-height: 20px;
	padding: 6px 8px 6px 35px;
}

.nav > li.menu1{
	
	padding: 14px 0px 0px 0px;
	background-color:#f5f5f5;
	 font-weight:bold; 
}

.nav > li.menu2{
	border-top:1px solid #ff5548;
	
	padding: 14px 0px 12px 34px;
	background-color:#f5f5f5;
	 font-weight:bold; 
}

.nav > li.menu3{
	border-top:1px solid #ff5548;
	
	padding: 14px 0px 12px 34px;
	background-color:#f5f5f5;
	 font-weight:bold; 
}

.nav > li.menu4{
	border-top:1px solid #ff5548;
	
	padding: 14px 0px 12px 34px;
	background-color:#f5f5f5;
	 font-weight:bold; 
}

.nav_list, .nav_list ul, .nav_list li {
	list-style: none;
}

.nav_list ul {
	padding: 0;
	margin: 0 0 0 6px;
}

.nav_list {
	padding: 0px;
	margin: 0px;
}

.nav_list > li {
	margin: 0;
	padding:0px 0px
}

.nav_list > li li {
	margin: 0px 0;
}

.nav_list a {
	color: #333;
	display: block;
	outline: none;
   /* -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
	text-decoration: none;
}

.nav_list li a {
	font-size: 12px;
	line-height: 18px;
	padding: 6px 10px 6px 20px;
	border-bottom:1px solid #ccc;
	background-color:#fff9fa;
}

/*.nav_list li : first-child {border:none}*/

.nav_list > li > a {
	font-size: 14px;
	line-height: 20px;
	padding: 6px 8px 6px 16px;}
.nav_list a:hover, .nav_list li.active > a {
	background-color: #fafafa;
	color: #333;
}


.nav_list li.choice_l>a {color:#fff;background-color:#92b0f9;}

/*header*/
.logo_i{width:80px; padding-top:2px}
.header_wrap {width:100%; position: relative;}
.header_menu{width:100%; padding:10px 4px 6px 4px; background-color:#fff;border-top:0px solid #ccc; border-bottom:1px solid #7a7a7a; }
.header_menu li{display:inline;padding: 0 10px 0 3px;}
.header_menu li a {display: inline-block; color: #333;    letter-spacing: -1px; font-size:1.1em;  font-weight:bold; height:28px}
.header_menu li .link{  border-bottom: 2px solid #f62d01}
.header_menu li a:first-child {padding-right:0px}

.header_wrap h1 a {display:block; width:90px;margin:0 auto;  padding-bottom:4px;}
.header_wrap .btn_menu {position:absolute; top:0; right:4px;} /*01.31 수정*/
.header_wrap .btn_menu a {display:block; width:50px; height:48px; background:url('/images/common/menu_Btn.png') no-repeat 10px 20px;  background-size:24px;  text-indent:-9999px;}
.header_wrap .btn_L {position: absolute;left: 4px;top: 50%;transform: translateY(-50%); width: 52px;height: 52px;background: url(/images/design/2023/0131_mobile/btn_back.png) no-repeat center center;background-size: 20px;}

.body_wrap {width:100%; padding:10px 0;}
.body_wrap2 {width:100%; padding:10px 0;background:#FFF;}
/*.body_wrap h1 a {display:block; width:88px;margin:0 auto;  padding-bottom:4px;}
.body_wrap h6 a {display:block; width:100%;margin:0 auto;  padding-bottom:4px;}*/
.img1 {width:88px;height:100%;max-width:88px;max-height:88px;}

.notice_list{float:left;position:relative;width:100%;height:20px;overflow:hidden;}

.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
  padding: @padding-vertical @padding-horizontal;
  font-size: @font-size;
  line-height: @line-height;
  border-radius: @border-radius;
}

.c_container .category_list {position:relative;height:auto !important;}
.category_list .list_contaner {position:relative; float:left; width:100%;}
.category_list .list_contaner.cursor {cursor:pointer;}
.category_list .list_contaner .bd_line.o{position:relative; float:left; width:100%; padding:10px 0; border-bottom:1px solid #cfcfcf;}
.category_list .list_contaner .bd_line.x{position:relative; float:left; width:100%; padding:10px 0; border-bottom:0px;}
.category_list .list_contaner .bd_line .thum_img {float:left; width:105px; height:105px; margin-right:12px; border:1px solid rgba(0,0,0,.04);}
.category_list .list_contaner .bd_line .thum {float:left; width:84px; height:84px; margin-right:12px; border:1px solid rgba(0,0,0,.04);}

.category_list .list_contaner .bd_line .comment{overflow:hidden;}
.category_list .list_contaner .bd_line .comment .title {width:100%; display:inline-block; font-weight:400; font-size:18px; margin-top:7px; color:#000; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
.category_list .list_contaner .bd_line .comment .hash{width:100%; display:inline-block; font-size:14px; color:#999; margin-top:7px;}
.category_list .list_contaner .bd_line .comment .byname{display:inline-block; margin-top:7px; font-size:14px; color:#000;}
.category_list .list_contaner .bd_line .comment .byname span{color:#33c1b6;}
.category_list .list_contaner .bd_line .comment .info{margin-top:7px; font-size:14px; color:#555555; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.category_list .list_contaner .bd_line .comment .info span{color:#606060; display:inline-block;}
.category_list .list_contaner .bd_line .comment .info span.in01{color:#606060; padding-right:3px;}
.category_list .list_contaner .bd_line .comment .info span.in02{color:#24bdb1; padding-right:10px;}
.category_list .list_contaner .bd_line .comment .info span.in03{color:#606060}
.category_list .list_contaner .bd_line .comment .info span img{float:left; width:15px; height:15px; margin-top:-1px; padding-right:2px;}
.category_list .list_contaner .best_w{float:left; width:50%; height:215px;}
.category_list .list_contaner .best_w.l{padding-right:5px;}
.category_list .list_contaner .best_w.r{padding-left:5px;}
.category_list .list_contaner .best_w .top{float:left; width:100%; height:165px; border:1px solid #cfcfcf; border-bottom:0px; background:#f7f7f7 url(http://asset.azoomma.com/M/img/common/favorite_icon.png) no-repeat; background-size:auto 30px; background-position:10px top;}
.category_list .list_contaner .best_w .top .thum{float:left; width:100%; height:90px; margin-top:15px; text-align:center;}
.category_list .list_contaner .best_w .top .thum img{display:inline-block; margin:0px; width:80px; height:80px; border-radius:100%;}
.category_list .list_contaner .best_w .top .tit01{float:left; width:100%; margin-top:0px; text-align:center; color:#000; font-weight:bold; font-size:19px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
.category_list .list_contaner .best_w .top .tit02{float:left; width:100%; margin-top:2px; text-align:center; color:#40c5ba; font-size:16px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
.category_list .list_contaner .best_w .bot{float:left; width:100%; height:50px; border:1px solid #cfcfcf; text-align:center; line-height:48px; font-size:15px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}

select {
	margin: .1rem;  여백으로 높이 설정 */
	font-family: inherit; /* 폰트 상속 */
	border: 1px solid #999;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

.noHrefPage {width:40px;height:60px;line-height:60px;font-size:1.5rem;color:#000;background:none;border:0;margin:0 5px;}
.hrefPage {width:40px;height:60px;line-height:60px;font-size:1.5rem;color:#000;background:none;border:0;margin:0 5px;}

.paging{text-align:left; margin:0;}
.paging .prev, .paging .prevEnd, .paging .next, .paging .nextEnd {border:none;padding:0;}
.paging img {vertical-align:top; margin-right:3px;}

.disp_subject {width:100%;  overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}

::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}

.member_agree {width:100%; padding:10px 0 40px 0;margin-top:20px;}
.member_agree p.stit {font-size:15px; padding-bottom:12px;font-weight:bold;color:#000;background:url(/images/sub/dot_green.png) no-repeat 2px 4px;padding-left:20px;margin-left:5px;}
.member_agree p.agree {padding:12px 0 35px 10px;}
.agree1 {width:96%; height:140px; background:#fbfbfb; padding:10px; overflow-y: scroll; border:1px solid #d6d6d6; margin-left:10px;}
.agree_right {float:right;margin-right:10px;margin-top:5px;}
.agree_all {margin-top:60px;width:100%;border-top:solid 1px #d6d6d6;text-align:center;font-size:14px;padding-top:10px;font-weight:bold;}
.agree1 p {color:#636363; }
.agree2 {width:96%; height:140px; background:#fbfbfb; padding:10px; overflow-y: scroll; border:1px solid #d6d6d6; margin-left:10px; }
.agree2 p {color:#636363; }
.agree3 {width:96%; height:140px; background:#fbfbfb; padding:10px; overflow-y: scroll; border:1px solid #d6d6d6; margin-left:10px; }
.agree3 p {color:#636363; }
.table_tit {color:#313131; padding-bottom:13px;}

.agree_yak {width:96%; padding-left:10px;}
.agree_yak p.stit {font-size:15px; padding-bottom:12px;font-weight:bold;color:#000;background:url(/images/sub/dot_green.png) no-repeat 2px 4px;margin-left:-3px;}



/*****************************************************************모바일 서브페이지************************************************************************/
.main.sub {width:100%;background: #fff;position: relative;}/*23.03.14 추가*/
.main.sub table{border-collapse: collapse;border-spacing: 0;}
/*서브페이지 제목*/
.main.sub h2 {font-size:16px; height:45px; width:97%; margin:0 auto; border-bottom:1px solid #454545; line-height:50px; letter-spacing:-0.05em; font-weight:bold; text-indent:10px; color:#454545; margin-bottom:10px;}

/*가로 100% 이미지는 con 안에 정렬*/
.main.sub .con>img {width:100%;}
.main.sub .con ul {width:97%; margin:0 auto; padding-bottom:50px;}
.main.sub .con ul li {margin-bottom:5px;}
.main.sub .con ul li a {display:block; width:100%; overflow:hidden;}

/*이벤트페이지*/
.main.sub .con ul li img {width:100%;}

/*인터뷰페이지 링크*/
.main.interview .con .link img {float:left; width:25%; overflow:hidden;}
.main.interview .con .movie img {width:100%;}

.main.sub .payment_report_wrap{border: 1px solid #dddddd; padding: 10px 10px;margin: 10px 0;}

body{position:relative}
body.dim{overflow:hidden}
body.dim:after{content:"";position: fixed; left: 0; top: 0; z-index: 990; width: 100%; height: 100%;background: rgba(0,0,0,.5);}

.main.sub .inner-wrap{padding:25px 0}
.main.sub .inner-box{padding-left:15px !important;padding-right:15px !important;}
.main.sub .inner-box strong{font-weight:bold !important}

.main.sub .mark0{color:#0082ff !important;}
.main.sub .mark1{color:#dc1818 !important;}
.main.sub .mark2{color:#555 !important;}
.main.sub .mark3{color:#111 !important;}
.main.sub .mark4{color:#fff !important;}

.main.sub .f11{font-size:11px !important;}
.main.sub .f12{font-size:12px !important;}
.main.sub .f14{font-size:14px !important;}
.main.sub .f18{font-size:18px !important;}
.main.sub .f30{font-size:30px !important;}

.main.sub .tright{text-align:right !important}
.main.sub .tleft{text-align:left !important}
.main.sub .tcenter{text-align:center !important}

.main.sub .bold{font-weight:bold}

.main.sub .pt15{padding-top:15px;}

.main.sub .m0{margin:0 !important;}
.main.sub .mt5{margin-top:5px !important;}
.main.sub .mt10{margin-top:10px !important;}
.main.sub .mt15{margin-top:15px !important;}
.main.sub .mt20{margin-top:20px !important;}
.main.sub .mt25{margin-top:25px !important;}

.main.sub .mb5{margin-bottom:5px !important;}
.main.sub .mb10{margin-bottom:10px !important;}
.main.sub .mb15{margin-bottom:15px !important;}
.main.sub .mb20{margin-bottom:20px !important;}

.main.sub .mr5{margin-right:5px !important;}
.main.sub .mr10{margin-right:10px !important;}

.main.sub .position-r{position:relative}
.main.sub .tip_box{background:#f5f5f5;color:#282828;font-size:12px;padding:13px 0;letter-spacing:-.5px;}
.main.sub .tip{font-size:13px;font-weight:bold;color:#dc1818;letter-spacing:-1px;}
.main.sub .line-top{border-top:1px solid #111}
.main.sub .box-wrap{position:relative;}

.main.sub .tit-wrap{margin:0 7px 13px;vertical-align:bottom}
.main.sub .tit-wrap *{vertical-align:bottom;display:inline-block;line-height:1.2;}
.main.sub .tit-wrap .tit-type1{color:#222222;font-size:20px;font-weight:bold;letter-spacing:-1px;margin-right:2px;}
.main.sub .tit-wrap span,
.main.sub .tit-wrap p{color:#111111;font-size:11px;}
.main.sub .tit-wrap p{margin-top:5px;display:block}

.main.sub .table-wrap table{width:100%;border-top:2px solid #222222;border-bottom:1px solid #222222;}
.main.sub .table-wrap.line-1 table{border-top:1px solid #222222;}
.main.sub .table-wrap.line-0 table{border-top:0;}
.main.sub .table-wrap.f14 table td{font-size:14px;}
.main.sub .table-wrap table th,
.main.sub .table-wrap table td{text-align:center;letter-spacing:-.5px;font-size:12px;color:#111111;padding:15px 3px;border-top:1px solid #222222;}
.main.sub .table-wrap table td:first-child{padding-left:7px !important;}
.main.sub .table-wrap table td:last-child{padding-right:7px !important;}
.main.sub .table-wrap table tr:first-child th,
.main.sub .table-wrap table tr:first-child td{border-top:0}
.main.sub .table-wrap table tr.line2 td{border-color:#dddddd;}
.main.sub .table-wrap table tr.type2 td{border-color:#dddddd;padding:15px 7px;color:#777777;}
.main.sub .table-wrap table tr.type3 td{padding:15px 7px 3px 7px !important;border:0;color:#777777;}
.main.sub .table-wrap table tr.type4 td{padding-top:0;border:0;border-bottom:1px solid #dddddd}
.main.sub .table-wrap table td .date{color:#777777;margin-top:5px}
.main.sub .table-wrap table td .date em{margin-right:10px}
.main.sub .table-wrap.checkbox_tb td{position:relative;overflow:hidden;vertical-align:middle}

.main.sub .table-wrap.type2 table td{font-size:14px;}
.main.sub .table-wrap.type3 table{border:0;}
.main.sub .table-wrap.type3 table td{font-size:18px;border:0;vertical-align:middle;line-height:1.2}
.main.sub .table-wrap.type3 table tr:first-child td{border-bottom:1px solid #dddddd;}
.main.sub .table-wrap.type4 table{border:0;}
.main.sub .table-wrap.type4 table td{padding:5px 3px;font-size:14px;border:0;color:#fff;vertical-align:middle;line-height:1.2}
.main.sub .table-wrap.type4 table tr.pd td{padding-bottom:20px;}
.main.sub .table-wrap.type4 table tr:last-child td{padding:10px 3px;border-top:1px solid #40a1ff;}

.main.sub .table-wrap.type5 table{border-top:1px solid #222222;border-bottom:1px solid #222222;}
.main.sub .table-wrap.type5 table th,
.main.sub .table-wrap.type5 table td{border-color:#dddddd;vertical-align:middle;line-height:1.2;color:#777777;}
.main.sub .table-wrap.type5 table td{border-left:1px solid #dddddd;padding-left:5px;padding-right:5px}
.main.sub .table-wrap.type5 table td:first-child{border-left:0}
.main.sub .table-wrap.type5 table th{font-weight:bold;background:#fff;color:#111111;}

.main.sub .list-txt-type{margin:20px 0}
.main.sub .list-txt-type li{margin-top:7px;padding-left:7px;font-size:11px;color:#111111;position:relative;word-break:keep-all;}
.main.sub .list-txt-type li:before{content:"-";display:inline-block;position:absolute;top:-2px;left:0;}
.main.sub .list-txt-type li:first-child{margin-top:0}

.main.sub .btn-box.fixed{position:fixed;left:0;bottom:0;width:100%}
.main.sub .btn-type{background:linear-gradient( to right, #ffe664, #ff781e); height:50px;line-height:50px;display:block;text-align:center;font-size:18px;letter-spacing:-1px;color:#fff;font-weight:bold}
.main.sub .btn-type.round{border-radius:10px;box-shadow: 0px 5px 5px 1px #e5e5e5;}
.main.sub .btn-type-middle{box-shadow: 0px 5px 5px 1px #252a5e;padding:0 20px;display:inline-block;border-radius:5px;background:#ff781e;height:40px;line-height:40px;font-size:14px;letter-spacing:-1px;color:#fff;font-weight:bold}
.main.sub .btn-type-middle.off{background:#050523;color:#787895;}
.main.sub .btn-type-small{background:#ff781e;border-radius:5px;padding:0 10px;height:22px;line-height:20px;font-size:12px;display:inline-block;text-align:center;letter-spacing:-1px;color:#fff;white-space: nowrap;}
.main.sub .btn-type-small2{background:#777777;border-radius:5px;padding:0 10px;height:22px;line-height:20px;font-size:12px;display:inline-block;text-align:center;letter-spacing:-1px;color:#fff;white-space: nowrap;}
.main.sub .black{background:#000 !important;}
.main.sub .black:hover{color: #fff;;}
.main.sub .btn-type.large{height:70px;line-height:70px;font-size:23px;}

.main.sub .ico-close{display: inline-block;position: relative;width: 20px;height: 20px;font-size: 10px;box-sizing: border-box;vertical-align: middle;font-style: normal;border-radius:5px;border:1px solid #000;}
.main.sub .ico-close:before, .ico-close:after {display: block;content: "";position: absolute;top: 0.8em;left: 0.4em;width: 10px;height: 0.2em;background-color: #333;-webkit-border-radius: .2em;-moz-border-radius: .2em;border-radius: .2em;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg)}
.main.sub .ico-close:after {transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg)}
.main.sub .ico-close i{font-size:0;}
.main.sub [class^='ico-arr'] {display: inline-block;position: relative;width: 2.5em;height: 2.5em;font-size: 10px;box-sizing: border-box;vertical-align: middle;font-style: normal}
.main.sub [class^='ico-arr']:before,
.main.sub [class^='ico-arr']:after{display: block;content: ""}
.main.sub .ico-arr-top:before {position: absolute;top: 0.3em;left: 0.7em;width: 1.0em;height: 1.0em;border: 0.2em solid #777777;border-right-width: 0;border-bottom-width: 0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg)}
.main.sub .ico-arr-right:before {position:absolute;top:.7em;left:.5em;width:1em;height:1em;border:.1em solid #333;border-right-width:0;border-bottom-width:0;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);}
.main.sub .ico-arr-close:before,
.main.sub .ico-arr-close:after{position:absolute;top:1.2em;left:.2em;width:2.4em;height:.4em;background-color:#111;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.main.sub .ico-arr-close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

.main.sub .ico-check{display: inline-block;position: relative;width: 2.5em;height: 2.5em;font-size: 10px;box-sizing: border-box;vertical-align: middle;font-style: normal}
.main.sub .ico-check:after,
.main.sub .ico-check:before{display: inline-block;content: "";position:absolute;width:.2em;background:#dddddd;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.main.sub .ico-check:after{top:.2em;left:1.7em;height:2em;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.main.sub .ico-check:before{top:1em;left:.7em;height:1em;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}

.main.sub .ico-tip{font-size:12px;color:#111;line-height:20px;}
.main.sub .ico-tip:after{margin-left:3px;content:"?";display:inline-block;width:20px;height:20px;border-radius:50%;line-height:20px;border:1px solid #eeeeee;text-align:center;}

.main.sub label.checkbox input{width:0;height:0;-moz-appearance: none;-webkit-appearance: none;}
.main.sub label.checkbox{font-size:14px; padding-left:18px;height:14px;line-height:14px;background: url(http://www.bbedu.co.kr/images/bbedu/design/2023/0131_mobile/btn_input_check.png) 0 0 no-repeat;color:#111111;background-size:14px 14px; display:inline-block; cursor: pointer; text-align: left; }
.main.sub label.checkbox.on{background-image:url(http://www.bbedu.co.kr/images/bbedu/design/2023/0131_mobile/btn_input_check_on.png);color:#0082ff;}
.main.sub label.checkbox.disabled{background-image:url(http://www.bbedu.co.kr/images/bbedu/design/2023/0131_mobile/btn_input_disabled.png);cursor: default;color:#aaaaaa;}
.main.sub label.radio input{width:0;height:0;-moz-appearance: none;-webkit-appearance: none;}
.main.sub label.radio{ font-size:14px; padding-left:18px;height:14px;line-height:14px;background: url(http://www.bbedu.co.kr/images/bbedu/design/2023/0131_mobile/btn_input_radio.png) 0 0 no-repeat; color:#111111;background-size:14px 14px;display:inline-block; cursor: pointer;  text-align: left; }
.main.sub label.radio.on{background-image:url(http://www.bbedu.co.kr/images/bbedu/design/2023/0131_mobile/btn_input_radio_on.png);}


.main.sub .tab-type{overflow:hidden;}
.main.sub .tab-type li{float:left;width:49%;margin-top:10px;}
.main.sub .tab-type li:nth-child(odd){margin-right:2%;}
.main.sub .tab-type li a{border-radius:10px;display:block;height:45px;line-height:45px;text-align:center;background:#ebebeb;font-weight:bold;font-size:16px;color:#111111;}
.main.sub .tab-type li.on a{background:#0082ff;color:#fff}

.main.sub .tab-type.auto{font-size:0}
.main.sub .tab-type.auto li{display:inline-block;float:none;width:auto;margin-top:5px;margin-right:5px;}
.main.sub .tab-type.auto li a{padding:0 10px;font-size:14px;height:35px;line-height:35px;}

.main.sub .tab-type2{overflow:hidden;border-bottom:1px solid #0082ff}
.main.sub .tab-type2 li{float:left;width:50%;}
.main.sub .tab-type2 li a{display:block;height:45px;line-height:45px;background:#ebebeb;font-weight:bold;font-size:16px;color:#111111;text-align:center;}
.main.sub .tab-type2 li.on a{background:#0082ff;color:#fff}

#slider_tab{position:relative;padding-bottom:2rem;width:100%}
#slider_tab .slick-dots { bottom: 0;}
#slider_tab .slick-dots li { padding: .2rem; }
#slider_tab .slick-dots li+li { padding-right: 2rem; padding-left: .5rem;}
#slider_tab .slick-dots li button { width: 1rem; height: 1rem; background: #515763; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#slider_tab .slick-dots li button:before {display: none;}
#slider_tab .slick-dots li.slick-active button {background:#eff4fb; }
.main.sub .tab-type3{overflow:hidden;width:100%;}
.main.sub .tab-type3 .tab{float:left;width:49%;margin-top:10px;margin-right:.5%;}
.main.sub .tab-type3 .tab a{border-radius:10px;display:block;height:45px;line-height:45px;text-align:center;background:#ebebeb;font-weight:bold;font-size:16px;color:#111111;}
.main.sub .tab-type3 .tab.on a{background:#0082ff;color:#fff}

.main.sub .js_tab_con_type{display:none;padding:20px 0 25px}
.main.sub .js_tab_con_type.on{display:block}

.main.sub .payment-box{background:#0082ff;padding:10px 15px;}

.main.sub .notice-box{background:#f7f7f7;}
.main.sub .notice-box dt a{display:block;font-weight:bold;color:#222222;font-size:14px;padding:20px 0;vertical-align:middle}
.main.sub .notice-box dt span{color:#555555;font-size:11px;vertical-align:middle}
.main.sub .notice-box dt .ico-arr-top{position:absolute;right:15px;}
.main.sub .notice-box dl.on dt .ico-arr-top:before {position: absolute;top: 0.9em;left: 0.6em;width: 1.0em;height: 1.0em;border: 0.2em solid #777777;border-right-width: 0;border-bottom-width: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg)}
.main.sub .notice-box dd{display:none;padding-bottom:20px}
.main.sub .notice-box dl.on dd{display:block}
.main.sub .notice-box.type2{background:#f0f5ff;padding:15px}
.main.sub .notice-box.type2 dl{background:#fff;padding:15px;border-radius:10px;position:relative;overflow:hidden}
.main.sub .notice-box.type2 dt a{padding:0}
.main.sub .notice-box.type2 dt .ico-arr-top{position:absolute;right:15px;top:10px;width: 2em;height: 2em;}
.main.sub .notice-box.type2 dd{padding:10px 0 0 0;display:block;}
.main.sub .notice-box.type2 dd li{display:none;}
.main.sub .notice-box.type2 dd li:first-child{display:block}
.main.sub .notice-box.type2 dl.on dd li{display:block;}

#btn_box {overflow:hidden;z-index:999;position:fixed;left:0;bottom:0;width:100%;background:#ffffff;border-top-left-radius:1rem;border-top-right-radius:1rem;}
#btn_box .form_body{display:none;position:relative;}
#btn_box .form_box{position:relative;}
#btn_box .form_box>.table-wrap{position:relative;overflow:hidden;overflow-y:auto;height:300px;}
#btn_box .form_box>.table-wrap.v2{height:400px;}
#btn_box .form_box>.table-wrap.auto{height:auto;}
#btn_box .btn_open{display:block;background:#0082ff;width:100%;text-align:center;color:#fff;font-size:18px;height:60px;line-height:60px;}
#btn_box .btn_open .ico-arr-top{position:absolute;right:30px;top:50%;transform:translate(0, -50%);}
#btn_box .btn_open .ico-arr-top:before {position: absolute;top: 0.9em;left: 0.6em;width: 1.0em;height: 1.0em;border: 0.2em solid #fff;border-right-width: 0;border-bottom-width: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg)}
#btn_box .btn_close{text-align:left;display:block;background:#0082ff;padding:15px 20px;color:#fff;font-size:18px;height:60px;line-height: 30px;}
#btn_box .btn_close .ico-arr-top{position:absolute;right:20px;top:10px;transform:translate(0, 0);}
#btn_box .btn_close .ico-arr-top:before  {position: absolute;top: 0.3em;left: 0.7em;width: 1.0em;height: 1.0em;border: 0.2em solid #fff;border-right-width: 0;border-bottom-width: 0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg)}
#btn_box .btn_close strong{display:block;letter-spacing:-1px;font-weight:bold}
#btn_box .btn_close .form_tit{font-size:30px;position:relative;}
#btn_box .btn_close .form_tit em{margin-left:5px;position:absolute;top:50%;transform:translate(0, -50%);background:#fff;font-size:13px;color:#000;display:inline-block;height:26px;line-height:24px;padding:0 14px 0 10px;border-radius:15px}
#btn_box .form_tip .form_txt{letter-spacing:-1px;text-align:center;background:#f0f5ff;padding:10px 10px;border-bottom:1px solid #aaaaaa}

/* 23.03.14 추가 */
#btn_box .form_tip .form_txt.type2{background: #fff;display: flex;justify-content: space-between;font-weight: normal;align-items: center;}
#btn_box .form_tip .form_txt.type2 p{display: inline-block;background: #0082ff;color: #fff;padding: 5px 10px;border-radius: 50px;margin-right: 5px;}
#btn_box .form_tip .form_txt.type2 .btn_delete{display: block;color: #fff;background: #000;padding: 5px 10px;border-radius: 5px;}
/*23.03.14 추가 여기까지*/
#btn_box .form_con{padding:10px;color:#000;font-size:12px;border-bottom:1px solid #aaaaaa;}
#btn_box .form_con em{margin-right:3px;text-align:center;display:inline-block;background:#0082ff;color:#fff;font-size:13px;padding:0 7px;height:20px;line-height:20px;border-radius:10px;}
#btn_box.active .btn_open {display:none}
#btn_box.active .form_body{display:block}
#btn_box.type2 .btn_close strong{font-weight:normal}
#btn_box.type2 .form_tit{font-size:20px;}
#btn_box.type3 .btn_close{font-weight:bold;background:#fff;padding:15px 20px;color:#111;font-size:23px;height:auto;position:relative}
#btn_box.type3 .btn_close .ico-arr-close{position:absolute;right:20px;top:15px;}

.main.sub .lec-list{padding:0 0 30px;background: #fff;}
.main.sub .lec-list li{border-bottom:1px solid #dddddd;padding:17px 10px;}
.main.sub .lec-list li a{padding-left:10px;position:relative;font-weight:bold;display:block;color:#111;font-size:20px;letter-spacing:-2px;line-height: 23px;}
.main.sub .lec-list li a:after{content:"";border-radius:10px;width:3px;height:10px;background:#111;display:block;position:absolute;left:0;top:8px;}
.main.sub .lec-list.type2 li{padding:15px 5px}
.main.sub .lec-list.type2 li a{padding-left:35px;padding-right:25px;font-size:16px;font-weight:normal}
.main.sub .lec-list.type2 li a:after{display:none;}
.main.sub .lec-list.type2 li a .ico-check{position:absolute;left:0;top:0;}
.main.sub .lec-list.type2 li a .ico-arr-right{position:absolute;right:0;top:0;}
.main.sub .lec-list.type2 li.on a .ico-check:after,
.main.sub .lec-list.type2 li.on a .ico-check:before{background:#0082ff}

.main.sub .lec-tit{color:#111111;font-size:20px;padding-left:5px;}
.main.sub .lec-info{margin-top:20px;}
.main.sub .lec-info dt{color:#111;padding-left:10px;margin-bottom:10px;}
.main.sub .lec-info dd{font-size:13px;border-radius:10px;background:#f7f7f7;color:#555;padding:15px;word-break:keep-all;}

.main.sub .cert-box{background:#2e3575;padding:30px 0;color:#fff;}
.main.sub .cert-txt{padding:0 15px 0 70px;margin-bottom:20px;color:#d1d2f1;font-size:13px;position:relative}
.main.sub .cert-txt.type1:before{position:absolute;left:10px;top:0;content:"";display:inline-block;width:55px;height:55px;background:url(mobile/cert_img.png) no-repeat 0 0;background-size:100% 100%;}
.main.sub .cert-txt.type2{text-align:center;padding:20px 0 0 0;font-size:15px;}
.main.sub .cert-txt.type2:before{content:"";display:inline-block;width:90px;height:103px;background:url(mobile/cert_img2.png) no-repeat 0 0;background-size:100% 100%;}
.main.sub .cert-txt em{color:#ffeba5;}
.main.sub .cert-box dl{border-top:1px solid #d1d2f1;padding-top:20px;}
.main.sub .cert-box dt{margin-bottom:10px}
.main.sub .cert-box dd{text-align:center}
.main.sub .cert-box dd input{width:45%;padding-left:1%;height:30px;line-height:30px;}
.main.sub .cert-box dd input:focus{outline:0}

.main.sub .checkbox_label{width:90%;height:90px !important;position:absolute;left:7px;top:15px;}
.main.sub .checkbox_lec{display:inline-block;padding-left:25px}
.main.sub .checkbox_lec strong{display:block}
.main.sub .checkbox_lec .lec_ico{color:#777777;font-size:12px;}
.main.sub .checkbox_lec .lec_ico span:before{content:"l";display:inline-block;margin:0 5px}
.main.sub .checkbox_lec .lec_ico span:first-child:before{display:none}
.main.sub .checkbox_lec strong{font-size:18px;color:#111;margin:1px 0 1px;}
.main.sub .checkbox_lec del{font-size:12px;color:#111;position:relative;}
.main.sub .checkbox_lec del:after{content:"→";display:inline-block;position:relative;left:-1px;top:-1px;}
.main.sub .checkbox_sub{overflow:hidden;}
.main.sub .checkbox_sub li{color:#111;float:left;font-size:12px;margin-right:5px;height:20px;line-height:20px;}
.main.sub .checkbox_sub li span{font-size:11px;margin-right:1px;display:inline-block;height:18px;line-height:18px;border:1px solid #111;text-align:center;width:45px;border-radius:10px}

.main.sub .checkbox.on+.checkbox_lec strong{color:#0082ff}
.main.sub .checkbox.disabled+.checkbox_lec strong{color:#aaaaaa}
.main.sub .checkbox.disabled+.checkbox_lec .lec_ico{color:#aaaaaa;}
.main.sub .checkbox.disabled+.checkbox_lec del{color:#aaaaaa;}
.main.sub .checkbox.disabled+.checkbox_lec .checkbox_sub li{color:#aaaaaa;}
.main.sub .checkbox.disabled+.checkbox_lec .checkbox_sub li span{color:#aaaaaa;border-color:#aaaaaa}
.main.sub .end-ico{font-size:12px;letter-spacing:-1px;display:block;width:40px;height:40px;line-height:40px;color:#aaaaaa;text-align:center;border:1px solid #aaaaaa;border-radius:50px;}
.main.sub .end-ico.type2{border-color:#ff781e;padding-top:7px;color:#ff781e;line-height:1.1}

.main.sub .layer-popup{position:absolute;left:3%;width:95%;top:200px;z-index:100}/*23.03.14 추가*/
.main.sub .layer-popup img{width:100%}
.main.sub .word_ly{z-index:50;position:absolute;right:12px;top:0;display:none}
.main.sub .word_ly_inner{margin-right:30px;background:#fff;border:2px solid #111;width:200px;border-radius:10px;padding:10px;}
.main.sub .word_ly li{float:none;margin-bottom:5px}
.main.sub .word_ly .btn{background:#fff;border:2px solid #111;width:20px;height:20px;position:absolute;right:0;top:0;border-radius:50%}
.main.sub .word_ly .btn .ico-arr-close{width:20px;height:20px;}
.main.sub .word_ly .btn .ico-arr-close:before,
.main.sub .word_ly .btn .ico-arr-close:after{width:1em;height:.2em;top:.8em;left:.5em;}

.date_wrap{padding: 0px 3px 10px;}

.main.sub input[type=date] { border:1px solid #000; text-align: right;padding: 3px;}
.main.sub input[type=button] {text-align: right;padding: 5px 10px;cursor: pointer;background: #777;color: #fff;border-radius: 5px;margin-left: 5px;border: 0;}

/* 리뉴얼 - 메인 */
/* 공통 */
main{background: #fff;font-family: 'pretendard'}
section{font-family: 'pretendard';}
section img{width: 100%;object-fit: cover;}
section:not(.sc_visual){margin-top: 10vw;}
section .inner{padding: 0 5vw;}
section .sc_tit{font-size: 2.3rem;line-height: 2.7rem;font-family: 'pretendard';font-weight: 900;padding: 0 5vw 3vw;}
section .sc_tit .tit_point{color: #0082ff;}
section .blind{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: -1px}

/* 메인 탑 배너 */
.top_bnr_area{background: #000;height: 12vw;width: 100%;font-family: 'Pretendard';font-size: 1.6rem;}
.top_bnr_area .btn_topbnr{display: flex;align-items: center;justify-content: center;height: 100%;}
.top_bnr_area .date_wrap {padding: 0;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.3rem;margin-right: 2vw;}
.top_bnr_area .date_wrap em{border-radius: 4vw;background: #0082ff;padding: 2vw 3vw;}
.top_bnr_area .timer_wrap {display: flex;align-items: center;flex-wrap: nowrap;}
.top_bnr_area .timer_wrap p{color: #fff;}
.top_bnr_area .timer_wrap .dday{font-size: 1.5rem;color: #ffd83d;margin: 0 1vw;}
.top_bnr_area .timer_wrap .time{color: #fff;}

main .promotion_area{background: #0082ff;width: 100%;font-size: 1.25rem;height: 11vw;line-height: 11vw;position: relative;text-align: center;}
main .promotion_area .promotion_txt{color: #fff;}
main .promotion_area .btn_close{position: absolute;right: 6%;top: 38%;width: 2vw;height: 2vw;}
main .promotion_area .btn_close img{width: 100%;object-fit: cover;}

main .sc_visual {position: relative;margin-bottom: 7vw;}
main .sc_visual .swiper-slide a{display:block;}
main .sc_visual .swiper-slide img{width:100%;}
main .sc_visual .swiper-pagination{position:absolute;bottom: 5%;left: 84%; cursor:pointer;width:54px; height:20px; border-radius:15px; background:rgba(0,0,0,0.5); color: #fff;line-height: 20px;}

main .btn_area {display: flex;padding: 0 5vw;box-sizing: border-box;justify-content: space-between;}
main .btn_area a{display: block;width: 48%;}
main .btn_area a img{width: 100%;object-fit: cover;}

main .sc_evnet .event_slide{padding-bottom:2.4rem;margin-left: 5vw;}
main .sc_evnet .event_slide .swiper-slide{box-sizing:border-box;margin-right: 2.5vw;width: 80%;}
main .sc_evnet .swiper-slide a{display:block;}
main .sc_evnet .swiper-slide a img{width:100%;object-fit: cover;}
main .sc_evnet .swiper-pagination{position:absolute;bottom: 12%;left: 82%; cursor:pointer;width:54px; height:20px; border-radius:15px; background:rgba(0,0,0,0.5); color: #fff;line-height: 20px;}

main .sc_sns .btn_link{display: flex;justify-content: space-between;}
main .sc_sns .btn_link .btn_list{width: 48%;}
main .sc_sns .btn_link .btn_list img{width: 100%;object-fit: cover;}


main .sc_megatv .video_area .video_wrap{position:relative; background:#000000;border-radius: 2vw;overflow: hidden;}
main .sc_megatv .video_area .video_wrap>div{height:55vw;}
main .sc_megatv .video_area .video_wrap iframe{width: 100%;height: 100%;object-fit: cover;}
main .sc_megatv .video_area .video_wrap a::after{content: '';position: absolute;top: 0;left: 0;background: #00000047 url(https://img.bbedu.co.kr/images/bbedu/design/renewal/2023/mobile/m_btn_play.png) no-repeat center 50%;width: 100%;height: 100%;}
main .sc_megatv .video_area .video_wrap a{display:block; width:100%; height:100%;}
main .sc_megatv .video_area .video_wrap img{width:100%;object-fit: cover;}
main .sc_megatv .video_area .video_desc{background: #f4f5f7;width: 100%;text-align: center;color: #666;font-size: 1rem;line-height: 1.3rem;padding: 3vw 10vw;border-radius: 1.5vw;margin: 3vw 0;}
main .sc_megatv .video_list {margin-left: 5vw;;}
main .sc_megatv .video_list img{width: 100%;object-fit: cover;}
main .sc_megatv .video_list .swiper-slide{display: block;background: #000;margin-right: 3vw;border-radius: 2vw;overflow: hidden;width: 42%;display: block;height: 100%;}
main .sc_megatv .video_list .swiper-slide a::after{content: '';position: absolute;top: 0;left: 0;background: #00000055 url(https://img.bbedu.co.kr/images/bbedu/design/renewal/2023/mobile/m_btn_play.png) no-repeat center 50%;width: 100%;height: 100%;background-size: 30%;}

main .sc_atoz .atoz_slide {padding-left: 5vw;margin-bottom: 4vw;}
main .sc_atoz .atoz_slide .swiper-slide{width: 70%;margin-right: 3vw;}
main .sc_atoz .atoz_list .atoz_item{margin-top: 2.5vw;}
main .sc_atoz .atoz_list .atoz_item a{display: block;height: 100%;}

main .sc_notice{position: relative;}
main .sc_notice .notice_item:first-child{border-top: 1px solid #bbbbbb;}
main .sc_notice .notice_item{font-size: 1.3rem;color: #222;border-bottom: 1px solid #dddddd;line-height: 1.3rem;}
main .sc_notice .notice_item a{display: block;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 3.5vw 0;}
main .sc_notice .btn_more{position: absolute;top: 2%;right: 5vw;background: url(https://img.bbedu.co.kr/images/bbedu/design/renewal/2023/mobile/m_btn_more.png) no-repeat center/cover; width: 6vw;height: 6vw;background-size: 100%;}

main .sc_support .support_area{display: flex;flex-wrap: wrap;justify-content: space-between;}
main .sc_support .support_area .support_list{width: calc((100% - 4vw)/ 4);}
main .sc_support .support_area .support_list:nth-child(n+5){margin-top: 4.5vw;}

main .sc_certify{background: #f6f7f9;padding: 10vw 0;}
main .sc_certify .swiper-wrapper {transition-timing-function: linear;}
main .sc_certify .swiper-slide{width: 40%;}
main .sc_certify .swiper-container{padding-left: 5vw;}

main .info_area a{display: block;height: 100%;}
main .info_area img, main .bottom_bnr_area img{width: 100%;object-fit: cover;}

/* footer */
.footer_wrap{background:#f5f5f5;text-align:left;font-family: 'pretendard';color: #333;font-size: .8rem; line-height:1.2rem; }
.footer_wrap .footer_inner{background:#f5f5f5; padding: 7vw 7vw 28.5vw; text-align:left;font-family: 'pretendard';color: #333;font-size: .8rem; line-height:1.2rem; }
.mgt80{margin-bottom:80px !important;}
.mgt0{margin-bottom:0px !important;}
.footer_wrap .footer_logo {text-align:center; margin-bottom:1.5rem;}
.footer_wrap .footer_logo img{width: 15rem;}
.footer_wrap dl + dl{margin-top:1em;}
.footer_wrap p.copy{color:#888; font-size:.8em; margin-top:1.5em; letter-spacing:-0.5px;margin-right: 10px;}
.footer_wrap .footer_link1 a { display:block; width:22px; height:21px; overflow:hidden; pointer-events: none;}
.footer_wrap .copy_wrap{display: flex;align-items: baseline;}
.footer_wrap .utill_area{display: flex;justify-content: space-between;width: 100%;height: 11vw;line-height: 11vw;border-bottom: 1px solid #dddddd;}
.footer_wrap .utill_area .utill_list{width: calc((100% - 2px) /3);text-align: center;border-right: 1px solid #dddddd;}
.footer_wrap .utill_area .utill_list:last-child{border: 0;}
.footer_wrap .utill_area a{display: block;height: 100%;font-size: 1rem;font-weight: bold;}

/* 상담 영역 */
.footerN { position:fixed; bottom:0; z-index:9999; width:100%; max-width:100%; text-align:center;font-family: 'pretendard';}
.footerN .call_area { width:100%; overflow:hidden; background:#fff; padding-bottom: 3vw;display: none;position: relative;z-index: 1;}
.footerN .call_area.on{display: block;}
.footerN .call_area > .inner { position:relative; overflow:hidden; width:90%; margin:0 auto; text-align:left; }
.footerN .call_area > .inner .input_cell,
.footerN .call_area > .inner .input_cell input[type="text"] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.footerN .call_area > .inner .input_cell input[type="text"] { position:relative; width:38%; height: 10vw; padding: 0 4vw; border: 0; border-radius: 1.5vw; background:#fff; font-size: 1.2rem; color:#666; text-align:left; background: #f5f5f5;font-family: 'pretendard';}
.footerN .call_area > .inner .input_cell input::-webkit-input-placeholder{ text-align:left; color: #98989d;font-weight: 600;}
.footerN .call_area > .inner .input_cell { width:100%; text-align:left; display: flex;justify-content: space-between;padding-bottom: 3vw;}
.footerN .call_area > .inner .input_cell input.intex { width:60%; }
.footerN .call_area > .inner > .btn_box {  width:100%; height:9vw; background:#2448a3; border-radius: 1.5vw;}
.footerN .call_area > .inner > .btn_box .btn_add { width:100%; height:100%; border:0; background:#27272b; font-size: 1.3rem; font-weight:600; color:#fff; line-height:9vw; cursor:pointer;border-radius: 1.5vw;font-family: 'pretendard';}
.stn_call .call_inner > .agree_box { position:absolute; top:73px; left:679px;}
.footerN .call_area > .inner .input_selc{padding-bottom: 3vw;padding-top: 0.5vw;}
.footerN .call_area > .inner .input_selc .selclist { position:relative; width:100%;  margin:0; padding: 1vw 3vw; line-height: 7vw; border:1px solid #b6b6bb; border-radius: 1.5vw; background:#fff url(https://img.bbedu.co.kr/images/bbedu/design/2022/0920_bb/sel_arrow.png) no-repeat 100% 50%; font-size: 1.3rem; color:#5d5d62; font-weight: 600;font-family: 'pretendard';}
.footerN .call_area > .inner > .agree_box {width:62%; letter-spacing:-1px; text-align:right; color: #5d5d62;font-size: 1.1rem;font-family: 'pretendard';font-weight: 600;display: flex;align-items: baseline;padding-bottom: 3vw;}
.footerN .call_area > .inner > .agree_box input[type="checkbox"] { transform: scale(1.3);margin-right: 1.5vw;}
.footerN .call_area > .inner > .agree_box .info {color:#5d5d62; margin-left: .7vw;display: inline-block;}
.footerN .m_nav { background:#1d8efa; width:100%;display: flex;position: relative;justify-content: space-around;}
.footerN .m_nav::after{content: '';position: absolute;width: 1px;height: 100%;background: #89c2f7;left: 50%;}
.footerN .m_nav img{width: 100%;object-fit: cover;}
.footerN .btn_consult{width: 100%;height: 11vw;background: #fff;display: flex;align-items: center;justify-content: center;font-family: 'pretendard';font-size: 1.5rem;font-weight: bold;position: relative;box-shadow: 2px 2px 20px 7px rgba(0,1,1,.1);border-top-left-radius: 1.5vw;border-top-right-radius: 1.5vw;}
.footerN .btn_consult::after{content: '';position: absolute;top: 35%;right: 30%;width: 2vw;height: 2vw; border-top: .4vw solid #000;border-right: .4vw solid #000;transform: rotate(135deg); transition: 0.5s;}
.footerN .btn_consult.on::after{transform: rotate(315deg);top: 45%;}
.footerN .btn_consult::before{content: '';position: absolute;top: 55%;width: 100%;height: 12vw;z-index: -1;background: #fff;}

.popup-layer-box {display: none; position: absolute; top:0; right: 0; bottom: 0; left: 0; z-index: 10000;}
.popup-layer-box.open {display:block; animation: opacity 0.3s ease-out forwards}
.popup-layer-box::before {content: ''; display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; background-color: rgba(0,0,0,0.3)}
.popup-layer-box .popup-layer{position: fixed; left: 50%; top: 45%; width:90%; background: #fff; height:70%; transform: translate(-50%,-50%); overflow: auto; z-index: 10000;}

.popup-layer .popup-inner{position:absolute; left:0; right:0; bottom:20px; top:35px; padding:0 20px 20px; overflow-y:auto; box-sizing:border-box;}
.popup-layer .btn_close{position:absolute; right:5px; top:10px; width:16px; height:16px; font-size:0; text-indent:-9999px; background:url(https://img.bbedu.co.kr/images/bbedu/design/2021/0125_social//icon_popup_close.png) 0 0 no-repeat; background-size:100%;}
.popup-layer h5{font-size:14px; text-align:center;}

/* top 버튼 23.08.28 */
.consult_area{overflow: hidden;}/* 23.08.28 추가 수정 */
.stn_gotop { position: relative;float: right;z-index: 1;margin: 0 3vw 3vw 0;}/* 23.08.28 추가 수정 */
.stn_gotop .goTop {display: block;width: 10vw;height: 10vw;background: url(https://img.bbedu.co.kr/images/cm/btnTop.png) no-repeat center/cover;}
.blind{position: absolute;width: 1px;height: 1px;clip: rect(0 0 0 0);overflow: hidden;}

/* 수강신청 결제 25.01.22*/
.js_tab_text.pay{display: flex;align-items: center; background: #f6f8fa;}
.js_tab_text.pay li{width: 50%;}
.js_tab_text.pay li a{display: flex;align-items: center;justify-content: center;height: 62px; line-height: 1; font-size: 20px; text-align: center;color: #929294; font-weight: 800;letter-spacing: -3px;}
.js_tab_text.pay li.on{padding: 4px;box-sizing: border-box;}
.js_tab_text.pay li.on a{background: #fff; color:#222;}
.js_tab_wrap .js_tab_con_type{display:none}
.js_tab_wrap .js_tab_con_type.on{display:block}
#payB01{margin-bottom: 10px;}
#payB01 .order_bill{display: flex;flex-direction: column;align-items: flex-start;border: 1px solid #edeff2;padding: 0 20px;}
#payB01 .order_bill label{padding: 20px 15px;border-bottom: 1px solid #edeff2;width: 100%;text-align: left;font-size: 17px;color: #222;font-weight: bold;box-sizing: border-box;}
#payB01 .order_bill label img{display: inline-block;margin-left: 6px;vertical-align: middle;}
#payB01 .order_bill label input{margin-right: 8px;transform: scale(1.3);}
#payB01 .order_bill label:last-child{border-bottom: 0;}
.notibox{border: 2px solid #eeeeee;padding: 20px;color: #888;letter-spacing: -.5px;}
.notibox.none{display: none;}
.notibox1{border: 2px solid #eeeeee;padding: 20px;color: #888;letter-spacing: -.5px;}
.notibox1.none{display: none;}
.main.sub .order_bank table {background:#fff; padding:20px; margin-top:10px;border: 0;border-top: 1px solid #e0e0e0 !important;border-bottom: 1px solid #e0e0e0 !important;color: #000;}
.main.sub .order_bank table th{background: #f7f7f7 !important;color: #000 !important;padding: 5px 10px;height: 40px;}
.main.sub .order_bank table td{border-left: 0 !important;color: #000 !important;padding: 0 10px;height: 40px;padding-left: 15px !important;}
.main.sub .order_bank table td input{width: 100%;border: 1px solid #ddd;height: 25px;padding-left: 10px;}

/* 25.09.26 */
main .sc_support .support_slider_wrap {padding-left:5vw; margin-bottom:5.28vw;}
main .sc_support .support_slider_wrap li {width:48.61vw;}
main .sc_support .support_slider_wrap li + li {margin-left:2.22vw;}
main .sc_support .support_slider_wrap li:last-child {margin-right:5vw;}
main .sc_support .support_area .support_list {width:calc((100% - 2.22vw)/ 2); margin-top:2.22vw;}
main .sc_support .support_area .support_list:nth-child(-n+2) {margin-top:0;}