@charset "utf-8";

/* 팝업 */
.popup{position:fixed;z-index:9999;visibility:hidden;top:0;right:0;bottom:0;left:0;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;

  align-items:center;
  justify-content:center;
  -webkit-align-items:center;
  -webkit-justify-content:center;

  -webkit-box-pack:center;
  -webkit-box-align:center;
  -moz-box-pack:center;
  -moz-box-align:center;
  -ms-box-pack:center;
  -ms-box-align:center;
}
.popup .popup_img img{width:100%}
.popup .popup_bottom{padding:10px 20px;background-color:#000;text-align:right}
.popup_bottom_txt01{color:#fff}
.popup_bottom_txt02{font-size:14px;font-weight:800}
.popup_bottom_txt02 a{color:#fff}

.black_bg{position:absolute;top:0;left:0;width:100%;min-height:100%;background-color:#000;z-index:-1;opacity:0.8}


/* HEADER */
#header{background-color:#21538f;}
#header .logo{width:120px; height:65px; background-color:#fff; line-height:0; padding:10px 15px; float:left;}
#header .logo a{display:block;}
#header .logo a img{width:100%; height:100%;}
#header .top_right{float:right; padding:20px 15px;}
#header .top_right li{float:left; width:25px; margin-left:10px; line-height:0;}
#header .top_right li a{display:block;}


/* GNB */
.gnb_wrap{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; z-index:999; display:none;}
.gnb_wrap .gnb_top{padding:10px 15px; position:relative; border-bottom:1px solid #cecece;}
.gnb_wrap .gnb_top a{display:block; line-height:0; width:90px; height:45px;}
.gnb_wrap .gnb_top a img{width:100%; height:100%;}
.gnb_wrap .gnb_top button{width:25px; height:25px; position:absolute; top:20px; right:15px; background:none;}
.gnb_wrap .gnb{border-bottom:1px solid #e1e1e1;}
.gnb_wrap .gnb .depth01{font-family:'Noto Serif KR', serif; display:block; padding:15px; font-size:1.286em; color:#000; font-weight:500; position:relative;}
.gnb_wrap .gnb .depth01:after{content:''; width:12px; height:8px; background:url(/m/img/common/aw_gnb.png) no-repeat center; background-size:cover; position:absolute; top:50%; right:15px; margin-top:-4px;}
.gnb_wrap .gnb .depth02{background-color:#f3f3f3; padding:15px; border-top:1px solid #e1e1e1; display:none;}
.gnb_wrap .gnb .depth02 li{margin-bottom:5px;}
.gnb_wrap .gnb .depth02 li:last-child{margin-bottom:0;}
.gnb_wrap .gnb .depth02 a{color:#4d4d4d; font-size:1.143em; line-height:1.5em;}


/* FOOTER */
#footer{background-color:#363636; padding:30px 15px;}
#footer p{font-size:0.857em; color:#d1d1d1; font-family:'Noto Sans KR'; font-weight:300;}
#footer li{font-size:0.857em; color:#d1d1d1; font-family:'Noto Sans KR'; font-weight:300;}
#footer .info li{float:left; margin-right:10px; padding-right:10px; position:relative;}
#footer .info li:after{content:''; width:1px; height:10px; background-color:#737373; position:absolute; top:4px; right:0;}
#footer .info li:last-child{margin-right:0; padding-right:0;}
#footer .info li:last-child::after{display:none;}
#footer p.copy{margin:10px 0;}
#footer .notice li{margin-bottom:5px; padding-left:15px; position:relative;}
#footer .notice li:last-child{margin-bottom:0;}
#footer .notice li:before{content:'※'; position:absolute; top:0; left:0;}