.page_main_in{padding:4em 0}

.page_middle{width:1200px;max-width:100%;margin:0 auto 50px auto}
.page_middle:after{content:"";display:block;clear:both}
#side{float:left;width:230px;margin-top:60px;margin-right:40px}
#content{width:100%}
#content._left_on{float:left;width:930px;max-width:100%}

.page_down_link_box{display:none}
.group_tab>ul>li>a[class='selected'], .group_tab>ul>li>a:hover, .group_tab>ul>li>a:focus{background:#05354d;border-color:#05354d}
.page_width{position:relative;width:1200px;max-width:100%;margin:0 auto}
.page_top_menu{position:relative;z-index:1000;/*display:none */}

.page_side_menu_title{padding:45px 5px;margin-bottom:3px;background:#0e2a41;font-size:20px;font-weight:bold;color:#fff;text-align:center}
.page_side_menu_content{min-height:50px;border:1px solid #eee}
.page_side_menu_content>ul>li>a{display:block;padding:12px 15px;border-top:1px solid #eee;font-size:15px}
.page_side_menu_content>ul>li>a:hover,.page_side_menu_content>ul>li>a:focus,.page_side_menu_content>ul>li>a.selected{background:#f8f8f8;;color:#036eb7}
.page_side_menu_content>ul>li:first-child>a{border-top:none}

#wrapper{overflow: hidden;}

.page_width{position:relative;width:1200px;max-width:100%;margin:0 auto}



/* === .header-background- + 코드값으로 상단 이미지 변경함 === */
/* header-background-home 은 나머지 기타 */

/*header-top*/
.header-top{position:static;z-index:200;width:100%;min-height:50px;padding:0;margin:0;text-align:center;border-bottom:1px solid rgba(0,0,0, 0.2);background:#fff}
.header-top:hover{background-color:#fff}
.header-top:hover .hamburger-button>span{background-color:#000}


/* 로고 */
.header-top .logo-image{position:absolute;width:270px;height:47px;top:24px;left:0;background-image:url(/etc_img/logo/logo.png);background-repeat: no-repeat;background-size:contain}
.header-top .mobile-logo-image{display:none}


/* 상단 메뉴 */
.header-top .page_up_link{width:1200px;max-width:100%;margin:0 auto;text-align:right}
.header-top .page_up_link .mong9menu{line-height:0;}
.header-top .page_up_link .mong9menu>ul{display:inline-block;*display:inline;*zoom:1;margin:0}
.header-top .page_up_link .mong9menu>ul>li{position:relative;float:left;list-style-type:none}
.header-top .page_up_link .mong9menu>ul>li>a{position:relative;z-index:1;display:block;height:90px;line-height:90px;padding:0 40px;text-align:center;font-size:18px;letter-spacing:-0.75px;font-weight:700;-webkit-transition:font-size 0.4s;-moz-transition:font-size 0.4s;-o-transition:font-size 0.4s;-ms-transition:font-size 0.4s;transition:font-size 0.4s;text-decoration:none;}


/*대메뉴 라인*/

.mong9menu>ul>li:first-child>a::before{width:0}
.mong9menu>ul>li>a::before{content:"";position:absolute;width:2px;height:2px;background:#999;left:0;top:50%;margin-top:-1px;z-index:-1}
.header-top.m9Fixed .mong9menu>ul>li>a::before{background:#999}


.header-top .page_up_link .mong9menu>ul>li>a::after{content:"";position:absolute;bottom:-1px;width:0;height:4px;background-color:#0e2a41;left:50%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.header-top .page_up_link .mong9menu>ul>li:hover>a::after,.header-top .page_up_link .mong9menu>ul>li:focus>a::after,.header-top .page_up_link .mong9menu>ul>li.on>a::after, .header-top .page_up_link .mong9menu>ul>li.selected>a::after{width:100%;left:0}
.header-top .page_up_link .mong9menu>ul>li:hover>a,.header-top .page_up_link .mong9menu>ul>li:focus>a,.header-top .page_up_link .mong9menu>ul>li.on>a, .mong9menu>ul>li.selected>a{color:#0e2a41}


/*하위메뉴*/
.header-top .mong9menu>ul>li>.mong9menu-sub{display:none;position:absolute;top:91px;left:0px;z-index:99;width:100%;text-align:left;line-height:1}
.header-top .mong9menu>ul>li>.mong9menu-sub>ul{background-color:rgba(255,255,255,1);box-shadow: 0 0 1px #000000; height:0;opacity: 0;transition:all 0.5s;}
.header-top .mong9menu>ul>li>.mong9menu-sub>ul>li{position:relative;padding:0;list-style-type:none}
.header-top .mong9menu>ul>li>.mong9menu-sub>ul>li>a{display:block;padding:15px 0;text-align:center;color:#000;font-size:15px;letter-spacing:-0.75px; font-weight:500;
-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s; word-break:keep-all;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.1);}

.header-top .mong9menu>ul>li.on>.mong9menu-sub{display:block;}
.header-top .mong9menu>ul>li.on>.mong9menu-sub>ul{height:100%;opacity: 1}
.header-top .mong9menu>ul>li>.mong9menu-sub>ul>li>a:hover,.mong9menu>ul>li>.mong9menu-sub>ul>li>a:focus,.mong9menu>ul>li>.mong9menu-sub>ul>li.selected>a{color:#0e2a41}


/*fixed*/
.header-top.m9Fixed{position:fixed;top:0;left:0;width:100%;background-color:#fff;color:#000;box-shadow:1px 1px 10px rgba(0,0,0,0.2)}
.header-top.m9Fixed .logo-image{background-image:url(/etc_img/logo/logo.png);background-repeat: no-repeat;}
.header-top.m9Fixed .mong9menu>ul>li.selected>a{color:#0e2a41}
.header-top.m9Fixed .mong9menu>ul>li.on>a{color:#0e2a41}



/* 모바일 */
.header-mobile{width:100%;min-height:60px;text-align:left;display:none;}

/* Hamburger */
.hamburger-button{position:absolute;z-index:600;transition: .3s ease-in-out;width:25px;height:25px;display:block;top:15px;right:15px;text-align:left}
.hamburger-button>span{position:absolute;height:3px;border-radius:2px;width:100%;background-color:#505050;top:0;transition:transform .2s ease-in-out, opacity .2s ease-in-out}
.hamburger-button>span:nth-child(1){top:0}
.hamburger-button>span:nth-child(2),.hamburger-button span:nth-child(3){top:9px}
.hamburger-button>span:nth-child(4){top:19px}


/* hamberger on 엑스표 모양으로 바뀜 */
.hamburger-button.on>span {}
.hamburger-button.on>span:nth-child(1),.hamburger-button.on span:nth-child(4){opacity:0}
.hamburger-button.on>span:nth-child(2){transform: rotate(45deg)}
.hamburger-button.on>span:nth-child(3){transform: rotate(-45deg)}

.header-top.m9Fixed .hamburger-button>span{background-color:#3D4146}
.header-top.m9Fixed .hamburger-button.on>span{background-color:#fff}

/* 1. Style the overlay & navigation. */
.overlay{position:fixed;z-index:500;background:#fff;top:0;right:-100%;width:260px;height:100%;opacity:0;visibility:hidden;transition:0.3s;text-align:left;padding-top:30px;}
.overlay.visible{opacity:1;visibility: visible;height: 100%;right:0;}
.jquery-accordion-menu{box-shadow: none !important}
jquery-accordion-menu-header{display:none !important;}


/* 현재위치 메뉴 */
.current-cate{font-size:15px;background:rgba(255,255,255,1);position:relative;border-bottom:1px solid #eee}
.current-cate>div{position:relative;width:1200px;max-width:100%;margin:0 auto}
.current-cate-home{display:inline-block;*display:inline;*zoom:1;height:50px;line-height:50px;font-family:'axicon';color:#666;font-size:20px;padding:0 20px;vertical-align:bottom;bo1rder-right:1px solid #ccc;background:inherit}
.current-cate-home:before{content:'\e6c3'}
.current-root:before{content:'\e6c3 ~ '}
.current-cate-url{display:inline-block;*display:inline;*zoom:1}
.current-cate-url>li{display:inline-block;margin-right:-1px}
.current-cate-btn{position:relative;display:inline-block;*display:inline;*zoom:1;min-width:220px;height:50px;line-height:50px;padding:0 40px 0 10px;border-right:1px solid #eee;border-left:1px solid #eee;background:inherit;white-space:nowrap}
.current-cate-btn.current-empty{background:#f7f7f7}
.current-cate-btn::before{content:' ';position:absolute;top:0;bottom:0;right:0;width:30px;}
.current-cate-btn::after{content:'\e84e';position:absolute;right:10px;font-family:'axicon';-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.current-cate-btn.on{background:#f5f5f5;color:#666}
.current-cate-btn.on::after{transform:rotate(180deg)}
.current-cate-btn:hover,.current-cate-btn:focus{background:rgba(255,255,255,0.7);color:#000}
.current-cate-url>li>dl>dd{position:relative}
.current-cate-sub{position:absolute;z-index:200;width:100%;display:none;margin-top:1px}
.current-cate-sub>ul>li>a{display:block;*display:inline;*zoom:1;width:100%;height:50px;line-height:50px;padding:0 10px;border:1px solid #ccc;margin-top:-1px;background:#fff;color:#666;position:relative;z-index:1;white-space:nowrap;overflow:hidden}
.current-cate-sub>ul>li>a:hover,.current-cate-sub>ul>li>a:focus,.current-cate-sub>ul>li>a.active{color:#e22931}



/* 탭 메뉴 */
.page_tab_div{position:relative;z-index:199;padding-top:5px;margin-top:30px}
.page_tab_div>div{position:relative;width:1200px;max-width:100%;margin:0 auto;overflow:hidden;padding-bottom:10px;bac1kground:#f5f5f5}
.page_tab{position:relative;display:block;white-space:nowrap;text-align:left;background:#fff;border:1px solid #ddd;}
.page-tab-one{display:inline-block;*display:inline;*zoom:1}
.page_tab .slick-slide{display:inline-block;*display:inline;*zoom:1;padding:0}
.page-tab-one>a{display:inline-block;*display:inline;*zoom:1;min-width:150px;padding:15px;margin:0;border:1px solid #eee;border-top:none;border-bottom:none;margin-left:-1px;margin-top:-1px;text-align:center;font-weight:bold}
.page-tab-one>a.selected,.page-tab-one>a:hover,.page-tab-one>a:focus{position:relative;background:#62c2d0;color:#fff}
.page-tab-one>a.selected::before{content:'';position:absolute;left:0;bottom:-1px;z-index:1;width:100%;height:2px;background:inherit}
.page_tab_div.m9Fixed{position:fixed;top:77px;left:0;width:100%;background:#fff;margin-top:0}



/* goTop 가기 */
.goTop{position:fixed;right:0;bottom:50px;background:rgba(0,0,0,0.5);padding:10px;color:#fff;cursor:pointer;text-decoration:none;opacity:0;border-radius:5px;border:2px solid #fff;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.goTop.on{right:50px;opacity:1}




/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:683px){
    .slide_empty{z-index: 10 !important}
    #side{display: none}

.header-top{position:relative;}
    
/* 로고 */
.header-top .logo-image{display:none}
.header-top .mobile-logo-image{display:block;position:absolute;width:175px;height:46px;top:12px;left:10px;display:block;background:url(/etc_img/logo/logo.png) no-repeat;background-size:contain}

.header-top .header-mobile{display:block}
.header-top .mong9menu{display:none}

/* goTop 가기 */
.goTop{padding:5px 10px;font-size:12px}
.goTop.on{right:2px;opacity:1}

/* 탭 메뉴 */
.page_tab_div{font-size:12px;margin-top:0}
/* .page_tab::before{content:'';position:absolute;z-index:10;top:0;left:0;width:15px;height:100%;background-image:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(14,202,104,0)))} */
/* .page_tab::after{content:'';position:absolute;z-index:10;top:0;right:0;width:15px;height:100%;background-image:-webkit-gradient(linear,right top,left top,from(#fff),to(rgba(0,191,95,0)))} */
.page-tab-one>a{min-width:auto;padding:10px 20px}
.page_tab_div.m9Fixed{position:fixed;top:60px}

.gnb{display:none}

.page_main_in{padding:1em;min-height:auto}

}

/* 모바일 바로 보기로 취급 */
@media screen and (max-width:439px){


/* 현재위치 메뉴 */
.current-cate{font-size:12px;padding-top:40px;margin-top:-40px;}
    .current-cate>div{margin:0}
.current-cate-url{display:block}
.current-cate-url>li{width:50%}
.current-cate-home{display:none}
.current-cate-btn{width:100%;min-width:auto;height:40px;line-height:40px}
.current-cate-sub>ul>li>a{height:40px;line-height:40px}

}



.page_top_menu{position:relative;z-index:901;margin:0;border-bottom:1px solid rgba(0,0,0,0.1);font-size:0.7em;background:#fff}
.m9-top-menu{position:relative;padding:0;margin:-1px auto 0 auto;line-height:40px;text-align:right;/*font-family:gulim*/}

.m9-top-menu>.custom_call{position:absolute;top:0;left:10px;height:40px;line-height:40px;padding:0;font-family:'Arial'}
.m9-top-menu>.custom_call>a>i{margin-right:3px}

.m9-top-menu-list{display:inline-block;min-height:30px;line-height:30px;margin-bottom:-1px}
.m9-top-menu-list>li,.mobile-group>li{display:inline-block;padding:0;margin:0}
.m9-top-menu-list>li>a, .mobile-group>li>a{display:inline-block;height:40px;line-height:40px;padding:0 20px;margin-right:-1px;background:transparent;border:1px solid rgba(0,0,0,0.1);border-bottom:none;border-top:none}
.m9-top-menu-list>li>a:hover,.m9-top-menu-list>li>a:focus,.mobile-group>li>a:hover,.mobile-group>li>a:focus{position:relative;z-index:1;background:#a0a0a0;color:#fff;border-color:#a0a0a0}

.m9-top-menu-list>li._only_mobile{display:none}
.m9-top-menu-list>li>span[data-m9-execute="select_dropdown"]>._btn{padding-top:10px;padding-bottom:10px}

._dropdown{background:transparent;/*color:#fff*/;margin:0 5px;opacity:1}
._dropdown._opend{z-index:300;background:#666;color:#fff}
._dropdown>a._btn{border:none;margin:0}