@charset "utf-8";
/* max css var.3 / date : 2020-09-03 / modify : 2021-06-29 / name : design team koh won ji */
@import url('popup.css');
@import url('webfont.css');
html,body {height:100%;}*{margin:0;padding:0}.skip,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,button,input,textarea,select{padding:0;margin:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}body{line-height:1;font-family:'Roboto','NotoKR','Malgun Gothic',sans-serif;font-size:16px;font-weight:400;color:#6d6d6d;letter-spacing:-.04em; word-break:keep-all}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0 0;display:inline-block;font-size:inherit;letter-spacing:-.04em}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:none;color:inherit}.skip{visibility:hidden;top:0;left:0}.sound_only {font-size:0}

a:hover {color:#000 !important;}

/* browser_msg */
#max_browser_msg{width:100%;height:auto;background:#222;padding:15px;box-sizing:border-box;text-align:center;position:relative}#max_browser_msg p,#max_browser_msg mark{color:#fff;line-height:140%;font-size:12px;letter-spacing:0}#max_browser_msg mark{background:#f0bd41;color:#000;padding:0 5px}#max_browser_msg .bt_browser_upgrade{display:inline-block;font-size:12px;background:#fff;padding:5px 30px;margin:15px 0 0 0}#max_browser_msg .bt_close_browser{position:absolute;top:0;right:0;background:#fff;font-size:11px;padding:10px 10px}

/* icon */
.max-ico {display:block; position:relative; /* overflow:hidden; */}
.max-ico:before, .max-ico:after {content:''; display:block; position:absolute; box-sizing:border-box;}

.i-arrow {width:16px; height:16px;}
.i-arrow:before {width:10px; height:10px; border:2px solid currentColor; border-right-width:0; border-top-width:0; transform:rotate(-45deg); bottom:6px; left:3px;}

.i-close {width:48px; height:48px;}
.i-close:before, .i-close:after {width:40px; height:2px; background:currentColor; top:23px; left:4px; transform:rotate(-45deg);}
.i-close:after {transform:rotate(45deg);}

/* layout */
#max_wrap {width:100%; min-width:1280px; max-width:1920px; height:auto; margin:0 auto;}

/* header */
#max_header {width:1100px; height:auto; padding:32px 0; margin:0 auto; position:relative;}
#max_header:after {content:''; display:block; clear:both;}
#max_header h1 {float:left;}
#max_header .lnb {position:absolute; top:10px; right:0; font-size:12px; font-family:'Roboto','Malgun Gothic',sans-serif;}
#max_header .lnb li {float:left; position:relative; margin:0 10px;}
#max_header .lnb li:before {content:''; width:1px; height:12px; background:#d4d4d4; position:absolute; top:0; right:-12px;}
#max_header .lnb li:last-child {margin-right:0;}
#max_header .lnb li:last-child:before {width:0;}

#nav {float:right;}
#nav > ul {float:left; color:#6d6d6d; font-size:18px; font-weight:500; margin-right:16px;}
#nav > ul > .top_menu {float:left; height:auto; position:relative;}
#nav > ul > .top_menu > a {display:block; padding:14px 24px;}
#nav > ul > .top_menu > a:hover {text-decoration:none; color:#f90000;}
#nav > ul > .top_menu:first-child div {border-left:none;}
#nav > p {float:left; font-size:24px; color:#131313; padding-top:8px;}
#nav > p i {display:inline-block; vertical-align:middle; width:32px; height:32px; background-color:currentColor; border-radius:100%;}

#nav .dp_menu {display:none; width:125px; position:absolute; top:46px; left:0; z-index:3; font-size:15px; font-weight:400; letter-spacing:0;}
#nav .dp_menu ul {width:100%; height:auto; text-align:left; border:1px solid #eaeaea; border-bottom:0;}
#nav .dp_menu ul li {width:inherit;}
#nav .dp_menu ul li a {display:block; width:inherit; padding:12px 24px; border-bottom:1px solid #eaeaea; background-color:#fff;}
#nav .dp_menu ul li a:hover {color:#f90000;}

#nav > ul > .top_menu:nth-child(2) .dp_menu {left:50%; transform:translateX(-50%);}
#nav > ul > .top_menu:nth-child(3) .dp_menu {width:auto;}
#nav > ul > .top_menu:nth-child(4) .dp_menu {left:50%; transform:translateX(-50%);}
#nav > ul > .top_menu:hover .dp_menu {display:block;}

#nav .sns {float:left; display:block; margin:8px 0 0 16px;}
#nav .sns a {float:left; display:block; width:32px; height:32px; border-radius:100%; font-size:0; margin-left:4px;}

/* footer */
#max_footer {width:1100px; height:auto; padding:96px 0; margin:0 auto; position:relative; overflow:hidden;}
#max_footer p {float:left; width:202px; padding-top:16px;}
#max_footer address {float:left; width:calc(100% - 202px); font-size:15px; padding-top:12px;}
#max_footer address em {float:left; padding-left:125px; line-height:1.6;}
#max_footer cite {display:block; font-size:9px; color:#131313; letter-spacing:-.05em; position:absolute; top:162px; left:0;}
#max_footer .bank {width:210px; height:auto; padding:12px 16px; position:absolute; top:96px; right:0; border:1px solid #ececec; font:normal 13px 'Roboto','Malgun Gothic'; letter-spacing:-0.06em;}
#max_footer .bank p {width:auto; color:#353535; padding-top:0; line-height:1.2;}
#max_footer .bank p:nth-child(2) {border-top:1px solid #d1d1d1; padding-top:8px; margin-top:8px;}
#max_footer .bank p:nth-child(2) span {font-weight:700; color:#ffb100;}
#max_footer .bank p:nth-child(2) em {letter-spacing:0;}

/* contents wrap */
#max_container {width:100%; height:auto;}
.w-mid {width:1100px; height:auto; padding:100px 0; margin:0 auto;}
.m-tt {text-transform:uppercase; font-weight:500; font-size:36px; text-align:center; color:#131313; letter-spacing:0;}
.m-tt span {font-size:16px; color:#b9b9b9;}
#map .info-title {line-height:24px; padding:4px 8px; font:bold 12px 'Malgun Gothic'; text-align:center; color:#000;}

/* sub page : layout */
.sub-visual {width:100%; height:286px; padding:116px 0; background-repeat:no-repeat; background-position:top center;}
.sub-visual .m-tt {font-size:32px; color:#fff;}
.sub-visual .m-tt span {display:block; color:inherit; padding-bottom:8px;}

.sub-menu {width:100%; height:auto; margin-top:-32px; text-align:center;}
.sub-menu ul {display:inline-block; padding:0 24px; background-color:#fff; box-shadow:5px 0 24px rgba(11,3,6,.1);}
.sub-menu ul li {display:inline-block;}
.sub-menu ul li a {display:block; padding:24px; text-transform:uppercase;}

.page-wrap {width:1100px; height:auto; padding-bottom:100px; margin:0 auto;}
.page-tt {text-align:center; padding:72px 0 56px;}
.page-tt h3 {text-transform:uppercase; font-weight:500; font-size:36px; text-align:center; color:#131313; letter-spacing:0;}
.page-tt p {font-size:18px; padding-top:16px;}

/* main contents : visual */
.main-visual {width:100%; height:750px;}
.main-visual .visual-slider {width:inherit; height:inherit;}
.main-visual .visual-slider li {width:inherit; height:750px; outline:none; background-repeat:no-repeat; background-position:top center;}

/* main contents : bbs */
.bbs-wrap {width:100%; height:128px; position:relative; top:-66px; z-index:3}
.bbs-wrap:before {content:''; display:block; width:50%; height:inherit; background-color:#232e40; z-index:3; position:absolute; top:0; left:0;}
.bbs-wrap .inner {width:1100px; height:inherit; margin:0 auto; overflow:hidden;}
.bbs-wrap .inner h3, .bbs-wrap .inner em {text-transform:uppercase; font-size:24px;}
.bbs-wrap .inner .mnotice {float:left; width:682px; padding:54px 0; height:inherit; background-color:#232e40; color:#fff; position:relative; z-index:4;}
.bbs-wrap .inner .mnotice h3 {float:left; width:164px;}
.bbs-wrap .inner .mnotice .notice-slider {float:left; width:calc(100% - 164px);}
.bbs-wrap .inner .mnotice .notice-slider li a {display:inline-block; padding:4px 0;}
.bbs-wrap .inner .mnotice .notice-slider li a:hover {color:#fff !important; text-decoration:underline;}
.bbs-wrap .inner .mnotice .slider-button {position:absolute; top:32px; right:64px; width:32px;}
.bbs-wrap .inner .mnotice .slider-button button {width:100%; height:32px; font-size:0; padding:8px; color:#fff;}
.bbs-wrap .inner .mnotice .slider-button .bt-prev {transform:rotate(-180deg);}
.bbs-wrap .inner .bt-loc {float:left; display:table; width:418px; padding:54px 64px; height:inherit; background-color:#eee; color:#4f4f4f;}
.bbs-wrap .inner .bt-loc em {display:table-cell; width:50%;}
.bbs-wrap .inner .bt-loc span {display:table-cell; width:50%; text-align:right;}
.bbs-wrap .inner .bt-loc:hover {background-color:#131313; color:#fff !important;}

/* main contents : banner */
.bn-prgm {padding-top:34px;}
.bn-prgm .bn-hori {width:100%; height:auto; margin-top:48px; overflow:hidden;}
.bn-prgm .bn-hori li {float:left;}
.bn-prgm .bn-hori li:last-child {float:right;}
.bn-prgm .bn-hori li a {display:block; width:100%; height:100%; line-height:0;}

.w-mid.bn-event {padding:50px 0;}
.bn-event {padding-top:0;}
.bn-event p {margin-top:32px;}
.bn-event .ban_slide {width:100%; height:205px; margin-top:48px;}
.bn-event .ban_slide li img{ width:100%; height:100%;}

.bn-fac {width:100%; height:auto; padding-top:48px; position:relative; overflow:hidden;}
.bn-fac .m-tt {color:#fff;}
.bn-fac:before {content:''; display:block; width:100%; height:470px; background-color:#232e40; position:absolute; top:0; left:0; z-index:-1;}
.bn-fac .bn-hori {padding:48px 0;}
.bn-fac .bn-hori img {max-width:100%;}

.bn-fac .bn-hori .nav-slider {width:550px; position:absolute; top:168px; left:50%; margin-left:-550px; z-index:1;}
.bn-fac .bn-hori .nav-slider .slick-track {width:100% !important;}
.bn-fac .bn-hori .nav-slider li {float:left; width:160px !important; margin-bottom:8px; outline:none; cursor:pointer;}
.bn-fac .bn-hori .nav-slider li:nth-child(3n+2) {margin-left:8px; margin-right:8px;}

.bn-fac .bn-hori .picture-slider {width:100%; padding-left:41%; margin-left:8%; box-sizing:content-box;}
.bn-fac .bn-hori .picture-slider li {float:left; width:568px; margin:0 16px;}

.bn-fac .bn-hori .bt-more {display:inline-block; position:absolute; bottom:148px; left:50%; margin-left:-550px; z-index:2; color:#fff !important; text-transform:uppercase; font-weight:700; font-size:14px; letter-spacing:.02em;}
.bn-fac .bn-hori .bt-more .i-arrow {display:inline-block; vertical-align:middle; transform:rotate(-90deg);}

/* main contents : contact us */
.contact {padding-top:64px; padding-bottom:0; display:table;}
.contact #map {display:table-cell; width:650px; height:386px; background-color:#ccc;}
.contact .contact-us {display:table-cell; width:450px; height:386px; padding:48px 24px; background-color:#eee; text-align:center;}
.contact .contact-us .m-tt {font-size:24px;}
.contact .contact-us p {padding:16px 0;}
.contact .contact-us a {display:inline-block; padding:8px 32px; background-color:#aeaeae; color:#fff;}
.contact .contact-us a .i-arrow {display:inline-block; vertical-align:middle; transform:rotate(-90deg);}
.contact .contact-us ul {border-top:1px solid #aeaeae; margin-top:24px; text-align:left; font-size:14px;}
.contact .contact-us ul li {width:100%; margin-top:24px;}
.contact .contact-us ul li i {display:inline-block; vertical-align:middle; width:20px; height:20px;}
.contact .contact-us ul li strong {display:inline-block; vertical-align:middle; width:72px; color:#131313;}
.contact .contact-us ul li:nth-child(1) i {background:url("../image/common/ico_pin.svg") center / 16px no-repeat;}
.contact .contact-us ul li:nth-child(2) i {background:url("../image/common/ico_tel.svg") center / 24px no-repeat;}
.contact .contact-us ul li:nth-child(3) i {background:url("../image/common/ico_talk.svg") center / 16px no-repeat;}
.contact .contact-us ul li:nth-child(4) i {background:url("../image/common/ico_time.svg") center / 16px no-repeat;}

/* sub contents : facility */
.facility .bn-hori {position:relative;}
.facility .bn-hori img {max-width:100%;}
.facility .bn-hori .picture-slider {height:715px; overflow:hidden;}
.facility .bn-hori .picture-slider li {}
.facility .bn-hori .nav-slider {width:1100px; height:135px; overflow:hidden; margin-top:16px;}
.facility .bn-hori .nav-slider li {float:left; width:172px !important; margin:0 6px; outline:none; cursor:pointer;}
.facility .bn-hori .slider-button {}
.facility .bn-hori .slider-button button {width:32px; height:32px; position:absolute; bottom:60px; font-size:0; padding:8px; background-color:rgba(0,0,0,.5); color:#fff;}
.facility .bn-hori .slider-button .bt-prev {transform:rotate(90deg); left:0;}
.facility .bn-hori .slider-button .bt-next {transform:rotate(-90deg); right:0;}

/* sub contents : location */
.location {}
.location #map {width:1100px; height:553px; border:1px solid #d7d7d7;}
.location .inner {width:100%; height:auto; position:relative;}
.location .inner .info {width:400px; height:auto; padding:48px 24px; background-color:#f1f1f1; box-shadow:5px 0 15px rgba(11,3,6,.15); position:absolute; top:-88px; right:40px; z-index:1;}
.location .inner .info h4 {font-weight:700; font-size:30px; color:#131313;}
.location .inner .info ul {}
.location .inner .info ul li {margin:24px 0;}
.location .inner .info ul li strong {display:block; font-weight:500; padding-bottom:8px; color:#131313;}
.location .inner .traffic-guide {width:50%; padding:40px;}
.location .inner .traffic-guide li {}
.location .inner .traffic-guide li strong {display:block; font-weight:500; color:#131313;}
.location .inner .traffic-guide li strong:before {content:''; display:inline-block; vertical-align:middle; width:35px; height:35px; margin-right:8px; background-repeat:no-repeat; background-position:top center;}
.location .inner .traffic-guide li span {display:block; line-height:1.4; padding:16px 0; padding-left:43px;}
.location .inner .traffic-guide li:nth-child(1) strong:before {background-image:url("../image/page/ico_loc1.png");}
.location .inner .traffic-guide li:nth-child(2) strong:before {background-image:url("../image/page/ico_loc2.png");}
.location .inner .traffic-guide li:nth-child(3) strong:before {background-image:url("../image/page/ico_loc3.png");}

/* sub contents : team */
.team {position:relative;}
.team .team-lst {width:100%; height:auto; overflow:hidden;}
.team .team-lst:after {content:''; display:block; clear:both;}
.team .team-lst li {float:left; width:50%; margin-bottom:24px;}
.team .team-lst li:nth-child(even) {float:right;}
.team .team-lst li a {display:block; width:100%; height:100%;}
.team .team-lst li a img {border:1px solid #e2e2e2;}

.team .team-layer {display:none; width:100%; height:100%; background-color:rgba(11,9,9,.9); position:fixed; top:0; left:0; z-index:1;}
.team .team-layer .inner {width:777px; height:auto; position:absolute; top:50%; left:50%; z-index:2; transform:translateY(-50%); margin-left:-380px;}
.team .team-layer button {width:48px; height:48px; border-radius:100%; border:1px solid currentColor; color:#fff; font-size:0; position:absolute; top:-48px; right:-72px; z-index:2; outline:none;}
.team .team-layer button .i-close:before, .team .team-layer button .i-close:after {width:24px; left:11px;}

/* quick */
#max_quick {position:absolute; top:62em; right:50%; margin-right:-780px;}
#max_quick ul {}
#max_quick ul li {margin-bottom:8px;}
#max_quick ul li a {display:block; width:100%; height:100%; line-height:0; border-radius:10px; overflow:hidden; box-shadow:5px 0 5px rgba(0,0,0,.1);}