@charset "UTF-8";

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,select,option,textarea,blockquote,label,td,th,center,p,br,span,pre,h1,h2,h3,h4,h6 {font-family:'Nanum Gothic','NanumGothic','AppleGothic','dotum','Malgun Gothic','Arial','Helvetica','sans-serif';font-weight:normal;color:#000;-webkit-text-size-adjust:none;}

img,fieldset,iframe,legend,button {border:0 none;}
dl,dt,dd,ul,ol,li {list-style:none;}
a {color:inherit;text-decoration:none;}
em,address {font-style:normal;}
table {border-collapse:collapse;border-spacing:0;}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}
br {letter-spacing:0px;}
br.both {clear:both;}

.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

.clear {clear:both;}
.none {width:0;height:0;font-size:0;line-height:0;position:absolute;top:-9999em;left:-9999em;overflow:hidden;visibility:hidden;display:none;margin:0;padding:0;}
.nobr {display:block;margin:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis}
.hand {cursor:pointer;}

.spc0 {letter-spacing:0px;}
.spc1 {letter-spacing:-1px;}

/* alignment */
.al {text-align:left;}
.ac {text-align:center;}
.ar {text-align:right;}

/* display toggle */
.show_on {display:block;}
.show_off {display:none;}

/* space line */
.space00 {clear:both;font-size:0;line-height:0;height:0px;}
.space05 {clear:both;font-size:0;line-height:0;height:5px;}
.space10 {clear:both;font-size:0;line-height:0;height:10px;}
.space15 {clear:both;font-size:0;line-height:0;height:15px;}
.space20 {clear:both;font-size:0;line-height:0;height:20px;}
.space30 {clear:both;font-size:0;line-height:0;height:30px;}
.space50 {clear:both;font-size:0;line-height:0;height:50px;}

/* badge */
.badge {display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:4px;text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;}
.badge:empty {display:none;}
a.badge:hover, a.badge:focus {color:#fff;text-decoration:none;cursor:pointer;text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;}

.ui-loader-textonly {background-color:#fff;border:1px solid #ddd;filter:Alpha(opacity=90);opacity:0.9;border-radius:5px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;}

/*body, .ui-page {width:100%;margin:0;padding:0;border:0;background:#fff url('../img/com/bg2.png') repeat-x center top;background-size:100% 100%;}*/
.wrapper {width:100%;margin:0;padding:0;border:0;background-color:#f3f3f3;background-repeat:repeat-x;background-position:center top;background-size:100% 100%;}
.wrapper.intro {background-color:#1c4989;background-image:url('');}
.wrapper.main {background-color:#fff;background-image:url('');}

div#container {position:absolute;width:100%;top:0;bottom:0;min-width:320px;}

/* header */
#header {position:fixed;top:0;left:0;right:0;width:100%;font-size:0;border:0;margin:0;padding:0;overflow:hidden;}
#header h1 {width:100%;height:44px;text-align:center;background-color:#007dcc;overflow:hidden;font-size:0;margin:0;padding:0;color:#fff;}
#header h1 img {float:auto;height:16.5px;/*width:40%;*/margin:14px auto;}

#header .nav {float:left;width:100%;height:46px;background-color:#fff;font-size:0;}
#header .nav li {float:left;width:20%;text-align:center;font-size:0;}
#header .nav li b{width:100%;border-bottom:4px solid #dbdbdb;padding-bottom:12px;float:left;font-size:14px;text-align:center;color:#868686;margin-top:12px;white-space:nowrap;text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;}
#header .nav li.active b{border-bottom:4px solid #007dcc;font-weight:bold;color:#000;}

.content {position:absolute;top:90px;bottom:93px;left:0;right:0;padding:12px 13px 15px 13px;margin:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.content.intro {width:100%;top:0;padding:0;}
.content.main {width:100%;top:90px;padding:0;}

/* iOS specific fix, don't use it on Android devices */
.content > * {-webkit-transform:translateZ(0px);}

#footer {position:fixed;bottom:0;left:0;right:0;width:100%;height:90px;font-size:0;border:0;margin:0;padding:0;overflow:hidden;background-color:#007dcc;}
.footer_bg {/* background:url('../img/com/btm_bg.png') repeat-x 0 0 */;background-size:5px;min-width:120px;max-width:100%;margin-left:200px;}
#footer ul {width:80%;margin:10px 10% 0px 10%;float:left;}
#footer ul li {width:12%;float:left;margin:0px 4%;font-size:0;text-align:center;}
#footer ul li img {/*width:100%;*/height:33px;}
#footer span {width:100%;color:#fff;font-size:11px;text-align:center;float:left;margin:12px 0 10px 0;text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;white-space:nowrap;}

/* iPhone 4/5 */
@media all and (max-width:320px) {
	#header h1 {height:42px;}
	#header h1 img {height:15px;}
	#header .nav {height:41px;}
	#header .nav li b {font-size:12px;padding-bottom:10px;}
	.content {top:87px;bottom:66px;padding-top:8px;}
	.content.main {top:83px;}
	#footer {height:65px;}
	#footer ul {margin-top:9px;}
	#footer ul li img {height:28px;}
	#footer span {margin:7px 0 0 0;}
}

.sub_top {clear:both;width:100%;font-size:0;line-height:0;}
.sub_top img {width:100%;min-width:270px;}

.conbox {clear:both;background-color:#fff;padding:5px 10px 0 10px;min-width:250px;border:1px solid #d0d0d0;border-top:none}

.sub_btm {clear:both;width:100%;font-size:0;line-height:0;}
.sub_btm img {width:100%;min-width:270px;}

/* intro */
.content.intro img {width:100%;margin:30px auto 0 auto;}
.content.intro .next_btn {width:100%;margin-top:35px;}

/* main */
.mcontent {width:100%;margin:auto;}
.view_img{float:left;width:100%;float:left;}
.view_img img{float:left;width:100%;float:left;}
.mmenu {background:transparent url('../img/main/menu_top.png') no-repeat center top;background-size:100% 25px;}
.mmenu ul {width:100%;margin-top:25px;}
.mmenu ul li {width:50%;float:left;padding:0;text-align:center;background-color:#fff;font-size:0;}
.mmenu ul li img {width:75%;}
.mmenu ul li.m1 img {margin:3px 0 13% 0;}
.mmenu ul li.m2 img {margin:0;}
.mmenu .btm {clear:both;height:25px;font-size:0;background:transparent url('../img/main/menu_btm.png') no-repeat center bottom;background-size:100% 25px;}
.menu_box{width:100%;float:left;background-size:5px;background-image: url("../img/main/box_bg.png");background-repeat:repeat;background-position:center left;z-index:1;}
.menu_box img{width:33%;float:left;border-right:1px solid #116398;}

/* history */
.conbox .year {clear:both;padding:5px 0 10px 0;font-size:0;line-height:0;}
.conbox .year img {width:100%;}

.dlist {clear:both;overflow:hidden;}
.dlist * {text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;}
.dlist dt {float:left;width:36px;padding:0 0 0 3px;margin:0;color:#000;font-size:12px;font-weight:normal;line-height:17px;}
.dlist dd {float:left;width:100%;margin:0 -45px 8px 0;}
.dlist dd ul {margin-right:45px;}
.dlist dd ul li {background:url('../img/com/dot_gray.png') no-repeat 0 6px;background-size:5px;padding:0 3px 0 8px;font-weight:normal;font-size:12px;line-height:17px;color:#000;}

/* business */
.opt {width:100%;text-align:right;font-size:0;}
.opt img {width:60%;min-width:200px;margin:8px 2% 5% 0%;}

.biz {width:100%;margin:15px 3% 0 0%;}
.biz li {width:25%;float:left;padding:0 4% 12px 4%;font-size:0;}
.biz li a {display:block;width:100%;height:100%;text-align:center;}
.biz li.al a {text-align:center;}
.biz li.ac a {text-align:center;}
.biz li.ar a {text-align:center;}
.biz li img {width:88%;}
.biz li strong {display:inline-block;text-align:center;width:88%;font-size:12px;color:#333;line-height:25px;margin:auto;white-space:nowrap;}

/* business detail */
.b_detail {width:94%;margin:3px 3.5% 0 2.5%;}
.b_detail > * {text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;}
.b_title {clear:both;height:30px;font-size:0;border-bottom:1px dotted #ccc;margin:0 -7px 13px -3px;}
.b_title h3 {width:70%;float:left;text-align:left;color:#000;font-size:16px;font-weight:bold;line-height:30px;padding-left:3px;}
.b_title a {width:60px;float:right;margin:10px 0 0 0;font-size:0;padding-right:5px;display:none;}
.b_title a img {width:100%;}
.b_slogan {display:block;color:#666;font-size:14px;font-weight:bold;padding-bottom:10px;}
.b_desc {font-size:13px;line-height:150%;padding:0 0 0 2px;margin:0;}
.b_img {display:block;font-size:0;}
.b_img img {width:100%;margin:15px 0 20px 0;}
.b_recom {clear:both;margin-bottom:15px;}
.b_recom h4 {display:block;color:#333;font-size:13px;font-weight:bold;height:22px;}
.b_recom ul li {color:#000;font-weight:normal;font-size:13px;line-height:20px;background:url('../img/com/dot_gray.png') no-repeat 0 6px;background-size:6px;padding-left:10px;}

.contact {clear:both;margin-top:15px;}
.contact ul {width:90%;margin:auto;}
.contact ul li {width:47%;padding:0;font-size:0;}
.contact ul li img {width:100%;border-radius:5px;}
.contact ul li.call {float:left;text-align:left;}
.contact ul li.link {float:right;text-align:right;}

/* map */
.map_box {position:relative;z-index:900;width:100%;top:0;left:0;}
.map_box #map_box {position:relative;z-index:100;width:96%;height:100%;margin:5px auto;border:1px solid #ccc;border-radius:1px;}
.map_box .img {width:100%;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;}

.radius {border:1px solid #bbb;border-radius:5px;}
.typecontrol {position:absolute;top:10px;right:12px;overflow:hidden;width:120px;height:24px;margin:0;padding:0;z-index:200;font-size:12px;}
.typecontrol span {display:block;width:60px;height:24px;float:left;text-align:center;line-height:24px;cursor:pointer;color:#555;font-weight:700;text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;}
.typecontrol .btn {background:#fff;background:linear-gradient(#fff,#e6e6e6);}
.typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6,#fff);}
.typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470,#5b6d8a);}
.typecontrol .selected_btn:hover {color:#fff;}

.addr {width:96%;margin:15px auto 0 auto;}
.addr ul li {color:#000;font-weight:normal;font-size:13px;line-height:18px;background:url('../img/com/dot_gray.png') no-repeat 0 6px;background-size:6px;padding:0 0 5px 0;position:relative;}
.addr ul li em {position:absolute;z-index:50;left:10px;color:#454545;font-style:normal;font-weight:700;}
.addr ul li span {position:relative;z-index:30;left:0;color:#333;padding-left:48px;display:inline-block;}
.addr ul li span a {color:#333;font-weight:normal;}

.addr p {color:#333;font-size:13px;font-weight:300;text-align:center;padding:10px 0 0 0;}
.addr p em {font-style:normal;font-weight:700;color:#2e5895;}

.info{width:99%;margin:5px auto;}
.info dt b{font-size:14px; color:#3f3f3f;margin:10px 0px;line-height:22px;}
.info dt p{font-size:12px;line-height:18px;}