.header-top, .page_width, .page_up_link, .header-mobile, .page_middle, .page_main, .current-cate>div, .page_down_menu{width:1200px;max-width:100%;margin:0 auto}

body.fullsize .page_middle, body.fullsize .page_main{width:100%}

#header{position:relative;background:#fff;border-bottom:1px solid #ccc}
body.m9header-fixed #header{position:fixed;z-index:230;top:0;left:0;width:100%;box-shadow:0 0 7px 6px #51515147}

.page_middle{display:table}
.page_middle>div{display:table-cell;vertical-align:top}
#side, #side>div{width:270px;padding-right:30px}
/* body.side-fixed #side>div{position:fixed;z-index:3} */
#side._right{padding-left:50px;padding-right:0}
body.side_left .page_main, body.side_right .page_main{width:900px}
body.fullsize.side_left .page_main, body.fullsize.side_right .page_main{width:auto}

.page_up_link_box{border-top:1px solid #eee}
.page_side_menu_head{padding: 22px 5px;margin-bottom:3px;font-size:20px;text-align:center;font-weight:bold;border-bottom:1px solid #a1a1a1}

/* 로고 */
.top-logo-box{position:absolute;bottom:0}
.logo-image{display:block;width:200px;height:60px;background-image:url(/etc_img/logo/logo.png);background-repeat:no-repeat}
body.m9header-fixed .logo-image{}
.mobile-logo-image{display:none;width:200px;height:60px;background-image:url(/etc_img/logo/logo.png);background-repeat:no-repeat}

.mong9menu3{text-align:left;color:#232323;margin:0 60px 0 250px}
.mong9menu3 ul{position:relative;display:block}
.mong9menu3 li{position:relative;display:block;background:#fff}
.mong9menu3 li.m9_open{background:#fff}
.mong9menu3 .m9_layer{padding-left:0;}
.mong9menu3 a{display:block;padding:10px 20px}
.mong9menu3 a.m9_active{color:#000}
.mong9menu3 a:hover, .mong9menu3 a:focus{background:#f4f4f4;color:#006fc7}
.mong9menu3 .m9_layer{position:absolute;z-index:300;width:100%;display:none}
.mong9menu3 .m9_box.m9_open>.m9_layer{display:block}
.mong9menu3>.m9_layer{display:block}
.mong9menu3 ._level_1{padding-left:0}
.mong9menu3 ._level_1>ul>li{}
.mong9menu3 ._level_1>ul>li>a{height:60px;line-height:60px;padding:0 10px;font-weight:bold;font-size:16px;text-align:center}
.mong9menu3 ._level_1>ul>li>a:hover, .mong9menu3 ._level_1>ul>li>a:focus{background:#fff}
.mong9menu3 ._level_1>ul>li.m9_down>a:after{content:'\e84e';font-family:'axicon';position:absolute;top:0;right:0;padding:0 10px}
.mong9menu3 ._level_1>ul>li.m9_down.m9_open>a:after{content:'\e851'}
.mong9menu3 ._level_2>ul>li>a:before{content:'-';margin-right:5px}
.mong9menu3 .m9_selected>a{background:#f4f4f4;color:#006fc7}
.mong9menu3>div.m9_layer{position:static}
.mong9menu3>div>ul{display:table;width:100%;table-layout:fixed}
.mong9menu3>div>ul>li{display:table-cell}
.mong9menu3 ._level_1>ul>li.m9_selected>a{background:#fff}
.mong9menu3 ._level_1>ul>li:before{content:"";position:absolute;bottom:-1px;width:0;height:5px;background-color:#006fc7;left:50%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.mong9menu3 ._level_1>ul>li.m9_open_now:before, .mong9menu3 ._level_1>ul>li.m9_open:before, .mong9menu3 ._level_1>ul>li.m9_selected:before{width:100%;left:0}
.mong9menu3>div>ul>li>div.m9_layer._level_2{border:1px solid #eee}
.mong9menu3 .m9_layer._level_3{display:none !important}

.page_mobile_menu_body{text-align:left;color:#232323}
.page_mobile_menu_body ul{position:relative;display:block}
.page_mobile_menu_body li{position:relative;display:block;background:#fff}
.page_mobile_menu_body li.m9_open{background:#fff}
.page_mobile_menu_body li.m9_down>a:after{content:'\e84e';font-family:'axicon';position:absolute;top:0;right:0;padding:10px}
.page_mobile_menu_body li.m9_down.m9_open>a:after{content:'\e851'}
.page_mobile_menu_body .m9_layer{padding-left:20px}
.page_mobile_menu_body a{display:block;padding:10px}
.page_mobile_menu_body a.m9_active{color:#000}
.page_mobile_menu_body a:hover, .page_mobile_menu_body a:focus{background:#f4f4f4;color:#006fc7}
.page_mobile_menu_body .m9_layer{display:none}
.page_mobile_menu_body .m9_box.m9_open>.m9_layer{display:block}
.page_mobile_menu_body>.m9_layer{display:block}
.page_mobile_menu_body ._level_1{padding-left:0}
.page_mobile_menu_body ._level_1>ul>li.m9_open_now:before{content:'';position:absolute;top:5%;left:0;width:4px;height:90%;background:#006fc7}
.page_mobile_menu_body ._level_1>ul>li{border-bottom:1px solid #e7e7e7}
.page_mobile_menu_body ._level_1>ul>li>a{padding:15px 15px 15px 30px;font-weight:bold}
.page_mobile_menu_body ._level_1>ul>li>a:after{padding:15px 10px}
.page_mobile_menu_body ._level_2>ul>li>a:before{content:'-';margin-right:5px}
.page_mobile_menu_body .m9_selected>a{background:#f4f4f4;color:#006fc7}

.page_side_menu_body{text-align:left;color:#232323}
.page_side_menu_body ul{position:relative;display:block}
.page_side_menu_body li{position:relative;display:block;background:#fff}
.page_side_menu_body li.m9_open{background:#fff}
.page_side_menu_body li.m9_down>a:after{content:'\e84e';font-family:'axicon';position:absolute;top:0;right:0;padding:10px}
.page_side_menu_body li.m9_down.m9_open>a:after{content:'\e851'}
.page_side_menu_body .m9_layer{padding-left:20px}
.page_side_menu_body a{display:block;padding:10px}
.page_side_menu_body a.m9_active{color:#000}
.page_side_menu_body a:hover, .page_side_menu_body a:focus{background:#f4f4f4;color:#006fc7}
.page_side_menu_body .m9_layer{display:none}
.page_side_menu_body .m9_box.m9_open>.m9_layer{display:block}
.page_side_menu_body>.m9_layer{display:block}
.page_side_menu_body ._level_1{padding-left:0}
.page_side_menu_body ._level_1>ul>li.m9_open_now:before{content:'';position:absolute;top:5%;left:0;width:4px;height:90%;background:#006fc7}
.page_side_menu_body ._level_1>ul>li{border-bottom:1px solid #e7e7e7}
.page_side_menu_body ._level_1>ul>li>a{padding:15px 15px 15px 30px;font-weight:bold}
.page_side_menu_body ._level_1>ul>li>a:after{padding:15px 10px}
.page_side_menu_body ._level_2>ul>li>a:before{content:'-';margin-right:5px}
.page_side_menu_body .m9_selected>a{background:#f4f4f4;color:#006fc7}

/* 모바일 */
.header-mobile{position:relative}

/* Hamburger */
.hamburger-button{position:absolute;z-index:10;transition: .3s ease-in-out;width:29px;height:24px;display:block;top:-42px;right:15px;text-align:left}
.hamburger-button>span{position:absolute;height:3px;border-radius:0;width:100%;background-color:#000;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:10px}
.hamburger-button>span:nth-child(4){top:20px}
/* 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)}

.overlay{position:fixed;z-index:1200;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;overflow:hidden;overflow-y:scroll;text-align:left;background:#000000ab;transition:opacity .3s, visibility .3s}
.overlay.visible{opacity:1;visibility:visible}
.overlay .overlay-content{position:absolute;top:0;left:-300px;bottom:0;width:300px;max-width:100%;height:100%;background:#fff;transition:left .3s}
.overlay.visible .overlay-content{left:0}


/* 현재위치 메뉴 */
.current-cate{border-bottom:1px solid #ccc;font-size:15px;background:#f4f4f4}
.current-cate>div{position:relative;}
.current-cate-home{display:inline-block;*display:inline;*zoom:1;height:40px;line-height:40px;font-family:'axicon';color:#666;font-size:20px;padding:0 20px;vertical-align:bottom;bo1rder-right:1px solid #ccc}
.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:40px;line-height:40px;padding:0 40px 0 10px;border-right:1px solid #eee;border-left:1px solid #eee;white-space:nowrap}
.current-cate-btn.current-empty{background:#e1f8fd}
.current-cate-btn::before{content:' ';position:absolute;top:0;bottom:0;right:0;width:30px;background:inherit}
.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}
.current-cate-btn.on::after{transform:rotate(180deg)}
.current-cate-btn:hover,.current-cate-btn:focus{color:#c30d23}
.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;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:#c30d23}

/* 탭 메뉴 */
.page_tab_div{position:relative;z-index:199;margin-top:30px}
.page_tab_div>div{position:absolute;width:100%;max-width:100%;margin:0;overflow:hidden;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.page_tab_div.m9Fixed>div{position:fixed;top:85px;background:#fff;margin-top:0;box-shadow:0 0 7px 6px #51515147}
.page_tab{position:relative;display:block;white-space:nowrap;text-align:left;background:#fff}
.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;margin:0;border-left:1px solid #ccc;text-align:center}
.page-tab-one>a.selected,.page-tab-one>a:hover,.page-tab-one>a:focus{position:relative;background:#294785;color:#fff}
.page-tab-one>a.selected::before{content:'';position:absolute;left:0;bottom:0;z-index:1;width:100%;height:2px;background:inherit}
.page-tab-one>a.selected::after{content:'';position:absolute;left:50%;bottom:-9px;z-index:2;width:15px;height:15px;transform:rotate(45deg);margin-left:-7px;background:#fff}
.page_tab .slick-track>.page-tab-one:first-child>a{border-left:none}
.page_tab_div, .page_tab_div>div, .page_tab, .page-tab-one>a{height:50px}
.page-tab-one>a{line-height:50px}

/* goTop 가기 */
.goTop{position:fixed;z-index:220;right:0;bottom:120px;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:30px;opacity:1}

.page_main_in{min-height:700px;padding-bottom:50px}
body._home .page_main_in, body.fullsize .page_main_in{min-height:auto;padding-bottom:0}

/* 하단 메뉴 */
.page_down_link{border-top:0px solid #eaeaea;border-right:none;border-left:none;background:#f1f1f1}
.page_down_menu{position:relative;text-align:right;font-size:15px}
.page_down_menu>ul{display:inline-block;*display:inline;*zoom:1}
.page_down_menu>ul>li{display:inline-block;*display:inline;*zoom:1}
.page_down_menu>ul>li>a{display:inline-block;*display:inline;*zoom:1;padding:13px 20px;color:#333}
.page_down_menu>ul>li>a:hover,.page_down_menu>ul>li>a:focus,.page_down_menu>ul>li>a.selected{color:#294785}
.page_down{background-c1olor:#5a5a5a;color:#fff}

#layer_right{position:absolute;top:0;right:0;z-index:1000000;display:inline-block;visibility:hidden;wid1th:0;heig1ht:0}
#layer_right>.layer_right_in{position:relative;width:0;height:0}
#layer_right>.layer_right_in>div{position:absolute;top:0;left:0}
body.mode-m #layer_right, body.mode-e #layer_right{display:none}
body.mode-m #layer_right>.layer_right_in>div, body.mode-e #layer_right>.layer_right_in>div{left:auto;right:0}


@media screen and (max-width:999px){

.page_middle{display:block}
.page_middle>div{display:block}

#side{display: none;}
body.side_left .page_main, body.side_right .page_main{width:auto}

/* 로고 */
.logo-image{display:none}
.mobile-logo-image{display:block}

.page_up_link{min-height:60px}
.mong9menu3{display:none}

/* 탭 메뉴 */
.page_tab_div{font-size:12px}
.page_tab_div.m9Fixed{position:fixed;top:60px}
.page-tab-one>a{min-width:auto;padding:0 20px}

/* .page_main_in{padding:40px 0px;min-height:auto} */

.page_main_in{padding-left:20px;padding-right:20px}
body.fullsize .page_main_in{padding-left:0;padding-right:0}
body.fullsize .page_main_in .m9-grid-block{padding-left:20px;padding-right:20px}

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


}

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

.page_main_in{padding-left:10px;padding-right:10px}
body.fullsize .page_main_in{padding-left:0;padding-right:0}
body.fullsize .page_main_in .m9-grid-block{padding-left:10px;padding-right:10px}

}

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

/* 현재위치 메뉴 */
.current-cate{font-size:12px}
.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 #ccc}

.m9-top-menu{position:relative;padding:0;margin:-1px auto 0 auto;background:f1f1f1;line-height:1;text-align:right;/*font-family:gulim*/;font-size:12px}

.m9-top-menu>.custom_call{position:absolute;top:0;left:0;padding:10px;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;padding:0 20px;margin-right:-1px;background:transparent;border:1px solid #ccc;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}