@import url("https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css");
@import url("https://hangeul.pstatic.net/hangeul_static/css/nanum-gothic.css");    
/* Reset */

	html, body, div, ul, li, p, span, img, a, h1, label, input, form { padding:0px; margin:0px;font-family: 'NanumSquare', sans-serif;}
	html, body, img, a, form {border:0px; text-decoration:none;}
	ul, li {list-style-type:none}
	html, body {width:100%; height:100%;  }

	area:focus{
	  border: none;
	  outline:none;
	  outline-style: none;
	  -moz-outline-style:none; 
	}
	img,
	img a {
	 outline: none !important;
	 border: none !important;
	}
	.hub_m_wrap{float:left; width:92%; padding:4% 4% 7% 4%; text-align:center; background:url('/images/hub_m_mainbg.jpg') no-repeat center top #152233; background-size:cover; }

	.hub_m_header {float:left;  width:100%;text-align:center; position:relative; }
	.hub_m_header h1 {float:left; width:23%; text-align:left; margin-bottom:0px; margin-left:2%; margin-top:3%;}
	.hub_m_header h1 img{ width:100%; }
	.hub_m_header .hub_m_login {float:right; width:50%; margin-top:0px; margin-right:0px;}
	.hub_m_header .hub_m_login li{float:right; width:32%; margin-top:0px; margin-left:10px;}
	.hub_m_header .hub_m_login li span{float:left; display:inline-block;text-align:center; width:100%; margin-top:0px; margin-left:10px; color:#fff; font-size:1.9em; font-weight:500;font-family: 'NanumSquare', sans-serif;}
    .hub_m_header .hub_m_login li span img {width:29%; display:inline-block; }
	



	.et_m_headerbg {float:left; width:100%; position:absolute; top:0px; left:0px; }
    .et_m_headerbg img {width:100%;display:inline-block; }

	.mcont_01 {float:left; width:100%; padding:0px; margin-top:83%}
	.mcont_01_area {display:inline-block; width:100%;}
	.mcont_01_area a{display:inline-block; width:100%;background:#152233; color:#fff; text-decoration:none; text-align:center; padding:9% 0px;}
	.mcont_01_area a span{display:inline-block; width:100%; text-align:center;font-family: 'NanumSquare', sans-serif;}
	.mcont_01_area a .ct_b{display:inline-block; width:100%; font-weight:600; font-size:2.7em;}
	.mcont_01_area a .ct_s{display:inline-block; width:100%; font-size:2.1em;margin-top:8px; color:#9cefff; font-weight:500;}
	.mcont_01_area a .ct_cb{color:#14caff;}
	.hub_m_c01 {float:left; width:-webkit-calc(49% - 10px);width:-moz-calc(49% - 10px);width:calc(49% - 10px); padding:5px; margin-right:2%; margin-bottom:2%; background: linear-gradient(to right bottom, #39efff, #14b7ee); }
	.hub_m_c02 {float:left; width:-webkit-calc(49% - 10px);width:-moz-calc(49% - 10px);width:calc(49% - 10px); padding:5px; margin-right:0px; margin-bottom:2%; background: linear-gradient(to right bottom, #39efff, #14b7ee); }
	.hub_m_c03 {float:left; width:-webkit-calc(49% - 10px);width:-moz-calc(49% - 10px);width:calc(49% - 10px); padding:5px; margin-right:2%; margin-bottom:2%; background: linear-gradient(to right bottom, #39efff, #14b7ee); }
	.hub_m_c04 {float:left; width:-webkit-calc(49% - 10px);width:-moz-calc(49% - 10px);width:calc(49% - 10px); padding:5px; margin-right:0px; margin-bottom:2%; background: linear-gradient(to right bottom, #39efff, #14b7ee); }
	.hub_m_c05 {float:left; width:-webkit-calc(49% - 10px);width:-moz-calc(49% - 10px);width:calc(49% - 10px); padding:5px; margin-right:0px; margin-bottom:2%; background: linear-gradient(to right bottom, #39efff, #14b7ee); }
	.hub_m_c06 {float:left; width:-webkit-calc(49% - 10px);width:-moz-calc(49% - 10px);width:calc(49% - 10px); padding:5px; margin-right:2%; margin-bottom:2%; background: linear-gradient(to right bottom, #39efff, #14b7ee); }
	.hub_m_c07 {float:left; width:-webkit-calc(49% - 10px);width:-moz-calc(49% - 10px);width:calc(49% - 10px); padding:5px; margin-right:0px; margin-bottom:0px; background: linear-gradient(to right bottom, #39efff, #14b7ee); }
	.hub_m_c08 {float:left; width:-webkit-calc(49% - 10px);width:-moz-calc(49% - 10px);width:calc(49% - 10px); padding:5px; margin-right:0px; margin-bottom:0px; background: linear-gradient(to right bottom, #39efff, #14b7ee); }

/*width:calc(100%-30px);*/
	.mcont_02 {float:left; width:100%; background-color:#eaeff2; padding:6% 0px;}
	.mcont_02_area {float:left; background-color:#eaeff2; width:92%; overflow:hidden; padding:0px 4% 0px 4%;}
	.mcont_02_area li {float:left; width:100%; cursor:pointer;}
	.mcont_02_area li.pkg_txt {float:left; width:100%; cursor:none; margin:2% 0px 3.5% 0px}
	.mcont_02_area li img {width:100%;}
	.mcont_02 .bx-pager {float:left; width:100%; text-align:center; margin-top:25px; }
	.mcont_02 .bx-pager .bx-pager-item {display:inline-block; width:30px; }
	.mcont_02 .bx-pager .bx-pager-item  a{display:inline-block; text-indent:-9999px; width:20px; height:20px; border-radius:10px; margin:0 5px; outline:0;}
	.mcont_02 .bx-pager .bx-pager-item .bx-pager-link {background-color:#9aa3a8;}
	.mcont_02 .bx-pager .bx-pager-item .active {background-color:#00a2ec !important;}




	.hub_m_wrap_sub{float:left; width:100%; text-align:center; min-height:86%; }

	.hub_m_header_sub {float:left; width:92%; padding:4% 4% 4% 4%; text-align:center; position:relative;  border-bottom:1px solid #dbdbdb;}
	.hub_m_header_sub h1 {float:left; width:23%; text-align:left; margin-bottom:0px; margin-left:2%; margin-top:3%;}
	.hub_m_header_sub h1 img{ width:100%; }

	.hub_m_header_sub .hub_m_login2 {float:right; width:50%; margin-top:0px; margin-right:0px;}
	.hub_m_header_sub .hub_m_login2 li{float:right; width:32%; margin-top:0px; margin-left:10px;}
	.hub_m_header_sub .hub_m_login2 li span{float:left; display:inline-block;text-align:center; width:100%; margin-top:0px; margin-left:10px; color:#222; font-size:1.9em; font-weight:500;font-family: 'NanumSquare', sans-serif;}
    .hub_m_header_sub .hub_m_login2 li span img {width:29%; display:inline-block; }

	
	.sub_mcont_01 {float:left; width:90%; padding:5% 5% 10% 5%; background:#f0f0f0}
	.sub_mcont_01_area {display:inline-block; width:100%; color:#222;}
    
	.sub_intro_tit {float:left; width:100%; text-align:left; font-size:4em; font-weight:800; margin-top:3%;}
	.sub_intro_tits {float:left; width:100%; text-align:left; font-size:2em; line-height:1.5em; font-weight:500; margin-top:3%;}
    .sub_intro_img {float:left; width:100%; margin-top:5%;}
    .sub_intro_img li{float:left; width:96%; margin-left:2%; margin-bottom:5%}
    .sub_intro_img li img{width:100%;}

	.footer_area {float:left; width:100%;  background-color:#fff; padding:3% 0px 2% 0px;font-family: 'NanumSquare', sans-serif;}
	.footer_area .footer {float:left; width:100%; }
	.footer_area .list_corp {float:left; width:90%; padding:0px 5% 3% 5%; text-align:center;  border-bottom:1px solid #ddd; }
	.footer_area .list_corp li{display:inline-block;  border-right:1px solid #6a6a6a; padding-left:50px; padding-right:50px; text-align:center;}
    .footer_area .list_corp li a{color:#121106; font-size:2.15em; font-weight:600;font-family: 'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;}
	.footer_area .footer_num {float:left; width:84%; padding-left:8%;  text-align:center; margin-top:3%; color:#444;}
	.footer_area .footer_com_name {display:inline-block;font-size:2.2em; font-weight:600; margin-right:8px;}
	.footer_area .footer_com_num {display:inline-block; font-size:2.8em;  font-weight:800;}
	.footer_area .footer_copy {float:left; width:100%; color:#a7a7a7; text-align:center; clear:both; padding-top:2.3%;font-size:1.5em; letter-spacing:0.05em;}
	
	.footer_area_sub {float:left; width:100%;  background-color:#f6f6f6; padding:3% 0px 2% 0px;font-family: 'NanumSquare', sans-serif;}
	.footer_area_sub .footer {float:left; width:100%; }
	.footer_area_sub .list_corp {float:left; width:90%; padding:0px 5% 3% 5%; text-align:center;  border-bottom:1px solid #ddd; }
	.footer_area_sub .list_corp li{display:inline-block;  border-right:1px solid #6a6a6a; padding-left:50px; padding-right:50px; text-align:center;}
    .footer_area_sub .list_corp li a{color:#121106; font-size:2.15em; font-weight:600;font-family: 'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;}
	.footer_area_sub .footer_num {float:left; width:84%; padding-left:8%;  text-align:center; margin-top:3%; color:#444;}
	.footer_area_sub .footer_com_name {display:inline-block;font-size:2.2em; font-weight:600; margin-right:8px;}
	.footer_area_sub .footer_com_num {display:inline-block; font-size:2.8em;  font-weight:800;}
	.footer_area_sub .footer_copy {float:left; width:100%; color:#a7a7a7; text-align:center; clear:both; padding-top:2.3%;font-size:1.5em; letter-spacing:0.05em;}



	.mcont_02 .swiper-pagination-bullet {width:20px; height:20px;}
	.mcont_02 .swiper-pagination-bullet-active {background-color:#00a2ec !important;width:20px; height:20px;}




/* 메인 CSS _25년 리뉴얼 */


.ccf25_main_wrap {float:left; width:100%; height:210vw; background:url('/img/new/ccf25_main_mo_bg.jpg') no-repeat center top #ebf5fe; background-size: 100%;}
.ccf25_main_tit {float:left; width:100%;text-align:center; margin-top:7vw  }
.ccf25_main_tit img  {display:inline-block; width:100%; }
.ccf25_main_btn {float:left; margin-top:5vw; width:100%; height:13vw; clear: both; text-align: center;}
a.ccf25_appbtn01 {display:inline-block; width:70vw; line-height:13vw; height:13vw; text-align:center; color:#fff; background: #ff8447; border-radius:7vw; 
	font-size:4.2vw; font-weight: 800;box-shadow:0px 3px 7px rgba(255,132,71,0.35);}
a.ccf25_appbtn02 {display:inline-block; width:70vw; line-height:13vw; height:13vw; text-align:center; color:#fff; background: #00b78e; border-radius:7vw;  margin-top:2vw;
	font-size:4.2vw; font-weight: 800;box-shadow:0px 3px 7px rgba(0,145,203,0.2);}
.ccf25_main_box {float:left; position:absolute; left:0px; top:119vw; box-sizing: border-box; padding: 2vw 2vw; width:90%;height:77vw; margin:0px 5%;  border-radius:3vw; background: #4083ff;box-shadow:0px 3px 10px rgba(0,126,255,0.38); z-index:2;}


.ccf25_main_al {float:left; width:100%;  }
.ccf25_main_al li {float:left; width:100%; margin-top: 4vw; border-bottom:1px solid #7aa8ff; padding-bottom:4vw; }
.ccf25_main_al li:last-child {border-bottom:0px}
.ccf25_main_al_text {float:left; display:inline-block; padding-right:5vw; background:url('/img/new/ccf25_main_mo_icon05.png') no-repeat right 50%; background-size: 4vw;  margin-bottom:3vw; padding-left:3vw;  height:5vw; line-height: 5vw; color:#fff; font-size:4vw; font-weight:600;text-align: left;}
.ccf25_main_al_date {float:left; display:inline-block;clear: both; padding-left: 8vw; box-sizing: border-box; width:96%; margin-left: 2%; height:8vw; line-height: 8vw; border-radius:8vw; background:url('/img/new/ccf25_main_mo_icon06.png') no-repeat 10px 50% #fff; color:#1062f7; font-size:4vw; font-weight:600; text-align: left;background-size: 4vw; }

.ccf25_main_iconbtn {float:left;  width:96%; margin-left:2%; margin-top:2vw }
.ccf25_main_iconbtn li {float:left; width:19vw; height:20vw; margin-right:2vw; background: #3173ec; border-radius: 2.5vw;}
.ccf25_main_iconbtn li:last-child {margin-right:0px;}
.ccf25_main_icon01 {float:left; width:100%; height:7vw; padding-top:13vw; color:#fff; font-size:3.6vw; font-weight:600; text-align: center; display:inline-block; background:url('/img/new/ccf25_main_mo_icon01.png') no-repeat 48% 2vw;background-size: 12vw;}
.ccf25_main_icon02 {float:left; width:100%; height:7vw; padding-top:13vw; color:#fff; font-size:3.6vw; font-weight:600; text-align: center; display:inline-block; background:url('/img/new/ccf25_main_mo_icon02.png') no-repeat 50% 2vw;background-size: 12vw;}
.ccf25_main_icon03 {float:left; width:100%; height:7vw; padding-top:13vw; color:#fff; font-size:3.6vw; font-weight:600; text-align: center; display:inline-block; background:url('/img/new/ccf25_main_mo_icon03.png') no-repeat 50% 2vw;background-size: 12vw;}
.ccf25_main_icon04 {float:left; width:100%; height:7vw; padding-top:13vw; color:#fff; font-size:3.6vw; font-weight:600; text-align: center; display:inline-block; background:url('/img/new/ccf25_main_mo_icon04.png') no-repeat 50% 2vw;background-size: 12vw;  letter-spacing: -0.2vw;}



/* 서브 -------------------------------------------------------------------------------------------------------------*/
.hub_subwrap_join {float:left; width:100%; text-align:center;  }

.sub_header {float:left; width:100%; height:102px; background-color:#fff; border-bottom:1px solid #dbdbdb;font-family: 'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;text-align:center;}
 .hub_sub_logo {display:inline-block; width:1240px; height:79px;}
 .hub_sub_logo h1 {float:left; width:137px; height:47px; text-align:left; margin-top:32px;}
 .hub_sub_login {float:right; margin-top:38px; height:47px }
 .hub_sub_login li{float:left; text-align:right; padding-left:19px;}
 .hub_sub_login li a{display:inline-block; color:#292929; font-size:14.5px; font-family: 'NanumSquare', sans-serif; line-height:17px;}
 .hub_sub_login li a:hover{display:inline-block; color:#4fcbff;}
 .hub_sub_login li.icon_login{background:url('../images/hub_icon_login.png') no-repeat 0px 0px;}
 .hub_sub_login li.icon_join{background:url('/images/hub_icon_join.png') no-repeat 0px 1px;}

 
 .area_login {display:inline-block; width:100%; padding:12% 0px 9% 0px;}
 .box_login {float:left; width:100%; padding:28px 0px 80px 0px; background-color:#fff}
 .title_login {float:left; width:100%;  text-align:left; color:#222222;}
 .title_login .tj_b{float:left; width:100%;text-align:center; font-size:3em; font-weight:700;font-family: 'NanumSquare', sans-serif; line-height:33px; margin-bottom:35px; letter-spacing:1.5px;}
 .title_login .tj_s{float:left; width:100%;text-align:center; font-size:2.15em; font-family: 'NanumSquare', sans-serif; line-height:1.6em; margin-bottom:50px; }
 .area_login .login_btn{float:left; width:70%; margin-top:0px;  margin-left:15%;}
 .area_login .login_btn .btn_login {display:inline-block;text-align:center;font-size:1.8em;letter-spacing:0.2em; font-weight:600; color:#fff; width:calc(100% - 2px); height:75px; line-height:75px; border:1px solid #159ad1; background-color:#32b7ed;cursor:pointer;}
 .area_login .login_btn .btn_login:hover { background-color:#1ca8e1;}
 .login_input {float:left; width:70%; margin-left:15%; }
 .login_input input {float:left; width:calc(90% - 2px); border:1px solid #aeaeb2; padding:0px 5%; height:70px; line-height:70px; margin-bottom:15px; color:#222; font-size:1.6em;  background-color:#fff !important;}
 .login_input input#userPass {font-family:돋움, Dotum, Helvetica, "Apple SD Gothic Neo";}

 .area_login .login_txt{float:left; width:70%; margin-top:3%;  margin-left:15%;}
 .area_login .login_txt a.afidpw {float:left; color:#222; display:inline-block; width:300px; margin-top:0px; text-align:left; font-size:1.5em;}
 .area_login .login_txt a.aje {float:right;  color:#222; display:inline-block;width:200px; margin-top:0px; text-align:right; font-size:1.5em;}

 .search_selt {float:left; width:55%; padding-left:15%; margin-left:15%; margin-top:5%; margin-bottom:4%;}
 .search_selt p{float:left; width:40%;}
 .search_selt p input{float:left; width:20px; height:20px; margin-right:10px;}
 .search_selt p span{float:left;display:inline-block; width:calc(100% - 30px); font-size:1.6em;font-weight:500; text-align:left;}
 
 /* 로그인비번찾기*/
 .box_login .myp_tap {float:left; width:70%; margin-left:15%; margin-bottom:26px}
 .box_login .myp_tap li {float:left; margin-right:8px; text-align:center; border-radius:5px; width:49%; height:80px; line-height:80px; font-size:1.4em; color:#858585; font-weight:600; border:1px solid #cdcdcd; background-color:#fff;}
 .box_login .myp_tap li:nth-child(2) {margin-right:0px; }
 .box_login .myp_tap li.tap_on {float:left;box-shadow: 2px 3px 4px #c7e0eb; width:49%; height:80px; line-height:80px; font-size:2.3em; color:#fff; font-weight:600; border:1px solid #38aad8; background-color:#28c1ff;} 
 .box_login .myp_tap li a{display:block; width:100%; height:80px; line-height:80px; font-size:1.5em; color:#858585; font-weight:600; } 
 .box_login .myp_tap li.tap_on a{display:block; width:100%; height:80px; line-height:80px; font-size::1em; color:#fff; font-weight:600; } 


/* 상세보기 2개*/
 .myp_tap {float:left;width:100%;  margin-bottom:26px}
 .myp_tap li {float:left; margin-right:8px; text-align:center; border-radius:5px; width:49%; height:80px; line-height:80px; font-size:1.6em; color:#858585; font-weight:600; border:1px solid #cdcdcd; background-color:#fff;}
 .myp_tap li:nth-child(2) {margin-right:0px; }
 .myp_tap li.tap_on {float:left;box-shadow: 2px 3px 4px #c7e0eb; width:49%; height:80px; line-height:80px; font-size:2.6em; color:#fff; font-weight:600; border:1px solid #38aad8; background-color:#28c1ff;} 
 .myp_tap li a{display:block; width:100%; height:80px; line-height:80px; font-size:1.5em; color:#858585; font-weight:600; } 
 .myp_tap li.tap_on a{display:block; width:100%; height:80px; line-height:80px; font-size::1.15em; color:#fff; font-weight:600; } 
 /* 상세보기 4개*/
 .myp_tap4 {float:left;width:100%;  margin-bottom:26px}
 .myp_tap4 li {float:left; margin-right:5px; text-align:center; border-radius:5px; width:245px; height:56px; line-height:56px; font-size:19px; color:#858585; font-weight:600; border:1px solid #cdcdcd; background-color:#fff;}
 .myp_tap4 li:nth-child(4) {margin-right:0px; }
 .myp_tap4 li:nth-child(2) {margin-right:6px; }
 .myp_tap4 li:nth-child(1) {margin-right:6px; }
 .myp_tap4 li.tap_on {float:left;box-shadow: 2px 3px 4px #c7e0eb; width:245px; height:56px; line-height:80px; font-size:20px; color:#fff; font-weight:600; border:1px solid #38aad8; background-color:#28c1ff;} 
 .myp_tap4 li a{display:block; width:245px; height:56px; line-height:80px; font-size:19px; color:#858585; font-weight:600; } 
 .myp_tap4 li.tap_on a{display:block; width:245px; height:56px; line-height:80px; font-size:20px; color:#fff; font-weight:600; } 
 


.hub_join_warp {float:left; width:92%; padding:0px 4%;}
.area_join {float:left; width:100%; padding:7% 0px 80px 0px;  }
 .title_join {float:left; width:100%;  text-align:left; color:#222222;margin-bottom:5%;}
 .tj_b{float:left; width:99%; padding-left:1%;text-align:left; font-size:2.5em; font-weight:700;font-family: 'NanumSquare', sans-serif; line-height:33px; margin-bottom:2%; letter-spacing:1.5px;}
 .tj_s{float:left; width:100%; padding-left:1%;text-align:left; font-size:1.6em; font-family: 'NanumSquare', sans-serif; line-height:1.3em;letter-spacing:-0.5px;}
 
 .box_join {float:left; width:94%; padding:0.5% 3% 0 3%; background-color:#fff;}
 .join_step {float:left; margin-bottom:40px;/*step3개일경우 margin-left:200px; */ /*step4개일경우>*/margin-left:9%;}
 .join_step li{float:left;}
 .join_stepbox {width:120px; height:120px; border-radius:120px; background-color:#fff; color:#575757; border:1px solid #d3d2d2;}
 .sb_color {background-color:#00a8ee; color:#fff; border:1px solid #00a8ee;}
 .step_tb {float:left; font-weight:700; font-size:17px; width:100%;line-height:22px; margin-top:15px; letter-spacing:-0.5px;}
 .step_ts {float:left; font-weight:600; font-size:17px; width:100%; margin-top:20px;}

 .join_steparrow {width:17px; height:31px; margin:44px 17px 0px 23px; background:url('/images/prog_arrow.png') no-repeat 0px 0px;}
 
 .all_bs {float:left; width:100%; margin-left:0%;text-align:center; margin-bottom:49px;}
 .all_bs img{ width:100%;}
 .all_bs2 {float:left; width:100%; margin-left:0%;text-align:center; margin-top:35px; margin-bottom:15px;}
 .all_bs2 img{ width:100%;}



 .agree_box {float:left; width:95%; margin-left:3%; text-align:left;}
 .agree_inputbox {float:left; width:25px;  height:25px;  margin-right:10px; margin-top:0.4%; position:relative;}
 input.agree_input {float:left; width:25px; height:25px; border:0px; background:none;  background-color:none; margin-top:0.2%}
 html .agree_input input.agree_input {float:left; width:25px; height:25px; border:0px; background:none;  background-color:none;  margin-top:0.2%}
 .agree_text01 {float:left; text-align:left; font-size:1.4em; font-weight:600; margin-top:2px;}
 .agree_text02 {float:left; text-align:left; font-size:1.4em; font-weight:600; margin-top:4px; width:calc(100% - 35px)}
 .agree_text02 span {float:left; margin-top:10px;color:#00a5e9;font-size:0.8em; }
 .icon_ch_on { position:absolute; top:0px; left:0px; display:inline-block;width:25px; height:25px; background:url('../images/input_check.png') no-repeat 0px 0px;cursor:pointer;}
 .icon_ch_off {position:absolute; top:0px; left:0px; display:inline-block;width:25px; height:25px; background:url('../images/input_check.png') no-repeat -30px 0px;cursor:pointer;}
 .dotline {float:left; width:100%; border-top:1px dotted #bebebe; margin-top:35px;}
 .agree_txtarea { text-align:left;float:left; width:100%;  }
 .at_t {float:left; width:100%; font-size:1.8em;font-weight:700;font-family: 'NanumSquare', sans-serif; margin-bottom:15px; margin-top:50px; letter-spacing:1.5px;}
 .at_ts {float:left; width:100%;font-size:1.6em; margin-top:0px;font-weight:400;font-family: 'NanumSquare', sans-serif; margin-bottom:15px;  letter-spacing:-0.5px;}
 textarea.agree_cont {float:left; border:0px;font-size:1.4em; width:94%; height:180px; overflow-y:scroll; padding:3%; background-color:#f5f5f5; margin-bottom:20px;line-height:25px;}
 .idc {float:left;  text-align:center;border:0px;font-size:1.4em; width:94%;  padding:3% 3% 5% 3%; background-color:#f5f5f5; margin-bottom:20px}
 .idc_box {float:left; text-align:left; width:505px; margin-left:137px; margin-bottom:5px; clear:both;}
 .idc_title {float:left; width:75px; font-size:1.6em;font-weight:500; height:37px; line-height:37px; }
 .idc_form {float:left; width:430px; font-size:1.6em;font-weight:500; height:37px; }
 .idc_form input {float:left; border:1px solid #d5d5d5; height:35px; line-height:35px; font-size:1.6em;font-weight:500;  text-align:left; background-color:#fff;}
 .idc_form span {float:left;  width:14px; height:35px; line-height:35px; text-align:center;}
 .idc_form input.idc_name { width:426px; border:1px solid #d5d5d5; }
 .idc_form input.idc_pnum { width:132px; border:1px solid #d5d5d5; }
 .idc_form select {float:left;  width:132px; height:35px; line-height:35px; border:1px solid #d5d5d5;  text-align:left; background-color:#fff;}

 .userinfo_table {float:left; width:100%; text-align:left;}
 table.hub_join_table {float:left;width:100%; border-top:2px solid #d3d2d2; border-bottom:2px solid #d3d2d2; text-align:left;}
 table.hub_join_table th { padding:20px 0px 20px 5%; min-height:46px; width:30%; background-color:#f5f5f5;border-right:1px solid #d3d2d2; border-bottom:1px solid #d3d2d2;font-size:1.6em;font-weight:600; font-family: 'NanumSquare', sans-serif;}
 table.hub_join_table td { padding:20px 0px 20px 5%; min-height:46px; background-color:#fff;border-bottom:1px solid #d3d2d2;font-size:1.6em;font-family: 'NanumSquare', sans-serif;}
 table.hub_join_table td input {font-size:1em; border:1px solid #d5d5d5; padding-left:1%; height:44px;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;} 
 table.hub_join_table td input#userPass {font-family:돋움, Dotum, Helvetica, "Apple SD Gothic Neo";}
 .infotxt {float:left; width:100%; margin-top:5px; min-height:20px;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo; }
 .dotst_red {float:left;  display:inline-block; color:red;  margin-right:1vw;}
 .infotxt_text {float:left; width:calc(100% - 20px); display:inline-block; font-size:0.8em; color:#666666; line-height:1.2em;}

 .infotxt2 {float:left; width:100%; margin-top:10px; margin-left:5px; height:13px;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo; }
 .id_sel {float:left; margin-top:25px; width:94%; padding:4% 3%; background-color:#eefaff;}
 .id_sel_t {float:left; width:100%; position:relative;}
 .id_sel_txt1 {float:left; width:100%; font-weight:600; font-size:1.6em; color:#009ada; margin-bottom:7px;}
 .id_sel_txt2 {float:left; width:100%;font-size:1.3em; }
 .id_sel_open {position:absolute; right:0px; top:7px; width:20% }

 .id_sel_t2 {float:left; width:100%;}
 .id_sel_txt3 {float:left; width:100%; margin-top:20px; padding-top:20px; border-top:1px dotted #bebebe;  margin-bottom:10px;}

 table.hub_id_table {float:left;width:100%; border-top:2px solid #d3d2d2; border-bottom:2px solid #d3d2d2; text-align:left;}
 table.hub_id_table th { font-size:1.6em;  padding:20px 0px 20px 5%; min-height:46px; width:30%; background-color:#f5f5f5;border-right:1px solid #d3d2d2; border-bottom:1px solid #d3d2d2;font-size:1.6em;font-weight:600; font-family: 'NanumSquare', sans-serif;}
 table.hub_id_table td { padding:20px 0px 20px 5%; min-height:46px; background-color:#fff;border-bottom:1px solid #d3d2d2;font-size:1.6em;font-family: 'NanumSquare', sans-serif;}
 table.hub_id_table td input {border:1px solid #d5d5d5; padding-left:5px;height:30px;font-family: 돋움, Dotum, Helvetica, Apple SD Gothic Neo, 'NanumSquare', sans-serif; margin-left:0px;  margin-right:7px;} 
 
 table.hub_join_table td p.radioinputarea {float:left; margin-right:20px; padding:0px;}
 table.hub_join_table td .radiotxt {float:left; }
 table.hub_join_table td .radioinp {float:left; margin-left:10px; margin-top:5px}
 table.hub_join_table td .radioinp input{float:left; width:20px; height:20px;}

 table.hub_join_table .btn_ok02 {display:inline-block; margin-left:5px; text-align:center;font-size:0.85em; font-weight:500; color:#fff; width:30%; height:35px; line-height:35px; border:1px solid #369cc6 !important; background-color:#47abd3;}
 table.hub_join_table .btn_ok02:hover { background-color:#36a8d6;}



 .btn_id01 {display:inline-block;margin-top:0px; text-align:center;font-size:1.2em; font-weight:500; color:#fff; width:100%; height:40px; line-height:40px; border:1px solid #159ad1 !important; background-color:#32b7ed;cursor:pointer;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;}
 .btn_id01:hover { background-color:#1ca8e1;}

 .btn_id02 {display:inline-block;margin-top:0px; text-align:center;font-size:14px; padding-left:17px !important; padding-right:17px; font-weight:500; color:#fff; height:30px; line-height:30px; border:1px solid #616769 !important; background-color:#7b8082;cursor:pointer;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;}
 .btn_id02:hover { background-color:#66696b;}

 .btn_ok01 {display:inline-block;margin-top:20px; text-align:center;font-size:1.1em; font-weight:600; color:#fff; width:38%; height:55px; line-height:55px; border:1px solid #159ad1 !important; background-color:#32b7ed;cursor:pointer;}
 .btn_ok01:hover { background-color:#1ca8e1;}

 .btn_ok02 {display:inline-block; margin-left:5px; text-align:center;font-size:13px; font-weight:500; color:#fff; width:90px; height:30px; line-height:30px; border:1px solid #369cc6 !important; background-color:#47abd3;}
 .btn_ok02:hover { background-color:#36a8d6;}

 .btn_ok03 {display:inline-block;text-align:center;font-size:13px; font-weight:500; color:#fff; width:110px; height:30px; line-height:30px; border:1px solid #369cc6 !important; background-color:#47abd3;}
 .btn_ok03:hover { background-color:#36a8d6;}

 .step_btn {float:left; width:100%; margin-top:5%;}
 .btn_pre {display:inline-block; text-align:center;font-size:1.8em; font-weight:600; color:#fff; width:35%; height:65px; line-height:65px; border:1px solid #888888 !important; background-color:#ababab;}
 .btn_pre:hover { background-color:#a3a3a3;}
 .btn_next {display:inline-block; text-align:center;font-size:1.8em; font-weight:600; color:#fff; width:35%; height:65px; line-height:65px; border:1px solid #159ad1 !important; background-color:#32b7ed;}
 .btn_next:hover { background-color:#1ca8e1;}















/* mypage */

.hub_myp_warp {float:left; width:100%; text-align:center;font-size:15px; font-family: 'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo; }
.area_myp {display:inline-block; width:90%; padding:27px 0px 80px 0px; margin:0px auto;text-align:left; }

.wrap_leftmenu{float:left; display: inline-block; width:202px; margin-right:15px; padding:0; vertical-align:top; }
.wrap_contents{float:right; display: inline-block; width:100%; margin:0; padding:0; font-size:10pt;  }
.wrap_leftmenu .leftmenu{border:0;}
.wrap_leftmenu .leftmenu .tit{padding:21px 0; color:rgba(0,0,0,0.4); font-size:12px; text-align:center; border:1px solid #ddd; }
.wrap_leftmenu .leftmenu .tit span{display:block; font-size:22px; color:#333; font-weight:600; line-height:25px; margin-top:5px;}
.wrap_leftmenu .leftmenu .smenu {width:200px !important;}
.wrap_leftmenu .leftmenu .smenu{line-height:45px; background:#fff !important; color:#555; font-size:1.6em; border-bottom:1px solid #ddd;  border-left:1px solid #ddd;border-right:1px solid #ddd;cursor:pointer; }
.wrap_leftmenu .leftmenu .smenu a{padding-left:30px; color:#555;display:block;  text-decoration:none; font-weight:500; letter-spacing:0px;}
.wrap_leftmenu .leftmenu .smenu a:hover, 
.wrap_leftmenu .leftmenu .smenu.active,
.wrap_leftmenu .leftmenu .smenu.active a{color:#009cdb; font-size:1.6em;font-weight:500; letter-spacing:0px;  background:#f6f6f6 !important; }
.leftmenu_cs{float:left; margin-top:0px;  width:160px; padding:20px 20px; background-color:#f8f8f8;  border:1px solid #ddd;  border-top:0px; }
.left_cs_tit{float:left; width:155px; padding-left:2px;  margin-bottom:5px;}
.left_cs_n{float:left; width:160px;font-size:20px; font-weight:600; margin-bottom:3px;}
.left_cs_t{float:left; width:155px; padding-left:2px; font-size:12px;}


.nav{text-align:right; margin-bottom:15px; border-bottom:1px dotted #eee; padding-bottom:15px;  font-size:1.85em;}
.nav li{display:inline-block; margin-left:7px; color:#888;  }
.nav li:before{content:'>'; padding-right:7px; color:#cdcdcd; }
.nav li:first-child:before{content:none; }
.nav li:last-child{color:#009cdb; font-weight:500; }
.content{float:left; display:inline-block; overflow:hidden; width:100%; }

/*table*/
.tb_01{float:left; width:100%; border-top:2px solid #d7d7d7 !important;}
.tb_01 tr:first-child th, .tb_01 tr:first-child td{border-top:1px solid #d7d7d7;}
.tb_01.txt_cen tr:first-child th, .tb_01.txt_cen tr:first-child td{border-top:0;}
.tb_01.txt_lft{border-top:0; }
.tb_01 th{background-color:#f6f6f6; border-bottom:1px solid #d7d7d7; padding:19px 0px 16px 0px;  font-size:2.3em;font-weight:600; color:#222;border-top:1px solid #d7d7d7}
.tb_01 td{border-bottom:1px solid #d7d7d7; padding:19px 0px 14px 0px;  font-size:2.3em;font-weight:500; color:#222;}
.tb_01 th:last-child, .tb_01 td:last-child{border-right:0; }
.tb_01.txt_lft td{padding-left:10px; }

.pagination {float:left;width:100%; text-align:center; margin-top:50px; font-size:1.4em;}
.pagination a {display:inline-block; text-align:center;font-size:1.4em; padding:7px 15px;color:#222;}
.pagination a.active {display:inline-block; text-align:center; font-size:1.4em; font-weight:600;  padding:7px 15px; background-color:#f1f1f1;}

 .iintro_eduinfo {float:left; width:100%; }
 .iintro_eduinfo h3{float:left; width:100%; padding-left:3px; font-size:3em; color:#333; margin-bottom:20px; font-weight:600; margin-top:10px; }
 /*.iintro_eduinfo h3:first-child{margin-top:0; }*/

 .frame_div {float:left; width:100%;  padding:0px; margin:0px;}

 .myinfo_box {float:left;width:99%; border:2px solid #dddddd; margin-bottom:35px;}

 .myinfo_box_l {float:left; width:94%; padding:8% 5% 7% 5%;}
 .l_photo {float:left; margin-left:7%; width:200px; height:200px; border-radius:300px; border:1px solid #f1f1f1; background-color:#f1f1f1; overflow:hidden; text-align:center;}
 .l_photo img{ width:100%;}
 .l_name {float:left;  padding-top:20px; margin-left:13%; width:calc(80% - 205px);}
 .myil_name {float:left; width:100%; font-size:2.8em;font-weight:600; color:#222222; margin-bottom:15px;}
 .myil_id {float:left; width:100%;font-size:2.2em;font-weight:500; color:#333; }
 .allid {color:#009cdb}
 .btn_usermo {float:left; display:inline-block;margin-top:5%; text-align:center;font-size:2.1em; font-weight:600; color:#fff; width:60%; height:57px; line-height:55px; border:1px solid #159ad1!important; background-color:#32b7ed;cursor:pointer;}
 .btn_usermo:hover { background-color:#1ca8e1;}


  .myinfo_box_r {float:left; background-color:#f5f5f5;  width:100%; padding:5.5% 0px 0px 0px; }
  .myinfo_box_r p{float:left; font-size:2.5em;font-weight:600; color:#222222; margin-left:3%; }
  .myinfo_box_r ul{float:left; margin-top:3%;margin-left:3%; width:94%; padding-bottom:3%; }
  .myinfo_box_r ul li{float:left; margin-bottom:20px;margin-right:2%; border-radius:3px; width:calc(32% - 2px); height:90px; text-align:center; border:1px solid #32b7ed ;background-color:#fff; color:#009ede;font-size:17px;font-weight:600;}
  .myinfo_box_r ul li:nth-child(3n) {margin-right:0px; }
  .myinfo_box_r ul li a{display:block; height:90px;  line-height:90px; color:#009ede;font-size:1.9em;font-weight:600; text-align:center;}

 .myinfo_txt {float:left;width:985px; line-height:25px;  padding-left:18px; font-size:17px;font-weight:500; color:#333;}
 .myinfo_txt span{font-weight:600; color:#222;}
 .myinfo_bsite {float:left;width:985px; padding-left:17px; margin-top:13px;}
 .myinfo_bsite li{float:left;width:184px; height:53px;border:1px solid #ddd; background-color:#f6f6f6; margin-right:10px; border-radius:3px}
 .myinfo_bsite li:last-child {margin-right:0px; }
 .myinfo_bsite li a {display:block; width:180px; padding-right:4px; height:53px; line-height:53px; text-align:center; font-size:17px; font-weight:600; color:#222; background:url('../images/myinfo_bsitego.png') no-repeat 158px 19px;}



 .myp_cos_reg {float:left; width:98%;  height:50px; padding:2% 1% 2% 1%; margin-bottom:5%; border-bottom:1px dotted #bebebe; font-family: 'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;}
 .myp_cos_reg p{float:left; display:inline-block;  font-size:1.6em;font-weight:500; color:#222; height:50px; line-height:50px;}
 .btn_cos_reg {float:right; display:inline-block;margin-top:0px; padding:0px 5%; text-align:center;font-size:1.6em; font-weight:600; color:#fff;  height:49px; line-height:49px; border:1px solid #159ad1; background-color:#32b7ed;cursor:pointer;}
 .btn_cos_reg:hover { background-color:#1ca8e1;}
 .myp_cos_info {float:left;margin-top:30px;width:980px; padding-left:5px;font-size:14px;font-weight:500; color:#222; line-height:19px;}

/* 상세보기 */
 .btn_det {display:inline-block;margin-top:0px; padding:10px 0px; text-align:center;font-size:1.1em; font-weight:600; color:#fff; width:120px; height:30px; line-height:30px; border:1px solid #159ad1 !important; background:#32b7ed;cursor:pointer;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;}
 .btn_det:hover {background-color:#1ca8e1;}
 .btn_detclose {display:inline-block;margin-top:0px; padding:10px 0px; text-align:center;font-size:1.1em; font-weight:600; color:#fff; width:120px; height:30px; line-height:30px; border:1px solid #159ad1 !important; background: #32b7ed;cursor:pointer;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;}
 .btn_detclose:hover {background-color:#1ca8e1;}


 /* 강의실입장,학습과정선택 */
 .btn_gocos {display:inline-block;margin-top:0px; text-align:center;font-size:1.1em; font-weight:600; color:#fff; width:120px; height:30px; padding:10px 0px;line-height:30px; border:1px solid #159ad1 !important; background:#32b7ed;cursor:pointer;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;}
 .btn_gocos:hover {background-color:#1ca8e1;}




 .remote_box {float:left;width:1005px;}
 



.phic_apb_list {float:left; width:92%; margin:0px 4%}
.phic_apb_list li{float:left; width:32%; margin-right:2%; margin-bottom:1.8vw}
.phic_apb_list li:nth-child(3n) {margin-right:0px;}
.phic_apb_list li a {display:inline-block; width:100%; box-sizing: border-box; border:1px solid #b0deff; text-align:center; overflow:hidden; border-radius:3vw;box-shadow: 0px 1px 5px rgba(13,14,14,0.08);}
.phic_apb_list li a img{display:inline-block; width:100%;}




/* mypage */

/* 서브 -------------------------------------------------------------------------------------------------------------*/








/* 강원대학교 */
	.asp_main_mcont2 {float:left; width:90%; padding-left:5%; padding-right:5%; padding-top:8vw; background-color:#fff; }
	.asp_main_board {float:left; width:100%; }
	.asp_main_notice {float:left; width:100%; margin-bottom:10vw;}
	.asp_main_guide {float:left; width:100%; margin-bottom:10vw;}
	.asp_mb_title {float:left; width:96%; padding-left:3%; padding-right:1%; padding-bottom:1vw; border-bottom:2px solid #000;}
	.asp_mb_title img {float:left; width:5vw; margin-right:2vw;}
	.asp_mb_title span {float:left;  font-size:4.3vw; color:#313131; font-weight:600;}
	.asp_mb_title a {float:right; width:6vw; margin-right:0;}
	.asp_mb_title a img{width:100%;}
	.asp_mb_nlist {float:left; width:100%; margin-top:3vw}
	.asp_mb_nlist li {float:left; padding:0 5%; width:90%; background:url('/img/new/mccb_main_dot01.png') no-repeat 2.5% 45%;  background-size:1%;
					font-size:3.9vw;font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  color:#313131;
					 height:8.5vw; line-height:8.5vw;border-bottom:1px dotted #ccc;}
	.asp_mb_nlist li a{display:inline-block; width:100%; font-size:3.5vw;font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  color:#313131;}
						
	.asp_mb_glist {float:left; width:100%; margin-top:3vw}
	.asp_mb_glist li {float:left; padding:0 5%; width:90%; background:url('/img/new/mccb_main_dot02.png') no-repeat 2.5% 45%;  background-size:1%;
					font-size:3.9vw;font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  color:#313131;
					 height:8.5vw; line-height:8.5vw;border-bottom:1px dotted #ccc;}
	.asp_mb_glist li a{display:inline-block; width:100%; font-size:3.9vw;font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  color:#313131;}
						



	.asping_m_wrap2{float:left; width:100%; height:152vw; text-align:center; background:url('/img/new/mccf_main_bg.jpg') no-repeat center top #fff; background-size:cover; }
	.asping_m_wrap{float:left; width:100%; height:132vw; text-align:center; background:url('/img/new/mccb_main_bg.jpg') no-repeat center top #2f4053; background-size:cover; }

	.asp_main_mheader {float:left;  width:100%;text-align:center; position:relative;  }
	.asp_main_mlogo  {float:left; width:100%; text-align:left; margin-bottom:0px;  margin-top:6%;}
	.asp_main_mlogo h1 {float:left; width:30%; text-align:left; margin-bottom:0px; margin-left:4%; }
	.asp_main_mlogo h1 img{ width:100%; }
	
	.asp_mv_warp {float:left;  width:100%; margin-top:12vw; text-align:center;}
	.asp_mv_warp2 {float:left;  width:100%; margin-top:25vw; text-align:center;}
	.asp_main_mvtxt2 {float:left; width:100%;}
	.asp_main_mvtxt2 img {width:90%;}
	.asp_main_mvtxt {float:left; width:100%;}
	.asp_main_mvtxt img {width:90%;}


     .jr_btn_area2 {float:left; width:90%; padding-left:5%; padding-right:5%; margin-top:9vw;}
     .jr_btn_area2 li {float:left; margin-bottom:0px; padding-bottom:0px; width:50%; height:25.4vw}
     .jr_btn_area2 li a{display:inline-block; width:100%;}
     .jr_btn_area2 li img{width:100%;display:block}

	.mccf_mainbtns{float:left; width:86%; margin-left:7%; margin-right:7%; margin-top:7vw}

	
	a.ccf_btn_c1 {float:left; width:100%; height:11vw; line-height:11vw;color:#fff; font-family: 'NanumSquare', sans-serif; 
					text-align:center; font-size:5vw; font-weight:600; margin-bottom:2vw;
					background: #19b2c2; /* Old browsers */
					background: -moz-linear-gradient(left,  #19b2c2 0%, #0786b3 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(left,  #19b2c2 0%,#0786b3 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right,  #19b2c2 0%,#0786b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b2c2', endColorstr='#0786b3',GradientType=1 ); /* IE6-9 */
					box-shadow:0px 4px 7px rgba(0,0,0,0.15);  border-radius:13vw;}
	a.ccf_btn_c1:hover {background:#0f99ba;}
	a.ccf_btn_c2 {float:left; width:100%; height:11vw; line-height:11vw;color:#fff; font-family: 'NanumSquare', sans-serif; 
					text-align:center; font-size:5vw; font-weight:600;  margin-bottom:2vw;
					background: #087dd3; /* Old browsers */
					background: -moz-linear-gradient(left,  #087dd3 0%, #0c54bc 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(left,  #087dd3 0%,#0c54bc 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right,  #087dd3 0%,#0c54bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#087dd3', endColorstr='#0c54bc',GradientType=1 ); /* IE6-9 */
					box-shadow:0px 4px 7px rgba(0,0,0,0.15);  border-radius:13vw;}
	a.ccf_btn_c2:hover {background:#0a5ebe;}



	.asp_login_marea{float:left; width:80%; margin-left:10%; margin-right:10%; margin-top:7vw}

	.asp_login_marea form{float:left; width:100%; }

	input.asp_input_id {float:left; width:100%; height:13vw; line-height:13vw; color:#4d4d4d; 
						font-family: 'NanumSquare', sans-serif; border:0px;
						text-align:center; font-size:4.1vw; background-color:#fff;  margin-bottom:2vw;
						border-radius:13vw;}

	input.asp_input_pw {float:left; width:100%; height:13vw; line-height:13vw; color:#4d4d4d; 
						font-family: '맑은고딕','맑은 고딕',sans-serif,'돋움' !important; border:0px;
						text-align:center; font-size:4.1vw; background-color:#fff;  margin-bottom:2vw;
						border-radius:13vw;}

	a.asp_btn_login {float:left; width:100%; height:13vw; letter-spacing:1px; line-height:13vw;color:#fff; 
					font-family: 'NanumSquare', sans-serif; text-align:center; font-size:5vw; font-weight:600; margin-bottom:3vw;
					background: #17aac2; /* Old browsers */
					background: -moz-linear-gradient(left,  #17aac2 0%, #0467ba 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(left,  #17aac2 0%,#0467ba 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right,  #17aac2 0%,#0467ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17aac2', endColorstr='#0467ba',GradientType=1 ); /* IE6-9 */
					box-shadow:0px 4px 7px rgba(0,0,0,0.15); border-radius:13vw;
					}
	a.asp_btn_login:hover {background:#0d86be;}
	a.asp_btn_my {float:left; width:100%; height:12vw; line-height:12vw;color:#fff; font-family: 'NanumSquare', sans-serif; 
					text-align:center; font-size:5vw; font-weight:600; margin-bottom:3vw;
					background: #19b2c2; /* Old browsers */
					background: -moz-linear-gradient(left,  #19b2c2 0%, #0786b3 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(left,  #19b2c2 0%,#0786b3 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right,  #19b2c2 0%,#0786b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b2c2', endColorstr='#0786b3',GradientType=1 ); /* IE6-9 */
					box-shadow:0px 4px 7px rgba(0,0,0,0.15);  border-radius:13vw;}
	a.asp_btn_my:hover {background:#0f99ba;}
	a.asp_btn_sing {float:left; width:100%; height:12vw; line-height:12vw;color:#fff; font-family: 'NanumSquare', sans-serif; 
					text-align:center; font-size:5vw; font-weight:600;  margin-bottom:3vw;
					background: #087dd3; /* Old browsers */
					background: -moz-linear-gradient(left,  #087dd3 0%, #0c54bc 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(left,  #087dd3 0%,#0c54bc 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right,  #087dd3 0%,#0c54bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#087dd3', endColorstr='#0c54bc',GradientType=1 ); /* IE6-9 */
					box-shadow:0px 4px 7px rgba(0,0,0,0.15);  border-radius:13vw;}
	a.asp_btn_sing:hover {background:#0a5ebe;}
	a.asp_btn_mg {float:left; width:100%; height:12vw; line-height:12vw;color:#fff; font-family: 'NanumSquare', sans-serif; 
					text-align:center; font-size:5vw; font-weight:600;  margin-bottom:3vw;
					font-weight:600; background-color:#7b8d9a; margin-bottom:17px;
					box-shadow:0px 4px 7px rgba(0,0,0,0.15);  border-radius:13vw;}
	a.asp_btn_mg:hover {background-color:#81848b;}

	.asp_btn_s {float:left; width:94%; margin:0 3%; padding-top:5px;}
	a.asp_find_idpw {float:right; text-align:left; color:#fff; font-family: 'NanumSquare', sans-serif; font-size:3.4vw;}
	a.asp_join {float:right; text-align:right; color:#fff; font-family: 'NanumSquare', sans-serif; font-size:3.4vw;}
	a.asp_logout {float:right; text-align:right; color:#fff; font-family: 'NanumSquare', sans-serif; font-size:3.4vw;}

	.footer_area2 {float:left; width:100%;  background-color:#fff; padding:3% 0px 2% 0px;font-family: 'NanumSquare', sans-serif;}
	.footer_area2 .footer {float:left; width:100%; }
	.footer_area2 .footer_num2 p {float:left; width:100%; text-align:center; margin-top:2vw}
	.footer_num2 p .footer_com_name {display:inline-block;font-size:3.5vw; font-weight:600;height:8vw; line-height:8vw;}
	.footer_num2 p .footer_com_num {display:inline-block; font-size:5vw;  font-weight:800; height:8vw; line-height:8vw;}
	.footer_area2 .footer_copy2 {float:left; width:100%; color:#a7a7a7; text-align:center; clear:both; padding-top:2.3%;font-size:3vw; letter-spacing:-0.5px;}
	.footer_area2 .list_corp2 {float:left; width:90%; padding:0px 5% 3% 5%; text-align:center;  border-bottom:1px solid #ddd; }
	.footer_area2 .list_corp2 li{display:inline-block;  border-right:1px solid #6a6a6a; padding-left:8vw; padding-right:8vw; text-align:center;}
    .footer_area2 .list_corp2 li a{color:#121106; font-size:3.5vw; font-weight:600;font-family: 'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;}

  .ing_info_wrap {float:left; width:100%; background-color:#ecf9ff; border-radius:8px; margin-top:25px;text-align:center;}
  .ing_info_wrap p{float:left; font-size:18.5px; font-weight:400;  height:35px; line-height:37px;}
  .ing_info_wrap ul{float:right; }
  .ing_info_wrap ul li {float:left; }
  .ing_info_wrap ul li a{display:inline-block; padding:0px 20px;height:35px; line-height:35px; text-align:center; font-size:16.5px; font-weight:500; color:#fff;font-family: 'NanumSquare', sans-serif;}
  .ing_info_wrap ul li a.btn_info_zoom{border:1px solid #1871dd !important; background:#2880ea; margin-right:10px;}
  .ing_info_wrap ul li a.btn_info_zoom:hover {background-color:#1e6dcd;}
  .ing_info_wrap ul li a.btn_userinfo{border:1px solid #159ad1 !important; background:#32b7ed;}
  .ing_info_wrap ul li a.btn_userinfo:hover {background-color:#1ca8e1;}




/* 통합 고도화 시작 한소영_210218 */
  /* 메인 페이지 */
#m_main_wrap {float:left; width:100%; font-family: 'NanumSquare', sans-serif;}
.m_mian_vimg {float:left;width:100%; margin-top:-13vw; background-color:#e6f1f4;}
.m_mian_vimg img{width:100%; padding:0px; margin:0px;  vertical-align:middle;}
#m_main_menu {float:left; width:94%; padding:0px 3% 10vw 3%; position:relative; background-color:#e3eef2; }
.main_menu_area {float:left; width:100%; padding:4vw 0px 0px 0px; background-color:#fff;  border-radius:2.5vw; }
.main_menu {float:left; width:96%; margin:0px 2% 3vw 2%;}
.main_menu li{float:left; width:33.33%; box-sizing: border-box; border-bottom:1px solid #eff1f4;}
.main_menu li.border_rl{border-left:1px solid #eff1f4; border-right:1px solid #eff1f4;}
.main_menu li.border_l{border-left:1px solid #eff1f4; }
.main_menu li.w50{width:50%; }
.main_menu li.w50 .mm_img img{width:35%; }
.main_menu li a {display:inline-block; width:100%; text-align:center; padding-top:4vw; padding-bottom:4vw; height:20vw; overflow:hidden; color:#313131; letter-spacing:-1px;}
.main_menu li:nth-child(4){border-bottom:1px solid #fff;}
.main_menu li:nth-child(5){border-bottom:1px solid #fff;}
.main_menu li:nth-child(6){border-bottom:1px solid #fff;}

.main_menu li:nth-child(4) a {padding-top:6vw; padding-bottom:2vw; }
.main_menu li:nth-child(5) a {padding-top:6vw; padding-bottom:2vw; }
.main_menu li:nth-child(6) a {padding-top:6vw; padding-bottom:2vw; }

.mm_img {float:left; width:100%; height:14vw; vertical-align:middle;}
.mm_img img{width:48%;}
.mm_text {float:left; width:100%; font-size:3.8vw; height:5vw;line-height:5vw;font-weight:800; }

.mbtn_freeing {float:left;  width:50%;height:10vw; padding:4vw 0px; background-color:#a468ff; color:#fff; text-align:center;display:inline-block;  border-bottom-left-radius:2.5vw; }
.free_1_txts {float:left; width:100%; font-size:3.2vw;height:5vw; line-height:5vw; font-weight:500; display:inline-block;}
.free_1_txtb {float:left; width:100%; font-size:5vw; height:5vw; line-height:5vw; font-weight:700; display:inline-block;}

.mbtn_freeing2 {float:left;width:50%; height:10vw; padding:4vw 0px; line-height:10vw; background-color:#a468ff; color:#fff; text-align:center;font-size:5vw; font-weight:700;  border-bottom-left-radius:2.5vw;display:inline-block;}
.mbtn_apping {float:left;width:50%; height:10vw; padding:4vw 0px; line-height:10vw; background-color:#8645e9; color:#fff; text-align:center;font-size:5vw; font-weight:700;  border-bottom-right-radius:2.5vw;display:inline-block;}

.open_otbm { position:absolute; left:0px; top:0px;  float:left; width:90%; padding:5%; background-color:#fff;}
.otbm_title {float:left; width:100%;height:8vw; line-height:8vw;}
.otbm_title p{float:left; width:50%;height:8vw; line-height:8vw; font-size:4.3vw;font-weight:800;  color:#2f3c5b;}
.btn_main_prev {float:right; display:inline-block; text-align:right; height:8vw; padding-left:5%; color:#313131; background:url('/img/new/otbm_prev.png') no-repeat 0px 50%; background-size:27%; letter-spacing:1px; font-size:3.8vw; font-weight:600;  }
.btn_main_prev span {display:inline-block;border-bottom:1px solid #333; padding-bottom:1px; height:3.7vw; line-height:3.7vw;}


.otbm_menu_area {float:left; width:96%; padding:0 2%;  }
.otbm_menu {float:left; width:100%;  }
.otbm_menu li{float:left; width:25%;}
.otbm_menu li a {display:inline-block; width:100%; text-align:center; height:21vw; padding-top:4vw; overflow:hidden; color:#313131; letter-spacing:-1px;}
.otbmm_img {float:left; width:100%; height:14vw; vertical-align:middle;}
.otbmm_img img{width:70%;}
.otbmm_text {float:left; width:100%; font-size:3.5vw; margin-top:2vw; height:5vw;line-height:5vw;font-weight:700; }


  /* 로그인 */
.m_join_warp {float:left; width:90%; padding:5%;}
.m_login_title {float:left; width:100%;}
.m_login_title .tj_b{float:left; width:100%; text-align:left; font-weight:800; font-size:5.5vw;line-height:5vw; margin-bottom:2vw; letter-spacing:0;}
.m_login_title .tj_s{float:left; width:100%; text-align:left; font-weight:500; font-size:4.3vw;line-height:6vw;letter-spacing:0.1px;}
.m_login_title2 {float:left; width:90%; padding:3% 5%; background-color:#eef2f7; border-radius:2vw; margin-top:2vw; margin-bottom:4vw;}
.m_login_title2 .tj_b{float:left; width:100%; text-align:left; font-weight:800; font-size:4.5vw;line-height:5vw; margin-bottom:2vw; letter-spacing:0;}
.m_login_title2 .tj_s{float:left; width:100%; text-align:left; font-weight:500; font-size:3.7vw;line-height:4.5vw;letter-spacing:0px;}


.m_join_warp .box_login {float:left; width:100%; padding:0px; background-color:#fff}

.m_join_warp .login_input2 {float:left; width:100%; margin-left:0; text-align:center; margin-top:15vw}
.m_join_warp .login_input2 input { margin-bottom:3vw; width:94%;font-family:돋움, Dotum, Helvetica, "Apple SD Gothic Neo"; display:inline-block;box-sizing: border-box; 
	border:1px solid #a7dcfa; border-radius:2vw; padding:0px 5%; height:14vw; line-height:14vw; color:#313131; font-size:4.5vw;  background-color:#fff !important; background:#fff !important;  
	box-shadow: 0px 5px 10px rgba(146,209,242,0.1);}

.m_join_warp .login_btn {float:left; width:100%; margin-top:1vw; margin-bottom:6vw;  margin-left:0; text-align:center;}
input.mbtn_login {display:inline-block; font-size:4.9vw; letter-spacing:1px;
			width:94%; margin:0; font-weight:800; border-radius:2vw; line-height:15vw; height:14vw;border:0px;cursor:pointer;
			background-color:#1babfd;color:#fff; text-align:center; box-shadow: 0px 5px 10px rgba(146,209,242,0.5);}

.login_txt2 {float:left; width:88%; margin-left:6%; }

 .login_txt2 a.afidpw2 {float:left; color:#222; display:inline-block; margin-top:0px; text-align:left; font-size:3.5vw;}
 .login_txt2 a.aje2 {float:right;  color:#222; display:inline-block; margin-top:0px; text-align:right; font-size:3.5vw;}

 /* 로그인비번찾기*/
 .box_login .myp_tap2 {float:left; width:90%;  height:15vw;margin-left:5%; margin-bottom:4vw; margin-top:10vw}
 .box_login .myp_tap2 li {float:left; margin-right:2%; text-align:center; border-radius:2vw; width:49%; height:13vw; line-height:13vw; font-size:4.2vw; color:#858585; font-weight:600;background-color:#d9eaf4;}
 .box_login .myp_tap2 li:nth-child(2) {margin-right:0; }
 .box_login .myp_tap2 li.tap_on {float:left; width:49%; height:13vw; line-height:13vw; font-size:4.5vw; color:#fff; font-weight:600;
						background-color:#1babfd; box-shadow: 0px 5px 10px rgba(146,209,242,0.4);} 

 .box_login .myp_tap2 li a{display:block; width:100%; height:13vw; line-height:13vw; font-size:4.2vw; color:#858585; font-weight:600; } 
 .box_login .myp_tap2 li.tap_on a{display:block; width:100%; height:13vw; line-height:13vw; font-size:4.2vw; color:#fff; font-weight:600; } 

 .search_selt2 {float:left; width:77%; padding-left:15%; margin-left:0; margin-top:5%; margin-bottom:4%;}
 .search_selt2 p{float:left; width:50%;}
 .search_selt2 p input{float:left; margin-right:10px;}
 .search_selt2 p span{float:left;display:inline-block; width:20vw; font-size:3.5vw;font-weight:500; text-align:left;}
 
.m_join_warp .login_input3 {float:left; width:100%; margin-left:0; text-align:center; margin-top:5vw}
.m_join_warp .login_input3 input { margin-bottom:3vw; width:94%;font-family:돋움, Dotum, Helvetica, "Apple SD Gothic Neo"; display:inline-block;box-sizing: border-box; 
	border:1px solid #a7dcfa; border-radius:2vw; padding:0px 5%; height:14vw; line-height:14vw; color:#313131; font-size:4.5vw;  background-color:#fff !important; background:#fff !important;  
	box-shadow: 0px 5px 10px rgba(146,209,242,0.1);}



/* 회원가입 */

 .box_join2 {float:left; width:100%; padding:10% 0 0 0; background-color:#fff;}
 .join_step2 {float:left; width:100%; margin-bottom:0;/*step3개일경우 margin-left:200px; */ /*step4개일경우>*/margin-left:0;}
 .join_step2 li{float:left;}
 .join_stepbox2 {width:18.5vw; height:18.5vw; border-radius:20vw; background-color:#fff; color:#575757; border:1px solid #d3d2d2; box-sizing: border-box;}
 .sb_color2 {background-color:#00a8ee; color:#fff; border:1px solid #00a8ee;}
 .step_tb2 {float:left; font-weight:600; font-size:3.5vw; width:100%;line-height:4vw; margin-top:2vw; letter-spacing:-0.5px; text-align:center;}
 .step_ts2 {float:left; font-weight:800; font-size:4vw; width:100%; margin-top:1.5vw; text-align:center;}
 .join_steparrow2 {width:5vw; height:20vw; background:url('/images/prog_arrow.png') no-repeat center 50%; background-size:50%;}

 .all_comp {float:left; width:100%; text-align:center;background-color:#eef1f3;border-radius:2vw; margin-top:4vw}
 .all_comp p{float:left;  width:100%;font-weight:800;font-size:4vw; margin-top:3vw}
 .all_comp ul {float:left;  width:94%; padding:3% 3% 1% 3%;}
 .all_comp ul li{float:left;  width:32%; margin-right:2%; margin-bottom:2vw; padding:2% 1%; box-sizing: border-box; background-color:#fff;border-radius:2vw;}
 .all_comp ul li:nth-child(3n) {margin-right:0; }
 .all_comp ul li .comp_st{float:left; font-weight:600; font-size:2.8vw; width:100%;text-align:center; color:#555}
 .all_comp ul li .comp_bt{float:left; font-weight:800;font-size:3.2vw; width:100%;text-align:center; letter-spacing:-0.5px}








 .agree_box2 {float:left; width:95%; margin-left:3%; margin-top:4vw;text-align:left;}
 .agree_inputbox2 {float:left; width:4vw;  height:4vw;  margin-right:1vw; margin-top:0; position:relative;}
 input.agree_input2 {float:left; width:4vw; height:4vw; }
 html .agree_inputbox2 input.agree_input {float:left; width:4vw; height:4vw;  margin-top:0;}
 .magree_text01 {float:left; width:80vw; text-align:left; font-size:3.8vw; font-weight:600; margin-top:4vw; letter-spacing:-0.5px;}
 .magree_text02 {float:left; width:80vw; text-align:left; font-size:3.8vw; font-weight:600; margin-top:0; letter-spacing:-0.5px;}
 .magree_text02 span {float:left; margin-top:1vw;color:#00a5e9;font-size:3vw; }

 .dotline {float:left; width:100%; border-top:1px dotted #bebebe; margin-top:5vw;}

 .agree_txtarea2 { text-align:left;float:left; width:100%;  }


 .at_t2 {float:left; width:100%; font-size:5vw;font-weight:700;font-family: 'NanumSquare', sans-serif; margin-bottom:2vw; margin-top:6vw; letter-spacing:1.5px;}
 .at_t2 span{font-size:3.1vw; letter-spacing:-0.5px;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;font-weight:normal;}
 .at_t3 {float:left; width:100%; font-size:5vw;font-weight:700;font-family: 'NanumSquare', sans-serif; margin-bottom:2vw; margin-top:6vw; letter-spacing:0px;}
 .at_ts2 {float:left; width:100%;font-size:4vw; margin-top:0px;font-weight:600;font-family: 'NanumSquare', sans-serif; margin-bottom:15px;  letter-spacing:-0.5px;}
 textarea.agree_cont {float:left; border:0px;font-size:3.2vw; width:94%; height:50vw; overflow-y:scroll; padding:3%; background-color:#f5f5f5; margin-bottom:0;line-height:5vw;}


 .mbtn_moin {display:inline-block; font-size:4.3vw; letter-spacing:1px;
			width:60%; margin:0; font-weight:800; border-radius:2vw; line-height:11vw; height:11vw;border:0px;cursor:pointer;
			background-color:#1babfd;color:#fff; text-align:center; box-shadow: 0px 5px 10px rgba(146,209,242,0.5)}


 .idc {float:left;  text-align:center;border:0px;font-size:1.4em; width:94%;  padding:3% 3% 5% 3%; background-color:#f5f5f5; margin-bottom:20px}
 .idc_box {float:left; text-align:left; width:505px; margin-left:137px; margin-bottom:5px; clear:both;}
 .idc_title {float:left; width:75px; font-size:1.6em;font-weight:500; height:37px; line-height:37px; }
 .idc_form {float:left; width:430px; font-size:1.6em;font-weight:500; height:37px; }
 .idc_form input {float:left; border:1px solid #d5d5d5; height:35px; line-height:35px; font-size:1.6em;font-weight:500;  text-align:left; background-color:#fff;}
 .idc_form span {float:left;  width:14px; height:35px; line-height:35px; text-align:center;}
 .idc_form input.idc_name { width:426px; border:1px solid #d5d5d5; }
 .idc_form input.idc_pnum { width:132px; border:1px solid #d5d5d5; }
 .idc_form select {float:left;  width:132px; height:35px; line-height:35px; border:1px solid #d5d5d5;  text-align:left; background-color:#fff;}

 .userinfo_table_m {float:left; width:100%; text-align:left;}
 table.m_join_table {float:left;width:100%; border-top:2px solid #d3d2d2; border-bottom:2px solid #d3d2d2; text-align:left; border-collapse:collapse;}
 table.m_join_table th { padding-left:5%; padding-top:2vw; padding-bottom:2vw; min-height:11vw; width:30%; background-color:#f5f5f5;border-right:1px solid #d3d2d2; border-bottom:1px solid #d3d2d2;font-size:4vw;font-weight:600; font-family: 'NanumSquare', sans-serif;}
 table.m_join_table td {  padding-left:5%; padding-top:2vw; padding-bottom:2vw; min-height:11vw; background-color:#fff;border-bottom:1px solid #d3d2d2;font-size:4vw;font-family: 'NanumSquare', sans-serif;}
 table.m_join_table td .midm{  height:10vw; line-height:10vw;display:inline-block;}
 table.m_join_table td input {box-sizing: border-box;font-size:4vw; border:1px solid #d5d5d5; padding-left:5%; height:10vw; border-radius:2vw;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;} 
 table.m_join_table td input#userPass {font-family:돋움, Dotum, Helvetica, "Apple SD Gothic Neo";}
 table.m_join_table td input.userPass {font-family:돋움, Dotum, Helvetica, "Apple SD Gothic Neo";}
 table.m_join_table td select {font-size:4vw; border:1px solid #d5d5d5;  height:10vw; border-radius:2vw;background:#fff;}
 .im_st {font-size:3.1vw; color:#00a5e9}
  table.m_join_table .infotxt {float:left; font-size:3.2vw; width:100%; margin-top:1vw;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo; }
  table.m_join_table .dotst_red {float:left; width:5%; display:inline-block; font-size:4vw;  color:red;  margin-right:1vw;}
  table.m_join_table .infotxt_text {float:left; width:95%; display:inline-block; font-size:3.2vw; color:#666666; line-height:3.5vw;}

 .userinfo_table_m .infotxt2 {float:left; width:100%; margin-top:2vw; margin-bottom:2vw; font-size:4vw; font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo; }
 .userinfo_table_m .id_sel {float:left; margin-top:5vw; width:94%; padding:4% 3%; background-color:#eefaff;}
 .userinfo_table_m .id_sel_t {float:left; width:100%; position:relative;}
 .userinfo_table_m .id_sel_txt1 {float:left; width:70%; font-weight:600; font-size:4.5vw; color:#009ada; margin-bottom:1.5vw;}
 .userinfo_table_m .id_sel_txt2 {float:left; width:70%;font-size:3.6vw; }


 .id_sel_t3 {float:left; width:100%;}
 .id_sel_txt4 {float:left; width:100%; font-size:3.8vw;margin-top:3vw; padding-top:3vw; border-top:1px dotted #bebebe;  margin-bottom:1.5vw;}

 .mbtn_idf {display:inline-block;margin-top:0px; border:0px; border-radius:1.8vw; text-align:center;font-size:3.8vw; font-weight:500; color:#fff; width:100%; height:8vw; line-height:8vw; background-color:#32b7ed;cursor:pointer;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;}
 .id_sel_open3 {float:right; width:30%;display:inline-block;}

 table.m_join_table td p.radioinputarea {float:left; margin-right:5vw; padding:0px;}
 table.m_join_table td .radiotxt {float:left; }
 table.m_join_table td .radioinp {float:left; margin-left:2vw; margin-top:1vw;}
 table.m_join_table td .radioinp input{float:left; width:3vw; height:3vw;}

 table.m_join_table .btn_ok02 {display:inline-block; margin-left:5px; text-align:center;font-size:0.85em; font-weight:500; color:#fff; width:30%; height:35px; line-height:35px; border:1px solid #369cc6 !important; background-color:#47abd3;}
 table.m_join_table .btn_ok02:hover { background-color:#36a8d6;}


table.m_join_table2 {float:left;width:100%; border-top:2px solid #d3d2d2; border-bottom:2px solid #d3d2d2; text-align:left;}
 table.m_join_table2 th { padding-left:5%; padding-top:2vw; padding-bottom:2vw; min-height:11vw; width:43%; background-color:#f5f5f5;border-right:1px solid #d3d2d2; border-bottom:1px solid #d3d2d2;font-size:4vw;font-weight:600; font-family: 'NanumSquare', sans-serif;}
 table.m_join_table2 td {  padding-left:5%; padding-top:2vw; padding-bottom:2vw; min-height:11vw; background-color:#fff;border-bottom:1px solid #d3d2d2;font-size:4vw;font-family: 'NanumSquare', sans-serif;}
 table.m_join_table2 td .midm{  height:10vw; line-height:10vw;display:inline-block;}
 table.m_join_table2 td input {box-sizing: border-box;font-size:4vw; border:1px solid #d5d5d5; padding-left:5%; height:8vw; border-radius:2vw;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;} 
 table.m_join_table2 td input#userPass {font-family:돋움, Dotum, Helvetica, "Apple SD Gothic Neo";}
 table.m_join_table2 td select {font-size:4vw; border:1px solid #d5d5d5;  height:10vw; border-radius:2vw;background:#fff;}

 table.m_join_table2 td input.pwdfont {font-family:돋움, Dotum, Helvetica, "Apple SD Gothic Neo";}
  table.m_join_table2 .dotst_red {float:left; width:4%; display:inline-block; font-size:4vw;  color:red;  margin-right:1%;}
  table.m_join_table2 .infotxt_text {float:left; width:95%; display:inline-block; font-size:3vw; color:#666666; line-height:3.5vw;}
  table.m_join_table2 .infotxt_text_s {font-size:2.5vw; color:#666666;}

  table.m_join_table2 td input.mbtn_ok03 {display:inline-block;text-align:center;font-size:4vw; font-weight:500; color:#fff; width:90%; padding:0px; height:9vw; line-height:9vw;background-color:#1babfd ; border-radius:2vw; border:0px; margin-top:1vw}
  table.m_join_table td input.mbtn_ok03 {display:inline-block;text-align:center;font-size:4vw; font-weight:500; color:#fff; width:90%; padding:0px; height:9vw; line-height:9vw;background-color:#1babfd ; border-radius:2vw; border:0px; margin-top:1vw}


 .magree_txtarea { text-align:left;float:left; width:100%;  }
 .mat_t {float:left; width:100%; font-size:5vw;font-weight:700;font-family: 'NanumSquare', sans-serif; margin-bottom:3vw; margin-top:5vw;}
 .mat_span {font-size:3.7vw;}
 .mat_spanred {color:#ff5200;font-size:4.5vw;}
 .mat_ts {float:left; width:100%;font-size:1.6em; margin-top:0px;font-weight:400;font-family: 'NanumSquare', sans-serif; margin-bottom:15px;  letter-spacing:-0.5px;}


 .mbtn_idf {display:inline-block;margin-top:0px; border:0px; border-radius:1.8vw; text-align:center;font-size:3.8vw; font-weight:500; color:#fff; width:100%; height:8vw; line-height:8vw; background-color:#32b7ed;cursor:pointer;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;}
 
 .mstep_btn {float:left; width:100%; margin-top:5vw; text-align:center;}
 .mbtn_pre {display:inline-block; font-size:4.5vw; font-weight:800;  width:40%; height:13vw; line-height:13vw;  border:0px;border-radius:2vw;
 background-color:#a4a4a4; color:#fff; text-align:center;}
 .mbtn_next {display:inline-block; font-size:4.5vw; font-weight:800; width:40%; height:13vw; line-height:13vw; border:0px; border-radius:2vw;
			background-color:#1babfd;color:#fff; text-align:center; box-shadow: 0px 5px 10px rgba(146,209,242,0.5)}


.notice_tit {float:left; width:90%; padding:7% 5% 3% 5%; font-size:5.5vw; font-weight:800; }

.m_notice_table {float:left;  margin-left:5%; width:90%;}
.m_notice_table li {float:left; width:100%;  text-align:center; background-color:#fff;font-size:4vw;font-family: 'NanumSquare', sans-serif; padding-bottom:1vw}

.m_notice_table li a {display:inline-block; color:#313131; width:100%; 
							padding-top:4vw;  padding-bottom:3.5vw; padding-left:4vw; padding-right:4vw;
							height:20vw;  border-radius:2.3vw;border:1px solid #ced5f1; 
							background-color:#fff; box-shadow: 0px 5px 9px rgba(0,0,0,0.05); box-sizing: border-box; text-align:left; position:relative; }

.m_notice_table li a:hover {display:inline-block; color:#313131; width:100%; 
							padding-top:4vw;  padding-bottom:3.5vw; padding-left:4vw; padding-right:4vw;
							height:20vw;  border-radius:2.3vw;border:2px solid #5279ca; 
							background-color:#fff; box-shadow: 0px 5px 10px rgba(225,229,236,1); box-sizing: border-box; text-align:left; position:relative; }
.not_tit{float:left; width:95%; text-align:left; font-size:4.3vw; line-height:6vw;font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.not_date {float:left; width:100%; text-align:left; font-size:3.2vw; margin-top:1vw; color:#5c6179}
.notice_ep {display:inline-block; color:#5c6179; width:100%; 
							padding-top:4vw;  padding-bottom:3.5vw; padding-left:4vw; padding-right:4vw;
							height:20vw; line-height:11vw;  border-radius:2.3vw;border:1px solid #f1f2f7; font-weight:700; font-size:4.3vw;
							background-color:#f1f2f7;  box-sizing: border-box; text-align:center; position:relative; }


#m_sub_wrap .pagination {float:left;width:100%; text-align:center; margin-top:5vw; font-size:4vw; margin-bottom:9vw}
#m_sub_wrap .pagination a {display:inline-block; padding:0px; text-align:center;font-size:4vw; width:7.5vw; height:7.5vw;line-height:8vw;color:#222;}
#m_sub_wrap .pagination a.active {display:inline-block; padding:0px; color:#fff;text-align:center; font-size:4vw; font-weight:700; width:7.5vw;height:7.5vw; line-height:8vw; background-color:#98b1cc; border-radius:10vw}



.m_notview_table{float:left; margin-left:5%; width:90%; border-top:2px solid #d3d2d2; border-bottom:2px solid #d3d2d2; text-align:left;}
.m_notview_table thead{width:100%; }
.m_notview_table tbody{width:100%;}
.m_notview_table tr{width:100%;}
.m_notview_table th{padding-left:3%; padding-right:3%; padding-top:2vw; padding-bottom:2vw; width:94%; background-color:#f5f5f5; border-bottom:1px solid #d3d2d2;font-size:4vw;font-weight:600;word-break:break-all; white-space:normal; }
.m_notview_table td.m_file_add{padding-left:3%; padding-right:3%; padding-top:2vw; padding-bottom:2vw; width:94%; background-color:#fff; border-bottom:1px solid #d3d2d2;font-size:3.5vw;font-weight:500;word-break:break-all; white-space:normal; }
.m_notview_table td{padding-left:3%; padding-right:3%; padding-top:4vw; padding-bottom:4vw; width:94%; background-color:#fff; border-bottom:1px solid #d3d2d2;font-size:3.6vw; line-height:5vw;font-weight:500;word-break:break-all; white-space:normal; }
.m_notview_table td.m_file_add a{color:#0091e4;font-size:3.2vw;font-weight:500;}

.m_notview_table td img {width:100%;}

 .mbtn_list {display:inline-block; font-size:3.8vw; font-weight:700; width:40%; height:10vw; line-height:10vw; border:0px; border-radius:1.8vw;
			background-color:#1babfd;color:#fff; text-align:center; box-shadow: 0px 3px 7px rgba(146,209,242,0.5);margin-bottom:10vw}

 
  /* 공통 header, navi, gnb mypage 리뉴얼 수정 css 220519 한소영 */
#m_header2 {float:left; position:relative; width:100%; height:14vw; font-family: 'NanumSquare', sans-serif;z-index:9; }
#m_header2 img{width:100%;}
.mbtn_h_back {float:left;width:13%; }
.mbtn_h_gnb3 {position:absolute; right:0px; top:1vw; width:13%;}
#m_header2 h1.httit {float:left;width:95%;  text-align:center; margin-top:3vw; }
#m_header2 h1.httit a{display:inline-block; width:46%;}
#m_header2 h1.gnbhtlogo {float:left;width:40%; margin-left:5%; line-height:17.5vw;}

.sub_gnb {float:left; width:100%;height:10vw;  position:relative;}
.sub_gnb_list {float:left; width:100%; }
.sub_gnb_list li{ float:left; width:25%;}
.sub_gnb_list li a{display:inline-block; float:left; width:100%; height:10vw; box-sizing: border-box; line-height:10vw; font-size:3.7vw; color:#37383b; font-weight:400; text-align:center;border-bottom:3px solid #f3f3f3;}
.sub_gnb_list li a.gnb_on{ border-bottom:3px solid #4d5bf7;  font-weight:600; }




  /* 공통 header, navi, gnb */
#m_header {float:left; position:relative; width:100%; height:13vw; font-family: 'NanumSquare', sans-serif;z-index:9; }
#m_header img{width:100%;}
.mbtn_h_back {float:left;width:13%; }
.mh_sub_title {float:left;width:74%; line-height:13.5vw; font-size:5vw; text-align:center; font-weight:800;}
.mbtn_h_gnb {float:right;width:13%;}
#m_header h1{float:left;width:38%;/*width:20.5%;*/  margin-left:5%; line-height:16.5vw;/*line-height:13.5vw;*/ }
.mh_gnb_area img{width:100%;}
.mh_gnb_area {display:block; z-index:19; position:fixed; height:100%; width:100%; background-color:#fff; overflow:scroll;}
	.gnb_top {float:left;  width:100%; height:13vw;}
	.gnb_top h1{float:left;width:20.5%; margin-left:5%; line-height:17.5vw; }
	.gnb_top .gnb_user{float:left;width:65%; margin-left:5%; font-size:4.2vw; line-height:17.5vw; font-weight:700;  text-align:left;}
	.gnb_top .gnb_user span{color:#0390e0;}
	.gnb_top .mbtn_h_gnb{float:right;width:13%;}
	.gnb_top .mbtn_h_gnb2{float:right;width:10.7%; margin-top:1.2vw; margin-right:2%;}
	.gnb_top .mbtn_h_gnb2 a{display:inline-block;}
	.gnb_btn {float:left; margin-top:4vw; margin-bottom:5.5vw; width:90%; margin-left:5%; margin-right:5%; text-align:center;}
	.gnb_btn a.mbtn_login {display:inline-block; margin-bottom:3.8vw; width:100%; height:14vw; border-radius:2vw; letter-spacing:2px; background-color:#1babfd; color:#fff; line-height:14vw; font-size:4.5vw; font-weight:800; box-shadow: 0px 5px 10px rgba(146,209,242,0.5);}
	.gnb_btn a.mbtn_login2 {display:inline-block; margin-top:5vw; margin-bottom:3vw; width:100%; height:14vw; border-radius:2vw; letter-spacing:2px; background-color:#1babfd; color:#fff; line-height:14vw; font-size:4.5vw; font-weight:800; box-shadow: 0px 5px 10px rgba(146,209,242,0.5);}
	.gnb_btn .mbtn_join {display:inline-block;  width:100%; height:14vw; border-radius:2vw; letter-spacing:2px; background-color:#a4a4a4; color:#fff; line-height:14vw; font-size:4.5vw; font-weight:800; }
	.gnb_btn .mbtn_stcos {display:inline-block; margin-bottom:3.8vw; width:100%; height:14vw; border-radius:2vw; letter-spacing:2px; background-color:#1babfd; color:#fff; line-height:14vw; font-size:4.5vw; font-weight:800; box-shadow: 0px 5px 10px rgba(146,209,242,0.5);}
	.gnb_btn .mbtn_usernavi {float:left; width:100%; height:14vw; text-align:center; overflow:hidden;}
	.gnb_btn .mbtn_usernavi li{float:left; width:25%;  margin:0px;padding:0px;height:14vw;}
	.gnb_btn .mbtn_usernavi li a{display:inline-block; width:100%;  margin:0px;padding:0px;height:14vw;  }
	li a .mbtn_gnbimg {float:left; width:100%; text-align:center; height:10vw; line-height:14.5vw; }
	#m_header .gnb_btn .mbtn_usernavi li a .mbtn_gnbimg img{display:inline-block; width:30%;}
	#m_header2 .gnb_btn .mbtn_usernavi li a .mbtn_gnbimg img{display:inline-block; width:30%;}
	li a .mbtn_gnbtxt {float:left; width:100%; font-size:3.8vw;font-weight:700; text-align:center; color:#313131;}

.mgnb_list {float:left; width:100%; border-top:5px solid #edf0f3}
.mgnb_list li{float:left; font-size:4vw; width:100%; border-bottom:1px solid #e2e8eb;}

.mgnb_list li.btmline{float:left;border-bottom:3px solid #eaf0f3;}
.mgnb_list li a{display:inline-block;  padding-left:6%; height:8vw; line-height:8vw; text-align:left; width:94%;color:#313131;  font-size:4vw; font-weight:700 }


.mgnb_list2 {float:left; width:100%; border-top:5px solid #edf0f3}
.mgnb_list2 li{float:left; font-size:4vw; width:100%; border-bottom:1px solid #e2e8eb;}

.mgnb_list2 li.btmline{float:left;border-bottom:3px solid #eaf0f3;}
.mgnb_list2 li a{display:inline-block;  padding-left:6%; height:10vw; line-height:10vw; text-align:left; width:94%;color:#313131;  font-size:4vw; font-weight:700 }



.mgnb_sub_list {float:left; width:100%; border-top:0px; background-color:#f5f7f9}
.mgnb_sub_list li{float:left; font-size:3.8vw; padding-left:6%; width:94%; border-bottom:1px dotted #e2e8eb;}
.mgnb_sub_list li:last-child{border-bottom:0px;}

.mgnb_sub_list li a{display:inline-block;  font-size:3.7vw; height:8vw; line-height:8vw; text-align:left; width:100%;color:#313131; font-weight:700 }

.mcs_numlist {float:left; width:90%; padding:5%; background-color:#fff; }
.mcs_numlist li{float:left; font-size:3.5vw; font-weight:800; width:50%; text-align:left; height:4vw; line-height:4vw;color:#535353}
.mcs_numlist li span{ font-size:3.5vw;display:inline-block;  width:38%; font-weight:700; color:#3c8fd4}

.mgnb_sub_list2 {float:left; width:100%; border-top:0px; background-color:#f5f7f9}
.mgnb_sub_list2 li{float:left; font-size:3.8vw; padding-left:6%; width:50%; box-sizing: border-box; border-bottom:1px dotted #e2e8eb; border-right:1px dotted #e2e8eb;}
.mgnb_sub_list2 li:last-child{border-bottom:0px;}
.mgnb_sub_list2 li:nth-child(19){border-bottom:0px;}
.mgnb_sub_list2 li:nth-child(2n){border-right:0px;}
.mgnb_sub_list2 li a{display:inline-block;  font-size:3.7vw; height:8vw; line-height:8vw; text-align:left; width:100%;color:#313131; font-weight:700 }



  /* 서브 페이지 */
#m_sub_wrap{float:left; overflow:hidden; width:100%; background:#fff; font-family: 'NanumSquare', sans-serif; }
#m_sub_cont {float:left; width:100%; min-height:105vw; padding-top:9vw; padding-bottom:7vw;}
#m_sub_cont2 {float:left; width:100%; min-height:117vw; padding-top:9vw; background:url('/img/new/snb_bg_60.png') repeat-x left top; background-size:200%; padding-bottom:7vw;}
#m_sub_cont3 {float:left; width:100%; min-height:117vw;  background:url('/img/new/snb_bg_60.png') repeat-x left top; background-size:200%; padding-bottom:8vw;}
#m_sub_cont4 {float:left; width:100%; min-height:117vw;  background:url('/img/new/snb_bg_60.png') repeat-x left top; background-size:200%;}

#m_sub_cont5 {float:left; width:100%; min-height:117vw;  padding-top:9vw; background:url('/img/new/snb_bg_60.png') repeat-x left top; background-size:200%;}

#m_sub_cont6 {float:left; width:100%; height:118vw; background:url('/img/new/m_ot_bg2.png') repeat-x left top; background-size:100%;font-family: 'NanumSquare', sans-serif;text-align:center;  }
#m_sub_cont7 {float:left; width:100%;font-family: 'NanumSquare', sans-serif; text-align:center; }

.mot_title1 {float:left; width:100%; margin-top:10vw; margin-bottom:0vw; font-size:8vw; line-height:11vw; color:#fff; font-weight:800; text-align:center; }
.mot_title2 {float:left; width:100%; margin-bottom:5vw; margin-top:-1vw;}
.mot_title2 img{display:inline-block;  width:100%; }
.mot_btn1 {float:left; width:90%; margin-left:5%; margin-right:5%;  margin-bottom:5%;}
.mot_btn1 a{float:left;display:inline-block; margin-left:3%; width:46%; color:#fff; font-weight:500; text-align:center; font-size:4.5vw; height:11vw; line-height:12vw; letter-spacing:-0.5px; background:#005aa0; border-radius:15vw; margin-top:2vw;}
.mot_btn1 img{float:right; width:43%; }
.jr_rv {float:left; width:90%; margin-top:56vw;margin-left:5%; margin-right:5%; border:1px solid #4f69eb; box-shadow: 0px 5px 10px rgba(62,64,110,0.35); box-sizing: border-box;}
.jr_rv_pager {float:left; width:100%; margin-top:5.3vw; text-align:center;}
.jr_rv_pager span{display:inline-block;  height:3vw; width:3vw; margin:0.6vw; background:#a8adaf; border-radius:15vw}
.jr_rv_pager span.jr_rv_pager_on{background:#18c1f7;}


.tmem04 {float:left; width:100%; margin-bottom:5vw}
.tmem04 img{width:100%;display:block; }

.m_ot_cont1 {float:left; position:relative; width:100%; margin-top:1vw; margin-bottom:11vw; height:78vw; background:url('/img/new/m_ot1_bg.png') repeat-x left top;background-size:100%;}
.m_ot_cont1_img {float:left; width:100%; overflow:hidden; height:78vw;}
.m_ot_cont1_img img{width:100%;display:block; }
.jr_rv_pager2 {float:left; position:absolute; width:22%; left:11%; bottom:10vw;  text-align:left; z-index:10}
.jr_rv_pager2 span{display:inline-block;  height:3vw; width:3vw; margin:0.6vw; background:#a8adaf; border-radius:15vw}
.jr_rv_pager2 span.jr_rv_pager_on{background:#18c1f7;}


.m_ot_cont2 {float:left; position:relative; width:100%; margin-top:1vw; margin-bottom:11vw; height:51vw; }
.m_ot_cont2_txt {float:right; position:absolute; right:5%; top:5vw;width:53%; z-index:3}
.m_ot_cont2_txt li{ float:left; width:47%; padding-top:5.5vw; padding-bottom:2vw; margin-left:3%; letter-spacing:-1px; margin-bottom:3%; height:19vw; font-size:3.5vw; line-height:4vw; font-weight:600; border:1px solid #bfebf8; background:#fff;box-shadow: 0px 5px 10px rgba(153,192,201,0.55); box-sizing: border-box;  border-radius:2vw}
.m_ot_cont2_txt li.on{ border:1px solid #47c5f1; color:#fff; background:#47c5f1; box-shadow: 0px 5px 10px rgba(153,192,201,0.55);}
.m_ot_cont2_img {float:left;  position:absolute; top:0; left:0; width:100%; overflow:hidden; height:50vw; z-index:2}
.m_ot_cont2_img img{width:100%;display:block; }

.m_ot_cont3 {float:left; width:100%;background:#57c0e5; padding-top:10vw; margin-bottom:11vw}
.m_ot_th {float:left; width:100%;  padding-top:5vw;  padding-bottom:10vw; text-align:center;}

.m_th_btns2 {display:inline-block; width:95%; padding-top:5vw; padding-left:5%; margin:0px;}
.m_th_btns2 li{float:left; width:35%; margin-right:4%;}

.m_th_btns2 li a{ display:inline-block; border-radius:2vw; width:100%; background-color:#000; border:3px solid #57c0e5; overflow:hidden;}
.m_th_btns2 li a:hover{ border:3px solid #fff;}
.m_th_btns2 li a.viewon{ border:3px solid #fff;}

.m_th_btns2 li a img{width:100%;border:0px; opacity:0.6; display:block;}
.m_th_btns2 li a:hover img{width:100%;  border:0px; opacity:1;}
.m_th_btns2 li a.viewon img{width:100%;  border:0px; opacity:1;}

.th_name_b2 {display:block;width:100%; text-align:left; font-size:4.3vw; font-weight:800; color:#fff; margin-top:1vw}
.th_name_s2 {display:block;width:100%; text-align:left; font-size:2.8vw; font-weight:500; color:#c9f3ff; margin-top:0.5vw}

.m_ot_cont4 {float:left; width:100%; text-align:center; padding-top:15vw; height:66vw; background:url('/img/new/m_ot4_bg.png') repeat-x left top;background-size:100%;box-sizing: border-box}

.m_ot_cos {display:inline-block; width:95%; height:45vw; padding-top:5vw; padding-left:5%; margin:0px;}
.m_ot_cos li{float:left; width:50%; margin-right:4%; border-radius:2vw; overflow:hidden; position:relative;}
.m_ot_cos li p{position:absolute; width:100%; text-align:center; top:13vw; font-size:4vw; height:5vw; line-height:5vw; font-weight:800; color:#fff;}
.m_ot_cos li img{ display:inline-block;width:100%; }





.btn_testapp{display:inline-block; margin-left:3%; width:52%; color:#00405e; font-weight:600; text-align:center; font-size:4.5vw; height:11vw; line-height:12vw; letter-spacing:-0.5px; background:#15dbff; border-radius:15vw; margin-top:3vw;}

  /* 서브 페이지의 navi, 상단설명영역*/
#m_sub_snb {float:left; width:100%; background:url('/img/new/snb_bg_30.png') repeat-x left top #f4f4f4; background-size:100% 20%; font-size:12.5px; font-family: 'NanumSquare', sans-serif;  }
#m_sub_snb .snb_list {display:flex; }
#m_sub_snb .snb_list li{display:table; position:relative; height:12vw; width:auto; margin:0 2vw; padding:0 0.5vw; vertical-align:middle; white-space:nowrap; text-align:center; font-weight:700;}

#m_sub_snb .snb_list li a{display:table-cell; height:12vw; vertical-align:middle;font-size:3.8vw; text-align:center; color:#313131;}
#m_sub_snb .snb_list li a .snb_line{position:absolute; left:0px; bottom:0px; width:100%; height:3px; background-color:none; }
#m_sub_snb .snb_list li a:hover{ color:#3c90ee; }
#m_sub_snb .snb_list li a.snb_on{ color:#3c90ee; }
#m_sub_snb .snb_list li a.snb_on .snb_line{position:absolute; left:0px; bottom:0px; width:100%; height:3px; background-color:#3c90ee; }

#m_sub_snb .sub_sc {display:table-cell; white-space:nowrap;  width:auto; padding-left:13%; height:12vw; vertical-align:middle; font-size:3.6vw; background:url('/img/new/my_icon_ch2.png') no-repeat 7% 45%;  background-size:4.5%;}



/* 나의강의실 */

 /* 영어 */

.ming_cinfo {float:left; width:90%; padding-left:5%; padding-right:5%; padding-bottom:7vw;}
 .ming_ci_tit {float:left; width:100%; padding-bottom:4vw; }
 .ming_ci_tit p{float:left; width:55%; font-size:3.5vw;  letter-spacing:1px; color:#ff8c4d; font-weight:800;}
 .ming_ci_tit .mct_today{float:left; width:55%; margin-top:1vw;}
	 .mct_today .mct_date{float:left;line-height:6vw; font-size:6.5vw; font-weight:800; margin-right:1vw}
	 .mct_today .mct_txt{float:left;line-height:6.5vw; font-size:4.3vw; color:#606060 !important; font-weight:800;}

 .ming_ci_tit a.mct_cal{float:right; width:30%;padding-left:7%; text-align:center; margin-top:-4vw; font-size:4vw; border-radius:2vw; 
                          background:url('/img/new/my_ing_icon01.png') no-repeat 7% 49% #3c90ee;  background-size:20%; 
						  color:#fff; line-height:10.5vw; height:10.5vw; font-weight:800;box-shadow: 0px 3px 7px rgba(146,209,242,0.5);}

  select#m_class_list {float:left; text-align:left; padding-left:5%; width:100%;  border:3px solid #6174d8; border-radius:2.3vw;
						font-weight:700;font-size:5vw;color:#393939; height:12vw !important; line-height:11vw; 	margin-bottom:5vw;
						-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; 
						background: url('/img/new/my_ing_icon02.png')no-repeat 95% 40% #fff; background-size:7%; 
						box-shadow: 0px 3px 7px rgba(195,203,218,0.75);}
  option#m_class_list {font-weight:700;font-size:5vw;}

.m_ci_table {float:left; width:100%; border-collapse:collapse; border:0px;font-weight:700;}
.m_ci_table tr{ width:100%; background: url('/img/new/line_dot.png') repeat-x left bottom;font-size:3.8vw;}
.m_ci_table th{ width:21%;padding:3px 0; }
.m_ci_table th span.lhth{ display:inline-block; width:100%; padding-top:3.5vw; padding-bottom:3.5vw; background-color:#f1f3f4;   border-radius:2vw; }
.m_ci_table th span{ display:inline-block; width:100%; padding-top:2.5vw; padding-bottom:2.5vw; background-color:#f1f3f4;   border-radius:2vw; }
.m_ci_table td{width:76%; padding-left:3%; position:relative;}
.m_ci_table td .m_ci_sc{font-size:3.8vw;}
.m_ci_table td span{float:left; }
.m_ci_table td .det_min{font-size:3vw; font-weight:500; padding-left:5%;background: url('/img/new/my_ing_icon03.png')no-repeat 1% 35% #fff; background-size:23%;}
.m_ci_table td .det_slash{font-size:3vw; font-weight:500;}
.m_ci_table td .det_week{font-size:3vw; font-weight:500;}
.m_ci_table td .det_min2{font-size:3vw; font-weight:500; margin-left:1%;padding-left:5%;background: url('/img/new/my_ing_icon04.png')no-repeat 5% 35% #fff; background-size:30%;}
a.mbtn_chk {position:absolute; right:0px; top:2vw; font-size:3.5vw;
			width:25%;font-weight:700; border-radius:1.5vw; line-height:8vw; height:8vw;
			background-color:#6a75af;color:#fff; text-align:center;
			box-shadow: 0px 3px 5px rgba(195,203,218,0.75);
			}

.ming_btn { float:left; width:90%; padding-left:5%; padding-right:5%; padding-top:4.5vw; padding-bottom:8vw; border-top:5px solid #edf0f3}
  .ming_ctime { float:left; width:100%; height:8.5vw; line-height:5vw; margin-bottom:6vw; background: url('/img/new/line_dot.png') repeat-x left bottom;}
  .ming_ctime .mct_txt{ float:left;font-size:4.3vw; font-weight:600;  color:#6174d8; display:inline-block; width:90%;}
  .ming_ctime .mct_img{ float:right; display:inline-block; width:5%; margin-top:-0.5vw;}
  .ming_ctime .mct_img img{ width:100%;}

  .mbtn_area {float:left; width:100%; text-align:center;}
  a.mbtn_ps {display:inline-block;font-size:4vw; letter-spacing:1px;
			width:35%; margin:0 0.5%; font-weight:800; border-radius:2vw; line-height:10vw; height:10vw;
			background-color:#6678d6;color:#fff; text-align:center;
			}
  .mbtn_cing {display:inline-block;font-size:4vw; 
			width:35%; margin:0 0.5%; font-weight:800; border-radius:2vw; line-height:10vw; height:10vw;
			background-color:#afb5bb;color:#fff; text-align:center;
			}
  a.mbtn_cg {display:inline-block;font-size:4vw; letter-spacing:1px;
			width:35%; margin:0 0.5%; font-weight:800; border-radius:2vw; line-height:10vw; height:10vw;
			background-color:#ff823d;color:#fff; text-align:center;
			box-shadow: 0px 3px 5px rgba(254,204,176,0.75);}

  a.mbtn_nc {display:inline-block; font-size:3.5vw;
			width:23%; margin:0 0.5%; font-weight:800; border-radius:1.5vw; line-height:8vw; height:8vw;
			background-color:#3c90ee; color:#fff; text-align:center;
			}

  .mcing_itxt {float:left; width:100%; margin-top:5vw;}
  .mcing_itxt p{float:left; width:90%; font-size:3.1vw; padding-left:5%; color:#4f4f4f;
				background:url('/img/new/my_icon_ch1.png') no-repeat 0% 15%;  background-size:3%;
				}
  .mcing_itxt p span {font-weight:600}


  /* 영어 달력 팝업 */

.m2_pop {position: fixed;top:0px; left:0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 99;}
.m2_cal_area {position: fixed; display:inline-block; width:90%;  left:5%; top:26vw; border-radius:3vw; z-index: 21474836475;}

.m2_cal_area .att_cal_month2{float:left; margin-bottom:0px; width:100%;height:11vw; line-height:11vw; text-align:center; 
					background-color:#6174d8; border-top-right-radius:3vw; 
					border-top-left-radius:3vw;position:relative;}
.cal_al2 {position:absolute; top:1.5vw; left:11%; width:7%;  }
.cal_al2 img{width:100%; }
.cal_date2 {display:inline-block; color:#fff; font-weight:700; font-size:4.1vw;  margin:0px 3vw;}
.cal_ar2 {position:absolute; top:1.5vw; right:11%; width:7%; }
.cal_ar2 img{width:100%; }
.month2D_close {position:absolute; right:0px; top:-10vw; display:inline-block;  width:7%; height:8vw; margin-top:2vw; padding:0 3%}
.month2D_close img{width:100%; }

.m2_cal_area .att_cal_cont2 {float:left;  width:90%; padding:0 5% 5vw 5%;  text-align:center; background-color:#eff1f3; 
				border-bottom-right-radius:3vw; border-bottom-left-radius:3vw;}
.m2_cal_area .att_cal_info2 {float:left;  width:95%; padding-left:2%;  text-align:left; margin-top:4vw; margin-bottom:2vw;}
.m2_cal_area .att_cal_info2 img{width:76%;}
.cla_ambox {float:left; width:90%; padding:3% 5%; background-color:#fff;  box-shadow: 0px 2px 10px rgba(190,196,202,0.35);border-radius:6px;}
.cla_mtit {float:left; width:99%; padding-left:1%; margin-bottom:1.5vw; margin-top:0.5vw; text-align:left; font-size:5vw; color:#4f4f4f; letter-spacing:1px; font-weight:800;}
.cla_ambox #att_cal_content2{float:left;  width:100%; border:1px solid #e8eaee;border-collapse:collapse;}
.cla_ambox #att_cal_content2 th{border-left:1px solid #e8eaee; width:14%;height:8vw; border-bottom:1px solid #e8eaee; background-color:#f7fafd; font-weight:600; font-size:3.5vw;font-family: 'NanumGothic', sans-serif;color:#555555;}
.cla_ambox #att_cal_content2 td{ border-left:1px solid #e8eaee; border-bottom:1px solid #e8eaee; height:11vw;background-color:#fff; font-weight:500; font-size:4vw;font-family: 'NanumGothic', sans-serif;color:#555555;}

.cla_ambox #att_cal_content2 .sat {color:#0caaeb;}
.cla_ambox #att_cal_content2 .sun {color:#f74185;}


.check_ad { display:inline-block; border-radius:15vw; width:7.5vw; height:7.5vw; line-height:7.5vw; background-color:#4edcbf; color:#fff; font-weight:500;cursor:pointer}
.check_nad { display:inline-block; border-radius:15vw; width:7.5vw; height:7.5vw; line-height:7.5vw; background-color:#c0c0c0; color:#fff; font-weight:500;cursor:pointer}
.check_td { display:inline-block; font-size:4.3vw; border-radius:15vw; width:8.8vw; height:8.8vw; line-height:8.8vw; background-color:#ff8c4d; color:#fff; font-weight:500;cursor:pointer}
.check_due { display:inline-block; border-radius:15vw; width:7.5vw; height:7.5vw; line-height:7.5vw; background-color:#519bff; color:#fff; font-weight:500;cursor:pointer}
.check_noc { display:inline-block; border-radius:15vw; width:7.5vw; height:7.5vw; line-height:7.5vw; background-color:#b075e6; color:#fff; font-weight:500;cursor:pointer}


  /* 영어 나의 출석현황 팝업 */

.m_myc_area {position: fixed; display:inline-block; width:90%;  left:5%; top:26vw; border-radius:3vw; z-index: 21474836475;}

.m_myc_area .myc_title_m{float:left; margin-bottom:0px; width:100%;height:11vw; line-height:11vw; text-align:center; 
					background-color:#6174d8; border-top-right-radius:3vw; 
					border-top-left-radius:3vw;position:relative;}
.myc_tm {display:inline-block; color:#fff; font-weight:700; font-size:4.3vw;  margin:0px 3vw;}

.m_myc_area .m_myc_cont {float:left;  width:90%; padding-top:6vw; padding-bottom:6vw; padding-right:5%; padding-left:5%;  text-align:center; background-color:#eff1f3; 
				border-bottom-right-radius:3vw; border-bottom-left-radius:3vw;}

.my_grh  {float:left; width:90%; padding:5% 5%; background-color:#fff;  box-shadow: 0px 2px 10px rgba(190,196,202,0.35); border-radius:2vw}
.my_grh .my_grh_title {float:left; width:100%; margin-bottom:2vw  }
.my_grh .my_grh_title p{float:left; width:80%; padding-left:1%; font-size:4vw; font-weight:700; text-align:left;}
.my_grh .my_grh_title p span{font-size:3.2vw; font-weight:500;}
.my_grh .my_grh_title .rate_gp_num {float:right;color:#495dc3;font-weight:800;font-size:5vw;text-align: right; padding-right:1%}

.my_grh .rate_gp {float:left; background-color:#c0cde3;  width:100%; height:5vw; border-radius:10vw;  }
.my_grh .rate_gp .rate_gp_bar {float:left; background: linear-gradient(-45deg, #326ae8, #5647c0) ; height:5vw; border-radius:10vw;}

.skip {width:1px; height:1px; position:absolute; left:-99999px; font-size:0px; visibility:hidden;overflow:hidden;}


.m_myc_cont2 {float:left; width:100%; margin-top:2vw;}
.m_myc_cont2 li{float:left; width:100%; margin-top:2vw; border-radius:3vw;}
.m_myc_cont2 li .mmycc_t {float:left; height:10vw; line-height:10vw; width:30%; background-color:#6174d8;text-align:center; 
						border-top-left-radius:2vw; border-bottom-left-radius:2vw; color:#fff; font-weight:700; font-size:4vw}
.m_myc_cont2 li .mmycc_s {float:left; height:10vw; line-height:10vw; width:70%; background-color:#ffffff; text-align:center; 
						border-top-right-radius:2vw; border-bottom-right-radius:2vw; color:#313131; font-weight:700; font-size:4vw}

.m_myc_area .m_myc_cont3 {float:left;  width:90%; padding-top:6vw; padding-bottom:6vw; padding-right:5%; padding-left:5%;  text-align:center; background-color:#eff1f3; 
				border-bottom-right-radius:3vw; border-bottom-left-radius:3vw;}
a.mbtn_prv {display:inline-block; width:90%; border-radius:2.5vw; background-color:#6174d8; color:#fff; margin:1vw 0; height:10vw; line-height:10vw; font-size:4vw; font-weight:800;box-shadow: 0px 3px 5px rgba(195,203,218,0.75);}

  /* 재경전문가 */

.mbm_cinfo { float:left; width:90%; margin-left:5%; padding-bottom:3vw; margin-bottom:5vw;background: url('/img/new/line_dot.png') repeat-x left bottom;}
	.mbm_ci_tit{float:left; width:72%;   }
	.mbm_ci_tit p{loat:left; width:90%; padding-left:0.5%; font-size:5.2vw; font-weight:800; letter-spacing:-1px; margin-bottom:4vw;}
	.mbm_ci_tit .mbm_ci_txt{float:left; width:100%; font-size:3.2vw;  font-weight:500;}
	.mbm_ci_tit .mbm_ci_txt li{float:left;  letter-spacing:-0.5px;width:100%; margin-bottom:1.3vw; padding-left:3.5%;background:url('/img/new/my_icon_ch1.png') no-repeat 0% 45%;  background-size:2.5%;}
    a.mct_cosadd {float:right; margin-top:1vw;width:23%; margin-right:3%; text-align:center; font-size:4vw; color:#fff; padding-top:2.5vw; padding-bottom:2.5vw; font-weight:700; background-color:#3c90ee;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:2vw }

.mbm_list {float:left; width:90%; padding:0 5%;}
.mbm_list li {float:left; width:100%; height:29vw; margin-top:1vw; margin-bottom:1vw;}

.mbm_list li.mbm_list_cos a{display:inline-block; color:#313131; width:100%; 
							padding-top:2.5vw;  padding-bottom:2.5vw; padding-left:3.5vw; padding-right:3.5vw;
							height:23vw; line-height:23vw; border-radius:2.3vw;border:1px solid #ced5f1; 
							background-color:#fff; box-shadow: 0px 5px 9px rgba(0,0,0,0.05); box-sizing: border-box; text-align:left; position:relative; }
.mbm_list li.mbm_list_cos a span{display:inline-block;}
.mbm_list li.mbm_list_cos a .mbm_info{float:left; width:73%; height:17vw;}
.mbm_list li.mbm_list_cos a .mbm_b{float:left; margin-top:2vw; width:100%; height:7vw; line-height:8vw; margin-bottom:0; font-size:4.5vw; font-weight:700; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.mbm_list li.mbm_list_cos a .mbm_s{float:left;  height:6vw; line-height:4vw; color:#313131;margin-right:1.5%; font-size:3.2vw}
.mbm_list li.mbm_list_cos a .mbm_s span{ display:inline-block;}
.mbm_list li.mbm_list_cos a .mbm_s .tc_p{color:#446ec6; margin-right:10px;}
.mbm_list li.mbm_list_cos a .mbm_btn {float:right;height:10vw; line-height:10vw; margin-top:2.5vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#5667c2;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:1.8vw }
.mbm_list li.mbm_list_cos a .mbm_btn_g {float:right;height:10vw; line-height:10vw; margin-top:2.5vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#83878e;  border-radius:1.8vw }


.mbm_list li.mbm_list_cos a:hover{display:inline-block; color:#313131; width:100%; 
							padding-top:2.5vw;  padding-bottom:2.5vw; padding-left:3.5vw; padding-right:3.5vw;
							height:23vw; line-height:23vw; border-radius:2.3vw;border:2px solid #5279ca; 
							background-color:#fff; box-shadow: 0px 5px 10px rgba(225,229,236,1); box-sizing: border-box; text-align:left; position:relative; }
.mbm_list li.mbm_list_cos a:hover span{display:inline-block;}
.mbm_list li.mbm_list_cos a:hover .mbm_info{float:left; width:73%; height:17vw;}
.mbm_list li.mbm_list_cos a:hover .mbm_b{float:left; margin-top:2vw; width:100%; height:7vw; line-height:8vw; margin-bottom:0; font-size:4.5vw; font-weight:700; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.mbm_list li.mbm_list_cos a:hover .mbm_s{float:left;  height:6vw; line-height:4vw; color:#313131;margin-right:1.5%; font-size:3.2vw}
.mbm_list li.mbm_list_cos a:hover .mbm_s span{ display:inline-block;}
.mbm_list li.mbm_list_cos a:hover .mbm_s .tc_p{color:#446ec6; margin-right:10px;}
.mbm_list li.mbm_list_cos a:hover .mbm_btn {float:right;height:10vw; line-height:10vw; margin-top:2.5vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#6174d8;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:1.8vw }
.mbm_list li.mbm_list_cos a:hover .mbm_btn_g {float:right;height:10vw; line-height:10vw; margin-top:2.5vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#83878e; border-radius:1.8vw }



.mbm_list li.mbm_list_cos a{display:inline-block; color:#313131; width:100%; 
							padding-top:2.5vw;  padding-bottom:2.5vw; padding-left:3.5vw; padding-right:3.5vw;
							height:23vw; line-height:23vw; border-radius:2.3vw;border:1px solid #ced5f1; 
							background-color:#fff; box-shadow: 0px 5px 9px rgba(0,0,0,0.05); box-sizing: border-box; text-align:left; position:relative; }
.mbm_list li.mbm_list_cos a span{display:inline-block;}
.mbm_list li.mbm_list_cos a .mbm_info{float:left; width:73%; height:17vw;}
.mbm_list li.mbm_list_cos a .mbm_b{float:left; margin-top:2vw; width:100%; height:7vw; line-height:8vw; margin-bottom:0; font-size:4.5vw; font-weight:700; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.mbm_list li.mbm_list_cos a .mbm_s{float:left;  height:6vw; line-height:4vw; color:#313131;margin-right:1.5%; font-size:3.2vw}
.mbm_list li.mbm_list_cos a .mbm_s span{ display:inline-block;}
.mbm_list li.mbm_list_cos a .mbm_s .tc_p{color:#446ec6; margin-right:10px;}
.mbm_list li.mbm_list_cos a .mbm_btn {float:right;height:10vw; line-height:10vw; margin-top:2.5vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#5667c2;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:1.8vw }
.mbm_list li.mbm_list_cos a .mbm_btn_g {float:right;height:10vw; line-height:10vw; margin-top:2.5vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#83878e;  border-radius:1.8vw }


.mbm_list li.mbm_list_cos a:hover{display:inline-block; color:#313131; width:100%; 
							padding-top:2.5vw;  padding-bottom:2.5vw; padding-left:3.5vw; padding-right:3.5vw;
							height:23vw; line-height:23vw; border-radius:2.3vw;border:2px solid #5279ca; 
							background-color:#fff; box-shadow: 0px 5px 10px rgba(225,229,236,1); box-sizing: border-box; text-align:left; position:relative; }
.mbm_list li.mbm_list_cos a:hover span{display:inline-block;}
.mbm_list li.mbm_list_cos a:hover .mbm_info{float:left; width:73%; height:17vw;}
.mbm_list li.mbm_list_cos a:hover .mbm_b{float:left; margin-top:2vw; width:100%; height:7vw; line-height:8vw; margin-bottom:0; font-size:4.5vw; font-weight:700; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.mbm_list li.mbm_list_cos a:hover .mbm_s{float:left;  height:6vw; line-height:4vw; color:#313131;margin-right:1.5%; font-size:3.2vw}
.mbm_list li.mbm_list_cos a:hover .mbm_s span{ display:inline-block;}
.mbm_list li.mbm_list_cos a:hover .mbm_s .tc_p{color:#446ec6; margin-right:10px;}
.mbm_list li.mbm_list_cos a:hover .mbm_btn {float:right;height:10vw; line-height:10vw; margin-top:2.5vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#6174d8;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:1.8vw }
.mbm_list li.mbm_list_cos a:hover .mbm_btn_g {float:right;height:10vw; line-height:10vw; margin-top:2.5vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#83878e; border-radius:1.8vw }


.mbm_list li.mbm_list_cos .abox{display:inline-block; color:#313131; width:100%; 
							padding-top:2.5vw;  padding-bottom:2.5vw; padding-left:3.5vw; padding-right:3.5vw;
							height:27vw; line-height:23vw; border-radius:2.3vw;border:1px solid #ced5f1; 
							background-color:#fff; box-shadow: 0px 5px 9px rgba(0,0,0,0.05); box-sizing: border-box; text-align:left; position:relative; }
.mbm_list li.mbm_list_cos .abox span{display:inline-block;}
.mbm_list li.mbm_list_cos .abox .mbm_info{float:left; width:73%; height:17vw;}
.mbm_list li.mbm_list_cos .abox .mbm_b{float:left; margin-top:2vw; width:100%; height:7vw; line-height:8vw; margin-bottom:0; font-size:4.5vw; font-weight:700; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.mbm_list li.mbm_list_cos .abox .mbm_s{float:left;  height:6vw; line-height:6vw; color:#313131;margin-right:1.5%; font-size:3.2vw}
.mbm_list li.mbm_list_cos .abox .mbm_s span{ display:inline-block;}
.mbm_list li.mbm_list_cos .abox .mbm_s .tc_p{color:#446ec6; margin-right:10px;}
.mbm_list li.mbm_list_cos .abox .mbm_btn {float:right;height:8vw; line-height:8vw; margin-top:0.5vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#5667c2;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:1.8vw }
.mbm_list li.mbm_list_cos .abox .mbm_btn_prt {float:right;height:8vw; line-height:8vw; margin-top:1vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#5667c2;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:1.8vw }
.mbm_list li.mbm_list_cos .abox .mbm_btn_prt_g {float:right;height:8vw; line-height:8vw; margin-top:1vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#83878e;  border-radius:1.8vw }
.mbm_list li.mbm_list_cos .abox .mbm_btn_g {float:right;height:8vw; line-height:8vw; margin-top:0.5vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#83878e;  border-radius:1.8vw }


.mbm_list li.mbm_list_cos .abox:hover{display:inline-block; color:#313131; width:100%; 
							padding-top:2.5vw;  padding-bottom:2.5vw; padding-left:3.5vw; padding-right:3.5vw;
							height:23vw; line-height:23vw; border-radius:2.3vw;border:2px solid #5279ca; 
							background-color:#fff; box-shadow: 0px 5px 10px rgba(225,229,236,1); box-sizing: border-box; text-align:left; position:relative; }
.mbm_list li.mbm_list_cos .abox:hover span{display:inline-block;}
.mbm_list li.mbm_list_cos .abox:hover .mbm_info{float:left; width:73%; height:17vw;}
.mbm_list li.mbm_list_cos .abox:hover .mbm_b{float:left; margin-top:2vw; width:100%; height:7vw; line-height:8vw; margin-bottom:0; font-size:4.5vw; font-weight:700; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.mbm_list li.mbm_list_cos .abox:hover .mbm_s{float:left;  height:6vw; line-height:6vw; color:#313131;margin-right:1.5%; font-size:3.2vw}
.mbm_list li.mbm_list_cos .abox:hover .mbm_s span{ display:inline-block;}
.mbm_list li.mbm_list_cos .abox:hover .mbm_s .tc_p{color:#446ec6; margin-right:10px;}
.mbm_list li.mbm_list_cos .abox:hover .mbm_btn {float:right;height:8vw; line-height:8vw; margin-top:0.5vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#6174d8;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:1.8vw }
.mbm_list li.mbm_list_cos .abox:hover .mbm_btn_prt {float:right;height:8vw; line-height:8vw; margin-top:1vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#6174d8;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:1.8vw }
.mbm_list li.mbm_list_cos .abox:hover .mbm_btn_prt_g {float:right;height:8vw; line-height:8vw; margin-top:1vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#83878e; border-radius:1.8vw }
.mbm_list li.mbm_list_cos .abox:hover .mbm_btn_g {float:right;height:8vw; line-height:8vw; margin-top:0.5vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#83878e; border-radius:1.8vw }




.mbm_list li.mbm_list_book .mbm_book{display:inline-block; color:#313131; width:100%; 
							padding-top:2.5vw;  padding-bottom:2.5vw; padding-left:3.5vw; padding-right:3.5vw;
							height:23vw; line-height:23vw; border-radius:2.3vw;border:1px solid #ced5f1; 
							background-color:#fff; box-shadow: 0px 5px 9px rgba(0,0,0,0.05); box-sizing: border-box; text-align:left; position:relative; }
.mbm_list li.mbm_list_book .mbm_book span{display:inline-block;}
.mbm_list li.mbm_list_book .mbm_book .mbm_info{float:left; width:73%; height:17vw;}
.mbm_list li.mbm_list_book .mbm_book .mbm_b{float:left; margin-top:2vw; width:100%; height:8vw; line-height:8vw; margin-bottom:0; font-size:4.5vw; font-weight:700; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.mbm_list li.mbm_list_book .mbm_book .mbm_s{float:left;  height:6vw; line-height:6vw; color:#313131;margin-right:1.5%; font-size:3.2vw}
.mbm_list li.mbm_list_book .mbm_book .mbm_s span{ display:inline-block;}
.mbm_list li.mbm_list_book .mbm_book .mbm_s .tc_p{color:#446ec6; margin-right:10px;}
.mbm_list li.mbm_list_book .mbm_book .mbm_btn_book {float:right;height:6vw; line-height:6vw; margin-top:0.6vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#5667c2;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:1.8vw }
.mbm_list li.mbm_list_book .mbm_book .mbm_btn_dly {float:right;height:6vw; line-height:6vw; margin-top:0.6vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#1daccc;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:1.8vw }
.mbm_list li.mbm_list_book .mbm_book .mbm_btn_wait {float:right;height:6vw; line-height:6vw; margin-top:0.6vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#83878e;  border-radius:1.8vw }
.mbm_list li.mbm_list_book .mbm_book .mbm_btn_rd {float:right;height:6vw; line-height:6vw; margin-top:0.6vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#83878e;  border-radius:1.8vw }


.mbm_list li.mbm_list_book .mbm_book:hover{display:inline-block; color:#313131; width:100%; 
							padding-top:2.5vw;  padding-bottom:2.5vw; padding-left:3.5vw; padding-right:3.5vw;
							height:23vw; line-height:23vw; border-radius:2.3vw; border:2px solid #5279ca; 
							background-color:#fff; box-shadow: 0px 5px 10px rgba(225,229,236,1); box-sizing: border-box; text-align:left; position:relative; }
.mbm_list li.mbm_list_book .mbm_book:hover span{display:inline-block;}
.mbm_list li.mbm_list_book .mbm_book:hover .mbm_info{float:left; width:73%; height:17vw;}
.mbm_list li.mbm_list_book .mbm_book:hover .mbm_b{float:left; margin-top:2vw; width:100%; height:8vw; line-height:8vw; margin-bottom:0; font-size:4.5vw; font-weight:700; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.mbm_list li.mbm_list_book .mbm_book:hover .mbm_s{float:left;  height:6vw; line-height:6vw; color:#313131;margin-right:1.5%; font-size:3.2vw}
.mbm_list li.mbm_list_book .mbm_book:hover .mbm_s span{ display:inline-block;}
.mbm_list li.mbm_list_book .mbm_book:hover .mbm_s .tc_p{color:#446ec6; margin-right:10px;}
.mbm_list li.mbm_list_book .mbm_book:hover .mbm_btn_book {float:right;height:6vw; line-height:6vw; margin-top:0.6vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#6174d8;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:1.8vw }
.mbm_list li.mbm_list_book .mbm_book:hover .mbm_btn_dly {float:right;height:6vw; line-height:6vw; margin-top:0.6vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#1daccc;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:1.8vw }
.mbm_list li.mbm_list_book .mbm_book:hover .mbm_btn_wait {float:right;height:6vw; line-height:6vw; margin-top:0.6vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#83878e; border-radius:1.8vw }
.mbm_list li.mbm_list_book .mbm_book:hover .mbm_btn_rd {float:right;height:6vw; line-height:6vw; margin-top:0.6vw;width:21%; margin-right:1%; text-align:center; font-size:3.8vw; color:#fff; padding-top:1vw; padding-bottom:1vw; font-weight:700; background-color:#83878e; border-radius:1.8vw }




.mbm_list li.mem_c_add a{display:inline-block; width:100%; height:23vw; line-height:23vw; border-radius:2.3vw; border:1px solid #ced5f1;background-color:#eff3f6; box-sizing: border-box; text-align:center; position:relative; box-shadow: 0px; }
.mbm_list li.mem_c_add a img{display:inline-block; width:10%; margin-top:6.5vw;}




.bm_no_class {float:left; width:100%; text-align:center; margin-top:20vw;margin-bottom:15vw;}

.bm_no_class img {width:20%;}
.bm_no_class p {width:100%; text-align:center; margin-top:2vw;font-size:4vw; font-weight:700; color:#282828;}



/* 제걍 학습중 - 과정 학습정보 */

.mbm_det {float:left; width:90%; padding:0 5%; }

.mbm_det_tit {float:left; width:100%; }
.mbm_det_s{float:left; width:100%; font-size:3.5vw; font-weight:700; color:#6a7bd5;  margin-bottom:0.8vw}
.mbm_det_b{float:left; width:100%;  font-size:5.2vw; font-weight:800; letter-spacing:-1px; margin-bottom:5vw;}

 .mbm_det_info{float:left; width:98%; padding:4vw 1%; background-color:#f3f5f7; border-radius:2vw; margin-bottom:5vw}
 .mbm_det_info li {float:left; width:33.3%;box-sizing: border-box; }
 .mbm_det_info li.info_border {border-right:1px solid #ccd4db; border-left:1px solid #ccd4db;}
 .mbm_det_info li .m_detinfo_icon1 {float:left;height:5vw; line-height:5vw; width:50%; padding-left:22%; margin-left:16%; font-size:3.2vw; font-weight:500;
		background:url('/img/new/my_bm_icon01.png') no-repeat 7% 52%;  background-size:22%;}
 .mbm_det_info li .m_detinfo_icon2 {float:left;height:5vw; line-height:5vw; width:50%; padding-left:22%; margin-left:17%; font-size:3.2vw; font-weight:500;
		background:url('/img/new/my_bm_icon02.png') no-repeat 7% 52%;  background-size:22%;}
 .mbm_det_info li .m_detinfo_icon3 {float:left;height:5vw; line-height:5vw; width:68%; padding-left:17%; margin-left:14%; font-size:3.2vw; font-weight:500;
		background:url('/img/new/my_bm_icon03.png') no-repeat 0% 15%;  background-size:17%; letter-spacing:-0.5px;}
 .mbm_det_info li .m_detinfo_txt {float:left;margin-top:2vw; width:100%; text-align:center;font-size:4vw; font-weight:800; letter-spacing:-1px;}

.m_det_list {float:left; width:100%;  border-collapse:collapse; border-top:1px solid #ccd4db; text-align:center; margin-bottom:5vw;}
.m_det_list th {font-size:3.5vw; font-weight:500; height:8vw; line-height:8vw;  background-color:#f3f5f7; border-bottom:1px solid #ccd4db;}
.m_det_list td {font-size:3.5vw; font-weight:500; padding-top:3vw; padding-bottom:2.5vw; border-bottom:1px solid #ccd4db;}
.m_det_list td.listtit {padding-left:1%;font-size:3.6vw; text-align:left; font-weight:600;}
.m_det_list td a{display:inline-block; width:52%}
.m_det_list td a img{ width:100%}

a.mbtn_cosend {display:inline-block; width:80%; border-radius:2vw; line-height:11vw; height:11vw;font-size:3.5vw;background-color:#71849a;
				box-shadow: 0px 3px 7px rgba(74,85,91,0.2); color:#fff;font-weight:700; letter-spacing:1px;}

  /* 멤버십 과정 블러오기 팝업 */

#mem_add_pop {position: fixed;top:0px; left:0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 2147483647;}
.add_area {position: fixed; display:inline-block; width:85%;  padding:2.5%; left:5%; top:10%; border-radius:3vw; background-color:#fff;z-index: 21474836488; }
.add_tit {float:left; width:100%; position:relative; margin-bottom:5vw; margin-top:3vw;}
.add_tit p {float:left; width:96%;font-size:5.2vw; font-weight:700; padding-left:2%; margin-bottom:1vw;}
.add_tit span {float:left;  display:inline-block; width:96%;font-size:3.2vw; font-weight:500; padding-left:2%}
.add_tit a {position:absolute; display:inline-block; right:0px; top:-1.5vw;width:10%; text-align:center;}
.add_tit a img {width:100%;}
.add_cont {float:left; width:94%; padding:5% 3%;border-radius:2.5vw; background-color:#f3f5f6;}
.cadd_list {float:left; width:100%; margin-bottom:3vw;}
.cadd_list li{float:left; margin-right:1.2%;}
.cadd_list li a{display:inline-block; margin-bottom:2vw;border-radius:15vw; padding-left:2.3vw; padding-right:2.3vw; height:7vw; line-height:7vw; color:#485563; font-size:3.1vw; font-weight:600;background-color:#dee4ea;  text-align:center;}
.cadd_list li a:hover{color:#fff; font-size:3.1vw; font-weight:600;background-color:#6174d8; text-align:center; box-shadow:0px 2px 6px rgba(0,0,0,0.22);}
.cadd_list li a.selon{color:#fff; font-size:3.1vw; font-weight:600;background-color:#6174d8; text-align:center; box-shadow:0px 2px 6px rgba(0,0,0,0.22);}

.cadd_list_veiw {float:left; width:100%; overflow-y:scroll; height:65vw; }
.cadd_list_veiw li {margin-bottom:0.5vw}
.cadd_list_veiw li a{display:inline-block; color:#313131; width:100%; 
							padding-top:1.5vw;  padding-bottom:1.5vw; padding-left:3.5vw; padding-right:3.5vw;
							height:17vw; line-height:17vw; border-radius:2.3vw;border:1px solid #ced5f1; 
							background-color:#fff; box-shadow: 0px 5px 9px rgba(0,0,0,0.05); box-sizing: border-box; text-align:left; position:relative; }
.cadd_list_veiw li a span{display:inline-block;}
.cadd_list_veiw li a .mbm_info2{float:left; width:73%; height:10vw;}
.cadd_list_veiw li a .mbm_b2{float:left; margin-top:2vw; width:100%; height:6vw; line-height:6vw; margin-bottom:0; font-size:4vw; font-weight:700; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.cadd_list_veiw li a .mbm_s2{float:left;  height:4vw; line-height:4vw; color:#313131;margin-right:1.5%; font-size:3vw}
.cadd_list_veiw li a .mbm_s2 span{ display:inline-block;}
.cadd_list_veiw li a .mbm_s2 .tc_p{color:#446ec6; margin-right:10px;}
.cadd_list_veiw li a .mbm_btn2 {float:right;height:10vw; line-height:10vw; margin-top:1.5vw;width:21%; margin-right:1%; text-align:center; font-size:4vw; color:#fff; padding-top:0.5vw; padding-bottom:0.5vw; font-weight:700; background-color:#5667c2;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:1.8vw }


.cadd_list_veiw li a:hover{display:inline-block; color:#313131; width:100%; 
							padding-top:1.5vw;  padding-bottom:1.5vw; padding-left:3.5vw; padding-right:3.5vw;
							height:17vw; line-height:17vw; border-radius:2.3vw;border:2px solid #5279ca; 
							background-color:#fff; box-shadow: 0px 5px 10px rgba(225,229,236,1); box-sizing: border-box; text-align:left; position:relative; }
.cadd_list_veiw li a:hover span{display:inline-block;}
.cadd_list_veiw li a:hover .mbm_info2{float:left; width:73%; height:10vw;}
.cadd_list_veiw li a:hover .mbm_b2{float:left; margin-top:2vw; width:100%; height:6vw; line-height:6vw; margin-bottom:0; font-size:4vw; font-weight:700; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.cadd_list_veiw li a:hover .mbm_s2{float:left;  height:4vw; line-height:4vw; color:#313131;margin-right:1.5%; font-size:3vw}
.cadd_list_veiw li a:hover .mbm_s2 span{ display:inline-block;}
.cadd_list_veiw li a:hover .mbm_s2 .tc_p{color:#446ec6; margin-right:10px;}
.cadd_list_veiw li a:hover .mbm_btn2 {float:right;height:10vw; line-height:10vw; margin-top:1.5vw;width:21%; margin-right:1%; text-align:center; font-size:4vw; color:#fff; padding-top:0.5vw; padding-bottom:0.5vw; font-weight:700; background-color:#6174d8;  box-shadow: 0px 3px 7px rgba(190,196,202,0.6); border-radius:1.8vw }

/* 재경 과정 상세페이지 */

.mbm_veiwimg {float:left; width:100%;}
.mbm_veiwimg .mbm_thumb { display:inline-block; width:100%; height:58.8vw; position:relative; background-color:#e9eff4;  }
.mbm_veiwimg .mbm_thumb img{ width:100%; height:58.8vw; left:0px; top:0px;  position:absolute; z-index:1;}
.mbm_veiwimg .prev_playbtn { width:24%; position:absolute; margin-left:50%;left:-12%; top:17vw;   z-index:5;}
.mbm_veiwimg .prev_playbtn img{ width:100%; height:auto;}
.mbm_veiwimg .veiwimg_bg { width:100%; height:58.8vw; left:0px; top:0px; position:absolute; z-index:3; background:rgba(0,0,0,0.35)}

.mbm_tit {float:left; width:88%; padding:6% 6% 3.5% 6%; font-size:5.3vw; line-height:7vw;font-weight:800;word-break:keep-all; white-space:normal; overflow:hidden; }
.mbm_infobox {float:left; width:80%; margin:0 5% 6% 5%; padding:4% 5%; border:4px solid #f3f5f7;}
.mbm_infobox li {float:left; width:100%; font-size:3.8vw; height:6vw; line-height:6vw;}
.dot_icons {float:left; width:1.3%; margin-right:2%; height:1vw; border-radius:3vw; background-color:#3c90ee; margin-top:2vw}
.mbm_infobox li p{float:left; width:26%;font-weight:700;}
.mbm_infobox li span{float:left; width:70%; display:inline-block;font-weight:500; }

.mbm_info_d {float:left; width:90%; padding:6% 5% 5% 5%; border-top:5px solid #edf0f3;}
.mbm_d_tit {float:left; width:94%; padding-left:6%; margin-bottom:4vw; font-size:4.2vw; font-weight:700; background:url('/img/new/dt_bm_icon01.png') no-repeat 0% 45%;  background-size:5%;}
.mbm_d_tit2 {float:left; width:94%; padding-left:6%; margin-bottom:4vw; font-size:4.2vw; font-weight:700; background:url('/img/new/dt_mall_icon02.png') no-repeat 0% 45%;  background-size:5%;}

.floating_btn_area {position:fixed; bottom:0px; left:0px;width:100%; height:16vw; padding-top:4vw; background-color:#efeff0; text-align:center; z-index:8}




a.mbtn_fbook {display:inline-block; font-size:4.8vw; letter-spacing:1px;
			width:39%; margin:0 1%; font-weight:800; border-radius:2vw; line-height:11vw; height:11vw;
			background-color:#8397a9;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(0,55,181,0.15);}
a.mbtn_fapp {display:inline-block; font-size:4.8vw; letter-spacing:1px;
			width:39%; margin:0 1%; font-weight:800; border-radius:2vw; line-height:11vw; height:11vw;
			background-color:#3c90ee;color:#fff; text-align:center;box-shadow: 0px 4px 7px rgba(0,55,181,0.15)}
a.mbtn_fbook2 {display:inline-block; font-size:4.8vw; letter-spacing:1px;
			width:80%;  font-weight:800; border-radius:2vw; line-height:11vw; height:11vw;
			background-color:#3c90ee;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(0,55,181,0.15);}

.mbm_veiwimg2 {float:left; width:100%; padding-top:6vw; padding-bottom:1.8vw; height:51vw;background-color:#e9eff4;text-align:center;}
.mbm_veiwimg2 img{display:inline-block; width:auto; height:51vw;}
.mbm_d_line {float:left; width:100%; margin-bottom:3vw; height:1px; background: url('/img/new/line_dot.png') repeat-x left bottom;}

.mbm_rcm {float:left; width:100%; }
.mbm_rcm td {font-size:3.6vw; text-align:center; padding-top:1vw; padding-bottom:1vw;}
.mbm_rcm td.rcm_tit {padding-left:2%; font-size:3.6vw; text-align:left;}
.mbm_rcm td.dot_icons2 {font-size:5vw; border-radius:3vw; color:#8397a9;font-weight:800;}

.mbm_rcm td a{ display:inline-block;font-weight:500; width:95%;font-size:3.5vw; border-radius:1.8vw; height:8vw; line-height:8vw;background-color:#8397a9;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(0,55,181,0.15); }

.mbm_book_dcont {float:left; width:98%; padding-left:2%; padding-top:1vw; font-weight:500; font-size:3.6vw;line-height:5vw}

.floating_footer {float: left; width:100%; height:17vw; background-color:#ccc; text-align:center;}




.floating_btn_area2 {position:fixed; bottom:0px; left:0px;width:100%; height:16vw; padding-top:4vw;  padding-bottom:2vw;background-color:#efeff0; text-align:center; z-index:12}
.mot_fbtn {float:left; width:90%; padding:0 5%;}
.mot_fbtn li {float:left; width:25%;}
.mot_fbtn li a{display:inline-block; width:100%;}
.mot_fbtn li a img{display:inline-block; width:100%;}
.floating_footer2 {float: left; width:100%; height:19vw; background-color:#ccc; text-align:center;}


/* 신청 */
/* 영어 */
.mapp_cont01 {float:left; width:90%; padding:0 5% 9% 5%; border-bottom:5px solid #edf0f3; margin-bottom:5vw;}
.mapp_cont_tit {float:left; width:100%;font-weight:800;font-size:5vw; margin-bottom:4vw; }
.mapp_cont_tit2 {float:left; width:100%;font-weight:800;font-size:5vw; margin-bottom:4vw; letter-spacing:1px;}
.mapp_bnt2{float:left; width:100%;}
.mapp_bnt2 li{float:left; width:49%; margin-right:2%}
.mapp_bnt2 li:nth-child(2n){ margin-right:0;}
.mapp_bnt3{float:left; width:100%;}
.mapp_bnt3 li{float:left; width:32%; margin-right:2%}
.mapp_bnt3 li:nth-child(3n){ margin-right:0;}
.mapp_bnt4{float:left; width:100%;}
.mapp_bnt4 li{float:left; width:23.5%; margin-right:2%}
.mapp_bnt4 li:nth-child(4n){ margin-right:0;}
.mapp_bnt5{float:left; width:100%;}
.mapp_bnt5 li{float:left; width:18.4%; margin-right:2%; margin-bottom:2vw}
.mapp_bnt5 li:nth-child(5n){ margin-right:0;}

.mapp_chk_cos {float:left; width:100%; margin-top:2vw}
.mapp_chk_cos li{float:left; width:100%; font-size:4vw; font-weight:500; margin-bottom:1.5vw;  text-align:left;}
.mapp_chk_cos li input{width:2.5vw;height:2.5vw;}


.mapp_cont01 a{display:inline-block;font-weight:500; width:100%;font-size:4vw; border-radius:2vw; height:13vw; line-height:13vw;background-color:#e7f2f3;color:#3c636a; text-align:center; }
.mapp_cont01 a:hover{display:inline-block;font-weight:700; width:100%;font-size:4vw; border-radius:2vw; height:13vw; line-height:13vw;background-color:#2baec7;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(146,209,242,0.5);}
.mapp_cont01 a.mapp_btn_on {display:inline-block;font-weight:700; width:100%;font-size:4vw; border-radius:2vw; height:13vw; line-height:13vw;background-color:#2baec7;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(146,209,242,0.5);}

  select#mapp_cont_sel {float:left; text-align:left; padding-left:5%; width:100%;  border:3px solid #2baec7; border-radius:2.3vw;
						font-weight:700;font-size:4vw;color:#3c636a; height:13vw !important; line-height:12vw;
						-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; 
						background: url('/img/new/app_ing_icon01.png')no-repeat 95% 55% #fff; background-size:6%; 
						box-shadow: 0px 3px 7px rgba(146,209,242,0.5);}
  option#mapp_cont_sel {font-weight:700;font-size:4vw;color:#3c636a;}

  input#mapp_cont_input {float:left; text-align:left; padding-left:5%; width:100%;  border:3px solid #2baec7; border-radius:2.3vw;
						font-weight:700;font-size:4vw;color:#3c636a; height:13vw !important; line-height:12vw;
						box-shadow: 0px 3px 7px rgba(146,209,242,0.5); background-color:#fff;box-sizing: border-box;}
  input#mapp_cont_input2 {float:left; text-align:left; padding-left:5%; width:100%;  border:3px solid #2baec7; border-radius:2.3vw;
						font-weight:700;font-size:4vw;color:#3c636a; height:13vw !important; line-height:12vw;
						box-shadow: 0px 3px 7px rgba(146,209,242,0.5); background-color:#fff;box-sizing: border-box;}
.mapp_cont_info {float:left; text-align:left; padding-left:2.5%; width:100%;box-sizing: border-box;
				height:9vw;border-left:3px solid #2baec7; line-height:9vw;font-size:3.5vw; color:#3c636a; letter-spacing:-0.4px;
				font-weight:500;background-color:#e7f2f3; margin-bottom:4vw; border-bottom-right-radius:1.8vw; border-top-right-radius:1.8vw;}
.mapp_cont_info2 {float:left; text-align:left; padding-left:2.5%; width:100%;box-sizing: border-box;
				height:9vw;border-left:3px solid #2baec7; line-height:9vw;font-size:3.7vw; color:#3c636a; 
				font-weight:500;background-color:#e7f2f3; margin-bottom:4vw; border-bottom-right-radius:1.8vw; border-top-right-radius:1.8vw;}
.mapp_cont_infot {float:left; width:100%; font-size:3vw;  color:#1d99b1; letter-spacing:-0.4px;font-weight:500;letter-spacing:-0.4px; margin-top:3vw;}



.mapp_cont02 {float:left; width:100%; padding:0 0 9% 0; border-bottom:5px solid #edf0f3; margin-bottom:5vw;}
.mapp_cont_tit3 {float:left; width:30%; margin-left:5%; font-weight:800;font-size:5vw; margin-bottom:4vw; }
.mapp_cont_pay {float:right; width:60%; margin-right:5%; color:#0089a3; font-weight:800;font-size:5.5vw; margin-bottom:4vw;  text-align:right;}
.mapp_cont_pay span{ color:#3c636a; font-weight:500;font-size:4vw; letter-spacing:-0.4px;}

.mapp_cont_btnarea {float:left; width:90%;padding-left:5%; padding-top:2vw; text-align:center;}
a.mbtn_ap_c{float:left; display:inline-block; font-size:4.8vw; letter-spacing:1px;
			width:49%; margin-right:2%; font-weight:800; border-radius:2vw; line-height:13vw; height:13vw;
			background-color:#8397a9;color:#fff; text-align:center;  box-shadow: 0px 4px 7px rgba(146,209,242,0.5);}
a.mbtn_ap_a {float:left; display:inline-block; font-size:4.8vw; letter-spacing:1px;
			width:49%;  font-weight:800; border-radius:2vw; line-height:13vw; height:13vw;
			background-color:#2baec7;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(146,209,242,0.5);}


.mapp_cont03 {float:left; width:90%; padding:0 5% 9% 5%; }


/* 재경 */
.bmapp_cont01 {float:left; width:90%; padding:0 5% 9% 5%; border-bottom:5px solid #edf0f3; margin-bottom:5vw;}
.bmapp_cont_tit {float:left; width:100%;font-weight:800;font-size:5vw; margin-bottom:4vw; }
.bmapp_cont_tit2 {float:left; width:100%;font-weight:800;font-size:5vw; margin-bottom:4vw; letter-spacing:1px;}
.bmapp_bnt2{float:left; width:100%;}
.bmapp_bnt2 li{float:left; width:49%; margin-right:2%}
.bmapp_bnt2 li:nth-child(2n){ margin-right:0;}
.bmapp_bnt3{float:left; width:100%;}
.bmapp_bnt3 li{float:left; width:32%; margin-right:2%}
.bmapp_bnt3 li:nth-child(3n){ margin-right:0;}
.bmapp_bnt4{float:left; width:100%;}
.bmapp_bnt4 li{float:left; width:23.5%; margin-right:2%}
.bmapp_bnt4 li:nth-child(4n){ margin-right:0;}
.bmapp_bnt5{float:left; width:100%;}
.bmapp_bnt5 li{float:left; width:18.4%; margin-right:2%; margin-bottom:2vw}
.bmapp_bnt5 li:nth-child(5n){ margin-right:0;}


.bmapp_cont01 a{display:inline-block;font-weight:500; width:100%;font-size:4vw; border-radius:2vw; height:13vw; line-height:13vw;background-color:#e7edf3;color:#465a72; text-align:center; }
.bmapp_cont01 a:hover{display:inline-block;font-weight:700; width:100%;font-size:4vw; border-radius:2vw; height:13vw; line-height:13vw;background-color:#3c90ee;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(146,209,242,0.5);}
.bmapp_cont01 a.bmapp_btn_on {display:inline-block;font-weight:700; width:100%;font-size:4vw; border-radius:2vw; height:13vw; line-height:13vw;background-color:#3c90ee;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(146,209,242,0.5);}

  select.bmapp_cont_sel {float:left; text-align:left; padding-left:5%; width:100%;  border:3px solid #3c90ee; border-radius:2.3vw;
						font-weight:700;font-size:4vw;color:#465a72; height:13vw !important; line-height:12vw;
						-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; 
						background: url('/img/new/app_ing_icon01.png')no-repeat 95% 55% #fff; background-size:6%; 
						box-shadow: 0px 3px 7px rgba(146,209,242,0.5);}
  option.bmapp_cont_sel {font-weight:700;font-size:4vw;color:#465a72;}

  input.bmapp_cont_input1 {float:left; text-align:left; padding-left:5%;  border:3px solid #3c90ee; border-radius:2.3vw;
						font-weight:700;font-size:4vw;color:#465a72; height:13vw !important; line-height:12vw;
						box-shadow: 0px 3px 7px rgba(146,209,242,0.5); background-color:#fff;box-sizing: border-box;}
  input.bmapp_cont_input2 {float:left; text-align:left; padding-left:5%;   border:1px solid #b3c1cf; border-radius:2vw;
						font-weight:700;font-size::3.5vw;color:#465a72; height:8vw !important; line-height:8vw;
						 background-color:#fff;box-sizing: border-box;}

  select.bmapp_cont_sel2 {float:left; text-align:left; padding-left:5%; width:100%;  border:1px solid #b3c1cf; border-radius:2vw;
						font-weight:700; font-size::3.5vw; color:#465a72; height:8vw !important; line-height:8vw;
						-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; 
						background: url('/img/new/app_bm_icon03.png')no-repeat 95% 55% #fff; background-size:6%; }
  option.bmapp_cont_sel2 {font-weight:700;font-size::3.5vw;color:#465a72;}


.bmapp_stcos {float:left; width:100%; margin-bottom:4vw; }
a.bmapp_btn_cal {float:right;display:inline-block;  font-weight:700; width:18%;font-size:4vw; border-radius:2vw; height:13vw; line-height:13vw;background-color:#3c90ee;color:#fff; 
				text-align:center; box-shadow: 0px 4px 7px rgba(146,209,242,0.5); cursor:pointer;}
a.bmapp_btn_cal:hover {float:right;display:inline-block;  font-weight:700; width:18%;font-size:4vw; border-radius:2vw; height:13vw; line-height:13vw;background-color:#3c90ee;color:#fff; 
				text-align:center; box-shadow: 0px 4px 7px rgba(146,209,242,0.5); cursor:pointer;}

a.bmapp_btn_cal img {width:50%; vertical-align:middle;}

.bmapp_cont_info1 {float:left; text-align:left; padding-left:2.5%;  padding-right:3%;width:100%;box-sizing: border-box;
				border-left:3px solid #3c90ee; line-height:5.5vw;font-size:4.2vw; color:#465a72; padding-top:2vw; padding-bottom:2vw;
				font-weight:700;background-color:#edf2f6; border-bottom-right-radius:1.8vw; border-top-right-radius:1.8vw;}

.bmapp_cont_info2 {float:left; text-align:left; padding-left:2.5%; width:100%;box-sizing: border-box;
				height:9vw;border-left:3px solid #3c90ee; line-height:9vw;font-size:3.5vw; color:#465a72; letter-spacing:0px;
				font-weight:500;background-color:#edf2f6; border-bottom-right-radius:1.8vw; border-top-right-radius:1.8vw;}

.bmapp_cont_info3 {float:left; text-align:left; padding-left:2.5%; width:100%;box-sizing: border-box;
				height:9vw;border-left:3px solid #3c90ee; line-height:9vw;font-size:3.7vw; color:#465a72; 
				font-weight:500;background-color:#edf2f6; margin-bottom:4vw; border-bottom-right-radius:1.8vw; border-top-right-radius:1.8vw;}
.bmapp_cont_infot {float:left; width:100%; font-size:3vw;  color:#1d99b1; letter-spacing:-0.4px;font-weight:500;letter-spacing:-0.4px; margin-top:3vw;}



.bmapp_cont02 {float:left; width:100%; padding:0 0 9% 0; border-bottom:5px solid #edf0f3; margin-bottom:5vw;}
.bmapp_cont_tit3 {float:left; width:30%; margin-left:5%; font-weight:800;font-size:5vw; margin-bottom:4vw; }
.bmapp_cont_pay {float:right; width:60%; margin-right:5%; color:#0089a3; font-weight:800;font-size:5.5vw; margin-bottom:4vw;  text-align:right;}
.bmapp_cont_pay span{ color:#465a72; font-weight:500;font-size:4vw; letter-spacing:-0.4px;}

.bmapp_cont_btnarea {float:left; width:90%;padding-left:5%; padding-top:2vw; text-align:center;}
a.bmbtn_ap_c{float:left; display:inline-block; font-size:4.8vw; letter-spacing:1px;
			width:49%; margin-right:2%; font-weight:800; border-radius:2vw; line-height:13vw; height:13vw;
			background-color:#8397a9;color:#fff; text-align:center;  box-shadow: 0px 4px 7px rgba(146,209,242,0.5);}
a.bmbtn_ap_a {float:left; display:inline-block; font-size:4.8vw; letter-spacing:1px;
			width:49%;  font-weight:800; border-radius:2vw; line-height:13vw; height:13vw;
			background-color:#3c90ee;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(146,209,242,0.5);}


.bmapp_cont03 {float:left; width:90%; padding:0 5% 9% 5%; }


.bmapp_book_arae {float:left; width:96%; padding-left:2%; padding-right:2%; border-top:3px solid #edf0f3; padding-top:4vw; margin-top:4vw; }
.bmapp_book_pt {float:left; width:92%; padding-left:6.3%; font-weight:800; font-size:4.5vw; margin-bottom:3vw;
						background: url('/img/new/app_bm_icon05.png')no-repeat 0% 55% #fff; background-size:5.2%; }
.bmapp_book_pt2 {float:left; width:92%; padding-left:6.3%; font-weight:800; font-size:4.5vw; margin-bottom:3vw;
						background: url('/img/new/app_bm_icon06.png')no-repeat 0% 35% #fff; background-size:5.2%; }


.bmapp_book_info {float:left;width:100%; }
.bmapp_book_info tr{ width:100%; background: url('/img/new/line_dot.png') repeat-x left bottom;}

.bmapp_book_info th { color:#3c516a; font-size:3.5vw; padding-left:1%; font-weight:700; text-align:left;  padding-top:2vw; padding-bottom:2.5vw;} 
.bmapp_book_info td { padding-right:2%;color:#3c516a; font-size:3.5vw; font-weight:700; padding-top:2vw; padding-bottom:2.5vw; text-align:left; } 
.bmapp_book_info td span { color:#247bdc;}

a.btn_postnum {float:left; display:inline-block; font-size:3.5vw; 
			width:30%;  font-weight:800; border-radius:2vw; line-height:8vw; height:8vw;
			text-align:center;background-color:#3c90ee;color:#fff; margin-left:2%;}
a.btn_postnum:hover {float:left; display:inline-block; font-size:3.5vw; 
			width:30%;  font-weight:800; border-radius:2vw; line-height:8vw; height:8vw;
			text-align:center;background-color:#3c90ee;color:#fff; margin-left:2%;}
.bmapp_mailt {float:left; width:6%; font-size:3.5vw;font-weight:700; text-align:center; height:13vw !important; line-height:12vw;}
p.postinfo {float:left;width:100%; font-size:3.2vw; color:#247bdc; font-weight:500; margin-top:3vw; letter-spacing:-0.4px;}
p.postinfo2 {float:left;width:100%; font-size:3.2vw; color:#247bdc; font-weight:500; margin-top:1.5vw; letter-spacing:-0.4px;}
.bmapp_hp{float:left; width:6%;color:#3c516a; font-size:3.5vw;font-weight:700; text-align:center; height:8vw !important; line-height:8vw;}

  select.bmapp_cont_sel3 {float:left; text-align:left; padding-left:1%; border:3px solid #3c90ee; border-radius:2.3vw;
						font-weight:700;font-size:3.5vw;color:#465a72; height:13vw !important; line-height:12vw;
						-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; 
						background: url('/img/new/app_bm_icon02.png')no-repeat 98% 55% #fff; background-size:20%; 
						box-shadow: 0px 3px 7px rgba(146,209,242,0.5);}
  option.bmapp_cont_sel3 {font-weight:700;font-size:3.5vw;color:#465a72;}

  input.bmapp_cont_input3 {float:left; text-align:left; padding-left:1%;  border:3px solid #3c90ee; border-radius:2.3vw;
						font-weight:700;font-size:4vw;color:#465a72; height:13vw !important; line-height:12vw;
						box-shadow: 0px 3px 7px rgba(146,209,242,0.5); background-color:#fff;box-sizing: border-box;}


.bmapp_payarea {float:left; width:100%;}
.bmapp_payarea li{float:left; width:100%; height:10vw; line-height:10vw; background: url('/img/new/line_dot.png') repeat-x left bottom;}
.bmapp_payt {float:left; width:37%; text-align:left; padding-left:3%; font-weight:500;font-size:4vw;}
.bmapp_paycont {float:right; width:57%; text-align:right; padding-right:3%; font-weight:500; color:#3c516a;font-size:4vw;}

.bmapp_payarea li.bmapp_pay_total{float:left; margin-top:2vw; width:100%; border-radius:2vw; height:12vw; line-height:12vw; background:#edf2f6; background-image:none;}
.bmapp_payt2 {float:left; width:37%; text-align:left; padding-left:3%; font-weight:800;font-size:4.1vw;}
.bmapp_paycont2 {float:right; width:57%; text-align:right; padding-right:3%; font-weight:800; color:#2d88ee;font-size:4.8vw;}

.bminfobox{float:left; width:94%; padding:5% 3%; background:#edf2f6; margin-top:3vw; font-weight:500; color:#3c516a;font-size:4vw; border-radius:2vw;}
.bminfobox p{float:right; width:93%; padding:0; background:#edf2f6; text-align:left;font-weight:500; color:#3c516a;font-size:3.5vw;}
.bminfobox2{float:left; width:98%; padding:0 2%; margin-top:3vw; font-weight:500;}
.bminfobox2 p{float:right; width:93%; padding:0;  text-align:left;font-weight:500; color:#247bdc;font-size:3.5vw;}
input.bminfoc {float:left; width:4vw; height:4vw; background:#fff; border:1px solid #b3c1cf;}


input.bmapp_cont_input4 {float:left; text-align:left; padding-left:1%;   border:1px solid #b3c1cf; border-radius:2vw;
						font-weight:700;font-size:3.7vw;color:#465a72; height:8vw !important; line-height:8vw;
						 background-color:#fff;box-sizing: border-box;}
  select.bmapp_cont_sel4 {float:left; text-align:left; padding-left:1%; border:1px solid #b3c1cf; border-radius:2vw;
						font-weight:500;font-size:3.5vw;color:#465a72; height:8vw !important; line-height:6vw; margin-left:1%;
						-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; 
						background: url('/img/new/app_bm_icon03.png')no-repeat 95% 55% #fff; background-size:6%; }
  option.bmapp_cont_sel4 {font-weight:700;font-size:3.7vw;color:#465a72;}


.bmapp_btn_area {float:left;width:100%; height:16vw; padding-top:6vw;  padding-bottom:4vw;background-color:#efeff0; text-align:center;}
.bmapp_app_box {float:left; width:100%; font-size:3.2vw; height:40vw; overflow-y:scroll; font-weight:500; padding:5% 3%; border:1px solid  #b3c1cf; border-radius:2vw;background-color:#fff;box-sizing: border-box;}
 
  

  /* 영수증, 가상계좌 정보 , 배송정보 팝업*/
.mbill_pop {position: fixed; top:0px; left:0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 2147483647; }
.mbill_bg {position: fixed; left:5%; top:17vw; width:80%; padding:5%; background-color:#f2f2f2; color:#333;font-family: 'NanumSquare', sans-serif !important; border-radius:2vw; }
.mbill_bg2 {position: fixed; left:5%; top:5vw; width:80%; padding:5%; background-color:#f2f2f2; color:#333;font-family: 'NanumSquare', sans-serif !important; border-radius:2vw; }
.mbill_title {float:left; width:100%; height:10vw; line-height:10vw; position:relative; margin-bottom:3vw;}
.mbill_title p{float:left; width:100%; height:10vw; line-height:10vw; text-align:center;font-size:5.5vw; font-weight:800; }
.mbill_title .mbill_close {position:absolute; top:0px; right:0px; display:inline-block; width:7vw; height:7vw;}
.mbill_title .mbill_close img{width:100%; }

.mbill_paper {float:left; width:90%; padding:3% 5% 4% 5%; background-color:#fff;  border-radius:2vw;  text-align:left;}
.mui_title {float:left; width:98%; padding-left:2%; font-size:4.3vw; font-weight:700;height:5vw;line-height:5vw; margin-top:2vw;}
.mui_info {float:left; width:100%; margin-top:1.8vw; margin-bottom:2.5vw; padding:5%; border-top:2px solid #212126;border-bottom:1px dashed #212126;box-sizing:border-box;}
.mui_info dt{float:left;text-align:left; padding-top:1vw; padding-bottom:1vw; width:30%; line-height:5vw; font-size:3.5vw; color:#5b5b63; font-weight:600;margin:0px;}
.mui_info dd{float:left;text-align:right; padding-top:1vw; padding-bottom:1vw; width:70%;  line-height:5vw; word-break:keep-all; margin:0px; overflow:hidden; font-size:3.8vw; color:#212126; font-weight:700;}

/* .mco_txt {float:left; width:100%; margin-top:3vw;background:url('/img/new/bill_stp.png') no-repeat 90% 30%; background-size:25%; text-align:center; color:#212126;} */
.mco_txt {float:left; width:100%; margin-top:3vw; text-align:center; color:#212126;}
.mui_txt {float:left; width:100%; font-size:3.2vw;font-weight:500; margin-bottom:3vw;}
.mui_date {float:left; width:100%; font-size:3.5vw;font-weight:500; margin-bottom:3vw;}
.mui_stp {float:left; width:100%; font-size:3.8vw; font-weight:800; margin-bottom:3vw;}


  /* 재경전문가 리스트 전체 */

.msub_list_title {float:left; width:100%; height:31.5vw; background:url('/img/new/list_mbm_bg.png') no-repeat top left; background-size:100%;}
.msub_list_title h3{float:left; margin-left:7%; margin-top:9.5vw; margin-right:0px; margin-bottom:0px;  font-size:7vw; font-weight:800; 
					background: linear-gradient(to left, #02b8a5, #0d84f3);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
					letter-spacing:0.8px; height:7vw; line-height:7vw;}
.msub_list_title .subs{float:left; margin-left:7%;  width:90%; font-size:3.6vw; font-weight:600; color:#154b81; margin-top:3vw; letter-spacing:-0.5px;}
.gomem {float:left; width:100%;}
.gomem img{ width:100%; display:block;}
.gomem a{display:inline-block; width:100%; padding:0px; margin:0px;}
.gomem a img{ width:100%; display:block;}


.sw_list {float:left; width:100%; margin-bottom:2vw; margin-top:3vw;}
.sw_list h4 {float:left; width:94%; margin-left:5.5%; font-size:5.1vw; font-weight:800; height:7vw; line-height:7vw; color:#313131; margin-bottom:3vw}


.swlist_taxcos {float:left; width:95%; padding-top:1vw; padding-left:5%; margin:0px; }
.swlist_taxcos li{float:left; width:40%; margin-right:3%;} 

.swlist_taxcos li a{display:inline-block; width:100%; }
.swlist_taxcos li a .m_cos_thum{ float:left; border-radius:2vw; overflow:hidden; width:100%; height:24.5vw; box-shadow: 1px 2px 5px rgba(176,182,187,0.4); margin-bottom:3.5vw;background-color:#eaedf1;}
.swlist_taxcos li a .m_cos_txt{float:left; width:95%; word-break:keep-all; white-space:normal; overflow:hidden; text-overflow:ellipsis;
							display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
							line-height:5vw; height:9.5vw; text-align:left;
							padding:0px 1% 0px 2.5%; font-size:4.0vw; font-weight:800;  letter-spacing:-0.7px;  color:#313131;}
.swlist_taxcos li a img{width:100%; border-radius:2vw; overflow:hidden; border:0px;height:24.5vw }



  /* 재경전문가 리스트 개별 */

.msub_list_title2 {float:left; width:100%; height:26vw; background:url('/img/new/list_mbm_bg.png') no-repeat top left; background-size:100%;}
.msub_list_title2 h3{float:left; margin-left:7%; margin-top:10vw; margin-right:0px; margin-bottom:0px;  font-size:7vw; font-weight:800; 
					background: linear-gradient(to left, #02b8a5, #0d84f3);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
					letter-spacing:0.5px; height:7vw; line-height:7vw;}
.msub_list_title2 .titicons{float:right; width:17.5%; margin-right:8%; margin-top:4.5vw}
.msub_list_title2 .titicons img{width:100%;}

.mlist_taxcos {float:left; width:90%; padding-top:8vw; padding-left:5%; padding-right:5%; margin:0px; }
.mlist_taxcos li{float:left; width:47%; margin-right:6%; margin-bottom:5vw;} 
.mlist_taxcos li:nth-child(2n){ margin-right:0px;}
.mlist_taxcos li a{display:inline-block; width:100%; }
.mlist_taxcos li a .m_cos_thum{ float:left; border-radius:2vw; overflow:hidden; width:100%; height:24.5vw; box-shadow: 1px 2px 5px rgba(176,182,187,0.4); margin-bottom:3.5vw;background-color:#eaedf1;}
.mlist_taxcos li a .m_cos_txt{float:left; width:95%; word-break:keep-all; white-space:normal; overflow:hidden; text-overflow:ellipsis;
							display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
							line-height:5vw; height:9.5vw; text-align:left;
							padding:0px 1% 0px 2.5%; font-size:4.0vw; font-weight:800;  letter-spacing:-0.7px;  color:#313131;}
.mlist_taxcos li a img{width:100%; border-radius:2vw; overflow:hidden; border:0px;height:24.5vw }







/* 교재몰 전체*/


.swlist_book {float:left; width:95%; padding-left:5%; margin:0px; }
.swlist_book li{float:left; width:40%; padding:3% 2%; margin-right:3%; box-sizing: border-box; border:1px solid #e4f5fc; box-shadow: 1px 2px 6px rgba(176,182,187,0.3);background-color:#fff;border-radius:2vw; } 

.swlist_book li a{display:inline-block; width:100%; }
.swlist_book li a .m_cos_thum{ float:left; text-align:center; height:32vw; padding-top:1vw;  }
.swlist_book li a .m_cos_txt{float:left; width:92%; word-break:keep-all; white-space:normal; overflow:hidden; text-overflow:ellipsis;
							display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
							line-height:4.5vw; height:8.7vw; text-align:left;
							padding:0px 0px 0px 5%; font-size:3.8vw; font-weight:800;  letter-spacing:-0.5px;  color:#313131;}
.swlist_book li a img{width:70%; border:0px; }



/* 교재몰 개별 */

.swlist_bookcos {float:left; width:90%; padding-top:8vw; padding-left:5%; padding-right:5%; margin:0px; }
.swlist_bookcos li{float:left; width:47%; padding:3% 2%; margin-right:6%; box-sizing: border-box; border:1px solid #e4f5fc; box-shadow: 1px 2px 6px rgba(176,182,187,0.3);background-color:#fff;border-radius:2vw; margin-bottom:6vw;} 
.swlist_bookcos li:nth-child(2n){ margin-right:0px;}
.swlist_bookcos li a{display:inline-block; width:100%; }
.swlist_bookcos li a .m_cos_thum{ float:left; text-align:center; height:32vw; padding-top:1vw; margin-bottom:2vw }
.swlist_bookcos li a .m_cos_txt{float:left; width:92%; word-break:keep-all; white-space:normal; overflow:hidden; text-overflow:ellipsis;
							display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
							line-height:4.5vw; height:8.7vw; text-align:left;
							padding:0px 0px 0px 5%; font-size:3.8vw; font-weight:800;  letter-spacing:-0.5px;  color:#313131;}
.swlist_bookcos li a img{width:70%; border:0px; }



.tmem01 {float:left; width:100%;}
.tmem02 {float:left; width:100%;}
.tmem03 {float:left; width:100%; margin-top:11vw}
.tmem01 img{width:100%;display:block; }
.tmem02 img{width:100%;display:block; }
.tmem03 img{width:100%;display:block; }


.tmem01 ul {float:left;width:100%;display:inline-block; padding-bottom:7vw }
.tmem01 ul li{float:left;width:100%;display:inline-block; }
.tmem01 ul li a{float:left;display:inline-block; }
.tmem01 ul li p{float:left;display:inline-block; }



a.mbtn_one {display:inline-block; font-size:4.8vw; letter-spacing:0px;
			width:42%; margin:0 1%; font-weight:800; border-radius:2vw; line-height:11vw; height:11vw;
			background-color:#02b6d3;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(0,55,181,0.15);}
a.mbtn_gr {display:inline-block; font-size:4.8vw; letter-spacing:0px;
			width:42%; margin:0 1%; font-weight:800; border-radius:2vw; line-height:11vw; height:11vw;
			background-color:#3c90ee;color:#fff; text-align:center;box-shadow: 0px 4px 7px rgba(0,55,181,0.15)}


.sw_list .swiper-wrapper {padding-bottom:1.5vw;}
a.mbtn_sdl {display:inline-block; font-size:4.8vw; letter-spacing:0px;
			width:80%; margin:0 1%; font-weight:800; border-radius:2vw; line-height:11vw; height:11vw;
			color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(0,55,181,0.15);
			
			
			background: #0c8aea; /* Old browsers */
			background: -moz-linear-gradient(left,  #0c8aea 0%, #05aaba 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left,  #0c8aea 0%,#05aaba 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right,  #0c8aea 0%,#05aaba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c8aea', endColorstr='#05aaba ',GradientType=1 ); /* IE6-9 */
			
			}




.sdl_list {float:left; width:100%; margin-bottom:8vw; margin-top:3vw;}
.sdl_list h4 {float:left; width:94%; margin-left:5.5%; font-size:5.1vw; font-weight:800; height:7vw; line-height:7vw; color:#313131; margin-bottom:3vw}

.mlist_sdl {float:left; width:90%; padding-top:3vw; padding-left:5%; padding-right:5%; margin:0px; }
.mlist_sdl li{float:left; width:47%; margin-right:6%; margin-bottom:5vw;} 
.mlist_sdl li:nth-child(2n){ margin-right:0px;}
.mlist_sdl li a{display:inline-block; width:100%; }
.mlist_sdl li a .m_cos_thum{ float:left; border-radius:2vw; overflow:hidden; width:100%; height:24.5vw; box-shadow: 1px 2px 5px rgba(176,182,187,0.4); margin-bottom:3.5vw;background-color:#eaedf1;}
.mlist_sdl li a .m_cos_txt{float:left; width:100%; word-break:keep-all; white-space:normal; overflow:hidden; text-overflow:ellipsis;
							display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
							line-height:5vw; height:5.5vw; text-align:center;
							padding:0px; font-size:4.0vw; font-weight:800;  color:#313131;}
.mlist_sdl li a img{width:100%; border-radius:2vw; overflow:hidden; border:0px;height:24.5vw }




/* 영어 안내*/
a.mbtn_apply {display:inline-block; font-size:4.8vw; letter-spacing:0px;
			width:80%; margin:0 1%; font-weight:800; border-radius:2vw; line-height:11vw; height:11vw;
			background-color:#2baec7;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(0,55,181,0.15);}
a.mbtn_apply2 {display:inline-block; font-size:4.8vw; letter-spacing:0px;
			width:80%; margin:0 1%; font-weight:800; border-radius:2vw; line-height:11vw; height:11vw;
			background-color:#f57e2c;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(0,55,181,0.15);}
/* 비지니스*/
.m_ing_rv {float:left; width:100%;  padding-top:5vw; background-color:#e5f6f7; padding-bottom:10vw}
.m_ing_rv img{width:90%; margin-left:5%; }


.m_ing_rv .bx-pager {text-align:center; margin-top:4vw;}
.m_ing_rv .swiper-pagination-bullet {width:3vw; height:3vw}
.m_ing_rv .swiper-pagination-bullet-active {background:#0fa1bd;}
.m_ing_rv .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin-left:1vw; margin-right:1vw}


/* 주니어  */
.m_ingjr_th {float:left; width:100%;  padding-top:5vw; background-color:#f4f2ef; padding-bottom:10vw; text-align:center;}
.m_ingjr_th2 {float:left; width:100%;  padding-top:5vw; background-color:#66d0dd; padding-bottom:10vw; text-align:center;}
.m_th_view {display:inline-block;  width:285px; height:160px;}
.m_th_btns {display:inline-block; width:95%; padding-top:5vw; padding-left:5%; margin:0px;}
.m_th_btns li{float:left; width:35%; margin-right:4%;}

.m_th_btns li a{ display:inline-block; border-radius:2vw; width:100%; background-color:#000; border:3px solid #f4f2ef; overflow:hidden;}
.m_th_btns li a:hover{ border:3px solid #ffbc4c;}
.m_th_btns li a.viewon{ border:3px solid #ffbc4c;}

.m_th_btns li a img{width:100%;border:0px; opacity:0.6; display:block;}
.m_th_btns li a:hover img{width:100%;  border:0px; opacity:1;}
.m_th_btns li a.viewon img{width:100%;  border:0px; opacity:1;}

.th_name_b {display:block;width:100%; text-align:left; font-size:4.3vw; font-weight:800; color:#313131; margin-top:1vw}
.th_name_s {display:block;width:100%; text-align:left; font-size:2.8vw; font-weight:500; color:#ffa308; margin-top:0.5vw}



.m_ingjr_rv {float:left; width:100%;  padding-top:10vw; background-color:#ffac36; padding-bottom:10vw; text-align:center;}

.m_rv_view {display:inline-block;  width:285px; height:160px;}

.m_rv_btns {display:inline-block; width:95%; padding-top:5vw; padding-left:5%; margin:0px;}

.m_rv_btns li{float:left; width:35%; margin-right:4%;}

.m_rv_btns li a{ display:inline-block; border-radius:2vw; width:100%; background-color:#000; border:3px solid #ffac36; overflow:hidden;}
.m_rv_btns li a:hover{ border:3px solid #fff;}
.m_rv_btns li a.viewon{ border:3px solid #fff;}
.m_rv_btns li a img{width:100%;  border:0px; opacity:0.6; display:block; }
.m_rv_btns li a:hover img{width:100%; border:0px; opacity:1;}
.m_rv_btns li a.viewon img{width:100%; border:0px; opacity:1;}



/* 과정검색 */

.search_tit {float:left; width:84%; padding:0px 8%; font-weight:500; font-size:6vw; letter-spacing:-0.5px; margin-bottom:6vw; margin-top:10vw;}
.search_tit_b {font-weight:800;}
.search_box {float:left; width:86%; margin:0px 7%; border-bottom:1px solid #959595;}
.search_box input.search_input {float:left; width:73vw; height:12vw; line-height:13vw; padding:0px 2%; color:#5e5e5e; border:0px; box-sizing: border-box; font-weight:500; font-size:5vw; background:none; }
.search_btnicon {float:right; padding:2vw; width:8vw; height:8vw; color:#5e5e5e;}
.search_btnicon img{width:100%;}


.m_srh_area {float:left; width:86%; padding:8% 7% 10% 7%; margin-top:10vw; background-color:#f5f7f9;}
.ttnum {float:left; width:99%; padding-left:1%; margin-bottom:2vw;font-weight:800; font-size:4.5vw; }
.srh_no {float:left; width:100%; text-align:center;font-weight:600; height:20vw; line-height:20vw; font-size:4vw; background-color:#f1f3f4; border-radius:2vw;}
.srh_cont {float:left; width:100%; text-align:left ;font-weight:600; font-size:4vw; /*border-top:2px solid #888; border-bottom:1px solid #888;*/ margin-bottom:5vw;}

.srh_cont li {float:left; width:100%; /*border-bottom:1px dotted #a0a0a0;*/  margin-bottom:1vw; padding:0px; background-color:#fff; border-radius:2vw;}
.srh_cont li:last-child{border-bottom:0px; margin:0px;}
.srh_cont li a {display:inline-block;  width:92%; padding:0px 4%; height:13vw; line-height:14vw; color:#313131;}
.cos_srhr {float:left; width:100%;}
.srh_cos_tit {float:left; width:100%; font-size:4.1vw; font-weight:700; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }


.mbtn_srhmore {float:left; width:100%; text-align:center;margin-bottom:4vw}
.mbtn_srhmore a.srh_mor{display:inline-block; width:60%; text-align:center; background-color:#3c90ee; color:#fff; font-weight:700; font-size:4vw; height:10vw; line-height:10vw; border-radius:1.8vw }










.search_box2 {float:left; width:88%; margin:0px 6%; border-bottom:1px solid #959595; margin-bottom:6vw;}
.search_box2 select {float:left;width:20vw; font-weight:500; font-size:4.3vw; height:11vw; line-height:12vw;  border:0px;background:#fff;}
.search_box2 input.search_input2 {float:left; width:53vw; height:11vw; line-height:12vw; padding:0px 2%; 
			color:#5e5e5e; border:0px; box-sizing: border-box; font-weight:600; font-size:4.3vw; 
			background:none; }
.search_btnicon2 {float:right; padding:2vw; width:11vw; height:11vw; color:#5e5e5e; border:0px; background:none; margin:0px;}
.search_btnicon2 img{width:100%;}

 .msrcb_btn {float:left; width:100%; margin-top:-2vw; text-align:center;}

 .mbtn_wi {display:inline-block; font-size:4.3vw; font-weight:700; width:90%; height:12vw; line-height:12vw; border:0px; border-radius:1.8vw;
			background-color:#6174d8;color:#fff; text-align:center; box-shadow: 0px 3px 7px rgba(190,196,202,0.6);}

.mbtn_glist {display:inline-block; font-size:4.3vw; font-weight:700; width:26%; height:12vw; line-height:12vw; border:0px; border-radius:1.8vw;
			background-color:#6174d8;color:#fff; text-align:center; box-shadow: 0px 3px 7px rgba(190,196,202,0.6); margin-right:0.6vw; margin-left:0.6vw}

.mbtn_del {display:inline-block; font-size:4.3vw; font-weight:700; width:26%; height:12vw; line-height:12vw; border:0px; border-radius:1.8vw;
			background-color:#72849a;color:#fff; text-align:center;margin-right:0.6vw; margin-left:0.6vw}

  
 
.qna_wcont01 {float:left; width:90%; padding:0 5%; margin-bottom:2vw; margin-top:1vw;} 
  
  
  select.qna_wcont_sel {float:left; text-align:left; padding-left:3%; border:1px solid #b5b5b5; border-radius:1vw;
						font-weight:700;font-size:4vw;color:#313131; height:12vw !important; line-height:12vw;
						-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; 
						background: url('/img/new/app_bm_icon03.png')no-repeat 95% 55% #fff; background-size:4%; 
						}
  option.qna_wcont_sel {font-weight:700;font-size:4vw;color:#313131;}

  input.qna_wcont_input {float:left; text-align:left; padding-left:3%;  border:1px solid #b5b5b5;  border-radius:1vw;
						font-weight:700;font-size:4vw; height:12vw !important; line-height:12vw;color:#313131 !important;
						 background-color:#fff;box-sizing: border-box;}

.qna_wcont_user {float:left; width:100%;text-align:left; padding-left:3%;  border-radius:1.8vw; 
						font-weight:700;font-size:4vw; height:11vw !important; line-height:11vw;color:#1d2f8c;
						background-color:#eef1fd;box-sizing: border-box; margin-bottom:3vw}



  /* 사업연혁 */


.content_box {float:left; width:90%; padding:0 5%;}
.content_box_left {float:left; width:100%; padding-bottom:2vw; border-bottom:1px solid #aaa;}
.page_sub {float:left; font-weight:800;font-size:5.2vw; height:6vw; line-height:6vw;}
.page_sub2 {float:left;font-weight:600;font-size:4.1vw; margin-left:2vw; color:#7c828c; height:5vw; margin-top:1vw; line-height:6vw;}

.history_year {float:left;color: #2d48ab;font-size:4.3vw;font-weight:700; background-color:#f5f7fd; height:8vw;line-height:8vw;border-radius:10vw;  padding:0 4%}
.history_explain {float:left; width:100%;font-size:3.6vw;font-weight:500; margin:0px; padding:0px;}
.history_text {margin:0px; width:97%; padding:0px 0px 3% 3%;border-bottom:1px dotted #ddd;}
  /* 공통 footer */
.footer_area_new {float:left; width:100%;  background-color:#fff; border-top:5px solid #eceff3; padding:3% 0px 5% 0px;font-family: 'NanumSquare', sans-serif;position:relative;}
.footer_area_new .footer {float:left; width:100%; }
.footer_area_new .list_corp {float:left; width:90%; padding:0px 5% 3% 5%; text-align:center;  border-bottom:1px solid #eceff3; }
.footer_area_new .list_corp li{display:inline-block; border-right:1px solid #ccc; padding-left:3%; padding-right:3%; padding-top:0px; padding-bottom:0px; text-align:center;}
.footer_area_new .list_corp li a{color:#121106; font-size:3vw; font-weight:600;font-family: 'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;}
.footer_area_new .footer_num {float:left; width:84%; padding-left:8%;  text-align:center; margin-top:3%; color:#444;}
.footer_area_new .footer_com_name {display:inline-block;font-size:3.2vw; font-weight:600; margin-right:8px;}
.footer_area_new .footer_com_num {display:inline-block; font-size:4vw;  font-weight:800;}
.footer_area_new .footer_copy {float:left; width:100%; color:#a7a7a7; text-align:center; clear:both; padding-top:2%;font-size:2vw; letter-spacing:0.05em;}

.footer_gap {float:left; width:100%; background-color:#fff; height:20vw;}

   .footer_kko {position:absolute; display:inline-block; right:5vw; top:3vw; }























a.mbtn_apply3 {display:inline-block; font-size:4.8vw; letter-spacing:0px;
			width:80%; margin:0 1%; font-weight:800; border-radius:2vw; line-height:11vw; height:11vw;
			background-color:#3c90ee;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(0,55,181,0.15);}





.law_cos01 {float:left; width:90%; padding:13% 5%; background-color:#fff;}
.law_cos01 p{float:left; color:#282b2c; width:98%; padding-left:2%; font-weight:800; font-size:5.2vw; text-align:left; margin-bottom:3vw;}
.law_cos01 p span{float:left; width:100%;display:inline-block; font-size:4vw;  text-align:left; margin-bottom:2vw;}
.law_cos01 p.law_pay{float:left; width:auto; color:#282b2c; padding:2% 5%; border-radius:10vw;font-weight:700; font-size:3.5vw; text-align:left; margin-bottom:5vw; background-color:#f0f5f6;}

.law_cos02 {float:left; width:90%; padding:13% 5%; background-color:#f0f5f6;}
.law_cos02 p{float:left; color:#282b2c; width:98%; padding-left:2%; font-weight:800; font-size:5.2vw; text-align:left; margin-bottom:3vw;}
.law_cos02 p span{float:left; width:100%;display:inline-block; font-size:4vw;  text-align:left; margin-bottom:2vw;}
.law_cos02 p.law_pay{float:left; width:auto; color:#282b2c; padding:2% 5%; border-radius:10vw;font-weight:700; font-size:3.5vw; text-align:left; margin-bottom:5vw; background-color:#fff;}



.law_cos01 .lawprev_video {float:left; width:100%; height:51vw; box-shadow: 0px 6px 9px rgba(52,73,108,0.28); border:1px solid #b3c3d3; box-sizing: border-box; background-color:#000; z-index:7;}
.law_cos01 .lawprev_video img {display:inline-block; width:100%;}


.law_cos02 .lawprev_video {float:left; width:100%; height:51vw; box-shadow: 0px 6px 9px rgba(52,73,108,0.28); border:1px solid #b3c3d3; box-sizing: border-box; background-color:#000; z-index:7;}
.law_cos02 .lawprev_video img {display:inline-block; width:100%;}



  /* ucc 2024 */
  #m_ucc24_wrap{float:left; overflow:hidden; width:100%; background:#fff; font-family: 'NanumSquare', sans-serif; }
  #mevt24_cont {float:left; position:relative;width:100%; height:238vw;font-family: 'NanumSquare', sans-serif !important;
	 background:url('/img/new/ucc24_bg_mo.jpg') no-repeat center -2vw #447fe0; background-size: contain; }
 .mevt_ucc24_tit {float:left;  width:100%;display:inline-block; height:9vw; margin-top:51vw}
 .mevt_ucc24_btn {float:left; width:100%; box-sizing: border-box; padding-left:7vw}
 .mevt_ucc24_btn li{float:left; display:inline-block; margin-right:1vw}
 .mevt_ucc24_btn li a {display:inline-block; width:25vw; color: #fff; text-align: center; height:9vw; line-height:9vw; border-radius: 8vw; font-size:3.5vw; font-weight: 600;box-shadow: 0px 2px 5px rgba(0,21,56,0.2);}
 .mevt_ucc24_btn li a.ebtbtn01 {background:#3b83f1;}
 .mevt_ucc24_btn li a.ebtbtn02 {background:#114293;}

.mevt_ucc24_cont { float:left; width: 92%; margin:17vw 4% 2vw 4%;}
.mevt_ucc24_cont_tit { float:left; width: 100%; text-align: center;font-size:4.5vw;line-height: 6vw; font-weight: 700; color:#fff; margin-bottom: 3vw;}
.mevt_ucc24_info { float:left; text-align: left; width: 100%; padding: 5vw; border-radius:2vw; box-sizing: border-box; background: #fff;}
.mevt_ucc24_info li{ float:left;  width: 100%; margin-bottom:2vw; padding-bottom:2vw ; border-bottom: 1px dotted #00a2ec;}
.mevt_ucc24_info li:last-child {border-bottom: 0px;}
.ucc24_info_t {float:left; display:inline-block;width: 18vw;font-size: 3.2vw; font-weight: 500; border-radius: 9vw; height:6vw; line-height:6vw;background: #3f77fb; color: #fff; text-align:center; margin-top:1vw}
.ucc24_info_s {float:right; margin-top:1vw; display:inline-block; width:calc(100% - 20vw) !important; margin-bottom:1vw; font-size: 3.2vw;font-weight: 400;}
.u24is_t {display:inline-block; float:left; width: 16vw; color: #005aa0; font-weight: 600;}
.u24is_s {display:inline-block; float:left; width:calc(100% - 16vw) !important;line-height: 4vw;}

a.u24is_btn {display:inline-block;float:left;margin-top:-1.3vw; width:35vw; border-radius: 1vw; background: #114293; color: #fff; text-align:center; height: 6vw; line-height: 6vw;font-size: 3.2vw;}
a.u24is_btn02 {display:inline-block;float:left;margin-top:2vw; width:100%; border-radius: 2vw; background: #114293; color: #fff; text-align:center; height: 11vw; line-height: 11vw;font-size: 4.5vw; font-weight: 600;box-shadow: 0px 2px 5px rgba(0,21,56,0.2);}
a.u24is_btn03 {display:inline-block;float:left;margin-top:2vw; width:100%; border-radius: 2vw; background: #114293; color: #fff; text-align:center; height: 13vw; line-height: 13vw;font-size: 4.5vw; font-weight: 600;box-shadow: 0px 2px 5px rgba(0,21,56,0.2);}
a.u24is_btn04 {display:inline-block;float:left;margin-top:3vw; width:100%; border-radius: 2vw; background: #195fd2; color: #fff; text-align:center; height: 13vw; line-height: 13vw;font-size: 4.5vw; font-weight: 600;box-shadow: 0px 2px 5px rgba(0,21,56,0.2);}


#evt_ucc2402 {float:left; width:100%; min-height:105vw; padding-top:1vw; padding-bottom:5vw; background-color: #f5faff;}

.ucc2402_tit {float:left; width:90%; padding:7% 5% 3% 5%; font-size:5.5vw; font-weight:800; }
.mevt2402_tit {float:left; width:100%; padding:7% 0px 5% 0px; text-align:center;font-size:5vw; font-weight:800; color: #195fd2; }

.ucc2402_table {float:left;  margin-left:5%; width:90%;}
.ucc2402_table li {float:left; width:100%;  text-align:center;font-size:4vw;font-family: 'NanumSquare', sans-serif; padding-bottom:1vw}

.ucc2402_table li a {display:inline-block; color:#313131; width:100%; 
							padding-top:4vw;  padding-bottom:3.5vw; padding-left:4vw; padding-right:4vw;
							height:20vw;  border-radius:2.3vw;border:1px solid #5f9cff; 
							background-color:#fff; box-shadow: 0px 2px 5px rgba(48,106,199,0.2); box-sizing: border-box; text-align:left; position:relative; }

.ucc2402_table li a:hover {display:inline-block; color:#313131; width:100%; 
							padding-top:4vw;  padding-bottom:3.5vw; padding-left:4vw; padding-right:4vw;
							height:20vw;  border-radius:2.3vw;border:2px solid #2772ea; 
							background-color:#fff; box-shadow: 0px 2px 5px rgba(48,106,199,0.2); box-sizing: border-box; text-align:left; position:relative; }

.mevt24_ep {display:inline-block; color:#5c6179; width:100%; 
	padding-top:4vw;  padding-bottom:3.5vw; padding-left:4vw; padding-right:4vw;
	height:20vw; line-height:11vw;  border-radius:2.3vw;border:1px solid #f1f2f7; font-weight:700; font-size:4.3vw;
	background-color:#f1f2f7;  box-sizing: border-box; text-align:center; position:relative; }


	#m_ucc24_wrap .pagination2 {float:left;width:100%; text-align:center; margin-top:5vw; font-size:4vw; margin-bottom:9vw}
	#m_ucc24_wrap .pagination2 a {display:inline-block; padding:0px; text-align:center;font-size:4vw; width:7.5vw; height:7.5vw;line-height:8vw;color:#222;}
	#m_ucc24_wrap .pagination2 a.active {display:inline-block; padding:0px; color:#fff;text-align:center; font-size:4vw; font-weight:700; width:7.5vw;height:7.5vw; line-height:8vw; background-color:#abd8f2; border-radius:10vw}
	

.ucc24_infopop {position: fixed;top:0px; left:0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 99;}
.ucc24_infopop_box {position: fixed; display:inline-block; width:92%;  left:4%; top:26vw; border-radius:3vw; z-index: 999;  background:#fff; padding:3vw 3vw; box-sizing: border-box;}

.ucc24_infopop_boxtit {float:left; width:100%; height:10vw;}
.ucc24_infopop_boxtit p{float:left; display: inline-block;  height:10vw; line-height:11vw; font-size:5.5vw; font-weight: 600; text-align: left;}
.ucc24_infopop_boxtit a {float:right;}
.ucc24pc_info_box {float:left; width:100%; text-align:left;}
.ucc24_table {float:left; width:100%; border-top:1px solid #3e83e2; border-bottom:1px solid #3e83e2; border-collapse:collapse; margin-top:10px}
.ucc24_table th {font-weight:600; box-sizing: border-box; background:#f0f6f9;  line-height:4vw !important; color:#0547c0; font-size:3.5vw; padding:10px 0px; text-align:center; letter-spacing:-0.5px;}
.ucc24_table th span {color:#5a9fff; font-size:3vw; font-weight:400;}
.ucc24_table td {font-weight:600; box-sizing: border-box;background:#fff;  border-bottom:1px solid #b4c3cb;color:#333; font-size:17px; padding:10px 0px 10px 0px; 
					text-align:left;}
.ucc24_table td p.epc_table03_t {  font-size:3.2vw; font-weight:600; color:#0547c0; margin:0px; padding:0px 0px 0px 1vw;}
.ucc24_table td p.epc_table03_s {  font-size:3vw;  font-weight:400;  letter-spacing:-0.5px; padding-right:1vw;}
.cc24epcinfo_subt04 {float:left; width:100%; font-size:3vw; font-weight:400; letter-spacing:-0.5px;margin-top:2vw; color:#ff6600;  }



  /* 통합 고도화 끝 한소영_210218 */
 #mevt_cont {float:left; position:relative;width:100%; }
 #evt_ucc01 {float:left; width:100%; background:#f9f7f3; padding-bottom:10vw; text-align:center;}

  .mevt_ucc_tit {position:absolute; width:100%;display:inline-block; }
  .mevt_ucc_tit img{width:100%; display:block;}
  .mevt_ucc_txt {float:left; width:100%;}
  .mevt_ucc_btn { float:left; width:95%; padding-left:5%; }
  a.ebtbtn01 {display:inline-block;float:left; }
  a.ebtbtn02 {display:inline-block;float:left; }
   .mevt_ucc_tit a img{width:auto; height:8vw;display:block;}
  .mevt_ucc01 {float:left; width:100%; }
  .mevt_ucc01 img{width:100%;display:block; }


  #evt_ucc01 {float:left; width:100%; background:#f9f7f3; padding-bottom:10vw; text-align:center;}
  .mevt_ucc_info {float:left; width:100%;}
  .mevt_ucc_info img{width:100%; }
  .mevt_ucc_btn03 {float:; margin-top:3vw; margin-left:10%; width:80%; text-align:center; height:12vw; line-height:12vw; font-size:4.2vw; font-weight:600; color:#fff; background:#3bbb7d; 
					box-shadow: 0px 6px 15px rgba(115,255,201,0.51);border-radius:15vw;}



  #evt_ucc02 {float:left; width:100%; min-height:105vw; padding-top:1vw; padding-bottom:5vw;}
  #evt_ucc03 {float:left; width:90%;padding-left:5%; padding-right:5%; padding-top:10vw; padding-bottom:12vw; background:#ff985c; }
  .mevt_uccapp01 {float:left; width:100%; text-align:center; font-size:5.3vw; margin-bottom:5vw; font-weight:800; color:#fff;}
.mevt_ucc_ex {float:left; width:100%; margin-bottom:0.5vw}
.mevt_ucc_ex01 {float:left; width:49.5%; margin-right:1%; }
.mevt_ucc_ex01 a {display:inline-block; border-top-left-radius:1.7vw; color:#fff; font-size:3.3vw; letter-spacing:-1px; font-weight:600;width:82%; padding-left:18%; height:10vw; line-height:11vw; background:url('/img/new/evt_ucc_btn04.png') no-repeat 6% 3vw #ee7a37; background-size:10%; }
.mevt_ucc_ex01 a.on {display:inline-block; border-top-left-radius:1.7vw; color:#df6b28; font-size:3.3vw; letter-spacing:-1px; font-weight:600;width:82%; padding-left:18%; height:10vw; line-height:11vw; background:url('/img/new/evt_ucc_btn03.png') no-repeat 6% 3vw #fff; background-size:10%; }
.mevt_ucc_ex02 {float:left; width:49.5%;  }
.mevt_ucc_ex02 a {display:inline-block; border-top-right-radius:1.7vw; color:#fff; font-size:3.3vw; letter-spacing:-0.5px; font-weight:600; width:82%; padding-left:18%; height:10vw; line-height:11vw; background:url('/img/new/evt_ucc_btn04.png') no-repeat 6% 3vw #ee7a37; background-size:10%; }
.mevt_ucc_ex02 a.on {display:inline-block; border-top-right-radius:1.7vw; color:#df6b28; font-size:3.3vw; letter-spacing:-0.5px; font-weight:600; width:82%; padding-left:18%; height:10vw; line-height:11vw; background:url('/img/new/evt_ucc_btn03.png') no-repeat 6% 3vw #fff; background-size:10%; }
.mevt_ucc_exviwe {float:left; width:100%; height:51vw; overflow:hidden; border-bottom-left-radius:1.7vw;  border-bottom-right-radius:1.7vw; background:#df6b28; }


.mevt_tit {float:left; width:90%; padding:7% 5% 3% 5%; font-size:5.5vw; font-weight:800; }

.mevt_table {float:left;  margin-left:5%; width:90%;}
.mevt_table li {float:left; width:100%;  text-align:center; background-color:#fff;font-size:4vw;font-family: 'NanumSquare', sans-serif; padding-bottom:1vw}

.mevt_table li a {display:inline-block; color:#313131; width:100%; 
							padding-top:4vw;  padding-bottom:3.5vw; padding-left:4vw; padding-right:4vw;
							height:20vw;  border-radius:2.3vw;border:1px solid #cef1df; 
							background-color:#fff; box-shadow: 0px 5px 9px rgba(0,0,0,0.05); box-sizing: border-box; text-align:left; position:relative; }

.mevt_table li a:hover {display:inline-block; color:#313131; width:100%; 
							padding-top:4vw;  padding-bottom:3.5vw; padding-left:4vw; padding-right:4vw;
							height:20vw;  border-radius:2.3vw;border:2px solid #3bbb7d; 
							background-color:#fff; box-shadow: 0px 5px 10px rgba(115,255,201,0.51); box-sizing: border-box; text-align:left; position:relative; }
.ucc_tit{float:left; width:95%; text-align:left; font-size:4.3vw; line-height:6vw;font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ucc_date {float:left; width:100%; text-align:left; font-size:3.2vw; margin-top:1vw; color:#5c6179}
.mevt_ep {display:inline-block; color:#5c6179; width:100%; 
							padding-top:4vw;  padding-bottom:3.5vw; padding-left:4vw; padding-right:4vw;
							height:20vw; line-height:11vw;  border-radius:2.3vw;border:1px solid #f1f2f7; font-weight:700; font-size:4.3vw;
							background-color:#f1f2f7;  box-sizing: border-box; text-align:center; position:relative; }

 .mbtn_wi2 {display:inline-block; font-size:4.3vw; font-weight:700; width:80%; height:12vw; line-height:12vw; border:0px; border-radius:10vw;
			background-color:#3bbb7d;color:#fff; text-align:center; box-shadow: 0px 3px 7px rgba(115,255,201,0.51);}


#m_sub_wrap .pagination2 {float:left;width:100%; text-align:center; margin-top:5vw; font-size:4vw; margin-bottom:9vw}
#m_sub_wrap .pagination2 a {display:inline-block; padding:0px; text-align:center;font-size:4vw; width:7.5vw; height:7.5vw;line-height:8vw;color:#222;}
#m_sub_wrap .pagination2 a.active {display:inline-block; padding:0px; color:#fff;text-align:center; font-size:4vw; font-weight:700; width:7.5vw;height:7.5vw; line-height:8vw; background-color:#98ccad; border-radius:10vw}

.btn_cmm{display:inline-block;margin-top:0px; text-align:center;font-size:3.5vw; font-weight:600; color:#fff; width:40%; height:7vw;line-height:7vw; border-radius:20vw; background:#32b7ed;cursor:pointer;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;}







.gt_area {float:left; width:100%; }
.gt_area img{width:100%; display:block; }

.gt_cont {float:left; width:90%; padding-left:5%; padding-right:5%; padding-bottom:10vw; padding-top:8vw }
.gt_cont_tit {float:left; width:100%;}
.gt_cont_t {float:left; width:100%; font-weight:800; font-size:5vw; color:#2a2d4f}
.gt_cont_line {float:left; height:2px; width:10%; background-color:#3e406e; clear:both; margin-top:4vw; margin-bottom:4vw;}

.gt_cont_txt {float:left; width:100%; text-align:left; font-weight:500; font-size:3.7vw; color:#363636; line-height:5.5vw; margin-bottom:3.5vw;}

.gt_btns {float:left; width:100%; margin-top:3vw;}
.gt_btns li{float:left; width:100%; font-size:4.7vw; font-weight:800; color:#fff; border-radius:2vw; margin-bottom:1.5vw;}
.gt_btns li a {display:block; width:83%; padding:0 0 0 17%; height:13vw; line-height:13.5vw; font-size:4.7vw; font-weight:600; color:#fff;}

.gt_btns li.gtbtns01 { background:url('/img/new/mccf_gt_btn01.png') no-repeat 4% 3vw #4a72df; background-size:10%; }
.gt_btns li.gtbtns02 { background:url('/img/new/mccf_gt_btn02.png') no-repeat 4% 2.5vw #10a2d9; background-size:10%;}
.gt_btns li.gtbtns03 { background:url('/img/new/mccf_gt_btn03.png') no-repeat 4% 2.5vw #0acb80; background-size:10%;}







.bi_area {float:left; width:100%; }
.bi_area img{width:100%; display:block; }

.bi_cont {float:left; width:100%; }
.bi_cont img{width:100%; display:block; }



.bi_btns {float:left; width:90%; padding-left:5%;  padding-right:5%;   padding-top:10vw; padding-bottom:10vw; background-color:#f1f2f3;}
.bi_btns li{float:left; width:100%; font-size:4.7vw; font-weight:800; color:#fff; border-radius:2vw; margin-bottom:1.5vw;}
.bi_btns li a {display:block; width:83%; padding:0 0 0 17%; height:13vw; line-height:13.5vw; font-size:4.7vw; font-weight:600; color:#fff;}

.bi_btns li.gtbtns01 { background:url('/img/new/mccf_gt_btn01.png') no-repeat 4% 3vw #4a72df; background-size:10%; }
.bi_btns li.gtbtns02 { background:url('/img/new/mccf_gt_btn02.png') no-repeat 4% 2.5vw #10a2d9; background-size:10%;}
.bi_btns li.gtbtns03 { background:url('/img/new/mccf_gt_btn03.png') no-repeat 4% 2.5vw #0acb80; background-size:10%;}
.bi_btns li.gtbtns04 { background:url('/img/new/mccf_gt_btn04.png') no-repeat 4% 2.5vw #00b5c3; background-size:10%;}



.bi_cont_b {float:left; width:100%;  padding-top:0vw; background-color:#fff; padding-bottom:10vw}
.bi_cont_b img{width:90%; margin-left:5%; }


.bi_cont_b .bx-pager {text-align:center; margin-top:4vw;}
.bi_cont_b .swiper-pagination-bullet {width:3vw; height:3vw}
.bi_cont_b .swiper-pagination-bullet-active {background:#0fa1bd;}
.bi_cont_b .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin-left:1vw; margin-right:1vw}







.asp_main_mcont3 {float:left; width:90%; padding-left:5%; padding-right:5%; padding-top:23vw; background-color:#fff; }




.asp_mv_warp3 {float:left;  width:100%; margin-top:20vw; text-align:center;}

.asp_main_mvtxt3 {float:left; width:100%; text-align:center}
.asp_main_mvtxt3 img {width:90%;}
 a.mccf2_apply_go {display:inline-block; text-align:center; width:80%; margin-top:5vw; background:#f56b20; font-size:5vw; font-weight:800; line-height:12vw;height:12vw; 
				color:#fff; box-shadow: 0px 3px 9px rgba(0,0,0,0.2);font-family: 'NanumSquare', sans-serif !important; border-radius:2vw;}

 a.mccf2_apply_go2 {display:inline-block; text-align:center; width:80%; margin-top:5vw; background:#ff4800; font-size:5vw; font-weight:800; padding:4vw 0px; 
				color:#fff; box-shadow: 0px 3px 9px rgba(0,0,0,0.2);font-family: 'NanumSquare', sans-serif !important; border-radius:3vw;}
 a.mccf2_apply_b {display:inline-block; text-align:center; width:80%; margin-top:2vw; background:#08a4ff; font-size:5vw; font-weight:800; padding:4vw 0px; 
				color:#fff; box-shadow: 0px 3px 9px rgba(0,0,0,0.2);font-family: 'NanumSquare', sans-serif !important; border-radius:3vw;}

.blinking{
	-webkit-animation:blink 1s linear infinite alternate;
    -moz-animation:blink 1s linear infinite alternate;
    animation:blink 1s linear infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:1; background:#ff9c00; }
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:1; background:#ff9c00;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:1; background:#ff9c00;}
    100% {opacity:1;}
}




 .btn_popbg {width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background:rgba(0,0,0,0.65); }
 .btn_pop {width:80%; height:75vw; position:fixed; left:10%; top:35vw; z-index:999; background:#fff; border-radius:2.3vw;}
 .btnpop_btn {float:left; width:80%; padding:0px 10%; margin-top:2vw; }
 a.btnpop_btn01 {float:left; display:inline-block; text-align:center; width:100%; background:#f56b20; height:25vw; 
				color:#fff; box-shadow: 0px 3px 9px rgba(0,0,0,0.2);font-family: 'NanumSquare', sans-serif !important; border-radius:2vw;}


 a.btnpop_btn01 p {float:left; display:inline-block; text-align:center; width:100%; font-weight:800;  font-size:5vw;margin-top:4.5vw;}
 a.btnpop_btn01 span {float:left; display:inline-block; text-align:center; width:100%; font-weight:400; line-height:5vw; font-size:3.7vw; margin-top:1vw;}



 a.btnpop_btn02 {float:left; display:inline-block; text-align:center; width:100%; margin-top:3vw; background:#1487e9; font-size:5vw; font-weight:800; line-height:25vw;height:25vw; 
				color:#fff; box-shadow: 0px 3px 9px rgba(0,0,0,0.2);font-family: 'NanumSquare', sans-serif !important; border-radius:2vw;}


.btn_pop_close {float:right; display:inline-block; margin-top:3vw; margin-right:5%; width:8vw; }
.btn_pop_close img{display:inline-block; width:100%; }












#m_ccf2_wrap {text-align:center;float:left; overflow:hidden; width:100%; background:#fff; font-family: 'NanumSquare', sans-serif;}
.mccf2_faq_area {float:left; width:100%; }
.mccf2_faq_area img{width:100%; display:block; }
#m_ccf2_wrap p a {display:block; width:100%;}
.mccf2_faq_cont01 {float:left; width:100%; text-align:center; margin-top:-6vw; }
.mccf2_faq_cont01 p{display:block; width:100%; }
.mccf2_faq_cont01 p img{width:100%; }
.mccf2_faq_cont02 {float:left; width:100%; text-align:center; margin-top:1vw; }
.mccf2_faq_cont02 p{display:block; width:100%; }
.mccf2_faq_cont02 p img{width:100%; display:block;}

.mccf2_apply_btn {float:left; width:100%; text-align:center; margin-top:6vw; margin-bottom:15vw;}
.mccf2_apply_btn a {display:inline-block; font-size:4.7vw; font-weight:800;box-shadow: 0px 3px 9px rgba(0,0,0,0.2); text-align:center; font-family: 'NanumSquare', sans-serif !important; 
				height:13vw; line-height:13vw;width:80%; color:#fff; background:#2d97f5; border-radius:20vw;}



#m_ccf2_wrap2 {text-align:center;float:left; overflow:hidden; width:100%; padding-bottom:5vw; font-family: 'NanumSquare', sans-serif;background:#f4f6f8;}
.mccf2_app_area {float:left; width:90%; text-align:left; padding-top:10vw; /*padding-bottom:3vw;*/ margin-left:5%; margin-right:5%;font-size:4.9vw; font-weight:800; color:#313131; margin-bottom:5vw; letter-spacing:0px; }
.mccf2_app_area2 {float:left; width:90%; padding-left:5%;text-align:left;  padding-right:5%;padding-top:5vw; padding-bottom:5vw;box-sizing: border-box; margin-left:5%; margin-right:5%;background:#fff; border-radius:2vw; margin-bottom:5vw }


.mccf2_app_cont01 {float:left; width:100%;}
.mccf2_app_cont02 {float:left; width:100%; margin-top:8vw}
.sp_st_txt {float:left; width:100%; text-align:right; font-size:3.3vw; font-weight:500;  color:#ff4800;  padding-bottom:2vw; border-bottom:1px dotted #ddd;}
.sp_st_txt3 {float:left; width:100%; text-align:left; font-size:3.3vw; font-weight:500;  color:#ff4800; margin-top:2vw}
.sp_st_txt2 {float:left; width:100%; text-align:left; font-size:4.2vw; font-weight:600;  color:#515151;  padding-bottom:2vw; border-bottom:1px solid #ddd;}

.mccf2_form {float:left; width:100%}
.mccf2_form2 {float:left; width:49%}

.mccf2_app_tit_box {float:left; height:5vw; line-height:5vw; width:100%; margin-bottom:1.5vw; margin-top:4vw}
.sp_st_icon{float:left;display:inline-block;font-size:5vw; font-weight:600;  color:#ff4800; height:5vw; line-height:7vw; margin-right:1%; }
.mccf2_app_tit{float:left;display:inline-block;font-size:4.2vw; font-weight:600; color:#515151;  height:5vw; line-height:5vw; letter-spacing:1px;}
.mccf2_app_form {float:left; width:100%;}
.mccf2_app_form input {float:left;height:9vw; line-height:9vw; width:100%; box-sizing:border-box; border:1px solid #bbb;background:#fff; padding:0 3%;font-size:3.8vw; font-weight:500; color:#515151; border-radius:1.5vw }
.mccf2_app_form select.mccf2_selt01  {float:left;height:9vw; line-height:9vw; width:100%; margin-right:2%; box-sizing:border-box; border:1px solid #bbb;background:#fff; padding:0 2%;font-size:3.8vw; font-weight:500; color:#515151; border-radius:1.5vw }
.mccf2_app_form select.mccf2_selt02  {float:left;height:9vw; line-height:9vw; width:18%; margin-right:2%; box-sizing:border-box; border:1px solid #bbb;background:#fff; padding:0 2%;font-size:3.8vw; font-weight:500; color:#515151; border-radius:1.5vw }
.mccf2_app_form select.mccf2_selt03  {float:left;height:9vw; line-height:9vw; width:49%; box-sizing:border-box; border:1px solid #bbb;background:#fff; padding:0 2%;font-size:3.8vw; font-weight:500; color:#515151; border-radius:1.5vw }
.mccf2_app_form input.ccf2_input01 {float:left;height:9vw; line-height:9vw; width:63%; box-sizing:border-box; border:1px solid #bbb;background:#fff; padding:0 3%;font-size:3.8vw; font-weight:500; color:#515151; border-radius:1.5vw }
.mccf2_app_form input.ccf2_input02 {float:left;height:9vw; line-height:9vw; width:35%; margin-right:2%; box-sizing:border-box; border:1px solid #bbb;background:#fff; padding:0 3%;font-size:3.8vw; font-weight:500; color:#515151; border-radius:1.5vw }
.mccf2_app_form p {float:left; width:100%; margin-top:2vw;}
.mccf2_app_form p span{float:left;display:inline-block; width:100%;font-size:3.3vw; font-weight:500;  color:#ff4800; height:5vw; line-height:5vw;}
.mccf2_app_form p input{float:left; width:100%; border:1px solid #fff; padding:0px;}
.sp_st_txt4{float:left;display:inline-block; width:100%;font-size:3.3vw; font-weight:500;  color:#ff4800; line-height:4vw; margin-top:1vw}

.mccf2_app_form span.in_ra1 {float:left;display:inline-block; height:9vw; line-height:9vw; width:16%;}
.mccf2_app_form span.in_ra1 input.chk_ud{float:left;display:inline-block; margin-right:8%; width:4vw; height:4vw; margin-top:2vw; border:1px solid #bbb;background:#fff; }
.mccf2_app_form span.in_ra1 label.chk_udt{float:left;display:inline-block;height:9vw; line-height:9vw;font-size:3.8vw; font-weight:500; color:#515151;}



.mccf2_app_form span.in_ra2 {float:left;display:inline-block; margin-right:2%;height:9vw; line-height:9vw;width:22%;}
.mccf2_app_form span.in_ra2 input.chk_ud{float:left;display:inline-block; margin-right:8%; width:4vw; height:4vw; margin-top:2vw; border:1px solid #bbb;background:#fff; }
.mccf2_app_form span.in_ra2 label.chk_udt{float:left;display:inline-block;height:9vw; line-height:9vw;font-size:3.8vw; font-weight:500; color:#515151;}


.mccf2_app_form span.in_ra3 {float:left;display:inline-block; margin-right:2%;height:9vw; line-height:9vw;width:27%;}
.mccf2_app_form span.in_ra3 input.chk_ud{float:left;display:inline-block; margin-right:8%; width:4vw; height:4vw; margin-top:2vw; border:1px solid #bbb;background:#fff; }
.mccf2_app_form span.in_ra3 label.chk_udt{float:left;display:inline-block;height:9vw; line-height:9vw;font-size:3.8vw; font-weight:500; color:#515151;}


.mccf2_app_form span.in_ra4 {float:left;display:inline-block; margin-right:2%;height:9vw; line-height:9vw;width:45%;}
.mccf2_app_form span.in_ra4 input.chk_ud{float:left;display:inline-block; margin-right:5%; width:4vw; height:4vw; margin-top:2vw; border:1px solid #bbb;background:#fff; }
.mccf2_app_form span.in_ra4 label.chk_udt{float:left;display:inline-block;height:9vw; line-height:9vw;font-size:3.8vw; font-weight:500; color:#515151;}



.mccf2_app_form span.in_ra5 {float:left;display:inline-block; margin-right:2%;height:9vw; line-height:9vw;width:50%;}
.mccf2_app_form span.in_ra5 input.chk_ud{float:left;display:inline-block; margin-right:4%; width:4vw; height:4vw; margin-top:2vw; border:1px solid #bbb;background:#fff; }
.mccf2_app_form span.in_ra5 label.chk_udt{float:left;display:inline-block;height:9vw; line-height:9vw;font-size:3.8vw; font-weight:500; color:#515151;}








.ccf2_agree_area {float:left; text-align:left; margin-top:6.5vw; width:100%}
.ccf2_app_txt04 {float:left; text-align:left; width:100%; font-size:4.2vw; font-weight:600; color:#515151;}
.ccf2_agree {float:left; text-align:left; margin-top:3vw; width:100%; padding:5%; font-size:3.3vw; color:#515151; line-height:4vw; border:1px solid #bbb; box-sizing: border-box;  }
.ccf2_agree span{font-weight:600; }

.ccf2_agree_chk {float:left;width:100%; margin-top:4vw; padding-bottom:10px; border-bottom:1px dotted #777; }
.ccf2_agree_chk p{float:right;width:41%; margin-right:3%;  height:6vw; line-height:6vw;}
.ccf2_agree_chk input.chk_ccf2_ag {float:right; height:5vw; width:5vw; margin-top:0.5vw;  border:1px solid #777; background :#fff !important; }
.ccf2_agree_chk label {float:right; height:6vw; line-height:6vw; text-align:right; font-size:4vw; font-weight:600; color:#313131;margin-right:3%  }

.ccf2_agree_chk2 {float:left;width:100%; margin-top:5vw;}
.ccf2_agree_chk2 li{float:left;width:100%; margin-bottom:7px;text-align:left; font-size:3.5vw; font-weight:600; color:#313131;}
.ccf2_agree_chk2 li.chk_red{float:left;width:100%; margin-bottom:5px;text-align:left; font-size:3.5vw; font-weight:600; color:#ff4800;}


.ccf2_ac_text{float:left; width:100%; text-align:left; font-size:3.5vw; }
.ccf2_ac_text span{text-align:left; font-size:3.5vw; text-decoration:underline;  line-height:4.5vw;}
.ccf2_ac_ok{float:right; width:100%;text-align:right; font-size:3.5vw; margin-bottom:3vw }
.ccf2_ac_ok input {float:right; border:1px solid #777;margin-top:0vw; height:4vw; width:4vw;background :#fff !important;}
.ccf2_ac_ok label {float:right; margin-right:2%;}
.ccf2_app_txt05 {float:left; text-align:center; width:100%; font-size:4vw; line-height:5.5vw;font-weight:600; color:#313131; margin-top:2vw;letter-spacing:-0.5px; }









 #mtcu_cont {float:left; width:100%;}


  .mtcu_tit {float:left; width:100%;display:inline-block; }
  .mtcu_tit img{display:inline-block;float:left;width:100%; display:block;}



  #mtcu_cont2 {float:left; width:100%;background:#ffceda; padding-bottom:18vw; text-align:center;}

 .tcu_info {float:left; display:inline-block; width:100%;}
 .tcu_info img{float:left; display:inline-block; width:100%;}
 .tcu_btn { float:left; margin-left:10%; width:80%; margin-top:8vw; height:15vw; line-height:15vw; font-size:5.5vw;  font-weight:600; text-align:center;color:#ff72a4; background: #fff; border-radius:20vw; box-shadow: 0px 7px 18px rgba(221,55,114,0.42);}



  /* 헬로 춘천 영어말하기대회 이벤트 */

.mepc_cont01 {float:left;width:100%;display:inline-block;}
.mepc_cont01 img{width:100%; display:block;}


.mepc_cont02 {float:left;width:100%;display:inline-block; background:#4077dd; padding-bottom:8vw;}
.mepc_cont02 .mepc_tit {float:left;width:100%;display:inline-block; padding:8vw 0px 3vw 0px;}
.mepc_cont02 .mepc_tit img{width:100%; display:block;}

.mepc_t_btn {float:left;width:95%;text-align:right; padding:0px; letter-spacing:1.5px; margin-bottom:2vw}
.mepc_t_btn a{display:inline-block;  width:31vw;color:#4068c5; font-weight:600; font-size:4vw; height:9vw;line-height:9vw;text-align:center; background:#fff; letter-spacing:-0.5px; border-radius:2vw;}

.mepcinfo_box {float:left;width:90%; margin-left:5%; margin-bottom:3vw; border-radius:3vw; background:#fff; overflow:hidden; }
.mepcinfo_tit {float:left;width:100%;color:#fff; font-weight:600; font-size:5vw; text-align:center; padding:3.5vw 0px;background:#48b9fd; letter-spacing:1.5px;}
.mepcinfo_cont {float:left;width:86%; text-align:center; padding:5vw 7% 8vw 7%;}

.mepc_t01 {float:left;width:100%;color:#333; font-weight:600; font-size:3.8vw; text-align:left;  margin-bottom:3vw}
.mepc_t02 {float:left;width:100%;color:#333; font-weight:400; font-size:3vw; text-align:left;  margin-top:3vw}
.mepc_t03 {float:left;width:100%;color:#ff6600; font-weight:600; font-size:3.2vw; text-align:left;  margin-top:3vw}

.mepc_table01 {float:left; width:100%; border-top:2px solid #3e83e2; border-bottom:2px solid #3e83e2; border-collapse:collapse;}
.mepc_table01 th {width:40%;font-weight:600; box-sizing: border-box;background:#f0f6f9;  border-bottom:1px solid #b4c3cb; color:#0547c0; font-size:3.2vw;  padding:2vw 5%;text-align:left;}
.mepc_table01 td {width:60%;font-weight:600; box-sizing: border-box;background:#fff;  border-bottom:1px solid #b4c3cb;color:#333; font-size:3.2vw;  padding:2vw 5%;text-align:left;}

.mepc_table02 {float:left; width:100%; border-top:2px solid #3e83e2; border-bottom:2px solid #3e83e2; border-collapse:collapse;}
.mepc_table02 th {width:20%;font-weight:600; box-sizing: border-box;background:#f0f6f9;  border-bottom:1px solid #b4c3cb; color:#0547c0; font-size:3.2vw;  padding:2vw 5%;text-align:left;}
.mepc_table02 td {width:80%;font-weight:600; box-sizing: border-box;background:#fff;  border-bottom:1px solid #b4c3cb;color:#333; font-size:3.2vw;  padding:2vw 5%;text-align:left;}
.mepc_table02 td p { font-size:2.9vw; font-weight:400;  }
.mepc_table02 td p span{ font-size:2.9vw; font-weight:600; color:#ff5a00; }


.mepc_table03 {float:left; width:100%; border-top:2px solid #3e83e2; border-bottom:2px solid #3e83e2; border-collapse:collapse; margin-top:2vw}
.mepc_table03 th {width:30%;font-weight:600; box-sizing: border-box;background:#f0f6f9;  line-height:2.5vw !important;  border-bottom:1px solid #b4c3cb; color:#0547c0; font-size:3.2vw;  padding:2vw 0px;text-align:center;}
.mepc_table03 th span {color:#5a9fff; font-size:2.5vw; font-weight:400;}
.mepc_table03 td {width:70%;font-weight:600; box-sizing: border-box;background:#fff;  border-bottom:1px solid #b4c3cb;color:#333; font-size:3.2vw;  padding:2vw 5%;text-align:left;}
.mepc_table03 td p.mepc_table03_t { font-size:3.2vw; font-weight:600; color:#0547c0; margin:0px; padding:0px;}
.mepc_table03 td p.mepc_table03_s { font-size:2.9vw; font-weight:400;  }




.mepc_btn { position:fixed; width:80%; bottom:0px; left:0px; background:#fff; height:15vw; padding:5vw 10% 7vw 10%; z-index:8; box-shadow: 0px -2px 3px rgba(0,0,0,0.2)}


.mepc_btn a {float:left;width:100%;display:inline-block; height:15vw; line-height:15vw; font-size:5vw; font-weight:600; color:#fff; border-radius:2.5vw; text-align:center;  background:#ff5974}





.mepc_table04 {float:left; width:100%; border-top:2px solid #3e83e2; border-bottom:2px solid #3e83e2; border-collapse:collapse; margin-top:2vw}


.mepc_table04 th {font-weight:600; box-sizing: border-box;background:#f0f6f9;  line-height:2.5vw !important;  border-bottom:1px solid #b4c3cb; color:#0547c0; font-size:3.2vw;  padding:3vw 0px; text-align:center;}

.mepc_table04 td {font-weight:600; box-sizing: border-box;background:#fff;  border-bottom:1px solid #b4c3cb; color:#333; font-size:3vw;  padding:2vw 0px;text-align:center;}
.mepc_table04 td.t04_t {color:#0547c0;}






#mepc_wrap2 {text-align:center;float:left; overflow:hidden; width:100%; padding-bottom:5vw; font-family: 'NanumSquare', sans-serif;background:#f4f6f8;}
.mepc_form_tit {float:left; width:90%; padding-top:10vw;  line-height:7vw;  margin-left:5%; margin-right:5%;font-size:5.3vw; font-weight:800; color:#313131; margin-bottom:5vw; letter-spacing:-0.5px; }
.mepc_form_tit span{letter-spacing:1.5px; font-size:5.7vw; }


.mepc_form_area {float:left; width:90%; padding-left:5%;text-align:left;  padding-right:5%; padding-top:5vw; padding-bottom:5vw;box-sizing: border-box; margin-left:5%; margin-right:5%;background:#fff; 
				border-radius:2vw; margin-bottom:5vw }

.mepc_cont01 {float:left; width:100%;}

.mepc_cont01_box {float:left;width:100%; margin-bottom:1.5vw; margin-top:1vw}
.mepc_cont_tit{float:left;width:20.5vw; display:inline-block;font-size:4.2vw; font-weight:600; color:#515151;  height:9vw; line-height:9vw; letter-spacing:1px;border-top:1px solid #fff;}
input.mepc_cont_input {float:right;height:9vw; line-height:9vw; width:58vw; box-sizing:border-box; border:1px solid #bbb;background:#fff; 
						padding:0 3%;font-size:4vw; font-weight:500; color:#515151; border-radius:1.5vw }

.mepc_cont_rdo {float:right;display:inline-block; width:58vw;height:6vw; margin-top:2vw;text-align:left; }
input.chk_epcrdo{float:left;display:inline-block; margin-right:1.5vw; width:5vw; margin-top:0.5vw; height:5vw;  border:1px solid #bbb;background:#fff !important; text-align:left;  }
label.chk_epclbl{float:left;display:inline-block;height:6vw; line-height:6vw;font-size:4vw; font-weight:500; color:#515151;text-align:left; }

.mepc_cont_adr{float:right;display:inline-block; width:58vw;text-align:left; }
input.mepc_cont_input2 {float:left;height:9vw; line-height:9vw; width:25vw; box-sizing:border-box; border:1px solid #bbb;background:#fff; 
						padding:0 3%;font-size:4vw; font-weight:500; color:#515151; border-radius:1.5vw }
.mepc_cont_adr button {float:left; height:9vw; line-height:9vw;border:0px;font-size:4vw; font-weight:600; width:20vw;background:#399cff; color:#fff;border-radius:1.5vw; text-align:center; margin-left:1vw}
.mepc_info_red {float:left; width:100%; text-align:left; font-size:3.5vw; color:#ff6600; margin-top:2vw;line-height:4.5vw;}



.mepc_form_file {float:left; width:100%; margin-top:2vw;}

.mepc_form_file li{float:left; width:100%;  margin-top:3vw;}
.mepc_form_file li:last-child{ margin-top:5vw;}
.mepc_form_file li span {float:left;width:75vw; padding-left:5vw; background:url('/img/new/icon_chks.png') no-repeat 0px 50%; background-size:5%; display:inline-block; font-size:4.2vw; height:9vw; line-height:9vw;font-weight:700; color:#313131; text-align:left;}

.mepc_form_file li input {float:left; width:53vw; padding-left:1vw; border-bottom:1px solid #555; text-align:left; height:9vw; line-height:9vw; background:#fff; }
.mepc_form_file li button {float:left;width:22vw; display:inline-block;border:0px; height:9vw; line-height:9vw; font-size:4vw; font-weight:600; background:#399cff; color:#fff; border-radius:1.5vw ; margin-left:1.5vw; text-align:center;}


.mepc_agree_area {float:left; text-align:left; margin-top:7.5vw; width:100%}
.mepc_pp_txt {float:left; text-align:left; width:100%; font-size:4.3vw; font-weight:600; color:#515151;}
.mepc_agree {float:left; text-align:left; margin-top:2vw; width:100%; padding:5%; font-size:3vw; color:#515151; line-height:3.5vw; border:1px solid #bbb; box-sizing: border-box;  }
.mepc_agree span{font-weight:600; }
.mepc_agree_chk {float:left;width:100%; margin-top:4vw; padding-bottom:2vw; }
.mepc_agree_chk p{float:right;width:41%; margin-right:3%;  height:6vw; line-height:6vw;}
.mepc_agree_chk input.chk_ccf2_ag {float:right; height:5vw; width:5vw; margin-top:0.5vw;  border:1px solid #777; background :#fff !important; margin-right:3%}
.mepc_agree_chk label {float:right; height:6vw; line-height:6vw; text-align:right; font-size:4vw; font-weight:600; color:#313131;margin-right:3%  }


.mepc_agree_txt05{float:left; text-align:center; width:100%; font-size:4vw; line-height:5.5vw;font-weight:600; color:#313131; margin-top:2vw;letter-spacing:-0.5px; }

.mepc_apply_btn {float:left; width:100%; text-align:center; margin-top:6vw; margin-bottom:15vw;}
.mepc_apply_btn button {display:inline-block; font-size:4.7vw; height:12vw;line-height:12vw;margin-bottom:3.5vw; font-weight:800;box-shadow: 0px 3px 9px rgba(0,0,0,0.2); text-align:center; font-family: 'NanumSquare', sans-serif !important; 
				 width:80%;  color:#fff; background:#2d97f5; border-radius:20vw; border:0px;}




.mepc_list_table {float:left;  margin-left:5%; width:90%;}
.mepc_list_table li {float:left; width:100%;  text-align:center;font-size:4vw;font-family: 'NanumSquare', sans-serif; margin-bottom:2vw}

.mepc_list_table li a {float:left;display:inline-block; color:#313131; width:100%; 
							padding-top:4vw;  padding-bottom:3.5vw; padding-left:5vw; padding-right:5vw;
							height:30vw;  border-radius:2.3vw;border:1px solid #cef1df; 
							background-color:#fff; box-shadow: 0px 5px 9px rgba(0,0,0,0.05); box-sizing: border-box; text-align:left; position:relative; }

.mepc_list_table li a:hover {background-color:#f1f2f7}



.mepc_list_table .mepc_list_age{float:left;padding-left:4.8vw; display:inline-block; text-align:left; font-size:3.8vw; line-height:6vw; height:5vw;font-weight:700; color:#10a1f6;  
								background:url('/img/new/evtm_scicon.png') no-repeat 0px 50%; background-size:4vw; margin-bottom:1.5vw;width:70vw;  }

.mepc_list_table .mepc_list_sc{float:left;display:inline-block;  text-align:left; font-size:4.5vw; line-height:6vw;font-weight:700;height:6vw;}

.mepc_list_table .mepc_list_nm{float:left;display:inline-block;  border-left:2px solid #636363; color:#636363; margin-left:2vw; margin-top:0.5vw;
							padding-left:1vw; text-align:left; font-size:4.3vw; line-height:4.5vw;font-weight:700;height:4.5vw;letter-spacing:2px; }


.mepc_list_table .mevt_ep {display:inline-block; color:#5c6179; width:100%; 
							padding-top:4vw;  padding-bottom:3.5vw; padding-left:4vw; padding-right:4vw;
							height:20vw; line-height:11vw;  border-radius:2.3vw;border:1px solid #f1f2f7; font-weight:700; font-size:4.3vw;
							background-color:#f1f2f7;  box-sizing: border-box; text-align:center; position:relative; }


.mepc_list_file {float:left;  margin-top:1vw; clear:both;}
.mepc_list_file img{float:left; width:23vw; margin-right:1vw;}

.mepc_list_table .mepc_list_date {float:right; width:24vw; line-height:5vw; height:5vw; display:inline-block; margin-top:2vw; text-align:right; font-size:3.5vw; color:#636363;font-weight:5700}


.mepc_pagination2 {float:left;width:100%; text-align:center; margin-top:5vw; font-size:4vw; margin-bottom:9vw}
.mepc_pagination2 a {display:inline-block; padding:0px; text-align:center;font-size:4vw; width:6vw; height:6vw;line-height:6vw;color:#fff;}
.mepc_pagination2 a.active {display:inline-block; padding:0px; color:#1c4ba3;text-align:center; font-size:4vw; font-weight:700; width:6vw;height:6vw; line-height:6vw; background:#fff; border-radius:10vw}


.mepc_cont01 select{float:right;height:9vw; padding:0 3%; background:#fff; font-size:4vw; font-weight:500; color:#515151; border-radius:1.5vw; line-height:9vw; display:inline-block; width:58vw; border:1px solid #bbb;box-sizing:border-box;}



/* 춘천시 리뉴얼 */

.asp_wrap_mccf {float:left; width:100%; height:138vw; background-position:center; background:url('/img/new/nccf_mo_mainbg.jpg') no-repeat center top; text-align:center; font-family: 'NanumSquare', sans-serif !important;background-size:cover;  }

	.asp_nmccf_btn {float:left; width:50vw; margin-top:40vw; clear:both; margin-left:4vw;}
	.asp_nmccf_btn li{float:left; width:50vw; margin-bottom:1vw; }
	.asp_nmccf_btn a { margin-bottom:2vw; }

	a.btn_ye {float:left;display:inline-block;  box-sizing: border-box; width:100%; padding:2vw 6vw 2vw 0px;line-height:4.5vw;  border-radius:15vw; color:#19579e; font-size:4vw; font-weight:800; letter-spacing:-1px;
			text-align:center; box-shadow: 0px 5px 3px rgba(0,0,0,0.1); background:url('/img/new/nccf_mo_btnar_ye.png') no-repeat 40vw 50% #ffe53b;  background-size:7vw;}


	a.btn_og {float:left;display:inline-block;  box-sizing: border-box; width:100%; padding:2vw 6vw 2vw 0px;line-height:4.5vw;  border-radius:15vw; color:#fff; font-size:4vw; font-weight:800; letter-spacing:-0.5px;
			text-align:center; box-shadow: 0px 5px 3px rgba(0,0,0,0.1); background:url('/img/new/nccf_mo_btnar_og.png') no-repeat 40vw 50% #f1752e;  background-size:7vw;}

	a.btn_red {float:left;display:inline-block;  box-sizing: border-box; width:100%; padding:2vw 6vw 2vw 0px; line-height:4.5vw;  border-radius:15vw; color:#fff; font-size:4vw;  font-weight:800;letter-spacing:-0.5px;
			text-align:center; box-shadow: 0px 5px 3px rgba(0,0,0,0.1); background:url('/img/new/nccf_mo_btnar_red.png') no-repeat 40vw 50% #ff6374; background-size:7vw;}
	


	.asp_nmccf_btnul {position:absolute; top:92vw; left:0px;float:left; width:90%; padding:0px 5%;margin-top:8vw; clear:both;}
	.asp_nmccf_btnul li{float:left; width:49%; margin-right:2%;  margin-bottom:2vw;}
	.asp_nmccf_btnul li:nth-child(2) {margin-right:0px; }
	.asp_nmccf_btnul li:nth-child(4) {margin-right:0px; }
	.asp_nmccf_btnul li:nth-child(6) {margin-right:0px; }
	.asp_nmccf_btnul li a{float:left; display:inline-block; box-sizing: border-box; width:100%;height:15vw; padding:3vw 0px 3vw 3vw; border-radius:3.5vw;  background:rgba(56,115,200,0.93)}
	
	.asp_nmccf_btnul li a .btnul_icon {float:left; display:inline-block; width:9vw; height:9vw; margin-right:2vw;}
	.asp_nmccf_btnul li a .btnul_icon img{float:left; display:inline-block; width:100%;}
	.asp_nmccf_btnul li a .btnul_text {float:left; display:inline-block; width:27vw; height:9vw; line-height:9vw; color:#fff; font-weight:700; font-size:3.5vw; text-align:left; background:url('/img/new/nccf_mo_btnar.png') no-repeat right 50%;background-size:3vw;}
	.asp_nmccf_btnul li a .btnul_text2 {float:left; display:inline-block; width:27vw; height:9vw; line-height:4vw; color:#fff; font-weight:700; font-size:3.5vw; text-align:left; 
	background:url('/img/new/nccf_mo_btnar.png') no-repeat right 50%;background-size:3vw;}
	.asp_nmccf_btnul li a .btnul_text2 .btnul_text2_t { font-size:3vw;}
	.asp_nmccf_btnul li a .btnul_text2 .btnul_text2_b { font-size:3.5vw;}



	  .user_form_cont {float:left; width:100%;  margin-bottom:10vw; }
  .mots_agr_text2 {float:left; width:100%; font-size:4.2vw; line-height:5.5vw; margin-top:3vw; margin-bottom:3vw;}
 .btn_agt {float:left; display:inline-block; border-radius:12vw; margin-top:8vw;margin-left:10%; text-align:center;font-size:4.5vw; font-weight:600; color:#fff; width:80%;; height:14vw; line-height:14vw;  background-color:#2a82e2;}
   a.btn_agt span {color:#f6ff63;}
 .mots_agt_ta {float:left; width:100%; height:50vw; margin-top:2vw; padding:5%; font-size:3.7vw; font-weight:400; background:#fff;  border-radius:2vw; overflow-y:auto; border:1px solid #8c8c8c; box-sizing: border-box;}