@charset "utf-8";
/*
@import "/css/normalize.css";
@import "/css/response.css";
*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {margin:0; padding:0;}
img {border:none; vertical-align:top;}
dl,ul,ol,li,dt,dd {list-style:none;}
html {height:100%;}
body {height:100%; font-size:100%; line-height:1; font-family:"Nanum Gothic",sans-serif; background:#fbfbfb;}
a {text-decoration:none; color:#454545;}
a:hover {text-decoration:none; color:#333;}
caption {display:none; visibility:hidden;}
.blinder {display:none; cursor:pointer; opacity:0; width:100%; height:100%; position:absolute; top:0; left:0; z-index:999;}

.wrapper {max-width:640px; min-width:320px; width:100%; margin:0 auto; position:relative; overflow:hidden;}

/* 가장 윗부분 */
.header_wrap {width:100%; height:49px; position:fixed; top:0; left:0; z-index:300; background:#fff; border-bottom:1px solid #c5c5c5;}
.header {max-width:640px; min-width:320px; width:100%; height:100%; position:relative; margin:0 auto;}
.header > h1 {width:100%; padding-top:14px; font-size:1em; line-height:1; text-align:center;}
.header > h1 > img {display:inline-block;}
.header .bns {position:absolute; top:0;}
.header .bns > a {width:100%; height:100%; display:block;}
.header .left_top {left:0;}
.header .right_top {right:0;}

.footer {width:100%; background:#e7e7e7; border-top:1px solid #ccc; padding:15px 0 53vw;}
.footer .quicks {width:250px; overflow:hidden; margin:0 auto;}
.footer .quicks > div {float:left; margin-right:9px;}
.footer .quicks > div.quick_03 {margin-right:0;}
.footer address {display:block; width:67.96875%; margin:15px auto 0; text-align:center;}
.footer address img {max-width:100%;}
.footer p {width:64.0625%; margin:10px auto 0; text-align:center;}
.footer p img {max-width:100%;}


/* gnb 메뉴 */
.menu_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:400; display:none;}
.menu_wrap > div {max-width:640px; height:100%; min-width:320px; width:100%; position:relative; margin:0 auto; overflow-x:hidden; z-index:450;}
.menu_wrap .menu_area {width:65%; height:100%; position:absolute; top:0; left:0;}
.menu_wrap .menu_area .row_01 {width:100%; height:32px; border-top:1px solid #405e91; background:#34548a;}
.menu_wrap .menu_area .row_01 p {float:left; padding-top:11px; margin-left:15px;}
.menu_wrap .menu_area .row_01 .close_bn {float:right;}
.menu_wrap .menu_area .row_02 {width:100%; height:32px; border-top:1px solid #777e8a; border-bottom:1px solid #777e8a; overflow:hidden; background:#34548a;}
.menu_wrap .menu_area .row_02 p {float:left; line-height:32px; margin-left:15px; color:#ffffff; font-weight:bold; font-size:14px;}
.menu_wrap .menu_area .row_02 .confirm_bn {float:right; margin:6px 6px 0 0;}

.menu_wrap .menu_area .row_03 {width:100%;}
.menu_wrap .menu_area .row_03 > li {width:100%; border-bottom:1px solid #777e8a;}
.menu_wrap .menu_area .row_03 > li > a {display:block; width:100%; height:32px; line-height:32px; color:#fff; font-weight:bold; text-indent:12px; font-size:0.875em;
background:#464d59 url('/img/inm_gnb_arrow_off.gif') 95% 50% no-repeat;}
.menu_wrap .menu_area .row_03 > li > ul {width:100%; height:0; background:#373c46; overflow:hidden;}
.menu_wrap .menu_area .row_03 > li > ul > li {width:50%; float:left;}
.menu_wrap .menu_area .row_03 > li > ul > li > a {display:block; padding:10px 0; color:#c1c1c1; text-indent:20px;
background:url('/img/inm_lnb_span_bg.gif') 10px 50% no-repeat; font-size:11px;}

.menu_wrap .menu_area .row_04 {width:100%; height:51px; background:#34548a; position:relative;}
.menu_wrap .menu_area .row_04 > div {width:196px; height:25px; margin:0 auto; padding-top:13px; overflow:hidden;}
.menu_wrap .menu_area .row_04 > div > div {float:left; margin-right:5px;}
.menu_wrap .menu_area .row_04 > div > div.quick_03 {margin-right:0;}


@media screen and (max-width:360px){
	.menu_wrap .menu_area .row_03 > li > ul > li {width:100%;}
}


.fix_bottom {width:100%; position:fixed; bottom:0; left:0;}
.fix_bottom .fix_top {padding:2.34375vw 0; background:url('/img/ffix_ubg.jpg'); text-align:center; border-bottom:2px solid #2a2a2a;}
.fix_bottom .fix_top img {width:33.75vw;}
.fix_under {padding:6.25vw 0; background:url('/img/ffix_bbg.png') no-repeat center top; background-color:#6c6c6c; background-size:100% 100%; text-align:center;}

.fix_under ul {font-size:0; text-align:center;}
.fix_under ul li {display:inline-block; margin:0 2%; vertical-align:top; width:60%;}
.fix_under ul li:last-child {width:24%;}
.fix_under ul li input[type="text"]{display:block; width:80%; height:35px; background:#fff; font-size:14px; padding:0 2%; box-sizing:border-box; float:right;}
.fix_under ul li input[type="image"] {width:100%; height:auto;}
.fix_under ul li label {display:inline-block; width:20%; font-size:13px; color:#fff; font-weight:700; height:35px; margin-bottom:5%; text-align:left; line-height:35px;}
.fix_under .ag_wrap input[type="checkbox"] {width:13px; height:13px; vertical-align:middle; margin-right:1%;}
.fix_under .ag_wrap label {font-size:13px; color:#fff;}
.fix_under .ag_wrap a {font-size:13px; color:#fff; font-weight:700; margin-left:2%;}
.fix_under .ag_wrap {width:87%; margin:0 auto; text-align:left;}


@media screen and (min-width:641px){
	
	.fix_bottom .fix_top {padding:15px 0;}
	.fix_bottom .fix_top img {width:216px;}
	.fix_under {padding:40px 0;}
	.fix_under ul li {margin:0 10px; width:auto;}
	.fix_under ul li:last-child {width:auto;}
	.fix_under ul li input[type="text"]{width:300px; height:50px; font-size:21px; padding:0 10px; margin-bottom:20px;}
	.fix_under ul li input[type="image"] {width:170px; height:120px;}
	.fix_under ul li label {display:inline-block; width:70px; font-size:21px; color:#fff; font-weight:700; height:50px; margin-bottom:20px; line-height:50px; text-align:left;}
	.fix_under .ag_wrap input[type="checkbox"] {width:30px; height:30px;}
	.fix_under .ag_wrap label {font-size:21px; color:#fff;}
	.fix_under .ag_wrap a {font-size:21px; color:#fff;}
	.fix_under .ag_wrap {width:560px;}
	.footer {padding:15px 0 320px;}
}