@charset "euc-kr";

/* reset */
* {margin:0; padding:0;box-sizing:border-box;}
html {margin:0; padding:0; width:100%;height: 100%;font-family:'S-Core', 'Noto Sans',sans-serif;font-weight:400;font-size:62.5%;line-height:1.6;scroll-behavior:smooth;}
body {position:relative;margin:0; padding:0; width:100%;height:100%;}
label {vertical-align:middle}
address,em {font-style:normal}
strong,b,th {font-weight:bold}
fieldset,img {border:0; vertical-align:middle}
caption,legend {width:1px; text-align:left; font-size:0; line-height:0; text-indent:-999em}
ul,ol,dl,dt,dd,li {list-style:none}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
input,textarea,select {border:0; color:#666; vertical-align:middle;}
article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary {display:block}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,iframe,fieldset,input,table,tr,th,td,button,textarea,select, thead, tbody, tfoot, pre, option {margin:0; padding:0; color:#666;}
a { font-weight:normal; text-decoration:none;box-sizing:border-box;}
select {outline:none;}
table {width:100%; border-spacing:0}
table th {font-weight:normal; border-collapse:collapse}
table td {border-collapse:collapse}
button {border:none; background:none; cursor:pointer}
figcaption {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
a {color:#343434; text-decoration:none}
a:hover {text-decoration:none}
a:focus{outline:0;}
button {margin:0; padding:0; border:0 none; background-color:transparent;}
sup{font-size:x-small;}
p, div, section{box-sizing:border-box;}

/* form */
legend {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
input,select,textarea { color:#444; vertical-align:middle}
textarea{direction: ltr;letter-spacing:0;word-spacing:2px;}
input,textarea,select{-webkit-appearance: none;border-radius:0;}
input[type="text"],input[type="password"],select {border:1px solid #cdcdcd;outline:none}
input[type='text']::-ms-clear {display: none;}
input[type="text"],input[type="password"],textarea {}
textarea {border:1px solid #cdcdcd;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#999;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input::-webkit-input-placeholder {
  color:#999 !important;
}
input::-webkit-input-placeholder {
   color:#999 !important;
}
input:-moz-placeholder { /* Firefox 18- */
   color:#999 !important;
}
input::-moz-placeholder {  /* Firefox 19+ */
   color:#999 !important;
}
input:-ms-input-placeholder {
   color:#999 !important;
}

/* IR */
.blind {width:0; height:0; font-size:0; line-height:0; text-align:left; text-indent:-999em}

table{ border-collapse: collapse !important}


/*Drag*/
:-moz-selection {
   background:#13d2b0;
   color:#fff;
   opacity:50%;
}
::selection {
   background:#13d2b0;
   color:#fff;
   opacity:50%;
}


/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #aaa #fff;

  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
	width:10px;
	height: 10px;
  }

  *::-webkit-scrollbar-track {
    background: #fff;
  }

  *::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 100px;
    border: 2px solid #f4f4f4;
  }

  /* align */
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.tac {text-align:center !important;}

/*마진, 패딩*/
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt55 { margin-top:55px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }

.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb55 { margin-bottom:55px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }

.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml28 { margin-left:28px !important; }
.ml30 { margin-left:30px !important; }
.ml40 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }
.ml60 { margin-left:60px !important; }
.ml70 { margin-left:70px !important; }
.ml80 { margin-left:80px !important; }
.ml90 { margin-left:90px !important; }
.ml100 { margin-left:100px !important; }
.ml110 { margin-left:110px !important; }

.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt55 { padding-top:55px !important; }
.pt60 { padding-top:60px !important; }
.pt100 { padding-top:100px !important; }

.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl40 { padding-left:40px !important; }
.pl50 { padding-left:50px !important; }
.pl55 { padding-left:55px !important; }
.pl60 { padding-left:60px !important; }
.pl100 { padding-left:100px !important; }.clearfix{width:100%;display:inline-block;}
.clearfix:after{content:'';clear:both;float:none;}
.inner{width:1400px;margin:0 auto;box-sizing:border-box;}
.no_scroll{overflow:hidden;}
@media all and (max-width:1399px){ 
	.inner{width:100%;padding:0 2%;}
}


header{width:100%;text-align:center;position:absolute;padding:50px 0;z-index:100;}
header .dn{display:none !important;}
header h1 img{width:auto;height:100%;max-width:222px;}
header h1 img.on{display:none;}
header .submenu1{display:none;}
header .menu_btn{position:fixed;right:50px;top:50px;z-index:200;background:linear-gradient(to bottom right, #52b04b, #3ba3c7);width:85px;height:85px;border-radius:100px;overflow:hidden;padding:20px;}
header .menu_btn span{font-size:0;display:block;background:#fff;width:100%;height:3px;position:relative;}
header .menu_btn span:before{content:'';width:inherit;height:inherit;background:inherit;display:inherit;position:absolute;left:0;top:-10px;}
header .menu_btn span:after{content:'';width:inherit;height:inherit;background:inherit;display:inherit;position:absolute;left:0;bottom:-10px;}
header.active .menu_btn{background:#fff;border:1px solid #ccc;box-shadow:none;}
header.active .menu_btn span{background:#222;transform:rotate(45deg);}
header.active .menu_btn span:before{content:'';transform:rotate(90deg);top:0;}
header.active .menu_btn span:after{display:none;}
header .menu_btn:hover{animation:swing 0.3s;}
#sub_head header{padding:80px 0;}
#sub_head header h1{position:absolute;left:50px;top:50px;}
#sub_head header h1 img{width:auto;height:auto;}
#sub_head header .submenu1{display:block;margin:0 auto;}
#sub_head header .submenu1 > li{display:inline-block;position:relative;margin:0 50px;}
#sub_head header .submenu1 > li a{color:#fff;font-size:2rem;font-weight:500;opacity:0.5;display:block;padding:10px 20px;}
#sub_head header .submenu1 > li.on > a,
#sub_head header .submenu1 > li > a:hover{opacity:1;transition:all ease 0.1s;}
#sub_head header .submenu1 > li ul{opacity:0;height:0%;position:absolute;top:100%;left:50%;transform:translate(-50%);display:inline-block;}
#sub_head header .submenu1 > li:hover > ul{opacity:1;height:100%;transition:all ease 0.1s;box-shadow:5px 5px 15px rgba(0,0,0,0.1);border-top:3px solid #13d2b0;}
#sub_head header .submenu1 > li > ul > li{margin:0 0 -1px 0;}
#sub_head header .submenu1 > li > ul > li a{opacity:1;white-space:nowrap;display:block;color:#666;font-size:1.6rem;font-weight:400;padding:8px 20px;background:#fff;}
#sub_head header .submenu1 > li > ul > li a:hover{opacity:1;color:#13d2b0;}
@media all and (max-width:1800px){ 
	#sub_head header .submenu1 li{;margin:0 30px;}
}
@media all and (max-width:1500px){ 
	#sub_head header h1 img{width:160px;}
	#sub_head header .submenu1 li{;margin:0 15px;}
}
@media all and (max-width:1280px){ 
	#sub_head header h1{left:2%;}
	#sub_head header .submenu1{display:none;}
	header .menu_btn{width:60px;height:60px;padding:10px;}
}
@media all and (max-width:768px){ 
	header, #sub_head header{padding:20px 0;}
	#sub_head header h1{position:relative;left:auto;top:auto;}
	header h1 img, #sub_head header h1 img{width:auto;height:40px;}
	header .menu_btn{width:45px;height:45px;padding:0 10px;top:20px;right:3%;}
	header .menu_btn span{height:2px;}
	header .menu_btn span:before{top:-8px;}
	header .menu_btn span:after{bottom:-8px;}

}

footer{width:100%;padding:50px 0;background:#222;color:#7d7d7d;font-size:1.6rem;font-weight:500;text-align:center;position:relative;box-sizing:border-box;}
footer img{margin-bottom:40px;}
footer p{color:inherit;}
footer p br.mo{display:contents;}
footer .copy{font-size:1.4rem;margin-top:40px;}
footer .top_btn{width:80px;height:80px;border-radius:100px;overflow:visible;background:#fff;position:absolute;right:50px;top:-40px;box-shadow:10px 10px 21px rgba(0,0,0,0.15);}
footer .top_btn span{font-size:0;display:block;background:#6eba38;width:4px;height:40px;position:relative;margin:0 auto;top:25%;}
footer .top_btn span:before{content:'';width:30px;height:4px;background:inherit;display:inherit;position:absolute;right:-3px;top:8px;transform:rotate(315deg);}
footer .top_btn span:after{content:'';width:30px;height:4px;background:inherit;display:inherit;position:absolute;left:-3px;top:8px;transform:rotate(45deg);}
@media all and (max-width:768px){ 
	footer{padding:40px 2%;font-size:1.4rem;}
	footer img{margin-bottom:20px;height:30px;width:auto;}
	footer p br.mo{display:inline;}
	footer .copy{font-size:1.2rem;margin-top:20px;}
	footer .top_btn{width:45px;height:45px;right:3%;top:-23px;}
	footer .top_btn span{width:2px;height:25px;position:relative;margin:0 auto;top:25%;}
	footer .top_btn span:before{width:15px;height:2px;top:3px;right:-2px;}
	footer .top_btn span:after{width:15px;height:2px;top:3px;left:-2px;}
}

.sitemap_wrap{width:100%;height:100vh;background:#fff;position:fixed;top:0;left:100%;z-index:99;overflow:hidden;transition: left 0.3s;}
.sitemap_wrap.active{display:flex;left:0;}
.sitemap_wrap .bg{flex:0 0 40%;background:url("../images/common/sitemap_bg.jpg") 50% 50% no-repeat;position:relative;}
.sitemap_wrap .bg img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.sitemap_wrap .menu_area{flex:0 0 60%;padding:5% 60px;}
.sitemap_wrap .menu_area ul{height:100%;}
.sitemap_wrap .menu_area ul li{height:calc(100% / 5);}
.sitemap_wrap .menu_area ul li h2{color:#222;font-size:3rem;font-weight:600;cursor:default;}
.sitemap_wrap .menu_area ul li ul{margin-top:10px;}
.sitemap_wrap .menu_area ul li ul li{display:inline-block;margin-right:40px;}
.sitemap_wrap .menu_area ul li ul li a{font-size:2rem;font-weight:300;cursor:pointer;position:relative;}
.sitemap_wrap .menu_area ul li ul li a:before{content:'';position:absolute;background:#6eba38;height:2px;width:0;bottom:-5px;transition:0.1s;}
.sitemap_wrap .menu_area ul li ul li a:hover:before{width:100%;bottom:-5px;}
@media all and (max-width:1200px){ 
	.sitemap_wrap .bg{flex-basis:30%;}
	.sitemap_wrap .menu_area{flex-basis:70%;height:100%;}
}
@media all and (max-width:1080px){ 
	.sitemap_wrap.active{display:block;background:rgba(255,255,255,0.92);}
	.sitemap_wrap .bg{display:none;}
	
}
@media all and (max-width:768px){ 
	.sitemap_wrap .bg{display:none;}
	.sitemap_wrap .menu_area{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:0;flex-basis:100%;height:auto;}
	.sitemap_wrap .menu_area ul{height:auto;}
	.sitemap_wrap .menu_area ul li{text-align:center;height:auto;margin:20px 0;overflow:hidden;}
	.sitemap_wrap .menu_area ul li h2{display:inline-block;font-size:2rem;cursor:pointer;}
	.sitemap_wrap .menu_area ul li ul{max-height:0;overflow:hidden;transition: all .2s ease-out;margin-top:10px;}
	.sitemap_wrap .menu_area ul li ul.show{max-height:30em;}
	.sitemap_wrap .menu_area ul li ul li{display:block;margin:0 0 15px 0;}
	.sitemap_wrap .menu_area ul li h2{position:relative;}
	.sitemap_wrap .menu_area ul li h2:before,
	.sitemap_wrap .menu_area ul li h2:after{content: '';border-bottom: solid 2px #6eba38; position: absolute;  bottom: -2px;  width: 0;}
	.sitemap_wrap .menu_area ul li h2:before{ left: 0; }
	.sitemap_wrap .menu_area ul li h2:after { right: 0; }
	.sitemap_wrap .menu_area ul li h2:hover:before, .sitemap_wrap .menu_area ul li h2:hover:after {width: 50%;}
	.sitemap_wrap .menu_area ul li h2:before, .sitemap_wrap .menu_area ul li h2:after {transition: all 0.1s ease-out;}
	.sitemap_wrap .menu_area ul li h2{border-bottom:2px solid transparent;}
	.sitemap_wrap .menu_area ul li h2.on{border-bottom: solid 2px #6eba38;}
	.sitemap_wrap .menu_area ul li ul li a{font-weight:300;font-size:1.6rem;line-height:1.6;}
	.sitemap_wrap .menu_area ul li ul li a:hover:before, .sitemap_wrap .menu_area ul li ul li a:hover:after{display:none;}
	.sitemap_wrap .menu_area ul li ul li a:before, .sitemap_wrap .menu_area ul li ul li a:after{border:0;display:none;}
}


/***** 애니메이션 *****/

@keyframes swing {
	0% {
		transform:rotate(0deg);
	}
	100% {
		transform:rotate(180deg);		
	}
}

@keyframes toleft {
	0% {
		border-bottom:0;
	}
	to {
		border-bottom:1px solid #ddd;
		color:#aaa;
	}
}

 /* Scroll Animation (sa, 스크롤 애니메이션) */
.sa {opacity: 0;transition: all 0.4s ease;}
.sa-up {transform: translate(0, 100px);}
.sa-down {transform: translate(0, -100px);}
.sa-right {transform: translate(-100px, 0);}
.sa-left {transform: translate(100px, 0);}
.sa-rotateL {transform: rotate(180deg);}
.sa-rotateR {transform: rotate(-180deg);}
.sa-scaleUp {transform: scale(.5);}
.sa-scaleDown {transform: scale(1.5);}
.sa.show {opacity: 1;transform: none;}

@media all and (max-width:1080px){ 
	.sa {opacity: 1;}
	.sa-up {transform: translate(0, 0);}
	.sa-down {transform: translate(0, 0);}
	.sa-right {transform: translate(0, 0);}
	.sa-left {transform: translate(0, 0);}
	.sa-rotateL {transform: rotate(0);}
	.sa-rotateR {transform: rotate(0);}
	.sa-scaleUp {transform: scale(0);}
	.sa-scaleDown {transform: scale(0);}
	.sa.show {opacity: 1;transform: none;}

}@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Nanum+Myeongjo&display=swap&subset=korean');
* { font-family: "S-Core", sans-serif; }
@font-face {
	font-family: 'S-Core';
	font-weight:100;
	src: url('./web_font/S-CoreDream-1Thin.woff') format('woff'), url('./web_font/S-CoreDream-1Thin.ttf') format('ttf'), url('./web_font/S-CoreDream-1Thin.svg') format('svg'),	url('./web_font/S-CoreDream-1Thin.eot') format('eot');
}
@font-face {
	font-family: 'S-Core';
	font-weight:200;
	src: url('./web_font/S-CoreDream-2ExtraLight.woff') format('woff'), url('./web_font/S-CoreDream-2ExtraLight.ttf') format('ttf'), url('./web_font/S-CoreDream-2ExtraLight.svg') format('svg'),	url('./web_font/S-CoreDream-2ExtraLight.eot') format('eot');
}
@font-face {
  font-family: 'S-Core';
  font-weight:300;
  src: url('./web_font/S-CoreDream-3Light.woff') format('woff'), url('./web_font/S-CoreDream-3Light.ttf') format('ttf'), url('./web_font/S-CoreDream-3Light.svg') format('svg'),	url('./web_font/S-CoreDream-3Light.eot') format('eot');
}
@font-face {
	font-family: 'S-Core';
	font-weight:400;
	src: url('./web_font/S-CoreDream-4Regular.woff') format('woff'), url('./web_font/S-CoreDream-4Regular.ttf') format('ttf'), url('./web_font/S-CoreDream-4Regular.svg') format('svg'),	url('./web_font/S-CoreDream-4Regular.eot') format('eot');
}
@font-face {
	font-family: 'S-Core';
	font-weight:500;
	src: url('./web_font/S-CoreDream-5Medium.woff') format('woff'), url('./web_font/S-CoreDream-5Medium.ttf') format('ttf'), url('./web_font/S-CoreDream-5Medium.svg') format('svg'),	url('./web_font/S-CoreDream-5Medium.eot') format('eot');
}
@font-face {
	font-family: 'S-Core';
	font-weight:600;
	src: url('./web_font/S-CoreDream-6Bold.woff') format('woff'), url('./web_font/S-CoreDream-6Bold.ttf') format('ttf'), url('./web_font/S-CoreDream-6Bold.svg') format('svg'),	url('./web_font/S-CoreDream-6Bold.eot') format('eot');
}
@font-face {
	font-family: 'S-Core';
	font-weight:700;
	src: url('./web_font/S-CoreDream-7ExtraBold.woff') format('woff'), url('./web_font/S-CoreDream-7ExtraBold.ttf') format('ttf'), url('./web_font/S-CoreDream-7ExtraBold.svg') format('svg'),	url('./web_font/S-CoreDream-7ExtraBold.eot') format('eot');
}
@font-face {
	font-family: 'S-Core';
	font-weight:800;
	src: url('./web_font/S-CoreDream-8Heavy.woff') format('woff'), url('./web_font/S-CoreDream-8Heavy.ttf') format('ttf'), url('./web_font/S-CoreDream-8Heavy.svg') format('svg'),	url('./web_font/S-CoreDream-8Heavy.eot') format('eot');
}
@font-face {
	font-family: 'S-Core';
	font-weight:900;
	src: url('./web_font/S-CoreDream-9Black.woff') format('woff'), url('./web_font/S-CoreDream-9Black.ttf') format('ttf'), url('./web_font/S-CoreDream-9Black.svg') format('svg'),	url('./web_font/S-CoreDream-9Black.eot') format('eot');
}.layer_popup{display:none;}

#s_visual{width:100%;height:614px;background:#000;position:relative;}
#s_visual .s_img{width:100%;height:100%;position:absolute;top:0;left:auto;}
#s_visual .sv1_1{background:url('../images/sub/sv1_1.jpg') top center no-repeat #000;background-size:cover;}
#s_visual .sv1_2{background:url('../images/sub/sv1_2.jpg') top center no-repeat #000;background-size:cover;}
#s_visual .sv1_3{background:url('../images/sub/sv1_3.jpg') top center no-repeat #000;background-size:cover;}
#s_visual .sv1_4{background:url('../images/sub/sv1_4.jpg') top center no-repeat #000;background-size:cover;}
#s_visual .sv2_1{background:url('../images/sub/sv2_1.jpg') top center no-repeat #000;background-size:cover;}
#s_visual .sv2_1{background:url('../images/sub/sv2_1.jpg') top center no-repeat #000;background-size:cover;}
#s_visual .sv2_2{background:url('../images/sub/sv2_2.jpg') top center no-repeat #000;background-size:cover;}
#s_visual .sv2_3{background:url('../images/sub/sv2_3.jpg') top center no-repeat #000;background-size:cover;}
#s_visual .sv3_0, #s_visual .sv3_1, #s_visual .sv3_2, #s_visual .sv3_3, #s_visual .sv3_4{background:url('../images/sub/sv3.jpg') top center no-repeat #000;background-size:cover;}
#s_visual .sv4_1{background:url('../images/sub/sv4_1.jpg') top center no-repeat #000;background-size:cover;}
#s_visual .sv4_2{background:url('../images/sub/sv4_2.jpg') top center no-repeat #000;background-size:cover;}
#s_visual .sv5_1{background:url('../images/sub/sv5.jpg') top center no-repeat #000;background-size:cover;}
#s_visual .inner{height:100%;position:relative;z-index:1;}
#s_visual .s_tit{text-align:left;padding-top:370px;}
#s_visual .s_tit span{font-size:2rem;font-weight:500;background:linear-gradient(to right, #13d2b0, #36a2da);color: transparent;-webkit-background-clip: text;}
#s_visual .s_tit h2{font-size:6rem;font-weight:500;color:#fff;}
#s_visual .menu_bar{width:100%;max-width:1400px;background:#fff;box-shadow:12px 12px 21px rgba(0,0,0,0.1);overflow:hidden;position:absolute;left:auto;bottom:-40px;}
#s_visual .menu_bar ul{width:100%;height:80px;display:flex;flex-wrap:nowrap;}
#s_visual .menu_bar ul li{flex:1 1 25%;text-align:center;position:relative;}
#s_visual .menu_bar ul li:after{content:'';display:block;width:1px;height:30%;background:#ddd;position:absolute;right:-1px;top:50%;transform:translateY(-50%);}
#s_visual .menu_bar ul li a{white-space:nowrap;height:100%;display:block;color:#444;font-weight:400;font-size:2rem;padding:24px 0;box-sizing:border-box;position:relative;}
#s_visual .menu_bar ul li a:hover, #s_visual .menu_bar ul li a.on{color:#222;font-weight:500;}
#s_visual .menu_bar ul li a:before{content:'';position:absolute;background:#13d2b0;height:4px;width:0;left:0;bottom:0;transition:0.2s;}
#s_visual .menu_bar ul li a:hover:before{width:100%;}
#s_visual .menu_bar ul li a.on:before{position:absolute;background:#13d2b0;height:4px;width:100%;left:0;bottom:0;}
#p_tit{width:100%;text-align:center;font-size:6rem;line-height:1;font-weight:500;color:#222;margin:150px 0 80px 0;}

@media all and (max-width:1400px){ 
	#s_visual .menu_bar{max-width:100%;left:0;}
}
@media all and (max-width:1200px){ 
	#s_visual{height:400px;}
	#s_visual > div{display:table;}
	#s_visual .s_tit{display:table-cell;padding:0;vertical-align:middle;}
	#s_visual .s_tit h2{font-size:4rem;}
	#s_visual .menu_bar ul{height:auto;}
	#s_visual .menu_bar ul li a{padding:20px 0;}
	#p_tit{font-size:4rem;margin:100px 0 60px 0;}
}
@media all and (max-width:1080px){ 
	#s_visual{height:300px;margin-bottom:40px;}
	#s_visual .s_tit{text-align:center;padding-top:30px;}
	#s_visual .s_tit span{font-size:1.6rem;font-weight:600;}
	#s_visual .s_tit h2{font-size:2.6rem;}
	#s_visual .menu_bar{opacity:1;}
	#s_visual .menu_bar ul li{display:table;}
	#s_visual .menu_bar ul li:after{display:none;}
	#s_visual .menu_bar ul li a{display:table-cell;vertical-align:middle;font-size:1.4rem;padding:8px 0;}
	#p_tit{font-size:2.6rem;margin:80px 0 20px 0;font-weight:600;}
	#s_visual .menu_bar ul li a:before, #s_visual .menu_bar ul li a.on:before{height:2px;}
}
@media all and (max-width:768px){ 
	#s_visual .menu_bar{bottom:-38px;}
	#s_visual .sv1_1{background:url('../images/sub/sv1_1_m.jpg') top center no-repeat #000;background-size:cover;}
	#s_visual .sv1_2{background:url('../images/sub/sv1_2_m.jpg') top center no-repeat #000;background-size:cover;}
	#s_visual .sv1_3{background:url('../images/sub/sv1_3_m.jpg') top center no-repeat #000;background-size:cover;}
	#s_visual .sv1_4{background:url('../images/sub/sv1_4_m.jpg') top center no-repeat #000;background-size:cover;}
	#s_visual .sv2_1{background:url('../images/sub/sv2_1_m.jpg') top center no-repeat #000;background-size:cover;}
	#s_visual .sv2_1{background:url('../images/sub/sv2_1_m.jpg') top center no-repeat #000;background-size:cover;}
	#s_visual .sv2_2{background:url('../images/sub/sv2_2_m.jpg') top center no-repeat #000;background-size:cover;}
	#s_visual .sv2_3{background:url('../images/sub/sv2_3_m.jpg') top center no-repeat #000;background-size:cover;}
	#s_visual .sv3_0, #s_visual .sv3_1, #s_visual .sv3_2, #s_visual .sv3_3, #s_visual .sv3_4{background:url('../images/sub/sv3_m.jpg') top center no-repeat #000;background-size:cover;}
	#s_visual .sv4_1{background:url('../images/sub/sv4_1_m.jpg') top center no-repeat #000;background-size:cover;}
	#s_visual .sv4_2{background:url('../images/sub/sv4_2_m.jpg') top center no-repeat #000;background-size:cover;}
	#s_visual .sv5_1{background:url('../images/sub/sv5_m.jpg') top center no-repeat #000;background-size:cover;}
}#con_wrap{min-height:500px;font-size:1.6rem;line-height:1.8;font-weight:400;color:#666;margin-bottom:80px;}
#con_wrap .btn{display:inline-block;font-size:1.6rem;line-height:1;color:#222;background:#fff;border-radius:100px;padding:20px 50px;font-weight:600;margin:0 10px;border:1px solid #ccc;position:relative;z-index:20;overflow:hidden;}
#con_wrap .btn:after{content:'';width:40px;height:1px;background:#6eba38;display:inline-block;vertical-align:middle;margin-left:10px;position:relative;z-index:1;}
#con_wrap .btn:before{content:'';width:0;height:100%;display:inline-block;background:#6eba38;}
#con_wrap .btn:hover{color:#fff;border-color:#6eba38;}
#con_wrap .btn:hover:after{background:#fff;}
#con_wrap .btn:hover:before{content:'';width:100%;transition:all 0.2s ease;position:absolute;left:0;top:0;z-index:-1;}
@media all and (max-width:1080px){ 
	#con_wrap{font-size:1.4rem;line-height:1.6;margin-bottom:40px;}
}
@media all and (max-width:768px){ 
	#con_wrap .btn{width:auto;padding:10px 25px;font-size:1.4rem;border:1px solid #ccc;}
	#con_wrap .btn:after{content:'';width:20px;}
	#con_wrap .btn:hover{color:#222;border-color:#ccc;}
	#con_wrap .btn:hover:after{content:'';width:20px;height:1px;background:#6eba38;display:inline-block;vertical-align:middle;margin-left:10px;position:relative;z-index:1;}
	#con_wrap .btn:hover:before{display:none;}
}

/* 단어 하나로 묶기*/
span.word{white-space:nowrap;display:inline;}

/*스타일*/
.tit{font-size:3.5rem;line-height:1.4;color:#222;font-weight:600;margin:150px 0 30px 0;text-indent:-65px;padding-left:65px;}
.tit:first-child{margin-top:0;}
.tit:before{content:'';width:45px;height:4px;background:#13d2b0;display:inline-block;margin-right:20px;vertical-align:middle;}
.tb_over{display:table;}
.scroll_wrap{width:100%;overflow-x:scroll;}
.scroll_wrap table th, 
.scroll_wrap table td{white-space:nowrap;}
@media all and (max-width:1399px){ 
	.tit{margin:80px 0 30px 0;}	
}
@media all and (max-width:1080px){ 
	.tit{font-size:1.8rem;text-indent:0;padding-left:0;margin:60px 0 20px 0;}
	.tit:before{content:'';display:block;width:30px;margin:0 0 10px 0;}
}

/*글자색*/
.f_green{color:#13d2b0;}
.f_blue{color:#37a1db;}
.f_red{color:#ce4147;}

/*리스트*/
.dot_list li{padding-left:20px;text-indent:-20px;margin-bottom:20px;}
.dot_list li:before{content:'';width:6px;height:6px;border-radius:100px;background:#464a56;display:inline-block;margin-right:13px;vertical-align:middle;}
.dot_list li strong{font-weight:500;}

/* 테이블 */
table{width:100%;overflow:hidden;letter-spacing:0.05rem;}
table thead th{border:1px solid #ddd;text-align:center;padding:5px;background:#f8f8f8;font-weight:600;}
table thead td{border:1px solid #ddd;text-align:center;padding:5px;}
table tbody th{border:1px solid #ddd;text-align:center;padding:5px;background:#f8f8f8;line-height:1.4;}
table tbody td{border:1px solid #ddd;text-align:center;padding:5px;line-height:1.4;}
table thead th.blue{border-color:#37a1db !important;background:#37a1db;color:#fff;position:relative;}
table thead th.blue:before{content:'';width:1px;height:1000px;background:#37a1db;display:block;position:absolute;left:-1px;top:0;}
table tbody th.blue{border-color:#37a1db !important;color:#37a1db;background:#f5fafd;}
table tbody td.blue{border-color:#37a1db !important;color:#37a1db;}
table tbody th.blue2{border-color:#37a1db !important;color:#37a1db;background:#cfe8f6;}

/*COMPANY*/
.sub1_1 .inner.first{width:auto;margin:0;}
.sub1_1 .tit{font-size:7rem;line-height:1;color:#222;font-weight:600;margin-bottom:40px;margin-top:0;text-indent:-65px;padding-left:65px;}
.sub1_1 .tit:before{content:'';width:135px;height:3px;background:#13d2b0;display:inline-block;margin-right:20px;vertical-align:middle;}
.sub1_1 .mission{display:flex;flex-wrap:nowrap;margin-bottom:150px;align-items:center;}
.sub1_1 .mission .txt{flex:1 1 calc(50% - 80px);text-align:right;padding:80px;display:table-cell;vertical-align:middle;}
.sub1_1 .mission .pic{flex:1 1 50%}
.sub1_1 .mission .pic img{width:100%;}
.sub1_1 .vision{display:flex;flex-wrap:nowrap;flex-direction:row-reverse;margin-bottom:150px;align-items:center;}
.sub1_1 .vision .txt{flex:1 1 calc(50% - 80px);padding:80px;display:table-cell;vertical-align:middle;}
.sub1_1 .vision .pic{flex:1 1 50%;}
.sub1_1 .vision .pic img{width:100%;}
.sub1_1 .comp{display:flex;flex-wrap:nowrap;margin-bottom:150px;}
.sub1_1 .comp .txt{flex:1 1 50%;padding-right:80px;}
.sub1_1 .comp .txt p{margin-bottom:30px;}
.sub1_1 .comp .pic{flex:1 1 calc(50% - 80px);position:relative;}
.sub1_1 .comp .pic img{position:absolute;right:0;top:-7rem;}
.sub1_1 .roadmap{display:flex;flex-wrap:nowrap;justify-content:space-between;flex-direction: row;}
.sub1_1 .roadmap div{flex:0 0 calc(100% / 3 - 27px);}
.sub1_1 .roadmap div p{word-break:keep-all;}
.sub1_1 .roadmap div p.bold{font-weight:600;color:#222;margin-bottom:30px;min-height:120px;}
.sub1_1 .roadmap h3{display:table;width:100%;height:275px;font-size:3rem;font-weight:600;color:#222;text-align:center;}
.sub1_1 .roadmap h3 span{display:table-cell;vertical-align:middle;text-align:left;padding-left:105px;}
.sub1_1 .roadmap .map1 h3{background:url(../images/contents/sub1_1_img04_1.png) -40px 50% no-repeat;background-size:contain;}
.sub1_1 .roadmap .map1 p span{color:#37a1db;}
.sub1_1 .roadmap .map2 h3{background:url(../images/contents/sub1_1_img04_2.png) -40px 50% no-repeat;background-size:contain;}
.sub1_1 .roadmap .map2 h3 span{padding-left:145px;}
.sub1_1 .roadmap .map2 p span{color:#24bac5;}
.sub1_1 .roadmap div p br.mo{display:contents;}
.sub1_1 .roadmap .map3 h3{background:url(../images/contents/sub1_1_img04_3.png) -40px 50% no-repeat;background-size:contain;}
.sub1_1 .roadmap .map3 h3 span{padding-left:130px;}
.sub1_1 .roadmap .map3 p span{color:#13d2b0;}
@media all and (max-width:1399px){ 
	.sub1_1 .tit{font-size:3.5rem;}
	.sub1_1 .comp .pic{padding:0 20%;margin-bottom:40px;}
	.sub1_1 .comp .pic img{width:100%;top:0;}
}
@media all and (max-width:1280px){ 
	.sub1_1 .roadmap div br.pc{display:contents;}
}

@media all and (max-width:1080px){ 
	.sub1_1 .tit{font-size:1.8rem;text-indent:0;padding-left:0;margin:60px 0 20px 0;}
	.sub1_1 .tit:before{content:'';display:block;width:30px;margin:0 0 10px 0;}
	.sub1_1 .mission{flex-wrap:wrap;margin-bottom:0;}
	.sub1_1 .mission h2{margin-top:0;}
	.sub1_1 .mission .txt{flex:0 0 100%;text-align:left;margin-bottom:20px;padding:0;}
	.sub1_1 .mission .txt br{display:contents;}
	.sub1_1 .mission .pic{flex:0 0 100%}
	.sub1_1 .vision{flex-wrap:wrap;margin-bottom:0;}
	.sub1_1 .vision .txt{flex:0 0 100%;padding:0;margin-bottom:20px;}
	.sub1_1 .comp .txt p{margin-bottom:10px;}
	.sub1_1 .vision .pic{flex:0 0 100%;}
	.sub1_1 .comp{flex-wrap:wrap;flex-direction:column-reverse;margin-bottom:0;}
	.sub1_1 .comp .txt{flex:0 0 100%;padding:0;margin-bottom:20px;}
	.sub1_1 .comp .pic{flex:0 0 100%;text-align:center;padding:0 10%;}
	.sub1_1 .comp .pic img{position:relative;right:auto;top:auto;width:60%;}
	.sub1_1 .roadmap{flex-wrap:wrap;}
	.sub1_1 .roadmap div{flex:0 0 100%;margin-bottom:40px;}
	.sub1_1 .roadmap div p.bold{min-height:0;margin-bottom:10px;}
	.sub1_1 .roadmap div p br.mo{display:inline;}
	.sub1_1 .roadmap h3{font-size:2rem;height:220px;margin-bottom:20px;}
	.sub1_1 .roadmap h3 span{text-align:center;padding-left:15%;}
	.sub1_1 .roadmap .map1 h3{background:url(../images/contents/sub1_1_img04_1_m.png) 50% 50% no-repeat;background-size:auto 100%;}
	.sub1_1 .roadmap .map2 h3{background:url(../images/contents/sub1_1_img04_2_m.png) 50% 50% no-repeat;background-size:auto 100%;}
	.sub1_1 .roadmap .map3 h3{background:url(../images/contents/sub1_1_img04_3.png) 50% 50% no-repeat;background-size:auto 100%;}
	.sub1_1 .roadmap .map2 h3 span,
	.sub1_1 .roadmap .map3 h3 span{padding-left:10%;}
}

/*HISTORY*/
.sub1_2 .history dl{display:flex;flex-wrap:nowrap;margin-bottom:80px; align-items:baseline;}
.sub1_2 .history dl dt{flex:0 0 330px;color:#37a1db;padding-right:20px;overflow:hidden;}
.sub1_2 .history dl dt h3{font-size:3rem;width:170px;height:170px;line-height:170px;text-align:center;border-radius:1000px;border:1px solid #8fe9d9;color:#15cfb3;position:relative;}
.sub1_2 .history dl dt h3:after{content:'';display:inline-block;width:100%;height:1px;background:transparent;border-top:1px dashed #15cfb3;position:absolute;top:53%;left:190px;}
.sub1_2 .history dl:first-child dt h3{background:linear-gradient(to bottom right, #15cfb3, #34a5d8);color:#fff;}
.sub1_2 .history dl:nth-child(even) dt h3{border:1px solid #9bd0ed;color:#34a5d8;}
.sub1_2 .history dl:nth-child(even) dt h3:after{border-color:#34a5d8;}
.sub1_2 .history dl dd{flex:1 1 auto;padding-left:20px;}
.sub1_2 .history dl dd ul li{color:#666;margin-bottom:30px;text-indent:-38px;padding-left:30px;}
.sub1_2 .history dl dd ul li:before{content:'';display:inline-block;width:9px;height:9px;background:#fff;border:3px solid #15cfb3;border-radius:100px;margin-right:20px;}
.sub1_2 .history dl:nth-child(even) dd ul li:before{content:'';border-color:#34a5d8;}
@media all and (max-width:1399px){ 
	.sub1_2 .history dl dt{flex-basis:200px;}
	.sub1_2 .history dl dt h3{font-size:2.6rem;width:140px;height:140px;line-height:140px;}
	.sub1_2 .history dl dt h3:after{left:150px;}

}
@media all and (max-width:768px){ 
	.sub1_2 .history dl{flex-wrap:wrap;margin-bottom:40px;}
	.sub1_2 .history dl dt{flex-basis:100px;}
	.sub1_2 .history dl dt h3{width:80px;height:80px;line-height:80px;font-size:2rem;}
	.sub1_2 .history dl dt h3:after{left:80px;}
	.sub1_2 .history dl dd{flex-basis:calc(100% - 100px);}
	.sub1_2 .history dl dd ul li{text-indent:-20px;padding-left:20px;margin-bottom:10px;}
	.sub1_2 .history dl dd ul li:before{width:6px;height:6px;border-width:2px;margin-right:10px;}
}

/*PARTNERSHIP*/
.sub1_3{text-align:center;}
.sub1_3 h3{color:#222;font-weight:600;font-size:3rem;}
.sub1_3 p{margin-top:20px;}
.sub1_3 .mo{display:none;}
@media all and (max-width:1080px){ 
	.sub1_3 h3{font-size:2.4rem;}
	.sub1_3 .mo{display:block;width:100%;}
	.sub1_3 .pc{display:none;}
}
@media all and (max-width:768px){ 
	.sub1_3 h3{font-size:1.8rem;}
}

/*CONTACT*/
.sub1_4 .map_wrap{display:flex;flex-wrap:nowrap;justify-content:center;align-items:top;}
.sub1_4 .map_wrap .pic{flex:0 0 420px;margin-right:20px;text-align:center;}
.sub1_4 .map_wrap .pic img{width:100%;}
.sub1_4 .map_wrap .map{flex: 1 1 auto;position:relative;}
.sub1_4 .map_wrap .map .txt{width:100%;padding:30px;background:linear-gradient(114deg, #36a2da 42%, #15cfb3 65%);position:absolute;bottom:0;left:auto;color:#fff;}
.sub1_4 .map_wrap .map .txt p{color:inherit;font-size:1.8rem;font-weight:600;}
.sub1_4 .map_wrap .map .txt dl{color:inherit;display:inline-block;margin-top:10px;}
.sub1_4 .map_wrap .map .txt dl dt{color:inherit;display:inline-block;border:1px solid rgba(255,255,255,0.5);border-radius:100px;width:35px;height:35px;line-height:35px;text-align:center;font-weight:500;margin-right:10px;}
.sub1_4 .map_wrap .map .txt dl dd{color:inherit;display:inline-block;font-weight:500;margin-right:50px;}
.sub1_4 .map_wrap .map .txt:after{content:'';width:54px;height:54px;display:inline-block;background:url(../images/contents/sub1_4_ic.png)0 0 no-repeat;position:absolute;right:30px;top:50%;transform:translateY(-50%);}
@media all and (max-width:1399px){ 
	.sub1_4 .map_wrap .pic{margin-right:10px;flex:0 0 350px;}
	.sub1_4 .map_wrap .pic{width:350px;height:auto;}
	.sub1_4 .map_wrap .map .txt{padding:20px;}
}
@media all and (max-width:1280px){ 
	.sub1_4 .map_wrap .map .txt:after{display:none;}
}
@media all and (max-width:1080px){ 
	.sub1_4 .map_wrap .pic{width:100%;flex:0 0 40%;}
	.sub1_4 .map_wrap .map{width:100%;flex:0 0 60%;}
	.sub1_4 .map_wrap .map .txt{padding:20px 100px 20px 20px;}
	.sub1_4 .map_wrap .map .txt:after{display:block;}
	.sub1_4 .map_wrap .map .txt p{font-size:1.4rem;}
	.sub1_4 .map_wrap .map .txt dl dt{width:25px;height:25px;line-height:25px;margin-right:5px;}
	.sub1_4 .map_wrap .map .txt dl dd{margin-right:20px;}
}
@media all and (max-width:768px){ 
	.sub1_4 .map_wrap{flex-wrap:wrap;flex-direction:column;}
	.sub1_4 .map_wrap .pic{flex:0 0 100%;margin-bottom:10px;}
	.sub1_4 .map_wrap .map{flex:0 0 100%;}
	.sub1_4 .map_wrap .map .txt:after{display:none;}
	.sub1_4 .map_wrap .map .txt{padding:15px;}
	.sub1_4 .map_wrap .map .txt dl dd{width:calc(100% - 35px);margin:0 0 10px 0;}
}

/*TECHNOLOGY*/
.tech_top{width:100%;max-height:150px;background:linear-gradient(to right, #13d2b0, #36a2da);border-radius:20px;overflow:hidden;}
.tech_top dl{width:100%;height:100%;display:table;padding:40px 0;background:url(../images/contents/tech_top.png) right 0 no-repeat;background-size:contain;}
.tech_top dl dt{width:30%;display:table-cell;text-align:center;vertical-align:middle;color:#fff;position:relative;}
.tech_top dl dt:before{content:'';width:1px;height:50px;background:#fff;opacity:0.3;display:inline-block;position:absolute;right:40px;top:50%;margin-top:-25px;}
.tech_top dl dt strong{font-size:4.5rem;line-height:1;font-weight:600;}
.tech_top dl dd{width:70%;display:table-cell;vertical-align:middle;color:#fff;}
.col2{display:flex;flex-wrap:nowrap;justify-content:space-between;margin-top:60px;}
.col2 div{flex:0 0 calc(50% - 20px);}
.col2 div.pic{border:1px solid #ddd;text-align:center;padding:40px;}
.col2 div.pic h3{color:#444;}
.col2 div video{width:100%;}
@media all and (max-width:1080px){ 
	.tech_top{max-height:100%;background:linear-gradient(to right, #13d2b0, #36a2da);border-radius:10px;}
	.tech_top dl{display:inline-block;background:none;padding:20px;}
	.tech_top dl dt{display:inline-block;width:100%;padding:10px 0;}
	.tech_top dl dt:before{width:100%;height:1px;top:auto;right:0;bottom:0;}
	.tech_top dl dt strong{font-size:2.2rem;line-height:1.4;}
	.tech_top dl dd{display:inline-block;width:100%;padding:10px 0;text-align:center;opacity:0.8;}
	.col2{flex-wrap:wrap;margin-top:40px;}
	.col2 div{flex:0 0 100%;margin-bottom:20px;}
	.col2 div.pic{padding:20px;}
	.col2 div img{width:100%;}
}

/*AiCE*/
.sub2_1 .intro{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;}
.sub2_1 .intro div{flex:0 0 432px;display:table;max-width:432px;height:441px;text-align:center;font-size:1.8rem;font-weight:500;padding:0 30px;}
.sub2_1 .intro div .txt{display:table-cell;vertical-align:middle;}
.sub2_1 .intro div .txt p{color:#222;}
.sub2_1 .intro div .txt h3{font-size:2.4rem;line-height:1;font-weight:600;margin:10px 0 20px 0;}
.sub2_1 .intro div.left{background:url(../images/contents/sub2_1_img01_1.png) right 50% no-repeat;background-size:contain;}
.sub2_1 .intro div.left h3{color:#13d2b0;}
.sub2_1 .intro div.right{background:url(../images/contents/sub2_1_img01_2.png) left 50% no-repeat;background-size:contain;}
.sub2_1 .intro div.right h3{color:#37a1db;}
.sub2_1 .appli{display:flex;flex-wrap:nowrap;justify-content:space-between;flex-direction:row;align-items: stretch;}
.sub2_1 .appli li{flex:0 0 calc(100% / 3 - 20px);position:relative;}
.sub2_1 .appli li:nth-child(1){background:url(../images/contents/sub2_1_img02.jpg) top center no-repeat;background-size:contain;}
.sub2_1 .appli li:nth-child(2){background:url(../images/contents/sub2_1_img03.jpg) top center no-repeat;background-size:contain;}
.sub2_1 .appli li:nth-child(3){background:url(../images/contents/sub2_1_img04.jpg) top center no-repeat;background-size:contain;}
.sub2_1 .appli li .txt{background:#fff;width:80%;padding:40px;margin:60% auto 0 auto;}
.sub2_1 .appli li .txt em{font-size:3rem;line-height:1;font-weight:600;background:linear-gradient(to bottom, #13d2b0, #36a2da);color:transparent;-webkit-background-clip:text;margin-right:30px;}
.sub2_1 .appli li .txt p{font-weight:400;color:#444;margin-top:20px;}
.sub2_1 .pra p{margin-bottom:20px;}
.sub2_1 .pra p span.under{text-decoration:underline;}
.sub2_1 .patent{border:2px solid #eee;text-align:center;padding:80px;}
.sub2_1 .patent dl{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;}
.sub2_1 .patent dl dt{flex:0 0 430px;}
.sub2_1 .patent dl dt img{box-shadow:21px 21px 21px rgba(0,0,0,0.15);}
.sub2_1 .patent dl dd{flex:1 1 auto;max-width:500px;padding-left:40px;text-align:left;}
.sub2_1 .patent dl dd h3{font-size:2.4rem;line-height:1.3;font-weight:500;color:#222;border-bottom:1px solid #13d2b0;padding-bottom:20px;margin-bottom:20px;}
.sub2_1 .patent dl dd table{width:auto;border:0;}
.sub2_1 .patent dl dd table th{border:0;text-align:left;background:0;font-weight:600;}
.sub2_1 .patent dl dd table td{border:0;text-align:left;padding:8px 20px;}
@media all and (max-width:1399px){ 
	.sub2_1 .patent{padding:60px;}
}
@media all and (max-width:1280px){ 
	.sub2_1 .intro div{flex:0 0 350px;max-width:100%;height:370px;padding:0 30px;}
	.sub2_1 .intro div .txt p{line-height:1.4;font-size:1.6rem;}
}
@media all and (max-width:1080px){ 
	.sub2_1 .intro div .txt h3{font-size:2rem;margin:10px 0;}
	.sub2_1 .intro div .txt p{font-size:1.4rem;}
	.sub2_1 .appli{flex-wrap:wrap;}
	.sub2_1 .appli li:nth-child(1){background-size:cover;}
	.sub2_1 .appli li:nth-child(2){background-size:cover;}
	.sub2_1 .appli li:nth-child(3){background-size:cover;}
	.sub2_1 .appli li .txt{width:90%;padding:20px;}
	.sub2_1 .appli li .txt em{font-size:2rem;}
	.sub2_1 .appli li .txt p{margin-top:10px;}
	.sub2_1 .patent{padding:40px;}
	.sub2_1 .patent dl dt{flex:0 0 200px;}
	.sub2_1 .patent dl dt img{width:100%;box-shadow:10px 10px 10px rgba(0,0,0,0.15);}
	.sub2_1 .patent dl dd{max-width:100%;}
	.sub2_1 .patent dl dd h3{font-size:1.8rem;}
}
@media all and (max-width:768px){ 
	.sub2_1 .intro{flex-wrap:wrap;}
	.sub2_1 .intro div{flex:0 0 100%;height:300px;padding:0 25px;}
	.sub2_1 .intro div .txt h3{font-size:1.8rem;}
	.sub2_1 .intro div .txt p{width:48%;margin:0 auto;}
	.sub2_1 .intro div.left{background:url(../images/contents/sub2_1_img01_1_m.png) bottom center no-repeat;background-size:contain;}
	.sub2_1 .intro div.right{background:url(../images/contents/sub2_1_img01_2_m.png) top center no-repeat;background-size:contain;}
	.sub2_1 .appli li{flex:0 0 100%;margin-bottom:20px;}
	.sub2_1 .appli li .txt{width:auto;padding:20px;margin:30px;background:linear-gradient(90deg, rgba(255,255,255,0.9) 51%, rgba(255,255,255,0) 94%);}
	.sub2_1 .patent{padding:20px;}
	.sub2_1 .patent dl{flex-wrap:wrap;}
	.sub2_1 .patent dl dt{flex:0 0 100%;text-align:center;padding-bottom:20px;}
	.sub2_1 .patent dl dt img{width:240px;}
	.sub2_1 .patent dl dd{flex:0 0 100%;padding:0;}
	.sub2_1 br.pc{display:contents;}
}
@media all and (max-width:400px){ 
	.sub2_1 .intro div .txt p{width:100%;}
}

/*Synthese*/
.sub2_2 .platform{height:360px;display:flex;align-items:center;justify-content:center;margin-top:80px;}
.sub2_2 .platform div{flex:0 0 360px;display:inline-flex;align-items:center;height:100%;}
.sub2_2 .platform div p{font-size:2rem;font-weight:500;color:#222;line-height:1.4;padding:0 40px;}
.sub2_2 .platform .left{background:url(../images/contents/sub2_2_img01_1.png) right center no-repeat;background-size:contain;}
.sub2_2 .platform .right{background:url(../images/contents/sub2_2_img01_2.png) left center no-repeat;background-size:contain;}
.sub2_2 .process{display:flex;flex-wrap:nowrap;justify-content:space-between;flex-direction:row;overflow-x:hidden;}
.sub2_2 .process dl{flex:0 0 calc(100% / 3 - 40px);}
.sub2_2 .process dl dt{position:relative;border:1px solid #ddd;}
.sub2_2 .process dl dt:after{content:'arrow';font-size:0;background:url(../images/contents/arrow01.png) 0 0 no-repeat;display:block;width:28px;height:28px;position:absolute;right:-34px;top:50%;transform:translateY(-50%);}
.sub2_2 .process dl dt em{width:50px;height:50px;line-height:50px;font-size:2rem;font-weight:400;color:#fff;background:#555a69;position:absolute;left:-1px;top:-1px;text-align:center;}
.sub2_2 .process dl dt .arrow{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);}
.sub2_2 .process dl dd{padding:20px 0 80px 0;}
.sub2_2 .process dl dd.half p{float:left;width:50%;display:inline-block;}
.sub2_2 .process dl dd p.bbox{background:#d7ecf8;border-radius:10px;padding:10px;text-align:center;}
.sub2_2 .process.reverse{flex-direction:row-reverse;}
.sub2_2 .process.reverse dl dt{border:1px solid #13d2b0;}
.sub2_2 .process.reverse dl dt em{background:linear-gradient(to right, #13d2b0, #36a2da);}
.sub2_2 .process.reverse dl dt:after{content:'arrow';transform:translateY(-50%) rotate(180deg);}
.sub2_2 .expected{display:flex;flex-wrap:nowrap;justify-content:space-between;flex-direction:row;align-items: stretch;}
.sub2_2 .expected li{flex:0 0 calc(100% / 3 - 20px);position:relative;}
.sub2_2 .expected li:nth-child(1){background:url(../images/contents/sub2_2_img04.jpg) top center no-repeat;background-size:contain;}
.sub2_2 .expected li:nth-child(2){background:url(../images/contents/sub2_2_img05.jpg) top center no-repeat;background-size:contain;}
.sub2_2 .expected li:nth-child(3){background:url(../images/contents/sub2_2_img06.jpg) top center no-repeat;background-size:contain;}
.sub2_2 .expected li .txt{background:#fff;width:80%;padding:40px;margin:60% auto 0 auto;}
.sub2_2 .expected li .txt em{font-size:3rem;line-height:1;font-weight:600;background:linear-gradient(to bottom, #13d2b0, #36a2da);color:transparent;-webkit-background-clip:text;margin-right:30px;}
.sub2_2 .expected li .txt p{font-weight:400;color:#444;margin-top:20px;}
.sub2_2 .compare{display:flex;}
.sub2_2 .compare table{width:calc(100% - 285px);overflow:hidden;}
.sub2_2 .compare table thead th.pic{border:0 !important;background:url(../images/contents/th_bg.gif) right 50% no-repeat #fff !important;padding:5px;}
.sub2_2 .compare table thead th.pic.p3{background:#f5fafd !important;border-right:1px solid #f5fafd !important;}
.sub2_2 .compare table thead th.pic.no_bg{background:none !important;}
.sub2_2 .compare .des{width:285px;padding:20px 10px;background:#f5fafd;}
.sub2_2 .compare .des h4{font-size:1.6rem;font-weight:500;color:#37a1db;line-height:1.6;margin:20px 0 10px 0;}
.sub2_2 .compare .des .dot_list li{line-height:1.6;font-size:1.5rem;color:#444;font-weight:300;}
.sub2_2 .movie{width:900px;height:500px;margin:0 auto;}
.sub2_2 .movie video{width:100%;}
.sub2_2 .patent_list{width:100%;border-top:1px solid #222;}
.sub2_2 .patent_list li{border-bottom:1px solid #ddd;padding:30px;}
.sub2_2 .patent_list li h3{font-size:2.2rem;color:#222;font-weight:600;margin-bottom:20px;text-indent:0;}
.sub2_2 .patent_list .info{display:inline-block;}
.sub2_2 .patent_list .info dt{display:inline-block;font-weight:600;margin-right:10px;}
.sub2_2 .patent_list .info dd{display:inline-block;margin-right:25px;}
@media all and (max-width:1399px){ 
	.sub2_2 .process dl dt img{width:100%;}
	.sub2_2 .process dl dt .arrow{width:auto;}
	.sub2_2 .process dl dd{padding:20px 0 40px 0;}
}
@media all and (max-width:1080px){ 
	.sub2_2 .platform div p{font-size:1.6rem;}
	.sub2_2 .process{flex-wrap:wrap;flex-direction:row;overflow-x:visible;overflow-y:hidden;}
	.sub2_2 .process dl{flex:0 0 100%;margin-bottom:80px;}
	.sub2_2 .process dl:last-child{margin-bottom:40px;}
	.sub2_2 .process dl dt:after, .sub2_2 .process.reverse dl dt:after{top:-50px;right:50%;transform:translate(50%, 0%) rotate(90deg);}
	.sub2_2 .process dl dt{text-align:center;}
	.sub2_2 .process dl dt img{width:auto;}
	.sub2_2 .process dl dd{padding:20px 0 0 0;}
	.sub2_2 .expected{flex-wrap:wrap;}
	.sub2_2 .expected li .txt{width:90%;padding:20px;}
	.sub2_2 .expected li .txt em{font-size:2rem;}
	.sub2_2 .expected li .txt p{margin-top:10px;}
	.sub2_2 .compare{/*overflow-x:scroll;*/width:1500px;}
	.sub2_2 .compare th,
	.sub2_2 .compare td{white-space:nowrap;}
	.sub2_2 .compare table{width:auto;}
	.sub2_2 .compare .des{width:400px;padding:20px 40px 20px 20px;}
	.sub2_2 .compare .des h4{font-size:1.6rem;}
	.sub2_2 .compare .des .dot_list li{font-size:1.4rem;}
	.sub2_2 .movie{width:100%;height:auto;}
	.sub2_2 .patent_list li{padding:20px;}
	.sub2_2 .patent_list li h3{font-size:1.6rem;margin-bottom:10px;}
	.sub2_2 .patent_list .info dt{width:35%;margin:0;}
	.sub2_2 .patent_list .info dd{width:60%;margin:0;}
}
@media all and (max-width:768px){ 
	.sub2_2 .platform div{flex-basis:50%;}
	.sub2_2 .process dl dt img{width:100%;}
	.sub2_2 .process dl dt em{width:30px;height:30px;line-height:30px;font-size:1.6rem;}
	.sub2_2 .expected li{flex:0 0 100%;margin-bottom:20px;}
	.sub2_2 .expected li:nth-child(1){background-size:cover;}
	.sub2_2 .expected li:nth-child(2){background-size:cover;}
	.sub2_2 .expected li:nth-child(3){background-size:cover;}
}
@media all and (max-width:600px){ 
	.sub2_2 .platform{height:auto;flex-wrap:wrap;margin-top:40px;}
	.sub2_2 .platform div{flex-basis:100%;height:300px;}
	.sub2_2 .platform div p{width:50%;margin:0 auto;padding:0;}
	.sub2_2 .platform .left{background:url(../images/contents/sub2_2_img01_1_m.png) bottom center no-repeat;background-size:contain;}
	.sub2_2 .platform .right{background:url(../images/contents/sub2_2_img01_2_m.png) top center no-repeat;background-size:contain;}
}

/*Hetero Synthese*/
.sub2_3 .top_txt{display:flex;flex-wrap:nowrap;align-items: center;}
.sub2_3 .top_txt p:nth-child(1){flex:0 0 47%;}
.sub2_3 .top_txt p:nth-child(1) strong{font-size:3rem;font-weight:600;color:#222;}
.sub2_3 .top_txt p:nth-child(2){flex:1 1 52%;padding:20px 0 60px 0;text-align:center;}
.sub2_3 .patent_list{width:100%;border-top:1px solid #222;}
.sub2_3 .patent_list li{border-bottom:1px solid #ddd;padding:30px;}
.sub2_3 .patent_list li h3{font-size:2.2rem;color:#222;font-weight:600;margin-bottom:20px;text-indent:0;}
.sub2_3 .patent_list .info{display:inline-block;}
.sub2_3 .patent_list .info dt{display:inline-block;font-weight:600;margin-right:10px;}
.sub2_3 .patent_list .info dd{display:inline-block;margin-right:25px;}
.sub2_3 .movie video{width:100%;}
@media all and (max-width:1399px){ 
	.sub2_3 .top_txt p:nth-child(1){flex:0 0 55%;}
	.sub2_3 .top_txt p:nth-child(2){flex:0 0 45%;}
	.sub2_3 .top_txt p:nth-child(2) img{width:100%;}
}
@media all and (max-width:1080px){ 
	.sub2_3 .movie{height:auto;}
	.sub2_3 .patent_list li{padding:20px;}
	.sub2_3 .patent_list li h3{font-size:1.6rem;margin-bottom:10px;}
	.sub2_3 .patent_list .info dt{width:35%;margin:0;}
	.sub2_3 .patent_list .info dd{width:60%;margin:0;}
}
@media all and (max-width:768px){ 
	.sub2_3 .top_txt{flex-wrap:wrap;flex-direction:column-reverse;}
	.sub2_3 .top_txt p:nth-child(1){flex:0 10 100%;padding:20px 0 40px 0;}
	.sub2_3 .top_txt p:nth-child(1) strong{font-size:1.8rem;}
	.sub2_3 .top_txt p:nth-child(2){flex:0 10 100%;padding:0 10%;}
}

/*PIPELINE*/
.sub3_list .inner{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row;}
.sub3_list .box{flex:0 0 calc(100% / 2 - 40px);margin-bottom:80px;text-align:center;}
.sub3_list .box dt{color:#fff;font-weight:600;padding:120px 0;max-height:310px;}
.sub3_list .box dt em{color:inherit;font-size:2rem;}
.sub3_list .box dt h3{color:inherit;font-size:4rem;line-height:1.5;}
.sub3_list .box dd p{font-size:2rem;font-weight:600;color:#222;margin-top:20px;}
.sub3_list .box dd ul{margin-bottom:50px;}
.sub3_list .box dd ul li{display:inline-block;}
.sub3_list .box dd ul li:after{content:'·';margin:0 5px;}
.sub3_list .box dd ul li:last-child:after{content:'';}
.sub3_list .box1 dt{background:url(../images/contents/sub3_img01.jpg) 50% 50% no-repeat;}
.sub3_list .box2 dt{background:url(../images/contents/sub3_img02.jpg) 50% 50% no-repeat;}
.sub3_list .box3 dt{background:url(../images/contents/sub3_img03.jpg) 50% 50% no-repeat;}
.sub3_list .box4 dt{background:url(../images/contents/sub3_img04.jpg) 50% 50% no-repeat;}
.sub3_list .pipe_tb{width:100%;border-top:1px solid #222;}
.sub3_list .pipe_tb th{border:0;border-bottom:1px solid #ddd;background:0;}
.sub3_list .pipe_tb td{border:0;border-bottom:1px solid #ddd;padding:15px 10px;}
.sub3_list .pipe_tb td.dotted{border-right:1px dashed #aaa;}
.sub3_list .pipe_tb td.dotted.first{background:url(../images/contents/pipe_shadow.png) left top repeat-y;position:relative;}
.sub3_list .pipe_tb td span.bar{display:inline-block;font-size:0;width:100%;height:3px;background:linear-gradient(90deg, #15cfb3 37%, #34a5d8 65%);position:absolute;left:0;top:50%;transform:translateY(-50%);}
.sub3_list .pipe_tb td span.bar:after{content:'';width:10px;height:10px;display:inline-block;background:#34a5d8;border-radius:100px;position:absolute;right:0;top:50%;transform:translateY(-50%);}
@media all and (max-width:1399px){ 
	.sub3_list .box{flex:0 0 calc(100% / 2 - 20px);margin-bottom:60px;}
}
@media all and (max-width:1280px){ 
	.sub3_list .box dt{padding:80px 0;}
	.sub3_list .box dd ul{margin-bottom:30px;}
	.sub3_list .box dt em{font-size:1.8rem;}
	.sub3_list .box dt h3{font-size:2.8rem;}
	.sub3_list .box dd p{font-size:1.8rem;margin-top:10px;}
}
@media all and (max-width:768px){ 
	.sub3_list .box{flex:0 0 100%;margin-bottom:40px;}
	.sub3_list .box dt{padding:60px 0;}
	.sub3_list .box dt em{font-size:1.6rem;}
	.sub3_list .box dt h3{font-size:2rem;}
	.sub3_list .box dd p{font-size:1.6rem;}
	.sub3_list .box dd ul{margin-bottom:20px;}
	.sub3_list .pipe_tb th, .sub3_list .pipe_tb td{white-space:nowrap;}

}

.sub3_view{text-align:center;}
.sub3_view .top_con{padding:100px 0;max-height:470px;}
.sub3_view .top_con em{font-size:3rem;line-height:1;font-weight:600;color:#fff;}
.sub3_view .top_con h2{font-size:6rem;line-height:1;font-weight:600;color:#fff !important;margin-top:20px;}
.sub3_view .top_con h2:before{content:'';display:none !important;}
.sub3_view .top_con h2:after{content:'';width:98px;height:1px;background:#13d2b0;display:block;margin:40px auto 0 auto;}
.sub3_view .top_con p{font-size:2.2rem;font-weight:600;color:#fff;opacity:0.6;margin-top:10px;}
.sub3_view .top_con ul li{display:inline-block;color:#fff;opacity:0.6;}
.sub3_view .top_con ul li:after{content:'·';margin:0 5px;}
.sub3_view .top_con ul li:last-child:after{content:'';}
.sub3_1 .top_con{width:100%;background:url(../images/contents/sub3_1_img.jpg) 50% 50% no-repeat;}
.sub3_2 .top_con{width:100%;background:url(../images/contents/sub3_2_img.jpg) 50% 50% no-repeat;}
.sub3_3 .top_con{width:100%;background:url(../images/contents/sub3_3_img.jpg) 50% 50% no-repeat;}
.sub3_4 .top_con{width:100%;background:url(../images/contents/sub3_4_img.jpg) 50% 50% no-repeat;}
.sub3_view .bottom_con{margin-bottom:60px;}
.sub3_view .bottom_con dl{width:100%;display:flex;flex-wrap:nowrap;align-items:center;border-bottom:1px solid #ddd;padding:50px 0;}
.sub3_view .bottom_con dl dt{flex:0 0 150px;}
.sub3_view .bottom_con dl dd{flex:1 1 calc(100% - 150px);text-align:left;}
.sub3_view .bottom_con dl dd h3{color:#222;font-size:2rem;margin-bottom:20px;}
@media all and (max-width:1280px){ 
	.sub3_view .bottom_con dl{padding:30px 0;}
	.sub3_view .bottom_con dl dd h3{margin-bottom:0;}
	.sub3_view .top_con{padding:60px 0;}
	.sub3_view .top_con em{font-size:2rem;}
	.sub3_view .top_con h2{font-size:4rem;}
	.sub3_view .top_con h2:after{width:50px;margin:20px auto;}
	.sub3_view .top_con p{font-size:2rem;margin-top:0;}
}
@media all and (max-width:1080px){ 
	.sub3_view .bottom_con dl{align-items:flex-start;}
	.sub3_view .bottom_con dl dt{flex:0 0 80px;text-align:left;padding:0 10px;}
	.sub3_view .bottom_con dl dt img{width:45px;}
	.sub3_view .bottom_con dl dd{flex:1 1 calc(100% - 80px);}
	.sub3_view .bottom_con dl dd h3{font-size:1.8rem;margin-bottom:10px;}
}
@media all and (max-width:768px){ 
	.sub3_4 .top_con{padding:30px 0;}
	.sub3_view .top_con{padding:60px 0;}
	.sub3_view .top_con em{font-size:1.8rem;}
	.sub3_view .top_con h2{font-size:2.6rem;margin-top:20px;}
	.sub3_view .top_con p{font-size:1.8rem;}
	.sub3_view .bottom_con dl{padding:20px 0;}
	.sub3_view .bottom_con dl dd h3{font-size:1.6rem;}
}

/*CAREER*/
.sub5 .ideal{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row;margin-top:80px;}
.sub5 .ideal dl{flex:0 0 calc(100% / 4 - 30px);}
.sub5 .ideal dl dt{width:100%;border-bottom:1px solid #ddd;font-size:1.6rem;font-weight:300;padding-bottom:10px;}
.sub5 .ideal dl dt h3{font-size:2.4rem;color:#37a1db;font-weight:500;display:inline-block;position:relative;}
.sub5 .ideal dl dt h3:after{content:'';width:100%;height:2px;background:#37a1db;display:block;position:absolute;bottom:-11px;}
.sub5 .ideal dl dt img{float:right;padding-bottom:10px;}
.sub5 .ideal dl dd{width:100%;padding-top:20px;word-break:keep-all;}
.sub5 .bell:before{content:'';width:16px;height:20px;display:inline-block;background:url(../images/contents/bell.gif) 50% 50% no-repeat;vertical-align:middle;margin-right:10px;}
.sub5 br.mo{display:contents;}
@media all and (max-width:1080px){ 
	.sub5 p img{width:100%;}
	.sub5 .ideal{margin-top:40px;}
	.sub5 .ideal dl{flex:0 0 calc(100% / 2 - 10px);margin-bottom:30px;}
	.sub5 .ideal dl dt{font-size:1.4rem;}
	.sub5 .ideal dl dt h3{font-size:1.8rem;}
	.sub5 .ideal dl dd{padding-top:10px;}
	.sub5 .ideal dl dd br{display:contents;}
	.sub5 table th{white-space:nowrap;}
	.sub5 table td{word-break:break-word;}
	.sub5 table td.gubun, .sub5 table td.gigan{white-space:nowrap;}
	.sub5 br.mo{display:inline;}
}

@charset "utf-8";

span.eon{display:inline-block;width:95px;height:40px;line-height:40px;font-weight:500;background:#13d2b0;color:#fff;}
span.eoff{display:inline-block;width:95px;height:40px;line-height:40px;font-weight:500;background:#959595;color:#fff;}
@media all and (max-width:768px){ 
	span.eon{display:inline-block;width:75px;height:30px;line-height:30px;}
	span.eoff{display:inline-block;width:75px;height:30px;line-height:30px;}
}

input[type="text"], input[type="password"]{padding:5px 10px;font-size:1.8rem;}
select{padding:5px 30px 5px 10px;font-size:1.8rem;background:url(../images/board/down_arrow.png) right 50% no-repeat;}
@media all and (max-width:768px){ 

}

.search-area{border:1px solid #ddd;float:right;margin-bottom:30px;position:relative;z-index:1;}
.search-area .selectBox{font-size:1.8rem;color:#444;width:130px;height:50px;display:inline-block;border:0;margin:0 20px;appearance:none;}
.search-area .input-grp{display:inline-block;border:0;}
.search-area .input-grp:before{content:'';width:1px;height:15px;display:inline-block;background:#ddd;vertical-align:middle;}
.search-area .input-grp .inputbox{font-size:1.8rem;width:300px;height:50px;line-height:50px;display:inline-block;border:0;padding:0 10px;}
.search-area .input-grp .bt-search{margin:0 10px;vertical-align:middle;font-size:0;display:inline-block;width:30px;height:30px;background:url(../images/board/search_icon.png) 50% 50% no-repeat;}
@media all and (max-width:768px){ 
	.search-area{width:100%;margin-bottom:20px;}
	.search-area .selectBox{width:100%;height:40px;margin:0;font-size:1.4rem;border-bottom:1px solid #eee;}
	.search-area .input-grp{width:100%;}
	.search-area .input-grp .inputbox{font-size:1.4rem;width:calc(100% - 50px);height:40px;line-height:40px;}
	.search-area .input-grp .bt-search{margin:0;width:40px;height:40px;background-size:50%;}
}

table.board_list{margin-bottom:60px;}
table.board_list th, table.board_list td{padding:20px 10px;background:#fff;border:0;font-size:1.8rem;}
table.board_list thead th{border-top:1px solid #222;border-bottom:1px solid #222;font-weight:500;color:#222;text-transform:capitalize;}
table.board_list tbody td{border-bottom:1px solid #ddd;}
table.board_list tbody tr:hover td{background:#f9f9f9;}
@media all and (max-width:768px){ 
	table.board_list{margin-bottom:40px;}
	table.board_list th, table.board_list td{padding:10px;font-size:1.4rem;}
	table.board_list td.date{white-space:nowrap;}

}
.board_list2{width:100%;display:inline-block;border-top:1px solid #222;margin-bottom:60px;}
.board_list2 dl{width:100%;display:flex;flex-wrap:wrap;flex-direction:row-reverse;}
.board_list2 dl:hover{background:#f9f9f9;}
.board_list2 dl dt{flex:1 1 calc(100% - 120px);border-bottom:1px solid #ddd;}
.board_list2 dl dt a{display:block;color:#222;font-size:1.8rem;line-height:1.6;font-weight:500;padding:30px 90px 30px 0;position:relative;}
.board_list2 dl dt a .arrow{font-size:0;display:block;background:#fff;width:50px;height:50px;border-radius:100px;border:1px solid #eee;position:absolute;right:30px;top:50%;transform:translateY(-50%);overflow:hidden;}
.board_list2 dl dt a .arrow:before{content:'';width:100%;height:100%;display:inline-block;background:url(../images/board/arrow1.png)50% 50% no-repeat;}
.board_list2 dl dt a:hover .arrow{background:linear-gradient(to bottom, #14d1b1, #36a3d9);border-color:transparent;}
.board_list2 dl dt a:hover .arrow:before{background:url(../images/board/arrow2.png)50% 50% no-repeat;}
.board_list2 dl dd{flex:0 0 120px;display:table;font-size:1.5rem;line-height:1.4;color:#999;font-weight:600;text-align:center;border-bottom:1px solid #ddd;}
.board_list2 dl dd span{display:table-cell;height:100%;vertical-align:middle;}
.board_list2 dl dd span strong{display:block;font-size:2.4rem;}
.board_list2 .title2 img{display:none;}
@media all and (max-width:768px){ 
	.board_list2{margin-bottom:40px;}
	.board_list2 dl{flex-direction:column-reverse;}
	.board_list2 dl dt{flex:0 0 100%;padding:0 10px;}
	.board_list2 dl dt a{padding:0;font-size:1.4rem;}
	.board_list2 dl dt a .arrow{position:relative;right:auto;top:auto;transform:translateY(0);width:30px;height:30px;margin:10px 0;}
	.board_list2 dl dt a .arrow:before,
	.board_list2 dl dt a:hover .arrow:before{background-size:50%;}

	.board_list2 dl dd{flex:0 0 100%;padding:10px;font-size:1.4rem;border-bottom:0;}
	.board_list2 dl dd span{text-align:left;}
	.board_list2 dl dd span strong{font-size:inherit;font-weight:inherit;display:inline-block;font-weight:500;}
	.board_list2 dl dd span strong:before{content:'.';font-weight:500;}
}

.board_view .doc_summary{border-top:1px solid #222;border-bottom:1px solid #ccc;text-align:center;}
.board_view .doc_summary h3{font-size:3rem;line-height:1.4;font-weight:500;color:#222;border-bottom:1px solid #eee;padding:20px 10px;word-break:break-word;}
.board_view .doc_summary .writer_date{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.board_view .doc_summary .writer_date dt{flex:0 0 auto;font-size:1.8rem;color:#222;font-weight:500;display:inline-block;padding:10px 0;}
.board_view .doc_summary .writer_date dt:after{content:'';width:1px;height:20px;background:#aaa;display:inline-block;margin:0 10px;vertical-align:middle;}
.board_view .doc_summary .writer_date dd{flex:0 0 auto;font-size:1.8rem;color:#444;font-weight:300;display:inline-block;text-align:left;}
.board_view .print_content{min-height:400px;padding:20px 0;border-bottom:1px solid #ddd;}
.board_view .print_content img{max-width:1400px;}
@media all and (max-width:1280px){ 
	.board_view .doc_summary h3{font-size:2rem;padding:10px;}
}
@media all and (max-width:768px){ 
	.board_view .doc_summary h3{font-size:1.6rem;}
	.board_view .doc_summary .writer_date dt{font-size:1.4rem;}
	.board_view .doc_summary .writer_date dt:after{margin:0 5px;height:10px;}
	.board_view .doc_summary .writer_date dd{font-size:1.4rem;}
	.board_view .print_content{min-height:250px;margin-bottom:10px;}
	.board_view .print_content img{width:100%;}
}

.board_view.career_view .doc_summary h3 span.eon{width:auto;height:auto;padding:10px 15px;font-size:1.8rem;line-height:1;margin-right:20px;vertical-align:middle;}
.board_view.career_view .doc_summary h3 span.eoff{width:auto;height:auto;padding:10px 15px;font-size:1.8rem;line-height:1;margin-right:20px;vertical-align:middle;}
.board_view.career_view .doc_summary .writer_date{width:100%;display:flex;justify-content:center;align-items:center;}
.board_view.career_view .doc_summary .writer_date dt{flex:0 0 auto;}
.board_view.career_view .doc_summary .writer_date dd{flex:0 1 auto;margin-right:30px;}
@media all and (max-width:768px){ 
	.board_view.career_view .doc_summary h3 span.eon{padding:8px 10px;font-size:1.4rem;margin-right:10px;}
	.board_view.career_view .doc_summary h3 span.eoff{padding:8px 10px;font-size:1.4rem;margin-right:10px;}
}

.board_write{border-top:1px solid #222;}
.board_write .required{width:100%;display:table;}
.board_write .required dt{width:15%;display:table-cell;border-bottom:1px solid #ddd;padding:20px 10px;font-weight:500;color:#222;text-transform:capitalize;vertical-align:middle;}
.board_write .required dd{width:85%;display:table-cell;border-bottom:1px solid #ddd;padding:20px 10px;}
.board_write .required dd.rec_title input{width:80%;}
@media all and (max-width:768px){ 
	.board_write .required dt{width:20%;padding:8px 10px;}
	.board_write .required dd{width:80%;padding:8px 10px;}
	.board_write .required dd input{font-size:1.4rem;}
}

.paging{width:100%;text-align:center;}
.paging a{color:#222;font-weight:300;width:30px;margin:0 5px;display:inline-block;cursor:pointer;}
.paging a.current{font-weight:600;border-bottom:2px solid #222;}
.paging button{position:relative;display:inline-block;width:30px;height:30px;vertical-align:middle;}
.paging .pg_first{font-size:0;background:url(../images/board/ar_first.png) 50% 50% no-repeat;}
.paging .pg_last{font-size:0;background:url(../images/board/ar_last.png) 50% 50% no-repeat;}
.paging .pg_prev{font-size:0;background:url(../images/board/ar_prev.png) 50% 50% no-repeat;}
.paging .pg_next{font-size:0;background:url(../images/board/ar_next.png) 50% 50% no-repeat;}

@media all and (max-width:768px){ 
	.paging a{width:20px;}
}

.btn_wrap{margin-top:40px;position:relative;}
.btn_wrap a{display:inline-block;padding:15px 30px;line-height:1;font-weight:500;color:#222;border:1px solid #222;text-align:center;}
.btn_wrap .edit_btn{position:absolute;right:0;top:auto;}
.btn_wrap .edit_btn a{padding:8px 15px;border-color:#aaa;color:#444;}
.btn_wrap .f-left{float:left;}
.btn_wrap .f-right{float:right;}
.btn_wrap .list_btn a{display:inline-block;background:url(../images/board/list_ic.png) 30px 50% no-repeat;width:180px;padding:20px 30px 20px 40px;font-size:1.8rem;line-height:1;font-weight:500;color:#222;border:1px solid #222;}
.btn_wrap .write_btn a{display:inline-block;background:url(../images/board/write_ic.png) 30px 50% no-repeat;padding:20px 45px 20px 60px;font-size:1.8rem;line-height:1;font-weight:500;color:#222;border:1px solid #222;}
.btn_wrap .btn_white{display:inline-block;padding:15px 30px;font-size:1.8rem;line-height:1;font-weight:500;color:#222;border:1px solid #222;}
.btn_wrap .btn_color{display:inline-block;padding:15px 30px;font-size:1.8rem;line-height:1;font-weight:500;color:#fff;border:1px solid transparent;background:#13d2b0;}
@media all and (max-width:768px){ 
	.btn_wrap{margin:10px 0;}
	.btn_wrap .edit_btn{position:relative;right:auto;float:left;width:50%;}
	.btn_wrap .list_btn a{float:right;width:auto;font-size:1.4rem;padding:8px 15px 8px 30px;background-position:10px 50%;background-size:15%;}
	.btn_wrap .write_btn a{font-size:1.4rem;padding:10px 15px 10px 40px;background-position:15px 50%;}
	.btn_wrap .btn_white{font-size:1.4rem;padding:8px 15px;}
	.btn_wrap .btn_color{font-size:1.4rem;padding:8px 15px;}

}
/* IE9, IE10, IE11 */
@media screen and (min-width:0\0) {
	/* 애니메이션 제거 */
	.sa{opacity:1;}
	.sa-up,
	.sa-down,
	.sa-right,
	.sa-left,
	.sa-rotateL,
	.sa-rotateR,
	.sa-scaleUp,
	.sa-scaleDown,
	.sa.show{transform:none;}

	table{overflow:visible;}
	table thead th.blue::before{display:none;}

	select{background:0;}

	/*메인*/
	.corp div .left h2 .gd{background:none;color:#52b04b;}
	.pipe .pipeline{display:inline-block;width:100%;}
	.pipe .pipeline a{float:left;width:calc(25% - 20px);margin-left:25px;}
	.pipe .pipeline a:first-child{margin-left:0;}

	/*서브*/
	#s_visual .s_tit span{background:none;color:#13d2b0;}
	.sub1_1 .mission{display:inline-block;width:100%;}
	.sub1_1 .mission .txt{float:left;width:50%;}
	.sub1_1 .mission .pic{float:right;width:50%;}
	.sub1_1 .vision{display:inline-block;width:100%;}
	.sub1_1 .vision .txt{float:right;width:50%;}
	.sub1_1 .vision .pic{float:left;width:50%;}
	.sub1_1 .comp{display:inline-block;width:100%;}
	.sub1_1 .comp .txt{float:left;width:60%;}
	.sub1_1 .comp .pic{float:right;width:40%;}
	.sub1_1 .roadmap{display:inline-block;width:100%;}
	.sub1_1 .roadmap div{float:left;width:30%;margin-left:40px;}
	.sub1_1 .roadmap .map1{margin-left:0;}

	.sub2_1 .appli{display:inline-block;width:100%;}
	.sub2_1 .appli li{float:left;width:30%;margin-left:40px;}
	.sub2_1 .appli li:first-child{margin-left:0;}
	.sub2_1 .appli li .txt em{background:none;color:#13d2b0;}

	.col2{display:inline-block;width:100%;}
	.col2 div{float:left;width:calc(50% - 20px);margin-left:40px;}
	.col2 div:first-child{margin-left:0;}

	.sub2_2 .expected{display:inline-block;width:100%;}
	.sub2_2 .expected li{float:left;width:30%;margin-left:40px;}
	.sub2_2 .expected li:first-child{margin-left:0;}
	.sub2_2 .expected li .txt em{background:none;color:#13d2b0;}

	.sub2_2 .process{display:inline-block;width:100%;overflow-x:visible;}
	.sub2_2 .process dl{float:left;width:30%;margin-left:60px;}
	.sub2_2 .process dl:first-child{margin-left:0;}
	.sub2_2 .process dl dt{display:inline-block;}
	.sub2_2 .process dl:nth-child(3) dt::after{display:none;}

	.sub3_list .box{float:left;width:50%;}

	.sub5 .ideal{display:inline-block;}
	.sub5 .ideal dl{float:left;width:22%;margin-left:40px;}
	.sub5 .ideal dl:first-child{margin-left:0;}

	/*게시판*/
	.board_list2 dl{display:inline-block;border-bottom:1px solid #ddd;}
	.board_list2 dl dt{width:calc(100% - 120px);float:right;border:0;}
	.board_list2 dl dd{padding:30px 0;width:120px;float:left;border:0;}
}

@media screen and (max-width:1399px\0) { 
	/*메인*/
	.pipe .pipeline a{float:left;width:calc(50% - 20px);margin-left:25px;}
	.pipe .pipeline a:nth-child(3){margin-left:0;}

	/*서브*/
	.sub2_2 .process dl{margin-left:40px;}
}

@media screen and (max-width:1280px\0) { 
	/*서브*/
	.sub1_1 .mission .txt{float:none;width:100%;}
	.sub1_1 .mission .pic{float:none;width:100%;}
	.sub1_1 .vision .txt{float:none;width:100%;}
	.sub1_1 .vision .pic{float:none;width:100%;}
	.sub1_1 .comp .txt{float:none;width:100%;}
	.sub1_1 .comp .pic{float:none;width:100%;}
	.sub1_1 .roadmap div{float:none;width:100%;margin-left:0;}

	.sub2_1 .appli li{width:100%;margin-left:0;}
	
	.sub2_2 .process dl{float:none;width:100%;margin-left:0;}
	.sub2_2 .process dl dt{width:100%;}
	.sub2_2 .process dl:nth-child(3) dt::after{display:block;}
	.sub2_2 .expected li{width:100%;margin-left:0;}
	.sub2_2 .compare .des{width:auto !important;}
	
	.col2 div{float:none;width:100%;margin-left:0;}
	
	.sub5 .ideal dl{width:calc(50% - 20px);margin-bottom:40px;}
	.sub5 .ideal dl:nth-child(2),
	.sub5 .ideal dl:nth-child(4){margin-left:25px;}

}

@media screen and (max-width:1080px\0) {
	.pipe .pipeline a{width:100%;margin-left:0;margin-bottom:20px;}

	/*서브*/
	#s_visual .menu_bar ul li a{padding:8px 20px;}

	.sub1_2 .history dl{display:inline-block;width:100%;}
	.sub1_2 .history dl dt{float:left;padding-right:0;}
	.sub1_2 .history dl dd{float:right;width:calc(100% - 100px);padding-left:0;}

	.sub2_3 .top_txt{width:100%;display:inline-block;}
	.sub2_3 .top_txt img{max-width:400px;margin-bottom:30px;}

	.sub1_4 .map_wrap{width:100%;display:inline-block;}
	.sub1_4 .map_wrap .pic{width:100%;margin-bottom:20px;}
	.sub1_4 .map_wrap .pic img{max-width:300px;}
	.sub1_4 .map_wrap .map{width:100%;}

	.sub5 .ideal{display: inline-block;}
	.sub5 .ideal dl{float:none;width:100%;margin-left:0;}
	.sub5 .ideal dl:nth-child(2), 
	.sub5 .ideal dl:nth-child(4){margin-left:0;}
	.sub5 .ideal dl dd br{display:contents;}


	/*게시판*/
	.board_list2 dl dt{padding:20px 0;}
	.board_list2 dl dd{padding:20px 0;}
	.board_list2 dl dt a{padding:0 40px 0 0;}


}