html {
	font-size: 10px;
}
body {
	
	/*background:#ffffff url('../images/subpage_bg.png') no-repeat; background-size:cover;*/
	width:100%;
	margin:0 auto;
	font-family:'Noto Sans KR', sans-serif; 
	font-size: 1.4rem;
	font-weight: 300;
	color: #333;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
}



#wrap {min-width:1200px;width:100%; overflow:hidden; margin:0; font-family: 'Noto Sans KR', sans-serif;  font-weight:400;}
#content {width:100%; margin:0 auto;}
#header {position:fixed; top:0; z-index:9999; width:100%; height:82px; background:#fff; opacity:0.9; border-bottom:1px solid #cfd0da;}
.gnb {width:1200px; height:80px; margin:0 auto; }
.gnb:after {content:""; display:block; clear:both;}
.gnb .logo {width:auto; float:left; height:80px; display:flex; align-items:center; margin-left:20px;}
.floating-menu {display:flex; align-items:center; height:80px; margin:0; float:right;}
.floating-menu:after {content:""; display:block; clear:both;}
.floating-menu ul {float:left; }
.floating-menu li {float:left; margin:22px; letter-spacing:0; list-style:none; font-size:17px; font-weight:600}
.floating-menu ul li:last-child {margin-right:0;}
.floating-menu a {text-decoration:none; color:#383838; }
.floating-menu ul li a:hover {position:relative; font-weight:600; color:#4457cc;}
.floating-menu ul li.on a {font-weight:600; color:#4457cc; position:relative;}
.floating-menu ul li.on a:after {position:absolute; width:100%; left:50%; margin-left:-11.4px; bottom:-6px; content:""; display:inline-block; width:28px; height:2px; margin-top:10px; background:#4457cc;}


#footer_section {width:100%; height:196px; background:#1c1c1c; margin:0; padding:0;}
#footer_section .footer_in {width:1200px; margin:0 auto; height:100%;}
#footer_section .footer_in:after {content:""; display:block; clear:both;}
#footer_section .footer_in .footer_logo {width:auto; overflow:hidden; float:left; padding-right:80px;}
#footer_section .footer_in .footer_logo img {margin-left:80px; margin-top:80px;}
#footer_section .footer_in .footer_txt {float:left; overflow:hidden;}
#footer_section .footer_in ul.footer_top {width:100%; margin:0; padding:55px 0 10px; color:#e5e5e5; font-size:13px; overflow:hidden;}
#footer_section .footer_in ul.footer_top li {float:left; display:inline-block; margin-right:10px; list-style:none; font-weight:600;}
#footer_section .footer_in ul.footer_top li a {color:#e5e5e5; text-decoration:none;}
#footer_section .footer_in ul.footer_top li:after {content:"|"; margin-left:10px; }
#footer_section .footer_in ul.footer_top li:last-child:after {content:none;}
.footer_cont {width:100%; color:#e5e5e5; font-size:13px;}
.footer_bottom {color:#979797; font-size:13px; margin:5px 0; letter-spacing:0;}



/* tabs */
#tabs {width:100%; margin:135px auto 0;}
.tab, .tab2 {width:1100px; height:60px; margin:0 auto; padding:0;}
.tab li, .tab2 li {float: left; list-style:none; }
.tab li {width: 20%; height:54px;}
.tab2 li {width: 80px;text-align: center;}
.tab li .menu {text-align:center; background:#f7f7f7; cursor: pointer;display: block;font-size:17px; color:#212121; font-weight: 500;	padding: 15px;	}
.tab li:first-child .menu {border-radius:15px 0 0 15px}
.tab li:last-child .menu {border-radius:0 15px 15px 0}
.tab li .menu:hover {color:#4457cc; font-weight:600; }
.tab .active .menu {background: #ffffff; border: 1px solid #4457cc; color:#4457cc; font-weight:700; box-shadow:0 5px 8px 0 #e6e6e6}
.tab .active .menu:hover {background: #ffffff;	border: 1px solid #4457cc; color:#4457cc; font-weight:700}
.tab >li:nth-child(2) {position:relative;}
.tab >li:nth-child(3) {position:relative;}
.tab li>a {text-decoration:none; display:block; overflow:hidden;}
.menu_drop1 { display:none; position:absolute; top:54px; margin-bottom:0; left:0; width:100%; padding:5px 0; overflow:hidden; background:#fff; border:1px solid #e0e0e0; border-radius:0 0 10px 10px; }
.menu_drop1 a {text-decoration:none; z-index:9999;font-weight:500; color:#666; font-size:13px; text-align:center; text-decoration:none; display:block; padding:10px;}
.menu_drop1 a:hover {color:#4457cc; text-decoration:underline;}
.menu_drop1 a.on {color:#4457cc; text-decoration:underline;}

.menu_drop2 { display:none; position:absolute; top:54px; margin-bottom:0; left:0; width:100%; padding:5px 0; overflow:hidden; background:#fff; border:1px solid #e0e0e0; border-radius:0 0 10px 10px; }
.menu_drop2 a {text-decoration:none; z-index:9999;font-weight:500; color:#666; font-size:13px; text-align:center; text-decoration:none; display:block; padding:10px;}
.menu_drop2 a:hover {color:#4457cc; text-decoration:underline;}
.menu_drop2 a.on {color:#4457cc; text-decoration:underline;}
 


 .ver2 {display:none;}
 .ver3 {display:block;}

/* tab2 */
.tab2_area {width:1100px; margin:0 auto; text-align:center; border-bottom:2px solid #dedede; }
.tab2 {width:500px; padding:5px 0; margin:0 auto; text-align:center;}
.tab2 li {width:33.3%; display: inline-block; }
.tab2 li span {position:relative;  cursor: pointer; display: inline-block; padding: 10px; font-weight:500; font-size:18px; color:#212121; position: relative;}

.tab2 li span:hover {font-weight:600; color:#4457cc; font-size:18px;}
.tab2 .active span {font-size:20px; color:#4457cc; font-weight:600; }
.tab2 .active span::after {content: ''; background:url('../images/triangle.png'); position: absolute; bottom: 0;left:40.2%; width: 13px; height: 6px;}
.tab2 .active span:hover {font-size:20px; color:#4457cc; font-weight:600; }

.tab_in {width:1100px; overflow:hidden; margin:0 auto; }
.tab_area {overflow:hidden; width:100%; margin:0 auto; text-align:center; border-bottom:2px solid #dedede; }
ul.tabs_ {overflow:hidden; width:500px; padding:5px 0 12px; margin:0 auto; text-align:center;}
ul.tabs_ li {width:33.3%; display: inline-block; float:left; }
ul.tabs_ li a {overflow:hidden; text-decoration:none; position:relative;  cursor: pointer; display: inline-block; padding: 10px; font-weight:500; font-size:18px; color:#212121;}
ul.tabs_ li a:hover {font-weight:600; color:#4457cc; font-size:18px;}
ul.tabs_ li.active a {text-decoration:none; font-size:20px; color:#4457cc; font-weight:600;}
ul.tabs_ li.active a::after {content: ''; background:url('../images/triangle.png'); position: absolute; bottom: 0;left:40.2%; width: 13px; height: 6px;}
ul.tabs_ li.active a:hover {font-size:20px; color:#4457cc; font-weight:600; }


.tab_container {width:1100px;  clear: both; float: left; overflow:hidden;}
.tab_content { font-size: 12px; display: none; padding-bottom:90px;}


/* visual */

.visual {background:#e4f4ff; /*background:url('../images/visual_bg.png') repeat-x;*/ width:100%; margin:40px auto 50px; text-align:center; height:325px; font-size:38px; font-weight:800;}
.visual_in {width:1100px; height:100%; margin:0 auto; overflow:hiden; }
.visual h1 {position:relative; width:100%; font-size:64px; font-weight:800; float:left; text-align:left; margin:95px 0 0 60px;}
.visual h1 img {margin-left:10px; margin-bottom:18px;}
.visual p {font-size:22px; font-weight:600; float:left; text-align:left;  margin:5px 0 0 65px;}

.visual_01 {background:url('../images/visual_01.png') bottom right no-repeat;}
.visual_02 {background:url('../images/visual_02.png') bottom right no-repeat;}
.visual_03 {background:url('../images/visual_03.png') bottom right no-repeat;}
.visual_04 {background:url('../images/visual_04.png') bottom right no-repeat;}
.visual_05 {background:url('../images/visual_05.png') bottom right no-repeat;}






/* content*/
.top_btn {border:none; cursor:pointer; position:fixed; width:62px; height:62px; bottom:5px; right:30px; display:none; background:url('../images/top_btn.png') no-repeat; z-index:9999;}
.ban0 {display:block; z-index:8888; position:fixed; bottom:370px; right:30px; width:83px; height:73px; background:url('../images/banner0.png') no-repeat; }
.ban0:hover {background:url('../images/banner0_2.png') no-repeat;}
.ban1 {display:block; z-index:8888; position:fixed; bottom:284px; right:30px; width:83px; height:73px; background:url('../images/banner1.png') no-repeat; }
.ban1:hover {background:url('../images/banner1_2.png') no-repeat;}
.ban2 {display:block; z-index:8888; position:fixed; bottom:85px; right:12px; width:119px; height:180px; background:url('../images/banner2.png') no-repeat; }

.ban2:hover {background:url('../images/banner2_2.png') no-repeat;}
.tab_content>p {font-size:17px; line-height:28px; color:#2b2b2b; font-weight:400; margin:90px auto 60px;}
.tab_content>p strong {font-size:18px; font-weight:800; }
.tab_content>p img {margin:0; }
.tab_content .detail {width:1100px; height:auto; overflow:hidden; margin:40px auto 0; }
.tab_content h2 {font-size:32px; font-weight:800; margin-top:90px; display:flex; align-items:center; }
.tab_content h2 .label2 {font-style:normal; display:inline-block;border-radius:5px; margin-right:10px; width:6px; margin-top:4px; height:26px; background:#3a5ac1;}
.tab_content .detail h3 {overflow:hidden; font-weight:800; font-size:22px; margin:20px 0;}
.tab_content h4 {margin-bottom:25px; font-size:20px; font-weight:800;}
.tab_content .detail_tit {float:left; }
.tab_content .detail img {float:left; margin-right:8px;}
.detail_box {height:auto; font-weight:500; font-size:17px;padding:32px 40px 32px; background:#fdfdfd; border:1px solid #cecece; border-radius:5px; line-height:26px;}
.detail_box p {display:flex; align-items:center; margin:0; color:#2b2b2b; margin-bottom:12px;}
.detail_box p:last-child {margin-bottom:0}
.detail_box strong {font-weight:700; color:#161616}
.detail_s_btn {cursor:pointer; margin-left:5px; display:inline-block; width:100px; height:43px; margin-top:-5px; background:url('../images/detail_s_btn.png') no-repeat;}
.detail_s_btn:hover {background:url('../images/detail_s_btn_hover.png') no-repeat}
.label {font-size:12px; margin-right:10px;color:#fff; padding-top:6px; font-weight:500; text-indent:2px; line-height:18px; text-align:center; float:left; font-style:normal; width:30px; height:24px; display:inline-block; background:url('../images/detail_num.png') no-repeat;}

.detail_sec {width:1100px; height:auto; overflow:hidden; margin:0 auto;}
.detail_sec>p {font-size:17px; margin:40px auto; line-height:28px; font-weight:400;}
.detail_sec>p>strong {font-size:18px; font-weight:800}
.detail_sec .sec {width:1100px; height:auto; margin:90px auto;}
.detail_sec .sec_img {margin-top:30px;}
 
 .ver2 {display:block;}
 .ver3 {display:block;}

.tb_01 {border-collapse:collapse; font-size:17px; font-weight:500; width:1100px; margin:30px auto 0; color:#353535;}
.tb_01 tr th {font-weight:600}
.tb_01 thead tr {background:#eff5fd; }
.tb_01 thead tr th {border-bottom:1px solid #b6babf; padding:16px; text-align:center;}
.tb_01 tr th em {font-style:normal !important; color:#ef677b; font-weight:700;}
.tb_01 tbody tr th {text-align:center; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.tb_01 tbody tr td {padding:16px; border-right:1px solid #e5e5e5; text-indent:15px; color:#626262;border-bottom:1px solid #e5e5e5; }
.tb_01 tbody tr td:last-child {border-right:none;}
.tb_01 tbody tr:last-child th {border-bottom:1px solid #afafaf}
.tb_01 tbody tr:last-child td {border-bottom:1px solid #afafaf}

.effect_area {width:100%; overflow:hidden; margin:90px auto 0;}
.effect_area .effect_in {width:100%; height:auto; overflow:hidden; margin:60px auto;}
.effect_area>div:first-child {margin-top:0;}
.effect_area h3 {width:100%; display:flex; align-items:center; font-weight:800; font-size:18px; margin-top:0; margin-bottom:12px;}
.effect_area img {float:left; margin-left:10px;}
.effect_group {overflow:hidden;}
.effect_group em {font-style:normal; font-size:15px;}
.effect_box {float:right; display:block; font-weight:500; width:78%; padding:45px 40px; font-size:17px; border-radius:10px; background:#fdfdfd; border:1px solid #cccccc}
.effect_box strong {font-weight:800}


/* common */
.col_blue {color:#4457cc !important; }
.col_red {color:#e83851 !important;}
.strong_plus {font-weight:800 !important;}
.detail_sec>div:last-child {margin-bottom:0;}
.effect_area>div:last-child {margin-bottom:0;}
.t_center {text-align:center;}
.sec_mg {margin-top:20px !important;}
.new_mark_big {position:absolute; top:38px;  display:inline-block; text-indent:-2px; font-style:italic;  width:56px; height:28px; font-size:14px; font-weight:600; line-height:28px;  border-radius:100px; margin-left:12px; text-align:center; 
color:#ffffff;  background:#ef677b; }
/* popup */

.mask {position:absolute;left:0;top:0;z-index:9999;background-color:#000;display:none}
.window {width:800px; height:490px; background-color: #ffffff;z-index:99999;display: none;overflow: hidden;border-radius: 5px}
.window .top_ba {background-color: #4456c5;padding: 18px;overflow:hidden}
.top_ba > h1 {text-align: center;color: #fff;font-size:50px}
.top_ba > h1 > .close {background:#4456c5 url('../images/close.png') no-repeat right center; display: inline-block;width: 26px;height: 26px;text-indent: -999em;float: right}
.pop_cont { height:380px; overflow-y:scroll; margin:26px;}
.module_agreement {width:100%; height:100%; color:#3a3a3a; font-size:14px; font-weight:400;}


.mask2 {position:absolute;left:0;top:0;z-index:9999;background-color:#000;display:none}
.window2 {width:800px; height:490px;background-color: #ffffff;z-index:99999;display: none;overflow: hidden;border-radius: 5px}
.top_ba {background-color: #4456c5;padding: 18px;overflow:hidden}
.top_ba > h1 {height:18px; line-height:18px; text-align: center;color: #fff;font-size:22px}
.top_ba > h1 > .close {background:#4456c5 url('../images/close.png') no-repeat right center;display: inline-block;width: 26px;height: 26px; margin-right:10px; float: right}



.mask3 {position:absolute;left:0;top:0;z-index:9999;background-color:#000;display:none}
.window3 {width:490px; height:706px;background-color: #ffffff;z-index:99999;display: none;overflow: hidden;border-radius: 5px}



/* mediaquery */

@media all and (min-width:320px){
.ban0 {display:none;}
.ban1 {display:none;}
.ban2 {display:none;}
}

@media all and (min-width:768px){
.ban0 {display:none;}
.ban1 {display:none;}
.ban2 {display:none;}
}

@media all and (min-width:1280px){
.ban0 {display:none;}
.ban1 {display:none;}
.ban2 {display:none;}
}

@media all and (min-width:1300px){
.ban0 {display:block;}	
.ban1 {display:block;}
.ban2 {display:block;}


}