@charset "utf-8";

.sub_menu .top_menu ul li a{color:#333}
.sub_menu #gnb ul.menu>li>a{color:#000!important}
.sub_menu #gnb ul.menu>li>a:hover{color:#2755a9!important}

/*sub Visual*/
.sub_visual{margin-top:117px;background:url(/images/sub/bg_sub_visual.jpg) center top no-repeat;color:#fff}
.sub_visual .inner{padding:87px 0;font-size:30px;text-align:right;line-height:43px;letter-spacing:-2px}
/*sub Visual 끝*/
@media screen and (max-width: 1207px){
	.sub_visual{background-size:auto 200px}
	.sub_visual .inner{padding:57px 20px}
}
@media screen and (max-width: 768px){
	.sub_visual{margin-top:80px;background-size:auto 134px}
	.sub_visual .inner{padding:37px 10px;;font-size:23px;line-height:30px}
}
@media screen and (max-width: 470px){
	.sub_visual{background-size:auto 122px}
	.sub_visual .inner{font-size:18px;line-height:24px}
}
@media screen and (max-width: 344px){
	.sub_visual .inner{font-size:16px}
}
/*snb*/
.snb{height: 50px; clear:both; border-bottom:1px solid #ebebeb}
.snb_wrap{width:100%;max-width:1208px; margin: 0 auto; height: 50px; background: url(/images/common/snb_line.gif) repeat-x left top;}
.snb ul li{float: left; width: 195px;}
.snb ul li:last-child{border-right: 1px solid #e5e5e5;}
.snb ul li a{display: block; height: 50px; line-height: 50px; padding: 0 10px; color: #000; font-size: 16px; font-weight: 400; letter-spacing: -1px; border-left: 1px solid #e5e5e5; background: url(../img/common/icon_snb_on.gif) no-repeat 95% 50%;}
.snb ul li.home{width: 63px; background: none; border-left: 0;}
.snb ul li.home a{margin: 0; text-indent: -9999px; background: url(/images/sub/icon_home.gif) no-repeat center 17px; border-left: 0;}
.snb ul li ul{display: none; position: absolute; border-right: 1px solid #e5e5e5; z-index: 10;}
.snb ul li li{float: none; width: 195px; border-left: 0; border-bottom: 1px solid #e5e5e5;}
.snb ul li ul.sDep2_drop li{width: 194px}
.snb ul li li a{height: 41px; line-height: 41px; font-size: 14px; background: #fff url(/images/common/icon_snb_off.gif) no-repeat 94% 50%;}
.snb ul li li a:hover{color: #0873eb; border-right: 1px solid #e5e5e5; background: #f2f5f8 url(/images/common/icon_snb_off02.gif) no-repeat 94% 50%;}
.snb ul li li a.on{color: #0873eb; background: #f2f5f8 url(/images/common/icon_snb_off02.gif) no-repeat 94% 50%;}
.snb ul li li:last-child{border-right: 0;}
/*snb 끝*/
@media screen and (max-width: 600px){
	.snb ul li{width:calc(50% - 34px)}
	.snb ul li ul{width:calc(50% - 34px)}
	.snb ul li li{width:100%}
	.snb ul li ul.sDep2_drop li{width:100%}
}
/*sub_container*/
.sub_container{padding-bottom:100px;min-height:500px}
.sub_container .title_box{height:110px;border-bottom:1px solid #ebebeb}
.sub_container .title_box h3{line-height:110px;font-size:46px;color:#000;text-align:center;background:none}
.sub_container .sub_content{padding:40px 0 0}
@media all and (max-width:1208px){
	.sub_container .sub_content{padding:40px 10px 0}
}
/*서브레이아웃*/
.content h3.title{padding: 50px 0 40px; color: #213162; font-size: 45px; text-align: center; border-bottom: 1px solid #ddd;font-weight:400}
.content .contents{padding: 50px 0 80px;}
.contents h4{padding: 3px 0 5px 29px; color: #000; font-size: 27px; background: url(../img/common/icon_d1.gif) no-repeat 0 13px;font-weight:400;line-height:40px}
.contents h5 {clear:both; margin: 13px 0 10px 0;	padding: 0 0 0 20px;	font-size: 1.2em;	color: #000000;	letter-spacing: -1px;	text-align: left;	background: url(../img/common/bul2.png) no-repeat left 4px;font-weight:400}/*4e4e50*/
.contents h6 {clear:both; margin: 5px 0;	padding: 0;	font-size: 1.1em;	font-weight: 400;	color: #134074;	background: none;}
.con_area{background:#f1f1f1;padding:100px 0;text-align:center;font-size:30px}

/*table*/
.tableType01{ border-top: 2px solid #005bab;margin-top:10px}
.tableType01 th, td{text-align: center; line-height: 16px;}
.tableType01 th{padding: 17px 0px; color: #005bab; font-size: 15px; border-bottom: 1px solid #ddd; background: #f7f8fc url(../img/common/th_line.gif) no-repeat left 17px;font-weight:500}
.tableType01 th:first-child{background-image: none;}
.tableType01 td{padding: 10px 10px; color: #000; font-size: 14px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;font-weight:200}
.tableType01 td:first-child{border-left: none;}
.tableType01 .bdLeft{border-left: 1px solid #ddd!important;}
.small_th_font{font-size:12px!important}
.tableType01 th.bg_position_25{background-position:0 25px!important}
tr.dark_grey {background:#f3f2f2}

.tableType02{ border-top: 2px solid #333;margin-top:10px}
.tableType02 table{width:100%}
.tableType02 th{text-align: center; line-height: 20px;}
.tableType02 td{text-align: left; line-height: 20px;}
.tableType02 th{padding: 13px 10px; color: #333; font-size: 16px; border-bottom: 1px solid #ddd; border-left:1px solid #ddd;background: #f7f8fc;font-weight:400}
.tableType02 th:first-child{border-left: none;}
.tableType02 td{padding: 11px 10px; color: #666; font-size: 15px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.tableType02 td:first-child{border-left: none;}
.tableType02 .bdLeft{border-left: 1px solid #ddd!important;}

.tableType03{ border-top: 2px solid #005bab;margin-top:10px}
.tableType03 th, td{text-align: center; line-height: 20px;}
.tableType03 th{padding: 8px 10px; color: #005bab; font-size: 14px; border-bottom: 1px solid #ddd; background: #f7f8fc url(../img/common/th_line.gif) no-repeat left 10px;font-weight:400}
.tableType03 th:first-child{background-image: none;}
.tableType03 td{padding: 6px 10px; color: #000; font-weight:300;font-size: 13px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.tableType03 td:first-child{border-left: none;}
.tableType03 .bdLeft{border-left: 1px solid #ddd!important;}

/*list*/
.listType01{padding: 8px 0;}
.listType01 li{padding-left: 15px; color: #000; font-size: 18px; font-weight: 200; background: url(/images/common/icon_dot01.gif) no-repeat left 15px; line-height: 34px;}.

/*text style*/
.tit_p{width:1180px;background:#efefef;padding:20px 0px;margin-top:10px;text-align:center;color:#0062ae;font-size:20px;font-weight:400;}
h5.h5_tit{margin-left:25px;font-size:22px;}
h6.h6_tit{margin-left:45px;font-size:20px;line-height:40px}
ul.list01{margin-left:45px;margin-bottom:25px}
ul.list01 li{background:url(../img/common/icon_dot01.gif) left 15px no-repeat;padding-left: 15px; color: #000; font-size: 18px; font-weight: 200;  line-height: 34px;}
.w100{width:100%!important}
.w1175{width:1175px!important}
.w1155{width:1163px!important}
.w1135{width:1135px!important}
.bdLeft{border-left:1px solid #ddd !important}
.w880{width:880px!important}

/* Tab */
.sub_content .tab{margin-bottom: 0px}
.sub_content .tab ul{width: 100%!important;overflow:hidden;float:none;margin:0;padding-bottom:0}
.sub_content .tab ul li{float: left;height: 50px;border: 1px solid #e1e1e1; background:none;padding:0;margin-top:0;text-align:center}
.sub_content .tab.units_1 li {width:100%;}
.sub_content .tab.units_2 li {width:50%;}
.sub_content .tab.units_3 li {width:33.3%}
.sub_content .tab.units_4 li {width:25%;}
.sub_content .tab.units_5 li {width:20%;}
.sub_content .tab.units_6 li {width:16.6%;}
.sub_content .tab.units_6 li:first-child{width:17%}
.sub_content .tab.units_7 li {width:14.1%;}
.sub_content .tab.units_8 li {width:12.5%;}
.sub_content .tab.units_9 li {width:11.1%;}
.sub_content .tab.units_10 li {width:10%;}
.sub_content .tab.units_11 li {width:18.18%;}
.sub_content .tab.units_12 li {width:16.66%;}
.sub_content .tab.units_13 li {width:15.38%;}
.sub_content .tab.units_14 li {width:14.1%;}
.sub_content .tab.units_15 li {width:14.1%;}
.sub_content .tab.units_16 li {width:12.5%;}
.sub_content .tab.units_29 li {width:10%;}
.sub_content .tab ul li.on{background:#333;color:#fff}
.sub_content .tab ul li.on a{color:#fff}
.sub_content .tab ul li a{position: relative; top:50%; transform: translateY(-50%);font-weight:300;color:#333;display:block;text-align:center;font-size:1rem;letter-spacing:-0.5px;z-index: 0}

tr.bold td{font-weight:500;color:#333}
p{line-height:30px}
.cl_both{clear:both}

table.skin_view{width:100%!important}
.MAT20{margin-top:20px}
