@charset "utf-8";
@import url(aos.css);
@import url(swiper.min.css);
@import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css");
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.cdnfonts.com/css/sf-pro-display');


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure,  
figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;}
button{border:none;background:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {margin:0; padding:0; border:0; vertical-align:baseline; -webkit-font-smoothing:antialiased; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}


/* HTML5 display-role reset for older browsers */
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
input {-webkit-border-radius: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio[controls], canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none; height:0;}
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
button{font-family:'Pretendard', sans-serif,  "돋움"}
body{background:#fff;line-height:1.2; font-family:'Pretendard', sans-serif , "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif !important; color:#222;}
button,textarea {line-height:1.2; font-family: 'Pretendard', sans-serif ,"돋움", Dotum, Helvetica, Verdana, Arial, sans-serif; color:#222;}
h1, h2, h3, h4, h5, h6 {font-family:'Pretendard', sans-serif , "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif !important;}
hr {display:none; height:0; -moz-box-sizing:content-box; box-sizing:content-box;}
a, a:hover, a:focus {text-decoration:none; color:#222; cursor:pointer;}
a:active, a:hover, button:active, button:hover , button:focus {outline:0 none;}
em, address {font-style:normal;}			
acronym, abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}
ul, ol {list-style:none; list-style-image:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'' ;content:none;}
img {vertical-align:top; -ms-interpolation-mode:bicubic;}
figure img {display:block;}
html {overflow-y:scroll;}
select{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;background:#fff;}

*, :after, :before {-webkit-box-sizing:content-box;-moz-box-sizing:content-box; box-sizing:content-box;}
html, body { height: auto;}
html{font-size:10px;}
body {min-width:300px;}
body img{width:auto}

/*
input::-webkit-input-placeholder {color:#afafaf;}
input:-moz-placeholder {color:#afafaf;opacity:0.8;}
input::-moz-placeholder {color:#afafaf;opacity:0.8;}
input:-ms-input-placeholder {color:#afafaf;}
input::placeholder {color:#afafaf;opacity: 0.8;}
*/

input::-webkit-input-placeholder {color:#333333;}
input:-moz-placeholder {color:#333333;opacity:1;}
input::-moz-placeholder {color:#333333;opacity:1;}
input:-ms-input-placeholder {color:#333333;}
input::placeholder {color:#333333;opacity: 1;}

button{margin:0;padding:0;}

body{background:#fff;}
.hdn{font-size:0; height:0; overflow:hidden; position:absolute; width:0; line-height:0;}
.rwd{transition : all 0.5s ease;-webkit-transition : all 0.5s ease;}


.elp{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:1;line-height: 1.1em;-webkit-box-orient: vertical;}
.elp2{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:2;line-height: 1.5em;-webkit-box-orient: vertical;}
.elp3{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:3;line-height: 1.2em;-webkit-box-orient: vertical;}


.wb-show{display:block;}
.mb-show{display:none;}

/* Skip Navigation */
#skipToContent {position:absolute; overflow:hidden; width:100% ;margin:0 auto; z-index:991;}
#skipToContent a {display:block; height:1px; margin-top:-2px; overflow:hidden; text-align:center; font-size:0; line-height:0; background:#434343;} 
#skipToContent a:active ,#skipToContent a:focus {padding:5px 0; margin-top:0; height:24px; font-size:14px; line-height:1.6; font-weight:600; color:#fff; z-index:999;}


/* link style */
a:link, a:visited {color:#222222;} 
a:hover, a:active {color:#222222;}
a:focus-visible,
button:focus-visible{outline: 3px solid #000;}

/* color style */
.text-blue {color:#4D71CD !important;}

.text-center{text-align:center}

.hj, .jp{font-family:"Nanum Gothic"}
.bold{font-weight:600;}

/* table */
table {width:100%; height:auto;border-collapse:collapse; padding:0; margin:0;}
table caption {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; overflow:hidden;	}
table button, table input {*overflow:auto;}


/* hide style */
.hidden, legend, .hdn{display:block !important;width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; overflow:hidden;}
.msg_sound-only, .sound-only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/* 컨텐츠 공통 */
.rwd-wide{width:1920px;margin:0 auto;}
.rwd{width:1280px;margin:0 auto;}

.br{display:block;}

.vmd{vertical-align:middle;}

.mr10{margin-right:1rem;}

.mt10{margin-top:1rem;}
.mt20{margin-top:2rem;}
.mt30{margin-top:3rem;}
.mt40{margin-top:4rem;}
.mt50{margin-top:5rem;}
.mt80{margin-top:6rem;}
.mt70{margin-top:7rem;}
.mt80{margin-top:8rem;}

.mb10{margin-bottom:1rem;}
.mb20{margin-bottom:2rem;}
.mb30{margin-bottom:3rem;}
.mb40{margin-bottom:4rem;}
.mb50{margin-bottom:5rem;}
.mb60{margin-bottom:6rem;}
.mb70{margin-bottom:7rem;}
.mb80{margin-bottom:8rem;}
.mb100{margin-bottom:10rem;}

.ic{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:0 0;;}
.ic-sch{width:25px;height:25px;background-image:url('../img/common/ic-sch.svg');}
.ic-menu{width:27px;height:27px;background-image:url('../img/common/ic-menu.svg');}
.ic-next{width:27px;height:27px;background-image:url('../img/common/ic-next.svg');}
.ic-share{width:30px;height:30px;background-image:url('../img/common/ic-share.svg');}
.ic-print{width:30px;height:30px;background-image:url('../img/common/ic-print.svg');}


.ft15{font-size:1.5rem}
.ft17{font-size:1.7rem}

.pt{color:#0071CE}



#mobile-header{display:none}


#web-header{position:fixed;top:0;left:0;width:100%;z-index:150;}
#web-header .header{width:100%; height:79px;z-index:998;background:rgba(241,241,241,1);transition:background 0.5s ease;}
#web-header .header:after{content:"";display:block;clear:both;}
#web-header .rwd{position:relative;}
#web-header .rwd:after{content:"";display:block;clear:both;}
#web-header .header h1{position:absolute;top:27px;left:0px;z-index:100}/*231010 top값 바꿈(20px)*/
#web-header .header h1 .off{display:block;}
#web-header .header h1 .on{display:none;}
#web-header nav {position:relative;width:100%;height:79px;overflow:hidden;padding:0 40rem}

#web-header nav:after{content:"";display:block;clear:both}
#web-header nav .nav-box > ul{display:flex;justify-content:center;margin:0 auto}
#web-header nav .nav-box > ul > li > a {position:relative;display:block;width:auto;height:79px;line-height:79px;padding:0 3rem;;text-align:center;white-space:nowrap;font-size:1.8rem;color:#868686; font-family: 'Spoqa Han Sans Neo';}
#web-header nav .nav-box > ul > li > a span:after {content:""; display:block;height:5px;width:5px;border-radius:100%;position:absolute; bottom:2.4rem; left:50%;box-sizing:unset}
#web-header nav .nav-box > ul > li.active > a,
#web-header nav .nav-box > ul > li.on > a,
#web-header nav .nav-box > ul > li > a:hover,
#web-header nav .nav-box > ul > li > a:focus{color:#000;font-weight:700;background:transparent;}

#web-header.active nav .nav-box > ul > li.active > a,
#web-header.active nav .nav-box > ul > li.on > a,
#web-header.active nav .nav-box > ul > li > a:hover,
#web-header.active nav .nav-box > ul > li > a:focus
#web-header.on nav .nav-box > ul > li.active > a,
#web-header.on nav .nav-box > ul > li.on > a,
#web-header.on nav .nav-box > ul > li > a:hover,
#web-header.on nav .nav-box > ul > li > a:focus{color:#fff;}

#web-header nav .nav-box > ul .smenu {display:none;position:absolute;top:80px;left:0;width:100%;padding:0px 21.5rem 0px;}
#web-header nav .nav-box > ul .smenu .smenu-cont > ul{display:flex;padding-top:10.5rem;}
#web-header nav .nav-box > ul .smenu .smenu-cont > ul > li {text-align:left;padding-right:6rem;letter-spacing:-0.01em}
#web-header nav .nav-box > ul .smenu .smenu-cont > ul > li > a{color:#000;font-weight:500;margin:.7rem 0;text-align:left; font-family: "Spoqa Han Sans Neo";}
#web-header nav .nav-box > ul .smenu ul > li{margin-right:0;font-size:1.7rem;font-weight:400;}
#web-header nav .nav-box > ul .smenu ul > li a{display:block;padding:7px 0;color:#868686;text-align:left;line-height:1.5em;}
#web-header nav .nav-box > ul .smenu ul > li a:hover,
#web-header nav .nav-box > ul .smenu ul > li a:focus,
#web-header nav .nav-box > ul .smenu ul > li.active > a{color:#000000}

#web-header nav .nav-box > ul li.on .smenu{display:block;}


#web-header nav .nav-box > ul li:nth-child(2) .smenu-cont,
#web-header nav .nav-box > ul li:nth-child(3) .smenu-cont,
#web-header nav .nav-box > ul li:nth-child(4) .smenu-cont{display:flex;padding-top:.5rem;}



#web-header nav .nav-box > ul li:nth-child(2) .smenu-cont > ul > li,
#web-header nav .nav-box > ul li:nth-child(3) .smenu-cont > ul > li,
#web-header nav .nav-box > ul li:nth-child(4) .smenu-cont > ul > li{text-align:left;padding-right:0rem;padding-left:5rem;}

#web-header nav .nav-box > ul li .smenu-cont dl{flex-shrink:0;max-width:40%;padding-right:6rem;padding-top:3rem;}
#web-header nav .nav-box > ul li .smenu-cont dl dt{margin-bottom:2.5rem;font-size:4.3rem;font-weight: 700;}
#web-header nav .nav-box > ul li .smenu-cont dl dd{color:#868686;font-size:1.6rem;font-weight: 500;line-height:2em}

#web-header nav .nav-box > ul > li:nth-child(1) .smenu{padding:0 15rem;}
#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont dl{display:none}
#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont> ul{padding-top:0rem;}


#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont{display:flex;justify-content: space-around;padding-top:1rem;}
#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul > li{padding:0 3rem;}
#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(1){width:50%;}
#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(1) > li{width:50%}
#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(1) > li:last-child{padding-left:3rem;padding-right:3rem;}
#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(2){display:block;width:25%;padding-left:0%} 
#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(3){display:block;width:25%;}
#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont ul:nth-child(3) > li{padding-right:0 ;}
#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont ul:nth-child(3) > li a{white-space:wrap;word-break: break-word;}

#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(2) > li:nth-child(1),
#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(3) > li:nth-child(1){min-height:151px;margin-bottom:2rem;}



#web-header .bg{position:absolute;top:78px;left:0;width:100%;height:0px;background:rgba(241,241,241,1);}
#web-header .bg-full{display:none;position:fixed;top:0px;left:0;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,0.75);}

#web-header .nav-right{position:absolute;top:26px;right:0px;z-index:100}
#web-header .nav-right button,
#web-header .nav-right a{display:inline-block;margin-left:4rem;font-size:1.6rem;font-weight:500}


#web-header.on .header{background:rgba(0,0,0,1);}
#web-header.on .header h1 .off{display:none;}
#web-header.on .header h1 .on{display:block;}
#web-header.active .header{background:rgba(0,0,0,1);}
#web-header.active .header h1 .off{display:none;}
#web-header.active .header h1 .on{display:block;}


#web-header.on .nav-right a,
#web-header.on .nav-right button{color:#868686}
#web-header.on .nav-right .ic-sch{background-image:url('../img/common/ic-sch-rv.svg');}
#web-header.on .nav-right .ic-menu{background-image:url('../img/common/ic-menu-rv.svg');}

#web-header.active .nav-right a,
#web-header.active .nav-right button{color:#868686}
#web-header.active .nav-right .ic-sch{background-image:url('../img/common/ic-sch-rv.svg');}
#web-header.active .nav-right .ic-menu{background-image:url('../img/common/ic-menu-rv.svg');}
#web-header.active .nav-right a.active{color:#D1DE48}
#web-header.active .nav-right button.active .ic-sch{background-image:url('../img/common/ic-sch-on.svg');}


#web-header.on .nav-right button.on .ic-sch{background-image:url('../img/common/ic-sch-on.svg');}
#web-header.on .nav-right button.on .ic-menu{background-image:url('../img/common/ic-menu-on.svg');}

#web-header .nav-etc-wrap{position:absolute;top:78px;left:0;width:100%;}
#web-header .nav-etc-wrap .nav-etc-action{display:none}
#web-header .nav-etc-box{max-width:1280px;margin:0 auto;height:0;display:flex;}
#web-header .nav-etc-box:after{content:"";position:absolute;z-index:0;background:#000;top:0;right:0;width:35%;height:279px;}
#web-header .nav-etc-box dl{width:33.5%;height:279px;padding:4rem 0rem 8rem 4rem;margin-left:auto;background:#000;color:#fff;position:relative;z-index:10;}
#web-header .nav-etc-box dl dt{color:#fff;font-size:4.3rem;margin-bottom:3rem;}

#web-header #site-list dt{margin-bottom: 0;}
#web-header #site-list ul{text-align:right;position:relative;top:-1.5rem}
#web-header #site-list li{padding:1rem;}
#web-header #site-list li a{padding:1rem 0;color:#868686;font-size:1.6rem;font-weight:500}

#web-header #search-box .search-form-input{display:flex;align-items:center}
#web-header #search-box .search-form-input input{width:100%;height:56px;padding:0 1.5rem;line-height:56px;background:#000;color:#868686;font-size:1.6rem;font-weight:500;border: 3px solid #FFF;box-sizing: border-box;}
#web-header #search-box .search-form-input input[type=text]:focus{background:transparent;}
#web-header #search-box .search-form-input input:placeholder{color:#868686}
#web-header #search-box .search-form-input input::-webkit-input-placeholder {color:#868686;}
#web-header #search-box .search-form-input input:-moz-placeholder {color:#868686;opacity:1;}
#web-header #search-box .search-form-input input::-moz-placeholder {color:#868686;opacity:1;}
#web-header #search-box .search-form-input input:-ms-input-placeholder {color:#868686;}
#web-header #search-box .search-form-input input::placeholder {color:#868686;opacity: 1;}
#web-header #search-box .search-form-input input:focus{outline:none;background:#fff;}
#web-header #search-box .search-form-input button{flex-shrink:0;width:52px;height:52px;margin-left:4rem;;background-image:url('../img/common/ic-search-rv.svg');}

#container{position:relative;top:79px;width:100%;float:none;font-size:1.6rem;margin:0;}

footer{position:relative;top:79px;z-index:10;padding:2rem 0 5rem;background:#fff;border-top:none;color:#C3C3C3;text-align:center;overflow:hidden;}
footer .footer{position:relative;border-top:none;background:transparent;height:auto;bottom:inherit;}
footer .footer .finfo{position:relative;display:flex;justify-content: space-between;padding-bottom:3rem;margin-bottom: 3rem;color:#868686;font-size:1.6rem;text-align:left;border-bottom:1px solid #868686}
footer .footer .finfo dt{font-weight:600;padding-bottom:0rem;}
footer .footer .finfo dl dd{padding-top:.5rem;}
footer .footer .finfo dl dd li{padding:.2rem 0;letter-spacing:-0.01em}
footer .footer .finfo a{color:#868686;}
footer .footer .finfo dl{width:33%;padding-left:1rem;}
footer .footer .finfo dl:last-child{padding-right:0;}

footer .footer .finfo .email li{font-weight:700;font-family: "SF Pro Display";}
footer .footer .finfo .phone dt{padding-left:100px;}
footer .footer .finfo li strong{font-weight:500;margin-right:.5rem;}
footer .footer .finfo .address li{font-size:1.6rem}

footer .footer .fcont{padding-top:1rem;}
footer .footer .fcont h2{padding-bottom:.5rem;}
footer .footer .fcont .ftxt{margin-left:auto;color:#868686;font-size:1.4rem;font-weight:500;}
footer .footer .fcont .ftxt > p:first-child{padding:1rem 0}
footer .footer .fcont .ftxt a{color:#868686;}
footer .footer .fcont .ftxt .name{padding-left:3rem;}
footer .footer .fcont .ftxt .f-copyright{font-size:1.6rem;font-family: "SF Pro Display";font-weight: 700;}

.btn-more{display:inline-block;font-size:1.6rem; border:1px solid #fff;padding:1.5rem 5.2rem; border-radius: 25px;}
.btn-more:hover, .btn-more:focus{transition : all 0.5s ease;-webkit-transition : all 0.5s ease;}
.btn-more.btn-white{color:#fff !important;}
.btn-more.btn-white:hover,.btn-more.btn-white:focus{color:#009688 !important;background:#fff;border:1px solid #fff;}
.btn-more.btn-dark{color:#222 !important; border:1px solid #222;}
.btn-more.btn-dark:hover, .btn-more.btn-dark:focus{color:#fff !important;background:#222;border:1px solid #222;}

.btn-more.btn-green{color:#009688; border:1px solid #009688;}
.btn-more.btn-green:hover, .btn-more.btn-green:focus{color:#fff !important;background:#009688;border:1px solid #009688;}


img{max-width:100%;}

.br{display:block;}


/* 메인 */
.main-container{background:#F1F1F1;}
.main-container #footer{background:#F1F1F1;}
.main-container #container{overflow:hidden;}
.main-visual{position:relative;overflow:hidden;background:#fff !important;}

.main-visual .swiper-wrapper{overflow:hidden;}
.main-visual .main-slide{position:relative;display:flex;flex-direction:column;width:100%;justify-content:center;background-repeat:no-repeat;background-position:center top;}
.main-visual .main-slide:before{content:"";position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:251px;background:#F1F1F1;}
.main-visual .main-slide .img-lg{display:none}
.main-visual .main-slide .img-mb{display:none}
.main-visual .slogan{position:relative;color:#fff  !important;font-size:10rem;display:flex;height:100.9rem;}
.main-visual .pagination{position:absolute;bottom:3rem;left:0;width:100%;z-index:80;text-align:center}
.main-visual .mvisual-swiper-pagination{color:#fff;display:inline-block;font-size:1.6rem;letter-spacing:-0.09em;text-align:center;vertical-align:middle}
.main-visual .mvisual-swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff  !important;margin:0 6px 0 0;font-size:0;opacity:1;vertical-align:middle}
.main-visual .mvisual-swiper-pagination .swiper-pagination-bullet-active{width:14px;height:14px;background:transparent;background:#009688  !important;border-radius:14px;}


.main-visual .all-search{position:absolute;top:18%;left:0;z-index:5;width:100%;font-size:1.6rem}
.main-visual .all-search p{min-height:12rem;margin-bottom:2rem;font-size:4.3rem;font-weight:500;letter-spacing: 1.29px;color:#000;letter-spacing: -1.29px;}
.main-visual .all-search h3{margin-bottom:2.7rem;font-size:1.6rem;font-weight:500;color:#000}
.main-visual .all-search .search-form-input{display:flex;min-height:102px;margin-bottom:1.7rem;align-items:flex-start}
.main-visual .all-search .search-form-input .input-bar{position:relative;width:100%;max-width:532px;padding:0 80px 0 2.8rem;border: 3px solid #000;background:#fff;}
.main-visual .all-search .search-form-input .input-bar button.sct{content:"";display:block;width:80px;height:56px;position:absolute;top:0;right:0;background:url("../img/common/ic-select.svg") center center no-repeat;transition: transform .3s;}
.main-visual .all-search .search-form-input input{height:56px;padding:0;width:100%;border:none;font-family: "Spoqa Han Sans Neo";font-weight:400;letter-spacing: 0.16px;color:#868686}
.main-visual .all-search .search-form-input input::-webkit-input-placeholder {color:#868686;}
.main-visual .all-search .search-form-input input:-moz-placeholder {color:#868686;opacity:1;}
.main-visual .all-search .search-form-input input::-moz-placeholder {color:#868686;opacity:1;}
.main-visual .all-search .search-form-input input:-ms-input-placeholder {color:#868686;}
.main-visual .all-search .search-form-input input::placeholder {color:#868686;opacity: 1;}
.main-visual .all-search .search-form-input input:focus{outline:none;background:#fff;}
.main-visual .all-search .search-form-input input:-webkit-autofill,
.main-visual .all-search .search-form-input input:-webkit-autofill:hover,
.main-visual .all-search .search-form-input input:-webkit-autofill:focus,
.main-visual .all-search .search-form-input input:-webkit-autofill:active {-webkit-text-fill-color: #868686;-webkit-box-shadow: 0 0 0px 1000px #fff inset;box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s;}
.main-visual .all-search .search-form-input .input-bar .rel-keyword{display:none}
.main-visual .all-search .search-form-input .input-bar ul{display:flex;flex-wrap:wrap;min-height:40px;align-items:center;}
.main-visual .all-search .search-form-input .input-bar ul li a{display:block;padding:1rem 0;color:#868686;margin-right:1.2rem;}
.main-visual .all-search .search-form-input button[type=submit]{flex-shrink:0;width:52px;height:52px;margin-top:3px;margin-left:5rem;;background:url("../img/common/ic-search.svg") center center no-repeat;}

.main-visual .all-search .search-form-input.open .input-bar button.sct{transform: rotate(180deg)}
.main-visual .all-search .search-form-input.open .rel-keyword{display:block;}

.main-visual .all-search ul.lang{display:flex;padding-left:31px;;background:url("../img/common/ic-lang.svg") 0 center no-repeat;}
.main-visual .all-search ul.lang li{margin-right:10px;}
.main-visual .all-search ul.lang li a{color:#3D3D3D}
.main-visual .all-search ul.lang li.active a{font-weight:700}


.define-box dt{margin-bottom:6rem;font-size:4.3rem;color:#000;font-weight:500;letter-spacing: -1.29px;}
.define-box dd {letter-spacing: 0.14px;}
.define-box dd .txt1{margin-bottom:3rem;color:#3D3D3D;line-height:1.7em;font-weight:600;letter-spacing: -0.32px;}
.define-box dd .txt2{margin-bottom: 2rem;;font-size:1.4rem;color:#868686;line-height:1.7em;}
.define-box dd .txt1 .eng{display:block;font-size:1rem;letter-spacing: -0.2px;}
.define-box dd a{color:#006E2C;font-size:1.4rem;font-weight: 500;letter-spacing: -0.28px;}
.define-box dd .txt-skip:after{content:"";display:inline-block;width:18px;height:18px;margin-left:13px;;background:url("../img/main/bg-skip.svg") right top no-repeat}

.define-col{display:flex}

.mtit{margin-bottom:6rem;font-size:4rem;text-align:center;font-weight:800}

.msection1{position:relative;top:-55px;z-index:10;padding-top:55px;margin-bottom:0rem;min-height:734px;background:url("../img/main/bg-msection1.png") center center no-repeat;background-size:cover;}
.msection1 .msection1 .img-lg{display:none}
.msection2{position:relative;top:-55px;z-index:10;padding:9.7rem 0 0;margin-top:0rem;;margin-bottom:4.6rem;;min-height:711px;background:url("../img/main/bg-msection2.png") center top no-repeat;background-size:cover;}
.msection2 .define-box{padding-left:41rem}
.msection3{position:relative;top:-55px;z-index:10;padding:9.7rem 0 6rem;margin-bottom: 8rem;min-height:943px;overflow: hidden;background:url("../img/main/bg-msection3.png") center top no-repeat;background-size:cover;}
.msection3 .top{text-align:right;margin-bottom:8rem;}
.msection3 .define-col{ display: inline-flex;}
.msection3 .define-col dt{margin-right:22.1rem;margin-bottom:0;text-align:left;}
.msection3 .define-col dd{position:relative;text-align:left;}
.msection3 .define-col dd .txt1{color:#000000}
.msection3 .define-col dd .txt2{margin-bottom:2rem;}
.msection3 .define-col a{position:relative;bottom:0;right:0;}

.msection3 ul{display:flex;}
.msection3 ul li{margin-right:2rem;width: auto !important;}
.msection3 ul li a{display:block;position:relative;background:#fff;}
.msection3 ul li a:after{content:"";display:block;position:absolute;top:0;left:0;}
.msection3 ul li .img{display:block;max-width:412px;}
.msection3 ul li .cont{position:absolute;bottom:0;left:0;height:20%;display:flex;flex-direction:column;justify-content:center;width:100%;padding:0 3.5rem;}
.msection3 ul li .cont span{display:block;margin-bottom:.3rem;color:#848484;font-size:1.2rem;font-weight:300}
.msection3 ul li .cont strong{font-size:1.8rem;letter-spacing:-0.05em;font-weight:500;font-family: "Spoqa Han Sans Neo";}
.msection3 .swiper-wrapper{transition-timing-function:linear;-webkit-transition-timing-function:linear!important;}

.msection3 ul li.swiper-slide-next + li ~ li a:after{width:100%;height:100%;background:rgba(0,0,0,0.5);transition:all 1s ease}
.msection3 ul.end li:last-child a:after {display:none}
.msection3 .btn-bottom button{display:inline-block;width:42px;height:19px;background:url('../img/main/icon-next.svg');}
.msection3 .btn-bottom .prev{transform: rotate(180deg);margin-right:2rem;}

.msection3 .btn-bottom{text-align:right;padding-top:5rem;}

.msection4 {margin-bottom:25.8rem;}
.msection4 .define-col{margin-bottom:5rem;}
.msection4 .define-col dt{margin-right:25rem;margin-bottom:0;}
.msection4 .define-col dd .txt1{color:#000000}
.msection4 .define-col dd .txt2{margin-bottom: 0;}

.msection4 .service-list .item{position:relative;display:block;margin-bottom:3rem;}
.msection4 .service-list .item .rwd{display:flex;position:relative;z-index:30}
.msection4 .service-list .item .img{position:relative;z-index:10;width:100%;margin-left:-33.8%;padding:8rem 2rem 7.1rem 33.8%;;font-size:2rem;color:#fff;;background-size:cover;background-position:right center;background-repeat:no-repeat;background-size:cover;}
.msection4 .service-list .item .txt{position:relative;z-index:20;width:33.8%;display:block;margin-top:auto;font-size:1.4rem;padding-left:1.5rem;color:#868686;line-height:1.5em;background:url("../img/main/bg-skip.svg") right bottom no-repeat;}


.msection4 .service-list .item:nth-child(1) .img{background-image:url('../img/main/img-service1.jpg');}
.msection4 .service-list .item:nth-child(2) .img{background-image:url('../img/main/img-service2.jpg');}
.msection4 .service-list .item:nth-child(3) .img{background-image:url('../img/main/img-service3.jpg');}
.msection4 .service-list .item:nth-child(4) .img{background-image:url('../img/main/img-service4.jpg');}

.msection5 .hlep-box dl{display:flex;margin-bottom:18rem;;}
.msection5 .hlep-box dt{color:#000}
.msection5 .hlep-box h3{margin-bottom: 6rem;font-size:4.3rem;font-weight:700}
.msection5 .hlep-box strong{display:block;margin-bottom:1rem;}
.msection5 .hlep-box span{font-weight:400;font-size:1.6rem}
.msection5 .hlep-box dd{font-weight: 700;margin-left:auto;margin-top:auto;color:#006E2C;}
.msection5 .hlep-box dd a{display:block;color:#006E2C;padding-bottom:2.6rem;padding-right:5rem;font-size:1.6rem;letter-spacing: -0.32px;background:url('../img/main/bg-help-skip.svg') right bottom no-repeat;;}
.msection5 .hlep-box:after{content:"";display:none;width:79px;height:49px;margin-bottom:67px;;background:url('../img/main/icon-symbol.svg') right bottom no-repeat;}



/* 서브*/
.sub-container{background:#fff;}
.sub-top{position:relative;display:flex;align-items:center;text-align:center;height:500px;margin-bottom:6rem;color:#fff;background:url('../img/sub/img-sub-top.jpg') center top no-repeat;background-size:cover;}
.sub-top h2{font-size:4rem;text-align:center;color:#fff;font-weight:700;}

#sub-top1{background:url('../img/sub/img-sub-top1.jpg') center 0 no-repeat;background-size:cover;}
#sub-top2{background:url('../img/sub/img-sub-top2.jpg') center 0 no-repeat;background-size:cover;}
#sub-top3{background:url('../img/sub/img-sub-top3.jpg') center 0 no-repeat;background-size:cover;}
#sub-top4{background:url('../img/sub/img-sub-top4.jpg') center 0 no-repeat;background-size:cover;}
#sub-top5{background:url('../img/sub/img-sub-top5.jpg') center 0 no-repeat;background-size:cover;}
#sub-top6{background:url('../img/sub/img-sub-top.jpg') center 0 no-repeat;background-size:cover;}
#sub-top7{background:url('../img/sub/img-sub-top7.jpg') center 0 no-repeat;background-size:cover;}

.sub-body{position:relative;display:block;width:100%;padding-bottom:15rem;min-height:700px;}
.sub-body:after{content:"";display:block;clear:both}
.sub-body .sub-side{float:left;width:260px;}
.sub-body .sub-side h2{padding-bottom:30px;font-size:2.6rem;font-weight:700;border-bottom:3px solid #000;}
.sub-body .sub-side ul.depth-list > li > a{border-bottom:1px solid #DDD;}
.sub-body .sub-side ul.depth-list > li > ul{border-bottom:1px solid #DDD}
.sub-body .sub-side ul.depth-list li a{display:block;padding:2.2rem 3rem 2.2rem 2rem;color:#000}
.sub-body .sub-side ul.depth-list li.active > a{color:#006E2C;font-weight:700;}
.sub-body .sub-side ul.depth-list li ul li.active a{font-weight:400}
.sub-body .sub-side ul.depth-list li ul li a{position:relative;padding-top:1.5rem;padding-bottom:1.5rem;padding-left:3rem;}
.sub-body .sub-side ul.depth-list li ul li a:before{content:"·";position:absolute;top:1.5rem;left:2rem;}

.sub-body .sub-side ul.depth-list > li.has-sub > a{background:url('../img/sub/ic-depth-down.svg') 95% center no-repeat;}
.sub-body .sub-side ul.depth-list > li.has-sub.over > a,
.sub-body .sub-side ul.depth-list > li.has-sub.active > a{background-image:url('../img/sub/ic-depth-up.svg');}

.sub-body .sub-side ul.depth-list li ul{display:none;padding:1rem 0}
.sub-body .sub-side ul.depth-list > li.active > ul{display:block;}

.sub-body .sub-box{padding-left:330px;width:100%;}
.sub-body .sub-box #content{color:#666}

.page-location{margin-bottom:1rem;letter-spacing:-0.01em;}
.page-location a,
.page-location span{color:#666}
.page-location .home{padding-left:28px;background:url('../img/sub/ic-home.svg') 0 center no-repeat;}
.page-location a:after,
.page-location span:after{content:"";display:inline-block;position:relative;top:-2px;width:20px;height:20px;margin:2px .6rem 0;background:url('../img/sub/ic-loc.svg') center center no-repeat;vertical-align:middle;}
.page-location span:last-child,
.page-location span:last-child a{color:#006E2C;}
.page-location span:last-child:after{display:none}

.page-title{display:flex;align-items:center;margin-bottom:6rem;margin-top:2rem;}
.page-title.depth-title{padding-bottom:3rem;margin-bottom:4rem;;align-items:flex-start;border-bottom:1px solid #E0E0E0}
.page-title .title .stit{display:inline-block;margin:1.5rem 0 2rem;padding:.5rem .8rem;font-weight:400;border:1px solid #006E2C;color: #006E2C;}
.page-title .title h2{font-size:3.6rem;font-weight:700;color:#000}
.page-title .share-link .btn-print{border:1px solid #222}
.page-title .share-link{margin-left:auto;flex-shrink:0}
.page-title .share-link{display:inline-block;}
.page-title .share-link:before{content:"";display:inline-block;margin:0 1rem 0 1.8rem;background:#d9d9df;vertical-align:middle}
.page-title .share-link .btn-share{display:inline-block;position:relative;}
.page-title .share-link > button,
.page-title .share-link .btn-share > button{margin-left:2rem;}
.page-title .share-link > button,
.page-title .share-link .btn-share > button{width:60px;height:60px; border-radius:100%;background-color: #fff;border:1px solid #222;text-align:center}
.page-title .share-link > button:focus,
.page-title .share-link > button:hover,
.page-title .share-link .btn-share > button:focus,
.page-title .share-link .btn-share > button:hover,
.page-title .share-link .btn-share > button.on{background-color:#fff !important;}

.page-title .share-link  #copyurl{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;padding:0;border:0;visibility:hidden;}
.page-title .share-link  .sns-list{position:absolute;top:45px;right:-45px;z-index:1000;width:140px;border:1px solid #ddd;background:#fff;padding:15px;display:none;text-align:left;}
.page-title .share-link  .sns-list li{padding:7px 0}
.page-title .share-link  .sns-list li strong{font-weight:500;font-size:14px;vertical-align:middle;}
.page-title .share-link  .sns-list li .ics{vertical-align:middle;margin-right:3px;}
.page-title .share-link  .sns-list li a,
.page-title .share-link  .sns-list li button{text-decoration:none;}

.ics{display:inline-block;vertical-align:middle;background:url('../img/sub/ic-sns.png') 0 0 no-repeat;background-size:50px auto;}
.ics_facebook{width:20px;height:20px;background-position:0 0px;}
.ics_twitter{width:20px;height:20px;background-position:0 -25px;}
.ics_kakaotalk{width:20px;height:20px;background-position:0 -50px;}
.ics_naver{width:20px;height:20px;background-position:0 -75px;}
.ics_link{width:20px;height:20px;background-position:0 -100px;border-radius:5px}


.sub-content .page-top{margin:6rem 0 8rem;text-align:center;}
.sub-content .page-top .ptit-eng{color:#777;font-size:1.8rem;}/*231025 #999 컬러 변경*/
.sub-content .page-top .ptit{padding-top: 1rem;font-size:4rem;font-weight:800}

.sub-content  #content{position:relative;min-height:400px;padding:0px 0 20rem}
.sub-content  #conttent.pb0{padding-bottom: 0;}

.btn-top-move{position:fixed;bottom:0;width:100%;text-align:right;z-index:50;}
.btn-top-move .rwd{position:relative;width:1450px}
.btn-top-move button{background:transparent;background:#fff;border:1px solid #ddd;width:45px;height:45px;line-height:35px;border-radius:100%;margin:10px;position:absolute;bottom:0;right:0;}


.btn01{display:inline-block;padding:0 20px;min-width:38px;min-height:38px;line-height:38px;text-align:center;border:1px solid #e3e3e3;box-sizing:border-box}
.btn02{display:inline-block;padding:0 20px  !important;min-width:37px;min-height:45px;line-height:45px;text-align:center;background:#de6e6c !important;border:1px solid #de6e6c  !important;color:#fff;box-sizing:border-box;white-space:nowrap}
.btn03{display:inline-block;padding:0 20px  !important;min-width:37px;min-height:45px;line-height:45px;text-align:center;background:#3777bc !important;border:1px solid #3777bc  !important;color:#fff;box-sizing:border-box}
button.btn03{padding:0 0px!important;}
.btn03:hover{color:#fff}
.btn04{display:inline-block;padding:0 20px  !important;min-width:37px;min-height:45px;line-height:45px;text-align:center;background:#fff !important;border:1px solid #00a651  !important;color:#00a651;box-sizing:border-box}
.btn04:hover{color:#00a651}


.btn-site-link{display:flex;align-items:center;justify-content:center;padding:0rem 3rem;height:80px;margin:0 auto;line-height:80px;max-width:39.5rem;border-radius: 40px;border: 1px solid #E0E0E0;box-sizing:border-box}
.btn-site-link .img img{position:relative;}
.btn-site-link img{flex:0;vertical-align:middle;}
.btn-site-link .site-skip{vertical-align:middle;font-size:2rem;color:#666;font-weight:700;margin-left:3rem;}

.btn-site-link.logo-pz .img img{height:40px !important}
.btn-site-link.logo-plt .site-skip{padding-top:.3rem;}

/* 컨텐츠 공통 */
.tit1{margin-bottom:3rem;font-size:2rem;color:#006E2C}
.tit2{position:relative;margin-bottom:3rem;font-size:1.6rem;padding-left:25px;color:#333;font-weight:600}
.tit2:before{content:"";position:absolute;top:7px;left:10px;;display:block;width:4px;height:4px;border-radius:100%;background:#333;}

.dash-list li{position:relative;padding-left:1.3rem;margin:1rem 0;}
.dash-list li:before{content:"-";position:absolute;top:0;left:0;}

.img-caption{text-align:center;}
.img-caption .img{display:inline-block;text-align:center;}
.img-caption .stxt{display:block;margin-top:1.5rem;color:#999;font-size:1.4rem;letter-spacing:.01em}


.section-box{line-height:1.65em;color:#333}
.section-bg{border: 1px solid #DDD;background: #F8F8F8;}

.txt-list li{color:#333;margin-bottom:2rem;line-height:1.65em;}
.txt-list li strong{display:block;margin-bottom:.5rem;}

.dsc-section{display:flex;justify-content: space-between;margin-right:0 -1.2rem;}
.dsc-section .txt{display:block;padding:2rem 1rem;text-align:center;line-height:1.4em;font-size:1.4rem}
.dsc-section .item{display:block;flex: 1;text-align:center;padding:0 1.2rem;}
.dsc-section .item .item-cont{display:flex;flex-direction:column;height:100%;justify-content: space-between;}
.dsc-section .item .item-cont .img{margin:auto 0;}

.btn-scroll-top{position:fixed;bottom:20px;left:0;z-index:1000;width:100%}
.btn-scroll-top .rwd{position:relative;}
.btn-scroll-top a{position:absolute;top:-50px;right:-80px;display:inline-block;background:#000 url("../img/common/ic-move-top.svg") center center no-repeat;width:50px;height:50px;border-radius:100%}



/* 서브 */
.top-txt{line-height:1.6em;margin-bottom:2.5rem;color:#333}
.top-txt strong{font-weight:600}

.tab-style ul{display:flex;flex-wrap:wrap;margin-left:-8px;margin-bottom:6rem;}
.tab-style ul li{flex:1}
.tab-style ul li a{display:flex;justify-content:center;align-items: center;height:100%;border: 1px solid #000;font-size:1.6rem;color:#000;margin-left:8px;padding:1.5rem 1rem;text-align:center;}
.tab-style ul li.active a{background:#006E2C;color:#fff;border:1px solid #006E2C;font-weight:700}

.tab-style .tab5{margin-bottom:4rem;}
.tab-style .tab5 li{width:20%; flex: inherit;margin-bottom:1rem;}
.tab-style .tab4 li{width:25%; flex: inherit;margin-bottom:1rem;}
.tab-style .tab3 li{width:33.3%; flex: inherit;margin-bottom:1rem;    word-break: break-all;}

.tab-select button{display:none}


.list-style1{border-top:2px solid #000}
.list-style1 .item{display:flex;align-items:center;padding:2rem 3rem;border-bottom:1px solid #E0E0E0}
.list-style1 .item .img{flex-shrink:0;border:1px solid #E0E0E0;text-align:center;margin-bottom:auto;}
.list-style1 .item .cont{padding-left:3rem;width:100%}
.list-style1 .item .cont .tit{display:block;font-size:2rem;color:#000;font-weight:500}
.list-style1 .item .cont .txt{display:block;margin:2rem 0 4rem;line-height:1.6em}
.list-style1 .item .cont .btn-view{display:block;max-width:200px;height:50px;line-height:50px;text-align:center;font-weight:500;border:1px solid #000;}

.list-style2{border-top:2px solid #000;margin-bottom:3rem;}
.list-style2 ul li{border-bottom:1px solid #E0E0E0;display:block;padding:2rem 3rem 1.5rem}
.list-style2 ul li .opt{display:block;margin-bottom:2rem;}
.list-style2 ul li .opt span{display:inline-block;padding:.5rem 1rem}
.list-style2 ul li .opt span.num{min-width:60px;border:1px solid #000;color:#333;margin-right:.8rem;text-align:center}
.list-style2 ul li .opt span.ctg{border:1px solid #006E2C;color:#006E2C !important}
.list-style2 ul li .tit{display:block;font-size:2rem;letter-spacing:-0.01em;min-height:48px;margin-bottom:1rem;font-weight:500;color:#000}
.list-style2 ul li .info{display:flex;flex-wrap:wrap;align-items:center}

.txt-bar{display:flex;align-items:center;padding:.5rem 0}
.txt-bar:after{content:"";display:inline-block;width:1px;height:16px;margin:0 2rem;background:#ddd;}
.txt-bar:last-child:after{display:none}
.txt-bar strong{color:#006E2C;font-weight:500;margin-right:1rem;white-space:nowrap}
.txt-bar.wide{display:block;margin-bottom:.3rem;}
.txt-bar.wide:after{display:none}

.list-style2.size-sm{margin-bottom: 0;}
.list-style2.size-sm ul li .tit{font-size:1.6rem;min-height:auto}


/* 보유분석자료 뷰 */
.list-style2.type-img ul li{display:flex;padding:2rem 3rem 2rem}
.list-style2.type-img ul li .tit{min-height:auto;margin-bottom:1.2rem;}
.list-style2.type-img ul li .opt{display:block;margin-bottom:1.5rem;}
.list-style2.type-img ul li .img{flex-shrink:0;position:relative;overflow:hidden;width:150px;height:142px;display:block;border:1px solid #E0E0E0}
.list-style2.type-img ul li .img .img-src{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.list-style2.type-img ul li .cont{padding-left:3rem;}
.list-style2.type-img ul li .txt-bar.wide{margin-bottom:.1rem;}

/* 분석상담 */
.list-style2.type-cns ul li{padding:3rem 3rem 2.5rem}
.list-style2.type-cns ul li a{display:flex;}
.list-style2.type-cns ul li a .cont{display:block;padding-right:2rem;}
.list-style2.type-cns ul li a .tit{margin-bottom:2.5rem;font-size:2rem;min-height:auto}
.list-style2.type-cns ul li a .stat-box{margin-left:auto;margin-top:auto;margin-bottom:auto;}


.list-style3{overflow:hidden;border-top:2px solid #000;overflow:hidden;margin:0 0 }
.list-style3 ul {padding:3rem 0;}
.list-style3 ul li {flex-grow:1;max-width:25%;width:25% !important;padding:0 11px;;}
.list-style3 ul li .img{display:block;;border:1px solid #ddd;background-repeat:no-repeat;background-position:center center;background-size:cover;padding-top:96%;}
.list-style3 ul li .info{display:block;padding-top:1rem;}
.list-style3 ul li .info .ctg{display:block;color:#006E2C;margin-bottom:.5rem;font-size:1.4rem;}
.list-style3 ul li .info .tit{display:block;font-weight:600}
.list-style3 .swiper-wrapper{max-width:950px;width:100%}
.list-style3.thesis-slide .img{padding-top:122.6%}

.list-style4{overflow:hidden;border-top:2px solid #000;overflow:hidden;margin:0 0 3rem;} 
.list-style4:after{content:"";display:block;width:100%;height:1px;background:#E0E0E0;position:relative;top:-1px}
.list-style4 ul {display:flex;flex-wrap:wrap}
.list-style4 ul li {flex-grow:1;max-width:33.3%;width:33.3% !important;padding:3rem 11px;border-bottom:1px solid #E0E0E0;}
.list-style4 ul li .tit{display:block;margin-bottom:1rem;font-weight:700;color:#000;font-size:2rem}
.list-style4 ul li .info{display:block;margin-bottom:1.5rem;}
.list-style4 ul li .info .gr{display:block;padding:.5rem 0;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.list-style4 ul li .info .gr strong{color:#666;margin-right:.8rem;white-space:nowrap}
.list-style4 ul li .img{display:block;margin-bottom:2rem;border-radius: 15px;border:1px solid #E0E0E0;background-repeat:no-repeat;background-position:center top;background-size:cover;padding-top:54%;}
.list-style4 .swiper-wrapper{max-width:950px;width:100%}

.list-style4.exp-slide{margin-bottom:0;}
.list-style4.exp-slide ul{flex-wrap:nowrap;border-bottom:1px solid #E0E0E0;}
.list-style4.exp-slide ul li{border-bottom:none;margin-bottom: 0;}

.list-style5{border-top:2px solid #000}
.list-style5 ul{display:flex;flex-wrap:wrap;margin:0 -1.3%;}
.list-style5 ul li{border:1px solid #E0E0E0;width:30.7%;margin:3rem 1.3% 0;overflow:hidden;}
.list-style5 ul li .img{position:relative;overflow:hidden;padding-top:70.8%;display:block;}
.list-style5 ul li .img .img-src{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;transform: scale(1);}
.list-style5 ul li .info{display:block;padding:2rem;text-align:center;color:#666;border-top:1px solid #E0E0E0;}
.list-style5 ul li .info strong{display:block;margin-bottom:1.5rem;font-size:2rem;color:#000;font-weight:500}
.list-style5 ul li .info .num{color:#006E2C;font-weight:500}
.list-style5 ul li .info .txt{display:block;line-height:1.4em}

.list-style5.type2 .tit{margin-bottom:0;}
.list-style5.type2 .num{display:block;margin-top:1.2rem;}
.list-style5.type2 ul li .img{margin:0 -1px;}
.list-style5.type2 ul li .info{padding:3rem 2rem;}

.list-style6{border-top:2px solid #000000}
.list-style6 li{display:flex;border-bottom:1px solid #E0E0E0;padding:4rem 3rem}
.list-style6 li .info{padding-right:2rem;;} 
.list-style6 li .info .tit{display:block;margin-bottom:2rem;font-size:2rem;color:#000}
.list-style6 li .info .cont {display:block;margin-bottom:3rem;}
.list-style6 li .info .cont .li{display:flex;padding:3px 0;}
.list-style6 li .info .cont .li:before{content:"- ";margin-right:2px;}
.list-style6 li .info .btn-view{display:inline-block;border: 1px solid #000;padding:1.5rem 2rem;min-width:200px;text-align:center}
.list-style6 li .img{display:block;flex-shrink:0;margin-left:auto;width:400px;}
.list-style6 li .img-src{display:block;position:relative;width:100%;padding-top:55.5%;border:1px solid #E0E0E0}
.list-style6 li .img-src iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.list-style7{border-top:2px solid #000000;border-bottom:1px solid #E0E0E0;margin-bottom:3rem;}
.list-style7 ul{display:flex;flex-wrap:wrap;margin:0 -1.1rem}
.list-style7 li{width:33.3%;border-top:1px solid #E0E0E0;padding:4rem 1.1rem}
.list-style7 li .img{display:block;position:relative;margin-bottom:2rem;}
.list-style7 li .img-src{display:block;width:100%;padding-top:100%;background-size:cover;background-position:center center;border:1px solid #E0E0E0;border-radius:15px;}
.list-style7 li .tit{position:absolute;bottom:0;left:0;width:100%;min-height:25%;display:flex;align-items:center;justify-content:center;border-radius: 0px 0px 14px 14px;background: rgba(0, 0, 0, 0.75);color:#fff;font-size:2rem;padding:1rem 4rem;text-align:center;word-break: keep-all;}
.list-style7 li .mark{position:absolute;top:20px;left:20px;border-radius: 50px;display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;background: rgba(255, 255, 255, 0.60);}

.img-scale a .img .img-src{transition:all 1s ease}
.img-scale a:hover .img .img-src{transform: scale(1.2);}

.tag-box{display:inline-block;}
.tag-box a{display:inline-block;min-width:65px;text-align:center;padding:.6rem .8rem;margin-bottom:.8rem;margin-right: .5rem;font-size:1.4rem;color:#666;border-radius: 15px;border: 1px solid #DDD;}
.tag-box a:hover{background:#000;border-color:#000;color:#fff}

.board-section{position:relative;}
.board-section .top{display:flex;align-items:center;margin-bottom:1.7rem;}
.board-section .top .title{font-size:2rem;}
.board-section .top .title h3{display:inline-block;font-weight:700;font-size:2rem}
.board-section .top .title .total strong{color:#006E2C}
.board-section .top .right{margin-left:auto;}
.board-section .control{font-size:2rem;position:absolute;top:0;right:0}
.board-section .control button.prev{margin-right:1.7rem;}
.board-section .control button.next{margin-left:1.7rem;}
.board-section .control .swiper-pagination{position:relative;top:0;}
.board-section .control .swiper-pagination-current{font-weight:700}

.btn-circle{display:inline-block;width:30px;height:30px;border:1px solid #DDD;vertical-align:middle;text-align:center;background:url("../img/common/ic-ar.svg") center center no-repeat;}
.btn-circle.up{transform: rotate(180deg);}
.btn-circle.prev{transform: rotate(90deg);}
.btn-circle.next{transform: rotate(-90deg);}

.dsc-box dt{padding:3rem 0;font-size:2.8rem;color:#006E2C;border-bottom:2px solid #000}
.dsc-box dd{padding:3rem 0;line-height:1.6em}


/* 컨텐츠 */
.work-flow{padding:7.7rem 7rem;text-align:center}
.work-flow .item{margin-bottom:5rem;}
.work-flow .item p{padding-top:2rem;}
.work-flow .item:last-child{margin-bottom:0;}
.greeting-box {color:#333;}
.greeting-box dl dt{text-align:center;padding-bottom:4rem;margin-bottom: 4rem;border-bottom:1px solid #E0E0E0}
.greeting-box dl dt strong{display:block;margin-top:6rem;margin-bottom:2rem;font-size:3rem;color:#006E2C;font-weight:700}
.greeting-box dl dt span{display:block;font-size:2rem;color:#000;font-weight:300}
.greeting-box dl dd{line-height:1.8em}
.greeting-box dl dd p{margin-bottom:3rem;}
.greeting-box dl dd .sign-box{text-align:right;margin-top:8rem;}
.greeting-box dl dd .sign-box span{vertical-align:middle;}
.greeting-box dl dd .sign-box img{margin-left:2rem;vertical-align:middle;}


.bigImgWrap{display:none;position:fixed;top:0;left:0;z-index:5000;width:100%;height:100%;background-color: rgba( 0, 0, 0, 0.5);text-align:center;}
.bigImgWrap .bigImg{position:relative;text-align:center;padding:100px 70px;max-width:90%;max-height:100%;margin:0 auto;}
.bigImgWrap .bigImg .img{max-height:100%;overflow-x:hidden;overflow-y:auto;width:auto;text-align:right;padding:2rem 4rem;background:#fff;}
.bigImgWrap .bigImg .img img{max-width:800px;max-width:100%}
.bigImgWrap .imgTag{position:relative;height:100%;}
.bigImgWrap .bigImg .bigImgClose{position:absolute;top:0px;right:-70px;width:70px;height:70px;line-height:70px;background:#000;text-align:center;vertical-align:middle;}
.bigImgWrap .bigImg .bigImgClose .pop-close{display:inline-block;width:28px;height:28px;vertical-align:-webkit-baseline-middle}
.bigImgWrap .bigImg .bigImgClose .pop-close::before {content:''; display:block; width:28px; height:2px; margin-bottom:8px; background:#fff;  margin-bottom:8px; transform:translateY(10px) rotate(-45deg); -webkit-transform:translateY(10px) rotate(-45deg);transition:all .4s}
.bigImgWrap .bigImg .bigImgClose .pop-close::after {content:''; display:block; width:28px; height:2px; margin-top:8px; background:#fff; transform : translateY(-0px) rotate(45deg); -webkit-transform:translateY(-0px) rotate(45deg);transition:all .4s}


.pathway-box{display:flex;justify-content:space-between;margin:0 -1rem}
.pathway-box li{padding:0 1rem;}


.pathway-chart table{border-top:2px solid #000;text-align:center;}
.pathway-chart table th{padding:1.2rem 2rem;background:#F8F8F8;border-bottom:1px solid #e0e0e0;font-size:1.5rem;vertical-align:middle;font-weight:600;text-align:center}
.pathway-chart table td{padding:1.2rem 2rem;border-bottom:1px solid #e0e0e0;line-height:1.8em;font-size:1.4rem;    word-break: break-all;}
.pathway-chart table .center{text-align:center}
.pathway-chart table .left{text-align:left}


/* 오시는길 */
.cantactus-box .map-road{position:relative;background:#D9D9D9;padding:21.1%;margin-bottom:4rem;}
.cantactus-box .map-road .map{position:absolute;top:0  !important;left:0;width:100% !important}
.cantactus-box .addr-loc{margin-bottom:4rem;padding-left:3.4rem;line-height:24px;background:url("../img/page/icon-location.svg") left top no-repeat;}
.cantactus-box .addr-loc strong{color:#006E2C}

.traffic-list{border-top:2px solid #000}
.traffic-info{padding:4rem 0 3.3rem;border-bottom:1px solid #E0E0E0}

.traffic-info dl{color:#222}
.traffic-info dl dt{margin-bottom:1.5rem;font-size:2rem;font-weight:700;}
.traffic-info dl dd ul li{position:relative;display:inline-block;;;min-height:30px;;margin:.7rem 0}
.traffic-info dl dd ul li strong{float:left;min-width:65px;min-height:30px;line-height:30px;text-align:center;padding:0rem .8rem;margin-right:1rem;border-radius:50px;color:#fff !important;font-weight:600}
.traffic-info dl dd ul .bar:before{content:"";display:inline-block;background:#D9D9DF !important;;width:1px;height:15px;vertical-align:middle;margin-right: 2rem;}
.traffic-info dl dd ul li .tp1{background:#80C749 !important;;}
.traffic-info dl dd ul li .tp2{background:#0671DC !important;;}
.traffic-info dl dd ul li .tp3{background:#C64141 !important;;}
.traffic-info dl dd ul li .tp4{background:#27AE60 !important;;}
.traffic-info dl dd ul li .tp5{background:#E02166 !important;;}
.traffic-info dl dd ul li .tp6{background:#B0B0B0 !important;;}
 

.traffic-info.bus-info .bus-group{margin-bottom:2.7rem;} 
.traffic-info.bus-info .bus-group:last-child{margin-bottom:0;} 
.traffic-info.bus-info .bus-group .tit{position:relative;padding-left:8px;;color:#006E2C;font-weight:600;margin-bottom:1.3rem;}
.traffic-info.bus-info .bus-group .tit:before{content:"·";position:absolute;top:0;left:0;}

.traffic-info.bus-info .bus-group li{margin-bottom:1.3rem;}
.traffic-info.bus-info .bus-group li:after{content:"";display:inline-block;width:1px;height:16px;background:#ddd;vertical-align:middle;margin:0 2rem}
.traffic-info.bus-info .bus-group li:last-child:after{display:none}
.traffic-info.bus-info .bus-group li:last-child{margin-bottom:0;}
.traffic-info{display:flex;}
.traffic-info:before{content:"";display:inline-block;width:80px;height:80px;margin-right: 3rem;flex-shrink:0}
.traffic-info.bus-info:before{background-image:url('../img/page/icon-bus.png') !important;;}
.traffic-info.subway-info:before{background-image:url('../img/page/icon-subway.png') !important;;}
.traffic-info.car-info:before{background-image:url('../img/page/icon-car.png') !important;;}


/* 로그인 */
.auth_wrap{display:flex;align-items:center;min-height:100%;padding:80px 2rem 60px;margin:0 auto;max-width:1280px;box-sizing:border-box}
.login-box{width:1028px;margin:0 auto;border:1px solid #d4d6d8}
.login-box .login-header{background:#f6f8fa;padding:4rem 2rem;text-align:center}
.login-box .login-header h1{margin:0;font-size:3.3rem;margin-bottom:2rem;}
.login-box .login-header p{font-size:1.5rem;line-height:1.5em}
.login-box .login-body{max-width:400px;padding:5rem 2rem;margin:0 auto;text-align:left}
.login-box .login-body dl{margin-bottom:1.5rem;}
.login-box .login-body dl dt{display:none}
.login-box .login-body .inp{font-size:1.5rem}
.login-box .checkbox {margin-bottom:1.5rem;}
.login-box .checkbox label, .login-box .radio label{padding-left: 0;}
.login-box .checkbox .lb{font-size:1.4rem;padding-left:.5rem;color:#46464a;vertical-align:middle;}

.login-box .inp{height:45px;line-height:45px;background:#fff;border:1px solid #ddd;text-indent:20px;width:100%;border-radius:0px;font-size:1.4rem}
.login-box .inp:focus{background:#e8f0fe;}

input.inp{padding:0;font-size:1.4rem}
input.inp::-webkit-input-placeholder {color:#999999;}
input.inp:-moz-placeholder {color:#999999;opacity:0.8;}
input.inp::-moz-placeholder {color:#999999;opacity:0.8;}
input.inp:-ms-input-placeholder {color:#999999;}
input.inp::placeholder {color:#999999;opacity: 0.8;}

.login-box .btn-submit button{width:100%;background-color:#006E2C;border:1px solid #006E2C;color:#fff;display:inline-block;height:58px;line-height:58px;vertical-align:middle;padding:0;font-weight:400;font-size:2rem;text-align:center}
.login-box .btn-submit button:hover{background:#006E2C;border-color:#006E2C}

/* 기업소개 */
.company-profile{margin-bottom: 15rem;}
.company-profile h3{color:#E0E0E0;font-size:4rem;margin-bottom:4rem;font-weight:700;text-align:center}

.company-profile .mission-box{margin-bottom:15rem;}
.company-profile .mission-box .mission-img{position:relative;margin-bottom:3rem;/*padding-bottom:6rem;*/}
.company-profile .mission-box .mission-circle{position:relative;display:flex;justify-content:center;}
.company-profile .mission-box .mission-circle .circle{position:relative;width:322px;height:322px;padding:50px;background:#F8F8F8;border:1px dashed #006E2C;border-radius:100%;}
.company-profile .mission-box .mission-circle .circle:after{content:"";position:absolute;top:30%;left:0;display:block;width:16px;height:16px;background:url("../img/page/ic-pth.svg") center center no-repeat;}
.company-profile .mission-box .mission-circle .circle.left:after{top:inherit;bottom:30%;left:inherit;right:2px; transform : rotate(65deg);}
.company-profile .mission-box .mission-circle .circle .bx{background:#fff;border-radius:100%;display:flex;flex-direction: column;width:220px;height:220px;align-items:center;justify-content:center;text-align:center}
.company-profile .mission-box .mission-circle .circle .bx strong{color:#006E2C;font-size:2rem;}
.company-profile .mission-box .mission-circle .circle .bx span{display:block;padding-top:1rem;color:#000;font-size:2.4rem;font-weight:500}
.company-profile .mission-box .mission-circle .name-bar{position:absolute;top:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;}
.company-profile .mission-box .mission-circle .name{background:#006E2C;width:100px;height:100px;line-height:100px;border-radius:100%;text-align:center;color:#fff;font-size:2rem;font-weight:700}
.company-profile .mission-box .mission-img .vline{position:absolute;bottom:0;left:0;width:100%;}
.company-profile .mission-box .mission-img .bar{position:relative;bottom:0rem;display:block;width:1px;height:170px;background:#006E2C;margin:0 auto}
.company-profile .mission-box .mission-img .bar:after{content:"";display:inline-block;width:7px;height:7px;background:#006E2C;border-radius:100%;position:absolute;bottom:0;left:-3px;}
.company-profile .mission-box dl{text-align:center;margin-top:3rem;}
.company-profile .mission-box dt{margin-bottom:2rem;color:#006E2C;font-size:2.6rem;font-weight:700}
.company-profile .mission-box dd{font-size:1.8rem;color:#333;line-height:1.7em}
.company-profile .mission-box dd strong{font-weight:600}

.history-box .history-block{display:flex;}
.history-box .history-block .img{flex:1;display:block;padding-top:.5rem;margin-right:4rem;max-width:34rem;}
.history-box .history-cont {flex:1;width:100%;}
.history-box .history-cont .img{flex-shrink:0}
.history-box .history-cont dl{position:relative;display:flex;padding-bottom:4rem;}
.history-box .history-cont dl:before{content:"";position:absolute;top:0;left:92px;display:block;width:1px;height:100%;background:#DDD;}
.history-box .history-cont dl dt{display:flex;width:100px;align-items:flex-start;position:relative;font-size:2.6rem;color:#006E2C;}
.history-box .history-cont dl dt strong{display:block;width:65px;position:relative;top:-1rem;font-weight:500}
.history-box .history-cont dl dt:after{content:"";flex-shrink:0;display:block;width:15px;height:15px;margin-left:2rem;background:#fff;border:3px solid #006E2C;border-radius:100%;box-sizing:border-box}
.history-box .history-cont dl dd{position:relative;top:-3px;left:0;padding-left:2rem;}
.history-box .history-cont ul li{display:flex;width:100%;padding:.7rem 0;color:#000}
.history-box .history-cont ul li:first-child{padding-top: 0;}
.history-box .history-cont ul li strong{position:relative;color:#999;margin-right:2rem;min-width:3rem}


.history-box .history-block.right .img{display:block;padding-top:.5rem;margin-left:4.5rem;margin-right:0;order:1}
.history-box .history-block.right .history-cont{position:relative;margin-left:auto;}
.history-box .history-block.right .history-cont dl{justify-content: flex-end;}
.history-box .history-block.right .history-cont dl:before{right:92px;left:inherit;}
.history-box .history-block.right .history-cont dl dt{order:1;}
.history-box .history-block.right .history-cont dl dt:after{order:0;margin-left:0;margin-right:2rem;}
.history-box .history-block.right .history-cont dl dt strong{order:1;}
.history-box .history-block.right .history-cont dl dd{order:0;padding-left:0rem;padding-right:2rem;}
.history-box .history-block.right .history-cont ul li{text-align:right;justify-content: flex-end;}
.history-box .history-block.right .history-cont ul li strong{order:1;margin-right:0;margin-left:2rem;}
.history-box .history-block.right .history-cont ul li span{order:0}
.history-box .history-block.right .history-cont dl:last-child:before{display:none;padding-bottom:0;}

.gr-type{display:flex;margin:0 -1.2rem 0}
.gr-type dl{width:33.3%;margin:0 1.2rem;border: 1px solid #DDD;border-radius: 10px;padding:3rem}
.gr-type dl dt{margin-bottom:1.1rem;padding-bottom:2rem;color:#006E2C;font-size:1.8rem;text-align:center;border-bottom:1px solid #DDD}
.gr-type dl dt:before{content:"";display:block;width:80px;height:80px;margin:0 auto 2rem;}
.gr-type dl dd ul li{position:relative;padding:.4rem 0 .4rem 1rem;;color:#333;line-height:1.5em}
.gr-type dl dd ul li:before{content:"·";display:inline-block;position:absolute;top:.5rem;left:0;}

.bio-style1 dl:nth-child(1) dt:before{background-image:url("../img/page/icon-cp1.png") !important;}
.bio-style1 dl:nth-child(2) dt:before{background-image:url("../img/page/icon-cp2.png") !important;}
.bio-style1 dl:nth-child(3) dt:before{background-image:url("../img/page/icon-cp3.png") !important;}

.bio-style2 dl:nth-child(1) dt:before{background-image:url("../img/page/icon-cp4.png") !important;}
.bio-style2 dl:nth-child(2) dt:before{background-image:url("../img/page/icon-cp5.png") !important;}
.bio-style2 dl:nth-child(3) dt:before{background-image:url("../img/page/icon-cp6.png") !important;}

.img-stp{text-align:center}
.img-stp:before{content:"";display:block;width:42px;height:35px;margin:0 auto;padding:3rem 0;background:url("../img/page/icon-next.svg") center center no-repeat !important;}
.img-stp:after{content:"";display:block;width:42px;height:35px;margin:0 auto;padding:3rem 0;background:url("../img/page/icon-next.svg") center center no-repeat !important; transform : translateY(-10px) rotate(180deg); -webkit-transform:translateY(-10px) rotate(180deg);}

.etc-box{line-height:1.7em;color:#333}
.etc-box h4{font-size:1.8rem;margin-bottom: 2.5rem;font-weight:600}
.etc-box table{border-top:2px solid #000;margin-bottom:2rem;}

.email-content{padding:0}
.email-content .email-top{position:relative;border:3px solid #E0E0E0;padding:3rem 3rem;margin-bottom:4rem;}
.email-content .email-top:before{content:"";display:inline-block;width:20px;height:20px;position:absolute;top:-3px;left:-3px;background:url("../img/page/icon-union.svg");}
.email-content .email-top:after{content:"";display:inline-block;width:20px;height:20px;position:absolute;bottom:-3px;right:-3px;background:url("../img/page/icon-union.svg");transform : translateY(0px) rotate(180deg); -webkit-transform:translateY(0px) rotate(180deg);}

.email-content .tit1{line-height:1.6em}

/* 기술소개 */
.tech-box{position:relative;border: 1px dashed #71A748;width:526px;height:526px;margin:19rem auto;padding:5rem;border-radius:100%}
.tech-box .circle1{display:block;width:100%;height:100%;border-radius:100%;margin:0;background:#F8F8F8;;padding:5rem;}
.tech-box .circle2{display:block;width:100%;height:100%;border-radius:100%;margin:0;background:#EBF1E7;padding:5rem;}
.tech-box .circle2 strong{display:flex;width:100%;height:100%;border-radius:100%;margin:0;background:#fff;border:1px solid #71A748;font-size:2.4rem;color:#006E2C;font-weight:700;align-items:center;justify-content:center}

.tech-box  ul li {position:absolute;}
.tech-box  ul li:before{content:"";display:block;width:181px;height:181px;background:url('../img/page/bg-circle.png') center center no-repeat;position:absolute;z-index:0}
.tech-box  ul li a{position:relative;z-index:10;width:180px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:100%}
.tech-box  ul li a .cover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;}
.tech-box  ul li a .cover .ov{position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.88);width:100%;height:100%;border-radius:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.tech-box  ul li a .cover .ov strong{display:block;text-align:center;margin-bottom:1.5rem;}
.tech-box  ul li a .cover .ov .video{color: #4EEA73;text-decoration-line: underline;}
.tech-box  ul li a .icon{display:block;}
.tech-box  ul li a strong{display:block;padding-top:1rem;text-align:center}
.tech-box  ul li a:hover .cover{display:block;}
.tech-box  ul li:hover:before{display:none}

.tech-box  ul{top:-100px;left:0;}

.tech-box  ul li:nth-child(1){left:-18%;top:45px;}
.tech-box  ul li:nth-child(2){left:33.3%;top:-100px;}
.tech-box  ul li:nth-child(3){right:-18%;top:45px;}
.tech-box  ul li:nth-child(4){left:-18%;bottom:45px;}
.tech-box  ul li:nth-child(5){left:33.3%;bottom:-100px;}
.tech-box  ul li:nth-child(6){right:-18%;bottom:45px;}


.tech-box  ul li:nth-child(1):before{transform:rotate(-90deg)}
.tech-box  ul li:nth-child(2):before{transform:rotate(-45deg)}
.tech-box  ul li:nth-child(3):before{transform:rotate(0deg)}

.tech-box  ul li:nth-child(4):before{transform:rotate(-180deg)}
.tech-box  ul li:nth-child(5):before{transform:rotate(135deg)}
.tech-box  ul li:nth-child(6):before{transform:rotate(90deg)}


@media screen and (max-width:1936px) {
.rwd-wide{width:100%}


}

@media screen and (max-width:1500px) {
.btn-scroll-top .rwd{width:100%}
.btn-scroll-top a{right:20px}
}

@media screen and (max-width:1400px) {
#web-header .nav-etc-box:after{width:21%}

}

@media screen and (max-width:1302px) {
.br {display:inline !important}
.rwd{width:100%;padding-left:2rem;padding-right:2rem;}

#web-header .header h1{left:20px;}
#web-header .nav-right{right:20px;}
#web-header nav .nav-box > ul > li > a{padding:0 2.5rem;}
#web-header .nav-etc-box dl{width:33.7%;}

#web-header nav .nav-box > ul .smenu{padding:0 10%;}
#web-header nav .nav-box > ul li .smenu-cont dl{padding-right:6rem;}

#web-header nav .nav-box > ul > li:nth-child(1) .smenu{padding:0 0%;}

footer .footer .fcont .ftxt .f-copyright{padding-left:4rem;}




.main-visual .main-slide{background-image:none !important;}
.main-visual .main-slide .img-lg{position:relative;top:0;left:0;width:100%;text-align:center;display:block;}
.main-visual .main-slide .slogan{height:auto}
.main-visual .all-search{width:64%;height:100%}


.msection1{min-height:80%;background-image:url('../img/main/bg-msection1-wb.png');background-position:center top;background-size:100% auto;}
.msection2{min-height:80%;}

.msection3 ul li.swiper-slide-next ~ li a:after{width:100%;height:100%;background:rgba(0,0,0,0.5);transition:all 1s ease}



.history-box .history-block.right .img{display:block;padding-top:.5rem;margin-left:0rem;margin-right:4rem;order:0}
.history-box .history-block.right .history-cont{position:relative;margin-left:auto;}
.history-box .history-block.right .history-cont dl{justify-content:flex-start;}
.history-box .history-block.right .history-cont dl:before{right:inherit;left:92px;}
.history-box .history-block.right .history-cont dl dt{order:0;}
.history-box .history-block.right .history-cont dl dt:after{order:1;margin-left:2rem;margin-right:0rem;}
.history-box .history-block.right .history-cont dl dt strong{order:0;}
.history-box .history-block.right .history-cont dl dd{order:1;padding-left:2rem;padding-right:0rem;}
.history-box .history-block.right .history-cont ul li{text-align:left;justify-content: flex-start;}
.history-box .history-block.right .history-cont ul li strong{order:0;margin-right:2rem;margin-left:0rem;}
.history-box .history-block.right .history-cont ul li span{order:1}


.list-style7 li .tit{padding:1rem 2rem;}

}


@media screen and (max-width:1204px) {
.list-style7 li{width:50%;}
.list-style7 li .tit{padding:1rem 1rem;}

/* 기술소개 */
.tech-box{width:476px;height:476px;}

.tech-box  ul li:before{width:151px;height:151px;background-size:151px auto;}
.tech-box  ul li a{width:150px;height:150px;}

.tech-box  ul li:nth-child(1){left:-10%;top:45px;}
.tech-box  ul li:nth-child(2){left:33.3%;top:-70px;}
.tech-box  ul li:nth-child(3){right:-10%;top:45px;}
.tech-box  ul li:nth-child(4){left:-10%;bottom:45px;}
.tech-box  ul li:nth-child(5){left:33.3%;bottom:-70px;}
.tech-box  ul li:nth-child(6){right:-10%;bottom:45px;}

}


@media screen and (max-width:1200px) {


#web-header nav .nav-box > ul .smenu{padding:0 6%;}
.list-style6 li .img{width:50%;display:flex}

}


@media screen and (max-width:980px) {


.hidden-xs, .hidden-sm{display:block !important;font-size:0;}

#web-header .header h1{position:relative;text-align:center;top:0;padding-top:1rem;left:0;}
#web-header .header h1 img{width:100px}
#web-header .header h1 a{display:inline-block;height:25px;}
#web-header nav .nav-box > ul .smenu{padding:0;top:60px}
#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul > li{padding:0 2rem}
#web-header .nav-right{top:42px}
#web-header .nav-right button, #web-header .nav-right a{margin-left:2rem;}

#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(1) > li:last-child{padding:0 1.5rem}
#web-header .nav-etc-wrap{top:79px;}
#web-header .nav-etc-box:after{height:230px;}
#web-header .nav-etc-box dl{height:230px;padding:2rem}
#web-header .nav-etc-box dl dt{font-size:3.2rem}
#web-header #search-box .search-form-input button{margin-left:2rem;width:40px;height:40px;background-size:40px auto;}

#web-header nav {padding:0rem;top:-2rem;padding-right:18rem;}
#web-header nav .nav-box > ul{justify-content: space-between;padding:0}
#web-header nav .nav-box > ul > li > a{height:50px;line-height:50px;}
#web-header nav .nav-box > ul > li:nth-child(1) .smenu{padding:0}
#web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul > li a{margin:0;padding:5px 0;font-size:1.5rem}

footer .footer .finfo .phone dt{padding-left:0;}
footer .footer .finfo {flex-wrap:wrap;font-size:1.6rem}
footer .footer .finfo:before{display:none}
footer .footer .finfo dl{margin-bottom:1.5rem;width:100%}
footer .footer .finfo dl dd{padding-top:.5rem;}



#container{font-size:1.55rem}


.main-visual .all-search p{font-size:3.5rem;margin-bottom:6rem;min-height:auto}

.msection1{margin-bottom:5rem;}
.msection2{padding:6rem 0 0;margin-bottom:6rem;}
.msection2 .rwd{text-align:center}
.msection2 .define-box{padding-left:0;display:inline-block;text-align:left;margin:0 auto}
.msection3 .define-col dt{margin-right:11.1rem;margin-bottom:0;}
.msection3 ul li .img{max-width:320px}

.msection4{margin-bottom:20rem;}
.msection4 .define-col dt{margin-right:10rem;margin-bottom:0;word-break: keep-all;}

.page-title .share-link > button,
.page-title .share-link .btn-share > button{margin-left:1rem;}
.page-title .share-link > button,
.page-title .share-link .btn-share > button{width:40px;height:40px;}

.ic-share{width:25px;height:25px;background-size:25px 25px;}
.ic-print{width:25px;height:25px;background-size:25px 25px}

.sub-body .sub-side{width:280px;padding-right:5rem;}
.sub-body .sub-box{padding-left:280px;;}

.list-style3 ul li {width:33.3% !important;max-width:33.3% !important;}

.list-style4 ul li {max-width:50% !important;width:50% !important;}

.list-style5 ul{padding-top:1rem;}
.list-style5 ul li{width:47%;margin:2rem 1.5% 0;}

.list-style6 li {flex-wrap:wrap;padding:2.5rem 0;}
.list-style6 li .info{order:1;}
.list-style6 li .img{margin-left:0;margin-bottom:2rem;width:100%;order:0}
}

@media all and (max-width:820px) {
.sub-body .sub-side{display:none}
.sub-body .sub-box{padding-left: 0;}

#web-header nav .nav-box > ul li .smenu-cont dl{padding-right:4rem;}
#web-header nav .nav-box > ul li:nth-child(2) .smenu-cont > ul > li, 
#web-header nav .nav-box > ul li:nth-child(3) .smenu-cont > ul > li, 
#web-header nav .nav-box > ul li:nth-child(4) .smenu-cont > ul > li{padding-left:3rem;}


}



/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:768px) {

body{line-height:1.4;} 

 
/* 컨텐츠 공통 */
body{font-size:9px}

.wb-show{display:none;}
.mb-show{display:block;}

.mb80{margin-bottom:4rem;}

/* 레이아웃 */
#web-header nav > ul .smenu{padding-top:30px}
#web-header nav > ul .smenu li{font-size:1.6rem;letter-spacing:-0.08em}


#web-header{display:none;}
#mobile-header{display:block;}


#mobile-header{position:fixed;top:0;left:0;width:100%;z-index:5000;background:#fff }
#mobile-header.nav_on_wrap{background:#006E2C;}
#mobile-header h1{text-align:center;display:flex;align-items:center;justify-content:center;height:60px;}
#mobile-header h1 a{display:block;}
#mobile-header h1 img{width:100px;vertical-align:middle;margin-bottom:.7rem;}
#mobile-header h1 .logo{display:block}
#mobile-header h1 .logo-ov{display:none}
#mobile-header .fright{position:absolute;top:20px;right:10px;}
#mobile-header .fright a{margin-left:1.5rem;}

#mobile-header .btn-menu-open{position:absolute;top:20px;left:20px;}
#mobile-header .btn-menu-open{position:absolute;top:20px;left:20px}
#mobile-header .btn-menu-open .allmenu {display:block; width:28px; height:2px; background:#000; transition:all .4s}
#mobile-header .btn-menu-open::before {content:''; display:block; width:28px; height:2px; margin-bottom:6px; background:#000; transition:all .4s}
#mobile-header .btn-menu-open::after {content:''; display:block; width:28px; height:2px; margin-top:6px; background:#000; transition:all .4s}




#mobile-header .btn-menu-close .allmenu{display:block; width:28px; height:2px; background:#000; transition:all .4s}
#mobile-header .btn-menu-close .allmenu {opacity:0}
#mobile-header .btn-menu-close::before {content:''; display:block; width:28px; height:2px; margin-bottom:8px; background:#fff;  margin-bottom:8px; transform:translateY(10px) rotate(-45deg); -webkit-transform:translateY(10px) rotate(-45deg);transition:all .4s}
#mobile-header .btn-menu-close::after {content:''; display:block; width:28px; height:2px; margin-top:8px; background:#fff; transform : translateY(-10px) rotate(45deg); -webkit-transform:translateY(-10px) rotate(45deg);transition:all .4s}

#mobile-header .btn-menu-close{position:absolute;left:20px;top:25px;border:none;width:28px;height:28px;padding:0;cursor:pointer;z-index:8000;transition:all 1s;}

#mobile-header .mobile-nav{position:fixed;top:140px;z-index:2000;width:100%;height:0;overflow-y:auto;background-color:transparent;content:'';transition:all .3s}
#mobile-header .mobile-nav .nav{width:100%;min-height:100%;background:#fff;}


#mobile-header.nav_on_wrap h1 .logo{display:none}
#mobile-header.nav_on_wrap h1 .logo-ov{display:block}
#mobile-header.nav_on_wrap .fright{display:none;}

#mobile-header .mobile-nav.nav-on{width:100%;height:100%;}
#mobile-header .mobile-nav.nav-on .nav .nav-box{height:100%;overflow-y:scroll;box-sizing:border-box}
#mobile-header .nav-box{height:100%;overflow-y:hidden;box-sizing:border-box;padding-bottom:2rem;}

#mobile-header .nav-box > ul{padding:0; float:none;}
#mobile-header .nav-box > ul li {float:none; width:auto !important; margin-left:0;}
#mobile-header .nav-box > ul li a {text-align:left; height:auto; padding:17px 2rem; font-size:1.6rem; line-height:24px; display:block; text-decoration:none !important; transition : none; -webkit-transition : none;color:#000}
#mobile-header  .nav > li > a:hover, #mobile-header  .nav > li > a:focus{background:transparent;}

/* 1차메뉴 */
#mobile-header .nav-box > ul > li > a{font-size:2rem;color:#000;font-weight:700; border-bottom:1px solid #E0E0E0;}
#mobile-header .nav-box > ul > li > a:before{content:"";display:inline-block;width:17px;height:17px;margin-right:1rem;background:url('../img/common/ic-mb-menu-depth1-no.svg') 0 center no-repeat;}
#mobile-header .nav-box > ul > li.has-sub > a:before{background-image:url('../img/common/ic-mb-menu-depth1.svg');}
#mobile-header .nav-box > ul > li.active > a,
#mobile-header .nav-box > ul > li > a.ov,
#mobile-header .nav-box > ul > li > a.on{color:#000;} 
#mobile-header .nav-box > ul > li.active > a:before,
#mobile-header .nav-box > ul > li > a.ov:before,
#mobile-header .nav-box > ul > li > a.on:before{background-image:url('../img/common/ic-mb-menu-depth1-ov.svg');}
#mobile-header .nav-box > ul > li .smenu{display:none;}

/* 2차메뉴 */
#mobile-header .nav-box > ul > li.active > div{display:block;}
#mobile-header .nav-box > ul > li ul li ul{border-top:none;display:none;background:#F8F8F8;margin-top:-1px;border-top:1px solid #E0E0E0}
#mobile-header .nav-box > ul > li ul li.active ul{display:block}

#mobile-header .nav-box > ul > li .smenu-cont > ul{border-top:none;background: #fff;border-top:1px solid #E0E0E0;margin-top:-1px;}
#mobile-header .nav-box > ul > li .smenu-cont > ul > li {position:relative;margin:0 !important; padding:0 !important;border-bottom:0;}
#mobile-header .nav-box > ul > li .smenu-cont > ul > li > a{position:relative;border-bottom:1px solid #E0E0E0;margin-top:-1px}
#mobile-header .nav-box > ul > li .smenu-cont > ul > li.has-sub > a:after{content:"";display:block;width:14px;height:9px;position:absolute;top:22px;right:20px;background:url('../img/common/ic-mb-has-sub.svg') 95% center no-repeat;}

#mobile-header .nav-box > ul > li .smenu-cont > ul > li.active > a,
#mobile-header .nav-box > ul > li .smenu-cont > ul > li > a.on{color:#006E2C;font-weight:700;}

#mobile-header .nav-box > ul > li .smenu-cont > ul > li.has-sub  > a.ov:after,
#mobile-header .nav-box > ul > li .smenu-cont > ul > li.has-sub  > a.on:after{transform: rotate(180deg)}

#mobile-header .nav-box > ul > li .smenu-cont > ul > li ul li.active a{color:#006E2C}

#mobile-header .nav-box > ul > li .smenu-cont > ul >  ul{padding-left:15px;}
#mobile-header .nav-box > ul > li.active > div li.active > div{display:block;}

/* 3차메뉴 */
#mobile-header .nav-box > ul > li ul > li > ul{padding:10px 0;border-bottom:1px solid #E0E0E0;}
#mobile-header .nav-box > ul > li ul > li > ul > li > a{position:relative;padding-left:30px;padding-top:10px;padding-bottom:10px;}
#mobile-header .nav-box > ul > li ul > li > ul > li > a:before{content:"·";position:absolute;top:8px;left:2rem}

#mobile-header .nav-box > ul{padding-bottom:15px}
#mobile-header .copyright{padding-left:15px;padding-right: 10px;line-height:1.7em;font-size:1.3rem;word-break:break-word}
#mobile-header .nav-box .flogo{padding:15px;}

#mobile-header .nav-box .flogo .logout{float:right;font-size:1.6rem;padding-top:1rem;font-weight:700}


#mobile-header .mobile-nav-top{display:none;position:absolute;top:0;left:0;width:100%;background:#006E2C;}
#mobile-header .mobile-nav-top .top{display:flex;align-items:center;width:100%;height:70px;padding:0 2rem;border-bottom:1px solid #338b56;box-sizing:border-box}
#mobile-header .mobile-nav-top .top h1{height:70px;padding-left:4.4rem;}
#mobile-header .mobile-nav-top .top h1 img{margin-bottom:0;width:auto}
#mobile-header .mobile-nav-top ul{margin-left:auto;display:flex;}
#mobile-header .mobile-nav-top ul li a{color:#fff;font-size:1.5rem;padding-left:2.5rem;margin-left:3rem;line-height:1em}
#mobile-header .mobile-nav-top ul li:nth-child(1) a{background:url('../img/common/ic-mb-home.svg') 0 center no-repeat;}
#mobile-header .mobile-nav-top ul li:nth-child(2) a{background:url('../img/common/ic-mb-lang.svg') 0 center no-repeat;}

#mobile-header.nav_on_wrap  .mobile-nav-top{display:block;}

#mobile-header .mobile-nav-top .mobile-search{display:flex;align-items:center;margin:1.4rem 2rem;background: #fff;}
#mobile-header .mobile-nav-top .mobile-search input.inp{width:100%;height:42px;line-height:42px;border:none;text-indent:1.5rem}
#mobile-header .mobile-nav-top .mobile-search button{width:25px;height:25px;margin:0 1.5rem;background:url('../img/common/ic-search.svg') center center no-repeat;background-size:21px auto;}

footer{padding-bottom:3rem;}
footer .footer{margin:0;}
footer .footer .finfo{font-size:1.4rem}
footer .footer .fcont h2 img{width:124px}
footer .footer .finfo dl dd li{font-size:1.4rem}
footer .footer .finfo .phone li span{width:80px;}
footer .footer .finfo .address li{letter-spacing:-0.05em;font-size:1.4rem}


footer .footer .fcont{flex-wrap:wrap}
footer .footer .fcont h2{width:100%}
footer .footer .fcont .ftxt{flex-wrap:wrap;margin-left:0;width:100%}
footer .footer .fcont .ftxt > p:first-child{padding:0}
footer .footer .fcont .ftxt p{width:100%;padding-top:1rem;}
footer .footer .fcont .ftxt .f-copyright{padding-left:0;padding-top:1rem;}

#container{font-size:1.45rem}

/* 서브레이아웃 */
.sub-top{margin-bottom: 0;height:30rem}
.sub-top h2{font-size:3rem}
.sub-location .depth02 {position:relative;z-index:100;background: #fff !important;;z-index:10;height:auto;}
.sub-location .depth02 .rwd{padding:0}
.sub-location .depth02:before{display:none}
.sub-location .depth02 .rwd{overflow: inherit;}
.sub-location .depth02 .menu_select{position:relative;display:block;border-bottom:1px solid #DFDFDF;}
.sub-location .depth02 .menu_select button{position:relative;height:55px;width:100%;line-height:55px;font-size:1.8rem;text-align:left;padding-left:20px;box-sizing:border-box;display:block}
.sub-location .depth02 .menu_select button:after{content:"";display:block;width:14px;height:8px;background:url('../img/sub/ic-sdown.svg') 0 0 no-repeat;position:absolute;top:25px;right:20px;z-index:50}
.sub-location .depth02 .menu_select ul{position:absolute;top:56px;left:0;z-index:500;width:100%;background: #fff;border:1px solid #efefef;border-top:none;box-sizing:border-box;display:none;border-radius:0;margin:0;padding-left: 0;padding-top:1rem;}
.sub-location .depth02 .menu_select ul li{width:100%;min-width:auto;float:none;padding:0;border-right:none}
.sub-location .depth02 .menu_select ul li a{display:block;text-align:left;padding:12px 0 12px 20px;line-height:1em;color:#666666}
.sub-location .depth02 .menu_select ul li.active > a{font-weight:600;color:#009688}
.sub-location .depth02 .menu_select ul li.active:after{display:none}

.page-location .rwd{padding-left:0;padding-right: 0;}
.page-location a:after,
.page-location span:after{margin:0 .2rem;}

.sub-body{flex-wrap:wrap;padding-bottom:7rem;}
.sub-body .sub-side{display:none}
.sub-body .sub-box{padding-left:0;padding-top:2rem;}

.page-title{margin-bottom:5rem;}
.page-title .title h2{font-size:2.8rem}
.page-title .title .stit{margin-top:0;}
.page-title .share-link > button,
.page-title .share-link .btn-share > button{width:35px;height:35px;}

.ic-share{width:20px;height:20px;background-size:20px 20px;}
.ic-print{width:20px;height:20px;background-size:20px 20px}

.page-location{margin-bottom:3rem;}

#container{top:60px;}


.main-visual .all-search{top:15%}
.main-visual .all-search h3{margin-bottom: 1.5rem;}
.main-visual .all-search p{font-size:2.4rem;margin-bottom:2rem;letter-spacing:-0.05em}
.main-visual .all-search .search-form-input{min-height:auto}
.main-visual .all-search .search-form-input button[type=submit]{margin-left:1rem;width:45px;height:40px;background-size:30px auto;}
.main-visual .all-search .search-form-input input{height:40px;font-size:1.4rem}
.main-visual .all-search .search-form-input .input-bar{padding:0 45px 0 1rem;}
.main-visual .all-search .search-form-input .input-bar button.sct{width:45px;height:45px;background-size:22px auto;}

.msection2{background:none;padding:0 30%}
.msection2:before{content:"";display:block;width:30%;height:100%;position:absolute;top:0;left:0;background: url('../img/main/bg-msection2-mb-left.png') right top no-repeat;background-size: cover;}
.msection2:after{content:"";display:block;width:30%;height:100%;position:absolute;top:0;right:0;background: url('../img/main/bg-msection2-mb-right.png') left top no-repeat;background-size: cover;}



.msection3{padding:8.7rem 0 3rem;min-height:auto;margin-bottom:2rem;}
.msection3 .define-col{flex-wrap:wrap}
.msection3 .define-col dt{margin-bottom:2rem;margin-right:0;margin-left: auto;text-align:right}
.msection3 .define-col dd{text-align:right;margin-left:auto;padding-left:3rem;}
.msection3 .define-col a{position:relative;top:2rem;}


.msection3 ul li .img{max-width:290px}
.msection3 ul li.swiper-slide-next a:after,
.msection3 ul li.swiper-slide-next ~ li a:after{width:100%;height:100%;background:rgba(0,0,0,0.5);transition:all 1s ease}

.msection4 .define-col{flex-wrap:wrap}
.msection4 .define-col dt{margin-bottom:2rem;}

.msection4 .service-list .item .rwd{display:block}
.msection4 .service-list .item .img{display:block;width:100%;margin:0 0rem ;padding-left:2rem;padding-right:2rem;text-align:center}
.msection4 .service-list .item .txt{width:100%;margin-top:3rem;padding-left:0;}

.msection5 .hlep-box:after{margin-bottom:2rem;}
.msection5 .hlep-box h3{font-size:3.3rem}
.msection5 .hlep-box dl{flex-wrap:wrap}
.msection5 .hlep-box dl dt{width:100%}
.msection5 .hlep-box dl dd{margin-left:0;margin-top:5rem;}


.define-box dt{font-size:3.3rem;}

.list-style1 .item{padding:2rem 0}
.list-style1 .item .cont .txt{padding-bottom:2rem}
.list-style1 .item .cont .btn-view{max-width:100%;height:45px;line-height:45px;}


.list-style2 ul li{padding:2rem 0;}
.list-style2.type-cns ul li{padding:3rem 0rem 2.5rem}
.list-style2.type-img ul li{padding:2rem 0rem 1.5rem}
.list-style3 ul li {max-width:50%;width:50% !important;margin-bottom:3rem;}
.list-style3 ul li .tit{font-size:1.6rem}

.list-style4 ul li .info .gr{padding:.2rem 0}
.list-style4 ul li .tag-box a{font-size:1.3rem}

.list-style5 ul li .info .tit{font-size:1.8rem;margin-bottom: 1rem;}
.list-style5.type2 ul li .info{padding:3rem 1.5rem}
.list-style5.type2 .num{margin-top:1rem;}


.tab-style .tab5 li{width:33.3%}


.tab-select{position:relative;width:100%;margin-bottom:3rem;;}
.tab-select .tab-style{display:none}
.tab-select button{display:block;width:100%;height:50px;border: 2px solid #000;color:#000;padding:0 5rem 0 2.4rem;text-align:left;background:url('../img/common/ic-tab-select.svg') 97% center no-repeat;}
.tab-select button .txt{display:block;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;overflow: hidden;}
.tab-select ul{position:absolute;top:50px;left:0;z-index:50;margin-left:0;padding:1rem 0;width:100%;display:block;background:#F8F8F8;border:1px solid #E0E0E0;margin-bottom:0 !important;}
.tab-select ul li{width:100% !important;margin-bottom:0 !important;}
.tab-select ul li a{display:block;color:#000;text-align:left;border:none;text-align:left;margin-left: 0;padding:1rem 2.4rem !important}
.tab-select ul li.active a{background:transparent;border:none;color:#006E2C;font-weight:400}


.dsc-box dt{padding:2rem 0;font-size:2.4rem;}
.dsc-box dd{padding:2rem 0 }



.btn-site-link{display:inline-block;padding:0rem 3rem;height:60px;line-height:60px;border-radius: 40px;border: 1px solid #E0E0E0;box-sizing:border-box}
.btn-site-link span{font-size:1.8rem;margin-left:1rem;}
.btn-site-link img{max-height:32px}

/* 컨텐츠 */
.work-flow{padding:4.7rem 2rem}

.bigImgWrap .bigImg{padding:100px 40px;}
.bigImgWrap .bigImg .bigImgClose{right:-40px;width:40px;height:40px;line-height:40px;}
.bigImgWrap .bigImg .bigImgClose .pop-close{width:20px;height:20px;vertical-align:middle}
.bigImgWrap .bigImg .bigImgClose .pop-close::before {width:20px;height:2px;}
.bigImgWrap .bigImg .bigImgClose .pop-close::after {width:20px;height:2px;}

/* 찾아오시는길 */

.cantactus-box .addr-loc{background-size:20px auto;padding-left:2.8rem;background-position:left 3px;}
.cantactus-box .map-road{padding:40%;}
.traffic-info dl dt{font-size:1.8rem}
.traffic-info.bus-info .bus-group li{display:block;}
.traffic-info.bus-info .bus-group li:after{display:none}


.history-box .history-block{display:flex;flex-wrap:wrap}
.history-box .history-block .img{flex:auto;padding-top:.5rem;margin-right:0rem;margin-bottom:3rem;;width:100%;max-width:100%;text-align:center}
.history-box .history-cont{flex:auto;width:auto;margin:0 auto}
.history-box .history-block.right .img{margin-right:0;}


#sub-top7{margin-bottom:5rem;}

/* 기술소개 */
.tech-box{background:#EBF1E7;border-radius:0;margin:0 auto 5rem;padding:2rem 4rem 3rem;width:auto;height:auto}
.tech-box .circle1{background:transparent;padding:0;;width:100%;height:auto;position:absolute;top:-30px;left:0}
.tech-box .circle2{padding:0;width:auto;height:auto;text-align:center;background:transparent;}
.tech-box .circle2 strong{display:inline-block;width:auto;height:auto;border-radius:0;padding:1.4rem 4rem;border-radius:30px;margin:0 auto}

.tech-box .circle-group{position:relative;padding-top:4rem;}
.tech-box ul{position:relative;display:flex;flex-wrap:wrap;top:0;}
.tech-box ul li{position:relative;margin:1.5rem 1%;width:31.3%;height:auto;padding-top:31.3%;}
.tech-box ul li:before{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% auto;}
.tech-box ul li a{position:absolute;top:0;left:0;width:100%;height:100%}


.tech-box  ul li{left:inherit !important;top:inherit  !important;right:inherit  !important;bottom:inherit  !important}


}


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



.main-visual{overflow:visible;position:relative;}
.main-visual .all-search form{position:relative;height:51px;margin-bottom:2rem;}
.main-visual .all-search .search-form-input{position:absolute;z-index:1000}
.main-visual .all-search{top:0%}
.main-visual .all-search p{font-size:1.8rem;letter-spacing:-0.08em}
.main-visual .all-search h3{font-size:1.4rem}
.main-visual .all-search .search-form-input.open .rel-keyword{margin-right:-30px;}
.main-visual .all-search .search-form-input .input-bar ul {padding-bottom:1rem;flex-wrap:wrap}
.main-visual .all-search .search-form-input .input-bar ul li{display:block;width:100%}
.main-visual .all-search .search-form-input .input-bar ul li a{padding:0.1rem 0;font-size:1.4rem;}

.msection2{background:none;}
.msection2{background:none;padding:0 20%}
.msection2:before{content:"";display:block;width:20%;}
.msection2:after{content:"";display:block;width:20%;}


.list-style1 .item {flex-wrap:wrap}
.list-style1 .item .img{width:100%;flex-shrink:0}
.list-style1 .item .cont{width:100%;padding-left:0;padding-top: 2rem;}

.gr-type{flex-wrap:wrap}
.gr-type dl{width:100%;margin:0 0 2rem}

.tab-style ul li a{padding:1.5rem 1rem;}


.btn-site-link img{max-width:100px}
.btn-site-link span{font-size:1.4rem;margin-left:1rem;}

/* 기술소개 */
.tech-box{padding:4rem 2rem 4rem;}
.tech-box ul li{position:relative;margin:2rem auto;width:38%;height:auto;padding-top:38%;}


.tech-box  ul li:nth-child(1):before{transform:rotate(-45deg)}
.tech-box  ul li:nth-child(2):before{transform:rotate(-45deg)}
.tech-box  ul li:nth-child(3):before{transform:rotate(-135deg)}

.tech-box  ul li:nth-child(4):before{transform:rotate(45deg)}
.tech-box  ul li:nth-child(5):before{transform:rotate(135deg)}
.tech-box  ul li:nth-child(6):before{transform:rotate(135deg)}

}

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


footer .footer .finfo .email li:nth-child(1){display:none}
footer .footer .finfo dl:nth-child(1),
footer .footer .finfo dl:nth-child(3){width:100%;}
footer .footer .finfo dl:nth-child(2),
footer .footer .finfo dl:nth-child(4){width:100%;}
}