@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/*----------------------------------------------------------*/
/* Reset CSS  */
* { margin:0; padding:0; border:0; outline:0; vertical-align:top;
-webkit-text-size-adjust:none;  }
body {font-family:'Noto Sans KR', 'Rajdhani', sans-serif; font-size:14px; color:#383838; letter-spacing:-0.03em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
/* img, video { max-width:100%; border:0; vertical-align:top; } */
a, a:link {color:#383838;text-decoration:none; }
a:visited { color:#383838; }
a:hover, a:active {color:#383838;text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,hr{ display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
p,li,dd{ line-height:1.5em}
img{border:0; vertical-align:top;}
.hidden{ position:absolute; left:-1000px; top:0; width:1px; height:1px; overflow:hidden; color:#fff;}

/* skinNav*/
#skipNav{position:relative;width:100%;overflow:hidden;}
#skipNav a{display:block; height:1px; margin-bottom:-1px;
                overflow:hidden; text-align:center; text-decoration:none; color:#383838; font-size:12px;}
#skipNav a:hover,#skipNav a:focus,#skipNav a:active{ display:block;height:auto;padding:5px 0; background:#fc0;}




/*----------------------------------------------------------*/
/*header*/
#header{ width:100%;}
#header .top{ border-bottom:1px solid #e2e2e2; height:40px; background:#fff; width:100%;}
    #header .top p{ width:1100px; margin:0 auto; font-size:12px; line-height:40px; text-align:right;}
    #header .top p a{}
    #header .top p span{margin:0 10px;}

/*header - nav*/
#header #nav{ border-bottom:3px solid #022726; width:100%;}
#header #nav .menu_box{position:absolute; z-index:-1; left:0; top:115px; background:url(../images/nav_bg.jpg) 0 0 repeat;
    width:100%; height:541px; display:none;}
#header #nav .nav_inner{ overflow:hidden; width:1100px; margin:0 auto; }
    #header #nav .nav_inner .logo{ width:200px; height:70px; float:left;}
    #header #nav .nav_inner .logo a{ display:block; width:200px; height:70px; background:url(../images/logo.png) 0 center no-repeat;
        text-indent:-1000px; color:#fff; font-size:1px; overflow:hidden;}
    /*1depth*/
    #header #nav .nav_inner ul.dropdownmenu{ float:right; width:875px;}
    #header #nav .nav_inner ul.dropdownmenu li.menu{ width:165px; float:left; padding-left:10px; }
    #header #nav .nav_inner ul.dropdownmenu li.menu h3{ font-family:'Rajdhani', sans-serif; font-size:16px; font-weight:600; text-align:center;}
    #header #nav .nav_inner ul.dropdownmenu li.menu h3 a.depth1{ display:block; width:165px; height:70px; line-height:70px;}
    #header #nav .nav_inner ul.dropdownmenu li.menu h3 a.depth1:hover{ font-weight:700; color:#14beb9;}
    /*2depth*/
    #header #nav .nav_inner ul.dropdownmenu li.menu ul{ display: none; padding:43px 0; }
    #header #nav .nav_inner ul.dropdownmenu li.menu ul li{ width:165px;}
    #header #nav .nav_inner ul.dropdownmenu li.menu ul li a{ display:block; width:165px; height:25px; padding-top:10px; border-bottom:1px solid #fff;
        color:#fff; letter-spacing:-0.04em;}
    #header #nav .nav_inner ul.dropdownmenu li.menu ul li p{}
    #header #nav .nav_inner ul.dropdownmenu li.menu ul li p.p_last a{padding-bottom:10px;}
    #header #nav .nav_inner ul.dropdownmenu li.menu ul li p a{ display:block; width:155px; height:16px; padding-left:10px; color:#a2aea5; border:none;}



/*footer*/
#footer{clear:both; font-size:12px; width:100%; background:#fff;}

#footer .foot_top_wrap{ width:100%; background:#022726; }
    #footer .foot_top_wrap .foot_top{ width:1100px; margin:0 auto;}
    #footer .foot_top_wrap .foot_top ul{ overflow:hidden; }
    #footer .foot_top_wrap .foot_top li{ float:left; width:33.3%; height:30px; border-left:1px solid #fff; box-sizing: border-box; }
    #footer .foot_top_wrap .foot_top li:last-child{ border-right:1px solid #fff; box-sizing: border-box;}
    #footer .foot_top_wrap .foot_top li a{ display:block; width:100%; line-height:30px; color:#fff; text-align:center;}

#footer .foot_mid_wrap{ width:100%; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
    #footer .foot_mid{ width:1100px; margin:0 auto; text-align:center; color:#bdbdbd; line-height:40px;}
    #footer .foot_mid a{ color:#bdbdbd; }
    #footer .foot_mid span{ margin:0 10px; }

#footer .foot_bottom_wrap{ width:100%;}
    #footer .foot_bottom_wrap .foot_bottom{ width:1100px; margin:50px auto 0; height:100px;/*overflow:hidden;*/}
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_left{ line-height:20px; float:left;}
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_left span{margin:0 10px;}
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right{ float:right; width:310px;}

    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right .select{ float:left; width:158px; height:28px; border:1px solid #e2e2e2; position:relative;}
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right .select .arrow{ display:block; width:128px; line-height:28px; padding:0 15px; background:#fff;
        position:relative; z-index:10;}
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right .select .arrow span{ float:right; color:#dbdbdb; }
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right .select .aList{ position:absolute; top:-88px; left:-1px;
        width:158px; border:1px solid #e2e2e2; display:none;}
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right .select .aList li{ width:158px; height:28px; border-bottom:1px solid #e2e2e2;}
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right .select .aList li a{display:block; line-height:28px; padding:0 15px; background:#fff;}
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right .select .aList li a:hover{ background:#e2e2e2; }

    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right .sns{float:right;}
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right .sns ul{}
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right .sns ul li{ float:left; margin-left:5px;}
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right .sns ul li a{ display:block; width:30px; height:30px; text-indent:-1000px; font-size:1px; color:#fff; overflow:hidden;}
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right .sns ul li a.sns_facebook{ background:url(../images/sns_facebook.png) 0 0 no-repeat; }
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right .sns ul li a.sns_insta{ background:url(../images/sns_insta.png) 0 0 no-repeat; }
    #footer .foot_bottom_wrap .foot_bottom .foot_bottom_right .sns ul li a.sns_kakao{ background:url(../images/sns_kakao.png) 0 0 no-repeat; }


/*----------------------------------------------------------*/
/* 일반 pc */
@media screen and (max-width:1280px) {
    /*header*/
    #header .top{ width:90%; padding:0 5%; }
        #header .top p{ width:100%; }

    /*header - nav*/
    #header #nav{ width:90%; padding:0 5%;}
    #header #nav .nav_inner{ width:100%; }
    #header #nav .nav_inner .logo{ width:150px; }
    #header #nav .nav_inner .logo a{ width:150px; background:url(../images/logo_s.png) 0 center no-repeat;
        background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto;}
        /*1depth*/
        #header #nav .nav_inner ul.dropdownmenu{width:80%;}
        #header #nav .nav_inner ul.dropdownmenu li.menu{ width:19%; padding-left:1%; }
        #header #nav .nav_inner ul.dropdownmenu li.menu h3 a.depth1{width:100%;}
        /*2depth*/
        #header #nav .nav_inner ul.dropdownmenu li.menu ul li{ width:99%; margin-right:1%; font-size:12px;}
        #header #nav .nav_inner ul.dropdownmenu li.menu ul li a{ width:100%;}
        #header #nav .nav_inner ul.dropdownmenu li.menu ul li p a{ width:95%; padding-left:5%;}

    /*
    header - nav
    #header #nav{ border-bottom:3px solid #022726; width:100%;}
    #header #nav .menu_box{position:absolute; z-index:-1; left:0; top:115px; background:url(../images/nav_bg.jpg) 0 0 repeat;
        width:100%; height:541px; display:none;}
    #header #nav .nav_inner{ overflow:hidden; width:1100px; margin:0 auto; }
        #header #nav .nav_inner .logo{ width:200px; height:70px; float:left;}
        #header #nav .nav_inner .logo a{ display:block; width:200px; height:70px; background:url(../images/logo.png) 0 center no-repeat;
            text-indent:-1000px; color:#fff; font-size:1px; overflow:hidden;}
        1depth
        #header #nav .nav_inner ul.dropdownmenu{ float:right; width:875px;}
        #header #nav .nav_inner ul.dropdownmenu li.menu{ width:165px; float:left; padding-left:10px; }
        #header #nav .nav_inner ul.dropdownmenu li.menu h3{ font-family:'Rajdhani', sans-serif; font-size:16px; font-weight:600; text-align:center;}
        #header #nav .nav_inner ul.dropdownmenu li.menu h3 a.depth1{ display:block; width:165px; height:70px; line-height:70px;}
        #header #nav .nav_inner ul.dropdownmenu li.menu h3 a.depth1:hover{ font-weight:700; color:#14beb9;}
        2depth
        #header #nav .nav_inner ul.dropdownmenu li.menu ul{ display: none; padding:43px 0; }
        #header #nav .nav_inner ul.dropdownmenu li.menu ul li{ width:165px;}
        #header #nav .nav_inner ul.dropdownmenu li.menu ul li a{ display:block; width:165px; height:25px; padding-top:10px; border-bottom:1px solid #fff;
            color:#fff; letter-spacing:-0.04em;}
        #header #nav .nav_inner ul.dropdownmenu li.menu ul li p{}
        #header #nav .nav_inner ul.dropdownmenu li.menu ul li p.p_last a{padding-bottom:10px;}
        #header #nav .nav_inner ul.dropdownmenu li.menu ul li p a{ display:block; width:155px; height:16px; padding-left:10px; color:#a2aea5; border:none;}
     */

    /*footer*/
    #footer .foot_top_wrap{ width:90%; padding:0 5%;}
        #footer .foot_top_wrap .foot_top{ width:100%; }
    #footer .foot_mid_wrap{ width:90%; padding:0 5%; }
        #footer .foot_mid{ width:100%; }
    #footer .foot_bottom_wrap{ width:90%; padding:0 5%;}
        #footer .foot_bottom_wrap .foot_bottom{ width:100%;}

}



/* 테블릿 */
@media screen and (max-width:1024px) {
}

/* 소형 테블릿 */
@media screen and (max-width:768px) {

}

/* 모바일 */
@media screen and (max-width:640px) {

}

/* 최소 사이즈 처리 */
@media screen and (max-width:480px) {
    #wrap { min-width:320px; }
}