@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;
	}




	/* 메인 강아지숲 배너 CSS */
.m_dforest {float:left; width:100%;background:#ccc;}
.m_dforest a {float:left; display:inline-block; width:100%;}
.m_dforest a img{float:left; display:inline-block; width:100%;}




	.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;}










/* 서브 -------------------------------------------------------------------------------------------------------------*/
.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;}
 
 
 
  .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;}

 
 
 
 
 
 
 
 
 
 
 
 .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 */

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







/* 강원대학교 */


	.asping_m_wrap{float:left; width:100%; text-align:center; background:url('/images/knu_mmain_bg.jpg') no-repeat center top #161b1f; 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:18%; text-align:center;}
	.asp_main_mvtxt {float:left; width:100%;}
	.asp_main_mvtxt img {width:96%;}
	.asp_login_marea{float:left; width:74%; margin:16% 13% 0px 13%;}

	.asp_login_marea form{float:left; width:100%; }
	input.asp_input_id {float:left; width:calc(100% - 2px); height:12vw; line-height:12vw; color:#4d4d4d; font-family: 'NanumSquare', sans-serif; text-align:center; font-size:4.1vw; background-color:#fff; border-top:2px solid #cdd6da; border-left:2px solid #cdd6da; border-bottom:0px; border-right:0px;}

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

	a.asp_btn_login {float:left; width:100%; height:12vw; letter-spacing:1px; line-height:12vw;color:#fff; font-family: 'NanumSquare', sans-serif; text-align:center; font-size:5vw; font-weight:600; background-color:#37bfff; margin-bottom:3vw;}


	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:2.9em; font-weight:600; background-color:#37bfff; margin-bottom:3vw;}
	a.asp_btn_my:hover {background-color:#22aff1;}

	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:2.9em; font-weight:600; background-color:#989a9f; margin-bottom:3vw}
	a.asp_btn_mg:hover {background-color:#81848b;}

	.asp_btn_s {float:left; width:100%; padding-top:5px;  padding-bottom:27%;}
	a.asp_find_idpw {float:left; 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:11; }
#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:0; }
#m_header2 h1.httit a{display:inline-block; width:36%;}
#m_header2 h1.gnbhtlogo {float:left;width:18%; margin-left:5%; line-height:23.5vw;}

.sub_gnb {float:left; width:100%;height:10vw;  position:relative;box-sizing: border-box;border-bottom:3px solid #f3f3f3;}
.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; text-decoration:none; 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:28%; margin-left:5%; line-height:17vw; }
#m_header2 h1{float:left;width:28%; margin-left:5%; line-height:17vw; }
#m_header h1 a{float:left; display:inline-block;margin-top:3vw; }
.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:28%; margin-left:5%; line-height:17vw; }
	.gnb_top .gnb_user{float:left;width:65%; margin-left:5%; font-size:4.2vw; line-height:13.5vw; font-weight:700; }
	.gnb_top .gnb_user span{color:#0390e0;}
	.gnb_top .mbtn_h_gnb{float:right;width:13%;}
	.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 .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:10vw; line-height:10vw; text-align:left; width:100%;box-sizing: border-box;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:3%; width:97%; 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 }


.btn-solution { float:left;position:relative;  margin-top:3vw; margin-left:3vw; }
.btn-solution button { float:left;position:relative;  width:32vw; border:0px; background:#00aaf0; color:#fff; border-radius:10vw; font-weight:600;font-size:3.2vw; 
						height:8vw; line-height:8vw; text-align:left;  padding-left:5vw; }
.btn-solution button::after {
    position: absolute; top:50%;right:3vw; width:3vw;height: 3vw;content: '';
    background: url("/img/new/ic_dropdown_arr_down_white.png") no-repeat 50% 50%;display: block;  background-size:100%;
	-webkit-transform: translateY(-50%);transform: translateY(-50%);transition: all .15s .05s;
}


.btn-solution ul { display: none; position: absolute; top:9vw; left:0px; width: 32vw;  height:22vw;   overflow-x: hidden;background-color: #fff;border: solid 1px #777;font-size:3.2vw; 
						font-family: 'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo; border-radius:2vw;  text-align:left;}
.btn-solution ul.on {  display: block;}
.btn-solution ul li { width: 100%; border-right:0px; height:7vw;padding-left:2vw;line-height:7vw;letter-spacing: -0.4px;font-size:3.2vw; padding-right:0px; }
.btn-solution ul li a {display: block;color: #353535; font-family: 'NanumGothic', sans-serif;font-size:3.2vw;height:7vw; line-height:7vw; text-align:left;}
.btn-solution ul li:hover,.btn-solution dd ul li:active {background-color:#eceff3}





  /* 서브 페이지 */
#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:142vw; background:url('/img/new/m_ot_bg.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:2vw; font-size:7vw; line-height:9vw; color:#fff; font-weight:800; text-align:center; }
.mot_title2 {float:left; width:100%; margin-bottom:5vw; font-size:10vw; line-height:11vw; color:#fff; font-weight:800; text-align:center; }
.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-left:5%; margin-right:5%; border:1px solid #038cc3; box-shadow: 0px 5px 10px rgba(0,89,151,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:10vw; 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:25vw; 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: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_cos a .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 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: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_cos a: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 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_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_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;}
.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; }

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_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; }
.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; width:12vw; right:22vw; top:12vw;}
   .footer_kko img{display:inline-block; width:100%;}





















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%;}




  /* 통합 고도화 끝 한소영_210218 */

  
#m_main_footer {float:left; width:100%;background:#eef1f3;}


.m_footer_area{float:left; width:92%; padding:7vw 4% 5% 4%;font-family: 'NanumSquare', sans-serif; position:relative; }

.m_footer_area .m_list_fs {float:left; width:90%; padding:5%; text-align:left; background:#fff;  border-radius:3vw;}
.m_footer_area .m_list_fs li {float:left;display:inline-block; border-bottom:1px solid #ededed; width:100%; }
.m_footer_area .m_list_fs li:last-child {border-bottom:0px solid #ededed; }
.m_footer_area .m_list_fs li a{display:inline-block; height:10vw; line-height:10vw; width:92%; padding:0 4%; font-size:3.7vw; font-weight:500; color:#555555; background:url('/img/new/m_footer_icon.png') no-repeat 95% 50%; background-size:2%; }

.m_footer_area .m_list_corp {float:left; width:90%; padding:0px 5% 3% 5%; text-align:center;  border-bottom:1px solid #eceff3; }
.m_footer_area .m_list_corp li{display:inline-block; height:3vw; line-height:3vw; border-right:1px solid #ccc; padding-left:3%; padding-right:3%; padding-top:0px; padding-bottom:0px; text-align:center;}
.m_footer_area .m_list_corp li a{color:#555; font-size:3.5vw; font-weight:600;font-family: 'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;}
.m_footer_area .m_cs_num {float:left; height:5vw; line-height:5vw; width:84%; padding-left:8%;  text-align:center; margin-top:2vw;  margin-bottom:4vw;}
.m_footer_area .m_cs_num span.m_cs_nums{display:inline-block; margin-right:3%;color:#555; height:5vw; line-height:4vw; font-size:4vw; font-weight:500;}
.m_footer_area .m_cs_num span.m_cs_numb{display:inline-block;  color:#444; height:5vw; line-height:4vw; font-size:5.5vw; font-weight:600;}

.m_footer_area .footer_copy {float:left; margin-top:2vw; width:100%; color:#a7a7a7; text-align:center; clear:both; padding-top:2%;font-size:2.8vw;}



.footer-family {position:relative; z-index:7; display:inline-block;
    /*position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 15rem; */
	float:left; width:100%;  text-align:left; margin-top:2vw; margin-bottom:1vw;
    }
.footer-family button{border:0px;}
.footer-family dt {margin:0px; padding:0px;}
.footer-family dt .family_btn {border: 0px;  border-radius:3vw; width: 100%; text-align: left;  height:10vw; padding: 0px 9%;
								font-weight:500; color:#555555; background:url('/img/new/m_footer_icon.png') no-repeat 90% 50% #fff;; background-size:1.8%; 
							 outline: none;font-size:4vw; font-family: 'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo; line-height:10vw;}
.footer-family dt .family_btn.on::after { transform: rotate(180deg); top: 25%; }
.footer-family dd {display: none; position: absolute; bottom:12vw; left:0px; width: 100%; border-radius:2vw; margin:0px; padding:0px;}
.footer-family dd.on {  display: block;}
.footer-family dd ul {height:60vw;overflow-y: scroll; overflow-x: hidden;background-color: #ffffff;border: solid 1px #777;font-size:3.5vw; 
						font-family: 'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo; border-radius:2vw;  text-align:left;}
.footer-family dd ul li { width: 100%; border-right:0px; height:10vw;padding-left:2vw;line-height:10vw;letter-spacing: -0.4px;font-size:3.5vw; padding-right:0px; }
.footer-family dd ul li a {display: block;color: #353535; font-family: 'NanumGothic', sans-serif;font-size:3.5vw;height:10vw; line-height:10vw; text-align:left;}
.footer-family dd ul li:hover,.footer-family dd ul li:active {background-color:#eceff3}



  /* 이벤트_ 여름방학 캠프 한소영 220707 */

  
.msvec_tit {float:left; position:relative; width:100%; height:132vw;}
.msvec_tit img.msve_tit_bg{ position:absolute; left:0px; top:0px; float:left; width:100%; display:inline-block; z-index:0; }
.msvec_tit img{ float:left; width:100%; display:inline-block; }
.mp1_tit_vd {position:relative; top:50vw; left:3%; float:left; display:inline-block; width:94%;  height:53vw;  overflow:hidden; box-shadow: 0px 2vw 4vw rgba(166,169,199,0.85);  }
.mp1_tit_vd a {position:absolute; top:0; left:0;float:left; display:inline-block; width:100%;  text-align:center; height:53vw;  z-index:2; }
.mp1_tit_vd a img {display:inline-block; width:100%; height:53vw;   }
.mp1_tit_vd iframe { position:absolute; top:0; left:0;display:inline-block;  width:100%; height:53vw;  text-align:center; z-index:5;}

.msvec_btn { z-index:2; position:absolute; bottom:9vw;display:inline-block; background:#044aa7; text-align:center; width:60%; left:20%; height:13vw; line-height:13vw; border-radius:15vw;font-size:5vw; color:#fff; font-weight:800; }

.msvec_cont01 {float:left; width:100%; text-align:center;}
.msvec_cont01 img {float:left; width:100%; display:inline-block;}




.msvec_cont02 {float:left; width:100%; text-align:center;}
.msvec_cont02 img {float:left; width:100%; display:inline-block;}
.msvec_cont03 {float:left; width:100%; text-align:center;  background:#eaeffa;}
.msvec_cont03 p {float:left; width:100%; text-align:center;}
.msvec_cont03 img {float:left; width:100%; display:inline-block;}
.msvec_cont04 {float:left; width:100%; text-align:center;}
.msvec_cont04 img {float:left; width:100%; display:inline-block;}

.msvec_cont05 {float:left; width:100%; text-align:center;  background:#f0f4fd;}
.msvec_cont05 p img {float:left; width:100%; display:inline-block;}

.msvec_th {float:left; width:100%;  background:#f0f4fd; padding-bottom:10vw; text-align:center;}
.msvec_th_view {display:inline-block;  width:285px; height:160px;}
.msvec_th_btns {display:inline-block; width:95%; padding-top:5vw; padding-left:5%; margin:0px;}
.msvec_th_btns li{float:left; width:35%; margin-right:4%;}

.msvec_th_btns li a{ display:inline-block; border-radius:2vw; width:100%; background:#000; border:3px solid #f0f4fd; overflow:hidden;}
.msvec_th_btns li a:hover{ border:3px solid #427bfc;}
.msvec_th_btns li a.viewon{ border:3px solid #427bfc;}

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

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





.msvec_cont06 {float:left; width:100%; text-align:center;  position:relative;}
.msvec_cont06 img {float:left; width:100%; display:inline-block;}
.msvec_btn2 {position:absolute; bottom:10vw;display:inline-block; background:#044aa7; text-align:center; width:60%; left:20%; height:13vw; line-height:13vw; border-radius:15vw;font-size:5vw; color:#fff; font-weight:800; }



.floating_btn_evt {position:fixed; bottom:0px; left:0px;width:100%; height:18vw; padding-top:4vw; background:rgba(0,0,0,0.7); text-align:center; z-index:8}

a.mevtbtn_apply {display:inline-block; font-size:4.8vw; letter-spacing:0px;
			width:80%; margin:0 1%; font-weight:800; border-radius:2vw; line-height:13vw; height:13vw;
			background:#0091fe;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(0,0,0,0.5);}