/** S Core Dream **/
@font-face {
    font-family : "SCDream1";
    src:url("/css/fonts/S-Core_Dream_OTF/SCDream1.otf");
}
@font-face {
    font-family : "SCDream2";
    src:url("/css/fonts/S-Core_Dream_OTF/SCDream2.otf");
}
@font-face {
    font-family : "SCDream3";
    src:url("/css/fonts/S-Core_Dream_OTF/SCDream3.otf");
}
@font-face {
    font-family : "SCDream4";
    src:url("/css/fonts/S-Core_Dream_OTF/SCDream4.otf");
}
@font-face {
    font-family : "SCDream5";
    src:url("/css/fonts/S-Core_Dream_OTF/SCDream5.otf");
}
@font-face {
    font-family : "SCDream6";
    src:url("/css/fonts/S-Core_Dream_OTF/SCDream6.otf");
}
@font-face {
    font-family : "SCDream7";
    src:url("/css/fonts/S-Core_Dream_OTF/SCDream7.otf");
}
@font-face {
    font-family : "SCDream8";
    src:url("/css/fonts/S-Core_Dream_OTF/SCDream8.otf");
}
@font-face {
    font-family : "SCDream9";
    src:url("/css/fonts/S-Core_Dream_OTF/SCDream9.otf");
}

/** Nono Sans KR **/
@font-face {
    font-family : "NotoSansKrThin";
    src:url("/css/fonts/Noto_Sans_KR/static/NotoSansKR-Thin.ttf");
}
@font-face {
    font-family : "NotoSansKrExtraLight";
    src:url("/css/fonts/Noto_Sans_KR/static/NotoSansKR-ExtraLight.ttf");
}
@font-face {
    font-family : "NotoSansKrLight";
    src:url("/css/fonts/Noto_Sans_KR/static/NotoSansKR-Light.ttf");
}
@font-face {
    font-family : "NotoSansKrRegular";
    src:url("/css/fonts/Noto_Sans_KR/static/NotoSansKR-Regular.ttf");
}
@font-face {
    font-family : "NotoSansKrMedium";
    src:url("/css/fonts/Noto_Sans_KR/static/NotoSansKR-Medium.ttf");
}
@font-face {
    font-family : "NotoSansKrSemiBold";
    src:url("/css/fonts/Noto_Sans_KR/static/NotoSansKR-SemiBold.ttf");
}
@font-face {
    font-family : "NotoSansKrBold";
    src:url("/css/fonts/Noto_Sans_KR/static/NotoSansKR-Bold.ttf");
}
@font-face {
    font-family : "NotoSansKrExtraBold";
    src:url("/css/fonts/Noto_Sans_KR/static/NotoSansKR-ExtraBold.ttf");
}
@font-face {
    font-family : "NotoSansKrBlack";
    src:url("/css/fonts/Noto_Sans_KR/static/NotoSansKR-Black.ttf");
}

/** Apple SD Gothic Neo **/
@font-face {
    font-family : "AppleSDGothicNeoUL";
    src:url("/css/fonts/Apple_SD_Gothic_Neo/AppleSDGothicNeoUL.ttf");
}
@font-face {
    font-family : "AppleSDGothicNeoL";
    src:url("/css/fonts/Apple_SD_Gothic_Neo/AppleSDGothicNeoL.ttf");
}
@font-face {
    font-family : "AppleSDGothicNeoR";
    src:url("/css/fonts/Apple_SD_Gothic_Neo/AppleSDGothicNeoR.ttf");
}
@font-face {
    font-family : "AppleSDGothicNeoM";
    src:url("/css/fonts/Apple_SD_Gothic_Neo/AppleSDGothicNeoM.ttf");
}
@font-face {
    font-family : "AppleSDGothicNeoSB";
    src:url("/css/fonts/Apple_SD_Gothic_Neo/AppleSDGothicNeoSB.ttf");
}
@font-face {
    font-family : "AppleSDGothicNeoEB";
    src:url("/css/fonts/Apple_SD_Gothic_Neo/AppleSDGothicNeoEB.ttf");
}
@font-face {
    font-family : "AppleSDGothicNeoB";
    src:url("/css/fonts/Apple_SD_Gothic_Neo/AppleSDGothicNeoB.ttf");
}
@font-face {
    font-family : "AppleSDGothicNeoH";
    src:url("/css/fonts/Apple_SD_Gothic_Neo/AppleSDGothicNeoH.ttf");
}
@font-face {
    font-family : "AppleSDGothicNeoT";
    src:url("/css/fonts/Apple_SD_Gothic_Neo/AppleSDGothicNeoT.ttf");
}


* {box-sizing:border-box;}
body {width:100%; font-family:'NotoSansKrRegular'; background-color:#fff;}
body, ul, li, p, span, form {margin:0; padding:0; }
li {list-style:none}
a {margin:0; text-decoration:none; color:inherit; }


:root{
    --themeColor01: rgba(96,176,242,0.6);
    --themeColorHover01: rgba(96,176,242,0.8);
    --themeColor02: rgba(52,109,160,1.0);
    --themeColorHover02: rgba(46,96,141,1.0);
}


.inlineblockFont {display:inline-block;}
.redfont {color:red;}
.bluefont {color:blue;}
.greenfont {color:green;}
.textemphasis {text-emphasis:filled;} /** 글자위 점 띄우기 **/
.ellipsis {display:block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}


.thumexc {display:inline-block; margin-right:4px; width:20px; height:20px; background-size:contain; border-radius:10px; vertical-align:middle;}
.thumexc.upbit {background-image:url('/image/exchange/upbit.png');}
.thumexc.bithumb {background-image:url('/image/exchange/bithumb.png');}
.thumexc.coinone {background-image:url('/image/exchange/coinone.png');}

.thumcoin {display:inline-block; margin-right:4px; width:20px; height:20px; background-size:contain; border-radius:12px; vertical-align:middle;}
.thumcoin.KRW-BTC {background-image:url('/image/coin/KRW-BTC.png');}
.thumcoin.KRW-USDT {background-image:url('/image/coin/KRW-USDT.png');}
.thumcoin.KRW-ETH {background-image:url('/image/coin/KRW-ETH.png');}
.thumcoin.KRW-DOGE {background-image:url('/image/coin/KRW-DOGE.png');}
.thumcoin.KRW-XRP {background-image:url('/image/coin/KRW-XRP.png');}
.thumcoin.KRW-SOL {background-image:url('/image/coin/KRW-SOL.png');}
.thumcoin.KRW-USDC {background-image:url('/image/coin/KRW-USDC.png');}
.thumcoin.BTC {background-image:url('/image/coin/KRW-BTC.png');}
.thumcoin.USDT {background-image:url('/image/coin/KRW-USDT.png');}
.thumcoin.ETH {background-image:url('/image/coin/KRW-ETH.png');}
.thumcoin.DOGE {background-image:url('/image/coin/KRW-DOGE.png');}
.thumcoin.XRP {background-image:url('/image/coin/KRW-XRP.png');}
.thumcoin.SOL {background-image:url('/image/coin/KRW-SOL.png');}
.thumcoin.USDC {background-image:url('/image/coin/KRW-USDC.png');}

.coustomLoadingBox {display:table; position:relative; width:100%; height:auto; text-align:center; color:#444;}
.coustomLoadingBox .coustomLoadingWrap {display:table-cell;  padding:100px 0; width:100%; vertical-align:middle;}
.coustomLoadingBox .coustomLoadingIcon {display:inline-block; width:24px; height:24px;}
.coustomLoadingBox .coustomLoadingTxt {display:block; font-size:14px;}


/* ------------------------------------------ 헤더페이지 */
/* 상단탑 베너부분 */
#header_wi100 {top:0; width:100%; background-color:#fff; box-shadow:0 0 20px 0 rgba(0,0,0,0.1); z-index:10;}

#header_wi100 .titleBar {position:relative; width:100%; background-color:rgba(96,176,242,0.2);}
#header_wi100 .titleBar .wrap {margin:0 auto; width:100%; max-width:1400px;}
#header_wi100 .titleBar .wrap:after {display:block; clear:both; content:"";}
#header_wi100 .titleBar .wrap .leftBox {float:left; height:90px;}
#header_wi100 .titleBar .wrap .leftBox .logoBox {display:table; width:175px; height:91px; text-align:center; vertical-align:middle; background-size:contain; background-position:center; background-repeat:no-repeat; background-image:url('/image/header/logo_full_20260220.png');}
#header_wi100 .titleBar .wrap .rightBox {float:right; height:90px;}
#header_wi100 .titleBar .wrap .rightBox ul.navBar {height:100%;}
#header_wi100 .titleBar .wrap .rightBox ul.navBar li {float:left; display:table; height:100%; text-align:center; cursor:pointer;}
#header_wi100 .titleBar .wrap .rightBox ul.navBar li a {display:table-cell; vertical-align:middle; cursor:pointer;}
#header_wi100 .titleBar .wrap .rightBox ul.navBar li a span {display:inline-block; padding:4px; border-radius:4px;}
#header_wi100 .titleBar .wrap .rightBox ul.navBar li a span:hover {background-color:rgba(96,176,242,0.2);}

#header_wi100 .navigator {width:100%; background-color:#fff;}
#header_wi100 .navigator .wrap {margin:0 auto; width:100%; max-width:1400px;}
#header_wi100 .navigator .wrap ul {width:100%; border-bottom:1px solid #ccc;}
#header_wi100 .navigator .wrap ul:after {display:block; clear:both; content:"";}
#header_wi100 .navigator .wrap ul > li {float:left;}
#header_wi100 .navigator .wrap ul > li > a {display:block;}
#header_wi100 .navigator .wrap ul.nav1 > li {font-size:18px;}
#header_wi100 .navigator .wrap ul.nav2 > li {font-size:16px;}
#header_wi100 .navigator .wrap ul > li > a > span {display:inline-block; padding-bottom:4px; min-width:54px; text-align:center; color:#777;}
#header_wi100 .navigator .wrap ul > li.active > a > span {color:#000; border-bottom:2px solid #000;}

.header_back {display:none; position:relative; width:100%;}


@media screen and (max-width:1200px) {
    #header_wi100 .titleBar .wrap .leftBox {margin-left:10px;}
    #header_wi100 .titleBar .wrap .rightBox {}
    #header_wi100 .titleBar .wrap .rightBox ul.navBar li {font-size:14px;}
    
    #header_wi100 .navigator .wrap ul > li > a {padding:8px 6px 0;}
}
@media screen and (min-width:1201px) {
    #header_wi100 .titleBar .wrap .leftBox {margin-left:0;}
    #header_wi100 .titleBar .wrap .rightBox {}
    #header_wi100 .titleBar .wrap .rightBox ul.navBar li {}
    
    #header_wi100 .navigator .wrap ul > li > a {padding:20px 20px 0;}
    #header_wi100 .navigator .wrap ul > li > a:hover {background-color:#eee;}
}
/* ------------------------------------------ 헤더페이지 FIN */




/*-------------------------------------- POPUP  ----------------------------*/
#popupBox {display:none; position:fixed; width:100%; height:100%; z-index:20;}
#popupBox.active {display:block;}
#popupBox .popupBg {width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
#popupBox .contentsBox {display:table; position:absolute; top:0px; left:0px; width:100%; height:100%;}

@media screen and (max-width:880px) {
	#popupBox .contentsBox .centerBox {box-sizing:border-box; position:relative; margin:0 auto; padding:10px; width:448px; border-radius:10px; color:#000; background-color:#fff; box-shadow:4px 4px 20px 0 rgba(0,0,0,0.4);}
}
@media screen and (min-width:881px) {
	#popupBox .contentsBox .centerBox {box-sizing:border-box; position:relative; margin:0 auto; padding:24px; width:448px; border-radius:10px; color:#000; background-color:#fff; box-shadow:4px 4px 20px 0 rgba(0,0,0,0.4);}
}
#popupBox .contentsBox .centerBox .titleBox {box-sizing:border-box; position:relative; width:100%; height:60px; text-align:center; font-size:24px;}
#popupBox .contentsBox .centerBox .titleBox .title {padding:10px; font-weight:bold;}
#popupBox .contentsBox .centerBox .titleBox .closeX {position:absolute; top:0; right:0; cursor:pointer;}
#popupBox .contentsBox .centerBox .info_box {width:100%;}
#popupBox .contentsBox .editInfoBox {box-sizing:border-box; display:table-cell; width:600px; height:100%; vertical-align:middle;}
#popupBox .contentsBox .editInfoBox .centerBox {width:100%; max-width:600px;}

#popupBox .contentsBox .centerBox .info_box .input_box {width:100%;}
#popupBox .contentsBox .centerBox .info_box .input_box:after {display:block; clear:both; content:"";}
#popupBox .contentsBox .centerBox .info_box .input_box:last-child {margin:0;}
#popupBox .contentsBox .centerBox .info_box .input_box .editTitle {box-sizing:border-box; float:left; padding:0 10px; width:50%; height:20px; font-size:13px; color:rgba(0,0,0,0.4);}
@media screen and (max-width:880px) {
	#popupBox .contentsBox .centerBox .info_box .input_box .inp {box-sizing:border-box; padding:14px 8px; width:100%; height:52px; border:1px solid #ccc; border-radius:10px;}
	#popupBox .contentsBox .centerBox .info_box .input_box .halfInp {box-sizing:border-box; float:left; margin:2px; padding:10px; width:calc(50% - 4px); height:52px; border:1px solid #ccc; border-radius:10px;}
}
@media screen and (min-width:881px) {
	#popupBox .contentsBox .centerBox .info_box .input_box .inp {box-sizing:border-box; padding:14px; width:100%; height:52px; border:1px solid #ccc; border-radius:10px;}
	#popupBox .contentsBox .centerBox .info_box .input_box .halfInp {box-sizing:border-box; float:left; margin:2px; padding:10px; width:calc(50% - 4px); height:52px; border:1px solid #ccc; border-radius:10px;}
}
#popupBox .contentsBox .centerBox .info_box .input_box .cnfmBox {float:left; width:100%; height:20px; font-size:13px;}
#popupBox .contentsBox .centerBox .info_box .input_box .cnfmBox:after {display:block; clear:both; content:"";}
#popupBox .contentsBox .centerBox .info_box .input_box .cnfmBox div {box-sizing:border-box; float:left; padding:0 10px; width:50%; height:100%;}
#popupBox .contentsBox .centerBox .info_box .input_box .loginBtn {margin:0; text-align:center; color:#fff; background-color:#fd6734; cursor:pointer; transition:all 0.2s;}
#popupBox .contentsBox .centerBox .info_box .input_box .joinBtn {margin:0; text-align:center; color:#fff; background-color:#fd6734; cursor:pointer; transition:all 0.2s;}
#popupBox .contentsBox .centerBox .info_box .input_box .loginBtn:hover,
#popupBox .contentsBox .centerBox .info_box .input_box .joinBtn:hover {background-color:#133281;}
#popupBox .contentsBox .centerBox .info_box .chkInput_box {margin:20px 0;}
#popupBox .contentsBox .centerBox .info_box .caution {font-size:12px; color:rgba(0,0,0,0.6);}

#popupBox .contentsBox .centerBox .chkInput_box .popupTermsBtn {margin-left:10px; padding:4px 8px; border:1px solid #ccc; border-radius:4px; cursor:pointer;}
#popupBox .contentsBox .centerBox .chkInput_box .popupTermsBtn:hover {background-color:#eee;}
#popupBox .contentsBox .joinBox .termPopup {box-sizing:border-box; display:none; position:absolute; padding:10px; left:4px; top:100px; width:calc(100% - 10px); height:400px; background-color:#fff; border:1px solid #ccc; border-radius:4px;}
#popupBox .contentsBox .joinBox .termPopup > div {width:100%; height:320px; overflow-y:scroll;}
#popupBox .contentsBox .joinBox .termPopup .closetermsBtn {position:absolute; bottom:10px; right:10px; padding:4px 8px; background-color:#eee; border:1px solid #ccc; border-radius:4px; cursor:pointer;}

/*-------------------------------------- POPUP  ----------------------------*/




/* 하단 COPYRIGHT 레이어 팝업 */
#div_popup {width:100%; max-width:640px; height:800px; margin:0 auto; border:2px solid #000; padding: 0; position:relative; background-color:#fff;}
#div_popup .ajax-popup-close {box-sizing:border-box; position:absolute; top:-2px; right:-40px; width:40px; height:40px; font-size:20px; font-weight:bold; color:#fff; background-color:#000; border:2px solid #000; cursor:pointer;}
@media screen and (max-width:999px) {
#div_popup .ajax-popup-close {top:-2px; right:0; z-index:100;}
}
#div_popup .contents { width:100%; height:790px; font-size:14px; padding:30px 20px; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}

#member_popup { width:640px; height:800px; margin:0 auto; border:2px solid #000; padding: 0; position:relative; background-color:#fff;}
#member_popup .ajax-popup-close {position:absolute; box-sizing:border-box; top:-2px; right:-40px; width:40px; height:40px; background-color:#000; border:2px solid #000; font-size:20px; font-weight:bold; cursor:pointer;}
#member_popup .ajax-popup-close:hover {background-color:#732019;}
#member_popup .contents { width:100%; height:100%; font-size:14px; padding:20px 20px; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}

/* 하단 COPYRIGHT 레이어 팝업 FIN */



/********************************* 회원가입 */
.container_join {box-sizing:border-box; position:relative; margin:0 auto; padding:10px; width:100%; max-width:600px; padding-bottom:50px}

.container_join input {border:1px solid rgb(222, 222, 222); text-indent:10px}
.join_title_wrap {padding:40px 0 80px 0; text-align:center; color:rgb(29, 29, 29);}
@media screen and (max-width:800px) {
.join_title_wrap h3 {font-size:30px; margin:0;}
}
@media screen and (min-width:801px) {
.join_title_wrap h3 {font-size:40px; margin:0;}
}
.join_title_wrap p {font-size:14px; line-height:14px; font-weight:400; margin:10px auto 0 auto;}
.join_title_wrap p span {cursor:pointer;}

.required {display:none;}
@media screen and (max-width:800px) {
	.join_form_wrap {box-sizing:border-box; position:relative; margin:0 auto; padding:40px 10px; width:100%; background:#fff;}
}
@media screen and (min-width:801px) {
	.join_form_wrap {box-sizing:border-box; position:relative; margin:0 auto; padding:40px 20px; width:100%; background:#fff;}
}
.join_form_wrap .required_input {position:absolute; top:-34px; right:0px; color:rgb(29, 29, 29); font-size:12px;}
.join_form_wrap .join_info_input {box-sizing:border-box; width:100%;}
.join_info_box {box-sizing:border-box; position:relative; width:100%; height:50px; margin-bottom:24px}
.join_info_box:after {display:block; clear:both; content:"";}
@media screen and (max-width:800px) {
	.join_sub_title {float:left; width:82px; height:50px; font-size:12px; font-weight:bold;}
	.join_sub_title .sub_title_txt {position:relative; top:18px}
	.join_sub_title .sub_title_star {position:relative; top:18px; color:#ff6600}
	.join_info_input .join_info_box ._input_box {float:left; position:relative; width:calc(100% - 82px); height:50px}
}
@media screen and (min-width:801px) {
	.join_sub_title {float:left; width:120px; height:50px; font-size:16px; font-weight:bold;}
	.join_sub_title .sub_title_txt {position:relative; top:14px}
	.join_sub_title .sub_title_star {position:relative; top:14px; color:#ff6600}
	.join_info_input .join_info_box ._input_box {float:left; position:relative; width:calc(100% - 120px); height:50px}
}
.join_info_input .join_info_box ._input_box input {box-sizing:border-box;}
.join_info_input .join_info_box .inputer_class {box-sizing:border-box; width:100%; height:100%;}
.join_info_input .join_info_box .cnfmBox {box-sizing:border-box; position:absolute; bottom:-24px; left:4px; width:100%; height:20px; font-size:13px;}
.join_info_input .join_info_box .cnfmBox div {position:relative; left:120px; width:calc(100% - 120px);}

.join_form_wrap .btn_join {box-sizing:border-box; padding:20px; width:100%; text-align:center; font-weight:bold; color:#fff; background-color:var(--themeColor02);}
.join_form_wrap .btn_join:hover {background:var(--themeColorHover02);}

.join_info_box .zip_input_class1{float:left; width:100px; height:50px}
.join_info_box .zip_input_class2{float:left; width:100px; height:50px}

.join_info_box .bir1{width:77px; height:44px}
.join_info_box .bir2{width:77px; height:44px}

.menuBar {margin:34px 0; border-bottom:1px solid rgb(222,222,222);}

.join_agreement_chks{margin-bottom:40px}
/* checkbox */
.join_agreement_chks .chk_all_wrap{font-size:14px}
.join_agreement_chks .chk_cell_wrap{font-size:12px}
.join_agreement_chks .checks{margin-bottom:10px; color:#222; font-weight:bold}
.join_agreement_chks .checks_icon_txt{color:#ff6600}
.join_agreement_chks .info_go {text-decoration:underline; cursor:pointer;}

.join_agreement_chks .checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */
  color: #99a1a7;
  background: url('/image/member/checkbox_on@2x.png') no-repeat left top;
  -webkit-background-size: cover;
  background-size: cover;
  border: none;
  border-radius: 0px;
}

.join_agreement_chks .checks input[type="checkbox"] + label:before {
    /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 24px; /* 체크박스의 너비를 지정 */
    height: 24px; /* 체크박스의 높이를 지정 */
    line-height: 24px; /* 세로정렬을 위해 높이값과 일치 */
    margin: -1px 4px 0 0;
    text-align: center;
    vertical-align: middle;
    background: url('/image/member/checkbox_off@2x.png') no-repeat left top;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    border: none;
    border-radius: 0px;
}

.container_join #show {display:none; position:fixed; top:150px; left:calc(50% - 280px); width:560px; height:500px;}
.container_join #show .close_info_bg {position:absolute; top:0px; right:-28px; width:30px; height:30px; background-color:#000;}
.container_join #show .close_info_box {position:absolute; box-sizing:border-box; border:4px solid #000; top:0px; right:-28px; width:30px; height:30px; background:url(/edutube_img/footer/menu_x.png) no-repeat center center; background-size:40px; cursor:pointer;}
.container_join #show .pop_info_box {box-sizing:border-box; padding:10px; border:2px solid #000; width:100%; height:100%; background-color:#fff; overflow:scroll;}

/********************************* 회원가입 FIN */



/******************************** 로그인 */

.login_container {position:relative; width:100%; background-color:#f0f3fa; font-family:'Noto Sans KR',sans-serif;}
.login_container .login_title {padding:50px 0; width:100%; text-align:center;}
.login_container .login_content{position:relative; width:100%; max-width:450px; height:300px; margin:0 auto; padding-bottom:100px;}
.login_container .login_content .login_center_box {box-sizing:border-box; position:relative; padding:0 10px; width:100%; height:100%;}
.login_container .login_content .login_center_box .input_box {box-sizing:border-box; display:block; position:relative; margin:0 auto 10px auto; width:100%; border:1px solid #ccc;}
.login_container .login_content .login_center_box #log_id, .login_container .login_content .login_center_box #log_pw {padding:16px;}
.login_container .login_content .login_center_box .input_btn {box-sizing:border-box; padding:10px; text-align:center; color:#fff; background-color:var(--themeColor02); cursor:pointer;}
.login_container .login_content .login_center_box .input_btn:hover {background-color:var(--themeColorHover02);}
.login_container .login_content .login_center_box .find_box {position:relative; width:100%; height:30px;}
.login_container .login_content .login_center_box .find_box span {position:absolute; right:0px; font-size:14px; color:#979797; cursor:pointer;}
.login_container .login_content .login_center_box .join_box {position:relative; margin-top:40px; width:100%; height:30px; font-size:16px; text-align:center;}
.login_container .login_content .login_center_box .join_box span {display:inline-block; color:#ff6600;}

.login_container .login_content2 .login_center_box .alreaylogin {text-align:center; line-height:300px;}
/******************************** 로그인 FIN */



/********************************* 기본페이지 */
.body {padding:20px 0; width:100%;}
.body .wrap {margin:0 auto; width:100%; max-width:1400px;}
.body .wrap:after {display:block; clear:both; content:"";}

/** 왼쪽 사이드메뉴 **/
.body .wrap .leftMenu {display:none; border-radius:10px; background-color:#fff; box-shadow:2px 2px 20px 0 rgba(0,0,0,0.1); overflow:hidden;}
.body .wrap .leftMenu .menuTitle {display:table; width:100%; height:100px;}
.body .wrap .leftMenu .menuTitle .titleCell {display:table-cell; text-align:center; font-size:18px; font-weight:bold; vertical-align:middle;}
.body .wrap .leftMenu .menuUnderbar {margin:0 auto 30px; width:100px; height:4px; background-color:#eee; border-radius:4px;}
.body .wrap .leftMenu ul {width:100%;}
.body .wrap .leftMenu ul li {width:100%;}
.body .wrap .leftMenu ul li:hover {background-color:#f7f7f7;}
.body .wrap .leftMenu ul li.active {color:#fff; background-color:var(--themeColor01);}
.body .wrap .leftMenu ul li a {display:block; padding:12px 10px; width:100%; height:100%;}
.body .wrap .leftMenu ul li a .icon {display:none; margin-right:6px; width:22px; height:22px; vertical-align:middle;}
.body .wrap .leftMenu ul li.active a .icon {background:url('/image/icon/sub_left_bg.png') no-repeat center;}
.body .wrap .leftMenu ul li a .txt {display:inline-block; vertical-align:middle;}

/** 오른쪽 내용물 **/
.body .wrap .content {width:100%;}
.body .wrap .content .paragraph {margin-bottom:20px; background-color:#fff;}
.body .wrap .content .titleLine {display:none; margin-bottom:40px; width:100%; border-bottom:1px solid #000;}
.body .wrap .content .titleLine:after {display:block; clear:both; content:"";}
.body .wrap .content .titleLine .title {float:left; font-size:34px;}
.body .wrap .content .titleLine .nav {float:right; height:47px; line-height:57px; text-align:right; font-size:14px;}
.body .wrap .content .titleLine .nav a {padding:2px;}
.body .wrap .content .titleLine .nav a:hover {background-color:#eee;}

.body .searchBox {display:inline-block;}
.body .searchBox .searchSel {float:left; margin-right:2px; width:80px; height:30px; border:1px solid #eee; border-radius:4px;}
.body .searchBox .searchTxt {float:left; margin-right:2px; height:30px; border:1px solid #eee; border-radius:4px;}
.body .searchBox .searchBtn {float:left; padding:5px; width:80px; height:30px; text-align:center; font-size:14px; background-color:#eee; border:1px solid #eee; border-radius:4px; cursor:pointer; transition:background 0.2s;}
.body .searchBox .searchBtn:hover {background-color:rgba(0,0,0,0.2);}


@media screen and (max-width:600px) {
    .body .wrap .leftMenu {display:none; width:100%;}
    .body .wrap .content {width:100%;}
    .body .searchBox {width:100%;}
    .body .searchBox .searchTxt {width:calc(100% - 164px); max-width:240px;}
}
@media screen and (min-width:601px) and (max-width:1200px) {
    .body .wrap .leftMenu {display:none; width:100%;}
    .body .wrap .content {padding:20px; width:100%;}
    .body .searchBox {width:100%;}
    .body .searchBox .searchTxt {width:calc(100% - 164px); max-width:240px;}
}
@media screen and (min-width:1201px) {
    .body .wrap .leftMenu {float:left; width:240px;}
    .body .wrap .content {float:right; width:100%;}
    .body .searchBox .searchTxt {width:240px;}
}


/** 상단 네비게이션 **/
.body .subNav {padding:10px; width:100%;}
.body .subNav ul {width:100%;}
.body .subNav ul li {display:inline-block; padding:10px; min-width:100px; text-align:center; background-color:#eee; border-radius:10px; cursor:pointer; transition:all 0.2s;}
.body .subNav ul li:hover {background-color:#ccc;}
.body .subNav ul li.active {color:#eee; background-color:#222;}


.body .subTitle {padding:0 20px; font-size:22px;}
.body .subTitle .icon {display:inline-block; margin-right:4px; width:50px; height:30px; vertical-align:middle;}

/** 테이블형식 **/
.body .listtable {padding:20px; width:100%; border-radius:10px;}
.body .listtable > ul {width:100%;}
.body .listtable > ul > li {display:table; width:100%; font-size:14px;}
.body .listtable > ul > li.tit {text-align:left; border-bottom:1px solid #222;}
.body .listtable > ul > li.con {text-align:right; border-bottom:1px solid #eee;}
.body .listtable > ul > li.con:hover {background-color:#eee;}
.body .listtable > ul > li:last-child {border-bottom:none;}
.body .listtable > ul > li > span {display:table-cell; padding:14px 4px; vertical-align:middle;}
.body .listtable > ul > li > span a:hover {color:var(--themeColorHover02);}

.body .listtable > ul > li > span.left {text-align:left;}
.body .listtable > ul > li > span.center {text-align:center;}
.body .listtable > ul > li > span.right {text-align:right;}

/** 테이블형식 **/
.body .imgtable {padding:20px; width:100%; border-radius:10px;}
.body .imgtable > ul {margin:0 auto; width:100%; max-width:740px;}
.body .imgtable > ul:after {display:block; clear:both; content:"";}
.body .imgtable > ul > li {float:left; margin-bottom:10px; width:33.33%; height:246px; font-size:14px; border-radius:10px;}
.body .imgtable > ul > li.con {text-align:left;}
.body .imgtable > ul > li.con:hover {background-color:#eee;}
.body .imgtable > ul > li:last-child {border-bottom:none;}
.body .imgtable > ul > li > span {display:block; padding:6px; width:100%;}
.body .imgtable > ul > li > span .imgBox {width:100%; height:160px; border-radius:6px;}
.body .imgtable > ul > li > span a:hover {color:var(--themeColorHover02);}

/** 상세정보 테이블 **/
.body .infotable {padding:20px; width:100%; border-radius:10px;}
.body .infotable > ul {width:100%;}
.body .infotable > ul > li {display:table; width:100%; font-size:14px; border-bottom:1px solid #eee;}
.body .infotable > ul > li:first-child {border-top:1px solid #eee;}
.body .infotable > ul > li .tit {display:table-cell; padding:14px 6px; background-color:#f7f7f7; border-right:1px solid #eee; vertical-align:middle;}
.body .infotable > ul > li .con {display:table-cell; padding:14px 6px; vertical-align:middle;}
.body .infotable > ul > li .con a:hover {color:var(--themeColorHover02);}

.body .navBox {width:100%;}
.body .navBox:after {display:block; clear:both; content:"";}
.body .navBox .navBtn {margin-right:4px; padding:4px; min-width:80px; text-align:center; background-color:#eee; border-radius:4px; transition:background 0.2s;}
.body .navBox .navBtn:hover {background-color:rgba(0,0,0,0.2);}
.body .navBox .navPrev {float:left;}
.body .navBox .navNext {float:left;}
.body .navBox .navList {float:right;}

@media screen and (max-width:600px) {
    .body .subTitle {padding:0 10px;}
	.body .listtable {padding:10px;}
	.body .imgtable {padding:10px;}
	.body .infotable {padding:10px;}
}

/** 페이징버튼 **/
ul.pagingBox {box-sizing:border-box; padding:0 0 20px; text-align:center;}
ul.pagingBox li {box-sizing:border-box; display:inline-block; margin:2px; font-size:14px; color:#fff; background-color:rgba(0,0,0,0.1); border-radius:10px; cursor:pointer; transition:all 0.2s;}
ul.pagingBox li:hover {background-color:rgba(0,0,0,0.2);}
ul.pagingBox li.on {color:#fff; background-color:rgba(0,0,0,1.0);}
ul.pagingBox li.on:hover {background-color:rgba(0,0,0,0.8);}

@media screen and (min-width:1001px) {
	ul.pagingBox li {padding:4px 8px; min-width:28px;}
}
@media screen and (max-width:1000px) {
	ul.pagingBox li {padding:2px 8px; min-width:20px;}
}
/********************************* 기본페이지 */




/** 20200723 팝업페이지 **/
#event_div {width:100%; margin:0; padding:0; text-align:center;}
#event_div .img_div {width:1000px; margin:0 auto;}
#event_div .img_div ul {width:100%;}
#event_div .img_div li {padding:0; margin:0; line-height:0;}

.floor_main_str .tmp_popup_div {width:470px; height:620px; position:absolute; z-index:999999; top:10px; left:20px; border:2px solid #CCC; background-color:#fff;}
.floor_main_str .tmp_popup_div .popup_area {width:100%; height:100%; position:relative;}
.floor_main_str .tmp_popup_div .popup_area .bottom_div {width:100%; padding:4px 0; position:relative;}

.floor_main_str .tmp_popup_div .popup_area .popup_close_top {width:26px; height:26px; background:url("/edutube_img/footer/menu_x.png") no-repeat center center; background-size:cover; color:#fff; position:absolute; right:0px; top:0px; font-size:26px; font-weight:600; letter-spacing:-0.05em; cursor:pointer;}
.floor_main_str .tmp_popup_div .popup_area .bottom_div .popup_close {padding:5px 15px; background-color:#cf1c1c; color:#fff; position:absolute; right:10px; font-size:12px; font-weight:600; letter-spacing:-0.05em; cursor:pointer;}
.floor_main_str .tmp_popup_div .popup_area .bottom_div .popup_text {position:absolute; top:8px; right:75px; font-size:12px; font-weight:600; letter-spacing:-0.05em; cursor:pointer;}
.floor_main_str .tmp_popup_div .popup_area .bottom_div .popup_text input {vertical-align:middle; cursor:pointer;}
/** 20200723 팝업페이지 FIN **/



/** 푸터페이지 footer_ver.1.1 **/
.footer_box {padding-bottom:200px; width:100%; z-index:0; font-size:14px; font-weight:300; background-color:#141f33; color:#8ba9cb;}
.footer_box .footer_box1100 {position:relative; margin:0 auto; width:100%; max-width:1100px; padding-top:34px; margin:0 auto;}
.footer_box .footer_box1100:after {display:block; clear:both; content:"";}
.footer_box .footer_box1100 > div {box-sizing:border-box; padding:10px;}

@media screen and (max-width:1100px) {
	.footer_box .footer_box1100 > .memberBox {float:left; margin-bottom:20px; width:100%; max-width:690px;}
	.footer_box .footer_box1100 > .customerBox {float:left; margin-bottom:20px; width:100%; max-width:410px;}
	.footer_box .footer_box1100 > .companyBox {float:left; margin-bottom:20px; width:100%; max-width:690px;}
	.footer_box .footer_box1100 > .copyright {float:left; padding-top:30px; width:100%; text-align:center; border-top:1px solid #8ba9cb;}
}
@media screen and (min-width:1101px) {
	.footer_box .footer_box1100 > .memberBox {float:left; margin-bottom:20px; width:100%; max-width:690px;}
	.footer_box .footer_box1100 > .customerBox {float:right; margin-bottom:20px; width:100%; max-width:410px;}
	.footer_box .footer_box1100 > .companyBox {float:left; margin-bottom:20px; width:100%; max-width:690px;}
	.footer_box .footer_box1100 > .copyright {float:left; padding-top:30px; width:100%; text-align:center; border-top:1px solid #8ba9cb;}
}
/** 푸터페이지 footer_ver.1_1 FIN **/



.clear_box {display:block; content:''; clear:both;}

/* 아이디/비밀번호 찾기 레이어 (base.html find_idpw.html — 1.0에서 누락됐던 규칙 복구) */
._layer {display:none; position:fixed; z-index:520; border-radius:4px; box-shadow:0 2px 8px rgba(0, 0, 0, .33); min-width:414px; width:25%; left:47%; top:50%; margin-left:-180px; margin-top:-240px; font-family:'Noto Sans KR',sans-serif; overflow:hidden;}
._dimm {display:none; position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:510;}
.modal-wrapper{margin:0; padding:0}
.modal-container {position:relative; top:0; margin:0 auto; background-color:#fff;}
.btn_close_layer {position:absolute; display:block; top:16px; right:12px; width:30px; height:30px; text-align:center; padding-top:4px;}
.btn_close_layer img {width:23px; height:23px;}
.modal-header {border-top-left-radius: 4px; border-top-right-radius: 4px; margin-top: 0; color: #fff; background: #1d1d1d; font-size: 20px; line-height: 64px; text-align: center; }
.modal-header h3 {height:64px; margin:0;}
.clfix {width:100%; padding:0}
#findIdPwdTabs {height:50px; line-height:45px; text-align:center; background:#1d1d1d;}
#findIdPwdTabs li {box-sizing:border-box; float:left; width:50%;}
#findIdPwdTabs li a {display:block; width:100%; height:100%; border-bottom:3px solid #fff;}
#findIdPwdTabs li .on span {border-bottom:3px solid #fff; font-weight:bold;}
#findIdPwdTabs li span {display:inline-block; box-sizing:border-box; height:100%; margin-top:-3px; font-size:15px; color:#fff; }
#findIdFormViewWrap, #findPwdFormViewWrap {padding:0 14px; height:330px;}
#findIdPwdDialogDiv_id,
#findIdPwdDialogDiv_pw {width:360px; margin-left:-180px; margin-top:-201px;}