img {max-width:100%;}

/* 공통적용 */
.inner {width: 90%; max-width:1400px; margin:0 auto;}
.inner_100 {width: 100%;}
.sec_t {margin-top: 100px; position: relative;}
.shadow {box-shadow: 10px 10px 0 rgba(0, 0, 0, 1) ; -webkit-box-shadow: 10px 10px 0 rgba(0, 0, 0, 1); -moz-box-shadow: 10px 10px 0 rgba(0, 0, 0, 1); }
.lock_scroll {overflow: hidden;}
.embed-container { position: relative; aspect-ratio: 16/9; overflow: hidden; max-width: 100%; width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; }

/* padding */
.p_tb {padding: 120px 0;}
.p_t {padding-top: 120px;}
.p_b {padding-bottom: 120px;}
.p-0{padding: 0 !important;}

/* 서브공통 */
.cate_t .inner { padding: 80px 0}
.cate_t .top_tit{font-size: 5rem;font-weight: 600;}

.line-bg{position: absolute;width: 100%;height: 100%;z-index: -1;}
.line-bg::before{content: "";position: absolute;top: 220px;left: 0;width: 100%;height: 1px;background: #ddd;}
.line-bg.left::after{content: "";position: absolute;top: 0;left: 43%;width: 1px;height: 100%;background: #ddd;}
.line-bg.right::after{content: "";position: absolute;top: 0;left: 57%;width: 1px;height: 100%;background: #ddd;}
.line-bg .dot{position: absolute;top: 220px;left: 60%;width: 6px;height: 6px;background: #26336C;transform: translate(-50%, -50%);z-index: 9;}
.line-bg.left .dot{position: absolute;top: 220px;left: 43%;width: 6px;height: 6px;background: #26336C;transform: translate(-50%, -50%);z-index: 9;}
.line-bg.right .dot{position: absolute;top: 220px;left: 57%;width: 6px;height: 6px;background: #26336C;transform: translate(-50%, -50%);z-index: 9;}

.cate_t .sub_tit{margin-top: 60px;display: flex;align-items: center; gap: 20px;justify-content: right;}
.cate_t .sub_tit .tit{font-size: 5rem;}
.cate_t .sub_tit .txt{font-size: 1.25rem;font-weight: 400;}

/* image style */
.box_img { position: relative; display:block !important; height: 0; overflow: hidden; max-width: 100%; background: #fff;}
.box_img img {position:absolute;  top:50%; left:50%; transform: translate(-50%,-50%);}
.box_img.img11 {padding-bottom: 100%;} /*1:1*/
.box_img.img21 {padding-bottom: 50%;} /*2:1*/
.box_img.img12 {padding-bottom: 200%;} /*1:2*/
.box_img.img43 {padding-bottom: 75%;} /*4:3*/
.box_img.img169 {padding-bottom: 56.25%;} /*16:9*/

.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}

.pc_only{display: block;}
.mo_only{display: none;}

/* input style */
input, button, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 

input[type="text"],
input[type="password"],
input[type="date"],
input[type="email"],
input[type="tel"] {border: 0; border: 1px solid #000; padding: 10px; height: 50px;}  

textarea { width: 100%; resize: none; height: 100px; border: 0; border: 1px solid #000; padding: 10px;} 
select {
    padding: 0 30px 0 10px; height: 50px; line-height: 50px;
    border: 1px solid #000;
    background:url('/img/icon_select_arr-8fe855fb71a12653703a9649adda1cd1.png') no-repeat #fff calc(100% - 10px) 50%/13px auto;
}
select option {line-height: 30px;}

input::placeholder,
textarea::placeholder { color: #aaa; } 

input[type="button"] {
    border: 1px solid #785C1A; padding: 10px;
    text-align: center; display: inline-block; background: #785C1A; color: #fff; 
    transition: 0.3s ease-in-out; cursor: pointer;
} 

input[type="radio"] { border-radius: 10px; margin-top: -1px;}
input[type="checkbox"] { margin-top: 0px; } 

input[type="checkbox"],
input[type="radio"] {
    margin-right: 7px; border: 1px solid #000; background: #fff; vertical-align: middle; width: 20px; height: 20px;
} 
input[type="checkbox"]:checked,
input[type="radio"]:checked { border: 5px solid #785C1A; } 
label { margin-right: 20px; display: inline-block; } 
label:last-child { margin-right: 0; } 

button {
    border: 1px solid #785C1A; background: #785C1A;
    color: #fff; width: 100%; border-radius: 20px; height: 45px; line-height: 45px;  padding: 0 20px;  cursor: pointer;
}


/* padding · margin style*/
.padding_tb {padding:90px 0;}
.padding_t {padding-top: 90px;}
.padding_b {padding-bottom: 90px;}
.margin_tb {margin:90px 0;}
.margin_t {margin-top: 90px;}
.margin_b {margin-bottom: 90px;}


/* popup style */
.popup {overflow-y:auto; display:none; position:fixed; width:100%; height:100%; z-index:9999;top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.5); z-index: 9999;}
.popup.on {display:block;}
.popup .popup_inner {width:100%; height: 100%; padding:15px; display: table; position: relative; margin:0 auto; box-sizing: border-box;}
.popup .popup_wrap {display:table-cell; vertical-align: middle; position: relative; }
.popup .pop_tit {padding:0 15px; height: 46px; line-height:46px; font-size: 20px; background:#000; color:#fff; text-align: center;}
.popup .view_box .close {position: absolute; right:-4px; top: -4px; width: 50px; height: 50px; background: #000; padding:15px;}
.popup .view_box {width: 95%; background: #fff; margin:0 auto; position: relative; border:4px solid #000;}
.popup.cp_intro_view .view_box {max-width: 700px;} /* 참가기업소개팝업 */


/* btn style */
.btn_st1 {border:2px solid #000; background: #785C1A; color: #fff; padding: 15px 20px; width: 100%; display: block; text-align: center; transition: all .3s; font-weight: 700;}
.btn_st1:hover {background: #fff; color: #000;}
/* .btn_st1 {border:4px solid #000; background: #785C1A; color: #fff; padding: 15px 20px; width: 100%; display: block; text-align: center; transition: all .3s; font-weight: 700;}
.btn_st1:hover {background: #B8D200; color: #000;} */

/* font */
.fw_bold {font-weight: 700;}
.txt_point {color: #785C1A;}
.color_green {color: #B8D200;}
.color_blue {color: #785C1A;}

/* header */
.border{border-bottom: 1px solid #d5d5d5;}
#header {width: 100%; height:100px; display: flex; align-items: center; position: fixed; z-index: 900;border-bottom: 1px solid #DDDDDD; top: 0;}
#header .inner {display: flex; align-items: center; height: 100%; gap: 60px; max-width: 1400px;}
#header .logo {font-size: 0;}
#header .logo img {height: 65px; width: 100%; object-fit: contain;}
#header .nav_wrap {width: 100%; display: flex;align-items: center;justify-content: right; gap:40px}
#header .menu {display: flex; gap: 50px; align-items: center; color: #000; height: 100%;}
#header .menu > li {height: 100%; position: relative;}
#header .menu > li > a {height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; font-weight: 600; position: relative;}
#header .utils{display: flex; align-items: center; gap: 24px;}
#header .utils .has-sub{position: relative;}

#header .submenu {display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,.9);padding: 15px; text-align: center; min-width: 120px;}
#header .submenu > div {display: flex; flex-direction: column; gap: 15px}
#header .submenu > div > a {white-space: nowrap; display: block; color: #fff; font-size: 0.875rem; line-height: 1;}
#header .submenu > div > a:hover {font-weight: 700;}

#header .hamberg {display: none;}
#header .megamenu {width: 24px; height: 24px; font-size: 0;cursor: pointer; position: relative; z-index: 2;display: none;}
#header .megamenu span {width: 100%; margin-bottom: 1px; height: 2px; background: #000; display: block; position: relative; transition: all .3s;}
#header .megamenu span::before,
#header .megamenu span::after {display: block; content: ""; width: 100%; height: 2px; background: #000; position: absolute; transition: all .3s;}
#header .megamenu span::before {top: -8px;}
#header .megamenu span::after {top: 8px;}
#header .megamenu.on span {background: rgba(255,255,255,0);}
#header .megamenu.on span::before {top: 0; transform: rotate(-45deg);}
#header .megamenu.on span::after {top: 0; transform: rotate(45deg);}

.hd_site_map {background: #fff;position: fixed;top: 120px;left: -100%;bottom: 0;width: 100%;transition: all .5s;border-top: 1px solid var(--mainColor);}
.hd_site_map.on {left: 0;transition: all .5s;}
.hd_site_map .site_map_box {position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 1400px;}
.hd_site_map .site_map_nav{display: flex;flex-direction: column;gap: 30px;}
.hd_site_map .site_map_nav .dept1 {display: flex;justify-content: space-between;}
.hd_site_map .site_map_nav .dept1>li {width: 18%;text-align: center;}
.hd_site_map .site_map_nav .dept1>li>a {color: #785C1A; display: block;border-bottom: 2px solid var(--mainColor);font-size: 1.125rem;font-weight: 700;padding-bottom: 20px;}
.hd_site_map .site_map_nav .dept1>li>a:hover {color: var(--mainColor);transition: all .3s}
.hd_site_map .site_map_nav .dept2>li {padding-top: 25px;}
.hd_site_map .site_map_nav .dept2>li>a {font-size: 1.125rem;line-height: 1.9rem;display: block;}
.hd_site_map .site_map_nav .dept2>li>a:hover {color: var(--mainColor);transition: all .3s}
.hd_site_map .site_map_nav .dept2 span{font-weight: 500;}

.utils_item{display: flex; align-items: center; gap: 12px;}
.utils_item .shop_btn{background: #000; color: #fff;padding: 8px 20px;}

#header .lang {font-size: 0.875rem; position: relative;cursor: pointer;-webkit-tap-highlight-color:transparent;background: #fff; border-radius: 50px;padding: 8px 16px 8px 20px;}
#header .lang .flex a {font-size: 16px;  font-weight: 600; color: #000; line-height: 1;}
#header .lang .flex{display: flex;align-items: center;gap: 3px;color: #000;justify-content: center;}
/* #header .lang > a::after {
	display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #000; border-right: 1px solid #000;
	transform: rotate(135deg); margin-bottom: 4px;
} */
#header .langmenu {
	position: absolute; top: calc(100% + 0px); left: 50%; transform: translateX(-50%); z-index: 5;
	width: 90%; text-align: center;background: #fff; border:1px solid #333; display: none;
}
#header .side .langmenu{width: auto;top: calc(100% + 11px);padding: 8px 16px;}
#header .side .langmenu a:hover{color: #fff;}
#header .langmenu a {display: block; padding: 8px 0; color: #aaa;}
#header .langmenu a.active {font-weight: 700; color: #000;}
#header .langmenu a:first-child{border-bottom: 1px solid #333;}

.site_map_top {display: none;}

#header.active {background: rgba(255,255,255);}

.has-sub:hover .sub_menu {display: block;}

.hamberg_wrap{display: none;}

.sub_menu {margin: 0;padding: 0;list-style: none;}
.menu > li {position: relative;}
.sub_menu {display: none;}
.sub_menu li:hover{background: #fff7f0;}
.sub_menu li a{cursor: pointer;}

#header.active {background: rgba(255,255,255);}

/* mobile menu */
.m_box {display:none;}

/* footer */
#footer .inner {max-width: 1400px;}

#footer .ft_box {background: #fff;border-top: 1px solid #ddd; }
#footer .ft_box .f_tit{color: #000; font-size: 2.5rem; margin-bottom: 30px; font-weight: 500; display: flex; flex-direction: column; align-items: start; gap: 40px;}
#footer .ft_box .f_tit a{ font-size: 1rem; color: #fff;background: #785C1A;padding: 20px 40px; display: flex; align-items: center; gap: 5px;}
#footer .ft_box .f_tit a::after{content: ''; background: url(/img/footer_arrow-0975f33ef64e0babc6f516e77995bfe1.png) no-repeat; width: 24px; height: 24px; display: block;}
#footer .ft_box .f_info{display: flex; gap: 20px; flex-direction: column; text-align: right; font-size: 1.25rem; font-weight: 600;}
#footer .ft_box .info{display: flex; justify-content: space-between;}
#footer .ft_box .f_bottom{margin-top: 60px;}
#footer .ft_box .f_bottom ul{display: flex; align-items: center; gap:5px 20px; flex-wrap: wrap;}
#footer .ft_box .f_bottom ul li{display: flex; align-items: start; font-size: 0.875rem; gap: 8px;}
#footer .ft_box .f_bottom ul li .gu{font-weight: 400; color: #777777;}
#footer .ft_box .f_bottom .flex{display: flex; justify-content: right; gap: 40px; margin-top: 40px; font-size: 0.875rem;}
#footer .ft_box .box2 {padding:60px 0;}
#footer .ft_box .box2 .copy {color:#000;}