@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* basic */
html {}
*, *::before, *::after {box-sizing: border-box;}
html, body {margin:0; padding:0; overflow-x:hidden;}
a, a:link, a:visited, a:focus {text-decoration:none; color:inherit; outline:none; border:none;}
ul, ol, li, dl, dt, dd {margin:0; padding:0;}
ul, ol, li {list-style:none;}
table, fieldset, img {border:none;}
table {border:0; border-spacing:0; border-collapse:collapse;}
img {max-width:100%; vertical-align:top; outline:none;}
p {margin:0; padding:0;}
*:focus {outline:none;}

.fL {float:left;}
.fR {float:right;}
.cB {zoom:1;}
.cB::after {display:block; visibility:hidden; clear:both; content:"";}
.ulFl {zoom:1;}
.ulFl::after {display:block; visibility:hidden; clear:both; content:"";}
.ulFl > li {float:left;}
.clear {clear:both;}
.hidden {display:none;}
.tC {text-align:center;}
.tL {text-align:left;}
.tR {text-align:right;}
.tJ {text-align:justify;}
.mauto {margin:0 auto;}
.mX {position:absolute; left:50%; transform:translateX(-50%);}
.mY {position:absolute; top:50%; transform:translateY(-50%);}
.mXY {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.cutstr {width:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.cutstr2 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.5em; height:3.0em;}
.cutstr3 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.5em; height:4.5em;}
.pR {position:relative;}
.pA {position:absolute;}
.pF {position:fixed;}
.tblwrap {overflow-x:auto;}
.vT {vertical-align:top;}
.dI {display:inline-block;}
.dB {display:block;}
.oH {overflow:hidden;}
.oV {overflow:visible;}
.fff {color:#fff;}
.test {border:1px solid red;}

.m0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt120 {margin-top:120px !important;}
.mt150 {margin-top:150px !important;}
.mt160 {margin-top:160px !important;}
.mt180 {margin-top:180px !important;}
.mt200 {margin-top:200px !important;}

.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb120 {margin-bottom:120px !important;}
.mb150 {margin-bottom:150px !important;}
.mb160 {margin-bottom:160px !important;}
.mb180 {margin-bottom:180px !important;}
.mb200 {margin-bottom:200px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !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;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w48 {width:48%;}
.w49 {width:49%;}
.w50 {width:50%;}
.w51 {width:51%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

.h100 {height:100%;}

/* custom */
.mhtml {}
body {font-family:'Noto Sans KR', 'sans-serif'; font-size:16px; font-weight:400; color:#555; background:none;}
body a {color:#555;}
h1, h2, h3, h4, h5, h6 {font-family:'Noto Sans KR', 'sans-serif';}
input, button {font-family:'Noto Sans KR', 'sans-serif';}
textarea, select {font-family:'Noto Sans KR', 'sans-serif';}

.wrapper {width:100%; max-width:1760px; margin:0 auto; z-index:auto; position:relative;}
.wrapper:after {display:block; visibility:hidden; clear:both; content:"";}
.wrapper.t1 {max-width:1280px;}
.wrapper.t2 {max-width:1840px;}
.wrapper-inner {width:100vw; margin-left:calc(-50vw + 50%); padding:0; position:relative; overflow:hidden;}
.wrapper-inner img {max-width:100%;}

.noto {font-family:'Noto Sans KR', 'sans-serif';}
.ntsf {font-family: 'NotoSerifKR', 'serif';}
.gmarket {font-family: 'GmarketSansBold', 'sans-serif';}

.hdwrap {width:100%; height:100px; position:relative; z-index:1;}

.header {}
.header .logo {margin-top:20px;}
.header .blog {position:absolute; top:25px; right:0;}
.mblog {display:none; position:absolute; top:25px; right:70px;}


/* gnb */
.gnb {width:100%; text-align:center;}
.gnb > h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
.gnb .gnb_1li {display:inline-block; position:relative; cursor:pointer;}
.gnb .gnb_1li .bg {display:none;}
.gnb .gnb_1a {font-size:18px; font-weight:400; color:#333; line-height:100px; padding:0px 60px; display:block;}
.gnb .gnb_1a:hover {color:#000;}
.gnb .gnb_2ul {height:286px; background:#fcfcfc; border-top:1px solid #e3e3e3; position:fixed; top:100px; left:0; display:none;}
.gnb .gnb_2ul .gnbimg {width:40vw; height:286px; background-size:cover !important; position:absolute; top:0; left:0;}
.gnb .gnb_2ul .gnb2 {height:286px; text-align:left;}
.gnb .gnb_2ul .gnb2 .gnbtext {width:38.2%; height:286px; position:relative;}
.gnb .gnb_2ul .gnb2 .gnbtext .text {color:#fff; font-size:13px; font-weight:200; line-height:180%;}
.gnb .gnb_2ul .gnb2 .gnbtext .text strong {font-size:27px; font-weight:700; display:block; margin-bottom:30px;}
.gnb .gnb_2ul .gnb2 .gnb_2ul_wrap {width:61.8%; height:286px; position:relative;}
.gnb .gnb_2ul .gnb2 .gnb_2ul_wrap .gnb_2ul_box {width:100%;}
.gnb .gnb_2ul li {width:22%; float:left; border:1px solid #f0f0f0; margin:8px 0px 8px 3%; position:relative;}
.gnb .gnb_2ul li::after {content:url('../img/ico_t1.png'); position:absolute; top:50%; transform:translateY(-50%); right:30px;}
.gnb .gnb_1li1 .gnb_2ul li::after {content:url('../img/ico_t3.png');}
.gnb .gnb_1li1 .gnb_2ul li:nth-child(-n + 8)::after {content:url('../img/ico_t2.png');}
.gnb .gnb_1li2 .gnb_2ul li::after {content:url('../img/ico_t3.png');}
.gnb .gnb_2a {font-size:15px; color:#333; line-height:58px; display:block; padding-left:40px;}
.gnb .gnb_2a span::before {content:"·"; display:inline-block; margin-right:6px;}
.gnb .gnb_2a:hover {color:#111;}

.btn_gnb {position:absolute; top:30px; right:15px; font-size:40px; color:#000; cursor:pointer; z-index:900; display:none;}
.btn_gnb_close {position:fixed; top:10px; right:15px; font-size:30px; color:#fff; cursor:pointer; z-index:999; display:none;}

.mgnb {width:0; height:100%; position:fixed; top:0; right:0; background:#000; text-align:left; display:none; z-index:990;}
.mgnb > h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
.mgnb .mgnb_1ul {margin-top:50px;}
.mgnb .mgnb_1li .bg {display:none;}
.mgnb .mgnb_1 {font-size:18px; color:#fff; line-height:200%; padding-left:20px; cursor:pointer;}
.mgnb .mgnb_2ul {width:100%; background:#eee; padding:10px 0px 15px 20px; display:none;}
.mgnb .mgnb_2ul li {margin:5px 0px;}
.mgnb .mgnb_2a {font-size:14px; color:#333; display:block;}
.mgnb .mgnb_2a:hover {color:#000;}

.subvisu {width:100%; max-width:1760px; height:500px; margin:0 auto; position:relative; text-align:center;}
.sub1 {background:url('../img/sub1.jpg') 50% 50% no-repeat; background-size:cover;}
.sub2 {background:url('../img/sub2.jpg') 50% 50% no-repeat; background-size:cover;}
.sub3 {background:url('../img/sub3.jpg') 50% 50% no-repeat; background-size:cover;}
.sub4 {background:url('../img/sub4.jpg') 50% 50% no-repeat; background-size:cover;}
.subvisu .titwrap {text-align:left;}
.subvisu .titwrap h2 {font-size:57px; font-weight:600; color:#fff; line-height:100%; text-shadow:3px 4px 4px rgba(0, 0, 0, 0.65); display:inline-block; border-right:1px solid rgba(255,255,255,0.5); padding-right:60px; margin-right:60px;}
.subvisu .titwrap .gexp {font-size:15px; color:#fff; font-weight:200; line-height:180%; display:inline-block;}

.lnb {margin-top:80px;}
.lnb li {margin:0 90px 20px 0;}
.lnb li a {display:block; font-size:19px; font-weight:500; color:#999; text-align:center; line-height:30px;}
.lnb li:last-child {margin-right:0;}
.lnb li a.on {color:#333; border-bottom:2px solid #797979;}

.ftwrap {width:100%; background:#3d3d3d; padding:40px 0px;}
.ftwrap .logowrap {display:inline-block; margin-right:60px;}
.ftwrap .ftbox {display:inline-block; vertical-align:top;}
.ftwrap .ftbox .ftlink {margin-bottom:20px;}
.ftwrap .ftbox .ftlink li::after {content:'|'; color:#aeaeae; display:inline-block; margin:0px 20px;}
.ftwrap .ftbox .ftlink li:last-child::after {display:none;}
.ftwrap .ftbox .ftlink a {font-size:16px; color:#aeaeae;}
.ftwrap .ftbox p {font-size:12px; color:#8c8c8c; line-height:150%;}
.ftwrap .ftbox p span {margin-right:20px;}
.ftwrap .copy {font-size:12px; color:#717171; position:absolute; top:0; right:0;}
.ftwrap .login {position:absolute; top:20px; right:0;}
.ftwrap .login a {color:#666; margin-left:10px;}
.ftwrap .login a.logout {color:red;}

#top_btn {border-radius:100%; bottom:135px; right:15px;}
#top_btn:hover {border-color:#3059c7; background:#3059c7;}

/* common */
.ul2 > li {width:49%; margin-right:2%; margin-bottom:20px;}
.ul2 > li:nth-child(2n) {margin-right:0;}
.ul2 > li:nth-last-child(-n + 2) {margin-bottom:0;}

.ul3 > li {width:32%; margin-right:2%; margin-bottom:20px;}
.ul3 > li:nth-child(3n) {margin-right:0;}
.ul3 > li:nth-last-child(-n + 3) {margin-bottom:0;}

.ul4 > li {width:23%; margin-right:2.6666%; margin-bottom:20px;}
.ul4 > li:nth-child(4n) {margin-right:0;}
.ul4 > li:nth-last-child(-n + 4) {margin-bottom:0;}

.ul5 > li {width:18%; margin-right:2.5%; margin-bottom:20px;}
.ul5 > li:nth-child(5n) {margin-right:0;}
.ul5 > li:nth-last-child(-n + 5) {margin-bottom:0;}

.ul6 > li {width:15%; margin-right:2%; margin-bottom:20px;}
.ul6 > li:nth-child(6n) {margin-right:0;}
.ul6 > li:nth-last-child(-n + 6) {margin-bottom:0;}

.ult1 li {padding-left:15px; position:relative;}
.ult1 li::before {content:''; width:5px; height:5px; display:inline-block; background:#ddd; border-radius:50%; position:absolute; top:9px; left:0;}

/* main */
.mvisu {width:76%; height:940px; background:url('../img/bg_visu.jpg') 50% bottom no-repeat; background-size:cover; position:relative;}
.mvisu .mquick {position:absolute; bottom:80px; left:14%;}
.mvisu .mquick li {margin-right:30px;}
.mvisu .mquick li:last-child {margin-right:0px;}
.mvisu .contact {position:absolute; top:230px; right:14%;}

.mbnr {width:22%; height:940px; background:url('../img/main_bnr.jpg') 50% top no-repeat; background-size:cover; position:relative;}
.mbnr img {bottom:80px;}

/* slider */
#Slider {position:relative; margin:108px 0 0 calc(14% - 22px);}
.slick {width:100%; height:614px; position:relative;}

/* slick slider detail */
.slick-loading .slick-list{background:#fff url('../js/slick/ajax-loader.gif') center center no-repeat;}
.slick .slick-list {}
.slick-slide {}
.slick .slickbox {height:614px; background-size:cover !important;}

.slick-active {}
.slick-center {}

.slick-arrow {width:72px; height:72px; position:absolute; top:50%; transform:translateY(-50%); text-indent:-9999999px; font-size:0; line-height:0; border:0; cursor:pointer; z-index:1;}
.slick .slick-prev {left:-12%; background:url('../img/slick_prev.png') no-repeat;}
.slick .slick-next {right:2%; background:url('../img/slick_next.png') no-repeat;}
        
.slick-dots {display:none;}
.slick-dots li {display:none;}

#Slider .playstop {display:none;}



/* contents */
.container {padding:120px 0 200px 0;}
.container p {word-break:keep-all;}
.bbsctt {font-size:14px;}

.exp0 {font-size:25px; font-weight:700; color:#0f4dab; margin-bottom:70px;}
.exp1 {font-size:57px; font-weight:700; color:#333; margin-bottom:120px;}
.exp2 {font-size:23px; font-weight:500; margin-bottom:50px;}

.tbl1 {width:100%; border-top:2px solid #444;}
.tbl1 th, .tbl1 td {padding:35px 60px 35px 60px; vertical-align:top; border-bottom:1px solid #dcdcdc;}
.tbl1 th {font-family: 'GmarketSansBold', 'sans-serif'; font-size:25px; font-weight:900; color:#555;}
.tbl1 td { border-right:1px solid #dcdcdc;}
.tbl1 tr td:last-child {border-right:0;}
.tbl1 ul li {line-height:200%;}
.tbl1 ul li::before {content:"·"; margin-right:6px;}

.comp_01 {}
.comp_01 .bg {position:fixed; top:480px; right:0; z-index:-1;}
.comp_01 .tbox {padding-left:160px; position:relative;}
.comp_01 .tbox::before {content:""; width:110px; height:3px; background:#094cb0; position:absolute; top:20px; left:0;}
.comp_01 .tbox .txt {line-height:180%;}
.comp_01 .ceo {color:#555; text-align:center; line-height:100px; background:url('../img/bg_comp01_2.jpg') 50% 50% no-repeat; margin-top:240px;}
.comp_01 .ceo strong {font-size:19px;}

.comp_02 .aclass {font-size:29px; font-weight:700; color:#fff; line-height:320px; text-align:center; background:url('../img/img_comp02_02.jpg') 50% 50% no-repeat; position:relative;}
.comp_02 .history {background:#f8f8f8; margin-top:-160px; margin-bottom:-200px; padding:280px 0 200px 0; z-index:-1;}

.comp_03 .addr {background:#383838; text-align:center; margin:70px 0;}
.comp_03 .addr p {font-size:17px; color:#fff; line-height:120px; display:inline-block; margin:0 40px;}
.comp_03 .addr p span {font-size:13px; color:#888;}
.comp_03 .info > li {font-size:17px; color:#555; text-align:center; border-right:1px solid #ececec; padding:10px 0;}
.comp_03 .info > li:last-child {border-right:0;}
.comp_03 .info > li a {color:#555;}
.comp_03 .info > li img {margin-bottom:30px;}

.cust_01 .tbl1 td {vertical-align:middle;}
.cust_01 .tbl1 td a {display:block; line-height:200%;}


@media screen and (min-width: 1920px){
}

@media screen and (max-width:1780px){
    .wrapper {width:100%; min-width:320px; padding:0 15px;}
    .wrapper.t2 {padding:0;}

    .header .blog {right:15px;}
    
    .ftwrap .copy {right:15px;}
    .ftwrap .login {right:15px;}
}

@media screen and (max-width:1600px){
    #Slider {margin:50px 0 0 7%;}
    .slick .slick-prev {left:-65px;}

    .mvisu .contact {top:370px; right:90px;}

    .mvisu .mquick {left:9%;}
    .mvisu .mquick li {width:18%; margin-right:2%;}

    .mbnr img {width:95%;}

    .gnb .gnb_2ul li::after {content:url('../img/ico_t1.png'); position:absolute; top:50%; transform:translateY(-50%); right:10px;}
    .gnb .gnb_1li1 .gnb_2ul li::after {content:url('../img/ico_t3.png');}
    .gnb .gnb_1li1 .gnb_2ul li:nth-child(-n + 8)::after {content:url('../img/ico_t2.png');}
    .gnb .gnb_1li2 .gnb_2ul li::after {content:url('../img/ico_t3.png');}
    .gnb .gnb_2a {font-size:15px; color:#333; line-height:58px; display:block; padding-left:15px;}
}

@media screen and (max-width:1380px){
    #Slider {margin:20px 0 0 2%;}
    .slick .slick-prev {left:-10px;}
    .slick .slick-next {right:10px;}

    .mvisu .contact {width:40%; position:relative; top:-80px; right:0px; left:4.5%; display:inline-block;}
    
    .mvisu .mquick {width:50%; bottom:50px; left:initial; right:3%;}
    .mvisu .mquick li {width:33.3%; margin-right:0px; margin-bottom:20px;}

    .gnb .gnb_2a {font-size:13px;}
}

@media screen and (max-width:1100px){
    .ftwrap {text-align:center;}
    .ftwrap .logowrap {display:block; margin:0 0 30px 0;}
    .ftwrap .ftlink {display:inline-block;}
    .ftwrap .login {display:none;}
    .ftwrap .copy {position:relative; top:10px;}

    .btn_gnb {display:inline-block;}
    .gnb {display:none;}
    .mgnb {display:block;}
    
    .header .blog {display:none;}
    .mblog {display:block;}
    
    .lnb {display:none;}

    .mvisu .mquick {bottom:20px; right:0%;}
    .mvisu .mquick li {width:45%; margin-right:5%;}
}

@media screen and (max-width:900px){
    .slick {height:450px;}

    .mvisu .contact {top:20px;}
}

@media screen and (max-width:700px){
    body {font-weight:normal;}

    #hd_pop {width:100% !important;}
    .hd_pops {top:0px !important; left:0 !important;}
    .hd_pops_con {height:auto !important;}

    .ftwrap .ftbox span {display:block;}
    
    .mvisu {width:100%; height:500px;}

    .slick {height:250px;}
    .slick .slickbox {height:250px;}

    .slick .slick-prev {left:0px;}
    .slick .slick-next {right:5px;}
    
    .subvisu {height:250px;}
    .subvisu .titwrap .location {font-size:14px; text-shadow:none;}
    .subvisu .titwrap h2 {font-size:16px; text-shadow:none;}
    .subvisu .titwrap h3 {font-size:30px; text-shadow:none;}
    
    .container {padding:50px 0 80px 0;}

    .wrapper.t2.mb50 {margin-bottom:0 !important;}

    .mbnr {width:100%; height:500px;}
    .mbnr img {bottom:20px;}

    .mvisu .mquick {bottom:15px;}

    #top_btn {bottom:30px;}

    
    .exp0 {margin-bottom:30px;}
    .exp1 {font-size:32px; margin-bottom:50px;}

    .comp_01 .bg {display:none;}
    .comp_01 .tbox {padding-left:0px;}
    .comp_01 .tbox::before {display:none;}
    .comp_01 .ceo {margin-top:50px;}

    .tbl1 th, .tbl1 td {padding:10px 5px 10px 5px;}
    .tbl1 th {font-family: 'GmarketSansBold', 'sans-serif'; font-size:18px;}
    .tbl1 td { border-right:1px solid #dcdcdc;}
    .tbl1 tr td:last-child {border-right:0;}
    .tbl1 ul li {line-height:200%;}
    .tbl1 ul li::before {content:"·"; margin-right:6px;}

    .comp_02 .mb180 {margin-bottom:50px !important;}

    .comp_03 .addr p {font-size:17px; color:#fff; line-height:150%; display:inline-block; margin:10px 0px;}
    .comp_03 .info > li {width:100%; border-right:0px; margin-bottom:20px;}
    .comp_03 .info > li:last-child {border-right:0;}
    .comp_03 .info > li a {color:#555;}
    .comp_03 .info > li img {margin-bottom:30px;}
}