@charset "utf-8";
/* ===== COMMON ===== */
/* 2022 웹접근성 s */
#skipToContent {position:fixed; left:0; top:0; width:100%; z-index:200;}
#SkipToContent a {z-index:500; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; }
#SkipToContent a:focus, 
#SkipToContent a:active {width:100%; height:50px; background:#111; color:#fff; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; line-height:50px;}
.skip {position:absolute; top:-999em; left:-999em; width:1px; height:1px; font-size:1px !important; line-height:0}
/*alt*/
.alt_hiddenbox{ position:absolute; top:-999em; left:-999em; width:1px; height:1px; font-size:0 !important;  display:block; width:0; height:0; line-height:0; margin:0 !important; padding:0; }
.wa{position:absolute;top:0;left:50%;width:71px;height:50px;margin-left:479px;}
/* 2022 웹접근성 e */

a {color:#333; text-decoration:none;}
a, a:active {color:#333;}
a:hover {color:#333;}
input:focus,select:focus,a:focus,area:focus,button:focus {outline-color:#FE6B8B !important;}
.table_style01 tr td.font_s17 a:focus { outline-color:#111 !important; }/* 2024.05.14 */
.sub_contents .container .mgt50.text-center a.btn_style02.og.mgl10 { outline-color:#111 !important; }/* 2024.05.14 */

a.underL {color:#333; text-decoration:underline;}

h4{ font-weight:normal; }
caption { font-size:0; width:0; height:0; line-height:0px;}
/* wrap */
#wrap { width:100%; min-width:1400px; /*overflow:hidden;*/ font-weight:500; }/* 2024.06.05 */
#container {position:relative; margin:0 auto;}
.container {margin:0 auto; width:1100px;}


/*** header ***/
#header {position:relative; width:100%; min-width:1100px; height:202px; background:#fff; z-index:200;}
#header h1 {margin:0 !important; font-size:0;}
#header .top_util {width:100%; background:#f5f5f5;}
#header .top_util .inner { position:relative; width:1100px;margin: 0 auto; height:36px;}
#header .top_util .left_inner {float:left;}
#header .top_util .left_inner .info_inner {float:left; margin-right:15px;}
#header .top_util .left_inner .info_inner li a {float:left; margin-top:8px; height:22px; margin-left:5px;}
#header .top_util .left_inner .info_inner li:first-child a {margin-left:0px;}
#header .top_util .left_inner .info_inner li a.moe {background:url("../images/cm/topNav_otherInfoLogo.png") 0 0 no-repeat; width:128px;}

#header .top_util .left_inner .icon_inner li span {padding-left:10px; font-size:12px; border-left:1px solid #dddddd; color:#666666; letter-spacing:-1px; line-height: 34px;}
#header .top_util .left_inner .icon_inner li a {float:left; margin-top:7px; width:24px; height:24px; margin-left:5px;}
#header .top_util .left_inner .icon_inner li a.nblog {background:url("../images/cm/topNav_otherInfo_b.png") 0 0 no-repeat;}
#header .top_util .left_inner .icon_inner li a.facebook {background:url("../images/cm/topNav_otherInfo_f.png") 0 0 no-repeat;}
#header .top_util .left_inner ul {float: left}
#header .top_util .left_inner ul li {float: left;}
			
#header .top_util .right_inner {float:right}
#header .top_util .right_inner .nav_inner {float:left}
#header .top_util .right_inner .nav_inner li {display:inline-block;margin:0 5px}
#header .top_util .right_inner .nav_inner li:last-child a {margin-right:0px;}
#header .top_util .right_inner .nav_inner li a {padding-left:10px; font-size:12px; color:#555555; letter-spacing:-1px; line-height:36px;}
#header .top_util .right_inner .nav_inner li a:hover {color:#111111 !important;}

#header .top_logo {clear:both; position:relative; width:1100px; height:103px; margin:0 auto 0; padding-right:0px;}
#header .top_logo .logo {position:absolute; left:50%; top:50%; width:260px; height:53px; transform: translate(-50%, -45%);}
#header .top_logo .left_bnr {float:left; display:inline-block; margin:29px 0 0 30px;}
#header .top_logo .left_bnr a {display:block; position:relative; width:220px; height:55px;}
#header .top_logo .left_bnr a img {position:absolute; top:50%; margin-top:-19px; left:0;}
#header .top_logo .right_cnt {float:right;}
#header .top_logo .right_cnt li {float:left; margin-top:15px; margin-left:10px !important; min-width:63px;}
#header .top_logo .right_cnt li a {display:block; text-align:center;}
#header .top_logo .right_cnt li.real a {background:url("../images/cm/rightCnt_real.png") center 0 no-repeat;}
#header .top_logo .right_cnt li.study a {background:url("../images/cm/rightCnt_study.png") center 0 no-repeat;}
#header .top_logo .right_cnt li.license a {background:url("../images/cm/rightCnt_license.png") center 0 no-repeat;}
#header .top_logo .right_cnt li.myroom a {background:url("../images/cm/rightCnt_myroom.png") center 0 no-repeat;}
#header .top_logo .right_cnt li a span.cntTxt {display:block; padding-top:58px; font-size:12px; color:#555; text-align:center;}
/* #header .top_logo .right_cnt li.myroom a span.cntTxt { color:#ff6478 !important; } */
#header .top_logo .right_cnt a:last-child {padding:0;}	


.gnbSet {position:relative; height:63px; border-top:1px solid #f0f0f0; border-bottom:1px solid #333; width:100%; clear:both; box-sizing:border-box;} 
.gnbSet.active {height:118px; background:url(../images/cm/gnbBg.png) repeat-x 0 61px; display:block; border-bottom:none; position:absolute; left: 0; right: 0;}
.gnbSet > #gnb {width:1100px; margin:0 auto; /* overflow:hidden;*/ position:relative;}
.gnbSet > #gnb a {display:block;}
.gnbSet > #gnb > ul {display: flex;justify-content: space-between;}/* 24.01.08 미용학 추가 */
.gnbSet > #gnb > ul > li {display:block; text-align:center; height:61px;}/* 2023.05.26 position 삭제, inline-block 변경, 24.01.08 미용학 추가 */
.gnbSet > #gnb > ul > li > a {position:relative; z-index:1; color:#111; font-size:17px; letter-spacing:-1px; line-height:58px; display:block; padding:0 15px;}/* 24.01.08 미용학 추가 */
.gnbSet > #gnb > ul > li > a:before {position:absolute; bottom:-3px; left:50%; width:0; background:#0082ff; height:3px; content:""; transition:all 0.25s ease; -webkit-transition:all 0.25s ease;}
.gnbSet > #gnb > ul > li.sub > a, 
.gnbSet > #gnb > ul > li > a:hover {color:#0082ff; }
.gnbSet > #gnb > ul > li.sub > a:before {left:0; width:100%;} 

.gnbSet > #gnb > ul > li > ul {height:0; overflow:hidden; background:#598edc; margin-top:0; padding:0; border-top:1px solid #333; position:absolute; left:0; width:1100px; top:61px;}
/* .gnbSet > #gnb > ul > li > ul.m1 {left:0;}
.gnbSet > #gnb > ul > li > ul.m2 {left:-122px;}
.gnbSet > #gnb > ul > li > ul.m3 {left:-229px;}
.gnbSet > #gnb > ul > li > ul.m4 {left:-367px;}
.gnbSet > #gnb > ul > li > ul.m5 {left:-490px;}
.gnbSet > #gnb > ul > li > ul.m6 {left:-626px;}
.gnbSet > #gnb > ul > li > ul.m7 {left:-764px;}
.gnbSet > #gnb > ul > li > ul.m8 {left:-960px;} 2023.05.26 삭제 */
.gnbSet > #gnb > ul > li.sub > ul {height:auto;overflow:visible;}
.gnbSet > #gnb > ul > li > ul > li {float:left; display:inline-block;}
.gnbSet > #gnb > ul > li > ul > li > a {color:#fff; font-size:15px; letter-spacing:-1px; height:55px; line-height:55px; display:inline-block; padding:0 28px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; background:#598edc;}
.gnbSet > #gnb > ul > li > ul > li > a:hover {color:#111; background:#fff;}

.bltDrop:after { margin:-4px .2em 0 .5em; border-width:4px 4px 0 4px; border-color:#888 transparent; border-style:solid; content:' '; vertical-align:middle; display:inline-block; }
.bltDrop:hover:after { border-color:#e12c22 transparent; }
.bltDrop.on:after { border-width:0 4px 4px 4px; }
.fNew    {color:#e12c22; font:bold 10px Verdana; vertical-align:text-top; }


/* ===== FOOTER ===== 무관*/

/* footer_ban_list */
.footer_ban_wrap {width:100%; border-top:1px solid #ccc;}

.footer_ban_wrap .footer_ban_list {width:100%;overflow:hidden}
.footer_ban_wrap .footer_ban_list > ul {width:100%; display:inline-block; border-left:1px solid #ccc; box-sizing:border-box; margin-bottom:-3px;}
.footer_ban_wrap .footer_ban_list > ul > li {position:relative; float:left; width:25%; height:70px; padding:13px 0 0 0; border-right:1px solid #ddd;
											 font-size:14px; box-sizing:border-box; text-align:center;}
.footer_ban_wrap .footer_ban_list > ul > li:last-child {border-right:1px solid #ccc;}

.footer_ban_wrap .footer_ban_list > ul > li,
.footer_ban_wrap .footer_ban_list > ul > li > a {letter-spacing:-0.5px; line-height:21px; color:#555;}

.footer_ban_wrap .footer_ban_list > ul > li strong,
.footer_ban_wrap .footer_ban_list > ul > li > a strong {color:#333; font-weight:700;}

.footer_ban_wrap .footer_ban_list > ul > li > a {display:block;}

.footer_ban_wrap .footer_ban_list > ul > li .ban_text {position:relative; display:inline-block; padding-left:80px; text-align:left;}
.footer_ban_wrap .footer_ban_list > ul > li .ban_text:before {position:absolute; left:0; top:-3px; display:block; width:80px; height:50px;}

.footer_ban_wrap .footer_ban_list > ul > li .ban_text.ban_01:before {content:""; background:url(../images/main/footer_ban_img01.png) no-repeat left top;}
.footer_ban_wrap .footer_ban_list > ul > li .ban_text.ban_02:before {content:""; background:url(../images/main/footer_ban_img02.png) no-repeat left top;}
.footer_ban_wrap .footer_ban_list > ul > li .ban_text.ban_03:before {content:""; background:url(../images/main/footer_ban_img03.png) no-repeat left top;}
.footer_ban_wrap .footer_ban_list > ul > li .ban_text.ban_04:before {content:""; background:url(../images/main/footer_ban_img04.png) no-repeat left top;}

.footer_ban_wrap .footer_ban_list > ul > li .ban_text.ban_01_02:before {content:""; background:url(../images/main/footer_ban_img01_02.png) no-repeat left top;}

/* wj-dialog-body */

.wj-dialog-body .img_wFull {max-width:100% !important; border:1px solid #ff0000 !important;}

#footer{position: relative; z-index: 10; min-width: 1250px; padding: 0 0 40px 0 !important; background: #fafbfc; clear: both; border-top:0;}/*2021.01.13 수정*/
#footer .footer_inner{position:relative;width:1100px;margin:0 auto;}
#footer .footer_inner:after{content: ''; display:block;; clear: both}
#footer .family_area{background:#fff;padding:14px 0 16px;height:58px;border-top:1px solid #bebfc0;border-bottom:1px solid #bebfc0;    box-sizing: border-box;}
#footer .family_link{margin-top:4px;float:left;}
#footer .family_link:after{content: ''; display:block; clear: both}
#footer .family_link li{float:left; margin-left:30px;}/* 2021.12.21 */
#footer .family_link li:first-child{margin-left:0;}
#footer .family { position: absolute; top: 0; right: 0; z-index: 5; width: 130px; height: 28px; border: 1px solid #ddd; border-radius: 15px; background: #fff; }/* 2021.12.21 */
#footer .family.open { overflow:visible; background: #f5f5f5; }
#footer .family .formnav { font-size:12px; display: block; position: relative; height: 28px; line-height:26px; text-indent: 18px; color: #666; text-align: left;  cursor: pointer; }
#footer .family .formnav:after { content:""; position: absolute; top: 13px; right: 20px; display: block; width:0; border-top: 4px solid #969798; border-right: 4px solid transparent; border-left: 4px solid transparent; vertical-align:-1px; }
#footer .family.open .formnav { color: #333; }
#footer .family.open .formnav:after  { top: 8px; border-top: 4px solid transparent; border-bottom: 4px solid #969798; }
#footer .family ul li a { display:block; /*width:128px;*/ height:24px; padding:0 10px; color:#666; line-height:20px; text-align:left; letter-spacing:-1px; }/* 2021.12.21 */
#footer .family ul li a:hover { color:#333; background: #f5f5f5; }
#footer .family ul.family_list { position:absolute; left:-1px; bottom:30px; display:none; width:130px; height:0; padding:10px 0; border:1px solid #ddd; border-radius:15px; background:#fff; font-size:12px; }/* 2021.12.21 */
#footer .family ul.family_list.open { bottom:28px; display:block; overflow:visible; height:auto; }
#footer .corp_area {padding:33px 0 27px;}
/*#footer .corp_list{overflow:hidden}*/
#footer .corp_list li{float:left;margin-left:15px;}
#footer .corp_list li:before{content:"";display:inline-block;width:1px;height:10px;background:#c3c4c5;margin-right:15px;}
#footer .corp_list li a{font-size:13px;color:#5f6064;}
#footer .corp_list li:first-child{margin-left:0}
#footer .corp_list li:first-child:before{display:none;}
#footer .addr_box{float:left;width:1100px;}
#footer .addr{margin-bottom:14px}
#footer .addr:after{content: ''; display:block;  clear: both}
#footer .addr span{margin-bottom:3px;margin-right:19px;height:19px;line-height:19px;display:inline-block;font-size:12px;color:#555;}
#footer .addr span a{display:inline-block;position:relative}
#footer .copy{font-size:12px;color:#555;}
#footer .patments{float:right}



#layerPop {display: none; position: fixed; left: 50%; top: 200px; z-index: 9999; width: 770px; height: 300px; margin-left: -385px;}
#dimLayer {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
#layerPop .popClose {position: absolute; right: -50px; top: 0; z-index: 2;cursor: pointer;}


/*login_layer_pop*/
#mask {position:absolute;left:0;top:0;z-index:2000;background-color:rgba(0,0,0,.5);display:none;}
.login_laypop {position:absolute;top: 174px;left:50%; margin-left:-400px; width:800px;height:320px; background-color:#fff; border:1px solid #acacac; padding:40px; z-index:100;text-align:left;    box-sizing: border-box;}
.login_laypop .login_tit {display:block;padding-top: 10px;margin-bottom: 30px;height: 40px;}
.login_laypop .login_tit .bgline{display:block;margin-top: 12px;width:100%;height:1px;background:#0b75db linear-gradient(to right, #0b75db, #303030)}
.login_laypop .login_tit p {display:inline-block;color: #0b75db;font-family: 'Noto Sans KR', sans-serif; font-size: 28px;font-weight: 700;letter-spacing: -1px;margin: 0;}
.login_laypop .join_inner {position: absolute;top: 50px;right: 40px;}
.login_laypop .join_inner div {display: inline-block;float: left;}
.login_laypop .join_inner .arr {width: 10px;height: 10px;background: url(http://www.caedu.co.kr/images/bbedu/common/login_common.png) no-repeat -52px -45px;display: inline-block;}
.login_laypop .join_inner span {line-height: 29px; font-size:14px;}
.login_laypop .join_inner a {display: inline-block;float: left;margin:0; margin-left: 10px;width:95px;height:29px;background: url(http://www.caedu.co.kr/images/bbedu/common/login_common.png) no-repeat -405px -65px;text-indent: -99999px;}
.login_laypop .join_inner a:hover {background-position:-303px -65px; }
.login_laypop .login_left {position: relative;float: left;width: 330px;padding-right: 28px;}
.login_laypop .login_right {position: relative;float: left;width: 330px;padding-left: 28px;border-left:1px solid #dfdfdf;}
.login_laypop .login_left h2 {display:block;margin-bottom: 12px;height: 23px;}
.login_laypop .login_right h2 {display:block;margin-bottom: 12px;height: 23px;}
.login_laypop .login_left h2 strong {display:inline-block;vertical-align:top;color: #0c49a4;font-family:  'Noto Sans KR', sans-serif;font-size: 20px;font-weight: 700;letter-spacing: -1px;}
.login_laypop .login_right h2 strong {display:inline-block;vertical-align:top;color: #303030;font-family: 'Noto Sans KR', sans-serif;font-size: 20px;font-weight: 700;letter-spacing: -1px;}
.login_laypop .btn_close {position:absolute;top: 15px;right: 15px;width:27px;height:27px;background: url(http://www.caedu.co.kr/images/bbedu/common/login_common.png) no-repeat -0px -140px;}
.login_laypop .input_box {position:relative;border:1px solid #cecece;height: 38px;margin-bottom: 8px;}
.login_laypop .input_box:hover {border:1px solid #a6a6a6;}
.login_laypop .input_box .inp_login {border:0 none;height: 36px;font-size:13px;font-family: Tahoma,  'Noto Sans KR', sans-serif;text-indent:10px;}
.login_laypop .id_check {color:#888;font-size: 13px;line-height: 25px;margin-bottom: 10px;font-family:  'Noto Sans KR', sans-serif;letter-spacing: -1px;}
.login_laypop .id_check .inp_check {font-size: 12px;line-height: 20px;height: 20px;vertical-align: middle;}
.login_laypop .login_btn {position: absolute;top: 35px;right: 28px;display:inline-block;border: 1px solid #1b6396;height: 84px;width: 110px;background-color: #0c49a4;color:#fff;font: bold 17px/48px  'Noto Sans KR', sans-serif;text-align:center;text-decoration:none;letter-spacing:-0.08em;vertical-align:middle;}
.login_laypop .login_btn:hover {background: #2860b4;}
.login_laypop .login_btn_by {display:inline-block;height: 40px;width: 330px;background-color: #303030;color:#fff;font: bold 18px/48px  'Noto Sans KR', sans-serif;letter-spacing: -1px;line-height: 40px;}
.login_laypop .login_btn_by:hover {background: #444;}
.login_laypop .login_btlink {position:relative;overflow: hidden;margin-top:18px;text-align:center;color:#ccc;}
.login_laypop .login_btlink li {float: left;}
.login_laypop .login_btlink .link {color: #acacac;font-size:13px;padding: 0 10px;border-left: 1px solid #ccc;}
.login_laypop .login_btlink .link01 {color: #acacac;font-size: 13px;padding-left: 13px;border-left: 1px solid #ccc;}

.login_laypop .login_btlink .id_save02 {float: left;display: inline-block;position: relative;margin-left: 40px;width: 110px;height: 15px;}
.login_laypop .login_btlink .id_save02 input {width: 15px;height: 15px; margin:0 5px 0 0;  vertical-align: middle;}
.login_laypop .login_btlink .id_save02 label,.loginlink{font-size: 13px;padding-left: 3px;}
.login_laypop .login_btlink .id_save02 label {cursor: pointer;line-height: 15px;color: #a3a3a3;}
.login_laypop .login_btlink .id_save02 label:hover {color:#0c49a4}

/* TEXT COLOR */
.txt_white {color:#ffffff !important;} /* White */
.txt_blue {color:#0082ff !important;} /* Symbol Blue */
.txt_black1 {color:#111 !important;} /* Black 111 */
.txt_black2 {color:#222 !important;} /* Black 222 */
.txt_black3 {color:#333 !important;} /* Black 333 */

.txt_gray6 {color:#666 !important;} /* Gray */
.txt_gray8 {color:#888 !important;} /* Gray */
.txt_grayc {color:#ccc !important;} /* Gray */
.txt_grayb {color:#bbb !important;} /* Gray */
.txt_lgray {color:#999 !important;} /* Light Gray */

.txt_redc {color:#cc0000 !important;} /* RED cc */
.txt_redf {color:#ff0000 !important;} /* RED ff */
.txt_reda {color:#B80000 !important;} /* RED fa 2024.05.14 */
.txt_redac {color:#ac0000 !important;} /* 24.05.02 웹접근성 */

.txt_yellowf {color:#ffff00 !important;} /* YELLOW ffff00 */
.txt_yellow2 {color:#fff200 !important;} /* YELLOW fff200 */

.txt_sky {color:#66ffff !important;}
.txt_under { text-decoration:underline; }

.t_hidden {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.ls_0 {letter-spacing:0 !important;}
.ls_04 {letter-spacing:-.04em !important;}

.text-center {text-align:center !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}

.font_s10 {font-size:10px !important;}
.font_s11 {font-size:11px !important;}
.font_s12 {font-size:12px !important;}
.font_s13 {font-size:13px !important;}
.font_s14 {font-size:14px !important;}
.font_s15 {font-size:15px !important;}
.font_s16 {font-size:16px !important;}
.font_s17 {font-size:17px !important;}
.font_s18 {font-size:18px !important;}
.font_s19 {font-size:19px !important;}
.font_s20 {font-size:20px !important;}
.font_s25 {font-size:25px !important;}
.font_s28 {font-size:28px !important;}

.float-group { *zoom:1; }
.float-group:after { content:" "; display:block; clear:both; }
.float-left {float:left !important;}
.float-right {float:right !important;}

.relative{position:relative}
.absolute{position:absolute}

.fwn {font-weight:normal !important}
.fwb {font-weight:bold !important}

.cancelLine {text-decoration: line-through}


/* 유지보수를 위해 생성된 공통코드 */

/* point font*/
.f_tit_gr {color:#999999;  font-size:12px; font-weight: normal;padding-left:3px;display:inline;}/*오른쪽 연한 그레이폰트 */
.f_tit_s_b_link{color:#2e62c3; font-size:11px; margin-left:0px; padding-right:10px;}/* 링크걸리는 블루텍스트 */

/* float */
.f_l{float:left}
.f_r{float:right}
.f_none{float:none!important}
.f_both{width:0;height:0;font-size:0;line-height:0;clear:both}

.va_t{vertical-align:top !important}
.va_m{vertical-align:middle !important}
.va_b{vertical-align:bottom !important}

.pos_a{position:absolute !important}
.pos_r{position:relative !important}
.pos_s{position:static !important}

/* display */
.show {display:block}
.hide {display:none !important;}
.hide_text{font-size:1px;height:1px;left:-9999px;line-height:0;position:absolute;width:1px}

/* display */
.disBlk {display:block !important;}
.disIinB {display:inline-block  !important; *display:inline; *zoom:1;}
.disIn {display:inline !important;}

/* text */
.t_l{text-align:left !important}
.t_r{text-align:right !important}
.t_c{text-align:center !important}

.tid0 {text-indent:0;}

/* border style */
.bd_bot_dddddd {border-bottom:1px solid #dddddd !important;}
.bd_bot_bbbbbb {border-bottom:1px solid #bbbbbb !important;}
.bd_top_dddddd {border-top:1px solid #dddddd !important;}
.bd2_top_444444 {border-top:2px solid #444444 !important;}
.bd_left_dddddd {border-left:1px solid #dddddd !important;}
.bd_right_dddddd {border-right:1px solid #dddddd !important;}


.border0 {border:0 !important;}
.borderT0 {border-top:0 !important;}
.borderR0 {border-right:0 !important;}
.borderL0 {border-left:0 !important;}
.borderB0 {border-bottom:0 !important;}

/* line-height */
.lineH16 {line-height:16px !important;}
.lineH19 {line-height:19px !important;}

.lineH24 {line-height:24px !important;}
.lineH26 {line-height:26px !important;}
.lineH28 {line-height:28px !important;}
.lineH32 {line-height:32px !important;}

/* input */
input.w100 {width: 100% !important;}
input.w50 {width: 50% !important;}

/* width */
.w860 {width:860px !important;}
/* height */
.h70 {height:70px !important;}
.h38 {height:38px !important;}


/* ===== SCROLL TO TOP ===== */
.scrollup {display:block; position:fixed !important; right:30px; bottom:-200px; z-index:100; width:50px; height:25px; padding:25px 0 0 0;
	font-size:12px; font-weight:500; text-align:center; color:#fff; background:#777 url(../images/inc/quick_top_iCon01.png) no-repeat center 7px;
	transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.scrollup:hover {background:#4664e6 url(../images/inc/quick_top_iCon01.png) no-repeat center 5px; color:#fff;}

.scrollup.display {bottom:30px;}


/* ===== SCROLL TO TOP ===== */
/* Layer popup */
.layer_popup_wrap {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:100;}
.layer_popup {position:absolute; left:50%; top:50%; padding:0 0 40px; width:100%; max-width:1200px; height:400px; text-align:center; color:#fff; transform:translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.layer_popup .closeWrap {margin-top:10px;}
.layer_popup .closeWrap a {position:relative; display:inline-block; margin:0 0.25rem; padding:10px 40px 11px 20px; border-radius:20px; background:rgba(0,0,0,0.8); color:#fff;}
.layer_popup .closeWrap a:after {content:""; display:inline-block; width:11px; height:11px; position:absolute; right:16px; top:16px; background:url(../images/inc/com_btn_close02.png);}

/* PADDING */
.pd0 {padding:0 !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd50 {padding:50px !important;}

.pdt05 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}
.pdt50 {padding-top:50px !important;}
.pdt60 {padding-top:60px !important;}
.pdt70 {padding-top:70px !important;}

.pdb05 {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb25 {padding-bottom:25px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb35 {padding-bottom:35px !important;}
.pdb40 {padding-bottom:40px !important;}
.pdb50 {padding-bottom:50px !important;}
.pdb60 {padding-bottom:60px !important;}
.pdb70 {padding-bottom:70px !important;}
.pdb80 {padding-bottom:80px !important;}
.pdb100 {padding-bottom:100px !important;}

.pdl05 {padding-left:5px !important;}
.pdl08 {padding-left:8px !important;}
.pdl10 {padding-left:10px !important;}
.pdl12 {padding-left:12px !important;}
.pdl13 {padding-left:13px !important;}
.pdl14 {padding-left:14px !important;}
.pdl15 {padding-left:15px !important;}
.pdl16 {padding-left:16px !important;}
.pdl18 {padding-left:18px !important;}
.pdl20 {padding-left:20px !important;}
.pdl21 {padding-left:21px !important;}
.pdl23 {padding-left:23px !important;}
.pdl25 {padding-left:25px !important;}
.pdl28 {padding-left:28px !important;}
.pdl30 {padding-left:30px !important;}
.pdl35 {padding-left:35px !important;}
.pdl40 {padding-left:40px !important;}
.pdl50 {padding-left:50px !important;}
.pdl60 {padding-left:60px !important;}
.pdl70 {padding-left:70px !important;}

.pdr05 {padding-right:5px !important;}
.pdr08 {padding-right:8px !important;}
.pdr10 {padding-right:10px !important;}
.pdr12 {padding-right:12px !important;}
.pdr13 {padding-right:13px !important;}
.pdr14 {padding-right:14px !important;}
.pdr15 {padding-right:15px !important;}
.pdr16 {padding-right:16px !important;}
.pdr18 {padding-right:18px !important;}
.pdr20 {padding-right:20px !important;}
.pdr21 {padding-right:21px !important;}
.pdr23 {padding-right:23px !important;}
.pdr25 {padding-right:25px !important;}
.pdr28 {padding-right:28px !important;}
.pdr30 {padding-right:30px !important;}
.pdr35 {padding-right:35px !important;}
.pdr40 {padding-right:40px !important;}
.pdr50 {padding-right:50px !important;}
.pdr60 {padding-right:60px !important;}
.pdr70 {padding-right:70px !important;}


/* MARGIN */

.mg0 {margin:0 !important;}

.mgt02 {margin-top:2px;}
.mgt05 {margin-top:5px;}
.mgt08 {margin-top:8px;}
.mgt10 {margin-top:10px;}
.mgt12 {margin-top:12px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt25 {margin-top:25px;}
.mgt30 {margin-top:30px;}
.mgt35 {margin-top:35px;}
.mgt40 {margin-top:40px;}
.mgt45 {margin-top:45px;}
.mgt50 {margin-top:50px;}
.mgt60 {margin-top:60px;}
.mgt70 {margin-top:70px;}
.mgt80 {margin-top:80px;}
.mgt90 {margin-top:90px;}
.mgt95 {margin-top:95px;}
.mgt100 {margin-top:100px;}
.mgt150 {margin-top:150px;}


.mgb-04 {margin-bottom:-4px;}
.mgb0 {margin-bottom:0 !important;}
.mgb02 {margin-bottom:2px;}
.mgb03 {margin-bottom:3px;}
.mgb04 {margin-bottom:4px;}
.mgb05 {margin-bottom:5px;}
.mgb06 {margin-bottom:6px;}
.mgb08 {margin-bottom:8px;}
.mgb09 {margin-bottom:9px;}
.mgb10 {margin-bottom:10px !important;}
.mgb11 {margin-bottom:11px;}
.mgb12 {margin-bottom:12px;}
.mgb13 {margin-bottom:13px;}
.mgb15 {margin-bottom:15px;}
.mgb18 {margin-bottom:18px;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px;}
.mgb28 {margin-bottom:28px;}
.mgb30 {margin-bottom:30px;}
.mgb35 {margin-bottom:35px;}
.mgb40 {margin-bottom:40px;}
.mgb45 {margin-bottom:45px;}
.mgb50 {margin-bottom:50px;}
.mgb55 {margin-bottom:55px;}
.mgb60 {margin-bottom:60px;}
.mgb70 {margin-bottom:70px;}
.mgb80 {margin-bottom:80px;}
.mgb90 {margin-bottom:90px;}
.mgb100 {margin-bottom:100px;}

.mgr0 {margin-right:0;}
.mgr02 {margin-right:2px;}
.mgr03 {margin-right:3px;}
.mgr04 {margin-right:4px;}
.mgr05 {margin-right:5px;}
.mgr08 {margin-right:8px;}
.mgr09 {margin-right:9px;}
.mgr10 {margin-right:10px;}
.mgr12 {margin-right:12px;}
.mgr13 {margin-right:12px;}
.mgr14 {margin-right:14px;}
.mgr15 {margin-right:15px;}
.mgr16 {margin-right:16px;}
.mgr20 {margin-right:20px;}
.mgr25 {margin-right:25px;}
.mgr30 {margin-right:30px;}
.mgr40 {margin-right:40px;}
.mgr50 {margin-right:50px;}

.mgl02 {margin-left:2px;}
.mgl03 {margin-left:3px;}
.mgl04 {margin-left:4px;}
.mgl05 {margin-left:5px;}
.mgl08 {margin-left:8px;}
.mgl10 {margin-left:10px;}
.mgl12 {margin-left:12px;}
.mgl14 {margin-left:14px;}
.mgl15 {margin-left:15px;}
.mgl16 {margin-left:16px;}
.mgl20 {margin-left:20px;}
.mgl25 {margin-left:25px;}
.mgl28 {margin-left:28px;}
.mgl30 {margin-left:30px;}
.mgl40 {margin-left:40px;}
.mgl50 {margin-left:50px;}
.mgl70 {margin-left:70px;}
.mgl100 {margin-left:100px;}
.mgl120 {margin-left:120px;}
.mgl150 {margin-left:150px;}

/* WIDTH */

.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w125 {width:125px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w155 {width:155px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w175 {width:175px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w220 {width:220px;}
.w250 {width:250px;}
.w280 {width:280px;}
.w300 {width:300px;}
.w310 {width:310px;}
.w340 {width:340px;}
.w350 {width:350px !important;}
.w370 {width:370px;}
.w380 {width:380px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w600 {width:600px;}
.w700 {width:700px !important;}
.w720 {width:720px !important;}
.w800 {width:800px !important;}
.w850 {width:850px !important;}
.w900 {width:900px !important;}

.w30p {width:30%;}
.w40p {width:40%;}
.w50p {width:50%;}
.w60p {width:60%;}
.w70p {width:70%;}
.wFull {width:100%;}

.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h100 {height:100px;}
.h150 {height:150px;}
.h160 {height:160px;}
.h170 {height:170px;}
.h175 {height:175px;}
.h180 {height:180px;}
.h186 {height:186px;}
.h200 {height:200px;}
.h250 {height:250px;}
.h300 {height:300px;}
.h500 {height:500px;}

/* 2021.10.14 가이드 작업시 임시로 넣어둠 */
#header,#footer_wrap{text-align:center;}

/* goTOP 버튼 */
.stn_gotop { position:fixed; bottom:0; left:0; z-index:10; width:100%; min-width:1400px; height:0; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; }
.stn_gotop .goTop {position:absolute; bottom:50px; right:50px; width:56px; height:56px; background:url(https://img.caedu.co.kr/images/design/2023/0921_top/btnTop.png) no-repeat; font-size:0; text-indent:-10000000em;}