@charset "utf-8";

input,textarea,button,select{font-family:"NotoSansRegular", sans-serif;font-weight: 500}

body{font-family:"NotoSansRegular", sans-serif;font-weight: 500;word-break: break-all !important;}

/* font */
.kr_sd_400{font-family: "NotoSansRegular",sans-serif;font-weight: 500}/* r */
.kr_sd_500{font-family: "NotoSansMedium",sans-serif;font-weight: 700}/* m */
.kr_sd_700{font-family: "NotoSansBold",sans-serif;font-weight: 900}/* b */
.en_plain_t{font-family: "PlainThin",sans-serif;font-weight: 200}/* t */
.en_plain_l{font-family: "PlainLight",sans-serif;font-weight: 300}/* l */
.en_plain_r{font-family: "PlainRegular",sans-serif;font-weight: 400}/* r */
.en_plain_m{font-family: "PlainMedium",sans-serif;font-weight: 500}/* m */

#HEADER #GNB .gnb_inner .depth1_area ul.depth1_ul>li>a{font-family: "NotoSansMedium",sans-serif !important;font-weight: 700 !important;}

#FOOTER .footer_inner .footer_menu {/*width: 850px;*/ width:919px; left:58%;}
#FOOTER .footer_inner .footer_menu ul li{margin:0 2%;}
#FOOTER .footer_inner .footer_menu ul li a{ font-size:18px; font-family: "NotoSansMedium",sans-serif; font-weight: 700 !important;}





@media all and (max-width: 1510px) {
    #FOOTER{height: 183px}
    #FOOTER .footer_inner{height: 183px}
    #FOOTER .footer_inner>div{height: 62px; line-height: 62px; }
    #FOOTER .footer_inner .logo_area{float: left; margin-top:39px;}
    #FOOTER .footer_inner .copyright,
    #FOOTER .footer_inner .youtube_area {position: absolute;left: 0;bottom: 35px;margin-left: 0;height: auto;line-height: inherit;font-size:14px;}
    #FOOTER .footer_inner .youtube_area{left:auto; right:0;}
    #FOOTER .footer_inner .footer_menu ul li {margin-right: 16px;margin-left: 0;font-size: 14px;height: auto;line-height: 30px;}
    #FOOTER .footer_inner .footer_menu {display: block;vertical-align: middle;height: 124px;}
    #FOOTER .footer_inner .footer_menu ul li {display: inline-block;vertical-align: top;height: 124px; line-height: 124px;}







}

/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) {
    #FOOTER .footer_inner .footer_menu {width: 80%;}

}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {

    #FOOTER {height: 124px;}
    #FOOTER .footer_inner{height: 124px; position:relative;}
    #FOOTER .footer_inner .footer_menu ul li {margin: 0 1%; height:auto; line-height:inherit;}
    #FOOTER .footer_inner .footer_menu ul li a{ font-size:13px;}
    #FOOTER .footer_inner .logo_area {margin-top: 0px;}
    #FOOTER .footer_inner .copyright, #FOOTER .footer_inner .youtube_area{bottom:25px;}
    #FOOTER .footer_inner .copyright {font-size: 11px;}
    #FOOTER .footer_inner>div {height: 80px;line-height: 80px;}

}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {

    #FOOTER{height: 215px}
    #FOOTER .footer_inner{height: 215px}
    #FOOTER .footer_inner .logo_area {float: none;height: 68px;line-height: 68px;}
    #FOOTER .footer_inner .footer_menu{width:100%; left:0; height:auto; margin: 10px 0 46px;}
    #FOOTER .footer_inner .footer_menu ul li{height:auto; line-height:inherit; margin-left:0; margin-right:2%;}

}