.header-top, .page_width, .page_up_link, .header-mobile, .page_middle, .page_main, .current-cate>div, .page_down_menu, .sns_p, .page_tab_div_out{width:1200px;max-width:100%;margin:0 auto}
.page_width{width:1600px}
.page_up_link ._m9-scrollbar-x-box:before, .page_up_link ._m9-scrollbar-x-box:after{display:none !important}

/* 2차 카테고리 좌측으로 정렬을 기준으로 작성 */
/* 처음에 선택되어진 2차 카테고리 안보이게 하려면 (A2) 주석 제거 */

#wrapper{max-width:2000px;/*2560px*/;margin:0 auto;overflow: hidden;}
#header{position:static;z-index:12;width:100%;color:#000;background:#fff;/*background:#0000004d*/}
#header{padding-bottom:80px} /* 이 값은 상단 메뉴(.page_up_link_box) 높이와 같아야 좋음 */
/*#header{position:relative;padding-bottom:0}*/
/* 상단메뉴 오픈시 */
#header.m9_open{background:#fff;color:#000}

.page_width12{max-width:1200px;margin:0 auto}

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

.m9-top-menu>.custom_call{position:absolute;top:0;left:0;height:40px;line-height:40px;padding:0 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;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}

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

.page_middle{display:table}
.page_middle>div{display:table-cell;vertical-align:top}
#side, #side>div{width:270px;padding-right:30px}

.page_down_menu{display: none;}
/* 사이트메뉴는 길어져서 깨져보일수 있음 */
/* 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{position:relative}
.page_side_menu_head{padding: 22px 5px;margin-bottom:3px;font-size:20px;text-align:center;font-weight:bold;border-bottom:1px solid #a1a1a1}

/* 로고 */
.page_banner{position:relative;z-index:1}

/* 로고 */
.top-logo-box{position:absolute;top:10px}
.logo-image{position:absolute;width:248px;height:61px;top:0;left:0;background-image:url(/etc_img/logo/logo.png);background-repeat: no-repeat;background-size:contain}
/* body.m9header-fixed .logo-image, #header.m9_open .logo-image{background-image:url(/etc_img/logo/logo_off.png);background-repeat: no-repeat;} */
#header.m9_open .logo-image{background-image:url(/etc_img/logo/logo.png);background-repeat: no-repeat;}
body.m9header-fixed .logo-image{background-image:url(/etc_img/logo/logo.png);background-repeat: no-repeat;}
body.m9header-fixed #header.m9_open .logo-image{background-image:url(/etc_img/logo/logo_off.png);background-repeat: no-repeat;}


.mobile-logo-image{display:none}




/* .mong9menu3 ul, .mong9menu3 li가 inline-block이였을때 처리임(중요) */
.mong9menu3{padding-right:60px;text-align:right;line-height:0} /* 메뉴정렬 */
.mong9menu3 ul{position:relative;display:inline-block} /* 중요 */
.mong9menu3 li{position:relative;display:inline-block;white-space:nowrap;min-width:80px;text-align:center} /*중요 */
.mong9menu3 .m9_layer._level_1>ul>li.m9_down>a>span:after{content:'\e84e';font-family:'axicon';display:inline-block;margin-left:0.2em;font-size:0.9em;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s} /* 하위 아이콘 */
.mong9menu3 li.m9_down.m9_active>a>span:after{transform:rotate(180deg)}
.mong9menu3 li.m9_down.m9_open>a{background:#f1f1f1;color:#04447c}
.mong9menu3 li.m9_down.m9_open>a>span:after{transform:rotate(180deg)}
.mong9menu3 a{display:block;padding:20px;line-height:1}
.mong9menu3 li.m9_active>a{background:#f1f1f1;/*color:#04447c*/} /* 열린 페이지 */
/*.mong9menu3 li.m9_selected>a{color:#04447c} */
.mong9menu3 a:hover, .mong9menu3 a:focus{background:#f1f1f1;color:#04447c}
.mong9menu3 ._level_1>ul>li>a:hover, .mong9menu3 ._level_1>ul>li>a:focus{background:transparent}
.mong9menu3 .m9_layer{position:absolute;z-index:300;width:100%;display:none}
.mong9menu3 li.m9_active>.m9_layer{display:block}
.mong9menu3 li.m9_active>.m9_layer,.mong9menu3 li._m9_active>.m9_layer{display:none} /* 처음에 선택되어진 2차 카테고리 안보이게 하려면 (A2) 주석 제거 */
.mong9menu3 .m9_layer._level_1{position:static;display:block}
.mong9menu3 ._level_1>ul{display:inline-block}
.mong9menu3 ._level_1>ul>li>a{position:relative;height:80px;line-height:80px;padding:0 20px;font-weight:bold;font-size:1em;text-align:center;white-space:nowrap;overflow:hidden}
.mong9menu3 ._level_1>ul>li>a:before{content:"";position:absolute;bottom:-1px;width:0;height:5px;background-color:#04447c;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_active>a:before, .mong9menu3 ._level_1>ul>li.m9_open>a:before, .mong9menu3 ._level_1>ul>li.m9_selected>a:before{width:100%;left:0}
.mong9menu3 ._level_1>ul>li.m9_down>a{padding-left:25px}
.mong9menu3 li.m9_open>.m9_layer{display:block}
.mong9menu3 ._level_1>ul>li.m9_active>a{background:transparent}
.mong9menu3 ._level_1>ul>li.m9_open>a{background:transparent}
.mong9menu3 ._level_2{padding:5px 0;height:60px;/*background:red*/;margin-top:0px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;font-size:0.9em}

.mong9menu3 li .m9_layer._level_2{}
.mong9menu3 li.m9_open._level_2{margin-top:0}


/* 전체 풀다운 주메뉴 위함 */
.header-top{position:absolute;z-index:900;width:100%;background:rgba(255,255,255,0);border-bottom:1px solid rgba(0, 0, 0, 0.2)}
body.m9header-fixed #header{position:fixed;z-index:230;top:0;left:0;width:100%;box-shadow:0 0 7px 6px #51515147;background:#fff}
/* body.m9header-fixed #header .mong9menu3 ._level_1>ul>li>a{color:#fff} */



/* #header.m9_open .page_up_link_box:after{content:'';display:block;width:100%;background:#fff;height:65px;border:1px solid #ccc;border-left:none;border-right:none} */


#header .page_up_link_box:after{content:'';display:block;width:100%;background:#fff;height:0;-webkit-transition:all 0.05s;-moz-transition:all 0.05s;-o-transition:all 0.05s;transition:all 0.05s}
#header.m9_down.m9_open .page_up_link_box:after{height:65px;border:1px solid #ccc;border-left:none;border-right:none}


.page_mobile_menu{width:1200px;background:#fff;margin:0;padding:40px;font-size:1.2em}
.page_mobile_menu_title{padding:15px 20px;text-align:left;color:#232323;font-weight:bold;font-size:1.2em;border-bottom:2px solid #333}
.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 .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{color:#04447c}
.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>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:not(._m9-shadow-menu-btn):before{content:'-';margin-right:5px}
.page_mobile_menu_body .m9_selected>a{color:#04447c}
.page_mobile_menu_body>div>ul{position:relative;display:table;table-layout:fixed;width:100%}
.page_mobile_menu_body>div>ul>li{position:relative;display:table-cell;background:#fff}
.page_mobile_menu_body .m9_layer{display:block;font-size:0.9em}

.page_mobile_menu ._layer_plant,.page_mobile_menu ._layer_crusher{display:none}

.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:#04447c}


.page_side_menu_body .m9_layer{display:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 2.3s}

.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:#04447c}
.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:normal}
.page_side_menu_body ._level_1>ul>li>a:hover{background:#f4f4f4}
.page_side_menu_body ._level_1>ul>li>a:after{padding:15px 10px}
.page_side_menu_body ._level_2>ul>li>a:not(._m9-shadow-menu-btn):before{content:'-';margin-right:5px}
.page_side_menu_body .m9_selected>a{background:#f4f4f4;color:#04447c}

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

/* Hamburger */
.hamburger-button{position:absolute;z-index:13;transition: .3s ease-in-out;width:29px;height:24px;display:block;top:29px;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:1000;background:rgb(0 0 0 / 80%);top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transform:scale(0.5);transition:opacity .3s, visibility .3s, height .3s, transform .3s ;display:flex;align-items:center;justify-content:center;text-align:left}
.overlay.visible{opacity:1;visibility: visible;height: 100%;transform:scale(1)}

.hamburger-on .header-top{z-index:902}

/* 현재위치 메뉴 */
/* 현재위치 메뉴 */
.current-cate{border-bottom:1px solid #ccc;font-size:15px;background:#fff}
.current-cate>div{position:relative;}
.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}
.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;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:#04447c}
.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:#04447c}




/* 탭 메뉴 */
body.fullsize .page_tab_div_out{/*width:100%*/}


.page_tab_div{position:relative;z-index:10;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_div>div{border-left:1px solid #ccc;border-right:1px solid #ccc}

.page_tab_div ._m9-scrollbar-x-box:before{display:none !important}
.page_tab_div ._m9-scrollbar-x-box:after{display:none !important}

/* .page_tab_div>div>.slick-slider{border-top:1px solid #ccc;border-bottom:1px solid #ccc} */

.page_tab{position:relative;left:0;right:0;display:inline-block;min-width:100%;white-space:nowrap;text-align:left;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.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:0 20px;margin:0;border-right:1px solid #ccc;margin-left:0;text-align:center;}
.page_tab li.page-tab-one:last-child>a{border-right:none}
.page-tab-one.selected>a,.page-tab-one>a:hover,.page-tab-one>a:focus{position:relative;background:#04447c;color:#fff}
.page-tab-one.selected>a::before{content:'';position:absolute;left:0;bottom:0;z-index:1;width:100%;height:2px;background:inherit}
.page-tab-one.selected>a::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:30px;width:58px;height:58px;line-height:58px;background:#04447c;padding:0;color:#fff;cursor:pointer;text-decoration:none;opacity:0;border-radius:50%;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;text-align:center}
.goTop.on{right:30px;opacity:1}

.page_main_in{min-height:800px;padding-bottom:50px}
body._home .page_main_in, body.fullsize .page_main_in{/*min-height:auto*/;padding-bottom:0;font-size:1em}

/* 하단 메뉴 */
.page_down_link{bor1der:1px solid #ccc;border-right:none;border-left:none;background:#fff}
.page_down_menu{position:relative;text-align:left;font-size:0.9em}
.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:#04447c}
.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}

.sns-container{margin:0;padding:20px 0}

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

#header{position:relative;border-bottom:none;padding-bottom:0;background:#fff;color:#000}

/*
.page_top_menu{border-bottom-color:#ccc;color:#000}
.m9-top-menu-list>li>a, .mobile-group>li>a{border-color:#ccc}
*/
/*.m9-top-menu-list{border-left:1px solid #ccc;border-right:1px solid #ccc;padding-left:10px}*/

/*.m9-top-menu-list{border-left:1px solid #ccc;line-height:30px;}*/
.m9-top-menu-list>li._only_mobile{display:inline-block}
.m9-top-menu-list>li>.select-box{padding-left:10px}

.header-top{position:static;border-bottom:none}
#header.m9_open .header-top{border-bottom:none}

.page_banner{padding-top:60px}

/* .header-mobile{position:static} */
.hamburger-button {top:-40px}
.hamburger-button>span{background:#000}

.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}
*/

/* 로고 */
.top-logo-box{top:0}
.logo-image{display:none}
.mobile-logo-image{position:absolute;width:198px;height:46px;top:9px;left:3px;display:block;background:url(/etc_img/logo/logo.png) no-repeat;background-size:contain}
.header-top{position:relative}
/* .header-top.m9Fixed .mobile-logo-image,.header-top:hover .mobile-logo-image{background-image:url(/etc_img/logo/logo_off.png)} */
/* .header-top.m9Fixed .mobile-logo-image{background-image:url(/etc_img/logo/logo_off.png)} */

body.m9header-fixed .mobile-logo-image{background-image:url(/etc_img/logo/logo.png)}


.page_up_link_box{border:none}
.page_up_link{height:50px;border-top:1px solid #eee;border-bottom:1px solid #ccc;overflow:hidden}
body.m9header-fixed .page_up_link{border-top-color:#eee;border-bottom-color:#ccc}
.page_up_link_box:after{display:none !important}

.mong9menu3{margin:0}
.mong9menu3.m9_open:before{display:none}
.mong9menu3>div>ul{display:block;background:transparent;padding-top:0}
.mong9menu3>div>ul>li{display:inline-block;width:auto;padding:0;background:transparent}
.mong9menu3>div>ul>li.m9_open{background:transparent}
.mong9menu3 ._level_1>ul>li>a{overflow:inherit}
.mong9menu3 ._level_1>ul>li>a{height:50px;line-height:50px;padding:0 10px;font-size:0.9em;/*font-size:15px*/;font-weight:bold;margin-top:0;margin-left:0}
.mong9menu3 .m9_layer._level_2{display:none !important}

.mong9menu3 ._level_1>ul>li.m9_down>a{padding-left:15px}

.mong9menu3 li{min-width:80px}




/* 탭 메뉴 */
.page_tab_div{/*font-size:14px*/}
.page_tab_div.m9Fixed{position:fixed;top:100px}
.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:10px;opacity:1}

.overlay{transform:scale(1)}
.overlay.visible{opacity:1;visibility:visible;overflow-y:scroll}
.overlay .overlay-content{position:absolute;top:0;left:-300px;bottom:0;width:250px;max-width:100%;height:100%;background:#fff;transition:left .3s}
.overlay.visible .overlay-content{left:0}

.page_mobile_menu{width:auto;padding:0}
.page_mobile_menu_body>div>ul{display:block}
.page_mobile_menu_body>div>ul>li{display:block}
.page_mobile_menu_body .m9_layer{display:none}
.page_mobile_menu_body>.m9_layer{display:block}
.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 ._level_1>ul>li{border-bottom:1px solid #ccc}
.page_mobile_menu_body li.m9_open>a{background:#f4f4f4}

.page_down_menu{text-align:center}

/*.current-cate{display:none}*/
/* .page_button_down{display:none} */

} /* 999px */

/* 모바일 옆으로 보기로 취급 */
@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, body.fullsize .page_main_in .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}
*/

}


/*****************************************/
/* 사용자 정의 */

/* 헤더 */
.header-group .page_button_down{position:relative;background-repeat:no-repeat;background-size:cover;background-position:100% 100%;/*background-image:url(/etc_img/otherpage/bg/company.jpg);background-color:#000*/}
.page_button_down:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:transparent;/*#00000014*/;display:block}
body._home .page_button_down:before{display:none}

/*
.header-background-home #header{background:transparent}
.header-background-home #header{position:static}
.header-background-home #header.m9_open{background:#fff}
*/

.header-background-company{background:url(/etc_img/otherpage/bg/company.jpg) no-repeat 50% 0%/cover}
.header-background-business{background:url(/etc_img/otherpage/bg/business.jpg) no-repeat 50% 0%/cover}
.header-background-project{background:url(/etc_img/otherpage/bg/project.jpg) no-repeat 50% 0%/cover}
.header-background-community{background:url(/etc_img/otherpage/bg/community.jpg) no-repeat 50% 0%/cover}

/* === .header-background- + 코드값으로 상단 이미지 변경함 === */
/* header-background-home 은 나머지 기타 */
.header-group.header-background-product .page_button_down{background:url(/etc_img/otherpage/bg/070917507.jpg) no-repeat 50% 0%/cover}
.header-group.header-background-070917507 .page_button_down{background:url(/etc_img/otherpage/bg/product.jpg) no-repeat 50% 0%/cover}
.header-group.header-background-070949482 .page_button_down{background:url(/etc_img/otherpage/bg/070949482.jpg) no-repeat 50% 50%/cover}

.header-group.header-background-online_form .page_button_down{background:url(/etc_img/otherpage/bg/online.jpg) no-repeat 50% 50%/cover}
.header-group.header-background-090710802 .page_button_down{background:url(/etc_img/otherpage/bg/090710802.jpg) no-repeat 50% 50%/cover}
.header-group.header-background-070949482 .page_button_down{background:url(/etc_img/otherpage/bg/070949482.jpg) no-repeat 50% 50%/cover}
.header-group.header-background-community .page_button_down{background:url(/etc_img/otherpage/bg/community.jpg) no-repeat 50% 50%/cover}
.header-group.header-background-blog .page_button_down{background:url(/etc_img/otherpage/bg/newsletter2.jpg) no-repeat 50% 50%/cover}


._code_map .header-group.header-background-company .page_button_down{background:url(/etc_img/otherpage/bg/map.jpg) 100% 80% no-repeat}

._code_081269289 .header-group.header-background-070917507 .page_button_down{background:url(/etc_img/otherpage/bg/081269289.jpg) 100% 80% no-repeat}
._code_072913223 .header-group.header-background-product .page_button_down{background:url(/etc_img/otherpage/bg/072913223.jpg) 100% 50% no-repeat}
._code_072590193 .header-group.header-background-product .page_button_down{background:url(/etc_img/otherpage/bg/072590193.jpg) 100% 80% no-repeat}
._code_072850953 .header-group.header-background-product .page_button_down{background:url(/etc_img/otherpage/bg/072850953.jpg) 100% 80% no-repeat}
._code_080574882 .header-group.header-background-070949482 .page_button_down{background:url(/etc_img/otherpage/bg/080574882.jpg) 100% 0% no-repeat}
._code_080574470 .header-group.header-background-070949482 .page_button_down{background:url(/etc_img/otherpage/bg/080574470.jpg) 100% 0% no-repeat}

._code_q_a .header-group.header-background-community .page_button_down{background:url(/etc_img/otherpage/bg/q_a.jpg) 100% 0% no-repeat}
._code_download .header-group.header-background-community .page_button_down{background:url(/etc_img/otherpage/bg/download.jpg) 100% 0% no-repeat}



/* .m9header-fixed .hamburger-button>span{background:#fff} */

#header.m9_open .hamburger-button>span{background:#000}
#header.m9header-fixed .hamburger-button>span{background:#fff}

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


.page_banner_bottom_in{padding-top:140px;height:500px;color:#fff;}
.page_banner_bottom_in .txt_00{opacity: 0.5;color:#a4bbcb}
.page_banner_bottom_in .txt_01{font-size: 3em;font-weight: 700}
.page_banner_bottom_in .txt_02{padding-top:20px;font-size: 1.1em;font-weight: 100}

@media screen and (max-width:768px){
    .page_banner_bottom_in .txt_01{font-size: 1.5em;}
    .page_banner_bottom_in .txt_02{display: none;}
}
/*
.page_banner_bottom_in{padding-top:210px;height:400px;color:#fff;background:#0000005e;}
.page_banner_bottom_in>.page_width12{max-width:1200px;margin:0 auto;text-align:center}
.page_banner_bottom_in>div>strong{position:relative;display:block;font-size:2.3em;line-height:1.2;font-weight:700;letter-spacing:-3px;padding-bottom:5px}
.page_banner_bottom_in>div>strong>b{font-weight:700}
.page_banner_bottom_in>div>span{font-size:19px;display: inline-block;line-height:1.3;opacity: 0.8}
.page_banner_bottom_in>div>div{display:block;font-weight:900;font-size:17px;color: rgba(255,255,255,0.4);font-family:'Play';letter-spacing: 3px;margin-bottom:1em;}
*/

@media screen and (max-width:768px){
    .page_banner_bottom_in>.page_width12{text-align: center;padding:1em;}
.page_banner_bottom_in{height:200px;padding-top:52px;background:#0000005c;color:#fff}
.page_button_down-in>p{padding:80px 1em 0;color:#fff;font-size:30px;font-weight:500;text-align:center;text-shadow: 1px 1px 1px #5a5a5a;font-family: 'Poppins', sans-serif;line-height:1.2;}
.page_button_down-in>span:after{position:absolute;left:50%;top:0;margin-left:-25px;content:"";display:inline-block;width:50px;height:2px;background:#fff}
.page_button_down-in>span{position:relative;display:inline-block;font-size:20px;color:#fff;margin-top:20px;padding-top:20px}
.page_banner_bottom_in>div>strong{font-size:1.7em;/*margin-bottom:10px*/}
.page_banner_bottom_in>div>div{font-size:14px}
.page_banner_bottom_in>div>span{padding:0 20px;font-size:15px}
    
}


.page_up_link_box{/*background:#fff;color:#000*/}

.group_tab>ul>li.selected>a{background:#04447c;border-color:#04447c}
.group_tab>ul>li>a:hover, .group_tab>ul>li>a:focus{background:#04447c;border-color:#04447c}

._m9-shadow-menu-btn{background:transparent !important;position:absolute;top:0;width:50px;right:0;bot1tom:0}

.page_top_menu{/*border-bottom-color:#434447*/}


.mong9menu3 .m9_layer._level_2._layer_product>ul{width:1200px}
/*
.mong9menu3 .m9_layer._level_2._layer_product>ul>li{display:block;float:left;width:20%}
.mong9menu3 .m9_layer._level_2._layer_product>ul:after{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden}
body._over_product #header.m9_down.m9_open .page_up_link_box:after{height:195px}
*/

.page_mobile_menu_body .m9_layer{font-size:0.8em}

/* #header{background:#fff;color:#000} */


   /* 모바일(≤768px): 탭 → 브레드크럼+드롭다운 복원 */
@media (max-width: 768px) {

    .current-cate>div{top:0}
  /* 기본 컨테이너 리셋 */
  .current-cate {
    font-size: 15px;                /* 데스크탑에서 0으로 만든 것 복원 */
    background: rgba(255,255,255,1);
    border-bottom: 1px solid #eee;
  }

  /* 숨겼던 요소 다시 보이게 */
  .current-cate-home { display: inline-block; }
  .current-cate-url > li:first-child { display: inline-block; }
  .current-cate-url > li dt { display: inline; }

  /* 드롭다운을 위한 포지셔닝 복원 */
  .current-cate-url > li > dl > dd { position: relative; }

  /* 데스크탑 탭용 오버라이드 무효화 + 드롭다운 기본 숨김 */
  .current-cate-sub {
    position: absolute;
    z-index: 80;
    left: 0; right: 0;
    width: 100%;
    display: none;                  /* 클릭(on) 때만 보이도록 */
    margin-top: 1px;
    text-align: left; 
      width:100%;/* 데스크탑에서 center로 바꿨던 것 원복 */
  }

  /* 목록 레이아웃: 가로 탭 → 세로 리스트 */
  .current-cate-sub > ul {
    display: block;
    margin: 0;
    padding: 6px 0;
  }
  .current-cate-sub > ul > li {
    display: block;
    margin: 0;
    text-align: left;
  }
  .current-cate-sub > ul > li > a {
    display: block;                 /* 탭 너비 100% 클릭영역 확보 */
    width: 100%;
    height: auto;
    line-height: 1.4;
    padding: 12px 16px;
    margin-top: 0;
    color: #333;
    background: #fff;
    border-radius: 0;
    font-size: 12px;
  }

  /* 버튼 스타일: 모바일은 전체폭 + 화살표 위치 조정 */
  .current-cate-btn {
      font-size: 13px;
    min-width: auto;
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 36px 0 12px;
    border-left: 0;
    border-right: 0;
    background: #f7f7f7;
    white-space: nowrap;
  }
  .current-cate-btn::after { right: 12px; }

  /* 클릭 시(on) 드롭다운 표시 */
  .current-cate-btn.on + .current-cate-sub { display: block; }

  /* 탭처럼 보이게 했던 데스크탑 전용 오버라이드 무효화 */
  .current-cate-sub > ul > li > a.active { background: #3099ec; color: #fff; } /* 활성 유지 */
}
 
    

}