@charset "euc-kr";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

/* reset */
* {margin:0; padding:0;box-sizing:border-box;font-size:62.5%;}
html {margin:0; padding:0; width:100%;height: 100%;font-family: 'Noto Sans',sans-serif;overflow-x:hidden;}
body {position:relative;margin:0; padding:0; width:100%;height:100%;background-color:#fff; color:#535353; line-height:1.4;font-family: 'Noto Sans',sans-serif;}
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; font-size:100%}
input,textarea,select {border:0; color:#666; vertical-align:middle;font-family:'Noto Sans',sans-serif;}
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:#535353;font-family:'ng','Noto Sans', sans-serif;}
a {font-family: 'Noto Sans',sans-serif; font-weight:normal; text-decoration:none}
select {outline:none;}
table {width:100%; border-spacing:0;border-collapse: collapse}
table th {font-weight:normal; letter-spacing:-1px; 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}
button {margin:0; padding:0; border:0 none; background-color:transparent;font-family: 'Noto Sans',sans-serif;}
img{-webkit-touch-callout:none}
html,body{-webkit-overflow-scrolling: touch;}

/* form */
legend {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
input,select,textarea {font-family: 'Noto Sans',sans-serif; color:#444; vertical-align:middle}
textarea{direction: ltr;letter-spacing:0;word-spacing:2px;}
input,textarea,select{-webkit-appearance: none;-webkit-border-radius: 0;-moz-border-radius:0;-o-border-radius:0;-ms-border-radius:0;border-radius:0;}
input[type="text"],input[type="password"],select {height:23px; line-height:21px; 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;}
input::placeholder{color:#999;}
input.check {display:none;}/*기본input제거*/
input.check + label.check {display: inline-block;position: relative;padding-left: 30px;vertical-align:middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-weight:500;color:inherit;}
input.check + label.check:before { content: '';position: absolute;left: 0;top: 50%;width: 20px;height: 20px;text-align: center;border: 1px solid #798193;border-radius: 100%;transform:translateY(-50%);}
input.check:checked + label.check:after{ content: '';position: absolute;top:50%;left: 5px;width: 12px;height: 12px;background: #798193; border-radius: 100%;transform:translateY(-50%);} /*체크 후*/
select:focus, input:focus, textarea:focus{outline:0;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#535353;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#535353;opacity:  1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#535353;opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#535353;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;    margin: 0;}

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


.clearfix{width:100%;display:inline-block;}
.clearfix:after{content:'';display:inline-block;clear:both;}
.no_scroll{overflow:hidden;}
.blind {width:0; height:0; font-size:0; line-height:0; text-align:left; text-indent:-999em}

/* Drag color */
:-moz-selection {background:rgba(0,75,213,0.7);color:#fff;opacity:50%;}
::selection {background:rgba(0,75,213,0.7);color:#fff;opacity:50%;}


/* scroll bar */
/* Firefox */  
* {scrollbar-width: auto;scrollbar-color: #4f4f4f #f8f8f8;}
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {width: 14px;}
*::-webkit-scrollbar-track {background: #f8f8f8;}
*::-webkit-scrollbar-thumb {background-color: #aaa;border-radius: 100px;border: 2px solid #f8f8f8;  }


/* 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; }
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('/font/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/font/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('/font/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/font/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('/font/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/font/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}.inner{width:1200px;margin:0 auto;}
@media all and (max-width: 1199px) {
	.inner{width:92%;}
}

header{width:100%;height:80px;position:fixed;left:0;top:0;z-index:10000;}
header .inner{height:100%;display:flex;justify-content:space-between;align-items:center;}
header nav > ul > li{display:inline-block;position:relative;}
header nav > ul > li > a{font-size:1.8rem;font-weight:500;color:#fff;padding:27px 40px;display:block;}
header nav > ul > li:hover > ul{display:block;}
header nav > ul > li > ul {display:none;width:150%;position:absolute;left:50%;top:80%;transform:translateX(-50%);background:#004bd5;box-shadow: 15px 15px 24px rgba(0, 0, 0, 0.3);border-radius:10px 0 10px 0;}
header nav > ul > li > ul > li{}
header nav > ul > li > ul > li > a{font-size:1.6rem;color:#fff;padding:10px 15px;display:block;text-align:center;}
header nav > ul > li > ul > li > a:hover{font-weight:600;}

header .menu_all{width:30px;height:30px;cursor:pointer;display:none;}
header .menu_all span{font-size:0;display:inline-block;width:30px;height:3px;background:#fff;position:relative;vertical-align:middle;}
header .menu_all span:before{content:'';display:inherit;width:inherit;height:inherit;background:inherit;position:absolute;left:0;bottom:100%;margin-bottom:5px;}
header .menu_all span:after{content:'';display:inherit;width:inherit;height:inherit;background:inherit;position:absolute;left:0;top:100%;margin-top:5px;}

header .menu_close{width:30px;height:30px;cursor:pointer;display:none;position:absolute;right:20px;top:25px;}
header .menu_close span{font-size:0;display:inline-block;width:30px;height:3px;background:#000;position:relative;vertical-align:middle;transform: rotate(45deg);}
header .menu_close span:after{content:'';display:inherit;width:3px;height:30px;background:inherit;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

header.active{background:#fff;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
header.active h1 img{opacity:0;}
header.active h1{background:url(../images/common/logo_b.png) 0 0 no-repeat;}
header.active nav > ul > li > a{color:#000;}
header.active nav > ul > li > ul > li > a{color:#fff;}

header.active .menu_all span{background:#000;}
@media all and (max-width: 1080px) {
	header .menu_all{display:block;}
	header .menu_close{display:block;}

	header nav{position:fixed;right:-100%;top:0;width:70vw;height:100vh;background:#fff;z-index:2;}
	header nav > ul{height:inherit;display:flex;flex-flow:column;justify-content:center;}
	header nav > ul > li{display:block;}
	header nav > ul > li > a{padding:0;color:#000;text-align:center;padding:10px;font-size:2.2rem;}
	header nav > ul > li > ul{display:block;position:relative;left:auto;top:auto;box-shadow:none;border-radius:0;background:none;width:100%;transform:none;max-height:0em;overflow:hidden;}
	header nav > ul > li > ul > li > a{color:#444;}
	header nav > ul > li > ul.on{max-height:1000em;transition:all ease 0.4s;}
	header nav.active{right:0%;transition:all ease 0.4s;}
	header.active nav > ul > li > ul > li > a{color:#333;}

	.dim{display:none;background:#000;opacity:0.4;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;}
	.dim.active{display:block;}
}

.sub_visual.bg1{background:url(../images/common/sub_visual01.jpg) top center no-repeat;}
.sub_visual.bg2{background:url(../images/common/sub_visual02.jpg) top center no-repeat;}
.sub_visual.bg3{background:url(../images/common/sub_visual03.jpg) top center no-repeat;}
.sub_visual.bg4{background:url(../images/common/sub_visual04.jpg) top center no-repeat;}
.sub_visual.bg5{background:url(../images/common/sub_visual05.jpg) top center no-repeat;}
@media all and (max-width: 768px) {
	.sub_visual.bg1{background:url(../images/common/sub_visual01_m.jpg) top center no-repeat;}
	.sub_visual.bg2{background:url(../images/common/sub_visual02_m.jpg) top center no-repeat;}
	.sub_visual.bg3{background:url(../images/common/sub_visual03_m.jpg) top center no-repeat;}
	.sub_visual.bg4{background:url(../images/common/sub_visual04_m.jpg) top center no-repeat;}
	.sub_visual.bg5{background:url(../images/common/sub_visual05_m.jpg) top center no-repeat;}
}
.sub_visual .inner{text-align:center;}
.sub_visual .inner h2{font-size:6.0rem;font-weight:600;color:#fff;padding:200px 0 30px 0;}
.sub_visual .inner .location{padding-bottom:90px;}
.sub_visual .inner .location li{display:inline-block;margin-right:5px;}
.sub_visual .inner .location li a{font-size:1.6rem;color:#fff;vertical-align: middle;}
.sub_visual .menu_bar{backdrop-filter: blur(4px);position:relative;z-index:3;}
.sub_visual .menu_bar .sub_nav_tit{display:none;}
.sub_visual .menu_bar .sub_nav{display:flex;width:100%;}
.sub_visual .menu_bar .sub_nav li{flex:1 1 25%;}
.sub_visual .menu_bar .sub_nav li a{display:block;line-height:70px;font-size:1.8rem;color:#fff;}
.sub_visual .menu_bar .sub_nav li a.on{background:#fff;color:#111;font-weight:600;}
.sub_wrap{padding:80px 0 0 0;}
.sub_wrap .sub{padding-bottom:80px;}
@media all and (max-width: 1199px) {
	.sub_visual .inner{width:100%;}
}
@media all and (max-width: 1080px) {
	.sub_visual .inner h2{font-size:4.0rem;padding:130px 0 10px 0;}
	.sub_visual .inner .location{padding-bottom:70px;}
	.sub_wrap{padding:40px 0 0 0;}
	.sub_wrap .sub{padding-bottom:40px;}
	.sub_visual .menu_bar{backdrop-filter:none;}
	.sub_visual .menu_bar .sub_nav_tit{display:block;font-size: 1.6rem;text-align: left;padding: 20px;background: #fff;color: #000;border-bottom: 1px solid #f1f1f1;}
	.sub_visual .menu_bar .sub_nav_tit:after{content:'';display:inline-block;width:23px;height:13px;background:url(../images/common/arrow_down.png)0 0 no-repeat;float: right;margin: 7px 0 0 0;}
	.sub_visual .menu_bar .sub_nav_tit.on:after{content:'';background:url(../images/common/arrow_up.png)0 0 no-repeat;}
	.sub_visual .menu_bar .sub_nav{display:block;position:absolute;left:0;top:100%;box-shadow:5px 5px 5px rgba(0,0,0,0.2);max-height:0em;overflow:hidden;}
	.sub_visual .menu_bar .sub_nav.on{max-height:1000em;transition:all ease 0.4s;}
	.sub_visual .menu_bar .sub_nav li{background:#fff;border-bottom:1px solid #f8f8f8;}
	.sub_visual .menu_bar .sub_nav li a{font-size:1.4rem;line-height:1.2;padding:20px;text-align:left;color:#666;font-weight:500;}
}

footer{width:100%;background:#252525;}
footer .inner{display:flex;justify-content:space-between;align-items:center;padding:50px 0;}
footer .inner .left{}
footer .inner .left .info span{font-size:1.6rem;color:#fff;}
footer .inner .left .info span.bar:after{content:'';background:#515151;display:inline-block;width:1px;height:14px;margin:0 10px;vertical-align:middle;}
footer .inner .left .copy{font-size:1.4rem;color:#898989;margin:10px 0 0 0;}
footer .inner .right{}
@media all and (max-width: 1080px) {
	footer .inner{align-items: flex-start;flex-flow: column-reverse;text-align:left;}
	footer .inner .left .info span{font-size:1.4rem;display:block;}
	footer .inner .left .info span.bar:after{display:none;}
	footer .inner .left .copy{font-size:1.2rem;}
	footer .inner .right{margin:0 0 20px  0;}
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.s_tit{font-size:3.2rem;font-weight:600;color:#111;margin:80px 0 20px 0;}
.s_tit:before{content:'';display:block;width:28px;height:3px;background:#004bd5;margin-bottom:17px;}
.s_tit2{font-size:2.6rem;font-weight:600;color:#004bd5;margin:20px 0 10px 0;}
.sub p{font-size:1.8rem;color:#666;}
.sub span,
.sub strong{font-size:inherit;}
.p_img{display:block;}
.m_img{display:none;}
.dot_list li{font-size:1.8rem;}
.dot_list li:before{content:'';display:inline-block;width:5px;height:5px;background:#00318c;border-radius:100px;margin-right:10px;}
.blue{color:#004bd5 !important;}
@media all and (max-width: 1080px) {
	.s_tit{font-size:2.2rem;margin:40px 0 20px 0;}
	.s_tit:before{content:'';margin-bottom:7px;}
	.s_tit2{font-size:1.8rem;}
	.sub p{font-size:1.6rem;}
	.p_img{display:none;}
	.m_img{display:block;}
	.dot_list li{font-size:1.6rem;}
}

.sub1_1 .flex_wrap{display:flex;}
.sub1_1 .pic{flex:0 0 540px;}
.sub1_1 .greeting{flex:1 1 auto;}
.sub1_1 .greeting h3{display:inline-block;position:relative;}
.sub1_1 .greeting h3 div{font-size:4.0rem;font-weight:700;color:#111;position:relative;z-index:1;}
.sub1_1 .greeting h3:before{content:'';display:block;width:60px;height:36px;background:url(../images/contents/sub1_1_quo01.png) 0 0 no-repeat;position:absolute;left:-11px;top:-9px;}
.sub1_1 .greeting h3:after{content:'';display:block;width:60px;height:36px;background:url(../images/contents/sub1_1_quo02.png) 0 0 no-repeat;position:absolute;right:-19px;bottom:-4px;}
.sub1_1 .greeting h3 span{font-size:inherit;}
.sub1_1 .greeting p{margin:40px 0 0 0;}
.sub1_1 .greeting .sign{font-size:1.8rem;font-weight:500;text-align:right;margin:60px 0 0 0;color:#333;}
.sub1_1 .overview{display:flex;flex-wrap:wrap;border:2px solid #ccc;border-radius:20px;}
.sub1_1 .overview .box{flex:0 0 25%;height:280px;text-align:center;border-right:1px solid #ddd;}
.sub1_1 .overview .box:last-child{border-right:0;}
.sub1_1 .overview .box img{margin:45px 0 30px 0;}
.sub1_1 .overview .box h4{font-size:1.8rem;font-weight:600;color:#333;}
.sub1_1 .overview .box p{font-size:1.8rem;color:#666;}
@media all and (max-width: 1080px) {
	.sub1_1 .flex_wrap{flex-wrap:wrap;}
	.sub1_1 .pic{flex:0 0 100%;display:none;}
	.sub1_1 .greeting{flex:0 0 100%;}
	.sub1_1 .greeting h3 div{font-size:3.0rem;}
	.sub1_1 .greeting h3:before{content:'';width:40px;background-size:contain;}
	.sub1_1 .greeting h3:after{content:'';width:40px;background-size:contain;}
	.sub1_1 .greeting .sign{font-size:1.6rem;}
	.sub1_1 .overview .box{flex:0 0 50%;height:auto;}
	.sub1_1 .overview .box:first-child{border-bottom:1px solid #ddd;}
	.sub1_1 .overview .box:nth-child(2){border-bottom:1px solid #ddd;border-right:0;}
	.sub1_1 .overview .box h4{font-size:1.6rem;}
	.sub1_1 .overview .box p{font-size:1.6rem;margin-bottom:25px;}
	.sub1_1 .overview .box img{margin:25px 0 10px 0;}
}
@media all and (max-width: 640px) {
	.sub1_1 .overview .box{flex:0 0 100%;}
	.sub1_1 .overview .box:nth-child(3){border-bottom:1px solid #ddd;border-right:0;}
}

.sub1_2 .txt{font-size:3.4rem;font-weight:700;color:#111;position:relative;z-index:1;text-align:center;}
.sub1_2 .txt span{font-size:inherit;font-weight:inherit;}
.sub1_2 .history {position:relative;padding:40px 0;}
.sub1_2 .history .bar{position:absolute;left:50%;top:0;width:2px;height:100%;background:#ebebeb;}
.sub1_2 .history dl{padding-left:50%;margin-bottom:40px;position:relative;}
.sub1_2 .history dl:before{content:'';display:block;width:36px;height:36px;background:url(../images/contents/sub1_2_dot.png)0 0 no-repeat;position:absolute;left:50%;top:10px;transform: translateX(-50%);z-index:1;}
.sub1_2 .history dl dt{font-size:3.6rem;color:#111;font-weight:600;padding-left:40px;}
.sub1_2 .history dl dd{padding-left:40px;}
.sub1_2 .history dl dd ul li{font-size:1.8rem;}
.sub1_2 .history dl dd ul li:before{content:'';display:inline-block;width:3px;height:3px;border-radius:100px;background:#004bd5;vertical-align:middle;margin-right:10px;}
.sub1_2 .history dl:nth-child(even){padding-left:0;padding-right:50%;text-align:right;}
.sub1_2 .history dl:nth-child(even) dt{padding-right:40px;}
.sub1_2 .history dl:nth-child(even) dd{padding-right:40px;}
@media all and (max-width: 1080px) {
	.sub1_2 .txt{font-size:2.4rem;}
	.sub1_2 .txt br{display:contents;}
	.sub1_2 .history dl:before{top:-1px;background-size:contain;height:30px;width:30px;}
	.sub1_2 .history dl dt{font-size:2.2rem;}
	.sub1_2 .history dl dd ul li{font-size:1.6rem;}
}
@media all and (max-width: 640px){
	.sub1_2 .history dl:nth-child(even) dd{padding-left:20px;}
	.sub1_2 .history dl dd{padding-left:20px;}
}

.sub1_3 .inner img{width:100%;}
@media all and (max-width: 1080px) {

}

.sub1_4 .map{height:610px;border-radius:0 0 50px 0;overflow:hidden;box-shadow:0 15px 24px rgba(0,0,0,0.3);position:relative;}
.sub1_4 .map .root_daum_roughmap{width:100%;height:100%;}
.sub1_4 .map .root_daum_roughmap .wrap_controllers{display:none;}
.sub1_4 .map .info{position:absolute;left:0;bottom:0;background:rgba(0,75,213,0.9);display:flex;width:100%;z-index:10;padding:20px 30px;}
.sub1_4 .map .info dl{flex:0 0 50%;display:flex;align-items: center;}
.sub1_4 .map .info dt{flex:0 0 auto;}
.sub1_4 .map .info dd{flex:1 1 auto;color:#fff;font-size:2rem;padding-left:10px;}
.sub1_4 .transfer{width:100%;border:2px solid #ccc;padding:30px;border-radius:20px;display:flex;align-items: center;}
.sub1_4 .transfer dl{margin-left:20px;}
.sub1_4 .transfer dt{font-size:2rem;color:#333;font-weight:600;}
.sub1_4 .transfer dd{font-size:1.8rem;color:#666;}
@media all and (max-width: 1080px) {
	.sub1_4 .map{height:500px;border-radius:0 0 20px 0;}
	.sub1_4 .map .info{flex-wrap:wrap;}
	.sub1_4 .map .info dl{flex:0 0 100%;margin-bottom:10px;}
	.sub1_4 .map .info dd{font-size:1.8rem;}
	.sub1_4 .transfer dt{font-size:1.8rem;}
	.sub1_4 .transfer dd{font-size:1.6rem;}
}
@media all and (max-width: 640px) {
	.sub1_4 .transfer{flex-wrap:wrap;}
	.sub1_4 .transfer dl{flex:0 0 100%;margin-left:0;margin-top:20px;}
}

.sub2_1{width:100%;background:#edf2f5;padding:60px 0;position:relative;}
.sub2_1:before{content:'';width:100%;height:100px;background: linear-gradient(#fff, #edf2f5);position:absolute;left:0;top:0;}
.sub2_1 .inner{position:relative;z-index:2;}
.sub2_1 .txt{font-size:3.4rem;font-weight:700;color:#111;text-align:center;margin-bottom:40px;}
.sub2_1 .txt span{font-size:inherit;}
.sub2_1 ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;}
.sub2_1 ul li{flex:0 0 calc(100% / 4 - 30px);background:#fff;box-shadow:0 10px 16px rgba(0,0,0,0.18);text-align:center;padding:40px;border-radius:20px 0;}
.sub2_1 ul li img{margin:0 auto;}
.sub2_1 ul li h4{font-size:2rem;font-weight:600;color:#111;margin:20px 0 10px 0;}
.sub2_1 ul li span{font-size:1.6rem;color:#666;}
@media all and (max-width: 1080px) {
	.sub2_1 .txt{font-size:2.4rem;}
	.sub2_1 ul{gap:20px;}
	.sub2_1 ul li{flex:0 0 calc(100% / 2 - 10px);padding:20px;}
	.sub2_1 ul li h4{font-size:1.6rem;}
	.sub2_1 ul li span{font-size:1.4rem;}
}


.sub3 .col2{display:flex;justify-content:space-between;gap:40px;}
.sub3 .col2 .pic img{border-radius:0 0 50px 0;box-shadow:0 10px 16px rgba(0,0,0,0.18);}
.sub3 .col2 .txt{flex:1 1 auto;}
@media all and (max-width: 1080px) {
	.sub3 .col2 .pic img{border-radius:0 0 25px 0;}
}


.sub3 .history2{width:100%;position:relative;}
.sub3 .history2:before{content:'';width:2px;height:100%;display:block;background:#ddd;position:absolute;left:4px;top:0;}
.sub3 .history2 dl{width:100%;display:flex;align-items: center;margin-bottom:40px;position:relative;z-index:1;}
.sub3 .history2 dl dt{font-size:2.8rem;font-weight:600;color:#111;flex:0 0 35%;}
.sub3 .history2 dl dt:before{content:'';display:inline-block;width:10px;height:10px;margin-right:20px;background:#111;border-radius:100px;flex:1 1 auto;}
.sub3 .history2 dl dd{font-size:1.8rem;}
@media all and (max-width: 1080px) {
	.sub3 .col2{gap:20px;}
	.sub3 .col2 .pic{flex:0 0 50%;}
	.sub3 .col2 .pic img{width:100%;}
	.sub3 .col2 .txt{flex:0 0 50%;}
	.sub3 .history2 dl dt{font-size:2.4rem;}
	.sub3 .history2 dl dd{font-size:1.6rem;}
}
@media all and (max-width: 640px) {
	.sub3 .col2{gap:0;flex-wrap:wrap;}
	.sub3 .col2 .pic{flex:0 0 100%;margin-bottom:40px;}
	.sub3 .col2 .txt{flex:0 0 100%;}
}
@media all and (max-width: 480px) {
	.sub3 .history2 dl{flex-wrap:wrap;}
	.sub3 .history2 dl dt{flex:0 0 100%;}
	.sub3 .history2 dl dd{flex:0 0 100%;padding-left:30px;}
}




.sub4 .red{color:red;}
.sub4 .line{width:100%;background:#f1f6fc;padding:40px;border-radius:0 0 50px 0;margin:40px 0 20px 0;}
.sub4 .line h4{font-size:3rem;font-weight:600;text-align:center;color:#00318c;margin-bottom:20px;}
.sub4 .line .des{font-size:1.8rem;text-align:center;margin-bottom:20px;}
.sub4 .line > ul{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 16px rgba(0,0,0,0.18);}
.sub4 .line > ul > li{display:flex;align-items: center;font-size:1.8rem;margin-bottom:20px;color:#333;}
.sub4 .line > ul > li.long{align-items:start;}
.sub4 .line > ul > li .num{width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;color:#fff;background:#00318c;font-size:inherit;font-weight:600;border-radius:10px;margin-right:10px;}
.sub4 .line > ul > li p{font-size:inherit;color:inherit;font-weight:500;word-break: keep-all;}
.sub4 .line .s_list{font-size:1.6rem;font-weight:400;}
@media all and (max-width: 1080px) {
	.sub4 .line h4{font-size:2.2rem;margin-bottom:10px;}
	.sub4 .line .des{font-size:1.6rem;}
	.sub4 .line > ul > li{font-size:1.6rem;}
}
@media all and (max-width: 640px) {
	.sub4 .line{padding:20px;}
	.sub4 .line > ul{padding:20px;}
	.sub4 .line > ul > li{flex-wrap:wrap;justify-content: center;text-align:center;}
	.sub4 .line > ul > li .num{width:30px;height:30px;line-height:30px;margin-right:0;margin-bottom:10px;}
	.sub4 .line > ul > li p{flex:0 0 100%;}
}
.sub4 .plan{}
.sub4 .plan dl{width:100%;display:flex;margin-bottom:40px;position:relative;}
.sub4 .plan dl.down{margin-bottom:100px;}
.sub4 .plan dl.down:after{content:'';width:467px;height:83px;background:url(../images/contents/arw_down.png) 0 0 no-repeat;display:inline-block;position: absolute;left: 40%;top: 100%;}
.sub4 .plan dl dt{flex:0 0 230px;}
.sub4 .plan dl dt h4{font-size:2rem;width:150px;height:150px;line-height:150px;color:#fff;font-weight:600;border-radius:1000px;text-align:center;position:relative;box-shadow:0 10px 16px rgba(0,0,0,0.18);}
.sub4 .plan dl dt h4:before{content:'';display:inline-block;width:12px;height:12px;background:inherit;border:3px solid #fff;position:absolute;left:100%;top:50%;border-radius:100px;margin-left:-6px;transform:translateY(-50%);z-index:1;}
.sub4 .plan dl dt h4:after{content:'';display:inline-block;width:60px;height:2px;background:#ccc;position:absolute;left:100%;top:50%;transform:translateY(-50%);}
.sub4 .plan dl dt h4.c1{background:#004bd5;}
.sub4 .plan dl dt h4.c2{background:#1f88c0;}
.sub4 .plan dl dt h4.c3{background:#13aac3;}
.sub4 .plan dl dt h4.c4{background:#14bdde;}
.sub4 .plan dl dd{display:flex;flex:1 1 calc(100% - 230px);border:2px solid #ccc;border-radius:20px;}
.sub4 .plan dl dd p,
.sub4 .plan dl dd div{flex:0 0 25%;padding:10px;box-sizing:border-box;height:100%;border-right:1px solid #ddd;font-size:1.6rem;}
.sub4 .plan dl dd p{align-items: center;display: inline-flex;justify-content: center;text-align:center;word-break:keep-all;}
.sub4 .plan dl dd p:last-child{border-right:0;}
.sub4 .plan dl dd div:last-child{border-right:0;}
@media all and (max-width: 1080px) {
	.sub4 .plan dl{flex-wrap:wrap;}
	.sub4 .plan dl.down:after{width:100%;left:0;background-position:top center;}
	.sub4 .plan dl dt{flex:0 0 100%;}
	.sub4 .plan dl dt h4{font-size:1.8rem;margin:0 auto;}
	.sub4 .plan dl dt h4:before{top:100%;left:50%;transform:translateX(-50%);margin-left:0;margin-top:-6px;}
	.sub4 .plan dl dt h4:after{display:none;}
	.sub4 .plan dl dd{flex-wrap:wrap;height:100%;overflow:hidden;}
	.sub4 .plan dl dd p,
	.sub4 .plan dl dd div{border-bottom:1px solid #ddd;flex:0 0 50%;height:auto;}
}

.sub4 .esg_result{width:100%;display:flex;gap:40px;justify-content:space-between;}
.sub4 .esg_result ul{flex:0 0 calc(100% / 2 - 20px);display:table;border-radius:0 0 50px 0;overflow:hidden;}
.sub4 .esg_result ul li{text-align:center;vertical-align:middle;}
.sub4 .esg_result ul li.pic{background:#f6f6f6;height:300px;}
.sub4 .esg_result ul li.pic:after{content:'';display:inline-block;height:100%;vertical-align:middle;}
.sub4 .esg_result ul li.pic img{vertical-align:middle;width:80%;}
.sub4 .esg_result ul li.txt{background:#00318c;padding:20px;}
.sub4 .esg_result ul li.txt strong{color:#fff;font-size:2.4rem;font-weight:600;}
@media all and (max-width: 1080px) {
	.sub4 .esg_result ul{border-radius:0 0 25px 0;}
	.sub4 .esg_result ul li.txt strong{font-size:2rem;}	
}
@media all and (max-width: 640px) {
	.sub4 .esg_result {gap:0;flex-wrap:wrap;}
	.sub4 .esg_result ul{flex:0 0 100%;margin-bottom:40px;}
	.sub4 .esg_result ul li.pic{height:200px;}
}


.sub4 .pic4{display:flex;flex-wrap:wrap;justify-content:space-between;}
.sub4 .pic4 li{flex:0 0 calc(100% / 2 - 5px);margin-bottom:10px;}
.sub4 .pic4 li:last-child img{border-radius:0 0 50px 0;}
.sub4 .pic4 li img{width:100%;}
.sub4 .curve{border-radius:0 0 50px 0;}
@media all and (max-width: 640px) {
	.sub4 .pic4 li{flex:0 0 100%;}
	.sub4 .pic4 li:last-child img{border-radius:0 0 25px 0;}
	.sub4 .curve{border-radius:0 0 25px 0;}
}

.sub4 .report_form{width:80%;margin:0 auto;}
.sub4 .report_form table{width:100%;border-top:2px solid #222;}
.sub4 .report_form table th{border-bottom:1px solid #ddd;padding:10px;font-size:1.8rem;color:#222;font-weight:600;}
.sub4 .report_form table td{border-bottom:1px solid #ddd;padding:10px;font-size:1.8rem;color:#666;}
.sub4 .report_form table td select{font-size:1.8rem;padding:0 10px;height:40px;line-height:40px;appearance:auto;background:#fff;}
.sub4 .report_form table td select option{font-size:inherit;}
.sub4 .report_form table td input[type=text]{width:100%;font-size:1.8rem;padding:10px;height:40px;line-height:40px;}
.sub4 .report_form table td input[type=file]{font-size:1.8rem;}
.sub4 .report_form table td textarea{font-size:1.8rem;line-height:1.2;width:100%;height:250px;padding:10px;}
.sub4 .report_form table td.email input{width:30%;}
.sub4 .report_form table td.email select{width:35%;}
.sub4 .report_form table td.phone input{width:30%;}
.sub4 .report_form table td.phone select{width:30%;}
.sub4 .report_form .btn_submit{padding:10px 20px;font-size:2rem;font-weight:600;color:#fff;background:#222;border-radius:0 0 10px 0;}
@media all and (max-width: 1080px) {
	.sub4 .report_form{width:100%;}
	.sub4 .report_form table th{font-size:1.6rem;}
	.sub4 .report_form table td{font-size:1.6rem;}
	.sub4 .report_form table td select{font-size:1.6rem;}
	.sub4 .report_form table td input[type=text]{font-size:1.6rem;}
	.sub4 .report_form table td input[type=file]{font-size:1.6rem;}
	.sub4 .report_form table td textarea{font-size:1.6rem;}
	.sub4 .report_form .btn_submit{font-size:1.6rem;}
}
@media all and (max-width: 640px) {
	.sub4 .report_form table th{white-space:nowrap;}
	.sub4 .report_form table td input[type=text]{width:90%;}
	.sub4 .report_form table td input[type=file]{width:90%;}
	.sub4 .report_form table td textarea{width:90%;}
	.sub4 .report_form table td.email input{width:40%;}
	.sub4 .report_form table td.email select{width:90%;margin:5px 0 0 0;}
	.sub4 .report_form table td.phone input{width:28%;}
	.sub4 .report_form table td.phone select{width:28%;}
}

.sub4 .human_right{width:100%;border-top:2px solid #333;margin:40px 0 0 0;}
.sub4 .human_right dl{width:100%;border-bottom:1px solid #ddd;display:flex;padding:20px 0;}
.sub4 .human_right dl:nth-child(even){background:#f8f8f8;}
.sub4 .human_right dl dt{font-size:2rem;font-weight:500;color:#111;flex:0 0 20%;padding:0 20px;}
.sub4 .human_right dl dd{font-size:1.8rem;flex:1 1 auto;padding:0 20px;}
.sub4 .human_right dl dd.last{flex:0 0 100px;}
.sub4 .human_right .ic{display:inline-block;width:100px;height:100px;background:#222;border-radius:100px;padding:20px;background:#004bd5;}
.sub4 .human_right dl:nth-child(even) .ic{background:#4c4e51;}
@media all and (max-width: 1080px) {
	.sub4 .human_right dl dt{font-size:1.8rem;}
	.sub4 .human_right dl dd{font-size:1.6rem;}
}
@media all and (max-width: 640px) {
	.sub4 .human_right{display:flex;flex-wrap:wrap;}
	.sub4 .human_right dl{display:block;flex:0 0 100%;}
	.sub4 .human_right dl dd.last{text-align:right;}
	.sub4 .human_right .ic{width:60px;height:60px;padding:10px;}
	.sub4 .human_right .ic img{width:100%;}
	
}

.sub4 .col2{width:100%;display:flex;gap:40px;}
.sub4 .col2 > div.txt{flex:1 1 auto;font-size:1.8rem;}
.sub4 .col2 > div.pic{flex:0 0 55%;}
.sub4 .btn_basic{border:1px solid #004bd5;color:#004bd5;font-size:2rem;font-weight:600;margin:20px 0;padding:10px 20px;display:inline-block;border-radius:0 0 10px 0;}
@media all and (max-width: 1080px) {
	.sub4 .col2 > div.txt{flex:0 0 50%;font-size:1.6rem;}
	.sub4 .col2 > div.pic{flex:0 0 50%;}
	.sub4 .tac img{max-width:100%;}
	.sub4 .btn_basic{font-size:1.6rem;}
}
@media all and (max-width: 640px) {
	.sub4 .col2{flex-wrap:wrap;gap:0;}
	.sub4 .col2 > div.txt{flex:0 0 100%;margin-bottom:40px;}
	.sub4 .col2 > div.pic{flex:0 0 100%;}
}