@charset "utf-8";
.sub_cont{max-width:1260px; margin:0 auto 70px;}

.ac-container{
	width: 100%;
	margin: 30px auto 30px auto;
	text-align: left;
}
.ac-container label{
	background: url("../images/sub/arrow_down1.png") no-repeat right;
	background-position:97.5% 20px;
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 10%;
	cursor: pointer;
	color: #777;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 45px;
	font-size: 19px;
	border-top:1px solid #cccccc;
}
.ac-container div:last-child label{border-bottom:1px solid #ccc;}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #FFF;
	color: #3d7489;

	box-shadow:
		0px 0px 0px 1px rgba(155,155,155,0.3),
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 13px;
	height: 8px;
	right: 30px;
	top: 20px;
	background: url("../images/sub/arrow_down1.png") no-repeat;

}
.ac-container input:checked + label:hover:after{
	background: url("../images/sub/arrow_down1.png") no-repeat;

}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	font-style: italic;
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;

}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

}
.ac-container input:checked ~ article.ac-small{
	height: 100%;
}
.ac-container input:checked ~ article.ac-medium{
	height: 100%;
}
.ac-container input:checked ~ article.ac-large{
	height: 100%;
}
.ac-container input:checked ~ article.ac-large1{
	height: 100%;
}
.ac-container input:checked ~ article.ac-large2{
	height: 100%;
}
.ac-container input:checked ~ article.ac-large3{
	height: 100%;
}


/*********************contacts******************************/
/*텝 시작*/
.contacts_tab .tab{overflow:hidden;}
.contacts_tab .tab li{float:left; width:50%; border:1px solid #d2d2d2;}
.contacts_tab .tab li a.on{background:#073d65; color:#fff; display:table; width:100%; text-align:center;font-size:16px;}
.contacts_tab .tab a{display:table; width:100%; line-height: 16px; height:50px;text-align:center;font-size: 16px;font-weight: bold;}
.contacts_tab .tab a > span{display:table-cell; vertical-align:middle;}

/*cntacts 01*/
.national_box{height:232px; background:url("/images/sub/national01.png") no-repeat center center; background-size: 100%;margin-top:30px; padding:30px 50px;}
.national_box p.national_text01{font-size:20px; color:#073d65; font-weight:bold; margin-bottom:20px;}
.national_box span.national_text02{font-size:16px; color:#333; font-weight:600;}
.national_box span em.national_text03{font-size:16px; color:#666; font-weight:normal;}

.national_list table{width:100%; border-top:2px solid #073d65; margin-top:48px;}
.national_list table tr{border-bottom:1px solid #ccc; height:50px; text-align:center;}
.national_list table tr th{font-size:1.05em; color:#073d65; font-weight:bold; }
.national_list table tbody tr td{font-size:1.05em; color:#666;width:1%}
.national_list table tbody tr td.le{/*padding-left:20px;*/}
.national_list table tbody tr td:first-child{font-size:1.05em; color:#666; text-align:left; font-weight:bold; }

/*ontacts 02*/

.dir_tab{}
	.dir_tab ul{margin-top:30px; overflow:hidden;}
	.dir_tab ul li{width:50%; float:left;}
	.dir_tab ul li a{display:block; color:#666; background:#f0f0f0; line-height:50px; text-align:center;  border:1px solid #d6d6d6; border-bottom:1px solid #7c7c7c;font-weight: bold;}
	.dir_tab ul li.active a{display:block; border:1px solid #7c7c7c; border-bottom:none; background:#fff; color:#073d65;}

/*텍스트 폰트 영역 s*/
.dir_text p.dir_text_18{font-size:18px; color:#333; font-weight:bold;}
.dir_text p.dir_text_16b{font-size:16px; color:#333; font-weight:600;padding:0px 0 10px 5px}
.dir_text p.dir_text_16r{font-size:16px; color:#666;}
.dir_text p.dir_text_16r.rtit{margin:20px 0;}
.dir_text p.dir_text_16r em{font-weight: bold;}
/*텍스트 폰트 영역 e*/
.dir_tab_content > div > .dir_map{margin-top:30px;}
.dir_tab_content > div > .dir_map > img{display:block; width:99.5%;}
/*텝1 영역*/
.dir_tab_content .in1 .dir_text span{ font-size:16px; color:#073d65;}
.dir_tab_content .in1 .dir_text .dir_text_01{margin-top:30px; margin-bottom: 20px;}
.dir_tab_content .in1 .dir_text span{display:block; margin-top:30px;}

/*텝2 영역*/
.dir_tab_content .in2 .dir_text{}
.dir_tab_content .in2 .dir_text div{padding-top:20px;}
.dir_tab_content .in2 .dir_text div ul{padding-top:10px; overflow: hidden;}
.dir_tab_content .in2 .dir_text div img{vertical-align: middle;width:20px;float:left;margin:2px 10px 0 20px}
.dir_tab_content .in2 .dir_text div ul li p{padding-left:5px; display: inline-block;}
.dir_tab_content .in2 .dir_text div .dir_box_text{}
.dir_tab_content .in2 .dir_text div .dir_box_text .dir_box_text01{float:none; width:100%;}
.dir_tab_content .in2 .dir_text div .dir_box_text .dir_box_text01 p img{vertical-align: middle;}

/*텝3 영역*/
.dir_tab_content .in3 .dir_text div {margin-top:8px;}
.dir_tab_content .in3 .dir_text div p:last-child{ padding:0 0 20px;}
.dir_tab_content .in3 .dir_text div ul{padding-top:10px; overflow: hidden;}
.dir_tab_content .in3 .dir_text div ul li{float:left;padding-left:20px;}
.dir_tab_content .in3 .dir_text div ul li:first-child{padding-left:0;}
.dir_tab_content .in3 .dir_text div ul li p{padding-left:10px; display: inline-block;}
.dir_tab_content .in3 .dir_text div ul li p img{padding-right:10px; width: 30px; vertical-align: middle;}


/*chief1*/
.chief_inner{overflow:hidden;}
.chief_inner div > p{font-size:16px; color:#666;}
.chief_inner div.chief_text01{float:left;}
.chief_inner div.chief_img01{margin:0 2% 0 3%;float:right;width:30%;max-height:100%;overflow:hidden}
.chief_inner div.chief_img01 img{width:100%;/*max-height:initial;margin-top:-20%;margin-bottom:-8%;*/}
.chief_inner div.chief_text02{display:block; padding-top:40px; clear: both;}
.chief_inner div .chief_title{margin-bottom:25px; margin-top:30px; font-size:1.3em; color:#073d65; font-weight: bold;}
.chief_inner div.chief_img02{margin-top:20px; margin-bottom:70px;}
.chief_inner div.chief_img02 img{float:right;}
.chief_inner div.cheif_sign {margin-top:10px;/*margin-right:1%;text-align:right*/}

/*chief2*/
.chief2_inner{}
.chief2_inner div.chief_img02{float:left;margin:0 2% 0 0;padding-right:30px;width:30%;max-height:100%;height:3000px;overflow:hidden}
.chief2_inner div.chief_img02 img{width:100%;/*max-height:initial;margin-top:-20%;margin-bottom:-8%;*/}
.chief2_inner .chief2_tbox{margin-top:30px; }
.chief2_inner .chief2_tbox .chief2_title{margin-bottom:10px; font-size:18px; color:#333; font-weight:bold;text-indent:-27px;}
.chief2_inner .chief2_tbox ul li {list-style-type:circle;list-style-position:inside;margin-bottom:3px;text-indent:-25px;padding-left:25px;}

/*Work Scope*/
.work_link{margin-top:30px; border-top:1px solid #ccc;}
.work_link li{line-height:1.5em;border-bottom:1px solid #ccc;font-size:1.08em;}
.work_link li a{padding:1.5% 4.45% 1.5% 2%; font-weight:600;background:url(/images/common/work_link_arr.png) no-repeat 97% center; display:block; width:100%; }
.work_bon_box{border:1px solid #ccc; padding:20px; margin-top:30px; position: relative;font-size:1.02em}
.work_bon_box h3{font-size:1.03em;color:#073d65;line-height:1.3em;}
.box_tit{margin:20px 0;}
.box_tit_last{margin-bottom:220px;}
.box_tit.t3{margin-bottom:0;}
.box_tit.bor{border-bottom:1px dashed #ccc; padding-bottom:20px;}
.box_tit > p{line-height:30px;}
.work_top{position: absolute;top:30px; right:30px; background:url(/images/common/work_top.jpg) no-repeat center center; width:56px; height:26px;font-size:0;line-height:0;text-shadow:none;color:transparent;display:block;}
.box_tit_list{ position: relative;padding: 0 0 0 22%;}
.box_tit_list > dt{position: absolute;top:0;left:0;}
.box_tit_list > dt .list_left{border:1px solid #073d65; text-align:center;padding:13px 0;width:245px;}
.box_tit_list > dt .list_left:last-child{margin-bottom:0;}
.list_left_img{text-align:center;    height: 45px;}
.box_tit_list > dt .list_left > p{color:#073d65;    line-height: 18px;font-weight: 600;}
.list_bon{margin-bottom:30px;}

/* org */
.org_m { display:none;}
.org{padding-top:64px; text-align:center; background:url(/images/sub/org.png) no-repeat 50% 18%;}
.org .org_chief{background:url(/images/sub/org_chief.jpg) no-repeat; max-width:250px; margin:0 auto; line-height:90px; color:#fff;font-size:20px; margin-bottom:5.467em;}
.org_list{overflow: hidden; max-width:1121px; margin:0 auto; font-size:17px}
.org_list .tm_box{float:left;}
.tm_box .org_list_top{background:#cca77d; height: 80px; width:260px; padding: 20px; line-height: 20px; color: #fff; margin: 10px; position: relative;}
.tm_box .org_list_top::before{position: absolute; top:-9px; left:43%; background:#cca77d;border-radius: 20px;border: 6px solid #fff;content:'';width: 10px; height: 10px;}
.tm_box .s_team{background:#ccc; width:170px; height:65px; line-height: 17px;  padding: 16px 0; margin: 30px 57%; position: relative;}
.tm_box .s_team::before{position: absolute; top:34px; left:-28px; content: ''; width:34px; height: 1px; background:#ccc;}
.tm_box_bottom{padding-top:20%;}
.tm_box_bottom > ul{float:left; width:260px; height:auto; border:1px solid #ccc; margin:10px; text-align:center; padding:20px;}
.tm_box_bottom > ul > li{border-bottom:1px dashed #ccc; padding-bottom:20px; padding-left:13px; line-height:22px; margin-bottom:20px; position: relative;letter-spacing: -0.3px;}
.tm_box_bottom > ul > li:last-child{border-bottom:0;}
.tm_box_bottom > ul > li > span{position: absolute; top:0; left:0; }
.tm_bon .tm{display:none; text-align:left; }
