html , body {font-size:14px; font-family:"Noto Sans KR";font-weight: 400; color:#333;min-height:100%; min-width:320px;line-height:1.6; position:relative;}
body {overflow-x:hidden; position:relative; max-width:640px; }
img {max-width:100%;}
a {color:inherit;text-decoration:none;}
button { background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0;
	-webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
    -moz-user-select: none;
    -ms-user-select: none;
	outline:none;
}
* {box-sizing:border-box; -webkit-text-size-adjust:none;}
.auto {position: relative;}
.auto:after {content: "";display: block;width: 0;height: 0;font-size: 0;clear: both;overflow: hidden;}
.wrap {position:relative; min-height:100%; width:100%; overflow:hidden; ;left:0; top:0;}
#header {width:100%;height:50px;position:fixed;  background:#fff;z-index:999; overflow:hidden;border-bottom:1px solid #ccc;}
#header .logo {height:100%;text-align:center;}
#header .logo a {position:relative;padding: 9px 0;display: inline-block;left:-5px;}
#header .logo img {height:32px;width:auto;}
#header .logo .link {position:absolute;display:block;top: 28px;left: 54%;padding:0;height: 16px;width: 123px;transform: translateX(-50%);}
#header .btnAll {display:block; position:absolute; top:0px; left:0;width: 50px;height:100%;}
#header .btnAll span {display: block;width: 26px;height: 2px;background: #000;position: absolute;left:10px;transform-origin:50%; transition:all 0.3s ease-out;}
#header .btnAll span:nth-child(1) {top:15px;}
#header .btnAll span:nth-child(2) {top:25px;}
#header .btnAll span:nth-child(3) {top:35px; }
#header .btnApplication {display:block; position:absolute; top:0px; right:0;height:100%;padding: 10px;}
#header .btnApplication img {height: 30px;width: auto;}

#header.open .btnAll span:nth-child(1) {transform: rotate(135deg); top:24px;}
#header.open .btnAll span:nth-child(2) {opacity: 0;}
#header.open .btnAll span:nth-child(3) {transform: rotate(-135deg); top:24px;}


#gnb {width:100%;height:100%;min-height:100%; overflow-y: scroll;position:fixed;top:50px;right:-100%;z-index:998;background: #041d41;}
#gnb .gnbWrap { overflow-y: scroll;height: 90%;color: #fff;}
#gnb .gnbList > li {text-align:left;overflow:hidden;}
#gnb .gnbList > li > h2 > a {display:block;padding-left:20px;height:50px; line-height:50px;background: #041d41;border-top: 1px solid #364a67;position: relative;}
#gnb .gnbList > li > h2 > a .icon {height: 50px;position: absolute; right:30px;}
#gnb .gnbList > li > h2 > a .icon span {display: block;width: 10px;top:24px;height: 1px;background: #fff;position: absolute;transform-origin:50%;transition:all 0.3s ease-out;}
#gnb .gnbList > li > h2 > a .icon span:nth-child(1) {transform:rotate(90deg);}
#gnb .gnbList > li.on > h2 > a .icon span:nth-child(1) {transform:rotate(0);}

#gnb .gnbList > li > .sub {background:#213a6c;display: none;}
#gnb .gnbList > li > .sub li {position:relative;}
#gnb .gnbList > li > .sub li a {display:block;height: 50px;line-height: 50px;padding-left:25px;border-top: 1px solid #364a67;}
#gnb .gnbList > li > .sub li .depth03 {display: none;}


#gnb .no1 {padding: 15px 0;text-align: center;}
#gnb .no1 .txt01 {color: #a0d2ff;font-weight: 700;}
#gnb .no1 img {height: 30px;}
#gnb .no1 .txt02 {padding: 10px 0;}
#gnb .no1 .txt03 {font-size: 1.5rem;color: #fff;font-weight: 700;}
#gnb .no1 .txt03:after {content: "";display: block;width:22px ;height: 4px;background: #8994aa;margin: 10px auto;}
#gnb .no1 .txt04 {font: 0.9rem;color: #b1bcd3;margin-bottom: 10px;}
#gnb .no1 .txt04 strong {color: #fff;font-weight: 700;}
#gnb .no1 .btns {overflow: hidden;}
#gnb .no1 .btns a {display: inline-block;width: 120px;height: 34px;line-height: 34px;border: 1px solid #fff;}







/* footer */
#footer {background: #3c3c3f;position: relative;padding: 20px 0 0;}
#footer .fUtil {border-bottom: 1px solid #555;padding: 20px 0;}
#footer .fUtil ul {font-size: 0;text-align: center;}
#footer .fUtil li {display: inline-block;}
#footer .fUtil li a {display: block;font-size: 1.15rem;color: #e6e6e6;padding: 0 5px;position: relative;}
#footer .fUtil li a:before {content: "";display: block;width: 1px;height: 12px;background: #e6e6e6;position: absolute; left:0; top:50%; margin-top: -6px;}
#footer .fUtil li:first-child a {padding-left: 0;}
#footer .fUtil li:nth-child(5) a {padding-left: 0;}
#footer .fUtil li:first-child a:before,#footer .fUtil li:nth-child(5) a:before {display: none;}
#footer .fUtil li.on a {color: #ff9799;}
#footer .tel {margin: 0 10px;text-align: center;border: 2px solid #808080;padding: 0 30px 10px;letter-spacing: -0.075em;}
#footer .tel dt {color: #fff;font-size:1.45rem;margin-top: -15px;padding: 0 10px;background: #3c3c3f;}
#footer .tel dd {color: #74b6f1;font-size:1.3rem;font-weight: 700;padding: 10px 0;line-height: 1;}
#footer .tel dd:nth-child(3n) {padding-top:0px;}
#footer .tel dd.fresher {color:#ff9799;}
#footer .tel dd span.telTit {font-weight: 400;font-size:1.3rem;}

#footer .addrWrap {padding:20px 0;color: #aaa;text-align: center;}
#footer .addrWrap address span {display: block;}

#footer .footerBtn {border-top: 1px solid #555;border-bottom: 1px solid #555;}
#footer .footerBtn a{display: block;float: left;width: 50%;height: 50px;line-height: 50px;text-align: center;background: #303030; color:#aaa;position: relative;}
#footer .footerBtn a:first-child:after{content: "";display: block;width: 1px; height: 100%;position: absolute; right:0; top:0;background: #555;}


.bgCover {position: fixed;width: 100%;height: 100%;left:0; top:0;background: rgba(0,0,0,0.8);z-index:9999;display:none;}
.mainBgCover {position: fixed;width: 100%;height: 100%;left:0; top:0;background: rgba(0,0,0,0.8);z-index:9999;}
.mainBgCover03 {position: fixed;width: 100%;height: 100%;left:0; top:0;background: rgba(0,0,0,0.8);z-index:10002;}
.mainBgCover04 {position: fixed;width: 100%;height: 100%;left:0; top:0;background: rgba(0,0,0,0.8);z-index:10000;}
.mainBgCover05 {position: fixed;width: 100%;height: 100%;left:0; top:0;background: rgba(0,0,0,0.8);z-index:9998;}



#popup {position:fixed;width:100%;top:20px;z-index:10000;padding:0 10px;}
#popup div {text-align: right;}
#popup div .btnClose {display:inline-block;width:35px;}
#popup .imgBox {display:block;border:1px solid #d9d9d9;}
#popup .imgBox img {width:100%;}

#popup2 {position:fixed;width:100%;top:20px;z-index:10000;padding:0 10px;}
#popup2 div {text-align: right;}
#popup2 div .btnClose {display:inline-block;width:35px;}
#popup2 .imgBox {display:block;border:1px solid #d9d9d9;}
#popup2 .imgBox img {width:100%;}

#popup3 {position:fixed;width:100%;top:20px;z-index:10003;padding:0 10px;}
#popup3 div {text-align: right;}
#popup3 div .btnClose {display:inline-block;width:35px;}
#popup3 .imgBox {display:block;border:1px solid #d9d9d9;}
#popup3 .imgBox img {width:100%;}

#popup4 {position:fixed;width:100%;top:20px;z-index:10001;padding:0 10px;}
#popup4 div {text-align: right;}
#popup4 div .btnClose {display:inline-block;width:35px;}
#popup4 .imgBox {display:block;border:1px solid #d9d9d9;}
#popup4 .imgBox img {width:100%;}

#popup5 {position:fixed;width:100%;top:20px;z-index:9999;padding:0 10px;}
#popup5 div {text-align: right;}
#popup5 div .btnClose {display:inline-block;width:35px;}
#popup5 .imgBox {display:block;border:1px solid #d9d9d9;}
#popup5 .imgBox img {width:100%;}

#popup6 {position:fixed;width:100%;top:20px;z-index:10000;padding:0 10px;}
#popup6 div {text-align: right;}
#popup6 div .btnClose {display:inline-block;width:35px;}
#popup6 .imgBox {display:block;border:1px solid #d9d9d9;}
#popup6 .imgBox img {width:100%;}