@charset "utf-8";

body{overflow-x:auto}

html.fix{overflow-y:hidden}

/* responsive content control*/
.t_layout_b{display:block}
.t_layout_n{display:none}

.t_layout_tc{display:table-cell}
.t_layout_tl{display:table-column}


/* btn */
.btn_list{margin:-3px 0}
.btn_list > p{margin:3px 0}

.btn_bottom{margin-top:30px;text-align:center}

.btn_list_bottom{position:relative;margin-top:10px;text-align:right}
.btn_list_bottom > p{position:absolute;left:0;top:0}

.btn01,
.btn02,
.btn03{box-shadow:-1px 2px 3px rgba(0,0,0,0.2)}

.btn01:hover,
.btn02:hover,
.btn03:hover{box-shadow:inset -1px 2px 3px rgba(0,0,0,0.1)}

.btn_c01:hover{box-shadow:none !important;background-color:#fff}

.btn01{display:inline-block;height:28px;padding:0 10px;font-size:14px !important;font-weight:300;text-decoration:none !important;text-align:center !important;line-height:28px;box-sizing:border-box}
.btn02{display:inline-block;height:24px;padding:0 7px;font-size:12px !important;font-weight:300;text-decoration:none !important;text-align:center !important;line-height:24px;box-sizing:border-box}
.btn03{display:inline-block;height:22px;padding:0 5px;font-size:12px !important;font-weight:300;text-decoration:none !important;text-align:center !important;line-height:22px;box-sizing:border-box}
.btn04{display:inline-block;height:14px;padding:0 2px;font-size:10px !important;font-weight:300;text-decoration:none !important;text-align:center !important;line-height:14px;box-sizing:border-box}

.btn_c01{color:#666 !important;border:solid 1px #cdcdcd;background-color:#f5f5f5}
.btn_c02{color:#fff !important;border:solid 1px #404b5a;background-color:#586374}
.btn_c03{color:#fff !important;border:solid 1px #de7120;background-color:#ed9449}
.btn_c04{color:#fff !important;border:solid 1px #3f7cc6;background-color:#669edc}
.btn_c05{color:#666 !important;border:solid 1px #cdcdcd;background-color:#fff;box-shadow:none !important}
.btn_c06{color:#888 !important;border:solid 1px #ccc;background-color:#d7d7d7;box-shadow:none !important}
.btn_c07{color:#fff !important;border:solid 1px #3f7cc6;background-color:#009900}


.btn_condition_search{display:inline-block;width:27px;height:26px;border:solid 1px #ccc;background: url(../../images/util/btn_search.png) no-repeat center center;box-shadow:-1px 2px 3px rgba(0,0,0,0.2)}

.period_wrap .btn_condition_search{margin:2px 0 0 2px;border-radius:3px;box-shadow:none !important}


/* btn_page */
.paging_wrap{text-align:center;margin-top:30px}
.paging_wrap > ol{display:inline-block}
.paging_wrap > ol li{float:left;border:solid 1px #ebebeb}
.paging_wrap > ol li:not(:first-child){border-left:none}
.paging_wrap > ol li a,
.paging_wrap > ol li strong{display:block;width:28px;height:28px;font-size:13px;line-height:28px}
.paging_wrap > ol li strong{color:#f27300;background:#f4f4f4}
.paging_wrap > ol .prev a{background:url(../../images/util/paging_prev.png) no-repeat center center}
.paging_wrap > ol .prev_end a{background:url(../../images/util/paging_prev_end.png) no-repeat center center}
.paging_wrap > ol .next a{background:url(../../images/util/paging_next.png) no-repeat center center}
.paging_wrap > ol .next_end a{background:url(../../images/util/paging_next_end.png) no-repeat center center}

/* table_list */
table em{font-weight:500}

table.list{width:100%;table-layout:fixed;border:1px solid #e0e0e0}
table.list td,
table.list th{height:20px;padding:5px;text-align:center;color:#666;line-height:1.4;vertical-align:middle;border-left:1px solid #e5e5e5;box-sizing:border-box}
table.list td:first-child,
table.list thead tr:first-child th:first-child{border-left:none}
table.list th{color:#333;text-align:center;vertical-align:middle;font-weight:normal;background:#f9f9f9}
table.list thead tr:not(:first-child) th{border-top:solid 1px #e5e5e5}
table.list th a{color:#0086bd}
table.list th a.list_sort{color:#333}
table.list tbody th,
table.list tfoot th{border-top:solid 1px #e5e5e5}
table.list tbody th:first-child,
table.list tfoot th:first-child{border-left:none}
table.list td{border-top:1px solid #dedede}
table.list tbody tr:hover td,
table.list tfoot td{background:#f9f9f9}
table.list tbody td a{color:#0086bd;text-decoration:underline}



/* table_view */
table.view{width:100%;table-layout:fixed;border:1px solid #e0e0e0}
table.view td,
table.view th{height:30px;padding:5px 10px;text-align:center;color:#666;line-height:1.4;vertical-align:middle;border-left:1px solid #e5e5e5;border-top:1px solid #dedede;box-sizing:border-box}
table.view td:first-child,
table.view th:first-child{border-left:none}
table.view th{color:#333;text-align:center;vertical-align:middle;font-weight:normal;background:#f9f9f9}
table.view tr:first-child th,
table.view tr:first-child td{border-top:none}
table.view td{text-align:left}
table.view th a,
table.view td a{color:#0086bd;text-decoration:underline}


table.view .table_wrap{padding:0;border:none}
table.view .table_wrap table.list{border:none;border-bottom:solid 1px #e5e5e5}
table.view .table_wrap table.list thead th{border-top:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5}
table.view .table_wrap table.list td{text-align:center}


/* table_etc */
table .btn_title_cell{line-height:24px}
table .btn_title_cell > a{margin-left:5px}

table td.no_result{color:#333;font-weight:700}

table .bl{border-left:solid 1px #e5e5e5 !important}

table .result{background:#f9f9f9}


.d_t{display:table;width:100%;height:100%;table-layout:fixed}
.d_t .d_c{display:table-cell;width:100%;vertical-align:middle}

.disable{cursor:default;opacity:0.6;text-decoration:none !important;color:#666 !important;}


/* text */
.ls_zero{letter-spacing:0}

.underline{text-decoration:underline}

.text_over{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.text_al{text-align:left !important}
.text_ac{text-align:center !important}
.text_ar{text-align:right !important}

.f_100{font-weight:100 !important}/* Thin */
.f_300{font-weight:300 !important}/* light */
.f_400{font-weight:400 !important}/* Reguler */
.f_500{font-weight:500 !important}/* Medium */
.f_700{font-weight:700 !important}/* Bold */

.text_c01{color:#f00 !important}
.text_c02{color:#0086bd !important}
.text_c03{color:#333 !important}



/* hide */
.hide_text{position:absolute;left:-9999px;width:0;height:0;margin:0;padding:0;visibility:hidden;overflow:hidden;font-size:0px;line-height:0}


/* layerPop */
.pop_wrap{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:500;display:none;background:rgba(0,0,0,0.8);overflow-y:auto;z-index:9999}
.pop_wrap > div{display:table;width:100%;height:100%;table-layout:fixed}
.pop_wrap > div > div{display:table-cell;width:100%;vertical-align:middle}
.pop_wrap .pop_title{font-size:20px;font-weight:500}
.pop_wrap .btn_page_wrap{margin-top:30px}
.pop_wrap .btn_page_wrap ul li{margin-left:-1px}
.pop_data{position:relative;min-width:900px;max-width:1280px;margin:0 auto;padding:0 20px 40px;text-align:left;background:#fff;border:1px solid #c9c9c9;border-top:none;box-sizing:border-box}
a.btn_pop_close{position:absolute;top:10px;right:10px;display:block;width:32px;height:32px}
a.btn_pop_close:after,
a.btn_pop_close:before{content:"";position:absolute;left:50%;top:50%;width:2px;height:20px;margin:-10px 0 0 -1px;background:#fff}
a.btn_pop_close:after{-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg)}
a.btn_pop_close:before{-ms-transform: rotate(-45deg);-webkit-transform: rotate(45deg);transform: rotate(-45deg)}

.system01 .pop_title{background:#2774d1}
.system02 .pop_title{background:#6d6cbe}
.system03 .pop_title{background:#0fa1b0}
.system04 .pop_title{background:#1f93c8}
.system05 .pop_title{background:#1bab8b}

.pop_title{margin:0 -21px 20px;padding:0 20px;color:#fff;font-size:20px;font-weight:500;line-height:50px}

/* windowPop */
.window_pop .pop_title{margin:0 0 30px}

#popContent{padding:0 20px}

#skipnav{position:absolute;left:0;top:0;width:100%;z-index:10000}
#skipnav a{display:block;position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#skipnav a:link,
#skipnav a:visited,
#skipnav a:active{left:-9999px}
/*#skipnav a:hover, */
#skipnav a:focus{left:0;width:200px;height:50px;text-align:center;color:#fff;font-size:16px;line-height:50px;background:#000}

#wrap{min-width:1152px;margin:0 auto}

#header{position:absolute;width:100%;height:281px;z-index:999}
#header.simple{height:147px !important}

#header.fix{position:fixed;width:100%;height:auto}
#header.fix .header_wrap{margin-bottom:0}
#header.fix .system_tab_menu,
#header.fix .gnb_wrap,
#header.fix .btn_gnb_control{display:none}


.system_tab_menu{position:relative;padding:15px 40px 0;border-bottom:solid 1px #ccc;background:#d7d7d7}
.system_tab_menu .swiper-wrapper:after{content:"";display:block;clear:both}
.system_tab_menu .swiper-wrapper .swiper-slide{float:left;width:auto}
.system_tab_menu .swiper-wrapper .swiper-slide:not(:first-child){margin-left:1px}
.system_tab_menu .swiper-wrapper .swiper-slide a{display:block;padding:0 35px;line-height:33px;border:solid 1px #ccc;border-bottom:none;border-radius:7px 7px 0 0;background:#fff}
.system_tab_menu .swiper-wrapper .swiper-slide.tab01:hover a{border-color:#2774d1;background:#2774d1}
.system_tab_menu .swiper-wrapper .swiper-slide.tab02:hover a{border-color:#6b6abb;background:#6b6abb}
.system_tab_menu .swiper-wrapper .swiper-slide.tab03:hover a{border-color:#0fa1b0;background:#0fa1b0}
.system_tab_menu .swiper-wrapper .swiper-slide.tab04:hover a{border-color:#1f93c8;background:#1f93c8}
.system_tab_menu .swiper-wrapper .swiper-slide:hover a,
.system_tab_menu .swiper-wrapper .swiper-slide.actived a{color:#fff}
.system_tab_menu .swiper-button-prev,
.system_tab_menu .swiper-button-next{display:none !important}
.system_tab_menu .input_code_wrap{position:absolute;right:20px;top:10px;z-index:10}
.system_tab_menu .input_code_wrap input[type="text"]{width:100px;text-align:center;border-radius:3px}
.system_tab_menu .input_code_wrap .btn01{font-size:13px !important;border-radius:3px;box-shadow:none;background:#2e3748}

.header_wrap{position:relative;margin-bottom:30px;padding:0 40px;border-bottom:solid 1px #ccc;background:url(../../images/common/header_bg.gif) repeat left top;box-sizing:border-box}
.header_wrap .inner{padding:20px 0;line-height:26px}
.header_wrap h1{display:inline-block;color:#333;font-size:24px;font-weight:700}
.header_wrap h1 > span{color:#2774d1}
.header_wrap h2{display:inline-block;font-size:14px;font-weight:400}
.header_wrap .global_menu{position:absolute;right:40px;top:20px}
.header_wrap .global_menu:after{content:"";display:block;clear:both}
.header_wrap .global_menu li{position:relative;float:left;padding-left:21px}
.header_wrap .global_menu li:not(:first-child):after{content:"|";display:block;position:absolute;left:10px;top:-1px}

.header_wrap .global_menu .our_school_layer{display:none;position:absolute;top:40px;right:-45px;width:450px;padding:30px;line-height:1;border-radius:13px;box-sizing:border-box;background:#c8e1f7;z-index:10000}
.header_wrap .global_menu .our_school_layer:after{content:"";display:block;position:absolute;right:55px;top:-14px;border-bottom:solid 14px #c8e1f7;border-right:solid 9px transparent;border-left:solid 9px transparent;z-index:100}
.header_wrap .global_menu .our_school_layer > .layer_title{position:relative;margin-bottom:20px;text-align:left;color:#000;font-size:24px;line-height:30px}
.header_wrap .global_menu .our_school_layer .layer_title .btn_wrap{margin-top:20px;text-align:center}
.header_wrap .global_menu .our_school_layer .layer_title .btn_wrap > a{display:inline-block;height:28px;padding:0 15px 0 35px;color:#fff;font-size:16px;line-height:28px;border-radius:30px;background-repeat:no-repeat;background-position:left 15px center;background-size:14px auto;transition:all 0.25s}
.header_wrap .global_menu .our_school_layer .layer_title .btn_wrap .btn_message{position:relative;border:solid 1px #2774d1;background-color:#2774d1;background-image:url(../../images/common/btn_message.png)}
.header_wrap .global_menu .our_school_layer .layer_title .btn_wrap .btn_message:hover{color:#2774d1;background-color:#fff;background-image:url(../../images/common/btn_message_on.png)}
.header_wrap .global_menu .our_school_layer .layer_title .btn_wrap .btn_message .number{position:absolute;right:0;top:0;width:20px;height:20px;margin-top:-10px;font-size:12px;color:#fff;line-height:20px;border-radius:50%;background:#f2814e}
.header_wrap .global_menu .our_school_layer .layer_title .btn_wrap .btn_logout{border:solid 1px #999;background-color:#999;background-image:url(../../images/common/btn_logout.png)}
.header_wrap .global_menu .our_school_layer .layer_title .btn_wrap .btn_logout:hover{color:#2774d1;border-color:#fff;background-color:#fff;background-image:url(../../images/common/btn_logout_on.png)}
.header_wrap .global_menu .our_school_layer .our_school_menu{margin:-5px}
.header_wrap .global_menu .our_school_layer .our_school_menu:after{content:"";display:block;clear:both}
.header_wrap .global_menu .our_school_layer .our_school_menu > li{width:50%;float:left;padding:5px;box-sizing:border-box}
.header_wrap .global_menu .our_school_layer .our_school_menu > li:after{display:none !important}
.header_wrap .global_menu .our_school_layer .our_school_menu > li > a{display:block;height:40px;text-align:center;color:#2774d1;font-size:18px;line-height:40px;background:#fff;border-radius:40px}
.header_wrap .global_menu .our_school_layer >.btn_close{display:block;position:absolute;right:20px;top:20px;width:20px;height:20px}
.header_wrap .global_menu .our_school_layer >.btn_close:after,
.header_wrap .global_menu .our_school_layer >.btn_close:before{content:"";position:absolute;left:50%;top:50%;width:2px;height:30px;margin:-15px 0 0 -1px;background:#4995ee}
.header_wrap .global_menu .our_school_layer >.btn_close:after{-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.header_wrap .global_menu .our_school_layer >.btn_close:before{-ms-transform: rotate(-45deg);-webkit-transform: rotate(45deg);transform: rotate(-45deg)}

.header_wrap .global_menu .message_list{display:none;position:absolute;right:0;top:80px;width:400px;padding:30px 30px 15px;border:solid 1px #d7d7d7;background:#f5f7f9;border-radius:13px;box-sizing:border-box;z-index:10}
.header_wrap .global_menu .message_list .layer_title{position:relative;padding-bottom:15px;text-align:left;font-size:18px;line-height:30px}
.header_wrap .global_menu .message_list .layer_title .btn_more{display:block;position:absolute;right:30px;top:0;height:28px;padding:0 15px;color:#fff;font-size:16px;line-height:28px;border:solid 1px #999;border-radius:30px;background-color:#999;transition:all 0.25s}
.header_wrap .global_menu .message_list .layer_title .btn_more:hover{color:#2774d1;border-color:#2774d1;background-color:#fff;}
.header_wrap .global_menu .message_list ul > li{position:relative;padding:0;float:none;border-top:solid 1px #aaa}
.header_wrap .global_menu .message_list ul > li:after{display:none !important}
.header_wrap .global_menu .message_list ul > li:hover{background:#fff}
.header_wrap .global_menu .message_list ul > li .message{display:block;position:relative;padding:12px 35px 12px 55px;text-align:left;color:#666;font-size:16px}    
.header_wrap .global_menu .message_list ul > li .message .cont{display:block;height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px;text-overflow:ellipsis;overflow:hidden}
.header_wrap .global_menu .message_list ul > li .message .notice_type{position:absolute;left:10px;top:50%;margin-top:-11px;padding:0 5px;color:#fff;font-size:14px;height:22px;line-height:22px;border-radius:2px}
.header_wrap .global_menu .message_list ul > li .message .type01{background:#f2814e}
.header_wrap .global_menu .message_list ul > li .message .type02{background:#e7bf44}
.header_wrap .global_menu .message_list ul > li .btn_del{position:absolute;right:10px;top:50%;width:14px;height:14px;margin-top:-7px}
.header_wrap .global_menu .message_list ul > li .btn_del:before,
.header_wrap .global_menu .message_list ul > li .btn_del:after{height:20px;margin-top:-10px}
.header_wrap .global_menu .message_list > .btn_close{position:absolute;right:20px;top:20px}
.header_wrap .global_menu .message_list .btn_close{display:block;position:absolute;right:20px;top:20px;width:20px;height:20px}
.header_wrap .global_menu .message_list .btn_close:after,
.header_wrap .global_menu .message_list .btn_close:before{content:"";position:absolute;left:50%;top:50%;width:1px;height:30px;margin:-15px 0 0 -1px;background:#818182}
.header_wrap .global_menu .message_list .btn_close:after{-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.header_wrap .global_menu .message_list .btn_close:before{-ms-transform: rotate(-45deg);-webkit-transform: rotate(45deg);transform: rotate(-45deg)}



.system05 .header_wrap h1 > span{color:#1bae8d}

.header_wrap .btn_all_menu{display:inline-block;position:relative;width:26px;height:26px;margin:0 10px;border-radius:50%}
.header_wrap .btn_all_menu > span{position:absolute;left:50%;width:10px;height:2px;margin-left:-5px;background:#fff;transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out}
.header_wrap .btn_all_menu > span:first-child{top:8px}
.header_wrap .btn_all_menu > span:nth-child(2){top:12px}
.header_wrap .btn_all_menu > span:nth-child(3){top:12px}
.header_wrap .btn_all_menu > span:last-child{top:16px}

.all_menu{display:none;position:absolute;left:0;top:66px;width:100%;padding:20px 40px 30px;background:#fff;z-index:10;box-sizing:border-box}
.all_menu .menu_list{margin-left:-20px}
.all_menu .menu_list > li{float:left;width:8.3%;padding:0 10px 0 15px;border-left:solid 1px #ccc;box-sizing:border-box}
.all_menu .menu_list > li:first-child{border:none}
.all_menu .menu_list > li:nth-child(5){width:8.7%}
.all_menu .menu_list > li > a{display:block;color:#333;font-size:16px;font-weight:500;line-height:25px;background-repeat:no-repeat;background-position:left top}
.all_menu .menu_list > li > a > span{display:block;padding-bottom:5px}
.all_menu .menu_list > li > ul{margin-top:15px}
.all_menu .menu_list > li > ul > li{margin-top:5px}
.all_menu .menu_list > li > ul > li a{display:block;line-height:20px}
.all_menu .menu_list > li > ul > li .snb{display:none;border-top:solid 1px #8a8a8a}
.all_menu .menu_list > li > ul > li .snb li a{display:block;padding:5px 0 5px 55px;line-height:20px}
.all_menu .menu_list > li > ul > li .snb li:not(:first-child) a{border-top:solid 1px #8a8a8a}

#header.all .btn_all_menu span:first-child,
#header.all .btn_all_menu span:nth-child(4){display:none}
#header.all .btn_all_menu span:nth-child(2){transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg)}
#header.all .btn_all_menu span:nth-child(3){visibility:visible;transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg)}
#header.all .all_menu{display:block}

.gnb_wrap{position:relative;padding-bottom:29px}
.gnb_wrap .gnb > ul{display:inline-block;padding:0 20px;border-radius:15px;box-shadow:2px 3px 5px rgba(0,0,0,0.1)}
.gnb_wrap .gnb > ul:after{content:"";display:block;clear:both}
.gnb_wrap .gnb > ul > li{position:relative;float:left}
.gnb_wrap .gnb > ul > li:after{content:"";display:block;position:absolute;left:-1px;top:-2px;width:100%;height:100%;visibility:hidden;padding:2px 1px;box-shadow:2px 2px 3px rgba(0,0,0,0.2);z-index:1}
.gnb_wrap .gnb > ul > li:hover:after,
.gnb_wrap .gnb > ul > li.actived:after{visibility:visible}
.gnb_wrap .gnb > ul > li:before{content:"";display:block;position:absolute;height:auto;width:auto;left:0;top:0;bottom:0;right:0;margin:20px 0}
.gnb_wrap .gnb > ul > li:first-child:before{border:none !important}
.gnb_wrap .gnb > ul > li > a{display:block;position:relative;padding:20px 20px 20px 21px;text-align:center;color:#fff;line-height:15px;z-index:2}
.gnb_wrap .gnb > ul > li > a > span:first-child{display:block;margin-bottom:2px}
.gnb_wrap .gnb > ul > li > a .d_t{width:auto;height:30px}
.gnb_wrap .gnb > ul > li > a .d_c{display:table-cell;height:100%;vertical-align:middle}
.gnb_wrap .gnb > ul > li:first-child > a{margin-left:0}
.gnb_wrap .gnb > ul > li .snb{display:none}
.gnb_wrap .quick_menu{position:absolute;right:0;top:50%;margin-top:-48px}
.gnb_wrap .quick_menu > li{float:left}
.gnb_wrap .quick_menu > li:first-child{font-size:24px;color:#333;line-height:66px}
.gnb_wrap .quick_menu > li:not(:first-child){margin-left:15px}
.gnb_wrap .quick_menu > li > a{display:block;position:relative;width:70px;padding:12px 0 9px;text-align:center;color:#fff;border-radius:12px}
.gnb_wrap .quick_menu > li > a > span{display:block}
.gnb_wrap .quick_menu > li > a .number{position:absolute;right:-10px;top:-10px;width:20px;height:20px;line-height:20px;border-radius:50%}

.header_wrap .btn_gnb_control{position:absolute;left:50%;bottom:-20px;width:40px;height:19px;margin-left:-20px}
.header_wrap .btn_gnb_control > a{display:block;width:38px;height:18px;border:solid 1px #ccc;border-top:none;border-radius:0 0 5px 5px}
.header_wrap .btn_gnb_control a.btn_gnb_open{display:none;background:#e2e2e2 url(../../images/content/btn_gnb_open.png) no-repeat center center}
.header_wrap .btn_gnb_control a.btn_gnb_close{display:block;background:#e2e2e2 url(../../images/content/btn_gnb_close.png) no-repeat center center}


.system01 .system_tab_menu .swiper-slide.actived a{border-color:#2774d1;background:#2774d1}
.system01 .header_wrap .btn_all_menu,
.system01 .gnb_wrap .gnb > ul,
.system01 .gnb_wrap .quick_menu > li > a{background:#2774d1}
.system01 .gnb_wrap .gnb > ul > li:before{border-left:solid 1px #689cdb}
.system01 .gnb_wrap .gnb > ul > li:hover:after,
.system01 .gnb_wrap .gnb > ul > li.actived:after,
.system01 .gnb_wrap .quick_menu > li > a .number{background:#448add}

.system02 .system_tab_menu .swiper-slide.actived a{border-color:#6b6abb;background:#6b6abb}
.system02 .header_wrap .btn_all_menu,
.system02 .gnb_wrap .gnb > ul,
.system02 .gnb_wrap .quick_menu > li > a{background:#6d6cbe}
.system02 .gnb_wrap .gnb > ul > li:before{border-left:solid 1px #9897cf}
.system02 .gnb_wrap .gnb > ul > li:hover:after,
.system02 .gnb_wrap .gnb > ul > li.actived:after,
.system02 .gnb_wrap .quick_menu > li > a .number{background:#9796eb}

.system03 .system_tab_menu .swiper-slide.actived a{border-color:#0fa1b0;background:#0fa1b0}
.system03 .header_wrap .btn_all_menu,
.system03 .gnb_wrap .gnb > ul,
.system03 .gnb_wrap .quick_menu > li > a{background:#0fa1b0}
.system03 .gnb_wrap .gnb > ul > li:before{border-left:solid 1px #57bbc5}
.system03 .gnb_wrap .gnb > ul > li:hover:after,
.system03 .gnb_wrap .gnb > ul > li.actived:after,
.system03 .gnb_wrap .quick_menu > li > a .number{background:#3fb7c4}

.system04 .system_tab_menu .swiper-slide.actived a{border-color:#1f93c8;background:#1f93c8}
.system04 .header_wrap .btn_all_menu,
.system04 .gnb_wrap .gnb > ul,
.system04 .gnb_wrap .quick_menu > li > a{background:#1f93c8}
.system04 .gnb_wrap .gnb > ul > li:before{border-left:solid 1px #63b1d5}
.system04 .gnb_wrap .gnb > ul > li:hover:after,
.system04 .gnb_wrap .gnb > ul > li.actived:after,
.system04 .gnb_wrap .quick_menu > li > a .number{background:#45b5e8}

.system05 .system_tab_menu .swiper-slide.actived a{border-color:#1bac8b;background:#1bac8b}
.system05 .header_wrap .btn_all_menu,
.system05 .gnb_wrap .gnb > ul,
.system05 .gnb_wrap .quick_menu > li > a{background:#1bac8b}
.system05 .gnb_wrap .gnb > ul > li:before{border-left:solid 1px #1fc29f}
.system05 .gnb_wrap .gnb > ul > li:hover:after,
.system05 .gnb_wrap .gnb > ul > li.actived:after,
.system05 .gnb_wrap .quick_menu > li > a .number{background:#5fc2ac}

#container{position:relative;padding-top:281px;-webkit-transition: all 0.25s ease;transition: all 0.25s ease}
#header.simple + #container{padding-top:147px}
#content{position:relative;padding:0 40px 100px;padding-left:340px;-webkit-transition: all 0.25s ease;transition: all 0.25s ease}
#content.open{padding-left:40px}

#cover{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;z-index:80;display:none}

.schd_manage{position:relative;padding-left:300px}
.schd_cate {position:absolute;left:0;top:0;width:280px;background:#fff;box-sizing:border-box}

/******************************************************
@ set reponsive 
******************************************************/
@media screen and (max-width:1880px){

	.gnb_wrap .gnb > ul > li > a{padding:20px 17px 20px 18px}
	.gnb_wrap .quick_menu{top:0;margin-top:0}
	.gnb_wrap .quick_menu > li:first-child{margin-bottom:12px;padding-left:10px;font-size:18px;float:none;text-align:center;line-height:1.2}
	.gnb_wrap .quick_menu > li:nth-child(2){margin-left:0}

}


@media screen and (max-width:1660px){
	.system_tab_menu,
	.header_wrap{padding-left:20px;padding-right:20px}	

	.header_wrap .global_menu{right:20px}	
	.gnb_wrap .gnb > ul{padding:0 10px}
	.gnb_wrap .gnb > ul > li > a{padding:20px 15px 20px 16px}


	#content{padding-left:285px;padding-right:20px}


}



@media screen and (max-width:1550px){
	
	.gnb_wrap .quick_menu{top:-9999px}

}



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

	.gnb_wrap .gnb > ul > li > a{padding:20px 10px 20px 11px}


}



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

	
}



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

	.t_layout_b,
	.t_layout_tc,
	.t_layout_tl{display:none !important}

	.btn01:hover,
	.btn02:hover,
	.btn03:hover{box-shadow:none !important}

	.btn_c01:hover{box-shadow:none !important;background-color:#f5f5f5 !important}	

	.header_wrap .global_menu li{padding:0;margin:0}
	.header_wrap .global_menu li:first-child{display:none}
	.header_wrap .global_menu li:after{display:none !important}

	.header_wrap h1{font-size:22px}
	.header_wrap h2{display:none}

	#header.all{position:fixed;width:100%;height:100%;z-index:10}
	#header.all .header_wrap{width:100%;height:100%}
	#header.all .all_menu{left:0;right:0;top:0;bottom:0;width:auto;height:auto;margin-top:66px;padding-bottom:50px;overflow-y:auto}

	#header{position:fixed;height:147px}

	#container{padding-top:147px}

	.all_menu{padding:0}
	.all_menu .menu_list{margin-left:0}
	.all_menu .menu_list > li{float:none !important;width:auto !important;border:none;border-top:solid 1px #e1e1e1 !important;padding:0}
	.all_menu .menu_list > li > a{position:relative;padding-left:20px;line-height:50px}	
	.all_menu .menu_list > li > a > span{display:inline-block;width:35px;padding:0}
	.all_menu .menu_list > li > a:after{content:"";display:block;position:absolute;right:0;top:0;width:50px;height:100%;background:url(../../images/content/btn_gnb_open.png) no-repeat center center}
	.all_menu .menu_list > li > a.actived:after{background:url(../../images/content/btn_gnb_close.png) no-repeat center center}
	.all_menu .menu_list > li > ul{display:none;margin:0;background:#999}
	.all_menu .menu_list > li > ul > li{margin:0;border-bottom:solid 1px #8a8a8a}
	.all_menu .menu_list > li > ul > li > a{padding-left:55px;color:#fff;line-height:40px}

	.gnb_wrap{display:none}

	.header_wrap .btn_gnb_control{display:none}

	#content{padding:0 20px 30px !important}

}	



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

	.system_tab_menu{position:fixed;top:0;left:0;width:100%;background:#fff;padding:0;z-index:9999}
	.system_tab_menu > .inner{position:relative;padding:0 44px}
	.system_tab_menu .swiper-wrapper .swiper-slide{float:none;width:100%;text-align:center}
	.system_tab_menu .swiper-wrapper .swiper-slide a{padding:0}
	.system_tab_menu .swiper-wrapper .swiper-slide a,
	.system_tab_menu .swiper-wrapper .swiper-slide.actived a{font-size:16px;color:#666;line-height:50px !important;border:none !important;background:none !important}
	.system_tab_menu .swiper-wrapper .swiper-slide.actived a{font-weight:500}

	.system_tab_menu .input_code_wrap{display:none}

	.swiper-button-next:after, .swiper-button-prev:after{display:none}
	.system_tab_menu .swiper-button-prev,
	.system_tab_menu .swiper-button-next{display:block !important;top:0;width:24px;height:50px;margin-top:0;outline:none !important;background-size:auto 22px !important}
	.system_tab_menu .swiper-button-prev{left:5px;background:url(../../images/common/btn_tab_prev.png) no-repeat center center}
	.system_tab_menu .swiper-button-next{right:5px;background:url(../../images/common/btn_tab_next.png) no-repeat center center}

	.system01 .system_tab_menu .swiper-slide.actived a{color:#2774d1 !important}
	.system02 .system_tab_menu .swiper-slide.actived a{color:#6b6abb !important}
	.system03 .system_tab_menu .swiper-slide.actived a{color:#0fa1b0 !important}
	.system04 .system_tab_menu .swiper-slide.actived a{color:#1f93c8 !important}

	#header{padding-top:51px}
	#header.fix{padding-top:0}

}