@charset "utf-8";

.inner {position:relative;width:100%;max-width:1200px;margin:0 auto}
@media screen and (max-width:1300px){
    .inner {width:100%;max-width:100%;padding:0 0.9rem}
}

#wrap {position:relative;width:100%;height:100%;}

/* header */
#header {position:relative;width:100%;z-index:1281}
#header .header_top {position:relative;height:4.95rem;padding-top:1.1rem}
#header .header_inner {position:relative;}
#header .logo {display:block;position:relative;width:11.5rem;height:3rem;margin:0 auto}
#header .logo a {display:block;position:relative;width:100%;height:100%;background:url(../imgs/common/logo.png) no-repeat 0 0;background-size:100% auto}
#header #gnb {position:relative;border-top:1px solid #000000;border-bottom:1px solid #dddddd}
#header #gnb .gnb_list {position:relative;}
#header #gnb .gnb_list .gnb_menu {float:left;position:relative;width:16.66666666666667%;}
#header #gnb .gnb_list .gnb_menu .gnb_tit {border-left:1px solid #ddd}
#header #gnb .gnb_list .gnb_menu:last-child .gnb_tit {border-right:1px solid #ddd}
#header #gnb .gnb_list .gnb_menu .gnb_tit {display:block;position:relative;width:100%;line-height:2.2rem;font-size:0.85rem;color:#000;font-weight:400;text-align:center;}
#header #gnb .gnb_list .gnb_menu.active .gnb_tit,
#header #gnb .gnb_list .gnb_menu .gnb_tit:hover {color:#fff;background-color:#1a857c;border-left-color:#1a857c}
#header .lnb {
    position:absolute;
    top:2.2rem;
    z-index:3;
    width:100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
#header .lnb ul {position:relative;background-color:#23988e;width:100%;} 
#header .lnb ul:after {display:block;content:"";clear:both;}
#header .lnb ul li {padding:0.53rem 0;}
#header .lnb ul li:hover {background-color:#237898;}
#header .lnb ul li a {display:block;position:relative;line-height:1.4;color:#fff;font-size:0.8rem;text-align:center;}
#header .lnb ul li a:hover {color:#f5ff5b;font-weight:500}
#header #gnb .gnb_list .gnb_menu.active .lnb {
    opacity:1;
    visibility:visible;
    transform: translate(0px, 0px);
}
#header .youtube {
    position:absolute;
    top:0;
    right:0;
}
#header .youtube .mobile {display:none;}
#header .youtube .mobile img {width:45px;}
#header .youtube .pc img {width:10rem;}
@media screen and (max-width:1011px){
    #header #gnb {display:none;}
    #header .youtube {
        right:auto;
        left:15px;
    }
    #header .youtube .pc {display:none;}    
    #header .youtube .mobile {display:block;}
}


/* footer */
#footer {background-color:#666666;padding:2.4rem 0}
#footer .logo {display:block;float:left;position:relative;width:11.5rem;height:3rem;}
#footer .logo a {display:block;position:relative;width:100%;height:100%;background:url(../imgs/common/f_logo.png) no-repeat 0 0;background-size:100% auto}
#footer .footer_cont {float:right;position:relative;width:calc(100% - 13.4rem);font-size:0.75rem;}
#footer .footer_cont .f_link {width:100%;overflow:hidden;}
#footer .footer_cont .f_link ul {margin:-0.5rem}
#footer .footer_cont .f_link ul li {float:left;position:relative;padding:0.5rem;line-height:1;}
#footer .footer_cont .f_link ul li a {color:#fff}
#footer .footer_cont .f_link ul li::after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:1px;
    height:0.5rem;
    background-color:#fff;
}
#footer .footer_cont .f_link ul li:last-child::after {display:none;}
#footer .footer_cont address {color:#fff}
#footer .footer_cont .copy {color:#fff}
#footer .admin_btn {display:block;position:absolute;top:0;right:0;width:8.05rem;height:2.4rem;line-height:2.3rem;text-align:center;font-size:0.8rem;color:#fff;border:1px solid #fff}
@media screen and (max-width:1024px){
    #footer .admin_btn {display:none;}
}
@media screen and (max-width:659px){
    #footer .logo {float:none;margin:0 auto}
    #footer .footer_cont {float:none;width:100%;text-align:center;margin-top:1rem}
    #footer .footer_cont address .tel,
    #footer .footer_cont address .fax {display:block;}
    #footer .footer_cont .f_link ul li {display:inline-block;float:none}
}
/* mobile gnb */
#mobile_gnb {
    display:none;
    position:fixed;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    margin:0;
    padding-top:0px;    
    overflow:hidden;
    overflow-y:auto;
    z-index:1300;   
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#488ca5+0,5a8f0f+100 */
    background: #488ca5; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #488ca5 0%, #5a8f0f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #488ca5 0%,#5a8f0f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #488ca5 0%,#5a8f0f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#488ca5', endColorstr='#5a8f0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#mobile_gnb:before,
#mobile_gnb:after {
    content:"";
    position:fixed;
    top:4rem;
    height:calc(100vh - 4rem);
}
#mobile_gnb:before {
    display:none;
    width:35%;    
    background-color:rgba(26,133,124,0.10)
}
#mobile_gnb .head {position:relative;text-align:left;line-height:4rem}
#mobile_gnb .head .tit {display:inline-block;text-align:left;color:#fff;font-weight:500;font-size:1rem;line-height:4rem;padding-left:0.5rem}
#mobile_gnb #gnb_close {
    display:block;
    position:absolute;
    top:0;
    right:0;
    font-size:2rem;
    width:4rem;
    height:4rem;
    z-index:100;
    cursor:pointer;
    background-color:transparent;
    border:0;
    line-height:2.4rem;
    color:#fff;
    padding:0;
}
#mobile_gnb {transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
#mobile_gnb .utile {position:relative;padding:0.6364rem;background-color:#fff}
#mobile_gnb .utile ul {margin:-0.09091rem}
#mobile_gnb .utile ul li {float:left;position:relative;width:33.333333333333%;padding:0.09091rem}
#mobile_gnb .utile ul li a {display:block;background-color:#666;color:#fff;text-align:center;font-size:1rem;line-height:3.5rem}
#mobile_gnb .mgnb_list {padding:0;clear:both}
#mobile_gnb .mgnb_list .mgnb_menu:first-child {border-top:1px solid #fff}
#mobile_gnb .mgnb_list .mgnb_tit {display:block;width:35%;position:relative;padding:1rem 2rem 1rem 0.5rem;font-size:1rem;line-height:1.2;font-weight:400;color:#fff}
#mobile_gnb .mgnb_list .mgnb_tit:before,
#mobile_gnb .mgnb_list .mgnb_tit:after {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
#mobile_gnb .mgnb_list .mgnb_tit:before{
    display:none;
    top:50%;
    left:0.4545rem;
    width:1rem;
    height:1rem;
    background:url(../imgs/common/m_gnb_dot.png) no-repeat;
    background-size:100% auto;
    transform:translateY(-58%);
}
#mobile_gnb .mgnb_list .mgnb_tit:after{
    right:0.8182rem;
    width:0.9091rem;
    height:0.8182rem;
    background:url(../imgs/common/m_gnb_arr_on2.png) no-repeat;
    background-size:100% auto;
}
#mobile_gnb .mgnb_list .mgnb_menu:after {display:block;content:"";clear:both}
#mobile_gnb .mgnb_list .mgnb_menu {width:100%;}
#mobile_gnb .mgnb_list .mgnb_menu.active .mgnb_tit {font-weight:500;background-color:#1a857c;}
#mobile_gnb .mgnb_list .mgnb_menu.active .mgnb_tit:after {
    width:0.9091rem;
    height:0.8182rem;
    background:url(../imgs/common/m_gnb_arr_on2.png) no-repeat;
    background-size:100% auto;
}
#mobile_gnb .dept2_tit {display:block;width:100%;position:relative;padding:1rem 2rem 1rem;font-size:1rem;line-height:1.2;color:#fff}
#mobile_gnb .dept2_tit:before {
    display:block;
    content:"";
    position:absolute;
    top:1.5rem;
    left:1rem;
    width:0.3rem;
    height:0.3rem;
    background-color:#fff;
}
#mobile_gnb .dept_arr:after {
    display:block;
    content:"\f2c7";
    position:absolute;
    top:15px;
    font-family: "Ionicons";
    right:15px;    
    transition:all 0.3s ease;
}
#mobile_gnb .dept_arr2:after {
    display:block;
    content:"\f2c7";
    position:absolute;
    top:15px;
    font-family: "Ionicons";
    right:15px;    
    transition:all 0.3s ease;
}
#mobile_gnb .dept_arr3:after {
    display:block;
    content:"\f2c7";
    position:absolute;
    top:15px;
    font-family: "Ionicons";
    right:15px;    
    transition:all 0.3s ease;
}
#mobile_gnb .mgnb_list .dept2 ul li.active a.dept_arr:after,
#mobile_gnb .mgnb_list .dept2 ul li .dept3 ul li.active a.dept_arr2:after,
#mobile_gnb .mgnb_list .dept2 ul li .dept3 ul li .dept4 ul li.active a.dept_arr3:after {
    content:"\f2f4";
}

#mobile_gnb .mgnb_list {position:relative;width:100%;}
#mobile_gnb .mgnb_list .dept2 {position:absolute;top:1px;left:35%;width:65%;height:100%;z-index:2;display:none;}
#mobile_gnb .mgnb_list .mgnb_menu .dept2 {display:none}
#mobile_gnb .mgnb_list .dept2 ul li {border-bottom:0}
#mobile_gnb .mgnb_list .mgnb_menu.active .dept2 {display:block}
#mobile_gnb .mgnb_list .dept2 ul li.active .dept2_tit {font-weight:500;background-color:#23988e}

#mobile_gnb .mgnb_list .dept3 {display:none;}
#mobile_gnb .mgnb_list .dept2 ul li.active .dept3 {display:block}
#mobile_gnb .mgnb_list .dept3 ul li .dept3_tit {border-bottom:1px dotted #fff}
#mobile_gnb .mgnb_list .dept3 ul li:last-child a {border-bottom:0}
#mobile_gnb .mgnb_list .dept3 ul li .dept3_tit {display:block;width:100%;position:relative;padding:1rem 2rem 1rem;background-color:#999;font-size:0.9rem;line-height:1.2;color:#fff}
#mobile_gnb .mgnb_list .dept3 ul li .dept3_tit:hover,
#mobile_gnb .mgnb_list .dept3 ul li.active .dept3_tit {font-weight:700}

#mobile_gnb .mgnb_list .dept4 {display:none;}
#mobile_gnb .mgnb_list .dept3 ul li.active .dept4 {display:block;}
#mobile_gnb .mgnb_list .dept4 ul li .dept4_tit {display:block;width:100%;position:relative;padding:1rem 2rem 1rem;background-color:#f1f1f1;font-size:0.85rem;line-height:1.2;color:#222;}
#mobile_gnb .mgnb_list .dept4 ul li .dept4_tit {font-weight:400;}
#mobile_gnb .mgnb_list .dept4 ul li.active .dept4_tit,
#mobile_gnb .mgnb_list .dept4 ul li .dept4_tit:hover {font-weight:700 !important;color:#000}
#mobile_gnb .mgnb_list .dept3 ul li.active .dept4 {display:block;}

.mobile_open #mobile_gnb {transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);}
.mobile_open #mobile_gnb:before {display:block;}
.menu_overlay {display:none;position:fixed;top:0;bottom:0;display:none;left:0;right:0;background-color:rgba(0,0,0,0);z-index:99}
.mobile_open .menu_overlay {display:block}
.menu_overlay button {color:#fff;display:block;font-size:40px;position:absolute;left:25.45rem;width:50px;height:50px;z-index:100;cursor:pointer;background-color:transparent;border:0;line-height: 48px;}
.menu_open {display:none;position:absolute;top:-12px;right:0rem;width:4.25rem;height:4.25rem;z-index:5;cursor:pointer;color:#333;font-size:30px;line-height:3.857rem;}
.menu_open .menu_btn {display:inline-block;position:relative;padding:0;width:4.25rem;height:4.25rem;background:url(../imgs/common/a_menu_fixed.png) no-repeat 50% 50%;background-size:2rem auto;transition:all 0.3s ease;}
#header_wrap.fixed .menu_open .menu_btn {background:url(../imgs/common/a_menu_fixed.png) no-repeat 50% 50%;background-size:2rem auto;}
@media screen and (max-width:1011px){
    .menu_open,
	#mobile_gnb {display:block;}
}
.mobile_open {overflow:hidden;}

/* snb */
#snb {position:relative;background-color:#7da959;z-index:10;}
#snb .snb_list {width:100%;position:relative;}
#snb .snb_list li.snb_menu {float:left;position:relative;width:10.05rem;border:1px solid rgba(255,255,255,0.50);border-width:0px 1px 0px;margin-left:-1px}
#snb .snb_list li.snb_menu.menu_dept2 {width:12.5rem}
#snb .snb_list li.snb_menu.menu_dept2.w17 {width:17.4rem}
#snb .snb_list li.snb_menu.fst {width:2.75rem;text-align:center;padding-left:0}
#snb .snb_list li.snb_menu.fst .home_ico {display:block;width:100%;height:2.25rem;background-repeat:no-repeat;background-position:50% 50%;background-size:1.25rem 0.95rem}
#snb .snb_list li.snb_menu.fst .home_ico {background-image:url(../imgs/sub/home_ico.png)}
#snb .snb_list li.snb_menu .snb_tit {display:block;position:relative;padding-left:0.95rem;padding-right:1.8rem;line-height:2.25rem;color:#fff;font-size:0.8rem;font-family: "Noto Sans KR","Nanum Gothic","Gulim", Gulim, Dotum, "돋움";}
#snb .snb_list li.snb_menu .snb_tit {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;background-color:transparent;text-align:left;font-family: "Noto Sans KR","Nanum Gothic","Gulim", Gulim, Dotum, "돋움";}
#snb .snb_list li.snb_menu .snb_tit:after {
    display:block;
    content:"";
    position:absolute;
    top:0.9rem;
    right:1.1rem;
    width:0.7rem;
    height:0.4rem;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:50% 50%;
    background-image:url(../imgs/sub/nav_arr.png);
}
#snb .snb_list li.snb_menu.w15 {width:15rem}
#snb .snb_list .dept2 {display:none;position:absolute;top:2.25rem;left:0;width:100%;background-color:#658c45;z-index:3}
#snb .snb_list .dept2 ul {width:100%;}
#snb .snb_list .dept2 ul li a {display:block;padding-left:0.75rem;line-height:2rem;color:#fff;font-size:0.8rem;border-top:1px solid rgba(255,255,255,0.3);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#snb .snb_list .dept2 ul li a:hover,
#snb .snb_list .dept2 ul li.on a {color:#d2fc0d}
#snb .snb_list li.snb_menu:hover .dept2 {display:block}

/*서브상단수정*/
#snb .st_tab {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row; 
    width:100%;
}
#snb .st_tab li {
    border-left:1px solid rgba(255,255,255,0.5);
}
#snb .st_tab li:last-child {border-right:1px solid rgba(255,255,255,0.5);}
#snb .st_tab li a {
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:100%;
    min-height:2.75rem;
    color:#fff;
    text-align:center;
    font-size:0.85rem;
    padding:3% 5px;
    line-height: 1.2;
    letter-spacing: 0;
}
#snb .st_tab li:hover {background: rgba(0, 0, 0, 0.1);}
#snb .st_tab li.on:hover, #snb .st_tab li.on {background: #9e7d40;}

#snb .st_tab.w4 li {width:25%;}
#snb .st_tab.w2 li {width:50%;}
#snb .st_tab.w3 li {width:33.3%;}
#snb .st_tab.w5 li {width:20%;}



@media screen and (max-width:760px){
	#snb .inner {padding:0;}
	#snb .st_tab li:last-child {border-right:none;}
	#snb .st_tab li:first-child {border-left:none;}
    #snb .snb_list li.snb_menu.fst {display:none}
    #snb .snb_list li.snb_menu {width:50% !important}
    #snb .snb_list li.snb_menu.w15 {width:50% }
}
@media screen and (max-width:438px) {
    #snb .st_tab.w5 li {width:calc(100% / 3);} 
    #snb .st_tab.w5 li:nth-child(4) {border-left:0;}
}




#container {position:relative}
#sub_container {position:relative;}
#sub_container #sub_content {padding-top:3.5rem;padding-bottom:3.5rem}
#sub_container #sub_content .page_title {display:block;position:relative;padding-left:1.15rem;padding-bottom:1.2rem;font-size:1.75rem;color:#111;font-weight:500;line-height:1;}
#sub_container #sub_content .page_title:before {
    content:"";
    display:block;
    position:absolute;
    top:0.2rem;
    left:0;
    width:0.4rem;
    height:1.55rem;
    background:url(../imgs/sub/tit_bg.png) no-repeat;
    background-size:100% auto;
}

.sub_top {position:relative;width:100%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.sub_top.bg1 {background-image:url(../imgs/sub/sub_bg_01.jpg);}
.sub_top.bg2 {background-image:url(../imgs/sub/sub_bg_02.jpg);}
.sub_top.bg3 {background-image:url(../imgs/sub/sub_bg_03.jpg);}
.sub_top.bg4 {background-image:url(../imgs/sub/sub_bg_04.jpg);}
.sub_top.bg5 {background-image:url(../imgs/sub/sub_bg_05.jpg);}
.sub_top.bg6 {background-image:url(../imgs/sub/sub_bg_06.jpg);}
.sub_top .sub_top_box {display:table;width:100%;height:8.5rem;}
.sub_top .sub_top_box .in {display:table-cell;width:100%;height:100%;vertical-align:bottom;padding-bottom:0.8rem}
.sub_top .tit {font-size:2rem;line-height:1;color:#fff;font-weight:500;text-shadow:0px 2px 6px rgba(12,4,7,0.56);}
@media screen and (max-width:960px){
    #sub_container #sub_content {padding:3rem 0 3rem;}
}
@media screen and (max-width:640px){
    #sub_container #sub_content {padding:2rem 0 2rem;}
	.sub_top .tit {font-size:1.7rem;}
}

#hd_pop {
    width: 100%;
    max-width: 1200px;
}
.hd_pops img {max-width:100%}
.hd_pops .hd_pops_con {height:auto !important}
@media screen and (max-width:1654px){
	.hd_pops {left:10px !important}
}
@media screen and (max-width:720px){
	.hd_pops .hd_pops_con {width:auto !important;height:auto !important;}
}

