@charset "utf-8";

/* common */
body{}
.mobile_width{width:310px;margin:0 auto}

#mobile{}

/* 모바일 상단 메뉴바 */
#header{height:100%;height:50px;background:#fff;}
#header img{float:left;}
#header .logo{float:left;padding:0 0 0 10px}
#header .menu{float:right;padding:10px 10px 0 0}
#header .btn_call{float:right;padding:0 10px 0 0}

/* top_menu */
.top_menu{width:100%;}
.top_menu li a{width:25%;height:40px;float:left;text-align:center;background:#0e76bc;}
.top_menu li a.on{background:#0bcdd3;}
.top_menu li a img{width:100%;max-width:80px;}

/* content */
.breadclumb{height:30px;font-weight:normal;background:#f6f6f6;line-height:30px;padding-right:10px}
.breadclumb *{font-style:normal;font-size:11px;color:#222 !important}
.breadclumb a{display:block;float:left;text-decoration:none;padding:0 3px}
#content{padding:0}

/* btn_menu */
/* 위치 문의 양식을 어떤 다른 내용을 방해뿐만 아니라, 페이지의 다른 요소 위의 Z-인덱스되지 않도록 */
#menu{position:absolute;width:100%;top:0;left:0;z-index:2000;margin-top:50px;background:#52595d}
/* 필요할 때까지 모든 문의 양식을 숨 깁니다 */
#menu_area{position:relative;width:100%;display:none}
/* 접촉 단추에 대한 몇 가지 스타일링 */
#menu .btn_menu{height:35px;width:35px;background:url(../_images/mobile/btn_menu.jpg);background-size:35px;position:absolute;z-index:2000;right:10px;top:-45px;cursor:pointer}
#menu .clese_menu{position:static;width:30px;height:30px;display:block;margin:10px auto;background:none !important}

/* btn_bottom */
.btn_bottom{width:100%;max-width:300px;margin:15px auto 25px;text-align:center;zoom:1}
.btn_bottom:after{content:"";display:block;clear:both}
.btn_bottom li{display:inline}
.btn_bottom li a{margin:0px;text-align:center}
.btn_bottom li a img{width:70px}

/* footer */
#footer{position:relative;padding:10px 0 40px;background:#eeeeef;margin-top:5px}
#footer #add{width:90%;padding:0 5%;font-size:12px;line-height:20px;color:#3d3d3d !important;zoom:1}
#footer #add:after{display:block;content:"";clear:both}
#footer #add strong,#footer #add a{color:#3d3d3d !important}

/* 네비 (세부사항은 _color 에서 수정) */
.gn{width:100%}
.gn li a{display:block;padding:5px 0}
.gn > li{background-size:25px;text-align:center;padding:10px 0;border-bottom:1px solid #5f666a}
.gn > li > a{width:90%;margin:0 auto;font-weight:bold;color:#fff !important}
.gn > li > a:after{display:none}
.gn > li ul{margin-top:10px;max-width:320px;margin:0 auto}
.gn li li{width:33.33%;float:left;text-align:left}
.gn li:after{display:block;clear:both;content:""}
.gn li li a{padding:5px 0;font-size:10px;line-height:12px;color:#c7d0d5 !important;text-align:center}
.gn > li li > a:before{content:""}
.gn > li li > a:after{display:none}
.gn li li li{width:100%}
.gn li li li a{padding-left:15px}

/* 메인 배너 */
.main_ban{width:100%;}
.main_ban li{width:100%;}
.main_ban li img{width:100%;float:left;}

/* 메인 하단배너 */
.banner{}
.banner iframe{width:100%;height:200px}
.banner img,.banner input{float:left}
.banner:after{display:block;clear:both;content:""}

/* 모바일 서브 */
.mobile_sub .sub_title{margin-bottom:20px}
.mobile_sub .box{width:95%;border:1px solid #e6e6e6;margin:10px auto}
.mobile_sub .dt{line-height:20px;font-size:large;font-weight:bold;color:#fff;padding:10px;background:#EAEAEA url(/_images/sub/sub_dt.png) no-repeat right center;background-size:20px}
.mobile_sub .dt strong{color:#4F98AB;font-size:13px;padding:5px 0}
.mobile_sub .dt p{color:#818181;font-size:12px;line-height:20px;}
.mobile_sub .dt.over{background-color:#ccc;cursor:pointer;}
.mobile_sub .dt.selected{background:#ff9130 url(/_images/sub/sub_dt2.png) no-repeat right center;background-size:20px;cursor:default}
.mobile_sub .dt.selected strong{color:#fff !important}
.mobile_sub .dt.selected p{color:#b6d8f1}
.mobile_sub .dd{background:#fff;padding:10px;margin:0;color:#565464}
.mobile_sub .dd a{display:block;width:70px;padding:10px 20px;margin:10px auto 5px;text-align:center;background:#ff9130;color:#fff !important;border-radius:5px}

/* 공통및 관리자로그인 관련 */
.bd{background:transparent}
img{border:none}
.fl{float:left}
.fr{float:right}
.bd:after{content:"";margin:0;position:relative;top:3px;display:block;clear:both;height:1px}
.login_form{position:relative;padding:8px 10px;margin:0} /* _color */
.hx:after{content:"";margin:0 -10px;position:relative;top:10px;display:block;clear:both;height:2px;background:transparent}
.hx.h2{background:transparent}
.hx h2{margin:0 10px 0 0;display:inline}
.hx h2{font-size:16px;line-height:1.4}