@charset "utf-8";

html{font-size:62.5%;}
.wrap{position:relative;width:100%;}
.inner{max-width:1440px;width:100%;margin:0 auto;}
.m_logo{display:none;}
.mask.on{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);left:0;top:0;z-index:5;}

.skip_menu {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
.skip_menu a{display:block; position:absolute; left:0; padding:10px 20px; height: 50px; line-height:30px; color:#fff; background:#000;width:100%;text-align:center;font-size: 18px;box-sizing: border-box;}
.skip_menu a:link,.skip_menu a:visited,.skip_menu a:active{top:-10000px;}
.skip_menu a:hover,.skip_menu a:focus{top:0;}

/* header */
.header{position:relative;width:100%;border-top:10px solid #171b70;margin:0 auto;z-index:7;}
.header>.inner{display:flex;height:104px;justify-content:space-between;align-items:center;}

.mobile_header{display:none;}

.header .util_bar{display:flex;align-items:center;}
.header .search_area{position:relative;}
.header .input_search{width:262px;height:40px;background:hsl(0, 3%, 92%);border:0;border-radius:5px;margin:0 5px 0 0;padding:0 0 0 10px;}
.header .btn_search{position:absolute;height:40px;left:calc(100% - 43px);}
.header .util_btn_area i{margin:-2px 4px 0 0;}
.header .util_btn_area .only_icon i{margin:-2px 0 0 1px;}
.header .util_btn_area .btn{margin:0 5px;}
.header .util_btn_area .only_icon{margin:0 2.5px;}
.header .util_btn_area .user_name{display:inline-block;font-size:1.6rem;margin:0 10px;}

.header .nav{position:relative;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;background:#fff;z-index:2;}
.header .nav .menu_ul{display:inline-flex;width:calc(100% - 43px);}
.header .menu_depth01{width:calc(100% / 5);}
.header .menu_depth01>a{display:flex;height:80px;font-size:2.3rem;font-weight:700;color:#333;text-align:center;align-items:center;justify-content:center;}
.header .sub_menu_wrap{position:absolute;display:none;width:100%;left:0;background:#fff;border-top:1px solid #d8d8d8;margin:-1px 0 0 0;top:79px;box-shadow:0px 8px 8px rgba(0,0,0,.08);}
.header .sub_menu{display:flex;width:100%;}
.header .sub_menu_wrap .sub_menu_title_wrap{width:400px;background:#2e40ba;color:#fff;text-align:right;padding:52px 70px 0 0;}
.header .sub_menu_wrap .sub_menu_title_wrap h2{position:relative;font-size:3.3rem;font-weight:700;}
.header .sub_menu_wrap .sub_menu_title_wrap h2::after{position:absolute;content:"";width:13px;height:13px;background:#fe9a17;border-radius:100%;right:-18px;top:-16px;}
.header .sub_menu_wrap .sub_menu_title_wrap h2 span{display:block;width:100%;font-size:1.5rem;opacity:0.2;margin:17px 0 0 0;}
.header .sub_menu_wrap .sub_menu_ul{display:flex;width:calc(100% - 500px);padding:50px 0 50px 50px;flex-wrap:wrap;gap:45px;}
.header .sub_menu_wrap .sub_menu_ul .menu_depth02{width:calc((100% / 4) - 34px);}
.header .sub_menu_wrap .sub_menu_title{display:flex;width:100%;height:42px;margin:0 0 23px 0;font-size:2.1rem;font-weight:700;color:#2e40ba;border:1px solid #6b75c9;border-radius:5px;align-items:center;justify-content:center;}
.header .sub_menu_wrap .menu_depth03{display:flex;padding:0 10px;flex-direction:column;gap:16px;}
.header .sub_menu_wrap .menu_depth03 a{position:relative;font-size:1.9rem;color:#666;padding:0 0 0 10px;}
.header .sub_menu_wrap .menu_depth03 a::after{position:absolute;content:"";width:4px;height:4px;background:#b4b4b4;left:0;top:10px;}

.header .btn_all_menu{width:40px;}
.header .btn_all_menu:hover{box-shadow:none;}
.header .btn_all_menu i{margin:-5px 0 0 0;}

.header .btn_search:hover,.header .btn_all_menu:hover{box-shadow:none;}
/* //header */

/* 전체메뉴 */
.full_all_menu{position:fixed;width:100%;border-top:10px solid #171b70;background:#fff;top:-150vh;left:0;z-index:12;transition:top 0.3s ease-in-out;}
.full_all_menu.active{top:0;transition:top 0.3s ease-in-out;}
.full_all_menu .top_area{height:105px;justify-content:space-between;align-items:center;}
.full_all_menu .top_area .inner{display:flex;height:100%;justify-content:space-between;align-items:center;}
.full_all_menu .top_area .btn_menu_close{width:20px;height:20px;}
.full_all_menu .top_area .btn_menu_close i.icon.menu.close{background:url(/kofair_case_seed/usr/images/component/icon_close.png) no-repeat center center;background-size:20px auto;}

.full_all_menu .nav{position:relative;display:flex;border-bottom:0;align-items:stretch;}
.full_all_menu .nav::after{position:absolute;content:"";width:100%;height:4px;background:#2e40ba;top:80px;}
.full_all_menu .menu_ul li{width:calc(100%/5);height:auto;text-align:center;}
.full_all_menu .menu_title{display:flex;width:100%;height:80px;font-size:23px;font-weight:bold;color:#333;justify-content:center;align-items:center;}
.full_all_menu .depth02_ul{display:flex;height:calc(100% - 95px);padding:32px 0 35px 30px;border-right:1px solid #d8d8d8;flex-direction:column;gap:20px;}
.full_all_menu li:last-child .depth02_ul{border-right:0;}
.full_all_menu .depth02_ul li{width:100%;text-align:left;}
.full_all_menu .depth02{display:flex;font-size:21px;font-weight:500;color:#333;align-items:center;}
.full_all_menu .depth03_ul{display:flex;margin:14px 0 0 0;font-size:19px;color:#666;flex-direction:column;gap:4px;}
.full_all_menu .depth03_ul a{position:relative;min-height:30px;padding:0 0 0 10px;}
.full_all_menu .depth03_ul a::after{position:absolute;content:"";width:4px;height:4px;background:#b4b4b4;left:0;top:12px;}

/* //전체메뉴 */

/* footer */
.footer{width:100%;background:#d0d1d3;padding:40px 0 35px 0;font-size:1.7rem;font-weight:400;color:#585858;}
.footer .logo{display:inline-block;}
.footer_content{display:flex;margin:40px 0 0 0;align-items:flex-end;justify-content:space-between;}
.footer_info{line-height:1.7;}
.footer_info p:first-child{margin:0 0 16px 0;}
.footer_site{display:flex;flex-direction:column;font-weight:500;}
.footer_site .icon{margin:0 0 0 6px;}
.footer_site .arrow{margin:-3px 0 0 6px;}
.footer_site a{width:30%;margin:10px 0 0 0;}
.footer_site .site_wrap{margin:20px 0 0 0;}
.footer_site .site_wrap select{width:250px;height:40px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select.png) no-repeat calc(100% - 15px) center;border:0;border-radius:5px;font-size:1.7rem;color:#656565;line-height:1.9;padding:0 35px 0 20px;vertical-align:bottom;}
.footer_bottom{display:flex;margin:32px 0 0 0;padding:32px 0 0 0;border-top:1px solid #b9b9b9;justify-content:space-between;}
.footer_bottom .link{display:flex;}
.footer_bottom a{position:relative;padding:0 20px;}
.footer_bottom a::after{position:absolute;content:"";width:2px;height:8px;background:#b0b0b0;top:8px;right:0;}
.footer_bottom a:last-child::after{display:none;}
.footer_bottom a:first-child{padding:0 20px 0 0;}
/* //footer */

@media screen and (max-width: 1440px){
  .inner{padding:0 30px;}
  
  .header .sub_menu_wrap .sub_menu_ul .menu_depth02{width:calc((100% / 3 ) - 34px);}
}

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

  .pc_logo{display:none;}
  .m_logo{display:block;}

  .full_all_menu{display:none !important;}

  /* header */

  .header{border-top:0;}
  .pc_header{display:none !important;}
  .mobile_header{position:relative;display:flex;width:100%;height:126px;background:#fff;padding:0 37px;align-items:center;justify-content:space-between;z-index:2;}
  .mobile_header .header_wrap{display:flex;width:100%;align-items:center;justify-content: space-between;}
  .mobile_header .header_util{display:flex;gap:22px;}
  .mobile_header .header_util button{width:45px;height:45px;padding:0;}
  .mobile_header .header_util button i{display:inline-block;width:100%;height:100%;}
  .mobile_header .btn_sertification i{background:url(/kofair_case_seed/usr/images/component/icon_sertification_m.png) no-repeat center center;;}
  .mobile_header .btn_sertification_out i{width:50px;background:url(/kofair_case_seed/usr/images/component/icon_sertification_out_m.png) no-repeat center center;;}
  .mobile_header .btn_search{position:unset;}
  .mobile_header .btn_search i{background:url(/kofair_case_seed/usr/images/component/icon_search_black_m.png) no-repeat center center;}
  .mobile_header .btn_menu i{background:url(/kofair_case_seed/usr/images/component/icon_menu_m.png) no-repeat center center;}

  .mobile_header .search_area{position:absolute;display:none;width:100%;height:120px;background:#fff;left:0;padding:0 32px;align-items:center;bottom:-120px;}
  .mobile_header .search_area.active{display:flex;}
  .mobile_header .search_area .input_search{width:calc(100% - 130px);height:80px;border-radius:10px;margin:0 10px 0 0;padding:0 30px;font-size:3rem;}
  .mobile_header .search_area .btn_search{width:120px;height:80px;border-radius:10px;background:#2870ed;}
  .mobile_header .search_area .btn_search i{display:inline-block;width:80px;height:80px;background:url(/kofair_case_seed/usr/images/component/icon_search_white_m.png) no-repeat center center;}

  .mobile_header .all_menu_wrap{position:fixed;display:none;width:100%;height:100%;left:0;top:0;background:#fff;overflow:auto;}
  .mobile_header .all_menu_wrap.active{display:block;}
  .mobile_header .all_menu_wrap .top_area{display:flex;height:130px;align-items:center;justify-content:space-between;padding:0 37px;}
  .mobile_header .all_menu_wrap .btn_menu_close{width:45px;height:45px;}
  .mobile_header .all_menu_wrap .btn_menu_close i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/usr/images/component/icon_close.png) no-repeat center center;}
  .m_menu_depth01_li{width:100%;border-top:2px solid #2e40b4;}
  .m_menu_depth01_li:last-child{border-bottom:2px solid #d8d8d8;}
  .m_menu_depth01{width:100%;height:97px;padding:0 32px;font-size:3.6rem;font-weight:bold;color:#2e40b4;text-align:left;background:#fff url(/kofair_case_seed/usr/images/component/icon_menu_slide_down.png) no-repeat calc(100% - 32px) center;}
  .active>.m_menu_depth01{background:#fff url(/kofair_case_seed/usr/images/component/icon_menu_slide_up.png) no-repeat calc(100% - 32px) center;}
  .m_sub_menu>li{border-top:2px solid #d8d8d8;background:#f4f5f7;padding:0 64px;}
  .m_sub_menu .title{display:flex;height:80px;font-size:3.4rem;font-weight:bold;color:#333;align-items:center;}
  .m_sub_menu .m_sub_depth02{display:flex;font-size:3.4rem;color:#5b5b5b;flex-wrap:wrap;gap:34px 0;margin:20px 0 0 0;padding:0 0 43px 0;}
  .m_sub_menu .m_sub_depth02 li{position:relative;width:calc(100% / 2);padding:0 0 0 22px;}
  .m_sub_menu .m_sub_depth02 li::after{position:absolute;content:"";width:8px;height:8px;background:#b4b4b4;left:0;top:19px;}
  .m_sub_menu .m_sub_depth02 li i.outlink{width:32px;height:44px;margin:-4px 0 0 5px !important;background:url(/kofair_case_seed/usr/images/component/icon_outlink_m.png) no-repeat center center;}
  /* //header */

  /* footer */
  .footer{padding:60px 0;}
  .footer .logo,.footer .footer_content{padding:0 20px;}
  .footer .icon.outlink{width:24px;height:24px;background:url(/kofair_case_seed/usr/images/component/icon_outlink_m.png) no-repeat center top;margin:-10px 0 0 10px;}
  .footer_content{flex-direction:column;align-items:flex-start;}
  .footer_info{font-size:3.2rem;line-height:1.2;}
  .footer_site{width:100%;margin:30px 0 0 0;}
  .footer_site a{width:auto;font-size:3.2rem;margin:20px 0 0 0;}
  
  .footer_site .icon.arrow.right{width:35px;height:35px;margin:-5px 0 0 0;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right_m.png) no-repeat center center;}
  .footer_site .site_wrap{width:100%;margin:60px 0 0 -20px;}
  .footer_site .site_wrap select{width:calc(100% - 100px);max-width:360px;height:60px;margin:0 10px 0 0;font-size:2.8rem;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 22px) center;}
  .footer_site .site_wrap .gray_fill{width:80px;height:60px;font-size:3.2rem;padding:0;}
  .footer_bottom{font-size:3.2rem;padding:50px 0 0 0;margin:50px 0 0 0;flex-wrap:wrap;}
  .footer_bottom .link{width:100%;margin:0 0 30px 0;}
  .footer_bottom a{padding:0 36px;}
  .footer_bottom a:first-child{padding:0 36px 0 0;}
  .footer_bottom a::after{width:4px;height:16px;top:13px;}
  /* //footer */

}

/* ==================== 모바일 ==================== */
@media screen and (max-width: 767px){
  
  .mobile_header{height:63px;padding:0 30px;}
  .mobile_header .logo{width:55%;}
  .mobile_header .header_util{gap:11px;}
  .mobile_header .header_util button{width:30px;height:20px;height:auto !important;max-height:30px;}
  .mobile_header .header_util button i{height:100%;background-size:auto 100%;}
  /* .mobile_header .header_util .btn_menu i{background-size:auto ;} */
  
  .mobile_header .search_area{height:60px;bottom:-60px;}
  .mobile_header .search_area .input_search{width:calc(100% - 75px);height:40px;padding:0 15px;font-size:1.5rem;}
  .mobile_header .search_area .btn_search{width:60px;height:40px;border-radius:5px;}
  .mobile_header .search_area .btn_search i{width:40px;height:40px;background-size:23px;}
  
  .mobile_header .all_menu_wrap .btn_menu_close{width:32px;height:32px;}
  .mobile_header .all_menu_wrap .btn_menu_close i{background-size:100% auto;}
  
  .mobile_header .all_menu_wrap .top_area{height:63px;padding:0 30px;}
  .m_menu_depth01{height:48.5px;padding:0 16px;font-size:1.8rem;}
  .active .m_menu_depth01{background-size:15px 9px;}
  
  .m_sub_menu>li{padding:10px 32px;border-top:1px solid #d8d8d8;}
  .m_sub_menu .title{height:40px;font-size:1.7rem;}
  .m_sub_menu .m_sub_depth02{font-size:1.7rem;gap:17px 0;margin:10px 0 0 0;padding:0 0 21px;}
  .m_sub_menu .m_sub_depth02 li{width:100%;padding:0 0 0 10px;}
  .m_sub_menu .m_sub_depth02 li::after{width:4px;height:4px;top:9.5px;}
  .m_sub_menu .m_sub_depth02 li i.outlink{width:16px;height:22px;margin:0 0 0 5px !important;background:url(/kofair_case_seed/usr/images/component/icon_outlink.png) no-repeat center top;}

  /* footer */
  .footer{padding:30px 0;}
  .footer .m_logo{width:70%;}
  .footer .logo, .footer .footer_content{padding:0 10px;}
  .footer_content{margin:20px 0 0 0;}
  .footer_info{font-size:1.6rem;line-height:1.4;}
  .footer_info p:first-child{margin:0 0 8px 0;}

  .footer_site{margin:15px 0 0 0;}
  .footer_site a{font-size:1.6rem;margin:10px 0 0 0;}
  .footer .icon.outlink{width:12px;height:12px;background-size:100%;margin:-5px 0 0 5px;}
  .footer_site .icon.arrow.right{width:12px;height:12px;background-size:50%;margin:-5px 0 0 5px;}
  .footer_site .site_wrap{margin:30px 0 0 -10px;}
  .footer_site .site_wrap select,.footer_site .site_wrap .gray_fill{height:40px;font-size: 1.6rem;}
  .footer_site .site_wrap select{background: #fff url(/kofair_case_seed/usr/images/component/icon_select.png) no-repeat calc(100% - 15px) center;}

  .footer_bottom{font-size:1.6rem;padding:25px 0 0 0;margin:25px 0 0 0;}
  .footer_bottom .link{margin:0 0 15px 0;flex-wrap:wrap;}
  .footer_bottom a{padding:0 18px;}
  .footer_bottom a:first-child{padding:0 18px 0 0;}
  .footer_bottom a::after{width:2px;height:8px;top:6.5px;}
  /* //footer */

}

@media screen and (max-width: 500px){
	.mobile_header{padding:0 15px;}
}