@charset "utf-8";

@import "board.css";
@import "button.css";
@import "member.css";

:root {
    --color3: #0057af;
    --color3-hover: #013364;
}

/* default */
br.block {display:none;}
br.inline {display:block;}
header .gnb>ul {justify-content:center;}

/* sub_visual */
.sub_visual {background-color:#fff;background-image:url('/images/sub/sv_default.png');background-position:center center;background-repeat:no-repeat;background-size:cover;/* height:100px~380px; */height:clamp(6.25rem, 0.1923rem + 26.9231vw, 23.75rem);border-radius:0 0 0 clamp(2.5rem, -0.3125rem + 12.5vw, 10.625rem);}
.sub_visual.sv1 {background-image:url('/images/sub/sv1.png');}
.sub_visual.sv2 {background-image:url('/images/sub/sv2.png');}
.sub_visual.sv3 {background-image:url('/images/sub/sv3.png');}
.sub_visual.sv4 {background-image:url('/images/sub/sv4.png');}
.sub_visual.sv5 {background-image:url('/images/sub/sv5.png');}
.sub_visual.sv6 {background-image:url('/images/sub/sv6.png');}
.sub_visual.sv7 {background-image:url('/images/sub/sv7.png');}
.sub_visual .inwrap {display:flex;align-items:center;height:100%;}
.sub_visual h2 {/* font-size:27px~58px; */font-size:clamp(1.6875rem, 1.0168rem + 2.9808vw, 3.625rem);font-weight:600;color:var(--color3);letter-spacing:-0.025em;}

/* sub_title */
.title {position:relative;padding:45px 0 30px;border-bottom:1px solid #dededf;z-index:1}
.title h3 {/* font-size:24px~40px; */font-size:clamp(1.5rem, 1.1538rem + 1.5385vw, 1.9rem);font-weight:600;color:#1a2843;}

/* sub_content */
.content section {display:flex;word-break:keep-all;justify-content:flex-end;margin-bottom:70px;}
.content section h4 {width:300px;flex-shrink:0;font-size:20px;font-weight:500;color:#000;padding-right:25px;}
.content section h5 {font-size:18px;font-weight:500;color:#000;margin-bottom:20px;}
.content section .sec_ctt {width:100%;}

/* ---------- 컨텐츠 ---------- */
/* 회원가입 프로세스 */
.mem_step {display:flex;justify-content:space-between;align-items:center;gap:70px;width:100%;}
.mem_step li {position:relative;width:100%;height:130px;display:flex;flex-direction:column;justify-content:center;background-color:#eef1f5;background-position:left 50px center;background-repeat:no-repeat;border:1px solid #d6d8db;border-radius:8px;padding-left:clamp(5.9375rem, -3.4375rem + 12.5vw, 7.5rem);}
.mem_step li.on {background-color:#0054a4;}
.mem_step li:not(:last-of-type)::after {content:'';display:inline-block;width:100%;max-width:70px;height:100%;background:url('/images/sub/mem_step_arrow.png') center center no-repeat;position:absolute;left:100%;}
.mem_step li em {/* font-size:14px~16px; */font-size:clamp(0.875rem, 0.8317rem + 0.1923vw, 1rem);font-weight:600;color:#0054a5;}
.mem_step li.on em {color:#b1c9ed;}
.mem_step li span {/* font-size:15px~18px; */font-size:clamp(0.9375rem, 0.8726rem + 0.2885vw, 1.125rem);color:#000;}
.mem_step li span::before {content:'';display:block;/* width:56px~72px; */width:clamp(3.5rem, -2.5rem + 8vw, 4.5rem);height:clamp(3.5rem, -2.5rem + 8vw, 4.5rem);background-size:clamp(3.5rem, -2.5rem + 8vw, 4.5rem);background-position:left center;background-repeat:no-repeat;position:absolute;left:30px;top:50%;transform:translateY(-50%);}
.mem_step li.on span {font-weight:600;color:#fff;}
.mem_step li:nth-of-type(1) span::before {background-image:url('/images/sub/mem_step1.png');}
.mem_step li:nth-of-type(2) span::before {background-image:url('/images/sub/mem_step2.png');}
.mem_step li:nth-of-type(3) span::before {background-image:url('/images/sub/mem_step3.png');}
.mem_step li:nth-of-type(4) span::before {background-image:url('/images/sub/mem_step4.png');}

/* 서비스이용약관, 개인정보처리방침, 이메일무단수집거부  */
.rule_wrap p { font-size:14px; line-height:25px; letter-spacing:-0.05em; margin-bottom:20px; word-break:keep-all; }
.rule_wrap h3 {font-weight: 500; font-size: 25px; margin-bottom:15px; color:#000; }
.rule_wrap h4 {  font-weight: 500; font-size: 20px; color:#333; margin-bottom:10px; }
.rule_wrap ol { margin-bottom:20px; }
.rule_wrap ol li { margin-left:10px; line-height:25px; font-size:14px; word-break:keep-all;  }
.rule_wrap ol li .alpha { margin:20px; }
.rule_wrap dl { font-size:14px; }
.rule_wrap dl dt { font-weight:500; color:#333; margin-bottom:5px; }
.rule_wrap dl dd { margin-bottom:20px; word-break:keep-all; }

/* 탭 */
.tab_wrap {margin-bottom:clamp(2.5rem, 2.0755rem + 1.8868vw, 3.75rem);}
.tab {display:flex;flex-grow:1;width:100%;position:relative;border:1px solid #d6d8db;border-radius:8px;background:#f8f8fa;overflow:hidden;}
.tab:after {content:'';display:block;clear:both;}
.tab li {width:100%;text-align:center;display:block;flex-grow:1;}
.tab li:not(:last-of-type) {border-right:1px solid #d6d8db;}
.tab li a {display:block;width:100%;padding:15px 0 18px;background:#f8f8fa;font-size:18px;transition:background .2s;color:#000000b3;}
.tab li a:hover {text-decoration:underline;text-underline-position:under;}
.tab li.on {border-right:none;}
.tab li.on a {background:#fff;color:var(--color3);z-index:1;border:1px solid var(--color3);border-radius:8px;font-weight:600;box-shadow:0px -3px 0px 0px var(--color3) inset;display:flex;align-items:center;justify-content:center;}
.tab li.on a:hover {text-decoration:none;}
.tab li.on a::before {content:'\ea4e';font-family:'remixicon';color:var(--color3);margin-right:5px;}
.m_tab {display:none;}
.m_tab a {position:relative;background:#fff;color:var(--color3);z-index:1;border:1px solid var(--color3);border-radius:8px;font-weight:600;box-shadow:0px -3px 0px 0px var(--color3) inset;display:flex;align-items:center;justify-content:center;padding:12px 0 15px;/* background:var(--color3);display:block;padding:12px 0;font-size:16px;font-weight:500;color:#fff;text-align:center; */}
.m_tab a::before {content:'\ea4e';font-family:'remixicon';color:var(--color3);margin-left:5px;position:absolute;right:20px;top:50%;transform:translateY(-50%);}

/* 소재DB tab  */
.db_tabwrap{position:relative; margin-top: 45px;}
.db_tab{display:flex;gap:50px; }
.db_tab li {flex:1}
.db_tab li a{display:flex; align-items: center;border:1px solid #bdd4e6;font-size:27px;color:#4069a6;font-weight:700;height: 146px;max-width: 420px;  width: 100%;border-radius:20px;padding-left:50px;position: relative;}
.db_tab li.on a{border:1px solid #4584c5;box-shadow:inset 0 0 0 1px rgba(69,132,197,1) ,0 2px 3px 0 rgba(0, 0, 0, 0.2)}
.db_tab li a:before{content: '';display:flex;background:url(../../images/sub/db_tab.png)0 0 no-repeat;width: 96px;height: 96px;margin-right:30px;}
.db_tab li:nth-child(2) a:before{background-position:-96px 0}
.db_tab li:nth-child(3) a:before{background-position:-192px 0}

.db_tab li.on a:before{background-position:0 -96px}
.db_tab li:nth-child(2).on a:before{background-position:-96px -96px}
.db_tab li:nth-child(3).on a:before{background-position:-192px -96px}

.db_tabwrap .tab_wrap{display:none}

.db_tabwrap + .title{  padding: 35px 0 30px;}


/* 마이페이지 */
h5.mypage {display:block;font-size:17px;font-weight:500;color:#000;margin-bottom:10px;}

/*소재분양*/
.materal_rule .rule_box .chk{background:#fff}
.materal_rule .rule_box.all_chk .chk{background:#f7f8f9;}
.materal_rule .caution{background:url(/images/sub/essen.svg) 0 0 no-repeat;padding-left:15px;font-size:13px;font-weight:400;margin:10px 0 30px}

/* sub_ul/inner_ul */
.sub_ul > li:not(:last-of-type) {margin-bottom:40px;}
.sub_ul > li em {display:flex;justify-content:center;align-items:center;flex-shrink:0;font-size:15px;font-weight:500;color:#fff;background:var(--color3);width:30px;height:30px;text-align:center;border-radius:8px;margin-right:10px;}
.sub_ul > li strong {display:flex;align-items:center;font-size:16px;font-weight:500;color:var(--color3);margin-bottom:15px;}
.inner_ul li {font-size:16px;color:#333;list-style-type:disc;list-style-position:inside;}
.inner_ul li:not(:last-of-type) {margin-bottom:5px;}
.inner_ul li::marker {color:var(--color3);}

/* 천연물소재원료표준화 */
.sub_step {display:flex;margin-bottom:40px;}
.sub_step > li {width:17.4%;margin-bottom:15px;}
.sub_step > li:not(:last-of-type) {margin-right:3.2%;}
.sub_step > li dl dt {position:relative;background-color:var(--color3);font-size:16px;font-weight:500;color:#fff;text-align:center;width:80%;height:60px;padding:10px;border-radius:8px;margin:0 auto;display:flex;justify-content:center;align-items:center;z-index:1;}
.sub_step > li dl dd {position:relative;min-height:170px;border:1px solid #aab2bd;border-radius:8px;padding:40px 20px 15px;margin-top:-30px;}
.sub_step > li dl dd li {font-size:14px;color:#333;text-align:left;}
.sub_step > li dl dd li::marker {margin-right:5px!important;}

/* 천연물소재기능성분석 */
.sp_tbl thead th{background:#fff;border-left:0;border-right:0;padding:20px;font-size:16px;font-weight:500;color:#000;}
.sp_tbl tbody td {border-left:0;border-right:0;padding:20px;font-size:14px;color:#000;}
.sp_cau {font-size:13px;font-weight:500;color:#656d78;position:relative;padding-left:10px;}
.sp_cau::before {content:'';display:inline-block;width:2px;height:60%;background:#656d78;position:absolute;left:0;top:50%;transform:translateY(-50%);	}

/* 오시는길 */
.contact_addr {font-size:16px;font-weight:500;color:#000;padding:40px;background-image:url('/images/sub/contact_addr.png');background-position:left center;background-repeat:no-repeat;}
.contact_road {display:flex;}
.contact_road > li {border-top:2px solid #000;border-bottom:1px solid #aab2bd;padding:clamp(1.25rem, 0.601rem + 2.8846vw, 3.125rem) 5px;flex-basis:50%;width:100%;}
.contact_road > li:not(:last-of-type) {margin-right:60px;}
.contact_road > li > strong {font-size:18px;font-weight:600;color:#000;display:block;padding:30px 30px 30px clamp(5rem, 4.5673rem + 1.9231vw, 6.25rem);background-image:url('/images/sub/contact1.png');background-position:left center;background-repeat:no-repeat;background-size:clamp(3.75rem, 3.3173rem + 1.9231vw, 5rem);}
.contact_road > li:nth-of-type(2) > strong {background-image:url('/images/sub/contact2.png');}
.contact_road > li > ul {margin-top:30px;}
.contact_road > li > ul li {font-size:16px;color:#333;margin-bottom:10px;}
.contact_road > li > ul li p {position:relative;font-weight:500;padding:0 10px;margin-bottom:5px;}
.contact_road > li > ul li p::before {content:'';display:inline-block;width:4px;height:4px;background:var(--color3);border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.contact_road > li > ul li p.busstop {display:inline-block;}
.contact_road > li > ul li p span  {}
.contact_road > li > ul li em {background:#bbb;padding:3px 8px;border-radius:4px;font-size:14px;font-weight:500;color:#fff;display:inline-block;}
.contact_road > li > ul li em.direct {background:#db0000;}
.contact_road > li > ul li em.general {background:#00a536;}

/* 사이트맵 */
.sitemap > li {display:flex;margin-bottom:30px;}
.sitemap > li > div {flex-basis:22.5%;display:flex;flex-direction:column;padding-right:30px;}
.sitemap > li > div strong {font-size:20px;font-weight:500;color:#1a2843;}
.sitemap > li > div span {font-family:'SpoqaHanSansNeo';font-size:13px;color:var(--color3);margin-top:5px;}
.sitemap > li > ul {flex-basis:77.5%;flex-shrink:0;min-height:90px;display:flex;flex-wrap:wrap;align-items:flex-start;}
.sitemap > li:not(:last-of-type) > ul {border-bottom:1px solid #d6d8db;}
.sitemap > li > ul li {position:relative;padding:0 10px;width:250px;}
.sitemap > li > ul li::before {content:'';display:inline-block;width:4px;height:4px;background:var(--color3);border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.sitemap > li > ul li a {font-size:16px;color:#333;}
.sitemap > li > ul li a:hover {font-weight:600;color:var(--color3);text-decoration:underline;text-underline-position:under;}

/* 천연물소재추출물분양 */
.cau_box {margin-top:50px;}
.cau_box > strong {background-color:var(--color3);border-radius:30px;padding:10px 25px 10px 60px;font-size:20px;font-weight:600;color:#fff;background-image:url('/images/sub/cau_box.png');background-position:left 20px center;background-repeat:no-repeat;margin-left:30px;}
.cau_box ul {border:1px solid var(--color3);border-radius:8px;padding:50px 40px 25px;margin-top:-15px;}
.cau_box ul li {position:relative;font-size:16px;color:#333;padding:0 12px;}
.cau_box ul li::before {content:'';display:inline-block;width:4px;height:4px;background:#aeb5bf;border-radius:50%;position:absolute;left:0;top:9px;}
.cau_box ul li:not(:last-of-type) {margin-bottom:5px;}
.cau_box ul li strong {font-weight:600;}
.cau_box ul li a.btn {display:inline-flex;align-items:center;background:#e6eef7;border:1px solid #a3c1df;font-size:14px!important;color:var(--color3)!important;margin:5px 0;}
.cau_box ul li a.btn i {margin-left:10px;}

/* 장비지원 */
.equip {border:1px solid #d6d8db;border-radius:8px;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;}

/* 개인정보 처리방침  서비스이용약관*/
#rule_wrap p { font-size:14px; line-height:25px; letter-spacing:-0.05em; margin-bottom:20px; word-break:keep-all; }
.privacy_box { border:1px solid #ccd1d9; padding:30px 40px 10px; margin-bottom:50px; }
#rule_wrap h5 {  margin-top:30px;font-weight: 500; font-size: 25px; margin-bottom:15px; color:#000; }
#rule_wrap h5:before { background:none; }
#rule_wrap .high { color:#d43d45; }
#rule_wrap h6 {  font-weight: 500; font-size: 20px; color:#333; margin-bottom:10px; }
#rule_wrap ol { margin-bottom:20px; }
#rule_wrap ol li { margin-left:10px; line-height:25px; font-size:14px; word-break:keep-all;  }
#rule_wrap ol li .alpha { margin:20px; }
#rule_wrap dl { font-size:14px; }
#rule_wrap dl dt { font-weight:500; color:#333; margin-bottom:5px; }
#rule_wrap dl dd { margin-bottom:20px; word-break:keep-all; }
.privacy_process { height:550px; background:url('/images/sub/info_c68.gif') center top no-repeat; margin:20px 0; }
.service>ol { margin-left:35px; }
.service>ol>li { list-style-type: decimal-leading-zero;  }
.service>ol>li ol li { list-style-type: lower-alpha; }

/* 이메일무단수집거부 */
.noemail {background-color:#eef1f6;border-radius:8px;padding:35px 50px 35px 180px;background-image:url('/images/sub/noemail.png');background-position:left 50px center;background-repeat:no-repeat;margin-bottom:40px;}
.noemail p {font-size:18px;color:#000;}
.noemail strong {font-size:16px;font-weight:500;color:var(--color3);display:block;margin-top:10px;}
h6 {font-size:16px;}

/* 검색결과 */
.result_word { font-size:18px; font-weight:500; border:1px solid #d6d8db;border-radius:8px;display:flex;justify-content:center;align-items:center;padding:25px 30px;}
.result_word strong { color:#059edb; }
.result_word span { color:#e33d22;  }
.result_word > span {margin-left:5px;}
.result_ctt { border-top:2px solid #333; border-bottom:1px solid #333; margin-top:30px; position:relative; }
.result_ctt h3 { font-size:17px; color:#000; border-bottom:1px dashed rgba(0,0,0,0.2); padding:20px 0 15px; margin-bottom:0; }
.result_ctt h3 span { color:#4a79ce;  }
.result_ctt h3:before { display:none; }
.result_ctt .search_more { display:block; position:absolute; right:0; top:25px;  background:url('/images/sub/more_ic.png') right center no-repeat; 
					padding-right:15px;  cursor:pointer; }
.result_ctt .search_more a { color:#000; font-size:13px; }
.result_ctt ul { overflow:hidden; margin:20px 0; }
.result_ctt ul li { width:600px; overflow:hidden; margin-bottom:40px;  }
.result_ctt ul li:last-child { margin-bottom:60px; }
.result_ctt ul li strong a { font-size:15px; color:#0b9edb; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; /* 라인수 */  -webkit-box-orient: vertical; overflow:hidden; }
.result_ctt ul li strong a:hover { text-decoration:underline; }
.result_ctt ul li p { color:#656d78; font-size:14px; font-weight:300; margin-left:0;  text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; overflow:hidden; }

/* 인사말 */
.greeting_box {background:#385a9c url('/images/sub/greeting.jpg');background-position:right center;background-size:cover;background-repeat:no-repeat;padding:60px 80px;border-radius:15px;font-size:18px;color:#fff;line-height:1.5;text-shadow:2px 2px 0px rgba(0,0,0,0.2);margin-bottom:75px;}
.greeting_box strong {font-size:22px;}
.greeting {color:#000;}
.greeting strong {font-size:23px;font-weight:600;display:block;}
.greeting p {font-size:18px;margin-top:40px;text-indent:5px;}
.greeting span {font-size:14px;margin-top:100px;display:block;}
.greeting span em {font-size:20px;margin-top:5px;display:block;}

/* 연혁 */
.history {background-image:url('/images/sub/history_bg.png');background-position:right top;background-repeat:no-repeat;}
.history li {overflow:hidden;}
.history li:nth-of-type(1) {background-image:url('/images/sub/history_arrow.png');background-position:center top;background-repeat:no-repeat;}
.history li div {position:relative;width:calc(50% - 1.5px);padding:40px 50px 20px;}
.history li div::before {content:'';position:absolute;top:0;display:block;width:3px;height:100%;background-color:#0a60a0;}
.history li div::after {content:'';position:absolute;top:50%;transform:translateY(-50%);display:block;width:12px;height:12px;border:3px solid #fff;background-color:#35845f;border-radius:100%;}
.history li:nth-child(odd) div {float:right;}
.history li:nth-child(even) div {float:left;text-align:right;}
.history li:first-of-type div::before {border-radius:3px 3px 0 0;}
.history li:last-of-type div::before {height:50%;}
.history li:nth-child(odd) div::before {left:-3px;}
.history li:nth-child(even) div::before {right:-3px;}
.history li:nth-child(odd) div::after {left:-10.5px;}
.history li:nth-child(even) div::after {right:-10.5px;}
.history li span {font-size:40px;font-weight:600;color:#154685;letter-spacing:-0.025em;}
.history li p {font-size:18px;font-weight:500;color:#1a2843;}

/* ---------- //컨텐츠 ---------- */

/* ---------- 윈도우팝업창 ---------- */

#top_tit{
	background:#0057af;
	font-size:20px;
	font-weight:500;
	color:#fff;
	padding:10px 20px;
	position: relative;
	display: flex;
    justify-content: space-between;
  }
#top_tit h1{  
	font-size: 25px;
  font-weight: 600;
  }
  
 #top_tit .pop_close{
 color:#fff;
 font-size: 28px;
 } 
#pop_wrapper{position:relative;padding:20px}

#pop_wrapper .searchForm select,#pop_wrapper .searchForm input[type='text'],#pop_wrapper .searchForm input[type='submit']{width:auto;display:inline-block}


/* footer */
.subpage footer {background:#243141;}
.subpage .footer_in {border:none;}
.subpage .footer_in .info li:not(:last-of-type):after {content:none;}
.subpage .footer_in .info li a {color:#eaeaea!important;}
.subpage .footer_in .info li a.privacy {color:#c3d7e7!important;}
.subpage .footer_in address {color:#eaeaea;}
.subpage .footer_in .copy {color:#eaeaea;}
.subpage .footer_select > ul {background:#243141;}


/* Tablet 1200px ~ 1400px */
@media (max-width: 1400px) {
	/* sub_visual */
	.sub_visual h2 {padding-left:40px;}
}

/* Tablet 768px ~ 1200px */
@media (max-width: 1200px) {
	/* sub_content */
	.content section{flex-direction: column;margin-bottom:40px;}
	.content section h4{width:100%;margin-bottom: 20px;}
	
	/* 회원가입 프로세스 */
	.mem_step li {text-align:center;padding-left:0;}
	.mem_step li span::before {content:none;}
	
	/* 천연물소재원료표준화 */
	.sub_step {flex-wrap:wrap;justify-content:center;}
	.sub_step > li:not(:last-of-type) {margin:0 2% 15px;}
	.sub_step > li {width:200px;margin:0 2% 15px;}
}

/* Mobile 500px ~ 768px */
@media (max-width: 768px) {
	/* default */
	br.block {display:block;}
	br.inline {display:none;}
	
	.container {
    margin: 0px 0 80px;
}

	/* sub_title */
	.title {padding:25px 0 20px;}
	
	.db_tabwrap + .title {
  padding: 25px 0 20px;
}
	/*소재DB tba*/
	.db_tabwrap .db_tab{display: none;}
	.db_tabwrap .tab_wrap{display:block;    margin-bottom: 0;}
	

	/* sub_visual */
	.sub_visual {background-image:none;background:#e9f2f9;}
	.sub_visual.sv1 {background-image:none;}
	.sub_visual.sv2 {background-image:none;}
	.sub_visual.sv3 {background-image:none;}
	.sub_visual.sv4 {background-image:none;}
	.sub_visual.sv5 {background-image:none;}
	.sub_visual.sv6 {background-image:none;}
	.sub_visual.sv7 {background-image:none;}
	.sub_visual .inwrap {justify-content:center;}
	.sub_visual h2 {padding-left:0;}
	
	/* 회원가입 프로세스 */
	.mem_step {flex-wrap:wrap;gap:20px;}
	.mem_step li {width:calc(50% - 10px);height:70px;}
	.mem_step li:not(:last-of-type)::after {content:none;}
	.mem_step li span {display:none;}
	
	/* tab */
	.tab {flex-direction: column;display:none;}
	.tab.active {display:flex;background:#fff;padding:2px;}
	.tab li:not(:last-of-type) {border-right:none;}
	.tab li a {padding:12px 0;}
	.tab.active li:not(:last-of-type) {margin-bottom:2px;}
	.tab.active li a {font-size:15px;border:1px solid #d6d8db;border-radius:6px;}
	.tab.active li.on a {background:#fff;padding:12px 0;font-weight:500;box-shadow:none;}
	.tab.active li.on a::before {content:none;}
	.m_tab {display:block;}
	
	/* 사이트맵 */
	.sitemap > li {display:flex;flex-direction:column;}
	.sitemap > li > div {flex-basis:100%;margin-bottom:20px;}
	.sitemap > li > ul {flex-basis:100%;min-height:auto;padding-bottom:20px;}
	.sitemap > li > ul li {width:50%;margin-bottom:5px;}

	/* 천연물소재추출물분양 */
	.cau_box ul  {padding:40px 30px 20px;}
	
	/* 장비지원 */
	.equip {flex-direction:column;}
	.equip a {margin-top:10px;}
	
	/* 이메일무단수집거부 */
	.noemail {padding:140px 20px 30px;background-position:center 35px;}
	.noemail p {font-size:18px;color:#000;}
	.noemail strong {font-size:16px;font-weight:500;color:var(--color3);display:block;margin-top:10px;}
	
	/* 인사말 */
	.greeting_box {padding:40px;font-size:16px;line-height:1.75;margin-bottom:50px;}
	.greeting_box strong {font-size:20px;}
	.greeting span {margin-top:70px;}
	
	/* 연혁 */
	.history li {width:95%;margin-left:auto;}
	.history li:nth-of-type(1) {background-position:left 3px top;}
	.history li div {width:100%;}
	.history li:nth-child(even) div {float:right;text-align:left;}
	.history li:nth-child(even) div::before {right:auto;left:7px;}
	.history li:nth-child(odd) div::before {left:7px;}
	.history li:nth-child(even) div::after {right:auto;left:0;}
	.history li:nth-child(odd) div::after {left:0;}

	/* footer */
	.subpage footer {background:#fff}
	.subpage .footer_in {border-top:1px solid #ddd;}
	.subpage .footer_in .info li a {color:#142347!important;}
	.subpage .footer_in .info li a.privacy {color:var(--color3) !important;}
	.subpage .footer_in address {color:#4e4e4e;}
	.subpage .footer_in .copy {color:#4e4e4e;}
	.subpage .footer_select > ul {background:#fff;}
}

/* Mobile 360px ~ 500px */
@media (max-width: 500px) {
	/* default */
	.wrap.mainpage::after {height:530px;background-position:center top;}
	
	/* 오시는길 */
	.contact_road {flex-direction:column;align-items:center;}
	.contact_road > li:not(:last-of-type) {margin-right:0;margin-bottom:20px;}
	
	/* 사이트맵 */
	.sitemap > li > ul li {width:100%;}

	/* footer */
	.footer_in .info li {padding:0 10px}
}