@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);
@font-face {
    font-family: 'NotoSansKR-Regular';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Spoqa Han Sans bold';
    font-style: normal;
    font-weight: normal;
    src: url('/font/SpoqaHanSansbold.woff') format('woff');
}
@font-face {
    font-family: 'Spoqa Han Sans bold';
    font-style: normal;
    font-weight: normal;
    src: url('/font/SpoqaHanSansbold.woff2') format('woff2');
}

@font-face {
    font-family: 'Spoqa Han Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: url('/font/SpoqaHanSansRegular.woff') format('woff');
}
@font-face {
    font-family: 'Spoqa Han Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: url('/font/SpoqaHanSansRegular.woff2') format('woff2');
}

@font-face {
    font-family: 'Spoqa Han Sans Light';
    font-style: normal;
    font-weight: normal;
    src: url('/font/SpoqaHanSansLight.woff') format('woff');
}
@font-face {
    font-family: 'Spoqa Han Sans Light';
    font-style: normal;
    font-weight: normal;
    src: url('/font/SpoqaHanSansLight.woff2') format('woff2');
}

@font-face {
    font-family: 'Spoqa Han Sans Thin';
    font-style: normal;
    font-weight: normal;
    src: url('/font/SpoqaHanSansThin.woff') format('woff');
}
@font-face {
    font-family: 'Spoqa Han Sans Thin';
    font-style: normal;
    font-weight: normal;
    src: url('/font/SpoqaHanSansThin.woff2') format('woff2');
}

@font-face {
    font-family: 'Gotham Medium';
    font-style: normal;
    font-weight: normal;
    src: url('/font/GothamMedium.woff') format('woff');
}
@font-face {
    font-family: 'Gotham Medium';
    font-style: normal;
    font-weight: normal;
    src: url('/font/Gotham-Medium.woff') format('woff');
}
/* Reset */
body{font-size:1em;background:#fff;color:#4c4c4c;font-size:12px;letter-spacing:-1px;-webkit-text-size-adjust:none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, th, td, legend, button {margin: 0;padding: 0;font-family: 'Spoqa Han Sans Light', dotum,'돋움',gulim,'굴림',sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:collapse; border-spacing:0; empty-cells:show; border:0 none;}
li {list-style:none;}
form, fieldset, button {border:0 none;}
label {cursor:pointer; vertical-align:middle;}
iframe, img {border:0 none; vertical-align:top;}
address, caption, em {font-weight:normal; font-style:normal;}
hr {display:none;}
strong {font-weight:bold;}
select, input, option, textarea {vertical-align:middle;}
input, select, button {vertical-align:middle;}
button {overflow:visible; background:transparent; cursor:pointer;}
a	{ text-decoration: none; }
a:hover	{ text-decoration: none; }
.skip, .blind, legend {position:absolute; top:-5000em; width:1px; height:1px; overflow:hidden; visibility:hidden; line-height:0; font-size:0;}
.fix{zoom:1;}.fix:after {content:" "; display:block; height:0; clear:both;}
img {width:100%;}
/* accessibility */
.accessibility {position:relative; z-index:10001;}
.accessibility a {position:absolute; top:-40px; left:0; width:200px; height:24px; padding-top:4px; background-color:#000; text-align:center; color:#fff !important; font:bold 14px '맑은 고딕',Malgun Gothic,'돋움',Dotum,sans-serif;}
.accessibility a:active, .accessibility a:focus {top:0;}

/* padding default */
.pt5	{ padding-top: 5px; }.pt10	{ padding-top: 10px; }.pt15	{ padding-top: 15px; }.pt20	{ padding-top: 20px; }.pt25	{ padding-top: 25px; }.pt30	{ padding-top: 30px; }.pt35	{ padding-top: 35px; }.pt40	{ padding-top: 40px; }
.pb5	{ padding-bottom: 5px; }.pb10	{ padding-bottom: 10px; }.pb15	{ padding-bottom: 15px; }.pb20	{ padding-bottom: 20px; }.pb25	{ padding-bottom: 25px; }.pb30	{ padding-bottom: 30px; }.pb35	{ padding-bottom: 35px; }.pb40	{ padding-bottom: 40px; }
.pl5	{ padding-left: 5px; }.pl10	{ padding-left: 10px; }.pl15	{ padding-left: 15px; }.pl20	{ padding-left: 20px; }.pl25	{ padding-left: 25px; }.pl30	{ padding-left: 30px; }.pl35	{ padding-left: 35px; }.pl40	{ padding-left: 40px; }
.pr5	{ padding-right: 5px; }.pr10	{ padding-right: 10px; }.pr15	{ padding-right: 15px; }.pr20	{ padding-right: 20px; }.pr25	{ padding-right: 25px; }.pr30	{ padding-right: 30px; }.pr35	{ padding-right: 35px; }.pr40	{ padding-right: 40px; }

/* margin default */
.mt-0 {margin-top:0px !important;}
.mt5	{ margin-left: 5px; }.mt10	{ margin-left: 10px; }.mt15	{ margin-left: 15px; }.mt20	{ margin-left: 20px; }.mt25	{ margin-left: 25px; }.mt30	{ margin-left: 30px; }.mt35	{ margin-left: 35px; }.mt40	{ margin-left: 40px; }
.mb5	{ margin-bottom: 5px; }.mb10	{ margin-bottom: 10px; }.mb15	{ margin-bottom: 15px; }.mb20	{ margin-bottom: 20px; }.mb25	{ margin-bottom: 25px; }.mb30	{ margin-bottom: 30px; }.mb35	{ margin-bottom: 35px; }.mb40	{ margin-bottom: 40px; }
.ml5	{ margin-left: 5px; }.ml10	{ margin-left: 10px; }.ml15	{ margin-left: 15px; }.ml20	{ margin-left: 20px; }.ml25	{ margin-left: 25px; }.ml30	{ margin-left: 30px; }.ml35	{ margin-left: 35px; }.ml40	{ margin-left: 40px; }
.mr5	{ margin-right: 5px; }.mr10	{ margin-right: 10px; }.mr15	{ margin-right: 15px; }.mr20	{ margin-right: 20px; }.mr25	{ margin-right: 25px; }.mr30	{ margin-right: 30px; }.mr35	{ margin-right: 35px; }.mr40	{ margin-right: 40px; }

.fl	{ float: left; }.fr	{ float: right }
.clear{overflow:hidden}
.img_100 {width:100%} /* 100% 찰때 */
.quick_link {width: 18.8vw;position: fixed;margin-bottom: -40vh;bottom: 50%;right:0;z-index: 2;}
.quick_link img {}

.sr-only {position: absolute;  width: 1px;height: 1px;padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0, 0, 0, 0);  white-space: nowrap;  border: 0;}

/* wrap */
#wrap{min-width:320px;position:relative}

/* 헤더 */
header.header { box-sizing: border-box; width: 100%; position: relative; display: block;  margin-left: auto; margin-right: auto;  border-bottom:1px solid #f3f3f3; background-color:#fff; }
header.header:after, header.header:before { content: " "; display: table }
header.header:after { clear: both }
header.header h1 {display:none;}

ul.TM-header:after, ul.TM-header:before { content: " "; display: table }
ul.TM-header:after { clear: both }
ul.TM-header li { float: left; position: relative; display: block; margin-left: 0; margin-right: 0; width: 16.66666667%; box-sizing: border-box;  height: 17vw; line-height: 17vw; text-align: center }
ul.TM-header li a { display: block; cursor: pointer; width: 100%; height: 100%; white-space: nowrap; text-align: center; font-size: 0 }
ul.TM-header li a:before { content: ''; height: 100%; display: inline-block; vertical-align: middle }

ul.TM-header li a img { width: auto; height: 7vw;  vertical-align: middle; white-space: normal }

ul.TM-header li:first-child a { color: #000 }
ul.TM-header li:first-child a img {height:4.4vw;}
ul.TM-header li.title { box-sizing: border-box; float: left; position: relative; display: block; margin-left: 0; margin-right: 0; width: 66.66666667% }
ul.TM-header li.title a { color: #000; font-weight:700; width:48.1481vw;margin:0 auto;}
ul.TM-header li.title a img { height: 4.6296vw ; width:100%; }

ul.TM-header li:last-child a { color: #000 }

/* 메인 - 퀵메뉴 */
.quick_menu { display: flex }
.quick_menu li {flex: 3;line-height: 9.4vw;height: 9.4vw;background: #5ba4ff;box-sizing: border-box;border-right: 1px solid #8dbffd;}
.quick_menu li:last-child {border-right:0px;}
.quick_menu li.active a {color:#2aa7ec;}
.quick_menu li a {font-family: 'Spoqa Han Sans bold',sans-serif;display: block;text-align: center;color: #ffffff;font-weight: 600;font-size: 3.7vw;letter-spacing: -.1rem;}



/* 네비 */
nav.sidenavi { background: #fff; width: 80%; height: 100%; min-height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch !important; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: transform; -moz-transition-property: transform; -o-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); -moz-transition-timing-function: cubic-bezier(.19, 1, .22, 1); -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1) }
nav.sidenavi.sidenavi-left { box-sizing: border-box; position: fixed; top: 0; left: -80%; z-index: 999 }
nav.sidenavi.sidenavi-left.sidenavi-open { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-backface-visibility: hidden !important }
nav.sidenavi.sidenavi-right { box-sizing: border-box; position: fixed; top: 0; right: -250px; z-index: 999 }
nav.sidenavi.sidenavi-right.sidenavi-open { -webkit-transform: translateX(-250px); -moz-transform: translateX(-250px); -ms-transform: translateX(-250px); -o-transform: translateX(-250px); transform: translateX(-250px); -webkit-backface-visibility: hidden !important }

/* 네비 - 로그인/회원가입 */
ul.TM-member { background: #5ba4ff; padding:0 1em;}
ul.TM-member:after, ul.TM-member:before { content: " "; display: table }
ul.TM-member:after { clear: both }
ul.TM-member li { box-sizing: border-box; float: left; position: relative; display: block; margin-left: 0; margin-right: 0; padding-left: .5em; padding-right: .5em; width: 33.33333333% }
ul.TM-member li a {box-sizing: border-box;color: #fff;display: block;font-size: 1.6em;font-weight: 700;height: 17vw;line-height: 17vw;text-align: center;}
ul.TM-member li a.sidenavi-close {cursor: pointer;background-image: url('/images/close_ico.png');background-repeat: no-repeat;background-position: left;width: 4.5vw;background-size: 4.5vw;font-size:0px;}
ul.TM-member li:last-child { float: right; text-align: right; padding:0px; width:auto; }


/* 네비 - 메뉴 */
ul.TM-menu li.current>a {}
ul.TM-menu>li { box-sizing: border-box; background-color:#fff; border-bottom: 1px solid #e1e1e1 }
ul.TM-menu>li a {box-sizing: border-box;color: #000;font-weight:500;position: relative;display: block;font-size: 3.7vw;height: 9.4vw;line-height: 9.4vw;padding-left: 1em;padding-right: 1em;font-family:'NanumSquare', sans-serif;}
ul.TM-menu>li a.submenu-icon { position: relative; cursor: pointer }
ul.TM-menu>li a.submenu-icon .menu_ico {position: absolute;top: 1vw;right: 1vw;width:8vw;height:8vw;background-image:url('/images/up_arrow.png');background-repeat:no-repeat;background-size:5vw;background-position:center;}
ul.TM-menu>li a.submenu-icon .menu_ico_down {background-image:url('/images/down_arrow.png');}
ul.TM-menu>li ul.TM-submenu { background: #f5f5f5; display: none }
ul.TM-menu>li ul.TM-submenu>li { box-sizing: border-box; border-top: 1px solid #e1e1e1 }
ul.TM-menu>li ul.TM-submenu>li>a {font-weight:400;color:#878787;font-size: 3.3vw;}
ul.TM-menu>li ul.TM-submenu>li ul { background: #ddd }
ul.TM-menu>li ul.TM-submenu>li ul li { box-sizing: border-box; border-top: 1px solid #eee }
ul.TM-menu>li ul.TM-submenu>li ul li a { box-sizing: border-box; color: #666; font-size: 1.3em; height: 45px; line-height: 45px; padding-left: 2em }

/* --------------------------------
네비와 컨테이너 포장지
-------------------------------- */
.wrapper { position: relative }
.wrapper:after, .wrapper:before { content: " "; display: table }
.wrapper:after { clear: both }
.wrapper.sidenavi-dark:after { width: 100%; height: 100%; box-sizing: border-box; background: rgba(0, 0, 0, .7); position: fixed; top: 0; left: 0; z-index: 200 }
.slider-wrap { position: relative }
.slider-wrap:after, .slider-wrap:before { content: " "; display: table }
.slider-wrap:after { clear: both }

/* GNB */
.wrap_menubar {display:none;position:absolute;top:0;left:0;z-index:30;width:202px;min-height:902px;background-color:#fff;box-shadow:20px 0 30px rgba(0,0,0,0.5);-webkit-box-shadow:20px 0 30px rgba(0,0,0,0.5)}
.wrap_menubar .tt_menu {overflow:hidden}
.inner_menubar {padding:0 15px}
.inner_menubar .list_menubar {overflow:hidden}
.inner_menubar .list_menubar li {float:left;width:50%}
.inner_menubar .list_menubar li.img_100 {width:100%}
.wrap_menubar .btn_main {display:block;float:left}
.wrap_menubar .btn_main img {width:33px;height:33px}
.wrap_menubar .tit_menubar {float:left;padding-left:10px}
.wrap_menubar .tit_menubar img {width:74px;height:33px}
.wrap_menubar img {width:100%}
.wrap_menubar .link_depth1 {display:block}
.wrap_menubar .link_close {overflow:hidden;position:absolute;top:10px;right:10px;width:21px;height:21px;font-size:0;line-height:0;text-indent:-9999px;background:url(../images/btn_gnb_close.png) no-repeat 0 0}
.dimmed_layer {position:fixed;top:0;left:0;z-index:20;width:100%;height:100%;background-color:#000;opacity:0.5}

/* footer */
#footer {position:relative;}
#footer .pri_wr {text-align:center;background-color:#eaeaea;padding: 2.8vw 0;}
#footer .pri_wr span {display:inline-block;width: .3vw;height: 2.9vw;background-color:#c6c6c6;margin: 0 3.2vw;}
#footer .pri_wr a {display:inline-block;color:#313240; font-size:3.3vw;font-family: 'Spoqa Han Sans bold', sans-serif;}
#footer .ft_address {background-color:#313240;padding:5.3vw 4.7vw;}
#footer .ft_address h2 {font-size:4vw; color:#c4c4c4;font-family: 'Spoqa Han Sans bold', sans-serif; margin-bottom:2.4vw;}
#footer .ft_address p {font-size:2.9vw; color:#c4c4c4; font-family: 'NotoSansKR-Regular', sans-serif;}
#footer .ver_bar {color:#747985;margin:0 10px;}



@media (max-width:992px){
	.img-pc{display:none;}
	.img-mo{display:block;}
}
@media (min-width:992px){
	.img-pc{display:block;}
	.img-mo{display:none;}
}