/* 모바일 코딩 필수 공통영역 */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {margin:0; padding:0; -webkit-text-size-adjust:none;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {width:100%;}
body {width:100%; color:#333; font-size:90%; line-height:160%; font-family:'Nanum Gothic', Dotum, Helvetica, AppleGothic;}
img, fieldset {border:0}
ul, ol, li, dl {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
hr {display:none;}
a {color:inherit;}
a, a:link {color:#333; text-decoration:none;}
a:visited {color:#333;}
a:hover, a:active {color:#333; text-decoration:none;}
em, i, address {font-style:normal; font-weight:normal;}
legend, caption {display:none; clear:both;}
input, textarea, select, button, table {font-size:inherit; font-family:inherit; line-height:inherit;}
section, nav, article, aside, hgroup, header, footer { display:block }
textarea, input {
	background:url(none);
	-webkit-border-radius:1px;
	-webkit-apprearance:none;
}
textarea {resize:none;}
.space-center {text-align:center;}
.space-right {text-align:right;}
.input,
.select,
.textarea {border:1px solid #ccc; background:#f4f4f4; line-height:160%; padding:2px 0;}

/* 사용자 지정 */
#wrapper {max-width:1000px; /* min-width:320px; */ margin:0 auto;}
#header {width:100%; background:#fff;}
.head {width:100%; height:80px; overflow:hidden;}
.logo {padding:8px 0 0 10px; text-align:center;}
.logo img {width:130px;}
.gnb_list {/* float:right; */ display:none;}
.gnb_list img {width:50px;}
.gnb {width:100%; height:90px; position:relative; z-index:100;}
.gnb ul {*zoom:1;}
.gnb ul:after {content:" "; display:block; clear:both;}
.gnb ul li {float:left; position:relative; width:33.3333%; height:45px; background:#0c2e6a; border-left:1px solid #3d5888; border-right:1px solid #3d5888; text-align:center; margin-right:-1px; font-size:14px; line-height:45px; font-weight:700;}
.gnb ul li:nth-child(-n+3) {border-bottom:1px solid #3d5888;}
.gnb ul li.active {background:#1a4796;}
.gnb ul li a {display:block; color:#fff;}
#main {position:relative;}
.contact {position:absolute; left:110px; bottom:200px;  z-index:1000;}
#header .h-txt {padding:0 10px;}
#header .h-txt img {width:100%;}

.common-txt img {width:100%;}
.main-img {width:100%; line-height:0;}
.main-img img {width:100%;}
.buttons + p {display:none;}
form + p {display:none;}
/*  youtube responsive */
.video-container {position: relative; margin:0 auto; padding-bottom: 56.1%; padding-top: 0; height: 0; overflow: hidden;}

.video-container iframe,
.video-container object,
.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.main-links {padding:10% 14px;}
.main-links .links-head img {width:100%;}
.main-links ul {display:flex; flex-wrap:wrap; margin:-3px;}
.main-links ul li {width:33.333%; text-align:center; padding:3px;}
.main-links ul li a {display:flex; flex-direction:column; align-items:center; justify-content:center;}
.main-links ul li a img {width:100%; vertical-align:top;}
.main-links ul li p {margin-top:10px; color:#fff; font-size:36px; font-weight:700; letter-spacing:-.02em; line-height:1.4em;}

.account-number {margin-bottom:15px; width:100%; line-height:0;}
.account-number img {width:100%;}

.main-inquiry .inquiry {width:100%; height:auto; padding:6% 14px;}
.main-inquiry .inquiry .cnt {background:url('../images/inquiry_bg_content.gif') 0 0/100% repeat-y;}
.main-inquiry .inquiry .inquiry-head {width:100%; line-height:0;}
.main-inquiry .inquiry .inquiry-head img {width:100%;}
.main-inquiry .inquiry .txt-content {padding-bottom:7%; width:74.79%; margin:0 auto;}
.main-inquiry .inquiry .txt-content .txt_frame {position:relative; height:34.7vw; color:#000; font-family:"돋움",Dotum; font-size:12px; line-height:15px;}
.main-inquiry .inquiry .txt-content .txt_frame .quick_sms {position:absolute; top:0; left:0; width:100%; height:34.7vw; outline:0; border:0; padding:4px; color:#000; background:#fff; font-family:"돋움",Dotum; font-size:12px; line-height:15px; overflow:auto;}
.main-inquiry .inquiry .txt-content .txt_frame .quick_count_remaining {position:absolute; bottom:3px; right:30px; font-weight:bold;}
.main-inquiry .inquiry .cnt2 {background:url('../images/inquiry_bg_content2.gif') 0 0/100% repeat-y;}
.main-inquiry .inquiry .info_frame {padding:24px 38px 24px;}
.main-inquiry .inquiry .info_frame .item {height:38px; margin-bottom:12px; display:flex;}
.main-inquiry .inquiry .info_frame .item dt {width:30%;}
.main-inquiry .inquiry .info_frame .item dd {width:70%;}
.main-inquiry .inquiry .info_frame .item dd span {display:flex;}
.main-inquiry .inquiry .info_frame .item label {float:left; padding-right:12px; color:#333; font-size:15px; font-weight:700; line-height:38px;}
.main-inquiry .inquiry .info_frame .item input {float:left; height:38px; border:1px solid #c8c8c8; line-height:38px; font-weight:700; margin-left:5px; padding:0; border-radius:0;}
.main-inquiry .inquiry .info_frame .item input[name=sub_quick_name] {width:100%;}
.main-inquiry .inquiry .info_frame .item input:first-child {margin-left:0;}
.main-inquiry .inquiry .info_frame .check {height:25px; padding-top:7px; font-size:11px; color:#333; margin-bottom:15px;}
.main-inquiry .inquiry .info_frame .privacy {display:block; color:#333; font-size:14px; font-weight:700; text-decoration:none; line-height:40px; text-align:center; background:#ffcc34;}
.main-inquiry .inquiry .pd18 {padding:0 18px;}
.main-inquiry .inquiry .send {width:100%; height:40px; color:#fff; font-size:16px; font-weight:700; cursor:pointer; border:0; background:#302e2e;}
.main-inquiry .inquiry .inquiry-footer {width:100%; line-height:0;}
.main-inquiry .inquiry .inquiry-footer img {width:100%;}

.main-pc-link a {display:block;}
.main-pc-link a img {width:100%; vertical-align:top;}

.main-review {padding:8% 14px 0;}

.main-map {margin-bottom:15px;}
.root_daum_roughmap {width:100% !important; height:250px !important;}
.root_daum_roughmap .wrap_map {width:100% !important; height:350px !important;}

.mainImg {width:100%;  margin-bottom:145px;}
.quick_link {position:absolute; width:94%; margin:0 3%; left:0; overflow:hidden; bottom:60px;}
.quick_link li {float:left; width:33%; margin:5px 0; text-align:center;}
.quick_link li:nth-child(2),
.quick_link li:nth-child(5) {width:34%;}
.quick_link li a {
	display:inline-block; 
	width:94%; 
	height:45px;
	padding:8px 0;
	margin:0 auto;
	color:#f9f9f9; 
	font-weight:bold;
	letter-spacing:-1px;
	background:#244386;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292927), color-stop(100%, #3e3e3e)); /*Safari*/
	background: -webkit-linear-gradient(top, #1a4796, #0c2e6a); /*WebKit nightly*/
	background: -moz-linear-gradient(top, #1a4796, #0c2e6a); /* Modzilla Firefox */
	background: -ms-linear-gradient(top, #1a4796, #0c2e6a); /* MS 9+ */
	border:1px solid #3e3e3e;
	border-radius:8px;
	box-shadow: 2px 2px 3px #aaa;
}
.quick_link li.line_H a{line-height:3.3em;}

.bnr {width:100%; overflow:hidden; background:#0c2e6a; text-align:center; padding:15px 0;}
.bnr img {width:130px; padding:5px 0 0 0; margin:0 3%;}

.sub_title {position:relative; width:100%; height:42px; background:#6f6f65; font-size:130%; line-height:42px; font-weight:bold; color:#fff; text-align:center; border-bottom:1px solid #e1decf; overflow:hidden;}
.sub_title h2 {font-weight:bold;}
.sub_title a {position:absolute; top:0; display:inline-block; width:42px; height:42px; font-size:0; line-height:0; background-repeat:no-repeat; background-position:50% 50%; background-size:25%;}
.sub_title .prev {left:0; background-image:url('../images/bt_prev.png');}
.sub_title .next {right:0; background-image:url('../images/bt_next.png');}
.subImg {width:100%;}

.video {position:relative; width:100%; padding:56.6% 0 0 0; margin-bottom:10px;}
.video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.location {margin:10px; border:3px solid #dddddd; width:320px; margin-left:10px; }

#footer {width:100%; text-align:center; padding:5px 0; clear:both; background:#0c2e6a;}
.foot_links {width:100%; padding:0 0 10px 0;}
.foot_links li {display:inline; color:#aaa;}
.foot_links li a {color:#fff; margin:0 4px;}
.address {color:#fff; font-size:0.75em; line-height:1.5em;}

/* sub */
#sub {padding-bottom:10%;}

a.blue-btn {padding:0 3% 0 3%; display:flex; justify-content:space-between; align-items:center; width:220px; height:40px; font-size:15px; font-weight:700; color:#fff; margin:5% auto 0; background:#1a4796;}
a.blue-btn:after {content:""; display:inline-block; width:10px; height:17px; background:url("../images/shortcut_arr.gif")50% 50% no-repeat; background-size:contain;}