@charset "utf-8";

/*인사말*/
div.greeting {font-family:'NBG'; font-size:16px;}
div.greeting {background: url("/common/images/sub/gr_bg.jpg") no-repeat right 0; padding: 100px 0px 50px 0px;}
div.greeting p:first-child {font-family: 'Saira Semi Condensed', sans-serif; margin-left:50px; font-size: 50px; font-weight: bold; color:#333;}
div.greeting p:nth-child(2) {margin-left:50px; font-size: 30px;  color:#043689; line-height: 35px;}
div.greeting div {width: 95%; margin: 0 auto; margin-top: 150px;  color: #777; line-height: 25px;  -webkit-column-count: 2;    -moz-column-count: 2;    column-count: 2;    -webkit-column-gap: 40px;    -moz-column-gap: 40px;    column-gap: 40px;}
div.greeting div span {font-size: 25px; line-height: 30px;}


@media all and (max-width:916px) {
	div.greeting {background-size: 140%;}
	div.greeting p {margin-left: 10px;}
	div.greeting p:first-child {font-size:40px;}
	div.greeting p:nth-child(2) {font-size: 25px; line-height: 33px;}
}
@media all and (max-width:720px){ 
	div.greeting {background-size: 160%;}
	div.greeting p{display:none;}
	div.greeting div {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; margin-top: 40%;	}
	.num {display:none;}
}

@media all and (max-width:420px) {
	div.greeting div {margin-top: 30%; font-size: 13px;}
	div.greeting div span {font-size: 17px;}
}



/*경영이념*/
div.manage {text-align:center; font-family:'NS';}

div.manage .manage_t p:first-child {font-size: 35px; color:#043689; font-weight:bold;}
div.manage .manage_t p:nth-child(2) {font-size: 35px; color:#333333; margin-top: 1%;}
div.manage .manage_t p:nth-child(3) {color:#666; line-height:26px; margin-top: 3%; margin-bottom: 4%; font-family:'NBG'; }

div.manage .manage_m {background: url("/common/images/sub/idea_bg.jpg") no-repeat; padding: 70px 0 82px 0;}
div.manage .manage_m p:first-child {color:#fff; line-height: 46px; font-size: 30px;}
div.manage .manage_m p:nth-child(2) {color:#fff; font-size:36px; font-weight:bold;}
div.manage .manage_m p:nth-child(3) {font-size:16px; color:#fff; line-height:26px; margin-top: 3%;font-weight:400; font-family:'NBG';}

div.manage .manage_b h2 {font-size:30px; color:#000; font-family:'NS'; margin-top: 5%; margin-bottom:3%;}

div.manage .manage_b div.manage_b01 {background:url("/common/images/sub/manage_b01.jpg") no-repeat center 0; margin-bottom: 80px;}
div.manage .manage_b div.manage_b01 dl {display:inline-block;  width: 225px; margin-left:60px; margin-top: 230px;font-size:14px; vertical-align:top;}
div.manage .manage_b div.manage_b01 dl:first-child {margin-left:0;}
div.manage .manage_b div.manage_b01 dl dt {font-size:18px; line-height:50px; color:#000; font-weight:bold;}
div.manage .manage_b div.manage_b01 dl dd {line-height:24px;  font-family:'NBG'; vertical-align:top;}

div.manage .manage_b div.manage_b02 ul li {display:inline-block; width: 280px; font-family:'NBG'; font-size:14px; line-height:24px; margin-left: 80px; padding-top: 270px; }
div.manage .manage_b div.manage_b02 ul li:first-child {margin-left:0; background:url("/common/images/sub/manage_b02_01.jpg") center 0 no-repeat;}
div.manage .manage_b div.manage_b02 ul li:nth-child(2) {background:url("/common/images/sub/manage_b02_02.jpg") center 0 no-repeat;}
div.manage .manage_b div.manage_b02 ul li:nth-child(3) {background:url("/common/images/sub/manage_b02_03.jpg") center 0 no-repeat;}



div.manage .manage_b div.manage_b02 ul li:first-child:hover{background:url("/common/images/sub/manage_b02_01h.jpg") center 0 no-repeat;}
div.manage .manage_b div.manage_b02 ul li:nth-child(2):hover{background:url("/common/images/sub/manage_b02_02h.jpg") center 0 no-repeat;}
div.manage .manage_b div.manage_b02 ul li:nth-child(3):hover{background:url("/common/images/sub/manage_b02_03h.jpg") center 0 no-repeat;}



@media all and (max-width: 1101px) { 
	div.manage .manage_b div.manage_b01 {background-size:100%;}
	div.manage .manage_b div.manage_b01 dl {width: 21%; height:200px;  margin-left:4%; margin-top: 22%;}
}
@media all and (max-width: 1072px) { 
	div.manage .manage_b div.manage_b02 ul li {width:30%; margin-left: 3%;}
}
@media all and (max-width: 764px) {
	div.manage .manage_b div.manage_b02 ul li {width:30%; margin-left:3%; vertical-align:top; padding-top: 34%;}
	div.manage .manage_b div.manage_b02 ul li:first-child {background-size: 80%;}
	div.manage .manage_b div.manage_b02 ul li:nth-child(2) {background-size: 80%;}
	div.manage .manage_b div.manage_b02 ul li:nth-child(3) {background-size: 80%;}
}
@media all and (max-width: 640px) {
	div.manage .manage_t p:first-child {font-size: 20px; margin-bottom:20px;}
	div.manage .manage_t p:nth-child(2) {font-size: 20px;}

	div.manage .manage_m {background-size: 260%; padding: 30px 0 70px 0;}
	
	div.manage .manage_m p:first-child {font-size: 20px;}
	div.manage .manage_m p:nth-child(2) {font-size:25px;}
	div.manage .manage_m p:nth-child(3) {display:none; margin-top: 9%;}
 
	div.manage .manage_b h2 {margin-top:30px;}
	div.manage .manage_b div.manage_b01 {background:none; padding-top: 30px; margin-bottom:0;}
	div.manage .manage_b div.manage_b01 dl {padding-top:35%; width: 45%; height: 200px; vertical-align:top; margin-left:20px; margin-top:0; margin-bottom:30px;}
	div.manage .manage_b div.manage_b01 dl:first-child {background:url("/common/images/sub/manage_b01_01.png") center 0 no-repeat; background-size: 70%;}
	div.manage .manage_b div.manage_b01 dl:nth-child(2) {background:url("/common/images/sub/manage_b01_02.png") center 0 no-repeat; background-size: 70%;}
	div.manage .manage_b div.manage_b01 dl:nth-child(3) {background:url("/common/images/sub/manage_b01_03.png") center 0 no-repeat; background-size: 70%; margin-left:0;}
	div.manage .manage_b div.manage_b01 dl:nth-child(4) {background:url("/common/images/sub/manage_b01_04.png") center 0 no-repeat; background-size: 70%;}	
}
@media all and (max-width: 420px) {
	div.manage .manage_t p:nth-child(2) {font-size:20px;}

	div.manage .manage_b div.manage_b01 dl {padding-top:35%; width: 100%; height: auto; vertical-align:top; margin-left:20px; margin-top:0; margin-bottom:30px;}
	div.manage .manage_b div.manage_b01 dl:first-child {background:url("/common/images/sub/manage_b01_01.png") no-repeat center 0; background-size: 35%;}
	div.manage .manage_b div.manage_b01 dl:nth-child(2) {background:url("/common/images/sub/manage_b01_02.png") no-repeat center 0 ; background-size: 35%; margin-left:0;}
	div.manage .manage_b div.manage_b01 dl:nth-child(3) {background:url("/common/images/sub/manage_b01_03.png")  no-repeat center 0; background-size: 35%; margin-left:0;}
	div.manage .manage_b div.manage_b01 dl:nth-child(4) {background:url("/common/images/sub/manage_b01_04.png")  no-repeat center 0; background-size: 35%; margin-left:0;}	

		
	div.manage .manage_b div.manage_b02 ul li {width:100%; padding-bottom:50px;}
	div.manage .manage_b div.manage_b02 ul li:first-child {background-size: 30%; padding-top: 46%;}
	div.manage .manage_b div.manage_b02 ul li:nth-child(2) {background-size: 30%; padding-top: 46%;}
	div.manage .manage_b div.manage_b02 ul li:nth-child(3) {background-size: 30%; padding-top: 46%;}
}





/*제강설비*/
.facilities_top {position:relative;}
.facilities_top div {width:100%; padding:40px 40px 40px 40px; line-height:1.4; color:#fff; background:#21599e;/*url("/common/img/sub/bg_RD0101_2.png") repeat left top;*/ box-sizing:border-box;  }
.facilities_top h3 {font-family:"NS"; font-size:40px; color:#fff; font-weight: 700; margin-bottom:20px; background:url("/common/img/common/h3_bar.gif") no-repeat 80px top;}
.facilities_top h3 span {font-size:24px; font-weight: none;}

.facilities_top p.txt { /*position:absolute; top:70px; left:355px;*/ font-size:17px; color:#fff; line-height:24px; font-family:'NS'; font-weight: 500;}
.facilities_top.bg_img1 {background:url("/common/img/sub/1st.jpg") no-repeat 0 bottom;}
.facilities_top.bg_img2 {background:url("/common/img/sub/2st.jpg") no-repeat 0 bottom;}
.facilities_top.bg_img3 {background:url("/common/img/sub/3st.jpg") no-repeat 0 bottom;}
.facilities_top.bg_img4 {background:url("/common/img/sub/4st.jpg") no-repeat 0 bottom;}
.facilities_top.bg_img5 {background:url("/common/img/sub/5st.jpg") no-repeat 0 bottom;}
.facilities_top.bg_img6 {background:url("/common/img/sub/6st.jpg") no-repeat 0 bottom;}

.facilities_top div table thead th{padding:10px 0; color:#00deff; font-weight: 700; border-bottom:2px solid #598eb5; border-top:2px solid #598eb5;}
.facilities_top div table tbody td{padding:10px 0; color:#fff; font-size:14px; border-bottom:1px solid #598eb5; text-align: center;}

@media all and (max-width: 768px) {
	.facilities_top div { height:200px; padding:25px 0 0 25px; font-size:26px;}
	.facilities_top div span {font-size:19px;}
	.facilities_top p.txt { display:none}
	.facilities_top.bg_img1, .RD_busi_top.bg_img2, 
	.facilities_top.bg_img3, .RD_busi_top.bg_img4, .RD_busi_top.bg_img5 {background-size:cover;}
}

@media all and (max-width: 580px) {
	.facilities_top div {width:100%; height:auto; padding:25px 0; font-size:26px; text-align:center;}
	.facilities_top div span {font-size:19px; background-position:center top;}
}



div.steel_make {text-align:center; font-family:'NS';}

div.steel_make .steel_t p:first-child {font-size:30px; color:#043689; font-weight:600; line-height: 40px}
div.steel_make .steel_t p:nth-child(2) {font-size:25px; color:#333333; margin-top: 1%;}
div.steel_make .steel_t p:nth-child(3) {color:#666; line-height:20px; margin-top: 1%; margin-bottom: 3%;}


ul.steel_pro{position: relative;}
ul.steel_pro span.img{ display:inline-block; height:500px; width:100%;  margin-bottom:20px;}
ul.steel_pro li{ width:49%; float:left; margin-right:1%;}
ul.steel_pro li:last-child {margin-right:0%;}
ul.steel_pro li span.title{display:inline-block; color:#000; font-size:20px; font-weight: 600;}


@media all and (max-width:1000px) {
	ul.steel_pro li{width:100%; margin-right:0%;}
	ul.steel_pro li span.img{height:300px; background-size:50%;}
	ul.steel_pro li:nth-child(2){margin-top:20px;}
}


@media all and (max-width:932px) {
	div.steel_make .steel_t p:first-child {font-size:20px; color:#043689; font-weight:600; line-height: 40px}
	div.steel_make .steel_t p:nth-child(2) {font-size:15px; color:#333333; margin-top: 1%;}
	div.steel_make .steel_t p:nth-child(3) {color:#666; line-height:20px; margin-top: 1%; margin-bottom: 3%;}

}


/*제품*/
#pro{position:relative; background:url("/common/img/danjo/pro_list.jpg") 0 0 no-repeat;}
#pro ul{width:1400px; margin:0 auto;}
#pro ul li{position:relative; clear: both; margin-bottom:30px;}
#pro ul li div.pro_img{position:relative; float:left; width:50%;}
#pro ul li div.pro_img img{max-width:100%;}
#pro ul li div.memo{position:relative; float:left; width:50%; padding-top:80px;}

#pro ul li div.memo span.title{font-size:30px; color:#215ea8; padding-bottom:30px; display:block;}
#pro ul li div.memo span.con{line-height: 25px;}
#pro ul li div.memo span.con table tbody th{color:#000; font-weight:bold; width:150px; text-align: left; border-bottom:1px solid #cacaca; padding:15px 0; }
#pro ul li div.memo span.con table tbody td{text-align: left; border-bottom:1px solid #cacaca; padding:15px 0; }


.r{text-align: right;}
.l{text-align: left;}
@media all and (max-width:1400px) {

	#pro ul{width:100%;}	 
	.mcont01-slide01 {width: 100%;}

 
}

@media all and (max-width:640px) {

	#pro{ background:none; }
	#pro ul li{}
	#pro ul li div.pro_img{position:absolute; top:0; left:20%; float:none;  }
	#pro ul li div.pro_img img{max-height:140px; }
	#pro ul li div.memo{ float:none; width:100%; padding-top:150px;}
	#pro ul li{border-bottom:1px solid #cacaca; padding-bottom:20px;}
	#pro ul li div.memo span.con table tbody th{ border-bottom:none; padding:8px 0; }
	#pro ul li div.memo span.con table tbody td{border-bottom:none; padding:8px 0; }
	#pro ul li div.memo span.title{font-size:18px; padding-bottom:0px;}
}

.sub_title{font-size:35px; color:#000; font-family:'NS'; margin-top: 5%; margin-bottom:3%; text-align: center;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 이전*/
.wdate{width:100%;}
.pay_tlt{text-align:right;}
.guide_txt{ text-align:center; background:url(/common/images/sub/pass_icon.jpg)no-repeat center 0;}
.guide_txt input[type="password"]{border:1px solid #ccc; height:30px; padding-left:10px;}
.guide_txt input[type="submit"]{height:32px; background:#0a5db8; font-family:'Nanum Gothic';}

.guide_txt {border:1px solid #ccc; background:#f8f8f8 url(/common/images/sub/bi_icon.jpg)no-repeat center 50px; padding:160px 0 0 0; width:450px; margin:0 auto; height:90px; border-radius:10px;}

.c01{background:#eb6f4d;  border-radius: 3px; display: inline-block; padding: 0; line-height: 22px; font-size: 13px; padding:0px 10px; color:#fff !important;}
.c03{background:#666;  border-radius: 3px; display: inline-block; padding: 0; line-height: 22px; font-size: 13px; padding:0px 10px; color:#fff !important;}


.m01{border: 2px solid #eb6f4d; color: #eb6f4d;  border-radius: 3px; display: inline-block; padding: 0; line-height: 22px; font-size: 13px; width: 60px; text-align: center; margin-right: 10px;}
.m03{border: 2px solid #666; color: #666;  border-radius: 3px; display: inline-block; padding: 0; line-height: 22px; font-size: 13px; width: 60px; text-align: center; margin-right: 10px;}

.btn_n01 {background:#216aa3; padding:5px 10px; margin-right:3px; color:#fff !important; }
.btn_n02 {background:#ae2020; padding:5px 10px; margin-right:3px; color:#fff !important; }

.tit_on{display:none;}
.search {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:25px 0; margin-bottom:15px; background:#f6f6f6;}
.search p {text-align:center;}
.search input[type="text"] {height:30px; border:1px solid #b5b5b5; width:220px;}
.search select {height:32px; border:1px solid #b5b5b5; margin-right:10px; width:90px;}
.search p label {padding-top:8px; padding-bottom:10px; width:70px; background:#515151; color:#fff; display:inline-block; line-height:14px; margin-right:-4px;}



.board_read {border-top:2px solid #333; width:100%; border-collapse:collapse;  line-height:1.5em;}
.board_read thead th {background:#fafafa; padding:10px 5px 8px;  border:none;  border-bottom:1px solid #e5e5e5; }
.board_read thead th.title {  text-align:center;}
.board_read td {padding:12px 5px 10px; border:0; border-bottom:1px solid #e5e5e5;color:#555;text-align:center; font-size:13px; text-align:left;}
.board_read td img{/* width:100%; */}
.board_read thead td.rc {font-size:12px;}
.board_read thead td.rc span {background:url(board_line.gif) no-repeat 2px 6px; padding-left:8px; display:inline-block;}
.board_read thead td.rc span:nth-child(1) {background:none; margin:0; padding:0;}
.board_read thead td.rc span strong{ margin-right:5px; color:#000; }
.board_read thead td.attach_list {font-size:12px;}
.board_read thead td.attach_list img {margin-top:2px;}
.board_read tbody th {padding:12px 5px 10px; border:0; border-bottom:1px solid #e5e5e5; color:#555;text-align:center; font-size:13px; text-align:left; background:#fbfbfb;}
.board_read th span.txtc_inreq {color:#ff6600;}
.board_read tbody td input{ border:1px solid #d4d4d4; padding:2px 3px; }
.board_read tbody td textarea{ border:1px solid #d4d4d4; padding:2px 3px; }
.board_read tbody td select {border:1px solid #d4d4d4; padding:5px 3px; }
.board_read tbody td select option {padding:3px 5px; }


/* 게시글 검색 */



.ui-fr{text-align:right; border-top:1px dotted #ccc; padding-top:25px; background:#f1f1f1; padding-bottom:25px; border-bottom:1px dotted #ccc;}


.board_select_box {position: relative; display: inline-block; width: 15%; height: 30px; background: #fff url(/common/images/main/sear_arrow.png) right 50% no-repeat; border: 1px solid #4a75bb;}
.board_select_box select { width:100%; height:30px; line-height:30px; padding: 0 10px; opacity: 0;}
.board_select_box select option{padding:5px 10px; }




.required{height:30px; border:1px solid #b5b5b5; width:300px;}

.ui-fl{margin-top:0; margin-bottom:10px;}


.ui-gallery{text-align:center; margin-bottom:25px;}
.ui-gallery:after {clear:both; display:block; content:"";}
.ui-gallery li{display:inline-block; margin-right:12px; position:relative; margin-bottom:30px;}
.ui-gallery li:nth-child(4n){margin-right:0;}
/*.ui-gallery li:nth-child(4){ margin-bottom:70px;}
.ui-gallery li:nth-child(8){ margin-bottom:30px;}*/
.ui-gallery li img{height:225px; width:282px; border:1px solid #ccc; display:block;}
.ui-gallery li a img:hover {border:1px solid #707070;}
.ui-gallery li p{margin-top:10px; font-size:17px; font-weight:bold; margin-bottom:3px; color:#333;}
.ui-gallery li a {width:288px; display:block;}
.ui-gallery li a:hover{color:#333;}
.ui-gallery li a:hover p{color:#2987de;}
.ui-gallery li img.ing {position:absolute; right:20px;}

.addr{background:#1f5d97; color:#fff !important; padding:3px 5px; display:inline-block; font-size:12px; border-radius:3px;}

#btn-add-row{background:#eb6f4d; padding:5px 10px; border-radius: 3px;}
#btn-delete-row{background:#666; padding:5px 10px; border-radius: 3px;}

.pm_btn{ display:inline-block;  font-size: 13px; text-align: center; color: #fff; cursor:pointer; margin-top:10px; }
#btn-add-row1{background:#eb6f4d;  padding:5px 10px; border-radius: 3px;}
#btn-delete-row1{background:#666;  padding:5px 10px; border-radius: 3px;}





div#select_box {position: relative; display:inline-block; width: 15%;	line-height:1; height: 30px; 	background:#fff url(/common/images/main/sear_arrow.png) right 50% no-repeat; 	border:1px solid #4a75bb;}
div#select_box label {position: absolute; font-size: 14px; color: #666; top:7px; left: 12px; }
div#select_box select { width:100%; height:30px; line-height:30px; padding: 0 10px; opacity: 0;}
div#select_box select option{padding:5px 10px; background:#f6f6f6;}


.btop {margin-bottom:5px; text-align:right; display:none;}
.btop span {color:#ff6600;}
.mg_b7 {margin-bottom:7px;}


.tb_board .num{width:7%;}
.tb_board .write{width:8%;}
.tb_board .date{width:13%;}
.tb_board .etc{width:8%;}



table.ui-list{width:100%; margin-bottom:20px; }
table.ui-list th{padding:13px 0 13px; border-top:2px solid #2371c9; border-bottom:1px solid #b3b3b3; border-right:1px solid #dddddd; border-left:1px solid #dddddd; font-weight:bold; background:#f7f7f7; font-size:13px;  font-family: 'Nanum Gothic', sans-serif;}
table.ui-list td{padding:13px 0 13px; border:1px solid #ddd; text-align:center;  font-size:13px;}
table.ui-list td img{vertical-align:middle;}
table.ui-list tbody tr:hover {background:#f9f9f9;}
table.ui-list tr.on{background:#fbfbfb;}
table.ui-list tr.on td,table.board_list tr.on td a{color:#03c;}
table.ui-list tr.on td a.detail_link{border-bottom:1px solid #03c;}
table.ui-list td input{border:1px solid #dddddd; padding:3px 5px;}
table.ui-list td.l{text-align:left;}

.ui-list .num{width:7%;}
.ui-list .write{width:8%;}
.ui-list .date{width:13%;}
.ui-list .etc{width:8%;}



table.type01{width:100%; margin-bottom:20px; }
table.type01 th{padding:13px 0 13px; border-top:2px solid #2371c9; border-bottom:1px solid #b3b3b3; border-right:1px solid #dddddd; border-left:1px solid #dddddd; font-weight:bold; background:#f7f7f7; font-size:13px;  font-family: 'Nanum Gothic', sans-serif;}
table.type01 td{padding:13px 0 13px; border:1px solid #ddd; text-align:center;  font-size:13px;}
table.type01 td img{vertical-align:middle;}
table.type01 tbody tr:hover {background:#f9f9f9;}
table.type01 tr.on{background:#fbfbfb;}
table.type01 tr.on td,table.board_list tr.on td a{color:#03c;}
table.type01 tr.on td a.detail_link{border-bottom:1px solid #03c;}
table.type01 td input{border:1px solid #dddddd; padding:3px 5px;}

 

.ui-dialog {border:1px solid #ccc; background:url(/common/images/sub/com.jpg)no-repeat center 20px #fff; padding-top:115px;}
.ui-widget-content{text-align:center;}
.ui-datepicker-header{background:#2371c9; color:#fff;}
.ui-datepicker-prev, 
.ui-icon-circle-triangle-e{color:#fff; width:48%; display:inline-block;}
.ui-dialog-buttonset{text-align:center;}
.ui-button-text{display:inline-block; margin-bottom:20px; background:#4762b0; color:#fff; padding:5px 10px;}
.ui-dialog-title{font-size:25px; font-weight:bold;}
.ui-icon-closethick{display:none;}
.ui-dialog-content{min-height:40px !important;}

.ui-datepicker-prev:hover, 
.ui-icon-circle-triangle-e:hover{color:#fff; background:#333;}

.ui-datepicker-prev{background:#535353;}
.ui-icon-circle-triangle-e{text-align:right; background:#535353;}

.ui-datepicker-calendar thead th{border:1px solid #ccc; padding:3px;}
.ui-datepicker-calendar tbody td{border:1px solid #ccc; padding:3px;}
.ui-datepicker-title{padding:3px; text-align:center;}

.ui-datepicker-prev span{padding:3px; display:inline-block;}
.ui-datepicker-next span{padding:3px; display:inline-block;}

.board_pager {text-align:center; font-size:13px; position:relative; margin-bottom:30px; clear:both;  line-height:1.5em;}
.board_pager a {border:1px solid #dedede; padding:7px 10px 7px 10px; color:#666; margin:3px;}
.board_pager a span.on {color:#ff0000; font-weight:bold;}


.pageBox {text-align:center; font-size:13px; position:relative; margin-bottom:30px; clear:both;  line-height:1.5em;}
.pageBox a {border:1px solid #dedede; padding:7px 10px 7px 10px; color:#666; margin:3px;}
.pageBox a span.on {color:#ff0000; font-weight:bold;}




.board_pager .bt_gray{background-color:#f8f8f8;}

 

/* 게시글 목록 */
.tb_board {width:100%; border:0; border-collapse:collapse; margin-bottom:40px; line-height:1.5em;}
.tb_board th {padding:10px 5px 8px; border-bottom:1px solid #bcbcbc; border-top:2px solid #333; background:#fafafa;}
.tb_board td {padding:12px 5px 10px; border-bottom:1px solid #e5e5e5;color:#555;text-align:center; font-size:13px;}
.tb_board tr:first-child td {border-top:0}
.tb_board tr:hover,.tb_board tr:active, .tb_board tr:focus {background:#f5f5f5}

.tb_board td.tit {width:auto;}
.tb_board td.r {text-align:right;}
.tb_board td.l {text-align:left;}

#lec_desc {width:95%; height:300px;}

/* 게시글 읽기 */
.tb_board_read {border-top:2px solid #333; width:100%; border-collapse:collapse;  line-height:1.5em;}
.tb_board_read thead th {border:1px solid #e5e5e5; background:#fafafa; padding:10px 5px 8px; }
.tb_board_read thead th.title {  text-align:center;}
.tb_board_read td {padding:12px 5px 10px; border:0; border:1px solid #e5e5e5; color:#555;text-align:center; font-size:13px; text-align:left;}
.tb_board_read thead td.rc {font-size:12px;}
.tb_board_read thead td.rc span {background:url(board_line.gif) no-repeat 2px 6px; padding-left:8px; display:inline-block;}
.tb_board_read thead td.rc span:nth-child(1) {background:none; margin:0; padding:0;}
.tb_board_read thead td.rc span strong{ margin-right:5px; color:#000; }
.tb_board_read thead td.attach_list {font-size:12px;}
.tb_board_read thead td.attach_list img {margin-top:2px;}
.tb_board_read tbody th {padding:12px 5px 10px; border:0; border:1px solid #e5e5e5; color:#555;text-align:center; font-size:13px; text-align:left; background:#fbfbfb;}
.tb_board_read th span.txtc_inreq {color:#ff6600;}
.tb_board_read tbody td input{ border:1px solid #d4d4d4; padding:2px 3px; height:23px;}
.tb_board_read tbody td .nop{ border:1px solid #d4d4d4 !important; padding:5px 3px; margin-bottom:5px;}
.tb_board_read tbody td textarea{ border:1px solid #d4d4d4; padding:2px 3px; }
.tb_board_read tbody td .l{text-align: left;}
.tb_board_read select {padding: 5px 3px;}

@media all and (max-width:700px) 
	table.board_read tbody td img{max-width:100%;}
}


div.board_read_foot {background:#f6f6f6; margin-bottom:40px;}
div.board_read_foot ul li {border-bottom:1px solid #dedede; padding:12px 5px 10px; font-size:12px; color:#666; }
div.board_read_foot ul li span {margin:0 10px;}
div.board_read_foot ul li span strong {font-size:8px; margin-top:-5px;}

/* 게시글 쓰기 */
.tb_board_write {width:100%; border:0; border-collapse:collapse;  margin-bottom:40px;  line-height:1.5em;}
.tb_board_write thead th {background:#fafafa; padding:10px 5px 8px;  border:none;  border-bottom:1px solid #e5e5e5; }
.tb_board_write thead th.title {border-top:2px solid #333;  text-align:center;}
.tb_board_write tbody th {width:25%; border-right:1px solid #dedede; border-bottom:1px solid #dedede; padding:8px 5px 6px;}
.tb_board_write tbody td {padding:8px 5px 6px; border-bottom:1px solid #dedede; font-size:13px;}
.tb_board_write tbody td input {height:30px; line-height:30px; border:1px solid #ccc; padding:0 10px;}
.tb_board_write tbody td input.file_input {border:0; padding:0}
.tb_board_write tbody td p.copy {color:#ff3300; font-size:12px;}
.tb_board_write tbody td.attach div {margin-bottom:5px;}
.tb_board_write tbody td.attach input {margin-bottom:5px; width:100%;}
.tb_board_write tbody td textarea {width:100%; border:1px solid #ccc;}

/* 게시글 페이징 */
.pageing {text-align:center;font-size:13px;position:relative;padding: 20px 0;clear:both;line-height:1.5em;}
.pageing a {border:1px solid #dedede; padding:7px 10px 7px 10px; color:#666; margin:3px;}
.pageing a span.on {color:#ff0000; font-weight:bold;}

/* 갤러리 목록 */
.media_list {position:relative;}
.media_list ul li {background:#f6f6f6; float:left; margin-right:2%; margin-bottom:30px; width:32%;  line-height:1.5em;}
.media_list ul li:nth-child(3), .media_list li:nth-child(6), .media_list li:nth-child(9) { margin-right:0; }
.media_list ul li a {border:1px solid #dedede; display:block;  padding:9px; }
.media_list ul li a img {width:100%; height:150px;}
.media_list ul li p { font-size:13px; color:#333; font-weight:bold; margin-top:8px; }
.media_list ul li p span { font-size:12px; font-weight:normal; color:#767676; margin-top:30px; text-align:right; display:block;}

.mo {display:none;}
.pad{display:none;}
.mob{display:none;}

@media screen and (max-width: 768px) {
	.mob {
			display: block;
	}
}

.dis {position:absolute; left: -9999px; width: 1px;height: 0px;margin: 0;padding: 0;border: 0;text-indent: -9999em;background: none;font-size: 1px;line-height: 1px;}

/* 게시글 버튼*/
div.board_btn { margin-top:30px;}
div.board_btn a {padding:0px 15px 0px 28px; border:1px solid #dedede; font-size:13px; border-radius:2px; font-weight:bold; background-color:#f2f2f2; display:inline-block; margin-bottom:5px; line-height:36px; display:inline-block;}
div.board_btn a.c01 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px 2px; }
div.board_btn a.c02 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -26px; }
div.board_btn a.c03 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -56px; }
div.board_btn a.c04 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -86px; }
div.board_btn a.c05 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -117px; }
div.board_btn a.c06 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -146px; }
div.board_btn a.c07 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -177px; }
div.board_btn a.c08 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -207px; }
div.board_btn a.c09 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -237px; }
div.board_btn a:hover {background-color:#f6f6f6;}


div.board_btn input {color:#333 !important; padding:0px 12px 0px 25px; border:1px solid #dedede; font-size:13px; border-radius:2px; font-weight:bold; background-color:#f2f2f2; display:inline-block; margin-bottom:5px;  line-height:35px; display:inline-block;  }
div.board_btn input.c01 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px 2px; }
div.board_btn input.c02 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -26px; }
div.board_btn input.c03 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -56px; }
div.board_btn input.c04 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -86px; }
div.board_btn input.c05 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -117px; }
div.board_btn input.c06 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -146px; }
div.board_btn input.c07 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -177px; }
div.board_btn input.c08 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -207px; }
div.board_btn input.c09 {background:url(/common/images/cmm/btn_icon.png) no-repeat 0px -237px; }
div.board_btn input:hover {background-color:#f6f6f6;}


/**/



h3.h3 {font-size:22px; line-height:28px; font-weight:bold; background:url(/common/images/sub/h3.jpg)no-repeat 0 2px; padding-top:13px; margin-bottom:18px;}
h4.h4 {font-size:17px; font-weight:bold; line-height:23px; margin-bottom:9px; color:#4762b0;}

h3.h3_2{font-size:30px; font-weight:bold; text-align:center; color:#4762b0; margin-bottom:30px;}

ul.bul_01 li{background:url(/common/images/sub/bul_01.jpg)no-repeat 0 12px; padding-left:10px; line-height:28px;}
ul.bul_02 li{background:url(/common/images/sub/bul_02.jpg)no-repeat 0 15px; padding-left:10px; line-height:28px;}
ul.bul_03 li{line-height:28px;}
ul.bul_03 li ul li{padding-left:10px;}

h4{font-size:17px; font-weight:bold; line-height:23px; margin-bottom:9px;}


/*탭*/
.sub_tab{margin-bottom:30px;}
.sub_tab ul li{float:left;}
.sub_tab ul li a.on{background:#026781; color:#fff;}
.sub_tab li a{border:1px solid #ccc; display:block; padding:13px 0; text-align:center;}
.sub_tab li a:hover {background:#026781; color:#fff;}

.sub_tab li div{margin-right:5px;}
.sub_tab li:last-child div{margin-right:0 !important;}

.tab03 li{display:block; width:33.33333333333333%}
.tab02 li{display:block; width:50%}


/**/
.saup_top{position: relative; margin: 5px 0 15px; padding: 4px; text-align: center; background:#fff url(/common/images/sub/top_pattern.png)repeat; line-height:23px;}
.saup_top div.saup_bg {position: relative; padding: 15px; background-color: #fcf7f7; text-align: center;}


/*테이블*/
table.t01 {width:100%; }
table.t01 thead th{ border-top:1px solid #5c81c6; background:#f1f5fc;}
table.t01 th {/*background:#f9f9f9;*/  text-align:center; padding:13px 0px 10px 0px; border:1px solid #e4e4e4; color:#1345b2;  text-align:center;}
table.t01 td {padding:8px 3px 6px 5px; border:1px solid #e4e4e4;  text-align:center;}
table.t01 td.text{background:#fcfcfc;  padding:8px 3px 6px 5px; border:1px solid #e4e4e4;  text-align:center;font-weight:bold;}
table.t01 td.tit {font-weight:bold; text-align:center;}


/******************************************************************************************
	Mobile Style
*******************************************************************************************/
@media all and (max-width:767px){


/*모바일 가로 스크롤*/
::-webkit-scrollbar {width:3px; height:4px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: url('./images/bg.png') #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}



/*기부현황*/
.give_bg{height:300px;}
.give_title{font-size:25px;}
.give_left p {font-size: 14px; margin-top:10px;}
.give_bg{background: url(/common/images/sub/give_bg.jpg)no-repeat center bottom; background-size:100% 160px;}



/*기부참여안내*/
.money_left{float:none; width:100%;}
.money_right{float:none; width:100%;}
.money_01 div.money_col {width: 50%;}
.money_01 div.money_col div {margin-right:5px; margin-top:5px;}
.money_01 div.money_col:nth-child(2) div{margin-right:0;}
.money_round li{float:none; width:100%;}
.money_round li div {margin-right:0;}

.money_02 div.money_col{width:100%; float:none;  text-align:left; color:#fff; }
.money_02 div.money_col:nth-child(3) {width:100%; letter-spacing:1px;}
.money_02 div.money_col div {margin-right:0; margin-top:8px; padding: 15px 10px 15px 55px;}

.money_02 div.money_col:nth-child(1) div{background:#cc5141 url(/common/images/sub/mcon2_01.png)no-repeat 20px center; background-size:25px; }
.money_02 div.money_col:nth-child(2) div{background:#cc7241 url(/common/images/sub/mcon2_02.png)no-repeat 20px center; background-size:28px;}
.money_02 div.money_col:nth-child(3) div{background:#488f4c url(/common/images/sub/mcon2_03.png)no-repeat 20px center; background-size:25px;}

.money_mn01{background:none;}
.money_mn01 ul{padding-left:0;}


.money_br2{display:none;}



/*동영상*/
.vod video {width:300px; height: 230px;} 
.subtitles{margin-top:10px;}

.multi_con{background:url(/common/images/sub/multi.jpg)no-repeat center 0; margin-bottom:20px;}
.multi_con p{padding-left:0; }
.multi_con p:nth-child(1){padding-top:90px; font-size:40px; color:#93c34d; font-weight:bold;}
.multi_con p:nth-child(2){color:#787878; margin-top:10px;}



.board_read tbody td.contents img{width:100%;}


.board_read colgroup{display:none;}
.tb_board colgroup{display:none;}

.ui-fr input[type="submit"] {margin-right:0;}

.search {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:25px 0; margin-bottom:15px; background:#f6f6f6;}
.search p {text-align:center;}
.search input[type="text"] {height:30px; border:1px solid #b5b5b5; width:220px;}

.search select {height:32px; border:1px solid #b5b5b5; margin-right:10px; width:90px;}
.search p label {padding-top:8px; padding-bottom:10px; width:70px; background:#515151; color:#fff; display:inline-block; line-height:14px; margin-right:-4px;}





.ui-fr{text-align:center; margin-bottom:15px;}
.required{width:100px;}
.ui-fl{ display:none;}



.ui-gallery li{margin-right:0;}

.academy > li{float:none; width:100%; margin-right:0; }
.academy > li:nth-child(even){float:none;}



/* 게시글 검색 */

div.board_search input{/* width:100%; *//* margin-bottom:3px; */}
div.board_search input.board_search_btn {/* margin:0px; *//* width:100%; */}





/* 게시글 목록 */
.tb_board .mdn {display:none; *width:0;}
.type01 .mdn {display:none; *width:0;}
.ui-list .mdn {display:none; *width:0;}
.board_read .mdn {display:none;}
.tb_board_read colgroup{display:none;}

.wps_10 {width:20%;}
.wps_15 {width:30%;}
.wps_20 {width:30%;}


/* 게시글 페이징 */
.pageing {text-align:center; font-size:13px; position:relative;}
.pageing a.pre_btn {position:absolute; top:-5px; left:0;}
.pageing a.next_btn {position:absolute; top:-5px; right:0; font-size:30px;}
.pageing strong {color:#ff0000; font-weight:bold;}



.pageing{display:none;}
.pageing a {border:0; padding:0;}


.pageing_btn {
    border: 1px solid #dedede !important;
    padding: 7px 10px 7px 10px !important;
    color: #666 !important;
    margin: 3px !important;
	display:block;
}




.mob_n{display:none;}




/* 갤러리 목록 */
.media_list {position:relative;}
.media_list ul li {background:#f6f6f6; float:left; margin-right:0%; margin-bottom:30px; width:100%;}
.media_list ul li:nth-child(3), .media_list li:nth-child(6), .media_list li:nth-child(9) { margin-right:0; }
.media_list ul li a {border:1px solid #dedede; display:block;  padding:9px; }
.media_list ul li a img {width:100%; height:150px;}
.media_list ul li p { font-size:13px; color:#333; font-weight:bold; margin-top:8px; }
.media_list ul li p span { font-size:12px; font-weight:normal; color:#767676; margin-top:30px; text-align:right; display:block;}

div.tabmenu02 {display:none;}
div.tabmenu02mo {display:block; text-align:center; background:#fff; border:1px solid #dedede; border-radius:0px 0px 3px 3px; border-top:0; padding:10px; margin-bottom:30px;}
div.tabmenu02mo select {height:30px; line-height:30px; width:100%;}

.mo  {display:inline-block;}
.mob {display:none;}



.nor{display:none;}
.mob{display:block;}









.login_wrap {width:100%;}
.login_r{margin-right:0; margin-bottom:10px;}


.login_icon{background:url(/common/images/sub/login.jpg)no-repeat center 0; }
.login_icon div{margin-left:0; text-align:center; padding-top:130px;}
.login_icon div p{line-height:23px;}
.nh3{background:none !important;}




/*설립취지문*/
.docu_wrap{padding:0 20px;}



/* 연혁 */
.list-cont{padding-top:0;}
.history{position:static; background:url(/common/images/sub/his_bg_line.jpg) repeat-y 10px 0;}
.history .history-list h3{left:11px; margin-left: 23px;}
.history .history-list .list {width:90%; margin-left:12px;}
.history .history-list.even h3 {margin-left:20px; right:0;}
.history .history-list.even .list{text-align:left; padding-left:4%;}
.history .history-list.even .list li span {margin-right:0;}
.history .history-list .list li{margin-left:0;}
.history .history-list.even .list li{padding-left:13px; margin-right:0;}
.history .history-list.even .list span{float:none;}
.history .history-list.even h3:before{background: url(/common/images/sub/his_arr_01.png)no-repeat; left:-25px;}
.history .history-list{margin-top:50px;}
.history:before {background:none;}
.h3_first .list{padding-top:30px !important;}
.history .history-list .list li span{margin-left:0; color:#117700; margin-right:0;}
.history .history-list h3:before{right:125px;}




/*오시는 길*/

.subway{background:url(/common/images/sub/subway.png)no-repeat; background-size:47px; padding-bottom:20px;}
.subway_h3{padding:12px 0 10px 60px;}
.subway div{padding:0}
.subway_h3{font-weight:bold; font-size:22px; margin-bottom:20px;}

.bus{margin-top:20px; background:url(/common/images/sub/bus.png)no-repeat; background-size:47px;}
.bus div{padding:0;}
.bus_line{border-bottom:1px dotted #dddd; margin-bottom:20px;}
.bus_line li:nth-child(3){padding-bottom:20px;}

.n_subway{padding:0 !important;}






/*정관*/
.his_ul li{float:left; width:50%; line-height:23px; text-align:center;}

table.t01 .t01_nn{display:none;}


/*인사말*/
.intro{background:url(/common/images/sub/intro_02.jpg)no-repeat center 0; background-size:300px;}
.intro_title{background:none; padding:230px 0 0 0; text-align:center; font-size:30px; line-height:35px;}
.intro_text{width:100%; padding:25px 0 0 0; text-align:center;}
.intro p{padding:30px 0 0 0; text-align:center;}




/*기부자세제혜택*/
.give_box{border:1px solid #e3e4e8; height:290px;}
.give_box div{ background:url(/common/images/sub/give_bg_2.jpg)no-repeat 0 top, url(/common/images/sub/give_pt.jpg)repeat; height:290px; background-size:100% 150px, auto auto;}
.give_box div p{padding-left:20px; text-align:center;}
.give_box div p:nth-child(1){color:#666; padding-top:170px;}



.give_icon div{padding-left:0; padding-top:70px;  padding-bottom:20px;}
.give_icon div:nth-child(1){background:url(/common/images/sub/give_icon01.jpg)no-repeat center 0; background-size:55px; margin-bottom:30px; border-bottom:1px dotted #ccc;}
.give_icon div:nth-child(2){background:url(/common/images/sub/give_icon02.jpg)no-repeat center 0;   padding-bottom:20px; background-size:55px; margin-bottom:30px; border-bottom:1px dotted #ccc;}
.give_icon div:nth-child(3){background:url(/common/images/sub/give_icon03.jpg)no-repeat center 0;  background-size:45px;}



/*사이트맵*/
.site_map{width:100%; float:none;}
.site_map_pad{margin-right:0;}

/*탭*/
.sub_tab li div{margin-right:5px;}



/*사업소개 Top*/
.uit .inner p{padding: 5px 0 60px 0;}
.uit .inner{padding: 25px 25px;}

.icowrap01{background:url(/common/images/sub/jh_01.png)no-repeat right bottom; background-size:150px;}
.icowrap02{background:url(/common/images/sub/jh_02.png)no-repeat right bottom; background-size:170px;}
.icowrap03{background:url(/common/images/sub/jh_03.png)no-repeat right bottom; background-size:200px;}
.icowrap04{background:url(/common/images/sub/jh_04.png)no-repeat right bottom; background-size:150px;}

.guide_txt {border:1px solid #ccc; background:#f8f8f8 url(/common/images/sub/bi_icon.jpg)no-repeat center 50px; padding:160px 0 0 0; width:95%; height:90px; border-radius:10px;}




/**/
.pic01{background:url(/common/images/sub/pic01.jpg)no-repeat; padding-left:0; padding-top:205px;}
.pic02 ul li{width:50%;}
.pic02 ul li:nth-child(2) div{margin-right:0;}
.pic02 ul li:nth-child(3){display:none;}
.pic02 ul li:nth-child(4){display:none;}
.pic02 ul li:nth-child(5){display:none;}
.pic03{background:url(/common/images/sub/pic07.jpg)no-repeat; padding-left:0; padding-top:205px;}

.pic04 ul li{width:50%;}
.pic04 ul li:nth-child(2n) div{ margin-right:0;}

}








@media all and (max-width:365px){

.money_01 div.money_col{width:100%; text-align:left;}
.money_01 div.money_col div{margin-right:0; padding:12px 10px 12px 40px; line-height:21px;}

.money_01 div.money_col:nth-child(1) div{background:#cc5141 url(/common/images/sub/money_01.png)no-repeat 10px center; background-size:24px;}
.money_01 div.money_col:nth-child(2) div{background:#cc7241 url(/common/images/sub/money_02.png)no-repeat 7px center; background-size:26px;}
.money_01 div.money_col:nth-child(3) div{background:#488f4c url(/common/images/sub/money_03.png)no-repeat 11px center; background-size:20px;}
.money_01 div.money_col:nth-child(4) div{background:#1b85c2 url(/common/images/sub/money_04.png)no-repeat 12px center; background-size:17px;}

.money_br{display:none;}
}





/**R&D 소개**/
.randd-intro {overflow:hidden; margin-top:40px;}
.randd-intro dl {float: left; margin: 0 0.5%; width: 24%;}
.randd-intro dl dt {font-size: 20px; font-weight:300; text-align: center; height:135px; padding-top: 135px; line-height: 28px; color:#fff;}
.randd-intro dl:first-child dt {background:url(/common/img/sub/randd01.png) center 0 no-repeat;  }
.randd-intro dl:nth-child(2) dt {background:url(/common/img/sub/randd02.png) center 0 no-repeat;  }
.randd-intro dl:nth-child(3) dt {background:url(/common/img/sub/randd03.png) center 0 no-repeat;  }
.randd-intro dl:nth-child(4) dt {background:url(/common/img/sub/randd04.png) center 0 no-repeat;  }


.randd-intro dl dd {position: relative; height:170px; background-color:#deecf4; color:#555; font-size: 16px; border-top: 1px;}
.randd-intro dl dd:before {content: ""; display: block; width: 2px; height: 35px; background-color:#deecf4; position: absolute; top:-35px; left:50%;}
.randd-intro dl:nth-child(2n) dd:before{background-color:#eaeaea;}
.randd-intro dl:nth-child(2n) dd {background-color:#eaeaea;}
.randd-intro dl:nth-child(3n) dd {background-color:#deecf4;}
.randd-intro dl dd ul {padding: 40px 30px; }
.randd-intro dl dd ul li {margin-bottom: 15px; position: relative; padding-left: 13px; line-height: 20px;}
.randd-intro dl dd ul li:before {content: "";display: block;width: 3px;height: 3px;background: #555;border-radius: 10px;position: absolute;top: 7px;left: 0px;	}  

@media all and (max-width:1000px) {
	.randd-intro dl {width: 46%; margin: 0 2% 30px 2%;} 
}
@media all and (max-width:460px) {
	.randd-intro dl {width: 100%;} 
}

/**연구소실적**/
.company_title {font-size: 25px; text-align: center; color:#000; font-weight: 300; padding: 40px 0; }
#company4 p.company4_title {font-size: 35px; font-weight: 300; color:#000; padding: 50px 0 20px 0; }
#company4 .list ul {margin: 0; padding: 0; position: relative;	overflow:hidden;}
#company4 .list ul:before {content: ""; width: 100%; height: 1px; background: #d7d7d7; position: absolute;    top: 20px;	left:0;}
#company4 .list ul li {    float: left;    box-sizing: border-box;    position: relative;    padding-top: 40px;}
#company4 .list .i5 li {    width: 50%;    padding-left: 20px;    padding-right: 45px;	padding-bottom: 70px;}
#company4 .list ul li:before {    content: "";    display: block;    width: 12px;    height: 12px;    background: #0070d9;    border-radius: 10px;    position: absolute;    top: 15px;    left: 55px;}
#company4 .list .name {	font-size: 14px;	color:#025db0;	line-height: 20px;}
#company4 .list .subject {	font-size: 13px;	color:#555;	margin-top: 12px;	}
#company4 .list .comment {	font-size: 13px;	color:#555;	line-height: 24px;	}
#company4 .list .i4 li {    width: 25%;    padding-left: 20px;    padding-right: 45px;	padding-bottom: 70px;}
#company4 .list .i3 li {    width: 33%;    padding-left: 20px;    padding-right: 45px;	padding-bottom: 70px;}
#company4 .list .i2 li {	width: 20%;    padding-left: 20px;    padding-right: 45px;	padding-bottom: 70px;}
#company4 .list .i1 li {	width: 100%;    padding-left: 20px;    padding-right: 45px;	padding-bottom: 90px;}

/**연구소실적 : 저작권**/
.company_img01 {background: url('/common/img/sub/company_img01.jpg') 0 30px no-repeat;	background-size: 30%;	padding-left: 17% !important;	margin-bottom: 50px;}
.company_img02 {background: url('/common/img/sub/company_img02.jpg') 0 30px no-repeat;	background-size: 30%;	padding-left: 17% !important;	margin-bottom: 50px;}
.company_img03 {background: url('/common/img/sub/company_img03.jpg') 0 30px no-repeat;	background-size: 40%;	padding-left: 11% !important;	margin-bottom: 50px;}
.company_img04 {background: url('/common/img/sub/company_img04.jpg') 0 30px no-repeat;	background-size: 40%;	padding-left: 11% !important;	margin-bottom: 50px;}
.company_img05 {background: url('/common/img/sub/company_img05.jpg') 0 30px no-repeat;	background-size: 40%;	padding-left: 14% !important;   margin-bottom: 50px;}
.company_img06 {background: url('/common/img/sub/company_img06.jpg') 0 30px no-repeat;	background-size: 13%;	padding-left: 15% !important;	margin-bottom: 50px;}
.company_img07 {background: url('/common/img/sub/company_img07.jpg') 0 30px no-repeat;	background-size: 30%;	padding-left: 15% !important;	margin-bottom: 50px;}
.company_img08 {background: url('/common/img/sub/company_img08.jpg') 0 30px no-repeat;	background-size: 30%;	padding-left: 15% !important;	margin-bottom: 50px;}
.company_img09 {background: url('/common/img/sub/company_img09.jpg') 0 30px no-repeat;	background-size: 40%;	padding-left: 14% !important;	margin-bottom: 50px;}
.company_img10 {background: url('/common/img/sub/company_img10.jpg') 0 30px no-repeat;	background-size: 40%;	padding-left: 14% !important;	margin-bottom: 50px;}

@media all and (max-width:1100px){ 
	.company_img01 {padding-left:-10px;}
}

@media all and (max-width:900px){ 
	#company4 .list ul li {padding-top: 10px;}
	#company4 .list .i5 li,
	#company4 .list .i4 li,
	#company4 .list .i3 li,
	#company4 .list .i2 li,
	#company4 .list .i1 li {
		width: 100%;
		padding-left: 50px;
		padding-right: 0px;
	
}
	#company4 .list ul:before {
    width: 1px;
    height: 100%;
    top: 20px;
    left: 19px;
}
	#company4 .list .i5 li:before, 
	#company4 .list .i4 li:before,
	#company4 .list .i3 li:before,
	#company4 .list .i2 li:before,
	#company4 .list .i1 li:before {
    left: 14px !important;
    top: 16px !important;
}
	.company_img01 {background-position: 35px 0; padding-top: 45% !important; padding-left:40px !important; }
	.company_img02 {background-position: 35px 0; padding-top: 45% !important; padding-left:40px !important; }
	.company_img03 {background-position: 35px 0; padding-top: 55% !important; padding-left:40px !important; }
	.company_img04 {background-position: 35px 0; padding-top: 55% !important; padding-left:40px !important; }
	.company_img05 {background-position: 35px 0; padding-top: 60% !important; padding-left:40px !important; }
	.company_img06 {background-position: 35px 0; padding-top: 55% !important; padding-left:40px !important; }
	.company_img07 {background-position: 35px 0; padding-top: 55% !important; padding-left:40px !important; }
	.company_img08 {background-position: 35px 0; padding-top: 55% !important; padding-left:40px !important; }
	.company_img09 {background-position: 35px 0; padding-top: 55% !important; padding-left:40px !important; }
	.company_img10 {background-position: 35px 0; padding-top: 55% !important; padding-left:40px !important; }
	.company_img11 {background-position: 35px 0; padding-top: 55% !important; padding-left:40px !important; }
	 





}
/**인증서**/
.company_L p {text-align:center; font-size: 22px; color:#000; padding: 40px 0  }
.company_L ul {overflow:hidden; margin-bottom: 30px;}
.company_L ul li {float:left; width: 17%; margin-left:5%; font-size: 14px; color:#555; font-weight:300;}

.company_L ul li.cl {padding-top: 24%; text-align:center; }
.company_L ul li.company_L01 {background:url('/common/img/sub/p_011_2022.jpg') 0 0 no-repeat;}
.company_L ul li.company_L02 {background:url('/common/img/sub/p_02_2022.jpg') 0 0 no-repeat;}
.company_L ul li.company_L03 {background:url('/common/img/sub/p_03_2022.jpg') 0 0 no-repeat;}
.company_L ul li.company_L04 {background:url('/common/img/sub/p_04.jpg') 0 0 no-repeat;}
.company_L ul li.company_L05 {background:url('/common/img/sub/p_05.jpg') 0 0 no-repeat;}
.company_L ul li.company_L06 {background:url('/common/img/sub/p_06.jpg') 0 0 no-repeat;}
.company_L ul li.company_L07 {background:url('/common/img/sub/p_07.jpg') 0 0 no-repeat;}
.company_L ul li.company_L08 {background:url('/common/img/sub/p_08.jpg') 0 0 no-repeat;}
.company_L ul li.company_L09 {background:url('/common/img/sub/p_09.jpg') 0 0 no-repeat;}
.company_L ul li.company_L10 {background:url('/common/img/sub/p_10.jpg') 0 0 no-repeat;}
.company_L ul li.company_L11 {background:url('/common/img/sub/p_11.jpg') 0 0 no-repeat;}
.company_L ul li.company_L12 {background:url('/common/img/sub/p_12.jpg') 0 0 no-repeat;}
.company_L ul li.company_L13 {background:url('/common/img/sub/p_13.jpg') 0 0 no-repeat;}
.company_L ul li.company_L14 {background:url('/common/img/sub/p_14.jpg') 0 0 no-repeat;}
.company_L ul li.company_L15 {background:url('/common/img/sub/p_15.jpg') 0 0 no-repeat;}
.company_L ul li.company_L16 {background:url('/common/img/sub/p_16.jpg') 0 0 no-repeat;}
.company_L ul li.company_L17 {background:url('/common/img/sub/p_17.jpg') 0 0 no-repeat;}
.company_L ul li.company_L18 {background:url('/common/img/sub/p_18.jpg') 0 0 no-repeat;}
.company_L ul li.company_L19 {background:url('/common/img/sub/p_19.jpg') 0 0 no-repeat;}
.company_L ul li.company_L20 {background:url('/common/img/sub/p_20.jpg') 0 0 no-repeat;}
.company_L ul li.company_L21 {background:url('/common/img/sub/p_21.jpg') 0 0 no-repeat;}
.company_L ul li.company_L22 {background:url('/common/img/sub/p_22.jpg') 0 0 no-repeat;}
.company_L ul li.company_L23 {background:url('/common/img/sub/p_23.jpg') 0 0 no-repeat;}
.company_L ul li.company_L24 {background:url('/common/img/sub/p_24.jpg') 0 0 no-repeat;}
.company_L ul li.company_L25 {background:url('/common/img/sub/p_25.jpg') 0 0 no-repeat;}
.company_L ul li.company_L26 {background:url('/common/img/sub/p_26.jpg') 0 0 no-repeat;}
.company_L ul li.company_L27 {background:url('/common/img/sub/p_27.jpg') 0 0 no-repeat;}
.company_L ul li.company_L28 {background:url('/common/img/sub/p_28.jpg') 0 0 no-repeat;}
.company_L ul li.company_L29 {background:url('/common/img/sub/p_29.jpg') 0 0 no-repeat;}
.company_L ul li.company_L30 {background:url('/common/img/sub/p_30.jpg') 0 0 no-repeat;}
.company_L ul li.company_L31 {background:url('/common/img/sub/p_31.jpg') 0 0 no-repeat;}

.company_L ul li.company_L32 {background:url('/common/img/sub/p_32.jpg') 0 0 no-repeat;}
.company_L ul li.company_L33 {background:url('/common/img/sub/p_33.jpg') 0 0 no-repeat;}

.company_L ul li.company_L34{background:url('/common/img/sub/p_34.jpg') 0 0 no-repeat;}
.company_L ul li.company_L35 {background:url('/common/img/sub/p_35.jpg') 0 0 no-repeat;}
.company_L ul li.company_L36 {background:url('/common/img/sub/p_36.jpg') 0 0 no-repeat;}
.company_L ul li.company_L37 {background:url('/common/img/sub/p_37.jpg') 0 0 no-repeat;}
.company_L ul li.company_L39 {background:url('/common/img/sub/p_39.jpg') 0 0 no-repeat;}


.company_L ul li.company_J01 {background:url('/common/img/sub/j_01_2022.jpg') 0 0 no-repeat;}
.company_L ul li.company_J02 {background:url('/common/img/sub/j_02_2022.jpg') 0 0 no-repeat;}
.company_L ul li.company_J03 {background:url('/common/img/sub/j_03_2022.jpg') 0 0 no-repeat;}
.company_L ul li.company_J04 {background:url('/common/img/sub/j_04.jpg') 0 0 no-repeat;}
.company_L ul li.company_J05 {background:url('/common/img/sub/j_05.jpg') 0 0 no-repeat;}
.company_L ul li.company_J06 {background:url('/common/img/sub/j_06.jpg') 0 0 no-repeat;}
.company_L ul li.company_J07 {background:url('/common/img/sub/j_07.jpg') 0 0 no-repeat;}
.company_L ul li.company_J08 {background:url('/common/img/sub/j_08.jpg') 0 0 no-repeat;}
.company_L ul li.company_J09 {background:url('/common/img/sub/j_09.jpg') 0 0 no-repeat;}
.company_L ul li.company_J10 {background:url('/common/img/sub/j_10.jpg') 0 0 no-repeat;}
.company_L ul li.company_J11 {background:url('/common/img/sub/j_11.jpg') 0 0 no-repeat;}


@media all and (max-width:1100px){ 
	.company_L ul li {float:left; width: 17%; margin-left:5%;}
	.company_L ul li:first-chld {margin-left:0;}
	.company_L ul li.cl {background-size: 95%;}
}
@media all and (max-width:640px){ 
	.company_L ul li {width: 40%;}
	.company_L ul li.cl {padding-top: 55%; margin-bottom: 40px}
} 

/**고객문의**/
.contact-us-m {
	background:url('/common/img/sub/contact_bg.jpg') 0 0 no-repeat;
	padding: 70px 0 70px 0;
	text-align:center;

}
.contact-us-m p:first-child {
	font-size: 35px;
	color: #fff;
	margin-bottom: 30px;

}
.contact-us-m p:nth-child(2) {
	font-size: 18px;
	color: #fff;
	line-height: 34px;
	font-weight: 300;
}
.contact-us {margin: 0 auto; width: 1100px;}
.contact-us h2 {
    font-size: 30px;
    color: #000;
    font-family: 'NS';
    margin-top: 5%;
    margin-bottom: 3%;
	text-align:center;
}
.contact-us .contact_lst {
    overflow: hidden;
}
.contact-us .contact_lst li {
    float: left;
    width: 38%;
    height: 170px;
    margin: 20px;
    padding: 40px;
    border: 1px solid #ccc;
}
.contact-us .contact_lst .txt_area {
    margin: 25px 0 0 0;
}

.contact-us .contact_lst p {
    font-size: 22px;
    letter-spacing: 0;
    color: #215eb1;
}
.contact-us .contact_lst .txt_area dl.dl_v1 dt {
	background:url('/common/img/sub/user.png') 0 7px no-repeat;
	padding-left: 25px;
	
}
.contact-us .contact_lst .txt_area dl.dl_v2 dt {
	background:url('/common/img/sub/call.png') 0 7px no-repeat;
	padding-left: 25px;
	
}
.contact-us .contact_lst .txt_area dl.dl_v3 dt {
	background:url('/common/img/sub/fax.png') 0 7px no-repeat;
	padding-left: 25px;
	
}
.contact-us .contact_lst .txt_area dl.dl_v4 dt {
	background:url('/common/img/sub/mail.png') 0 7px no-repeat;
	padding-left: 25px;
	
}
.contact-us .contact_lst .txt_area dt {
    width: 100px;
    margin-right: 30px;
}
.contact-us .contact_lst .txt_area dt,
.contact-us .contact_lst .txt_area dd {
    display: inline-block;
    font-size: 15px;
    color: #333;
    letter-spacing: 0;
	line-height: 32px;
}
.contact-us .contact_lst .txt_area dd {
	color: #666;
}

@media all and (max-width:1099px){ 
	.contact-us-m {background-size: 140%; padding: 20px 10px;}
	.contact-us {width: 100%;}
	.contact-us .contact_lst li {width: 43%; padding: 10px; margin: 10px;}
	.contact-us .contact_lst .txt_area dt {width: 60px;}
}
@media all and (max-width:719px){ 
	.contact-us .contact_lst li {width: 95%; padding: 10px 0 10px 10px; margin: 10px 0;}
	.contact-us-m {background-size: 200%; padding: 20px 10px;}
	.contact-us-m p:first-child {font-size: 22px; margin-bottom: 20px;}
	.contact-us-m p:nth-child(2) {font-size: 14px; line-height: 22px;}
}



.clearfix{display:block;}
.none-cap{display:none;}




.role { overflow:hidden; margin-top:20px; }
.role>li { position:relative; padding:25px; height:190px; float:left; margin-left:23px; width:195px; background:url('/common/images/sub/pattern_p.jpg'); box-sizing:border-box; transition:all 0.5s ease; }
.role>li:after { position:absolute; z-index:3; display:block; content:''; top:48px; right:-29px; width:29px; height:9px; background:url('/se/images/sub/role_dot.png') no-repeat; }
.role>li:first-child { margin-left:0px; }
.role>li:last-child:after { display:none; }
.role>li p { color:#ffffff; word-break:keep-all; }
.role>li p.tit { margin-bottom:20px;  text-align: center; border-bottom:1px solid #fff; padding-bottom:15px; background:url('/se/images/sub/role_bar.jpg') no-repeat left bottom; font-size:20px; line-height:30px; }
.role>li .con { font-weight:300;  text-align: center;}
.role>li .con a{ color:#fff;}
.role>li p span { display:block; }
.role>li .con li { margin-bottom:15px; color:#ffffff !important; padding-left:11px; background:url('/se/images/sub/role_blet.jpg') no-repeat left 13px; font-size:14px; font-weight:400; word-break:keep-all; letter-spacing:-1px; }

.role.long>li { min-height:653px; }



@media all and (max-width:767px){
	.role>li { position:relative; padding:25px; height:165px; float:none; margin-left:0px; width:100%; margin-bottom:10px;}

}



/*슬라이드01*/
.mcont01-slide01{width:1400px; margin:0 auto; min-height:560px;  z-index:1; /* box-shadow:0px 7px 3px rgba(0,0,0,0.2); */ overflow:hidden; /*background-color:rgba(255,255,255,0.4);*/ }
.mcont01-slide01 ul.slide-nav li.active a{ background: #444; }
.mcont01-slide01 ul.slide-nav li .access{ text-indent: -9999px; height:0; width:0; }
.mcont01-slide01 div.slide-window{ width:100%; overflow:hidden; position: relative; margin: 0;  }
.mcont01-slide01.loading{ background:; }

.mcont01-slide01 ul.slide-holder{list-style-type:none; padding: 0; margin: 0; position: relative; opacity: 0; }
.mcont01-slide01 ul.slide-holder li{ position:relative; float:left; }
.mcont01-slide01 ul.slide-holder li img {width:100%;}
.mcont01-slide01 ul.slide-holder li p {padding:25px; }
.mcont01-slide01 ul.slide-holder li.loop{ position: absolute !important; float:none !important;   }
.mcont01-slide01 ul.slide-holder li .pane{ position: absolute; }

.mcont01-slide01 ul.slide-holder li .caption{ left: 10%;  bottom: 20px; }
.mcont01-slide01 ul.slide-holder li .caption2{ right: 10%; bottom: 20px;   }
.mcont01-slide01 ul.slide-holder li .caption3{ left: 50%;  top: 20px; }
.mcont01-slide01 .controls.on .player:hover, div.helium-slider .controls.on .pauser:hover{ opacity:1;}
.mcont01-slide01 .pauser.paused{ opacity: 1 !important; }

.mcont01-slide01 .prev{background:url(/common/img/sub/icon_prev.png)no-repeat center rgba(0,0,0,0.7); width:70px; height:70px;  font-size:0px; display:block; position:absolute; top:200px; left:0px; transition:all 0.2s;}
.mcont01-slide01 .next{background:url(/common/img/sub/icon_next.png)no-repeat center rgba(0,0,0,0.7); width:70px; height:70px;  font-size:0px; display:block; position:absolute; top:200px; right:0px; transition:all 0.2s;}
.mcont01-slide01 .prev:hover,.mcont01-slide01 .next:hover {background-color:rgba(34,63,101,0.95);}

.mcont01-slide01 .controls.on{ position:absolute; top:270px; left:184px; z-index:1; display:none;}
.mcont01-slide01 .controls.on .pauser{ position: static; margin:0; opacity:1}
.mcont01-slide01 .controls.on .paused.player{background:url(../_Img/Main/mainD/mcont01-popzone01-play.png)no-repeat center rgba(230,232,234,0.9); width:53px; height:35px; position:absolute; top:0px; left:0px}
.mcont01-slide01 .pauser{background:url(../_Img/Main/mainD/mcont01-popzone01-stop.png)no-repeat center rgba(230,232,234,0.9); font-size:0px; width:53px; height:35px; display:block; position:absolute; top:0px; left:0px; }

.mcont01-slide01 ul.slide-nav{ text-align: center;list-style-type: none; margin: 0px; padding: 0px; position: absolute; bottom:10px; width: 100%; z-index: 11; display: none;}
.mcont01-slide01 ul.slide-nav li{ display: inline-block;}
.mcont01-slide01 ul.slide-nav li a{ display: block; background: #999; margin: 0px 4px; height:10px; width: 10px; border-radius: 5px;}


@media all and (max-width:1399px){
	.mcont01-slide01{width:100%; }
	.mcont01-slide01 div.facilities_top img{width:100%}
}



/*기업개요*/
.about_cont{margin-top:88px;text-align:left;  }
.about_cont:after,
.about_cont article:after{content:"";display:block;clear:both;}
.about_cont .txt_img{position:relative;}
.about_cont .txt_img:after{position:absolute;content:"";display:block;width:100px;}
.about_cont .box01 .txt_img{float:left;width:50%;}
.about_cont .box01 .txt_img:after{top:43px;right:-17px;}
.about_cont .box01 .txt_box{float:left;width:46%;padding-left:30px;/*padding-top:30px;*/}
.about_cont .txt_box .tb_top{margin-bottom:25px;}
.about_cont .txt_box .tb_top h4{line-height: 30px; font-size:26px;color:#333;margin-bottom:14px;}
.about_cont .txt_box .tb_top strong{font-size:19px;color:#636363;}
.about_cont .txt_box .txt_cont{font-size:16px;color:#777;line-height:160%; font-family:'NBG';}
.about_cont .box02,
.about_cont .box03{float:left;width:100%;}
.about_cont .box02{margin-top:152px;/*padding-left:72px;*/}
.about_cont .box02 .txt_img:after{bottom:59px;left:0px; }
.about_cont .box02 .txt_box{/*padding-left:32px;*/ float:left;}
.about_cont .box02 .txt_box,
.about_cont .box03 .txt_box{padding-top:42px;}
.about_cont .box03{margin-top:61px;padding-left:48px;}
.about_cont .box03 .txt_img:after{top:67px;right:-51px;}
.about_cont .box03 .txt_box{padding-left:94px;}

@media all and (max-width:1399px){ 
	.about_cont .box01 .txt_box img {width: 100%;}
	.about_cont .box01 .txt_img {width: 100% !important;}
	.about_cont .box01 .txt_box {width: 100%;}
	.txt_img img{width: 100%;}
	.about_cont .txt_img::after {display:none;}	
	 .about_cont .box02 {margin-top: 50px; padding-left:0;}
	.about_cont .box02 .txt_box {padding-left:0;}
}
@media all and (max-width:1040px){ 
	 .wrap_980 {width: 100%;}
	 .about_cont .box01 .txt_box {padding-left:2%;}
}

@media all and (max-width:640px){ 
	.about_cont .box01 .txt_box img {width: 100%;}
	.txt_img {height: 100%;}
	.about_cont .txt_box .txt_cont {padding-right: 10px;}
 
 
}
@media all and (max-width:420px){ 
	div.manage1 .manage_t p:first-child {font-size: 25px;}
	div.manage1 .manage_t p:nth-child(2) {font-size: 18px; line-height: 25px;}
	.about_cont {margin-top: 32px;}
}

/*단조 설비*/ 
.slide_t {
	overflow:hidden;
	margin-top: 40px;
}
.mcont01 {
	overflow:hidden;
	margin-top: 40px;
}
.mcont01 li {
	float: left;
	width: 48%;
	height: 470px;
	overflow:hidden;
	position:relative;
	margin-left:2%; 
	margin-bottom: 20px;
}
.mcont01 li:nth-child(odd){
	margin-left:0;
}

.mcont01 li div {
	/* height:255px; */
	display: block;
    overflow: hidden;
    position: relative;
}
.mcont01 li div img {
	 width: 100%;

	 -webkit-transition: all 0.3s ease-in-out;  
	 -moz-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
.mcont01 li p {
	line-height: 20px;
}
.slide_t li p {
	line-height: 20px;
}

.mcont01 li:hover img {
	transform:scale(1.2);
	 -webkit-transform:scale(1.2);
	 -moz-transform:scale(1.2);
	 -o-transform:scale(1.2);
	 -webkit-transition:.3s;
	 -moz-transition:.3s;

	 /*부드러운효과*/
	  -webkit-transition: all 0.3s ease-in-out;  
	  -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
}


.mcont01 li .more {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-size: 1.05em;
    color: #fff;
    text-align: center;
    transition: all .5s;
	background-color:#000;
	z-index: 9999;
}

 .mcont01 li:hover .more {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #000;
    content: '';
    opacity: .6;
	z-index:99;
}
.mcont01 li .more::before {
    position: absolute;
    left: 50%;
    top: 45%;
    width: 50px;
    height: 50px;
    margin: -5px 0 0 -25px;
    border-radius: 100%;
    /* background-color: #39ae7e; */
    color: #fff;
    font-size: 60px;
    text-align: center;
    content: '+';
    line-height: 50px;
}  

@media all and (max-width:600px){ 
	.mcont01 li {width: 100%;}
}

.text_in{font-size:20px; text-align: center; font-weight: none;}
.text_in img{padding:50px 0; width:100%}
.text_in .sub_txt1{font-size:15px; line-height: 30px;}





.quick {position:fixed; z-index:99; right:50px; top:400px; text-align:center; font-family: "나눔고딕";}
.quick > div {margin:0 auto; margin-top: 5px; width:50px;}
.quick p {width:50px; height:50px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; background-color:#EA5404; text-align:center; line-height: 50px;}
.quick > div i {vertical-align: top; color:#fff; display:inline-block; }

.quick .ERP {overflow:hidden;}
.quick .ERP i {float:left; color:#fff;}
.quick .ERP p {float:left;width:50px; height:50px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; background-color:#215ea8; text-align:center; line-height: 50px;  position:relative;}
.quick .ERP a {color: rgba(255, 255, 255, .1);}
.quick .ERP span{ opacity:0; position:absolute; width:80px; right:-20px; height:50px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; background-color:#215ea8; font-size:14px; line-height: 50px; letter-spacing: -0.5px; color:#fff; text-align:right; padding-right:20px; -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.quick .ERP:hover span {opacity:1; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; right:0px;}




.quick .scm {overflow:hidden;}
.quick .scm i {float:left; color:#fff;}
.quick .scm p {float:left;width:50px; height:50px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; background-color:#215ea8; text-align:center; line-height: 50px;  position:relative;}
.quick .scm a {color: rgba(255, 255, 255, .1); font-family: "나눔고딕"; font-weight: 600;}
.quick .scm span{ opacity:0; position:absolute; width:80px; right:-20px; height:50px; -webkit-border-radius: 50px;-moz-border-radius:50px;border-radius: 50px; background-color:#215ea8; font-size:14px; line-height: 50px; letter-spacing: -0.5px; color:#fff; text-align:right; padding-right:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-family:'나눔고딕'; font-weight: 600;}

.quick .scm:hover span {opacity:1; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; right:0px; font-family:'나눔고딕'; font-weight: 600;}


.quick .call {overflow:hidden;}
.quick .call i {float:left; color:#fff;}
.quick .call p {float:left;width:50px; height:50px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; background-color:#215ea8; text-align:center; line-height: 50px;  position:relative;}

.quick .call span{ opacity:0; position:absolute; width:140px; right:-20px; height:50px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; background-color:#215ea8; font-size:14px; line-height: 50px; letter-spacing: -0.5px; color:#fff; text-align:right; padding-right:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.quick .call:hover span {opacity:1; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; right:0px; font-family: "나눔고딕"; font-weight: 600;}

.quick > div.top-btn {cursor:pointer; width:50px; height:50px; background-color:#434343; line-height: 50px; font-size:12px; letter-spacing: -0.25px;  -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.quick > div.top-btn a{ width:50px; height:50px;  color:#fff; font-weight: 500;}


.quick .steelm {overflow:hidden;}
.quick .steelm i {float:left;color:#fff;}
.quick .steelm p {float:left;width:50px; height:50px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; background-color:#215ea8; text-align:center; line-height: 50px;  position:relative;}
.quick .steelm a {color: rgba(255, 255, 255, .1); font-family: "나눔고딕"; font-weight: 600;}

.quick .call a {color: rgba(255, 255, 255, .1); font-family: "나눔고딕"; font-weight: 600;}

.quick .steelm span{ opacity:0; position:absolute; width:140px; right:-20px; height:50px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; background-color:#215ea8; font-size:14px; line-height: 50px; letter-spacing: -0.5px; color:#fff; text-align:right; padding-right:20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.quick .steelm:hover span {opacity:1; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; right:0px; font-family: "나눔고딕"; font-weight: 600;}

@media all and (max-width:1000px){ 
	.quick {display:none;}
}

/*사업분야*/

#sub_inner_cont { } 


ul.sub_micon { margin-top:40px; z-index:100;  }
ul.sub_micon li {float:left; margin-left:2%; margin-bottom:2%; border: 1px solid #ccc; border-radius:5px; background:#fff; width:23%; height:191px;}
ul.sub_micon li a {position:relative; color:#555;  overflow:hidden; display:block; text-align: center;  }

ul.sub_micon li:nth-child(1) {margin-left:0;}
ul.sub_micon li:nth-child(1) a  {background:url(/common/img/main/icon_01.png) no-repeat 50% 0px; transition: 1s;  }
ul.sub_micon li:nth-child(1) a:hover{
	transform:scale(1.1);  
	-webkit-transform:scale(1.1);  
	-moz-transform:scale(1.1);    
	-o-transform:scale(1.1);   
	transition: 1s;
	
}
ul.sub_micon li:nth-child(1):hover {border:2px solid #215ea8; width:23%; height: 191px; box-sizing: border-box;}

ul.sub_micon li:nth-child(2) a {background: url(/common/img/main/icon_02.png) no-repeat 50% 0px; transition: 1s;}
ul.sub_micon li:nth-child(2) a:hover{
	transform:scale(1.1);  
	-webkit-transform:scale(1.1);  
	-moz-transform:scale(1.1);    
	-o-transform:scale(1.1);   
	transition: 1s;
	
}
ul.sub_micon li:nth-child(2):hover {border:2px solid #215ea8; box-sizing:border-box;}
ul.sub_micon li:nth-child(3) a {background: url(/common/img/main/icon_03.png) no-repeat 50% 0px; transition: 1s;}
ul.sub_micon li:nth-child(3) a:hover{
	transform:scale(1.1);  
	-webkit-transform:scale(1.1);  
	-moz-transform:scale(1.1);    
	-o-transform:scale(1.1);   
	transition: 1s;
	
}
ul.sub_micon li:nth-child(3):hover {border:2px solid #215ea8; box-sizing:border-box;}
ul.sub_micon li:nth-child(4) a {background: url(/common/img/main/icon_04.png) no-repeat 50% 0px; transition: 1s;}
ul.sub_micon li:nth-child(4) a:hover{
	transform:scale(1.1);  
	-webkit-transform:scale(1.1);  
	-moz-transform:scale(1.1);    
	-o-transform:scale(1.1);   
	transition: 1s;
	
}
ul.sub_micon li:nth-child(4):hover {border:2px solid #215ea8;}
ul.sub_micon li:nth-child(5) {margin-left:0;}
ul.sub_micon li:nth-child(5) a {background: url(/common/img/main/icon_05.png) no-repeat 50% 0px; transition: 1s;}
ul.sub_micon li:nth-child(5) a:hover{
	transform:scale(1.1);  
	-webkit-transform:scale(1.1);  
	-moz-transform:scale(1.1);    
	-o-transform:scale(1.1);   
	transition: 1s;
	
}
ul.sub_micon li:nth-child(5):hover {border:2px solid #215ea8; box-sizing:border-box;}
ul.sub_micon li:nth-child(6) a {background: url(/common/img/main/icon_06.png) no-repeat 50% 0px; transition: 1s;}
ul.sub_micon li:nth-child(6) a:hover{
	transform:scale(1.1);  
	-webkit-transform:scale(1.1);  
	-moz-transform:scale(1.1);    
	-o-transform:scale(1.1);   
	transition: 1s;
	
}
ul.sub_micon li:nth-child(6):hover {border:2px solid #215ea8; box-sizing:border-box;}
ul.sub_micon li:nth-child(7) a {background: url(/common/img/main/icon_07.png) no-repeat 50% 0px; transition: 1s;}
ul.sub_micon li:nth-child(7) a:hover{
	transform:scale(1.1);  
	-webkit-transform:scale(1.1);  
	-moz-transform:scale(1.1);    
	-o-transform:scale(1.1);   
	transition: 1s;
	
}
ul.sub_micon li:nth-child(7):hover {border:2px solid #215ea8; box-sizing:border-box;}
ul.sub_micon li:nth-child(8) a {background: url(/common/img/main/icon_08.png) no-repeat 50% 0px; transition: 1s;}
ul.sub_micon li:nth-child(8) a:hover{
	transform:scale(1.1);  
	-webkit-transform:scale(1.1);  
	-moz-transform:scale(1.1);    
	-o-transform:scale(1.1);   
	transition: 1s;
}
ul.sub_micon li:nth-child(8):hover {border:2px solid #215ea8; box-sizing:border-box;}
ul.sub_micon li a span {display:block; padding-bottom:19px; padding-top:144px; border-radius:5px; }
ul.sub_micon li a span p  {border-bottom: 2px solid #000;}





@media all and (max-width:790px){

	ul.sub_micon li {float:left; margin-left:8px; width:24%; }
}

@media all and (max-width:600px){	
	ul.sub_micon {margin-top:20px;}
	ul.sub_micon li {width:48%; font-size:12px;}
	ul.sub_micon li:nth-child(3), ul.sub_micon li:nth-child(5), ul.sub_micon li:nth-child(7){margin-left:0px;}
	
}

@media all and (max-width:500px){	
	ul.sub_micon li {width:100%; margin-left: 0px;}
}





@media all and (max-width: 1200px) {


	.quick {display:none;}
}

/*사업분야 end*/


/*연혁*/
.history_wrapper {
	display:none;
    position: relative;
    padding-top: 0;
	overflow: hidden;
	height:8500px;
}
 ::-moz-placeholder {
    color: #aaa;
}
.clearfix::after {
    clear: both;
}
.clearfix::before, .clearfix::after {
    display: block;
    content: '';
}

.history-section {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.history-top {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 10;
}
.history-top.active {
    opacity: 0;
    transition: all 1s;
}
.history-banner {
    overflow: hidden;
}
.history-top img {
    width: 100%;
    display: block;
}
.history-banner-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 516px;
    height: 94px;
    margin: auto;
}
.history-banner-scroll {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    width: 100px;
    height: 70px;
    margin: auto;
}
.history-content {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.history-pic {
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}
.history-pic-list {
    position: relative;
    width: 100%;
    height: 100%;
     
}
.history-pic-item {
    position: absolute;
    left: 0;
}
.pic-dim {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    background-color: #fff;
}

.history-txt {
    float: left;
    position: absolute;
    left: 500px;
    top: 0;
}
.history-txt-item:first-child .history-txt-pile:first-child {
    padding: 0;
}
.history-txt-pile {
    padding-top: 140px;
    position: relative;
}
.history-txt-title {
    position: relative;
    margin-bottom: 30px;
    font-size: 42px;
    color: #547a1c;
    line-height: 1;
    font-family: 'PT Serif', serif;
    padding-bottom: 5px;
    border-bottom: 1px solid #547a1c;
    display: inline-block;
}
.history-txt-dec {
    font-size: 16px;
    letter-spacing: -0.04em;
    font-weight: 300;
    line-height: 1.75;
}
.history-txt-dec li:first-child {
    margin-top: 0;
}
.history-txt-dec li {
    margin-top: 12px;
}


.history-icon {
    position: absolute;
    right: -100px;
}
.history-icon__img {
    text-align: center;
    height: 400px;
    margin-top: 50px;
}


.mt0 {
    margin-top: 0px !important;
}

.his_mob{display:none;}



@media all and (max-width: 1200px) {
		.history-pic1 > div {left:0px !important;}
		.history-section {		position: relative;		width: 100%;		margin: 0 auto;	}


}
@media all and (max-width: 1000px) {

	.history-pic{display:none;}
	
	.history-pic1{display:none;}
	.history-txt{left:0px;}
	.history-icon__img{width:100%;}

}

@media all and (max-width: 740px) {
	.history-icon__img{width:100%;}
	.history-icon__img {display:none;}
	.his_mob{display:block;}
	.history-txt-pile img{width:100%;}
	
	

}






/********** 연혁 **********/
.history { padding:128px 0 124px; background-color:#f9f9f9; font-size:16px; color:#000; line-height:26px; }
.history .title { padding:128px 0 13px; text-align:center; font-size:50px;  line-height:1em; }
.history .title .ko { display:block; margin-top:-10px; font-size:18px;  font-weight:normal; }
.byYear { position:relative; }
.byYear .line { position:absolute; width:1px; height:100%; top:0; left:50%; margin-left:-2px; background-color:#cecece; }
.byYear .deco { position:absolute; width:100%; min-width:1200px; top:377px; left:0; height:0; }
.byYear .deco.fixed { position:fixed; top:50%; }
.byYear .deco .in { display:block; width:1200px; height:233px; margin:-64px auto 0; }
.byYear .deco.y2010 .in { background-position:center 0; }
.byYear .deco.y2000 .in { background-position:center -200px; }
.byYear .deco.y1990 .in { background-position:center -486px; }
.byYear .deco.y1980 .in { background-position:center -729px; }
.byYear .deco.y1970 .in { background-position:center -972px; }
.byYear:before, .byYear:after { content:""; position:relative; left:-1px; display:block; width:7px; height:7px; margin-left:auto; margin-right:auto; background:url("/static/ko/resource/img/company/history-bg.png") 0 -32px no-repeat; }
.byYear:before { margin-bottom:120px; }
.byYear:after { margin-top:130px; }
.byYear dl { position:relative; z-index:2; margin-top:82px; background-repeat:no-repeat; }
.byYear dl.y1990 { margin-top:114px; }
.byYear dl.y2000 { margin-top:150px; }
.byYear dl.y2010 { min-height:605px; }
.byYear dl:first-child { margin-top:0; }
.byYear dt { position:relative; width:530px; margin:0 auto 30px; font-size:49px; font-family:"NS"; color:#353b91; line-height:49px; }
.byYear dt:before { content:""; position:absolute; top:12px; width:19px; height:22px; background:url("http://www.yncc.co.kr/static/ko/resource/img/company/history-bg.png") center 0 no-repeat; }
.byYear dt.left:before { right:-8px; }
.byYear dt.right:before { left:-11px; background-position:-40px 0; }
.byYear dd { position:relative; width:530px; margin:31px auto 0; font-size:15px; color:#111; }
.byYear dt.left, .byYear dd.left { width:384px; right:226px; text-align:left; padding-right:71px; }
.byYear dt.right, .byYear dd.right { left:300px; text-align:left; padding-left:70px; }
.byYear dd.full { width:100%; padding:0; margin:0 auto 58px; text-align:center; font-size:22px; font-family:"NanumSquare"; color:#fff; line-height:49px; }
.byYear dd.full:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url("http://www.yncc.co.kr/static/ko/resource/img/company/history-photo5-bg.png") center 0 no-repeat; }
.byYear dd.full .date:before, .byYear dd.full .date:after { content:none; }
.byYear dd.full.ty1 { padding-top:110px; height:266px; margin-bottom:51px; opacity:1; background:url("http://www.yncc.co.kr/static/ko/resource/img/company/history-photo5.jpg") 50% 50% no-repeat; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } /* background-attachment: fixed; */
.byYear dd.full .date { margin-bottom:15px; font-size:34px; font-family:"NanumSquare"; color:#fff; }
.byYear dd.full .logo { display:block; margin:20px auto 0; }
.byYear dd.full .in { position:relative; z-index:2; display:block; font-weight:normal; }
.byYear .photo { position:absolute; width:auto; opacity:1; margin:0; }
.byYear .photo, .byYear .photo .caption { -webkit-transition: opacity 1s linear, top 1s ease-in-out 0.5s, margin 1s ease-in-out 0.5s; transition: opacity 1s linear, top 1s ease-in-out 0.5s, margin 1s ease-in-out 0.5s; }
.byYear .aniInit { opacity:0; }
.byYear .photo.pos1 { top:-77px; left:50%; margin-left:68px; text-align:left; }
.byYear .photo.pos2 { top:-100px; right:50%; margin-right:68px; }
.byYear .photo.pos2.aniInit { margin-top:100px; }
.byYear .photo.pos3 { top:704px; right:50%; margin-right:177px; opacity:1; margin-top:0; -webkit-transition: margin 0.4s ease; transition: margin 0.4s ease; } /* top:393px; */
.byYear .photo.pos4 { top:216px; right:50%; margin-right:224px; }
.byYear .photo.pos5 { position:relative; top:0; width:1199px; opacity:1; margin:23px auto 0; }
.byYear .photo.pos5.aniInit { top:100px; }
.byYear .date { display:block; margin-bottom:2px; font-size:16px; font-family:"Nanum Gothic"; color:#353b91; font-weight:bold; }
.byYear dd .date:before { content:""; position:absolute; top:6px; z-index:2; width:11px; height:12px; background:url("http://www.yncc.co.kr/static/ko/resource/img/company/history-bg.png") -20px -32px no-repeat; }
.byYear dd .date:after { content:""; position:absolute; top:11px; width:52px; height:1px; background:#e8e8e8; }
.byYear dd.left .date:before, .byYear dd.left .date:after { right:-4px; }
.byYear dd.right .date:before, .byYear dd.right .date:after { left:-7px; }
.byYear .caption { position:relative; display:block; overflow:hidden; top:0; font-size:14px; font-family:"Nanum Gothic"; color:#000; }
.byYear .caption img { display:block; margin-bottom:4px; }
.byYear .caption + .caption { margin-top:25px; }
.history .conclusion { margin-top:30px; text-align:center; color:#333; }
.history .conclusion em { color:#353b91; font-weight:bold; }





@media all and (max-width:1000px) {

	.mob_his{display:none;}	
	.history_wrapper{display:block;}
}



/* company */ 

.comHistory {position:relative;padding-top:33px;}
.comHistory .indicator{position:absolute;left:50%;top:550px;width:3px;/*  height:622px; */ background:url("/common/images/company/history/indicator-01.png") no-repeat 0 11px; z-index:-9999;}
.comHistory .indicator ul{ height:100%; width:27px; margin-left:-12px;background:url("/common/images/company/history/ico-indicator.png") no-repeat 100% 0;  }
.comHistory .indicator li a{display:block;height:125px;font-size:0;line-height:0;}
.comHistory .historyList,
.comHistory .historyListR{width:45%;}
.comHistory .historyList li, .comHistory .historyListR li {overflow:hidden;width:100%;line-height:28px;}
.comHistory .historyList li:after, .comHistory .historyListR li:after {display:block;clear:both;content:"";}
.comHistory .historyList li.historyTit, .comHistory .historyListR li.historyTit{display: block;margin-bottom: 2px;margin-top: 26px;font-size: 22px;font-family: "Nanum Gothic";color: #353b91;font-weight: bold;}
.comHistory .historyList em, .comHistory .historyListR em{width:75%;float:left;font-size:15px;color:#000;font-style:normal;letter-spacing:-.03em;word-spacing:-.1em;}
.comHistory .historyList span.date, .comHistory .historyListR span.date{float:left;width:20%; margin-right: 7px; }
.comHistory .historyTxt dt{margin-bottom:30px;}
.comHistory .historyPhoto li{position:absolute; }
.comHistory .historyPhoto li img {margin-bottom: 10px;}
.comHistory .partYear{position:relative;}
.comHistory .partYear:after{display:block;clear:both;content:"";}
.comHistory #year2010{height:2500px;}
.comHistory #year2010 h2{/* position:absolute;top:340px; left: 40%; */ font-size: 50px; color:#5059AB; font-weight: 500; text-align: center; margin-top: 0;}
.comHistory #year2010 .historyTxt{position:absolute;left:560px;top:300px;width:570px;padding:45px 0 0 50px;background:#fff;z-index:1;}
.comHistory #year2010 .historyList{position:absolute;left:20px;top:15%;}
.comHistory #year2010 .historyListR{position:absolute;right:0;top:1600px;}
.comHistory #year2010 .photo1{left:0;top:0;}
.comHistory #year2010 .photo2{right:20px;top:1266px; width: 43%;}
.comHistory #year2010 .photo3{left:0; top:1373px; width: 43%;}
.comHistory #year2010 .photo4{left:0;top:1732px; width: 43%;}
.comHistory #year2010 .photo5{right:0;top:2097px; width: 43%; left:0 !important;}
.comHistory #year2010 .photo6{right:0px;top:850px; width: 43%;}
.comHistory #year2010 .photo7{right:0px;top:450px; width: 43%;}
.comHistory #year2010 img {width: 100%; height:auto;}
.comHistory #year2004{height:2966px;}
.comHistory #year2004 h2{/*  position:absolute;top:340px; left: 37%; */ font-size: 50px; color:#5059AB; font-weight: 500; text-align: center; margin-top: 0;}
.comHistory #year2004 .historyTxt{position:absolute;left:0;top:308px;width:570px;padding:47px 0 0 20px;background:#fff;z-index:1;}
.comHistory #year2004 .historyList{position:absolute;right:0;top:900px;}
.comHistory #year2004 .photo1{left:0;top:0;}
.comHistory #year2004 .photo2{right:0;top:450px; width: 43%;}
.comHistory #year2004 .photo3{right:20px !important;top:451px; width: 43%;}
.comHistory #year2004 .photo4{left:20px;top:900px; width: 43%;}
.comHistory #year2004 .photo5{left:30px;top:1400px;width: 43%;}
.comHistory #year2004 img {width: 100%; height:auto;}
.comHistory #year2000{height:1922px;}
.comHistory #year2000 h2{/* position:absolute;top:340px; left: 37%; */ font-size: 50px; color:#5059AB; font-weight: 500; text-align: center; margin-top: 0;}
.comHistory #year2000 .historyTxt{position:absolute;left:560px;top:300px;width:570px;padding:45px 0 0 50px;background:#fff;z-index:1;}
.comHistory #year2000 .historyList{position:absolute;left:20px;top:450px;}
.comHistory #year2000 .photo1{right:0;top:0;}
.comHistory #year2000 .photo2{right:0;top:500px; width: 43%;}
.comHistory #year2000 .photo3{left:20px;top:1320px; width: 43%;}
.comHistory #year2000 .photo4{right:0px ;top:1025px; width: 43%; left: auto !important;}
.comHistory #year2000 img {width: 100%; height:auto;}
.comHistory #year1978{height:1615px;}
.comHistory #year1978 h2{/* position:absolute;top:340px; left: 37%; */ font-size: 50px; color:#5059AB; font-weight: 500; text-align: center; margin-top: 0;}
.comHistory #year1978 .historyTxt{position:absolute;left:0;top:308px;width:570px;padding:47px 0 0 20px;background:#fff;z-index:1;}
.comHistory #year1978 .historyList{position:absolute;right:0;top:450px;}
.comHistory #year1978 .photo1{left:0;top:0;}
.comHistory #year1978 .photo1 img {width: 100%; height: auto;}
.comHistory #year1978 .photo2{right:0px;top:940px; width: 43%;}
.comHistory #year1978 .photo2 img {width: 60%; height: auto;}
.comHistory #year1978 .photo3{left:20px;top:518px; width: 43%; }
.comHistory #year1978 .photo3 img {width: 100%; height: auto;}
.comHistory #year1978 .photo4{left:20px;top:1306px; width: 43%;}
 
/* .comHistory #year1953{height:1620px;}
.comHistory #year1953 h2{position:absolute;left:610px;top:624px;}
.comHistory #year1953 .historyTxt{position:absolute;left:560px;top:300px;width:570px;padding:45px 0 0 50px;background:#fff;z-index:1;}
.comHistory #year1953 .historyList{position:absolute;left:20px;top:730px;}
.comHistory #year1953 .photo1{left:0;top:0;}
.comHistory #year1953 .photo2{right:0;top:860px;}
.comHistory #year1953 .photo3{left:20px;top:1045px;}
.comHistory #year1953 .photo4{right:0;top:1270px;} */

@media all and (max-width:640px) {
	.comHistory .indicator{left:0%; }
	.comHistory .historyList, .comHistory .historyListR{width:100%; }
 
	.comHistory #year2010 h2, 
	.comHistory #year2004 h2,
	.comHistory #year2000 h2,
	.comHistory #year1978 h2 {font-size: 35px;}
	.comHistory #year2010 .historyListR{position:absolute;left:20px;top:1050px;}
	
	.comHistory #year2010 .photo1 img,
	.comHistory #year2004 .photo1 img,
	.comHistory #year2000 .photo1 img,
	.comHistory #year1978 .photo1 img {width: 100%; height: auto;}
	.comHistory #year1978 .photo1 img {background-position: -50px 0;}

	.comHistory #year2010 {height: 2150px;}
	.comHistory #year2010 .historyList {top: 8%;}
	.comHistory #year2010 .photo2{right:20px;top:450px; width: 38%;}
	.comHistory #year2010 .photo3{/* right:20px; */top:850px; width: 38%;}
	.comHistory #year2010 .photo4{top:1240px; width: 38%; display:none;}
	.comHistory #year2010 .photo5{top:1190px; width: 38%; display:none;}
	.comHistory #year2010 .photo6{top:2030px; width: 38%; display:none;}

	.comHistory #year2004 {height: 2580px;}
	.comHistory #year2004 .historyList{left:20px;top:200px;}
	.comHistory #year2004 .photo2{width: 38%;display:none;}
	.comHistory #year2004 .photo3{width: 38%; right:0; display:none;}
	.comHistory #year2004 .photo4{width: 38%; display:none;}
	.comHistory #year2004 .photo5{width: 38%; display:none;}
	.comHistory #year2010 .photo7{display:none;}
	.comHistory #year2004 .photo6, .comHistory #year2010 .photo2, .comHistory #year2010 .photo3{display:none;} 


	.comHistory #year2000 {height: 1420px;}
	.comHistory #year2000 .historyList {top: 200px;}
	.comHistory #year2000 .photo2{width: 38%; display:none;}
	.comHistory #year2000 .photo3{width: 38%; top:1150px; display:none;}
	.comHistory #year2000 .photo4{width: 38%; display:none;}
	.comHistory #year2000 .photo5{width: 38%; display:none;}
	 ㄴ
	.comHistory #year1978 {height:860px;}
	.comHistory #year1978 .historyList{left:20px;top:200px;}
	.comHistory #year1978 .photo2 {top: 300px; display:none;}
	.comHistory #year1978 .photo3 {display:none; display:none;}
	 

}
@media all and (max-width:500px) {
	.comHistory {padding-right: 10px;}
	.comHistory .historyPhoto .photo2,
	.comHistory .historyPhoto .photo3,
	.comHistory .historyPhoto .photo4,
	.comHistory .historyPhoto .photo5, .comHistory .historyPhoto .photo6, .comHistory .historyPhoto .photo7{display:none;}

	.comHistory .historyList, .comHistory .historyListR{width:100%; }
	.comHistory #year2010 {height: 1707px;}
	.comHistory #year2004 {height: 2466px; top: 240px;}
	.comHistory #year2000 {height: 1170px; top: 60px;}
	.comHistory #year1978 {height:860px;}
	

}



#log_wrap{position:relative; width:560px; margin:0 auto; padding-top:0px;}




.step1 {position:relative;   margin:0 auto;}
.step1 li{width:12%; float:left; padding-top:0; background:url(/common/img/sub/arr_step.jpg) no-repeat right 30%;  padding-right:2%;}

.step1 li:nth-child(7){padding-right:0px;}


.step1 li .title { color:#333; text-align: center; padding:120px 0px 40px 0px; font-size:20px; font-weight: bold; }
.step1 li .title span.plan{display:block; font-weight: normal; margin-top:15px; font-size:15px; color:#666; width:100%;}
.step1 li .title span.sa{display:block; font-weight: normal; margin-top:8px; font-size:15px; color:#666; width:100%;}

.step1 li:nth-child(1) div{background:url(/common/img/sub/icon01.png) no-repeat 50% 0px; color:#666}
.step1 li:nth-child(2) div{background:url(/common/img/sub/icon02.png) no-repeat 50% 0px; color:#666}
.step1 li:nth-child(3) div{background:url(/common/img/sub/icon03.png) no-repeat 50% 0px; color:#666}
.step1 li:nth-child(4) div{background:url(/common/img/sub/icon04.png) no-repeat 50% 0px; color:#666}
.step1 li:nth-child(5) div{background:url(/common/img/sub/icon05.png) no-repeat 50% 0px; color:#666}
.step1 li:nth-child(6) div{background:url(/common/img/sub/icon06.png) no-repeat 50% 0px; color:#666}
.step1 li:nth-child(7) div{background:url(/common/img/sub/icon07.png) no-repeat 50% 0px; color:#666}
.step1 > li:nth-child(7){background:none; color:#666}

.step1 li div.on1{background:url(/common/img/sub/icon01_on.png) no-repeat 50% 0px; color:#366876;}
.step1 li div.on2{background:url(/common/img/sub/icon02_on.png) no-repeat 50% 0px; color:#e4860f;}
.step1 li div.on3{background:url(/common/img/sub/icon03_on.png) no-repeat 50% 0px; color:#b07613;}
.step1 li div.on4{background:url(/common/img/sub/icon04_on.png) no-repeat 50% 0px; color:#00a4b0;}
.step1 li div.on5{background:url(/common/img/sub/icon05_on.png) no-repeat 50% 0px; color:#8bb43d;}
.step1 li div.on6{background:url(/common/img/sub/icon06_on.png) no-repeat 50% 0px; color:#366876;}
.step1 li div.on7{background:url(/common/img/sub/icon07_on.png) no-repeat 50% 0px; color:#366876;}



.quality{position:relative; text-align: center;  position: relative;
 
  font-weight: 400;
  font-size: 16px;
  color: #666;
  line-height: 28px;
  letter-spacing: -0.2px;

  margin-top: 10px;}


.techfull { color:#fff; position:relative; margin-top:30px; }
.techfull.environment {background:#000 url(../images/tech/environment_bg.jpg) no-repeat center 0; padding:60px 0;}
.techfull.quality {height:416px; background:url(http://www.taewoongsnt.com/common/img/sg/sub/quality_bg.jpg) no-repeat center 0; padding:60px 0; margin-bottom:50px; text-align: left;} 
.techfull h4 {font-size:24px; color:#fff;  font-family: 'Noto Sans KR'; }
.techfull ul li {line-height:32px}
.techfull ul.round-ver {position:relative; margin-left: 20%;}
.techfull ul.round-ver li {width:50%;  margin-bottom:20px}  
.techfull ul.round-ver li strong{font-family: 'Noto Sans KR'; font-size:25px;}
.techfull ul.round-ver:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.techfull ul.round-ver li span.round, .techfull ul.round-ver li span.txt {display:block; text-align:center; }
.techfull ul.round-ver li span.round {display:table; width:100%; margin:0 auto}
.techfull ul.round-ver li span.round .tit {display:table-cell; vertical-align:top; font-family: 'Noto Sans KR';}
.techfull ul.round-ver li span.round.property {position:relative; z-index:100; height:62px; background:url(../images/tech/circle_white.png) no-repeat center bottom}
.techfull ul.round-ver li .line {position:absolute; z-index:10; top:50px; width:550px; border-top:1px solid #ccc}
.techfull ul.round-ver li span.txt {line-height:25px; margin-top:20px;  text-align:left; font-size:15px}

.techfull div{position:relative; margin-left: 20%; padding-bottom:20px;}


.ethics{position:relative; font-family: 'Noto Sans KR', sans-serif;}
.ethics .ethics_img{position:absolute; left:0; top:0px;}
.ethics .ethics_txt{padding-left:742px; padding-top:48px;}
.ethics .ethics_txt .tb_top{font-size:36px; color:#04368b; font-weight: 600; line-height: 45px; letter-spacing: -1.5px;}
.ethics .ethics_txt .txt_cont{margin-top:60px; font-size:18px; letter-spacing: -1px; line-height: 30px; font-weight: 300;}
.ethics p{margin-top:70px; font-size:16px; letter-spacing: -1.5px; line-height: 26px;  font-weight: 300;}


.ethics_middle{position:relative; width:100%; margin:89px 0; background:url(/common/img/sub/ethics_bg01.jpg) no-repeat center 0;}
.ethics_middle ul{padding:92px 0 0 0; overflow: hidden; width:1200px; margin:0 auto;}
.ethics_middle ul li{float:left; width:33.333%; padding-top:180px;  margin-bottom:60px;}
.ethics_middle ul li span{display:block; margin-bottom:20px; color:#fff; text-align: center; letter-spacing: -1px;}
.ethics_middle ul li span.titl{font-size:25px; font-weight: 600; margin-bottom:24px;}
.ethics_middle ul li span.txt{font-size:15px; line-height: 26px;}

.ethics_middle ul li:nth-child(1){background:url(/common/img/sub/icon_01.png) no-repeat center 0;}
.ethics_middle ul li:nth-child(2){background:url(/common/img/sub/icon_02.png) no-repeat center 0;}
.ethics_middle ul li:nth-child(3){background:url(/common/img/sub/icon_03.png) no-repeat center 0;}
.ethics_middle ul li:nth-child(4){background:url(/common/img/sub/icon_04.png) no-repeat center 0;}
.ethics_middle ul li:nth-child(5){background:url(/common/img/sub/icon_05.png) no-repeat center 0;}
.ethics_middle ul li:nth-child(6){background:url(/common/img/sub/icon_06.png) no-repeat center 0;}

.ethics_bottom{position:relative; background:url(/common/img/sub/ethics_bg02.jpg) no-repeat center 0; padding:60px 78px;     box-sizing: border-box;}
.ethics_bottom .t{font-size:35px; color:#04368b; font-weight: 600; margin-bottom:30px;}
.ethics_bottom .t span{color:#000; font-weight: 400; font-size:23px; margin-left:30px;}
.ethics_bottom p{font-size:17px; line-height: 25px; margin-bottom:40px;}
.ethics_bottom .down a{padding:10px 20px; color:#fff; background:#04368b; }


@media all and (max-width:1305px) {
	.ethics .ethics_txt{padding-left:700px; }
	.ethics .ethics_txt .tb_top{font-size:30px;}

}


@media all and (max-width:1150px) {	
	.ethics .ethics_img img{width:80%;}
	.ethics .ethics_txt{padding-left:55%; padding-top:0px;}

}

@media all and (max-width:1200px) {	
	.ethics_middle{margin: 60px 0;}
	.ethics_middle ul{width:100%;}
}

@media all and (max-width:1022px) {	
	.ethics .ethics_img {position: relative; text-align: center;}
	.ethics .ethics_txt{padding-left:0%; padding-top:0px;}
	.ethics .ethics_txt .tb_top br{display:none;}
	.ethics .ethics_txt .txt_cont{margin-top: 30px;}
	.ethics p{margin-top: 30px;}

	

}
@media all and (max-width:850px) {
	.ethics_middle ul li{width:50%;}
	.ethics_middle{background-size:cover;}
	#log_wrap {width: 100%;}
}

@media all and (max-width:560px) {
	.ethics_middle ul li span.titl{font-size:18px;     margin-bottom: 15px;}
	.ethics_middle ul li{margin-bottom:30px;}
}

@media all and (max-width:480px) {
	.ethics_middle ul li span.titl{font-size:18px;     margin-bottom: 15px;}
	.ethics_middle ul li{background:#fff; width:100%; padding-top: 160px;}
	.ethics_middle ul{padding: 30px 0 0 0;}
	.ethics_middle ul li span{    margin-bottom: 0px;}
}
@media all and (max-width:950px) {
.ethics_bottom .t{    font-size: 25px;}
.ethics_bottom .t span{font-size: 18px;}
.ethics_bottom{background:#f6f6f6; padding: 30px;}

}

@media all and (max-width:770px) {

.ethics_bottom .t span{    margin-left: 00px; display:block; padding-top:10px; }

}

/*안전환경보건*/
.hei50 {height:50px;}
.hei60 {height:60px;}
.hei70 {height:70px;}
.hei80 {height:80px;}
.hei90 {height:90px;}
.safe_01 {    float: left; width: 35%;}
.safe_01 img{width:100%;}
.safe_02 {    float: left; width: 60%; margin-left: 5%;}
.safe_pos {position: relative;text-align:center;/*padding: 80px 100px 100px 80px;border:35px solid #eaeaea;border-radius:100%;width:185px;height:185px;*/margin:0 auto;}
.safe_line {/*position: absolute;top:122px;left:39.5%;*/ border:1px solid #ddd;padding:10px;border-radius:100%;height:185px;width:185px;}
.safe_in {background-color:#003471; text-align: center;padding:45px 10px;height:185px;width:185px; box-sizing:border-box;border-radius:100%;}
.safe_in p{color:#fff; font-size:21px;padding-top:10px;}
.safe_list li p .s_block {display:block;}
.safe_list .sa_nu {display:none;}
.safe_list li p{line-height:22px; font-size:16px;border-bottom:1px dotted #a8b5c5;padding-bottom:10px;}
.safe_list li:nth-child(1) p{position:absolute;top:-80px;left:57%;}
.safe_list li:nth-child(2) p{position: absolute; top: 30px;    right: -5%;}
.safe_list li:nth-child(3) p{position: absolute; top: 150px; right: -18%;}
.safe_list li:nth-child(4) p{position: absolute; bottom: 100px;  right: -18%;}
.safe_list li:nth-child(5) p{position: absolute; bottom: 80px;  left: 0%;  text-align: right;}
.safe_list li:nth-child(6) p{position: absolute;  top: 150px;  left: -5%;  text-align: right;}
.safe_list li:nth-child(7) p {position: absolute;  top:0px; left: -10%;  text-align: right;}
.safe_list li:nth-child(8) p {position:absolute;top:180px;left:-10%;text-align:right;}
.safe_list li:nth-child(9) p {position:absolute;top:0;left:-5%;text-align:right;}
@media all and (max-width:1400px) {
	.safe_pos {width:100%;}
	.safe_pos img{width:40%;}
	.safe_list li p {font-size:15px;}
	.safe_list li:nth-child(1) p{position:absolute;top:-80px;left:55%;}
	.safe_list li:nth-child(2) p{position:absolute;top:0px;right:2%;}
	.safe_list li:nth-child(3) p{position:absolute;top:95px;right:-7%;}
	.safe_list li:nth-child(4) p{position:absolute;bottom:70px;right:-9%;}
	.safe_list li:nth-child(5) p{position:absolute;bottom:54px;left:8%}
	.safe_list li:nth-child(6) p{position:absolute;top:100px;left:2%;text-align:right;}
	.safe_list li:nth-child(7) p {position:absolute;top:0px;left:-4%;text-align:right;}
	.safe_list li:nth-child(8) p {position:absolute;top:180px;left:-3%;text-align:right;}
	.safe_list li:nth-child(9) p {position:absolute;top:10px;left:0;text-align:right;}
}
@media all and (max-width:1100px) {
	.safe_list li:nth-child(2) p{position:absolute;top:40px;right:-3%;}
}
@media all and (max-width:1000px) {
	.safe_pos {display:none;}
	.mo_h {display:none;}
	.safe_list .sa_nu {display: inline-block;border-radius: 5px;background: #a8bad0;float:left; width: 20px;height: 20px; color: #fff;
    font-size: 14px;padding: 2px 2px 4px 5px;margin-right:10px;}
	.safe_list li {margin-top:15px;}
	.safe_list li p .s_block {display:contents;}
	.safe_list li p {font-size:16px;}
	.safe_list li:nth-child(1) p{position:inherit;}
	.safe_list li:nth-child(2) p{position:inherit;}
	.safe_list li:nth-child(3) p{position:inherit;}
	.safe_list li:nth-child(4) p{position:inherit;}
	.safe_list li:nth-child(5) p{position:inherit; text-align: left;}
	.safe_list li:nth-child(5) p br{display:none;}
	.safe_list li:nth-child(6) p{position:inherit;text-align:left;}
	.safe_list li:nth-child(7) p{position:inherit;text-align:left;}
	.safe_list li:nth-child(8) p{position:inherit;text-align:left;}
	.safe_list li:nth-child(9) p{position:inherit;text-align:left;}
}


/* �λ�����-����缺 */

.training .sub_top{text-align:center;}
.training .sec1{position:relative; padding-bottom:96px;}
.training .sec1:before{content:''; display:block; position:relative; top:278px; width:1334px; height:123px; margin:0 auto; margin-top:-123px; }
.training .sec1 .inner_section{position:relative;}
.training .sec1 .sub_top{margin-bottom:80px; }
.training .sec1 .sec_tit{padding-bottom:38px; font-size:50px;}
.training .sec1 .cont_inner{overflow:hidden;}
.training .cont_left{float:left; width:330px;}
.training .cont_left img{margin-bottom:20px;}
.training .cont_left .sec_txt{text-align:justify; line-height:30px; }
.training .cont_right{overflow:hidden; float:left; width:530px; padding-left:80px;}
.training .cont_right dl{float:left; width:100%;}
.training .cont_right dl:before{content:''; display:block; float:left; width:120px; height:152px; margin-right:19px; background:url(https://recruit.kdfamily.co.kr/resources/images/hr-system/training_icon.png) 0 0 no-repeat;}
.training .cont_right .icon_v1:before{background-position:0 -152px;}
.training .cont_right .icon_v2:before{background-position:0 -304px;}
.training .cont_right .icon_v3:before{height:120px; background-position:0 -456px;}
.training .cont_right dt{padding-top:10px; margin-bottom:18px; font-size:20px; font-weight:bold; line-height:28px; color:#242424;}
.training .cont_right dd{font-size:16px; color:#646464;}
.training .sec2{padding-top:163px; padding-bottom:80px; background:url(/resources/images/hr-system/training_bg02.jpg) center 0 no-repeat;}
.training .sec2 .sub_top{margin-bottom:82px;}
.training .sec2 .sub_top p{font-size:32px; line-height:40px; color:#242424;}
.training .sec2 .sub_top strong{font-weight:bold;}
.training .training_lst{overflow:hidden; width:941px;}
.training .training_lst:before{content:''; display:block; position:relative; top:100px; border-top:1px solid #ff7424;}
.training .training_lst li{float:left; position:relative; width:200px; height:200px; margin-left:47px; line-height:24px; text-align:center; color:#ff7424; background-image:url(https://recruit.kdfamily.co.kr/resources/images/hr-system/training_icon_bg.png)}
.training .training_lst li:first-child{margin-left:0;}
.training .training_lst li em,.training .training_lst li span{display:block; margin:0 auto;}
.training .training_lst li em{max-width:124px; padding-top:53px; margin-bottom:10px; font-size:18px; font-weight:bold;}
.training .training_lst li span{max-width:138px; font-size:16px;}
.training .training_lst .last em{padding-top:76px;}
.training .training_lst li:first-child em{padding-top:64px;}

/* �λ�����-�����Ļ� �� ����ü�� */

.personnel .sec1 {padding-top:80px; }
.personnel .sec1 .sub_top {margin-bottom:80px; text-align:center;}
.personnel .sec_tit {padding-bottom:38px;}
.personnel .hr {position:relative; height:288px; margin-bottom:80px;}
.personnel .hr dl {position:absolute;}
.personnel .hr dl dt {margin-bottom:30px; font-size:20px; font-weight:bold; color:#242424;}
.personnel .hr dl dd {font-size:16px; color:#646464; text-align:center; line-height:24px;}
.personnel .hr dl.hr01 {top:102px; left:77px;}
.personnel .hr dl.hr02 dt, .personnel .hr dl.hr02 dd {color:#ff7424;}
.personnel .hr dl.hr02 {top:102px; right:80px;}
.personnel .cont {padding-bottom:67px;overflow:hidden;}
.personnel .cont .text {padding:60px 0 0 20px;}
.personnel .cont .text h5 {margin-bottom:25px; font-size:20px; color:#ff7424; font-weight:bold;}
.personnel .cont .text p {font-size:16px; color:#242424; text-align:justify; letter-spacing:-1px;}
.personnel .cont .con01 {margin-bottom:80px;}
.personnel .cont .con01 .text {width:460px; line-height: 30px;}
.personnel .cont .con02 {float:left; width:470px; margin-bottom:93px;}
.personnel .cont .con02 .text {width:450px; line-height: 30px;}
.personnel .cont .con02 .text p {letter-spacing:0px;}
.personnel .cont .con03 {float:right; width:370px; margin-top:-240px; line-height: 30px;}
.personnel .cont .con04 {clear:both; line-height: 30px;}
.personnel .sec2 {padding-top:80px; background:#f5f5f5;}
.personnel .sec2 p.tit {width:161px; padding-left:3px; padding-bottom:10px; margin:0 auto; text-align:center; font-weight:bold; font-size:20px; color:#ff7424; background:url(https://recruit.kdfamily.co.kr/resources/images/common/bu_bot.gif) center bottom no-repeat;}
.personnel .sec2 .cont {padding:56px 0 15px; overflow:hidden;}
.personnel .sec2 .cont > div {float:left;}
.personnel .sec2 .cont > div dl {margin-bottom:60px; font-size:16px;}
.personnel .sec2 .cont > div dl.line2 {margin-bottom:36 px;}
.personnel .sec2 .cont > div dl dt {padding-left:14px; margin-bottom:10px; font-weight:bold; color:#242424; background:url(https://recruit.kdfamily.co.kr/resources/images/hr-system/personnel_bu.gif) left center no-repeat;}
.personnel .sec2 .cont > div dl dd {padding-left:14px; color:#646464; line-height:24px;}
.personnel .sec2 .cont .cont02 {margin-left:80px;}
.personnel .sec2 .cont .cont03 {margin-left:80px;}




.process_lst{overflow:hidden; position:relative; margin-bottom:30px;}
.process_lst li{float:left; width:220px; height:220px; margin-left:20px; background:url(/common/img/re/process_lst_bg02.png) 0 0 no-repeat;}
.process_lst li a{display:block; width:220px; height:220px; text-indent:-9999px;}
.process_lst li.on{background-image:url(/common/img/re/process_lst_bg_on02.png)}
.process_lst .li_v1{background-position:0 0;}
.process_lst .li_v2{background-position:-240px 0;}
.process_lst .li_v3{background-position:-480px 0;}
.process_lst .li_v4{background-position:-720px 0;}
.process_lst li:first-child{margin-left:0;}
.process_lst li.on:before{border:1px solid #ddd;}
.process_inner .inner_txt{display:none; border-bottom:2px solid #ff7424;}
.process_inner .inner_txt.on{display:block;}
.process_inner .tit1{font-size:16px; line-height:16px; color:#ff7424; }
.process_inner .sec_txt{padding:8px 0 22px; min-height:48px; line-height:25px; font-size:16px;}



.sec_tit{padding-bottom:20px; font-size:20px; line-height:24px; font-weight: none;}
.sec_tit.bot{padding-bottom:16px; border-bottom:1px solid #dcdcdc;}
.s_txt{font-size:24px; line-height:32px; color:#646464;}
.sec_txt{padding-top:24px; font-size:16px; line-height:24px; color:#646464;}
.sec_txt2{font-size:16px; line-height:24px; color:#898989;}


.point{color:#ff7424;}




.apply .sec2 {padding-top:40px;}
.apply .sec2 .tit {font-weight:bold; font-size:17px; color:#436ab3; margin-bottom:15px;}
.apply .sec2 .sec_txt{margin-top:10px;}
.apply .privacy_txt{margin:30px 0 40px; font-size:16px; font-weight:bold; line-height:24px;}
.apply .sec2 .textarea{margin-top:10px; padding:25px 20px; height:108px; border:1px solid #ccc; overflow-y:auto; font-size:16px; color:#646464; margin-bottom:20px; line-height: 25px;}
.apply .sec2 .textarea strong{display:block; font-weight:bold; line-height:24px;}
.apply .sec2 .textarea em{display:block; margin-top:24px;}
.apply .sec2 .textarea ul li{line-height:24px;}
.apply .sec2 .textarea dl{line-height:24px;}
.apply .sec2 .textarea .txt{margin-bottom:24px;}
.apply .textarea .point{color:#ff0000;}
.apply .textarea .group{padding-bottom:40px;}
.apply .textarea .group4 strong{padding-top:24px;}
.apply .textarea  strong.first{padding:0;}
.apply .textarea dt{display:inline;}
.apply .textarea dd{display:inline;}
.apply .sec2 .check {margin-top:18px;}
.apply .sec2 label {display:inline-block; height:24px; cursor:pointer;  font-size:16px; line-height:24px; color:#242424;}
.apply .sec2 input[type=checkbox] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; border:0; clip:rect(0,0,0,0);}
.apply .sec2 input[type=checkbox]:checked + label {cursor:pointer; background:url(/resources/images/employ/checkbox_true.gif) 0 0px no-repeat;}
.apply .sec2 .check span {float:right; padding-left:20px; color:#ff0000; background:url(/resources/images/employ/apply_alert.gif) 0 center no-repeat; line-height:16px;}
.apply .sec2 .agree2 {margin-top:40px;}
.apply .apply_form .table_apply {margin-bottom:40px; margin-top:20px;}
.apply .apply_form .btn_zone {display: flex;align-items: center;justify-content: center;}
.apply .apply_form .btn_zone .btn_base {width:100px;}
.apply .comment {margin-top:40px;}
.apply .comment li {padding-left:10px; margin-bottom:7px; font-size:16px; color:#646464; line-height:25px; text-indent:-10px;}
.apply .apply_form .txt {text-align: right;padding: 0 0 15px;color: #909090;}
.apply .sec3 .table_apply td input{background-color:#fafafa;}

.btn_round{color: #fff;background: #162b51;max-width: 220px;width: 100%;padding: 12px 0;font-size: clamp(20px, 2vw, 22px);text-align: center;}
/* �Ի����� table */
.apply_form {}
.apply_form .df {
    width: 100%;
    gap: 12px 0;
    text-align: center;
    padding: clamp(20px, 2vw, 40px) 20px;
    max-width: 1400px;
    margin: 0px auto clamp(20px, 2vw, 40px);
    border-top: 3px solid;
    border-bottom: 3px solid;
}

.apply_form .df > div {
    flex: 0 1 calc(100% / 2);
    display: flex;
    align-items: center;
}

.apply_form .df > div .tit {
    font-weight: 500;
    width: 140px;
    text-align: center;
    font-size: clamp(20px, 2vw, 30px);
    margin-bottom: 0;
    color: #000;
}

.apply_form .df > div input {
    max-width: 400px;
    width: 100%;
    border: 1px solid;
    height: 70px;
    font-size: clamp(20px, 2vw, 22px);
    padding: 0 12px;
    font-weight: 500;
}
.apply_form h4 {float:left; padding-bottom:10px; font-size:20px; font-weight:bold;}
.apply_form .txt {float:right; padding-top:5px; color:#646464; font-size:16px;}
.apply_form .point {color:#ff7c31;}
.table_apply {width:100%;font-size:16px; border-top:2px solid #999;}
.table_apply td {padding-top:25px;}
.table_apply td label.tit {display:block; width:100%; margin-bottom:7px; color:#242424; font-weight:bold;}
.table_apply td label.tit2 {display:block; width:100%; margin-bottom:15px; color:#242424; font-weight:bold;}
.table_apply td input {padding:8px 0 7px 10px; border:1px solid #ccc; font-size:16px; }
.table_apply td input:-ms-input-placeholder {color:#cbcbcb;}
.table_apply td input::-webkit-input-placeholder {color:#cbcbcb; }
.table_apply td input::-moz-placeholder {color:#cbcbcb; }
.table_apply td input:focus::-moz-input-placeholder {color:transparent;}
.table_apply td input:focus::-ms-input-placeholder {color:transparent;}
.table_apply td input:focus::-webkit-input-placeholder {color:transparent;}
.table_apply td input.type1 {width:928px;}
.table_apply td input.type2 {width:448px;}
.table_apply td input[type=text].disabled{background-color:#fafafa;}
.table_apply td input[type=text].read{background-color:#fafafa; cursor:default;}
.table_apply td input.read:focus::-moz-input-placeholder{color:#cbcbcb;}
.table_apply td input.read:focus::-ms-input-placeholder{color:#cbcbcb;}
.table_apply td input.read:focus::-webkit-input-placeholder{color:#cbcbcb;}


@media screen and (max-width:768px) {
	.apply_form .df > div input{height: 50px;}
}

@media screen and (max-width:500px) {
	.apply_form .df{flex-direction: column;}
}



/* �������Ȯ��-�������� (result) */
.result #contents{padding-bottom:0;}
.result .apply_form{padding-bottom:40px; border-bottom:1px solid #999;}
.result .apply_form h4 {padding-bottom:25px;}
.result .table_apply{border-top:1px solid #999;}
.result .table_apply td input{background-color:#fafafa;}
.result .select{display:none; width:940px; height:38px; margin-left:10px; border-color:#cccccc; font-size:16px; text-indent:10px;}
.result .apply_form .select_box{position:relative; width:940px; margin:0 auto;}
.result .apply_form .select_box > p{height:34px; border:1px solid #ccc; text-align:center;}
.result .apply_form .select_box > p a{display:block; padding:6px 0; background:url(/resources/images/common/select_arr2.png) 911px 12px no-repeat;;}
.result .apply_form .select_list{overflow-y:auto; display:none; position:absolute; left:0; top:42px; z-index:10; width:938px; max-height:186px; background:#fff; border:1px solid #cccccc; font-size:16px; font-weight:bold; text-align:center;}
.result .apply_form .select_list.on{display:block;}
.result .apply_form .select_list a{display:block; padding:9px 0;}
.result .apply_form .btn_base{width:158px; border:1px solid #ccc; color:#242424; background-color:#fff;}
.result .apply_form .btn_base.last{margin-left:10px;}
.result .apply_form .td_btn{vertical-align:bottom;}
.result .btn_zone{padding:40px 0 80px; text-align:center;}

/* �������Ȯ��-view (result-view) */
.result_view #contents{padding-bottom:80px;}
.result_view .sec1 h4{padding-bottom:30px; font-size:20px; line-height:20px;}
.result_view .sec2{padding:0; border-top:1px solid #999;}
.result_view .result_lst{overflow:hidden;}
.result_view .result_lst > li{width:940px; margin-top:40px;}
.result_view .tit_area{padding:40px; border:1px solid #ccc;}
.result_view .tit_area .ico_area{overflow:hidden;}
.result_view .tit_area .board_ico{float:left; background-image:url(/resources/images/common/board_ico.png); color:#7c7c7c;}
.result_view .tit_area .state{display:inline-block; float:left; padding-left:20px; font-size:16px; font-weight:bold; line-height:35px; color:#7c7c7c;}
.result_view .tit_area .tit{display:block; float:left; padding-left:20px; max-width:450px; min-width:450px; font-size:20px; line-height:28px; color:#7c7c7c; line-height:36px;}
.result_view .tit_area .tit a{display:block; color:#7c7c7c;}
.result_view .tit_area .data_area{float:left; overflow:hidden;}
.result_view .tit_area .date{float:left; font-family: 'Roboto', sans-serif; font-size:16px; color:#a2a2a2; line-height:36px;}
.result_view .tit_area .lnk_result{float:right; padding-right:22px; background:url(/resources/images/employ/bu_arrow2.png) right center no-repeat; font-size:16px; font-weight:bold; color:#ff7424;}
.result_view li.on .tit_area .state{color:#242424;}
.result_view li.on .tit_area .board_ico{background-image:url(/resources/images/common/board_ico_on.png); color:#ff7424;}
.result_view li.on .tit_area .tit a{color:#242424;}
.result_view li.on .tit_area .date{color:#646464;}

.result_view .inner_area{padding:60px 40px; background:#f5f5f5;}
.result_view .inner_area .inner_tit{display:block; padding-bottom:36px; font-size:20px; font-weight:bold; line-height:20px;}
.result_view .inner_area .inner_txt{font-size:16px; line-height:24px; color:#646464;}
.result_view .pass .txt_area{text-align:center;}
.result_view .pass .inner_tit{padding-bottom:22px;}
.result_view .pass .inner_txt{padding-bottom:40px;}
.result_view .lst_pass{overflow:hidden; margin-left:-20px;}
.result_view .lst_pass li{float:left; width:420px; padding:18px 0 40px; margin-left:20px; border-top:2px solid #c4c4c4;}
.result_view .lst_pass li.last{padding-bottom:0;}
.result_view .lst_pass .tit{display:block; padding-bottom:19px; font-size:16px; font-weight:bold; line-height:16px;}
.result_view .lst_pass .txt{font-size:16px; line-height:16px; color:#646464;}

.result_view .result_one{display:none;}
.result_view .result_one p{padding:105px 0; border-bottom:1px solid #999; font-size:24px; line-height:28px; color:#242424; text-align:center;}

.result_view .btn_zone a {margin-right:0;}




 h3 {font-size:20px; margin-bottom:20px; color:#436ab3;}






/* ����Ʈ(����/����2) */
.list6 { counter-reset: section; width:940px; margin:0 auto;}
.list6 .group {position: relative; padding: 0 0 2rem 0; border-bottom: 1px solid #ddd;}
.list6 .group .title {position: absolute; left: 0; top: auto; width: 11rem; height: 8rem; padding: 1rem; border: 0.4rem solid #d9dce1; font-size: 1.25rem; font-weight: 700; color: #000; line-height: 1.3; white-space: nowrap;}
/*.list6 .group .title::before {display: block; width: 1.8rem; margin-bottom: 0.7rem; border-bottom: 1px solid #000; font-size: 0.9rem; font-weight: 900; counter-increment: section; content: 'NO'counter(section);}*/
.list6 .group .title::after {position: absolute; right: -0.2em; bottom: 0.7rem; width: 2rem; height: 1px; background-color: #d9dce1; content: ''; transform: rotate(45deg);}
.list6 .group .item {min-height: 11rem; margin-left: 17rem;}
.list6 .group .item > p > .btn-s.btn2 {margin-top: 0.5rem;}
.list6 .group p.item {padding: 0.5rem 0; font-size: 0.9rem; color: #333; word-break: keep-all;}
.list6 .group p.item.type1 {display: table; width: 100%; table-layout: fixed;}
.list6 .group p.item.type1 span {display: table-cell; vertical-align: middle;}
.list6 .group p.txt2 + .bul4 {margin-top: 1.5rem;}
.list6 .group p.txt2 + .bul4 > li:last-child .bul3 {margin: 1rem 0 0;}
.list6 .group p.title5:first-child + .table-wrap {margin-top: 0.5rem;}
.list6 .group .item > ul:first-child {font-size: 0.9rem; color: #333;}
.list6 .group .item > ul:first-child > li {margin-top: 0.5rem;}
.list6 .group .item > ul:first-child > li:first-child {margin-top: 0;}
.list6 .group .item > ul ul {margin: 0.25rem 0 0.5rem; color: #555;}
.list6 .group .item > .list21 .bul4,
.list6 .group .item > .list21:first-child > li {margin: 0;}
.list6 .group .item.vam {display: table; width: calc(100% - 17rem); height: 11rem; table-layout: fixed;}
.list6 .group .item.vam > * {display: table-cell; padding-bottom: 1rem; vertical-align: middle;}
.list6 .group .bul4 .bul3 li {font-size: 0.8rem; color: #555;}
.list6 .group .bul4 .bul3 + .table-wrap.datatable {width: calc(100% + 0.5rem); margin: -0.25rem 0 0.25rem -0.5rem;}
.list6 .group .bul4 .bul3 + span {display: block; margin-top: -0.7rem; font-size: 0.8rem;}
.list6 .group .bul4 > li:last-child .bul3 {margin-bottom: 1rem;}
.list6 .group .bul4 > li:last-child strong.point5:first-child + span {margin-bottom: 0;}
.list6 .group .bul4 > li strong.point5:first-child {font-weight: 400;}
.list6 .group .bul4 > li strong.point5:first-child + span {margin-bottom: 0.5rem; padding-left: 7rem; color: #767676;}
.list6 .group .bul4 + .table-wrap.datatable,
.list6 .group .bul4 + .img-respond,
.list6 .group .img-respond + .bul3,
.list6 .group * + .txt1.point5.txt-left,
.list6 .group * + .table-wrap.datatable,
.list6 .group * + .box13,
.list6 .group * + .bul4,
.list6 .group * + .txt-right {margin-top: 1rem;}
.list6 .group * + .box3 {margin-top: 0.5rem;}
.list6 .group * + .btns {margin-top: 1.25rem;}
.list6 .group .title3 + .table-wrap.datatable {margin-top: 0;}
.list6 .group .img-respond .list12 {margin: 0;}
.list6 .group .item .img-respond.type1 {width: 99.9%;}
.list6 .group .txt1.point5.txt-left {margin-bottom: 0.5rem;}
.list6 .group .txt1.point5.txt-left + .bul4 .bul3 {margin-bottom: 1rem;}
.list6 .group .txt1.point5.txt-left + .bul4 li:last-child .bul3 {margin-bottom: 0;}
.list6 .group .txt1.point1.txt-left {margin: 2rem 0 0.5rem;}
.list6 .group .txt1.point1.txt-left:first-child {margin-top: 0;}
.list6 .group .txt1.point1.txt-left + .table-wrap.datatable + .bul4,
.list6 .group .txt1.point1.txt-left + p.txt2 {margin-top: 1.2rem;}
.list6 .group .list8 {height: 11rem;}
.list6 .group .list8 > li {padding-top: 3rem; padding-bottom: 3rem; vertical-align: middle;}
.list6 .group .list8 > li::before {font-size: 1.125rem;}
.list6 .group .title3 + .list8 {height: auto;}
.list6 .group .title3 + .list8 > li {padding-top: 1.2rem; padding-bottom: 1.5rem; font-size: 0.8rem; vertical-align: top;}
.list6 .group .title3 + .list8 > li::before {font-style: normal;}
.list6 .group .title3 + .list8 > li::after {border-top-color: #386b86;}
.list6 .group .bul4.type1 {border-top: 1px solid #000;}
.list6 .group .bul4.type1 > li {margin-top: 0 !important; padding-top: 0.5rem; padding-bottom: 0.5rem;}
.list6 .group .bul4.type1 > li::before {margin-top: 0.5rem;}
.list6 .group .bul4.type1 > li::after {position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #ddd; content: '';}
.list6 .group .bul4.type1 .bul3 {margin: 0.5rem 0 -0.55rem -0.5rem !important; padding: 1rem; border-top: 1px solid #ddd; background-color: #f8f8f8;}
.list6 .group .bul4.history > li::before {display: none;}
.list6 .group .bul4.history > li {padding-left: 0;}
.list6 .group .bul4.history > li > strong.point5:first-child {left: 0; width: 6.5rem; padding: 0.15rem; border-radius: 1.7rem; border: 1px solid #ddd; font-size: 0.9rem; font-weight: 400; text-align: center;}
.list6 .group .bul4.history > li > strong.point5:first-child + span {padding: 0.15rem 0 0.15rem 7.5rem; font-size: 0.9rem;}
.list6 .group .bul4.type2 {padding: 1rem; background-color: #f5f5f5;}
.list6 .group .bul4.type2 > li {font-size: 0.8rem; color: #555;}
.list6 .group .bul4.type2 > li::before {width: 4px; height: 4px; background-color: #b5bcc7;}
.list6 .group .box3 {margin-bottom: 0;}
.list6 .group .box3 + .btn-b {margin-top: 1.25rem;}
.list6 .group .bul3.type1 {font-size: 0.8rem;}
.list6 .group .bul6 li + li {margin-top: 0;}
.list6 .group .table-wrap + .btn-b {margin-top: 1rem;}
.list6 .group .table-wrap colgroup + tbody th + td.txt-left {font-size: 0.9rem; font-weight: 400; color: #555;}
.list6 .group .table-wrap .bul4 > li + li {margin-top: 0.5rem;}
.list6 .group .table-wrap .bul4 ul {margin: 0 !important; font-size: 0.8rem;}
.list6 .group .table-wrap + .btns {margin-top: 1rem;}
.list6 .group .table-wrap .box {background-color: #5a5974; color: #fff;}
.list6 .group .table-wrap + .box13.txt-left {margin-top: 0;}
.list6 .group .table-wrap.datatable .bul4,
.list6 .group .table-wrap.datatable .bul4 li {margin: 0;}
.list6 .list4::before {display: none;}
.list6 .list4 {padding: 0;}
.list6 .list4 > ul > li {padding: 1rem 1.5rem 1rem 0.5rem; font-size: 0.8rem; color: #555; vertical-align: top;}
.list6 .list4 > ul > li span {display: block; margin: 0.5rem 0 1rem; font-size: 0.9rem; color: #000;}
.list6 .list4.type4 > ul {width: calc(100% + 0.5rem);}
.list6 .list4.type4 > ul > li {height: 11rem; padding: 1rem 1rem 0.5rem 0.5rem; vertical-align: middle;}
.list6 .list4.type4 > ul > li::before,
.list6 .list4.type4 > ul > li::after {right: 0.5rem;}
.list6 .list4.type4 > ul > li span {margin-top: 1rem; font-size: 1rem;}
.list6 .list11 p.img-respond {width: 95%; margin-top: 1.8rem; text-align: center;}
.list6 .box3 .txt2 {color: #555;}
.list6 .box14.type1 + .txt3 {margin: 0.5rem 0 1rem;}
.list6 .chart21 + .bul1 {margin: 1.5rem 0; font-size: 0.9rem; color: #000;}
.list6 .chart21 + .bul1 li + li {margin-top: 0.5rem;}
.list6 .chart21 + .bul1 .bul4 {margin: 0.5rem 0 1.5rem;}
.list6 .chart21 + .bul1 .bul4 .txt3 {margin-top: 0.5rem;}
.list6 .chart21 + .bul1 .bul3 {margin: 0 0 1rem;}
.list6 .chart21 + .bul1 + p + .table-wrap {margin-top: 2rem;}
.list6 .chart21 + .bul1 + p + .table-wrap .bul3 {margin-top: 1rem; font-size: 0.8rem;}
.list6 .chart24 + .box3 {margin: 1.5rem 0; padding: 0.8rem 1rem 0.8rem 2.8rem; text-indent: -0.6rem;}
.list6 + .txt-center {margin-top: 2.5rem;}
.list6 + .txt-center .btn-b + .btn-b {margin-left: 0.5rem;}
.list6 .box13:last-child {margin-bottom: 0;}
.list6 .box13.txt-left {padding: 0.5rem 0.5rem 0.5rem 1.5rem;}
.list6 .box13.txt-left.txt2 {padding: 1rem 1.5rem; color: #555;}
.list6 .box13 + .img-respond.type1 {margin-top: -1rem;}
.list6 .box13.type1 + .list8.type2 {height: auto;}
.list6 .box13.type1 + .list8.type2 > li {padding-top: 1rem; padding-bottom: 1rem;}
.list6 .box13.bul5 {margin-bottom: 0; column-count: 2; text-align: left;}

.list6 .recruit_tit {font-size:28px; text-align: center; padding: 20px; margin-bottom: 40px; background: url('/common/img/re/retit_bg.jpg') no-repeat center; font-weight: 600;}
.list6 .recruit_num .ul_num li {border: 1px solid #eee; width: 100%; margin-bottom: 12px; padding:25px 35px 25px 155px; position: relative; box-sizing: border-box; font-size: 15px; line-height: 21px;}
.list6 .recruit_num .ul_num li span {position: absolute; display: block; left: 0; top: 0; width: 108px; background: #1da8b9; color: #fff; height: 100%; box-sizing: border-box; font-size: 29px; font-weight: 600; text-align: center; padding-top: 32px;} 

.list6 .recruit_num .ul_num li:nth-child(2) span {background: #1f80d3; padding-top: 53px;}
.list6 .recruit_num .ul_num li:nth-child(3) span {background: #2b53c6; padding-top: 53px;}
.list6 .recruit_num .ul_num li:last-child span {background: #6c2bd7;}

/* ��������Ʈ(��) */
.bul4 > li {position: relative; padding-left: 0.5rem; font-size: 0.9rem; text-align: left;}
.bul4 > li::before {position: absolute; left: 0; top: 0.5rem; width: 3px; height: 3px; background-color: #808080; content: '';}
.bul4 > li > strong.point5:first-child {position: absolute; left: auto; top: auto; font-weight: 400;}
.bul4 > li > strong.point5:first-child + span {display: block; padding-left: 4.5rem;}

@media all and (max-width:940px){
	.list6 {width: 100%;}
}

@media all and (max-width:530px){
	.list6 .recruit_tit {background: none;}
	.list6 .recruit_num .ul_num li {padding: 75px 35px 25px 35px;}
	.list6 .recruit_num .ul_num li span {width: 100%; padding: 10px; height: 50px; padding-top: 11px!important;}
}

.tal_01 td{line-height: 1.6em;}


.wr-1400{max-width:1400px; margin:0 auto;}
/* 서브 공통 */

.df{display:flex; flex-wrap:wrap;}

.sub_con {
	padding: clamp(60px,8vw,135px) 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

@media screen and (max-width:1480px) {
	.sub_con{padding: clamp(60px,8vw,135px) 40px;}
}

.top_menu.mobile-menu > div{justify-content: space-between; align-items: center;}
.mobile-menu .active-item img {
	transition: transform 0.3s ease; /* 부드러운 회전 효과 */
}

.mobile-menu .active-item img.active {
	transform: rotate(180deg); /* 180도 회전 */
}
/* 이미지 모달창 */
#modal {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgba(0,0,0,.6);}
#modal__content {display: flex;flex-wrap: wrap;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0 auto;padding: 60px;background: #FFF;box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}
.modal__exit {position: absolute;width: 60px;height: 60px;top: 0px;right: 0px;font-size: 30px;font-weight: 300;background: #000;color: #FFF;text-align: center;}
.modal__exit span {width: 30px;height: 3px;background: #FFF;display: block;margin: 0 auto;}
.modal__exit span:nth-child(1) {margin: 0px auto 5px;transform: rotate(45deg);position: absolute;top: 50%;left: 15px;}
.modal__exit span:nth-child(2) {margin: 0px auto 5px;transform: rotate(-45deg);top: 50%;position: absolute;left: 15px;}
.modal__img {flex: 0 1 100%;text-align: center;}
.modal__img img {width:100%;max-width: 400px;}
.modal__ttl {flex: 0 1 100%;text-align: center; font-size: 16px; font-weight: 600;}


@media screen and (max-width: 768px){
  #modal__content {padding: 50px 20px;width: 80%;}
	.modal__exit {width: 50px;height: 50px;}
	.modal__exit span {width: 25px;height: 3px;}
	.modal__exit span:nth-child(1) {left: 13px;}
	.modal__exit span:nth-child(2) {left: 13px;}
}
.overlay {display: none;position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.5) !important;z-index: 20;cursor: pointer;}
.overlay__message{display: block;width: 100%;font-size: 18px;line-height: 28px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

@media screen and (max-width: 500px) {
	.overlay__message{font-size: 16px;line-height: 26px;}
}

.bg_img{height: 440px !important;position: relative;overflow: hidden;margin: clamp(20px,4.8vw,80px) 0;background-position: center;background-size: cover;background-repeat: no-repeat;}

@media screen and  (min-width: 1200px){
	.bg_img{ background-attachment: fixed;}
}

@media screen and  (max-width: 768px){
	.bg_img{height: 200px !important;}
}

/* 서브페이지 네비게이션 */
#sub__nav{position:relative;z-index: 33;}
#sub__nav .visual__wrap{width:100%;height: 465px;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
#sub__nav .visual__wrap .nav-title{position: absolute;text-align: left;width: 100%;left: 50%;bottom: 76px;transform: translate(-50%, -50%);color: #fff;font-size: clamp(28px, 3vw, 42px);line-height: 1.4em;letter-spacing: 2px;max-width: 1400px;font-size: clamp(24px, 5vw, 54px);font-weight: 500;font-family: 'TheJamsil';}
#sub__nav .visual__wrap .nav__route{position: absolute;width: fit-content;left: 50%;bottom: 40px;transform: translateX(-50%);color: #fff;font-size: 15px;}
#sub__nav .visual__wrap .nav__route ul {display: flex;flex-wrap: wrap;}
#sub__nav .visual__wrap .nav__route ul li{padding: 0 13px;position: relative;font-size: 18px;color: rgba(255, 255, 255, 0.6);}
#sub__nav .visual__wrap .nav__route ul li:after{display:block;content: "\f105";position:absolute;top: 1px;right: -3px;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;font-size: 18px;}
#sub__nav .visual__wrap .nav__route ul li:last-child:after{display:none;}
.nav-title p.td {color: #fff4;font-size: clamp(12px,2vw,14px);}
#sub__nav .visual__wrap .nav-title .tt {font-size: clamp(24px, 5vw, 54px);font-weight: 500;font-family: 'TheJamsil';}


#sub__nav.nav01 .visual__wrap__01{background-image:url('/common/img/ts/sub/img_navigation_visual03.jpg');}
#sub__nav.nav01 .visual__wrap{background-image:url('/common/img/ts/sub/img_navigation_visual01.jpg');}
#sub__nav.nav02 .visual__wrap{background-image:url('/common/img/ts/sub/img_navigation_visual02.jpg');}
#sub__nav.nav03 .visual__wrap{background-image:url('/common/img/ts/sub/img_navigation_visual03.jpg');}
#sub__nav.nav04 .visual__wrap{background-image:url('/common/img/ts/sub/img_navigation_visual04.png');}
#sub__nav.nav05 .visual__wrap{background-image:url('/common/img/ts/sub/img_navigation_visual05.png');}
#sub__nav.nav06 .visual__wrap{background-image:url('/common/img/ts/sub/img_navigation_visual06.png');}
#sub__nav.nav07 .visual__wrap{background-image:url('/common/img/ts/sub/img_navigation_visual07.jpg');}
#sub__nav.nav08 .visual__wrap{background-image:url('/common/img/ts/sub/img_navigation_visual08.png');}

#sub__nav .nav-top-wr{margin:0 auto;}
#sub__nav .nav-top-wr.wr-1400 {display: flex;flex-wrap: wrap;bottom: calc(76px + 100px);border-top-left-radius: 30px;border-top-right-radius: 30px;position: absolute;text-align: left;width: 100%;left: 50%;transform: translate(-50%, -50%);font-size: clamp(28px, 3vw, 42px);line-height: 1.4em;letter-spacing: 2px;max-width: 1400px;color: #fff;}
#sub__nav .nav-top-wr.wr-1400 .df{width: 100%;}
#sub__nav .nav-top-wr .home{display: flex;justify-content: flex-start;align-items: center;width: 80px;height: 60px;font-size: 25px;text-align: center;color: #fff;}
#sub__nav .nav-top-wr .home.mo{display: none;justify-content: flex-start;align-items: center;width: clamp(50px,3.8vw,80px);height: 60px;font-size: 25px;text-align: center;color: #fff;}
#sub__nav .nav-top-wr .nav_ul{position: relative;z-index: 99;}
#sub__nav .nav-top-wr .nav_1a:before {display:block;content:'';width: 1px;height: 50%;position: absolute;bottom: 0;right:0;background: #d7d7d7;transform: translateY(-50%);}
#sub__nav .nav-top-wr .nav_ul:before {display:block;/* content:''; */width: 1px;height: 80%;position: absolute;bottom: -1px;right:0;background: #d7d7d7;}
#sub__nav .nav-top-wr .nav_ul:after {display:block;content:'';width: 1px;height: 50%;position: absolute;bottom: 0%;left:0;background: #d7d7d7;transform: translateY(-50%);}
#sub__nav .nav-top-wr .nav_ul li{position:relative;float:left;min-width: 220px;padding: 0 20px;height: 60px;z-index: 99;cursor: pointer;transition: all 0.3s;}
#sub__nav .nav-top-wr .nav_ul li .nav_1a{display:block;font-size:17px;color: #fff;height: 60px;line-height: 60px;font-weight: 500;font-family: 'TheJamsil';letter-spacing: -0.5px;}
#sub__nav .nav-top-wr .nav_ul li .nav_1a::after{content:'';display:block;position:absolute;top: 50%;right:15px;width:12px;height:12px;transform: translateY(-50%);background: url('/common/img/ts/sub/icon_sub_arrow--white.png')no-repeat center;}
#sub__nav .nav-top-wr .nav_ul li ul{position:relative;display:none;position:absolute;top: 79px;left: -1px;border-top: 1px solid #e3e3e3;border-left:1px solid #e3e3e3;z-index:10;}
#sub__nav .nav-top-wr .nav_ul li ul li{border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;transition:0.3s;background:#fff;/* line-height: 60px; */height: 50px;z-index: 99;}
#sub__nav .nav-top-wr .nav_ul li ul li:hover{background:#f5f5f5}
#sub__nav .nav-top-wr .nav_ul li ul li a{display:block;height: 50px;line-height: 50px;color:#000;font-weight: 900;font-size: clamp(14px,2vw,15px);}

/* mobile */
.m-menu{display:none;/* padding-top: 10px; */}
.m-menu .mnav-ul{}
.m-menu .mnav-ul li .mnav-1a {display:block;background: #202329;font-size:15px;color: #fff;height: 50px;line-height: 48px;font-weight:400;cursor:pointer;padding: 0 25px;letter-spacing: -2px;position: relative;}
.m-menu .mnav-ul li .mnav-1a > span{display: block;content: '';position:absolute;background: url('/common/img/ts/sub/m_icon_sub_arrow--grey.png')no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.m-menu .mnav-ul li .mnav-1a .on {transform:rotate(180deg);}
.m-menu .mnav-ul li ul {position:relative;display:none;position:absolute;left: -1px;z-index:10;width: calc(100% + 2px);border: 1px solid #e3e3e3;padding: 15px 30px;background: #fff;}
.m-menu .mnav-ul li ul li {border-bottom: 0;border-right: 0;transition:0.3s;background:#fff;padding: 3px 0;}
.m-menu .mnav-ul li ul li a {display: block;/* line-height: 1; */color: #6c6c6c;letter-spacing: -1px;font-size:14px;word-break: keep-all;line-height: 25px;}
.m-menu .mnav-ul li ul li a:hover{color: #005ad4;font-weight:bold;text-decoration:underline;}

@media (max-width:1650px){
	#sub__nav .visual__wrap{}
	#sub__nav .menu-wr li a{padding: 23px 0;}
}

@media (max-width:1440px){
	#sub__nav .visual__wrap{}
	#sub__nav .menu-wr li a{padding: 15px 0;font-size: 15px;}
	#sub__nav .visual__wrap .nav-title .tt{padding: 0 40px;}
	#sub__nav .nav-top-wr{padding: 0 40px;}
}

@media (max-width:1300px){
	#sub__nav .visual__wrap{}

	#sub__nav .nav-top-wr .home{width:50px;height:50px;line-height: 48px;}
	#sub__nav .nav-top-wr .nav_ul li{height: 100%;}
	#sub__nav .nav-top-wr .nav_ul li .nav_1a{height: 100%;font-size: clamp(15px,2vw,16px);}
}

@media (max-width:1024px){
	#sub__nav .visual__wrap{height: 400px;}
	#sub__nav .menu-wr li a{padding: 20px 0;font-size: 16px;}
	#sub__nav .menu-wr li a p:after{right: -8px;}

	#sub__nav .nav-top-wr.wr-1400{bottom: calc(80px);}
	#sub__nav .visual__wrap .nav-title{bottom: 20px;}
}

@media (max-width:960px){
	#sub__nav .menu-wr li a{font-size: 15px;}
	#sub__nav .menu-wr li a p.long{font-size: 13px;}
}

@media (max-width:768px){
	#sub__nav .nav-top-wr .nav_ul{flex: calc(100% - clamp(50px,3.8vw,80px));}
	#sub__nav .nav-top-wr .nav_ul li .nav_1a{color: #000;display: flex;align-items: center;}
	#sub__nav .nav-top-wr.wr-1400{bottom: 0px;background: #fff;border-radius: 0;transform: none;height: 80px;left: auto;border-bottom: 1px solid #cfcfcf;}
	#sub__nav .visual__wrap{height: 360px;}
	#sub__nav .nav-top-wr .home{display: none;}
	#sub__nav .nav-top-wr .home.mo{display: flex;height: 100%;}
	#sub__nav .visual__wrap .nav-title{bottom: 120px;}
	#sub__nav .nav-top-wr .nav_ul li .nav_1a::after{content:'';display:block;position:absolute;top: 50%;right:15px;width:12px;height:12px;transform: translateY(-50%);background: url('/common/img/ts/sub/icon_sub_arrow--block.png')no-repeat center;}

	#sub__nav .visual__wrap .nav__route {bottom: 70px; width: 100%; }
	#sub__nav .visual__wrap .nav__route ul {justify-content: center;}
	#sub__nav .visual__wrap .nav__route ul li {font-size: 14px;}
	.pc-menu{display:none}
	.m-menu{display:block;}
}

@media screen and (max-width:580px) {
	#sub__nav .nav-top-wr .nav_ul li{padding: 0 12px;min-width: 180px;}
	#sub__nav .nav-top-wr .nav_ul li ul{top: 59px;}
	#sub__nav .nav-top-wr .nav_ul > li:nth-child(1){display: none;}
	#sub__nav .nav-top-wr.wr-1400{height: 60px;}
	#sub__nav .nav-top-wr .home.mo{width: 30px;}
}

@media (max-width:500px){
	#sub__nav .visual__wrap .nav-title{font-size: 24px;}
	#sub__nav .visual__wrap .nav__route {bottom: 80px;}
}

#header.header--active {
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);
}

#header.header--active .gnb__logo-link-item--active {
	display: block !important;
}

#header.header--active  .gnb__logo-link-item {
	display: none;
}

#header.header--active .gnb_1da {color:#000}
#header.header--active .site_map li{color: #000;}

#header.header--active .site_map .go_eng::before {
	color: #000;
	position: absolute;
	content: '';
	bottom: 30px;
	left: 50%;
	width: 51px;
	height: 3px;
	background: #000;
	transform: translate(-50%, -50%);
	}

#header.header--active  .sitemap__search {
	background: url(/common/img/ts/sub/icon_search--active.png) no-repeat center;
}
#header.header--active  .hd_right {
	background: #162b51;
}
/*.sub1_1 */
.sub1_1 {position: relative;}
.sub1_1 .top_con .bg {background: url(/common/img/ts/sub/sub1_1_bg.png) no-repeat center center;background-size: cover;text-align: center;padding: clamp(40px,14vw,250px) 0;position: relative;margin: clamp(40px,4.2vw,80px) 0 clamp(40px,5.4vw,100px);}
.sub1_1 .top_con .txt {font-size: clamp(22px, 3.4vw, 50px);padding: 0 20px;font-family: 'TheJamsil';color: #fff;font-weight: 300;z-index: 2;position: relative;}
.sub1_1 .top_con .tit {font-size: clamp(30px, 10vw, 100px);font-family: 'TheJamsil';font-weight: 700;color: transparent;background: url(/common/img/ts/sub/sub1_1_bg.png) no-repeat center center;background-size: cover;-webkit-background-clip: text;background-clip: text;position: relative;z-index: 2;background-position: center;transition: background-position 0.1s ease-out;text-align: center;line-height: 1.2em;}

.sub1_1 .btm_con .tit {font-size: clamp(26px, 3.4vw, 50px);font-family: 'TheJamsil';font-weight: 700;line-height: 1.6em;padding: 0 0 clamp(40px,5.4vw,100px);}
.sub1_1 .btm_con .txt{line-height: 1.6em;font-size: clamp(18px,2vw,22px);font-weight: 300;}

@media screen and (max-width:1440px) {
}

/*.sub1_2 */
.sub1_2 { 
	position: relative; 
}

.sub1_2 .top_con .bg {
	background: url(/common/img/ts/sub/sub1_2_bg.png) no-repeat center center;
	background-size: cover;
	text-align: center;
	height: clamp(160px,36.6vw,620px);
	position: relative;
	margin: clamp(40px, 4.2vw, 80px) 0 clamp(40px, 5.4vw, 100px);
	display: flex;
	align-items: center;
}

.sub1_2 .top_con .txt {
	font-size: clamp(18px, 3.4vw, 24px);
	color: #fff;
	font-weight: 300;
	z-index: 2;
	position: relative;
	top: 80px;
}

.sub1_2 .top_con .tit {
	font-size: clamp(30px, 8.2vw, 100px);
	font-family: 'TheJamsil';
	font-weight: 700;
	color: transparent; /* 기본 상태에서 텍스트 색상을 투명하게 설정 */
	background: url(/common/img/ts/sub/sub1_2_bg.png) no-repeat center center !important;
	background-size: cover !important;
	-webkit-background-clip: text !important;
	background-clip: text;
	position: relative;
	z-index: 2;
	transition: background-position 0.1s ease-out, color 0.3s ease-out;
	text-align: center;
	opacity: 1; /* 기본 불투명도 설정 */
}

/* 텍스트의 흰색으로 전환을 위한 추가 클래스 */
.sub1_2 .top_con .tit.white {
	color: #fff; /* 흰색으로 변경 */
	background: transparent; /* 배경을 투명하게 설정 */
}

.tit.white-text {
	color: white;
}
.sub1_2 .btm_con {
	gap: clamp(20px,4.4vw,74px);
}

.sub1_2 .btm_con .half {
	flex: 0 1 calc(50% - clamp(10px,4.4vw,38px));
}

.sub1_2 .btm_con .half .tit {
	font-size: clamp(20px, 5vw, 50px);
	font-weight: 500;
	font-family: 'TheJamsil';
	padding: 0 0 clamp(40px,5.4vw,100px);
	line-height: 1.2em;
}

.sub1_2 .btm_con .half .txt {
	font-size: clamp(18px,2vw,22px);
	line-height: 1.6em;
	word-break: break-all;
}

.sub1_2 .btm_con .half img {
	padding: clamp(20px,4.8vw,80px) 0 0;
}


@media screen and (max-width:1440px) {
	.sub1_2 .top_con .txt {padding: 0 20px;}
	.sub1_2 .top_con .tit {padding: 0 20px;}
	.sub1_2 .btm_con{}
}

@media screen and (max-width:768px) {
	.sub1_2 .btm_con{flex-direction: column;}
	.sub1_2 .btm_con .half .tit br{display: none;}
	.sub1_2 .top_con .txt{top: 0;}
}

@media screen and (max-width:500px) {
	.sub1_2 .top_con .tit{font-size: clamp(24px,2vw,28px);}
	.sub1_2 .top_con .txt{font-size: clamp(18px,2vw,22px);}
}

/*sub1_3*/
.sub1_3 .text-wrap {margin-top: clamp(40px,6.2vw,120px);}
.sub1_3 .text-wrap h1 {font-size: clamp(26px, 3.4vw, 50px);font-weight:  700;word-break: break-all;margin-bottom: clamp(45px,3.4vw,75px);font-family: 'TheJamsil';}
.sub1_3 .top_menu {border-bottom: 1px solid #bfbfbf;}
.sub1_3 .top_menu > div > a {line-height: 80px;flex: 0 1 calc(50%);text-align: center;font-size: clamp(18px,2vw,22px);color: #bfbfbf;}
.sub1_3 .top_menu > div > .active {border-bottom: 2px solid #4465a1;}
.sub1_3 .top_menu > div > .active {border-bottom: 2px solid #4465a1;font-weight: 700;color: #000;}
.sub1_3 .text-wrap-tit {font-size: clamp(18px,2vw,30px);font-weight: 300;line-height: 1.6em;word-break: break-all;padding: 0 0 clamp(40px,3.2vw,60px);}

.sub1_3 .text-box-wrap {display: flex;flex-wrap: wrap;padding: clamp(20px,4.2vw,70px) 0 clamp(20px,4.2vw,70px);overflow: hidden;}
.sub1_3 .text-box-wrap .box {position: relative; display: flex; flex-direction: column; justify-content: flex-end;}
.sub1_3 .text-box-wrap .box h3 {font-size: clamp(26px, 3.4vw, 50px);margin-bottom: clamp(10px,2.4vw,15px);}
.sub1_3 .text-box-wrap .box img {padding: 0 clamp(20px,4.4vw,80px);}
.sub1_3 .text-box-wrap .box.title {justify-content: flex-start; min-width: 140px;}
.sub1_3 .text-img-wrap .box h3 {font-size: clamp(26px, 3.4vw, 50px);margin-bottom: clamp(20px,2.4vw,44px);}a

.sub1_3 .text-box-wrap .box img {padding: 0 clamp(20px,4.4vw,80px);}
.sub1_3 .text-box-wrap .box.title {justify-content: flex-start; min-width: 140px;}
.sub1_3 .text-box-wrap .box.content{margin-left: 165px; flex: 1 1;}
.sub1_3 .text-box-wrap .box.content > div {position:relative;padding: clamp(20px,2.4vw,50px) 0;display: flex;align-items: center;border-top: 1.8px solid #000;}
.sub1_3 .text-box-wrap .box.content > div:last-child{border-bottom: 1.8px solid;}
.sub1_3 .text-box-wrap .box.content div p {color: #676767;font-size: clamp(18px,2vw,23px);font-weight: 400;}
.sub1_3 .text-box-wrap .box.content div h5 {font-size: clamp(22px,2vw,30px);margin-bottom: 20px;letter-spacing: 0.8px;}
.sub1_3 .text-img-wrap {display: flex;flex-wrap: wrap;overflow: hidden;width: 100%;}
.sub1_3 .text-img-wrap .box {display: flex; flex-direction: column; justify-content: flex-end;}
.sub1_3 .text-img-wrap .box h3 {font-size: clamp(26px, 3.4vw, 50px);margin-bottom: clamp(10px,2.4vw,15px);}
.sub1_3 .text-img-wrap .box.title {justify-content: flex-start; min-width: 140px;}
.sub1_3 .text-img-wrap .box.content{margin-left: clamp(20px,20vw,110px);flex: 1 1;}
.sub1_3 .text-img-wrap .box.content > div {display: flex;align-items: center;}
.sub1_3 .text-img-wrap .box.content > div > .img-wrap {display: flex;justify-content: center;align-items: center;flex-direction: column;gap: clamp(12px,2vw,25px);}
.sub1_3 .text-img-wrap .box.content div h5 {font-size: clamp(22px,2vw,27px);padding-left: clamp(40px,10vw,186px);letter-spacing: 0.8px;flex: 0 1 calc(68%);}
.sub1_3 .text-img-wrap .box.content div .img-wrap {position: relative;padding-bottom: 0;width: 300px;height: 300px;}
.sub1_3 .text-img-wrap .box.content div .img-wrap > img{position: relative;}
.sub1_3 .text-img-wrap .box.content div .img-wrap::before {content: "";width: clamp(80px,8vw,125px);position: absolute;top: 50%;left: clamp(86%,18vw,100%);transform: translate(0%, -50%);border-top: 2px solid #676767;z-index: 0;}
.sub1_3 .text-img-wrap .box.content div .img-wrap::after {content: "";width: 12px;height: 12px;background: #000000;position: absolute;top: 50%;right: -135px;transform: translate(-50%, -50%);border-radius: 50%;}
.sub1_3 .text-img-wrap .box.content div:nth-child(1) .img-wrap{background:url(/common/img/ts/sub/sub1_3_1_circle_01.png) no-repeat center; background-size: clamp(200px,16vw,300px) clamp(200px,16vw,300px);z-index: 1;}
.sub1_3 .text-img-wrap .box.content div:nth-child(2) .img-wrap{background:url(/common/img/ts/sub/sub1_3_1_circle_02.png) no-repeat center; background-size: clamp(200px,16vw,300px) clamp(200px,16vw,300px);z-index: 1;}
.sub1_3 .text-img-wrap .box.content div:nth-child(3) .img-wrap{background:url(/common/img/ts/sub/sub1_3_1_circle_03.png) no-repeat center; background-size: clamp(200px,16vw,300px) clamp(200px,16vw,300px);z-index: 1;}

.sub1_3 .text-img-wrap .box.content div .img-wrap p {color: #ffffff;font-size: 2rem;font-weight: 600;}
.sub1_3 .text-img-wrap .box.content div .img-wrap p.number {color: #000000;font-size: 1.4rem;padding: 15px;font-weight: 600;background: #fff;border-radius: 100%;}
.sub1_3 .text-img-wrap .box.content div h5 p {color: #000000;margin-top: 22px;font-size: clamp(18px,2vw,23px);font-weight: 300;letter-spacing: -1px;}
.sub1_3 .text-img-wrap .box.content div {padding: 0 0 clamp(20px,3.4vw,54px) 0;}
.sub1_3 .text-img-wrap .box.content > div:last-child {padding: 0;}
.sub1_3 .text-img-wrap.df .left_con {display: flex;flex-wrap: wrap;flex-direction: column;gap: clamp(40px,5.2vw,84px);}
.sub1_3 .text-img-wrap.df .left_con .tit {font-size: clamp(26px, 3.4vw, 50px);font-family: 'TheJamsil';font-weight: 500;}
.sub1_3 .text-img-wrap.df .left_con .txt {font-size: clamp(18px,2vw,22px);font-weight: 500;line-height: 1.6em;}
.sub1_3 .text-img-wrap {margin: clamp(40px,6vw,100px) auto clamp(40px,10vw,140px);}
.sub1_3 .text-img-wrap.df{margin-bottom: clamp(40px,5.8vw,100px);}
.sub1_3 > .bg_img {background-image: url(/common/img/ts/sub/sub1_3_1_intro.png);background-size: cover;width: 100%;height: 440px;}

@media screen and (max-width:1480px) {
	.sub1_3 .text-wrap h1{padding: 0 40px;}
	.sub1_3 .text-wrap-tit{padding: 0 40px;}
	.sub1_3 .text-img-wrap.df{padding: 0 40px 20px;}
	.sub1_3 .text-box-wrap{padding: clamp(20px,4.2vw,70px) 40px clamp(20px,4.2vw,70px);}
	.sub1_3 .text-img-wrap{padding: 0 40px;}
	.sub1_3 .text-img-wrap .box.content div .img-wrap::after{right: -85px;}
}

@media screen and (max-width:1200px){
	.sub1_3 .text-img-wrap.df .left_con .txt br{display: none;}
	.sub1_3 .text-img-wrap .box.content div .img-wrap::after{right: -60px;}
}

@media screen and (max-width:1024px) {
  .sub1_3 .text-img-wrap{flex-direction: column;}
  .sub1_3 .text-img-wrap .box.content{margin-left: 0;width: 100%;}
  .sub1_3 .text-img-wrap .box.content div h5 {padding-left: clamp(40px,8vw,186px);}
	.sub1_3 .text-img-wrap .box.content div h5 br{display: none;}
  .sub1_3 .text-img-wrap .box.content div .img-wrap::before{left: 96%;transform: translate(-50%, -50%);}
  .sub1_3 .text-img-wrap .box.content div .img-wrap::after{right: -42px;}
  .sub1_3 > .bg_img{height: 280px;}

	.sub1_3 .right_con img{width: 100%;}
	.sub1_3 .text-img-wrap.df .left_con .txt{padding: 0 0 20px;}
}

@media screen and (max-width:768px) {
	.sub1_3 .text-wrap h1 br{display: none;}

  .sub1_3 .text-box-wrap{flex-direction: column;}
  .sub1_3 .text-box-wrap .box.title{padding: 0 0 30px;}
  .sub1_3 .text-box-wrap .box.content{margin-left: 0;}
  .sub1_3 .text-img-wrap .box.content div h5{padding-left: 20px;}
  .sub1_3 .text-img-wrap .box.content div .img-wrap::before{display: none;}
  .sub1_3 .text-img-wrap .box.content div .img-wrap::after{display: none;}
  .sub1_3 .text-img-wrap .box.content div:nth-child(1) .img-wrap,
  .sub1_3 .text-img-wrap .box.content div:nth-child(2) .img-wrap,
  .sub1_3 .text-img-wrap .box.content div:nth-child(3) .img-wrap{background-size: clamp(180px,34vw,320px) clamp(180px,34vw,320px);width: 280px;height: 280px;}

  .sub1_3 > .bg_img{height: 140px;}
}

@media screen and (max-width:500px) {
  .sub1_3 .text-box-wrap .box.content > div{align-items: flex-start;flex-direction: column;gap: 12px;}
	.sub1_3 .text-box-wrap .box img{padding: 0;}
  .sub1_3 .text-img-wrap .box.title{min-width: auto;}
  .sub1_3 .text-img-wrap .box.content > div{flex-direction: column;}
  .sub1_3 .text-img-wrap .box.content div h5{padding-left: 0; text-align: center; font-size: 18px;}

  .sub1_3 .text-wrap h1{line-height : 2.2rem}
}

.sub1_4 .top_menu {border-bottom: 1px solid #bfbfbf;}
.sub1_4 .top_menu > div > a {line-height: 80px;flex: 0 1 calc(50%);text-align: center;font-size: clamp(18px,2vw,22px);color: #bfbfbf;}
.sub1_4 .top_menu > div > .active {border-bottom: 2px solid #4465a1;}
.sub1_4 .top_menu > div > .active {border-bottom: 2px solid #4465a1;font-weight: 700;color: #000;}
.sub1_4 .text-wrap {margin-top: clamp(40px, 6.2vw, 120px);}
.sub1_4 .text-wrap .bg_img{background-image: url(/common/img/ts/sub/sub1_3_1_bg.png);background-size: cover;width: 100%;height: 440px;}
.sub1_4 .text-wrap .tit {font-size: clamp(26px, 3.4vw, 50px);font-weight: 700;word-break: break-all;/* margin-bottom: clamp(45px, 3.4vw, 75px); */font-family: 'TheJamsil';line-height: 1.2em;}

.sub1_4 .top_con{gap: 40px;}
.sub1_4 .top_con .half{flex: 0 1 calc(100% / 2 - 20px);}
.sub1_4 .top_con .half .img{text-align: right;}
.sub1_4 .top_con .half > p {line-height: 1.6em;padding: 0 0 clamp(40px,5.8vw,100px);font-size: clamp(18px,2vw,20px);letter-spacing: 1px;word-break: break-all;}
.sub1_4 .mid_con {padding: clamp(40px,4.8vw,84px) 0;}
.sub1_4 .mid_con .box-wrap {display: flex;flex-wrap: wrap;gap: clamp(8px, 2vw, 33px);}

.sub1_4 .box-wrap .box{position: relative;display: flex;flex-direction: column;flex: 0 1 calc(100% / 3 - clamp(10px, 2vw, 22px));height: 275px;justify-content: flex-end;padding: 20px 40px clamp(20px, 2.8vw, 50px) clamp(20px, 4vw, 42px);border: 1px solid #9e9d9e;}
.sub1_4 .box-wrap .box .tit {font-size: clamp(24px,2vw,30px);font-weight: 700;font-family: 'TheJamsil';padding: 0 0 clamp(16px,2vw,30px);color: #162b50;}
.sub1_4 .box-wrap .box .txt {font-size: clamp(17px,2vw,19px);line-height: 1.6em;word-break: break-all;}
.sub1_4 .box-wrap .box:nth-child(1){background: url("/common/img/ts/sub/sub1_3_2_logo_01.png") no-repeat center;background-position: top 42px right 42px;}
.sub1_4 .box-wrap .box:nth-child(2){background: url("/common/img/ts/sub/sub1_3_2_logo_02.png") no-repeat center;background-position: top 42px right 42px;}
.sub1_4 .box-wrap .box:nth-child(3){background: url("/common/img/ts/sub/sub1_3_2_logo_03.png") no-repeat center;background-position: top 42px right 42px;}
.sub1_4 .box-wrap .box:nth-child(4){background: url("/common/img/ts/sub/sub1_3_2_logo_04.png") no-repeat center;background-position: top 42px right 42px;}
.sub1_4 .box-wrap .box:nth-child(5){background: url("/common/img/ts/sub/sub1_3_2_logo_05.png") no-repeat center;background-position: top 42px right 42px;}
.sub1_4 .box-wrap .box:nth-child(6){background: url("/common/img/ts/sub/sub1_3_2_logo_06.png") no-repeat center;background-position: top 42px right 42px;}

.sub1_4 .btm_con{margin: 0 auto clamp(60px,8vw,135px);}
.sub1_4 .btm_con .inner{background: #e5edf8;border-radius: 29px;padding: clamp(24px,2.8vw,52px) clamp(20px,2vw,48px) clamp(24px,2.8vw,52px) clamp(20px,4.8vw,62px);width: 100%;}
.sub1_4 .btm_con .left_con {flex: 0 1 calc(100% - 350px);}
.sub1_4 .btm_con .left_con .tit {font-size: clamp(24px,2vw,35px);font-family: 'TheJamsil';font-weight: 700;padding: 0 0 clamp(12px,2vw,20px);}
.sub1_4 .btm_con .left_con  .txt {font-size: clamp(20px,2vw,23px);font-family: 'TheJamsil';font-weight: 700;color: #162b50;padding: 0 0 clamp(18px,2vw,26px);}
.sub1_4 .btm_con .left_con .text {font-size: clamp(18px,2vw,20px);font-weight: 300;line-height: 1.4em;}
.sub1_4 .btm_con .right_con {flex: 350px;display: flex;justify-content: flex-end;flex-direction: column;}
.sub1_4 .btm_con .right_con > a {height: 70px;background: #061a30;display: flex;align-items: center;color: #fff;border-radius: 35px;justify-content: center;font-size: clamp(18px,2vw,20px);font-weight: 700;}

@media screen and (max-width:1440px) {
	.sub1_4 .text-wrap .tit{padding: 0 40px;}
	.sub1_4 .top_con{padding: 0 40px;}
	.sub1_4 .mid_con{padding: clamp(40px,4.8vw,84px) 40px;}
	.sub1_4 .btm_con{padding: 0 40px;}
}

@media screen and (max-width:1200px) {
	.sub1_4 .box-wrap .box .txt br{display: none;}
	.sub1_4 .btm_con .left_con .text br{display: none;}
}

@media screen and (max-width:1024px) {
	.sub1_4 .box-wrap .box{flex: 0 1 calc(100% / 2 - 11px);height: 220px;}
	.sub1_4 .btm_con .left_con{flex: 0 1 calc(100% - 300px);}
	.sub1_4 .btm_con .right_con{flex: 300px;}
}

@media screen and (max-width:768px) {
	.sub1_4 .text-wrap .tit br{display: none;}
	.sub1_4 .top_con{flex-direction: column; gap: 0;}
	.sub1_4 .top_con .half:first-child > p{padding: 0;}
	.sub1_4 .top_con .half > p{padding:0 0 20px;}
	.sub1_4 .top_con .half > p br{display: none;}
	.sub1_4 .top_con .half .img img{width: 200px;}
	.sub1_4 .box-wrap .box{height: 250px;}
	.sub1_4 .box-wrap .box:nth-child(1),
	.sub1_4 .box-wrap .box:nth-child(2),
	.sub1_4 .box-wrap .box:nth-child(3),
	.sub1_4 .box-wrap .box:nth-child(4),
	.sub1_4 .box-wrap .box:nth-child(5),
	.sub1_4 .box-wrap .box:nth-child(6){background-position: top 20px right 20px;}

	.sub1_4 .btm_con .left_con{flex: 100%;}
	.sub1_4 .btm_con .left_con .text{padding: 0 0 12px;}
	.sub1_4 .btm_con .right_con{flex: 100%;}
	.sub1_4 .btm_con .right_con > a{height: 50px;}
}

@media screen and (max-width:500px) {
	.sub1_4 .box-wrap .box{flex: 100%;height: 220px;}
}


.sub1_5 .top_con {
    margin-top: clamp(40px, 6.2vw, 120px);
}
.sub1_5 .top_con .text .tit {font-size: clamp(26px,3.4vw,50px);font-family: 'TheJamsil';font-weight: 700;flex: 0 1 calc(38%);}
.sub1_5 .top_con .text .txt {font-size: clamp(22px,2vw,30px);font-weight: 300;flex: 0 1 calc(62%);}
.sub1_5 .bg_img{background-image: url(/common/img/ts/sub/sub1_5_bg.png);background-size: cover;width: 100%;height: 440px;}

.sub1_5 .mid_con {padding: clamp(20px,2.8vw,45px) 0 clamp(20px,2.6vw,40px);}
.sub1_5 .mid_con .tit {font-size: clamp(26px,3.4vw,50px);font-family: 'TheJamsil';font-weight: 700;padding: 0 0 clamp(20px,5.2vw,80px);line-height: 1.2em;}
.sub1_5 .mid_con .txt {font-size: clamp(18px,2vw,22px);padding: 0 clamp(10%,4vw,30%) 0 0;font-weight: 400;line-height: 1.6em;}

.sub1_5 .btm_con {padding: clamp(20px,2.8vw,50px) 0 0;margin-bottom: clamp(60px,8vw,135px);}
.sub1_5 .btm_con .list {border-top: 2px solid #000000;padding: clamp(28px,3.2vw,52px) 0;align-items: center;gap: 40px;}
.sub1_5 .btm_con .list:last-child{border-bottom:2px solid}
.sub1_5 .btm_con .list > .tit {font-size: clamp(26px,3.4vw,50px);font-weight: 700;font-family: 'TheJamsil';flex: 175px;text-align: center;}
.sub1_5 .btm_con .list .text .tit {font-size: clamp(22px,2vw,30px);font-weight: 700;padding: 0 0 clamp(12px,2vw,20px);}
.sub1_5 .btm_con .list .txt {font-size: clamp(18px,2vw,23px);color: #676767;font-weight: 300;}
.sub1_5 .btm_con .list .text {flex: 0 1 calc(100% - 222px);}

.sub1_5 .mid_con .half:nth-child(1) img {
	object-fit: contain;
	max-width: none;
	width: auto;
	height: auto;
	padding: 10px 0px 12px;
}
@media screen and (max-width:1440px){
	.sub1_5 .top_con .text{padding: 0 40px;}
	.sub1_5 .mid_con{padding: clamp(20px,2.8vw,45px) 40px clamp(20px,2.6vw,40px);}
	.sub1_5 .btm_con{padding: clamp(20px,2.8vw,50px) 40px 0;}
}

@media screen and (max-width:1024px) {
	.sub1_5 .top_con .text .txt br{display: none;}

	.sub1_5 .mid_con .txt{padding: 0 10% 0 0;}
}

@media screen and (max-width:768px) {
	.sub1_5 .top_con .text{flex-direction: column;}
	.sub1_5 .top_con .text .tit{padding: 0 0 12px;}

	.sub1_5 .mid_con{flex-direction: column;}
	.sub1_5 .mid_con .txt{padding: 0 0 12px;}
	.sub1_5 .mid_con .half img{width: 100%; object-fit: cover; height: 180px;}

	.sub1_5 .btm_con .list{gap: 0;}
	.sub1_5 .btm_con .list > .tit{flex: 120px;}
	.sub1_5 .btm_con .list .text{flex: 0 1 calc(100% - 120px);}
}

@media screen and (max-width:500px) {
	.sub1_5 .btm_con .list{flex-direction: column; gap: 12px; align-items: start;}
	.sub1_5 .btm_con .list > .tit{flex: auto;}
}

.sub6_1{overflow: ;}
.odometer-wrap {overflow: hidden;position: relative}
.odometer-wrap .odometer-tobe {display: none}
.odometer-wrap .odometer-newElem {position: absolute;top: 0;transform: translateY(100%)}
.odometer.odometer-auto-theme,.odometer.odometer-theme-default,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit {display: inline-block;vertical-align: middle;*vertical-align: auto;*zoom: 1;*display: inline;position: relative}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {display: inline-block;vertical-align: middle;*vertical-align: auto;*zoom: 1;*display: inline;visibility: hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {text-align: left;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {display: block}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {display: block;-webkit-backface-visibility: hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value {display: block;-webkit-transform: translateZ(0);font-family: 'TheJamsil';font-weight: 700;}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {position: absolute}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {-webkit-transition: -webkit-transform 2s;-moz-transition: -moz-transform 2s;-ms-transition: -ms-transform 2s;-o-transition: -o-transform 2s;transition: transform 2s}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%)}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {-webkit-transition: -webkit-transform 2s;-moz-transition: -moz-transform 2s;-ms-transition: -ms-transform 2s;-o-transition: -o-transform 2s;transition: transform 2s;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0)}
.odometer.odometer-auto-theme,.odometer.odometer-theme-default {line-height: 1.1em;font-family: 'TheJamsil';font-weight: 700;}
.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value {text-align: center}
.odometer .odometer-formatting-mark {display: none}
.scroll-content {position: relative;}
.navigation {display: flex;flex-wrap: wrap;max-width: 1400px;margin: 0 auto;}
.navigation li {flex: 0 1 calc(100% / 4);list-style: none;text-align: center;padding: min(2.2vw,40px) 0;font-size: clamp(24px,2vw,35px);position: relative;}
.navigation li.active:before {width: 100%;height: 2px;background: #4465a1;position: absolute;content: '';bottom: -2px;left: 50%;transform: translateX(-50%)}
.history-navigator {position: sticky;top: 90px;left: 0;width: 100%;box-sizing: border-box;background: #fff;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);z-index: 1;transition: top .1s ease-in-out;/* margin-bottom: min(3.8vw,70px); */border-bottom: 2px solid #bfbfbf;}
.history-navigator.up {transition: top .28s ease-in-out}
.history-navigator ol.navigation {display: flex;align-items: center;padding: 0 min(6.25vw,120px);}
.history-navigator ol.navigation>li>a.active span {color: #162b50;}
.history-navigator ol.navigation>li>a>span {font-size: min(2.8vw,35px);font-weight: 500;line-height: 1.68;color: #dcdcdc;font-family: 'TheJamsil';}
.scroll-content {position: relative}
.fine-line {position: absolute;width: 2px;background: #e5e5e5;top: 0;left: 50%;transform: translate(-50%)}
ol.item-list {padding-top: min(6.8vw,120px);width: 100%;max-width: 1400px;margin: 0 auto;display: flex;flex-wrap: wrap;gap: clamp(40px,10vw,160px);overflow: hidden;}
ol.item-list:nth-of-type(2n){flex-direction: row-reverse;}
ol.item-list:nth-of-type(2n) li.item:nth-of-type(odd) {/* flex-direction: row; *//* text-align: right; *//* transform: translate(10%); */}
ol.item-list:nth-of-type(2n) li.item:nth-of-type(2n) {flex-direction: row-reverse;text-align: left;transform: translate(-10%)}
ol.item-list:nth-of-type(2n) li.item.active {transform: translate(0);opacity: 1}
ol.item-list li.item {display: flex;justify-content: space-between;opacity: 0;transition: 1s ease;border-bottom: 1px solid #c4c4c4;}
ol.item-list li.item:nth-of-type(odd) {transform: translate(-10%)}
ol.item-list li.item:nth-of-type(2n) {}
ol.item-list li.item.active {}
ol.item-list li.item .text-wrap {display: flex;width: 100%;height: 100%;padding: clamp(20px,2vw,40px) 0;align-items: flex-start;}
ol.item-list .tit {font-size: clamp(30px,4vw,60px);font-weight: 700;font-family: 'TheJamsil';color: #dcdcdc;padding: clamp(20px,2.4vw,45px) 0 clamp(30px,4.2vw,70px);}
ol.item-list .img_con {width: calc(45% - 80px);}
ol.item-list .item_menu {flex: 1 1 calc(55% - 80px);}
ol.item-list li.item .text-wrap .year-title {display: block;font-size: clamp(24px,2vw,30px);flex: 0 1 calc(150px);font-family: 'TheJamsil';font-weight: 700;}
ol.item-list li.item .text-wrap .desc {font-size: 18px;font-weight: 500;color: #4b4b4b;display: flex;align-items: center;padding: 0 0 clamp(12px,2vw,26px);}
ol.item-list li.item .text-wrap .desc:last-child{padding:0}
ol.item-list li.item .text-wrap .desc span{width:60px;font-weight: 700;}
ol.item-list li.item .txt{flex: 0 1 calc(100% - 150px);}

.mid-motion {position: relative;background: #fff;z-index: 1;margin-top: clamp(40px, 6.2vw, 120px);}
.mid-motion .year-motion {height: min(8vw,158px);overflow: hidden;text-align: center;opacity: 0;transform: translateY(min(5.2083333333vw,100px));transition: .5s ease;margin-bottom: min(34.2vw,80px);}
.mid-motion .year-motion.active {opacity: 1;transform: translateY(0)}
.mid-motion .year-motion .elem {display: inline-block;vertical-align: middle;font-size: min(6.25vw,120px);font-weight: 400;line-height: 1.32}
.mid-motion .year-motion .elem.hyphen {display: inline-block;margin: 0 min(.625vw,12px)}
.mid-motion .mid-motion-inner {display: flex;flex-direction: column;align-items: center;position: relative;}
.mid-motion .img-motion {/* height: 150vh; */position: relative;width: 30%;transition: 1.2s;transition-delay: .5s}
.mid-motion .img-motion.active {	width: 100%}
.mid-motion .img-motion.active .core-wrap .banner-wrap-his {min-height: min(44.7916666667vw,860px)}
.mid-motion .img-motion .core-wrap {display: flex;justify-content: center;align-items: center;position: sticky;top: 0;/* padding-top: min(16.6666666667vw,320px); */}
.mid-motion .img-motion .core-wrap .banner-wrap-his {position: relative;width: 100%;min-height: min(17.1875vw,330px);transition: 1.2s}
.mid-motion .img-motion .core-wrap .banner-wrap-his .core-wrap-inner {clip-path: inset(0% 0% 0%);position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.mid-motion .img-motion .core-wrap .banner-wrap-his .core-wrap-inner img {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;object-fit: scale-down;}

@media screen and (max-width:1480px) {
	ol.item-list{padding: min(6.8vw,120px) 20px 0;}
}

@media screen and (max-width:1024px) {
	.mid-motion .img-motion .core-wrap .banner-wrap-his .core-wrap-inner img{object-fit: none;}
}

@media screen and (max-width:768px) {
	ol.item-list{flex-direction: column; gap: 0;}
	ol.item-list .img_con{width: 100%;}
	ol.item-list .img_con img{width: 100%;}
	ol.item-list li.item .text-wrap{flex-direction: column; gap: 12px;}
	ol.item-list li.item .text-wrap .year-title{flex: none;}

	.mid-motion .img-motion .core-wrap .banner-wrap-his .core-wrap-inner img{position: relative;top: auto;left: auto;height: 300px;}
	ol.item-list li.item .text-wrap .desc{flex-direction: column;align-items: flex-start;}
}

@media screen and (max-width:500px) {
	.mid-motion .img-motion .core-wrap .banner-wrap-his .core-wrap-inner img{height: clamp(120px,12vw,200px);object-fit: cover;}
}

.sub1_7_1 {}

.sub1_7_1 .top_menu {height: 100px;border-bottom: 2px solid #bfbfbf;}
.sub1_7_1 .top_menu > div{height: 100%;}
.sub1_7_1 .top_menu .half a {font-size: clamp(20px,2vw,24px);font-weight: 700;}
.sub1_7_1 .top_menu .half {height: 100%;display: flex;align-items: center;text-align: center;justify-content: center;position: relative;}
.sub1_7_1 .top_menu .half.active:before {content: '';width: 100%;height: 2px;background: #4465a1;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);max-width: 320px;}

.sub1_7_1 .menu {padding: 0 0 clamp(20px,2.3vw,40px);}
.sub1_7_1 .menu .half .text {display: flex;padding: 0 0 0 clamp(20px, 4vw,92px);height: 100%;flex-direction: column;justify-content: center;background: #f9f9f9;}
.sub1_7_1 .menu .half .text .tit {padding: 0 0 clamp(20px,2vw,40px);font-size: clamp(28px,2vw,35px);font-family: 'TheJamsil';font-weight: 700;}
.sub1_7_1 .menu .half .text .txt {font-size: clamp(18px,2vw,26px);font-weight: 300;line-height: 1.5em;}
.sub1_7_1 .menu .half .text .txt p {padding: 0 0 0 clamp(20px,2vw,30px);position: relative;}
.sub1_7_1 .menu .half .text .txt p:before {content: '';position: absolute;top: 50%;left: 6px;background: #a7a7a7;width: 6px;height: 6px;border-radius: 100%;transform: translateY(-50%);}
.sub1_7_1 .menu .half .text .txt .ex{margin: clamp(10px,2vw,20px) 0 0 clamp(20px,2vw,30px);padding: 4px 0;border: 1px solid #162a51;border-radius: 22px;width: 100%;max-width: clamp(180px,16vw,250px);text-align: center;color: #162a51;font-size: clamp(18px,2vw,20px);font-weight: 500;background: #fff;}
.sub1_7_1 .menu .half .text .txt .ex:before{display: none;}

@media screen and (max-width:1024px) {
	.sub1_7_1 .top_menu{height: 80px;}
}

@media screen and (max-width:768px) {
	.sub1_7_1 .menu{flex-direction: column;padding: 0;}
	.sub1_7_1 .menu:nth-child(2n){flex-direction: column-reverse;}
	.sub1_7_1 .menu .half img{height: 240px; width: 100%; object-fit: cover;}
	.sub1_7_1 .menu .half .text{min-height: 240px;padding: 20px;}
}

.sub1_7_2 .sub_con {
	overflow: auto;
}
.sub1_7_2 .top_menu {height: 100px;border-bottom: 2px solid #bfbfbf;}
.sub1_7_2 .top_menu > div{height: 100%;}
.sub1_7_2 .top_menu .half a {font-size: clamp(20px,2vw,24px);font-weight: 700;}
.sub1_7_2 .top_menu .half {height: 100%;display: flex;align-items: center;text-align: center;justify-content: center;position: relative;}
.sub1_7_2 .top_menu .half.active:before {content: '';height: 2px;background: #4465a1;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);max-width: 320px;width: 100%;}



.sub1_7_2 .slick-arrow{border-radius: 100%;position: absolute;z-index: 100;top: calc(50% - 0px);transform: translateY(-50%);cursor:pointer;max-width: 31px;z-index: '';}
.sub1_7_2 .cer__slide-prev {left: calc(25% - 50px);}
.sub1_7_2 .cer__slide-next {right: calc(70% - 50px);}
.sub1_7_2 .cer__slide-prev2 {left: calc(25% - 50px);}
.sub1_7_2 .cer__slide-next2 {right: calc(70% - 50px);}

.sub1_7_2 .top_con{position: relative;}
.sub1_7_2 .top_con .tit{font-size: clamp(26px, 2.8vw, 50px);font-weight: 700;font-family: 'TheJamsil';margin: 0 0 clamp(40px,4.4vw,80px);}

.sub1_7_2 .text_con{position: relative;padding: 0 0 clamp(20px, 4.4vw, 36px);margin: 0 0 clamp(20px, 4.4vw, 36px);/* overflow: hidden; */}

.sub1_7_2 .slick-dots {transition:all 0.2s;display:block;position:absolute;bottom: 0px;width:100%;left:0;text-align:center;}
.sub1_7_2 .slick-dots li {display:inline-block;margin: 0 5px;background: #ffffff66;border-radius: 100%;}
.sub1_7_2 .slick-dots li button {display:block;width: 15px;height: 15px;font-size:0;background:none;border:0;border-radius: 100%;background: #e9e9e9;}
.sub1_7_2 .slick-dots li.slick-active button {background:#fff;width: 15px;border: 0;border-radius: 100%; /* 왼쪽에 4.5px의 여백을 추가 */ /* 오른쪽에 4.5px의 여백을 추가 */position: relative;background: #091a2e;}

.sub1_7_2 .slide-con .text .top_tit {display: block;padding: 0;}
.sub1_7_2 .slide-con .text .top_tit .year {color: #3b78c9;font-size: clamp(24px, 2vw, 35px);padding: 0 0 clamp(20px,2.4vw,42px);}
.sub1_7_2 .slide-con .text .top_tit .txt {color: #162b51;font-size: clamp(18px,2vw,24px);font-weight: 300;padding: 0 0 clamp(24px,2.8vw,52px);line-height: 1.6em;width: 100%;height: 130px;display: block;}
.sub1_7_2 .slide-con .text > div {display: flex;font-family: 'TheJamsil';align-items: center;padding: clamp(20px,2vw,36px) 0;border-bottom: 2px solid #000;}
.sub1_7_2 .slide-con .text .btm_txt { display: flex; align-items: center;}
.sub1_7_2 .slide-con .text > div .tit {font-weight: 500;width: 120px;font-size: clamp(22px,2vw,27px);}
.sub1_7_2 .slide-con .text > div .txt {font-weight: 300;color: #6b6b6b;font-size: clamp(18px,2vw,22px);width: calc(100% - 120px);height: 50px;display: flex;align-items: center;}
.slide-wr{position: relative;}
.modal_con .inner .slick-list{overflow: hidden;height: 100%;}
#modal_img3{    height: 72vh;    max-height: 640px;}
 .slick-slide{display:block;float:left;}
.sub1_7_2 .slick-track {display: flex;gap: 50px;}

.content1 .top_con{position: relative;}
.content1 {/* padding: 0 0 clamp(40px, 4.4vw, 72px); */border-bottom: 1px solid #d9d9d9;}

.content2{padding: clamp(40px,6.2vw,120px) 0 0;}
.sub1_7_2 .content2 .slide-con .text > div .tit{width: 180px;}
.content2 .img{text-align: center;}
.content2 .img{background: url(../img/sub/sub1_7_2_img01.png) no-repeat center;display: flex;justify-content: center;align-items: center;background-size: contain;}
.content2 .img img{max-width: clamp(200px,20vw,290px);}

.sub1_7_2 .top_con .text_con {}
.sub1_7_2 .year {flex: 0 1 calc(15%);font-weight: 700;font-size: clamp(26px,2vw,35px);color: #3b78c9;padding-right: 20px;}
.sub1_7_2 .table {flex: 0 1 calc(85%);}
.sub1_7_2 .table > div {display: flex;flex-wrap: wrap;padding: clamp(12px,2vw,22px) clamp(12px,2vw,28px);gap: clamp(12px,3.2vw,50px);/* align-items: center; */}
.sub1_7_2 .table .top_con {border-top: 2px solid #000;border-bottom: 2px solid #000;}
.sub1_7_2 .table .top_con > div {font-size: clamp(20px,2vw,24px);font-weight: 300;margin: 0;font-family: 'TheJamsil';}
.sub1_7_2 .content1 .table div > .tit {flex: 0 1 calc(10% - 10px);text-align: center;display: flex;align-items: center;justify-content: center;}
.sub1_7_2 .content1 .table div > .text {flex: 0 1 calc(40% - clamp(10px,3vw,52px));white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight: 300;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;line-height: clamp(22px,3.2vw,30px);}
.sub1_7_2 .content1 .table div > .name {flex: 0 1 calc(40% - clamp(10px,3vw,52px));display: flex;align-items: center;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight: 300;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;line-height: clamp(22px,3.2vw,30px);}
.sub1_7_2 .content1 .table div > .sci {flex: 0 1 calc(10% - clamp(10px,3vw,52px));text-align:center;}

.sub1_7_2 .content2 .table div > .tit {flex: 0 1 calc(30% - clamp(10px,3vw,40px));text-align: left;display: flex;align-items: center;justify-content: start;}
.sub1_7_2 .content2 .table div > .text {flex: 0 1 calc(22.5% - clamp(10px,3vw,40px));display: flex;}
.sub1_7_2 .content2 .table div > .name {flex: 0 1 calc(22.5% - clamp(10px,3vw,40px));display: flex;align-items: center;}
.sub1_7_2 .content2 .table div > .stn {flex: 0 1 calc(10% - clamp(10px,3vw,40px));)- clamp(10px,3vw,52px));text-align:center;display: flex;justify-content: center;align-items: center;font-weight: 300;}
.sub1_7_2 .content2 .table div > .cfe {flex: 0 1 calc(15% - clamp(10px,3vw,52px));text-align:center;display: flex;align-items: center;justify-content: center;}
.sub1_7_2 .content2 .table div > .cfe > a{width: 100%;background: #162b51;padding: clamp(4px,1vw,15px) 0;border-radius: 5px;color: #fff;font-weight: 100;font-size: clamp(14px,2vw,18px);}

.sub1_7_2 .content2 .table .btm_con > .tit {font-weight: 200;font-size: clamp(16px,2vw,18px);color: #162b51;white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-weight: 300;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;line-height: 32px;line-height: 46px;}
.sub1_7_2 .content2 .table .btm_con > .text{font-size: clamp(16px,2vw,18px);color: #6b6b6b;display: flex;align-items: center;font-weight: 200;}
.sub1_7_2 .content2 .table .btm_con > .name{display: flex;align-items: center;color: #6b6b6b;font-weight: 200;}
.sub1_7_2 .content2 .table .btm_con > .stn {font-weight: 200;}
.sub1_7_2 .content2 .table .btm_con > .cfe {}


.sub1_7_2 .table .btm_con {border-bottom: 1px solid;font-family: 'TheJamsil';}
.sub1_7_2 .table .btm_con:last-child {border-bottom: 2px solid;}
.sub1_7_2 .table .btm_con .tit .d {background: #162b51;color: #fff;max-width:86px;width: 100%;padding: clamp(8px,2vw,15px) 4px;font-size: clamp(18px,2vw,22px);font-weight: 100;display: flex;justify-content: center;align-items: center;border-radius: 5px;}
.sub1_7_2 .table .btm_con .tit .b {background: #3b78c9;color: #fff;max-width:86px;width: 100%;padding: clamp(8px,2vw,15px) 4px;font-size: clamp(18px,2vw,22px);font-weight: 100;display: flex;justify-content: center;align-items: center;border-radius: 5px;}
.sub1_7_2 .table .btm_con .text {font-size: clamp(16px,2vw,20px);font-weight: 300;color: #162b51;line-height: 1.2em;}
.sub1_7_2 .table .btm_con .name {color: #6b6b6b;font-size: clamp(16px, 2vw, 20px);font-weight: 300;line-height: 1.2em;}
.sub1_7_2 .table .btm_con .sci {display: flex;align-items: center;justify-content: center;font-size: clamp(18px,2vw,24px);color: #6b6b6b;}

.sub1_7_2 #modal {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgba(0,0,0,.6);}
.sub1_7_2 #modal__content {display: flex;flex-wrap: wrap;position: absolute;top: 54%;left: 50%;transform: translate(-50%, -50%);margin: 0 auto;padding: 60px;background: #FFF;box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}
.sub1_7_2 .modal__exit {position: absolute;width: 60px;height: 60px;top: 0px;right: 0px;font-size: 30px;font-weight: 300;background: #000;color: #FFF;text-align: center;}
.sub1_7_2 .modal__exit span {width: 30px;height: 3px;background: #FFF;display: block;margin: 0 auto;}
.sub1_7_2 .modal__exit span:nth-child(1) {margin: 0px auto 5px;transform: rotate(45deg);position: absolute;top: 50%;left: 15px;}
.sub1_7_2 .modal__exit span:nth-child(2) {margin: 0px auto 5px;transform: rotate(-45deg);top: 50%;position: absolute;left: 15px;}
.sub1_7_2 .modal__img {flex: 0 1 100%;text-align: center;}
.sub1_7_2 .modal__img img {width:100%;max-width: 400px;}
.sub1_7_2 .modal__ttl {flex: 0 1 100%;text-align: center; font-size: 16px; font-weight: 600;}

.sub1_7_2 .x-scr-view{display: none;}
 
@media screen and (max-width:1024px) {
	.sub1_7_2 .text_con .df{flex-direction: column;overflow: scroll;}
	.sub1_7_2 .year{flex: 100%; padding-right: 0; padding-bottom: 20px;}
	.sub1_7_2 .table{flex: none;}

	.sub1_7_2 .slick-arrow{max-width: 20px;}
	.sub1_7_2 .cer__slide-next{right: calc(70% - 50px);}
	.sub1_7_2 .cer__slide-prev{left: calc(30% - 50px);}
	.sub1_7_2 .cer__slide-next2 {right: calc(70% - 50px);}
	.sub1_7_2 .cer__slide-prev2 {left: calc(30% - 50px);}

	.sub1_7_2 .slide-con .text .top_tit .txt{height: 100px;display: block;width: 100%;}
	.sub1_7_2 .slide-con .text > div .txt{height: 42px;display: flex;align-items: center;}

	.sub1_7_2 .top_menu{height: 80px;}
}

@media screen and (max-width:768px) {
	.sub1_4{padding:30px 0}
	.sub1_4 .top-text{padding-top: 0;}
	.sub1_4 .his-box.bg img{display:none;}
	.sub1_4 .bg_sub1_4{margin:0}

	.sub1_7_2 .cer__slide-next{right: calc(60% - 50px);}
	.sub1_7_2 .cer__slide-prev{left: calc(40% - 50px);}
	.sub1_7_2 .cer__slide-next2 {right: calc(60% - 50px);}
	.sub1_7_2 .cer__slide-prev2 {left: calc(40% - 50px);}

	.sub1_7_2 .slide-con {flex-direction: column;}
	.sub1_7_2 .content2 .img{margin: 20px 0;height: 322px;flex: none;}

	.sub1_7_2 .slick-track{gap: 0;}


	.sub1_7_2 #modal__content {padding: 50px 20px;width: 80%;}
	.sub1_7_2 .modal__exit {width: 50px;height: 50px;}
	.sub1_7_2 .modal__exit span {width: 25px;height: 3px;}
	.sub1_7_2 .modal__exit span:nth-child(1) {left: 13px;}
	.sub1_7_2 .modal__exit span:nth-child(2) {left: 13px;}
}

@media screen and (max-width:520px) {
	.sub1_7_2 .text_con .df{width: 768px;}
	.sub1_7_2 .text_con {
		overflow-y: scroll;
		max-width: none;
}
	.sub1_7_2 .table .top_con{flex-wrap: nowrap;}
	.sub1_7_2 .table .btm_con{flex-wrap: nowrap;}
	.sub1_7_2 .x-scr-view{background: url(../img/sub/swipe.png) no-repeat center rgba(255, 255, 255, .8);display: block;background-position: 10% 50%;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%, -50%);right: auto;margin-left: auto;}
}


@media screen and (max-width:500px) {
	.sub1_7_2 .slick-dots{display: flex !important;flex-wrap: wrap;justify-content: center;}
	.sub1_7_2 .slick-dots li{margin: 0; flex: 0 1 calc(100% / 14);}

	.sub1_7_2 .slide-con .text > div .txt{height: auto;}
	.sub1_7_2 .slick-arrow{max-width: 12px;}
	.sub1_7_2 .cer__slide-next{right: calc(30% - 50px);}
	.sub1_7_2 .cer__slide-prev{left: calc(80% - 50px);}
	.sub1_7_2 .cer__slide-next2 {right: calc(30% - 50px);}
	.sub1_7_2 .cer__slide-prev2 {left: calc(70% - 50px);}
}

/* sub1_8_1 */

.sub1_8_1{}
.sub1_8_1 .df {
    justify-content: space-around;
    height: 100%;
}
.sub1_8_1 .top_menu {border-bottom: 1px solid #bfbfbf;height: 100px;}
.sub1_8_1 .top_menu > div > a {flex: 0 1 calc(50%);text-align: center;font-size: clamp(18px,2vw,22px);color: #bfbfbf;max-width: 320px;display: flex;justify-content: center;align-items: center;}
.sub1_8_1 .top_menu > div > .active {border-bottom: 2px solid #4465a1;}
.sub1_8_1 .top_menu > div > .active {border-bottom: 2px solid #4465a1;font-weight: 700;color: #000;}

.sub1_8_1 .five{flex: 0 1 calc(100% / 5 - clamp(10px,4vw,50px));}
.sub1_8_1 .five img{width: 100%;max-height: 325px;height: auto;object-fit: contain;}
.sub1_8_1 .five .tit{font-size: clamp(16px,1.6vw,20px);text-align: center;padding: clamp(20px,2.4vw,42px) 0;font-family: 'TheJamsil';line-height: 1.2em;font-weight: 500;}
.sub1_8_1 .five:nth-child(30) .tit{font-size: clamp(16px,2vw,18px)}

.sub1_8_1 .certificate_con{gap: 15px clamp(20px,4.8vw,62px);justify-content: flex-start;}

@media screen and (max-width:1024px) {
	.sub1_8_1 .five{flex: 0 1 calc(100% / 4 - clamp(10px,3.6vw,50px));}
}

@media screen and (max-width:768px) {
	.sub1_8_1 .top_menu{height: 80px;}
	.sub1_8_1 .five{flex: 0 1 calc(100% / 3 - clamp(10px,3.2vw,50px));}
}

@media screen and (max-width:768px) {
	.sub1_8_1 .five{flex: 0 1 calc(100% / 2 - clamp(10px,2.8vw,50px));}
}

.sub1_9 {}
.sub1_9 .df{gap: clamp(24px,3.8vw,72px);flex-wrap: nowrap;}
.sub1_9 .left_con {width: calc(100% / 2 - clamp(12px,3.8vw,36px));position: relative;}
.sub1_9 .left_con .tit {padding: 0 0 clamp(24px,2vw,54px);font-size: clamp(26px, 3.4vw, 50px);font-weight: 700;font-family: 'TheJamsil';}
.sub1_9 .left_con .txt {font-size: clamp(18px,2vw,22px);line-height: 1.6em;}
.sub1_9 .right_con {width: calc(100% / 2 - clamp(12px,3.8vw,36px));float: right;}
.sub1_9 .right_con .top_con {padding: 0 0 clamp(20px,4.2vw,76px);}
.sub1_9 .right_con .top_con p {padding: clamp(20px,2vw,45px) clamp(24px,2.8vw,52px);border-bottom: 2px solid #000;font-family: 'TheJamsil';font-weight: 300;font-size: clamp(20px,2vw,24px);}
.sub1_9 .right_con .top_con p:first-child {border-top: 2px solid #000;}
.sub1_9 .right_con  .mid_con { font-size: clamp(18px,2vw,22px); line-height: 1.6em;}
.sub1_9 .right_con .mid_con img {padding: clamp(40px,4.4vw,72px) 0 clamp(40px,4.4vw,72px);}
.sub1_9 .right_con  .btm_con {}
.sub1_9 .right_con .btm_con .tit {padding: 0 0 clamp(24px, 2vw, 54px);font-size: clamp(26px, 3.4vw, 50px);font-weight: 700;font-family: 'TheJamsil';}
.sub1_9 .right_con .btm_con  .txt {font-size: clamp(18px, 2vw, 22px);line-height: 1.6em;}
.sub1_9 .left_con {
	position: sticky;
	top: 0;
	z-index: 10;
	transition: all 0.3s ease;
}

@media screen and (max-width:1024px) {
	.sub1_9 .left_con .txt br{display: none;}
}

@media screen and (max-width:768px) {
	.sub1_9 .df{flex-direction: column;}
	.sub1_9 .left_con{width: 100%;}
	.sub1_9 .right_con{width: 100%;}
}
.sub1_10_1 .sub_con {
	padding-bottom: 0;
}
.sub1_10_1 .top_menu {border-bottom: 1px solid #bfbfbf;}
.sub1_10_1 .top_menu > div > a {line-height: 80px;flex: 0 1 calc(50%);text-align: center;font-size: clamp(16px,1.8vw,22px);color: #bfbfbf;}
.sub1_10_1 .top_menu > div > .five{flex: 0 1 calc(100% / 5);}
.sub1_10_1 .top_menu > div > .active {font-weight: 700;color: #000;position:relative;}
.sub1_10_1 .top_menu > div > .active:before{content:'';position:absolute;bottom: -2px;left: 50%;width: 100%;height: 2px;background: #4465a1;transform: translateX(-50%);}
.sub1_10_1 .map_content{position:relative;display: flex;}
.sub1_10_1 .map_content .map_bg {flex: 70%;}
.sub1_10_1 .map_content .map_bg > div {width: 100% !important;height: 100% !important;max-width: 1350px;}
.sub1_10_1 .map_content .wrap_map {height: 600px !important;}
.sub1_10_1 .map_content .box_wr{flex: 30%;}
.sub1_10_1 .map_content .box01{background: #fff;height: 150px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;border-bottom: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;font-size: clamp(18px,2vw,20px);}
.sub1_10_1 .map_content .box01 p:first-child{font-size: clamp(22px,2vw,26px);font-weight: 800;padding-bottom: 15px;}
.sub1_10_1 .map_content .box02{background: #fff;height: 150px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;border-bottom: 1px solid #d9d9d9;font-size: clamp(18px,2vw,20px);}
.sub1_10_1 .map_content .box02 p:first-child{font-size: clamp(22px,2vw,26px);font-weight: 700;padding-bottom: 15px;font-family: 'TheJamsil';}
.sub1_10_1 .map_content .box03{background: #fff;height: 150px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;font-size: clamp(18px,2vw,20px);}
.sub1_10_1 .map_content .box03 p:first-child{font-size: clamp(22px,2vw,26px);font-weight: 800;padding-bottom: 15px;}
.sub1_10_1 .map_content .box04{background:#fbe100;height: 150px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;cursor: pointer;font-size: clamp(18px,2vw,20px);}
.sub1_10_1 .map_content .box04 p:first-child{font-size: clamp(22px,2vw,26px);font-weight: 800;padding-bottom: 15px;}
.wrap_controllers.hide {display: none;}
.sub1_10_1 .top_con {}
.sub1_10_1 .top_con > div {gap: clamp(20px,2.8vw,50px);padding: 0 0 clamp(40px,4.6vw,72px);align-items: center;}
.sub1_10_1 .top_con > div .half {flex: 0 1 calc(100% / 2 - clamp(20px,2.8vw,25px));}
.sub1_10_1 .top_con .top_con_df .half .tit {font-size: clamp(26px, 3.4vw, 50px);font-weight: 700;margin-bottom: clamp(24px, 3.6vw, 66px);font-family: 'TheJamsil';}
.sub1_10_1 .top_con .top_con_df .half .txt {font-size: clamp(18px,2vw,22px);line-height: 1.6em;font-weight: 300;}
.sub1_10_1 .top_con > div .half .text {display: flex;padding: clamp(14px,2vw,36px) clamp(20px,2vw,24px);border-bottom: 2px solid #000;font-size: clamp(24px,2vw,27px);align-items: center;}
.sub1_10_1 .top_con > div .half .text .tit {flex: 0 1 calc(140px);font-weight: 400;font-family: 'TheJamsil';}
.sub1_10_1 .top_con > div .half .text .txt {height: 64px;display: flex;align-items: center;flex: 0 1 calc(100% - 140px);}
.sub1_10_1 .top_con > div .half .text:first-child {border-top: 2px solid #000;}
.sub1_10_1 .btm_con_df .right .text:nth-child(2) .txt {font-size: clamp(16px,2vw,20px);line-height: 1.6em;flex: 0 1 calc(100% - 140px);}
.sub1_10_1 .top_menu.mobile-menu{display: none;background: #f5f5f5;}
.sub1_10_1 .mobile-menu {cursor: pointer;padding: 10px;background-color: #fff;position: relative;display: none;}
.sub1_10_1 .dropdown {position: absolute;top: 100%;left: 0;background-color: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);opacity: 0;max-height: 0;overflow: hidden;transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;transform: translateY(-10px);pointer-events: none;width: 100%;}
.sub1_10_1 .dropdown.show {opacity: 1;max-height: 300px;transform: translateY(0);overflow-y: scroll;pointer-events: auto;background: #f5f5f5;}
.sub1_10_1 .dropdown a { display: block;padding: 10px; text-decoration: none;color: #333;}

.sub1_10_3 .top_con > div .half .text .txt {
	font-size: clamp(16px,2vw,20px);
	line-height: 1.6em;
}

@media screen and (max-width:1440px){
	.sub1_10_1 .map_content .box_wr{right:50px}
}

@media screen and (max-width:1300px){
	.sub1_10_1 .page-tit{padding: 0 20px 50px 20px;}
	.sub1_10_1 .map_content .wrap_map {height: 100% !important;}
	.sub1_10_1 .map_content .box01{padding: 40px 50px;height: 190px;}
	.sub1_10_1 .map_content .box02{padding: 40px 50px;height: 190px;}
	.sub1_10_1 .map_content .box03{padding: 40px 50px;height: 190px;}
	.sub1_10_1 .map_content .box04{padding: 40px 50px;height: 190px;}
}

@media screen and (max-width:1024px){
	.sub1_10_1 .map_content{flex-wrap:wrap}
	.sub1_10_1 .map_content .wrap_map {height: 410px !important;}
	.sub1_10_1 .map_content .box_wr{top:-50px;right: 20px;flex: 100%;}
	.sub1_10_1 .map_content .map_bg{flex:100%}
	
	.sub1_10_1 .map_content .box01{padding: 30px 40px;height: 150px;}
	.sub1_10_1 .map_content .box01 p:first-child{font-size:20px}

	.sub1_10_1 .map_content .box02{padding: 30px 40px;height: 150px;}
	.sub1_10_1 .map_content .box02 p:first-child{font-size:20px}
	
	.sub1_10_1 .map_content .box03{padding: 30px 40px;height: 150px;}
	.sub1_10_1 .map_content .box03 p:first-child{font-size:20px}

	.sub1_10_1 .map_content .box04{padding: 30px 40px;height: 150px;}
	.sub1_10_1 .map_content .box04 p:first-child{font-size:20px}
}

@media screen and (max-width:862px) {
	.sub1_10_1 .top_con > div .half .text .txt{height: 106px;}
}

@media screen and (max-width:768px) {
	.sub1_10_1 .top_menu > div > .five{flex: 100%;display: flex;justify-content: flex-start;padding: 12px 40px;border-bottom: 1px solid #d9d9d9;line-height: normal;}
	.sub1_10_1 .top_menu > div > .active:before{max-width: 320px;}
	
	.sub1_10_1 .top_con > div{flex-direction: column-reverse;gap: 12px;}
	.sub1_10_1 .top_con > .btm_con{flex-direction: column;}
	.sub1_10_1 .top_con > div .right .text:nth-child(2){border-bottom: 0;}
	.sub1_10_1 .top_con > div .half{width: 100%;}
	.sub1_10_1 .top_con > div .half img{width: 100%;}

	.sub1_10_1 .top_con > div .half .text .txt{min-height: 82px;height: auto;}

	.sub1_10_1 .page-tit{padding: 0 20px 30px 20px;}
	.sub1_10_1 .map_content .wrap_map {height: 310px !important;}
	.sub1_10_1 .map_content .box_wr{position: unset;}

	.sub1_10_1 .map_content .box01{padding: 20px 30px;}
	.sub1_10_1 .map_content .box01 p:first-child{font-weight: 600;}

	.sub1_10_1 .map_content .box02{padding: 20px 30px;}
	.sub1_10_1 .map_content .box02 p:first-child{font-weight: 600;}
	
	.sub1_10_1 .map_content .box03{padding: 20px 30px;}
	.sub1_10_1 .map_content .box03 p:first-child{font-weight: 600;}
	
	.sub1_10_1 .map_content .box04{padding: 20px 30px;}
	.sub1_10_1 .map_content .box04 p:first-child{font-weight: 600;}


	.sub1_10_1 .top_con .left_con > .tit br{display: none;}
	.sub1_10_1 .top_menu.mobile-menu{display: block;height: 60px;padding: 20px 40px;z-index: 2;}
	.sub1_10_1 .top_menu{display: none;}
	.sub1_10_1 .top_menu > div > .eight{display: flex;justify-content: flex-start;padding: 12px 40px;border-bottom: 1px solid #d9d9d9;}
	.sub1_10_1 .top_menu > div > .active:before{display: none;}
}

@media screen and (max-width:500px) {
	.sub1_10_1 .top_con > div .half .text{flex-direction: column;align-items: flex-start;gap: 8px;}
	.sub1_10_1 .top_con > div .half .text .tit{flex: none;}
	.sub1_10_1 .top_con > div .half .text .txt{min-height: auto;}

	.sub1_10_1 .page-tit h1{text-align:center}
	.sub1_10_1 .map_content .box01{height:auto;padding: 20px 20px;}
	.sub1_10_1 .map_content .box02{height:auto;padding: 20px 20px;}
	.sub1_10_1 .map_content .box03{height:auto;padding: 20px 20px;}
	.sub1_10_1 .map_content .box04{height:auto;padding: 20px 20px;}
	.sub1_10_1 .root_daum_roughmap .border1{display:block!important;}
}


/* sub1_11 */
.sub1_11{}
.sub1_11 .map_content{position:relative;display: flex;}
.sub1_11 .map_content .map_bg {flex: 70%;}
.sub1_11 .map_content .map_bg > div {width: 100% !important;max-width: 1350px;}
.sub1_11 .map_content .wrap_map {height: 600px !important;}

.sub1_11 .map_content .box_wr{flex: 30%;}

.sub1_11 .map_content .box01{background: #fff;height: 150px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;border-bottom: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;font-size: clamp(18px,2vw,20px);}
.sub1_11 .map_content .box01 p:first-child{font-size: clamp(22px,2vw,26px);font-weight: 800;padding-bottom: 15px;}

.sub1_11 .map_content .box02{background: #fff;height: 150px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;border-bottom: 1px solid #d9d9d9;font-size: clamp(18px,2vw,20px);}
.sub1_11 .map_content .box02 p:first-child{font-size: clamp(22px,2vw,26px);font-weight: 700;padding-bottom: 15px;font-family: 'TheJamsil';}

.sub1_11 .map_content .box03{background: #fff;height: 150px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;font-size: clamp(18px,2vw,20px);}
.sub1_11 .map_content .box03 p:first-child{font-size: clamp(22px,2vw,26px);font-weight: 800;padding-bottom: 15px;}

.sub1_11 .map_content .box04{background:#fbe100;height: 150px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;cursor: pointer;font-size: clamp(18px,2vw,20px);}
.sub1_11 .map_content .box04 p:first-child{font-size: clamp(22px,2vw,26px);font-weight: 800;padding-bottom: 15px;}

.sub1_11 .arrow {transition: transform 0.3s ease;}
.sub1_11 .arrow.active {transform: rotate(180deg);}
.sub1_11 .menu_con .txt {max-height: 0;overflow: hidden;transition: max-height 0.5s ease; }

.sub1_11 .left_con {font-size: clamp(24px, 5vw, 54px);font-weight: 500;font-family: 'TheJamsil';flex: 0 1 calc(20%);}
.sub1_11 .right_con {flex: 0 1 calc(80%);}
.sub1_11 .btm_con {padding: clamp(40px,4.8vw,80px) 0 0;}
.sub1_11 .right_con .menu_con {padding: clamp(20px,2.8vw,48px) clamp(20px,2.8vw,50px);border-bottom: 2px solid #000;}
.sub1_11 .right_con .menu_con:first-child{border-top:2px solid #000}
.sub1_11 .right_con .menu_con .tit {display: flex;align-items: center;justify-content: space-between;font-size: clamp(24px,2vw,27px);}
.sub1_11 .menu_con .txt .df {padding: 0 0 clamp(12px,2vw,20px);font-size: clamp(18px,2vw,20px);gap: 14px;line-height: 1.4em;}
.sub1_11 .menu_con .txt .df:first-child {padding: clamp(20px,2vw,32px) 0 clamp(12px,2vw,20px);}

.sub1_11 .root_daum_roughmap .cont{display: none;}

@media screen and (max-width:1440px){
	.sub1_11 .map_content .box_wr{right:50px}
}

@media screen and (max-width:1300px){
	.sub1_11 .page-tit{padding: 0 20px 50px 20px;}
	.sub1_11 .map_content .wrap_map {height: 595px !important;}
	.sub1_11 .map_content .box01{padding: 40px 50px;height: 190px;}
	.sub1_11 .map_content .box02{padding: 40px 50px;height: 190px;}
	.sub1_11 .map_content .box03{padding: 40px 50px;height: 190px;}
	.sub1_11 .map_content .box04{padding: 40px 50px;height: 190px;}
}

@media screen and (max-width:1024px){
	.sub1_11 .map_content{flex-wrap:wrap}
	.sub1_11 .map_content .wrap_map {height: 410px !important;}
	.sub1_11 .map_content .box_wr{top:-50px;right: 20px;flex: 100%;}
	.sub1_11 .map_content .map_bg{flex:100%}
	
	.sub1_11 .map_content .box01{padding: 30px 40px;height: 150px;}
	.sub1_11 .map_content .box01 p:first-child{font-size:20px}

	.sub1_11 .map_content .box02{padding: 30px 40px;height: 150px;}
	.sub1_11 .map_content .box02 p:first-child{font-size:20px}
	
	.sub1_11 .map_content .box03{padding: 30px 40px;height: 150px;}
	.sub1_11 .map_content .box03 p:first-child{font-size:20px}

	.sub1_11 .map_content .box04{padding: 30px 40px;height: 150px;}
	.sub1_11 .map_content .box04 p:first-child{font-size:20px}
}

@media screen and (max-width:768px) {
	.sub1_11{}
	.sub1_11 .btm_con{gap: 12px;}
	.sub1_11 .right_con{flex: 100%}
	.sub1_11 .page-tit{padding: 0 20px 30px 20px;}
	.sub1_11 .map_content .wrap_map {height: 310px !important;}
	.sub1_11 .map_content .box_wr{position: unset;}

	.sub1_11 .map_content .box01{padding: 20px 30px;}
	.sub1_11 .map_content .box01 p:first-child{font-weight: 600;}

	.sub1_11 .map_content .box02{padding: 20px 30px;}
	.sub1_11 .map_content .box02 p:first-child{font-weight: 600;}
	
	.sub1_11 .map_content .box03{padding: 20px 30px;}
	.sub1_11 .map_content .box03 p:first-child{font-weight: 600;}
	
	.sub1_11 .map_content .box04{padding: 20px 30px;}
	.sub1_11 .map_content .box04 p:first-child{font-weight: 600;}
}

@media screen and (max-width:500px) {
	.sub1_11 .page-tit h1{text-align:center}
	.sub1_11 .map_content .box01{height:auto;padding: 30px 20px;}
	.sub1_11 .map_content .box02{height:auto;padding: 30px 20px;}
	.sub1_11 .map_content .box03{height:auto;padding: 30px 20px;}
	.sub1_11 .map_content .box04{height:auto;padding: 30px 20px;}
	.sub1_11 .root_daum_roughmap .border1{display:block!important;}
}

.sub2_1 {}

.sub2_1 .top_con {padding: clamp(40px,4.4vw,80px) 0;}
.sub2_1 .top_con .three {flex: 0 1 calc(100% / 3);display: flex;gap: clamp(20px,2vw,35px);justify-content: center;}
.sub2_1 .top_con .three > div {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;gap: clamp(12px,2vw,20px);}
.sub2_1 .top_con .three > div .tit {font-family: 'TheJamsil';font-weight: 700;font-size: clamp(22px,2vw,26px);}
.sub2_1 .top_con .three > div .txt {font-size: clamp(18px,2vw,20px);font-weight: 400;}
.sub2_1 > .mid_con {background: #f6f6f6;padding: clamp(40px,4.8vw,90px) 0;flex-direction: column;}
.sub2_1 .mid_con .mid_con_inner {max-width: 1400px;margin: 0 auto;width: 100%;}
.sub2_1 .mid_con .mid_con_inner .tit {font-size: clamp(18px,2vw,22px);font-family: 'TheJamsil';font-weight: 700;display: flex;flex-direction: column;gap: 20px;position: absolute;width: auto;max-width: 1400px;}
.sub2_1 .mid_con .mid_con_inner .tit p:nth-child(1):before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 88px;height: 10px;background: #b7b7b8;}
.sub2_1 .mid_con .mid_con_inner .tit p:nth-child(2):after {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 88px;height: 10px;background: #000;}
.sub2_1 .mid_con .mid_con_inner .tit p {padding:0 0 0 108px;position: relative;}
.sub2_1 .mid_con .mid_con_inner .img {max-width: 1100px;margin: 0 0 0 auto;}
.sub2_1 .mid_con .mid_con_inner .img .df {display: flex;align-content: center;align-items: center;justify-content: space-between;}
.sub2_1 .mid_con .mid_con_inner .img .df .two > img {flex: 0 1 calc(100% / 1);}
.sub2_1 .mid_con .mid_con_inner .img .df .three > img {flex: 0 1 calc(100% / 3);}
.sub2_1 .mid_con .mid_con_inner .img .df .df {flex-direction: column;}
.sub2_1 .mid_con .mid_con_inner .img .df .three {gap: clamp(24px,3.2vw,62px);flex: 0 1 calc(20%);}
.sub2_1 .mid_con .mid_con_inner .img .df .two {flex: 0 1 calc(27.5%);gap: clamp(20px,2vw,30px);}
.sub2_1 .mid_con .mid_con_inner .img .df .one{flex: 0 1 calc(25%);}
.sub2_1 .btm_txt {border-radius: 20px;background: #e5edf8;width: 100%;text-align: center;padding: clamp(20px,2vw,40px) 0;margin: clamp(20px,3.2vw,60px) auto 0;font-size: clamp(22px,2vw,27px);font-family: 'TheJamsil';font-weight: 500;color: #0e2c54;}
.modal_con {display: none;position: fixed;z-index: 9999;left: 50%;top: 50%;width: 100%;height: 64vh;background-color: #fff;max-width: 1200px;max-height: 560px;transform: translate(-50% , -50%);}
.modal_content {position: absolute;z-index: 1;padding: 20px; max-width: 62px;background: #0e2c54;height: 62px;width: 100%;right: 0;}
.modal_img { width: 100%;height: auto;}
.close {position: absolute;top: calc(50% - 4px);left: 50%;transform: translate(-50%, -50%);color: white;font-size: 50px;font-weight: 100;cursor: pointer;}
.visual-slide{overflow: hidden;position: relative;}
.slide-wr {position: relative;}
.modal_con .inner .slide-wr .visual-slide,
.modal_con .inner .slide-wr .visual-slide2,
.modal_con .inner .slide-wr .visual-slide3,
.modal_con .inner .slide-wr .visual-slide4 {overflow: hidden;position: relative;height: 100%;}
.modal_con .inner .slick-list .slick-slide {display: block;float: left;height:100%;}
.modal_con .inner .slick-list .slick-slide > div{height: 100%;}
.modal_con .inner .slick-list .slick-slide > div > div{height: 100%;}
.modal_con .inner .slick-list .slick-slide > div > div > video{
    height: 100%;
    object-fit: cover;
}
.modal_con .inner .slick-list .slick-slide > div > div > img{height: 100%;object-fit: cover;width: 100%;}
.slick-track{height:100%;}
.sub2_1 .slide-wr {width: 55%;}
.sub2_1 .slide-wr > div{height: 100%;}
.sub2_1 .modal_con .inner {height: 100%;}
.sub2_1 .modal_con .text {width: 45%;display: flex;flex-direction: column;justify-content: center;padding: 0 0 0 clamp(20px,3.8vw,74px);position: relative;height: 100%;}
.sub2_1 .slick-dots {}
.sub2_1 .slick-dots li {display:inline-block;margin: 0 5px;background: #ffffff66;border-radius: 100%;}
.sub2_1 .slick-dots li button {display:block;width: 15px;height: 15px;font-size:0;background:none;border:0;border-radius: 100%;background: #e9e9e9;}
.sub2_1 .slick-dots li.slick-active button {background:#fff;width: 15px;border: 0;border-radius: 100%; /* 왼쪽에 4.5px의 여백을 추가 */ /* 오른쪽에 4.5px의 여백을 추가 */position: relative;background: #091a2e;}
.sub2_1 .modal_con .text .sub_tit {padding: 0 0 clamp(12px,2.4vw,30px);font-size: clamp(22px,2.8vw,30px);font-weight: 300;font-family: 'TheJamsil';color: #0e2c53;}
.sub2_1 .modal_con .text  .tit {font-size: clamp(30px,4.4vw,60px);font-family: 'TheJamsil';font-weight: 700;color: #0e2c53;padding: 0 0 clamp(20px,2.8vw,50px);}
.sub2_1 .modal_con .text .txt {font-size: clamp(18px,2vw,22px);font-weight: 500;line-height: 1.6em;color: #000;max-width: 400px;padding: clamp(20px,2.8vw,50px) 0 50px;position: relative;}
.sub2_1 .modal_con .text .txt:before{content:'';position: absolute;top: 0;left: 50%;transform: translateX(-50%);background: #d8d8d8;width: 100%;max-width: 400px;height: 1px;}
.sub2_1 .custom-dots {position: relative;transition: all 0.2s;display: block;position: absolute;bottom: 42px;width: 100%;right: 40px;text-align: right;}

@media screen and (max-width:1400px) {
	.sub2_1 .top_con{padding: clamp(40px,4.4vw,80px) 20px;}
	.sub2_1 > .mid_con{padding: clamp(40px,4.8vw,90px) 40px;}
}

@media screen and (max-width:1024px) {
	.sub2_1 .mid_con .mid_con_inner{overflow: scroll;}
	.sub2_1 .mid_con .mid_con_inner .img{width: 1000px;padding: 100px 0 0;}
	.sub2_1 .x-scr{position: relative;}
	.sub2_1 .x-scr-view{background: url(/common/img/ts/sub/swipe.png) no-repeat center rgba(255, 255, 255, .8);display: block;background-position: 50%;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}

}

@media screen and (max-width:768px) {
	.sub2_1 .top_con{flex-direction: column;padding: 20px 40px;gap: 8px;}
	.sub2_1 .top_con .three{justify-content: space-between;}

	.sub2_1 .modal_con .inner{flex-direction: column;display: block !important;}
	.sub2_1 .slide-wr{height: 50%;width: 100%;}
	.sub2_1 .modal_con .text{width: 100%;display: block;background: #fff;padding: 12px 20px;}
	.sub2_1 .modal_con .text .txt{padding: clamp(20px,2.8vw,50px) 0 30px;}
	.sub2_1 .custom-dots{bottom: 20px;}
}

.sub2_2{}
.sub2_2 .top_menu {border-bottom: 1px solid #bfbfbf;height: 100px;}
.sub2_2 .top_menu > div > a {height: 100%;flex: 0 1 calc(50%);text-align: center;font-size: clamp(18px,2vw,22px);color: #bfbfbf;}
.sub2_2 .top_menu > div > .two{flex: 0 1 calc(100% / 2);max-width: 245px;display: flex;justify-content: center;align-items: center;}
.sub2_2 .top_menu > div > .active {font-weight: 700;color: #000;position:relative;}
.sub2_2 .top_menu > div > .active:before{content:'';position:absolute;bottom: -2px;left: 50%;width: 100%;height: 2px;background: #4465a1;transform: translateX(-50%);}
.sub2_2 .btm_con {}
.sub2_2 .top_menu .df {justify-content: space-around;height: 100%;}
.sub2_2 .top_con {padding: 0 0 clamp(40px,5.2vw,90px);}
.sub2_2 .mid_con {padding: 0 0 clamp(24px,3.2vw,60px);}
.sub2_2 .mid_con .left_con {flex: 0 1 calc(45%);font-size: clamp(30px, 6vw, 100px);font-family: 'TheJamsil';font-weight: 700;}
.sub2_2 .mid_con .left_con span{font-size: clamp(24px,4.4vw,50px);}
.sub2_2 .line {max-width: 140px;border-top: 2px solid;padding: clamp(20px,5.2vw,92px) 0 0;}
.sub2_2 .mid_con .right_con {font-weight: 100;flex: 0 1 calc(55%);font-size: clamp(20px, 2vw, 26px);line-height: 1.6em;}
.sub2_2 .table {padding: 0 0 clamp(24px,3.2vw,60px);gap: 15px;}
.sub2_2 .table .table_con {flex: 0 1 calc(100% / 2 - 7.5px);}
.sub2_2_2 .table .table_con{flex: 100%;}
.sub2_2 .table .table_con .text:nth-child(1) {border-top: 2px solid #c2c2c2;}
.sub2_2 .table .table_con .text .tit {flex: calc(30%);font-weight: 700;font-family: 'TheJamsil"';border-right: 1px solid #d0d1d0;background: #f9f9f9;}
.sub2_2 .table .table_con .text .txt {flex: 70%;color: #6f6f6f;}
.sub2_2 .table .table_con .text {text-align: center;border-bottom: 1px solid #d8d8d8;}
.sub2_2 .table .table_con .text > div {padding: clamp(6px,2vw,12px) 0;font-size: clamp(16px,2vw,18px);}
.sub2_2 .btm_con > .tit {padding: 0 0 clamp(24px,3.2vw,60px);font-size: clamp(24px, 5vw, 54px);font-weight: 500;font-family: 'TheJamsil';}
.sub2_2 .btm_con .table_con .text_con {display: flex;flex-wrap: wrap;align-items: stretch;text-align: center;border-bottom: 1px solid #d8d8d8;}
.sub2_2 .btm_con .table_con .text_con .tit {flex: 0 1 calc(15%);border-right: 1px solid #d8d8d8;}
.sub2_2 .btm_con .table_con .text_con .txt {flex: 0 1 calc(25%);border-right: 1px solid #d8d8d8;}
.sub2_2 .btm_con .table_con .text_con .text {flex: 0 1 calc(60%);line-height: 1.4em;}
.sub2_2 .btm_con .table_con {padding: clamp(6px, 2vw, 12px) 0;font-size: clamp(16px, 2vw, 18px);}
.sub2_2 .btm_con .table_con .text_con:nth-child(1) {border-top: 2px solid #c2c2c2;background: #f5f5f5;}
.sub2_2 .btm_con .table_con .text_con > div {padding: clamp(6px, 2vw, 12px) 0;font-size: clamp(16px, 2vw, 18px);display: flex;align-items: center;justify-content: center;}
.sub2_2 .btm_con .table_con p {
	padding: 10px 0 0;
	color: #666666;
}

@media screen and (max-width:768px) {
	.sub2_2 .top_menu{height: 80px;}
	.sub2_2 .mid_con{flex-direction: column;}
	.sub2_2 .line{padding: 20px 0 0; margin: 20px 0 0 ;}
	.sub2_2 .table{flex-direction: column;}
	.sub2_2 .table .table_con{flex: 100%;}

	.sub2_2 .btm_con .table_con{display: flex; flex-wrap: wrap;}
	.sub2_2 .btm_con .table_con .text_con:nth-child(1){flex: 0 1 calc(30%);flex-direction: column;}
	.sub2_2 .btm_con .table_con .text_con:nth-child(2){border-top:2px solid #c2c2c2 ;}
	.sub2_2 .btm_con .table_con .text_con > div{flex: calc(100% / 3 - 30px) !important;}
	.sub2_2 .btm_con .table_con .text_con{flex: 0 1 calc(70%);flex-direction: column;}
	
	.sub2_2 .btm_con .table_con .text_con .tit{border-right: 0;border-bottom: 1px solid #d8d8d8;height: 35px;flex: none !important;}
	.sub2_2 .btm_con .table_con .text_con .txt{border-right: 0;border-bottom: 1px solid #d8d8d8;height: 36px;flex: none !important;}
}




.sub3_1{}
.sub3_1 .df{height: 100%;}
.sub3_1 .top_menu {border-bottom: 1px solid #bfbfbf;height: 100px;}
.sub3_1 .top_menu > div > a {line-height: 80px;flex: 0 1 calc(50%);text-align: center;font-size: clamp(16px,1.4vw,22px);color: #bfbfbf;}
.sub3_1 .top_menu > div > .seven{flex: 0 1 calc(100% / 7);line-height: normal;height: 100%;display: flex;justify-content: center;align-items: center;}
.sub3_1 .top_menu > div > .active {font-weight: 700;color: #000;position:relative;line-height: normal;}
.sub3_1 .top_menu > div > .active:before{content:'';position:absolute;bottom: -2px;left: 50%;width: 100%;height: 2px;background: #4465a1;transform: translateX(-50%);max-width: clamp(120px,10vw,180px);}
.sub3_1 .btm_con {}
.sub3_1 .btm_con .left_con {flex: 0 1 calc(45%);font-size: clamp(30px, 6vw, 80px);font-family: 'TheJamsil';font-weight: 700;}
.sub3_1 .btm_con .right_con {font-weight: 100;flex: 0 1 calc(55%);font-size: clamp(18px,2vw,26px);line-height: 1.6em;}
.sub3_1 .top_con {padding: 0 0 clamp(40px,4.8vw,100px);}
.sub3_1 .top_con > img {max-height: 566px;object-fit: cover;width: 100%;}
.sub3_1 .line {max-width: 140px;border-top: 4px solid;padding: clamp(20px,2.8vw,60px) 0 0;margin: clamp(40px,3.2vw,90px) 0 0;width: 100%;}

.sub3_1 .btm_con .right_con .df {height: auto;display: flex;align-items: center;gap: 10px;}
.custom-dots {transition: all 0.2s;display: block;width: 100%;text-align: center;/* padding: 10px 0 0; */display: inline-block;display: flex;flex: 0 1 calc(100% - 210px);}
.custom-dots .dot.active {display: block;width: 15px;height: 15px;font-size: 0;background: none;border: 0;border-radius: 100%;background: #e9e9e9;background: #fff;width: 15px;border: 0;border-radius: 100%;position: relative;background: #091a2e;}
.custom-dots .dot {margin: 0 5px;display: block;width: 15px;height: 15px;font-size: 0;border: 0;border-radius: 100%;background: #e9e9e9;}
.sub3_1 .slide-wr {height: 100%;width: 100%;overflow: hidden;}

.sub3_1 .mobile-menu {cursor: pointer;padding: 10px;background-color: #fff;position: relative;display: none;background: #f5f5f5;}
.sub3_1 .dropdown {position: absolute;top: 100%;left: 0;background-color: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);opacity: 0;max-height: 0;overflow: hidden;transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;transform: translateY(-10px);pointer-events: none;width: 100%;}
.sub3_1 .dropdown.show {opacity: 1;max-height: 300px;transform: translateY(0);overflow: scroll;pointer-events: auto;}
.sub3_1 .dropdown a { display: block;padding: 10px; text-decoration: none;color: #333;}

.sub3_1 .slick-dots {transition: all 0.2s;display: block;width: 100%;left: 0;text-align: center;padding: 10px 0 0;}
.sub3_1 .slick-dots li {display: inline-block;margin: 0 5px;background: #ffffff66;border-radius: 100%;}
.sub3_1 .slick-dots li button {display: block;width: 15px;height: 15px;font-size: 0;background: none;border: 0;border-radius: 100%;background: #e9e9e9;}
.sub3_1 .slick-dots li.slick-active button {background: #fff;width: 15px;border: 0;border-radius: 100%;position: relative;background: #091a2e;}
.sub3_1 .slide-info{font-family: 'TheJamsil';font-weight: 300;font-size: clamp(18px,2vw,20px);}

@media screen and (max-width:1024px) {
	.sub3_1 .top_menu.mobile-menu{display: block;height: 60px;padding: 20px 40px;z-index: 2;}
	.sub3_1 .top_menu{display: none;}
	.sub3_1 .top_menu > div > .seven{line-height: normal;text-align: left;display: block;padding: 20px 40px;border-bottom: 1px solid #d9d9d9;background: #f5f5f5;}
	.sub3_1 .top_menu > div > .seven:last-child{border-bottom: 0;}
	.sub3_1 .top_menu > div > .active:before{display: none;}
}




@media screen and (max-width:768px){
	.sub3_1 .btm_con{flex-direction: column;}

}
@media screen and (max-width:500px) {
	.sub3_1 .btm_con .right_con .df{flex-direction: column;align-items: flex-start;padding: 0 0 20px;}
}



.sub3_2{}
.sub3_2 .sub_con{overflow: visible;}
.sub3_2 .top_menu {border-bottom: 1px solid #bfbfbf;height: 100px;}
.sub3_2 .top_menu .df{height: 100%;}
.sub3_2 .top_menu > div > a {height: 100%;flex: 0 1 calc(50%);text-align: center;font-size: clamp(16px,1.4vw,18px);color: #bfbfbf;}
.sub3_2 .top_menu > div > .eight{flex: 0 1 calc(100% / 8);height: 100%;display: flex;align-items: center;justify-content: center;}
.sub3_2 .top_menu > div > .active {font-weight: 700;color: #000;position:relative;}
.sub3_2 .top_menu > div > .active:before{content:'';position:absolute;bottom: -2px;left: 50%;width: 100%;height: 2px;background: #4465a1;transform: translateX(-50%);max-width: clamp(100px,10vw,120px);}
.sub3_2 .btm_con {padding: clamp(80px,8.8vw,160px) 0  0;) 0;position: relative;}
.sub3_2 .btm_con > div > div{overflow: hidden;}
.sub3_2 .top_con {opacity: 0;transition: opacity 0.5s ease;display: none;}
.sub3_2 .btm_con .six{flex: 0 1 calc(100% / 6);}
.sub3_2 .top_con.show {display: flex;opacity: 1;flex-wrap: wrap;}
.sub3_2 .six img.active {display: none;}
.sub3_2 .six.active img.active {display: block;}
.sub3_2 .six img {max-height: 160px;object-fit: cover;display: block;}
.sub3_2 .six.active .no_acitve {display: none;}

.sub3_2 .slick img.active {display: none;}
.sub3_2 .slick.active img.active {display: block;}
.sub3_2 .slick img {max-height: 160px;object-fit: cover;display: block;}
.sub3_2 .slick.active .no_acitve {display: none;}

.sub3_2 .top_con .left_con {flex: 0 1 calc(100% / 2);}
.sub3_2 .top_con  .right_con {flex: 0 1 calc(100% / 2);overflow: visible;}
.sub3_2 .top_con .right_con img {width: 100%;object-fit: none;overflow: visible;height: 440px;width: fit-content;}
.sub3_2 .top_con .left_con > .tit {font-size: clamp(32px, 5.4vw, 90px);font-family: 'Pretendard';color: #e5e5e560;font-weight: 700;padding: 0 0 clamp(40px,4.4vw,90px);height: clamp(200px,20vw,408px);}
.sub3_2 .top_con .left_con .text_con {max-width: 600px;}
.sub3_2 .top_con .left_con  .text_con > div {display: flex;padding: clamp(20px,2vw,45px) clamp(20px,2vw,40px);border-bottom: 2px solid;align-items: center;}
.sub3_2 .top_con .left_con .text_con > div .tit {font-weight: 600;}
.sub3_2 .top_con .left_con .text_con > div > div {font-size: clamp(20px,2vw,24px);font-weight: 100;flex: 0 1 calc(100% / 2);}

.sub3_2_1 .top_con#section1 .right_con .img{background: url(/common/img/ts/sub/sub3_2_1_img01_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_1 .top_con#section2 .right_con .img{background: url(/common/img/ts/sub/sub3_2_1_img02_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_1 .top_con#section3 .right_con .img{background: url(/common/img/ts/sub/sub3_2_1_img03_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_1 .top_con#section4 .right_con .img{background: url(/common/img/ts/sub/sub3_2_1_img04_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_1 .top_con#section5 .right_con .img{background: url(/common/img/ts/sub/sub3_2_1_img05_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_1 .top_con#section6 .right_con .img{background: url(/common/img/ts/sub/sub3_2_1_img06_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}

.sub3_2_1 .slick-arrow{border-radius: 100%;position: absolute;z-index: 100;top: calc(50% + clamp(40px,8.8vw,80px));transform: translateY(-50%);cursor: pointer;}
.sub3_2_1 .arrow-prev {left: calc(0% - 80px);}
.sub3_2_1 .arrow-next {right: calc(0% - 80px);}

.sub3_2_2 .top_con#section1 .right_con .img{background: url(/common/img/ts/sub/sub3_2_2_img01_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_2 .top_con#section2 .right_con .img{background: url(/common/img/ts/sub/sub3_2_2_img02_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_2 .top_con#section3 .right_con .img{background: url(/common/img/ts/sub/sub3_2_2_img03_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_2 .top_con#section4 .right_con .img{background: url(/common/img/ts/sub/sub3_2_2_img04_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_2 .top_con#section5 .right_con .img{background: url(/common/img/ts/sub/sub3_2_2_img05_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_2 .top_con#section6 .right_con .img{background: url(/common/img/ts/sub/sub3_2_2_img06_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_2 .top_con#section7 .right_con .img{background: url(/common/img/ts/sub/sub3_2_2_img07_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_2 .top_con#section8 .right_con .img{background: url(/common/img/ts/sub/sub3_2_2_img08_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_2 .slick-arrow{border-radius: 100%;position: absolute;z-index: 100;top: calc(50% + clamp(40px,8.8vw,80px));transform: translateY(-50%);cursor: pointer;}
.sub3_2_2 .arrow-prev {left: calc(0% - 80px);}
.sub3_2_2 .arrow-next {right: calc(0% - 80px);}

.sub3_2_3 .top_con#section1 .right_con .img{background: url(/common/img/ts/sub/sub3_2_3_img01_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_3 .top_con#section2 .right_con .img{background: url(/common/img/ts/sub/sub3_2_3_img02_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_3 .top_con#section3 .right_con .img{background: url(/common/img/ts/sub/sub3_2_3_img03_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_3 .top_con#section4 .right_con .img{background: url(/common/img/ts/sub/sub3_2_3_img04_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_3 .top_con#section5 .right_con .img{background: url(/common/img/ts/sub/sub3_2_3_img05_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_3 .top_con#section6 .right_con .img{background: url(/common/img/ts/sub/sub3_2_3_img06_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_3 .top_con#section7 .right_con .img{background: url(/common/img/ts/sub/sub3_2_3_img07_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_3 .top_con#section8 .right_con .img{background: url(/common/img/ts/sub/sub3_2_3_img08_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_3 .top_con#section9 .right_con .img{background: url(/common/img/ts/sub/sub3_2_3_img09_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_3 .top_con#section10 .right_con .img{background: url(/common/img/ts/sub/sub3_2_3_img10_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_3 .top_con#section11 .right_con .img{background: url(/common/img/ts/sub/sub3_2_3_img11_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}

.sub3_2_3 .slick-arrow{border-radius: 100%;position: absolute;z-index: 100;top: calc(50% + clamp(40px,8.8vw,80px));transform: translateY(-50%);cursor: pointer;}
.sub3_2_3 .arrow-prev {left: calc(0% - 80px);}
.sub3_2_3 .arrow-next {right: calc(0% - 80px);}

.sub3_2_4 .top_con#section1 .right_con .img{background: url(/common/img/ts/sub/sub3_2_4_img01_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_4 .top_con#section2 .right_con .img{background: url(/common/img/ts/sub/sub3_2_4_img02_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_4 .top_con#section3 .right_con .img{background: url(/common/img/ts/sub/sub3_2_4_img03_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_4 .top_con#section4 .right_con .img{background: url(/common/img/ts/sub/sub3_2_4_img04_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_4 .top_con#section5 .right_con .img{background: url(/common/img/ts/sub/sub3_2_4_img05_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_4 .top_con#section6 .right_con .img{background: url(/common/img/ts/sub/sub3_2_4_img06_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_4 .top_con#section7 .right_con .img{background: url(/common/img/ts/sub/sub3_2_4_img07_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}

.sub3_2_4 .slick-arrow{border-radius: 100%;position: absolute;z-index: 100;top: calc(50% + clamp(40px,8.8vw,80px));transform: translateY(-50%);cursor: pointer;}
.sub3_2_4 .arrow-prev {left: calc(0% - 80px);}
.sub3_2_4 .arrow-next {right: calc(0% - 80px);}


.sub3_2_5 .top_con#section1 .right_con .img{background: url(/common/img/ts/sub/sub3_2_5_img01_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_5 .top_con#section2 .right_con .img{background: url(/common/img/ts/sub/sub3_2_5_img02_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_5 .top_con#section3 .right_con .img{background: url(/common/img/ts/sub/sub3_2_5_img03_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_5 .top_con#section4 .right_con .img{background: url(/common/img/ts/sub/sub3_2_5_img04_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_5 .top_con#section5 .right_con .img{background: url(/common/img/ts/sub/sub3_2_5_img05_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}

.sub3_2_5 .slick-arrow{border-radius: 100%;position: absolute;z-index: 100;top: calc(50% + clamp(40px,8.8vw,80px));transform: translateY(-50%);cursor: pointer;}
.sub3_2_5 .arrow-prev {left: calc(0% - 80px);}
.sub3_2_5 .arrow-next {right: calc(0% - 80px);}


.sub3_2_6 .top_con#section1 .right_con .img{background: url(/common/img/ts/sub/sub3_2_6_img01_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_6 .top_con#section2 .right_con .img{background: url(/common/img/ts/sub/sub3_2_6_img02_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_6 .top_con#section3 .right_con .img{background: url(/common/img/ts/sub/sub3_2_6_img03_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_6 .top_con#section4 .right_con .img{background: url(/common/img/ts/sub/sub3_2_6_img04_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_6 .top_con#section5 .right_con .img{background: url(/common/img/ts/sub/sub3_2_6_img05_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_6 .top_con#section6 .right_con .img{background: url(/common/img/ts/sub/sub3_2_6_img06_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_6 .top_con#section7 .right_con .img{background: url(/common/img/ts/sub/sub3_2_6_img07_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_6 .top_con#section8 .right_con .img{background: url(/common/img/ts/sub/sub3_2_6_img08_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}

.sub3_2_6 .slick-arrow{border-radius: 100%;position: absolute;z-index: 100;top: calc(50% + clamp(40px,8.8vw,80px));transform: translateY(-50%);cursor: pointer;}
.sub3_2_6 .arrow-prev {left: calc(0% - 80px);}
.sub3_2_6 .arrow-next {right: calc(0% - 80px);}



.sub3_2_7 .top_con#section1 .right_con .img{background: url(/common/img/ts/sub/sub3_2_7_img01_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_7 .top_con#section2 .right_con .img{background: url(/common/img/ts/sub/sub3_2_7_img02_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_7 .top_con#section3 .right_con .img{background: url(/common/img/ts/sub/sub3_2_7_img03_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_7 .top_con#section4 .right_con .img{background: url(/common/img/ts/sub/sub3_2_7_img04_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_7 .top_con#section5 .right_con .img{background: url(/common/img/ts/sub/sub3_2_7_img05_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}

.sub3_2_7 .slick-arrow{border-radius: 100%;position: absolute;z-index: 100;top: calc(50% + clamp(40px,8.8vw,80px));transform: translateY(-50%);cursor: pointer;}
.sub3_2_7 .arrow-prev {left: calc(0% - 80px);}
.sub3_2_7 .arrow-next {right: calc(0% - 80px);}



.sub3_2_8 .top_con#section1 .right_con .img{background: url(/common/img/ts/sub/sub3_2_8_img01_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.sub3_2_8 .top_con#section2 .right_con .img{background: url(/common/img/ts/sub/sub3_2_8_img02_active.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}


.sub3_2 .mobile-menu {cursor: pointer;padding: 10px;background-color: #fff;position: relative;display: none;}
.sub3_2 .dropdown {position: absolute;top: 100%;left: 0;background-color: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);opacity: 0;max-height: 0;overflow: hidden;transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;transform: translateY(-10px);pointer-events: none;width: 100%;}
.sub3_2 .dropdown.show {opacity: 1;max-height: 300px;transform: translateY(0);overflow: scroll;pointer-events: auto;}
.sub3_2 .dropdown a { display: block;padding: 10px; text-decoration: none;color: #333;}


@media screen and (max-width:1600px) {
	.sub3_2 .slick-arrow{top: calc(50% + clamp(40px,4vw,80px));}
	.sub3_2 .slick-arrow img{height: 60px; width: 60px;}
	.sub3_2 .btm_con{padding: clamp(80px,8.8vw,160px) 60px 0;}
	.sub3_2_1 .arrow-prev {left: calc(0% - 20px);}
	.sub3_2_1 .arrow-next {right: calc(0% - 20px);}
	.sub3_2_2 .arrow-prev {left: calc(0% - 20px);}
	.sub3_2_2 .arrow-next {right: calc(0% - 20px);}
	.sub3_2_3 .arrow-prev {left: calc(0% - 20px);}
	.sub3_2_3 .arrow-next {right: calc(0% - 20px);}
	.sub3_2_4 .arrow-prev {left: calc(0% - 20px);}
	.sub3_2_4 .arrow-next {right: calc(0% - 20px);}
	.sub3_2_5 .arrow-prev {left: calc(0% - 20px);}
	.sub3_2_5 .arrow-next {right: calc(0% - 20px);}
	.sub3_2_6 .arrow-prev {left: calc(0% - 20px);}
	.sub3_2_6 .arrow-next {right: calc(0% - 20px);}
	.sub3_2_7 .arrow-prev {left: calc(0% - 20px);}
	.sub3_2_7 .arrow-next {right: calc(0% - 20px);}
}

@media screen and (max-width:1024px) {
	.sub3_2 .top_con .left_con > .tit br{display: none;}
	.sub3_2 .top_menu.mobile-menu{display: block;height: 60px;padding: 20px 40px;z-index: 2;background: #f5f5f5;}
	.sub3_2 .top_menu{display: none;}
	.sub3_2 .top_menu > div > .eight{display: flex;justify-content: flex-start;padding: 12px 40px;border-bottom: 1px solid #d9d9d9;background: #f5f5f5;}
	.sub3_2 .top_menu > div > .active:before{display: none;}
}

@media screen and (max-width:768px) {
	.sub3_2 .slick-arrow img{height: 50px; width: 50px;}
	.sub3_2 .top_con{flex-direction: column;}
	.sub3_2 .top_con .right_con{overflow: auto;height: 300px;width: 100%;padding: 40px 0 0;}
	.sub3_2 .top_con .right_con img{}
	.sub3_2 .btm_con{padding: clamp(80px,8.8vw,160px) 50px 0;}
	.sub3_2 .top_con.show{display: block;}

	.sub3_2 .top_con .left_con > .tit{height: 80px;}

	.sub3_2 .top_con .left_con .text_con > div{flex-direction: column;align-items: flex-start;gap:6px}
}

@media screen and (max-width:500px) {
	.sub3_2 .slick-arrow img{height: 40px; width: 40px;}
	.sub3_2 .slick-arrow{top: calc(50%)}
	.sub3_2 .top_con .right_con{height: 250px;}
	.sub3_2 .btm_con{padding: clamp(20px,8.8vw,160px) 40px 0;}
}











/* .cert__box {}
.cert__list {display: flex;flex-wrap: wrap;gap: 40px 20px;}
.cert__item {flex: 0 1 calc(100% / 4 - 15px); }
.cert__item-img {border: 1px solid #d5d3d3;margin: 0 0 10px;cursor: pointer;padding: 4px;}
.cert__item-img:hover {border: 5px solid #0555b2;padding: 0px;}
.cert__item-img img {width: 100%;}
.cert__item-txt {font-size: clamp(14px, 2vw, 20px);color: #032678;text-align: center;padding: 15px 10px;background: #f4f4f4;}

@media screen and (max-width: 768px) {
	.cert__list {gap: 20px;}
	.cert__item {flex: 0 1 calc(100% / 3 - 14px);}
}

@media screen and (max-width: 500px) {
	.cert__list {gap: 10px;}
	.cert__item {flex: 0 1 calc(100% / 2 - 5px);}
}
.wr-1400 {width: 100%; max-width: 1400px; margin: 0 auto;}


#imageModal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);justify-content: center;align-items: center;z-index: 9;}
.modal::before {content: '';background: url(/common/img/ts/sub/close_btn.png) no-repeat;width: 12px;height: 12px;position: absolute;top: 2%;right: -10px;transform: translateX(200%);}

#modalContent img {width: 100%;height: 100%;}
.modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);justify-content: center;align-items: center;}
.modal-content {max-width: 80%;max-height: 80%;position: relative;}
.modal-content img {width: 100%;height: 100%;}
.close {position: absolute;top: 12px;right: 20px;font-size: 22px;color: #000;cursor: pointer;}


@media screen and (max-width:650px){
	#modalContent::before{display: none;}
} */

.sub6_1 .top_con {}

.sub6_1 .top_con .tit {font-size: clamp(24px, 5vw, 54px);font-weight: 500;font-family: 'TheJamsil';text-align: center;padding: 0 0 clamp(40px,5.2vw,90px);}
.sub6_1 .btm_con {gap: 36px;}
.sub6_1 .btm_con .btm_con_inner {flex: 0 1 calc(100% / 2 - 18px);border: 1px solid #0e2c54;padding: 0 0 0 clamp(20px,4.4vw,75px);}
.sub6_1 .btm_con .left_con {flex: 0 1 calc(85%);padding: clamp(20px,2.8vw,50px) 0;}
.sub6_1 .btm_con .right_con {flex: 0 1 calc(15%);text-align: center;color: #fff;background: #0e2c54;padding: clamp(20px,2.8vw,32px) 0;font-size: clamp(22px,2vw,30px);}
.sub6_1 .btm_con .left_con .logo {padding: 0 0 clamp(20px,2vw,40px);}
.sub6_1 .btm_con .left_con .name {display: flex;align-items: flex-end;gap: 24px;padding: 0 0 clamp(20px,2vw,40px);}
.sub6_1 .btm_con .left_con .name .tit {font-size: clamp(26px, 5vw, 55px);font-family: 'TheJamsil';font-weight: 500;width: auto;}
.sub6_1 .btm_con .left_con .name .txt {font-size: clamp(18px,2vw,22px);width: auto;font-weight: 300;}
.sub6_1 .btm_con .left_con .tall {padding: 0 0 clamp(20px,2vw,30px);position: relative;}
.sub6_1 .btm_con .left_con .tall:before{content:'';position:absolute;bottom: 0px;width: 100%;height: 1px;max-width: 280px;background: #000;}
.sub6_1 .btm_con .left_con .email {padding: clamp(20px,2vw,30px) 0 0;}
.sub6_1 .btm_con .left_con > div > a{display: flex;flex-wrap: wrap;font-size: clamp(18px,2vw,20px);}
.sub6_1 .btm_con .left_con > div p {font-weight: 700;width: 32px;}

@media screen and (max-width:1024px) {
	.sub6_1 .btm_con .left_con{flex: 80%;}
	.sub6_1 .btm_con .right_con{flex: 20%;}
}

@media screen and (max-width:768px) {
	.sub6_1 .btm_con{flex-direction: column;gap: 20px;}
	.sub6_1 .btm_con .left_con{flex: 75%;}
	.sub6_1 .btm_con .right_con{flex: 15%;}
}

@media screen and (max-width:500px) {
	.sub6_1 .btm_con .btm_con_inner{flex-direction: column;padding: 0;}
	.sub6_1 .btm_con .left_con{padding: 20px 20px 20px;}
	.sub6_1 .btm_con .right_con{padding: 12px 20px;text-align: left;}
}

.sub7_1 > .df {gap: clamp(40px,4.4vw,80px);flex-wrap: nowrap;}
.sub7_1 .left_con {width: calc(45% - clamp(20px,6.4vw,50px));background: #f7f7f7;border-radius: 55px;padding: clamp(25px,4.8vw,90px) clamp(20px,4.8vw,80px);}
.sub7_1 .right_con {width: calc(55% - clamp(20px,6.4vw,50px));display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}
.sub7_1 .left_con .icon {padding: 0 0 clamp(80px,10vw,180px);}
.sub7_1 .left_con .icon > img {width: 280px;}
.sub7_1 .left_con .cost {font-size: clamp(64px,7.2vw,134px);font-weight: 900;padding: 0 0 clamp(20px,3.8vw,60px);}
.sub7_1 .left_con .left_con_inner {padding: clamp(20px,2vw,34px) clamp(20px,2vw,40px);text-align: center;background: #fff;margin-bottom: clamp(20px,2vw,34px);border-radius: 48px;justify-content: space-between;font-family: 'TheJamsil';font-weight: 500;font-size: clamp(18px,2vw,24px);}
.sub7_1 .left_con .left_con_inner:last-child{margin-bottom:0}
.sub7_1 .right_con .right_con_inner {justify-content: space-between;padding: clamp(20px,2vw,40px) clamp(20px,2vw,34px);font-size: clamp(18px,2vw,24px);font-family: 'TheJamsil';border-bottom: 1px solid #000;font-weight: 700;}
.sub7_1 .right_con .right_con_inner .txt {font-family: 'Pretendard';font-weight: 300;}

@media screen and (max-width:768px) {
	.sub7_1 > .df{flex-direction: column;}
	.sub7_1 .left_con{width: 100%;}
	.sub7_1 .right_con{width: 100%;}
}

.sub7_3{display: flex;    justify-content: center;}


@media screen and (max-width:768px) {
	.sub7_3 > div {overflow: scroll;position: relative;}
	.sub7_3 .x-scr-view{background: url(/common/img/ts/sub/swipe.png) no-repeat center rgba(255, 255, 255, .8);display: block;background-position: 50%;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
}


.sub7_2 .tbale {}
.sub7_2 .tabel_tit {display: flex;}
.sub7_2 .tabel_txt {display: flex;}
.sub7_2 .tabel > div > div {flex: 0 1 calc(100% / 4);text-align:right;font-size: clamp(18px,2vw,32px);padding: clamp(20px,2vw,48px) clamp(20px,3.4vw,60px);border-bottom: 1px solid;}
.sub7_2 .tabel_tit > div{font-family: 'TheJamsil';font-weight: 500; border-top: 1px solid;}
.sub7_2 .tabel_txt > div {font-weight: 100;font-family: 'Pretendard';}
.sub7_2 .tabel > div > div:first-child{text-align:left}

@media screen and (max-width:600px) {
	.sub7_2 .tabel{width: 600px;}
	.sub7_2 > div {overflow: scroll;position: relative;}
	.sub7_2 .x-scr-view{background: url(/common/img/ts/sub/swipe.png) no-repeat center rgba(255, 255, 255, .8);display: block;background-position: 50%;padding-top: 30px;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
}

/* sub6_2 */
.sub6_2 .top_con_table {line-height: 1.6em;margin-bottom: clamp(20px,3.2vw,50px);border-top: 2px solid #333;}
.sub6_2 .top_con_table .df .tit {flex: 30%;padding: 12px 5px 10px;border: 0;border-bottom: 1px solid #e5e5e5;color: #000;text-align: left;background: #fbfbfb;font-family: 'TheJamsil';font-size: 14px;}
.sub6_2 .top_con_table .df .txt {flex: 70%;padding: 12px 5px 10px;border: 0;border-bottom: 1px solid #e5e5e5;color: #555;text-align: left;font-family: 'TheJamsil';font-weight: 300;font-size: 14px;}
.sub6_2 .btm_con_table {line-height: 1.6em;margin-bottom: clamp(20px, 3.2vw, 50px);border-top: 2px solid #333;}
.sub6_2 .btm_con_table > div {display: flex;text-align: center;font-family: 'TheJamsil';}
.sub6_2 .btm_con_table > div .left_txt {flex: 10%;}
.sub6_2 .btm_con_table > div .mid_txt {flex: 70%}
.sub6_2 .btm_con_table > div .right_txt {flex: 20%;}
.sub6_2 .btm_con_table > div > div {padding: 12px 5px 10px;border-bottom: 1px solid #e5e5e5;color: #555;text-align: center;font-size: 13px;}
.sub6_2 .board_search {text-align: center;margin-bottom: 10px;padding: clamp(20px, 2vw, 40px) 20px;max-width: 1400px;margin: 0 auto clamp(20px, 2vw, 40px);border-top: 3px solid;border-bottom: 3px solid;background: #00000000;border-right: 0;border-left: 0;}
.sub6_2 select {background: 0;font-family: 'TheJamsil' !important;!i;!;height: 70px !important;!i;!;border: 0 !important;!i;!;width: calc(100% - 1200px);font-size: clamp(22px, 2vw, 30px);min-width: 90px;}
.sub6_2 .board_search input {border: 1px solid;padding: 5px;width: 20%;height: 70px !important;width: 100% !important;max-width: clamp(80px,28vw,520px);width: 40% !important;}
.sub6_2 .board_search input#cert_no1 {margin-right: 20px;}
.sub6_2 .board_search .board_search_btn {background: url(/common/img/ts/sub/icon_search--active.png) no-repeat center;background-size: contain;border: none;width: 90px !important;height: 70px !important;background-size: 30px;cursor: pointer;font-size: 0;outline: none;}
.sub6_2 p {
	font-size: clamp(20px,2vw,25px);
	font-weight: 300;
	text-align: center;
	padding: clamp(20px,2vw,25px) 0 0;
	font-family: 'TheJamsil';
}
@media screen and (max-width:768px) {
	.sub6_2 .board_search input{max-width: clamp(80px,18vw,120px);}
	.sub6_2 .board_search .board_search_btn{width: 70px !important;}
}

@media screen and (max-width:500px) {
	.sub6_2 select{width: 100%;}
	.sub6_2 .board_search input {width: calc(100% / 2 - 50px) !important;max-width: none;height: 50px !important;!i;!;!u;!;}
}

/* sub8_2 */
.sub8_2 .df{gap: 12px 0;text-align: center;padding: clamp(20px, 2vw, 40px) 20px;max-width: 1400px;margin: 10px auto clamp(20px, 2vw, 40px);border-top: 3px solid;border-bottom: 3px solid;{
    outline: none !important;
};}
.sub8_2 .df .inner{flex: 0 1 calc(100% / 2);display: flex;align-items: center;}
.sub8_2 .df .inner .tit{font-size: clamp(16px,2vw,18px);font-weight: 500;width: 140px;text-align: center;font-size: clamp(22px, 2vw, 30px);}
.sub8_2 .df .inner input{padding: 10px 0;max-width: 400px;width: 100%;border: 1px solid;height: 70px;font-size: clamp(20px, 2vw, 22px);padding: 0 12px;font-weight: 500;1pxborder: solid;}
.sub8_2 .df .inner input:focus {
    outline: none !important;
}
.sub8_2 .txt{text-align: right;padding: 0 0 5px;color: #909090;}
.sub8_2 .txt .point{color: #ff0000;padding: 0 4px 0 0;}
.sub8_2 .btm_con{display: flex;align-items: center;justify-content: center;=: 20px 0 0;}

.sub8_2 .btm_con button{color: #fff;background: #162b51;max-width: 220px;width: 100%;padding: 12px 0;font-size: clamp(20px,2vw,22px);}

@media screen and (max-width:768px) {
	.sub8_2 .df .inner input{height: 50px;}
}

@media screen and (max-width:500px) {
	.sub8_2 .df{flex-direction: column;}
}

/* 개인정보처리방침 */
.sub_privacy{font-size:16px;color:#333;max-width:1300px;margin:20px auto 60px}
.privacy .privacy{font-size:clamp(14px, 2vw, 18px);font-weight:700;/* padding-left:80px; */padding: clamp(60px, 8vw, 135px) 0;overflow: hidden;position: relative;z-index: 1;}
  
.privacy .ttl {font-size: 21px;color: rgb(0 69 140);padding-bottom: 15px;font-weight: 700;}
.privacy .txt {font-size: clamp(16px, 2vw, 20px);color:#333;padding: 0 10px 20px;line-height: 1.5em;font-weight: 500;}
.privacy .mk {font-size:15px; font-weight:500; color:#003b68;}
.privacy .txt .dep1 li {padding-bottom:5px;font-size: clamp(16px, 2vw, 18px);}

.ctt_provision li{font-size:clamp(16px,2vw,18px);color:#333;font-weight:500;}

.quick-btn_hide{border-right: 2px solid #233763 !important;position:fixed;top:30px;right:-21px;background:#233763;border-top-left-radius:50px;border-bottom-left-radius:50px;color:#fff;font-size:18px;padding:10px 10px;z-index:10;cursor:pointer;-webkit-animation:moveright .8s linear 0s infinite alternate;animation:moveright .8s linear 0s infinite alternate;border:2px solid #fff;box-shadow:0 0 15px rgba(0,0,0,.2)}

@-webkit-keyframes moveright {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(6px)
    }
}

@keyframes moveright {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(6px)
    }
}



.sub6_3_1 .board_search {text-align: center;margin-bottom: 10px;padding: clamp(20px,2vw,40px) 20px;max-width: 1400px;margin:0 auto clamp(20px,2vw,40px);border-top: 3px solid;border-bottom: 3px solid;}
.sub6_3_1 .board_search select {background: 0;font-family: 'TheJamsil';height: 70px;border: 0;width: calc(100% - 1000px);font-size: clamp(22px,2vw,30px);min-width: 120px;}
.sub6_3_1 input#po_no_seq {border: 1px solid !important;!i;!;!ㅑ;!ㅑㅡ;!ㅑ;!;padding: 5px;width: 20%;height: 70px !important;width: calc(100% - 200px) !important;max-width: 900px;}

.sub6_3_1 table {
	width: 100%;
}
.sub6_3_1 .scroll{overflow-x: scroll;}
.sub6_3_1 .board_read {border-top:2px solid #333;width:100%;border-collapse:collapse;line-height:1.5em;overflow: scroll;}
.sub6_3_1 .board_read thead th {background:#fafafa; padding:10px 5px 8px;  border:none;  border-bottom:1px solid #e5e5e5; }
.sub6_3_1 .board_read thead th.title {  text-align:center;}
.sub6_3_1 .board_read td {padding:12px 5px 10px;border:0;border-bottom:1px solid #e5e5e5;color:#555;text-align:center;font-size:13px;text-align:left;min-width: 80px;}
.sub6_3_1 .board_read thead td.rc {font-size:12px;}
.sub6_3_1 .board_read thead td.rc span {background:url(board_line.gif) no-repeat 2px 6px; padding-left:8px; display:inline-block;}
.sub6_3_1 .board_read thead td.rc span:nth-child(1) {background:none; margin:0; padding:0;}
.sub6_3_1 .board_read thead td.rc span strong{ margin-right:5px; color:#000; }
.sub6_3_1 .board_read thead td.attach_list {font-size:12px;}
.sub6_3_1 .board_read thead td.attach_list img {margin-top:2px;}
.sub6_3_1 .board_read tbody th {padding:12px 5px 10px; border:0; border-bottom:1px solid #e5e5e5; color:#555;text-align:center; font-size:13px; text-align:left; background:#fbfbfb;}
.sub6_3_1 .board_read th span.txtc_inreq {color:#ff6600;}
.sub6_3_1 .board_read tbody td input{ border:1px solid #d4d4d4; padding:2px 3px; }
.sub6_3_1 .board_read tbody td textarea{ border:1px solid #d4d4d4; padding:2px 3px; }
.sub6_3_1 .board_read tbody td select {border:1px solid #d4d4d4; padding:5px 3px; }
.sub6_3_1 .board_read tbody td select option {padding:3px 5px; }
.board_search_btn {
	background:url(../img/icon_search--active.png) no-repeat center;
	background-size: contain; 
	border: none;
	width: 90px;
	height: 70px;
	background-size: 30px;
	cursor: pointer;
	outline: none;
	font-size: 0;
}

/* 호버 시 효과 */
.board_search_btn:hover {
	opacity: 0.8;
}


.mobile-menu {
	cursor: pointer;
	padding: 10px;
	background-color: #fff;
	position: relative;
	display: none;
}
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	margin-top: 20px;
}

.pagination a {
	display: inline-block;
	padding: 8px 12px;
	text-decoration: none;
	color: #333;
	border: 1px solid #ddd;
	border-radius: 4px;
	transition: background-color 0.3s, color 0.3s;
}

.pagination a:hover {
	background-color: #007bff;
	color: white;
}

.pagination a.active {
	background-color: #007bff;
	color: white;
	border-color: #007bff;
}

.pagination a.first, 
.pagination a.last {
	font-weight: bold;
	color: #555;
}

.pagination a.prev,
.pagination a.next {
	font-weight: bold;
}

.pagination a.first:hover,
.pagination a.last:hover,
.pagination a.prev:hover,
.pagination a.next:hover {
	background-color: #0056b3;
	color: white;
}
.sub6_3 #login_box {
	max-width: 700px;
	margin: 0 auto;
}

.sub6_3 #login_box .tit {
	font-size: clamp(22px,2vw,30px);
	font-weight: 500;
	font-family: 'TheJamsil';
	padding: clamp(20px,2vw,40px) 0 clamp(8px,2vw,12px);
}
.sub6_3 #login_box input {
	width: 100%;
}

.sub6_3 #login_box .btn {
	background: #000;
	margin: clamp(20px,3.2vw,50px) 0 0;
	color: #fff;
	padding: clamp(20px,2vw,32px);
	height: 100%;
	font-family: 'TheJamsil';
	font-weight: 100;
	font-size: clamp(18px,2vw,25px);
}

.sub6_3 #login_box input[type=text], .sub6_3 #login_box input[type=password] {
	height: 70px;
	border: 0;
	border-bottom: 1px solid;
}

.sub6_3 #login_box input[type=text]::placeholder, .sub6_3 #login_box input[type=password]::placeholder {color:#00000027;padding:0 8px}

@media screen and (max-width: 1024px) {
  .mobile-menu {
			display: block;
			height: 60px;
			padding: 20px 40px;
			z-index: 2;
			background: #f5f5f5;
	}
}	

@media screen and (max-width:500px) {
	.sub6_3_1 .board_search select{width: 100%;}
	.sub6_3_1 input#po_no_seq{width: calc(100% - 100px) !important;}
}

/* search_inner */
.search_inner .df a {width: 100%;}
.search_inner  li {
	border-bottom: 1px solid #ececec;
	background: #fff;
	position: relative;
	padding: 15px 12px 15px;
	line-height: 1.6em;
	}
	.search_inner li .date{color: #777;}
	.search_inner li > a {width: 100%;display: flex;justify-content: space-between;font-size: clamp(14px,2vw,20px);}
.search_board_result > .tit{
	padding: 15px 12px 15px;
	font-size: clamp(16px, 2vw, 20px);
	border-top: 2px solid;
	border-bottom: 2px solid;
	position: relative;
	background: #272c8f;
	color: #fff;
	font-weight: 700;
	}
.search_inner form{
	background: #f7f7f7;
	padding: 30px;
	text-align: center;
	margin: 0px 0 40px;
	}

	
.search_inner #sch_stx {
	border: 1px solid #cccccc;
	padding: 5px 10px;
	font-size: 17px;
	color: #7c7c7c;
	width: clamp(100px,30vw,350px);
	height: 45px;
	background: #FFF;
}
.search_inner #sch_submit{    width: 45px;
	height: 45px;
	background: #272c8f;
	border: 0;
	position: relative;}

.search_inner #sch_submit::after {
    display: block;
    content: '';
    background: url('../img/icon_search.png') no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.x-scr{position:relative}
.x-scr-view{display:none;padding-top:30px;background:url(../img/swipe.png) no-repeat center rgb(0 0 0 / 14%);background-size:45px;width:65px;height:65px;position:absolute;top:0;right:0;margin-left:-40px;border-radius:50%;z-index:999}
input:focus {outline: none !important;}

@media screen and (max-width:1024px) {
	.x-scr-view {
		background: url(../img/swipe.png) no-repeat top 160px center rgba(255, 255, 255, .8);
		display: block;
		padding-top: 30px;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		z-index: 999;
		border-radius: 0;
	}
}
#contents .headTitle {
	display: none !important;
}

#contents #searchForm {
	display: none;
}

#contents .infoBox {
	display: none;
}

#contents .messageBoxBottom {display: none;}