/**
* OLYM Cascading Style Sheets
* File Name : main.css
* Description : 메인 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : designtj@olymcompnay.com
* Date : 2013.09.11
* Update : 2013.09.11
* Copyright(c) 2013 OLYM Communications. All Rights Reserved.
*/

/* default */
* { -webkit-text-size-adjust: none; } /* 가로 회전시 폰트사이즈 안커지게 */
body { font-size:0.75em; line-height:1.0em; font-family:Helvetica; background:#14527e;}
/* layout */
#wrap { width:100%; background:url(/mobile/project/design/main/bg_header.gif) no-repeat center top; background-size:640px 100px; }
#header { position:relative; width:100%; height:95px; background:#153862;}
#container { width:100%; height:304px;}
@media only screen and (min-width:320px) {#container { width:100%; height:304px;}}
@media only screen and (min-width:360px) {#container { width:100%; height:350px;}}
@media only screen and (min-width:480px) {#container { width:100%; height:585px;}}
#leftmenu { float:left; width:55px; position:relative;}
#main { float:left; width:265px; position:relative; background:#fff;}
@media only screen and (min-width:320px) {#main { width:265px; position:relative;}}
@media only screen and (min-width:360px) {#main { width:305px; position:relative;}}
@media only screen and (min-width:480px) {#main { width:510px; position:relative;}}
#footer { width:100%; position:relative; background:#fff;}

/* header */
#header h1 { text-align:center; background:#091a2f;}
#header .btn_login { position:absolute; top:10px; left:10px;}
#header .btn_sitemap { position:absolute; top:10px; right:10px;}
#lnb { width:320px; margin:0 auto; }
#lnb li { float:left; }

/* leftmenu */

	#leftmenu .li1 { background:#a3b0bf; border-bottom:1px solid #bfc8d2;}
	#leftmenu .li2 { background:#a3b0bf; border-bottom:1px solid #bfc8d2;}
	#leftmenu .li3 { background:#5994be; border-bottom:1px solid #8bb4d2;}
	#leftmenu .li4 { background:#5994be; border-bottom:1px solid #8bb4d2;}
	#leftmenu .li5 { background:#14527e; border-bottom:1px solid #14527e;}
@media only screen and (min-width:320px) {
	#leftmenu li { height:50px;text-align:center; }
	#leftmenu li img {height:100%;}
	#leftmenu .li1 { background:#a3b0bf; border-bottom:1px solid #bfc8d2;}
	#leftmenu .li2 { background:#a3b0bf; border-bottom:1px solid #bfc8d2;}
	#leftmenu .li3 { background:#5994be; border-bottom:1px solid #8bb4d2;}
	#leftmenu .li4 { background:#5994be; border-bottom:1px solid #8bb4d2;}
	#leftmenu .li5 { background:#14527e; border-bottom:1px solid #8bb4d2;}
	#leftmenu .li6 { background:#14527e; border-bottom:1px solid #14527e;}


}
@media only screen and (min-width:360px) {
	#leftmenu li { height:52px; padding-top:6px; text-align:center; }
	#leftmenu li img {height:100%;}
	#leftmenu .li1 { background:#a3b0bf; border-bottom:1px solid #bfc8d2;}
	#leftmenu .li2 { background:#a3b0bf; border-bottom:1px solid #bfc8d2;}
	#leftmenu .li3 { background:#5994be; border-bottom:1px solid #8bb4d2;}
	#leftmenu .li4 { background:#5994be; border-bottom:1px solid #8bb4d2;}
	#leftmenu .li5 { background:#14527e; border-bottom:1px solid #8bb4d2;}
	#leftmenu .li6 { background:#14527e; border-bottom:1px solid #14527e;}


}

/* 터치슬라이드 */
.touchslider-body { width:265px; height:304px; margin:0 auto; position:relative; overflow:hidden; z-index:100; }
.touchslider-main ul { position:absolute; top:0; left:0; overflow:hidden; height:304px;}
.touchslider-main li { float:left; width:100%; height:304px; }
.touchslider-con img { width:265px; height:304px; }
.touchslider-nav { position:absolute; bottom:0; left:10px; height:15px; z-index:500; }
.touchslider-nav .touchslider-nav-item { background:url(/mobile/project/design/main/btn_main.png) no-repeat -11px top; background-size:19px 8px; display:inline-block; width:8px; height:8px; margin:2px; }
.touchslider-nav .touchslider-nav-item-current { background:url(/mobile/project/design/main/btn_main.png) no-repeat; background-size:19px 8px; }

@media only screen and (min-width:360px) {
.touchslider-body { width:100%; height:350px; margin:0 auto; position:relative; overflow:hidden; z-index:100; }
.touchslider-main ul { position:absolute; top:0; left:0; height:350px; }
.touchslider-main li { float:left; width:100%; height:350px; }
.touchslider-con img { width:305px; height:350px; }
.touchslider-nav { position:absolute; bottom:0; left:10px; height:15px; z-index:500; }
.touchslider-nav .touchslider-nav-item { background:url(/mobile/project/design/main/btn_main.png) no-repeat -11px top; background-size:19px 8px; display:inline-block; width:8px; height:8px; margin:2px; }
.touchslider-nav .touchslider-nav-item-current { background:url(/mobile/project/design/main/btn_main.png) no-repeat; background-size:19px 8px; }
}

@media only screen and (min-width:480px) {
.touchslider-body { width:100%; height:585px; margin:0 auto; position:relative; overflow:hidden; z-index:100; }
.touchslider-main ul { position:absolute; top:0; left:0; height:585px; }
.touchslider-main li { float:left; width:100%; height:585px; }
.touchslider-con img { width:510px; height:585px; }
.touchslider-nav { position:absolute; bottom:0; left:10px; height:15px; z-index:500; }
.touchslider-nav .touchslider-nav-item { background:url(/mobile/project/design/main/btn_main.png) no-repeat -11px top; background-size:19px 8px; display:inline-block; width:8px; height:8px; margin:2px; }
.touchslider-nav .touchslider-nav-item-current { background:url(/mobile/project/design/main/btn_main.png) no-repeat; background-size:19px 8px; }
}

/* footer */
.btn_footer { background:#9eadc0; padding:5px 0;}
.btn_footer ul { width:245px; height:40px; margin:0 auto;}
.btn_footer li { width:49px; float:left; text-align:center;}
#footer{padding-bottom:112px;}
#footer address { margin:0 auto; color:#727d8a; padding:10px; font-size:9px; letter-spacing:-0.05em;}
#footer address .title { font-weight:bold; color:#2a2a2a;}
#footer address a { color:#727d8a;}

/* quick */
.quick{position:fixed;bottom:0;width:100%;height:112px;background:#091a2f;z-index:1000;}
.input_box{padding:10px;}
.input_box::after{content:"";display:block;clear:both;}
.input_con, .btn{float:left;}
.input_con{width:70%;}
.btn{width:30%;height:68px;font-size:16px;font-weight:bold;background:#5994be;color:#fff;border:0;border-radius:3px;}
.input_con1{overflow:hidden;}
.input_con1 div{float:left;width:50%;}
.input_con1 input{width:86%;height:22px;padding:4px;border:0;}
.counsel input{width:93%;height:22px;padding:4px;margin-top:8px;border:0;}
.check1{padding:0 10px;color:#fff;font-size:12px;}