/* 모바일 코딩 필수 공통영역 */
* {margin:0; padding:0; -webkit-text-size-adjust:none;}
html {width:100%;}
body {width:100%; color:#333; font-size:90%; line-height:160%; font-family:'돋움', 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,
.textarea {border:1px solid #ccc; background:#f4f4f4; line-height:160%; padding:2px 0;}

/* 사용자 지정 */
#wrapper {max-width:640px; min-width:320px; margin:0 auto;}
#header {width:100%;}
.head {width:100%; height:60px; overflow:hidden;}
.logo {float:left; padding:20px 0 0 10px;}
.logo img {width:235px;}
.gnb_list {float:right; background:#d2161e; padding:0;}
.gnb_list img {width:60px;}
.gnb {display:none; width:100%; position:relative; z-index:100;}
.gnb li {	
	font-weight:bold;
	background:#0069c1;
	border-bottom:1px solid #085da4;
}
.gnb li a {
	display:block; 
	color:#fff;
	padding:6px 10px 4px 10px;
}
#main {position:relative;}
.mainImg {width:100%;}
.quick_link {position:absolute; width:100%; left:0; bottom:0; overflow:hidden; line-height:1em;}
.quick_link li {float:left; width:33%; text-align:center;}
.quick_link li:nth-child(2){width:34%;}
.quick_link li:last-child {width:100%; line-height:0;}
.quick_link li a {
	display:inline-block; 
	width:100%; 
	padding:15px 0;
	margin:0 auto;
	font-size:100%;
	color:#333; 
	font-weight:bold;
	background:#fff;
}
.quick_link li:last-child a {padding:0;}

#sub {line-height:0;}
.sub_title {position:relative; width:100%; height:42px; font-size:130%; line-height:42px; font-weight:bold; color:#444; text-align:center; border-top:2px solid #d2161e; border-bottom:2px solid #d2161e; 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%;}

#footer {width:100%; text-align:center; padding:12px 0; border-top:1px solid #ddd; clear:both;}
.foot_links {width:100%; padding:0 0 10px 0;}
.foot_links li {display:inline; color:#aaa;}
.foot_links li a {color:#767676; margin:0 4px;}
.address {color:#777; font-size:0.95em; line-height:1.8em; font-family: 'Nanum Square Round', 'Noto Sans KR', 'Apple Gothic', 'Open Sans', sans-serif; width: 100%; padding: 0 10px; padding-bottom: 100px; box-sizing: border-box; word-break: keep-all; font-weight: 900;}
.address span {display: block;}
.address .p1 {margin-bottom: 30px;}
.address .bar {color:#bbb; margin:0 2px;}

.location {padding:10px;}

.form {padding:10px;}
.form .txt {text-align:right; color:#fd7777; font-size:0.85em;}
.form .input,
.form .textarea {width:99%;}
.form dl {border-top:1px solid #ddd; padding:15px 0 0 0;}
.form dt {font-weight:bold; margin:0 0 2px 0;}
.form dd {margin:0 0 10px 0;}

/* board */
.buttons {padding:10px 0; clear:both; overflow:hidden;}
.buttons .cen {text-align:center;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}

.btn_pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:4px 15px 3px;border:0;color:#333;background:#eee;border:1px solid #aaa;border-radius:0.4em;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack:link {color:#333}

/*tab*/
.tab {width:100%; line-height:1em;}
.tab::after {content:""; clear:both; display:block;}
.tab li {float:left; width:50%; padding:15px 0; font-weight:600; color:#fff; text-align:center; background:#0069c1; border-bottom:1px solid #085da4;}
.tab li:first-child, .tab li:nth-child(3) {width:calc(50% - 1px); border-right:1px solid #085da4;}
.tab li.active {font-weight:600; color:#0069c1; background-color: #fff; }
.tabcontent {display: none; width:100%;}