/*============================================
					head
============================================*/
#hd #logo  {background:url(../img/logo_on.png) no-repeat center center/100%;}
#hd #logo img {display:none;}
#hd.on {top:-41px;}
#hd.on, #hd.on_hover {background:#fff;
	-webkit-box-shadow:0 5px 10px rgba(190,190,190,0.1);
	-moz-box-shadow:0 5px 10px rgba(190,190,190,0.1);
	box-shadow:0 5px 10px rgba(190,190,190,0.1);
}
#hd.on #hd_qnb li,
#hd.on_hover #hd_qnb li,
#hd.on .hd_login li,
#hd.on_hover .hd_login li {color:#919191;border-right:1px solid #ccc;}
#hd.on #logo, #hd.on_hover #logo {background:url(../img/logo_on.png) no-repeat center center/100%;}
#hd.on_hover #gnb .gnb_1dli,#hd.on #gnb .gnb_1dli {color:#222;}



/*============================================
					sub
============================================*/
span.blue {color:#1464c7;display:inline;}

.sub_wrap{width:100%;/* background:#999;*/}
.sub_con {width:1200px;min-height:500px; margin:0 auto;}
.sub_banner{margin-top:118px;width:100%; height:300px;}
.sub_banner .inner {display:table;width:1200px;height:100%;margin:0 auto;}
.sub_banner .inner .bn_txt {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
.sub_banner .inner .bn_txt h1 {margin:0 auto;width:50%;font-size:48px;color:#fff;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #666;}
.sub_banner .inner .bn_txt p {text-transform:uppercase;font-size:12px;opacity:0.3;letter-spacing:5px;color:#fff;}



/* snb_wrap */
.snb_wrap {width:1200px; margin:40px auto 0 auto; /***border-bottom:1px solid #eee; background:#fff;***/ }
.snb_wrap .inner_box{ transition:background 0.2s;}
.snb_wrap .inner > p {float:left;margin-right:20px;padding-right:20px;border-right:1px solid #ddd;}
.snb_wrap .inner > p a{}
.snb_wrap .inner > div{float:left;position:relative;z-index:2; margin-right:60px;}
.snb_wrap .inner > div:after {content:'';display:block;position:absolute;right:-38px;top:2px;width:1px;height:12px;border-right:1px solid #ccc;
	-webkit-transform:rotate(20deg);
	-ms-transform:rotate(20deg);
	transform:rotate(20deg);
}
.snb_wrap .inner > div:nth-of-type(3){margin-right:0px;}
.snb_wrap .inner > div:nth-of-type(3):after {display:none;}
.snb_wrap .inner > div a,.snb_wrap .inner > div p{font-weight:500; font-size:14px;}
.snb_wrap .inner > div {}
.snb_wrap .inner > div a{}
.snb_wrap .inner > div > p {position:relative;padding-bottom:20px;color:#999;}
.snb_wrap .inner > div p:after {position:absolute;right:-15px;top:3px;content:'';display:block;transform:rotate(-45deg); border-top:6px solid transparent;border-left:6px solid #999;}
.snb_wrap .inner > div p.on:after {position:absolute;right:-15px;top:6px;content:'';display:block;transform:rotate(135deg); border-top:6px solid transparent;border-left:6px solid #999;}
.snb_wrap .inner > div > ul{display:none;position:absolute;left:50%;padding:20px;background:#fff; /*box-shadow:1px 7px 10px rgba(0,0,0,0.1);*/border:1px solid #f0f0f0;
	-webkit-transform:translateX(-45%);
	-ms-transform:translateX(-45%);
	transform:translateX(-45%);
}
.snb_wrap .inner > div > ul li {margin-bottom:10px;color:#999;}
.snb_wrap .inner > div > ul li:last-child {margin-bottom:0;}
.snb_wrap .inner > div > ul li a{display:block; height:100%; box-sizing:border-box;white-space:nowrap;}
.snb_wrap .inner > div > ul li:hover {color:#000;}
.snb_wrap .inner > div > ul li.active a {color:#000;font-weight:900;}

.sw_one_dep .snb_wrap .inner > div:nth-of-type(1):after {display:none;}
.sw_one_dep .snb_wrap .inner > div:nth-of-type(2) {display:none;}
.sw_one_dep .snb_wrap .inner > div:nth-of-type(3) {display:none;}

.sw_two_dep .snb_wrap .inner > div:nth-of-type(2):after {display:none;}
.sw_two_dep .snb_wrap .inner > div:nth-of-type(3) {display:none;}



/* sub_con */
.sub_con .sc .sc_title {font-size:32px;font-weight:800;}
.sub_con .sc .sc_sub_title {font-size:20px;font-weight:800;margin-bottom:10px;}
.sub_con .sc .sc_txt {font-weight:400;line-height:160%;}

.sub_con .sub_main_title {position:relative;font-weight:800;text-align:center;margin:40px 0 80px 0;}
.sub_con .sub_main_title .inner {display:inline-block;background:#fff;padding:0 10px;font-weight:700;}
.sub_con .sub_main_title h1 {font-size:48px;margin-bottom:5px;}
.sub_con .sub_main_title p {font-size:36px;color:#999;}
.sub_con .sub_main_title:after {position:absolute;content:'';top:50%;display:block;background:#d7d7d7;width:100%;height:1px;z-index:-1;font-weight:400;line-height:140%;}

.sub_con .tb_layer_1 {width:1214px;border-spacing:7px;margin-left:-7px;}
.sub_con .tb_layer_1 th {border:1px solid #1464c7;padding:20px 0;}
.sub_con .tb_layer_1 th p {font-size:18px;}
.sub_con .tb_layer_1 td {background:#e9f4ff;padding:20px 15px;font-size:14px;line-height:130%;vertical-align:top;}
.sub_con .tb_layer_1 td li {position:relative;padding-left:10px;
	-webkit-transform:skew(-0.3deg);
	-ms-transform:skew(-0.3deg);
	transform:skew(-0.3deg);
}
.sub_con .tb_layer_1 td li:after {position:absolute;top:0px;left:0;display:block;content:'·';}

.sub_con .tb_layer_2 {width:100%;border-collapse:collapse;}
.sub_con .tb_layer_2 p {}
.sub_con .tb_layer_2 .t_out_line_r {border-right:1px solid #e3e3e3;padding-right:10px;}
.sub_con .tb_layer_2 .t_out_line_b {border-bottom:1px solid #e3e3e3;}
.sub_con .tb_layer_2 td:not(.t_out_line_r), 
.sub_con .tb_layer_2 th:not(.t_out_line_r) {padding-left:10px;}
.sub_con .tb_layer_2 th p {position:relative;font-size:20px;font-weight:700;padding:20px 0;}
.sub_con .tb_layer_2 th p:before,
.sub_con .tb_layer_2 th p:after {position:absolute;content:'';display:block;width:100%;height:6px;border-radius:100px;background:#000;}
.sub_con .tb_layer_2 th p.blue:before,
.sub_con .tb_layer_2 th p.blue:after {background:#1363c6;}
.sub_con .tb_layer_2 th p:before,
.sub_con .tb_layer_2 th p.blue:before {top:0;}
.sub_con .tb_layer_2 th p:after,
.sub_con .tb_layer_2 th p.blue:after {bottom:0;}
.sub_con .tb_layer_2 .t_in_line {position:relative;}
.sub_con .tb_layer_2 .t_in_line:after {position:absolute;bottom:0;content:'';display:block;width:100%;height:6px;border-radius:100px;background:#e5e5e5;}
.sub_con .tb_layer_2 .t_in_line.blue:after {background:#e7eff9;}

.sub_con .tb_layer_3 {width:100%;border-collapse:collapse;}
.sub_con .tb_layer_3 tr:first-child td:first-child {position:relative;border-top:5px solid #000;}
.sub_con .tb_layer_3 tr:first-child td:first-child:after {position:absolute;top:-7px;right:0;display:block;content:'';width:10px;height:10px;background:#fff;}
.sub_con .tb_layer_3 tr:first-child td:not(:first-child) {border-top:5px solid #1362c5;}
.sub_con .tb_layer_3 td {border-bottom:1px solid #ccc;}

.sub_con .ul_layer_1 li {float:left;width:24%;}
.sub_con .ul_layer_1 li:last-child {width:28%;}
.sub_con .ul_layer_1 li:after {display:block;content:'';clear:both;}
.sub_con .ul_layer_1 li:not(:last-child) p {float:left;width:70%;padding:20px 0;text-align:center;border:13px solid #bcddff;border-radius:5px;box-sizing:border-box;}
.sub_con .ul_layer_1 li span {float:right;display:block;width:30%;height:102px;}
.sub_con .ul_layer_1 li .p_icon {background:url(/img/sub/plus_icon.png) no-repeat center center;}
.sub_con .ul_layer_1 li .e_icon {background:url(/img/sub/equals_icon.png) no-repeat center center;}
.sub_con .ul_layer_1 li:last-child p {width:100%;text-align:center;background:#4a90e9;font-size:24px;color:#fff;font-weight:800;padding:24px 0;}

.sub_con .ul_layer_2 li:not(:last-child) {float:left;width:50%;}
.sub_con .ul_layer_2 li:not(:last-child) p {font-size:18px;color:#25395a;margin-bottom:5px;}
.sub_con .ul_layer_2 li:not(:last-child) p strong {font-weight:800;}
.sub_con .ul_layer_2 li:last-child {clear:both;}
.sub_con .ul_layer_2 li:last-child p {font-size:20px;padding-top:20px;}
.sub_con .ul_layer_2 li:last-child p span {font-weight:800;}

.sub_con .ul_layer_3 {font-size:18px;}
.sub_con .ul_layer_3 > li {position:relative;padding-left:10px;line-height:170%;}
.sub_con .ul_layer_3 > li:after {position:absolute;top:0px;left:0;display:block;content:'·';}
.sub_con .ul_layer_3 > li > ul {padding-left:20px;}

.sub_con .ul_layer_step li {float:left;text-align:center;}
.sub_con .ul_layer_step .num span {color:#dbdbdb;font-weight:700;}
.sub_con .ul_layer_step .num p {position:relative;font-size:98px;font-weight:800;}
.sub_con .ul_layer_step .num p:after {position:absolute;left:50%;margin-left:-10px;display:block;content:'';width:20px;height:2px;background:#dbdbdb;}
.sub_con .ul_layer_step .num p.step01 {color:#5f91cf;}
.sub_con .ul_layer_step .num p.step02 {color:#437ec7;}
.sub_con .ul_layer_step .num p.step03 {color:#326ab0;}
.sub_con .ul_layer_step .num p.step04 {color:#1f61b3;}
.sub_con .ul_layer_step .num p.step05 {color:#0148a0;}
.sub_con .ul_layer_step .num p.step06 {color:#0f4485;}
.sub_con .ul_layer_step .num p.step07 {color:#083062;}
.sub_con .ul_layer_step .num p.step08 {color:#082951;}
.sub_con .ul_layer_step .tit {font-size:20px;font-weight:800;}
.sub_con .ul_layer_step .sub {font-size:14px;line-height:130%;text-align:left;}
.sub_con .ul_layer_step .sub span {position:relative;}
.sub_con .ul_layer_step .sub span:after {position:absolute;top:0px;left:-10px;display:block;content:'·';}
.sub_con .ul_layer_step .sub span:not(:last-child) {margin-bottom:5px;}
.sub_con .ul_layer_2step li {width:50%;}
.sub_con .ul_layer_3step li {width:33.333%;}
.sub_con .ul_layer_4step li {width:25%;}
.sub_con .ul_layer_5step li {width:20%;}
.sub_con .ul_layer_6step li {width:16.6667%;}

.sub_con .result_layer {width:100%;text-align:center;}
.sub_con .result_layer .arrow {}
.sub_con .result_layer > div {background:#eaf4ff;padding:20px 0;font-size:24px;font-weight:800;}