@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=PT+Serif);
@import url(https://fonts.googleapis.com/css?family=Anton);
@import url(https://fonts.googleapis.com/earlyaccess/hanna.css);
@import url(https://fonts.googleapis.com/earlyaccess/jejuhallasan.css);
@import url(https://fonts.googleapis.com/earlyaccess/kopubbatang.css);
 
@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);

@font-face {
    font-family: 'ESamanru';
	src:url('/rtInclude/css/font/esamanru-Medium.eot'); 
	src:url('/rtInclude/css/font/esamanru-Medium.eot?#iefix') format('embedded-opentype'), 
		url('/rtInclude/css/font/esamanru-Medium.woff') format('woff'), 
		url('/rtInclude/css/font/esamanru-Medium.ttf') format('truetype'), 
		url('/rtInclude/css/font/esamanru-Medium.svg') format('svg');
}
@font-face {
    font-family: 'ESlight';
	src:url('/rtInclude/css/font/esamanruLight.eot'); 
	src:url('/rtInclude/css/font/esamanruLight.eot?#iefix') format('embedded-opentype'), 
		url('/rtInclude/css/font/esamanruLight.woff') format('woff'), 
		url('/rtInclude/css/font/esamanruLight.ttf') format('truetype'), 
		url('/rtInclude/css/font/esamanruLight.svg') format('svg');
}

body{margin:0; padding:0;}
img {width:100%}


.top-btn { border:1px solid #ccc; position:fixed; bottom:55px; right:7px; z-index:99; font-size:1.0em; font-weight:600; border:none; outline:none; background-color:#a0bcda; color:#fff; padding:10px 3px; border-radius:50%; _box-shadow:0px 2px 5px 0px #0000006b; opacity:0.8; width:45px; height:45px; }
.top-btn:active { background-color:rgb(137, 167, 227); }
.Q_btn { width:45px; height:45px; background:#fff; border:1px solid #ccc;  position:fixed; right:7px; z-index:99; outline:none;  border-radius:50px; transition:all 0.3s; }

#navbar { position:relative; position:sticky; position: -webkit-sticky; overflow:hidden; top:0; z-index:99; width:100%; line-height:0; }

#navbar .floating-menu { line-height:0px; /*width:100%;*/ }
#navbar .floating-menu .menu-box { width:15%; float:left; }
#navbar .floating-menu .menu_img { width:10%; }
#navbar .floating-menu .menu_img a i { /*font-size:1.6em;*/font-size:2em; line-height:16px; color:#484c71; }

#navbar .floating-menu .logo-box { width:55%; float:left; }
#navbar .floating-menu .logo-box a { text-decoration:none; display:block; text-align:center; line-height:50px; font-size:1.3em; color:#fff; }
#navbar .floating-menu .logo-box a img { width:50px; _margin:0 0 0 30%; }

#navbar .floating-menu .Appdown-box { width:30%; float:right; }
#navbar .floating-menu .Appdown-box .Appdown { background:#fff; border:1px solid #ddd; border-radius:5px; width:130px; height:28px; float:right; margin:12px 5px; }
#navbar .floating-menu .Appdown-box .Appdown a { text-decoration:none; display:block; text-align:center; line-height:26px; font-size:0.7em; color:#484c71; font-weight:bold; }

/*.sticky { position:fixed; top:0; width: 100%; }
.nav-up { opacity: 1; display:none; transition: visibility 0s linear .0s,opacity .3s 0s; -webkit-transition: visibility 0s linear .0s,opacity .3s 0s; }
.nav-down { opacity: 0; display:block; transition: visibility 0s linear 3s,opacity .3s 0s; -webkit-transition: visibility 0s linear 3s,opacity .3s 0s; }*/

.header{_position:fixed; top:0; z-index:99; width:100%;  line-height:0; _height:110px; background:#fff;}
.header img{border:0; width_:100%;}
.logo{width:100%; /*padding:15px 0 5px 0;*/ padding:10px 0 5px 20px; overflow:hidden; text-align:center; margin:0 auto; _height:80px}
.logo{width:250px;}
.login{float:right; color:#777; font-size:1.3em; font-weight:bold; text-decoration:none; border-radius:3px; padding:1px; padding-top:7px;}

.TWrap{overflow:hidden; height:50px; _background:#213567; background:#fff; border-bottom:2px solid #484c71; _border-top:1px solid #ddd; display:flex; justify-content: space-between;}
.Tmenu{float:left; color:#fff !important; font-size:1.1em; line-height:50px; font-weight:bold; text-decoration:none; }
.Tmenu a{color:#fff; line-height:50px;}
.TWrap img{border:0;}
.menu_img{ float:left; padding:23px 15px; /*padding:20px 15px;*/}
.login_img{width:6%; float:right;}

/*·Î±×ÀÎ Ãß°¡*/
.Q_list01_login{padding: 18px 15px 0px 0;}
.Q_list01_login p{color:#1c4b84; border:1px solid #1c4b84; width: 60px;  height: 27px; text-align: center;  line-height: 25px;}
/*/·Î±×ÀÎ Ãß°¡*/

.content{margin:0px 0 0px; background:#fff; padding-bottom:0px;}/*  line-height:0; -º¯°æ */
.content img{border:0; width:100%;}
.menu_mid{text-align:center; border:0; background:#fff;}
.menu_mid img{border:0; width:100%;}
.menu_mid a{text-decoration:none;}


/* º¯°æ Ãß°¡ */
.moblie_add_button_click ul {margin:0; padding: 0;}
.moblie_add_button_click > ul > li {float:left; width: 33.333%;}
.moblie_add_button_click > ul > li a {width:100%; height: 40px; line-height: 40px; background: #333; text-align: center; display: block; color: #fff; border-right: 0.5px solid #fff;}
.moblie_add_button_click > ul > li:nth-of-type(1) a {border-bottom: 0.5px solid #fff;}
.moblie_add_button_click > ul > li:nth-of-type(2) a {border-bottom: 0.5px solid #fff;}
.moblie_add_button_click > ul > li:nth-of-type(3) a {border-right: none; border-bottom: 0.5px solid #fff;}
.moblie_add_button_click > ul > li:last-child a {border-right: none;}


.Scontent{margin:110px 0 12%; background:#eee; padding-bottom:10px; line-height:0;}
.Scontent img{border:0; width:100%;}
.Acontent{margin:110px 0 28%; background:#eee; padding-bottom:10px; line-height:0;}
.Acontent img{border:0; width:100%;}
.Dcontent{margin:115px 0 0; background:#fff; line-height:0; padding-bottom:10px;}
.Dcontent h3{display:block; padding:25px 0 15px; margin:0; text-align:center; font:1.7em/1em "Jeju Gothic"; color:#fff; background:#425caa}
.Jcontent{margin:110px 0 0; background:#fff; line-height:0;}

.Mcontent img{border:0; width:100%;}
.Mcontent{margin:110px 0 0; background:#fff; padding-bottom:10px; line-height:0;}

.Lcontent{margin:115px 0 40px; background:#fff; line-height:0;}
.Bcontent{margin:100px 0 30px; background:#eee; padding-bottom:10px; line-height:0;}
.Bcontent .writeForm img{width:10%;}
.Bcontent .writeForm{background:white; padding-bottom:50px;}
.Bcontent .writeForm input{padding:3%; width:85%; border:1px solid #777; margin-top:20px;}
.Bcontent .writeForm th{width:20%; font:bold 1.5em/1.5em "malgun gothic";}
.Bcontent .writeForm textarea{width:85%; height:200px; font:1.5em/1.5em "malgun gothic"; padding:5%; margin-top:20px;}
.CScontent{margin:110px 0 60px; background:#fff; padding:0; line-height:0;}
.Vcontent{margin:50px 0 20px; background:#fff; padding:0; line-height:0;}
.v_tit{font:bold 2em/1em "malgun gothic"; margin:0; padding:15px; 10px; background:white; letter-spacing:-1px;}
.CScontent th{font:bold 1.2em/1.5em "malgun gothic"; padding:3%; border-top:1px solid black; text-align:center; border-bottom:1px solid #bbb; background:#eaf3f6;}
.CScontent .list_line td{font:bold 1.2em/1.5em "malgun gothic"; padding:3%; border-bottom:1px solid #bbb; text-align:center;}
.CScontent td:nth-child(3n+1){text-align:left;}
.CScontent td a{color:#333; text-decoration:none;}
.CScontent .paging{background:#fff; display:block; padding:20px; text-align:center; font:1.2em/1em malgun gothic;}

.m_btn_box{background:#082746; display:block; padding:10px;}

.menu_lic{width:95%; border:0; border-collapse:collapse; border-spacing:0; margin:0 auto; border-top:5px solid #0d355d; border:1px solid #0d355d; border-top:3px solid #0d355d;  border-bottom:3px solid #0d355d;}
.menu_lic td{text-decoration:none; background:#fff; text-align:center; padding:15px 0; font:bold 1.2em/1em "malgun gothic"; border-bottom:1px dashed #999; border-right:1px dashed #999;}
.menu_lic td:last-child{border-right:0;}
.menu_lic a{text-decoration:none; color:#000;}

.footer{position:fixed; bottom:0; z-index:99; width:100%;  text-align:center; background:#082746; line-height:0;}
.footer .copyright{padding:1.7em 0; font:1.2em/1em; color:#fff;}
.footer .copyright a{color:#fff; text-decoration:none; padding:5px 10px; border-radius:3px; margin-left:20px; border:1px solid #fff;}

.footer02{width:100%;  text-align:center; background:#082746; line-height:0;}
.footer02 .copyright{padding:1em 0; font:1.2em/1em; color:#fff;}
.footer02 .copyright a{color:#fff; text-decoration:none; padding:5px 10px; border-radius:3px; margin-left:20px; border:1px solid #fff;}

/*new footer*/

.floating_bottom { width:100%; border:0; /*border-top:1px solid #000;*/ height:125px;}
.floating_bottom .Q_call { width:33.33%; background:#ffffff; float:left; text-align:center;  padding:15px 5px; border-right:1px solid #c2c2c2; cursor: pointer; /*background:#313131;*/}
.floating_bottom .Q_counsel { width:33.33%; background:#ffffff; float:left; text-align:center; padding:15px 5px; border-right:1px solid #c2c2c2; cursor: pointer; /*background:#313131;*/}
.floating_bottom .Q_top_link { width:30%; background:#434343; float:left; text-align:center; height:68px; padding:6px 5px; } 
.floating_bottom .talk_banner_div { width:33.33%; background:#ffffff; float:left; text-align:center; padding:13px 5px; cursor: pointer; /*background:#313131;*/} 
.floating_bottom .talk_banner_div a{text-decoration: none;}
.floating_bottom .Q_list01 { width:33.33%; background:#1c4b84; float:left; text-align:center; height:55px; padding:8px 5px; /*background:#313131; height:43px;*/} 
.floating_bottom .Q_list01 p { line-height:32px; color:#fff; font-family:'ESlight'; font-weight: 300; font-size:1.3em;}
.floating_bottom .Q_call span,.floating_bottom .Q_counsel span,.talk_banner_div span{display:block; color:#1c4b84; font-size: 1.1em; font-weight: bold; margin-top: 3px;}
.fa-phone-volume:before,.fa-calendar-check:before,.fa-comment:before{color:#1c4b84;font-size:1.7em;}

/*¸ð¹ÙÀÏ ¼ö°­ ¹Ù·Î°¡±â È­»ìÇ¥*/
.fa-angle-double-right:before{color:#fff; font-size:22px;line-height: 1.45;}


.footer_app_download { background:url('/vision1/mo_img/vision/common/app_download_btn.jpg'); background-size:cover; height:100px; width:100%; position:relative; text-align:center; }
.footer_app_download h4 { color:#fff; padding-top:10px; } 
.footer_app_download .footer_app_download_btn_box { position:absolute; bottom:0; width:100%; }
.footer_app_download .footer_app_download_btn_box .appstore_down_btn { width:50%; float:left; height:60px; text-align:right; padding-right:10px; }
.footer_app_download .footer_app_download_btn_box .googleplay_down_btn { width:50%; float:left; height:60px; text-align:left; padding-left:10px; }
.footer_app_download .footer_app_download_btn_box .appstore_down_btn img, .footer_app_download .footer_app_download_btn_box .googleplay_down_btn img { width:140px; }

footer { background:#e5e5e5; color:#fff; font-size:0.80em; padding:20px 15px 130px 15px; text-align:center; }
footer .btn_v2 { border:1px solid #dcdcdc; border-radius:5px; background:#fff; color:#777; padding:10px 60px; }
footer .footer_info_box { padding-top:15px; text-align:left; }
footer .footer_info_box .footer_info { display:block; padding:0px; line-height:160%; font-size:1.1em; color:#999; letter-spacing:-0.8px; }
footer .footer_info_box .footer_info p{margin: 0 0 5px;}

footer .footer_info_box .footer_info .copyright { font-size:0.9em; margin-top:5px; color:#b1b1b1; }








.more{position:absolute; right:10px; top:5px; font:1.2em/1em; text-decoration:none; color:#777;}
.Scontent h3{display:block; padding:10px 0 0; text-align:center; font:2.2em/1em "Jeju Gothic"; color:white;}
.main_tit{display:block; padding:10px 0 0; text-align:center; font:2.2em/1em "Jeju Gothic"; color:white;}

.ticker {
	height:20px;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style: none;
}
.ticker li {
	height:20px;
	padding:0 5px;
	margin:0px;
}
.ticker li a{font:bold 1.2em/1em; text-decoration:none; color:#333; display:inline-block; letter-spacing:-1px;}
.notice{position:relative; background:#fff; overflow:hidden; padding:5px;}

.join_design{width:100%; margin:0 auto; position:relative;}
.join_design input{width:89.5%; border:1px solid #ddd; background:#fff;}
.join_design input:active{background:white;}
.join_design input[type=text], .login_design input[type=password]{ padding:3%;}
.in_pos{width:63% !important;}
.in_btn{position:absolute; right:0; top:0; border:1px solid #ddd; padding:10px; background:#f7f7f7; font:1.2em/1.5em "malgun gothic";}

.jungbok_btn{ float:right; border:1px solid #ddd; padding:10px; background:#f7f7f7; }

.yellow_box{width:100%; margin:0 auto; border:1px solid #ddd; padding:15px; background:#f7f7f7; text-align:left; color:#333;}
.yellow_box input{width:70%; border:1px solid #ddd; background:#fff;}
.yellow_box input:active{background:white;}
.yellow_box input[type=text], .login_design input[type=password]{font:1.0em "malgun gothic"; padding:3%;}
.yel_txt{font:1.0em "malgun gothic";  margin-right:20px; padding-top:10px;   color:#000;}

.gray_box{border:1px solid #ddd; padding:10px; background:#f7f7f7; text-align:left; color:#333; margin:5px 0 35px;}
.gra_txt{font:1.0em "malgun gothic"; padding-right:10px; letter-spacing:-1px; color:#777;}

.join_addr {width:90%; margin:0 auto;}
.address01{margin-bottom:5px;}
.address01 input{border:1px solid #ddd; background:#fff;}
.address01 input:active{background:white;}
.address01 input[type=text]{font:1.2em/1.5em "malgun gothic"; padding:5%;}
.address01 input[type=button]{width:39%; float:left; border:1px solid #d35400; background:#e67e22; border-radius:2px;color:#fff;font:bold 15px/40px 'nanum gothic';display:inline-block;vertical-align:middle;height:43px;border-bottom: 2px solid #a0480e;border-right: 1px solid #a0480e;}

.address02 input{width:89.5%; border:1px solid #ddd; background:#fff; margin-bottom:5px;}
.address02 input:active{background:white;}
.address02 input[type=text]{font:1.2em/1.5em "malgun gothic"; padding:5%;}

.phon input{width:20%; border:1px solid #ddd; background:#fff; font:bold 1.0em "malgun gothic" !important;}
.phon select{width:31%; border:1px solid #ddd; background:#fff; height:40px; font:bold 1.0em "malgun gothic"; padding-left:10px;}

.join_design input[type=text], .join_design input[type=password]{ padding:3%;}
.join_btn{font:1.5em/1.5em "malgun gothic"; padding:2.5%; border:1px solid #E84C3D; background:#E84C3D; width:100%; color:white; margin-bottom:10px;}

.login_tit{font:2em/1.5em 'malgun gothic'; display:block; text-align:center; padding:5% 0; background:#444; color:#fff;}
.login_ment{font:1.2em; display:block; text-align:left; padding:0 5%; margin:20px 0; color:#333; padding-top:30px;}
.login_design{width:90%; margin:0 auto;}
.login_design input{width:89.5%; border:1px solid #ddd; background:#fff;}
.login_design input:active{background:white;}
.login_design input[type=text], .login_design input[type=password]{font:1.2em/1.5em "malgun gothic"; padding:5%;}
.login_btn{font:1.5em/1.5em "malgun gothic"; padding:2.5%; border:1px solid #E84C3D; background:#E84C3D; width:100%; color:white; margin-bottom:10px;}
.join_btn{width:28%; font:1.1em/1.1em "malgun gothic"; padding:3% 2.0%; border:1px solid #ddd; background:#eaeaea; color:#000; margin-top:5px; float:left;}
.cash{color:#FF0000; font:bold 1.2em/1.2em "malgun gothic";}
.lic_btn{font:bold 2em/1.5em "malgun gothic"; padding:2% 5%; width:86%; border:1px solid #f49d00; border-radius:3px; background:#f49d00; display:block; color:white; text-decoration:none; text-align:center; margin:0 auto;}
.tail_01{background:#8d43b4; color:white; padding:2px 3px; font:12px/1.2em;}
.tail_02{background:#f8555b; color:white; padding:2px 3px; font:12px/1.2em;}
.tail_03{background:#23219C; display:inline-block; color:white; padding:2px 3px; font:12px/1.2em;}
.tail_04{background:#e77e22; display:inline-block; color:white; padding:2px 3px; font:12px/1.2em;}

.id_find{width:29%; font:1.1em/1.1em "malgun gothic"; padding:3% 2.0%; border:1px solid #ddd; background:#333; width:30%; color:#fff; margin-top:5px; float:left; text-align:center; margin-right:4px;}
.pw_find{width:29%; font:1.1em/1.1em "malgun gothic"; padding:3% 2.0%; border:1px solid #ddd; background:#888; width:30%; color:#fff; margin-top:5px; float:left; text-align:center; margin-right:4px;}

.coupon_tab{display:block; padding:20px; text-align:center;}
.coupon_tab input{width:90%; border:1px solid #ddd; border-radius:5px; background:#fff; padding:3%; font:50px/1.5em "malgun gothic"; text-align:center; color:#333;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color:transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:transparent;
}
.play_list strike{font:1em/1.2em "malgun gothic";}
.play_list strong{font:bold 1.5em/0.5em "Anton";}
.play_list{margin:7px auto; padding:7px; background:white; border:1px solid #ccc;}
.play_list td{padding:5px 10px;}
.m_tit{font:bold 1.8em/1em "malgun gothic"; margin:0; padding:25px 5% 15px; background:#425caa; letter-spacing:-1px; color:white;}
.btn_study{display:inline-block; padding:20px; background:blue; color:white;}

.bo_td{border-top:2px solid black;}
.bo_td th{padding:2%;}

.btn_tit{color:#333; font: 1.0em/1.8em 'nanum gothic'; text-decoration:none;}
.coldplay{width:95%; margin:20px auto 0; border-top:7px solid #6e82ff; border-bottom:3px solid #ddd; line-height:0;}
.coldplay td{background:white; padding:10% 6%;}
.coldplay img{width:40%; float:left;}
.coldplay h3{font:bold 1em/1em "malgun gothic"; float:right; margin:0;}
.coldplay p{float:right; font:bold 1em/1em "malgun gothic"; margin:0; color:#999;}

.coldbody{width:95%; margin:10px auto 0; line-height:0; border-top:2px solid #ffd200; border-bottom:1px solid #ddd;}
.coldbody td{background:white; padding:4% 6%; border-bottom:1px dashed #b38300; background:#fff; }
.coldbody tr:last-child td{border-bottom:0;}
.coldbody img{width:40%; float:left;}
.coldbody h3{font:bold 1em/1em "malgun gothic"; float:right; margin:0;}
.coldbody p{float:right; font:bold 2em/1em "malgun gothic"; margin:0; color:#999;}
.coldbody strong{color:#FF3300; font:bold 1em/1em "malgun gothic"; float:right;}


.coldlist{width:100%; margin:0 auto 50px; line-height:0; border-bottom:1px solid #ddd;}
.coldlist td{background:white; padding:10px 5px 10px 5px; border:0; border-bottom:2px dashed #ddd; font:1.0em/1.8em "malgun gothic"; color:#333; letter-spacing:-1px;}
.coldlist td:nth-child(3n+1){width:23%; padding-right:0;}
.coldlist tr:last-child td{border-bottom:0;}
.coldlist td:last-child{padding-right:2%; text-align:right;}
.coldlist td:last-child a{text-decoration:none; color:#333;}
.coldlist img{width_:40%; float:left;}
.coldlist h3{font:bold 2em/1em "malgun gothic"; float:right; margin:0;}
.coldlist p{float:right; margin:0; color:#999;}
.coldlist strong{color:#FF3300; float:right;}
.btn_play{display:inline-block; background:#ec111b; padding:5px 6px; text-decoration:none; color:white !important; border-radius:3px;}
.td_text{background:#fff; text-align:center; display:block; font:bold 1.5/1em "malgun gothic"; margin:0; padding:5%; letter-spacing:-1px;}

.coldjoin{width:95%; margin:20px auto 0; line-height:0; border-bottom:3px solid #ddd;}
.coldjoin input{width:90%; background:#fff;}
.coldjoin input[type=text], .coldjoin input[type=password]{font:1.5em/1.5em "malgun gothic"; padding:6% 5%;}


.coldjoin select{border:1px solid white; width:100%; font:bold 1.2em/1.5em "malgun gothic";}
.btn_join{font:bold 1.5em/1.5em "malgun gothic"; padding:3% 0; display:block; background:#1c4b84; border-radius:3px; text-align:center; color:white !important;}

.coldjoin .mobile_num{font:bold 1.2em/1.5em "malgun gothic";}
.coldjoin .mobile_num input{width:32% !important; border:0 !important; padding:1% !important; border-left:1px solid #ddd !important; text-align:center;}
.coldjoin .mobile_num select{width:30% !important; border:0 !important; padding:1%; text-align:center; background: url(../img/select_arrow.png) right center no-repeat; -webkit-appearance: none; -moz-appearance: none;}
.coldjoin input{border-bottom:1px solid #bbb;}
.coldjoin .mobile_num input[type=text]{border:1px solid #fff; height:30px; width:20%; font:bold 1.2em/1em "malgun gothic"; padding:0 5%; text-align:center;}
.coldjoin .mobile_num a{float:right; padding:10px 20px; color:#333; display:inline-block; border:1px solid #999; font:bold 35px/1.5em "malgun gothic";}
.id_from{width:100%; float:left;}
.id_from input[type=text]{border:1px solid #fff; height:30px; width:50%; font:1.5em/1.5em "malgun gothic"; padding:0;}
.id_from a{float:right; padding:5px 10px; color:#333; display:inline-block; border:1px solid #999; font:bold 1em/1.5em "malgun gothic";}
.min_txt{font:bold 1.2em/1em "malgun gothic"; padding:0 0 30px;}

.mobile_add input{border:0; font:1.3em/1.5em "malgun gothic"; padding:1% !important; height:30px;}
.mobile_add a{float:left; padding:5px 17px; color:#fff; display:inline-block; background:#ff7800; font:bold 1.2em/1.5em "malgun gothic"; border-radius:3px; border-bottom:3px solid #c95f00; border-right:3px solid #c95f00;}
.postNum{width:30% !important;}
.btn_home a{font:bold 2em/1.5em "malgun gothic"; padding:3% 0; display:block; background:#f1586e; text-align:center; color:white; text-decoration:none;}

.wt_mobile{font:bold 1.5em/1.5em "malgun gothic";}
.wt_mobile input{width:25% !important; border:0 !important; padding:3% !important; border-left:1px solid black !important; text-align:center;}
.wt_mobile select{width:30% !important; border:0 !important; padding:3%; text-align:center; background: url(../img/select_arrow.png) right center no-repeat; -webkit-appearance: none; -moz-appearance: none;}
.m_btn_wrt{font:bold 2em/1.5em "malgun gothic"; padding:3% 0; display:block; background:#FF9B00; border-radius:3px; text-align:center; color:white !important; text-decoration:none;}


.m_btn_lst, .m_btn_del, .m_btn_edt, .m_btn_rpl{font:bold 1.5em/1.5em "malgun gothic"; padding:2% 4%; display:inline-block; border-radius:3px; text-decoration:none; margin-right:20px;}
.m_btn_lst{border:1px solid #999; color:#333;}
.m_btn_del{background:#f00; color:#fff;}
.m_btn_edt{border:1px solid #f00; color:#333;}
.m_btn_rpl{border:1px solid #999; color:#333;}

/* »ùÇÿµ»ó */
.sampleView{background:#ededed; display:block; padding:0; overflow:hidden;}
.circel01{display:inline-block; border:1px solid #2260d2; padding:2px 7px 0; border-radius:30px; line-height:14px; font-size:10px; color:#2260d2; vertical-align:middle;}
.circel02{display:inline-block; padding:3px 3px 0; line-height:15px; color:#2260d2; font-size:14px; vertical-align:middle;}
.btnLine{width:100%; text-align:center;}
.btnLine td{padding:15px 0; background:#dd2a00; color:#fff;}
.medal_list{position:absolute; right:15px; top:35px;}
.medal_list img{width:105px;}
.sampleView li{position:relative; background:white; display:block; padding:20px 10px 20px; margin-bottom:7px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.sampleView p{float:left; color:#777; margin-right:7px;}
.sample_subject{display:block; font:bold 20px/1.2em 'malgun gothic'; overflow:hidden; clear:both; margin:10px 0 5px;}



.h3_tit {background:url("/vision1/img/h3_titleicon.jpg") no-repeat 0 8px; font-weight:500; font-size:1.5em!important; color:#000; /*padding:0 0 0 25px;*/ margin:0 0 20px 0; clear:both; line-height:160%}
.h3_tit_main {font-weight:600; font-size:1.4em!important; color:#000; padding:0 0 0 0px; margin:0;}
.h4_tit {background:url("/vision1/img/h4_titleicon.jpg") no-repeat 0 4px; font-weight:500;  font-size:1.2em!important; color:#333; padding:0 0 0 25px; margin:0 0 20px 0; clear:both; line-height:160%}
.h5_tit {background:url("/vision1/img/h5_titleicon.jpg") no-repeat 0 10px; font-weight:500; font-size:1.1em!important; color:#666; padding:0 0 0 10px; margin:0px 0 0 0px; clear:both; line-height:160%}
.bullit_tit {background:url("/vision1/img/h5_titleicon.jpg") no-repeat 0 11px; font-size:1.0em!important; color:#666; padding:0 0 0 10px; margin:3px 0 0 29px; clear:both}
.bullit_tit2 {background:url("/vision1/img/h5_titleicon.jpg") no-repeat 0 11px;  line-height:180%; text-align:justify; font-size:1.0em!important; color:#666; padding:3px 0 0 10px; clear:both; line-height:160%}

.mocontsub { min-height:330px; }
.mocontsub ul li.boxin {list-style:none; background:url("/vision1/img/h5_titleicon.jpg") no-repeat 0 11px;  line-height:180%; text-align:justify; font-size:1.0em!important; color:#666; padding:3px 0 0 10px; clear:both}



.pd0	{ padding: 0px!important; }
.pd3	{ padding: 3px!important; }
.pd5	{ padding: 5px!important; }
.pd10	{ padding: 10px!important; }
.pd15	{ padding: 15px!important; }
.pd20	{ padding: 20px!important; }
.pd25	{ padding: 25px!important; }
.pd30	{ padding: 30px!important; }
.pd35	{ padding: 35px!important; }
.pd40	{ padding: 40px!important; }
.pd45	{ padding: 45px!important; }
.pd50	{ padding: 50px!important; }

.pl20	{ padding-left: 20px!important; }
.pl25	{ padding-left: 25px!important; }
.pl30	{ padding-left: 30px!important; }
.pl35	{ padding-left: 35px!important; }
.pl40	{ padding-left: 40px!important; }
.pl45	{ padding-left: 45px!important; }
.pl50	{ padding-left: 50px!important; }

.pr20	{ padding-right: 20px!important; }
.pr25	{ padding-right: 25px!important; }
.pr30	{ padding-right: 30px; }
.pr35	{ padding-right: 35px!important; }
.pr40	{ padding-right: 40px!important; }
.pr45	{ padding-right: 45px!important; }
.pr50	{ padding-right: 50px!important; }

.pb20	{ padding-bottom: 20px!important; }
.pb40	{ padding-bottom: 40px!important; }

.pt14	{ padding-top: 14px!important; }
.pt20	{ padding-top: 20px!important; }
.pt30	{ padding-top: 30px!important; }
.pt40	{ padding-top: 40px!important; }


.mt10	{margin-top:10px!important;}
.mt20	{margin-top:20px!important;}
.mt30	{margin-top:30px!important;}
.mt40	{margin-top:40px!important;}
.mt50	{margin-top:50px!important;}

.mb10	{margin-bottom:10px!important;}
.mb20	{margin-bottom:20px!important;}
.mb30	{margin-bottom:30px!important;}
.mb40	{margin-bottom:40px!important;}
.mb50	{margin-bottom:50px!important;}

.-ml20	{margin-left:-20px!important;}
.disnone { display:none }

.contain {margin-left:15px; margin-right:15px;}

.box2	{border:3px solid #293d7e; padding:15px;}
.box	{border:1px solid #ddd; padding:15px; margin-bottom:30px; background:#f8f8f8;}
.box10	{border:1px solid #ddd; padding:10px; font-size:14px; margin-top:15px; margin-bottom:25px;}
.box16	{border:0px solid #ddd; padding:10px; font-size:15px; color:#fff; background:#1b3045; margin-top:15px; margin-bottom:25px; line-height:180%;}

.box_in	{border:1px solid #ddd; padding:15px;}
.boxR	{border:2px solid #293d7e; padding:15px; border-radius:5px; width:100%;}

table.contTable01 { margin-top:-10px;margin-bottom:30px;width:100%; border-top:1px solid #ddd; border-collapse:collapse; }
table.contTable01 caption {visibility:hidden; overflow:hidden; width:0; height:0; line-height:0;}
table.contTable01 thead th { text-align:center; border:1px solid #ddd; padding:10px 4px; font-size:13px; background-color:#f1f1f1; color:#333; }
table.contTable01 tbody th {  border:1px solid #ddd; padding:10px; font-size:13px;background-color:#f9f9f9; color:#333; font-weight:600;}
table.contTable01 .th02 {background:#f2f2f2; color:#333;}
table.contTable01 td {font-size:12px; border:1px solid #ddd; padding:15px 5px; line-height:160%;}
table.contTable01 .al { text-align:left;}
table.contTable01 .ac { text-align:center;}



.bgRED	{background:#f00}
.bgBLUE	{background:#293d7e}
.bgLGRAY {background:#FAFAFA}
.bgGRAY {background:#ccc}
.bgDARKGRAY {background:#333}
.bgBLACK {background:#000}
.bgWHITE {background:#fff}
.bgDARKRED {background:#ba2e3b}
.fontfff {color:#fff;}
.font000 {color:#000;}

.fl {float:left!important; }
.fr {float:right!important; }
.justify {text-align:justify!important;}

.lineh14 {line-height:140%!important;}
.lineh16 {line-height:160%!important;}
.lineh18 {line-height:180%!important;}

.lspacing {letter-spacing:-0.05px;}

.borderRound {border-radius:50px; padding:0px; background:#3a6ec4;}

.fcolor1	{color:#1e5efe!important;}
.fcolor2	{color:#c920ff!important; }
.fcolor3	{color:#270095!important; }


.cont_title_bg {background:url('/images/common/cont_title_bg.jpg') 0px 0px no-repeat; padding-top:10px;  height:61px; font-size:1.8em; font-weight:500;}


/* table */

table.coldplay { margin-top:10px;margin-bottom:30px;width:100%; border-top:3px solid #363d64; border-collapse:collapse; }
table.coldplay caption {visibility:hidden; overflow:hidden; width:0; height:0; line-height:0;}
table.coldplay thead th { text-align:center; border:1px solid #ccc; padding:15px 0; background-color:#0f5994; color:#fff; }
table.coldplay tbody th { text-align:center; border:1px solid #ccc; padding:15px 0;  background-color:#f2f2f2; color:#000; line-height:160%; }
table.coldplay td { border:1px solid #ccc; padding:10px; text-align:justify; line-height:180%;}
table.coldplay .td_text { text-align:left; padding:5px; }


table.info_table2 {width:100%; border-top:1px solid #e1e1e1;}
table.info_table2 tbody tr th {padding:10px; background:#f6f6f9; font-size:14px; line-height:24px; color:#222222; border-bottom:1px solid #e1e1e1;}
table.info_table2 tbody tr td {padding:10px 10px 10px 10px; font-size:14px; line-height:24px; color:#555555; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
table.info_table2 tbody tr td:last-child {border-right:none;}





/* °Ô½ÃÆÇ À¯Æ©ºê ¹ÝÀÀÇü »çÀÌÁî */ 
.videowrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 ºñÀ²ÀÎ °æ¿ì */
/* padding-bottom°ªÀº 4:3 ºñÀ²ÀÎ °æ¿ì 75%·Î ¼³Á¤ÇÕ´Ï´Ù */
padding-top: 25px;
height: 0;
}

.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*20190916_mainnew*/
/*common*/
.txt_c { text-align:center; font-size:1.5em;}
.txt_l { text-align:left; font-size:1.5em; }

/*title*/
.cont_tit_01, .cont_tit_02 { display:block; color:#444; margin:20px 0 10px 0; }
.cont_tit_01:focus, .cont_tit_02:focus, .cont_tit_01:hover, .cont_tit_02:hover, .cont_tit_01:active, .cont_tit_02:active { color:#444; text-decoration:none; }

.cont_tit_01 p { padding-top:10px; }
.cont_tit_02 { padding-left:10px; }
.cont_tit_02 i { padding-left:5px; }

.container_01 { overflow:hidden; clear:both; /*margin-top:13%; }/* º¯°æ */
.container_01 img { margin: 0px 0px 5px; }
.container_01 a { display:block; }
.container_02 { overflow:hidden; }

.counsel_main .consel_time_info { text-align:center; margin:10px 0px; }

.counsel_main .left_area { float:left; width:50%; padding-left:5px; }
.counsel_main .left_area input,.counsel_main .left_area select { line-height:45px; height:45px; width:100%; padding:5px 10px; font-size:1em; border:1px solid #dcdcdc; margin-bottom:5px; }
.counsel_main .right_area { float:left; width:50%; padding:0px 5px; }
.counsel_main .right_area .main_conbtn { width:100%; height:95px; border-radius:0px; font-size:1.8em; background:#003576; color:#fff; }/* ¹è°æ: 003576 */
.counsel_main .right_area label { font-size:1em; vertical-align:middle; margin-top:5px;}
.counsel_main .right_area input { margin-top:2px; }