@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(./font/NanumSquare.css);
/* font-family: "Noto Sans KR"
thin   100
light   300
regular   400
medium   500
bold   700
black  900 */
*{margin: 0;padding: 0;text-decoration: none;list-style: none;color: #7a7a7a;font-size: 15px;font-weight: 400;font-family: "Noto Sans KR",sans-serif;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin: 0;padding: 0;word-wrap: break-word;word-break: break-all;}
ul, li, p, label, span, strong, a{font-size: inherit;color: inherit;font-family: inherit;}
body, html{width: 100%;height: 100%;}
input,select,img,label{vertical-align: top;}
a{display: inline-block;}
img{border: 0;max-width: 100%;}
strong{font-weight: 500;}
input[type="text"],
input[type="password"]{height: 36px;padding: 0 10px;outline: none;border: 1px solid #dbdbdb;}
textarea{outline: none;resize: none;vertical-align: top;width: 100%;padding: 10px;border: 1px solid #dbdbdb;}
table{border-collapse: collapse;width: 100%;}
table caption{overflow: hidden;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.hidden{overflow: hidden;}
.blind{position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.clearfix::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}

#skip-nav a {position: absolute; left: -3000%;}
#skip-nav a:focus {display: block; left: 0; top: 0; z-index: 10000000000; width: 100%; height: 30px; line-height: 30px; background: #485068; color: #fff; text-align: center;}

.fl{float: left;}
.fr{float: right;}
.tl{text-align: left !important;}
.tc{text-align: center !important;}
.tr{text-align: right !important;}
.vt{vertical-align: top !important;}
.vm{vertical-align: middle !important;}
.vb{vertical-align: bottom !important;}

.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.ml30{margin-left: 30px !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}


.width-auto{margin: 0 auto;width: calc(100% - 40px);max-width: 1280px;}

#header{position: relative;width: 100%;}
#header > .header-right{position: absolute;top: 50%;right: 30px;margin-top: -17px;}
#header > .header-right > a{float: left;}
#header .ang-english{position: relative;color: #530252;font-size: 18px;line-height: 20px;margin: 5px 0 0 45px;}
#header .ang-english::before{position: absolute;top: 0;left: -22px;width: 1px;height: 24px;background: #c9c9c9;content:"";}
.header-cent{position: relative;height: 100px;padding: 22px 0;}
.header-cent > .logo{position: absolute;top: 50%;left: 0;margin-top: -28px;}
.header-cent > .callme-btn{position: absolute;top: 50%;right: 0;margin-top: -19px;}
.callme-btn{height: 38px;line-height: 36px;color: #888;font-size: 14px;padding: 0 18px 0 38px;background: url('../images/common/header_bg1.png') no-repeat left 18px center;border-radius: 25px;border: 1px solid #ddd;}
.header-menu{display: table;margin: 18px auto 0;}
#gnb{}
#gnb > li{float: left;padding: 0 40px;height: 38px;position: relative;}
#gnb > li > a{display: block;color: #010101;font-size: 18px;line-height: 20px;font-family: "NanumSquare";font-weight: 500;}
#gnb > li > a.on{color: #008fcb;}
#gnb > li:first-child > .depth2{margin-left: -105px;width: 210px;}
.depth2{display: none;position: absolute;top: 30px;left: 50%;z-index: 99;margin-left: -80px;width: 160px;padding: 15px 10px;background: url('../images/common/menu_bg1.png') repeat;}
.depth2 > li{margin-top: 10px;}
.depth2 > li:first-child{margin-top: 0;}
.depth2 > li > a{display: block;color: #000;font-size: 15px;line-height: 18px;padding-left: 12px;position: relative;}
.depth2 > li > a:hover{text-shadow: 0px 0px 1px #000;}
.depth2 > li > a::before{position: absolute;top: 7px;left: 0;width: 4px;height: 4px;background: #008fcb;content:"";}


    
.mob-top{display: none;background: #fff;text-align: center;}
.mob-top > h1{padding: 18px 18px 20px}
.mob-top > ul{border-top: 1px solid #01a4e9;}
.mob-top > ul > li{padding: 14px 5px;}
.mob-top > ul > li > a{vertical-align: top;color: #525252;font-size: 18px;line-height: 22px;}
.menu-open{display: none;position: absolute;top: 50%;right: 0;margin-top: -15px;}
.menu-close{display: none;position: absolute;top: 0;left: 300px;}
.menu-bg{position: relative;overflow: hidden;}
.menu-bg::before{position: absolute;top: 0;left: 0;z-index: 99;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);content:"";}


#footer{padding: 60px 0 65px;border-top: 1px solid #e8e8e8;}
#footer-top{width: calc(100% - 40px);max-width: 985px;margin: 0 auto;}
#footer-top > *{float: left;}
.main-title2{width: 115px;color: #b3b3b3;font-size: 15px;line-height: 16px;padding: 2px 0;}
.main-title2 > strong{display: inline-block;color: #2a2929;font-size: 18px;line-height: 18px;font-weight: 500;margin-bottom: 2px;}
.main-title2 > strong.blue{color: #4d84d1;}
.main-logo-list{overflow: hidden;}
.main-logo-list > ul{margin: -5px 0 0 -5px;}
.main-logo-list > ul > li{float: left;margin: 5px 0 0 5px;}
#footer-center{position: relative;margin-top: 55px;text-align: center;}
#footer-center > .logo{margin-bottom: 20px;}
#footer-center > .logo > a{display: inline-block;width:160px;}
#footer-center > .logo > a img{width: 100%;}
#footer-center > dl{}
#footer-center > dl > dt{color: #010610;font-size: 16px;line-height: 20px;margin-bottom: 12px;word-break: keep-all;}
#footer-center > dl > dt > span{display: inline-block;}
#footer-center > dl > dd{color: #909090;font-size: 14px;line-height: 16px;font-weight: 300;word-break: keep-all;}

.go-top{position: absolute;right: 0;bottom: 20px;z-index: 9;}

.modify-btn{border: 2px solid #111;margin: 20px 0;display: inline-block;width: 80px;padding: 5px 10px;border-radius: 20px;background: #fff;font-weight: 700;color: #111;cursor: pointer;}
.button{padding: 10px 30px;border-radius: 20px;border: 0;cursor: pointer;font-weight: bold;font-size: 15px;}
.button.sky{background: #50dffd;color: #111;}
.button.gray{background: #646464;color: #fff;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#hd_pop .sound_only{display: none;}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img {max-width:100%;}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:"";}
.hd_pops_footer button {padding:10px;border:0;color:#fff;}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left;}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0;}