@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
───────────────────────────────────────────────────────────*/
.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:1023px) {
	.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;}
			/* 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_main_content * {font-family: var(--font-type03);}
	/* 서브 비주얼 */
		.sub_visual{width:100%;height:800px;background-size:cover;background-position: center;display:flex;align-items:center;position:relative;}
		.sub_visual .w_custom {max-width:1360px;}
		.sub_visual h2{font-size:var(--title-70);font-weight:600;color:var(--point-white);}

		@media only screen and (max-width:1450px)	{
			.sub_visual{height:48vw;}
		}
		@media only screen and (max-width:1023px)	{
			.sub_visual{height:56vw;}
		}
		@media only screen and (max-width:640px)	{
			.sub_visual{height:67vw;}
		}
		@media only screen and (max-width:500px)	{
			.sub_visual{height:75vw;}
		}

	/* 로케이션 메뉴 */
		.nav_location {display:flex;align-items:center;margin-top:38px;}
		.nav_location .home {width:40px;height:40px;display: inline-flex;align-items: center;justify-content: center;background:url('../images/sub/navi_home_icon.png') no-repeat center;background-size:18px auto;border-radius: 100%;font-size:0;}
		.nav_location dl {font-size:0;vertical-align:top;box-sizing:border-box;text-align:left;display: flex;}
		.nav_location dt, .nav_location dd {position:relative;display: inline-flex;vertical-align:top;box-sizing:border-box;font-weight:400;font-size:18px;line-height: 1;color:var(--point-white);flex-wrap: wrap;align-items: center;z-index:5;}
		.nav_location dt span, .nav_location dd strong {font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;}
		.nav_location dt:before, .nav_location dd:before{width:7px;height:7px;content:"";border:1px solid #fff;border-width:1px 1px 0 0;transform:rotate(45deg);position: absolute;opacity:0.6;top:5px;}
		.nav_location dt{margin-left:12px;padding-left:13px;}
		.nav_location dt:before{left:-12px;}
		.nav_location dd{margin-left:20px;padding-left:20px;}
		.nav_location dd:before{left:-4px;}
		.nav_location dd strong {display:inline-block;font-weight: 400;color:inherit;position:relative;z-index:1;width: 100%;box-sizing: border-box;}
		.nav_location dt span, .nav_location dd strong{display:block;box-sizing:border-box;padding: 0;width: 100%;}

		@media only screen and (max-width:1023px)	{
			.nav_location{margin-top:0;}
		}
		@media only screen and (max-width:640px)	{
			.nav_location dt, .nav_location dd{font-size:15px;}
			.nav_location dt:before, .nav_location dd:before{width:5px;height:5px;}
			.nav_location dt{margin-left:8px;padding-left:8px;}
			.nav_location dd{margin-left:15px;padding-left:15px;}
		}
		@media only screen and (max-width:500px)	{
			.nav_location .home{width:30px;height:30px;}
			.nav_location dt:before{left:-8px;}
			.nav_location dt, .nav_location dd{font-size:14px;}
		}

	/*scroll down*/
		.sub_visual .scr_dwn{display:flex;align-items:center;position:absolute;right:11.5%;bottom: 15%;font-size:14px;font-weight:500;color:var(--point-white);font-family:var(--font-type02);transform:rotate(-90deg);width: 112px;z-index:5;}
		.sub_visual .scr_dwn span{position: relative;width:40px;height:40px;border:1px solid rgba(255,255,255,0.5);border-radius:100%;box-sizing:border-box;margin-right:18px;overflow: hidden; transition:all 0.4s}
			.sub_visual .scr_dwn span:before{position:absolute;content:'';top:50%;right: -4px;width:4px;height:4px;border-radius:100%;background:var(--point-white);margin-top: -2px; transition:all 0.4s}
		
		.sub_visual .scr_dwn span:before{animation-name: ScrlDwn; animation-duration:1.2s; animation-iteration-count:infinite;  animation-fill-mode: forwards; transition-timing-function:linear; }
		@keyframes ScrlDwn {0% {right:-4px;} 50% {right:calc(50% - 2px)} 100% {right:100%;}}

		/* over */
			@media screen and (min-width:1024px) { 
				.sub_visual .scr_dwn:hover span{border-color:var(--point-color);}
				.sub_visual .scr_dwn:hover span:before{background:var(--point-color); }
			}
		@media only screen and (max-width:1450px)	{
			.sub_visual .scr_dwn{right:0;}
		}
		@media only screen and (max-width:640px)	{
			.sub_visual .scr_dwn{display: none;}
		}

	#contents_box .sub_title{text-align: center;}
	#contents_box .sub_title h3{font-size:var(--title-60);color:#333;font-weight:500;letter-spacing:-0.04em;}
	.sub_company #contents_box .sub_title h3{margin-bottom:36px;}
	#contents_box .sub_title p{font-size:22px;color:#333;font-weight:400;letter-spacing:-0.04em;line-height:1.6;}	
	.sub_company #contents_box .sub_title p{font-size:var(--title-20);}
	.sub_company #contents_box .sub_title p + p{margin-top:30px;}	

	@media only screen and (max-width:640px)	{
		.sub_company #contents_box .sub_title h3{margin-bottom:20px;}
		.sub_company #contents_box .sub_title p + p{margin-top:15px;}	
	}

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

	company 

───────────────────────────────────────────────────────────*/
	.sub_about .title{text-align: center;}
	.sub_about .title span{font-size:var(--title-30);color:var(--point-color);font-weight:500;font-family:var(--font-type02);display: block;margin-bottom: 24px;}
	.sub_about .title h4{font-size:var(--title-60);color:var(--point-black);font-weight:500;letter-spacing:-0.04em;line-height:1.35;}
	.sub_about .title p{font-size:24px;color:var(--point-black);font-weight:400;letter-spacing:-0.04em;margin-top:20px;line-height:1.65;}

	/*fix banner*/
	.about_fix_bnr{display: flex;align-items: center;justify-content: center;box-sizing:border-box;background:url('../images/sub/about_fix_bnr.jpg')no-repeat center;background-size:cover;background-attachment:fixed;padding:192px 0;margin-top:99px;text-align: center;}

	/*vision*/
	.about_vision{background:#EFF6FB;position: relative;overflow:hidden;box-sizing:border-box;padding:135px 0 140px;}
	.about_vision:before{position:absolute;content:'';top: -5%;left: -16%;width:598px;height:598px;border-radius:100%;background: rgba(0, 194, 255, 0.30);filter: blur(150px);} 
	.about_vision:after{position:absolute;content:'';bottom: 14%;right: -4%;width:492px;height:492px;border-radius:100%;background: rgba(0, 71, 255, 0.30);filter: blur(150px);}
	.about_vision .des{width:100%;box-sizing:border-box;border:10px solid transparent;box-shadow: 0px 0px 54.9px 0px rgba(0, 0, 0, 0.20);background-color:#fff;border-radius:600px;background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #54D3BC 0%, #54CED3 29%, #00C2FF 67%, #274EB4 88%, #5B2695 100%);background-origin: border-box;background-clip: content-box, border-box;display: flex;align-items: center;justify-content: center;text-align: center;position: relative;z-index: 4;margin-top:58px;}
	.about_vision .des div{box-sizing:border-box;padding:44px 0 51px;}
	.about_vision .des strong{font-size:var(--title-50);color:var(--point-black);font-weight:500;font-family:var(--font-type02);letter-spacing:-0.03em;}
	.about_vision .des p{font-size:26px;color:var(--point-black);font-weight:400;margin-top:11px;letter-spacing:-0.04em;}
	.about_vision .txt{text-align: center;margin-top:51px;}	
	.about_vision .txt p{font-size:var(--title-20);color:#444;font-weight:400;letter-spacing:-0.04em;line-height:1.8;}

	/*value*/
	#wrap .about_value{box-sizing:border-box;margin-top:131px;}
	.about_value .value_box{box-sizing:border-box;padding:50px 89px;border:10px solid #eee;position: relative;border-bottom:none;border-radius:600px;margin-top:61px;}
	.about_value .value_box:before, .about_value .value_box:after{width:50%;height:50%;content:"";background: #fff;position: absolute;bottom:0;}
	.about_value .value_box:before{left:-10px;}	
	.about_value .value_box:after{right:-10px;}	
	.about_value ul{display: flex;flex-wrap:wrap;width:100%;position: relative;z-index:5;}
	.about_value ul:before{width:100%;height:1px;content:"";background: #ccc;position: absolute;left:0;top:50%;}
	.about_value ul li{box-sizing:border-box;width:calc(33.3333% - 54px);height:0;padding-bottom:calc(33.3333% - 54px);border-radius:100%;position: relative;}
	.about_value ul li + li{margin-left:80px;}	
	.about_value ul li:nth-child(1){background: linear-gradient(111deg, #6CDFB6 16%, #16CBD9 85.38%);;}
	.about_value ul li:nth-child(2){background: linear-gradient(106deg, #39D1DB 14.59%, #0097EC 76.37%);}
	.about_value ul li:nth-child(3){background: linear-gradient(298deg, #65188A 7.5%, #0197EC 81.08%);}
	.about_value ul li:before{width:calc(100% - 100px);height:calc(100% - 100px);content:"";box-sizing:border-box;border-radius:100%;background:linear-gradient(142deg, #E3E3E3 5.53%, #FFF 62.52%);box-shadow:0px 10px 31.8px rgba(0, 0, 0, 0.25);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.about_value ul li:after{width:calc(100% - 100px);height:calc(100% - 100px);content:"";box-sizing:border-box;border-radius:100%;border:6px solid transparent;background:linear-gradient(-90deg, #ddd 0.63%, transparent 100%) border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.about_value ul li div{width:100%;height:100%;position: absolute;top:0;left:0;display: flex;align-items: center;justify-content: center;flex-direction:column;text-align: center;}
	.about_value ul li span{display: block;font-size:24px;color:#777;font-weight:400;}
	.about_value ul li p{font-size:var(--title-30);color:#333;font-weight:500;line-height:1.2;margin-top:15px;}

	@media only screen and (max-width:1350px)	{
		/*value*/
		.about_value .value_box{padding:50px 50px;margin-top:40px;}
		.about_value ul li:before, .about_value ul li:after{width:calc(100% - 50px);height:calc(100% - 50px);}
	}
	@media only screen and (max-width:1023px)	{
		/*fix banner*/
		.about_fix_bnr{margin-top:66px;padding:130px 0;background-attachment:initial;}

		/*vision*/
		.about_vision{padding:60px 0 100px;}
		.about_vision:before{width:35.5vw; height:33.5vw;}
		.about_vision:after{width:20vw; height:20vw;bottom:0;}
		.about_vision .des p{font-size:20px;}

		/*value*/
		#wrap .about_value{margin-top:80px;}
		.about_value .value_box{padding:40px 35px;margin-top:40px;}
		.about_value ul li{width:calc(33.3333% - 27px);padding-bottom:calc(33.3333% - 27px);}
		.about_value ul li + li{margin-left:40px;}
	}
	@media only screen and (max-width:860px)	{
		.sub_about .title p{font-size:20px;}
		/*value*/
		.about_value ul li:before, .about_value ul li:after{width:calc(100% - 20px);height:calc(100% - 20px);}
	}
	@media only screen and (max-width:767px)	{
		/*vision*/
		.sub_about .title span{margin-bottom:5px;}
		.sub_about .title h4 br{display: none;}
		.about_vision .des{margin-top:30px;}
		.about_vision .des div{padding:30px 40px 40px;}
		.about_vision .txt{margin-top:30px;}
		.about_vision .txt p br{display: none;}

		/*value*/
		.about_value .value_box{border:none;padding:0 15px;}
		.about_value ul{flex-direction:column;align-items: center;}
		.about_value ul:before{width:1px;height:100%;top:0;left:50%;}
		.about_value ul li{width:50%;padding-bottom:50%;}
		.about_value ul li + li{margin:40px 0 0 0;}
	}
	@media only screen and (max-width:640px)	{
		/*fix banner*/
		.about_fix_bnr{padding:70px 0;margin-top:50px;}
		.about_fix_bnr img{width:70%;}
	}
	@media only screen and (max-width:500px)	{
		.sub_about .title p{font-size:18px;margin-top:5px;}
		/*fix banner*/
		.about_fix_bnr{padding:55px 0;}

		/*vision*/
		.about_vision{padding:45px 0 60px;}
		.about_vision .des div{padding:25px 15px 30px;}
		.about_vision .des p{font-size:16px;margin-top:5px;}
		.about_vision .txt{margin-top:20px;}
		.about_vision .txt p{line-height:1.5;}

		/*value*/
		#wrap .about_value{margin-top:45px;}
		.about_value .value_box{margin-top:25px;}
		.about_value ul li{width:75%;padding-bottom:75%;}
		.about_value ul li span{font-size:18px;}
		.about_value ul li p{margin-top:8px;}	
	}

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

	서비스

───────────────────────────────────────────────────────────*/
	/*공통*/
		.license_tab{display: flex;justify-content: center;margin-top:45px;}
		.license_tab a{font-size:22px;color:#333;font-weight:400;display: inline-block;margin:0 30px;padding-bottom:9px;}
		.license_tab a.on{color:#008CDB;border-bottom:2px solid #008CDB;font-weight:500;}

		.sub_license_cont .intro{display: flex;align-items: center;background:#0A2A63;box-sizing:border-box;margin-top:80px;height:740px;flex-wrap:wrap;}
		.sub_license_cont .intro > div{width:50%;box-sizing:border-box;position: relative;}
		.sub_license_cont .intro .img{height:100%;}
		.sub_issuance .intro .img{background:url('../images/sub/issuance_img.jpg')no-repeat center;background-size:cover;}
		.sub_fullfillment .intro .img{background:url('../images/sub/fullfillment_img.jpg')no-repeat center;background-size:cover;}
		.sub_license_cont .intro .txt_box{padding:0 100px;}
		.sub_license_cont .intro .txt_box:before{font-size:100px;color:#0A2A63;font-weight:800;line-height:1;font-family:var(--font-type02);position: absolute;transform:rotate(-90deg);}
		.sub_issuance .intro .txt_box:before{content:"Licensing";left:-276px;top:42%;}
		.sub_fullfillment .intro .txt_box:before{content:"Fulfillment";left:-298px;top:42%;}
		.sub_license_cont .intro .txt_box dl{}
		.sub_license_cont .intro .txt_box dl dt{font-size:50px;color:#fff;font-weight:500;margin-bottom:27px;}
		.sub_license_cont .intro .txt_box dl dd p{font-size:18px;color:#fff;font-weight:300;line-height:1.7;letter-spacing:-0.04em;}
		.sub_license_cont .intro .txt_box dl dd p + p{margin-top:30px;}
		.sub_license_cont .intro .txt_box dl dd span{font-size:16px;color:rgba(255,255,255,0.8);font-weight:300;display: block;margin:10px 0 30px;}

		@media only screen and (max-width:1600px){
			.sub_license_cont .intro .txt_box{padding:0 50px;}
		}
		@media only screen and (max-width:1400px){
			.sub_license_cont .intro{height:auto;}
			.sub_license_cont .intro .img{height:0;padding-bottom:50%;}
			.sub_license_cont .intro .txt_box:before{font-size:78px;}
			.sub_issuance .intro .txt_box:before{left:-215px;}
			.sub_fullfillment .intro .txt_box:before{left:-232px;}
			.sub_license_cont .intro .txt_box dl dt{font-size:40px;margin-bottom:20px;;}
			.sub_license_cont .intro .txt_box dl dd p{font-size:16px;}
			.sub_license_cont .intro .txt_box dl dd p br{display: none;}
			.sub_license_cont .intro .txt_box dl dd span{font-size:14px;}
		}
		@media only screen and (max-width:1100px){
			.sub_license_cont .intro{margin-top:60px;}
			.sub_license_cont .intro .img{padding-bottom:66%;}
			.sub_license_cont .intro .txt_box{padding:0 30px;}
		}
		@media only screen and (max-width:1024px){
			.license_tab{margin-top:20px;}
			.license_tab a{margin:0 20px;padding-bottom:3px;font-size:18px;}
		}
		@media only screen and (max-width:960px){
			.sub_license_cont .intro{background:none;}
			.sub_license_cont .intro > div{width:100%;}
			.sub_license_cont .intro .img{padding-bottom:50%;}
			.sub_license_cont .intro .txt_box{background:#0A2A63;padding:50px 30px;}
			.sub_license_cont .intro .txt_box:before{display: none;}
		}
		@media only screen and (max-width:640px){
			.sub_license_cont .intro .txt_box{padding:30px 15px 50px;}
			.sub_license_cont .intro .txt_box dl dt{font-size:28px;margin-bottom:15px;}
			.sub_license_cont .intro .txt_box dl dd span{margin:10px 0 25px;}
			.sub_license_cont .intro .txt_box dl dd p + p{margin-top:18px;}
		}
		@media only screen and (max-width:500px){
			.license_tab{margin-top:15px;}
			.license_tab a{margin:0 10px;font-size:15px;}
			
			.sub_license_cont .intro{margin-top:45px;}
			.sub_license_cont .intro .img{padding-bottom:60%;}
			.sub_license_cont .intro .txt_box dl dt{font-size:24px;}
			.sub_license_cont .intro .txt_box dl dd p{font-size:14px;}
			.sub_license_cont .intro .txt_box dl dd span{font-size:12px;margin:6px 0 20px;}
		}

	/*인허가 발급*/
		.sub_issuance .globe{box-sizing:border-box;background:url('../images/sub/issuance_globe.jpg')no-repeat center;background-size:cover;padding:137px 0 124px;}
		.sub_issuance .globe .w_custom{display: flex;align-items: center;justify-content: space-between;}
		.sub_issuance .globe .txt{}
		.sub_issuance .globe .txt dt{display: flex;align-items: center;font-size:40px;color:#fff;font-weight:500;letter-spacing:-0.03em;}
		.sub_issuance .globe .txt dt:before{width:64px;height:64px;content:"";box-sizing:border-box;border-radius:100%;background:#fff url('../images/sub/icon_globe.png')no-repeat center;margin-right:20px;}
		.sub_issuance .globe .txt dd{font-size:20px;color:#fff;font-weight:400;margin-top:41px;letter-spacing:-0.05em;line-height:1.6;}
		.sub_issuance .globe a{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;height:60px;border-radius:30px;text-align: center;border:1px solid #ddd;font-size:18px;color:#fff;font-weight:500;padding:0 35px;}

		.sub_issuance .license_process{text-align: center;background: #EFF6FB;box-sizing:border-box;padding:119px 0 138px;}
		.sub_issuance .license_process h4{font-size:50px;color:#333;font-weight:500;letter-spacing:-0.04em;}
		.sub_issuance .license_process ol{font-size:0;margin-top:39px;}
		.sub_issuance .license_process ol li{text-align: center;display: inline-block;box-sizing:border-box;width:210px;height:0;padding-bottom:210px;border-radius:100%;position: relative;background:rgba(0, 140, 219, 0.9);}
		.sub_issuance .license_process ol li + li{margin-left:-15px;}
		.sub_issuance .license_process ol li:nth-of-type(2n){background:rgba(11, 73, 135, 0.9);}
		.sub_issuance .license_process ol li div{width:100%;height:100%;position: absolute;top:0;left:0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
		.sub_issuance .license_process ol li span{font-size:20px;color:#fff;font-weight:300;font-family:var(--font-type02);}
		.sub_issuance .license_process ol li p{font-size:24px;color:#fff;font-weight:400;line-height:30px;height:60px;display: flex;align-items: center;justify-content: center;margin-top:8px;letter-spacing:-0.04em;}
		.sub_issuance .license_process a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;height:70px;background: #000;font-size:20px;color:#fff;font-weight:700;font-family:var(--font-type01);border-radius:35px;padding:0 50px;margin-top:60px;}

		/*over*/
		@media only screen and (min-width:1024px){
			.sub_issuance .globe a:hover{background: #0A2A63;border-color:#0A2A63;}	
		}

		@media only screen and (max-width:1450px){
			.sub_issuance .license_process ol li{width:15.28%;padding-bottom:15.28%;}
			.sub_issuance .license_process ol li span{font-size:16px;}
			.sub_issuance .license_process ol li p{font-size:20px;line-height:25px;height:50px;}
		}
		@media only screen and (max-width:1400px){
			.sub_issuance .globe .txt{width:70%;}
			.sub_issuance .globe .txt dd br{display: none;}
		}
		@media only screen and (max-width:1200px){
			.sub_issuance .globe .txt dt{font-size:34px;}
			.sub_issuance .globe .txt dt:before{width:56px;height:56px;margin-right:15px;background-size:auto 50%;}
			.sub_issuance .globe .txt dd{font-size:18px;}
			.sub_issuance .globe a{font-size:16px;}
		}
		@media only screen and (max-width:1024px){
			.sub_issuance .license_process{padding:80px 0 110px;}
			.sub_issuance .license_process h4{font-size:40px;}
			.sub_issuance .license_process ol li{width:25%;padding-bottom:25%;margin:0 -15px -50px !important;}
			.sub_issuance .license_process ol li + li{margin:0;}
			.sub_issuance .license_process a{margin-top:105px;}
		}
		@media only screen and (max-width:860px){
			.sub_issuance .globe{padding:80px 0;}
			.sub_issuance .globe .w_custom{align-items: initial;flex-wrap:wrap;}
			.sub_issuance .globe .txt{width:100%;}
			.sub_issuance .globe .txt dd{margin-top:22px;}
			.sub_issuance .globe a{height:50px;padding:0 25px;margin-top:25px;}
		}
		@media only screen and (max-width:767px){
			.sub_issuance .license_process ol{margin-top:25px;}
			.sub_issuance .license_process ol li{margin:0 -8px -40px !important;}
			.sub_issuance .license_process ol li p{font-size:18px;}
			.sub_issuance .license_process a{margin-top:88px;height:60px;font-size:18px;padding:0 35px;}
		}
		@media only screen and (max-width:640px){
			.sub_issuance .license_process{padding:70px 0 90px;}
			.sub_issuance .license_process h4{font-size:34px;}
			.sub_issuance .license_process ol li{width:40%;padding-bottom:40%;}
		}
		@media only screen and (max-width:500px){
			.sub_issuance .globe{padding:50px 0;}
			.sub_issuance .globe .txt dt{font-size:26px;}
			.sub_issuance .globe .txt dt:before{width:46px;height:46px;margin-right:10px;}
			.sub_issuance .globe .txt dd{margin-top:15px;font-size:15px;}
			.sub_issuance .globe a{font-size:14px;}

			.sub_issuance .license_process{padding:50px 0 75px;}
			.sub_issuance .license_process h4{font-size:26px;}
			.sub_issuance .license_process ol{margin-top:20px;;}
			.sub_issuance .license_process ol li{width:50%;padding-bottom:50%;margin:0 -8px -20px !important;}
			.sub_issuance .license_process ol li:last-child{margin-top:-14px !important;}
			.sub_issuance .license_process ol li span{font-size:14px;}
			.sub_issuance .license_process ol li p{font-size:15px;line-height:20px;height:40px;margin-top:4px;}
			.sub_issuance .license_process a{height:50px;font-size:16px;padding:0 25px;}
		}

	/*풀필먼트*/
		.sub_fullfillment .fullfill_list{box-sizing:border-box;background:#EFF6FB;padding:120px 0;text-align: center;}
		.sub_fullfillment .fullfill_list ul{display: flex;flex-wrap:wrap;width:calc(100% + 30px);margin-left:-15px;}
		.sub_fullfillment .fullfill_list ul li{box-sizing:border-box;margin:0 15px 60px;width:calc(33.3333% - 30px);}
		.sub_fullfillment .fullfill_list ul li .thumb{width:100%;box-sizing:border-box;background: #fff;border-radius:20px;padding:20px 15px;display: flex;align-items: center;justify-content: center;height:280px;}
		.sub_fullfillment .fullfill_list ul li .thumb img{}
		.sub_fullfillment .fullfill_list ul li .txt{margin-top:18px;text-align: left;}
		.sub_fullfillment .fullfill_list ul li .txt dt{font-size:30px;color:#333;font-weight:500;}
		.sub_fullfillment .fullfill_list ul li .txt dd{font-size:20px;color:#444;font-weight:400;margin-top:12px;letter-spacing:-0.04em;}
		.sub_fullfillment .fullfill_list a{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;height:70px;background:#008CDB;border-radius:35px;text-align: center;font-size:20px;color:#fff;font-weight:700;font-family:var(--font-type01);padding:0 77px;margin-top:18px;}

		@media only screen and (max-width:1200px){
			.sub_fullfillment .fullfill_list{padding:100px 0;}
			.sub_fullfillment .fullfill_list ul li .thumb{height:210px;}
			.sub_fullfillment .fullfill_list ul li .txt dt{font-size:22px;}
			.sub_fullfillment .fullfill_list ul li .txt dd{font-size:18px;margin-top:8px;}
		}
		@media only screen and (max-width:860px){
			.sub_fullfillment .fullfill_list ul{width:calc(100% + 20px);margin-left:-10px;}
			.sub_fullfillment .fullfill_list ul li{margin:0 10px 45px;width:calc(33.3333% - 20px);}
			.sub_fullfillment .fullfill_list ul li .thumb{height: 0;padding-bottom: 58%;position: relative;overflow: hidden;}
			.sub_fullfillment .fullfill_list ul li .thumb img{width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-height: initial;max-width: initial;height: 85%;}
			.sub_fullfillment .fullfill_list ul li .txt{margin-top:15px;}
			.sub_fullfillment .fullfill_list ul li .txt dt{font-size:20px;}
			.sub_fullfillment .fullfill_list ul li .txt dd{font-size:16px;margin-top:3px;}
			.sub_fullfillment .fullfill_list a{height:60px;padding:0 50px;margin-top:10px;}
		}
		@media only screen and (max-width:640px){
			.sub_fullfillment .fullfill_list ul li{width:calc(50% - 20px);}
		}
		@media only screen and (max-width:500px){
			.sub_fullfillment .fullfill_list{padding:70px 0;}
			.sub_fullfillment .fullfill_list ul{width:calc(100% + 15px);margin-left:-7.5px;}
			.sub_fullfillment .fullfill_list ul li{margin:0 7.5px 30px;width:calc(50% - 15px);}
			.sub_fullfillment .fullfill_list ul li .thumb{border-radius:10px;}
			.sub_fullfillment .fullfill_list ul li .txt{margin-top:10px;}
			.sub_fullfillment .fullfill_list ul li .txt dt{font-size:16px;}
			.sub_fullfillment .fullfill_list ul li .txt dd{font-size:14px;}
			.sub_fullfillment .fullfill_list a{font-size:16px;height:50px;padding:0 35px;}
		}

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

	인허가 신청

───────────────────────────────────────────────────────────*/
	#wrap .visual_tab_wrap{position: absolute;left:50%;bottom:80px;transform:translate(-50%);}
	.visual_tab{box-sizing:border-box;border-radius:30px;background: #fff;display:inline-flex;}
	.visual_tab a{width:160px;display: inline-flex;align-items: center;justify-content: center;height:60px;box-sizing:border-box;border-radius:30px;font-size:18px;color:#444;font-weight:400;background: #fff;}
	.visual_tab a.on{background: #008CDB;color:#fff;font-weight:600;}

	/*over*/
	@media only screen and (min-width:1024px){
		.visual_tab a:hover{background: #008CDB;color:#fff;font-weight:600;}
	}

	@media only screen and (max-width:1200px){
		#wrap .visual_tab_wrap{bottom:40px;}
		.visual_tab a{width:130px;height:50px;font-size:16px;}
	}
	@media only screen and (max-width:960px){
		.visual_tab a{width:100px;}
	}
	@media only screen and (max-width:767px){
		.visual_tab a{font-size:14px;width:84px;}
	}
	@media only screen and (max-width:640px){
		#wrap .visual_tab_wrap{display: none;}
	}

	.sub_application_cont h4{font-size:50px;color:#333;font-weight:500;letter-spacing:-0.04em;}
	/*심사기관*/
	.application_cate{box-sizing:border-box;padding:100px 0 148px;text-align: center;}
	.application01 .application_cate{background:url('../images/sub/malaysia_bg.png')no-repeat center;background-size:cover;}
	.application02 .application_cate{background:url('../images/sub/vietnam_bg.png')no-repeat center;background-size:cover;}
	.application03 .application_cate{background:url('../images/sub/singapore_bg.png')no-repeat center;background-size:cover;}
	.application04 .application_cate{background:url('../images/sub/indonesia_bg.png')no-repeat center;background-size:cover;}
	.application05 .application_cate{background:url('../images/sub/thailand_bg.png')no-repeat center;background-size:cover;}
	.application06 .application_cate{background:url('../images/sub/philippines_bg.png')no-repeat center;background-size:cover;}

	.application_cate .title{}
	.application_cate .title h4{font-size:60px;color:#fff;font-weight:500;margin-top:14px;}
	.application_cate .title p{font-size:50px;color:#fff;font-weight:500;position: relative;margin-top: 35px;padding-top: 40px;letter-spacing: -0.04em;}
	.application_cate .title p:before{width:60px;height:2px;content:"";background: #fff;position: absolute;top:0;left:50%;transform:translate(-50%);}	
	.application_cate .title span{font-size:20px;color:rgba(255,255,255,0.8);font-weight:400;display: block;margin-top:13px;}

	.application_cate .cate_list{display: flex;flex-wrap:wrap;width:calc(100% + 80px);margin-left:-40px;margin-top:65px;box-sizing:border-box;justify-content: center;}
	.application_cate .cate_list li{box-sizing:border-box;margin:0 40px;position: relative;width:calc(25% - 80px);height:0;padding-bottom:calc(25% - 80px);border-radius:100%;background:linear-gradient(133deg, #00B6C1 18.55%, #008CDB 37.88%, #003B94 82.98%);}
	.application_cate .cate_list li:before{width:calc(100% + 20px);height:calc(100% + 20px);content:"";border:1px dashed rgba(255,255,255,0.8);position: absolute;top:-10px;left:-10px;box-sizing:border-box;border-radius:100%;}
	.application_cate .cate_list li:after{width:calc(100% - 40px);height:calc(100% - 40px);content:"";background: #fff;box-shadow:0px 10px 30px rgba(0, 0, 0, 0.50);position: absolute;top:20px;left:20px;box-sizing:border-box;border-radius:100%;}
	.application_cate .cate_list li div{width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;display: flex;flex-direction: column;align-items: center;justify-content: center;box-sizing:border-box;padding:0 40px;}
	.application_cate .cate_list li div p{font-size:24px;color:#333;font-weight:400;}
	.application_cate .cate_list li div strong{font-size:24px;color:#333;font-weight:600;font-family:var(--font-type02);display: block;margin:9px 0 8px;}
	.application_cate .cate_list li div span{font-size:16px;color:#666;font-weight:400;font-family:var(--font-type02);}

	/*등록절차*/
	.application_process{text-align: center;background: #EFF6FB;box-sizing:border-box;padding:113px 0 140px;}
	.application_process ol{display: flex;box-sizing:border-box;margin-top:38px;flex-wrap:wrap;}
	.application_process ol li{width:16.666%;position: relative;}
	.application_process ol .icon{display: flex;align-items: center;justify-content: center;height:91px;}
	.application_process ol .icon img{max-height:100%;}
	.application_process ol .txt{position: relative;margin-top:32px;}
	.application_process ol .txt:before{width:10px;height:10px;content:"";box-sizing:border-box;background:#888;position: absolute;top:-5px;left:50%;transform:translate(-50%);border-radius:100%;z-index:5;}
	.application_process ol .txt:after{width:0;height:0;content:"";box-sizing:border-box;background: #008CDB;position: absolute;top:-10px;left:50%;transform:translate(-50%);border-radius:100%;z-index:3;opacity:0.2;}
	.application_process ol .txt dt{font-size:20px;color:#008CDB;font-weight:500;font-family:var(--font-type02);position: relative;padding-top:37px;}
	.application_process ol .txt dt:before{width:100%;height:1px;content:"";background: #ccc;position: absolute;top:0;left:0;opacity:0.8;}
	.application_process ol .txt dt:after{width:0;height:1px;content:"";background: #008CDB;position: absolute;top:0;left:0;z-index:3;}
	.application_process ol .txt dd{font-size:22px;color:#333;font-weight:400;margin-top:12px;line-height:1.3;letter-spacing:-0.03em;}

		/*on*/
		.application_process ol li.on .txt:before, .application_process ol li.active .txt:before{background: #008CDB;}
		.application_process ol li.active .txt dt:after, .application_process ol li.on .txt dt:after{width:100%;transition:width 0.5s;}
		.application_process ol li.active .txt:after{width:20px;height:20px;}

	.application_process .btn_box{display: flex;flex-wrap:wrap;justify-content: center;margin-top:82px;}
	.application_process .btn_box a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;height:70px;border-radius:35px;width:340px;background:#fff;border:1px solid #008CDB;font-size:20px;color:#008CDB;font-weight:700;font-family:var(--font-type01);letter-spacing:-0.04em;}
	.application_process .btn_box a:nth-child(2){margin-left:20px;}
	.application_process .btn_box a:nth-child(3){background:#008CDB;color:#fff;width:700px;padding:0;margin:20px 0 0 0;}

	/*구비서류*/
	.application_doc, .application_time{display: none;}
	.application_doc{text-align: center;padding:118px 0 140px;}
	.application_doc .txt{display: flex;align-items: center;justify-content: center;box-sizing:border-box;border-radius:20px;background: #f5f5f5;text-align: center;padding:40px 15px;margin-top:58px;}
	.application_doc .txt p{font-size:20px;color:#000;font-weight:400;letter-spacing:-0.05em;}
	.application_doc .table_container{margin-top:50px;}
	.application_doc .table_container > span{display: block;font-size:14px;color:#333;font-weight:400;text-align:left;font-size:0;}
	.application_doc .table_box{}
	.application_doc .table_box table{text-align: center;}
	.application_doc .table_box table thead tr th{box-sizing:border-box;background: #0A2A63;font-size:20px;color:#fff;font-weight:500;padding:15px 5px;}
	.application_doc .table_box table thead tr th:first-child{border-radius:10px 0 0 10px;}
	.application_doc .table_box table thead tr th:last-child{border-radius: 0 10px 10px 0;}
	.application_doc .table_box table tbody tr td{font-size:18px;color:#333;font-weight:400;padding:16.5px 5px;letter-spacing:-0.03em;}
	.application_doc .table_box table tbody tr:nth-of-type(2n) td{background: #EEF5FA;}
	.application_doc .table_box table tbody tr td:first-child{border-radius:10px 0 0 10px;}
	.application_doc .table_box table tbody tr td:last-child{border-radius: 0 10px 10px 0;}
	.application_doc a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;margin-top:60px;height:70px;border-radius:35px;background:#008CDB;font-size:20px;color:#fff;font-weight:700;font-family:var(--font-type01);padding:0 58px;}

	/*리드타임*/
	.application_time{background: #f5f5f5;text-align: center;padding:118px 0 140px;box-sizing:border-box;}
	.application_time .period{display: flex;flex-wrap:wrap;margin-top:30px;}
	.application_time .period dl{box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);box-sizing:border-box;background: #fff;border-radius:20px;overflow:hidden;width:calc(33.3333% - 20px);}	
	.application_time .period dl + dl{margin-left:30px;}
	.application_time .period dl dt{width:100%;height:62px;box-sizing:border-box;border-radius:20px 20px 0 0;background:#0A2A63;display: flex;align-items: center;justify-content: center;font-size:25px;color:#fff;font-weight:500;}
	.application_time .period dl dd{display: flex;align-items: center;justify-content: center;padding:36px 0;}
	.application_time .period dl dd p{font-size:24px;color:#333;font-weight:400;font-family:var(--font-type02);}
	.application_time .period_box > span{display: block;text-align: right;font-size:18px;color:#777;font-weight:400;margin-top:30px;}

	.application_time .caution{margin-top:23px;}
	.application_time .caution h5{text-align: left;font-size:36px;color:#333;font-weight:500;}
	.application_time .caution .txt{box-sizing:border-box;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);border-radius:20px;background: #fff;display: flex;align-items: center;padding:40px 50px;text-align:left;margin-top:13px;flex-wrap:wrap;}
	.application_time .caution .txt p{font-size:20px;color:#333;font-weight:400;position: relative;padding-left:12px;width:100%;}
	.application_time .caution .txt p + p{margin-top:20px;}
	.application_time .caution .txt p:before{width:3px;height:3px;content:"";box-sizing:border-box;border-radius:100%;background: #333;position: absolute;left:0;top:14px;}
	.application_time .caution .txt p strong{font-size:inherit;color:#C1314B;font-weight:inherit;}

	@media only screen and (max-width:1350px){
		/*심사기관*/
		.application_cate .cate_list li:after{width:calc(100% - 20px);height:calc(100% - 20px);top:10px;left:10px;}
		.application_cate .cate_list li div{padding:0 30px;}
		.application_cate .cate_list li div span br{display: none;}
	}
	@media only screen and (max-width:1200px){
		.sub_application_cont h4{font-size:40px;}
		/*심사기관*/
		.application_cate{padding:80px 0 120px;}
		.application_cate .title h4{font-size:50px;}
		.application_cate .title p{font-size:40px;margin-top:20px;padding-top:30px;}
		.application_cate .title span{font-size:18px;}

		.application_cate .cate_list{width:calc(100% + 30px);margin-left:-15px;padding:0 20px;}		
		.application_cate .cate_list li{margin:0 15px;width:calc(25% - 30px);padding-bottom:calc(25% - 30px);}
		.application_cate .cate_list li div p,
		.application_cate .cate_list li div strong{font-size:20px;}
		.application_cate .cate_list li div strong{line-height:1;margin:4px 0 5px}
		.application_cate .cate_list li div span{font-size:14px;}

		/*등록절차*/
		.application_process{padding:90px 0 120px;}
		.application_process ol .txt dt{font-size:18px;}
		.application_process ol .txt dd{font-size:20px;}
		.application_process .btn_box a{width:290px;font-size:18px;;}
		.application_process .btn_box a:nth-child(3){width:610px;}

		/*구비서류*/
		.application_doc{padding:90px 0 110px;}
		.application_doc .txt{margin-top:30px;padding:35px 15px;}
		.application_doc .txt p{font-size:18px;}
		.application_doc .table_box table thead tr th{font-size:18px;}
		.application_doc .table_box table tbody tr td{font-size:16px;}

		/*리드타임*/
		.application_time{padding:90px 0 110px;}
		.application_time .period dl dt{font-size:20px;}
		.application_time .period dl dd{padding:25px 0;}
		.application_time .period dl dd p{font-size:18px;}
		.application_time .period_box > span{font-size:16px;margin-top:18px;}

		.application_time .caution h5{font-size:30px;}
		.application_time .caution .txt{padding:30px 25px;}
		.application_time .caution .txt p{font-size:18px;}
		.application_time .caution .txt p:before{top:13px;}
	}
	@media only screen and (max-width:1024px){
		.application_doc .table_container > span{font-size:14px;margin-bottom:10px;}
		.application_doc .table_box table{width:1100px;}
	}
	@media only screen and (max-width:960px){
		/*심사기관*/
		.application_cate{padding:80px 0 70px;}
		.application_cate .cate_list{width:calc(100% + 60px);margin-left:-30px;}
		.application_cate .cate_list li{width:calc(40% - 30px);padding-bottom:calc(40% - 30px);margin:0 30px 30px;}

		/*등록절차*/
		.application_process ol li{width:33.3333%;margin-bottom:30px;}
		.application_process .btn_box{margin-top:35px;}
		.application_process .btn_box a{padding:0 20px;width:calc(50% - 10px);}
		.application_process .btn_box a:nth-child(3){width:100%;}
		
	}
	@media only screen and (max-width:640px){
		/*심사기관*/
		.application_cate{padding:60px 0 55px;}
		.application_cate .title .flag img{height:45px;}
		.application_cate .title h4{font-size:40px;margin-top:5px;}
		.application_cate .title p{font-size: 30px;margin-top: 10px;padding-top: 20px;}
		.application_cate .title span{font-size:16px;margin-top:5px;}

		.application_cate .cate_list{margin-top:40px;width:calc(100% + 40px);margin-left:-20px;}
		.application_cate .cate_list li{width:calc(50% - 40px);padding-bottom:calc(50% - 40px);margin:0 20px 45px;}

		/*등록절차*/
		.application_process{padding:60px 0 90px;}
		.application_process ol{margin-top:25px;}
		.application_process ol .icon{height:63px;}
		.application_process ol .txt{margin-top:22px;}
		.application_process ol .txt dt{padding-top:18px;font-size:16px;}
		.application_process ol .txt dd{font-size:18px;margin-top:4px;}
		.application_process .btn_box{margin-top:20px;}
		.application_process .btn_box a{font-size:16px;height:60px;}

		/*구비서류*/
		.application_doc{padding:60px 0 80px;}
		.application_doc .txt p{font-size:16px;}
		.application_doc .table_container{margin-top:30px;}
		.application_doc .table_box table{width:900px;}
		.application_doc .table_box table thead tr th{font-size:16px;}
		.application_doc .table_box table tbody tr td{font-size:14px;}
		.application_doc a{font-size:18px;margin-top:35px;height:60px;padding:0 30px;}

		/*리드타임*/
		.application_time{padding:60px 0 80px;}
		.application_time .period{margin-top:20px;}
		.application_time .period dl{width:100%;}
		.application_time .period dl + dl{margin:20px 0 0;}
		.application_time .caution .txt p + p{margin-top:10px;}
	}	
	@media only screen and (max-width:500px){
		.sub_application_cont h4{font-size:28px;}
		/*심사기관*/
		.application_cate .title h4{font-size:32px;}
		.application_cate .title p{font-size:22px;}
		.application_cate .title p:before{width:40px;}
		.application_cate .title span{font-size:14px;}

		.application_cate .cate_list{width:100%;margin-left:0;padding:0 10px;flex-direction: column;justify-content: center;align-items: center;}
		.application_cate .cate_list li{margin:0 0 45px;width:70%;padding-bottom:70%;}
		.application_cate .cate_list li div{padding:0 20px;}

		/*등록절차*/
		.application_process{padding:45px 0 75px;}
		.application_process ol .txt dt{font-size:14px;}
		.application_process ol .txt dd{font-size:16px;}
		.application_process .btn_box a{height:50px;font-size:14px;width:calc(50% - 5px);padding:0 10px;}
		.application_process .btn_box a:nth-child(2){margin-left:10px;}
		.application_process .btn_box a:nth-child(3){margin-top:10px;}

		/*구비서류*/
		.application_doc .txt{margin-top:15px;padding:25px 15px;}
		.application_doc .txt p{font-size:14px;}
		.application_doc .table_container > span{font-size:13px;}
		.application_doc .table_box table thead tr th{padding:10px 5px;}
		.application_doc .table_box table tbody tr td{padding:10px 5px;}
		.application_doc a{font-size:16px;height:50px;}


		/*리드타임*/
		.application_time .period dl{border-radius:10px;}
		.application_time .period dl dt{font-size:18px;height:54px;border-radius:10px 10px 0 0;}
		.application_time .period dl dd p{font-size:16px;}
		.application_time .period_box > span{font-size:14px;}

		.application_time .caution h5{font-size:24px;}
		.application_time .caution .txt{padding:20px 15px;border-radius:10px;}
		.application_time .caution .txt p{font-size:15px;padding-left:8px;}
		.application_time .caution .txt p:before{top:11px;}

	}

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

	견적 조회

───────────────────────────────────────────────────────────*/
	.sub_estimate #contents_box .sub_title p{margin-top:26px;line-height:1.7;}
	/*계산기*/
		.sub_calculator .cal_box{box-sizing:border-box;background: #fff;border-radius:20px;padding:80px 100px;text-align: center;margin-top:60px;}
		.sub_calculator .choice_box{display: flex;align-items: center;}
		.sub_calculator .choice_box dl{display: flex;align-items: center;}
		.sub_calculator .choice_box dl + dl{margin-left:60px;}
		.sub_calculator .choice_box dl dt{font-size:20px;color:#333;font-weight:500;margin-right:40px;}
		.sub_calculator .choice_box dl dd select, .sub_calculator .choice_box dl dd input{box-sizing:border-box;border-radius:4px;border:1px solid #ddd;height:60px;font-size:18px;color:#333;font-weight:400;padding-left:20px;}
		.sub_calculator .choice_box dl dd select{width:280px;background: #fff url('../images/sub/sel_arw.png')no-repeat right 20px center;}
		.sub_calculator .choice_box dl dd input{width:160px;}
		.sub_calculator .cal_box .btn_submit{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;height:70px;background: #000;border-radius:35px;font-size:20px;color:#fff;font-weight:700;padding:0 76px;font-family:var(--font-type01);margin-top:60px;}

		.sub_calculator .cal_box .result_box{display: flex;align-items: center;justify-content: center;box-sizing:border-box;border-radius:20px;border:1px solid #008CDB;margin-top:60px;padding:54px 15px;}
		.sub_calculator .cal_box .result_box p{font-size:20px;color:#333;font-weight:500;letter-spacing:-0.03em;}
		.sub_calculator .cal_box .result_box p strong{font-size:inherit;color:#008CDB;font-weight:inherit;}
		.sub_calculator .cal_box .result_box p a{font-size:inherit;color:inherit;font-weight:inherit;}

		.cal_bnr{margin-top:100px;box-sizing:border-box;background:#0A2A63;overflow:hidden;}
		.cal_bnr .txt_box{box-sizing:border-box;position: relative;padding:120px 0 124px 30px;}
		.cal_bnr .txt_box:before{width:673px;height:404px;content:"";background:url('../images/sub/estimate_globe.png')no-repeat right center;position: absolute;right:-44px;top:17px;background-size:auto 100%;}
		.cal_bnr .txt_box strong{font-size:40px;color:#fff;font-weight:500;display: block;font-family:var(--font-type01);letter-spacing:-0.05em;position: relative;}
		.cal_bnr .txt_box .btn_box{display: flex;align-items: center;margin-top:46px;position: relative;}
		.cal_bnr .txt_box .btn_box a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:220px;height:70px;background: #008CDB;border-radius:35px;font-size:20px;color:#fff;font-weight:700;font-family:var(--font-type01);}
		.cal_bnr .txt_box .btn_box a + a{margin-left:20px;background: #fff;color:#008CDB;}

		@media only screen and (max-width:1450px){
			.sub_estimate #contents_box .sub_title p{margin-top:10px;}
			.sub_calculator .choice_box dl{width:calc(33.3333% - 20px);}
			.sub_calculator .choice_box dl + dl{margin-left:30px;}
			.sub_calculator .choice_box dl dt{font-size:18px;margin-right:20px;}
			.sub_calculator .choice_box dl dd{width:78%;}
			.sub_calculator .choice_box dl dd select, .sub_calculator .choice_box dl dd input{width:100%;}
		}
		@media only screen and (max-width:1200px){
			.sub_calculator .cal_box{padding:50px 30px;}
			.sub_calculator .cal_box .btn_submit{margin-top:40px;}
			.sub_calculator .cal_box .result_box{margin-top:45px;padding:45px 15px;}
			.sub_calculator .cal_box .result_box p{font-size:18px;}

			.cal_bnr{margin-top:70px;}
			.cal_bnr .txt_box{padding:94px 0 94px 0;}
			.cal_bnr .txt_box:before{width:100%;height:97%}
			.cal_bnr .txt_box strong{font-size:30px;}
			.cal_bnr .txt_box .btn_box{margin-top:25px;}
			.cal_bnr .txt_box .btn_box a{width:190px;height:60px;font-size:18px;}
		}
		@media only screen and (max-width:1024px){
			.sub_calculator .choice_box{display: block;}
			.sub_calculator .choice_box dl{width:100%;}
			.sub_calculator .choice_box dl + dl{margin:20px 0 0;}
			.sub_calculator .choice_box dl dt{width:20%;margin:0;text-align:left;}
			.sub_calculator .choice_box dl dd{width:80%;}
		}
		@media only screen and (max-width:640px){
			.sub_estimate #contents_box .sub_title p{margin-top:5px;font-size:18px;}
			.sub_estimate #contents_box .sub_title p br{display: none;}

			.sub_calculator .cal_box{margin-top:35px;padding:30px 15px;border-radius:10px;}
			.sub_calculator .choice_box dl dt{font-size:15px;width:25%;}
			.sub_calculator .choice_box dl dd{width:75%;padding-left:15px;box-sizing:border-box;}
			.sub_calculator .choice_box dl dd select, .sub_calculator .choice_box dl dd input{height:46px;font-size:15px;padding-left:15px;}
			.sub_calculator .choice_box dl dd select{background-size:auto 5px;background-position:right 10px center;}
			.sub_calculator .cal_box .btn_submit{margin-top:30px;height:55px;font-size:18px;padding:0 40px;}

			.sub_calculator .cal_box .result_box{margin-top:30px;padding:30px 15px;border-radius:10px;}
			.sub_calculator .cal_box .result_box p{font-size:15px;}

			.cal_bnr{margin-top:50px;}
			.cal_bnr .txt_box{padding:50px 0;}
			.cal_bnr .txt_box:before{height:75%;top:auto;bottom:0;}
			.cal_bnr .txt_box strong{font-size:24px;}
			.cal_bnr .txt_box .btn_box{margin-top:20px;}
			.cal_bnr .txt_box .btn_box a{font-size:15px;width:150px;height:46px;}
			.cal_bnr .txt_box .btn_box a + a{margin-left:10px;}
		}
		@media only screen and (max-width:500px){
			.sub_estimate #contents_box .sub_title p{font-size:15px;}
			
			.sub_calculator .choice_box dl + dl{margin-top:10px;}
			.sub_calculator .cal_box .btn_submit{height:44px;font-size:16px;padding:0 30px;}

			.sub_calculator .cal_box .result_box p{font-size:14px;}

			.cal_bnr .txt_box strong{font-size:20px;}
			.cal_bnr .txt_box .btn_box a{font-size: 14px;width: 120px;height: 40px;}
		}

	/*inquiry*/
		.sub_inquiry #container{background:#EFF6FB;}
		.sub_inquiry #content .sub_content{background:#EFF6FB;}

		.board_write_wrap{box-sizing:border-box;background: #fff;border-radius:20px;padding:66px 50px 50px;margin-top:45px;}
		.board_write_wrap .bbs_cont + .bbs_cont{margin-top:20px;}
		.board_write_wrap .bbs_cont dl{display: flex;align-items: center;flex-wrap:wrap;}
		.board_write_wrap .bbs_cont.bbs_preface{padding-bottom:15px;}
		.board_write_wrap .bbs_cont.com_info{display: flex;flex-wrap:wrap;align-items: center;}
		.board_write_wrap .bbs_cont.com_info dl + dl{margin-left:50px;}
		.board_write_wrap .bbs_cont.com_info dl + dl dt{width:auto;}
		.board_write_wrap .bbs_cont.com_info dl + dl dd{width:auto;margin-left:40px;}
		.board_write_wrap .bbs_cont.bbs_content dl{align-items:flex-start;}
		.board_write_wrap .bbs_cont.bbs_content dl dt{line-height:60px;}
		.board_write_wrap .bbs_cont.bbs_content textarea{width:100%;height:250px !important;box-sizing:border-box;border:1px solid #ddd;border-radius:10px;padding:20px;font-size:18px;color:#333;font-weight:400;resize:none;}
		.board_write_wrap .bbs_cont dl dt{font-size:20px;color:#333;font-weight:500;width:150px;}
		.board_write_wrap .bbs_cont dl dd{width:calc(100% - 150px);box-sizing:border-box;}
		.board_write_wrap .bbs_cont input[type="radio"] + label{font-size:20px;color:#999;font-weight:500;}
		.board_write_wrap .bbs_cont input[type="radio"]:checked + label{color:#333;}
		.board_write_wrap .bbs_cont ul{display: flex;}
		.board_write_wrap .bbs_cont ul li + li{margin-left:30px;}
		.board_write_wrap .bbs_cont input[type="text"], .board_write_wrap .bbs_cont select{box-sizing:border-box;height:60px;border:1px solid #ddd;border-radius:4px;padding-left:20px;font-size:18px;color:#333;font-weight:400;}
		.board_write_wrap .bbs_cont input[type="text"]{width:400px;}
		.board_write_wrap .bbs_cont select{width:220px;background: #fff url('../images/sub/sel_arw.png')no-repeat right 20px center;}

		.board_write_wrap #captcha_box{height:100%;vertical-align:top;}
		.board_write_wrap .captcha_wrap{max-width:calc(100% - 240px);border:1px solid #ddd;display:inline-block;height:60px;vertical-align:top;margin-right:10px;box-sizing:border-box;padding:10px;font-size:0;border-radius:4px;}
		.board_write_wrap .captcha_wrap img{height:100% !important;vertical-align:top;}
		.board_write_wrap .captcha_wrap .btn_reset{display: inline-block;font-size:0;width:40px;height:40px;margin-left:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;background:#fff url('../images/sub/icon_reset.png')no-repeat center;background-size:16px auto;cursor:pointer;}
		.board_write_wrap input[name="captcha"] {min-width:240px;width:240px;box-sizing:border-box;}

		.board_write_wrap + .policy_cont{box-sizing:border-box;background: #fff;border-radius:20px;padding:50px 50px;margin-top:30px;}
		.board_write_wrap + .policy_cont label{font-size:18px;letter-spacing:-0.03em;margin-right:0;font-weight: 500;color:#333;}
		.board_write_wrap + .policy_cont label em{font-size:inherit;font-weight:500;color:#008CDB;}
		.board_write_wrap + .policy_cont > div{padding-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start;}
		.board_write_wrap + .policy_cont .policy_text_box{word-break:keep-all;white-space:pre-line;padding:20px 10px 20px 20px;box-sizing:border-box;height:154px;background:#fff;color:#777;font-size:15px;font-weight:400;letter-spacing:-0.03em;line-height:1.6;border-radius:10px;border:1px solid #ddd;}
		.board_write_wrap + .policy_cont .policy_text_box textarea{height:100%;overflow-y:auto;width:100%;background:none;outline:none;border:none;font-size:14px;font-weight:400;}
		.board_write_wrap + .policy_cont .policy_text_box textarea::-webkit-scrollbar{width:4px;background: #ddd;border-radius:2px;}
		.board_write_wrap + .policy_cont .policy_text_box textarea::-webkit-scrollbar-thumb{width:4px;background:#aaa;border-radius:2px;}

		#wrap .board_btn{padding-top:60px;}
		#wrap .board_btn .btn_inq{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;height:70px;border-radius:35px;padding:0 77px;background:#008CDB;font-size:20px;color:#fff;font-weight:700;font-family:var(--font-type01);}

		@media only screen and (max-width:1450px){
			.board_write_wrap .bbs_cont.com_info dl{width:100%;}
			.board_write_wrap .bbs_cont.com_info dl + dl{margin:20px 0 0;}
			.board_write_wrap .bbs_cont.com_info dl + dl dt{width:150px;}
			.board_write_wrap .bbs_cont.com_info dl + dl dd{width:calc(100% - 150px);margin-left:0;}
		}
		@media only screen and (max-width:1024px){
			.board_write_wrap .captcha_wrap{margin:0 0 10px;width:auto;max-width:initial;}
			.board_write_wrap .captcha_wrap + input[type="text"]{width:100%;}
		}
		@media only screen and (max-width:767px){
			.board_write_wrap{padding:50px 15px 40px;margin-top:30px;}
			.board_write_wrap .bbs_cont dl dt{font-size:18px;}
			.board_write_wrap .bbs_cont dl dt,
			.board_write_wrap .bbs_cont.com_info dl + dl dt{width:120px;}
			.board_write_wrap .bbs_cont dl dd,
			.board_write_wrap .bbs_cont.com_info dl + dl dd{width:calc(100% - 120px);}
			.board_write_wrap .bbs_cont input[type="text"],
			.board_write_wrap .bbs_cont select{width:100%;font-size:16px;padding-left:15px;}
			.board_write_wrap .bbs_cont input[type="radio"] + label{font-size:16px;}
			
			.board_write_wrap + .policy_cont{padding:35px 20px;}

			#wrap .board_btn{padding-top:40px;}
			#wrap .board_btn .btn_inq{height:60px;padding:0 40px;font-size:18px;;}
		}
		@media only screen and (max-width:500px){
			.board_write_wrap{padding:30px 15px 40px;border-radius:10px;}
			.board_write_wrap .bbs_cont + .bbs_cont{margin-top:10px;}
			.board_write_wrap .bbs_cont.bbs_preface{padding-bottom:5px;}
			.board_write_wrap .bbs_cont dl dt{font-size:15px;}
			.board_write_wrap .bbs_cont dl dt, .board_write_wrap .bbs_cont.com_info dl + dl dt{width:100px;}
			.board_write_wrap .bbs_cont dl dd, .board_write_wrap .bbs_cont.com_info dl + dl dd{width:calc(100% - 100px);}
			.board_write_wrap .bbs_cont input[type="text"], .board_write_wrap .bbs_cont select{height:44px;font-size:14px;padding-left:10px;}
			.board_write_wrap .bbs_cont select{background-size:auto 5px;background-position:right 10px center;}
			.board_write_wrap .bbs_cont ul li + li{margin-left:10px;}
			.board_write_wrap .bbs_cont input[type="radio"] + label{font-size:14px;}
			.board_write_wrap .bbs_cont.com_info dl + dl{margin-top:10px;}
			.board_write_wrap .bbs_cont.bbs_content dt{display: none;}
			.board_write_wrap .bbs_cont.bbs_content dd{width:100%;}
			.board_write_wrap .bbs_cont.bbs_content textarea{height:200px !important;}

			.board_write_wrap .captcha_wrap{border:0;padding:0;height:40px;margin:0;}
			.board_write_wrap .captcha_wrap .btn_reset{margin-left:0;width:44px;height:44px;display:block;margin-top:10px;}
			.board_write_wrap input[name="captcha"]{width:calc(100% - 54px);float:right;max-width:calc(100% - 54px);min-width:calc(100% - 54px);margin-top:10px;}

			.board_write_wrap + .policy_cont{padding:25px 15px;border-radius:10px;}
			.board_write_wrap + .policy_cont label{font-size:14px;}
			.board_write_wrap + .policy_cont > div{padding-bottom:10px;}
			.board_write_wrap + .policy_cont .policy_text_box{padding:10px 5px;}

			#wrap .board_btn{padding-top:30px;}
			#wrap .board_btn .btn_inq{height: 50px;padding: 0 30px;font-size: 16px;}
		}