@charset "utf-8";

@font-face {font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'); font-weight:100; font-style: normal;}
@font-face {font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal;}
@font-face {font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight: 600; font-style: normal;}
@font-face {font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'); font-weight: 900; font-style: normal;}

@font-face {    font-family: 'KohiLearn';    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/KOHIBaeumOTF.woff') format('woff');    font-weight: normal;    font-display: swap;
}

.nanumgothic * {font-family: 'Nanum Gothic', sans-serif;} 
.nanumsquare { font-family: 'NanumSquare', sans-serif !important; }
.taom { font-family: 'BinggraeTaom', sans-serif !important; }
.goyang { font-family: 'GoyangDeogyang', sans-serif !important; }
.notosans { font-family: 'Noto Sans KR', sans-serif; }
.scoredream_el { font-family: 'S-CoreDream-2ExtraLight', sans-serif; }
.scoredream_r { font-family: 'S-CoreDream-4Regular', sans-serif; }
.scoredream_b { font-family: 'S-CoreDream-6Bold', sans-serif; }
.scoredream_eb { font-family: 'S-CoreDream-7ExtraBold', sans-serif; }
.scoredream_hvy { font-family: 'S-CoreDream-8Heavy', sans-serif; } 
.scoredream_bl { font-family: 'S-CoreDream-9Black', sans-serif; }


/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px; scroll-behavior: smooth; }

body {margin:0;padding:0;height:100%;font-family: "Pretendard", Pretendard, "Noto Sans KR", Noto Sans KR, sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
ul,li,ol{list-style:none;padding:0;margin:0}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button , input[type=submit]{cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none;}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {text-decoration:none}


/* 이미지 마우스 오버 */
.imgswap img:first-child {display:inline-block; }
.imgswap img:last-child {display:none; }
.imgswap:hover img:first-child {display:none;  animation:opacity_img_revers 1s }
.imgswap:hover img:last-child {display:inline-block;  animation:opacity_img 1s }
@keyframes opacity_img {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes opacity_img_revers {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.imghover img:hover {-webkit-filter: grayscale(80%); filter: grayscale(80%); }

.img_scale img:hover { animation:pingpong_img 0.4s forwards }
.img_scale img:not(:hover) { animation:pingpong_img_revers 0.4s forwards  }
@keyframes pingpong_img {
	0% {
		transform:scale(1);             /*  default */
		-webkit-transform:scale(1);  /*  크롬 */
		-moz-transform:scale(1);     /* FireFox */
		-o-transform:scale(1);        /* Opera */
	}
	100% {
		transform:scale(1.05);             /*  default */
		-webkit-transform:scale(1.05);  /*  크롬 */
		-moz-transform:scale(1.05);     /* FireFox */
		-o-transform:scale(1.05);        /* Opera */
	}
}
@keyframes pingpong_img_revers {
	0% {
		transform:scale(1.05);             /*  default */
		-webkit-transform:scale(1.05);  /*  크롬 */
		-moz-transform:scale(1.05);     /* FireFox */
		-o-transform:scale(1.05);        /* Opera */
	}
	100% {
		transform:scale(1);             /*  default */
		-webkit-transform:scale(1);  /*  크롬 */
		-moz-transform:scale(1);     /* FireFox */
		-o-transform:scale(1);        /* Opera */
	}
}

.text_enter:hover { animation:text_enter_event 0.7s forwards }
/*.text_enter:not(:hover) { animation:text_enter_event_revers 0.4s forwards  }*/
@keyframes text_enter_event {
	0% {opacity: 1;}
	50% {opacity: 0.6;}
	100% {opacity: 1;}
}
@keyframes text_enter_event_revers {
	0% {opacity: 1;}
	50% {opacity: 0.6;}
	100% {opacity: 1;}
}

.img_moving img { animation:mbottom 4s ease-in Infinite Alternate; }
@keyframes mbottom {
	0% {
		margin-bottom:  0px;
	}
	25% {
		margin-bottom: -15px;
	}
	50% {
		margin-bottom: -0px;
	}
	75% {
		margin-bottom: 15px;
	}
	100% {
		margin-bottom: 0px;
	}
}
.img_moving2 img { animation:mright 4s ease-in Infinite Alternate; }
@keyframes mright {
	0% {
		margin-right:  0px;
	}
	25% {
		margin-right: 5px;
	}
	50% {
		margin-right: 0px;
	}
	75% {
		margin-right: -5px;
	}
	100% {
		margin-right: 0px;
	}
}
.img_moving3 img { animation:mleft 3s ease-in Infinite Alternate; }
@keyframes mleft {
	0% {
		margin-left:  0px;
	}
	25% {
		margin-left: 10px;
	}
	50% {
		margin-left: 0px;
	}
	75% {
		margin-left: 10px;
	}
	100% {
		margin-left: 0px;
	}
}





/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops_con {width:100% !important;overflow:auto}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {width:100%;background:#fff;position:relative;}
#hd #hd_wr{max-width:1000px;margin:0 auto;width:100%;position:relative;}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#logo {text-align:left;}
#logo a{margin-top:0px;display:inline-block}
#hd_sch_open{display:none}
#hd_sch {text-align:center;}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;background:#ececec;border-radius:0px}
#hd_sch form:after {display:block;visibility:hidden;clear:both;content:""}
#hd_sch #sch_stx {width:127px;padding-left:10px;border:0;background:none;height:35px !important;line-height:35px !important;vertical-align:middle;}
#hd_sch #sch_submit {margin:0;padding:0 ;height:35px !important;line-height:35px !important;border:0;background:#dfdfdf;border-radius:0 5px 5px 0  ;color:#fff;vertical-align:middle;cursor:pointer;width:40px}
#hd_sch #sch_submit:hover, #hd_sch #sch_submit:focus{background:#00c6b2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
#sch_stc_label{position:absolute;top:0;left:10px;height:35px !important;line-height:35px !important;color:#666}

#hd_nb {clear:both;background:#ecf0f7;text-align:center}
#hd_nb li {display:inline-block}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none}

/* 공통 스타일 */
.fs085 {font-size:0.85em;}

/* 스타일 가이드 */

.fs10 {font-size:10px;} .fs11 {font-size:11px;} .fs12 {font-size:12px;} .fs13 {font-size:13px;} .fs14 {font-size:14px;} .fs15 {font-size:15px;} .fs16 {font-size:16px;} .fs17 {font-size:17px;} .fs18 {font-size:18px;} .fs19 {font-size:19px;} .fs20 {font-size:20px;} .fs22 {font-size:22px;} .fs24 {font-size:24px;} .fs26 {font-size:26px;}
.fs28 {font-size:28px;} .fs30 {font-size:30px;} .fs32 {font-size:32px;} .fs34 {font-size:34px;} .fs36 {font-size:36px;} .fs38 {font-size:38px;} .fs40 {font-size:40px;} .fs42 {font-size:42px;} .fs44 {font-size:44px;} .fs46 {font-size:46px;} .fs48 {font-size:48px;} .fs50 {font-size:50px;} .fs52 {font-size:52px;} .fs54 {font-size:54px;}
.fs56 {font-size:56px;} .fs58 {font-size:58px;} .fs60 {font-size:60px;} .fs62 {font-size:62px;} .fs64 {font-size:64px;} .fs66 {font-size:66px;} .fs68 {font-size:68px;} .fs70 {font-size:70px;} .fs72 {font-size:72px;} .fs74 {font-size:74px;} .fs76 {font-size:76px;} .fs78 {font-size:78px;} .fs80 {font-size:80px;} .fs82 {font-size:82px;}
.fs84 {font-size:84px;} .fs86 {font-size:86px;} .fs88 {font-size:88px;} .fs90 {font-size:90px;} .fs92 {font-size:92px;} .fs94 {font-size:94px;} .fs96 {font-size:96px;} .fs98 {font-size:98px;} .fs100 {font-size:100px;} 

.fw100 {font-weight:100;}
.fw200 {font-weight:200;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}
.fw800 {font-weight:800;}
.fw900 {font-weight:900;}

.main_modal_popup {background:rgba(0,0,0,0.6);width:100%;height:100vh; }

.main_color0 {color:#000;}
.main_color1 {color:#FFF;}
.main_color2 {color:#535353;}
.main_color3 {color:#ff0000;}
.main_color4 {color:#fb6000;}
.main_color5 {color:#ebebeb;}

.button1 {padding:20px 60px; background:#ff0000; color:#fff; border-radius:40px; transition:background 0.3s;}
.button1:hover {background:#000; color:#fff; }

/* 스타일 가이드 끝 */

	
/***************************************************************/
/* 스타일 작업 시작 */
body { background:transparent;}
body, html {width: 100%;}
#wrap {background: transparent; text-align: center; }
*, *:after, *:before {box-sizing: border-box; padding:0; margin:0;}
img { display:inline-block; font-size: 0;}
/* header, .main_silde {width: 100%;} */
a {text-decoration: none; color:#000;}
a:hover { color:#e60012;}
input, select, textarea {font-family: "Pretendard", Pretendard, 'noto sans KR', sans-serif;}

:root { 
	--head-height: 100px;
	--bg-white:#fff;
	--bg-black:#000;
	--full-width: 1700px;
	--full-width-pd: 1740px;
	--head-width-pd: 1790px;
	--sub-width : 1460px;
	--sub-width-pd : 1500px;
	--color-blue-1: #0c1953;
	--color-blue-2: #1a34aa;
	--color-blue-3:#00ad9f;
	--color-orange-1:#ffc047;
	--bg-gray-1 : #f7f7f7;
	--bg-gray-2 : #e3e3e3;
}

/* header 메뉴 */
header {z-index: 15; width: 100%; margin: 0 auto; top:0; flex-wrap: wrap;display:flex;justify-content: center;align-items: center;position:fixed; height: var(--head-height); background:var(--bg-white);}
header h1 {z-index: 12; height: 3.8em; flex-basis: content;text-align: left; display:block;}
header h1 img {max-height: 100%; display:inline-block; }
header h1 .menu-black { display:none;}
header h1 a { display: block; height:100%; padding-bottom: 0.2em; padding-top:0.1em}
header .box_inner {z-index:4; position: relative;display:flex; max-width: var(--head-width-pd); padding: 0px 20px 0 20px; width: 100%; height: 100%;justify-content: space-between; align-items: center;}
header:not(.menu-scroll) .nav_wrap { display: none;}

/*웹용 메뉴*/
.nav_web { padding-left: 5em; max-width:990px; height: 100%; flex:1 1 990px; margin-left: auto;  font-size: 1.2em;}  
.nav_web a {  width:100%; height: 100%; display:block; color:#000; }
.nav_web>ul {width:100%; display: flex; justify-content: space-between; align-items: center; height:100%;}
.nav_web>ul>li { position: relative; flex:1; width:100%;border-radius: 1em; padding: 0.2em 0;}
.nav_web>ul>li>a { padding: 1em 0; text-wrap: nowrap; text-align: center; font-weight:600;}
.nav_web>ul>li>a span { display:inline-block;}
.nav_web>ul>li:hover>ul { opacity:1; visibility:visible; transform: translateX(-50%) translateY(0);}
.nav_web li li a {display:block; padding: 0.5em 10px; font-size: 0.85em;line-height: 1.4em; word-break: keep-all; color:#fff;}
.nav_web li li a:hover { color:#fff; font-weight:600}
.nav_web ul ul { z-index:3; background:var(--color-blue-1); top:3.5em; border-radius: 1em; left:0; position: absolute; width:100%; left:50%; transform: translateX(-50%) translateY(-10px); letter-spacing: -0.3px; padding-top: 0.8em; padding-bottom: 0.8em; opacity:0; visibility:hidden; transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;}

/*모바일용메뉴*/
.nav_md {width: 100%; height: 100%; top: var(--head-height); right:0; position: fixed; z-index: 17;} 
.nav_md_wrap { position: absolute; right:0; width: calc(100% - 40px); margin-left:20px; border-radius: 1.5em; margin-right:20px; height:calc(100% - 80px); overflow-y:auto; background:var(--color-blue-2); display:flex; flex-direction: column;} 
.nav_md .nav_head_md { padding: 30px; display:flex; flex-direction: column; align-items: center; justify-content: start; margin-right:auto; height:100%;}
.nav_md .nav_head_md li { text-align: center;}
.nav_md .nav-md-ul {position: relative; display:flex; flex-direction: column; flex-wrap: wrap; height:100%;  width:100%; padding: 30px 30px 30px 30px;}
.nav_md .nav-md-ul>li { text-align: left; position:relative; width: 100%;  }
.nav_md .nav-md-ul>li:hover:before {content:''; position: absolute; left: calc(-100% + -3em); width:100%; height:1px; background:#fff; top:50%; transform: translateY(-50%)}
.nav_md .nav-md-ul>li>a {color:#fff; letter-spacing: -0.04em; padding: 0.5em 0; font-size: 1.1em; position: relative;}
.nav_md .nav-md-ul>li>a:after { position: absolute; font-weight:400; font-size: 1.2em; right:0; content:'+'; -webkit-transition: rotate 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.nav_md .nav-md-ul>li:hover>a:after { rotate: 45deg; }
.nav_md .nav-md-ul a { display:block;}
.nav_md .nav-md-ul>li:hover>a { opacity: 1;}
/* .nav_md .nav-md-ul>li:hover ul { display:block; } */
.nav_md .nav-md-ul ul {display: none; width:100%; padding-bottom: 0.5em}
.nav_md .nav-md-ul ul a { color:#fff;font-size: 0.75em;  padding: 0.5em 0; opacity: 0.5; }
.nav_md .nav-md-ul ul a span { display:inline-block; position: relative; padding: 0.5em 0; }
.nav_md .nav-md-ul ul a:hover {opacity: 1;}

/* 모바일메뉴보기 */
header .nav-head { z-index:18; width: 40px; height:40px; position: absolute; top: 50%; transform: translateY(-50%); right:20px;}
header .view-nav {z-index:1; position: absolute; top:12%;  right:8px;  width: 1.9em;  height: 80%;  display: block; }  
header .view-nav span {  position: absolute;   top: -9999px;    left: -9999px; }
header .view-nav i { position: absolute; display: block; width: 100%; border-radius: 1em; height: 2px; background-color: #000; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
header .view-nav i:nth-child(1) { top: 3px; right:0}
header .view-nav i:nth-child(2) { top: 14px; right:0}
header .view-nav i:nth-child(3) { top: 25px; right:0}
header .view-nav.open {-webkit-transform: rotate(45deg);transform: rotate(45deg); }
header .view-nav.open i { background:#000; width: 34px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  }
header .view-nav.open i:nth-child(1) {top: 54%; right:-3px; }
header .view-nav.open i:nth-child(2) {top: 54%; right:-3px; -webkit-transform: rotate(90deg);transform: rotate(90deg); }
header .view-nav.open i:nth-child(3) { display:none; }

.container {background: transparent;  margin: 0 auto; text-align: center;}

/*메인상단 슬라이드*/
@keyframes slideBoxRadiusAnim {
  from { border-radius: 0; }
  to { border-radius: 3em; }
}
.scroll-box-1 {max-height: 1020px; height:100vh; position:relative; max-width: var(--full-width-pd); padding-left:20px; padding-right:20px; width: 100%; padding-top:calc(var(--head-height) + 3em);  margin-left:auto; margin-right:auto; }
.scroll-box-1-1 {height: 100%;z-index: 3; width:100%; position: absolute; top:0; left:0;}
.scroll-box-1 .slide-area { position: relative; width:100%; height:calc(100% - (var(--head-height) + 1em)) ;}
.scroll-box-1 .ls-slide-backgrounds { z-index:2; position: relative; height:100%; border-radius: 3em; overflow: hidden; animation: slideBoxRadiusAnim 2s ease-out 0.3s both;}
.scroll-box-1 .ls-slide-backgrounds .ls-img-box { height:100%;}
.scroll-box-1 .ls-slide-backgrounds .ls-img-box .slick-list,
.scroll-box-1 .ls-slide-backgrounds .ls-img-box .slick-track { height:100%;}
.scroll-box-1 .ls-slide-backgrounds img { object-fit: cover; max-height: 100vh; height:100%; width: 100%; object-position: center center; }
.scroll-box-1 .ls-slide-backgrounds .img-base {  position: absolute; left:0; top:0; width:100%; height:100%; }
.scroll-box-1 .ls-slide-texts { text-align: left; z-index: 2; margin-right:auto; margin-top: auto;  height:100%; width: 100%; padding:6em 5em; color:#fff; display:flex; flex-wrap: wrap; flex-direction: column; position:relative;}
.scroll-box-1 .ls-slide-texts .slide-txt-01 { margin-top: auto;}
.scroll-box-1 .ls-head {letter-spacing: -0.02em;  position: relative;font-size :2.2em; line-height:1.6em;}
.scroll-box-1 .ls-info1 { line-height: 1.6em; padding-top:1em;  font-size: 1.4em; }
.scroll-box-1 .head-box { display:flex; justify-content: space-between; align-items: end; margin-bottom:2em;}
.scroll-box-1 .m-head { position: relative;  text-align: left; width: 100%; }
.scroll-box-1 .m-head h2 {  letter-spacing: -0.02em; line-height: 1.4em; font-size: 3.4em; font-weight:900}
.scroll-box-1 .m-head p { font-size: 2.552em; line-height: 1.3em; font-weight:600;}
/*메인 스크롤 버튼*/
.scroll-box-1 .scroll-box-btn {padding-top: 5em; z-index: 5; position: relative;}
.scroll-box-1 .scroll-btn {z-index: 4;display: flex; justify-content : start;align-items: center; clear: both; width: 100%; position: relative;}
.scroll-box-1 .scroll-btn a { font-weight:600; color:#fff; position: relative; padding: 0 1.1em; margin-right: 1em; height: 0.35em; width: 5em; border-radius: 1em; background:#fff;}
.scroll-box-1 .scroll-btn span { font-size:0em; color:transparent; display:inline-block; position: relative;}
/* .scroll-box-1 .scroll-btn .dot { width: 5em; height: 0.35em; border-radius: 1em; background:#fff;} */
.scroll-box-1 .scroll-btn .dot.active { background:var(--color-blue-2);}

.scroll-box-2 { position:relative; width: 100%;  max-height: 1020px; overflow: hidden; padding-top:0; padding-bottom:0;}
.scroll-box-2 .ls-slide-backgrounds { position:absolute; left:0;  top:0; width: 100%; height: 100%;}
.scroll-box-2 .ls-slide-backgrounds img {position:absolute; left: 0; top: 0;  width:100%; height:100%; object-fit: cover; object-position: center top;}
.scroll-box-2 .scroll-box-2-1 { height:100%; width:100%; max-width:var(--full-width-pd); padding-left:20px; padding-right:20px; display: table; margin:0 auto; table-layout: fixed; position: relative; }
.scroll-box-2 .head-box { display:flex; justify-content: space-between; align-items: end; margin-bottom:4em; }
.scroll-box-2 .m-head { padding-left: 1em; position: relative;  text-align: left; width: 100%;}
.scroll-box-2 .m-head h2 {  letter-spacing: -0.02em;  margin-bottom:1.3em; line-height: 1.4em; font-size: 2em; font-weight:600}
.scroll-box-2 .m-head .txt-ps { font-size: 0.8em; font-weight:600}
.scroll-box-2 .m-head .txt-pt { font-size: 1.2em;line-height: 1.3em;}
.scroll-box-2 .ls-btn { position: absolute; opacity: 0; width:3em; height: 2em; bottom:3em; right: 3em; transition: opacity 0.5s ease;}
.scroll-box-2 .ls-btn span {font-size:0; color:transparent; width:0; height:0;}
.scroll-box-2 .ls-btn i {width: 2em; height: 2em;}
.scroll-box-2 .ls-btn i:after { content:''; position: absolute; right:0; top:0; width:100%; height:100%;  background-size:contain; background-repeat: no-repeat; background-position: center center;}
.scroll-box-2 .inner-box { position: relative; width:100%;}
.scroll-box-2 .list-box { margin-right: -2.5em; overflow: hidden; display:flex; align-items: stretch; }
.scroll-box-2 .ls-list { text-align: center; width: calc(25% - 2.5em); margin-right:2.5em; position: relative;  }
.scroll-box-2 .img-box img { width:100%; transition: transform 0.5s ease, filter 0.5s ease;}
.scroll-box-2 .img-box { border-radius: 3em; overflow: hidden;}
.scroll-box-2 .img-box:after { content:''; opacity: 0; position: absolute; left:0; top:0; width:100%; height:100%; border-radius: 3em; border:0.4em solid var(--color-blue-2); transition: opacity 0.5s ease;}
.scroll-box-2 .ls-list a { position: relative; display:block; }
.scroll-box-2 .ls-list a:hover .img-box:after { opacity: 1;}
.scroll-box-2 .ls-list a:hover .ls-btn { opacity: 1;}
.scroll-box-2 .ls-list a:hover .img-box img { transform: scale(1.1); filter: brightness(1.1);}
.scroll-box-2 .ls-list h3 { line-height: 1.3em; font-size: 1.8em;}
.scroll-box-2 .ls-list .txt-ss { font-weight:600; font-size: 0.8em; padding-bottom: 0.8em;}
.scroll-box-2 .txt-box {  position: absolute; height:100%; color:#fff; left:0; top:0; width:100%; display:flex; flex-direction: column; justify-content: center; align-content: center; padding: 10px; }

.scroll-box-3 { position:relative; width: 100%;  max-height: 1020px; overflow: hidden; padding-top:calc(var(--head-height) + 3em); padding-bottom:calc(var(--head-height) + 3em);}
.scroll-box-3 .ls-slide-backgrounds { position:absolute; left:0;  top:0; width: 100%; height: 100%;}
.scroll-box-3 .ls-slide-backgrounds img {position:absolute; left: 0; top: 0;  width:100%; height:100%; object-fit: cover; object-position: center top;}
.scroll-box-3 .scroll-box-3-1 { height:100%; width:100%; max-width:var(--full-width-pd); padding-left:20px; padding-right:20px; display: table; margin:0 auto; table-layout: fixed; position: relative; }
.scroll-box-3 .head-box { display:flex; justify-content: space-between; align-items: end; margin-bottom:4em; }
.scroll-box-3 .m-head { position: relative;  text-align: left; width: 100%; padding-bottom: 1em;}
.scroll-box-3 .m-head h2 {  letter-spacing: -0.02em;  margin-bottom:1.3em; line-height: 1.4em; font-size: 2em; font-weight:600}
.scroll-box-3 .m-head .txt-ps { opacity: 0.3; font-size: 0.8em; font-weight:600}
.scroll-box-3 .m-head .txt-pt { font-size: 1.2em;line-height: 1.6em;}
.scroll-box-3 .inner-box { position: relative;  display:flex; justify-content: space-between; align-items: stretch; overflow: hidden;}
.scroll-box-3 .list-left { display:flex; flex-direction: column; border-radius: 3em; overflow: hidden; min-width: 27em; width: 36%; padding:5%;  color:var(--bg-white); background:var(--color-blue-1)}
.scroll-box-3 .list-box { margin-left: 3%; width: 61%; position: relative; display:flex; min-height:100%; flex-wrap: wrap;}
.scroll-box-3 .list-box .ls-list { overflow: hidden; position: absolute; flex-shrink: 1; width:100%; border-radius: 3em; top:0; height:100%; opacity:0; transition: opacity 0.5s ease;}
.scroll-box-3 .list-box .ls-list.list-active { opacity:1;}
.scroll-box-3 .list-box img {position: absolute; left:0; width:100%; top:0; height:100%; object-fit: cover;}
.scroll-box-3 .list-box .ls-list .ls-btn { opacity: 1;}
.scroll-box-3 .list-box a { width:100%; height:100%; display:block;}
.scroll-box-3 .list-pick { margin-top: auto;}
.scroll-box-3 .list-pick .pick-active .ls-btn, .scroll-box-3 .list-pick a:hover .ls-btn { opacity: 1;}
.scroll-box-3 .list-pick .pick-active a, .scroll-box-3 .list-pick a:hover { background: var(--color-blue-2);}
.scroll-box-3 .list-pick .ls-pick {margin-top: 0.6em; text-align: left;}
.scroll-box-3 .list-pick a { position: relative; display:flex; align-items: center; color:#fff; border:1px solid rgba(255, 255, 255, 0.1); border-radius: 0.6em; padding: 1em 1em;}
.scroll-box-3 .ls-icon:after { content:''; position: absolute; right:0; top:0; width:100%; height:100%;  background-size:contain; background-repeat: no-repeat; background-position: center center;}
.scroll-box-3 .ls-icon { display:inline-block; position: relative; width: 1.6em; height:1.6em; margin-right: 1em;}
.scroll-box-3 .list-pick .ls-btn { position: absolute; opacity: 0; width:3em; height: 2em; top:50%; transform: translateY(-50%); right: 1em;}
.scroll-box-3 .ls-list .ls-btn { position: absolute; opacity: 1; width:3em; height: 2em; bottom:3em; right: 3em;}
.scroll-box-3 .ls-btn span {font-size:0; color:transparent; width:0; height:0;}
.scroll-box-3 .ls-btn i {width: 2em; height: 2em;}
.scroll-box-3 .ls-btn i:after { content:''; position: absolute; right:0; top:0; width:100%; height:100%;  background-size:contain; background-repeat: no-repeat; background-position: center center;}

.scroll-box-4 { position:relative; width: 100%;  max-height: 1020px; overflow: hidden;}
.scroll-box-4 .ls-slide-backgrounds { position:absolute; left:0;  top:0; width: 100%; height: 100%;}
.scroll-box-4 .ls-slide-backgrounds img {position:absolute; left: 0; top: 0;  width:100%; height:100%; object-fit: cover; object-position: center top; transition: transform 0.5s ease;}
.scroll-box-4:hover .ls-slide-backgrounds img { transform: scale(1.1);}
.scroll-box-4 .scroll-box-4-1 { height:100%; width:100%; max-width:var(--full-width-pd); padding-left:20px; padding-right:20px; display: table; margin:0 auto; table-layout: fixed; position: relative; }
.scroll-box-4 .m-head { position: relative; width: 100%; margin-bottom: 2em;}
.scroll-box-4 .m-head h2 {  letter-spacing: -0.02em;  margin-bottom:1.3em; line-height: 1.4em; font-size: 2em; font-weight:600}
.scroll-box-4 .m-head .txt-ps { opacity: 0.3; font-size: 0.8em; font-weight:600}
.scroll-box-4 .m-head .txt-pt { font-size: 1.2em;line-height: 1.6em;}
.scroll-box-4 a { text-align: center; display:block; color:#fff; padding:calc(var(--head-height) + 3em) 20px; }
.scroll-box-4 .ls-btn { position: relative; margin: 0 auto; width:3em; height: 2em;}
.scroll-box-4 .ls-btn span {font-size:0; color:transparent; width:0; height:0;}
.scroll-box-4 .ls-btn i { display:inline-block; width: 100%; height: 100%;}
.scroll-box-4 .ls-btn i:after { content:''; position: absolute; right:0; top:0; width:100%; height:100%;  background-size:contain; background-repeat: no-repeat; background-position: center center; transition: transform 0.5s ease;}
.scroll-box-4:hover .ls-btn i:after { transform: scale(1.3); }

/*서브상단 뒷배경*/
.snb-bg {  height: 29em; max-height: 650px; margin-top:calc(var(--head-height) + 2em); margin-left:auto; margin-right:auto;  position: relative; max-width: var(--full-width-pd); padding-left:20px; padding-right:20px; }
.snb-bg .ls-slide-backgrounds { position:absolute; left:20px; top:0; width: calc(100% - 40px); height:100%; overflow:hidden; border-radius: 3em; animation: slideBoxRadiusAnim 2s ease-out 0.3s both;}
.snb-bg .ls-slide-backgrounds img {object-fit: cover; height: 100%; width: 100%;}
.snb-bg .ls-slide-backgrounds.snb-pos-01 img {  object-position: center 48%}
.snb-bg .ls-slide-backgrounds.snb-pos-02 img { object-position: center bottom }
.snb-bg .ls-slide-backgrounds.snb-pos-03 img {  object-position: center center  }
.snb-bg .ls-slide-backgrounds.snb-pos-04 img {  object-position: center top }
.snb-bg .ls-slide-backgrounds.snb-pos-05 img {  object-position: center 25% }
.snb-bg .box_inner { height: 100%; clear: both; position: relative; text-align: center; margin:0 auto; max-width: 1685px; padding-left:20px; padding-right:20px;}
.snb-bg .ls-slide-texts { width: 100%; color:#fff; position:absolute; left:0; top:55%; transform: translateY(-50%); padding-left: 20px; padding-right:20px;}
.snb-bg .ls-slide-texts .ls-head { font-size: 3.556em; padding-bottom:0.3em;}
.snb-bg .ls-slide-texts p { font-size: 1.35em; }

.snb { width: 100%;  position: relative ; z-index:3; height: 4.7em; margin-top:1em; padding-left:20px; padding-right:20px; margin-bottom:3em;}
.snb .snb-in {position: relative; z-index:3; width:100%; height:100%;margin: 0 auto; max-width: var(--full-width);}
.snb h2 { padding-top: 40px; position: relative;}
.snb ul { position: relative; display: flex; justify-content: center; align-items: center; margin: 0 auto; flex:auto; height:100%; border-radius: 3em; }
.snb li {position: relative; height:100%; }    
.snb li a { font-size:1.15em; font-weight:600; padding:0.7em 1.3em; display:block; width:100%; height:100%;position: relative; text-wrap: nowrap;}
.snb li a>span {z-index:2; display:flex; justify-content: center; align-items: center;  height:100%; position: relative; padding-left: 0.3em; padding-right: 0.3em;}
.snb li a span:after { opacity: 0; z-index: -1; left: 50%; transform: translateX(-50%); position: absolute;  bottom: 0; width: 100%;   content: ''; height: 100%; border-bottom:2px solid var(--color-blue-2)} 
.snb li a:hover span:after, .snb li a.active span:after {opacity: 1;}
.snb li a.active, .snb li a:hover { opacity: 1; color:var(--color-blue-2);}

.snb-md { z-index: 8; position: relative; margin-top: 1em; }
.snb_list { display: none; z-index:9; left:0; top:5.5em; width:100%; position: absolute; overflow: hidden;  background:#fff;  }
.snb-md li { width: 100%; border-bottom:1px solid rgba(0,0,0,0.1);}
.snb-md li a { font-size: 1.4em; line-height:1.4; text-align: left; position: relative; display: block; padding: 1em 20px; }
.snb-md i { font-size:2em;font-style: normal; height:100%; display:block; width: 30px; position: absolute; right: 20px; top:0;}
.snb-md i:after { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:4; position: absolute; top:50%; left:50%; content:'+'; transform: translateY(-50%); line-height:1rem; width:1rem; height:1rem; display:inline-block;}
.snb-md i.snb_view:after { transform:translateY(-50%) rotate(180deg);  }
.snb-md li:last-of-type a:after { display: none;}
.snb-md i span { font-size:0;}
.snb-md .sel-menu { border-bottom:1px solid #000; z-index:10; overflow:hidden;  position: relative; display:flex; justify-content: center; align-items: center; text-align: left; height: 5.5em;  }
.snb-md .sel-menu h2 { padding-left:20px; width: 56%;}
.snb-md .sel-menu a { padding-left:20px; width:100%; display: block; height:100%;}
.snb-md .sel-menu a>span {color:#000; font-size: 1.4em; font-weight:600; display:flex; align-items: center; height:100%; justify-content: start; }



/*메인 슬라이드 내용*/
.main_silde { height: 965px;}
.main_silde .box_inner { margin:0 auto; max-width: 1757px;height: 900px; position: relative; }
.main_silde .sildeBtn {position:absolute; bottom: 0px;}

/*메인 슬라이드 버튼*/
.sildeBtn { display: flex; justify-content: center;align-items: center; clear: both; width: 100%;}
.sildeBtn span { border:1px solid #035fff; display: inline-block; margin: 0 6px;background: #fff; font-size:0; border-radius: 9px; height:18px; width: 18px;}
.sildeBtn span.active { background:#035fff; }

.sub-menu { margin:0; margin-top:0!important; width: 100%;position: relative ; }
.sub-menu ul { display: flex; justify-content:center; align-items: center; height: 115px;}
.sub-menu li { display: inline-block; flex: 1 1 290px; width: 290px; max-width: 290px;}
.sub-menu li a { border:1px solid #0b3775;  color:#0b3775;font-size: 0.8em; display: block; padding: 20px 0 20px 0; background:#fff;}
.sub-menu li a.active,  .sub-menu li a:hover{ background:#0b3775; color:#fff;}
.sub-menu li a { border-right:0;}
.sub-menu li:last-of-type a { border-right:1px solid #0b3775;}

.clearfix { clear: both}
.vr-center { width: 100%; text-align:center;position:absolute; left:50%; top:50%; transform: translate( -50%, -50%); }

.head-line .text { padding-bottom: 150px;color:#0b3775; font-size: 3rem; position: relative; font-weight: 600; letter-spacing: -0.5px;}
.head-line .text:after { z-index:5;content:''; width: 1px; height: 65px; position: absolute; left:50%; top: 100px;transform: translate(-50%, 0); background:#000; } 

sup { font-size: 0.5em;}

.bgc-01 { background-color:#1a34aa;}
.bgc-02 { background-color:#0c1953;}
.bgc-03 { background-color:#00ad9f;}
.bgc-04 { background-color:#ffc047;}
.bgc-05 { background-color:#8534c4;}
.bgc-06 { background-color:#fc1fc0;}
.bgc-07 { background-color:#000000;}
.bgc-08 { background-color:#fff;}
.fc-01 { color:#1a34aa}
.fc-02 { color:#0c1953}
.fc-03 { color:#00ad9f}
.fc-04 { color:#ffc047}
.fc-05 { color:#8534c4}
.fc-06 { color:#fc1fc0}
.fn-01 { font-family: 'KohiLearn', 'Noto Sans KR', sans-serif!important; font-weight:500; }
.fn-02 { font-family: 'GmarketSansBold', 'Noto Sans KR', sans-serif!important; }
.fs-01 { font-weight: 300;}

/*푸터*/
footer { border-top:1px solid rgba(0,0,0,0.1); position: relative; width: 100%;  word-break: keep-all; font-size: 0.85em; }
footer .box-inner {margin:0 auto;  width: 100%; max-width: var(--head-width-pd); padding: 4em 20px; position: relative;}
footer .footer {position: relative; width:100%; height: 100%; text-align: left;}
footer .foo-logo { height: 3.5em; margin-bottom: 1.5em}
footer .footer {position: relative; width:100%; height: 100%; text-align: left;}
footer .foo-logo.sub { margin-bottom:0.5em;}
footer .foo-logo img { height:100%; width: auto;}
footer .col-box-in { text-align: left; width:100%; flex-wrap: wrap; display:flex; justify-content: space-between; align-items: flex-start;   }
footer .col-box { width: 50%;}
footer .col-box-in .col-box:nth-child(even) { text-align: right; border-left:1px solid rgba(255,255,255,0.1)}
footer .col-box p { display:block; padding-top: 0.4em;}
footer .copy {padding-top: 2em;}

/* 푸터 버튼 */
footer .foo-btn { margin-bottom: 0.5em;}
footer .foo-btn-item { display: inline-block; padding: 0.56em 1.4em; border-radius: 0.35em; background: #fff; color: #333; border: 1px solid #333; font-weight: 600; font-size: 0.9em; transition: all 0.3s ease;}
footer .foo-btn-item:hover { background: var(--color-blue-2); color: #fff; border-color: var(--color-blue-2); transform: translateY(-2px);}
footer .foo-btn-item span { position: relative; padding-right: 1.5em;}
footer .foo-btn-item span:after { content: '→'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: right 0.3s ease;}
footer .foo-btn-item:hover span:after { right: -0.3em;}

/* sns + top */
.page-top {    z-index: 8; position: fixed;    right: 20px;    bottom: 20px;    height: 4em;   width: 4em;}
.page-top a { padding-top: 2.5em;  position: relative;    color: #fff;  line-height:1;  display: block;    width: 100%;    height: 100%;    background: #333333;    border-radius: 5em;}
.page-top a:before { content: ''; font-size: 1rem; width:40%; height:40%;  position: absolute;   left: 50%;  top: 50%;   transform: translate(-50%, -50%); background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='13px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M9.925,5.469 L5.396,0.959 L0.866,5.469 L1.552,6.152 L4.910,2.809 L4.910,12.027 L5.881,12.027 L5.881,2.809 L9.239,6.152 L9.925,5.469 Z'/%3E%3C/svg%3E");}
.page-top a span { font-size:0;}

.ptb25 { padding: 25px 0;}
.pt170 { margin-top: 170px;}
.ptb50 { padding: 50px 0;}
.pb20 { padding-bottom:20px;}
.pb100 { padding-bottom:100px;}
.fs09e { font-size: 0.9em }
.fs12e { font-size: 1.2em }
.fs08e { font-size: 0.8em }
.fs085e { font-size: 0.85em }
.wd1700 { max-width: 1700px;}

.wdauto { width: auto;}
.wd12p { width: 12%;}
.wd30p { width: 30%;}
.wd20p { width: 20%;}
.wd15p { width: 15%;}

.container {font-size: 1.125rem;}
.container * { word-break: keep-all;}

.d-lg-none { display:none;} /* pc 용 감추기 */
.d-sm-view { display:none;}

.con-head {}  /* 서브 컨텐츠 제목 */
.con-head h3 {  font-weight: 600;font-size: 1.4em;}
.con-head p { letter-spacing: -0.01em; font-size: 3.1em; padding-top: 0.3em;}
.con-head+.con-head { padding-top: 70px;}
.con-head h3 i {  display:inline-block; position: relative; width: 1.2em; height:1.2em;}
.con-head h3 i:after { content:''; position: absolute; left:-0.05em; top:-0.65em; width:100%; height:100%; background-position: center top; background-repeat: no-repeat; background-size: contain;}

.ls-tab-01 a { border:1px solid #c9c9c9; color:rgba(0,0,0,0.66); display:block;  padding: 1em 10px 1.1em 10px; line-height:1; text-wrap: nowrap;}
.ls-tab-01 ul { display:flex; justify-content: start; align-items: center; margin-right: -0.9em; }
.ls-tab-01 li {  position: relative; margin-right: 0.9em; width: 15em;}
.ls-tab-01 li:last-of-type:after { display:none;}
.ls-tab-01 a:hover, .ls-tab-01 a.active{  color:#fff; background:#000; border-color:#000; font-weight:600; }
.ls-tab-01 span { padding: 0.5em; position: relative; display:inline-block;}

.ls-icon-01:after {/*토목*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28px' height='33px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M27.883,25.625 L19.066,10.434 C18.986,10.297 18.867,10.198 18.732,10.138 C18.965,9.556 19.097,8.924 19.097,8.259 C19.097,5.697 17.189,3.583 14.710,3.233 L14.710,0.718 C14.710,0.321 14.386,-0.000 13.988,-0.000 C13.589,-0.000 13.265,0.321 13.265,0.718 L13.265,3.233 C10.786,3.583 8.878,5.697 8.878,8.259 C8.878,8.923 9.010,9.556 9.243,10.138 C9.108,10.198 8.989,10.297 8.909,10.434 L0.092,25.625 C-0.027,25.829 -0.037,26.079 0.065,26.293 L1.968,30.261 L1.004,31.921 C0.805,32.265 0.923,32.704 1.268,32.903 C1.382,32.968 1.506,32.999 1.629,32.999 C1.879,32.999 2.121,32.870 2.255,32.640 L3.408,30.653 C3.408,30.653 3.409,30.652 3.409,30.652 L8.469,21.935 C10.213,22.741 12.100,23.143 13.988,23.143 C15.875,23.143 17.762,22.741 19.507,21.935 L23.659,29.089 C23.660,29.090 23.660,29.090 23.660,29.091 L25.720,32.640 C25.854,32.870 26.097,32.999 26.347,32.999 C26.469,32.999 26.593,32.968 26.707,32.903 C27.053,32.704 27.171,32.265 26.971,31.921 L26.008,30.261 L27.910,26.293 C28.012,26.079 28.002,25.829 27.883,25.625 ZM13.988,5.930 C15.281,5.930 16.329,6.973 16.329,8.259 C16.329,9.545 15.281,10.588 13.988,10.588 C12.694,10.588 11.646,9.545 11.646,8.259 C11.646,6.973 12.694,5.930 13.988,5.930 ZM3.066,28.369 C3.065,28.371 3.065,28.371 3.064,28.372 L2.844,28.751 L1.533,26.016 L5.172,19.747 C5.806,20.323 6.484,20.826 7.195,21.255 L3.066,28.369 ZM7.918,20.011 C7.208,19.579 6.536,19.064 5.914,18.468 L9.999,11.431 C10.530,12.091 11.222,12.617 12.017,12.948 L7.918,20.011 ZM9.195,20.684 L13.473,13.315 C13.642,13.332 13.814,13.341 13.988,13.341 C14.161,13.341 14.333,13.332 14.503,13.315 L18.780,20.684 C15.742,22.046 12.233,22.046 9.195,20.684 ZM15.958,12.948 C16.753,12.617 17.445,12.091 17.976,11.431 L22.061,18.468 C21.439,19.064 20.767,19.579 20.058,20.011 L15.958,12.948 ZM25.131,28.751 L20.780,21.255 C21.491,20.825 22.169,20.324 22.803,19.747 L26.442,26.016 L25.131,28.751 Z'/%3E%3C/svg%3E");}
.ls-icon-02:after {/*기계전기*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26px' height='30px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M25.359,13.906 L23.473,13.906 C23.120,13.906 22.833,13.613 22.833,13.252 C22.833,12.892 23.120,12.599 23.473,12.599 L25.359,12.599 C25.713,12.599 26.000,12.892 26.000,13.252 C26.000,13.613 25.713,13.906 25.359,13.906 ZM21.739,22.815 C21.575,22.815 21.411,22.751 21.286,22.624 L19.952,21.264 C19.702,21.009 19.702,20.595 19.953,20.341 C20.203,20.085 20.608,20.086 20.859,20.341 L22.192,21.701 C22.442,21.955 22.442,22.369 22.192,22.624 C22.067,22.751 21.903,22.815 21.739,22.815 ZM20.859,6.164 C20.734,6.291 20.570,6.355 20.406,6.355 C20.242,6.355 20.078,6.291 19.953,6.164 C19.702,5.909 19.702,5.495 19.953,5.240 L21.286,3.881 C21.536,3.626 21.942,3.626 22.192,3.881 C22.442,4.136 22.442,4.549 22.192,4.804 L20.859,6.164 ZM12.999,3.228 C12.645,3.228 12.359,2.935 12.359,2.575 L12.359,0.652 C12.359,0.292 12.645,-0.001 12.999,-0.001 C13.353,-0.001 13.640,0.292 13.640,0.652 L13.640,2.575 C13.640,2.935 13.353,3.228 12.999,3.228 ZM5.593,6.355 C5.429,6.355 5.265,6.292 5.140,6.164 L3.806,4.805 C3.556,4.550 3.556,4.136 3.806,3.881 C4.056,3.626 4.462,3.626 4.712,3.881 L6.046,5.241 C6.296,5.495 6.296,5.909 6.046,6.164 C5.921,6.292 5.757,6.355 5.593,6.355 ZM2.525,13.906 L0.639,13.906 C0.285,13.906 -0.001,13.613 -0.001,13.252 C-0.001,12.892 0.285,12.599 0.639,12.599 L2.525,12.599 C2.879,12.599 3.166,12.892 3.166,13.252 C3.166,13.613 2.879,13.906 2.525,13.906 ZM5.140,20.341 C5.390,20.086 5.796,20.086 6.046,20.341 C6.296,20.596 6.296,21.009 6.046,21.264 L4.712,22.624 C4.587,22.751 4.423,22.815 4.259,22.815 C4.095,22.815 3.931,22.751 3.806,22.624 C3.556,22.369 3.556,21.955 3.806,21.701 L5.140,20.341 ZM13.000,4.238 C17.853,4.238 21.801,8.264 21.801,13.211 C21.801,16.038 20.472,18.726 18.243,20.414 C17.849,20.844 17.205,21.662 16.979,22.618 L16.979,23.799 L16.979,27.333 C16.979,27.507 16.911,27.673 16.791,27.795 C16.671,27.918 16.508,27.987 16.338,27.987 L16.338,27.987 L15.800,27.987 C15.646,29.121 14.690,29.998 13.535,29.998 L12.463,29.998 C11.308,29.998 10.352,29.120 10.198,27.985 L9.660,27.985 C9.307,27.985 9.020,27.692 9.020,27.332 L9.020,23.799 L9.020,22.619 C8.794,21.661 8.150,20.844 7.755,20.414 C5.527,18.726 4.198,16.037 4.198,13.211 C4.198,8.264 8.146,4.238 13.000,4.238 ZM12.463,28.692 L13.535,28.692 C13.980,28.692 14.355,28.395 14.488,27.986 L11.511,27.985 C11.644,28.394 12.018,28.692 12.463,28.692 ZM10.301,26.679 L15.697,26.680 L15.697,24.452 L10.301,24.452 L10.301,26.679 ZM8.561,19.396 C8.591,19.419 8.620,19.445 8.646,19.473 C9.245,20.115 10.016,21.145 10.286,22.405 C10.296,22.451 10.301,22.498 10.301,22.545 L10.301,23.146 L15.697,23.146 L15.697,22.544 C15.697,22.497 15.702,22.449 15.712,22.404 C15.983,21.145 16.753,20.116 17.352,19.474 C17.378,19.446 17.407,19.420 17.437,19.397 C19.368,17.956 20.520,15.643 20.520,13.211 C20.520,8.984 17.146,5.544 13.000,5.544 C8.853,5.544 5.479,8.984 5.479,13.211 C5.479,15.643 6.631,17.956 8.561,19.396 ZM11.398,11.485 C12.025,11.485 12.592,11.750 13.000,12.174 C13.407,11.750 13.974,11.485 14.601,11.485 C15.837,11.485 16.843,12.510 16.843,13.771 C16.843,14.939 15.979,15.904 14.868,16.038 L14.868,21.716 C14.868,22.077 14.581,22.369 14.227,22.369 C13.873,22.369 13.587,22.077 13.587,21.716 L13.587,15.807 C13.368,15.693 13.170,15.545 13.000,15.367 C12.829,15.545 12.631,15.693 12.412,15.807 L12.412,21.716 C12.412,22.077 12.125,22.369 11.771,22.369 C11.418,22.369 11.131,22.077 11.131,21.716 L11.131,16.038 C10.020,15.903 9.156,14.939 9.156,13.771 C9.156,12.510 10.162,11.485 11.398,11.485 ZM14.601,14.750 C15.131,14.750 15.562,14.311 15.562,13.771 C15.562,13.230 15.131,12.791 14.601,12.791 C14.071,12.791 13.640,13.230 13.640,13.771 C13.640,14.311 14.071,14.750 14.601,14.750 ZM11.398,14.750 C11.928,14.750 12.359,14.311 12.359,13.771 C12.359,13.230 11.928,12.791 11.398,12.791 C10.868,12.791 10.437,13.230 10.437,13.771 C10.437,14.311 10.868,14.750 11.398,14.750 Z'/%3E%3C/svg%3E"); }
.ls-icon-03:after {/*방재*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25px' height='25px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M22.742,19.652 C23.076,20.009 23.283,20.488 23.283,21.014 C23.283,22.115 22.388,23.010 21.288,23.010 C20.784,23.010 20.325,22.821 19.974,22.512 C17.888,24.074 15.300,24.999 12.500,24.999 C5.607,24.999 0.000,19.391 0.000,12.499 C0.000,5.607 5.607,-0.001 12.500,-0.001 C19.392,-0.001 24.999,5.607 24.999,12.499 C24.999,15.158 24.162,17.624 22.742,19.652 ZM12.500,1.088 C6.208,1.088 1.089,6.207 1.089,12.499 C1.089,18.791 6.208,23.910 12.500,23.910 C15.082,23.910 17.465,23.047 19.379,21.596 C19.323,21.412 19.292,21.217 19.292,21.014 C19.292,19.914 20.187,19.019 21.288,19.019 C21.467,19.019 21.641,19.045 21.807,19.089 C23.130,17.227 23.911,14.953 23.911,12.499 C23.911,6.207 18.792,1.088 12.500,1.088 ZM12.500,20.826 C8.588,20.826 5.300,18.115 4.411,14.473 C3.442,14.337 2.694,13.505 2.694,12.499 C2.694,11.493 3.442,10.661 4.411,10.525 C5.300,6.884 8.588,4.172 12.500,4.172 C14.072,4.172 15.543,4.610 16.799,5.370 C16.979,5.290 17.177,5.243 17.387,5.243 C18.188,5.243 18.839,5.894 18.839,6.694 C18.839,6.818 18.818,6.936 18.789,7.051 C20.057,8.512 20.827,10.417 20.827,12.499 C20.827,17.091 17.092,20.826 12.500,20.826 ZM18.118,7.941 C17.903,8.068 17.655,8.145 17.387,8.145 C16.587,8.145 15.936,7.495 15.936,6.694 C15.936,6.514 15.973,6.344 16.033,6.184 C14.987,5.597 13.782,5.260 12.500,5.260 C9.138,5.260 6.305,7.563 5.494,10.675 C6.194,10.985 6.685,11.685 6.685,12.499 C6.685,13.313 6.194,14.014 5.494,14.324 C6.305,17.435 9.138,19.738 12.500,19.738 C16.491,19.738 19.739,16.490 19.739,12.499 C19.739,10.773 19.131,9.186 18.118,7.941 ZM12.500,16.473 C10.309,16.473 8.526,14.690 8.526,12.499 C8.526,10.308 10.309,8.525 12.500,8.525 C14.691,8.525 16.473,10.308 16.473,12.499 C16.473,14.690 14.691,16.473 12.500,16.473 ZM12.500,9.614 C10.909,9.614 9.614,10.908 9.614,12.499 C9.614,14.090 10.909,15.384 12.500,15.384 C14.091,15.384 15.385,14.090 15.385,12.499 C15.385,10.908 14.091,9.614 12.500,9.614 ZM12.500,14.132 C11.599,14.132 10.867,13.399 10.867,12.499 C10.867,11.599 11.599,10.866 12.500,10.866 C13.400,10.866 14.133,11.599 14.133,12.499 C14.133,13.399 13.400,14.132 12.500,14.132 Z'/%3E%3C/svg%3E");}
.ls-icon-04:after {/*벙향키-오른쪽*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='55px' height='19px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M1.000,14.978 L47.623,14.978 L35.844,2.718 '/%3E%3C/svg%3E"); }
.ls-icon-05:after {/*화살표-오른쪽*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41px' height='60px'%3E%3Cpath fill-rule='evenodd' fill='rgb(16, 99, 226)' d='M0.011,20.161 L2.152,22.269 L18.986,5.697 L18.986,60.002 L22.016,60.002 L22.016,5.697 L38.850,22.269 L40.991,20.161 L20.501,-0.010 L0.011,20.161 Z'/%3E%3C/svg%3E");}
.ls-icon-06:after {/*전화*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='47px' height='47px'%3E%3Cpath fill-rule='evenodd' fill='rgb(16, 99, 226)' d='M46.061,34.254 L37.721,25.897 C36.485,24.659 34.472,24.659 33.236,25.897 L27.557,31.588 L15.691,19.697 L21.371,14.007 C22.607,12.768 22.607,10.752 21.371,9.513 L13.030,1.156 C11.832,-0.045 9.743,-0.045 8.547,1.156 L3.068,6.645 C0.957,8.761 -0.005,11.768 0.496,14.689 C1.298,19.365 3.992,26.679 12.268,34.983 C12.270,34.985 12.271,34.986 12.273,34.988 C12.281,34.996 12.289,35.004 12.298,35.013 C20.585,43.309 27.886,46.010 32.556,46.815 C33.064,46.903 33.575,46.945 34.084,46.945 C36.491,46.945 38.840,45.984 40.583,44.237 L46.061,38.747 C46.660,38.148 46.990,37.350 46.990,36.501 C46.990,35.653 46.660,34.855 46.061,34.254 ZM44.643,37.326 L39.165,42.817 C37.513,44.471 35.170,45.226 32.896,44.835 C28.511,44.079 21.624,41.513 13.705,33.581 C5.787,25.643 3.226,18.741 2.472,14.349 C2.082,12.070 2.834,9.721 4.485,8.066 L9.965,2.576 C10.405,2.135 11.172,2.135 11.612,2.576 L19.954,10.934 C20.407,11.389 20.407,12.131 19.954,12.586 L13.565,18.987 C13.377,19.175 13.271,19.430 13.271,19.697 C13.271,19.964 13.377,20.219 13.565,20.408 L26.849,33.719 C27.240,34.111 27.875,34.111 28.266,33.719 L34.654,27.318 C35.108,26.862 35.849,26.862 36.303,27.318 L44.643,35.675 C44.863,35.896 44.985,36.189 44.985,36.501 C44.985,36.813 44.863,37.106 44.643,37.326 Z'/%3E%3C/svg%3E");}
.ls-icon-07:after {/*메일*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='47px' height='38px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M46.890,1.544 C46.838,1.421 46.763,1.311 46.670,1.219 C46.669,1.218 46.668,1.217 46.667,1.216 C46.641,1.190 46.607,1.180 46.579,1.158 C46.505,1.099 46.432,1.040 46.343,1.004 C46.248,0.965 46.147,0.952 46.046,0.944 C46.017,0.941 45.992,0.927 45.963,0.927 L45.956,0.927 C45.954,0.927 45.953,0.927 45.952,0.927 L1.993,0.927 C1.992,0.927 1.991,0.927 1.990,0.927 L1.983,0.927 C1.956,0.927 1.934,0.940 1.908,0.942 C1.804,0.950 1.700,0.964 1.602,1.004 C1.516,1.040 1.444,1.098 1.372,1.155 C1.342,1.178 1.306,1.188 1.279,1.216 C1.278,1.217 1.277,1.218 1.276,1.219 C1.183,1.311 1.108,1.421 1.056,1.544 C1.005,1.667 0.979,1.798 0.979,1.929 C0.979,1.930 0.978,1.932 0.978,1.933 L0.978,36.909 C0.978,37.464 1.428,37.915 1.983,37.915 L45.963,37.915 C46.518,37.915 46.968,37.464 46.968,36.909 L46.968,1.933 C46.968,1.932 46.967,1.930 46.967,1.929 C46.967,1.798 46.941,1.667 46.890,1.544 ZM2.988,4.393 L18.144,19.838 C17.949,19.871 17.760,19.944 17.608,20.093 L2.988,34.432 L2.988,4.393 ZM28.106,18.696 C27.006,19.816 25.539,20.433 23.973,20.433 C22.407,20.433 20.940,19.816 19.840,18.696 L4.379,2.939 L43.567,2.939 L28.106,18.696 ZM19.015,21.530 C19.198,21.351 19.288,21.118 19.304,20.881 C20.646,21.891 22.264,22.445 23.973,22.445 C25.715,22.445 27.362,21.871 28.718,20.823 C28.721,21.079 28.820,21.333 29.016,21.527 L43.553,35.903 L4.361,35.903 L19.015,21.530 ZM44.958,34.464 L30.428,20.096 C30.257,19.926 30.038,19.845 29.816,19.824 L44.958,4.393 L44.958,34.464 Z'/%3E%3C/svg%3E");}
.ls-icon-08:after {/*유투브*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31px' height='22px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M26.454,0.979 L4.545,0.979 C2.586,0.979 0.983,2.623 0.983,4.632 L0.983,18.322 C0.983,20.331 2.586,21.975 4.545,21.975 L26.454,21.975 C28.413,21.975 30.017,20.331 30.017,18.322 L30.017,4.632 C30.017,2.623 28.413,0.979 26.454,0.979 ZM12.410,16.804 L12.410,6.150 L20.265,11.477 L12.410,16.804 Z'/%3E%3C/svg%3E"); }
.ls-icon-09:after {/*링크드인*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='645px' height='645px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M644.997,645.000 L512.478,645.000 L512.478,419.285 C512.478,357.378 488.951,322.821 439.975,322.821 C386.673,322.821 358.827,358.812 358.827,419.285 L358.827,645.000 L231.107,645.000 L231.107,214.999 L358.827,214.999 L358.827,272.913 C358.827,272.913 397.245,201.883 488.469,201.883 C579.695,201.883 644.999,257.557 644.999,372.730 L644.997,645.000 ZM78.747,158.687 C35.257,158.687 0.001,123.161 0.001,79.345 C0.001,35.524 35.262,0.000 78.747,0.000 C122.232,0.000 157.488,35.524 157.488,79.345 C157.491,123.164 122.235,158.687 78.747,158.687 ZM145.964,645.000 L12.799,645.000 L12.799,214.999 L145.964,214.999 L145.964,645.000 Z'/%3E%3C/svg%3E"); }
.ls-icon-10:after {/*자세히*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='46px' height='46px'%3E%3Cpath fill-rule='evenodd' fill='rgb(16, 99, 226)' d='M37.882,45.874 L31.980,45.874 L31.980,40.836 L40.900,40.836 L40.900,31.914 L45.939,31.914 L45.939,37.816 C45.939,42.259 42.325,45.874 37.882,45.874 ZM40.900,5.895 L31.980,5.895 L31.980,0.856 L37.882,0.856 C42.325,0.856 45.939,4.471 45.939,8.914 L45.939,14.816 L40.900,14.816 L40.900,5.895 ZM30.302,26.565 L37.636,33.900 C37.832,34.095 37.939,34.354 37.939,34.630 C37.939,34.906 37.831,35.166 37.636,35.360 L36.031,36.966 C35.642,37.355 34.960,37.357 34.571,36.966 L27.303,29.697 L27.051,29.859 C25.372,30.934 23.437,31.502 21.455,31.502 C15.716,31.502 11.047,26.833 11.047,21.094 C11.047,15.355 15.716,10.686 21.455,10.686 C27.194,10.686 31.863,15.355 31.863,21.094 C31.863,22.921 31.373,24.727 30.446,26.318 L30.302,26.565 ZM21.455,14.527 C17.834,14.527 14.888,17.473 14.888,21.094 C14.888,24.715 17.834,27.661 21.455,27.661 C25.076,27.661 28.022,24.715 28.022,21.094 C28.022,17.473 25.076,14.527 21.455,14.527 ZM5.960,14.816 L0.922,14.816 L0.922,8.914 C0.922,4.471 4.536,0.856 8.979,0.856 L14.880,0.856 L14.880,5.895 L5.960,5.895 L5.960,14.816 ZM5.960,40.836 L14.880,40.836 L14.880,45.874 L8.979,45.874 C4.536,45.874 0.922,42.259 0.922,37.816 L0.922,31.914 L5.960,31.914 L5.960,40.836 Z'/%3E%3C/svg%3E"); }
.ls-icon-11:after {/*인스타*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='19px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M13.560,19.000 L5.527,19.000 C2.418,19.000 -0.000,16.582 -0.000,13.473 L-0.000,5.441 C-0.000,2.418 2.418,-0.000 5.527,-0.000 L13.560,-0.000 C16.582,-0.000 19.000,2.418 19.000,5.441 L19.000,13.473 C19.000,16.582 16.582,19.000 13.560,19.000 ZM9.500,4.577 C6.736,4.577 4.577,6.909 4.577,9.586 C4.577,12.264 6.736,14.509 9.500,14.509 C12.264,14.509 14.423,12.178 14.423,9.500 C14.423,6.823 12.264,4.577 9.500,4.577 ZM14.596,3.368 C13.991,3.368 13.473,3.886 13.473,4.491 C13.473,5.095 13.991,5.614 14.596,5.614 C15.200,5.614 15.718,5.095 15.718,4.491 C15.718,3.886 15.200,3.368 14.596,3.368 ZM9.500,12.667 C7.788,12.667 6.333,11.212 6.333,9.500 C6.333,7.789 7.788,6.333 9.500,6.333 C11.212,6.333 12.667,7.789 12.667,9.500 C12.667,11.212 11.212,12.667 9.500,12.667 Z'/%3E%3C/svg%3E"); }
.ls-icon-12:after {/*블로그*/background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13px' height='14px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M13.000,14.000 L12.000,14.000 L12.000,0.000 L13.000,-0.000 L13.000,14.000 ZM4.801,13.143 C3.818,13.143 2.910,12.813 2.174,12.255 L2.174,12.939 L0.000,12.939 L0.000,0.898 L2.174,0.898 L2.174,4.848 C2.910,4.289 3.818,3.959 4.801,3.959 C7.257,3.959 9.248,6.015 9.248,8.551 C9.248,11.087 7.257,13.143 4.801,13.143 ZM4.532,5.877 C3.473,5.877 2.565,6.547 2.174,7.502 C2.042,7.824 1.968,8.179 1.968,8.551 C1.968,8.923 2.042,9.278 2.174,9.600 C2.565,10.555 3.473,11.225 4.532,11.225 C5.947,11.225 7.095,10.028 7.095,8.551 C7.095,7.074 5.947,5.877 4.532,5.877 Z'/%3E%3C/svg%3E");}


/*  */
.con-com-01 { overflow: hidden; margin:0 auto; padding: 6em 0px 10em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-01 .txt-head h4 { margin-bottom: 0.7em;  font-size: 1.35em; font-weight:900;}
.con-com-01 .txt-head p { font-size: 2.592em; font-weight:600; line-height: 1.4em;  }
.con-com-01 .txt-head { margin-bottom:2em;}
.con-com-01 .ls-txt-01 { max-width: 37em; line-height: 1.6em; font-size:1.1em; opacity: 0.8;}
.con-com-01 .ls-txt-01 strong { font-size: 2em; }
.con-com-01 .ls-txt-01 p { padding-bottom:2em;}
.con-com-01 .area-box { display:flex; text-align: left; align-items: stretch; justify-content: space-between;}
.con-com-01 .area-box .txt-box {  width: 47%; padding-top: 1em;}
.con-com-01 .area-box .img-box {  width: 48%;}
.con-com-01 .area-box .ls-sign b { display:inline-block; margin-left: 1em; font-size: 1.2em; letter-spacing: 0.7em;  }
.con-com-01 .ls-img-01 { border-radius: 3em; overflow: hidden; } 
.con-com-01 .ls-img-01 img { width:100%; height:100%; object-fit: cover;}
.con-com-01 .con-box-01 { max-width: var(--full-width-pd); padding-left:20px; padding-right:20px; margin:0 auto;}

.con-com-02 { overflow: hidden; margin:0 auto; padding: 6em 0px 10em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-02 .com-box-01 { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-02 .con-head {padding-bottom: 1em; width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px; text-align: left;}
.con-com-02 .txt-head h4 { margin-bottom: 0.7em;  font-size: 2.75em;}
.con-com-02 .area-box { display:flex; text-align: left; align-items: stretch; justify-content: space-between;}
.con-com-02 .area-box .lt-box {  width: 24%;}
.con-com-02 .area-box .rt-box {  width: 74%;}
.con-com-02 .dl-box-01 { border-top:2px solid var(--bg-black); display:flex; font-size: 1.1em; flex-wrap: wrap; justify-content: space-between;}
.con-com-02 .dl-box-01 dt { font-weight:600; min-width: 4em; width:100%; max-width: 8em; margin-bottom: auto; text-align: left; padding-top: 0.3em;}
.con-com-02 .dl-box-01 dd {  width:100%; text-align: left;}
.con-com-02 .dl-box-01 dl { padding: 1.6em 0 1.6em 0; border-bottom:1px solid #e5e5e5; width:100%; display:flex; align-items: center; }
.con-com-02 .dl-box-01 dl:last-of-type { border-bottom:0;}
.con-com-02 .dl-box-01 ul { text-align: left;}
.con-com-02 .dl-box-01 li { position: relative; padding-left: 1em; padding-top: 0.15em;  padding-bottom: 0.15em; line-height: 1.5em;}
.con-com-02 .dl-box-01 li:before { position: absolute; left:0; content:'-'}

.con-com-03 { overflow: hidden; margin:0 auto; padding: 6em 0px 10em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-03 .con-head { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px; text-align: center; padding-bottom: 4em;}
.con-com-03 .con-head h3 { padding-bottom:1em;}
.con-com-03 .txt-head h4 { margin-bottom: 0.7em;  font-size: 2.75em;}
.con-com-03 .com-box-01 { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-03 .con-box-01 { position: relative;}
.con-com-03 .area-box { display:flex;  align-items: stretch;  width: 100%; justify-content: space-between; padding-bottom:7em;  }
.con-com-03 .lt-box { width: 50%;}
.con-com-03 .rt-box { width: 50%;}
.con-com-03 .dl-box-01 { text-align: left;}
.con-com-03 .dl-box-01 dt { position: relative; width: 4.5em; min-width:4.5em; font-size: 1.8em;font-weight:600; padding-bottom: 0.2em;}
.con-com-03 .dl-box-01 dd { width:100%; padding-top: 0.1em; }
.con-com-03 .dl-box-01 dl { position: relative; padding-bottom:1em; padding-top:1em; width:100%; padding-left: 10%; display:flex; font-size: 1.1em; }
.con-com-03 .dl-box-01 li { position: relative; padding-left: 1em; padding-top: 0.15em;  padding-bottom: 0.15em; line-height: 1.5em;}
.con-com-03 .dl-box-01 li:before { position: absolute; left:0; content:'·'}
.con-com-03 .ls-img-01 img { object-fit: cover;  height: 100%;  width: 100%;}
.con-com-03 .ls-img-01 { border-radius: 3em; overflow: hidden;}
.con-com-03 .area-box:nth-child(even) .lt-box { order:1;}
.con-com-03 .area-box:nth-child(even) .dl-box-01 dl {  padding-right: 13%; padding-left:0;}
.con-com-03 .area-box:nth-child(even) .dl-box-01 dl:after { left:auto; right:-0.31em;}
.con-com-03 .area-box:last-of-type { padding-bottom:0;}
.con-com-03 .info-txt { position: relative; font-size: 5em; color:#f0f0f0; font-weight:600; margin-bottom:1em;}
.con-com-03 .info-txt:after {z-index:-1; position: absolute; content:''; height:1px; width:300%; right:0; transform: translateX(0); bottom:0.2em; background:#e5e5e5; }
.con-com-03 .area-box:nth-child(odd) .info-txt:after { right:unset; left:0;}
.con-com-03 .align-left { text-align: left;}
.con-com-03 .align-right { text-align: right;}
.con-com-03 .con-box-02 { padding-top: 2em; max-width:1920px; margin:0 auto; }

.con-com-04 { overflow: hidden; margin:0 auto; padding: 6em 0px 10em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-04 .con-head { max-width:var(--sub-width-pd); margin:0 auto; padding-left:20px; padding-right:20px; text-align: center; padding-bottom: 4em;}
.con-com-04 .con-head h3 { padding-bottom:1em;}
.con-com-04 .txt-head h4 { margin-bottom: 0.7em;  font-size: 2.75em;}
.con-com-04 .com-box-01 { max-width:var(--sub-width-pd); margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-04 .con-box-01 { position: relative;}
.con-com-04 .list-box  { flex-wrap: wrap; display:flex; margin-right: -2.6em; overflow-x: hidden; }
.con-com-04 .ls-list {width: calc(33.333% - 2.6em); margin-right:2.6em; padding-bottom:4em; }
.con-com-04 .ls-list h5 { position: relative; font-size: 1.1em; text-align: center; padding-left: 0em; padding-top:1em;}
.con-com-04 .ls-list img { max-width:100%;}
.con-com-04 .ls-list p { border-radius: 2em; overflow: hidden;}

.con-com-05 { overflow: hidden; margin:0 auto; padding: 6em 0px 10em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-05 .con-head { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px; text-align: left; padding-bottom: 1em;}
.con-com-05 .txt-head h4 { margin-bottom: 0.7em;  font-size: 2.75em;}
.con-com-05 .com-box-01 { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-05 .con-box-01 { position: relative;}
.con-com-05 .area-box { display:flex; text-align: left; align-items: stretch; justify-content: space-between;}
.con-com-05 .area-box .lt-box {  width: 24%;}
.con-com-05 .area-box .rt-box {  width: 74%;}
.con-com-05 .list-box  { flex-wrap: wrap; display:flex; margin-right: -2.6em; overflow-x: hidden; }
.con-com-05 .ls-list {width: calc(33.333% - 2.6em); margin-right:2.6em; padding-bottom:4em; }
.con-com-05 .ls-list h5 { position: relative; font-size: 1.1em; text-align: center; padding-top:2em;}
.con-com-05 .ls-list img { max-width:100%;}
.con-com-05 .ls-list p { text-align: center; border:1px solid rgba(0,0,0,0.1); padding: 4px; border-radius: 2em; overflow: hidden;}
.con-com-05 .con-box-02 { padding-top: 5em;}

.con-com-06 { overflow: hidden; margin:0 auto; padding: 6em 0px 10em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-06 .con-head { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px; text-align: left; padding-bottom: 1em;}
.con-com-06 .txt-head h4 { margin-bottom: 0.7em;  font-size: 2.75em;}
.con-com-06 .com-box-01 { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-06 .con-box-01 { position: relative;}
.con-com-06 .area-box { display:flex; text-align: left; align-items: stretch; justify-content: space-between;}
.con-com-06 .area-box .lt-box {  width: 24%;}
.con-com-06 .area-box .rt-box {  width: 74%;}
.con-com-06 .area-box .ls-map {    height: 30em;    border-radius: 3em;    overflow: hidden;}
.con-com-06 .area-box .ls-map img, iframe {    width: 100%;    height: 100%;    object-fit: cover;}
.con-com-06 .area-box h5 { display:block; padding-top: 1.5em; font-size: 1.4em;}
.con-com-06 .area-box .map-info { padding-left: 1em;}
.con-com-06 .dl-box-01 { padding-top:1em;  font-size: 1.1em;}
.con-com-06 .dl-box-01 dl {    display: flex;    padding: 0.3em 0;    line-height: 1.6em;}
.con-com-06 .dl-box-01 dt {    font-weight: 600;    width: 10em;    min-width: 10em;}
.con-com-06 .dl-box-01 dt span {    display: inline-block;    vertical-align: middle;}
.con-com-06 .con-box-02 { padding-top:7em;}
.con-com-06 .con-box-03 { padding-top:7em;}

.con-com-07 { overflow: hidden; margin:0 auto; padding: 6em 0px 0em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-07 .con-head { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px; text-align: left; padding-bottom: 1em;}
.con-com-07 .txt-head h4 { margin-bottom: 0.7em;  font-size: 2.75em;}
.con-com-07 .com-box-01 { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-07 .con-box-01 { padding-bottom:7em; position: relative;}
.con-com-07 .con-box-02 { padding-bottom:7em; position: relative;}
.con-com-07 .con-box-03 { padding-bottom:7em; position: relative;}
.con-com-07 .area-box { display:flex; text-align: left; align-items: stretch; justify-content: space-between;}
.con-com-07 .area-box .lt-box {  width: 32%;}
.con-com-07 .area-box .rt-box {  width: 66%;}
.con-com-07 .ls-table-box table {width:100%; border-spacing: 0; line-height: 1.6em}
.con-com-07 .ls-table-box th {  background:#f9f9f9; border-top:2px solid var(--color-blue-2)}
.con-com-07 .ls-table-box th, .con-com-07 .ls-table-box td { border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding: 0.7em 5px; text-align: center;}
.con-com-07 .ls-table-box tr :first-of-type { border-left-width:0px}
.con-com-07 .ls-table-box .wd30p { width:30%;}
.con-com-07 .ls-table-box .wd25p { width:25%;}
.con-com-07 .ls-table-box .tx-lt { padding-left: 1em; text-align: left;}
.con-com-07 .ul-box-01 li { text-align: left; position: relative; padding-left: 0.7em; padding-top: 0.15em;  padding-bottom: 0.15em; line-height: 1.5em;}
.con-com-07 .ul-box-01 li:before { position: absolute; left:0em; content:'·'}
.con-com-07 .flow-box {  margin-top:6em; position: relative; border-radius: 0.7em; text-align: center; border:1px solid #e5e5e5;}
.con-com-07 .flow-box h5 { position: relative; margin:-1.3em auto 0 auto; background:var(--color-blue-2) ; border-radius: 3em; font-size: 1.3em; width: 18em; padding: 0.5em 0; color:#fff;}
.con-com-07 .ls-img-01 img {max-width:100%;}
.con-com-07 .ls-img-01 { padding:4em 1em;}
.con-com-07 .con-box-03 th, .con-com-07 .con-box-03 td { border-left:0; border-right:1px solid #e5e5e5;}
.con-com-07 .con-box-03 tr :last-of-type { border-right:0;}
.con-com-07 .con-box-03 tr:nth-child(even) { background:#fcfcfc}
.con-com-07 .con-box-03 tr:nth-child(3) { background:#fcfcfc}
.con-com-07 .com-box-02 { background:var(--bg-gray-1)}
.con-com-07 .con-box-04 { padding: 6em 20px;max-width:var(--full-width-pd); margin:0 auto; }
.con-com-07 .list-box { flex-wrap: wrap; display:flex; margin-right: -2em; overflow-x: hidden; }
.con-com-07 .ls-list {width: calc(25% - 2em); margin-right:2em; padding-bottom:0.8em; padding-top:0.8em; }
.con-com-07 .ls-list img { width:100%;}
.con-com-07 .ls-list p { text-align: center; border-radius: 2em; overflow: hidden;}

.con-com-08 { overflow: hidden; margin:0 auto; padding: 6em 0px 0em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-08 .con-head { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px; text-align: left; padding-bottom: 1em;}
.con-com-08 .txt-head h4 { margin-bottom: 0.7em;  font-size: 2.75em;}
.con-com-08 .com-box-01 { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-08 .con-box-01 { padding-bottom:7em; position: relative;}
.con-com-08 .con-box-02 { padding-bottom:7em; position: relative;}
.con-com-08 .con-box-03 { padding-bottom:7em; position: relative;}
.con-com-08 .area-box { display:flex; text-align: left; align-items: stretch; justify-content: space-between;}
.con-com-08 .area-box .lt-box {  width: 32%;}
.con-com-08 .area-box .rt-box {  width: 66%;}
.con-com-08 .ls-table-box table {width:100%; border-spacing: 0; line-height: 1.6em}
.con-com-08 .ls-table-box th {  background:#f9f9f9; border-top:2px solid var(--color-blue-2)}
.con-com-08 .ls-table-box th, .con-com-08 .ls-table-box td { border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding: 0.7em 5px; text-align: center;}
.con-com-08 .ls-table-box tr :first-of-type { border-left-width:0px}
.con-com-08 .ls-table-box .wd30p { width:30%;}
.con-com-08 .ls-table-box .wd25p { width:25%;}
.con-com-08 .ls-table-box .tx-lt { padding-left: 1em; text-align: left;}
.con-com-08 .ls-table-box .wd5e { width: 5em;}
.con-com-08 .ul-box-01 li { text-align: left; position: relative; padding-left: 0.7em; padding-top: 0.15em;  padding-bottom: 0.15em; line-height: 1.5em;}
.con-com-08 .ul-box-01 li:before { position: absolute; left:0em; content:'·'}
.con-com-08 .flow-box {  margin-top:6em; position: relative; border-radius: 0.7em; text-align: center; border:1px solid #e5e5e5;}
.con-com-08 .flow-box h5 { position: relative; margin:-1.3em auto 0 auto; background:var(--color-blue-2) ; border-radius: 3em; font-size: 1.3em; width: 18em; padding: 0.5em 0; color:#fff;}
.con-com-08 .ls-img-01 img {max-width:100%;}
.con-com-08 .ls-img-01 { padding:4em 1em;}
.con-com-08 .con-box-03 th, .con-com-08 .con-box-03 td { border-left:0; border-right:1px solid #e5e5e5;}
.con-com-08 .con-box-03 tr :last-of-type { border-right:0;}
.con-com-08 .con-box-03 tr:nth-child(even) { background:#fcfcfc}
.con-com-08 .con-box-03 tr:nth-child(3) { background:#fcfcfc}
.con-com-08 .com-box-02 { background:var(--bg-gray-1)}
.con-com-08 .con-box-04 { padding: 6em 20px;max-width:var(--full-width-pd); margin:0 auto; }
.con-com-08 .list-box { flex-wrap: wrap; display:flex; margin-right: -2em; overflow-x: hidden; }
.con-com-08 .ls-list {width: calc(25% - 2em); margin-right:2em; padding-bottom:0.8em; padding-top:0.8em; }
.con-com-08 .ls-list img { width:100%;}
.con-com-08 .ls-list p { text-align: center; border-radius: 2em; overflow: hidden;}

.con-com-09 { overflow: hidden; margin:0 auto; padding: 6em 0px 10em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-09 .con-head { max-width:var(--sub-width-pd); margin:0 auto; padding-left:20px; padding-right:20px; text-align: center; padding-bottom: 4em;}
.con-com-09 .con-head h3 { padding-bottom:1em;}
.con-com-09 .txt-head h4 { margin-bottom: 0.7em;  font-size: 2.75em;}
.con-com-09 .com-box-01 { max-width:var(--sub-width-pd); margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-09 .con-box-01 { position: relative;}
.con-com-09 .list-box  { flex-wrap: wrap; display:flex; margin-right: -4em; overflow-x: hidden; }
.con-com-09 .ls-list {width: calc(50% - 4em); margin-right:4em; padding-bottom:4em; }
.con-com-09 .ls-list img { max-width:100%;}
.con-com-09 .ls-list p { border-radius: 2em; overflow: hidden;}

.con-com-10 { overflow: hidden; margin:0 auto; padding: 6em 0px 0em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-10 .con-head { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px; text-align: left; padding-bottom: 1em;}
.con-com-10 .txt-head h4 { margin-bottom: 0.7em;  font-size: 2.75em;}
.con-com-10 .com-box-01 { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-10 .con-box-01 { padding-bottom:7em; position: relative;}
.con-com-10 .con-box-02 { padding-bottom:7em; position: relative;}
.con-com-10 .con-box-03 { padding-bottom:7em; position: relative;}
.con-com-10 .con-box-04 { padding-bottom:7em; position: relative;}
.con-com-10 .area-box { display:flex; text-align: left; align-items: stretch; justify-content: space-between;}
.con-com-10 .area-box .lt-box {  width: 32%;}
.con-com-10 .area-box .rt-box {  width: 66%;}
.con-com-10 .ls-txt-01 { line-height: 1.8em}
.con-com-10 .ls-table-box table {width:100%; border-spacing: 0; line-height: 1.6em}
.con-com-10 .ls-table-box th {  background:#f9f9f9; border-top:2px solid var(--color-blue-2)}
.con-com-10 .ls-table-box th, .con-com-10 .ls-table-box td { border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding: 0.7em 5px; text-align: center;}
.con-com-10 .ls-table-box tr :first-of-type { border-left-width:0px}
.con-com-10 .ls-table-box .wd30p { width:30%;}
.con-com-10 .ls-table-box .wd25p { width:25%;}
.con-com-10 .ls-table-box .tx-lt { padding-left: 1em; text-align: left;}
.con-com-10 .ul-box-01 {padding-top:1.5em;}
.con-com-10 .ul-box-01 li { font-size: 0.9em; position: relative; padding-left: 1em; padding-top: 0.15em;  padding-bottom: 0.15em; line-height: 1.5em;}
.con-com-10 .ul-box-01 li:before { position: absolute; left:0; content:'\203B'}
.con-com-10 .flow-box { flex-wrap: wrap; display:flex; margin-right: -1em; overflow-x: hidden; }
.con-com-10 .ls-flow {width: calc(25% - 1em); margin-right:1em; margin-bottom:0.8em; margin-top:0.8em; padding:1.8em 1.8em 4em 1.8em; border-radius: 1em; background-color:var(--bg-gray-1); background-position: calc(100% - 1em) calc(100% - 1em); background-repeat: no-repeat; background-size: 3.9em auto; }
.con-com-10 .ls-flow img { width:100%;}
.con-com-10 .ls-flow p { display:inline-block; font-size: 0.9em; border-radius: 2em; padding: 0.3em 1.2em; background-color:var(--color-blue-2); color:#fff ;}
.con-com-10 .ls-flow h5 { display:block; padding: 1em 0; font-size: 1.35em;} 
.con-com-10 .com-box-02 { background:var(--bg-gray-1)}
.con-com-10 .con-box-05 { padding: 6em 20px;max-width:var(--full-width-pd); margin:0 auto; }
.con-com-10 .list-box { flex-wrap: wrap; display:flex; margin-right: -2em; overflow-x: hidden; }
.con-com-10 .ls-list {width: calc(25% - 2em); margin-right:2em; padding-bottom:0.8em; padding-top:0.8em; }
.con-com-10 .ls-list img { width:100%;}
.con-com-10 .ls-list p { text-align: center; border-radius: 2em; overflow: hidden;}

.con-com-11 { overflow: hidden; margin:0 auto; padding: 6em 0px 0em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-11 .con-head { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px; text-align: left; padding-bottom: 1em;}
.con-com-11 .txt-head h4 { margin-bottom: 0.7em;  font-size: 2.75em;}
.con-com-11 .com-box-01 { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-11 .con-box-01 { padding-bottom:7em; position: relative;}
.con-com-11 .con-box-02 { padding-bottom:7em; position: relative;}
.con-com-11 .con-box-03 { padding-bottom:7em; position: relative;}
.con-com-11 .con-box-04 { padding-bottom:7em; position: relative;}
.con-com-11 .con-box-05 { padding-bottom:7em; position: relative;}
.con-com-11 .area-box { display:flex; text-align: left; align-items: stretch; justify-content: space-between;}
.con-com-11 .area-box .lt-box {  width: 32%;}
.con-com-11 .area-box .rt-box {  width: 66%;}
.con-com-11 .ls-txt-01 { line-height: 1.8em}
.con-com-11 .dl-box-01 { padding: 1em;}
.con-com-11 .dl-box-01>dl:nth-child(2){ padding-left: 4em;}
.con-com-11 .dl-box-01>dl:nth-child(3){ padding-left: 8em;}
.con-com-11 .dl-box-01>dl:nth-child(1):after { height: 12em; left:0.2em;}
.con-com-11 .dl-box-01>dl:nth-child(2):after { height: 9em; left:4.2em;}
.con-com-11 .dl-box-01>dl:after {content:''; position: absolute; width: 3.6em; bottom:-1.8em; z-index:-1; background-position: right bottom; background-repeat: no-repeat;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='39px' height='187px'%3E%3Cimage x='0px' y='0px' width='39px' height='187px' xlink:href='data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAC7AgMAAACbaW+eAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAADFBMVEXmuwr////muwr////M8r/hAAAAAnRSTlMAAHaTzTgAAAABYktHRAH/Ai3eAAAAB3RJTUUH6AgLEgAEyX1MiAAAADlJREFUSMdjaA2FghCGUeYoc5Q5yhxljjJHmUOIGSYCZ4a0IJgKDKtgYAWDK0xbAgOMFdrAAANMDAD/HY5/UWXpMQAAAABJRU5ErkJggg==' /%3E%3C/svg%3E");}
.con-com-11 .dl-box-01>dl {position: relative; padding-bottom: 2em;}
.con-com-11 .dl-dt { background:var(--color-blue-2); text-align: left; padding: 0.8em 1.7em 0.7em 1.7em; display:inline-block; border-radius: 3em; font-weight:600; font-size: 1.15em; line-height: 1.15em; color:#fff;}
.con-com-11 .dl-dt span { position: relative; margin-top: -0.2em; display:inline-block; width: 1.31em; height:1.31em; vertical-align: middle; margin-right:0.5em;}
.con-com-11 .dl-dt span img {max-width:100%; filter:brightness(0) grayscale(1) invert(1)}
.con-com-11 .dl-box-02 dt span { font-weight:600;}
.con-com-11 .dl-box-02 dl { padding-left:4em; padding-bottom:0.5em; display:flex; align-items: stretch;}
.con-com-11 .dl-box-02 dt { width: 10em; min-width:10em;}
.con-com-11 .dl-box-02 { padding-top: 1em;}
.con-com-11 .ls-law-box { padding: 2em; position: relative; border-radius: 2em; text-align: left; border:1px solid #e5e5e5;}
.con-com-11 .color-list { background-color: var(--bg-gray-1); border-radius: 1.5em; padding:1em;}
.con-com-11 .color-list ul { font-weight:600; display:flex; justify-content: center; font-size: 0.9em;}
.con-com-11 .color-list li { position: relative; padding-left: 3.3em; padding-right:5%; line-height: 1.4em;}
.con-com-11 .color-list span { display:inline-block; left:0em; top: 0.1em; position: absolute; vertical-align: middle; width: 2.4em; height:2.4em; border-radius: 0.5em;}
.con-com-11 .flow-box { flex-wrap: wrap; display:flex; margin-right: -1em; overflow-x: hidden; }
.con-com-11 .ls-flow {width: calc(33.333% - 1em); margin-right:1em; margin-bottom:0.8em; margin-top:0.8em; padding:1.8em 1.8em 4em 1.8em; border-radius: 1em; background-color:var(--bg-gray-1); background-position: calc(100% - 1em) calc(100% - 1em); background-repeat: no-repeat; background-size: 3.9em auto; }
.con-com-11 .ls-flow img { width:100%;}
.con-com-11 .ls-flow p { display:inline-block; font-size: 0.9em; border-radius: 2em; padding: 0.3em 1.2em; background-color:var(--color-blue-2); color:#fff ;}
.con-com-11 .ls-flow h5 { display:block; padding: 1em 0; font-size: 1.35em;} 
.con-com-11 .flow-box-2 { margin-top: 1em; padding: 2.5em 1em; border-radius: 0.7em; border:1px solid #e5e5e5; text-align: center;}
.con-com-11 .ls-img-02 img { max-width:100%;}
.con-com-11 .ls-img-01 { border:1px solid #e5e5e5; border-radius: 2em; overflow: hidden;  padding: 0.5em}
.con-com-11 .ls-img-01 img { max-width:100%;}
.con-com-11 .img-box-01 ul { flex-wrap: wrap; display:flex; margin-right: -2em;}
.con-com-11 .img-box-01 li{ margin-bottom:2em; margin-right:2em; width:calc(50% - 2em); border:1px solid #e5e5e5; border-radius: 2em; overflow: hidden;}
.con-com-11 .img-box-01 img { width:100%;}
.con-com-11 .img-box-01 p {  font-weight:600; text-align: center; padding: 1.2em 0.5em;} 
.con-com-11 .com-box-02 { background:var(--bg-gray-1)}
.con-com-11 .con-box-06 { padding: 6em 20px;max-width:var(--full-width-pd); margin:0 auto; }
.con-com-11 .list-box { flex-wrap: wrap; display:flex; margin-right: -2em; overflow-x: hidden; }
.con-com-11 .ls-list {width: calc(25% - 2em); margin-right:2em; padding-bottom:0.8em; padding-top:0.8em; }
.con-com-11 .ls-list img { width:100%;}
.con-com-11 .ls-list p { text-align: center; border-radius: 2em; overflow: hidden;}

.con-com-12 { overflow: hidden; margin:0 auto; padding: 6em 0px 0em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-12 .con-head { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px; text-align: left; padding-bottom: 1em;}
.con-com-12 .txt-head h4 { margin-bottom: 0.7em;  font-size: 2.75em;}
.con-com-12 .com-box-01 { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-12 .con-box-01 { padding-bottom:7em; position: relative;}
.con-com-12 .area-box { display:flex; text-align: left; align-items: stretch; justify-content: space-between;}
.con-com-12 .area-box .lt-box {  width: 32%;}
.con-com-12 .area-box .rt-box {  width: 66%;}
.con-com-12 .flow-box { flex-wrap: wrap; display:flex; }
.con-com-12 .ls-flow { width:100%; margin-bottom: 1.6em; padding:1.8em 1.8em 1.8em 1.8em; border-radius: 1em; border:1px solid #e5e5e5; }
.con-com-12 .ls-flow img { width:100%;}
.con-com-12 .ls-flow span { display:inline-block; font-size: 0.9em; border-radius: 2em; padding: 0.3em 1.2em; background-color:var(--color-blue-2); color:#fff ;}
.con-com-12 .ls-flow h5 { display:inline-block; vertical-align: middle; padding-left:0.5em; font-size: 1.35em;} 
.con-com-12 .ls-flow p { line-height: 1.6em; padding-top:1.5em;}
.con-com-12 .com-box-02 { background:var(--bg-gray-1)}
.con-com-12 .con-box-02 { padding: 6em 20px;max-width:var(--full-width-pd); margin:0 auto; }
.con-com-12 .list-box { flex-wrap: wrap; display:flex; margin-right: -2em; overflow-x: hidden; }
.con-com-12 .ls-list {width: calc(25% - 2em); margin-right:2em; padding-bottom:0.8em; padding-top:0.8em; }
.con-com-12 .ls-list img { width:100%;}
.con-com-12 .ls-list p { text-align: center; border-radius: 2em; overflow: hidden;}

.con-com-13 { overflow: hidden; margin:0 auto; padding: 6em 0px 0em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-13 .con-head { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px; text-align: left; padding-bottom: 1em;}
.con-com-13 .txt-head h4 { margin-bottom: 0.7em;  font-size: 2.75em;}
.con-com-13 .com-box-01 { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-13 .con-box-01 { padding-bottom:7em; position: relative;}
.con-com-13 .area-box { display:flex; text-align: left; align-items: stretch; justify-content: space-between;}
.con-com-13 .area-box .lt-box {  width: 32%;}
.con-com-13 .area-box .rt-box {  width: 66%;}
.con-com-13 .flow-box { flex-wrap: wrap; display:flex; margin-right:-2em; overflow: hidden; }
.con-com-13 .ls-flow {width:calc(50% - 2em); margin-right: 1.6em; margin-bottom: 1.6em; padding:1.8em 1.8em 1.8em 1.8em; border-radius: 1em; border:1px solid #e5e5e5; }
.con-com-13 .ls-flow img { width:100%;  }
.con-com-13 .ls-flow span { display:inline-block; font-size: 0.9em; border-radius: 2em; padding: 0.3em 1.2em; background-color:var(--color-blue-2); color:#fff ;}
.con-com-13 .ls-flow h5 { display:inline-block; vertical-align: middle; padding-left:0.5em; font-size: 1.35em;} 
.con-com-13 .ls-flow p { line-height: 1.6em; padding-top:1.5em;}
.con-com-13 .com-box-02 { background:var(--bg-gray-1)}
.con-com-13 .con-box-02 { padding: 6em 20px;max-width:var(--full-width-pd); margin:0 auto; }
.con-com-13 .list-box { flex-wrap: wrap; display:flex; margin-right: -2em; overflow-x: hidden; }
.con-com-13 .ls-list {width: calc(25% - 2em); margin-right:2em; padding-bottom:0.8em; padding-top:0.8em; }
.con-com-13 .ls-list img { width:100%;}
.con-com-13 .ls-list p { text-align: center; border-radius: 2em; overflow: hidden;}
.con-com-13 .ul-box-01  { padding-top: 1em;}
.con-com-13 .ul-box-01 li { text-align: left; position: relative; padding-left: 0.7em; padding-top: 0.15em;  padding-bottom: 0.15em; line-height: 1.5em;}
.con-com-13 .ul-box-01 li:before { position: absolute; left:0em; content:'·'}

.con-com-14 { overflow: hidden; margin:0 auto; padding: 6em 0px 0em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-14 .con-head { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px; text-align: left; padding-bottom: 1em;}
.con-com-14 .txt-head h4 { margin-bottom: 0.7em;  font-size: 2.75em;}
.con-com-14 .com-box-01 { max-width:var(--full-width-pd); margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-14 .con-box-01 { padding-bottom:7em; position: relative;}
.con-com-14 .area-box { display:flex; text-align: left; align-items: stretch; justify-content: space-between;}
.con-com-14 .area-box .lt-box {  width: 32%;}
.con-com-14 .area-box .rt-box {  width: 66%;}
.con-com-14 .flow-box { flex-wrap: wrap; display:flex; overflow: hidden; }
.con-com-14 .ls-flow {width:100%; margin-bottom: 1.6em; padding:1.8em 1.8em 1.8em 1.8em; border-radius: 1em; border:1px solid #e5e5e5; }
.con-com-14 .ls-flow img { width:100%;}
.con-com-14 .ls-flow span { display:inline-block; width: 7em; text-align: center; font-size: 0.9em; border-radius: 2em; padding: 0.3em 1.2em; background-color:var(--color-blue-2); color:#fff ;}
.con-com-14 .ls-flow h5 { display:inline-block; vertical-align: middle; padding-left:0.5em; font-size: 1.35em;} 
.con-com-14 .ls-flow p { line-height: 1.6em; padding-top:1.5em;}
.con-com-14 .com-box-02 { background:var(--bg-gray-1)}
.con-com-14 .con-box-02 { padding: 8em 20px;max-width:var(--sub-width-pd); margin:0 auto; }
.con-com-14 .ul-box-01 s{ padding-top: 1em;}
.con-com-14 .ul-box-01 li { text-align: left; position: relative; padding-left: 0.7em; padding-top: 0.15em;  padding-bottom: 0.15em; line-height: 1.5em;}
.con-com-14 .ul-box-01 li:before { position: absolute; left:0em; content:'·'}
.con-com-14 .flow-box-2 { flex-wrap: wrap; display:flex; margin-right:-1.6em; margin-top: 5em; overflow: hidden; }
.con-com-14 .ls-flow-2 { width:calc(33.333% - 1.6em); background:var(--bg-white); margin-right: 1.6em; margin-bottom: 1.6em; text-align: left; padding:1.8em 1.8em 1.8em 1.8em; border-radius: 1em; border:1px solid #e5e5e5; }
.con-com-14 .ls-flow-2:last-of-type { width:calc(100% - 1.6em)}
.con-com-14 .ls-flow-2 img { width:100%;  }
.con-com-14 .ls-flow-2 span { font-weight:600; display:inline-block; font-size: 1.1em; border-radius: 2em; text-align: center; width: 2.6em; height:2.6em; padding: 0.9em; line-height: 0.9em; aspect-ratio: 1/1; background-color:var(--color-orange-1); color:#fff ;}
.con-com-14 .ls-flow-2 h5 { display:inline-block; vertical-align: middle; padding-left:0.5em; font-size: 1.35em;} 
.con-com-14 .ls-flow-2 p { line-height: 1.6em; padding-top:1.5em;}
.con-com-14 .ls-flow-2 p+p { padding-top: 0em;}

.con-com-15 { overflow: hidden; margin:0 auto; padding: 6em 0px 10em 0px; position: relative; letter-spacing: -0.03em;}
.con-com-15 .con-head { max-width:var(--sub-width-pd); margin:0 auto; padding-left:20px; padding-right:20px; text-align: center; padding-bottom: 4em;}
.con-com-15 .con-head h3 { padding-bottom:1em;}
.con-com-15 .txt-head h4 { margin-bottom: 0.7em;  font-size: 2.75em;}
.con-com-15 .com-box-01 { max-width:var(--sub-width-pd); margin:0 auto; padding-left:20px; padding-right:20px;}
.con-com-15 .dl-box-01 { padding-top: 5em;  flex-wrap: wrap;   display: flex;    justify-content: flex-start;    align-items: center;}
.con-com-15 h5 { text-align: left; width:100%; font-size: 1.4em; padding-bottom: 1.5em;}
.con-com-15 .dl-box-01 dl { font-size: 1.1em; text-align: left;  width: 100%;    line-height: 1.2em;    position: relative;  padding: 1em 0 1.5em 0;}
.con-com-15 .dl-box-01 dt {	display: block;    padding-bottom: 0.7em;}
.con-com-15 .dl-box-01 dd .ls-txt-01 {    color: #b5b5b6;    padding-top: 0.5em;}
.con-com-15 .dl-box-01 dd {   display: block;}
.con-com-15 .dl-box-01 .ls-dup {    width: 47%;}
.con-com-15 .dl-box-01 .ls-dup:nth-child(2n) {    margin-right: auto;}
.con-com-15 .dl-box-01 .dd-input-01 {    display: flex;    align-items: center;}
.con-com-15 .dl-box-01 .dd-input-01 input[type=text] {    max-width: 50%;   margin-right: 5px;}
.con-com-15 .dl-box-01  .dd-input-01 input:last-of-type {    margin-left: auto;    margin-left: 5px;    margin-right: 0;}
.con-com-15 .dl-box-01 input[type=text], .con-com-15 .con-box-01  textarea, .con-com-15 .con-box-01  select { font-size: 0.9em; border: 1px solid #d5d5d5;    width: 100%;    padding: 1em 1em;}
.con-com-15 .con-box-01  .ls-hg-01 {    height: 20em;}
.con-com-15 .con-box-01  .ls-hg-02 {  font-size: 0.9em;  height: 15em;    display: block; background:#f8f8f8;   color: #646464;  }
.con-com-15 .con-box-01 .in-check input[type=checkbox] {    display: inline-block;    min-width: 18px;    width: 26px;    height: 26px;    border-radius: 0;}
.con-com-15 .ul-box-01 input[type="radio"]{	display: none }
.con-com-15 .ul-box-01 input[type="radio"] + label{ padding-left: 40px;	display: inline-block; width:100%; vertical-align: middle;  border-radius: 50%;	position: relative;}
.con-com-15 .ul-box-01 input[type="radio"] + label:before { line-height:1; position: absolute; left:0; content:''; border:1px solid #888888; width: 28px; height: 28px; display:inline-block; border-radius: 50%; }
.con-com-15 .ul-box-01 input[class="check-item"]:checked + label:after{ line-height:1;  position: absolute; left:6px; top: 6px; content:''; width: 16px; height: 16px;	border-radius: 50%;	background:var(--color-blue-2);	text-align: center;	/* position: absolute;	left: 50%; 	top:50%; transform: translate(-50%, -50%); */  }
.con-com-15 .ul-box-01 input[type="radio"]:checked + label:before { border-color:var(--color-blue-2)}
.con-com-15 .ul-box-01 label span { position: relative; display: inline-block;vertical-align: middle; height:100%;}
.con-com-15 .ul-box-01 { font-size: 1.1em;}
.con-com-15 .ul-box-01 ul {text-align: left; justify-content: start; display:flex; }
.con-com-15 .ul-box-01 li { padding-right: 4%;}
.con-com-15 .ul-box-01 li:last-of-type { padding-right: 0;}
.con-com-15 .dl-box-02 { padding:1em 0 2em 0;}
.con-com-15 .dl-box-02 p {padding-top: 5px;}
.con-com-15 .dl-box-02 dl { display:flex;}
.con-com-15 .dl-box-02 dl dt { font-size: 1.1em; padding-right: 3em; padding-top:1em;} 
.con-com-15 .dl-box-02 dl dd { height: 3.2em;}
.con-com-15 .dl-box-02 dl .input-01 { height:100%; margin-right:3em; border:1px solid #e9e9e9; width: 8em; }
.con-com-15 .dl-box-02 dl .input-02 { border:1px solid #b8c9c2; background:#f7f7f7; width: 8em; height:100%; text-align: center;}
.con-com-15 .dl-box-03 { text-align: left; padding-top: 3em;}
.con-com-15 .dl-box-03 dt {  font-size: 1.1em; padding-bottom:1em;}
.con-com-15 .dl-box-03 textarea { font-size: 0.9em;}
.con-com-15 .dl-box-03 .in-check { padding-top: 1em;}
.con-com-15 .dl-box-03 .in-check span { display:inline-block; vertical-align: middle; padding-left: 0.5em}
.con-com-15 .ls-btn { padding-top: 5em; text-align: center; }
.con-com-15 .ls-btn a { font-weight:600; color:var(--bg-white); text-align: center; background:var(--color-blue-2); font-size: 1.3em; max-width:12em; width:100%; padding: 0.8em 0em 0.8em 3em; z-index: 2; display:inline-block;border-radius: 3em;}
.con-com-15 .ls-btn .ls-icon:after { filter: brightness(0) grayscale(1) invert(1); position: relative; top:-0.1em;  content: ''; margin-left:1em; vertical-align: middle; display:inline-block; width: 2.4em; height:1em; background-size: contain; background-position: right center; background-repeat: no-repeat;}





/**************************************************************************************************/

/* 일삶사업&프로그램안내&일반게시판 보기 */
.con-com-022 { margin:0 auto; padding: 5em 0px 10em 0px; position: relative; overflow: hidden;}
.con-com-022 .con-head { text-align: center; max-width: 1400px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom: 5em;}
.con-com-022 .com-box-01 {  max-width: 1400px; margin:0 auto; padding-left:20px; padding-right:20px; }
.con-com-022 .txt-head { border-bottom:1px solid #e5e5e5; border-top:1px solid #000; padding: 1em 0;  }
.con-com-022 .txt-head .ls-pro { vertical-align: bottom; padding: 0.4em 1em 0.5em 1em; line-height: 1; display:inline-block; border-radius: 1em; font-size: 0.8em; }
.con-com-022 .txt-head .ls-pro-01 { color:#69acab; border:1px solid #69acab }
.con-com-022 .txt-head .ls-pro-02 { color:#999999; border:1px solid #999999 }
.con-com-022 .txt-head h4 { display:inline-block; vertical-align: middle; padding: 0 0.5em; font-size: 1.1em;}
.con-com-022 .txt-head .ls-etc { font-size: 0.9em; color:#aaaaaa; padding-top: 0.5em;}
.con-com-022 .txt-head h4 span { font-weight:400; font-size:0.85em;}
.con-com-022 .ls-box-in { padding-top: 3em; display:flex;}
.con-com-022 .ls-box-01 { width: 45%;}
.con-com-022 .ls-box-01 img { max-width:100%;}
.con-com-022 .ls-box-02 { padding-left: 4%;  text-align: left; width: 55%;}
.con-com-022 .dl-box-01 { font-size: 0.85em;}
.con-com-022 .dl-box-01 dl{ border-bottom:1px solid #e5e5e5; padding: 1em 0 1em 0; display:flex;}
.con-com-022 .dl-box-01 dt { font-weight: 600; min-width: 8em; width: 20%; font-size: 1.05em; padding-left: 5px;}
.con-com-022 .dl-box-01 dd {width: 80%;}
.con-com-022 .ls-info { font-size: 0.95em; display:flex; justify-content: space-between;  border-bottom:1px solid #e5e5e5; padding: 1em 0;  }
.con-com-022 .ls-con-box { padding: 3em 0;}
.con-com-022 .ls-con-box .con-img { padding-bottom: 1em;}
.con-com-022 .ls-con-box .con-img img { max-width: 100%;}
.con-com-022 .ls-next-back {  display:flex; justify-content: space-between; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding: 1.5em 0;}
.con-com-022 .ls-next-back a { padding: 0 0.7em; color:#69acab}
.con-com-022 .ls-next-back span { position: relative;}
.con-com-022 .ls-back span:before { position: relative; content:'<'; display:inline-block; padding-right:0.2em;}
.con-com-022 .ls-next span:after { position: relative; content:'>'; display:inline-block; padding-left:0.2em;}
.con-com-022 .ls-list span:before { position: relative; content:'\2630'; display:inline-block; padding-right:0.5em;}
.con-com-022 .ls-btn { padding: 5em 0;}
.con-com-022 .ls-btn-01 a { position: relative; padding: 1.2em 0.5em; width:100%; max-width: 19em; color:#fff;  border-radius: 1em; display:inline-block; background:#69acab }
.con-com-022 .ls-btn-01 a:hover { background:#1f5161}
.con-com-022 .ls-btn-01 span { position: relative; display: inline-block; vertical-align:middle; font-weight:600; font-size: 1.2em;}
.con-com-022 .ls-btn-01 span:after { content:'\2192'; padding-left: 0.5em; position: relative; display:inline-block; vertical-align: top;}
.con-com-022 .txt-link a { color:#69acab; text-decoration: underline;}
.con-com-022 .txt-link a span { white-space:normal; word-break: break-all }
.con-com-022 .con-box-02  { max-width:100%; text-align:left; margin-top:3em; }

/*게시판 : 인증현황 */
#news_list { width:100%; margin-left:10px;  }
#news_list .gl_list { display:inline-block; width:24%;   }
.bo_list1 { width:100%; display:flex; justify-content: center; align-items: flex-start;}
.bo_list1 li {width:100%; max-width:280px; height:450px; overflow:hidden; padding:10px; }
.bo_list1 .bo_image1 { width:100%; overflow:hidden; height:380px; border:1px solid #eee; }
.bo_list1 .bo_image1 img {object-fit: cover; height: 380px; width: 100%; padding:10px; }
.bo_list1 .bo_title1 {margin-top:20px; height:80px; text-align:center; }
.bo_list1 .bo_title1 .tt { font-size:1.05em; font-weight:700; max-height:100px; overflow:hidden; word-break: keep-all;}
.bo_list1 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; }
.bo_list1 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676;  }
.vo_title1 { border-top:2px solid #000; border-bottom:1px solid #ccc; padding:50px 20px 40px 20px; text-align:center; margin-bottom:50px; margin-top:150px;  }
.vo_title1 .tt { font-size:1.7em; font-weight:600; margin-bottom:20px; }
.vo_title1 .st { font-size:0.9em; color:#888; font-weight:400; }
.vo_list_btn1 { text-align:center; margin:80px 0; }
.vo_list_btn1 a { border:1px solid #eee; background:#69acab; color:#fff; padding:15px 70px; font-weight:500; }
.vo_list_btn1 a:hover { background:#ccc; color:#000; }

/*게시판 : 일반 */
.bo_list2 { width:100%; }
.bo_list2 table {width:100%; border-collapse:collapse;}
.bo_list2 table thead th { border-top:2px solid #000; border-bottom:1px solid #000;  padding:20px 7px; text-align:center; }
.bo_list2 table tbody td { border-bottom:1px solid #e5e5e5; padding:20px 7px; }
.bo_list2 table tbody td.text-center {text-align:center;}
.bo_list2 a:hover { color:#69acab; }

#fboardlist {padding:0 10px;}
#bo_list2_search { margin:0 auto; text-align:center; margin-bottom:150px; padding:20px 0; }
#bo_list2_search select { width:120px; height:40px; border:1px solid #cfcfcf;  }
#bo_list2_search input[type=text] { width:300px; height:40px;  border:1px solid #cfcfcf; padding:0 10px; }
#bo_list2_search input[type=submit] { width:90px; height:40px;  border:1px solid #69acab; color:#69acab; background:#fff; }
#bo_list2_search input[type=submit]:hover { color:#fff; background:#69acab; }

/* 사내소식 */
#news_list3 { width:100%; margin-left:10px;  }
#news_list3 .gl_list { display:inline-block; width:24%;   }
.bo_list3 { width:100%; display:flex; justify-content: center; align-items: flex-start;}
.bo_list3 li {width:100%; max-width:400px; height:380px; overflow:hidden; padding:10px; }
.bo_list3 .bo_image1 { width:100%; overflow:hidden; height:210px; border:1px solid #eee; }
.bo_list3 .bo_image1 img {object-fit: cover; height: 210px; width: 100%; padding:0px; }
.bo_list3 .bo_title1 {margin-top:20px; height:80px; text-align:left; }
.bo_list3 .bo_title1 .tt { font-size:1.35em; font-weight:700; max-height:100px; overflow:hidden; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bo_list3 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; word-break: break-all; }
.bo_list3 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676;  }


/* 레이어박스 */
.layer-box { z-index:20; position: fixed; width:100%; height:100%; left:0; top:0; background:rgba(194, 194, 194, 0.6)}
.layer-box .ls-layer-in {min-width: 300px; max-width: 50em; position:absolute; left:50%; top:50%; transform: translate( -50%, -50%); }
.layer-box .ls-layer-con { background:#fff;  border-radius: 1em;}
.layer-box .ls-img-01 { aspect-ratio: 16/16; border-radius: 1em; overflow: hidden; clear: both; display:block; max-width: 500px; }
.layer-box .ls-img-01 a { display:block;}
.layer-box .ls-img-01 img { object-fit: cover; width:100%; height:100%; object-position: center center;}
.layer-box .layer-btn-box { padding:1.2em 0; width:100%; color:#fff; z-index: 5; }
.layer-box .layer-btn { z-index: 4;display: flex;justify-content : center;align-items: center; clear: both; width: 100%; position: relative;}
.layer-box .layer-btn a { margin: 0 0.3em; width:1em; height:1em; line-height: 1; border-radius: 1em; display:block; color:#fff; position: relative; background:#ffffff;}
.layer-box .layer-btn a:hover, .layer-box .layer-btn .active { background:#69acab;}
.layer-box .layer-btn .active { width: 2.7em; }
.layer-box .layer-btn span { font-size:0; display:block;position: relative;}
.layer-box .layer-close { display:flex; justify-content: space-between; background:#000; border-radius: 2em; padding:0.5em 1.5em 0.7em 1.5em; }
.layer-box .layer-close a { display:block; position: relative; font-size: 1.1em; color:#fff;}
.layer-box .layer-close a:hover { color:#69acab; text-decoration: underline; }
.layer-box .layer-close .ls-close:before { display:inline-block; padding-right: 0.5em; content:'\2715';}
.layer-box .layer-in-box button { border:none; background:#fff; border-radius: 5em; overflow:hidden; height:3.6em; width:3.6em; position: absolute; top:40%; transform: translateY(-50%); }
.layer-box .layer-in-box button:after {  content:'';  background-size: contain; background-position: center center; background-repeat: no-repeat; position: absolute; transform: translate(-50%, -50%); top:50%; width:45%; height:45%; }
.layer-box .layer-in-box button:hover { background:#69acab}
.layer-box .layer-in-box button:hover:after { filter: brightness(0) grayscale(1) invert(1);}
.layer-box .slide-left { left:-15%;}
.layer-box .layer-in-box button span { font-size:0;}
.layer-box .slide-right { right: -15%;}
.layer-box .slide-left:after { left:45%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='25px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M14.008,24.995 L1.375,12.500 L14.008,0.004 L12.625,0.004 L-0.008,12.500 L12.625,24.995 L14.008,24.995 Z'/%3E%3C/svg%3E");}
.layer-box .slide-right:after {left:55%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='25px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M-0.008,24.996 L12.625,12.500 L-0.008,0.004 L1.374,0.004 L14.008,12.500 L1.374,24.996 L-0.008,24.996 Z'/%3E%3C/svg%3E");}

/**************************************************************************************************/


/* PC 사이즈 */
@media all and (max-width : 1920px)  { 
	 


}

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

	/* .scroll-box-2 .list-pick p:after { top: -5vw;} */
	
}
@media all and (max-width : 1440px)  { 
	
	.scroll-page-top { right: 20px;}



}

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

	
	.container { font-size: 0.95rem;}

	.con-com-15 .ul-box-01 li { padding-right:3%;}



}

/* 패드류 기본 */
@media all and (min-width : 769px) and (max-width : 1024px) {
		

}


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

	/* header .d-md-none { display:none;}
	header .d-lg-none { display: block;} */
	header { height: 60px;}
	header h1 { height: 2.2em}
	.menu-scroll .nav_wrap { display:none;}
	.menu-scroll:after { display:none;}


	header .view-nav { scale: 0.8}

	
	.container { font-size: 0.85em;}

	.page-top { bottom: 20px;  }


	.scroll-box-1 .m-head h2 { font-size: 2.8em;}

	.scroll-box-2 .ls-list { min-width: 275px; max-width: 275px; width:100%; margin-right:0; padding-right: 20px;}
	.scroll-box-2 .box-inner {padding-bottom: 20px; margin-right:20px; }
	.scroll-box-2 .inner-box { width: calc(100% + 40px); transform: translateX(-20px); overflow-x:scroll;}
	.scroll-box-2 .list-box { flex-wrap: nowrap; margin-right:20px; overflow: visible; padding-left: 20px;}
	.scroll-box-2 .inner-box::-webkit-scrollbar { width:100%; height: 5px; }
	.scroll-box-2 .inner-box::-webkit-scrollbar-thumb { background: var(--color-blue-2);  border-radius: 1em; /* 스크롤바 색상 */ }
	.scroll-box-2 .inner-box::-webkit-scrollbar-track {  margin-left: 20px; margin-right:20px; border-radius: 1em; background: var(--bg-gray-2);}


	.scroll-box-4 .m-head .txt-01 { font-size: 2.6em;}

	.con-com-02 .dl-box-01 dl { padding: 1.2em 0;}





}

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

	.container { font-size: 0.85em;}

	.con-com-10 .ls-flow { width: calc(50% - 1em)}

	.con-com-11 .color-list ul { flex-wrap: wrap; justify-content: space-between;}
	.con-com-11 .color-list li { width: calc(50% - 1em); margin: 0.5em;}
	.con-com-11 .color-list { padding: 1em 2em}

	.con-com-13 .flow-box { margin-right: 0em; }
	.con-com-13 .ls-flow { margin-right:0em; width:100%;}

	.con-com-15 .ul-box-01 ul { flex-wrap: wrap;}
	.con-com-15 .ul-box-01 li { display:flex; align-items: center; margin-bottom:1.5em; width: 50%;}
	.con-com-15 .ul-box-01 input[type="radio"] + label { height: 28px;}
	.con-com-15 .ul-box-01 label span { line-height: 28px;}
	
}

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


}

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

	header { height: var(--head-height);}
	header .view-nav { scale: 0.66;}
	header .nav-head { right: 10px; top: 45%;}

	.nav_md .nav_head_md { height: var(--head-height);}

	header .view-nav.open i { background:#000;}

	.footer { font-size: 0.8em;}
	.footer .foo-logo { height: 3.8em; }
	.footer .foo-logo img { height:100%;}
	footer .box-inner { padding-top:0; padding-bottom:0}
	footer .col-box-in span.d-tb-none { display:block; opacity: 0; height:0.1em;}
	footer .d-tb-none { display:none;}
	footer .col-box p { padding-top: 0.5em;}
	footer .col-box-in { flex-wrap: wrap;}
	footer .col-box {width:100%; text-align: left; padding: 3em 0;}
	footer .col-box-in .col-box:nth-child(even) { border-left:0; border-top: 1px solid rgba(0,0,0,0.1); text-align: left;}
	
	.container { font-size: 0.65em;}

	.quick-menu .txt-box { display:none;}
	.quick-menu li:nth-child(1) { background:transparent; order: 2;}
	.quick-menu li:nth-child(2) { background:transparent; order: 1;}
	.quick-menu { width: 3em; bottom: 10px;}
	.quick-menu ul { flex-direction: column;}
	.quick-menu a {padding:0.3em 0;}
	.quick-menu i { height:2em; }

	.d-md-none { display: none!important;} /* pc 용 감추기 */
	.d-lg-none { display:block;} /* mobile 용 보여주기 */
	.d-sm-view { display:none;}

	.snb-bg { height:25em; margin-top:calc(var(--head-height))  }
	.snb-bg .ls-slide-texts p { font-size: 1.15em; line-height: 1.6em;}
	.snb-bg .ls-slide-texts .ls-head { font-size: 2.8em; }
	.snb-bg .ls-slide-backgrounds { border-radius: 2.5em;}
	.snb-bg .ls-slide-backgrounds.snb-pos-01 img { object-position: center bottom;}
	.snb-bg .ls-slide-backgrounds.snb-pos-02 img {object-position: 45% bottom;}
	.snb-bg .ls-slide-backgrounds.snb-pos-03 img {object-position: 40% bottom;}
	.snb-bg .ls-slide-backgrounds.snb-pos-04 img {object-position: center bottom;}
	.snb-bg .ls-slide-backgrounds.snb-pos-05 img {object-position: 60% bottom;}

	
	:root { 
		--head-height: 60px;
	}

	.scroll-box-1 .ls-slide-texts .slide-txt-01 { margin-bottom:auto; margin-top:0}
	.scroll-box-1 .ls-slide-texts { padding: 3.6em;}
	.scroll-box-1 { padding-top: calc(var(--head-height))}
	.scroll-box-1 .ls-head { font-size: 2.3em;}
	.scroll-box-1 .slide-area { height: calc(100% - 20px)}

	.scroll-box-2 { padding-top: var(--head-height);  padding-bottom: var(--head-height)}
	.scroll-box-2 .m-head { padding-left:0;}
	.scroll-box-2 .ls-list { min-width: 275px; max-width: 275px; width:100%; margin-right:0; padding-right: 20px;}
	.scroll-box-2 .box-inner {padding-bottom: 20px; margin-right:20px; }
	.scroll-box-2 .inner-box { width: calc(100% + 40px); transform: translateX(-20px); overflow-x:scroll;}
	.scroll-box-2 .list-box { flex-wrap: nowrap; margin-right:20px; overflow: visible; padding-left: 20px;}
	.scroll-box-2 .inner-box::-webkit-scrollbar { width:100%; height: 5px; }
	.scroll-box-2 .inner-box::-webkit-scrollbar-thumb { background: var(--color-blue-2);  border-radius: 1em; /* 스크롤바 색상 */ }
	.scroll-box-2 .inner-box::-webkit-scrollbar-track {  margin-left: 20px; margin-right:20px; border-radius: 1em; background: var(--bg-gray-2);}
	.scroll-box-2 .ls-list h3 { font-size: 2em;}
	.scroll-box-2 .m-head h2 { font-size: 2.3em;}

	.scroll-box-3 { padding-top: var(--head-height);  padding-bottom: var(--head-height)}
	.scroll-box-3 .m-head h2 { font-size: 2.3em;}
	.scroll-box-3 .m-head {padding-bottom:2em;}
	.scroll-box-3 .inner-box { flex-wrap: wrap;}
	.scroll-box-3 .list-left { width:100%; padding: 35px;}
	.scroll-box-3 .list-box { width: 100%; margin-top: 15px; padding-top:0; height: 200px; margin-left:0;}
	
	.scroll-box-4 a {  padding-top: var(--head-height);  padding-bottom: var(--head-height)}
	.scroll-box-4 .m-head h2 { font-size: 2.3em;}


	.con-com-01 { padding-top: 5em; padding-bottom: 7em;}
	.con-com-01 .con-head { padding-bottom:5em;}
	.con-com-01 .area-box {flex-wrap: wrap;}
	.con-com-01 .area-box .txt-box { width:100%; padding-left:0; margin-top:4em;}
	.con-com-01 .area-box .img-box { width:100%;}
	.con-com-01 .area-box .ls-sign img { width: 50px;}

	.con-com-02 { padding-top: 5em; padding-bottom: 7em;}
	.con-com-02 .area-box {flex-wrap: wrap;}
	.con-com-02 .area-box .lt-box { width:100%; padding-left:0; padding-bottom:1.5em;}
	.con-com-02 .area-box .rt-box { width:100%;}
	.con-com-02 .txt-head h4 { font-size: 2.5em;}

	.con-com-03 { padding-top: 5em; padding-bottom: 7em;}
	.con-com-03 .con-head { padding-bottom:3em;}
	.con-com-03 .txt-head h4 { font-size: 2.5em}
	.con-com-03 .area-box {flex-wrap: wrap;}
	.con-com-03 .area-box .lt-box { width:100%; padding-left:0; padding-bottom:1.5em;}
	.con-com-03 .area-box .rt-box { width:100%;}
	.con-com-03 .dl-box-01 dl { padding-left: 10px;}
	.con-com-03 .dl-box-01 dt { font-size: 1.7em}
	.con-com-03 .area-box:nth-child(even) .lt-box { order:1}
	.con-com-03 .area-box:nth-child(even) .rt-box { order:2}

	.con-com-04 { padding-top: 5em; padding-bottom: 7em;}
	.con-com-04 .con-head { padding-bottom:3em;}
	.con-com-04 .txt-head h4 { font-size: 2.5em}
	.con-com-04 .list-box { margin-right: -2em; }
	.con-com-04 .ls-list { margin-right:2em; width:calc(50% - 2em); padding-bottom:5em;}
	.con-com-04 .ls-list h5 { font-size: 1.3em;}

	.con-com-05 { padding-top: 5em; padding-bottom: 7em;}
	.con-com-05 .area-box {flex-wrap: wrap;}
	.con-com-05 .area-box .lt-box { width:100%; padding-left:0; padding-bottom:1.5em;}
	.con-com-05 .area-box .rt-box { width:100%;}
	.con-com-05 .txt-head h4 { font-size: 2.5em;}
	.con-com-05 .ls-list { margin-right:2em; width:calc(50% - 2em); padding-bottom:5em;}
	.con-com-05 .ls-list h5 { font-size: 1.3em;}

	.con-com-06 { padding-top: 5em; padding-bottom: 7em;}
	.con-com-06 .area-box {flex-wrap: wrap;}
	.con-com-06 .area-box .lt-box { width:100%; padding-left:0; padding-bottom:1.5em;}
	.con-com-06 .area-box .rt-box { width:100%;}
	.con-com-06 .txt-head h4 { font-size: 2.5em;}
	.con-com-06 .area-box .ls-map { height: 23em}
	.con-com-06 .dl-box-01 dt  { width: 6em; min-width:6em}

	.con-com-07 { padding-top: 5em;}
	.con-com-07 .area-box {flex-wrap: wrap;}
	.con-com-07 .area-box .lt-box { width:100%; padding-left:0; padding-bottom:1.5em;}
	.con-com-07 .area-box .rt-box { width:100%;}
	.con-com-07 .txt-head h4 { font-size: 2.5em;}
	.con-com-07 .area-box .ls-map { height: 23em}
	.con-com-07 .dl-box-01 dt  { width: 6em; min-width:6em}
	.con-com-07 .list-box { margin-right: -1.3em}
	.con-com-07 .ls-list { width: calc(50% - 1.3em); margin-right: 1.3em}

	.con-com-08 { padding-top: 5em;}
	.con-com-08 .area-box {flex-wrap: wrap;}
	.con-com-08 .area-box .lt-box { width:100%; padding-left:0; padding-bottom:1.5em;}
	.con-com-08 .area-box .rt-box { width:100%;}
	.con-com-08 .txt-head h4 { font-size: 2.5em;}
	.con-com-08 .area-box .ls-map { height: 23em}
	.con-com-08 .dl-box-01 dt  { width: 6em; min-width:6em}
	.con-com-08 .list-box { margin-right: -1.3em}
	.con-com-08 .ls-list { width: calc(50% - 1.3em); margin-right: 1.3em}

	.con-com-09 { padding-top: 5em; padding-bottom: 7em;}
	.con-com-09 .con-head { padding-bottom:3em;}
	.con-com-09 .txt-head h4 { font-size: 2.5em}
	.con-com-09 .list-box { margin-right: -2em; }
	.con-com-09 .ls-list { margin-right:2em; width:calc(50% - 2em); padding-bottom:2em;}

	.con-com-10 { padding-top: 5em;}
	.con-com-10 .area-box {flex-wrap: wrap;}
	.con-com-10 .area-box .lt-box { width:100%; padding-left:0; padding-bottom:1.5em;}
	.con-com-10 .area-box .rt-box { width:100%;}
	.con-com-10 .txt-head h4 { font-size: 2.5em;}
	.con-com-10 .dl-box-01 dt  { width: 6em; min-width:6em}
	.con-com-10 .list-box { margin-right: -1.3em}
	.con-com-10 .ls-list { width: calc(50% - 1.3em); margin-right: 1.3em}

	.con-com-11 { padding-top: 5em;}
	.con-com-11 .area-box {flex-wrap: wrap;}
	.con-com-11 .area-box .lt-box { width:100%; padding-left:0; padding-bottom:1.5em;}
	.con-com-11 .area-box .rt-box { width:100%;}
	.con-com-11 .txt-head h4 { font-size: 2.5em;}
	.con-com-11 .list-box { margin-right: -1.3em}
	.con-com-11 .ls-list { width: calc(50% - 1.3em); margin-right: 1.3em}
	.con-com-11 .dl-box-01>dl:after { background-size: contain}
	.con-com-11 .img-box-01 p { font-size: 1.3em;}

	.con-com-12 { padding-top: 5em;}
	.con-com-12 .area-box {flex-wrap: wrap;}
	.con-com-12 .area-box .lt-box { width:100%; padding-left:0; padding-bottom:1.5em;}
	.con-com-12 .area-box .rt-box { width:100%;}
	.con-com-12 .txt-head h4 { font-size: 2.5em;}
	.con-com-12 .list-box { margin-right: -1.3em}
	.con-com-12 .ls-list { width: calc(50% - 1.3em); margin-right: 1.3em}

	.con-com-13 { padding-top: 5em;}
	.con-com-13 .area-box {flex-wrap: wrap;}
	.con-com-13 .area-box .lt-box { width:100%; padding-left:0; padding-bottom:1.5em;}
	.con-com-13 .area-box .rt-box { width:100%;}
	.con-com-13 .txt-head h4 { font-size: 2.5em;}
	.con-com-13 .list-box { margin-right: -1.3em}
	.con-com-13 .ls-list { width: calc(50% - 1.3em); margin-right: 1.3em}

	.con-com-14 { padding-top: 5em;}
	.con-com-14 .area-box {flex-wrap: wrap;}
	.con-com-14 .area-box .lt-box { width:100%; padding-left:0; padding-bottom:1.5em;}
	.con-com-14 .area-box .rt-box { width:100%;}
	.con-com-14 .txt-head h4 { font-size: 2.5em;}
	.con-com-14 .list-box { margin-right: -1.3em}
	.con-com-14 .ls-list { width: calc(50% - 1.3em); margin-right: 1.3em}
	.con-com-14 .flow-box-2 { margin-right: -1.3em}
	.con-com-14 .ls-flow-2 { width:calc(50% - 1.3em); margin-right: 1.3em; }

	.con-com-15 { padding-top: 5em;}
	.con-com-15 .txt-head h4 { font-size: 2.5em;}
	.con-com-15 .ul-box-01 ul { flex-wrap: wrap;}
	.con-com-15 .ul-box-01 li { width:100%;}
	.con-com-15 .ul-box-01 input[type="radio"] + label { padding-left: 30px;}
	.con-com-15 .ul-box-01 input[type="radio"] + label:before { width:20px; height:20px;}
	.con-com-15 .ul-box-01 input[class="check-item"]:checked + label:after { width: 10px; height:10px; left:5px; top:5px;}
	.con-com-15 .dl-box-01 .ls-dup { width:100%}
	.con-com-15 .dl-box-01 { padding-top:4em;}
	.con-com-15 .dl-box-01 dl { padding-top: 0.5em; padding-bottom:1em;}
	.con-com-15 .con-box-01 .ls-hg-01 { height: 13em;}
	.con-com-15 .con-box-01 .ls-hg-02 { height: 13em;}
	.con-com-15 .dl-box-02 dl { display:block;}
	.con-com-15 .dl-box-02 dl dt {padding-top:0; padding-bottom:1em;}
	.con-com-15 .dl-box-02 { text-align: left; padding-top:0;}
	.con-com-15 .dl-box-02 #captcha { transform: scale(0.7); transform-origin: left top;}
	.con-com-15 .con-box-01 .in-check input[type=checkbox] { width: 20px; height:20px;}
	.con-com-15 .ul-box-01 input[type="radio"] + label { height: 20px;}
	.con-com-15 .ul-box-01 label span { line-height: 20px}
	.con-com-15 .ls-btn { padding-top:4em;}

	/**/
	.con-com-022 { padding-top: 5em; padding-bottom: 7em;}
	.con-com-022 .con-head { padding-bottom:3em;}
	.con-com-022 .ls-box-in { flex-wrap: wrap;}
	.con-com-022 .ls-box-01 { width:100%;}
	.con-com-022 .ls-box-02 { width:100%; padding-left:0;}
	.con-com-022 .dl-box-01 dl{ flex-wrap: wrap;}
	.con-com-022 .dl-box-01 dt{ padding-left:0; width:100%;}
	.con-com-022 .dl-box-01 dd { width:100%; padding-top:0.7em}
	.con-com-022 .dl-box-01 { font-size: 0.9em;}
	.con-com-022 .txt-head h4 { font-size: 1.2em;}
	.con-com-022 .txt-head .ls-pro-01 { font-size: 1em; padding: 0.2em 0.5em 0.3em 0.5em}
	.con-com-022 .ls-btn-01 a { max-width: 375px;}
	.con-com-022 .ls-btn { padding-top: 3em;}
	.con-com-022 .ls-next-back { padding: 1em 0;}

	/*게시판 : 인증현황 */
	#news_list { width:100%; margin-left:0px;  }
	#news_list .gl_list { display:inline-block; width:48%;   }
	.bo_list1 { width:100%; display:flex; justify-content: center; align-items: flex-start;}
	.bo_list1 li {width:100%; max-width:280px; height:250px; overflow:hidden; padding:10px; }
	.bo_list1 .bo_image1 { width:100%; overflow:hidden; height:190px; border:1px solid #eee; }
	.bo_list1 .bo_image1 img {object-fit: cover; height: 190px; width: 100%; padding:5px; }
	.bo_list1 .bo_title1 {margin-top:10px; height:50px; text-align:center; }
	.bo_list1 .bo_title1 .tt { font-size:0.9em; font-weight:600; max-height:100px; overflow:hidden; word-break: keep-all;}
	.bo_list1 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; }
	.bo_list1 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676;  }
	.vo_title1 { border-top:2px solid #000; border-bottom:1px solid #ccc; padding:30px 10px 20px 10px; text-align:center; margin-bottom:50px; margin-top:0px;  }
	.vo_title1 .tt { font-size:1.3em; font-weight:600; margin-bottom:10px; }
	.vo_title1 .st { font-size:0.9em; color:#888; font-weight:400; }
	.vo_list_btn1 { text-align:center; margin:80px 0; }
	.vo_list_btn1 a { border:1px solid #333; color:#333; padding:15px 70px; border-radius:30px; font-weight:600; }
	.vo_list_btn1 a:hover { background:#333; color:#fff; }

		
	/*게시판 : 일반 */
	.bo_list2 { width:100%; }
	.bo_list2 table {width:100%; border-collapse:collapse;}
	.bo_list2 table thead th { border-top:2px solid #000; border-bottom:1px solid #000;  padding:20px 7px; text-align:center; }
	.bo_list2 table tbody td { border-bottom:1px solid #e5e5e5; padding:20px 7px; }
	.bo_list2 table tbody td.text-center {text-align:center;}
	.bo_list2 a:hover { color:#51b431; }

	#bo_list2_search { margin:0 auto; text-align:center; margin-bottom:50px; }
	#bo_list2_search select { width:80px; height:40px; border:1px solid #cfcfcf;  }
	#bo_list2_search input[type=text] { width:120px; height:40px;  border:1px solid #cfcfcf; padding:0 10px; }
	#bo_list2_search input[type=submit] { width:50px; height:40px;  border:1px solid #51b431; color:#51b431; background:#fff; }
	#bo_list2_search input[type=submit]:hover { color:#fff; background:#51b431; }

	#bo_list_admin th:nth-of-type(2) {display:none;}
	#bo_list th:nth-of-type(1) {display:none;}
	#bo_list_admin td:nth-of-type(2) {display:none;}
	#bo_list td:nth-of-type(1) {display:none;}

	/* 사내소식 */
	#news_list3 { width:100%; margin-left:0px;  }
	#news_list3 .gl_list { display:inline-block; width:100%;   }
	.bo_list3 { width:100%; display:flex; justify-content: center; align-items: flex-start;}
	.bo_list3 li {width:100%; max-width:400px; height:400px; overflow:hidden; padding:10px; }
	.bo_list3 .bo_image1 { width:100%; overflow:hidden; height:210px; border:1px solid #eee; }
	.bo_list3 .bo_image1 img {object-fit: cover; height: 210px; width: 100%; padding:0px; }
	.bo_list3 .bo_title1 {margin-top:20px; height:80px; text-align:left; }
	.bo_list3 .bo_title1 .tt { font-size:1.35em; font-weight:700; max-height:100px; overflow:hidden; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.bo_list3 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; }
	.bo_list3 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676;  }

	.layer-box { font-size: 0.75em;}
	/**/
	

}
	

/* 모바일사이즈 기본 */
@media all and (max-width : 640px){

	.con-com-07 .con-box-03 table { min-width:600px; }
	.con-com-07 .con-box-03 .ls-table-box { padding-bottom: 20px; overflow-x:auto; width:calc(100% + 20px)}
	.con-com-07 .img-box-01 ul { margin-right: 0em; }
	.con-com-07 .img-box-01 li { margin-right:0em; width:100%;}
	.con-com-07 .img-box-02 li { width:calc(50% - 1em)}
	.con-com-07 .ls-img-01 img { min-width: 575px; max-width:575px}
	.con-com-07 .ls-img-01 { overflow-x:auto; padding-bottom:20px; padding-right: 30px;}
	.con-com-07 .flow-box { width: calc(100% + 40px);}
	.con-com-07 .flow-box h5 { transform: translateX(-20px);}
	.con-com-07 .con-box-03 .ls-table-box::-webkit-scrollbar { width:100%; height: 5px; }
	.con-com-07 .con-box-03 .ls-table-box::-webkit-scrollbar-thumb { background: var(--color-blue-2);  border-radius: 1em; /* 스크롤바 색상 */ }
	.con-com-07 .con-box-03 .ls-table-box::-webkit-scrollbar-track { margin-right: 20px; border-radius: 1em; background: var(--bg-gray-2);}
	.con-com-07 .ls-img-01::-webkit-scrollbar { width:100%; height: 5px; }
	.con-com-07 .ls-img-01::-webkit-scrollbar-thumb { background: var(--color-blue-2);  border-radius: 1em; /* 스크롤바 색상 */ }
	.con-com-07 .ls-img-01::-webkit-scrollbar-track { margin-right: 40px; border-radius: 1em; background: var(--bg-gray-2);}

	.con-com-08 .con-box-03 table { min-width:600px; }
	.con-com-08 .con-box-03 .ls-table-box { padding-bottom: 20px; overflow-x:auto; width:calc(100% + 20px)}
	.con-com-08 .img-box-01 ul { margin-right: 0em; }
	.con-com-08 .img-box-01 li { margin-right:0em; width:100%;}
	.con-com-08 .img-box-02 li { width:calc(50% - 1em)}
	.con-com-08 .ls-img-01 img { min-width: 575px; max-width:575px}
	.con-com-08 .ls-img-01 { overflow-x:auto; padding-bottom:20px; padding-right: 30px;}
	.con-com-08 .flow-box { width: calc(100% + 40px);}
	.con-com-08 .flow-box h5 { transform: translateX(-20px);}
	.con-com-08 .con-box-03 .ls-table-box::-webkit-scrollbar { width:100%; height: 5px; }
	.con-com-08 .con-box-03 .ls-table-box::-webkit-scrollbar-thumb { background: var(--color-blue-2);  border-radius: 1em; /* 스크롤바 색상 */ }
	.con-com-08 .con-box-03 .ls-table-box::-webkit-scrollbar-track { margin-right: 20px; border-radius: 1em; background: var(--bg-gray-2);}
	.con-com-08 .ls-img-01::-webkit-scrollbar { width:100%; height: 5px; }
	.con-com-08 .ls-img-01::-webkit-scrollbar-thumb { background: var(--color-blue-2);  border-radius: 1em; /* 스크롤바 색상 */ }
	.con-com-08 .ls-img-01::-webkit-scrollbar-track { margin-right: 40px; border-radius: 1em; background: var(--bg-gray-2);}

	.con-com-11 .ls-law-box { width: 600px;}
	.con-com-11 .law-area { overflow-x:auto; width:calc(100% + 20px); padding-bottom:20px;}
	.con-com-11 .law-area::-webkit-scrollbar { width:100%; height: 5px; }
	.con-com-11 .law-area::-webkit-scrollbar-thumb { background: var(--color-blue-2);  border-radius: 1em; /* 스크롤바 색상 */ }
	.con-com-11 .law-area::-webkit-scrollbar-track { margin-right: 20px; border-radius: 1em; background: var(--bg-gray-2);}
	.con-com-11 .dl-box-01 { width: 600px; padding-right: 10px;}
	.con-com-11 .ls-flow { width:calc(50% - 1em)}
	.con-com-11 .flow-box-2 { overflow-x:auto; width:calc(100% + 20px); padding-bottom:20px;}
	.con-com-11 .flow-box-2 .flow-in { width: 600px;}


}


@media all and (max-width : 540px){
	
	.d-sm-none { display:none;}
	.d-sm-view { display:block;}

	.con-com-04 .list-box { margin-right: 0em; }
	.con-com-04 .ls-list { margin-right:0em; width:100%;}

	.con-com-09 .list-box { margin-right: 0em; }
	.con-com-09 .ls-list { margin-right:0em; width:100%;}

	.con-com-11 .img-box-01 ul { margin-right: 0em; }
	.con-com-11 .img-box-01 li { margin-right:0em; width:100%;}

	.con-com-14 .ls-flow-2 { width:calc(100% - 1.6em); }
}


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

	.scroll-box-2 .ls-slide-backgrounds .ls-bg-01 img {left: -13%;}

}
/* 스타일 작업 종료 */
/*******************************************************************************************************************/






/* 중간 레이아웃 */
/**********************************************************************************************************************/
/* 여기부터 반응형 메인 박스 스타일 적용 */
/**********************************************************************************************************************/
#wrapper {width:100%;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {position:relative;max-width:1000px;margin:0px auto;z-index:1;padding:0px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin:0 0px 10px;font-size:1.2em;font-weight:bold;text-align:center;border-bottom:2px solid #ddd;padding-bottom:0px;}

/*index*/
.latest{width:100%;float:left}

#main_work ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_work ul li{background:#fff;letter-spacing:-0.01em}
#main_work ul li.main_work_1{background:#f8f8f8;}
#main_work .work_txt span{ display:block;padding:5px 0;color:#808080;line-height:1.5em}

#lt_notice{clear:both}
#lt_notice,#lt_board,#lt_board2,#lt_board3,#lt_board4,#lt_board5,#lt_board6,#lt_gall{margin-top:20px}


/* PC 사이즈  1001px 픽셀사이즈까지  */
@media (min-width : 1361px) {
    
    #main_work .work_img{width:35%;height:122px;line-height:112px;display:block;float:left;}
    #main_work .work_txt{width:65%;height:122px;display:block;float:left;}
    #main_work .work_txt span.work_txt_tit{margin-top:20px ;font-weight:bold;font-size:1.25em;color:#111}
	
	.view_pc {display:block;}
	.view_tab {display:none;}
	.view_pctab {display:block;}
	.view_tabmobi {display:none;}
	.view_mobi {display:none;}

	.rbtn_icon {display:block;margin-top:25px;}
	.rbtn_icon .btn {margin-left:7px;}
}

/* 패드류 기본*/
@media all and (min-width : 601px) and (max-width : 1360px) {

    #main_work{margin-top:20px}
    #main_work ul li{float:left;width:33.3%;text-align:center;}
    #main_work .work_img{display:block;}
    #main_work .work_img img{max-width:100px;width:80%;height:auto}
    #main_work .work_txt span.work_txt_p{display:none;}
    #main_work .work_txt span.work_txt_tit{margin:0 0 15px;font-size:1.2em;color:#111;font-weight:bold}
	
	.view_pc {display:none;}
	.view_tab {display:block;}
	.view_pctab {display:block;}
	.view_tabmobi {display:block;}
	.view_mobi {display:none;}

	.rbtn_icon {display:none;margin-top:25px;}
	.rbtn_icon .btn {margin-left:7px;}

}

/* 모바일 기본*/
@media all and (max-width : 600px){

    #main_work{margin-top:20px}
    #main_work ul li{float:left;width:33.3%;text-align:center;}
    #main_work .work_img{display:block;}
    #main_work .work_img img{max-width:100px;width:80%;height:auto}
    #main_work .work_txt span.work_txt_p{display:none;}
    #main_work .work_txt span.work_txt_tit{margin:0 0 15px;font-size:1.2em;color:#111;font-weight:bold}
	
	.view_pc {display:none;}
	.view_tab {display:none;}
	.view_pctab {display:none;}
	.view_tabmobi {display:block;}
	.view_mobi {display:block;}

	.rbtn_icon {display:none;}
}



/* 하단 레이아웃 */
#ft {border-top:1px solid #dde4e9;background:#fafafa;text-align:center}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
#ft_company{padding:20px 20px 10px}
#ft_company a{font-weight:bold;display:inline-block;padding:0px 5px;font-size:1.12em;border-left:2px solid #eee}
.bd_no{border:none !important}
#ft_copy p{color:#000;padding-bottom:20px}
#ft_copy .ft_sns{padding:15px 20px}
#ft_copy .ft_sns a{padding:3px;}
#top_btn{position:fixed;bottom:10px ;right:10px;border:none;z-index:99}

/*group*/
#group .lt{margin-top:20px}
#group .lt_date{position:absolute;top:0;right:0;color:#5d938b}
@media all and (max-width : 375px) {
    #group .lt{margin-top:10px}
}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha #captcha_img {width:150px;height:60px;border:1px solid #e9e9e9;}
#captcha #captcha_reload {margin:0;padding:0 5px;width:32px;height:32px;border:0;background:url(../img/captcha.png) no-repeat 0 -30px;overflow:hidden; vertical-align:middle;overflow:hidden;cursor:pointer;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 4px;padding:0 5px;width:150px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha #captcha_mp3{width:32px;height:32px;margin:0;padding:0 5px;height:32px;border:0;background:url(../img/captcha.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;cursor:pointer;overflow:hidden;text-indent:-999px}

/*단축키일람 */
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none;margin-bottom:5px}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
a.btn01 {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#dfdfdf;color:#fff;letter-spacing:-0.1em;border-radius:0px}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:0px}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none;border-radius:0px}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #d9ded9;background:#fff;color:#000;text-decoration:none;vertical-align:middle;border-radius:0px}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none;color:#00c6b2}
a.btn_b02 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #dfdfdf;background:#dfdfdf;color:#fff;text-decoration:none;vertical-align:middle;border-radius:0px}
a.btn_b02:focus, .btn_b02:hover {background:#00c6b2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
a.btn_admin {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;border-radius:0px} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap {margin:0 0 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-radius:0px 5px 0 0;}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;background:#dfdfdf;color:#fff;text-align:center;letter-spacing:-0.1em;}
.tbl_head01 thead th:first-child{border-top-left-radius:0px;}
.tbl_head01 thead th:last-child{border-top-right-radius:0px}
.tbl_head01 thead a {color:#fff}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {background:#fff;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}

.tbl_head01n {font-size:17px; font-weight:300px; }
.tbl_head01n caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01n thead th {padding:15px 0;background:#fff;color:#000;text-align:center; border-top:1px solid #000; }
.tbl_head01n thead th:first-child{border-top-left-radius:0px;}
.tbl_head01n thead th:last-child{border-top-right-radius:0px}
.tbl_head01n thead a {color:#000}
.tbl_head01n thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01n tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#fff;color:#000;}
.tbl_head01n tfoot td {border-color:#666;background:#fff;color:#000;font-weight:bold;text-align:center}
.tbl_head01n tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01n td {background:#fff;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}


.tbl_head022 {}
.tbl_head022 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head022 thead th {padding:5px 0;border-bottom:1px solid #d1dee2;border-right:1px solid #d1dee2;border-left:1px solid #d1dee2;border-top:1px solid #333;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head022 thead a {color:#383838}
.tbl_head022 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head022 tfoot th {border-top:1px solid #666;border:1px solid #666;background:#484848;color:#fff}
.tbl_head022 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head022 tbody td {padding:5px 0;border:1px solid #e9e9e9;}
.tbl_head022 tbody th {padding:5px 0;border:1px solid #e9e9e9;text-align:center;}
.tbl_head022 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head022 input[type=text] {border:1px solid #d1dee2; width:90%;height:20px;margin-left:5px;}
.tbl_head022 input[type=file] {margin-left:5px;}
.tbl_head022 textarea {border:1px solid #d1dee2; width:98%;height:120px;margin-left:5px;}
.tbl_head022 span {color:red;}

/* 폼 테이블 */
.tbl_frm01 {}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #c2c2c2;background:#fff;vertical-align:middle;line-height:2.3em;height:2.3em;-webkit-appearance:none;border-radius:5px}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:20px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .tbl_wrap {margin:0 20px}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:10px 20px}

.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important;text-align:left}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:16px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0px 0 20px;padding: 0 0;text-align:center;font-size:1.083em}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:30px;color:#000;letter-spacing:0;line-height:30px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {text-decoration:none}
.pg_start{background:url(../img/page_btn.gif) no-repeat 0 0 ;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd}
.pg_prev {background:url(../img/page_btn.gif) no-repeat -31px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd}
.pg_end{background:url(../img/page_btn.gif) no-repeat -93px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd}
.pg_next {background:url(../img/page_btn.gif) no-repeat -63px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;;border-radius:15px;border:1px solid #ddd}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#dfdfdf;color:#fff;border-radius:15px;font-weight:bold;font-weight:bold}

/* PC화면으로 */
#device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center}

.clear_01 { clear: both; line-height: 0px; font-size:0px}

.blank5 { height:5px}
.blank10 { height:10px}
.blank20 { height:20px}

.pdtb50 {padding: 50px 0px;}
.pdtb40 {padding: 40px 0px;}
.pdtb30 {padding: 30px 0px;}
.pdtb20 {padding: 20px 0px;}
.pdtb15 {padding: 15px 0px;}
.pdtb10 {padding: 10px 0px;}


.pd50 {padding: 50px;}
.pd40 {padding: 40px;}
.pd30 {padding: 30px;}
.pd20 {padding: 20px;}
.pd10 {padding: 10px;}


#ft_copy ul { padding:0px; margin: 0px;list-style:none;line-height:10px;}
#ft_copy ul li {color:#000; display:inline-block; padding: 5px 3px;}


.tip { background-color: #eaeaea; padding: 10px;line-height:17px;letter-spacing:0.05em;}
.tip input[type=text] { padding: 3px; border: 1px solid #dfdfdf; width: 300px}
.tip input[type=radio]  { width:20px}
.tip select { border:1px solid #dfdfdf; padding: 3px 5px; font-size: 12px}
.tip span { color:#000; font-weight: bold}



.stit h2 { font-size:15px; color:#346ba3; padding-top:0px; margin:0px; padding-bottom:15px ; text-align:left}
.stit h2 span { font-size:12px; padding-left:10px; color:#000}
.stit2 h2 { font-size:15px; color:#000; padding-top:0px; margin:0px 0 20px 0; padding-bottom:7px ; text-align:left; border-bottom: 1px dotted #ccc}



.pop_left { float:left; width:44%;}
.pop_left ul { padding:0px; margin:0px; list-style: none}
.pop_left ul li { float:left; border-bottom:1px solid #dfdfdf; font-size:13px; padding:10px 0 5px 0; text-align:left}
.pop_left .ti { width:30%}
.pop_left .con { width:70%; font-weight:bold}

.pop_right { float:right; width:44%; }
.pop_right ul { padding:0px; margin:0px; list-style: none}
.pop_right ul li { float:left; border-bottom:1px solid #dfdfdf; font-size:13px; padding:10px 0 5px 0; text-align:left}
.pop_right .ti { width:30%}
.pop_right .con { width:70%; font-weight:bold}

.pop_ti { font-size:40px; padding-bottom:20px; font-weight:bold; letter-spacing:20px; text-align:center;position:relative; border-bottom:1px solid #000; margin-bottom:20px}
.dojang { position:absolute; top:100px; right:30px; }



.tbl_frm02_pop {margin:0 0 0px}
.tbl_frm02_pop table {width:100%;border-collapse:collapse;border-spacing:0; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}
.tbl_frm02_pop th {width:70px;padding:10px 5px;border:1px solid #e9e9e9; background:#f5f8f9;text-align:left; color: #3a3a3a;font-size:12px; font-weight:bold}
.tbl_frm02_pop td {padding:10px 5px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-size:13px;}
.tbl_frm02_pop .CT { text-align:center}
.tbl_frm02_pop .RT { text-align:right}
.tbl_frm02_pop .hit { font-weight:bold; color: #000; font-size:15px}

.top_text {margin:0 auto;width:100%;max-width:1000px;color:#333;font-size:17px;text-align:left;}
.top_text .subtitle {font-size:37px;color:#333;padding-right:40px;}
.top_text .subtext {font-size:17px;color:#333;padding-top:30px;line-height:25px;padding-left:40px;padding-right:40px;}
.top_text .subicon {padding-top:30px;padding-right:40px;}
.top_text .subtext2 {font-size:13px;color:#333;padding-top:0px;line-height:25px;padding-left:40px;padding-right:40px;}

.sc_top_menu2 {margin:0 auto;width:100%;max-width:1400px;color:#101f39;padding-top:30px;font-size:17px;}
.sc_top_menu2 a {color:#101f39;}

.top_text2 {margin:0 auto;width:100%;max-width:1200px;color:#101f39;font-size:17px;text-align:right;}
.top_text2 .subtitle {font-size:37px;;color:#101f39;text-align:right;padding-left:40px;padding-right:40px;}
.top_text2 .subtext {font-size:17px;color:#101f39;padding-top:30px;line-height:25px;text-align:right;padding-left:40px;padding-right:40px;}
.top_text2 .subicon {padding-top:30px;text-align:right;padding-left:40px;padding-right:40px;}
.top_text2 .subtext2 {font-size:13px;color:#101f39;padding-top:0px;line-height:25px;text-align:right;padding-left:40px;padding-right:40px;}

.sc_top_menu3 {margin:0 auto;width:100%;max-width:1400px;color:#352f2a;padding-top:30px;font-size:17px;}
.sc_top_menu3 a {color:#352f2a;}

.top_text3 {margin:0 auto;width:100%;max-width:1200px;color:#352f2a;font-size:17px;text-align:center;}
.top_text3 .subtitle {font-size:37px;;color:#352f2a;text-align:center;padding-left:40px;padding-right:40px;}
.top_text3 .subtext {font-size:17px;color:#352f2a;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text3 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text3 .subtext2 {font-size:13px;color:#352f2a;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}

.top_text4 {margin:0 auto;width:100%;max-width:1200px;color:#e6d0a9;font-size:17px;text-align:center;}
.top_text4 .subtitle {font-size:37px;;color:#e6d0a9;text-align:center;padding-left:40px;padding-right:40px;}
.top_text4 .subtext {font-size:17px;color:#e6d0a9;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text4 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text4 .subtext2 {font-size:13px;color:#e6d0a9;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}

.top_text5 {margin:0 auto;width:100%;max-width:1200px;color:#ffffff;font-size:17px;text-align:center;}
.top_text5 .subtitle {font-size:40px;;color:#ffffff;text-align:center;padding-left:40px;padding-right:40px;}
.top_text5 .subtext {font-size:24px;color:#ffffff;padding-top:30px;line-height:38px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text5 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text5 .subtext2 {font-size:17px;color:#e6d0a9;padding-top:10px;line-height:30px;text-align:center;padding-left:40px;padding-right:40px;}

.top_text22 {margin:0 auto;width:100%;max-width:1200px;color:#101f39;font-size:17px;text-align:center;}
.top_text22 .subtitle {font-size:37px;;color:#101f39;text-align:center;padding-left:40px;padding-right:40px;}
.top_text22 .subtext {font-size:17px;color:#101f39;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text22 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;}
.top_text22 .subtext2 {font-size:13px;color:#101f39;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}