@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900|Roboto:300,400,700|Archivo&display=swap');

/* common */
html, body { margin: 0; width: 100%; position: relative; font-size: 22px;}
* {margin:0; padding:0; list-style:none; text-decoration:none; font-family: 'Noto Sans KR', 'Roboto', 'Archivo', sans-serif; letter-spacing: -0.5px; outline:none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}

ul>li>a { text-decoration:none; }
a { color:inherit; letter-spacing:-0.5px;}
table { border-collapse: collapse; }
.blind {position:absolute !important;visibility:hidden !important;top:0 !important;left:0 !important;height:0 !important;width:0 !important;font-size:0 !important;line-height:0 !important;overflow:hidden !important;}

fieldset {border:none;}
legend {display:none;}
caption {display:none;}
p {letter-spacing: -0.5px;}
i {display:inline-block;}
em {font-style: normal;}
input {box-sizing: border-box; border: 1px solid #ddd; background-color: #fff; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button {box-sizing: border-box; border: 0; background-color: transparent; cursor: pointer;}
textarea {box-sizing: border-box; resize: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
select {-webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; box-sizing: border-box;}
select::-ms-expand {display: none;}


/* LAYOUT */
#A_Wrap {position: relative; max-width: 640px; width: 100%; margin: 0 auto;}
#A_Container_Wrap {position: relative; width: 100%;}
#A_Container{width: 100%; margin: 0 auto;}
.inner {box-sizing: border-box; width: 100%; padding: 0 30px; margin: 0 auto;}




/* header */

#A_Header {position: absolute; top: 0; left: 0; right: 0; box-sizing: border-box; width: 100%; margin: 0 auto; height: 100px; border-bottom: 1px solid rgba(221, 221, 221, 0.2); z-index: 4;}
#A_Header .inner:before {position: absolute; left: 0; right: 0; bottom: 0; display: block; width: 580px; height: 1px; margin: 0 auto; background-image: linear-gradient(to right, #eb311c 0%, #eb311c 49%, #e17506 50%, #e17506 100%); content: '';}
#A_Header .inner:after {display: block; clear: both; *zoom: 1; content: '';}

.logo {position: absolute; float: left; margin: 26px 90px 0 0; z-index: 999;}
.logo a {display: block; width: 100px; height: 49px; line-height: 49px; text-indent: -9999px; background: url(../images/common/logo.png) no-repeat 0 0;}

.menubar {position:absolute; top: 38px; right: 20px; width: 26px; height: 24px; cursor: pointer; z-index:999;}
.menubar li {width:100%; height:2px; background: #fff; position:absolute; border-radius:10px}
.menubar li:nth-child(1) { top: 0;}
.menubar li:nth-child(2) { top: 11px;}
.menubar li:nth-child(3) { top: 22px;}


.full_wrap {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; max-width: 640px; margin: 0 auto; background-color: #fff; z-index: 998;}
.gnb_top li {display: none; width: 100%; height: 200px;}
.gnb_top li.on {display: block;}
.gnb_top li .gnb_tit {display: block; padding: 110px 0 0 0; font-size: 32px; color: #fff; text-align: center;}
.gnb_top .gnb01 {background: url(../images/common/lnb_bg01.jpg) no-repeat center center;}
.gnb_top .gnb02 {background: url(../images/common/lnb_bg02.jpg) no-repeat center center;}
.gnb_top .gnb03 {background: url(../images/common/lnb_bg03.jpg) no-repeat center center;}
.gnb_top .gnb04 {background: url(../images/common/lnb_bg04.jpg) no-repeat center center;}
.gnb_top .gnb05 {background: url(../images/common/lnb_bg05.jpg) no-repeat center center;}
.gnb > li {width: 100%; border-bottom: 1px solid #ddd;}
.gnb > li:first-child {margin: 0;}
.gnb > li.open > a {background: url(../images/common/gnb_up.png) no-repeat 608px center;}
.gnb > li > a {display: block; box-sizing: border-box; width: 100%; padding: 0 30px; line-height: 80px; font-size: 24px; color: #333; background: url(../images/common/gnb_down.png) no-repeat 608px center;}
.lnb {display: none; border-top: 1px solid #f37300;}
.lnb li a {display: block; box-sizing: border-box; width: 100%; padding: 0 30px; height: 70px; line-height: 70px; font-size: 20px; color: #666; background: url(../images/common/lnb_arrow.png) no-repeat 608px center;}


.search_box {float: right; position: relative; height: 70px; margin: 15px 48px 0 0;}
.search_box input {display: none; width: 250px; padding: 0 30px 0 10px; height: 70px; line-height: 70px; font-size: 22px; color: #fff; border: 0; background-color: transparent;}
.search_box:after {display: block; position: absolute; bottom: 0; left: auto; right: 0; width: 0; height: 1px; background-color: #fff; transition: all 0.4s; content: ''; }
.search_box.active:after {left: 0; width: 100%;}
.search_box button {position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: block; width: 20px; height: 20px; background: transparent url(../images/common/ic_search.png) no-repeat 0 0; text-indent: -9999px;}
.search_box button.close {background: transparent url(../images/common/ic_search_x.png) no-repeat center center;}





/* footer */

#A_Footer {position: relative; padding: 0 0 60px 0; background-color: #fff; border-top: 1px solid #ddd;}
#A_Footer .inner {position: relative; box-sizing: border-box;}
#A_Footer .inner:before {display: block; position: absolute; top: 70px; left: 0; right: 0; width: 100%; height: 1px; background-color: #ddd; content: '';}
.data_link {width: 100%; text-align: center;}
.data_link:after {display: block; clear: both; *zoom: 1; content: '';}
.data_link li {float: left; margin: 0 0 0 30px;}
.data_link li:first-child {margin: 0;}
.data_link li a {display: block; height: 70px; line-height: 70px; font-size: 18px; color: #999;}
.data_link li.privacy a {color: #666;}
.data_link li.active a {font-weight: 600;}
.ft_txt {width: 100%; margin: 15px 0 0 0; background: url(../images/common/ft_logo.png) no-repeat right bottom;}
.ft_txt span {position: relative; display: inline-block; box-sizing: border-box; padding: 0 0 0 10px; margin: 0 0 0 9px; line-height: 1.7; font-size: 18px; color: #999;}
.ft_txt span:after {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 10px; background-color: #999; content: '';}
.ft_txt span:first-child {padding: 0; margin: 0;}
.ft_txt span:first-child:after {display: none;}

.ft_txt .copy {margin: 20px 0 30px; font-size: 18px; color: #999;}
.ft_txt select {width: 220px; height: 60px; padding: 0 20px; font-size: 18px; color: #999; border: 1px solid #ddd; background: url(../images/common/arrow_select.png) no-repeat 180px center;}

.ft_bottom:after {display: block; clear: both; *zoom: 1; content: '';}
.ft_bottom select {float: left;}
.ft_bottom a {float: left; display: block; margin: 0 0 0 10px; width: 150px; height: 60px; line-height: 60px; font-size: 18px; color: #999; border: 1px solid #ddd; text-align: center;}