@charset "utf-8";

/* layout */
:root { --KBN-main-color: #FF2E36; --KBN-border-color: #ddd; }
#wrap { max-width: 720px; margin: 0 auto; }

/*
header #gnb .gnb_list li ~li {
	padding-left: 30px;
}
*/

/*
ul.gnb_list > li .gnb-2dep {
	position: absolute;
	left: 0;
	right: 0;
	top: 72px;
	display: flex;
	justify-content: space-around;
	width: 100%;
	height: 60px;
	border-top: 1px solid #e1e1e1;
	background: #fff;
	padding:5px 0;
}

.gnb .gnb-2dep ul { display: flex; width: 720px; justify-content: space-around; }
.gnb .gnb-2dep li { display: inline-block; text-align: center; padding: 0; margin-top: 17px; height: 0; }
.gnb .gnb-2dep li a { display: block; font-size: 27px; font-weight: 400; color: #333; white-space: nowrap; letter-spacing: -1px;}
.gnb .gnb-2dep li.fixed a { font-weight: 500; }
.gnb .gnb-2dep li.active a { color: #f4171e; }

ul.gnb_list > li .gnb-2dep { visibility: hidden; opacity: 0; }
ul.gnb_list > li .gnb-2dep.show { visibility: visible; opacity: 1; }
*/

.dBody { min-height: 425px; padding-top: 70px; }
#sub .dBody { padding-top: 0; }

#sub .dBody .view_form p { 
	word-break: break-all;
}

/* new ================================================================================================================================================================== */
.a11y { position: absolute; width: 1px; height: 1px; overflow: hidden; top: -900px,; margin: -1px; }

/* header */
header .header .wrap_gnb > li.serach_box .btn_search:focus { border: none; } 
header .header { position: relative; z-index: 10; background: #fff; } 
header .header .wrap_top_area {display: flex;height: 120px;justify-content: space-between;align-items: center;position: fixed;border-bottom: 0px solid var(--KBN-border-color);width: 100%;top: 0;background: #fff;z-index: 100;max-width: 720px;} 
header .header .btn_menu {display: block;width: 74px;height: 44px;background: url(/images/main_new/ico_menu-b946312e03bb43d609c92f4b58092aa8.svg) no-repeat center right;background-size: 40px auto;transition: .3s;} 
header .header .serach_box { } 
header .header { } 
header .header .serach_box .btn_search {display: block;width: 74px;height: 44px;background: url(/images/main_new/ico_search-c98e765317369ec5a8cbde32c0dac715.svg) no-repeat center left;background-size: 40px auto;transition: .3s;position: relative;z-index: 10;} 
header .serach_box .modal_search { position: fixed; top: 50px; width: 100vw; height: 0; left: 0; display: flex; justify-content: center; z-index: 1; background: #fff; border-bottom: 1px solid var(--KBN-border-color); opacity: 0; transition: .3s; /* display: none; */
overflow: hidden; max-width: 720px; left: 50%; transform: translateX(-50%); } 

header .serach_box .modal_search.active {height: 100px;opacity: 1;top: 121px;} 

header .serach_box .modal_search .inner { position: fixed; top: 17px; width: 100%; display: flex; margin: 0 auto; max-width: 720px; } 

header .serach_box .modal_search .btn_cl {position: absolute;top: 0px;left: 50%;width: 64px;height: 64px;font-size: 0;border-radius: 100%;background: #f1f1f1;border: 1px solid #ccc;transform: translateX(-50%);margin-left: 304px;} 

header .serach_box .modal_search .btn_cl:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 14px;height: 24px;background: url(/images/main_new/ico_add-8c00b32e81f91ddb02b600a41f89fdf2.svg) no-repeat center center;transform: rotate(45deg);background-size: contain;} 

header .serach_box .modal_search .search_area { display: flex; gap: 17px; padding-left: 20px; } 

header .serach_box .modal_search .search_area .btn_totalsearch.ir {top: 0;right: 10px;width: 64px;height: 64px;font-size: 0;border-radius: 100%;background: #f1f1f1;border: 1px solid #ccc;} 

button.btn_totalsearch.ir:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 12px; height: 12px; background: url(/images/ic_go-4dbeabf959b03ee5519df488feeb6ef1.png) no-repeat 50% 50%; } 

header .serach_box .modal_search .search_area label { } 

header .serach_box .modal_search .search_area input {width: calc(100vw - 130px);height: 65px;padding-left: 25px;font-size: 19px;color: #555;border: 1px solid #ccc;border-radius: 10px !important;background: #f1f1f1;max-width: 530px;font-size: 26px;} 
header .header .main_logo_area { height: 100%; } 
header .header .main_logo_area .logo {width: 125px;height: 100%;background: url(/images/main_new/logo-22df2331e923065416d67824f584e678.png) no-repeat center center;background-size: contain;} 

header .header .btn_gnb {height: 100px;width: 100vw;overflow: auto;margin-top: 120px;max-width: 720px;} 
header .header .btn_gnb .gnb_list {display: flex;font-size: 34px;color: #000;font-weight: 500;justify-content: space-between;padding: 0 17px;height: 100px;align-items: center;gap: 50px;flex-wrap: nowrap;} 
header .header .btn_gnb .gnb { } 
header .header .btn_gnb .gnb.impact { } 

button.btn_totalsearch.ir:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 24px;height: 24px;background: url(/images/ic_go-4dbeabf959b03ee5519df488feeb6ef1.png) no-repeat 50% 50%;background-size: contain;} 

header .header .wrap_gnb > li.serach_box .modal_search .search_area label { } 

header .header .wrap_gnb > li.serach_box .modal_search .search_area input { width: 500px; height: 55px; padding-left: 25px; font-size: 19px; color: #555; border: 1px solid #ccc; border-radius: 10px !important; background: #f1f1f1; }

button.btn_totalsearch.ir:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 14px;height: 24px;background: url(/images/ic_go-4dbeabf959b03ee5519df488feeb6ef1.png) no-repeat 50% 50%;background-size: contain;} 

header .header .wrap_gnb > li.serach_box .modal_search .search_area label { } 

header .header .wrap_gnb > li.serach_box .modal_search .search_area input { width: 500px; height: 55px; padding-left: 25px; font-size: 19px; color: #555; border: 1px solid #ccc; border-radius: 10px !important; background: #f1f1f1; }


header .header .btn_gnb .list_depth_2 { width: 100%; justify-content: space-evenly; align-items: center; gap: 8px; position: absolute; font-size: 27px; left: 0; color: #666; height: 65px; background: #fff; bottom: -65px; border-top: 1px solid #e1e1e1; display: none; } 
header .header .btn_gnb .gnb .list_depth_2 .btn_sub {position: relative;padding-right: 20px;font-size: 28px;} 
header .header .btn_gnb .gnb .list_depth_2 .sub_link_list {position: absolute; top: 60px; left: 0; width: 100%; background: #ffff; padding: 20px 30px 20px; display: none; align-items: center; flex-direction: column; gap: 20px; box-sizing: border-box; color: #666; font-size: 28px; } 
header .header .btn_gnb .gnb .list_depth_2 .sub_link_list.active { display: flex; } 
header .header .btn_gnb .gnb .list_depth_2 .sub_link_list > li { }
header .header .btn_gnb .gnb .list_depth_2 .sub_link_list > li a { }
header .header .btn_gnb .gnb .list_depth_2 .sub_link_list > li.active { }

/*
-- 이미지 태그로 안했을 때
header .header .btn_gnb .gnb .list_depth_2 .btn_sub:after {display: block;content: '';background: url(/images/main_new/ico_gnb_sub-c3574e81bcb4eddae60c77672ce9289e.gif) no-repeat center;width: 44px;height: 44px;position: absolute;right: 25%;top: 0;transform: rotate(180deg);transition: .3s;margin-right: -82px;} 
header .header .btn_gnb .gnb .list_depth_2 .btn_sub.active:after {transform: rotate(0deg);}
*/
/* 이미지 태그로 했을 때(3줄) */
header .header .btn_gnb .gnb .list_depth_2 .btn_sub {padding: 15px 20px;}
header .header .btn_gnb .gnb .list_depth_2 .ico_gnb_sub {transform: rotate(180deg);transition: .3s;}
header .header .btn_gnb .gnb .list_depth_2 .ico_gnb_sub.active {transform: rotate(0deg);}

header .header .btn_gnb .gnb.active .list_depth_2 { display: flex; }
header .header .btn_gnb .list_depth_2 li { } 
header .header .btn_gnb .list_depth_2 li.active { color: var(--KBN-main-color); } 
header .header .btn_gnb .list_depth_2 li a { } 







/* footer */
.ir { display: block; position: absolute; position: relative; overflow: hidden; text-indent: -9999px; }
.ico_arrow_down {display: block;width: 30px;height: 30px;background: url(/images/main_new/ico_arrow_down-bf1380eb6ba60d4e2b07110c76efda80.svg) no-repeat center right;background-size: contain;transition: .3s;color: #666;margin-right: 10px;} 

footer .footer { background: #222; } 

footer .footer .inner { color: #aaa; display: flex; align-items: flex-start; position: relative; height: 100%; box-sizing: border-box; flex-direction: column; } 

footer .footer .logo_area { padding: 0 0 0 20px; } 

footer .footer .logo_area a { } 

footer .footer .logo_area a img { } 

footer .footer .txt_area {display: flex;flex-direction: column;width: 100%;height: 221px;align-items: center;justify-content: center;} 

footer .footer .txt_area .infor {font-size: 20px;font-weight: 500;display: flex;gap: 0;flex-direction: column;justify-content: center;align-items: center;color: #aaa;} 

footer .footer .txt_area .infor span { } 

/* footer .footer .txt_area .infor a { position: relative; }  */

footer .footer .txt_area .infor .copy { } 

footer .footer .wrap_dropbox { width: 100%; } 

footer .wrap_dropbox { } 

footer .wrap_dropbox .dropbox {height: 90px;border: 1px solid #555;padding-left: 20px;padding-right: 10px;display: flex;align-items: center;justify-content: space-between;width: 100%;background: #F0F0F0;border: none;border-top: 1px solid var(--KBN-border-color);font-size: 20px;color: #333;box-sizing: border-box;font-weight: 400;} 

footer .wrap_dropbox .dropbox i {margin-left: 20px;}

footer .wrap_dropbox .wrap_dorpbox_option { position: absolute; width: fit-content; background: red; background: #fff; min-width: 100%; height: 0; box-sizing: border-box; opacity: 0; width: 0; overflow: hidden; transition: .3s; } 

footer .wrap_dropbox .wrap_dorpbox_option .option { display: flex; flex-direction: column; gap: 10px; padding: 5px 5px; border: 1px solid var(--KBN-border-color); border-radius: 5px; } 

footer .wrap_dropbox .wrap_dorpbox_option .option li { color: #333; } 

footer .wrap_dropbox .wrap_dorpbox_option .option li a { width: 100%; display: block; padding: 2px 3px; } 

footer .wrap_dropbox.active .wrap_dorpbox_option { opacity: 1; height: auto; top: 28%; }

footer .wrap_dropbox.active .dropbox i { transform: rotate(180deg); } 

footer .footer .txt_area .infor a:before { display: block; content: ''; } 

footer .footer .txt_area .copy {font-size: 20px;font-style: normal;font-weight: 500;line-height: normal;margin-top: 20px;color: #666;text-align: center;} 

footer .footer .wrap_dropbox select { width: 100%; position: absolute; top: 0; opacity: 0; height: 100%; }

#sub footer .footer { margin-top: 20px; }



/* theme_dark */
.float_area .btn_theme {width: 90px;height: 90px;position: fixed;bottom: 71px;right: 39px;z-index: 100;} 
.ico_theme {display: block;width: 90px;height: 90px;background: url(/images/main_new/ico_moon-c906d645d795f7be6f4a73e33755ed4d.svg) no-repeat center center;background-size: contain;transition: .3s;position: absolute;border-radius: 30px;top: 0;left: 0;} 

body.dark_theme #mainNew .wrap_header { background: #000; } 

body.dark_theme #mainNew .header { background: #000; } 

body.dark_theme #mainNew .header .btn_gnb .gnb_list { color: #fff; } 

body.dark_theme #mainNew .header .wrap_top_area { background: #000; } 
body.dark_theme #mainNew .header .btn_menu {background: url(/images/main_new/ico_menu_dark-36a712e8bb90bcc1289a2af7bba9647d.svg) no-repeat center right;background-size: contain;} 
body.dark_theme #mainNew .header .serach_box .btn_search {background: url(/images/main_new/ico_search_dark2-78f8dce0146776dd5ad9e06517fbe419.svg) no-repeat center left;background-size: contain;} 

body.dark_theme #mainNew .serach_box .modal_search { background: #000; } 

body.dark_theme #mainNew .contents { background: #1E1F21; } 

body.dark_theme #mainNew .contents { background: #1E1F21; } 

body.dark_theme #mainNew section.top .main_area .txt_area .tit { color: #fff; } 

body.dark_theme #mainNew section.top .main_area .txt_area .txt { color: #ccc; } 

body.dark_theme #mainNew .sub_area .sub_items .slick-dots li { background: transparent; border-color: #fff; } 

body.dark_theme #mainNew .sub_area .sub_items .slick-dots li.slick-active { background: #fff; } 

body.dark_theme #mainNew section .section_tit_area { color: #fff; } 

body.dark_theme #mainNew section.mid_2 .main_area .item_list .item .txt_area { background: #2D2D2D; color: #fff; } 


body.dark_theme #mainNew .masony_items .item .txt_area { color: #fff; } 
body.dark_theme #mainNew .wrap_dropbox .dropbox { background: #333; color: #999; } 

body.dark_theme #mainNew .ico_theme {background: url(/images/main_new/ico_sun-0a5a09bf056827f1e128ed457f4b30c7.svg) no-repeat center center;background-size: 90px auto;background-size: contain;} 

body.dark_theme button.btn_more { border-color: #555; color: #ccc; } 
body.dark_theme .ico_add {background: url(/images/main_new/ico_add_dark2-c681a6388582b674502e24a8912ca89b.svg) no-repeat center center;background-size: contain;} 
body.dark_theme .ico_arrow_down{
 background: url(/images/main_new/ico_arrow_down_dark2-5bddedadfaa60d90823ff4464646f3ae.svg) no-repeat center right;
 background-size: contain;
}