@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

───────────────────────────────────────────────────────────*/








/*───────────────────────────────────────────────────────────
	
	common.css 커스텀 css 아래에 작성

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	font common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		body {}/*letter-spacing:-0.2px;*/
		div, dd, li, p, span, td, dt, h1, h2, h3, h4, h5, h6, strong, b, em, th {}
		b, dt, strong, em, th, h1, h2, h3, h4, h5, h6 {font-weight:700;}/* Noto Sans KR은 500 사용 */
		input, button, textarea, select {}
			/* webfont */
		.ff_open {font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important;}
		.ff_noto {font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
		.ff_mont {font-family: 'Montserrat', 'Nanum Gothic', sans-serif !important;}
		.ff_nanum {font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;}
		.ff_lato {font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}
		.ff_nbg {font-family: 'Nanum Barun Gothic','Nanum Gothic', sans-serif !important;}
		.ff_open, .ff_open a, .ff_open span, .ff_open div, .ff_open ul, .ff_open li, .ff_open p {font-family: 'Open Sans' !important;}
		.ff_noto, .ff_noto a, .ff_noto span, .ff_noto div, .ff_noto ul, .ff_noto li, .ff_noto p {font-family: 'Noto Sans KR', 'Noto Sans' !important; font-weight:400;}
			/* font weight */
		.fw_t {font-weight:300;}
		.fw_n {font-weight:400;}
		.fw_b {font-weight:700;}/* Noto Sans KR은 500 사용 */
		.fw_eb {font-weight:800;}/* Noto Sans KR은 700 사용 */


		/*** common ***/


		/*** TABLE | 서브페이지 전체 사용 ( board / member / layout ) ***/


		/*** BOARD ***/


		/*** GOODS ***/


		/*** MEMBER ***/


		/*** SERVICE ***/


/*───────────────────────────────────────────────────────────
	
	** navigation, button 관련 css 영역

───────────────────────────────────────────────────────────*/



/*───────────────────────────────────────────────────────────
	navigation common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		.nav_wrap {}
		.nav_wrap .nav_box {padding:7.0% 0 3% 0;border:0;margin:0;position:relative;z-index:1;}
		.nav_wrap .nav_box:after {clear:both;content:"";display:block;}
		.nav_wrap .nav_box h2 {font-size:40px;line-height:56px;padding:0;margin:0;text-align:center;color:#333;font-weight:600;z-index:1;}
		.nav_wrap .nav_box p {font-size:17px;line-height:22px;padding:1% 0 0 0;color:#666;font-weight:400;text-align:center;}
		.nav_wrap .nav_box ul {line-height:18px;top:20%;position:absolute;left:0;font-size:0;padding:0;z-index:5;display:block;}
		.nav_wrap .nav_box ul li {line-height:18px;height:18px;font-size:8px;text-align:left;vertical-align:top;padding:0;color:#aaa;display:inline-block;}
		.nav_wrap .nav_box ul li + li {padding-left:5px;}
		.nav_wrap .nav_box ul li span,
		.nav_wrap .nav_box ul li strong,
		.nav_wrap .nav_box ul li > a {line-height:18px;height:18px;padding:0 4px 0px 0;font-size:12px;display:inline-block;width:auto;color:#666;vertical-align:top;margin:0;box-sizing:border-box;}
		.nav_wrap .nav_box ul li a.home {padding-left:0px;font-size:12px;color:#666666;}
		.nav_wrap .nav_box ul li a.home:before {width:11px;height:11px;margin:0 5px 2px 0;content:"";display:inline-block;background:url("../images/common/sub_locate_home.png") no-repeat left center #333333;background-size:auto 13px;vertical-align:middle;}
		.nav_wrap .nav_box ul li:last-child a,
		.nav_wrap .nav_box ul li:last-child span,
		.nav_wrap .nav_box ul li:last-child strong {color:#444;font-weight:700;padding-right:0;}
		.nav_wrap .nav_box ul li .navi_select {min-width:150px;border: 1px solid #999;cursor: pointer;margin-top: -3px;position:relative;box-sizing: border-box;}
		.nav_wrap .nav_box ul li .navi_select .navi_tit {padding: 2px 10px;line-height: 18px;height: auto;display: block;}
		.nav_wrap .nav_box ul li .navi_select .navi_tit:after {content:"";display:inline-block;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #999;position:absolute;right: 10px;top: 9px;transition:all .2s;}
		.nav_wrap .nav_box ul li .navi_select ul {display:none;position:absolute;left: -1px;top: 100%;width:150px;background:#fff;padding:6px 0 6px 0;border: 1px solid #888;box-sizing: border-box;}
		.nav_wrap .nav_box ul li .navi_select ul li {display: block;line-height: 1;height: auto;font-size: 12px;padding: 0;}
		.nav_wrap .nav_box ul li .navi_select ul li a {display:block;padding:5px 10px;font-size: 12px;line-height: 1;height: auto;transition:all .2s;}
		.nav_wrap .nav_box ul li .navi_select ul li a:hover {background:#999;color:#fff;}
		.nav_wrap .nav_box ul li .navi_select:hover .navi_tit:after {transform: rotate(180deg);}
		.nav_wrap .nav_box ul li .navi_select:hover ul {display:block;}

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

	}
	@media only screen and (max-width:1024px) {
		.nav_wrap .nav_box {padding:4.0% 0 3.8% 0;}
		.nav_wrap .nav_box h2 {font-size:36px;line-height:42px;}
		.nav_wrap .nav_box p,
		.nav_wrap .nav_box ul {display:none;}
	}
	@media only screen and (max-width:860px) {
		.nav_wrap .nav_box {padding:4.8% 0 3.2% 0;}
		.nav_wrap .nav_box h2 {font-size:28px;line-height:32px;}
	}
	@media only screen and (max-width:767px) {
	}
	@media only screen and (max-width:640px) {
		.nav_wrap .nav_box {padding:6.2% 0 6% 0;}
		.nav_wrap .nav_box h2 {font-size:24px;line-height:28px;}
	}
	@media only screen and (max-width:479px) {
		.nav_wrap .nav_box {padding:0 0 0;margin-left:-12px;margin-right:-12px;width: calc(100% + 24px);}
		.nav_wrap .nav_box h2 {padding:8.8% 0 4.8% 0;margin-left: -12px;margin-right: -12px;font-size:20px;line-height:28px;}
	}

/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* custom button type */
			/* button 공통 요소 */
		.btn, .btn_lg, .btn_sm, .btn_md {font-weight:700;border-style:solid !important;border-width:1px !important;padding:0;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display:inline-block;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;}
			/* button 크기별 */
		.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
		.btn {width:108px;height:40px;line-height:38px;font-size:15px;}
		.btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
		.btn_md {width:60px;line-height:28px;height:30px;font-size:13px;}
		.btn_sm {height:30px;line-height:28px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
			/* button 색상별 */
		.btn_point, .btn_point:hover {border-color:#222 !important;background-color:#222 !important;color:#fff !important;}
		.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
		.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
		.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
		.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
			/* button wrapper */
		.btn_wrap {margin:0 auto;padding:0;padding-top:2.8%;font-size:0;vertical-align:top;display:inline-block;}
		.btn_wrap.ta_center {width:100%;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:12px;vertical-align:top;}
		.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
		.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

	@media only screen and (max-width:1200px) {
			/* button wrapper */
		.btn_wrap {padding-top:3.8%;}
	}
	@media only screen and (max-width:1024px) {
			/* button wrapper */
		.btn_wrap {padding-top:4.2%;}
		.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
	}
	@media only screen and (max-width:860px) {

	}
	@media only screen and (max-width:767px) {
			/* button wrapper */
		.btn_wrap {padding-top:5.2%;}
	}
	@media only screen and (max-width:640px) {
			/* button wrapper */
		.btn_wrap {padding-top:5.8%;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:8px;}
	}
	@media only screen and (max-width:479px) {
			/* button 크기별 */
		.btn_wd {font-size:16px;}
		.btn {width:70px;font-size:13px;}
		.btn_lg {width:72px;font-size:13px;}
		.btn_md {width:60px;font-size:12px;}
		.btn_sm {padding:0 4px;font-size:12px;}
			/* button wrapper */
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:6px;}
		.view_btn .paging {width:100%;min-height:87px;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
	}
	@media only screen and (max-width:320px) {
			/* button 크기별 */
		.btn {width:68px;}
		.btn_md {width:44px;font-size:12px;}
	}


/*───────────────────────────────────────────────────────────
	서브페이지
───────────────────────────────────────────────────────────*/
	/* 서브 공통 */
		.sub_inr{position:relative; width:1200px; margin:0 auto;}

		.sub_visual{display:flex;width:100%;height:600px;align-items:center;justify-content:center;text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat;padding-top: 25px;box-sizing: border-box;transition:all 0.4s;position: relative;z-index: 2;}
		.sub_visual h2{font-size:64px; font-weight:bold; color:#fff;}
		.sub_visual h5{font-size:20px; font-weight:bold; color:#fff;}
			.sub_visual h5 + h2{margin-top: 37px;}

		.sub_location{position:relative; display:flex;align-items: center;height:80px;background: linear-gradient(90deg, rgba(0,91,172,1) 20%, rgba(0,47,89,1) 100%);border-radius:0 20px;margin-top: -40px; z-index:7; margin-bottom:120px; box-shadow:0 0 20px rgba(0,0,0,0.2);}
		.sub_location .home{width: 80px;height: 100%;background:url('../images/sub/sub_location_home.png') no-repeat center;background-size: 29px auto;font-size:0;}
		.sub_location dl{display:inline-flex;height: 100%;}
		.sub_location dl dt, .sub_location dl dd{position:relative;width: 350px;}
			.sub_location dl dt:before, .sub_location dl dd:before{position:absolute; content:''; width:1px; height:15px; background:rgba(255,255,255,0.2); top:50%; transform:translateY(-50%); right:100%;}
		.sub_location dl dt span, .sub_location dl dd span{position:relative;font-size:18px;font-weight:400;color:#fff;display: flex;align-items: center;width: 100%;height: 100%;padding: 0 60px 0 30px;box-sizing: border-box;letter-spacing: -0.04em; border-radius:0 20px 0 0; cursor:pointer; transition:all 0.4s;}
			.sub_location dl dt span:before, .sub_location dl dd span:before{position:absolute;content:'';top: 48%;right: 33px;transform: translateY(-50%) rotate(45deg);width: 6px;height: 6px;border:1px solid #fff0;border-bottom-color: rgba(255,255,255,0.8);border-right-color: rgba(255,255,255,0.8);transition: all 0.4s;}
			/* on */
				.sub_location dl dt.on span, .sub_location dl dd.on span{background:#fff; color:#333; font-weight:500;}
				.sub_location dl dt.on span:before, .sub_location dl dd.on span:before{border-bottom-color: #000;border-right-color:#000;transform: translateY(-50%) rotate(45deg) scale(-1);top: 55%;}
		.sub_location dl dt ul, .sub_location dl dd ul{display:none; position:absolute;top:100%;left:0;width: 100%;background: #eee;padding: 30px 30px;box-sizing: border-box; border-radius:0 0 0 20px;}
		.sub_location dl dt ul li, .sub_location dl dd ul li{}
			.sub_location dl dt ul li + li, .sub_location dl dd ul li + li{margin-top:15px;}
		.sub_location dl dt ul li a, .sub_location dl dd ul li a{position:relative; font-size:18px; font-weight:400; color:#333;}
			.sub_location dl dt ul li.on a, .sub_location dl dd ul li.on a{color:#005bac;}
			.sub_location dl dt ul li a:before, .sub_location dl dd ul li a:before{position:absolute; content:''; width:0; height:1px; background:#005bac; left:0; bottom:-2px; transition:all 0.4s;}
			.sub_location dl dt ul li.on a:before, .sub_location dl dd ul li.on a:before{width:100%;}

		.sub_location.no_child dl dd{display:none;}

		
		@media only screen and (max-width:1217px){
			.sub_inr{width:calc(100% - 30px);}

			.sub_visual{height:49.3vw; min-height:250px;}
			.sub_visual h2{font-size:5.25vw;}
			.sub_visual h5{font-size:19px;}
				.sub_visual h5 + h2{margin-top:3vw;}

			.sub_location{height:70px; margin-top:-35px; }
			.sub_location .home{width:70px; background-size:26px auto;}
			.sub_location dl dt span, .sub_location dl dd span, .sub_location dl dt ul li a, .sub_location dl dd ul li a{font-size:17px;}
		}
		@media only screen and (max-width:1023px){
			.sub_visual h5{font-size:18px;}

			.sub_location{height:60px; margin-top:-30px; margin-bottom:100px;}
			.sub_location .home{width:60px; background-size:24px auto;}
			.sub_location dl dt, .sub_location dl dd{width:300px;}
			.sub_location dl dt span, .sub_location dl dd span{padding:0 55px 0 25px;}
				.sub_location dl dt span:before, .sub_location dl dd span:before{right:25px;}
			.sub_location dl dt span, .sub_location dl dd span, .sub_location dl dt ul li a, .sub_location dl dd ul li a{font-size:16px;}
			.sub_location dl dt ul, .sub_location dl dd ul{padding:25px;}
		}
		@media only screen and (max-width:860px){
			.sub_visual h5{font-size:17px;}

			.sub_location{height:55px; margin-top:-27.5px; margin-bottom:80px;}
			.sub_location .home{width:55px; background-size:22px auto;}
			.sub_location dl dt, .sub_location dl dd{width:250px;}
			.sub_location dl dt span, .sub_location dl dd span{padding:0 50px 0 20px;}
			.sub_location dl dt span, .sub_location dl dd span, .sub_location dl dt ul li a, .sub_location dl dd ul li a{font-size:15px;}
			.sub_location dl dt ul, .sub_location dl dd ul{padding:20px;}
		}
		@media only screen and (max-width:767px){
			.sub_visual h2{font-size:40px;}
			.sub_visual h5{font-size:16px;}
		}
		@media only screen and (max-width:640px){
			.sub_visual h2{font-size:35px; font-weight:600;}
			.sub_visual h5{font-size:15px; font-weight:500;}

			.sub_location{height:50px; border-radius:0 10px; margin-top:-25px; margin-bottom:70px;}
			.sub_location .home{width:50px; background-size:20px auto;}
			.sub_location dl{width:calc(100% - 50px);}
			.sub_location dl dt, .sub_location dl dd{width:190px;}
			.sub_location dl dt span, .sub_location dl dd span{padding:0 45px 0 15px; border-radius:0 10px 0 0;}
			.sub_location dl dt ul, .sub_location dl dd ul{border-radius:0 0 0 10px; padding:20px 15px;}

			.sub_location.no_child dl dt{display:block; width:100%;}
		}
		@media only screen and (max-width:479px){
			.sub_visual h2{font-size:30px;}

			.sub_location{margin-bottom:60px;}
			.sub_location dl dt{display:none;}
			.sub_location dl dd{width:100%;}

			
		}
		@media only screen and (max-width:431px){
			.sub_visual h2{font-size:28px;}
		}
		@media only screen and (max-width:375px){
			.sub_visual h2{font-size:26px;}
			.sub_visual h5{font-size:14px;}
		}

	/* company */
		.thumb_info{}
		.thumb_info li{display:flex; align-items:flex-start;}
			.thumb_info li + li{margin-top: 15.7vw;}
			.thumb_info li.center{align-items:center;}
			.thumb_info li.opposite{flex-direction:row-reverse;}
		
		.sub_title{}
			.sub_title.center{text-align:center;}
		.sub_title h2{font-size:60px; font-weight:bold; color:#111; letter-spacing:-0.03em; line-height:133%;}
			.sub_title h2 + h5{margin-top: 2vw;}
			.sub_title h2 + p{margin-top: 14px;}
		.sub_title h2 strong{font-size:inherit; font-weight:inherit; color:#005bac;}
		.sub_title h2 big{font-size:106.6%;}
		.sub_title h2 small{font-size:83%;}
		.sub_title h3{font-size:40px; font-weight:bold; color:#333; letter-spacing:-0.03em; line-height:140%;}
			.sub_title h3 + p{margin-top: 2.3vw;}
		.sub_title h3 strong{font-size:inherit; font-weight:inherit; color:#005bac;}
		.sub_title h4{font-size:28px; font-weight:600; color:#333; letter-spacing:-0.03em; }
			.sub_title h4 + h2{margin-top: 22px;}
		.sub_title h4 strong{font-size:inherit; font-weight:inherit; color:#005bac;}
		.sub_title h5{font-size:24px; font-weight:500;color:#333;line-height:166%;letter-spacing: -0.03em;}
		.sub_title h6{font-size:20px;font-weight:500;color:#333;line-height:150%;letter-spacing: -0.03em;}
		.sub_title h6 strong{font-size:inherit; font-weight:inherit; color:#005bac;}
		.sub_title p{font-size:18px;font-weight: 500;color:#666;letter-spacing:-0.03em;line-height:166%;}
			.sub_title p + p{margin-top: 16px;}	
			.sub_title p + h2{margin-top: 11px;}
			.sub_title p + h6{margin-top: 37px;}
		.sub_title p strong{font-size:inherit;font-weight:inherit;color:#005bac;letter-spacing: 0;}

		.sub_found{}
		.sub_found .thumb_info{}
		.sub_found .thumb_info .sub_title{position:relative; width:calc(100% - 500px);padding: 3.6vw 4vw 0 0;box-sizing:border-box; z-index:3}
		.sub_found .thumb_info .thumb{position:relative;width:500px;box-sizing:border-box; font-size:0;}
			.sub_found .thumb_info .thumb:before{position:absolute;content:'';width:120%;height:144%;top: 49%;transform:translateY(-50%);right: -72%;background:#f7f8fc;}
		.sub_found .thumb_info .thumb span{display:inline-block; border-radius:100px 0 0 0;overflow:hidden;position: relative;z-index: 2;box-shadow: 0 0 30px rgba(0,0,0,0.2);}
		.sub_found .thumb_info .rotation_txt{position:absolute;bottom: -170px;right: -175px;width: 380px;height: 380px;z-index:1;}
		.sub_found .thumb_info .rotation_txt text {font-size: 24px;font-weight: 900;fill: #000;opacity: 0.07;}
		.sub_found .thumb_info .rotation_txt defs{}
		.sub_found .thumb_info .rotation_txt path{}
		.sub_found .thumb_info .rotation_txt textPath{}
		.sub_found .thumb_info .rotation_txt{animation-name: rotation; animation-duration:120s; animation-iteration-count:infinite; animation-direction:alternate;  animation-fill-mode: forwards; animation-timing-function:cubic-bezier(0, 0, 0, 0);}
		@-webkit-keyframes rotation {0% {transform:rotate(0deg);}100% {transform:rotate(3600deg)}}

			/* 반대방향 */
				.sub_found .thumb_info li.opposite .sub_title{padding-left:5.2vw; padding-right:0;}
				.sub_found .thumb_info li.opposite .thumb span{border-radius:0 100px 0 0;}
				.sub_found .thumb_info li.opposite .thumb:before{right:auto;left: -72%;height: 173%;top: 65%;}
				.sub_found .thumb_info li.opposite .rotation_txt{right:auto;left: -165px;}

		.sub_history{}
		.sub_history .thumb_info .sub_title{width:calc(100% - 640px);}
		.sub_history .thumb_info .thumb{position:relative;width:640px;font-size: 0;}
			.sub_history .thumb_info .thumb:before{position:absolute;content:'';width:271px;height:230px;background:url('../images/sub/sub_history_img01_txt.png') no-repeat center;left: -52px;bottom: -50px;opacity: 0.7;}
		.sub_history .thumb_info .thumb span{display:inline-block; border-radius:0 100px; overflow:hidden;}
		.sub_history .his_wrap{position:relative; background:#f7f8fc;margin-top: 248px; padding-bottom:140px;}
			.sub_history .his_wrap:before{position:absolute;content:'SHINCHANG';line-height:1;font-size: 15.5vw;font-weight:bold;color:rgba(0,91,172,0.05);top: 7.6%;right: -2.5%;writing-mode: vertical-rl;letter-spacing: 0.05em;}
		.sub_history .his_wrap .sub_inr{padding-top: 190px;}
		.sub_history .his_title{position:absolute;top: -100px;left: 0;display:inline-flex;width:300px;height:300px;flex-wrap:wrap;background:#005bac;border-radius:0 50px;box-shadow:0 0 30px rgba(0,0,0,0.2);align-content: flex-end;padding: 35px 40px;box-sizing: border-box;}
			.sub_history .his_title.deep{background:#002f59;}
		.sub_history .his_title h3{width:100%;font-size:44px;font-weight: 700;color:#fff;line-height:136%;letter-spacing: 0.01em;}
		.sub_history .his_title h6{width:100%;font-size:20px;font-weight: 400;color:#fff;letter-spacing:-0.03em;}
			.sub_history .his_title h6 + h3{margin-top:14px;}
		.sub_history .his_list{position:relative;}
			.sub_history .his_list:before{position:absolute;content:'';width:2px;height:calc(100% + 10px);background:#ddd;left: 47.3%;transform:translateX(-50%);top: 11px;}
		.sub_history .his_list > li{display:flex;position: relative; padding-bottom:3.4vw;}
			.sub_history .his_list > li:before{position:absolute;content:'';width:10px;height:10px;background:#ccc;top: 24px;left:47.3%;transform:translateX(-50%);border-radius:100%; z-index:2; transition:all 0.6s;}
			.sub_history .his_list > li:after{position:absolute;content:'';width:2px;height:0;background:#005bac;top: 24px;left:47.3%;transform:translateX(-50%); transition:all 1.5s}
			.sub_history .his_list > li:first-child:after{top:12px;}
		.sub_history .his_list .year{width: 47%;padding-right: 60px;box-sizing:border-box;text-align:right;}
		.sub_history .his_list .year strong{position:relative; display:inline-block; font-size:50px;font-weight:bold;color:#ccc;letter-spacing: -0.03em; transition:all 0.6s}
			.sub_history .his_list .year strong:before{position:absolute; content:''; bottom:0; left:50%; transform:translateX(-50%); background:rgba(0,97,172,0.2); width:0; height:34%; transition:all 0.6s}
		.sub_history .his_list .info{width: 53%;padding: 16px 0 0 62px;box-sizing:border-box;}
		.sub_history .his_list .info dl{width:100%;display: flex;}
			.sub_history .his_list .info dl + dl{margin-top: 14px;}
		.sub_history .his_list .info dl dt{width: 87px;font-size:22px;font-weight:bold;color:#333;letter-spacing:-0.03em;}
		.sub_history .his_list .info dl dd{width:calc(100% - 90px);padding-top: 2px;}
		.sub_history .his_list .info dl dd ul{}
		.sub_history .his_list .info dl dd ul li{font-size:18px;font-weight: 500;color:#333;letter-spacing:-0.03em;}
			.sub_history .his_list .info dl dd ul li + li{margin-top: 9px;}
		
			/* on */
				.sub_history .his_list > li.active:before{background:#005bac;}
				.sub_history .his_list > li.active:after{height:100%;}
				.sub_history .his_list > li.active:first-child:after{height:calc(100% + 12px);}

				.sub_history .his_list > li.on .year strong{color:#111;}
					.sub_history .his_list > li.on .year strong:before{width:100%;}

		.sub_organization{position:relative;background:#f7f8fb;margin-top:-40px;padding: 280px 0 260px;text-align:center;}
			.sub_organization:before{position:absolute;content:'';width:689px;height:705px;background:url('../images/sub/sub_organization_bg.png') no-repeat center;left: -0.5%;bottom: 6.5%;}
			.sub_organization:after{position:absolute;content:'Organization';font-size:190px;font-weight:900;color:#fff;top: 12.5%;left:50%;line-height: 1;transform:translateX(-50%);}
		.sub_organization .syndicate{position:relative; width:180px; height:180px; margin:0 auto; z-index:3;}
			.sub_organization .syndicate:before{position:absolute; content:''; width:0; height:0; top:50%; left:50%; transform:translate(-50%, -50%); background:rgba(0,91,172,0.2); border-radius:100%; transition:all 1s;}
			.sub_organization .syndicate.aos-animate:before{width:122%; height:122%;}
		.sub_organization .syndicate .sub_title{position:relative;z-index:1;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;background:#005bac;border-radius:100%;border:1px solid #fff;box-sizing:border-box;box-shadow:0 0 20px rgba(0,0,0,0.15);padding-bottom: 5px;}
		.sub_organization .syndicate h4{color:#fff;letter-spacing: 0;}
			.sub_organization .syndicate h4:before{display:block;content:'';width:100%;height:37px;background:url('../images/sub/sub_organization_icon01.png') no-repeat center;background-size: auto 100%;margin-bottom: 13px;}

		.sub_organization .syndi_list{position:relative; text-align:center; padding-top:60px;}
			.sub_organization .syndi_list:before{position:absolute;content:'';width:1px;height:100%;background: #ccc;top:0;transform:translateX(calc(-50% - 0.5px));}
		.sub_organization .syndi_list li{position:relative; z-index:2; margin-bottom:30px;}
			.sub_organization .syndi_list li:last-child{margin-bottom:0;}
		.sub_organization .syndi_list li h6{display:inline-flex; align-items:center; justify-content:center; width:220px; height:70px; background:#fff; border:1px solid #005bac; border-radius:0 20px; box-sizing:border-box; font-weight:bold; box-shadow:0 0 20px rgba(0,0,0,0.15);}
			.sub_organization .syndi_list li h6:before{position:absolute; content:''; width:8px; height:8px; background:#005bac; border:1px solid #fff; border-radius:100%; box-sizing:border-box;  top:-4px; left:50%; transform:translateX(-50%); }
		.sub_organization .syndi_list li.delegate h6{background:#002f59; color:#fff; border-color:#002f59; font-weight:600;}
			.sub_organization .syndi_list li.delegate h6:before{background:#002f59;}
		.sub_organization .syndi_list li.inspection{padding: 5px 0;}
		.sub_organization .syndi_list li.inspection h6{transform:translateX(calc(100% + 40px));}
			.sub_organization .syndi_list li.inspection h6:before{top:50%; left:-4px; transform:translateY(-50%); z-index:2;}
			.sub_organization .syndi_list li.inspection h6:after{position:absolute;content:'';width:150px;height:1px;background: #ccc;top:50%;right:calc(100% + 1px);transform:translateY(calc(-50% - 0.5px));}

		.sub_executive.sub_history{margin-top:-35px;}
		.sub_executive.sub_history .his_wrap{margin-top:0; padding:155px 0 120px;}
			.sub_executive.sub_history .his_wrap:before{display:none;}
			.sub_executive.sub_history .his_wrap + .his_wrap{padding:120px 0 0; background:#fff;}
		.sub_executive.sub_history .his_wrap .sub_inr{padding-top:0; display:flex;}
		.sub_executive.sub_history .his_title{position:static;}

		.sub_executive .cont{width:calc(100% - 300px); padding-left:60px; box-sizing:border-box;}
		.sub_executive .cont .staff_list{padding-top: 135px;display:flex; flex-wrap:wrap;}
		.sub_executive .cont .staff_list li{position:relative; margin-right:30px; width:calc(100% / 3 - 20px);}
			.sub_executive .cont .staff_list li:nth-child(3n){margin-right:0;}
			.sub_executive .cont .staff_list li:nth-child(n+4){margin-top:30px;}
		.sub_executive .cont .staff_list li .sub_title{position:absolute;left:0;bottom: calc(100% + 25px);}
		.sub_executive .cont .staff_list li .sub_title h4{font-weight:bold;}
		.sub_executive .cont .staff_list li dl{width:100%; height:100%; background:#fff;border-radius:0 20px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,0.1);text-align:center;padding: 18px 20px 19px;box-sizing:border-box;}
		.sub_executive .cont .staff_list li dl dt{font-size:20px; font-weight:bold; color:#333; letter-spacing:-0.03em;}
			.sub_executive .cont .staff_list li dl dt + dd{border-top:1px solid #ddd;margin-top: 17px;padding-top: 22px;}
		.sub_executive .cont .staff_list li dl dd{font-size:16px; font-weight:400; color:#666; letter-spacing:-0.03em;}

		@media only screen and (max-width:1217px){
			.sub_title h2{font-size:4.8vw;}
			.sub_title h4{font-size:26px;}
			.sub_title h3{font-size:3.25vw;}
			.sub_title h5{font-size:22px;}
			.sub_title h6{font-size:19px;}
			.sub_title p{font-size:17px;}

			.sub_found .thumb_info .thumb{width:42%;}
			.sub_found .thumb_info .sub_title{width:58%;}

			.sub_history .thumb_info .thumb{width:53%}
			.sub_history .thumb_info .sub_title{width:47%}

			.sub_history .his_title{width:280px; height:280px; padding:30px 35px;}
			.sub_history .his_title h6{font-size:19px;}
			.sub_history .his_title h3{font-size:41px;}

			.sub_history .his_list > li:before{top:20px;}
			.sub_history .his_list .year strong{font-size:47px;}
			.sub_history .his_list .info dl dt{font-size:21px;}
			.sub_history .his_list .info dl dd ul li{font-size:17px;}

			.sub_organization{margin-top:-35px; padding:23vw 0 21vw; }
				.sub_organization:after{font-size:14vw;}
				.sub_organization:before{width:56.6vw; height:57.9vw; background-size:100% auto;}

			.sub_executive .cont{width:calc(100% - 280px);}
			.sub_executive .cont .staff_list li{margin-right:20px; width:calc(100% / 3 - 13.34px);}
				.sub_executive .cont .staff_list li:nth-child(n+4){margin-top:20px;}
		}
		@media only screen and (max-width:1023px){
			.sub_title h2 + p{margin-top:10px;}
			.sub_title h4{font-size:24px;}
			.sub_title h5{font-size:20px;}
			.sub_title h6{font-size:17px;}
			.sub_title p{font-size:16px;}
				.sub_title p + h2{margin-top:5px;}

			.sub_found .thumb_info .sub_title p br{display:none;}

			.sub_history .his_title{width:260px; height:260px; padding:30px 35px;}
			.sub_history .his_title h6{font-size:18px;}
			.sub_history .his_title h3{font-size:38px;}
				.sub_history .his_title h6 + h3{margin-top:10px;}
			.sub_history .his_list .year{padding-right:50px;}
			.sub_history .his_list .year strong{font-size:44px;}
			.sub_history .his_list .info{padding-left:50px}
			.sub_history .his_list .info dl dt{font-size:20px;}
			.sub_history .his_list .info dl dd ul li{font-size:16px;}

			.sub_organization{margin-top:-30px;}
			.sub_organization .syndicate{width:170px; height:170px;}
			.sub_organization .syndi_list li h6{width:200px; height:60px;}
			.sub_organization .syndi_list li.inspection h6:after{width:140px;}

			.sub_executive.sub_history{margin-top:-30px;}
			.sub_executive .cont{width:calc(100% - 260px); padding-left:50px;}
			.sub_executive .cont .staff_list{padding-top:115px;}
			.sub_executive .cont .staff_list li{margin-right:15px; width:calc(100% / 3 - 10px);}
				.sub_executive .cont .staff_list li:nth-child(n+4){margin-top:15px;}
			.sub_executive .cont .staff_list li .sub_title{bottom:calc(100% + 20px);}
			.sub_executive .cont .staff_list li dl dt{font-size:19px;}
				.sub_executive .cont .staff_list li dl dt + dd{margin-top:15px; padding-top:18px;}
			.sub_executive .cont .staff_list li dl dd{font-size:15px;}
		}
		@media only screen and (max-width:860px){
			.sub_title h2 + p{margin-top:7px;}
			.sub_title h3{font-size:28px;}
			.sub_title h4{font-size:22px;}
			.sub_title h5{font-size:18px;}
			.sub_title h6{font-size:16px;}
			.sub_title p{font-size:15px;}
				.sub_title p + h2{margin-top:0;}

			.sub_found .thumb_info .sub_title h3 br{display:none;}

			.sub_history .his_title{width:240px; height:240px; padding:25px 30px;}
			.sub_history .his_title h6{font-size:17px;}
			.sub_history .his_title h3{font-size:35px;}
			.sub_history .his_list > li{padding-bottom:30px;}
			.sub_history .his_list .year{padding-right:40px;}
			.sub_history .his_list .year strong{font-size:41px;}
			.sub_history .his_list .info{padding-left:40px}
			.sub_history .his_list .info dl dt{font-size:19px; width:80px;}
			.sub_history .his_list .info dl dd{padding-top:0; width:calc(100% - 80px);}
			.sub_history .his_list .info dl dd ul li{font-size:15px;}

			.sub_organization{margin-top:-25px;}
			.sub_organization .syndicate{width:160px; height:160px;}
			.sub_organization .syndicate h4:before{height:32px;}
			.sub_organization .syndicate .sub_title{padding-bottom:0;}
			.sub_organization .syndi_list li h6{width:180px; height:55px;}
			.sub_organization .syndi_list li.inspection h6{transform:translateX(calc(100% + 30px));}
			.sub_organization .syndi_list li.inspection h6:after{width:120px;}

			.sub_executive.sub_history{margin-top:-25px;}
			.sub_executive.sub_history .his_wrap{padding:120px 0 100px;}
				.sub_executive.sub_history .his_wrap + .his_wrap{padding-top:100px;}
			.sub_executive .cont{width:calc(100% - 240px); padding-left:40px;}
			.sub_executive .cont .staff_list li{width:calc(100% / 2 - 7.5px);}
				.sub_executive .cont .staff_list li:nth-child(3n){margin-right:15px;}
				.sub_executive .cont .staff_list li:nth-child(2n){margin-right:0;}
				.sub_executive .cont .staff_list li:nth-child(n+3){margin-top:15px;}
			.sub_executive .cont .staff_list li .sub_title{bottom:calc(100% + 20px);}
			.sub_executive .cont .staff_list li dl dt{font-size:19px;}
				.sub_executive .cont .staff_list li dl dt + dd{margin-top:15px; padding-top:18px;}
			.sub_executive .cont .staff_list li dl dd{font-size:15px;}
		}
		@media only screen and (max-width:767px){
			.sub_title h2{font-size:30px;}
			.sub_title h3{font-size:25px;}
			.sub_title h4{font-size:20px;}
			.sub_title h5{font-size:17px;}

			.sub_history .his_title{width:220px; height:220px;}
			.sub_history .his_title h6{font-size:16px;}
			.sub_history .his_title h3{font-size:31px;}

			.sub_history .his_list:before, .sub_history .his_list > li:after{left:140px; transform:none;}
			.sub_history .his_list > li:before{left:136px; transform:none;}
			.sub_history .his_list .year{width:140px; text-align:left;}
			.sub_history .his_list .info{width:calc(100% - 140px);}

			.sub_executive.sub_history .his_wrap .sub_inr{display:block;}
			.sub_executive.sub_history .his_title{width:100%; margin-bottom:0;}
			.sub_executive .cont{width:100%; padding-left:0;}
			.sub_executive .cont .staff_list li{width:calc(100% / 3 - 13.34px);}
				.sub_executive .cont .staff_list li:nth-child(2n){margin-right:15px;}
				.sub_executive .cont .staff_list li:nth-child(3n){margin-right:0;}
				.sub_executive .cont .staff_list li:nth-child(n+3){margin-top:0;}
				.sub_executive .cont .staff_list li:nth-child(n+4){margin-top:15px;}
			.sub_executive .cont .staff_list li .sub_title{bottom:calc(100% + 15px);}
			.sub_executive .cont .staff_list li dl dt{font-size:18px;}
				.sub_executive .cont .staff_list li dl dt + dd{margin-top:13px; padding-top:16px;}
		}
		@media only screen and (max-width:640px){
			.sub_title h2{font-size:27px;}
			.sub_title h3{font-size:23px;}
			.sub_title h4{font-size:19px;}
				.sub_title h4 + h2{margin-top:10px;}
			.sub_title h5{font-size:17px;}
			.sub_title h6{font-size:15px;}
			.sub_title p + p{margin-top:10px;}
			.sub_title p + h6{margin-top:25px;}

			.sub_location{box-shadow:0 0 10px rgba(0,0,0,0.2);}
			.thumb_info li, .thumb_info li.opposite{flex-wrap:wrap; flex-direction:column-reverse;}

			.sub_found .thumb_info .sub_title, .sub_history .thumb_info .sub_title{width:100%;}
			.sub_found .thumb_info .sub_title, .sub_found .thumb_info li.opposite .sub_title, .sub_history .thumb_info .sub_title{padding:30px 0 0 0;}
			.sub_found .thumb_info .thumb, .sub_history .thumb_info .thumb{width:100%;}
			.sub_found .thumb_info .thumb span, .sub_found .thumb_info li.opposite .thumb span{border-radius:50px 0 0 0;}

			.sub_history .thumb_info .thumb:before{display:none;}
			.sub_history .thumb_info .thumb span{border-radius:0 50px;}		
			
			.sub_history .his_wrap{margin-top:80px;}
				.sub_history .his_wrap:before{top:20%;}
			.sub_history .his_wrap .sub_inr{padding-top:80px;}
			.sub_history .his_title{position:static; width:100%; height:200px; border-radius:0 25px; margin-bottom:40px;}
			.sub_history .his_title h6{font-size:15px;}
			.sub_history .his_title h3{font-size:28px;}
			.sub_history .his_list > li:before{top:18px;}
			.sub_history .his_list .year strong{font-size:38px;}
			.sub_history .his_list .info dl dt{font-size:18px; width:70px;}
			.sub_history .his_list .info dl dd{width:calc(100% - 70px);}

			.sub_organization .syndicate{width:150px; height:150px;}
			.sub_organization .syndicate h4:before{height:30px;}
			.sub_organization .syndi_list li h6{width:140px; height:50px; border-radius:0 10px;}
			.sub_organization .syndi_list li.inspection h6{transform:translateX(calc(100% + 20px));}
			.sub_organization .syndi_list li.inspection h6:after{width:90px;}

			.sub_executive.sub_history .his_wrap{padding:100px 0 80px;}
				.sub_executive.sub_history .his_wrap + .his_wrap{padding-top:80px;}
			.sub_executive .cont .staff_list{padding-top:100px;}
			.sub_executive .cont .staff_list li{width:calc(100% / 2 - 7.5px);}
				.sub_executive .cont .staff_list li:nth-child(3n){margin-right:15px;}
				.sub_executive .cont .staff_list li:nth-child(2n){margin-right:0;}
				.sub_executive .cont .staff_list li:nth-child(n+3){margin-top:15px;}
			.sub_executive .cont .staff_list li dl{border-radius:0 10px;}

		}
		@media only screen and (max-width:479px){
			.sub_title h2{font-size:25px;}
			.sub_title h3{font-size:21px;}
			.sub_title h4{font-size:18px;}
			.sub_title h5{font-size:16px;}
			.sub_title h6{font-size:15px;}
			.sub_title p{font-size:14px;}
				.sub_title p + h6{margin-top:20px;}
			.sub_found .thumb_info .sub_title, .sub_found .thumb_info li.opposite .sub_title{padding:20px 0 0 0;}

			.sub_history .his_title{height:180px; padding:20px 25px;}
			.sub_history .his_title h6{font-size:14px;}
			.sub_history .his_title h3{font-size:25px;}

			.sub_history .his_list:before, .sub_history .his_list > li:after{left:4px;}
			.sub_history .his_list > li:before{left:0px;}
			.sub_history .his_list > li{display:block; padding-left:30px;}
			.sub_history .his_list .year{width:100%; padding-right:0;}
			.sub_history .his_list .year strong{font-size:35px;}
			.sub_history .his_list .info{width:100%; padding-left:0;}
			.sub_history .his_list .info dl{}
			.sub_history .his_list .info dl dt{font-size:17px; width:65px;}
			.sub_history .his_list .info dl dd{width:calc(100% -  65px);}
			.sub_history .his_list .info dl dd ul li{font-size:14px;}

			.sub_organization .syndicate{width:140px; height:140px;}
			.sub_organization .syndicate h4:before{height:26px; margin-bottom:10px;}
			.sub_organization .syndi_list li h6{width:125px; height:45px;}
			.sub_organization .syndi_list li.inspection h6{transform:translateX(calc(100% + 15px));}
			.sub_organization .syndi_list li.inspection h6:after{width:80px;}

			.sub_executive .cont .staff_list{padding-top:90px;}
			.sub_executive .cont .staff_list li dl dt{font-size:17px;}
			.sub_executive .cont .staff_list li dl dd{font-size:14px;}
		}
		@media only screen and (max-width:431px){
			.sub_history .his_title{height:160px; padding:20px 25px;}
			.sub_history .his_title h3{font-size:23px;}

			.sub_history .his_list > li:before{top:14px;}
			.sub_history .his_list .year strong{font-size:32px;}
			.sub_history .his_list .info dl dt{font-size:16px; width:60px;}
			.sub_history .his_list .info dl dd{width:calc(100% -  60px);}
			.sub_history .his_list .info dl dd ul li{font-size:13px;}

			.sub_organization .syndicate{width:130px; height:130px;}
			.sub_organization .syndicate h4:before{height:24px; }
			.sub_organization .syndi_list li.inspection h6{transform:translateX(calc(50% + 30px));}
			.sub_organization .syndi_list li.inspection h6:after{width:30px;}

			.sub_executive .cont .staff_list{padding-top:80px;}
			.sub_executive .cont .staff_list li dl dt{font-size:16px;}
			.sub_executive .cont .staff_list li dl dd{font-size:13px;}
		}
		@media only screen and (max-width:374px){
			.sub_title h2{font-size:23px;}
			.sub_title h3{font-size:20px;}
			.sub_title h4{font-size:17px;}
			.sub_title h5{font-size:15px;}
			.sub_title h6{font-size:14px;}
			.sub_title p{font-size:13px;}

			.sub_organization .syndi_list li.inspection h6{transform:translateX(calc(50% + 20px));}
			.sub_organization .syndi_list li.inspection h6:after{width:20px;}

			.sub_executive .cont .staff_list li dl dt{font-size:15px;}
			.sub_executive .cont .staff_list li dl dd{font-size:12px;}
		}

	/* business */
		.sub_business{background:#f7f8fb; padding-top:120px;}
		.sub_business .thumb_info li + li{margin-top:120px;}
		.sub_business .thumb_info .thumb{position:relative; font-size:0; width:500px;}
			.sub_business .thumb_info .thumb:before{position:absolute; content:''; width:130px; height:130px; border-radius:100%; background:rgba(0,91,172,0.1); left:-65px; top:50%; transform:translateY(-50%);}
			.sub_business .thumb_info .thumb:after{position:absolute; content:''; width:100px; height:100px; border-radius:100%; background-color:#005bac; background-repeat:no-repeat; background-position:center; border:1px solid #ddd; top:50%; transform:translateY(-50%); left:-50px; z-index:5;}
		.sub_business .thumb_info .thumb span{position:relative; z-index:1; display:inline-block; border-radius:0 30px; overflow:hidden; box-shadow:0 0 30px rgba(0,0,0,0.2);}
		.sub_business .thumb_info .sub_title{width:calc(100% - 500px); padding-right:125px; box-sizing:border-box;}
		.sub_business .thumb_info .sub_title p{font-weight:500;}

		/* 반대 방향 */
			.sub_business .thumb_info li.opposite{}
			.sub_business .thumb_info li.opposite .thumb:before{left:auto; right:-65px;}
			.sub_business .thumb_info li.opposite .thumb:after{left:auto; right:-50px;}
			.sub_business .thumb_info li.opposite .thumb span{}
			.sub_business .thumb_info li.opposite .sub_title{padding:0 0 0 125px;}

		/* 아이콘 */
			.sub_business .thumb_info li:nth-child(1) .thumb:after{background-image:url('../images/skin/main_business_icon01.png'); background-size:51px auto;}
			.sub_business .thumb_info li:nth-child(2) .thumb:after{background-image:url('../images/skin/main_business_icon02.png'); background-size:47px auto;}
			.sub_business .thumb_info li:nth-child(3) .thumb:after{background-image:url('../images/skin/main_business_icon03.png'); background-size:39px auto;}
			.sub_business .thumb_info li:nth-child(4) .thumb:after{background-image:url('../images/skin/main_business_icon04.png'); background-size:35px auto;}
			.sub_business .thumb_info li:nth-child(5) .thumb:after{background-image:url('../images/skin/main_business_icon05.png'); background-size:47px auto;}

		@media only screen and (max-width:1217px){
			.sub_business .thumb_info .thumb{width:42%;}
			.sub_business .thumb_info .sub_title{width:58%}
			.sub_business .thumb_info .sub_title{padding-right:10vw;}
			.sub_business .thumb_info .sub_title p br{display:none;}
			.sub_business .thumb_info .thumb:after{width:8vw; height:8vw; left:-4vw;}
			.sub_business .thumb_info .thumb:before{width:10.6vw; height:10.6vw; left:-5.3vw;}

			.sub_business .thumb_info li.opposite .sub_title{padding-left:10vw;}
			.sub_business .thumb_info li.opposite .thumb:after{right:-4vw;}
			.sub_business .thumb_info li.opposite .thumb:before{right:-5.3vw;}

			.sub_business .thumb_info li:nth-child(1) .thumb:after{background-size: 4.2vw auto;}
			.sub_business .thumb_info li:nth-child(2) .thumb:after{background-size: 3.8vw auto;}
			.sub_business .thumb_info li:nth-child(3) .thumb:after{background-size: 3.5vw auto;}
			.sub_business .thumb_info li:nth-child(4) .thumb:after{background-size: 2.8vw auto;}
			.sub_business .thumb_info li:nth-child(5) .thumb:after{background-size: 3.9vw auto;}

		}
		@media only screen and (max-width:1023px){
			.sub_business{padding-top:100px;}
		}
		@media only screen and (max-width:860px){
			.sub_business{padding-top:100px;}
		}
		@media only screen and (max-width:767px){
			.sub_business .thumb_info li + li{margin-top:15.7vw;}
		}
		@media only screen and (max-width:640px){
			.sub_business{padding-top:70px;}
			.sub_business .thumb_info .thumb{width:100%;box-sizing:border-box;padding-left: 33px;text-align: -webkit-right;}
			.sub_business .thumb_info .sub_title{width:100%;}
			.sub_business .thumb_info .sub_title, .sub_business .thumb_info li.opposite .sub_title{padding: 30px 0 0 0;}
			.sub_business .thumb_info .thumb:before{left:0;width: 65px;height: 65px;}
			.sub_business .thumb_info li .thumb:after{left: 7px;width: 50px;height: 50px;background-size: auto 25px !important;}
			.sub_business .thumb_info li.opposite .thumb{padding: 0 33px 0 0;}
			.sub_business .thumb_info li.opposite .thumb:after{right: 6px;width: 50px;height: 50px;}
			.sub_business .thumb_info li.opposite .thumb:before{right: 0;width: 65px;height: 65px;}
		}
		@media only screen and (max-width:479px){
			.sub_business{padding-top:50px;}
			.sub_business .thumb_info .sub_title, .sub_business .thumb_info li.opposite .sub_title{padding: 20px 0 0 0;}
		}

	/* scholarship_list */
		.sub_scholarship{padding-top:151px;}
		.sub_scholarship .schol_list{display:flex;margin-top: 50px;}
		.sub_scholarship .schol_list li{position:relative;width:100%;border:1px solid #ddd;border-radius:0 20px;overflow:hidden;padding: 44px 39px 118px;box-sizing: border-box; transition:all 0.4s;}
			.sub_scholarship .schol_list li + li{margin-left:30px;}
			.sub_scholarship .schol_list li:before{position:absolute;content:'';width:72px;height:72px;background:url('../images/sub/scholarship_list_icon02.png') no-repeat center;background-size:auto 100%;bottom: 39px;right: 39px;}
			.sub_scholarship .schol_list li:nth-child(1):before{background-image:url('../images/sub/scholarship_list_icon01.png');}
		.sub_scholarship .schol_list li dl{}
		.sub_scholarship .schol_list li dl dt{font-size:30px;font-weight:bold;color:#333;letter-spacing: -0.03em;}
		.sub_scholarship .schol_list li dl dt span{font-size:20px; font-weight:inherit; color:inherit;}
		.sub_scholarship .schol_list li dl dd{position:absolute;font-size:18px;font-weight: 500;color:#666;left: 39px;bottom: 54px;letter-spacing: -0.03em;padding-right: 27px;transition:all 0.4s;}
		.sub_scholarship .schol_list li dl dd:after{position: absolute;content:'';top: 52%;right: 0;transform: translateY(-50%);width:19px;height:19px;border:1px solid #aaa;border-radius:100%;box-sizing:border-box; transition:all 0.4s;}
		.sub_scholarship .schol_list li dl dd:before{position:absolute;content:'';width:4px;height:4px;border:1px solid #fff0;border-top-color:#666;border-right-color:#666;top: 52%;transform:translateY(-50%) rotate(45deg);right:8px;border-radius:1px; transition:all 0.4s; z-index:1;}
		.sub_scholarship .schol_list li .link{position:absolute; top:0; left:0; width:100%; height:100%;}

			/* over */
				@media only screen and (min-width:1024px){
					.sub_scholarship .schol_list li:hover{border-color:#005bac; box-shadow:0 0 20px rgba(0,0,0,0.15);}
					.sub_scholarship .schol_list li:hover dl dd{color:#005bac;}
					.sub_scholarship .schol_list li:hover dl dd:after{border-color:#005bac; background:#005bac;}
					.sub_scholarship .schol_list li:hover dl dd:before{border-top-color:#fff;border-right-color:#fff;}
				}

		@media only screen and (max-width:1217px){
			.sub_scholarship{padding-top:120px;}
			.sub_scholarship .schol_list li + li{margin-left:20px;}
			.sub_scholarship .schol_list li dl dt{font-size:28px;}
			.sub_scholarship .schol_list li dl dd{font-size:17px;}
		}
		@media only screen and (max-width:1023px){
			.sub_scholarship{padding-top:100px;}
			.sub_scholarship .schol_list{margin-top:40px;}
			.sub_scholarship .schol_list li{padding:40px 35px 118px}
				.sub_scholarship .schol_list li + li{margin-left:15px;}
				.sub_scholarship .schol_list li:before{right:35px; bottom:35px; width:60px; height:60px;}
			.sub_scholarship .schol_list li dl dt{font-size:26px;}
			.sub_scholarship .schol_list li dl dd{font-size:16px; left:35px;}
		}
		@media only screen and (max-width:860px){
			.sub_scholarship{padding-top:80px;}
			.sub_scholarship .schol_list{margin-top:30px;}
			.sub_scholarship .schol_list li{padding:35px 30px 118px}
				.sub_scholarship .schol_list li:before{right:30px; bottom:30px;}
			.sub_scholarship .schol_list li dl dt{font-size:24px;}
			.sub_scholarship .schol_list li dl dd{font-size:15px; left:30px;}
		}
		@media only screen and (max-width:767px){
			.sub_scholarship .schol_list li{padding:25px 25px 118px}
				.sub_scholarship .schol_list li:before{right:25px; bottom:25px; width:50px; height:50px;}
			.sub_scholarship .schol_list li dl dt{font-size:22px;}
			.sub_scholarship .schol_list li dl dd{font-size:14px; left:25px;}
		}
		@media only screen and (max-width:640px){
			.sub_scholarship .schol_list{flex-wrap:wrap; margin-top:20px;}
			.sub_scholarship .schol_list li{padding:25px 25px 100px; border-radius:0 10px;}
				.sub_scholarship .schol_list li + li{margin:15px 0 0 0;}
			.sub_scholarship .schol_list li dl dd{bottom:35px;}
		}
		@media only screen and (max-width:431px){
			.sub_scholarship .schol_list li dl dt{font-size:20px;}
			.sub_scholarship .schol_list li dl dd{padding-right:25px;}
				.sub_scholarship .schol_list li dl dd:after{width:17px; height:17px;}
				.sub_scholarship .schol_list li dl dd:before{width:3px; height:3px;}
		}
		@media only screen and (max-width:374px){
			.sub_scholarship .schol_list li dl dt{font-size:19px;}
			.sub_scholarship .schol_list li dl dd{font-size:13px;}
		}

	/* university */
		.sub_university{margin-top:-0.8vw;}
		.sub_university.sub_executive .cont{width:100%; padding:0 0 150px; background:#f7f8fb;}
		.sub_university.sub_executive .cont .staff_list li{margin:0 20px 0 0; width:calc(100% / 4 - 15px);}
			.sub_university.sub_executive .cont .staff_list li:nth-child(4n){margin-right:0;}
			.sub_university.sub_executive .cont .staff_list li:nth-child(n+5){margin-top:60px;}
			.sub_university.sub_executive .cont .staff_list li .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
		.sub_university.sub_executive .cont .staff_list li dl{position:relative; }
			.sub_university.sub_executive .cont .staff_list li dl:before{position:absolute; content:''; width:100%; height:100%; top:0; left:0; border:1px solid #005bac; transition:all 0.4s; box-sizing:border-box; border-radius:0 20px; opacity:0}
		.sub_university.sub_executive .cont .staff_list li .thumb{font-size:0; background:#f5f5f5; display:flex; align-items:center; justify-content:center; height:120px; width:calc(100% + 40px);margin:-18px 0 18px -20px; padding:20px; box-sizing:border-box;}
		.sub_university.sub_executive .cont .staff_list li dl dt{transition:all 0.4s;}
			/* over */
				@media only screen and (min-width:1024px){
					.sub_university.sub_executive .cont .staff_list li:hover dl dt{color:#005bac;}
					.sub_university.sub_executive .cont .staff_list li:hover dl:before{opacity:1;}
				}
		@media only screen and (max-width:1217px){
			.sub_university.sub_executive .cont .staff_list li{width:calc(100% / 3 - 13.34px);}
				.sub_university.sub_executive .cont .staff_list li:nth-child(4n){margin-right:20px;}
				.sub_university.sub_executive .cont .staff_list li:nth-child(3n){margin-right:0;}
				.sub_university.sub_executive .cont .staff_list li:nth-child(n+4){margin-top:60px;}
		}
		@media only screen and (max-width:1023px){
			.sub_university.sub_executive .cont .staff_list li{margin-right:15px; width:calc(100% / 3 - 10px);}
				.sub_university.sub_executive .cont .staff_list li:nth-child(4n){margin-right:15px;}
				.sub_university.sub_executive .cont .staff_list li:nth-child(3n){margin-right:0;}
				.sub_university.sub_executive .cont .staff_list li:nth-child(n+4){margin-top:50px;}
		}
		@media only screen and (max-width:860px){
			.sub_university.sub_executive .cont .staff_list li{width:calc(100% / 2 - 7.5px);}
				.sub_university.sub_executive .cont .staff_list li:nth-child(3n){margin-right:15px;}
				.sub_university.sub_executive .cont .staff_list li:nth-child(2n){margin-right:0;}
				.sub_university.sub_executive .cont .staff_list li:nth-child(n+3){margin-top:40px;}
		}
		@media only screen and (max-width:479px){
			.sub_university.sub_executive .cont .staff_list li{width:100%; margin-right:0;}
				.sub_university.sub_executive .cont .staff_list li:nth-child(1n){margin-right:0;}
				.sub_university.sub_executive .cont .staff_list li:nth-child(n+2){margin-top:15px;}
		}
		@media only screen and (max-width:431px){
		}

	/* sitemap */
		.no_vis{margin-top:103px;}
		.sub_sitemap .sub_title h2{letter-spacing:0;}
		.sub_sitemap .hd_lnb{display:flex; flex-wrap:wrap; align-items:flex-start; margin-top:83px;}
		.sub_sitemap .hd_lnb > li{margin-right:20px; width:calc(100% / 4 - 15px);}
			.sub_sitemap .hd_lnb > li:nth-child(4n){margin-right:0;}
			.sub_sitemap .hd_lnb > li:nth-child(n+5){margin-top:100px;}
		.sub_sitemap .hd_lnb > li > a{display:flex; align-items:center; justify-content:center; width:100%; height:70px; font-size:20px; font-weight:600; color:#333; letter-spacing:-0.03em; background:#f5f5f5; border-radius:0 20px; transition:all 0.4s; padding:0 15px; box-sizing:border-box; text-align:center;}
			.sub_sitemap .hd_lnb > li > a + a{margin-top:20px;}
			.sub_sitemap .hd_lnb > li > a.deep{background:#002f59 !important; color:#fff;}
		.sub_sitemap .hd_lnb .hd_lnb_dep2{margin-top:30px;}
		.sub_sitemap .hd_lnb .hd_lnb_dep2 > li{width:100%;}
			.sub_sitemap .hd_lnb .hd_lnb_dep2 > li + li{margin-top:10px;}
		.sub_sitemap .hd_lnb .hd_lnb_dep2 > li > a{display:flex; align-items:center; justify-content:center; width:100%; height:60px; font-size:16px; font-weight:400; color:#666; letter-spacing:-0.03em; background:#fff; border-radius:0 20px; border:1px solid #ddd; box-sizing:border-box; transition:all 0.4s; padding:0 15px; text-align:center;}
			/* over */
				@media only screen and (min-width:1024px){
					.sub_sitemap .hd_lnb > li:hover > a{background:#005bac; color:#fff;}
						.sub_sitemap .hd_lnb > li > a.deep:hover{background:#005bac !important;}
					.sub_sitemap .hd_lnb .hd_lnb_dep2 > li > a:hover{border-color:#005bac; color:#005bac; box-shadow:0 0 20px rgba(0,0,0,0.15);}
				}

		@media only screen and (max-width:1023px){
			.sub_sitemap .hd_lnb > li{margin-right:15px; width:calc(100% / 4 - 11.25px);}
			.sub_sitemap .hd_lnb > li > a{font-size:18px;}
			.sub_sitemap .hd_lnb .hd_lnb_dep2{margin-top:20px;}
			.sub_sitemap .hd_lnb .hd_lnb_dep2 > li > a{font-size:15px;}
		}
		@media only screen and (max-width:860px){
			.no_vis{margin-top:80px;}
			.sub_sitemap .hd_lnb{margin-top:60px;}
			.sub_sitemap .hd_lnb > li:nth-child(n+5){margin-top:80px;}
			.sub_sitemap .hd_lnb > li > a{font-size:17px; height:65px;}
			.sub_sitemap .hd_lnb .hd_lnb_dep2 > li > a{font-size:14px; height:55px;}
		}
		@media only screen and (max-width:767px){
			.sub_sitemap .hd_lnb > li{ width:calc(100% / 3 - 10px);}
				.sub_sitemap .hd_lnb > li:nth-child(4n){margin-right:15px;}
				.sub_sitemap .hd_lnb > li:nth-child(3n){margin-right:0;}
				.sub_sitemap .hd_lnb > li:nth-child(n+4){margin-top:60px;}
		}
		@media only screen and (max-width:640px){
			.no_vis{margin-top:60px;}
			.sub_sitemap .hd_lnb{margin-top:40px;}
			.sub_sitemap .hd_lnb > li > a, .sub_sitemap .hd_lnb .hd_lnb_dep2 > li > a{border-radius:0 10px;}
			.sub_sitemap .hd_lnb > li > a{font-size:16px; height:60px;}
			.sub_sitemap .hd_lnb .hd_lnb_dep2 > li > a{height:50px;}
		}
		@media only screen and (max-width:479px){
			.sub_sitemap .hd_lnb{margin-top:30px;}
			.sub_sitemap .hd_lnb > li{ width:calc(100% / 2 - 7.5px);}
				.sub_sitemap .hd_lnb > li:nth-child(3n){margin-right:15px;}
				.sub_sitemap .hd_lnb > li:nth-child(2n){margin-right:0;}
				.sub_sitemap .hd_lnb > li:nth-child(n+3){margin-top:40px;}
			.sub_sitemap .hd_lnb > li > a{font-size:15px; height:55px;}
			.sub_sitemap .hd_lnb > li > a + a, .sub_sitemap .hd_lnb .hd_lnb_dep2{margin-top:15px;}
			.sub_sitemap .hd_lnb .hd_lnb_dep2 > li > a{font-size:13px; height:45px;}
		}

		@media only screen and (max-width:374px){
			.sub_sitemap .hd_lnb{margin-top:20px;}
			.sub_sitemap .hd_lnb > li > a{font-size:14px; height:50px;}
			.sub_sitemap .hd_lnb .hd_lnb_dep2 > li > a{font-size:12px; height:40px;}
			.sub_sitemap .hd_lnb > li:nth-child(n+3){margin-top:30px;}
		}