@charset "utf-8";

/* ///// font ///// */

/* ///// initial ///// */
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body{position:relative;min-width:320px;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
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, 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, strong {margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
body, textarea, input{font:12px/1 "맑은 고딕","Malgun Gothic","Arial","Helvetica","san-serif";color:#fff;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style: none;}
img, label, input, select, a {vertical-align:middle;}
select,input,textarea {border:0 none;border-radius:0px 0px;-webkit-appearance:none;font:12px "맑은 고딕","Malgun Gothic","Arial","Helvetica","san-serif";color:#595959;}
select{padding-left:6px;height:27px;border:1px solid #bcbcbc;background:url('/m/images/common/bg_select.png') right 50% no-repeat;background-size:9px;}
textarea{padding:6px;border:1px solid #bcbcbc;}
input,textarea {outline-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}
table {width:100%;border-collapse:collapse;border-spacing:0;}
a{outline:none;select-dummy:expression(this.hideFocus=true);color:inherit;text-decoration:none;}
a:hover,a:active{text-decoration:none;}
.hidden {text-indent:-5000px;width:0;height:0;font-size:0;line-height:0;}
img{width:100%;}
strong{font-weight:700;}
h1, h2, h3, h4, h5, h6{line-height:1;}

/* ///// common ///// */
body{background:#000;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{display:block;content:'';clear:both;}

.tal{text-align:left !important;}
.tar{text-align:right !important;}
.tac{text-align:center !important;}

input[type=text]::-moz-placeholder,
textarea::-moz-placeholder{color:#6c6c6c;}
input[type=text]:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#6c6c6c;}
input[type=text]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#6c6c6c;}

.btn_center{margin-top:20px;text-align:center;}
.btn_right{margin-top:30px;text-align:right;}
.btn_more{margin-top:20px;}
.btn_more a{display:block;height:37px;border:1px solid #fff;font-size:15px;line-height:37px;text-align:center;}
.btn{display:inline-block;width:100%;height:33px;font-size:15px;line-height:31px;text-align:center;}
.btn > a{display:block;height:100%;}
.btn_blue{background:#00adef;color:#fff;}
.btn_black{background:#000;}
.btn_gray{background:#727272;}
.btn_right .btn{margin-left:3px;}

.dim{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#000;opacity:.5;}
.fixed{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;overflow:visible !important;}

/* swiper style */
html, body {position: relative;height: 100%;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {
	text-align: center;
	/* Center slide text vertically 
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;*/
}


/* ///// layout ///// */
header{position:fixed;top:0;left:0;z-index:2000;width:100%;height:36px;background:#000 url('/m/images/common/logo.png') 20px 8px no-repeat;background-size:86px;}
h1{font-size:15px;text-align:center;}
h1 a{display:inline-block;line-height:36px;}
.btn_menu{overflow:hidden;position:absolute;top:0;right:0;width:36px;height:36px;background:url('/m/images/common/btn_menu.png') center no-repeat;background-size:15px;text-indent:-9999px;}

nav{display:none;position:fixed;top:0;right:0;padding:0 20px;width:298px;height:100%;background:#fff;}
nav > ul{padding-top:37px;}
nav > ul > li{overflow:hidden;border-bottom:1px solid #c6c6c6;color:#000;}
nav > ul > li > span{display:block;height:33px;background:url('/m/images/common/bg_nav_open.png') right 50% no-repeat;background-size:9px;font-size:13px;line-height:33px;}
nav > ul > li:first-child > span,
nav > ul > li:first-child > span.open{background:none;}
nav > ul > li:last-child{border:none;}
nav > ul > li > span.open{background:url('/m/images/common/bg_nav_close.png') right 50% no-repeat;background-size:9px;}
nav > ul > li > span + ul{display:none;}
nav > ul > li > span.open + ul{display:block;}
nav > ul > li > ul{padding:5px 0;border-top:1px solid #c6c6c6;line-height:27px;}
nav > ul > li > ul > li > ul > li{color:#595959;}
nav > ul > li > ul > li{overflow:hidden;}
nav > ul > li > dl{float:left;margin:15px 0;padding-left:25px;width:97px;background:url('/m/images/common/bg_nav01.png') 20px 0 no-repeat;background-size:67px;}
nav > ul > li > dl:nth-child(2){margin-left:45px;padding-left:30px;background:url('/m/images/common/bg_nav02.png') 20px 0 no-repeat;background-size:67px;}
nav > ul > li > dl dt{padding-top:80px;font-size:13px;color:#000;}
nav > ul > li > dl dd{margin-top:10px;color:#595959;line-height:1.1;}
nav .close{overflow:hidden;position:absolute;top:0;right:0;width:37px;height:37px;background:url('/m/images/common/btn_nav_close.png') center no-repeat;background-size:13px;text-indent:-9999px;}

#container{padding-top:36px;}

#contents{padding:0 20px;}

footer{padding:30px 0 87px;font-size:11px;line-height:17px;color:#666;text-align:center;}
#quick{overflow:hidden;position:fixed;bottom:0;left:0;z-index:50;width:100%;background:#00adef;}
#quick li{float:left;width:20%;height:67px;border-left:1px solid #fff;font-size:11px;line-height:13px;color:#fff;text-align:center;}
#quick li a{display:block;padding-top:30px;height:100%;}
#quick li:first-child{border:none;}
#quick li:first-child a{background:url('/m/images/common/bg_quick01.png') 50% 8px no-repeat;background-size:12px;}
#quick li:nth-child(2) a{background:url('/m/images/common/bg_quick02.png') 50% 9px no-repeat;background-size:15px;}
#quick li:nth-child(3) a{background:url('/m/images/common/bg_quick03.png') 50% 7px no-repeat;background-size:20px;}
#quick li:nth-child(4) a{background:url('/m/images/common/bg_quick04.png') 50% 10px no-repeat;background-size:20px;}
#quick li:nth-child(5) a{padding-top:39px;background:url('/m/images/common/bg_quick05.png') 50% 12px no-repeat;background-size:12px;}