@charset "utf-8";

/* 
color

box bg #f6f9fd

*/

/* templete color - blue */
.templete_blue .templete_bg_color{background-color:#346FEF !important;}
.templete_blue .templete_border_color{border-color:#3c76ed!important;}
.templete_blue .templete_txt{color:#385CCF!important;} 
.templete_blue .btn_color{background-color: #6B7790;}
.templete_blue .btn_basic_color{background-color: #1a54cd;}
.templete_blue .basic_bg_color{background-color: #003964;}
.templete_blue .basic_txt_color{color: #003964;}
.templete_blue .icon_bg_color{background-color: #e8f0ff;}
.templete_blue .txt_bg_color{background-color: #f6f9fd;}
/* header */
.templete_blue .templete_bg_lnb{background-color: #d3e3ff;background-image: url(../image/header/submenu_bg_blue.png);}
.templete_blue .gnb > li:hover > a{border-bottom:2px solid #346FEF;color:#346FEF}
.templete_blue .gnb > li.on > a{border-bottom:2px solid #346FEF;color:#346FEF}
.templete_blue .gnb .lnb > li > a:hover{color:#325AD9;}
/* footer */
.templete_blue footer .allmenu_wrap{background-color: #f6f9fd;}
.templete_blue footer .allmenu_wrap .allmenu_title p{color: #003964;background-image: url(../image/footer/sitemap_icon_blue.png);}
.templete_blue footer .allmenu_wrap .allmenu_title, .templete_blue footer .allmenu_wrap .allmenu_con ul > li{border-color: #dfe6ec;}
/* section */
.templete_blue section.sub{background-image: url(../image/sub/top_bg_blue.jpg);}
.templete_blue section.sub .snb ul li a.active{border-bottom: 2px solid #346FEF;color: #346FEF;background-image: url(../image/sub/left_menu_arr_blue.png);}
/* pagination */
.templete_blue .pagination ul li a.active{color: #1a54cb;border-color: #1a54cd;}
.templete_blue .pagination ul li a.active2{color: #003964;border-color: #003964;}

/* input custom */
.templete_blue .custom_checkbox input:checked + span{background-color: #1a54cb;}
.templete_blue .custom_checkbox2 input:checked + span{background-color: #1a54cb;}
.templete_blue .custom_checkbox3 input:checked + span{background-color: #1a54cb;}
.templete_blue .custom_radio input:checked + span{border-color: #4667a6;}
.templete_blue .custom_radio input:checked + span::after{background-color: #4667a6;}
.templete_blue .custom_radio.active span{border-color: #1a54cb!important;}
.templete_blue .custom_radio.active span::after{background-color: #1a54cb!important;}
/* join page icon */
.templete_blue .login_wrap .step_wrap ul li.step_box.on{background-color: #1a54cb;color: #fff;}
.templete_blue .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step01{background-image: url(../image/login/icon_step01_on_blue.png);}
.templete_blue .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step02{background-image: url(../image/login/icon_step02_on_blue.png);}
.templete_blue .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step03{background-image: url(../image/login/icon_step03_on_blue.png);}
.templete_blue .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step04{background-image: url(../image/login/icon_step04_on_blue.png);}
/* cert icon */
.templete_blue .certification_wrap ul li .cert_icon.type01{background-image: url(../image/login/icon_certification_01_blue.png);}
.templete_blue .certification_wrap ul li .cert_icon.type02{background-image: url(../image/login/icon_certification_02_blue.png);}
.templete_blue .certification_wrap ul li .cert_icon.type03{background-image: url(../image/login/icon_certification_03_blue.png);}
.templete_blue .certification_wrap ul li .cert_icon.type04{background-image: url(../image/login/icon_certification_04_blue.png);}
/* tabs style */
.templete_blue .tab ul{border-color: #1a54cb;}
.templete_blue .tab ul li.ui-tabs-active a{background-color: #1a54cb;}
/* sitemap */
.templete_blue .sub_sitemap a.btn_sitemap:hover {border: 1px solid #3b76ec !important; color: #3b76ec;}



/* templete color - green */
.templete_green .templete_bg_color{background-color: #0F893D!important;}
.templete_green .templete_border_color{border-color:#0F893D!important;}
.templete_green .templete_txt{color:#077D2C!important;}
.templete_green .btn_color{background-color:#558066;}
.templete_green .btn_basic_color{background-color: #0F893D;}
.templete_green .basic_bg_color{background-color: #007c37;}
.templete_green .bullet_blue_square:before{border-color:#0F893D;}
.templete_green .edit_box table thead tr:first-child{border-top:2px solid #0F893D; background:#f7fff9;}
.templete_green .edit_box table tbody tr:first-child{border-top:2px solid #0F893D; background:#f7fff9;}
.templete_green .edit_box table thead + tbody tr:first-child{border-top:1px solid #ddd;}
.templete_green .edit_box .tbl_st thead tr{background:#f7fff9;}
.templete_green .tbl_st.tbl_tbody tbody tr th{background:#f7fff9;}
.templete_green .basic_txt_color{color: #007c37;}
.templete_green .icon_bg_color{background-color: #eaf7ee;}
.templete_green .txt_bg_color{background-color: #f6faf8;}
.templete_green .main_top_bg{background:url(../image/main/main_bg_green.png) no-repeat; background-color: #f2f9f5;}


/* header */
.templete_green .templete_bg_lnb{background-color: #dbf3e0;background-image: url(../image/header/submenu_bg_green.png);}
.templete_green .gnb > li:hover > a{border-bottom:2px solid #0F893D;color:#0F893D}
.templete_green .gnb > li.on > a{border-bottom:2px solid #0F893D;color:#0F893D}
.templete_green .gnb .lnb > li > a:hover{color: #0F893D;}
/* footer */
.templete_green footer .allmenu_wrap{background-color: #f6faf8;}
.templete_green footer .allmenu_wrap .allmenu_title p{color: #007c37;background-image: url(../image/footer/sitemap_icon_green.png);}
.templete_green footer .allmenu_wrap .allmenu_title, .templete_green footer .allmenu_wrap .allmenu_con ul > li{border-color: #e0ece5;}
/* section */
.templete_green section.sub{background-image: url(../image/sub/top_bg_green.jpg);}
.templete_green section.sub .snb ul li a.active{border-bottom: 2px solid #077D2C;color: #077D2C;background-image: url(../image/sub/left_menu_arr_green.png);}
/* pagination */
.templete_green .pagination ul li a.active{color: #11a24c;border-color: #11a24c;}
.templete_green .pagination ul li a.active2{color: #11a24c;border-color: #11a24c;}
/* input custom */
.templete_green .custom_checkbox input:checked + span{background-color: #11a24c;}
.templete_green .custom_radio input:checked + span{border-color: #11a24c;}
.templete_green .custom_radio input:checked + span::after{background-color: #11a24c;}
.templete_green .custom_radio.active span{border-color: #11a24c!important;}
.templete_green .custom_radio.active span::after{background-color: #11a24c!important;}
/* join page icon */
.templete_green .login_wrap .step_wrap ul li.step_box.on{background-color: #11a24c;color: #fff;}
.templete_green .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step01{background-image: url(../image/login/icon_step01_on_green.png);}
.templete_green .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step02{background-image: url(../image/login/icon_step02_on_green.png);}
.templete_green .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step03{background-image: url(../image/login/icon_step03_on_green.png);}
.templete_green .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step04{background-image: url(../image/login/icon_step04_on_green.png);}
/* cert icon */
.templete_green .certification_wrap ul li .cert_icon.type01{background-image: url(../image/login/icon_certification_01_green.png);}
.templete_green .certification_wrap ul li .cert_icon.type02{background-image: url(../image/login/icon_certification_02_green.png);}
.templete_green .certification_wrap ul li .cert_icon.type03{background-image: url(../image/login/icon_certification_03_green.png);}
.templete_green .certification_wrap ul li .cert_icon.type04{background-image: url(../image/login/icon_certification_04_green.png);}
/* tabs style */
.templete_green .tab ul{border-color: #0F893D;}
.templete_green .tab ul li.ui-tabs-active a{background-color: #0F893D;}
/* sitemap */
.templete_green .sub_sitemap a.btn_sitemap:hover {border: 1px solid #11a24c !important; color: #11a24c;}





/* templete color - red */
.templete_red .templete_bg_color{background-color: #DE324C!important;}
.templete_red .templete_border_color{border-color:#DE324C!important;}
.templete_red .templete_txt{color:#DB173A!important;}
.templete_red .btn_color{background-color: #8a5b63;}
.templete_red .btn_basic_color{background-color: #c31b2b;}
.templete_red .bullet_blue_square:before{border-color:#DE324C;}
.templete_red .edit_box table thead tr:first-child{border-top:2px solid #DE324C; background:#fbf8f9;}
.templete_red .edit_box table tbody tr:first-child{border-top:2px solid #DE324C; background:#fbf8f9;}
.templete_red .edit_box table thead + tbody tr:first-child{border-top:1px solid #ddd;}
.templete_red .edit_box .tbl_st thead tr{background:#fbf8f9;}
.templete_red .tbl_st.tbl_tbody tbody tr th{background:#fbf8f9;}
.templete_red .basic_bg_color{background-color: #af2737;}
.templete_red .basic_txt_color{color: #af2737;}
.templete_red .icon_bg_color{background-color: #ffecef;}
.templete_red .txt_bg_color{background-color: #fbf8f9;}
.templete_red .main_top_bg{background:url(../image/main/main_bg_red.png) no-repeat; background-color: #f9f6f6;}


/* header */
.templete_red .templete_bg_lnb{background-color: #FFEFF2;background-image: url(../image/header/submenu_bg_red.png);}
.templete_red .gnb > li:hover > a{border-bottom:2px solid #E32849;color:#E32849}
.templete_red .gnb > li.on > a{border-bottom:2px solid #E32849;color:#E32849}
.templete_red .gnb .lnb > li > a:hover{color: #E32849;}
/* footer */
.templete_red footer .allmenu_wrap{background-color: #fbf8f9;}
.templete_red footer .allmenu_wrap .allmenu_title p{color: #af273c;background-image: url(../image/footer/sitemap_icon_red.png);}
.templete_red footer .allmenu_wrap .allmenu_title, .templete_red footer .allmenu_wrap .allmenu_con ul > li{border-color: #eae4e5;}
/* section */
.templete_red section.sub{background-image: url(../image/sub/top_bg_red.jpg);}
.templete_red section.sub .snb ul li a.active{border-bottom: 2px solid #DB173A;color: #DB173A;background-image: url(../image/sub/left_menu_arr_red.png);}
/* pagination */
.templete_red .pagination ul li a.active{color: #c31b2b;border-color: #c31b2b;}
.templete_red .pagination ul li a.active2{color: #c31b2b;border-color: #c31b2b;}
/* input custom */
.templete_red .custom_checkbox input:checked + span{background-color: #c31b2b;}
.templete_red .custom_radio input:checked + span{border-color: #c31b2b;}
.templete_red .custom_radio input:checked + span::after{background-color: #c31b2b;}
.templete_red .custom_radio.active span{border-color: #c31b2b!important;}
.templete_red .custom_radio.active span::after{background-color: #c31b2b!important;}
/* join page icon */
.templete_red .login_wrap .step_wrap ul li.step_box.on{background-color: #c31b2b;color: #fff;}
.templete_red .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step01{background-image: url(../image/login/icon_step01_on_red.png);}
.templete_red .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step02{background-image: url(../image/login/icon_step02_on_red.png);}
.templete_red .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step03{background-image: url(../image/login/icon_step03_on_red.png);}
.templete_red .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step04{background-image: url(../image/login/icon_step04_on_red.png);}
/* cert icon */
.templete_red .certification_wrap ul li .cert_icon.type01{background-image: url(../image/login/icon_certification_01_red.png);}
.templete_red .certification_wrap ul li .cert_icon.type02{background-image: url(../image/login/icon_certification_02_red.png);}
.templete_red .certification_wrap ul li .cert_icon.type03{background-image: url(../image/login/icon_certification_03_red.png);}
.templete_red .certification_wrap ul li .cert_icon.type04{background-image: url(../image/login/icon_certification_04_red.png);}
/* tabs style */
.templete_red .tab ul{border-color: #c31b2b;}
.templete_red .tab ul li.ui-tabs-active a{background-color: #c31b2b;}
/* sitemap */
.templete_red .sub_sitemap a.btn_sitemap:hover {border: 1px solid #e5394a !important; color:#e5394a;}




/* templete color - yellow */
.templete_yellow .templete_bg_color{background-color: #A76906!important;}
.templete_yellow .templete_border_color{border-color:#A76906!important;}
.templete_yellow .templete_txt{color:#A25C02!important;}
.templete_yellow .btn_color{background-color:#996F2D;}
.templete_yellow .btn_basic_color{background-color: #B36206;}
.templete_yellow .bullet_blue_square:before{border-color:#B36206;}
.templete_yellow .edit_box table thead tr:first-child{border-top:2px solid #B36206; background:#fffbf6;}
.templete_yellow .edit_box table tbody tr:first-child{border-top:2px solid #B36206; background:#fffbf6;}
.templete_yellow .edit_box table thead + tbody tr:first-child{border-top:1px solid #ddd;}
.templete_yellow .edit_box .tbl_st thead tr{background:#fffbf6;}
.templete_yellow .tbl_st.tbl_tbody tbody tr th{background:#fffbf6;}
.templete_yellow .basic_bg_color{background-color: #B36206;}
.templete_yellow .basic_txt_color{color: #be8900;}
.templete_yellow .icon_bg_color{background-color: #fff5e8;}
.templete_yellow .txt_bg_color{background-color: #fcfaf7;}
.templete_yellow .main_top_bg{background:url(../image/main/main_bg_yellow.png) no-repeat; background-color: #fef8f0;}

/* header */
.templete_yellow .templete_bg_lnb{background-color: #ffedd3;background-image: url(../image/header/submenu_bg_yellow.png);}
.templete_yellow .gnb > li:hover > a{border-bottom:2px solid #B36206;color:#B36206}
.templete_yellow .gnb > li.on > a{border-bottom:2px solid #ffa20e;color:#ffa20e}
.templete_yellow .gnb .lnb > li > a:hover{color: #B36206;}
/* footer */
.templete_yellow footer .allmenu_wrap{background-color: #fcfaf7;}
.templete_yellow footer .allmenu_wrap .allmenu_title p{color: #be8900;background-image: url(../image/footer/sitemap_icon_yellow.png);}
.templete_yellow footer .allmenu_wrap .allmenu_title, .templete_yellow footer .allmenu_wrap .allmenu_con ul > li{border-color: #eae5dd;}
/* section */
.templete_yellow section.sub{background-image: url(../image/sub/top_bg_yellow.jpg);}
.templete_yellow section.sub .snb ul li a.active{border-bottom: 2px solid #A76906;color: #A76906;background-image: url(../image/sub/left_menu_arr_yellow.png);}
/* pagination */
.templete_yellow .pagination ul li a.active{color: #dc8d0f;border-color: #dc8d0f;}
.templete_yellow .pagination ul li a.active2{color: #dc8d0f;border-color: #dc8d0f;}
/* input custom */
.templete_yellow .custom_checkbox input:checked + span{background-color: #dc8d0f;}
.templete_yellow .custom_radio input:checked + span{border-color: #dc8d0f;}
.templete_yellow .custom_radio input:checked + span::after{background-color: #dc8d0f;}
.templete_yellow .custom_radio.active span{border-color: #dc8d0f!important;}
.templete_yellow .custom_radio.active span::after{background-color: #dc8d0f!important;}
/* join page icon */
.templete_yellow .login_wrap .step_wrap ul li.step_box.on{background-color: #dc8d0f;color: #fff;}
.templete_yellow .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step01{background-image: url(../image/login/icon_step01_on_yellow.png);}
.templete_yellow .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step02{background-image: url(../image/login/icon_step02_on_yellow.png);}
.templete_yellow .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step03{background-image: url(../image/login/icon_step03_on_yellow.png);}
.templete_yellow .login_wrap .step_wrap ul li.step_box.on .icon_round_box.step04{background-image: url(../image/login/icon_step04_on_yellow.png);}
/* cert icon */
.templete_yellow .certification_wrap ul li .cert_icon.type01{background-image: url(../image/login/icon_certification_01_yellow.png);}
.templete_yellow .certification_wrap ul li .cert_icon.type02{background-image: url(../image/login/icon_certification_02_yellow.png);}
.templete_yellow .certification_wrap ul li .cert_icon.type03{background-image: url(../image/login/icon_certification_03_yellow.png);}
.templete_yellow .certification_wrap ul li .cert_icon.type04{background-image: url(../image/login/icon_certification_04_yellow.png);}
/* tabs style */
.templete_yellow .tab ul{border-color: #B36206;}
.templete_yellow .tab ul li.ui-tabs-active a{background-color: #B36206;}
/* sitemap */
.templete_yellow .sub_sitemap a.btn_sitemap:hover {border: 1px solid #ffa20e !important; color:#ffa20e;}


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

/* input custom */
.templete_blue .custom_radio input:checked + span{border-color: #2b4173;}
.templete_blue .custom_radio input:checked + span::after{background-color: #2b4173;}


/* cert icon */
.templete_blue .certification_wrap ul li .cert_icon.type01{background-image: url(../image/login/icon_certification_01_blue.png); background-size: 45%;}
.templete_blue .certification_wrap ul li .cert_icon.type02{background-image: url(../image/login/icon_certification_02_blue.png); background-size: 30%;}
.templete_blue .certification_wrap ul li .cert_icon.type03{background-image: url(../image/login/icon_certification_03_blue.png); background-size: 45%;}
.templete_blue .certification_wrap ul li .cert_icon.type04{background-image: url(../image/login/icon_certification_04_blue.png); background-size: 50%;}


}

/* 2022.07.22 ssj - 추가 */
body[class^="templete_"] .btn_basic_color.btn_finish{background-color:#888;}

/* 2022.09.20 ssj - 추가 */
.templete_flat .main_search_wrap .search_bar input.search,
.templete_flat .main_search_wrap .search_bar .btn_main_search{border-radius:0;}
.templete_flat .main_search_wrap .search_word .con{border-radius:0;}
.templete_flat .main_slide_wrap .slide_con{border-radius:0;}
.templete_flat .main_slide_wrap .main_slide_nav_wrap{border-radius:0;}
.templete_flat .main_login input{border-radius:0;}
.templete_flat .main_login .btn_basic{border-radius:0;}
.templete_flat .service_type1 .frequent_service_list li a.icon_box{border-radius:0;}
.templete_flat .service_type1 .frequent_service_wrap .btn_prev{background:url(../image/main/btn_prev_flat.png) 0% 50% no-repeat;}
.templete_flat .service_type1 .frequent_service_wrap .btn_next{background:url(../image/main/btn_next_flat.png) 0% 50% no-repeat;}
.templete_flat .main_course_area .category_filter_bar ul{border-radius:0;}
.templete_flat .main_course_area .category_filter_bar ul li a{border-radius:0;}
.templete_flat .main_course_area .course_right table.main_list th:first-of-type,
.templete_flat .main_course_area .course_right table.main_list th:last-of-type{border-radius:0;}
.templete_flat .main_course_area .course_left{border-radius:0;}
.templete_flat .course_title{border-radius:0;}
.templete_flat .main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap_2{border-radius:0;}
.templete_flat .main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap_2 .txt_box_wrap .top>p,
.templete_flat .main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap_2:hover .top>p,
.templete_flat .main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap_2:hover .card_over .thumbnail,
.templete_flat .main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap_2 .card_over{border-radius:0;}
.templete_flat .mainBoard .mainBoard_cont,
.templete_flat .news_wrap .news_con{border-radius:0;}
.templete_flat .noticeZone_ctrl_wrap,
.templete_flat .news_wrap .news_con .tab.news ul li a{border-radius:0;}
.templete_flat .main_nav ul li.active a,
.templete_flat .main_nav ul li a{border-radius:0;}
.templete_flat section.sub .snb h2,
.templete_flat .main_login .my_profile,
.templete_flat section.sub .snb ul{border-radius:0;}
.templete_flat .tab.type_02>ul>li>a,
.templete_flat .main_myclass_area .card_box,
.templete_flat .main_myclass_area .list_box,
.templete_flat .main_myclass_area .card_box .card_wrap ol li .thumbnail_wrap .thumbnail,
.templete_flat .main_myclass_area .card_box .card_wrap ol li .card_bottom .btn,
.templete_flat .main_myclass_area .list_box .myclass_list .img_box,
.templete_flat .main_myclass_area .list_box .myclass_list .btn_box .btn,
.templete_flat .main_myclass_area .chart_box{border-radius:0;}

@media screen and (max-width: 800px){
	.templete_flat .m_frequent_service_list li a .icon_box,
	.templete_flat .news_wrap .news_con .tab.news ul li a::before,
	.templete_flat .news_wrap .news_con .tab.news .card_wrap,
	.templete_flat .card_box .no_subject, .list_box .no_subject,
	.templete_flat .main_myclass_area .card_box .card_wrap ol li,
	.templete_flat .main_myclass_area .card_box .card_wrap ol li .card_bottom .btn,
	.templete_flat .main_list_wrap .no_subject{border-radius:0;}
}