@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/********* common_layout *********/
html, body {height:100%;}
body {line-height:1.3; color:#333; font-family: 'Noto Sans KR', 'sans-serif'; font-size:15px; letter-spacing: -0.25px; padding-top: 80px;}
.wrapper {position:relative; z-index:1; min-height:100%; overflow-x: hidden;}
.container {position:relative; z-index:1; max-width:1200px; margin:0 auto;}
.clearfix:after {content:""; display:block; width:0; height:0; font-size:0; clear:both;}
.fcolor1 {color: #000;}
.fcolor2 {color: #000;}
.hide {position:absolute; left:-9999px; overflow:hidden; width:1px; height:1px; line-height:1px; font-size:1px;}
caption {position:static; overflow:hidden; width:1px; height:1px; margin:0; padding:0; font-size:1px; text-indent:-9999px;}
.pc-view {display:block !important;}
.m-view {display:none !important;}
.xm-view {display:none !important;}
.on_iblock {display:inline-block !important;}
.on_block {display:block !important;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
body.scroll_fixed {overflow: hidden !important;}

/* skip navi */
.skip_navi {position:absolute; z-index:999999; width:100%; left:0; top:0; text-align:center;}
.skip_navi a {display:block; position:absolute; left:0; top:-9999px; z-index:1; width:100%; height:40px; line-height:40px; background-color:#333; color:#fff; font-size:20px; font-weight:700;}
.skip_navi a:hover, .skip_navi a:focus {top:0;}

/* header */
.header {position: relative; z-index: 999; margin-bottom: 65px;}
.header .logo {display: block; position: absolute; left: 0; top: 53px; width: 351px; height: 60px; background: url('../images/common/logo.png') no-repeat center;}
.mt-10 {
  margin-top: 10px  !important;
}

.mt-20 {
  margin-top: 20px  !important;
}

.mt-30 {
  margin-top: 30px  !important;
}

.mt-60 {
  margin-top: 60px  !important;
}

.mt-80 {
  margin-top: 80px  !important;
}

.mt-100 {
  margin-top: 100px  !important;
}
.main_top {max-width:1200px; margin: 0 auto; margin-bottom: 40px; padding-bottom: 35px; border-bottom: 1px solid #d1d1d1; text-align: center;}
/* footer */
.footer {padding: 5px 0 41px; background-color: #393939; text-align: center;}
.footer .link_box .sns_list {display: inline-block; vertical-align: middle;}
.footer .link_box .sns_list > li {display: inline-block; margin: 0 18px; vertical-align: middle;}
.footer .link_box .subscribe_btn {display: inline-block; margin-left: 39px; vertical-align: middle;}
.footer .copyright {margin-top: 40px; font-family: 'NanumSquare'; font-size: 14px; color: #7e7f82; font-size: 14px; text-transform: uppercase;}.footer .quick_box {position: fixed; left: 50%; bottom: 150px; margin-left: 500px; padding-left: 3%;}
.footer .quick_box {position: fixed; left: 50%; bottom: 150px; margin-left: 500px; padding-left: 3%;}
.footer .quick_box .quick_list li {margin-bottom: 8px; font-size: 0;}
.footer .quick_box .quick_list li:last-child {margin-bottom: 0;}
.footer .quick_box .quick_list li a {display: inline-block; width: 49px; height: 49px; border: 1px solid #e6e5e5; background-color:#e6e5e57a; background-repeat: no-repeat; background-position: center;}
.footer .quick_box .quick_list .facebook {background-image: url('../images/sub/quick_facebook.png');}
.footer .quick_box .quick_list .twitter {background-image: url('../images/sub/quick_twitter.png');}
.footer .quick_box .quick_list .share {background-image: url('../images/sub/quick_share.png');}
.footer .quick_box .quick_list .home {background-image: url('../images/sub/quick_home.png');}
.footer .quick_box .quick_list .top {background-image: url('../images/common/top.png');}
.footer .quick_box .quick_list .back { background-image: url('../images/common/back.png');
}
 
/* 1200 */
@media all and (min-width:1200px){
    .mgnb_open {display: none;}
    .mgnb_close {display: none;}
    .m_back {display: none;}

    .header .gnb {float: right; text-align: center; margin-top: 83px;}
    .header .gnb > li {float: left; position: relative; margin-left: 45px;}
    .header .gnb > li > a {font-size: 25px; font-weight: 500; color: #151515;}
    .header .sub_gnb {position: absolute; left: 50%; top: 100%; min-width: 142px; height: 0; overflow: hidden; padding-top: 3px; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: opacity 0.3s;}
    .header .sub_gnb > li {background-color: #1490ef;}
    .header .sub_gnb > li:hover {background-color: #686e75;}
    .header .sub_gnb > li > a {display: block; min-height: 40px; padding: 6px; font-size: 18px; font-weight: 500; color: #fff;}
    .header .gnb > li:hover .sub_gnb {height: auto; opacity: 1; visibility: visible;}
    .header .gnb_box {display: block !important;}
	.footer .quick_box .quick_list .back { display:none;}
}

/* 1199 */
@media all and (max-width:1199px) {
    .pc-view {display:none !important;}
    .m-view {display:block !important;}

    .header {height: 102px; margin-bottom: 0;}
    .header .logo {width: 256px; height: 43px; left: 50%; top: 12px; margin-left: -128px; background-size: contain;}
    .header .gnb_box {display: none; position: fixed; left: -309px; top: 0; width: 309px; height: 100%; padding-top: 59px; background-color: #fff;}
	.header .m_gnb_bg {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; z-index: -1;}
    /* .header .gnb_box:before {display: inline-block; content:''; position: absolute; left: 0; width: 50%; top: 59px; bottom: 0; background-color: #4490db;} */
    .header .gnb_box .mlogo {position: absolute; left: 83px; top: 15px; width: 128px; height: 21px; background: url('../images/common/logo.png') no-repeat center/contain;}
    .header .gnb {position: relative; /* padding-top: 6px; */ border-top: 1px solid rgba(0,0,0,0.12);}
    .header .gnb > li > a {display: block; /* width: 50%; */ height: 64px; padding: 23px 12px 0; font-size: 18px; font-weight: 500; color: #fff; background-color: #4490db;}
    .header .gnb > li > .sub_gnb {display: none; /* position: absolute; left: 50%; top: 12px; width: 50%; */}
    .header .gnb > li > .sub_gnb li a {display: block; height: 48px; padding: 17px 12px 0; font-size: 18px; font-weight: 500; color: #333; /* text-align: center; */ color: #3c3c3c;
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
    position: relative;}
    .header .gnb > li.active > a {position: relative;}
    .header .gnb > li.active > a:after {display: inline-block; content:''; position: absolute; left: 12px; bottom: 20px; right: -60px; height: 15px; background-color: #fff; background: url('../images/main/more_bt02.png') no-repeat center;}
    .header .gnb > li.active > .sub_gnb {display: block;}
    .mgnb_open {position: absolute; left: 10px; top: 32px; width: 32px; height: 25px; background: url('../images/common/mgnb_btn.png') no-repeat center;}
    .mgnb_close {position: absolute; right: 10px; top: 13px; width: 14px; height: 13px; background: url('../images/common/mgnb_close.png') no-repeat center;}
    .header .vol {position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); color: #151515; font-size: 22px; font-weight: 500; }
    .header .vol em {font-size: 20px; font-style: normal;}

    .m_back {position: absolute; left: 20px; top: 15px; font-size: 60px; font-weight: 700; color: #4490db; font-family: 'NanumSquare'; padding: 0;}

    .footer {padding: 50px 0 30px;}
    .footer .link_box .sns_list {display: block;}
    .footer .link_box .subscribe_btn {margin-left: 0; margin-top: 40px; font-size: 0;}
    .footer .quick_box {position: fixed;
    left: 50%;
    bottom: 100px;
    margin-left: 30%;
    padding-left: 3%;}
}

/* 768 */
@media all and (max-width:768px) {
	.xm-view {display:block !important;}

    .header {height: 80px;
    position: fixed;
    top: 0;
    /* width: 100%; */
    left: 0;
    right: 0;
    background-color: #fff;}
    .header .logo {width: 170px; height: 29px; top: 9.5px; margin-left: -85px;}
    .header .vol {font-size: 14px;}
    .header .vol em {font-size: 13px;}
    .mgnb_open {left: -10px;
    top: 26px;
    width: 100px;
    height: 25px;
    background-size: contain;}
	.m_back {left: 10px; top: 8px; font-size: 30px;}

    .footer {padding: 25px 0 15px;}
    .footer .link_box .subscribe_btn {margin-top: 20px;}
    .footer .link_box .subscribe_btn img {max-width: 116px;}
    .footer .link_box .sns_list > li {margin: 0 9px; font-size: 0;}
    .footer .link_box .sns_list > li.sns01 img {max-width: 17px;}
    .footer .link_box .sns_list > li.sns02 img {max-width: 9px;}
    .footer .link_box .sns_list > li.sns03 img {max-width: 8.5px;}
    .footer .link_box .sns_list > li.sns04 img {max-width: 14px;}
    .footer .link_box .sns_list > li.sns05 img {max-width: 16.5px;}
    .footer .link_box .sns_list > li.sns06 img {max-width: 16.5px;}
    .footer .copyright {font-size: 7px; margin-top: 20px;}


}