@charset 'utf-8';
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css');

/* base */
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea, button, select { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; background:none; }
input:focus, textarea:focus { outline-style:none; }
input { -webkit-appearance: none; -webkit-border-radius: 0; }
textarea::placeholder, input::placeholder { color:#000; opacity: 0.3; }
img { max-width:100%; height:auto; vertical-align:middle; border:0; }
a { text-decoration:none; color:#000; }
i, em { font-style:normal; }
body, button, h1, h2, h3, h4, h5, input, select, table, textarea { font-family: Arial, sans-serif; color:#000; font-weight:400; font-size:14px; line-height:1.35; }


body.fixed { overflow: hidden; }

/* wrap */
.wrap { position:relative; min-width:280px; padding-top:190px; z-index:1; }

/* header
* * * * * * * * * * * * * * * * * * * * * * * */
#hd { position:fixed; left:0; top:0; right:0; min-width:280px; height:190px; background-color:#fff; z-index:10; }
#hd .head { position:relative; max-width:1200px; height:105px; margin:0 auto; text-align:left; box-sizing:border-box; }
#hd .head h1 { padding:30px 0 0 40px; }

#hd .hd-utils { position:absolute; right:20px; top:50px; display:flex; gap:40px; }
#hd .util { }
#hd .util li { float:left; font-size:16px; line-height:24px; padding-left:20px; font-weight:700; }
#hd .util li a { }
#hd .search-box { width:250px; box-sizing:border-box; }
#hd .search-box dt { float:left; font-size:16px; line-height:24px; }
#hd .search-box dd { position:relative; margin-left:65px; padding-right:38px; }
#hd .search-box .fr-input { display:block; width:100%; border:0; border-bottom:1px solid #d2d1d1; height:24px; line-height:1.45; }
#hd .search-box .btn-search { position:absolute; right:0; top:0; display:block; background-position:center; background-image:url('../img/common/ic_search.jpg'); width:23px; height:25px; font-size:0; cursor:pointer; }

#hd .btn-menu { position:absolute; right:20px; top:50%; display:block; border:0; width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_menu.png'); background-size:100% auto; transform:translateY(-50%); display:none; cursor:pointer; }

/* nav */
#nav { position:relative; margin:0 auto; border-top:1px solid #d2d1d1; }
#nav #nav_cover { position:relative; left:0; right:0; top:0; background-color:#fff; height:85px; z-index:9; transition: height 0.5s ease; overflow:hidden; border-bottom:1px solid #d2d1d1; }
#nav #nav_cover.h0,
#nav #nav_cover.h1,
#nav #nav_cover.h2,
#nav #nav_cover.h3,
#nav #nav_cover.h4,
#nav #nav_cover.h5 { height:280px; border-bottom:1px solid #d2d1d1; }

#nav #nav_cover.h0 .depth1 > li,
#nav #nav_cover.h1 .depth1 > li,
#nav #nav_cover.h2 .depth1 > li,
#nav #nav_cover.h3 .depth1 > li,
#nav #nav_cover.h4 .depth1 > li,
#nav #nav_cover.h5 .depth1 > li { height:280px; }

#nav ul.depth1 { display:flex; max-width:1200px; align-items:flex-start; justify-content:center; margin:0 auto; }
#nav ul.depth1 > li { position:relative; height:85px; flex-basis:20%; font-family:'NanumSquare', Arial, sans-serif; }
#nav ul.depth1 .idx { position:relative; display:flex; height:85px; align-items:center; justify-content:center; font-size:20px; font-weight:700; z-index:10; }
#nav ul.depth1 li:hover .idx { color:#0040a2; }
#nav ul.depth1 li:hover .idx + .depth2 { display:block; }

#nav .depth2 { position:absolute; left:0; top:84px; display:block; width:100%; z-index:1; background-color:#fff; overflow:hidden; display:none; }
#nav .depth2 .menu { height:195px; }
#nav .depth2 li { font-size:16px; line-height:1.45; text-align:center; padding-bottom:10px; }
#nav .depth2 li a { display:inline-block; color:#000002; }
#nav .depth2 li a:hover { color:#0899dc; }

#nav .m1 .depth2 { }
#nav .m2 .depth2 { }
#nav .m3 .depth2 { }
#nav .m4 .depth2 { }
#nav .m5 .depth2 { }

/* footer
* * * * * * * * * * * * * * * * * * * * * * * */
#ft { background-color:#323433; padding:40px 15px; text-align:center; }
#ft .copyright { font-size:11px; line-height:1.35; font-weight:300; text-align:center; color:#fff; font-family:'NanumSquare', Arial, sans-serif; }
#ft .ver-m { display:none; }


/* aside
* * * * * * * * * * * * * * * * * * * * * * * */
#aside { position:fixed; left:50px; right:0; top:0; display:none; height:100vh; min-width:280px; /* transition: right 0.3s ease; */ overflow:hidden; box-sizing:border-box; z-index:100; }
#aside .aside-content { position:relative; height:100vh; background-color:#333; }

#aside h1 { padding:30px 0 0 20px;  }
#aside .top { position:relative; height:110px; background-color:#fff; }
#aside .btn-close { position:absolute; right:20px; top:50%; display:block; width:70px; height:70px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_close.png'); background-size:50% auto; transform:translateY(-50%); }

#aside .utils { height:100px; background-color:#2d2f54; display:flex; align-items:center; justify-content:flex-end; text-align:right; }
#aside .utils li { position:relative; display:inline-block; font-size:24px; }
#aside .utils li:after { position:absolute; right:0; top:20%; bottom:20%; display:block; width:1px; height:60%; background-color:#fff; content:""; }
#aside .utils li:last-child:after { display:none; }
#aside .utils li a { color:#fff; padding:0 14px; }

#aside .body { position:relative; height:calc(100vh - 210px); }
#aside .body .scrollbar-inner { height:100%; }

/* menu-box */
#aside .menu-box { position: relative; }
#aside .menu-box ul.depth1 { }
#aside .menu-box ul.depth1 > li { border-bottom: 1px solid #555; }
#aside .menu-box ul.depth1 li .idx { position:relative; display: block; width:100%; font-size:21px; font-weight:700; padding:20px 50px 20px 30px; color: #fff; overflow:hidden; box-sizing:border-box; text-align:left; border:0; cursor:pointer; }
#aside .menu-box ul.depth1 li .idx:after {  position:absolute; right:1.5rem; top:50%; display:block; width:2.0rem; height:2.0rem; background-repeat:no-repeat; background-position:center; background-image:url('../img/common/ic_nav_arrow.png'); background-size:1.4rem auto; transform:translateY(-50%); content:""; }
#aside .menu-box ul.depth1 li.on .idx { color: #fff; }
#aside .menu-box ul.depth1 li.on .idx:after { transform:translateY(-50%) rotate(-180deg); }

#aside .menu-box .depth2 { display: none; border-top:1px solid #555; padding:20px 50px; }
#aside .menu-box .depth2 li a { display: block; font-size: 21px; line-height:1.35; padding:15px 0; color: #b2b0b0; }
#aside .menu-box .depth2 li.noDepth a { background-image: none !important; }

#aside_back_cover { position:fixed; left:0; top:0; display:block; width:100vw; height:100vh; background-color:rgba(0,0,0,0.8); z-index:10; display:none; }


/* partners
* * * * * * * * * * * * * * * * * * * * * * * */
#partners { position:relative; max-width:1100px; margin:0 auto; padding:0 80px; box-sizing:border-box; background-color:#fff; overflow:hidden; }
#partners .swiper-slide { width:180px; overflow:hidden; text-align:center; }
#partners .swiper-slide img { width:100%; height:auto; vertical-align:middle; }
.swiper-button-prev:after,
.swiper-button-next:after { display:none; }
#partners .swiper-button-prev,
#partners .swiper-button-next { background-repeat:no-repeat; background-position:center; width:80px; height:100%; margin-top:0; top:0; }
#partners .swiper-button-prev { background-image:url('../img/icons/ic_slide_prev.png'); left:0; }
#partners .swiper-button-next { background-image:url('../img/icons/ic_slide_next.png'); right:0; }