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

#wrap{position:relative;}
.db{max-width:1280px;}
.media_mobile{display:none;}

.header .gnb_wrap{position:fixed;z-index:1000;top:0;left:0;width:100%;height:36px;text-align:center;background:#2f3c52;}
.header .logo{position:absolute;top:9px;left:7px;}
.header .logo a{display:block;font-size:18px;color:#f2f2f2;}
.header .search{margin-top:3px;text-align:center;}
.header .search select{border:1px solid #333;}
.header .search .global_search_txt_wrap{position:relative;}
.header .search .global_search_txt_wrap input{width:220px;}
.header .search .global_search_txt_wrap .mark{position:absolute;top:2px;right:10px;color:#292929;}
.header .gnb{position:absolute;top:0;right:0;}
.header .gnb .box{display:block;float:left;height:12px;padding:12px 15px;font-size:12px;color:#f2f2f2;}
.header .gnb .theme_wrap{position:relative;cursor:pointer;}
.header .gnb .theme_box{display:none;position:absolute;top:36px;right:0;width:180px;text-align:left;border:1px solid #ececec;background:#fff;}
.header .gnb .theme_wrap:hover .theme_box{display:block;}
.header .gnb .theme_box a{display:block;padding:7px 8px;}
.header .gnb .theme_box a:hover{color:#fff;background:#47474c;}

.header .top_btn_box{position:fixed;z-index:10;top:38px;right:0;}
.header .top_btn_box li{position:relative;float:left;}
.header .top_btn_box li a{position:relative;display:block;height:15px;line-height:15px;padding:10px 6px;text-align:center;color:#fff;font-weight:bold;cursor:pointer;}
.header .top_btn_box li:first-child a{padding-left:9px;}
.header .top_btn_box li:last-child a{padding-right:9px;}
.header .top_btn_box li a:hover{background-color:rgba(0,0,0,0.2);}
.header .top_btn_box li .count{display:inline-block;height:11px;padding:2px 5px;text-align:center;font-size:11px;line-height:11px;background:#fc4f59;border-radius:8px;}
.header .top_btn_box li .count_0{display:none;}
.header .top_btn_box li .sub{display:none;position:absolute;top:35px;right:0;width:180px;padding:5px 0;border:1px solid #ececec;background:#fff;}
.header .top_btn_box li .sub a{padding:6px 12px;text-align:left;line-height:13px;color:#454545;}
.header .top_btn_box li .sub a:hover{background:#f2f2f2;}
.header .top_btn_box li:hover .sub{display:block;}

.container{background:#f2f2f2;}

.aside{position:relative;z-index:10;float:left;width:140px;padding:36px 0 100px 0;border-right:1px solid #ddd;background:#2f3c52;}
.aside .navi{}
.aside .navi .s_box{display:none;}
.aside .navi .act_box{display:block;}
.aside .navi .s a{position:relative;display:block;cursor:pointer;text-align:left;}
.aside .navi .s1_box{border-bottom:1px solid #2b3549;}
.aside .navi .s1_box:last-child{border-bottom:none;}
.aside .navi .s1 a{padding:13px 10px 13px 33px;font-size:13px;line-height:16px;color:#f2f2f2;letter-spacing:-.5px;}
.aside .navi .s1 a img{position:absolute;top:13px;left:8px;width:16px;}
.aside .navi .act_box .s1 .mark{position:absolute;top:13px;right:0;width:0;height:0;border-color:transparent #fff transparent transparent;border-width:6px;border-style:solid;}
.aside .navi .s2_box{padding:5px 0;background:#272e3f;}
.aside .navi .s2_box a{padding:9px 0 9px 14px;color:#f2f2f2;}
.aside .navi .s2_box a:hover{background:#2f3c52;}
.aside .navi .s2_box .act.navi_btn a{color:#f2f2f2;background:none;}
.aside .navi .s2_box .act .mark{border-color:#fff transparent transparent transparent;}
.aside .navi .s2 a{padding:9px 0 9px 14px;}
.aside .navi .s2 .mark{position:absolute;top:15px;right:12px;width:0;height:0;border-color:#ccc transparent transparent transparent;border-width:4px;border-style:solid;}
.aside .navi .s2.division{padding-top:3px;margin-top:3px;border-top:1px dotted #495061;}
.aside .navi .s3 a{padding:8px 0 8px 16px;}
.aside .navi .s3 .mark{position:absolute;top:15px;right:12px;width:0;height:0;border-color:#ccc transparent transparent transparent;border-width:4px;border-style:solid;}
.aside .navi .s4 a{padding:8px 0 8px 30px;}
.aside_back{position:fixed;z-index:9;left:0;top:0;width:140px;height:100%;border-right:1px solid #ddd;background:#2f3c52;}

.content{float:left;width:calc(100% - 165px);padding:48px 12px 20px 12px;}
.root_box{padding:0 0 0 4px;}
.root_box a:hover{text-decoration:underline;}
.content_navi_box{overflow:hidden;padding:15px 0 10px 1px;}
.content_navi_box .s_box{display:none;}
.content_navi_box .act_box{display:block;}
.content_navi_box .s1{display:none;}
.content_navi_box .s2{display:none;}
.content_navi_box .s3_box .symbol{display:none;}
.content_navi_box .s3 a{display:block;float:left;padding:10px 18px;margin-left:-1px;text-align:center;font-weight:bold;color:#626268 !important;border:1px solid #d4d4d4;
background:#ffffff;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
background:-webkit-linear-gradient(top, #ffffff 30%, #dddddd 100%);background:-moz-linear-gradient(top, #ffffff 30%, #dddddd 100%);background:-ms-linear-gradient(top, #ffffff 40%, #dddddd 100%);}
.content_navi_box .s3 a:hover,
.content_navi_box .s3.act a{padding-top:9px;color:#454545 !important;border-top:2px solid #6A8E9C;
background:#eeeeee;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff');
background:-webkit-linear-gradient(top, #dddddd, #ffffff 60%);background:-moz-linear-gradient(top, #dddddd, #ffffff 60%);background:-ms-linear-gradient(top, #dddddd, #ffffff 60%);}

.content_top_box{padding:10px;margin:0 0 10px 0;line-height:20px;font-size:13px;font-weight:bold;border:1px solid #ddd;background:#fff;}
.content_top_box a:hover{text-decoration:underline;}

.footer{height:33px;padding:13px 0;text-align:center;border-top:1px solid #ddd;}
.footer .txt{font-family:arial;font-size:12px;line-height:16px;color:#c4c4c4;}
.footer .txt a{color:#c4c4c4;}
.footer .txt a:hover{text-decoration:underline;}
.footer .back_to_top{display:inline-block;position:fixed;z-index:11;bottom:10px;right:20px;width:40px;height:30px;padding-top:10px;cursor:pointer;background:#7D7D85;border-radius:100%;}
.footer .back_to_top:hover{background:#6A6A72;}
.footer .back_to_top .arrow{display:inline-block;border-width:6px;border-style:solid;border-color:transparent transparent #fff transparent;}

.section_title{position:relative;z-index:0;padding:12px 0 12px 25px;margin:15px 0 -1px 0;font-size:15px;line-height:15px;color:#454545;font-weight:bold;text-align:left;
border:1px solid #ddd;background:#fff;}
.section_title:before{display:block;position:absolute;content:'';width:8px;height:8px;top:16px;left:10px;background:#333;}
.section_title .btn_box{position:absolute;top:6px;right:7px;}
.section_title .txt_box{position:absolute;top:12px;right:12px;font-weight:normal;}
.section_title .right_box{position:absolute;top:5px;right:8px;}
.section_title .right_box select{margin-top:2px;}
.section_title .check_box{position:absolute;top:10px;right:12px;font-size:13px;font-weight:normal;}

.txt_title{position:relative;z-index:0;padding:11px 17px;font-size:15px;line-height:15px;color:#454545;font-weight:bold;text-align:left;}
.txt_title:before{display:block;position:absolute;content:'';width:8px;height:8px;top:14px;left:3px;background:#333;border-radius:100%;}
.txt_title .right_box{position:absolute;top:0;right:0;font-size:13px;}

.white_box{padding:12px 14px;border:1px solid #dfdfdf;background:#fff;}

.page a{border:1px solid #e6e6e6;background:#fff;}
.page span.act{border:1px solid #3984C4;background:#418ccc;}

.box_link:hover{background:#F6F0E1;}

.tablenav.bottom{position:fixed;z-index:8;bottom:0;left:0;width:100%;min-height:27px;padding:16px 0;text-align:left;border-top:1px solid #ddd;background:#fff;}
.tablenav.bottom .left{float:left;min-width:500px;padding-left:165px;}
.tablenav.bottom .left .btn{padding:6px 10px;font-size:12px;line-height:12px;}
.tablenav.bottom .right{float:right;padding-right:60px;}
.tablenav.bottom .right .btn{padding-left:12px;padding-right:12px;}
.list_no_data{padding:30px 0;text-align:center;}
.view_bottom_btn{padding:10px 0;overflow:hidden;}
.view_bottom_btn .left{float:left;width:48%;}
.view_bottom_btn .right{float:right;width:48%;text-align:right;}

.bot_fixed_btn{position:fixed;z-index:8;bottom:0;left:140px;width:calc(100% - 140px);min-height:33px;padding:13px 0;text-align:center;border-top:1px solid #ddd;background:#fff;}
.bot_fixed_btn .btn{padding:9px 12px;font-size:13px;line-height:13px;}

.action_box{position:relative;}
.action_box .action_btn{cursor:pointer;}
.action_box .cont{display:none;position:absolute;z-index:1;bottom:-20px;left:-150px;min-width:140px;padding:5px;border:1px solid #dadada;background:#fff;box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 6px;}
.action_box .cont .box{display:block;width:auto;width:100%;padding:8px 0;text-indent:10px;line-height:1;text-align:left;cursor:pointer;border:none;border-bottom:1px dotted #ddd;background:#fff;}
.action_box .cont .box.close{padding:8px 0;margin-bottom:4px;text-align:center;color:#fff;font-weight:bold;border-bottom:1px solid #fff;background:#333;}
.action_box .cont .box:hover{color:#fff;border-bottom:1px solid #ccc;background:#333;}
.action_box .cont .box:last-child{border-bottom:none;}

.htmleditor-dp-wrap .btn-box{margin-bottom:10px;text-align:right;}
.htmleditor-dp-wrap .btn-box a{display:inline-block;color:#418ccc;border-bottom:1px solid #418ccc;cursor:pointer;}

.mod-sidebar{position:absolute;top:0;right:-310px;width:300px;height:calc(100% - 2px);min-height:300px;background:#fff;border:1px solid #dfdfdf;}
.mod-sidebar select{border-radius:3px;}
.mod-sidebar .mod-sidebar-header ul{overflow:hidden;}
.mod-sidebar .mod-sidebar-header ul li{float:left;}
.mod-sidebar .mod-sidebar-header ul li a{display:block;padding:16px 0;text-align:center;border-bottom:1px solid #dfdfdf;background:#efefef;border-left:1px solid #dfdfdf;}
.mod-sidebar .mod-sidebar-header ul li.active a{border-bottom:none;background:none;}
.mod-sidebar .mod-sidebar-header ul li:first-child a{border-left:none;}
.mod-sidebar .sidebar-contents-outer{height:calc(100% - 46px);overflow-x:hidden;overflow-y:auto;}
.mod-sidebar .sidebar-contents{margin:10px 0 30px 0;}
.mod-sidebar .option-group{padding:2px 14px 0 14px;margin-top:18px;border-top:1px solid #dfdfdf;}
.mod-sidebar .option-group.no-line{margin-top:0;border-top:none;}
.mod-sidebar .option-name{position:relative;padding:16px 0 10px 0;font-weight:bold;}
.mod-sidebar .option-name .option-name-select{position:absolute;top:10px;right:-1px;}
.mod-sidebar .option-checkbox{position:relative;padding:16px 0 10px 24px;font-weight:bold;cursor:pointer;}
.mod-sidebar .option-checkbox:before{content:'';display:inline-block;position:absolute;top:14px;left:0;width:18px;height:18px;border:1px solid #D4D4D8;background:#fff;border-radius:50%;}
.mod-sidebar .option-checkbox:after{content:'';position:absolute;top:18px;left:8px;width:3px;height:7px;border:solid #D4D4D8;border-width:0 2px 2px 0;transform:rotate(45deg);}
.mod-sidebar .option-checkbox.checked:before{border-color:#385C6A;background:#385C6A;}
.mod-sidebar .option-checkbox.checked:after{border-color:#fff;}

/*
.mod-sidebar .mod-sidebar-modal{position:absolute;z-index:1001;top:0;right:0;width:360px;border:1px solid #bfbfbf;border-radius:4px;background:#fff;box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 18px;}
.mod-sidebar .mod-sidebar-modal .modal-name{padding:18px 0 14px 18px;font-size:15px;font-weight:bold;border-bottom:1px solid #ececec;cursor:move;}
.mod-sidebar .mod-sidebar-modal .modal-name .close-btn{position:absolute;top:15px;right:20px;font-size:22px;line-height:22px;cursor:pointer;}
*/

.page-editor{position:relative;}
.page-editor .db{position:relative;min-height:888px;}
.page-editor .group-section{position:relative;z-index:1;}
.page-editor .add-content-editor{position:relative;}
.page-editor .add-content-editor a{display:inline-block;padding:10px 16px;border-top:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}
.page-editor .add-content-editor a.active{font-weight:bold;background:#fff;}
.page-editor .add-content-editor a:first-child{border-left:1px solid #dfdfdf;}
.page-editor .add-content-editor .right-box{position:absolute;top:0;right:0;}
.page-editor .add-content-editor .right-box select{margin-top:3px;}
.page-editor .mod-sidebar .mod-sidebar-header ul li{width:50%;}
.page-editor .mod-sidebar .group-btns{margin:18px 14px 0 0;text-align:right;}
.page-editor .mod-sidebar .insert-positions{width:calc(100% + 6px);margin-left:-3px;overflow:hidden;}
.page-editor .mod-sidebar .insert-positions li{float:left;width:50%;}
.page-editor .mod-sidebar .insert-positions li div{position:relative;padding:12px 0;margin:3px;text-align:center;border:1px solid #dfdfdf;border-radius:2px;cursor:pointer;}
.page-editor .mod-sidebar .insert-positions li.active div{color:#fff;background:#486C7A;border-color:#486C7A;}
.page-editor .mod-sidebar .array-option-group{position:relative;margin-top:16px;border-top:1px dotted #dfdfdf;}
.page-editor .mod-sidebar .array-option-group:before{content:'OR';display:inline-block;position:absolute;top:-7px;left:50%;padding:0 4px;margin-left:-14px;font-size:13px;color:#929292;background:#fff;}
.page-editor .mod-sidebar .array-option-group:first-child{margin-top:0;border:none;}
.page-editor .mod-sidebar .array-option-group:first-child:before{display:none;}
.page-editor .mod-sidebar textarea{height:57px;}
.page-editor .mod-sidebar .form-check{margin-bottom:5px;}
.page-editor .mod-sidebar .array-option-box{position:relative;margin-top:22px;border-top:1px dotted #dfdfdf;}
.page-editor .mod-sidebar .array-option-box:before{content:'AND';display:inline-block;position:absolute;top:-7px;left:50%;padding:0 4px;margin-left:-17px;font-size:13px;color:#929292;background:#fff;}
.page-editor .mod-sidebar .array-option-box:first-child{padding-top:0;margin-top:0;border-top:none;}
.page-editor .mod-sidebar .array-option-box:first-child:before{display:none;}
.page-editor .mod-sidebar .array-option-box .remove-array-option{display:inline-block;position:absolute;z-index:1;top:2px;right:-6px;padding:12px;font-size:15px;font-weight:bold;cursor:pointer;}
.page-editor .mod-sidebar .add-array-item-box{padding-top:12px;margin-top:10px;text-align:right;border-top:1px dotted #dfdfdf;}
/*
.page-editor .mod-sidebar .array-suboption-box{}
.page-editor .mod-sidebar .array-suboption-box:before{content:'OR';display:inline-block;position:absolute;top:-6px;left:50%;padding:0 4px;margin-left:-15px;font-size:13px;color:#929292;background:#fff;}
.page-editor .mod-sidebar .array-suboption-box:first-child{margin-top:0;border:none;}
.page-editor .mod-sidebar .array-suboption-box:first-child:before{display:none;}
.page-editor .mod-sidebar .array-suboption-box .remove-array-suboption{}
*/

.modal .row-sort-order-form li{position:relative;padding:8px;margin-bottom:6px;border:1px solid #dfdfdf;background:#fff;cursor:pointer;}
.modal .row-sort-order-form li span{position:absolute;z-index:1;top:0;right:0;width:30px;height:30px;}
.modal .row-sort-order-form li span:before,
.modal .row-sort-order-form li span:after{content:'';position:absolute;top:6px;right:14px;width:2px;height:16px;background-color:#454545;}
.modal .row-sort-order-form li span:before{transform:rotate(45deg);}
.modal .row-sort-order-form li span:after{transform:rotate(-45deg);}

@media screen and (max-width:1740px) {
.mod-sidebar{position:static;right:0;width:auto;height:300px;min-height:auto;margin-top:10px;}
.mod-sidebar .mod-sidebar-header ul li a{padding:12px 0;}
}

@media screen and (max-width:1099px) {
.header .mobile_gnb_wrap{position:fixed;z-index:1000;top:0;left:0;width:100%;height:42px;text-align:center;background:#2f3c52;}

.header .mobile_nav_show_btn{float:left;width:20%;height:42px;cursor:pointer;}
.header .mobile_nav_show_btn div.box_wrap{text-align:center;}
.header .mobile_nav_show_btn div.box{display:inline-block;margin-top:2px;}
.header .mobile_nav_show_btn ul{display:inline-block;margin-top:6px;}
.header .mobile_nav_show_btn ul li{display:block;width:19px;height:3px;margin-top:4px;border-radius:8px;background:#fff;}

.header .logo_mobile{float:left;width:75%;height:42px;padding-right:5%;line-height:42px;margin:0;text-align:right;font-weight:bold;}
.header .logo_mobile .txt{font-size:19px;color:#fff;}

.header .mobile_nav_layer{position:absolute;z-index:1002;top:0;left:-100%;width:85%;text-align:left;background:#292929;}
.header .mobile_nav_layer .inner_box{padding:5px;}
.header .mobile_nav_layer .navi_layer_back{position:fixed;z-index:-1;top:0;left:85%;width:15%;height:200%;background:#333;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.header .mobile_nav_layer .navi_layer_close_btn{position:fixed;top:34px;right:0;width:15%;padding:.8em 0;text-align:center;font-size:2em;color:#fff;font-weight:bold;}
.header .mobile_nav_layer .navi{background:#292929;}

.header .mobile_nav_layer .navi .s_box{display:none;}
.header .mobile_nav_layer .navi .act_box{display:block;}
.header .mobile_nav_layer .navi .s a{display:block;position:relative;cursor:pointer;text-align:left;}
.header .mobile_nav_layer .navi .s1_box{border-bottom:1px solid #212121;}
.header .mobile_nav_layer .navi .s1_box:last-child{border-bottom:none;}
.header .mobile_nav_layer .navi .s1 a{padding:15px 10px 15px 33px;font-size:15px;line-height:16px;color:#f2f2f2;letter-spacing:-.5px;}
.header .mobile_nav_layer .navi .s1 a img{position:absolute;top:13px;left:8px;width:16px;}
.header .mobile_nav_layer .navi .act_box .s1 .mark{position:absolute;top:13px;right:0;width:0;height:0;border-color:transparent #fff transparent transparent;border-width:6px;border-style:solid;}
.header .mobile_nav_layer .navi .s2_box{padding:5px 0;background:#272e3f;}
.header .mobile_nav_layer .navi .s2_box a{padding:9px 0 9px 14px;color:#f2f2f2;}
.header .mobile_nav_layer .navi .s2_box a:hover{background:#2f3c52;}
.header .mobile_nav_layer .navi .s2_box .act.navi_btn a{color:#f2f2f2;background:none;}
.header .mobile_nav_layer .navi .s2_box .act .mark{border-color:#fff transparent transparent transparent;}
.header .mobile_nav_layer .navi .s2 a{padding:11px 0 11px 14px;font-size:14px;}
.header .mobile_nav_layer .navi .s2 .mark{position:absolute;top:15px;right:12px;width:0;height:0;border-color:#ccc transparent transparent transparent;border-width:4px;border-style:solid;}
.header .mobile_nav_layer .navi .s3 a{padding:8px 0 8px 16px;font-size:14px;}
.header .mobile_nav_layer .navi .s3 .mark{position:absolute;top:15px;right:12px;width:0;height:0;border-color:#ccc transparent transparent transparent;border-width:4px;border-style:solid;}
.header .mobile_nav_layer .navi .s4 a{padding:8px 0 8px 30px;font-size:14px;}

.header .mobile_nav_layer .quick_navi{overflow:hidden;background:#2F3334;}
.header .mobile_nav_layer .quick_navi li{float:left;width:50%;}
.header .mobile_nav_layer .quick_navi li a{display:block;width:auto;padding:13px 12px !important;font-size:13px;line-height:13px;color:#fff;font-weight:bold;border-bottom:1px solid #2E3236;border-left:1px solid #2E3236;background:#383C40;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;word-wrap:normal;}
.header .mobile_nav_layer .quick_navi li:nth-child(even) a{border-right:1px solid #2E3236;}

.content{float:none;width:auto;padding:48px 0 10px 0;background:#fff;}

.content_top_box{padding:10px;margin:0 0 10px 0;line-height:20px;font-size:13px;font-weight:bold;border:1px solid #ddd;background:#fff;}
.content_top_box a:hover{text-decoration:underline;}

.content_top_box{border:none;border-bottom:1px solid #ddd;}

.footer{padding-top:12px;}

.section_title{margin-bottom:0;border:none;}

.tablenav.bottom .left{min-width:auto;padding-left:8px;}
.bot_fixed_btn{left:0;width:100%;}

.scroll-outer{overflow-x:auto;}
.scroll-outer .scroll-inside{min-width:1280px;}
}

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

}

@media print{
.section_title:before{print-color-adjust:exact;}
}