a,div,img,button,area,input,select,audio{outline:none;}

.color_back{background:#DE3831;}
.wrap .btn_primary{color:#fff;border:1px solid #DE3831;border-radius:2px;background:#DE3831;}
.wrap .btn_primary:hover{text-decoration:none;border:1px solid #DE3831;background:#DE3831;}

#wrap{position:relative;overflow:hidden;}

.container{text-align:center;}
.wrap_main .container{position:relative;}
.left-menu{display:none;margin:30px 0 80px 0;}
.content{margin-top:30px;}
.cp-left-menu .container{max-width:1260px;margin-left:auto;margin-right:auto;}
.cp-left-menu .left-menu{display:block;float:left;width:16%;}
.cp-left-menu .content{float:right;width:79%;}
.col-full{position:relative;max-width:1260px;margin:0 auto;text-align:left;}

.skip_navigation{position:relative;}
.skip_navigation a{position:absolute;display:block;top:-10000px;left:0;padding:10px 0;text-align:center;font-size:15px;line-height:15px;color:#fff;background:#000;}
.skip_navigation a:focus{position:static;top:0;}

.header{margin-top:36px;}

.header .gnb{position:relative;z-index:2;height:36px;border-bottom:1px solid #F4F4F4;}
.header .gnb .top_notice_wrap .txtslide_wrap{position:relative;height:19px;overflow:hidden;}
.header .gnb .top_notice_wrap .txtslide{position:absolute;top:0;left:0;}
.header .gnb .top_notice_wrap .txtslide a{display:block;height:15px;padding:2px 0;font-size:15px;line-height:15px;}
.header .gnb .top_notice_wrap .txtslide a .date{display:inline-block;margin-left:11px;color:#777777;}
.header .gnb .top_notice_wrap .txtslide a img{vertical-align:top;}
.header .gnb .right{position:absolute;top:-4px;right:0;}
.header .gnb .right .navi{display:inline-block;vertical-align:top;margin-top:4px;}
.header .gnb .right .navi li{display:inline-block;vertical-align:top;}
.header .gnb .right .navi li a{display:block;margin:3px 9px;font-size:12px;color:#787878;}
.header .gnb .right .navi li.line{width:1px;height:12px;margin:3px 4px 0 4px;background:#d0d0d0;}
.header .gnb .right .navi li.userjoin_box{position:relative;}
.header .gnb .right .navi li.userjoin_box .point_icon{position:absolute;top:-28px;left:-32px;padding:4px 8px;font-size:12px;line-height:12px;color:#fff;background:#D42222;border-radius:12px;white-space:nowrap;}
.header .gnb .right .navi li.userjoin_box .point_icon .triangle{position:absolute;top:20px;left:50px;display:inline-block; width:0; height:0; border-style:solid; border-width:4px;border-color:#D42222 transparent transparent transparent;}
.header .gnb .right .icons{display:inline-block;vertical-align:top;margin:0 4px 0 12px;}
.header .gnb .right .icons>li{position:relative;display:inline-block;vertical-align:middle;padding:3px 8px;}
.header .gnb .right .icons>li:last-child:before{content:'';position:absolute;top:9px;right:-4px;display:inline-block;border:solid #333;border-width:0 2px 2px 0;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.header .gnb .right .icons ul{display:none;position:absolute;z-index:1;top:0;left:100%;padding:28px 29px;box-shadow:0px 8px 10px #acacac;background:#fff;border:1px solid #111111;border-radius:20px;}
.header .gnb .right .icons>li:last-child:hover ul{display:block;}
.header .gnb .right .icons ul li{display:block;width:100px;margin-bottom:10px;}
.header .gnb .right .icons ul li img{border-radius:100%;border:1px solid #efefef;}

.header .logo-wrap{margin-top:40px;}
.header .logo-wrap .search-bar{float:left;width:540px;}
.header .logo-wrap .search-bar-inside{position:relative;width:394px;}
.header .logo-wrap .search-bar-inside input[type=text]{width:100%;height:48px;padding-left:22px;margin-right:5px;font-size:16px;border:1px solid #dddddd;border-radius:25px;}
.header .logo-wrap .search-bar-inside .mark{display:inline-block;position:absolute;top:4px;right:5px;width:40px;height:40px;background:#DE3831;border-radius:100%;}
.header .logo-wrap .search-bar-inside .mark span:nth-child(1){display:block;position:absolute;z-index:2;top:9px;left:10px;width:12px;height:12px;border-radius:10px;border:2px solid #ffffff;background:#DE3831;}
.header .logo-wrap .search-bar-inside .mark span:nth-child(2){display:block;position:absolute;z-index:1;top:18px;left:24px;width:4px;height:12px;border-radius:6px;background:#ffffff;
transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.header .logo-wrap .search-bar-inside a{display:inline-block;margin-left:8px;}

.header .logo-wrap .subm{margin:8px 0 0 10px;}
.header .logo-wrap .subm .subm-btn{display:inline-block;height:13px;padding:5px 19px;color:#fff;border-radius: 5px;}
.header .logo-wrap .subm .child1{position:relative;margin-right:2px;background:#ce2525;cursor:pointer;}
.header .logo-wrap .subm .child2{background:#ff6600;}
.header .logo-wrap .subm .child3{position:relative;background:#fdb44b;cursor:pointer;}
.header .logo-wrap .subm .subm-btn .arrow{position: absolute; top: 9px;right: 9px;width: 0;height: 0;border-style: solid;border-width: 4px;border-left-color: transparent;border-right-color: transparent;border-bottom: none;border-top-color: #fff;}
.header .logo-wrap .subm .subm-btn .sub_layer {position: absolute;z-index:3000;display: none;width: 230px; top: 23px;left: 0;background: #fff;border: 1px solid #efefef; color: #333;}
.header .logo-wrap .subm .subm-btn:hover .sub_layer {display: block;}
.header .logo-wrap .subm .subm-btn .sub_layer a {display: block;padding:10px;border-bottom:1px solid #efefef;}
.header .logo-wrap .subm .subm-btn .sub_layer a:last-child {border-bottom: none;}
.header .logo-wrap .subm .subm-btn .sub_layer a:hover {background: #5e5757; color: #fff;}

.header .logo-wrap .logo-box{float:left;}
.header .logo-wrap .logo-box .logo{position:relative;}
.header .logo-wrap .logo-box a{display:inline-block;}
.header .logo-wrap .logo-box .link-arrow{position:absolute;top:5px;right:-24px;width:20px;height:20px;background:#DE3831;border-radius:100%;}
.header .logo-wrap .logo-box .link-arrow:before{content:'';position:absolute;top:6px;left:5px;display:inline-block;border:solid #fff;border-width:0 2px 2px 0;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.header .logo-wrap .logo-box .link-list{display:none;position:absolute;z-index:1;top:0;left:100%;background:#fff;border:1px solid #efefef;}
.header .logo-wrap .logo-box .logo:hover .link-list{display:block;}
.header .logo-wrap .logo-box .link-list li{display:block;width:130px;border-bottom:1px solid #efefef;}
.header .logo-wrap .logo-box .link-list li a{display: block;padding:10px;font-size:14px;}
.header .logo-wrap .logo-box .link-list li a:hover{color:#fff;background:#5e5757;}
.header .logo-wrap .sns{margin-top:8px;text-align:center;}
.header .logo-wrap .sns li{display:inline-block;margin:0 2px;}
.header .logo-wrap .sns li:first-child{margin-left:0;}
.header .logo-wrap .sample-bbs{position:relative;float:right;width:310px;height:98px;border:1px solid #F4F4F4;border-radius:10px;}
.header .logo-wrap .sample-bbs .c1{width:68px;height:calc(100% - 25px);padding:15px 0 10px 0;font-size:17px;line-height:24px;text-align:center;background:#F4F4F4;}
.header .logo-wrap .sample-bbs .c2{position:absolute;top:0;left:68px;width:calc(100% - 68px);}
.header .logo-wrap .sample-bbs .c2:before{content:'';position:absolute;top:48px;left:0;width:100%;height:1px;background:#f4f4f4;}
.header .logo-wrap .sample-bbs .c2 .box{padding-left:15px;line-height:50px;}
.header .logo-wrap .sample-bbs .c2 .box .title{color:#DE3831;}
.header .logo-wrap .sample-bbs .c2 .box .date{display:inline;margin-left:4px;color:#777777;}
/*
.header .logo-wrap .link-icons{position:absolute;top:40px;right:0;}
.header .logo-wrap .link-icons li{display:inline-block;margin-left:34px;}
.header .logo-wrap .link-icons li .icon{position:absolute;top:-3px;right:-6px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#E02623;border-radius:100%;}
*/

.header .nav-main{margin-top:30px;}
.header .navi_wrap{border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
.header .navi_wrap .col-full-inside{position:relative;min-height:64px;}
.header .navi_wrap .navi_box_outer{position:relative;padding-left:70px;}
.header .navi_wrap .nav_show_btn{position:absolute;top:11px;left:20px;width:40px;height:40px;border:1px solid #111111;border-radius:100%;}
.header .navi_wrap .nav_show_btn ul{padding:10px 12px;text-align:center;}
.header .navi_wrap .nav_show_btn ul li{width:100%;height:2px;margin-top:4px;font-size:0;line-height:0;border-radius:8px;background:#111111 !important;}
.header .navi_wrap .navi_box{position:relative;}
.header .navi_wrap .navi_box .navi{overflow:hidden;}
.header .navi_wrap .navi_box .s1_box{display:inline-block;}
.header .navi_wrap .navi_box .s1 a{display:block;position:relative;height:16px;padding:24px 32px;text-align:center;font-size:16px;line-height:16px;font-weight:500;}
.header .navi_wrap .navi_box .s1 a:hover{color:#F73D40;}
.header .navi_wrap .navi_box .s1 a .child-btn-container{display:none;}
.header .navi_wrap .navi_box .s2_wrap{display:none;}

.header .navi_wrap .navi-layer{display:none;position:absolute;z-index:2;top:64px;left:0;width:1260px;background:#fff;}
.header .navi_wrap .navi-layer .navi{overflow:hidden;border:1px solid #ddd;overflow:hidden;}
.header .navi_wrap .navi-layer .navi a{display:block;}
.header .navi_wrap .navi-layer .navi a:hover{text-decoration:underline;}
.header .navi_wrap .navi-layer .navi .s1_box{display:block;float:left;width:20%;}
.header .navi_wrap .navi-layer .navi .s1{padding:8px 0 8px 15px;font-size:14px;font-weight:bold;background:#f4f4f4;}
.header .navi_wrap .navi-layer .navi .s2_box{display:block;padding:6px 0 10px 15px;}
.header .navi_wrap .navi-layer .navi .s2_box a{padding:5px 0;color:#666;}
.header .navi_wrap .navi-layer .navi .s2_box a:hover{color:#333;font-weight:bold;}

.header .mobile-nav-main{display:none;}

.left-menu .navi{position:relative;}
.left-menu .navi .s_wrap{display:none;}
.left-menu .navi .s_wrap.act_wrap{display:block;}
.left-menu .navi .s{position:relative;}
.left-menu .navi .s a{display:block;text-align:left;color:#333338;}
.left-menu .navi .s1 a{padding:0 0 12px 10px;margin-bottom:8px;font-size:18px;font-weight:bold;text-align:left;color:#000 !important;border-bottom:3px solid #454548;background:none !important;}
.left-menu .navi .s2 a{padding:12px 0 10px 10px;font-weight:bold;border-top:1px solid #eee;}
.left-menu .navi .s2:nth-child(1) a{border-top:none;}
.left-menu .navi .s3_box{padding:0 0 6px 0;}
.left-menu .navi .s3 a{padding:8px 0 8px 10px;color:#767676;}
.left-menu .navi .s3 a:hover{font-weight:bold;}
.left-menu .navi .s4 a{padding:8px 0 8px 18px;color:#767676;}
.left-menu .navi .s4 a:hover{font-weight:bold;}
.left-menu .navi .show_child{display:block;position:absolute;top:1px;right:0;width:40px;height:15px;padding:10px 0;text-align:center;font-size:15px;font-weight:bold;cursor:pointer;}
.left-menu .navi .show_child:hover{background:#f0f0f0;}
.left-menu .navi .s1 .show_child{display:none;}

.content_left_end_box{position:absolute;z-index:20;top:0;left:-220px;width:180px;}
.content_left_end_box .item-box{margin-bottom:15px;}
.content_left_end_box .item-box .slick-dots{position:absolute;z-index:10;left:0;bottom:7px;width:100%;text-align:center;}
.content_left_end_box .item-box .slick-dots li{display:inline-block;}
.content_left_end_box .item-box .slick-dots li button{display:inline-block;width:8px;height:8px;margin:0 2px;padding:0;font-size:0;color:transparent;cursor:pointer;border:none;background:#ccc;border-radius:100%;}
.content_left_end_box .item-box .slick-dots li.slick-active button{background:#F73D40;}
.content_left_end_box .images img{margin-bottom:10px;}

.content_right_section {position: fixed;z-index: 1003;top: 0;right: 0;width: 120px;height: 100%;background: #2DB301;}
.content_right_section .box {width: 100%;}
.content_right_section .box a.title {display: block;padding: 14px 0;text-align: left;line-height: 14px;color: #fff;letter-spacing: -1px;}
.content_right_section .box .img {display: inline-block;width: 24px;padding: 0 3px 0 5px;text-align: center;}
.content_right_section .recent_wrap {padding: 0 10px 12px 10px;}
.content_right_section .recent_wrap .title {display: block;padding: 3px 0;}
.content_right_section .recent_wrap .btn_box {position: relative;padding-top: 5px;}
.content_right_section .recent_wrap .btn_left {position: absolute;top: 6px;left: 3px;width: 0;height: 0;border-width: 7px;cursor: pointer;border-style: solid;border-color: transparent #fff transparent transparent;}
.content_right_section .recent_wrap .btn_right {position: absolute;top: 6px;right: 3px;width: 0;height: 0;border-width: 7px;cursor: pointer;border-style: solid;border-color: transparent transparent transparent #fff;}
.content_right_section .recent_wrap .page_box {display: inline-block;width: 32px;text-align: center;color: #fff;}
.content_right_section .recent_wrap .recent {display: none;position: relative;}
.content_right_section .recent_wrap .recent span.hover {display: none;position: absolute;z-index: 2;top: 0px;right: 0px;width: 15px;padding: 2px 0;text-align: center;color: #fff;cursor: pointer;background: #000;}
.content_right_section .recent_wrap .recent span.act {display: block;}
.content_right_section .recent_wrap .recent a div.hover {display: none;position: absolute;overflow: hidden;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;line-height: 19px;color: #fff;background: #000;}
.content_right_section .recent_wrap .recent a div.act {display: block;}
.content_right_section .recent_wrap .recent a img {display: block;width: 100%;}
.content_right_section .recent_wrap .recent_act {display: block;margin-bottom: 7px;}
.content_right_section .btn_top {position: absolute;bottom: 0;right: 0;width: 100%;padding: 20px 0 20px 0;cursor: pointer;text-align: center;background: #2DB300;}
.content_right_section .btn_top:hover {background: #2DB300;}
.content_right_section .btn_top .arrow {display: inline-block;border-width: 6px;border-style: solid;border-color: transparent transparent #fff transparent;}
.content_right_section .btn_top .line {display: inline-block;width: 50%;height: 1px;background: #fff;}
.content_right_section .btn_top .txt {padding: 8px 0;font-family: arial;font-weight: bold;color: #fff;}
.content_right_section .open_btn {position: absolute;width: 20px;height: 70px;top: 50%;margin-top: -35px;left: -20px;background: #2DB300;border-radius: 5px 0 0 5px;cursor: pointer;}
.content_right_section .open_btn .reduce_arrow {display: none;position: absolute;top: 28px;left: 1px;border-width: 6px;border-style: solid;border-color: transparent #fff transparent transparent;}
.content_right_section .open_btn .expand_arrow {position: absolute;top: 28px;left: 9px;border-width: 6px;border-style: solid;border-color: transparent transparent transparent #fff;}
.content_right_section.reduce .reduce {display: block;}
.content_right_section.reduce .expand {display: none;}
.content_right_section.reduce {width: 45px;}
.content_right_section.reduce .box .img {width: 45px;padding: 0;}

.content.no_margin{margin:0;}

.footer{margin-top:100px;}
.footer .navi{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.footer .navi ul{overflow:hidden;}
.footer .navi ul li{float:left;}
.footer .navi ul li a{display:block;height:13px;padding:16px 69px;color:#727171;font-weight:bold;}
.footer .navi ul li:first-child a{padding-left:0;}
.footer .navi ul li a:hover{color:#333;}
.footer .navi ul li:last-child a{padding-right:0;}
.footer .txt-wrap{position:relative;padding:40px 0;color:#666666;line-height:22px;}
.footer .txt-wrap .r1{font-size:15px;line-height:49px;font-weight:600;}
.footer .txt-wrap .r1 img{display:inline-block;vertical-align:top;}
.footer .txt-wrap .r1 span{display:inline-block;vertical-align:top;margin:6px 0 0 10px;}

.common-nav-tabs{overflow:hidden;}
.common-nav-tabs .box{float:left;}
.common-nav-tabs .box .tab{display:block;padding:15px 0;text-align:center;font-size:16px;border-bottom:1px solid #707070;}
.common-nav-tabs .box.active .tab{padding-bottom:14px;border-bottom:3px solid #00AAB0;}

.form_bottom_btn{padding:30px 0;text-align:center;}
.form_bottom_btn .btn{padding:10px 18px;font-size:13px;line-height:13px;}
.form_bottom_btn .btn:hover{background:none;}
.form_bottom_btn .btn.btn_primary{background:#DE3831;}
.form_bottom_btn .btn.btn_primary:hover{border:1px solid #DE3831;background:#DE3831;}

.list_no_data{padding:30px 0;text-align:center;color:#767676;}

.list_bottom_btn{position:relative;min-height:27px;margin-top:10px;text-align:right;}
.list_bottom_btn .btn{padding:6px 16px;}

.tablenav.top{position:relative;margin-bottom:20px;font-size:16px;overflow:hidden;}
.tablenav.top a{font-size:16px;}
.tablenav.top .right-box{float:right;}
.tablenav.top .right-box .link-btn{display:inline-block;padding:8px 18px;font-size:15px;font-weight:700;color:#00AAB0;border:1px solid #bbbbbb;border-radius:5px;}
.tablenav.top .right-box .link-btn.primary{color:#DE3831;border-color:#fff;background:#fff;}

.tablenav.bottom{position:relative;margin-top:24px;font-size:16px;}
.tablenav.bottom a{font-size:16px;}
.tablenav.bottom .left-box .txt-btn{font-size:16px;color:#fff;cursor:pointer;}
.tablenav.bottom .left-box label.txt-btn{display:inline-block;vertical-align:top;}
.tablenav.bottom .left-box button.txt-btn{display:inline-block;vertical-align:top;padding:0;margin:0;font-size:16px;line-height:16px;color:#fff;border:none;background:none;cursor:pointer;}
.tablenav.bottom .right-box{position:absolute;top:-6px;right:0;}
.tablenav.bottom .right-box .link-btn{display:inline-block;padding:8px 18px;font-size:15px;font-weight:700;color:#00AAB0;border:1px solid #bbbbbb;border-radius:5px;}
.tablenav.bottom .right-box .link-btn.primary{color:#DE3831;border-color:#fff;background:#fff;}

.page-title{margin:60px 0 50px 0;font-size:20px;font-weight:bold;text-align:center;}
.page-title .sub-title{padding-top:12px;text-align:center;font-size:13px;font-weight:normal;color:#808080;}

.txt_title{position:relative;padding:13px 1px;font-size:15px;line-height:15px;color:#272727;font-weight:bold;text-align:left;}
.txt_title .right_box{position:absolute;top:11px;right:0;}

@media screen and (max-width:1259px) {
.header .navi_wrap .navi_box .s1 a{padding:32px 8px 42px 8px;}
.header .navi_wrap .navi_box_outer .navi-layer{display:none;}

.left-menu{margin:0;}
.cp-left-menu .left-menu{display:none;float:none;width:100%;background:#fff;}
.cp-left-menu .content{float:none;width:100%;margin:0;}
.col-full{max-width:100%;margin:0;}

.header{position:relative;padding:0;}
.header .nav-main{margin-top:54px;}

.header .navi_wrap .col-full-inside{min-height:none;}
.header .navi_wrap .navi_box_outer{position:relative;z-index:101;top:0;left:0;width:auto;}

.header .navi_wrap{position:relative;height:49px;border-top:1px solid #707070;}
.header .navi_wrap .navi_box_outer{float:none;width:100%;white-space:nowrap;overflow:hidden;overflow-x:scroll;}
.header .navi_wrap .navi_box_outer::-webkit-scrollbar{display:none;}
.header .navi_wrap .navi_box .navi{overflow:auto;}
.header .navi_wrap .navi_box .s1_box{float:none;display:inline-block;width:auto !important;}
.header .navi_wrap .navi_box .s1 a{height:15px;font-size:15px;padding:17px 13px;}

.header .navi_wrap .navi-layer{display:none;}

.header .mobile-nav-main{display:block;position:fixed;z-index:1001;top:0;width:100%;height:54px;background:#fff;border-bottom:1px solid #f4f4f4;}
.header .mobile-nav-main .col-full{position:relative;text-align:center;}

.header .mobile-nav-main .nav-left{float:left;width:25%;height:43px;text-align:left;}
.header .mobile-nav-main .nav-show-btn div.box_wrap{text-align:center;}
.header .mobile-nav-main .nav-show-btn div.box{display:inline-block;margin-top:9px;}
.header .mobile-nav-main .nav-show-btn ul{display:inline-block;margin-top:6px;}
.header .mobile-nav-main .nav-show-btn ul li{display:block;width:19px;height:3px;margin-top:4px;border-radius:8px;background:#ababab;}

.header .mobile-nav-main .nav-center{float:left;width:50%;height:54px;line-height:54px;margin:0;text-align:center;font-weight:bold;}
.header .mobile-nav-main .nav-center img{max-height:25px;vertical-align:middle;}

.header .mobile-nav-main .nav-right{position:relative;float:right;width:25%;text-align:right;}

.header .mobile-nav-main .open-search-btn{}
.header .mobile-nav-main .open-search-btn div.box_wrap{text-align:center;}
.header .mobile-nav-main .open-search-btn div.box{display:inline-block;position:relative;width:30px;height:30px;margin-top:15px;}
.header .mobile-nav-main .open-search-btn span:nth-child(1){display:block;position:absolute;z-index:2;top:0;left:0;width:16px;height:16px;border-radius:10px;border:2px solid #ababab;background:#fff;}
.header .mobile-nav-main .open-search-btn span:nth-child(2){display:block;position:absolute;z-index:1;top:12px;left:17px;width:6px;height:16px;border-radius:6px;background:#ababab;
transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.header .mobile-nav-main .open-search-btn-act span:nth-child(1){border-color:#DE3831;}
.header .mobile-nav-main .open-search-btn-act span:nth-child(2){background:#DE3831;}

.header .mobile-nav-main .global_search_box{display:none;position:fixed;z-index:1000;top:55px;left:0;width:100%;height:100%;text-align:center;background:#1e1e1e;}
.header .mobile-nav-main .global_search_box-inside{position:relative;padding:40px 0 0 0;}
.header .mobile-nav-main .global_search_box input[type=text]{width:70%;height:38px;padding:22px 30px 22px 9px;font-size:15px;color:#fff;font-weight:bold;border:none;border-bottom:1px solid #707070;background:none;}
.header .mobile-nav-main .global_search_box input[type=image]{position:absolute;top:50px;right:16%;}
.header .mobile-nav-main .global_search_box .close-btn-box{padding:30px 45px 0 0;text-align:right;}
.header .mobile-nav-main .global_search_box .close-btn-box a{position:relative;display:inline-block;font-size:15px;color:#fff;}
.header .mobile-nav-main .global_search_box .close-btn-box a:before,
.header .mobile-nav-main .global_search_box .close-btn-box a:after{content:' ';position:absolute;top:-2px;right:-15px;height:17px;width:1px;background-color:#fff;}
.header .mobile-nav-main .global_search_box .close-btn-box a:before{transform:rotate(45deg);}
.header .mobile-nav-main .global_search_box .close-btn-box a:after{transform:rotate(-45deg);}
.header .mobile-nav-main .global_search_box .mark{position:absolute;top:52px;right:22%;}
.header .mobile-nav-main .global_search_box .mark span:nth-child(1){display:block;position:absolute;z-index:2;top:0;left:0;width:12px;height:12px;border-radius:10px;border:2px solid #ababab;}
.header .mobile-nav-main .global_search_box .mark span:nth-child(2){display:block;position:absolute;z-index:1;top:11px;left:15px;width:4px;height:12px;border-radius:6px;background:#ababab;
transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);}

.header .mobile_nav_layer{position:fixed;z-index:1002;top:0;left:-100%;width:100%;height:100%;text-align:left;font-size:15px;overflow-y:scroll;background:#292929;}
.header .mobile_nav_layer a{font-size:15px;color:#fff;}
.header .mobile_nav_layer .border-top{border-top:1px solid #707070;}
.header .mobile_nav_layer .inner_box{position:relative;z-index:2;padding:20px 20px 5px 20px;}
.header .mobile_nav_layer .control_box{text-align:right;}
.header .mobile_nav_layer .control_box a{display:inline-block;margin-left:15px;}
.header .mobile_nav_layer .member-info{margin:20px 0 0 0;text-align:right;}
.header .mobile_nav_layer .member-info a{display:inline-block;margin-left:15px;font-size:15px;line-height:25px;}
.header .mobile_nav_layer .member-info a img{height:25px;vertical-align:top;}
.header .mobile_nav_layer .navi{margin-top:15px;}
.header .mobile_nav_layer .navi .s{position:relative;}
.header .mobile_nav_layer .navi .s a{display:block;text-align:left;}
.header .mobile_nav_layer .navi .s.active a{color:#00AAB0 !important;}
.header .mobile_nav_layer .navi .s_wrap{display:none;}
.header .mobile_nav_layer .navi .s2_box{padding:5px 0;}
.header .mobile_nav_layer .navi .child-btn-container{display:inline-block;position:absolute;z-index:2;top:0;right:0;width:60px;height:100%;cursor:pointer;}
.header .mobile_nav_layer .navi .child-btn{position:absolute;z-index:2;top:16px;right:20px;border:solid #787878;border-width:0 2px 2px 0;display:inline-block;padding:4px;}
.header .mobile_nav_layer .navi .child-btn.up{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.header .mobile_nav_layer .navi .child-btn.down{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.header .mobile_nav_layer .navi .s1{}
.header .mobile_nav_layer .navi .s1 a{height:18px;line-height:18px;padding:14px 50px 14px 0;font-size:18px;}
.header .mobile_nav_layer .navi .s2 a{height:14px;padding:10px 50px 10px 9px;font-size:14px;}

.header .mobile_nav_layer .sub-navi{margin-top:15px;border-top:1px solid #707070;}
.header .mobile_nav_layer .sub-navi a{display:block;padding:21px 0;line-height:15px;border-bottom:1px solid #707070;}
.header .mobile_nav_layer .sub-navi a div{margin-top:5px;font-size:13px;color:#a1a1a1;}
.header .mobile_nav_layer .sub-navi a:nth-child(1) strong{color:#00AAB0;}
.header .mobile_nav_layer .sub-navi a:nth-child(2) strong{color:#DE3831;}

.header .mobile_nav_layer .bot-links{padding:20px 0 40px 0;text-align:center;}
.header .mobile_nav_layer .bot-links a{position:relative;display:inline-block;padding:15px 8px;}
.header .mobile_nav_layer .bot-links a:after{content:'';position:absolute;top:19px;right:-4px;width:1px;height:13px;background:#bbb;}
.header .mobile_nav_layer .bot-links a:last-child:after{display:none;}

.left-menu .navi{margin-bottom:1em !important;}
.left-menu .navi dt{position:relative;}
.left-menu .navi dt a{display:block;height:14px;padding:15px 50px 15px 15px !important;text-align:left;font-size:14px !important;border-bottom:1px solid #e6e6e6 !important;}
.left-menu .navi dt .show_child{display:block;position:absolute;top:0;right:0;width:50px;height:21px;padding:11px 0 12px 0;text-align:center;font-size:21px;color:#DE3831;font-weight:bold;
border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;background:#f6f6f6;}
.left-menu .navi dd{display:none;}
.left-menu .navi .s1{display:none;}
.left-menu .navi .s1 a{color:#454545;background:none;}
.left-menu .navi .s2_box{border:none;}
.left-menu .navi .s2 a{background:#fff;border:none;}
.left-menu .navi .s3 a{padding-left:2em !important;background:#f8f8f8;}
.left-menu .navi .s3_box a:hover,
.left-menu .navi .s3_box .act a{color:#454545;background:#f8f8f8;}
.left-menu .navi .mark{display:none;}
}

@media screen and (max-width:767px) {
.header{height:55px;margin-top:0;}
.content{margin:0 0 30px 0;}

.footer{padding:0 0 40px 0;}
.footer .navi ul li{width:50%;text-align:center;}
.footer .navi ul li a{padding:15px 0;}

.footer .txt-wrap{padding:0 14px;}

.page-title{margin:20px 8px 35px 8px;}
}