@charset "utf-8";
/* font */
@font-face {
	font-family:"OTTOGISans";
    font-weight:200;
    font-style:normal;
	src:url(../css/font/OttogiSans-ExtraLight.otf) format('truetype'),
    url(../css/font/OTTOGISans-ExtraLight.woff) format('woff'),
	url(../css/font/OTTOGISans-ExtraLight.woff2) format('woff2');
    font-display:block;
}

@font-face {
	font-family:"OTTOGISans";
    font-weight:300;
    font-style:normal;
	src:url(../css/font/OttogiSans-Light.otf) format('truetype'),
    url(../css/font/OTTOGISans-Light.woff) format('woff'),
	url(../css/font/OTTOGISans-Light.woff2) format('woff2');
    font-display:block;
}

@font-face {
	font-family:"OTTOGISans";
    font-weight:500;
    font-style:normal;
	src:url(../css/font/OttogiSans-Medium.otf) format('truetype'),
    url(../css/font/OTTOGISans-Medium.woff) format('woff'),
	url(../css/font/OTTOGISans-Medium.woff2) format('woff2');
    font-display:block;
}

@font-face {
	font-family:"OTTOGISans";
    font-weight:600;
    font-style:normal;
	src:url(../css/font/OttogiSans-Bold.otf) format('truetype'),
    url(../css/font/OTTOGISans-Bold.woff) format('woff'),
	url(../css/font/OTTOGISans-Bold.woff2) format('woff2');
    font-display:block;
}

@font-face {
	font-family:"OTTOGISans";
    font-weight:900;
    font-style:normal;
	src:url(../css/font/OttogiSans-ExtraBold.otf) format('truetype'),
    url(../css/font/OTTOGISans-ExtraBold.woff) format('woff'),
	url(../css/font/OTTOGISans-ExtraBold.woff2) format('woff2');
    font-display:block;
}

@font-face {
	font-family:"Pretendard";
    font-weight:700;
    font-style:normal;
	src:url(../css/font/Pretendard-Bold.woff) format('woff'),
	url(../css/font/Pretendard-Bold.woff2) format('woff2');
    font-display:block;
}

/* Reset */
html,body{height:100%;}
body {position:relative;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale;color:#000;}
body::before{position:fixed;left:0;top:0;width:100%;height:0;content:'';}/* fix webkit bug(scroll event delay) */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td,a,select,input,textarea{margin:0;padding:0;font-family:'OTTOGISans', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif;font-weight:500;line-height:1.4;font-size:inherit;box-sizing:border-box}
var {font-style:normal;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary,main{display:block;margin:0;padding:0;}
img,fieldset,iframe{border:0;}
li{list-style:none;}
button{overflow:visible;border:0;color:inherit;line-height:inherit;background:#fff;cursor:pointer;}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;}
hr{display:none;}
legend{position:absolute; left:-9999px; top:0}
.sr_only, caption {position:absolute; top:-9999px; font-size:0; height:0;}
select, input, textarea{color:#000;border-radius:0;border:0;-webkit-appearance:none;}
i, em, u, cite {font-style:normal;}
strong{font-weight:700;}
b{font-weight:400;}
img{max-width:100%;border:0;vertical-align:middle;}
a{color:#000;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
address{font-style:normal;}
textarea{overflow-y:auto;resize:none;display:block} 
input::-webkit-input-placeholder{color:#666 !important;}
input:-ms-input-placeholder{color:#666 !important;}
textarea::-webkit-input-placeholder{color:#666 !important;}
textarea:-ms-input-placeholder{color:#666 !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance:none;margin:0;}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator{
    opacity:0;
    -webkit-appearance:none;
} 
input::-ms-clear,
input::-ms-reveal{
	display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
	display:none;
}

input[type="text"]:focus-visible,
input[type="password"]:focus-visible,
input[type="number"]:focus-visible,
input[type="email"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible,
button:focus-visible,
a:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline:3px dotted #000;
	outline-offset:1px;
    transition:none !important;
}

::-moz-selection {background-color:#FFED00;}
::selection {background-color:#FFED00;}

#skip {display:none;}
body.layer_activated{overflow:hidden;touch-action:none;}
body.search_activated{overflow:hidden;touch-action:none;}
.dim {background:rgba(0, 0, 0, 0.6) !important;cursor:pointer;}
.dim_inactivate {background: rgba(0, 0, 0, 0.6) !important;pointer-events:none;}

.ellip {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}

.scroller::-webkit-scrollbar {width:5px;}
.scroller::-webkit-scrollbar-thumb {background:#666;border-radius:50px}
.scroller::-webkit-scrollbar-track {background:transparent}

/* [s]guide */
p.top_tit{position:fixed;width:100%; padding:16px 0;background:#000;text-align:center;top:0;z-index:50}
p.top_tit span{font-size:24px;font-weight:normal;color:#fff;display:block;max-width:1024px;margin:0 auto;position:relative;}
.g_container{padding:100px 20px 50px;background-color:#f7f7f7;}
div.g_item + div.g_item{margin-top:20px;}
div.g_item{padding:24px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:5px;}
div.g_item > .g_title{padding-bottom:8px;font-size:20px;color:rgba(0,0,0,.3);margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,.2);}
div.g_item > .g_content >p + p{margin-top:7px}
div.g_item > .g_content >.g_desc {font-size:13px;color:#223a6a}
div.g_item > .g_content >.g_underline button {text-decoration:underline;}
div.g_item > .g_content .g_title_sub {padding-bottom:8px;font-size:15px;font-weight:500;color:rgba(0,0,0,.3);}
div.g_item > .g_content .g_code {margin:5px 0 30px;padding:10px;border:1px dotted #999;}
div.g_item > .g_content .g_code p {padding:5px 0;font-size:12px;line-height:20px;}
div.g_item > .g_content .g_code ul {margin-top:5px;}
div.g_item > .g_content .g_code ul li::before{content:'-';}
div.g_item > .g_content .g_code ul li{font-size:12px;line-height:20px;}
div.g_item > .g_content .g_code table{overflow:hidden;width:100%;border-collapse:separate;text-align:left;margin-top:5px;border-radius:4px;border:1px solid #ebebeb;}
div.g_item > .g_content .g_code table th{background:#f5f5f5;font-size:14px;line-height:20px;color:#222;}
div.g_item > .g_content .g_code table th,.g_code table td{padding:13px 16px;font-size:12px;border-bottom:1px solid #ebebeb;}
div.g_item > .g_content .g_code table tr:last-child th,.g_code table tr:last-child td {border-bottom:0;}
div.g_item > .g_content .g_code table th.center, .g_code table td.center{text-align:center !important}

/* font */
.col_point {color:#dc2c34 !important}
.col_point2 {color:#FFED00 !important}
.col_point3 {color:#123E8C !important}
.col_black {color:#000 !important}
.col_white {color:#fff !important}
.col_normal1 {color:#666 !important}
.col_normal2 {color:#666 !important}
.col_bg1 {background:#F8F8F8 !important}
.col_bg2 {background:#E6E6E6 !important}
.col_bg3 {background:#FDF4F5 !important}

/* .tit_depth1 {font-size:80px;color:#000;line-height:110px;letter-spacing:-2.4px;}
.tit_depth2 {font-size:64px;color:#000;line-height:80px;font-weight:500;letter-spacing:-1.92px;}
.tit_depth3 {font-size:48px;color:#000;line-height:64px;font-weight:500;letter-spacing:-1.44px;}
.tit_depth4 {font-size:40px;color:#000;line-height:56px;font-weight:500;letter-spacing:-.8px;}
.tit_depth4_s {font-size:36px;color:#000;line-height:50px;font-weight:500;letter-spacing:-.72px;}
.tit_depth5 {font-size:32px;color:#000;line-height:44px;font-weight:500;letter-spacing:-.64px;}
.tit_depth6 {font-size:26px;color:#000;line-height:38px;font-weight:500;}
.tit_depth7 {font-size:24px;color:#000;line-height:34px;font-weight:500;}
.tit_depth8 {font-size:20px;color:#000;line-height:28px;font-weight:500;}
.tit_sub1 {font-size:18px;color:#000;line-height:26px;font-weight:500;}
.tit_sub2 {font-size:16px;color:#000;line-height:24px;font-weight:500;}
.tit_sub3 {font-size:15px;color:#000;line-height:23px;font-weight:500;}
.tit_sub4 {font-size:14px;color:#000;line-height:22px;font-weight:500;}
.tit_sub5 {font-size:13px;color:#000;line-height:21px;font-weight:500;}
.tit_sub6 {font-size:12px;color:#000;line-height:22px;font-weight:300;}
.tit_sub7 {font-size:11px;color:#000;line-height:18px;font-weight:300;} */

.tit_depth1 {font-size:40px;line-height:56px;letter-spacing:-.8px;}
.tit_depth2 {font-size:28px;line-height:38px;}
.tit_depth3 {font-size:26px;line-height:38px;} 
.tit_depth4 {font-size:26px;line-height:38px;}

.fw200 {font-weight:200}
.fw300 {font-weight:300}

.top_wrap {padding-top:20px}
.top_wrap.col_white{padding-top:70px;}
.top_wrap.col_white .tit_depth3 {text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.top_wrap.col_white .desc {text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.top_wrap .tit_depth1 {text-align:center;}
.top_wrap .tit_depth1 .txt_stroke {display:block;color:#FFED00;-webkit-text-stroke:1px #000;}
.top_wrap .tit_depth1 .br {display:block}
.top_wrap .tit_depth3 {text-align:center;}
.top_wrap .desc {margin-top:5px;font-size:14px;font-weight:300;line-height:22px;text-align:center}
.top_wrap .desc .br {display:block}
.top_wrap .tab_sticky {height:80px;padding-top:30px;padding-bottom:5px}
.top_wrap .btn_wrap {margin-top:30px}
.top_wrap .btn_wrap button {display:inline-block;flex:none;width:auto;padding:0 20px}
.top_wrap .btn_wrap a {display:inline-block;flex:none;width:auto;padding:0 20px}

/* button */
[class*="btn_type"] {display:block;width:100%;text-align:center;border:2px solid transparent;border-radius:100px;font-weight:500;}
[class*="btn_type"]::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid transparent;border-radius:100px;outline:2px solid #FFED00;opacity:0;transition:all .5s cubic-bezier(.6,0,0,1)}
[class*="btn_type2"]::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid transparent;border-radius:100px;outline:2px solid #E6E6E6;opacity:0;transition:all .5s cubic-bezier(.6,0,0,1)}
[class*="btn_type3"]::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid transparent;border-radius:100px;outline:2px solid #DC2F34;opacity:0;transition:all .5s cubic-bezier(.6,0,0,1)}
[class*="btn_type"].disabled {border:2px solid #E6E6E6;background:#F8F8F8;color:#666;}
[class*="btn_type"].disabled:hover::before {display:none}
.btn_type_l {position:relative;height:50px;border:2px solid transparent;background:#FFED00;font-size:15px;line-height:46px;}
.btn_type_l.ico_arw::after {content:'';display:inline-block;width:16px;height:46px;margin-left:5px;background:url(../images/common/ico_arrow.svg) no-repeat 50% 50% / 16px 16px;vertical-align:top;}
.btn_type2_l {position:relative;height:50px;border:2px solid #E6E6E6;background:#fff;font-size:15px;color:#000;line-height:46px}
.btn_type2_l.ico_arw::after {content:'';display:inline-block;width:16px;height:46px;margin-left:5px;background:url(../images/common/ico_arrow.svg) no-repeat 50% 50% / 16px 16px;vertical-align:top;}
.btn_type3_l {position:relative;height:50px;border:2px solid transparent;background:#DC2F34;font-size:15px;color:#FFF;line-height:46px;}
.btn_type3_l.ico_arw::after {content:'';display:inline-block;width:16px;height:46px;margin-left:5px;background:url(../images/common/ico_arrow_wh.svg) no-repeat 50% 50% / 16px 16px;vertical-align:top;}

.btn_type_s {position:relative;height:40px;background:#FFED00;font-size:14px;line-height:36px}
.btn_type_s.ico_arw::after {content:'';display:inline-block;width:16px;height:36px;background:url(../images/common/ico_arrow.svg) no-repeat 50% 50% / 16px 16px;vertical-align:top;}
.btn_type2_s {position:relative;height:40px;border:2px solid #E6E6E6;background:#fff;font-size:14px;line-height:36px}
.btn_type2_s.ico_arw::after {content:'';display:inline-block;width:16px;height:36px;background:url(../images/common/ico_arrow.svg) no-repeat 50% 50% / 16px 16px;vertical-align:top;}
.btn_type3_s {position:relative;height:40px;background:#DC2F34;font-size:14px;color:#FFF;line-height:36px}
.btn_type3_s.ico_arw::after {content:'';display:inline-block;width:16px;height:36px;background:url(../images/common/ico_arrow_wh.svg) no-repeat 50% 50% / 16px 16px;vertical-align:top;}

.btn_type_m {position:relative;height:44px;background:#FFED00;font-size:14px;line-height:40px}
.btn_type2_m {position:relative;height:44px;border:2px solid #E6E6E6;background:#fff;font-size:14px;color:#000;line-height:40px}

.btn_s {display:inline-block;width:auto;padding:0 30px}

.btn_wrap {display:flex;align-items:center;justify-content:center;}
.btn_wrap button {flex:1;}
.btn_wrap > * + * {margin-left:6px;}
.btn_wrap.type3{flex-direction:column;}
.btn_wrap.type3 > * + *{margin-top:20px;margin-left:0;}
.btn_wrap.fixed {position:fixed;left:0;bottom:0;z-index:100;width:100%;padding:30px 20px;background:#fff}

.btn_txt1 {display:inline-block;position:relative;padding-right:18px;font-size:14px;font-weight:500;line-height:22px;color:#000;}
.btn_txt1::before {content:'';position:absolute;top:50%;right:0;width:16px;height:16px;margin-top:-8px;background:url(../images/common/ico_arw_right.svg) no-repeat 50% 50% / 16px 16px}
.btn_txt2 {display:inline-block;font-size:14px;font-weight:500;line-height:22px;color:#000;border-bottom:1px solid #000}

.btn_prev {position:relative;width:90px;height:90px;border:2px solid #000;border-radius:50%;background:#fff url(../images/common/btn_prev.svg) no-repeat 50% 50% / 18px 34px;transition:all .5s cubic-bezier(.6,0,0,1)}
.btn_prev::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #000;border-radius:50%;outline:2px solid #FFED00;opacity:0;transition:all .5s cubic-bezier(.6,0,0,1)}
.btn_next {position:relative;width:90px;height:90px;border:2px solid #000;border-radius:50%;background:#fff url(../images/common/btn_next.svg) no-repeat 50% 50% / 18px 34px;transition:all .5s cubic-bezier(.6,0,0,1)}
.btn_next::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #000;border-radius:50%;outline:2px solid #FFED00;opacity:0;transition:all .5s cubic-bezier(.6,0,0,1)}
.btn_prev.type2 {display:block;width:32px;height:32px;margin-right:20px;border:2px solid #000;border-radius:50%;background:#fff url(../images/common/btn_prev_s.svg) no-repeat 50% 50% / 8px 14px;}
.btn_next.type2 {display:block;width:32px;height:32px;margin-left:20px;border:2px solid #000;border-radius:50%;background:#fff url(../images/common/btn_next_s.svg) no-repeat 50% 50% / 8px 14px;}
.btn_more {display:inline-block;width:50px;height:50px;background-image:url(../images/common/btn_more.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%}
.btn_more.type2 {background-color:transparent;background-image:url(../images/common/btn_more_wh.svg)}
.btn_more2 {display:inline-block;width:50px;height:50px;background-image:url(../images/common/btn_more2.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%}
.btn_menu {width:30px;height:30px;background:url(../images/common/btn_menu.svg) no-repeat 50% 50% / 30px 30px;}
.btn_wrap .btn_like {flex:none}
.btn_like {display:inline-block;width:auto;height:40px;padding:8px 20px;background:#F8F8F8;border-radius:100px;font-size:16px;font-weight:300;line-height:24px;}
.btn_like::before {content:'';display:inline-block;width:16px;height:24px;margin-right:5px;background:url(../images/common/ico_heart.svg) no-repeat 50% 50% / 16px 16px;vertical-align:top;}
.btn_like.active::before {background:url(../images/common/ico_heart_active.svg) no-repeat 50% 50% / 16px 16px;}
.btn_type_l.ico_more{display:block;width:120px;margin:50px auto 0;background:#FFED00;font-size:16px;line-height:46px;}
.btn_type_l.ico_more::after {content:'';display:inline-block;width:17px;height:46px;margin-left:5px;background:url(../images/common/btn_arw_down3.svg) no-repeat 50% 50% / 17px 16px;vertical-align:top;}
.btn_download {position:relative;padding:5px 30px 5px 15px;border-radius:500px;background:#FFED00;font-size:14px;line-height:22px;}
.btn_download::after {content:'';position:absolute;top:50%;right:15px;width:16px;height:16px;margin-top:-9px;background:url(../images/common/ico_download.svg) no-repeat 50% 50% / 16px 16px;vertical-align:top;}
.btn_type2_s.ico_down::after {content:'';display:inline-block;width:16px;height:36px;background:url(../images/common/ico_download.svg) no-repeat 50% 50% / 16px 16px;vertical-align:top;}
.btn_type_l.ico_down::before {display:none;}
.btn_type_l.ico_down::after {content:'';display:inline-block;width:16px;height:46px;margin-left:5px;background:url(../images/common/ico_download.svg) no-repeat 50% 50% / 16px 16px;vertical-align:top;}

.fixed_area {position:fixed;bottom:20px;right:0;z-index:200;width:60px}
.btn_top {display:none;width:40px;height:40px;background:url(../images/common/btn_top2.svg) no-repeat 0 0 / 100% 100%;filter:drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.15));}
.btn_top.on {display:block}
.fixed_area .btn_share {display:inline-block;width:40px;height:40px;border-radius:50%;background:#123E8C url(../images/common/floating_share.svg) no-repeat 50% 50% / 24px 24px;box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.15);}
.fixed_area.mo_search {display:flex;flex-direction:column;gap:10px}
.fixed_area.mo_search .btn_search {display:inline-block;width:40px;height:40px;border-radius:50%;background:#123E8C url(../images/common/floating_search.svg) no-repeat 50% 50% / 24px 24px;box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.15);transform:translateY(0px);transition:all .3s}
.fixed_area.mo_search .btn_search.on {transform:translateY(0);}

/* swiper pagination */
/* 32x32 (default) */
.swiper-button-prev:after, .swiper-button-next:after {display:none}
.swiper-pagination-fraction {min-width:48px;bottom:0;font-size:20px;font-weight:500;line-height:50px}
.swiper-pagination-current {font-weight:700;color:#DC2F34}
.swiper-button-prev {display:block;left:0;width:32px;height:32px;margin-top:-16px;border:2px solid #000;border-radius:50%;background:#fff url(../images/common/btn_prev_s.svg) no-repeat 50% 50% / 8px 14px;}
.swiper-button-next {display:block;right:0;width:32px;height:32px;margin-top:-16px;border:2px solid #000;border-radius:50%;background:#fff url(../images/common/btn_next_s.svg) no-repeat 50% 50% / 8px 14px;}
.swiper-button-pause {display:block;position:absolute;top:50%;right:-42px;width:32px;height:32px;margin-top:-16px;border:2px solid #000;border-radius:50%;background:#fff url(../images/common/btn_pause.svg) no-repeat 50% 50% / 8px 12px;}
.swiper-button-play {display:none;position:absolute;top:50%;right:-42px;width:32px;height:32px;margin-top:-16px;border:2px solid #000;border-radius:50%;background:#fff url(../images/common/btn_play.svg) no-repeat 50% 50% / 12px 12px}
.swiper-button-prev::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #000;border-radius:50%;outline:2px solid #FFED00;opacity:0;transition:all .5s cubic-bezier(.6,0,0,1)}
.swiper-button-next::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #000;border-radius:50%;outline:2px solid #FFED00;opacity:0;transition:all .5s cubic-bezier(.6,0,0,1)}
.swiper-button-pause::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #000;border-radius:50%;outline:2px solid #FFED00;opacity:0;transition:all .5s cubic-bezier(.6,0,0,1)}
.swiper-button-play::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #000;border-radius:50%;outline:2px solid #FFED00;opacity:0;transition:all .5s cubic-bezier(.6,0,0,1)}
/* 50x50 (type3 클래스사용) */
.swiper-button-prev.type3{width:50px;height:50px;margin-top:-25px;background:#fff url(../images/common/btn_prev.svg) no-repeat 50% 50% / 11px 20px;}
.swiper-button-next.type3{width:50px;height:50px;margin-top:-25px;background:#fff url(../images/common/btn_next.svg) no-repeat 50% 50% / 11px 20px;}
.swiper-button-pause.type3{right:-60px;width:50px;height:50px;margin-top:-25px;background:#fff url(../images/common/btn_pause3.svg) no-repeat 50% 50% / 10px 16px}
.swiper-button-play.type3{right:-60px;width:50px;height:50px;margin-top:-25px;background:#fff url(../images/common/btn_play3.svg) no-repeat 50% 50% / 20px 20px}

.swiper-button-prev.swiper-button-disabled {display:none}
.swiper-button-next.swiper-button-disabled {display:none}
.swiper-button-prev.event.swiper-button-disabled {display:block}
.swiper-button-next.event.swiper-button-disabled {display:block}


/* paging */
.paging {display:inline-flex;align-items:center;}
.paging .current_page {font-size:20px;color:#DC2F34;line-height:28px;}
.paging .total_page {font-size:20px;font-weight:500;line-height:28px;}
.paging .btn_prev {display:block;width:32px;height:32px;margin-right:20px;border:2px solid #000;border-radius:50%;background:#fff url(../images/common/btn_prev_s.svg) no-repeat 50% 50% / 8px 14px;}
.paging .btn_next {display:block;width:32px;height:32px;margin-left:20px;border:2px solid #000;border-radius:50%;background:#fff url(../images/common/btn_next_s.svg) no-repeat 50% 50% / 8px 14px;}

.paging.type2 .current_page {font-size:26px;line-height:38px}
.paging.type2 .total_page {font-size:26px;line-height:38px}
.paging.type2 .btn_prev {width:50px;height:50px;background:#fff url(../images/common/btn_prev.svg) no-repeat 50% 50% / 11px 20px;}
.paging.type2 .btn_next {width:50px;height:50px;background:#fff url(../images/common/btn_next.svg) no-repeat 50% 50% / 11px 20px;}

/* tab */
.tab_scroll {overflow:hidden;margin:0 -20px;padding:0 20px}
.tab_scroll ul li {width:auto;padding-right:20px;}
.tab_scroll ul li:last-child {padding-right:0}
.tab_scroll ul li .btn {display:inline-block;font-size:20px;font-weight:300;color:#666;line-height:28px;outline-offset:-2px;}
.tab_scroll ul li.active .btn {position:relative;z-index:-1;font-weight:500;color:#DC2F34;border-bottom:3px solid #DC2F34} /* aos에서 button태그 사용시, 버튼 클릭후 선택된 버튼을 잡고 스와이프가 안되는 이슈로 z-index값 추가함 */

.tab_sticky {overflow:hidden;}
.tab_sticky .swiper-container{padding:0 20px}
.tab_sticky .swiper-container.fixed {position:fixed;top:0;left:0;width:100%;height:auto;z-index:500;padding:16px;background:rgba(255,255,255,.98);box-sizing:border-box;}
.tab_sticky .tabs {justify-content:center;} 
.tab_sticky .tabs.unset {justify-content:unset}
.tab_sticky .tabs .tab_link {flex:none;width:auto;margin-right:5px}
.tab_sticky .tabs .tab_link:last-child {margin-right:0}
.tab_sticky .tabs .tab_link a {display:block;padding:10px 15px;border-radius:5000px;background:#F8F8F8;font-size:15px;color:#666;line-height:23px}
.tab_sticky .tabs .tab_link a .num {display:inline-block;margin-left:5px;font-size:11px;line-height:14px;vertical-align:top;}
.tab_sticky .tabs .tab_link.active a {background:#123E8C;color:#FFF}

.tab_sticky.type2 .tabs .tab_link a{border:2px solid #fff;background: rgba(0, 0, 0, 0.20);color:#fff;}
.tab_sticky.type2 .tabs .tab_link.active a{border:2px solid #123E8C;background:#123E8C;}
.tab_sticky.type2 .swiper-container.fixed .tabs .tab_link a {border:0;background:#F8F8F8;color:#666}
.tab_sticky.type2 .swiper-container.fixed .tabs .tab_link.active a {background:#123E8C;color:#FFF}

.tab_type1 .btn_select {position:relative;padding:6px 25px 6px 0;font-size:20px;line-height:28px;}
.tab_type1 .btn_select::after {content:'';position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;background:url(../images/common/btn_arw_down2.svg) no-repeat 0 0 / 20px 20px;}
.tab_type1 .btn_select em {color:#DC2F34}
.tab_type1 .pc_list {display:none;}

.tab_type1 .mo_list li {margin-top:15px}
.tab_type1 .mo_list li:first-child {margin-top:0}
.tab_type1 .mo_list li .btn {display:block;width:100%;font-size:15px;font-weight:300;line-height:23px;text-align:left;}
.tab_type1 .mo_list li .btn em {color:#DC2F34}
.tab_type1 .mo_list li.active .btn {padding:8px 0;background:#FFFBCC;font-weight:500;}

.tab_type2{height:80px;background:#fff;}
.tab_type2 .inner{padding:20px;}
.tab_type2 .btn_select{position:relative;height:40px;padding-right:25px;font-size:20px;font-weight:500;line-height:28px;}
.tab_type2 .btn_select::after{content:'';position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;background:url(../images/common/btn_arw_down4.svg)no-repeat 50%/100%;}
.tab_type2 .btn_select em{color:#DC2F34;}
.tab_type2 .btn_open{display:none;}
.tab_type2 .pc_list{display:none;}

/* indicator */
.indicator_box{display:flex;align-items:stretch;flex-wrap:wrap;gap:5px;}
.indicator_box li{flex:1;}
.indicator_box .btn_indicator{width:100%;min-height:100%;padding:17.5px 19px;border:1px solid #E6E6E6;border-radius:25px;background:#fff;font-size:15px;font-weight:300;line-height:23px;}
.indicator_box li.active .btn_indicator{background:#FFFC29;font-weight:500;}

/* form */
.msg_guide {margin-top:10px;padding-left:16px;font-size:12px;font-weight:300;color:#666;line-height:20px;}
.msg_guide .col {color:#DC2F34}
.msg_error {position:relative;padding-left:21px;margin-top:10px;font-size:12px;font-weight:300;color:#DC2F34;line-height:20px;}
.msg_error::before {content:'';position:absolute;top:3px;left:0;width:16px;height:16px;background:url(../images/common/ico_warning.svg) no-repeat 0 0 / 16px 16px}
.msg_noti {position:relative;padding-left:21px;margin-top:10px;font-size:14px;font-weight:300;color:#666;line-height:22px;}
.msg_noti::before {content:'';position:absolute;top:3px;left:0;width:16px;height:16px;background:url(../images/common/ico_notice.svg) no-repeat 0 0 / 16px 16px;}
.msg_noti strong.col {font-weight:500;color:#DC2F34}

.inp_box {position:relative;}
.inp_box .btn_del {display:none;position:absolute;top:50%;right:20px;width:24px;height:24px;margin-top:-12px;background:url(../images/common/btn_del.svg) no-repeat 0 0 / 24px 24px}
.inp_base {width:100%;height:40px;padding:8px 20px;border-radius:50px;background:#F8F8F8;font-size:15px;font-weight:300;line-height:23px;}
.inp_base:hover {padding:6px 18px 6px 18px;border:2px solid #000}
.inp_base:focus {padding:6px 60px 6px 18px;border:2px solid #000;background:#FFF}
.inp_base:read-only {background:#F8F8F8;color:#000}
.inp_base:disabled {background:#E6E6E6;color:#838383;opacity: 1;-webkit-opacity: 1;}
.inp_base.bg:read-only {background:#F8F8F8;color:#000}
.inp_base.bg:disabled {background:#F8F8F8;color:#000;opacity: 1;-webkit-opacity: 1;}
.inp_box.success .inp_base {padding:8px 80px 8px 20px;background-color:#F8F8F8;background-image:url(../images/common/ico_success.svg);background-repeat:no-repeat;background-position:right 20px top 50%;background-size:24px 24px}
.inp_box.success .btn_del {right:49px}
.inp_box.success .inp_base:hover {padding:6px 18px 6px 18px;background-position:right 18px top 50%}
.inp_box.success .inp_base:focus {padding:6px 80px 6px 18px;background-position:right 18px top 50%}
.inp_box.error .inp_base {padding:8px 80px 8px 20px;background-color:#FDF4F5;background-image:url(../images/common/ico_error.svg);background-repeat:no-repeat;background-position:right 20px top 50%;background-size:24px 24px;color:#DC2F34}
.inp_box.error .btn_del {right:49px}
.inp_box.error .inp_base:hover {padding:6px 18px 6px 18px;background-position:right 18px top 50%}
.inp_box.error .inp_base:focus {padding:6px 80px 6px 18px;background-position:right 18px top 50%}

.inp_box.search .inp_base {padding:8px 80px 8px 20px;}
.inp_box.search .btn_del {right:49px}
.inp_box.search .inp_base:hover {padding:6px 78px 6px 18px}
.inp_box.search .inp_base:focus {padding:6px 78px 6px 18px}
.inp_box.search .btn_search {position:absolute;top:50%;right:20px;width:24px;height:24px;margin-top:-12px;background:url(../images/common/ico_search.svg) no-repeat 50% 50% / 24px 24px}

.sel_base {width:100%;height:40px;padding:8px 60px 8px 20px;border-radius:50px;border:2px solid #666;background:url(../images/common/ico_sel.svg) no-repeat right 20px top 50% / 24px 24px;font-size:15px;font-weight:300;line-height:23px;}
.sel_base:hover {border:2px solid #000}
.sel_base:focus {border:2px solid #000}
.sel_base:disabled {background-color:#E6E6E6;color:#838383}
.sel_base:disabled:hover {border:2px solid #000}
.sel_box.readonly .sel_base {color:#000}
.sel_box.error .sel_base {border:2px solid #DC2F34;background-color:#FDF4F5;color:#DC2F34}

.textarea {width:100%;height:240px;padding:15px 20px;border:2px solid #666;border-radius:15px;font-size:15px;font-weight:300;line-height:23px}
.textarea::-webkit-scrollbar {width:5px;}
.textarea::-webkit-scrollbar-thumb {background:#666;border-radius:50px}
.textarea::-webkit-scrollbar-track {background:transparent;}
.textarea::-webkit-scrollbar-button:start:decrement {display:block;height:8px;background-color:transparent;} 
.textarea::-webkit-scrollbar-button:end:decrement {display:block;height:8px;background-color:transparent;} 
.textarea:hover {padding:14px 19px;border:3px solid #000}
.textarea:focus {padding:14px 19px;border:3px solid #000}
.textarea:read-only {background:#F8F8F8;font-weight:500}
.textarea:read-only:hover {padding:15px 20px;border:2px solid #666}
.textarea:read-only:focus {padding:15px 20px;border:2px solid #666}
.textarea:disabled {background:#E6E6E6;font-weight:300;color:#838383}
.textarea:disabled:hover {border:2px solid #666}
.textarea.error {padding:15px 20px;border:2px solid #DC2F34;background:#FDF4F5;color:#DC2F34}

.form_wrap {display:inline-block;position:relative}
.form_wrap input[type="checkbox"] {position:absolute;width:20px;height:20px;margin:0;}
.form_wrap input[type="checkbox"]+label {display:inline-block;padding-left:30px;font-size:15px;font-weight:300;line-height:23px}
.form_wrap input[type="checkbox"]+label::before {content:'';position:absolute;top:2px;left:0;width:20px;height:20px;margin-right:10px;background:url(../images/common/ico_chkbox.svg) no-repeat 0 0 / 20px 20px;}
.form_wrap input[type="checkbox"]:checked+label::before {background:url(../images/common/ico_chkbox_on.svg) no-repeat 0 0 / 20px 20px;}

.form_wrap input[type="radio"] {position:absolute;width:20px;height:20px;margin:0;}
.form_wrap input[type="radio"]+label {display:inline-block;padding-left:30px;font-size:15px;font-weight:300;line-height:23px}
.form_wrap input[type="radio"]+label::before {content:'';position:absolute;top:2px;left:0;width:20px;height:20px;margin-right:10px;background:url(../images/common/ico_radio.svg) no-repeat 0 0 / 20px 20px;}
.form_wrap input[type="radio"]:checked+label::before {background:url(../images/common/ico_radio_on.svg) no-repeat 0 0 / 20px 20px;}

.form_wrap.type2 input[type="checkbox"] {top:50%;margin-top:-10px}
.form_wrap.type2 input[type="checkbox"]+label::before {top:50%;margin-top:-10px}
.form_wrap.type2 input[type="radio"] {top:50%;margin-top:-10px}
.form_wrap.type2 input[type="radio"]+label::before {top:50%;margin-top:-10px}

.search_top {display:none}

/* hashtag */
.hashtag_list{display:flex;flex-wrap:wrap;gap:5px}
.hashtag_list li{padding:3px 16px;border:1px solid #000;border-radius:100%;background:#fff;font-size:13px;font-weight:500;line-height:21px;}

/* table */
.tbl_cont {margin-top:20px;}
.tbl_cont thead tr {background:#123E8C;}
.tbl_cont thead th {padding:15px 0;font-size:12px;font-weight:500;color:#fff;line-height:20px;}
.tbl_cont thead th:first-child {border-top-left-radius:50px;border-bottom-left-radius:50px;}
.tbl_cont thead th:last-child {border-top-right-radius:50px;border-bottom-right-radius:50px;}
.tbl_cont thead th .br {display:block}
.tbl_cont thead th.align_l {text-align:left}
.tbl_cont tbody th.align_l {text-align:left}
.tbl_cont tbody tr {border-bottom:1px solid #E6E6E6;}
.tbl_cont tbody th {padding:15px 5px;font-size:12px;font-weight:500;line-height:20px;}
.tbl_cont tbody td {padding:15px 10px;font-size:12px;font-weight:300;line-height:20px;text-align:center;word-break:break-all;}
.tbl_cont tbody td .br {display:block}
.tbl_cont tbody td .br_pc {display:block}
.tbl_cont tbody tr.bg th {background:#F8F8F8}
.tbl_cont tbody tr.bg td {background:#F8F8F8}
.tbl_cont tbody tr.bg2 th {background:#FFFDEB}
.tbl_cont tbody tr.bg2 td {background:#FFFDEB}
.tbl_cont tbody th .br {display:block}
.tbl_cont tbody th.border_r {border-right:1px solid #E6E6E6}
.tbl_cont tbody td.border_r {border-right:1px solid #E6E6E6}
.tbl_cont tbody td.align_l {text-align:left;}
.tbl_cont tbody td.vertical_t {vertical-align:top;}
.tbl_cont tbody td.fw_bold {font-weight:500}

.tbl_cont tfoot th {padding:15px 5px;font-size:12px;font-weight:500;line-height:20px;}
.tbl_cont tfoot td {padding:15px 10px;font-size:12px;font-weight:300;line-height:20px;text-align:center;word-break:break-all;}
.tbl_cont tfoot th.align_l {text-align:left}
.tbl_cont tfoot tr.bg th {background:#F8F8F8}
.tbl_cont tfoot tr.bg td {background:#F8F8F8}
.tbl_cont tfoot th.border_r {border-right:1px solid #E6E6E6}

/* header */
.header {display:flex;align-items:center;position:relative;z-index:1000;width:100%;background:#FFF;transition:.2s linear;}
.header.bg_white{position:relative;background:#fff}
.header.bg_white .inner {background:#fff}
.header .inner {width:100%}
.header .h_wrap {position:relative;width:100%;height:100%;text-align:center;}
.header .btn_dropdown {position:absolute;top:50%;right:0;z-index:200;width:30px;height:30px;margin-top:-15px;background:url(../images/common/btn_menu.svg) no-repeat 50% 50% / 30px 30px;text-indent:-9999px;}
.header .btn_dropdown.active {background:url(../images/common/btn_menu_close.svg) no-repeat 0 0 / 30px 30px;}
.header .menu_item.sitemap {display:none}
.header .util.pc {display:none}
.header .util.mo {display:none}

.header .lang {position:absolute;top:50%;right:50px;z-index:200;transform:translateY(-50%);}
.header .btn_lang {position:relative;padding-right:25px;font-size:16px;line-height:24px;}
.header .btn_lang::after {content:'';position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;background:url(../images/common/sel_lang.svg) no-repeat 0 0 / 20px 20px;}
.header .lang_menu {display:none;position:absolute;top:40px;left:-30px;padding:15px 30px;border-radius:5px;background:#F8F8F8;}
.header .lang_menu li {margin-top:12px}
.header .lang_menu li:first-child {margin-top:0}
.header .lang_menu li a {font-size:14px;font-weight:300;line-height:22px}
.header .lang_menu li a:hover {font-weight:600;border-bottom:1px solid #000}
.header .lang_menu li.active a {font-weight:600}

.abs_header {position:absolute;top:0;left:0;right:0;background:transparent;}
.header.col_white::after {content:'';position:absolute;top:0;left:0;right:0;z-index:-1;height:100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.00) 100%);}
.col_white .btn_menu {background:url(../images/common/btn_menu_w.svg) no-repeat 0 0 / 30px 30px}
.col_white .btn_dropdown {background:url(../images/common/btn_menu_w.svg) no-repeat 0 0 / 30px 30px}
.col_white .btn_lang {color:#FFF;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.col_white .btn_lang::after {background:url(../images/common/sel_lang_w.svg) no-repeat 0 0 / 20px 20px}
.bg_white .lang {right:90px}
.bg_white.col_white::after {display:none}
.bg_white.col_white .btn_lang {color:#000;text-shadow: none;}
.bg_white.col_white .btn_lang::after {background:url(../images/common/sel_lang.svg) no-repeat 0 0 / 20px 20px}

/* footer */
.footer .inner {position:relative;padding:90px 20px 30px;transition:all .3s}
.footer .f_logo .ico {display:block;width:120px;height:30px;background:url(../images/common/f_logo.svg) no-repeat 0 0 / 100% 100%}
.footer .f_breadcrumb {display:none}
.footer .f_toggle .toggle_list>li {margin-top:30px;}
.footer .f_toggle .toggle_list>li .btn_acc {display:block;position:relative;width:100%;font-size:15px;font-weight:500;line-height:23px;text-align:left}
.footer .f_toggle .toggle_list>li .btn_acc::after {content:'';position:absolute;top:50%;right:0;width:24px;height:24px;margin-top:-12px;background:url(../images/common/btn_arw_down.svg) no-repeat 0 0 / 24px 24px}
.footer .f_toggle .toggle_list>li .btn_acc.active::after {background:url(../images/common/btn_arw_up.svg) no-repeat 0 0 / 24px 24px}
.footer .f_toggle .toggle_list>li .pc_tit {display:none}
.footer .f_toggle .toggle_list>li .f_link {display:none}
.footer .f_toggle .toggle_list>li .f_link li {margin-top:10px}
.footer .f_toggle .toggle_list>li .f_link li a {font-size:14px;font-weight:300;line-height:22px}
.footer .f_toggle .toggle_list>li .f_link li a strong {font-weight:500}

.footer .f_sns {display:flex;flex-direction:row-reverse;justify-content:flex-end;margin-top:50px}
.footer .f_sns li {margin-right:20px;}
.footer .f_sns li a {display:block;width:28px;height:28px;text-indent:-9999px;}
.footer .f_sns li.ico_blog a {background:url(../images/common/btn_blog.svg) no-repeat 0 0 / 28px 28px}
.footer .f_sns li.ico_facebook a {background:url(../images/common/btn_facebook.svg) no-repeat 0 0 / 28px 28px}
.footer .f_sns li.ico_youtube a {background:url(../images/common/btn_youtube.svg) no-repeat 0 0 / 28px 28px}
.footer .f_sns li.ico_instagram a {background:url(../images/common/btn_instagram.svg) no-repeat 0 0 / 28px 28px}

.footer .f_number {display:flex;margin-top:30px}
.footer .f_number dl {margin-right:30px}
.footer .f_number dl:last-child {margin-right:0}
.footer .f_number dl dt {font-size:12px;font-weight:300;color:#666;line-height:20px;}
.footer .f_number dl dd {margin-top:5px;font-size:18px;font-weight:500;line-height:26px;}
.footer .f_number dl dd .txt {display:none}

.footer .wa_mark {margin-top:50px}
.footer .wa_mark ul {display:flex;align-items:center;gap:20px}
.footer .wa_mark a {display:block}
.footer .wa_mark .ico_ccm {display:block;width:30px;height:30px;background:url(../images/common/ccm_mark.png) no-repeat 0 0 / 100% 100%}
.footer .wa_mark .ico_iso {display:block;width:50px;height:32px;background:url(../images/common/iso_mark.png) no-repeat 0 0 / 100% 100%}
.footer .wa_mark .ico_wa {display:block;width:40px;height:28px;background:url(../images/common/wa_mark.png) no-repeat 0 0 / 100% 100%}
.footer .wa_mark .ico_ffsb {display:block;width:89px;height:20px;background:url(../images/common/ffsb_mark.png) no-repeat 0 0 / 100% 100%}
.footer .copyright {margin-top:20px;font-size:11px;font-weight:300;color:#666;line-height:18px}

.footer.sub .inner .f_cont {display:none}
.footer.sub .copyright_m {font-size:12px;font-weight:300;color:#000;line-height:20px;}

.footer.sub2 .copyright {margin-top:0;font-size:12px;font-weight:300;color:#000;line-height:20px}

/* container */
.content_full .inner {padding:0 20px;}
.max_1180 .inner {padding:0 20px}
.max_1440 .inner {padding:0 20px;}

/* alert popup */
.layer_wrap{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;}
.layer_wrap .dim{position:fixed;left:0;top:0;z-index:1001;width:100%;height:100%;}
.layer_wrap .dim_inactivate{position:fixed;left:0;top:0;z-index:1001;width:100%;height:100%;}
.alert_pop .pop_con{position:fixed;left:50%;top:50%;z-index:1002;width:100%;padding:20px;transform:translate( -50%, -50%);-webkit-transform:translate( -50%, -50%);box-sizing:border-box;}
.alert_pop .pop_con .inner{position:relative;min-height:162px;padding:35px 20px 30px;border-radius:20px;background:#fff;}
.alert_pop .pop_con .inner .tit {font-size:24px;line-height:34px;text-align:left;}
.alert_pop .pop_con .inner .tit_center{font-size:18px;line-height:22px;margin-bottom:25px;text-align:center;}
.alert_pop .pop_con .inner .txt{font-size:14px;font-weight:300;line-height:23px;text-align:center;}
.alert_pop .pop_con .inner .txt .txt_s {font-size:13px;}
.alert_pop .pop_con.center .inner {padding:30px 20px}
.alert_pop .pop_con.center .inner .txt {display:flex;align-items:center;justify-content:center;min-height:102px}
.alert_pop .btn_wrap {padding-top:35px;}
.alert_pop .btn_pop_close{position:absolute;top:0;right:5px;z-index:101;width:48px;height:48px;background:url(../images/common/btn_pop_close.svg) 50% 50%/ 20px 20px no-repeat;}

/* 공모전 접속 증가 팝업 */
.alert_pop .oif_info_wrap{text-align:center;}
.alert_pop .oif_info_wrap .txt{display:block !important;}
.alert_pop .oif_info_wrap .txt em{font-weight:500;color:#dc2f34;}
.alert_pop .oif_info_wrap .form_wrap{margin-top:20px;text-align:center;}
.alert_pop .oif_info_wrap .form_wrap label{color:#666;}

/* full popup */
.full_layer{background:#fff;}
.full_layer .tit_box{position:fixed;left:0;top:20px;width:100%;height:40px;background:#fff}
.full_layer .tit_box h1{padding:0 60px 0 20px;font-size:20px;line-height:40px;text-align:left;}
.full_layer .tit_box .btn_pop_close {position:absolute;top:0;right:10px;z-index:101;width:40px;height:40px;background:url(../images/common/btn_pop_close.svg) 50%/ 20px 20px no-repeat;}
.full_layer .pop_con{overflow-y:auto;position:absolute;left:20px;right:20px;top:80px;bottom:20px;padding:5px 5px 0 0}
.full_layer .pop_con::-webkit-scrollbar {width:5px}
.full_layer .pop_con::-webkit-scrollbar-thumb {background:#666;border-radius:50px}
.full_layer .pop_con::-webkit-scrollbar-track {background:transparent}
.full_layer.has_btn_fixed .pop_con {bottom:114px}
.full_layer .con {font-size:15px;font-weight:300;line-height:23px;}
.full_layer .con .inp_box + .sel_box {margin-top:10px}

/* bottom popup */
.bottom_layer .pop_con{-webkit-transform:translateY(100%);-webkit-transition:all 0.2s;-webkit-transition-delay:0.2s;-webkit-transition-duration:0.2s;transform:translateY(100%);transition:all 0.2s;transition-delay:0.2s;transition-duration:0.2s;}
.bottom_layer.active .pop_con{transform:translateY(0)}
.bottom_layer .btn_pop_close {position:absolute;top:12px;right:12px;z-index:101;width:48px;height:48px;background:url(../images/common/btn_pop_close.svg) 50%/ 20px 20px no-repeat;}
.bottom_layer .pop_con {overflow:hidden;position:absolute;top:50%;bottom:0;left:0;z-index:1002; width:100%;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;}
.bottom_layer .inner{overflow-y:auto;padding:16px 16px 40px;}

.bottom_layer .pop_con.top_20 {top:20%}

.bottom_layer .contents {top:73px;padding:0 24px 40px;}
.bottom_layer .tit_box {position:absolute; top:0; left:0;z-index:101;width:100%;padding:20px;background:#fff;border-top-left-radius:15px;border-top-right-radius:15px;}
.bottom_layer .tit_box.bd_btm::after{content:'';position:absolute;bottom:0;left:0;width:calc(100% - 48px);height:1px;margin:0 24px;background:#EBEBEB;}
.bottom_layer .tit_box h1 {padding-right:31px;font-size:20px;line-height:28px}
.bottom_layer .con {overflow-y:auto;position:absolute;top:80px;right:20px;bottom:40px;left:20px;font-size:15px;font-weight:300;line-height:23px;}

/* full popup > alert popup */
.layer_pop {background:#fff;}
.layer_pop .inner{padding-right:10px}
.layer_pop .inner::-webkit-scrollbar {width:5px}
.layer_pop .inner::-webkit-scrollbar-thumb {background:#666;border-radius:50px}
.layer_pop .inner::-webkit-scrollbar-track {background:transparent}
.layer_pop .tit_box{position:fixed;left:0;top:20px;width:100%;height:40px;background:#fff}
.layer_pop .tit_box h1{padding:0 60px 0 20px;font-size:20px;line-height:40px;text-align:left;}
.layer_pop .tit_box .btn_pop_close {position:absolute;top:0;right:10px;z-index:101;width:40px;height:40px;background:url(../images/common/btn_pop_close.svg) 50%/ 20px 20px no-repeat;}
.layer_pop .pop_con{overflow-y:auto;position:absolute;top:90px;left:20px;right:5px;bottom:0;padding-bottom:20px;background-color:#fff;box-sizing:border-box;}
.layer_pop .pop_con::-webkit-scrollbar {width:5px}
.layer_pop .pop_con::-webkit-scrollbar-thumb {background:#666;border-radius:50px}
.layer_pop .pop_con::-webkit-scrollbar-track {background:transparent}
.layer_pop .dim{display:none;}
.layer_pop .br{display:block;}
.layer_pop.has_btn_fixed .inner {max-height:calc(100vh - 272px)}

/* 검색팝업(pc) */
.layer_search {display:none}
.layer_search .pop_con {position:fixed;top:0;left:0;right:0;z-index:1002;height:150px;background:#FFF}
.layer_search .btn_pop_close {position:absolute;top:20px;right:20px;z-index:101;width:48px;height:48px;background:url(../images/common/btn_pop_close_b.svg) no-repeat 50% 50% / 30px 30px}
.layer_search .content {display:flex;align-items:center;gap:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.layer_search .content .tit {flex:none;font-size:18px;color:#000;line-height:60px;}
.layer_search .content .tit i {display:inline-block;width:60px;height:60px;margin-right:10px;background:url(../images/common/logo.svg) no-repeat 0 0 / 100% 100%;vertical-align:top;}
.layer_search .content .inp_box.search .inp_base {width:600px;height:70px;padding:8px 140px 8px 40px}
.layer_search .content .inp_box.search .inp_base:focus {padding:8px 138px 8px 38px;}
.layer_search .content .inp_box.search .inp_base:hover {padding:8px 138px 8px 38px}
.layer_search .content .inp_box.search .inp_base:focus ~ .btn_search {top:2px;right:2px;width:78px;height:calc(100% - 4px);background:#FFED00 url(../images/common/ico_search.svg) no-repeat top 50% right 26px / 24px 24px}
.layer_search .content .inp_box.search .inp_base:hover ~ .btn_search {top:2px;right:2px;width:78px;height:calc(100% - 4px);background:#FFED00 url(../images/common/ico_search.svg) no-repeat top 50% right 26px / 24px 24px}
.layer_search .content .inp_box.search .btn_search {top:0;right:0;width:80px;height:100%;margin-top:0;border-radius:0 50px 50px 0;background:#FFED00 url(../images/common/ico_search.svg) no-repeat 50% 50% / 24px 24px}
.layer_search .content .inp_box.search .btn_del {right:100px}
/* [e]guide */

/* 플로팅 팝업 */
.fixed_floating {position:fixed;bottom:calc(var(--vh, 1vh) * 25);right:-180px;z-index:99;width:180px;transition:all .3s}
.fixed_floating .btn_open {display:block;position:fixed;bottom:40%;right:0;width:54px;height:80px;background:url(../images/common/btn_floating_open.svg) no-repeat 0 0 / 100% 100%;transition:all .3s}
.fixed_floating .btn_close {display:block;position:absolute;bottom:-56px;right:0;width:40px;height:40px;background:url(../images/common/btn_floating_close.svg) no-repeat 0 0 / 100% 100%}
.fixed_floating .img_wrap {position:relative;}
.fixed_floating .img_wrap .img_box {margin-top:10px}
.fixed_floating .img_wrap .img_box a {display:block;overflow:hidden;position:relative;border-radius:10px;box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.15);}
.fixed_floating .img_wrap .img_box a img {width:100%}
.fixed_floating.open {right:20px}
.fixed_floating.open .btn_open {right:-54px;}
.fixed_floating.reach_end {bottom:calc(var(--vh, 1vh) * 30);}

/* 모션 공통 */
@keyframes moving {
    0% {transform:translateY(0);-webkit-transform:translateY(0)}
    50% { transform:translateY(15px);-webkit-transform:translateY(15px)}
    100% {transform:translateY(0);-webkit-transform:translateY(0)}
}
@-webkit-keyframes moving {
    0% {transform:translateY(0);-webkit-transform:translateY(0)}
    50% { transform:translateY(15px);-webkit-transform:translateY(15px)}
    100% {transform:translateY(0);-webkit-transform:translateY(0)}
}

@keyframes moving2 {
    0% {transform:translate(0);-webkit-transform:translate(0);}
    50% { transform:translate(20px, -20px);-webkit-transform:translate(20px, -20px);}
    100% {transform:translate(0);-webkit-transform:translate(0);}
}
@-webkit-keyframes moving2 {
    0% {transform:translate(0);-webkit-transform:translate(0);}
    50% { transform:translate(20px, -20px);-webkit-transform:translate(20px, -20px);}
    100% {transform:translate(0);-webkit-transform:translate(0);}
}

@keyframes moving3 {
    0% {transform:translateY(0);-webkit-transform:translateY(0)}
    50% { transform:translateY(-8px);-webkit-transform:translateY(-8px)}
    100% {transform:translateY(0);-webkit-transform:translateY(0)}
}
@-webkit-keyframes moving3 {
    0% {transform:translateY(0);-webkit-transform:translateY(0)}
    50% { transform:translateY(-8px);-webkit-transform:translateY(-8px)}
    100% {transform:translateY(0);-webkit-transform:translateY(0)}
}

@keyframes scale {
    0% {transform:scale(1.1);-webkit-transform:scale(1.1);} 
    50% {transform:scale(1);-webkit-transform:scale(1);}
    100% {transform:scale(1.1);-webkit-transform:scale(1.1);}
}
@-webkit-keyframes scale {
    0% {transform:scale(1.1);-webkit-transform:scale(1.1);} 
    50% {transform:scale(1);-webkit-transform:scale(1);}
    100% {transform:scale(1.1);-webkit-transform:scale(1.1);}
}

@keyframes scale2 {
    0% {transform:scale(1);-webkit-transform:scale(1);}
    50% {transform:scale(1.3);-webkit-transform:scale(1.3);}
    100% {transform:scale(1);-webkit-transform:scale(1);}
}
@-webkit-keyframes scale2 {
    0% {transform:scale(1);-webkit-transform:scale(1);}
    50% {transform:scale(1.3);-webkit-transform:scale(1.3);}
    100% {transform:scale(1);-webkit-transform:scale(1);}
}

@keyframes rotate {
    0% {transform:rotate(0);-webkit-transform:rotate(0)}
    50% {transform:rotate(15deg);-webkit-transform:rotate(15deg);}
    100% {transform:rotate(0);-webkit-transform:rotate(0);}
}
@-webkit-keyframes rotate {
    0% {transform:rotate(0);-webkit-transform:rotate(0)}
    50% {transform:rotate(15deg);-webkit-transform:rotate(15deg);}
    100% {transform:rotate(0);-webkit-transform:rotate(0);}
}

@keyframes rotate2 {
    0% {transform:rotate(0);-webkit-transform:rotate(0)}
    50% {transform:rotate(30deg);-webkit-transform:rotate(30deg);}
    100% {transform:rotate(0);-webkit-transform:rotate(0);}
}
@-webkit-keyframes rotate2 {
    0% {transform:rotate(0);-webkit-transform:rotate(0)}
    50% {transform:rotate(30deg);-webkit-transform:rotate(30deg);}
    100% {transform:rotate(0);-webkit-transform:rotate(0);}
}

@keyframes rotate3 {
    0% {transform:rotate(0) scale(1);-webkit-transform:rotate(0) scale(1);}
    25% {transform:rotate(30deg) scale(1.3);-webkit-transform:rotate(30deg) scale(1.3);}
    50% {transform:rotate(0) scale(1);-webkit-transform:rotate(0) scale(1);}
    75% {transform:rotate(-30deg) scale(1.3);-webkit-transform:rotate(30deg) scale(1.3);}
    100% {transform:rotate(0) scale(1);-webkit-transform:rotate(0) scale(1);}
}
@-webkit-keyframes rotate3 {
    0% {transform:rotate(0) scale(1);-webkit-transform:rotate(0) scale(1);}
    25% {transform:rotate(30deg) scale(1.3);-webkit-transform:rotate(30deg) scale(1.3);}
    50% {transform:rotate(0) scale(1);-webkit-transform:rotate(0) scale(1);}
    75% {transform:rotate(-30deg) scale(1.3);-webkit-transform:rotate(30deg) scale(1.3);}
    100% {transform:rotate(0) scale(1);-webkit-transform:rotate(0) scale(1);}
}
@keyframes arw_left {
    0% {left:30px;}
    50% {left:25px;}
    100% {left:30px;}
}
@keyframes arw_right {
    0% {right:30px;}
    50% {right:25px;}
    100% {right:30px;}
}
@-webkit-keyframes arw_left {
    0% {left:30px;}
    50% {left:25px;}
    100% {left:30px;}
}
@-webkit-keyframes arw_right {
    0% {right:30px;}
    50% {right:25px;}
    100% {right:30px;}
}
:root {--vh:100%;}

/* main */
.main .tit_main {font-size:32px;line-height:46px;letter-spacing:-.64px;text-align:center}
.main .tit_main .br {display:block}

.main_visual {overflow:hidden;position:relative;height:calc(var(--vh, 1vh) * 100)}
.main_visual .inner {height:100%}
.main_visual .swiper-container {height:100%}
.main_visual .swiper-wrapper {height:100%}
.main_visual .swiper-slide::before {content:'';position:absolute;bottom:0;left:0;right:0;z-index:1;height:400px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 0.01%, rgba(0, 0, 0, 0.50) 100%);}
.main_visual .swiper-slide .pc_visual {display:none}
.main_visual .swiper-slide .tab_visual{display:none}
.main_visual .swiper-slide .mo_visual {height:100%;background-size:cover;background-position:50% 0;background-repeat:no-repeat}
.main_visual .swiper-slide img {width:100%;height:100%;object-fit:cover;}
.main_visual .swiper-slide .slide_cont {position:absolute;top:28.12%;left:50%;z-index:10;width:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.main_visual .swiper-slide .tit_slide {font-size:28px;color:#FFF;line-height:38px;text-align:center;text-shadow:0px 8px 24px rgba(0, 0, 0, 0.80);}

.main_visual .controls {position:absolute;bottom:0px;left:20px;right:20px;z-index:10;}
.main_visual .swiper-pagination-current {color:#fff}
.main_visual .swiper-pagination-fraction {position:absolute;bottom:24px;left:auto;right:0;width:95px;padding:6px 20px;background:rgba(0, 0, 0, 0.5);border-radius:100px;font-size:12px;font-weight:300;color:#FFF;line-height:20px;text-align:left;}
.main_visual .swiper-pagination2 {display:flex;position:absolute;bottom:10px;left:0;right:0;}
.main_visual .swiper-pagination-bullet {position:relative;flex:1;height:3px;margin:0 2px;border-radius:0;background:rgba(255, 255, 255, 0.5)}
.main_visual .swiper-pagination-bullet-active {background:transparent}
.main_visual .swiper-button-pause {display:block;position:absolute;top:-30px;right:20px;z-index:10;width:8px;height:12px;border:0;border-radius:0;background:url(../images/common/btn_pause2.svg) no-repeat 0 0 / 8px 12px;}
.main_visual .swiper-button-play {display:none;position:absolute;top:-30px;right:20px;z-index:10;width:8px;height:12px;border:0;border-radius:0;background:url(../images/common/btn_play2.svg) no-repeat 0 0 / 8px 12px;}
.main_visual .swiper-button-prev.type2 {display:none}
.main_visual .swiper-button-next.type2 {display:none}

.main_visual .swiper-pagination-bullet em {display:none}
.main_visual .swiper-pagination-bullet i {position:absolute;bottom:0;left:0;z-index:1;width:100%;height:3px;background-color:rgba(255, 255, 255, 0.3)}
.main_visual .swiper-pagination-bullet b {position:absolute;bottom:0;left:0;z-index:2;width:0;height:3px;background-color:#FFF}
.main_visual .swiper-pagination-bullet-active b {animation:countingBar 3s 1 ease-in alternate forwards;-webkit-animation:countingBar 3s 1 ease-in alternate forwards;}
@keyframes countingBar {
    0% {width:0;}
    100% {width:100%;}
}
@-webkit-keyframes countingBar {
    0% {width:0;}
    100% {width:100%;}
}

.about_ottogi {padding-top:50px}
.about_ottogi .ico {display:block;position:relative;width:75px;height:73px;margin:0 auto;background:url(../images/common/ico_scroll.svg) no-repeat 0 0 / 100% 100%;}
.about_ottogi .ico::after {content:'';position:absolute;bottom:13px;left:50%;width:16px;height:15px;margin-left:-8px;background:url(../images/common/ico_scroll_arw.svg) no-repeat 0 0 / 100% 100%;animation:mainScroll 1s infinite;-webkit-animation:mainScroll 1s infinite;}
@keyframes mainScroll {
    0% {transform:translateY(0);-webkit-transform:translateY(0);}
    50% { transform:translateY(-5px);-webkit-transform:translateY(-5px);}
    100% {transform:translateY(0);-webkit-transform:translateY(0);}
}
@-webkit-keyframes mainScroll {
    0% {transform:translateY(0);-webkit-transform:translateY(0);}
    50% { transform:translateY(-5px);-webkit-transform:translateY(-5px);}
    100% {transform:translateY(0);-webkit-transform:translateY(0);}
}
.about_ottogi .tit_main {margin-top:40px;text-align:center;}
.about_ottogi .item {padding:60px 30px 0}
.about_ottogi .item .img_box {position:relative}
.about_ottogi .item .thumb {display:flex;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:100%}
.about_ottogi .item .thumb img {position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.about_ottogi .item .svg {position:absolute;width:0;height:0;}
.about_ottogi .item .clipped {position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.about_ottogi .item .clipped.path1 {-webkit-clip-path:url(#my-clip-path);clip-path:url(#my-clip-path);}
.about_ottogi .item .clipped.path2 {-webkit-clip-path:url(#my-clip-path2);clip-path:url(#my-clip-path2);}
.about_ottogi .item .txt_box .tit {font-size:26px;line-height:38px}
.about_ottogi .item .txt_box .tit .point {color:#FFED00;-webkit-text-stroke:1px #000;}
.about_ottogi .item .txt_box .desc {margin-top:20px;font-size:16px;font-weight:300;line-height:28px;}
.about_ottogi .item .txt_box .desc .br {display:block}
.about_ottogi .item .txt_box .desc .br_pc {display:block}

.about_ottogi .item1 .thumb {padding-top:111.15%;border-radius:200px}
.about_ottogi .item1 .img_box {margin-right:55px}
.about_ottogi .item1 .txt_box {padding-top:107px}
.about_ottogi .item2 .thumb {padding-top:96.42%}
.about_ottogi .item2 .img_box {margin-left:55px}
.about_ottogi .item2 .txt_box {padding-top:114px;text-align:right}
.about_ottogi .item3 .thumb {padding-top:111.53%}
.about_ottogi .item3 .img_box {margin-right:55px}
.about_ottogi .item3 .txt_box {padding-top:122px}

.about_ottogi .item1 .lt_wrap {position:absolute;bottom:-70px;left:0;width:259px;height:110px}
.about_ottogi .item2 .lt_wrap {position:absolute;bottom:-80px;right:0;width:202px;height:140px}
.about_ottogi .item3 .lt_wrap {position:absolute;bottom:-94px;left:0;width:230px;height:160px}

.global_ottogi {overflow:hidden;position:relative;padding:100px 0 169px;margin-top:148px;background:#FFFDEB}
.global_ottogi::after {content:'';position:absolute;bottom:-170px;right:-70px;width:500px;height:500px;background:url(../images/common/global_bg.svg) no-repeat 0 0 / 100% 100%}
.global_ottogi .tit_wrap {padding:0 20px}
.global_ottogi .tit_wrap .br {display:block}
.global_ottogi .tit_sub {display:block;font-size:24px;line-height:34px}
.global_ottogi .tit_main {display:block;margin-top:10px;font-size:48px;font-weight:500;color:#DC2F34;line-height:64px;text-align:left;}
.global_ottogi .desc {margin-top:20px;font-size:16px;font-weight:300;line-height:28px}
.global_ottogi .btn_wrap {display:block;padding:0 20px;margin-top:40px}

.global_ottogi .content {position:relative;z-index:1;opacity:0;padding-top:50px}
.global_ottogi .content.on {opacity:1;}
.global_ottogi .show_wrap .pc {display:none;}
.global_ottogi .show_wrap {display:flex;flex-wrap:wrap; width:100%; margin:0 auto;padding:0 20px; gap:15px;}
.global_ottogi .show_wrap li {overflow:hidden;width:calc(50% - 7.5px); height:calc(50vw - 27.5px);border-radius:50%;list-style:none;transform:scale(0);transition:transform 0.3s ease;}
.global_ottogi .show_wrap li.active {transform:scale(1);}
.global_ottogi .show_wrap li span{position:absolute; width:100%; height:100%;}
.global_ottogi .show_wrap .fade {z-index:10;opacity:1;transition:opacity 2s;}
.global_ottogi .show_wrap .fade::after{content:'';display:block;width:100%;height:100%;opacity:1;transition:opacity 2s ease-in-out;}  
.global_ottogi .show_wrap .fade2::after{content:'';display:block;width:100%;height:100%;}
.global_ottogi .show_wrap .fade.active::after {opacity:0;transition:opacity 2s;}
.global_ottogi .show_wrap .bg_1 .fade::after{background:url(../images/common/list_bg1_1_mo.png);background-size:cover;}
.global_ottogi .show_wrap .bg_1 .fade2::after{background:url(../images/common/list_bg1_2_mo.png);background-size:cover;}
.global_ottogi .show_wrap .bg_2 .fade::after{background:url(../images/common/list_bg2_1_mo.png);background-size:cover;}
.global_ottogi .show_wrap .bg_2 .fade2::after{background:url(../images/common/list_bg2_2_mo.png);background-size:cover;}
.global_ottogi .show_wrap .bg_3 .fade::after{background:url(../images/common/list_bg3_1_mo.png);background-size:cover;}
.global_ottogi .show_wrap .bg_3 .fade2::after{background:url(../images/common/list_bg3_2_mo.png);background-size:cover;}
.global_ottogi .show_wrap .bg_4 .fade::after{background:url(../images/common/list_bg4_1_mo.png);background-size:cover;}
.global_ottogi .show_wrap .bg_4 .fade2::after{background:url(../images/common/list_bg4_2_mo.png);background-size:cover;}
.global_ottogi .show_wrap .bg_5 .fade::after{background:url(../images/common/list_bg5_1_mo.png);background-size:cover;}
.global_ottogi .show_wrap .bg_5 .fade2::after{background:url(../images/common/list_bg5_2_mo.png);background-size:cover;}
.global_ottogi .show_wrap .bg_6 .fade::after {background:url(../images/common/list_bg6_1_mo.png);background-size:cover;}
.global_ottogi .show_wrap .bg_6 .fade2::after {background:url(../images/common/list_bg6_2_mo.png);background-size:cover;}

.esg_manage {overflow:hidden;padding-top:150px}
.esg_manage .tit_main {text-align:left;}
.esg_manage .swiper-container {padding:98px 0 0}
.esg_manage .swiper-slide {width:280px;height:450px;border-radius:10px}
.esg_manage .swiper-slide.slide1 {background:url(../images/common/main_esg1.jpg) no-repeat 50% 50% / cover}
.esg_manage .swiper-slide.slide2 {background:url(../images/common/main_esg2.jpg) no-repeat 50% 50% / cover}
.esg_manage .swiper-slide.slide3 {background:url(../images/common/main_esg3.jpg) no-repeat 50% 50% / cover}
.esg_manage .swiper-slide a {display:block;position:relative;height:100%;border-radius:10px}
.esg_manage .swiper-slide a::before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.75);border-radius:10px}
.esg_manage .swiper-slide-active a::before {background:rgba(0, 0, 0, 0.40);}
.esg_manage .swiper-slide .lt_wrap {display:none}
.esg_manage .swiper-slide-active .lt_wrap {display:block;}
.esg_manage .swiper-slide-active.slide1 .lt_wrap {position:absolute;top:-70px;right:-20px;width:150px;height:150px;}
.esg_manage .swiper-slide-active.slide2 .lt_wrap {position:absolute;top:-70px;right:-20px;width:150px;height:150px;}
.esg_manage .swiper-slide-active.slide3 .lt_wrap {position:absolute;top:-70px;right:-20px;width:150px;height:150px;}
.esg_manage .txt_wrap {position:absolute;top:127px;left:30px;right:30px;bottom:0;z-index:1;color:#FFF;}
.esg_manage .txt_wrap .en {font-size:14px;line-height:22px}
.esg_manage .txt_wrap .tit {display:block;margin-top:5px;font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.44px}
.esg_manage .txt_wrap .desc {margin-top:30px}
.esg_manage .txt_wrap .desc p {font-size:18px;line-height:26px;}
.esg_manage .txt_wrap .btn_more {position:absolute;bottom:30px;right:0}

.brand_story {padding-top:150px}
.brand_story .visual {overflow:hidden;position:relative;margin-top:30px}
.brand_story .visual img {width:100%}
.brand_story .visual img.img_pc {display:none}
.brand_story .visual .txt_wrap {position:absolute;top:95px;left:20px;right:30px;}
.brand_story .visual .ottogi {display:block;font-size:52px;color:#FFF;line-height:70px;letter-spacing:20.8px;}
.brand_story .visual .brand {display:block;position:relative;padding-left:43px;margin-top:7px;font-size:40px;font-weight:600;color:#FFED00;letter-spacing:16px;}
.brand_story .visual .brand::after {content:'';position:absolute;bottom:12px;right:-250px;width:100%;height:1px;background:#FFED00;}
.brand_story .visual .story {display:block;font-size:20px;font-weight:500;color:#FFED00;letter-spacing:12px;text-align:right}
.brand_story .visual .desc {margin-top:30px;font-size:15px;font-weight:300;line-height:23px;color:#FFF;text-align:right;text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.50);}
.brand_story .visual .desc .br {display:block}
.brand_story .visual .btn_wrap {position:absolute;bottom:60px;right:30px}

.ottogi_prd {overflow:hidden;padding:100px 0 50px;background:#FFED00}
.ottogi_prd .bg_con {display:none;}
.ottogi_prd .slider {position:relative;padding:60px 20px 52px}
.ottogi_prd .slider .txt_box {min-height:250px}
.ottogi_prd .slider .cate {padding:5px 12px;background:rgba(0, 0, 0, 0.05);border-radius:20px;font-size:13px;line-height:21px}
.ottogi_prd .slider .tit {min-height:112px;margin-top:15px;font-size:36px;line-height:56px;letter-spacing:-.72px;word-break:keep-all;}
.ottogi_prd .slider .img_box .thumb {overflow:hidden;position:relative;display:flex;align-items:center;width:100%;height:100%;padding-top:79.94%;margin-top:0}
.ottogi_prd .slider .img_box .thumb img {position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:contain}
.ottogi_prd .slider .btn_prd_view {display:inline-block;position:relative;z-index:10;margin-top:15px;font-size:14px;line-height:22px}
.ottogi_prd .slider .btn_prd_view::after {content:'';position:absolute;bottom:3px;right:30px;width:16px;height:16px;background:url(../images/common/ico_arrow.svg) no-repeat 0 0 / 16px 16px;}
.ottogi_prd .slider .br {display:block;font-size:18px;line-height:26px;}
.ottogi_prd .slider .controls {position:absolute;bottom:0;left:50%;z-index:10;width:188px;height:50px;margin-left:-124px}

.ottogi_news {position:relative;padding-top:150px}
.ottogi_news .tit_depth4 {padding:60px 0 20px;font-weight:500}
.ottogi_news .slider {overflow:hidden;position:relative;margin:0 -20px;padding:0 20px}
.ottogi_news .slider .swiper-slide a {display:block;overflow:hidden;position:relative;border-radius:10px;}
.ottogi_news .slider .swiper-slide a::before {content:'';position:absolute;bottom:0;left:0;right:0;z-index:1;height:180px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 4%, rgba(0, 0, 0, 0.80) 100%);border-radius:0 0 50px 50px}
.ottogi_news .slider .swiper-slide .img_box {overflow:hidden;position:relative;display:flex;align-items:center;width:100%;padding-top:131.33%;border-radius:50px}
.ottogi_news .slider .swiper-slide .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover}
.ottogi_news .slider .swiper-slide .txt_box {display:flex;flex-direction:column;justify-content:flex-end;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;padding:30px}
.ottogi_news .slider .swiper-slide .txt_box .tag {display:none;width:fit-content;padding:3px 8px;border-radius:5px;background:rgba(0, 0, 0, 0.42);font-size:14px;font-weight:300;color:#FFF;line-height:22px}
.ottogi_news .slider .swiper-slide .txt_box .tit {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:18px;color:#FFF;line-height:26px;}
.ottogi_news .btn_wrap {display:none}
.ottogi_news .slider .controls {position:absolute;top:50%;left:10px;right:10px}

.okitchen_recipe {padding-top:80px}
.okitchen_recipe .tit_depth4 {font-weight:500}
.okitchen_recipe .tit_sub {margin-top:5px;font-size:15px;font-weight:300;line-height:23px;}
.okitchen_recipe .slider {overflow:hidden;position:relative;margin:0 -20px;padding:20px 20px 0}
.okitchen_recipe .slider .swiper-slide a {display:block;overflow:hidden;position:relative;border-radius:10px;}
.okitchen_recipe .slider .swiper-slide .img_box {overflow:hidden;position:relative;display:flex;align-items:center;width:100%;padding-top:100%;border-radius:50px}
.okitchen_recipe .slider .swiper-slide .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover}
.okitchen_recipe .slider .swiper-slide .txt_box {margin-top:20px}
.okitchen_recipe .slider .swiper-slide .txt_box .info_tit {display:inline-block;font-size:18px;line-height:26px;}
.okitchen_recipe .slider .swiper-slide .txt_box .info_tit::after {content:'';display:inline-block;width:16px;height:28px;margin-left:5px;background:url(../images/common/ico_arrow.svg) no-repeat 50% 50% / 100% 100%;vertical-align:top;}
.okitchen_recipe .slider .swiper-slide .txt_box .info_tag {margin-top:5px;}
.okitchen_recipe .slider .swiper-slide .txt_box .info_tag span {font-size:14px;font-weight:300;color:#666;line-height:22px;}
.okitchen_recipe .slider .controls {position:absolute;top:50%;left:10px;right:10px;z-index:10;margin-top:-25px}

.ottogi_sns {padding-top:80px}
.ottogi_sns .inner {position:relative}
.ottogi_sns .tit_depth4 {font-weight:500;}
.ottogi_sns .tab_panel {display:flex;justify-content:center;padding-top:20px}
.ottogi_sns .tab_panel .tabs {display:flex;gap:28px;justify-content:unset;overflow-x:auto;white-space:nowrap}
.ottogi_sns .tab_panel .tabs li .btn_tab {display:block;position:relative;min-width:46px;padding-top:46px;background-color:transparent;background-repeat:no-repeat;background-position:left 50% top 0;background-size:46px 46px;font-size:16px;font-weight:300;color:#666;line-height:24px}
.ottogi_sns .tab_panel .tabs li .btn_tab.ico_sns2 {min-width:62px}
.ottogi_sns .tab_panel .tabs li.active .btn_tab {font-weight:500; color:#000}
.ottogi_sns .tab_panel .tabs li .ico_sns1 {background-image:url(../images/common/ico_sns1.svg)}
.ottogi_sns .tab_panel .tabs li .ico_sns2 {background-image:url(../images/common/ico_sns2.svg)}
.ottogi_sns .tab_panel .tabs li .ico_sns3 {background-image:url(../images/common/ico_sns3.svg)}
.ottogi_sns .tab_panel .tabs.fixed {position:fixed;top:0;left:0;width:100%;z-index:500;padding:16px 0;background:#FFED00;justify-content:center;}
.ottogi_sns .tab_panel .tabs.fixed li .btn_tab {color:#000}

.ottogi_sns .txt_marquee {overflow:hidden;margin:20px -20px 0;background:#DC2F34;font-size:24px;font-weight:300;color:#FFF;letter-spacing:4.8px;transition:font-size .3s;}
.ottogi_sns .txt_marquee i {display:inline-block;width:27px;height:30px;background:url(../images/common/char.svg) no-repeat 0 0 / 27px 25px;vertical-align:middle;}

.ottogi_sns .tab_cont_wrap {position:relative}
.ottogi_sns .tab_cont {display:none;overflow:hidden;}
.ottogi_sns .tab_cont.active {display:block;}
.ottogi_sns .swiper-container {margin:0 -20px;padding:0 20px}
.ottogi_sns .controls {display:none;position:absolute;top:50%;left:-45px;right:-45px;height:90px}
.ottogi_sns .list {animation:fadeIn_play03 1s;-webkit-animation:fadeIn_play03 1s;}
.ottogi_sns .list li {margin-top:30px}
.ottogi_sns .list li a {display:block;padding:22px 20px;border:1px solid #E9E9E9;border-radius:16px;}
.ottogi_sns .list li .sns_id {position:relative;padding-left:36px;font-size:16px}
.ottogi_sns .list li .sns_id::before {content:'';position:absolute;top:50%;left:0;width:26px;height:26px;margin-top:-13px;background:url(../images/common/insta_26x26.png) no-repeat 0 0 / 100% 100%}
.ottogi_sns .list li .sns_id.ico_blog::before {width:30px;height:30px;margin-top:-15px;background:url(../images/common/blog_30x30.png) no-repeat 0 0 / 100% 100%}
.ottogi_sns .list li .img_box {overflow:hidden;position:relative;display:flex;align-items:center;width:100%;padding-top:100%;margin-top:20px;border-radius:10px}
.ottogi_sns .list li .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover}
.ottogi_sns .list li .txt_box {padding-top:18px}
.ottogi_sns .list li .tit {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:52px;font-size:18px;line-height:26px}
.ottogi_sns .list li .update {margin-top:15px;font-size:14px;color:#666;line-height:22px}
.ottogi_sns .btn_wrap {padding-top:50px;}
.ottogi_sns .btn_more {display:none;position:relative;width:auto;padding:13px 44px 13px 30px;border-radius:30px;border:2px solid #000;background:none}
.ottogi_sns .btn_more::after {content:'';position:absolute;top:50%;right:30px;width:7px;height:12px;margin-top:-6px;background:url(../images/common/ico_list_more.svg) no-repeat 0 0 / 7px 12px}
@keyframes fadeIn_play03 {
    0% {opacity:0;transform:translateY(50px);-webkit-transform:translateY(50px);}
    100% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
}
@-webkit-keyframes fadeIn_play03 {
    0% {opacity:0;transform:translateY(50px);-webkit-transform:translateY(50px);}
    100% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
}

/* 사이트맵 */
.sitemap_wrap{padding-top:60px;}
.sitemap_wrap.max_1440 .inner{max-width:1180px;}
.sitemap_wrap .list{padding-top:60px;}
.sitemap_wrap .list:first-child{padding-top:0;}
.sitemap_wrap .depth1{padding:11px 0;border-radius:100px;background:#FFED00;font-size:20px;font-weight:500;line-height:28px;text-align:center;}
.sitemap_wrap .depth2{padding-top:30px;}
.sitemap_wrap .depth2{font-size:18px;font-weight:500;line-height:26px;}
.sitemap_wrap .depth2 a{font-size:18px;font-weight:500;line-height:26px;}
.sitemap_wrap .depth3{margin-top:10px;padding:10px 20px;background:#F8F8F8;}
.sitemap_wrap .depth3 li{padding:10px 0;}
.sitemap_wrap .depth3 a{font-size:15px;font-weight:300;line-height:23px;}

/* sub */
/* 회사소개_overview */
.about_overview {position:relative;z-index:1;}
.about_overview .top_visual {position:relative;height:calc(var(--vh, 1vh) * 100);}
.about_overview .top_visual::before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);}
.about_overview .top_visual .tit {font-size:32px;color:#FFF;line-height:46px;letter-spacing:-.64px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.about_overview .top_visual .desc {margin-top:10px;font-size:16px;font-weight:300;color:#FFF;line-height:28px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.about_overview .top_visual .desc .br {display:block;}
.about_overview .top_visual .btn_more {margin-top:20px}

.about_overview .top_visual.bg1 {background:url(../images/about/img_overview_top.jpg) no-repeat 50% 50% / cover;}
.about_overview .top_visual.bg1 .tit {position:absolute;top:29.35%;left:9.33%;z-index:1}
.about_overview .top_visual.bg2 {position:relative;z-index:-1;background:url(../images/about/img_overview_top2.jpg) no-repeat 50% 50% / cover;}
.about_overview .top_visual.bg2 .txt_wrap {position:absolute;top:6.72%;left:21.87%;right:5.33%;text-align:right;}
.about_overview .top_visual.bg2 .txt_wrap .ico {display:block;width:60px;height:122px;margin-left:auto;background:url(../images/about/ico_overview1.svg) no-repeat 0 0 / 100% 100%}
.about_overview .top_visual.bg3 {position:relative;z-index:-2;background:url(../images/about/img_overview_top3.jpg) no-repeat 50% 50% / cover;}
.about_overview .top_visual.bg3::before {background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}
.about_overview .top_visual.bg3 .txt_wrap {position:absolute;bottom:7.5%;left:21.87%;right:5.33%;text-align:right;}
.about_overview .top_visual.bg3 .txt_wrap .ico {display:block;width:120px;height:118px;margin-left:auto;background:url(../images/about/ico_overview2.svg) no-repeat 0 0 / 100% 100%}

.about_overview .cont_wrap .item {padding-top:150px;}
.about_overview .cont_wrap .item .img_box {overflow:hidden;}
.about_overview .cont_wrap .item .img_box img {width:100%;}
.about_overview .cont_wrap .item .txt_box {padding-top:30px}
.about_overview .cont_wrap .item .txt_box .tit {font-size:26px;line-height:38px}
.about_overview .cont_wrap .item .txt_box .desc {padding-top:30px;font-size:16px;font-weight:300;line-height:28px}
.about_overview .cont_wrap .item .txt_box .btn_more {margin-top:15px}
.about_overview .cont_wrap .item1 {padding-right:25px}
.about_overview .cont_wrap .item2 {padding-left:45px}
.about_overview .cont_wrap .item1 .img_box {border-radius:100px}
.about_overview .cont_wrap .item2 .img_box {border-radius:25px}
.about_overview .cont_wrap .item2 .txt_box {text-align:right}
.about_overview .cont_wrap .item3 .img_box {border-radius:100px}
.about_overview .cont_wrap2 {padding-top:200px}
.about_overview .cont_wrap2 .inner::after {content:'';display:block;clear:both}
.about_overview .cont_wrap2 .tit_b {font-size:28px;line-height:38px;text-align:center;}
.about_overview .cont_wrap2 .item a {display:block;position:relative}
.about_overview .cont_wrap2 .item .img_box img {width:100%}
.about_overview .cont_wrap2 .item .img_box .img_pc {display:none}
.about_overview .cont_wrap2 .item1 {margin-top:50px;border-radius:200px;}
.about_overview .cont_wrap2 .item1 .tit {position:absolute;top:50%;left:50%;z-index:1;width:100%;text-align:center;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.about_overview .cont_wrap2 .item1 .tit em {display:block;font-size:18px;color:#FFF;line-height:26px;-webkit-text-stroke:1px #000;}
.about_overview .cont_wrap2 .item1 .tit strong {display:block;margin-top:10px;font-size:32px;font-weight:500;color:#FFFC29;line-height:46px;letter-spacing:-.64px;-webkit-text-stroke:1px #000;}
.about_overview .cont_wrap2 .item1 .img_box {overflow:hidden;border-radius:50px;}
.about_overview .cont_wrap2 .item_wrap {display:flex;gap:15px;margin-top:30px}
.about_overview .cont_wrap2 .item_wrap .item {flex:1}
.about_overview .cont_wrap2 .item_wrap .item .tit {position:absolute;top:50%;left:50%;z-index:1;font-size:20px;line-height:28px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.about_overview .cont_wrap2 .item_wrap .item2 .tit {color:#FFF}
.about_overview .cont_wrap2 .item_wrap .item3 .tit::before {content:'';position:absolute;top:-28px;left:50%;width:20px;height:28px;margin-left:-10px;background:url(../images/about/ico_marker.svg) no-repeat 0 0 / 100% 100%}
.about_overview .cont_wrap2 .item_wrap .item .img_box {overflow:hidden;position:relative;width:100%;padding-top:125%;border-radius:30px}
.about_overview .cont_wrap2 .item_wrap .item .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.about_overview .cont_wrap2 .item_wrap .item2 .img_box img {object-fit:none;}

/* 회사소개_회사개요 */
.about_company .intro_top {padding-top:60px}
.about_company .br {display:block}
.about_company .intro_top .tit {display:block;padding:0 40px;font-size:28px;font-weight:500;line-height:38px}
.about_company .intro_top .cont {padding-left:20px}
.about_company .intro_top .img_box {position:relative;overflow:hidden;margin-top:30px;padding-top:118.3%;border-top-left-radius:50px;clip-path:circle(0 at 50% 50%);transition:clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s,-webkit-clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s}
.about_company .intro_top.play .img_box {clip-path:circle(100% at 50% 50%);}
.about_company .intro_top .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:cover;object-position:left bottom;}
.about_company .intro_top .txt_box {padding:30px 50px 90px;background:#FFED00;border-radius:0 0 500px 500px;text-align:center}
.about_company .intro_top .txt_box p {max-width:250px;margin:0 auto;font-size:20px;line-height:28px;}
.about_company .visual_area .item {padding-top:150px}
.about_company .visual_area .item .img_box {position:relative;overflow:hidden;}
.about_company .visual_area .item .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:cover;}
.about_company .visual_area .item .txt_box {padding-top:30px;}
.about_company .visual_area .item .txt_box p {font-size:18px;font-weight:300;line-height:26px;}
.about_company .visual_area .item1 {padding-top:100px;padding-right:50px}
.about_company .visual_area .item1 .img_box {padding-top:121.43%;border-radius:80px}
.about_company .visual_area .item2 {padding-left:42px;padding-right:42px}
.about_company .visual_area .item2 .img_box {padding-top:144%;border-radius:300px}
.about_company .visual_area .item2 .txt_box p {text-align:right;}
.about_company .banner {overflow:hidden;margin-top:150px}
.about_company .banner .img_box {position:relative;overflow:hidden;padding-top:117.33%}
.about_company .banner .img_box::after {content:'';position:absolute;top:-100%;left:50%;width:100px;height:100px;background:url(../images/common/logo_wh.svg) no-repeat 0 0 / 100% 100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:top 2s .5s}
.about_company .banner .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:cover;}
.about_company .banner .img_box .img_pc {display:none}
.about_company .banner .motion.aos-animate .img_box img {top:0}
.about_company .banner .motion.aos-animate .img_box::after {top:50%}
.about_company .banner .txt_box {padding:30px 50px;background:#FFED00}
.about_company .banner .txt_box p {font-size:22px;line-height:32px;text-align:center;}
.about_company .philosophy {padding-top:150px}
.about_company .philosophy .inner {padding:0 20px}
.about_company .philosophy .tit_depth4 {font-size:26px;line-height:38px;text-align:center;}
.about_company .philosophy .item {padding-top:80px}
.about_company .philosophy .item.fst {padding-top:50px}
.about_company .philosophy .item .tit {font-size:22px;line-height:38px}
.about_company .philosophy .item .con {max-width:500px;margin:0 auto;padding-top:30px}
.about_company .philosophy .item .con .txt {position:relative;padding:0 70px;font-size:24px;font-weight:300;line-height:34px;}
.about_company .philosophy .item .con .txt em {font-weight:500;color:#DC2F34}
.about_company .philosophy .item .con .txt::before {content:'[';position:absolute;top:50%;left:-20px;font-size:200px;font-weight:200;color:#E6E6E6;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.about_company .philosophy .item .con .txt::after {content:']';position:absolute;top:50%;right:-20px;font-size:200px;font-weight:200;color:#E6E6E6;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.about_company .philosophy .item .con ul {display:flex;gap:10px}
.about_company .philosophy .item .con ul li {flex:1;padding:20px;background:#FFED00;border-radius:30px}
.about_company .philosophy .item .con ul li span {display:block;margin-top:10px;font-size:16px;line-height:24px;text-align:center}
.about_company .philosophy .item .con ul li::before {content:'';display:block;width:40px;height:40px;margin:0 auto;}
.about_company .philosophy .item .con ul li.ico1::before {background:url(../images/about/ico_company1.svg) no-repeat 0 0 / 100% 100%}
.about_company .philosophy .item .con ul li.ico2::before {background:url(../images/about/ico_company2.svg) no-repeat 0 0 / 100% 100%}
.about_company .philosophy .item .con ul li.ico3::before {width:55px;background:url(../images/about/ico_company3.svg) no-repeat 0 0 / 100% 100%}
.about_company .customer_ms.type2 {margin-top:150px}

.customer_ms.type2 .customer_con {padding:220px 38px 148px}
.customer_ms.type2 .customer_con::before {width:160px;height:160px;margin-left:-80px;background:url(../images/about/ico_company4.svg) no-repeat 50% 50% / 100% 100%}
.customer_ms.type2 .txt {font-size:20px;line-height:28px;word-break:keep-all;}
.customer_ms.type2 .txt .br {display:block}

/* 회사소개_오뚜기소개_창업주생애 */
.about_hamtaiho .area {padding-top:100px}
.about_hamtaiho .area .inner {padding:0 20px}
.about_hamtaiho .area .img_box img {width:100%;height:100%;object-fit:cover;}
.about_hamtaiho .area .txt_box p {padding-top:30px;font-size:16px;font-weight:300;line-height:28px;}

.about_hamtaiho .area1 {padding-top:60px}
.about_hamtaiho .area1 .txt_box {padding:30px 30px 123px;background:#F0F0F0;border-radius:0 0 150px 150px;}
.about_hamtaiho .area1 .txt_box .date {display:block;margin-top:5px;font-size:18px;font-weight:300;line-height:26px}

.about_hamtaiho .area2 .img_box {overflow:hidden;position:relative;width:100%;padding-top:89.55%;border-radius:120px}
.about_hamtaiho .area2 .img_box img {position:absolute;top:0;bottom:0;left:0;right:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.about_hamtaiho .area2 .txt_box .tit_depth4 {padding-top:30px}

.about_hamtaiho .area3 .inner {padding:50px 20px;background-image:url(../images/about/bg_hamtaiho.jpg);background-repeat:no-repeat;background-position:0 0;background-size:cover}
.about_hamtaiho .area3 .tit_depth4 {font-size:20px;font-weight:300;color:#FFF;line-height:28px;text-align:center;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.about_hamtaiho .area3 .tit_depth4 em {display:block;margin-top:5px;font-size:26px;font-weight:500;color:#FFED00;line-height:38px;-webkit-text-stroke:1px #000;text-shadow: none;}
.about_hamtaiho .area3 .img_box {position:relative;padding:84px 17px 0}
.about_hamtaiho .area3 .img_box .ico_box {position:absolute;top:30px;left:54%;width:113px;height:66px}
.about_hamtaiho .area3 .img_box .ico_box i {display:block;position:absolute;z-index:1}
.about_hamtaiho .area3 .img_box .ico_box .ico1 {bottom:0;left:20%;width:20px;height:16px;background:url(../images/about/color_paper1.svg) no-repeat 0 0 / 100% 100%;animation:particle 2.6s .5s infinite;-webkit-animation:particle 2.6s .5s infinite;}
.about_hamtaiho .area3 .img_box .ico_box .ico2 {bottom:0;right:0;width:14px;height:10px;background:url(../images/about/color_paper2.svg) no-repeat 0 0 / 100% 100%;animation:particle 2.6s .8s infinite;-webkit-animation:particle 2.6s .8s infinite;}
.about_hamtaiho .area3 .img_box .ico_box .ico3 {bottom:20%;right:30%;width:15px;height:13px;background:url(../images/about/color_paper3.svg) no-repeat 0 0 / 100% 100%;animation:particle 2.6s 1.1s infinite;-webkit-animation:particle 2.6s 1.1s infinite;}
.about_hamtaiho .area3 .img_box .ico_box .ico4 {bottom:50%;left:0;width:10px;height:10px;background:url(../images/about/color_paper4.svg) no-repeat 0 0 / 100% 100%;animation:particle 2.6s 1.4s infinite;-webkit-animation:particle 2.6s 1.4s infinite;}
.about_hamtaiho .area3 .img_box .ico_box .ico5 {bottom:100%;left:50%;width:12px;height:8px;background:url(../images/about/color_paper5.svg) no-repeat 0 0 / 100% 100%;animation:particle 2.6s 1.7s infinite;-webkit-animation:particle 2.6s 1.7s infinite;}
.about_hamtaiho .area3 .img_box .ico_box .ico6 {bottom:90%;right:10%;width:13px;height:21px;background:url(../images/about/color_paper6.svg) no-repeat 0 0 / 100% 100%;animation:particle 2.6s 2s infinite;-webkit-animation:particle 2.6s 2s infinite;}
.about_hamtaiho .area3 .txt_box p {color:#FFF;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}

.about_hamtaiho .area4 .img_box {padding-top:55px}
.about_hamtaiho .area4 .img_box .img_pc {display:none}

.about_hamtaiho .area5 .inner {padding:50px 20px 115px;background:#FFFBCC;border-radius:0px 0px 100px 100px;}
.about_hamtaiho .area5 .txt_box p {padding-top:50px}
.about_hamtaiho .area5 .img_box {padding-top:50px}
.about_hamtaiho .area5 .img_box.fst {overflow:hidden;margin:50px 46px 0;padding-top:0;border-radius:30px;}
.about_hamtaiho .area5 .img_pc {display:none}

.about_hamtaiho .area6 .img_box {overflow:hidden;margin-top:50px;border-radius:30px;}

/* 회사소개_사업소개 */
.about_business .intro_top {padding-top:60px}
.about_business .intro_top .br {display:block}
.about_business .intro_top .tit_wrap {padding:0 40px}
.about_business .intro_top .tit_wrap .txt_s {display:block;font-size:18px;font-weight:300;line-height:26px;}
.about_business .intro_top .tit_wrap .tit {display:block;margin-top:5px;font-size:28px;font-weight:500;line-height:38px;}
.about_business .intro_top .tit_wrap .tit em {color:#123E8C}
.about_business .intro_top .cont {margin-top:30px;}
.about_business .intro_top .cont .img_box {position:relative;overflow:hidden;padding-top:133.33%;border-top-right-radius:100px;clip-path:circle(0 at 50% 50%);transition:clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s,-webkit-clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s}
.about_business .intro_top.play .cont .img_box {clip-path:circle(100% at 50% 50%);}
.about_business .intro_top .cont .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:cover;object-position:right 30% top 0;}
.about_business .intro_top .cont .txt_box {padding:30px 20px;background:#FFED00;text-align:right;}
.about_business .intro_top .cont .txt_box p {font-size:16px;font-weight:300;line-height:28px;}
.about_business .intro_top.second .tit_wrap {text-align:right;}
.about_business .intro_top.second .cont .img_box {border-radius:0;}
.about_business .intro_top.second .cont .img_box img {object-position:left 0 top 0;}
.about_business .intro_top.second .cont .txt_box {text-align:left;}
.about_business .visual_area .item {padding-top:100px}
.about_business .visual_area .item .img_box {position:relative;overflow:hidden;padding-top:126.66%;border-radius:150px;}
.about_business .visual_area .item .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:cover}
.about_business .visual_area .item .txt_box {padding-top:30px;}
.about_business .visual_area .item .txt_box p {font-size:16px;font-weight:300;line-height:28px;word-break:keep-all;}
.about_business .visual_area .item1 {padding-right:30px}
.about_business .visual_area .item2 {padding-left:20px}
.about_business .visual_area .item2 .img_box {padding-top:100%;border-radius:80px;}
.about_business .customer_ms.type2 .customer_con::before {top:60px; width:130px;height:130px;margin-left:-65px;background:url(../images/about/ico_business1.svg) no-repeat 0 0 / 100% 100%;}
.about_business .go_prd {padding-top:100px}
.about_business .go_prd .tit {font-size:22px;line-height:32px;text-align:center;}
.about_business .go_prd ul {display:flex;flex-direction:column;gap:10px;padding-top:30px}
.about_business .go_prd ul li a {display:block;position:relative}
.about_business .go_prd ul li .img_box {overflow:hidden;position:relative;padding-top:80.6%;border-radius:15px;}
.about_business .go_prd ul li .img_box::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.5);}
.about_business .go_prd ul li .img_box img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover}
.about_business .go_prd ul li .txt_box {display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;padding:30px;text-align:center;word-break:break-all;}
.about_business .go_prd ul li .txt_box .brand{font-size:28px;font-weight:500;color:#fff;line-height:38px;transition:all 0.2s ease-out;text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.50);}
.about_business .go_prd ul li .txt_box span{display:inline-block;padding-top:20px;font-size:16px;font-weight:500;color:#fff;line-height:24px;text-decoration:underline;transition:all 0.2s ease-out;text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.50);}

/* 회사소개_오뚜기소개_연혁 */
.page_history .fixed_area {bottom:80px}
.page_history .footer.sub .copyright_m {margin-bottom:40px}
.about_history .tit_wrap {padding:60px 60px 0;text-align:center;}
.about_history .tit_wrap .tit {font-size:28px;line-height:38px}
.about_history .tit_wrap .tit::before {content:'';display:block;width:200px;height:200px;margin:0 auto 30px;background:url(../images/common/logo.svg) no-repeat 0 0 / 100% 100%;}
.about_history .tit_wrap .tit .br {display:block}
.about_history .tab_sticky2 .swiper-container {position:fixed;bottom:0;left:0;width:100%;height:auto;z-index:500;padding:5px 10px;background:#FFF;box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.15);box-sizing:border-box;}
.about_history .tab_sticky2 .swiper-container::before {content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background:#E6E6E6;}
.about_history .tab_sticky2 .tabs.center{justify-content:center;} 
.about_history .tab_sticky2 .swiper-slide {flex:1;margin-right:5px}
.about_history .tab_sticky2 .swiper-slide:last-child {margin-right:0}
.about_history .tab_sticky2 .swiper-slide .btn {display:block;width:100%;padding:4px 10px;border-radius:10px;background:#F8F8F8;font-size:12px;font-weight:300;line-height:16px}
.about_history .tab_sticky2 .swiper-slide .btn .br {display:block;white-space:nowrap;}
.about_history .tab_sticky2 .swiper-slide.active .btn {background:#FFED00;font-weight:500;}

.about_history .cont_wrap {margin-top:150px}
.about_history .cont_wrap:first-child {margin-top:60px}
.about_history .cont_wrap .years_group {overflow:hidden;}
.about_history .cont_wrap .years_group .inner {padding:353px 43px 0}
.about_history .cont_wrap .years_group .tit_sub {font-size:24px;color:#FFF;line-height:34px;}
.about_history .cont_wrap .years_group .year {margin-bottom:-20px;font-size:80px;color:transparent;line-height:100px;-webkit-text-stroke:1px #FFF;}
.about_history .cont_wrap .years_group .year .br {display:block;margin-left:16px}
.about_history .cont_wrap .details .inner {padding:0 20px}
.about_history .cont_wrap .details .img_scroll {display:none}
.about_history .cont_wrap .details .timeline_item {margin-top:50px}
.about_history .cont_wrap .details .timeline_item.fst {margin-top:80px}
.about_history .cont_wrap .details .timeline_item strong {font-size:32px;font-weight:300;color:#FFED00;line-height:46px;letter-spacing:-.64px;-webkit-text-stroke:1px #000;}
.about_history .cont_wrap .details .timeline_item .img_wrap {display:none}
.about_history .cont_wrap .details .timeline_item .img {overflow:hidden;width:100%;margin-top:20px;border-radius:20px}
.about_history .cont_wrap .details .timeline_item .img img {width:100%;}
.about_history .cont_wrap .details .timeline_item ul li {position:relative;margin-top:18px;padding-left:40px}
.about_history .cont_wrap .details .timeline_item ul li:first-child {margin-top:20px}
.about_history .cont_wrap .details .timeline_item ul li .month {position:absolute;top:0;left:0;font-size:18px;line-height:30px;}
.about_history .cont_wrap .details .timeline_item ul li .desc {font-size:15px;font-weight:300;line-height:30px;}

.about_history .history_a .years_group {background:url(../images/about/bg_history0.jpg)no-repeat 50% 50% / cover}
.about_history .history_b .years_group {background:url(../images/about/bg_history1.jpg)no-repeat 50% 50% / cover}
.about_history .history_c .years_group {background:url(../images/about/bg_history2.jpg)no-repeat 50% 50% / cover}
.about_history .history_d .years_group {background:url(../images/about/bg_history3.jpg)no-repeat 50% 50% / cover}
.about_history .history_e .years_group {background:url(../images/about/bg_history4.jpg)no-repeat 50% 50% / cover}
.about_history .history_f .years_group {background:url(../images/about/bg_history5.jpg)no-repeat 50% 50% / cover}

/* 회사소개_오뚜기소개_CI */
.about_ci .inner {padding:0 20px}
.about_ci .article {padding-top:100px}
.about_ci .article .tit {font-size:26px;line-height:38px;text-align:center}
.about_ci .article .desc .br {display:block}
.about_ci .article .desc {font-size:15px;font-weight:300;line-height:23px;}
.about_ci .article .img_box .img_pc {display:none}
.about_ci .article .txt_box {font-size:15px;font-weight:300;line-height:23px;}
.about_ci .article .txt_box .br {display:block}

.about_ci .ci_wrap {padding-top:47px}
.about_ci .ci_wrap .img_box img {width:100%}
.about_ci .ci_intro .symbol_img {padding-top:20px}
.about_ci .ci_intro .symbol_img .img_box img {width:100%;}
.about_ci .ci_intro .symbol_detail {padding-top:60px}
.about_ci .ci_intro .symbol_detail .col {padding:0 15px}
.about_ci .ci_intro .symbol_detail .col + .col {padding-top:60px}
.about_ci .ci_intro .symbol_detail .col .img_box {width:44.08%;margin:0 auto}
.about_ci .ci_intro .symbol_detail .col .img_box img {width:100%}
.about_ci .ci_intro .symbol_detail .col .txt_box {padding-top:30px;text-align:center;}
.about_ci .ci_intro .btn_wrap {padding-top:40px}
.about_ci .ci_intro .btn_wrap .btn {flex:1;padding:12px;border:2px solid #000;border-radius:100px;font-size:15px;line-height:23px;text-align:center;white-space:nowrap;}
.about_ci .ci_intro .btn_wrap .btn::after {content:'';display:inline-block;width:16px;height:23px;background:url(../images/common/ico_down_red.svg) no-repeat 50% 50% / 100% 100%;vertical-align:top;}

.about_ci .color_system ul {padding-top:20px}
.about_ci .color_system ul li {padding-top:26px}
.about_ci .color_system ul li:first-child {padding-top:0}
.about_ci .color_system ul li .img_box img {width:100%}
.about_ci .color_system ul li .txt_box {padding-top:20px;}
.about_ci .color_system ul li .txt_box .br {display:inline}

.about_ci .font .desc {padding-top:10px}
.about_ci .font .img_box {padding-top:30px}
.about_ci .font .img_box img {width:100%}

.about_ci .ottogi_yellow .tit {padding:10px;background:#FFED00}
.about_ci .ottogi_yellow .desc {padding-top:40px;}
.about_ci .ottogi_yellow .cont {padding-top:85px}
.about_ci .ottogi_yellow .cont.cont1 {padding-top:30px}
.about_ci .ottogi_yellow .cont .img_box {display:flex}
.about_ci .ottogi_yellow .cont .img_box .img {flex:1}
.about_ci .ottogi_yellow .cont .img_box img {width:100%}
.about_ci .ottogi_yellow .cont .txt_box {padding-top:30px;text-align:center;}
.about_ci .ottogi_yellow .cont .txt_box strong {display:block;padding-top:20px;font-size:15px;font-weight:500;line-height:23px;}
.about_ci .ottogi_yellow .cont.cont1 .txt_box {text-align:left;}
.about_ci .ottogi_yellow .cont.cont2 .img_box {gap:10px}
.about_ci .ottogi_yellow .cont.cont3 .img_box {gap:6px}
.about_ci .ottogi_yellow .cont.cont4 .img_box {gap:8px}

/* 회사소개_오뚜기소개_CEO메시지*/
.about_ceo .area .img_box img {width:100%;height:100%;object-fit:cover;}
.about_ceo .area .txt_box p {padding-top:60px;font-size:16px;font-weight:300;line-height:28px;word-break:keep-all;}
.about_ceo .area .txt_box .br.mb {display:block;}
.about_ceo .area .txt_box .tit_depth4 {padding-top:5px;}
.about_ceo .area1 {padding-top:60px;}
.about_ceo .area1 .img_box {border-radius:30px 30px 0 0;overflow:hidden;}
.about_ceo .area1 .img_box .img_pc {display:none}
.about_ceo .area1 .txt_box {padding:30px;background:#F0F0F0;}
.about_ceo .area1 .txt_box p {padding-top: 10px;line-height: 26px;}
.about_ceo .area1 .txt_box .tit_depth4 {padding-top:0;}
.about_ceo .area1 .txt_box .tit_depth4 .br {display:block;}
.about_ceo .area4 .inner::after {content:'';display:block;clear:both;}
.about_ceo .area4 .txt_box {float:right;padding-right:0;text-align:left;}

/* 회사소개_오뚜기소개_중앙연구소 */
.about_lab_intro {padding-top:60px}
.about_lab_intro .tit_wrap {padding:0 40px}
.about_lab_intro .tit_wrap .br {display:block;}
.about_lab_intro .tit_wrap .tit_depth2 {font-weight:500;color:#123E8C;}
.about_lab_intro .tit_wrap em {font-size:28px;font-weight:500;line-height:38px;}
.about_lab_intro .tit_wrap p {font-size:18px;font-weight:300;line-height:26px;}
.about_lab_intro .cont_wrap {margin-top:30px;padding:80px 20px 200px;background:url(../images/about/bg_lab0.jpg) no-repeat 50% 50% / cover;border-radius:0px 100px 0px 0px;}
.about_lab_intro .cont_wrap ul li+li{margin-top:50px}
.about_lab_intro .cont_wrap ul li {position:relative}
.about_lab_intro .cont_wrap ul li.list1 {margin-right:85px}
.about_lab_intro .cont_wrap ul li.list2 {margin-left:85px}
.about_lab_intro .cont_wrap ul li.list3 {margin-right:85px}
.about_lab_intro .cont_wrap ul li .img {position:relative;}
.about_lab_intro .cont_wrap ul li .img img {width:100%;border-radius:50%}
.about_lab_intro .cont_wrap ul li .img::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:rgba(0, 0, 0, .2)}
.about_lab_intro .cont_wrap ul li .txt {position:absolute;top:29.6%;left:0;right:0;font-size:48px;color:#FFF;line-height:64px;letter-spacing:-1.44px;text-align:center;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.about_lab_intro .cont_wrap ul li .lt_wrap {position:absolute;bottom:0}
.about_lab_intro .cont_wrap ul li.list1 .lt_wrap {right:0;width:60%;height:60%}
.about_lab_intro .cont_wrap ul li.list2 .lt_wrap {left:0;width:40%;height:40%}
.about_lab_intro .cont_wrap ul li.list3 .lt_wrap {right:0;width:40%;height:40%}
.about_lab_intro .cont_wrap .txt_wrap {padding-top:94px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.about_lab_intro .cont_wrap .txt_wrap span {display:block;margin-top:10px;font-size:20px;font-weight:300;color:#FFF;line-height:28px;text-align:center;}
.about_lab_intro .cont_wrap .txt_wrap strong {margin-right:5px;font-size:34px;font-weight:500;line-height:46px}
.about_lab_intro .since {position:relative;padding:363px 20px 30px;background:url(../images/about/bg_lab1.jpg) no-repeat 50% 50% / cover;text-align:right;}
.about_lab_intro .since .lt_wrap {position:absolute;top:-180px;right:0;width:283px;height:344px}
.about_lab_intro .since strong {display:block;position:relative;z-index:1;font-size:64px;font-weight:300;color:#FFED00;line-height:90px;letter-spacing:-1.92px;-webkit-text-stroke:1px #000;}
.about_lab_intro .since p {margin-top:10px;font-size:18px;font-weight:300;color:#FFF;line-height:26px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.about_lab_intro .since p .br {display:block;}
.about_lab_intro .since .btn_more {position:relative;margin-top:10px}

.about_lab_field {padding-top:100px}
.about_lab_field .tit_depth4 {text-align:center}
.about_lab_field ul {display:flex;flex-direction:column;gap:80px;margin-top:30px}
.about_lab_field ul li .img_box {overflow:hidden;border-radius:20px;}
.about_lab_field ul li .img_box img {width:100%}
.about_lab_field ul li .txt_box {margin-top:20px}
.about_lab_field ul li .txt_box .tit {font-size:16px;line-height:24px;}
.about_lab_field ul li .txt_box .desc {margin-top:5px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.about_lab_field ul li .txt_box .btn_type2_s {margin-top:20px}

.about_lab_act {padding-top:100px}
.about_lab_act .tit_depth4 {text-align:center}
.about_lab_act .tab_scroll {margin-top:10px;}
 .about_lab_act .tab_scroll .swiper-wrapper {justify-content:center;}
/* .about_lab_act .act_slide {max-width:424px;margin:0 auto}
.about_lab_act .act_slide .swiper-container {overflow:hidden;position:relative}
.about_lab_act .act_slide .swiper-slide .img_box {overflow:hidden;margin:30px 40px 0;border-radius:10px;}
.about_lab_act .act_slide .swiper-slide .img_box img {width:100%}
.about_lab_act .act_slide .swiper-slide .txt {margin-top:15px;font-size:18px;line-height:26px;text-align:center;}
.about_lab_act .act_slide .controls .swiper-button-prev.type3 {left:10px}
.about_lab_act .act_slide .controls .swiper-button-next.type3 {right:10px} */
.about_lab_act .act_list {margin-top:30px}
.about_lab_act .act_list ul {padding:0 14px;text-align:center}
.about_lab_act .act_list ul li {margin-top:40px}
.about_lab_act .act_list ul li a {display:block}
.about_lab_act .act_list ul li:first-child {margin-top:0}
.about_lab_act .act_list ul li .img_box {padding:0 25px}
.about_lab_act .act_list ul li .img_box .img {overflow:hidden;position:relative;padding-top:137.25%;border-radius:10px}
.about_lab_act .act_list ul li .img_box .img img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:cover;}
.about_lab_act .act_list ul li .txt {margin-top:15px;font-size:18px;line-height:26px;}
.about_lab_act .paging {display:none}

/* 회사소개_중앙연구소_심포지엄 상세 */
.symposium_detail_wrap .pop_img_detail img {width:100%;}
.symposium_detail_wrap button{width:100%;margin-top:20px;}
.symposium_detail_wrap .location {padding-top:40px;}
.symposium_detail_wrap .location dl {margin-top:10px;padding:20px 25px;border-radius:30px;background:#f8f8f8;}
.symposium_detail_wrap .location dl::after {content:'';display:block;clear:both;}
.symposium_detail_wrap .location dl:first {margin-top:0;}
.symposium_detail_wrap .location dt {position:relative;padding-left:50px; font-size:18px;font-weight:500;color:#000;line-height:26px;}
.symposium_detail_wrap .location .ico_date::after {content:'';position:absolute;top:50%;left:0;width:40px;height:40px;margin-top:-20px;background:url(../images/about/ico_date.svg)no-repeat 50% 50% / 40px;}
.symposium_detail_wrap .location .ico_time::after {content:'';position:absolute;top:50%;left:0;width:40px;height:40px;margin-top:-20px;background:url(../images/about/ico_time.svg)no-repeat 50% 50% / 40px;}
.symposium_detail_wrap .location .ico_location::after {content:'';position:absolute;top:50%;left:0;width:40px;height:40px;margin-top:-20px;background:url(../images/about/ico_location.svg)no-repeat 50% 50% / 40px;}
.symposium_detail_wrap .location dd {padding-top:10px;font-size:15px;font-weight:300;color:#000;line-height:23px;}
.symposium_detail_wrap .session {margin-top:10px; padding:20px;border-radius:40px;background:#F8F8F8;}
.symposium_detail_wrap .session dl{padding-top:20px;font-size:16px;font-weight:500;color:#000;line-height:24px;}
.symposium_detail_wrap .session dl:first-child {padding-top:0;}
.symposium_detail_wrap .session dd{display:block;padding-top:5px;font-size:15px;font-weight:300;color:#000;line-height:24px;letter-spacing:-0.5px;word-break:keep-all;}

.detail_content .table_wrap.type2 {padding-top:80px;}
.detail_content .table_wrap.type2 .tit {font-size:18px;font-weight:500;color:#000;line-height:26px;}
.detail_content .table_wrap.type2 .tbl_schedule {margin-top:15px;}
.detail_content .table_wrap.type2 .tbl_schedule thead {display:none;}
.detail_content .table_wrap.type2 .tbl_schedule tbody tr {border-top:1px solid #E6E6E6;}
.detail_content .table_wrap.type2 .tbl_schedule tbody tr:last-child {border-bottom:1px solid #000;}
.detail_content .table_wrap.type2 .tbl_schedule tbody .line_black {border-top:1px solid #000;}
.detail_content .table_wrap.type2 .tbl_schedule tbody th{padding:15px 0 15px 20px;font-size:15px;font-weight:300;color:#000;line-height:23px;text-align:left;}
.detail_content .table_wrap.type2 .tbl_schedule tbody .tit_bold {font-weight:500;}
.detail_content .table_wrap.type2 .tbl_schedule tbody td {padding:15px 28px;font-size:15px;font-weight:300;color:#000;line-height:23px;}
.detail_content .table_wrap.type2 .tbl_schedule tbody td p {font-size:15px;font-weight:300;color:#000;line-height:23px;word-break:keep-all;}
.detail_content .table_wrap.type2 .tbl_schedule tbody .bg_yellow {background:#FFFDEB;}
.detail_content .table_wrap.type2 .tbl_schedule tbody .bg_yellow th {padding:40px 20px;}
.detail_content .table_wrap.type2 .tbl_schedule tbody .bg_yellow th span{padding:5px 20px;border-radius:500px;background:#FFED00;font-size:13px;font-weight:500;line-height:21px;text-align:center;}
.detail_content .table_wrap.type2 .tbl_schedule tbody .bg_yellow th em {display:block;padding-top:5px; font-size:16px;font-weight:500;color:#000;line-height:24px;word-break:keep-all;}
.detail_content .table_wrap.type2 .tbl_schedule + .tbl_schedule {margin-top:40px;}
.detail_content .table_wrap.type2 .tbl_schedule thead {display:table-header-group;background:#123E8C;}
.detail_content .table_wrap.type2 .tbl_schedule thead tr th {padding:13px 0;font-size:16px;font-weight:500;color:#fff;line-height:24px;}
.detail_content .table_wrap.type2 .tbl_schedule thead tr th:first-child {border-top-left-radius:50px;border-bottom-left-radius:50px;}
.detail_content .table_wrap.type2 .tbl_schedule thead tr th:last-child {border-top-right-radius:50px;border-bottom-right-radius:50px;}
.detail_content .table_wrap.type2 .tbl_schedule tbody tr:first-child {border:none;}

.symposium_con {padding-top:80px;}
.symposium_con dl {padding-top:40px;}
.symposium_con dl:first-child {padding-top:0;}
.symposium_con dt {font-size:18px;font-weight:500;color:#000;line-height:26px;}
.symposium_con dd{margin-top:15px;padding:20px;border-radius:20px;background:#F8F8F8;font-size:15px;font-weight:300;color:#000;line-height:23px;word-break:keep-all;text-align:justify}

.symposium_img_wrap .pop_con .con.img_detail img {width:100%;}


/* 회사소개_중앙연구소_심포지엄 상세 슬라이드 */
.board_slide {padding-top:50px;}
.board_slide .slider {overflow:hidden;position:relative;padding:0 20px;margin:0 -20px 0 -25px}
.board_slide .slider .swiper-slide{width:calc(100% - 40px);}
.board_slide .slider .img_box{overflow:hidden;position:relative;padding-top:calc(300 / 300 * 100%);border-radius:50px;}
.board_slide .slider .img_box img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover}
.board_slide .controls{display:none;}

/* 심포지엄 상세 팝업 */
.img_detail_wrap {background:transparent;}
.img_detail_wrap .pop_con {overflow-y:inherit; position:absolute;left:50%;top:50%;bottom:auto;z-index:1002;width:30%;max-width:100%;max-height:100%;padding:0;-webkit-transform:translate(-50%,-50%);box-sizing:border-box;}
.img_detail_wrap .pop_con .inner {position:relative;padding:0 20px}
.img_detail_wrap.full_layer .tit_box {position:static;height:50px;background:none;}
.img_detail_wrap.full_layer .tit_box .btn_pop_close {top:0;right:20px; background:url(../images/common/btn_pop_close_wh.svg)no-repeat 50% / 40px;}

/* 연혁 팝업 */
.layer_pop .cont_wrap .thumb {overflow:hidden;border-radius:15px}
.layer_pop .cont_wrap .thumb img {width:100%;}
.layer_pop .cont_wrap .details .timeline_item {padding-top:60px}
.layer_pop .cont_wrap .details .timeline_item.fst {padding-top:80px}
.layer_pop .cont_wrap .details strong {font-size:26px;font-weight:500;color:#FFED00;line-height:38px;-webkit-text-stroke:1px #000;}
.layer_pop .cont_wrap .details ul li {position:relative;margin-top:15px;padding-left:44px}
.layer_pop .cont_wrap .details ul li .month {position:absolute;top:0;left:0;font-size:18px;line-height:26px}
.layer_pop .cont_wrap .details ul li .desc {font-size:18px;font-weight:300;line-height:26px;word-break:keep-all;}
.layer_pop .cont_wrap .details ul li .img {overflow:hidden;margin-top:20px;border-radius:15px;}
.layer_pop .cont_wrap .details ul li .img img {width:100%}

/* 회사소개_식품안전과학연구소 */
.food_lab_visual{position:relative;height:calc(var(--vh, 1vh) * 100);}
.food_lab_visual .visual_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/about/food_lab_visual.jpg)no-repeat 37% 50% /cover;}
.food_lab_visual .visual_con_wrap{height:100%;}
.food_lab_visual .visual_con_wrap .inner{position:relative;height:100%;}
.food_lab_visual .top_wrap{position:relative;z-index:20;} 
.food_lab_visual .top_wrap .tab_sticky{margin:0 -20px;}
.food_lab_visual .txt_wrap{position:absolute;bottom:70px;left:20px;right:20px;text-align:right;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.food_lab_visual .txt_wrap p{font-size:18px;font-weight:300;line-height:26px;text-align:right;color:#FFF;}
.food_lab_visual .txt_wrap em{font-size:24px;font-weight:500;line-height:34px;color:#FFED00;}

.about_food_lab > div{position:relative;}
.about_food_lab .sub_tit_wrap .tit_depth4{text-align:center;}
.about_food_lab .underline_y {position:relative;}
.about_food_lab .underline_y span{position:relative;}
.about_food_lab .underline_y span::after{content:'';display:block;position:absolute;z-index:-1;left:0;bottom:6px;width:100%;height:20%;background:#FFED00;}
.about_food_lab .sub_tit_wrap .txt{padding-top:15px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.about_food_lab .cont_wrap .tit{font-size:26px;font-weight:500;line-height:38px;text-align:center;}
.about_food_lab .research_act .cont_wrap .tit{font-size:22px;font-weight:500;line-height:32px;}
.about_food_lab .cont_wrap .sub_tit{padding-top:5px;font-size:15px;font-weight:300;line-height:23px;text-align:center;}
.about_food_lab .cont_wrap .txt{padding-top:20px;font-size:18px;font-weight:300;line-height:26px;text-align:center;}
.about_food_lab .br{display:block;}
.about_food_lab .br_pc{display:inline;}

.food_lab_info .inner{padding-top:80px;}
.food_lab_info .img_wrap{display:flex;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:100%;border-radius:30px;background:#f8f8f8;}
.food_lab_info .item2 .img_wrap{padding-top:90.565%;}
.food_lab_info .img_wrap img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.food_lab_info li{display:flex;flex-direction:column;padding-top:80px;}
.food_lab_info li:first-child{padding-top:0;}
.food_lab_info li.item2{display:flex;flex-direction:column-reverse;}
.food_lab_info .item1 .img_area{padding-right:85px;}
.food_lab_info .item2 .img_area{padding-left:36.87px;}
.food_lab_info .item3 .img_area{padding-right:85px;}
.food_lab_info .item1 .img_wrap img{object-fit:contain;}
.food_lab_info .item3 .img_wrap img{object-fit:contain;}
.food_lab_info .item3 .img_wrap img{max-width:80%;min-width:80%;}
.food_lab_info .txt_box p{color:#000;font-size:28px;font-weight:500;line-height:38px;}
.food_lab_info .txt_box .br{display:block;}
.food_lab_info .txt_box strong{padding-top:5px;color:#123E8C;font-size:26px;font-weight:500;line-height:38px;}
.food_lab_info ul{padding-top:60px;}
.food_lab_info .txt_wrap{padding-top:30px;}
.food_lab_info .txt_wrap p{color:#000;font-size:18px;font-weight:300;line-height:26px;word-break:keep-all;}
.food_lab_info .txt_wrap .desc{display:block;padding-top:10px;color:#000;font-size:13px;font-weight:300;line-height:21px;word-break:keep-all;}
.food_lab_info .txt_wrap .br{display:block;}
.food_lab_info .item2 .txt_wrap{text-align:right;}

.about_food_lab .mission_vision{padding-top:100px;}
.mission_vision .cont_wrap ul{display:flex;flex-direction:column;padding-top:30px;color:#DC2F34}
.mission_vision .cont_wrap ul li{padding-top:80px;}
.mission_vision .cont_wrap ul li:first-child{padding-top:0;}
.mission_vision .cont_wrap ul li .tit{text-align:center;font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;color:#FFED00;-webkit-text-stroke:1px #000;}
.mission_vision .cont_wrap ul li .txt{font-size:18px;font-weight:500;line-height:26px;text-align:center;color:#000;}
.mission_vision .lt_wrap{margin:30px -20px 0}
.mission_vision .type_pc{display:none;}

.about_food_lab .rule_wrap{padding-top:100px;}
.rule_wrap .cont_wrap{position:relative;overflow:hidden;}
.rule_wrap .slider{position:relative;margin-top:30px;}
.rule_wrap .slider .img_wrap{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2;left:50%;top:30px;width:65.676%;margin:0 auto;border-radius:50%;background:#FFED00;transform:translateX(-50%);}
.rule_wrap .slider .img_wrap img{width:100%;}
.rule_wrap .slider .img_wrap .type_pc{display:none;}
.rule_wrap .slider .swiper-slide-active{position:relative;}
.rule_wrap .slider .swiper-slide .bg{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:158.21%;border-radius:500px;}
.rule_wrap .slider .swiper-slide .bg .type_pc{display:none;}
.rule_wrap .slider .swiper-slide .txt_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -65%);}

.rule_wrap .slider .swiper-slide .num_item{font-size:80px;font-weight:300;white-space:nowrap;color:transparent;-webkit-text-stroke:2px #fff;-webkit-transition:all 1s;-webkit-transition-delay:1s;-webkit-transition-duration:1s;transition:all 1s;transition-delay:1s;transition-duration:1s;opacity:0;transform:translate3d(0,100px,0);text-align:center;}
.rule_wrap .slider .swiper-slide.swiper-slide-active .num_item.on{opacity:1;transform:translate3d(0,0,0);}
.rule_wrap .slider .swiper-slide .txt_item{white-space:nowrap;font-size:24px;font-weight:500;line-height:34px;text-align:center;color:#fff;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);-webkit-transition:all 1.2s;-webkit-transition-delay:1.2s;-webkit-transition-duration:1.2s;transition:all 1.2s;transition-delay:1.2s;transition-duration:1.2s;opacity:0;transform:translate3d(0,100px,0);}
.rule_wrap .slider .swiper-slide.swiper-slide-active .txt_item.on{opacity:1;transform:translate3d(0,0,0);}
.rule_wrap .slider .txt_item em{position:relative;color:#FFED00;}
.rule_wrap .slider .txt_item em::after{content:'';display:block;position:absolute;left:0;bottom:-2px;width:0;height:2px;background:#FFED00;opacity:0;-webkit-transition:all 1.2s;-webkit-transition-delay:1.2s;-webkit-transition-duration:1.2s;transition:all 1.2s;transition-delay:1.2s;transition-duration:1.2s;opacity:0;}
.rule_wrap .slider .txt_item em.on::after{opacity:1;width:100%;}
.rule_wrap .slider .swiper-slide .txt_item .pt_5{display:inline-block;padding-top:5px}
.rule_wrap .slider .swiper-slide .txt_item .br{display:block;}
.rule_wrap .slider .swiper-slide .bg{height:100%;border-radius:500px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%; clip-path:circle(0 at 50% 50%);transition:clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s,-webkit-clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s;}
.rule_wrap .slider .swiper-slide.item1 .bg{background-image:url(../images/about/rule_bg1_mo.jpg);}
.rule_wrap .slider .swiper-slide.item2 .bg{background-image:url(../images/about/rule_bg2_mo.jpg);}
.rule_wrap .slider .swiper-slide.item3 .bg{background-image:url(../images/about/rule_bg3_mo.jpg);}
.rule_wrap .slider .swiper-slide.item4 .bg{background-image:url(../images/about/rule_bg4_mo.jpg);}
.rule_wrap .slider .swiper-slide.item5 .bg{background-image:url(../images/about/rule_bg5_mo.jpg);}
.rule_wrap .slider .swiper-slide-prev .bg{clip-path:circle(100% at 50% 50%);}
.rule_wrap .slider .swiper-slide-active .bg{clip-path:circle(100% at 50% 50%);}
.rule_wrap .slider .swiper-slide-visible .bg{clip-path:circle(100% at 50% 50%);}
.rule_wrap .slider .swiper-slide-duplicate-prev .bg{clip-path:circle(100% at 50% 50%) !important;}
.rule_wrap .slider .swiper-slide-duplicate-active .bg{clip-path:circle(100% at 50% 50%) !important;}
.rule_wrap .slider .swiper-slide-duplicate-active .num_item {transform:unset;opacity:unset;-webkit-text-stroke:4px #fff;color:transparent;}
.rule_wrap .slider .swiper-slide-duplicate-active .txt_item {transform:unset;opacity:unset;color:#fff}
.rule_wrap .slider .swiper-slide-duplicate-active .txt_item em{color:#FFED00;}
.rule_wrap .slider .swiper-slide-duplicate-active .txt_item em::after{content:'';display:block;position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#FFED00;opacity:0;-webkit-transition:all 1.2s;-webkit-transition-delay:1.2s;-webkit-transition-duration:1.2s;transition:all 1.2s;transition-delay:1.2s;transition-duration:1.2s;opacity:1;}

.rule_wrap .controls{position:absolute;z-index:1;bottom:20px;left:50%;padding:6px 20px;border-radius:100px;background:#00000080;transform:translateX(-50%);}
.rule_wrap .swiper-pagination-fraction{min-width:29px;}
.rule_wrap .swiper-pagination{position:unset;font-size:12px;font-weight:300;line-height:20px;color:#FFF;}
.rule_wrap .swiper-pagination .swiper-pagination-current{font-size:12px;font-weight:500;line-height:20px;color:#FFF;}
.rule_wrap .swiper-button-prev{display:none;}
.rule_wrap .swiper-button-next{display:none;}
.rule_wrap .swiper-button-pause{display:none;}
.rule_wrap .swiper-button-play{display:none}

.research_act {padding-top:100px;}
.research_act .cont_wrap{padding-top:80px;}
.research_act .cont_wrap .txt_wrap{display:flex;flex-direction:column;}
.research_act .cont_wrap .item2 .txt_wrap{align-items:end;}
.research_act .cont_wrap .item4 .txt_wrap{align-items:end;}
.research_act .cont_wrap dl{padding-top:30px;}
.research_act .cont_wrap dt{padding-bottom:10px;font-size:20px;font-weight:500;line-height:28px;}
.research_act .cont_wrap dd{position:relative;padding-left:26px;font-size:15px;font-weight:300;line-height:23px;}
.research_act .cont_wrap dd::before{content:'';display:block;position:absolute;left:0;top:4px;width:16px;height:16px;background:url(../images/about/ico_check.svg)no-repeat 0 0 / 16px 16px;}
.research_act .cont_wrap li{padding-top:80px;}
.research_act .cont_wrap li:first-child{padding-top:30px;}
.research_act .cont_wrap .item1{display:flex;flex-direction:column;}
.research_act .cont_wrap .item2{display:flex;flex-direction:column-reverse;}
.research_act .cont_wrap .item3{display:flex;flex-direction:column;}
.research_act .cont_wrap .item4{display:flex;flex-direction:column-reverse;}
.research_act .cont_wrap .item1 .img_wrap{padding-right:85px;}
.research_act .cont_wrap .item2 .img_wrap{padding-left:75px;}
.research_act .cont_wrap .item3 .img_wrap{padding-right:75px;}
.research_act .cont_wrap .item4 .img_wrap{padding-left:75px;}
.research_act .cont_wrap .img_wrap img{width:100%;}

.analysis_list {padding-top:80px;}
.analysis_list .cont_wrap .tit{font-size:22px;font-weight:500;line-height:32px;}
.analysis_list ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-20px;}
.analysis_list ul li{width:calc(50% - 10px);padding-top:50px;}
.analysis_list .img_wrap{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:133.34%;border-radius:20px;}
.analysis_list .img_wrap img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.analysis_list .txt_wrap{padding-top:25px;}
.analysis_list .txt_wrap dt{padding-bottom:10px;font-size:18px;font-weight:500;line-height:26px;}
.analysis_list .txt_wrap dd{font-size:15px;font-weight:300;line-height:23px;text-align:left;}

.verify_status {padding-top:80px;}
.verify_status .cont_wrap .tit{font-size:22px;font-weight:500;line-height:32px;}
.verify_status ul li{padding-top:40px;}
.verify_status ul li:first-child{padding-top:30px;}
.verify_status .img_wrap{width:100%;padding:0 61.62px;}
.verify_status .img_wrap img{width:100%;}
.verify_status ul p{padding-top:20px;font-size:15px;font-weight:300;line-height:23px;text-align:center;}

.advancement_wrap {padding-top:100px;}
.advancement_wrap li{display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:393px;margin-top:20px;padding:40px 25px 30px 30px;border-radius:20px;background:#FFED00;}
.advancement_wrap li:first-child{margin-top:56px;}
.advancement_wrap li .tit{font-size:22px;font-weight:500;line-height:32px;}
.advancement_wrap li .tit .desc{display:block;padding-top:5px;font-size:14px;font-weight:300;line-height:22px;}
.advancement_wrap .slot_num_wrap{padding-top:10px;font-size:18px;font-weight:500;line-height:26px;}
.advancement_wrap .txt_wrap .slot_num_wrap:first-child{padding-top:0;}
.advancement_wrap .slot_num_wrap strong{margin-right:10px;font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.44px;;text-align:center;color:#DC2F34;}
.advancement_wrap li .lt_wrap{position:absolute;}
.advancement_wrap .item1 .lt_wrap{right:-16px;bottom:0;width:151px;height:220.94px;}
.advancement_wrap .item2 .lt_wrap{right:-8px;bottom:38.5px;width:153.83px;height:217.5px;}

.pre_verify{margin-top:80px;padding:0 14px}
.pre_verify .cont_wrap .tit{font-size:22px;font-weight:500;line-height:32px;}
.pre_verify ol li{position:relative;width:44.956%;padding-top:6.515%;}
.pre_verify ol .right_item{margin:auto 0 0 auto;}
.pre_verify ol li::before{content:'';display:block;position:absolute;z-index:-1;right:-46%;bottom:-25%;width:71.11%;height:53.5%;background:url(../images/about/after_line.svg)no-repeat 0 0 / 100% 100%;}
.pre_verify ol li.right_item::before{right:76%;bottom:-25%;background:url(../images/about/after_line_r.svg)no-repeat 0 0 / 100% 100%;}
.pre_verify ol li:first-child{padding-top:60px;}
.pre_verify ol li:last-child::before{display:none;}
.pre_verify ol .img_wrap{padding:34.5px; border:1px solid #e6e6e6;border-radius:50px;background:#f8f8f8;}
.pre_verify ol .img_wrap img{width:100%;}
.pre_verify .cont_wrap ol .txt{padding-top:10px;font-size:20px;font-weight:300;line-height:28px;text-align:center;}
.pre_verify .cont_wrap ul{padding-top:30px;}
.pre_verify .cont_wrap ul li:last-child{margin-top:-12px;}
.pre_verify .cont_wrap ul .type_pc{display:none;}

.about_food_lab .monitoring{margin-top:100px;padding-top:0;background:#FFFDEB;}
.monitoring .cont_wrap{padding:100px 0 150px;}
.monitoring ol{padding-top:40px;}
.monitoring ol li{display:flex;flex-direction:column;padding-top:84px;}
.monitoring ol li:first-child{padding-top:0;}
.monitoring ol .right_item{flex-direction:column-reverse;}
.monitoring .img_wrap{padding-right:35px;}
.monitoring .right_item .img_wrap{padding-left:35px;padding-right:0;}
.monitoring .img_inner{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:73.334%;border-radius:1000px;}
.monitoring .img_inner img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.monitoring dl{padding-top:30px;}
.monitoring .right_item dl{text-align:right;}
.monitoring dl dt{font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.44px;color:#FFED00;-webkit-text-stroke:1px #000;}
.monitoring dl dd{font-size:26px;font-weight:500;line-height:38px;}

.about_food_lab .ottogi_way{position:relative;margin-top:100px;padding:100px 0 100px 20px;}
.about_food_lab .ottogi_way .inner{padding:0;}
.about_food_lab .ottogi_way::before{content:'';display:block;position:absolute;z-index:-1;left:0;right:0;top:-100%;width:100%;height:100%;background:#fff;}
.about_food_lab .ottogi_way .sub_tit_wrap .tit{font-size:32px;font-weight:500;line-height:46px;letter-spacing:-0.64px;}
.ottogi_way .sub_tit_wrap .txt{padding-top:30px;font-size:16px;font-weight:300;line-height:24px;text-align:left;}
.ottogi_way .cont_wrap{padding-top:80px;text-align:right;}
.ottogi_way .btn_more{background:url(../images/about/btn_more.svg)no-repeat 0 0 / 100% 100%;}
.ottogi_way .txt_wrap{position:relative;padding:46.71px 20px 0 0 ;}
.ottogi_way .txt_since{position:absolute;right:20px;top:-52px;font-size:64px;font-weight:300;line-height:90px;letter-spacing:-1.92px;text-align:right;color:#fff;-webkit-text-stroke:2px #000;}
.ottogi_way .txt_wrap .txt{padding-top:0;text-align:right;}
.ottogi_way.content_full .inner{padding:0;}
.ottogi_way .yellow_bg{position:absolute;z-index:-2;top:0;left:0;right:0; width:100%;height:100%;background:#FFED00;}

/* 회사소개_식품안전과학연구소 상세페이지*/
.board_detail i {font-style:italic;}
.food_lab_detail {padding-top:30px;}
.food_lab_detail .tbl_cont colgroup .w01{width:100px;}
.food_lab_detail .tbl_cont colgroup .w02{width:auto;}
.food_lab_detail .tbl_cont:first-child {margin-top:0;}
.food_lab_detail .tbl_cont + .tbl_cont {margin-top:40px;}
.food_lab_detail .tbl_cont thead th {padding:15px 40px;font-size:16px;text-align:left;}
.food_lab_detail .tbl_cont tbody tr:nth-child(odd) th {background:#FFFDEB;}
.food_lab_detail .tbl_cont tbody th {padding:15px 0; font-size:15px;font-weight:500;vertical-align:top;}
.food_lab_detail .tbl_cont tbody th .tit {display:inline-block;width:69px;padding:5px 0;border-radius:500px;background:#FFED00;}
.food_lab_detail .tbl_cont tbody td {padding:15px 20px;text-align:left;font-size:15px;line-height:23px;word-break:keep-all;}
.food_lab_detail .tbl_cont tbody tr:nth-child(odd) td {background:#FFFDEB;}
.food_lab_detail .tbl_cont tbody tr:nth-child(even) {border-bottom:1px solid #000;}
.food_lab_detail .tbl_cont tbody td .br {display:inline;}
.food_lab_detail .tbl_cont tbody td sup {display:inline-block;vertical-align:top;margin-top:-3px;}
.symposium_con .speaker {display:block;padding-top:10px;font-size:14px;font-weight:300;line-height:22px;}

.board_detail i {font-style:italic;}
.detail_content .table_wrap {padding-top:20px;}
.detail_content .table_wrap ul {padding-top:40px;}
.detail_content .table_wrap ul:first-child {padding-top:0;}
.detail_content .table_wrap ul li {padding-top:10px;}
.detail_content .table_wrap ul li:first-child {padding-top:0;}
.detail_content .table_wrap ul li .main_tit {padding:15px 40px;border-radius:50px;background:#123E8C;font-size:16px;font-weight:500;color:#fff;}
.detail_content .table_wrap ul li .subject {position:relative;padding:20px 10px 10px;border-radius:30px 30px 0 0;background:#F8F8F8;}
.detail_content .table_wrap ul li .subject::after {content:'';display:block;clear:both;}
.detail_content .table_wrap ul li .subject::before {content:'';position:absolute;bottom:0;left:50%;width:calc(100% - 20px);height:1px;background:#E6E6E6;transform:translateX(-50%);}
.detail_content .table_wrap ul li .subject p {float:left;}
.detail_content .table_wrap ul li .subject .tit {width:110px;margin-left:-10px;text-align:center;}
.detail_content .table_wrap ul li .subject .tit span{padding:2px 15px;border:1px solid #DC2F34;border-radius:500px;font-size:14px;font-weight:500;color:#DC2F34;line-height:22px;text-align:center;}
.detail_content .table_wrap ul li .subject .tit_desc {width:calc(100% - 110px);font-size:15px;font-weight:500;line-height:23px;}
.detail_content .table_wrap ul li .speaker {padding:10px 10px 20px 0; background:#F8F8F8;}
.detail_content .table_wrap ul li div:last-child {border-radius:0 0 30px 30px;}
.detail_content .table_wrap ul li .speaker::after {content:'';display:block;clear:both;}
.detail_content .table_wrap ul li .speaker p {float:left;}
.detail_content .table_wrap ul li .speaker .tit {width:110px;font-size:14px;font-weight:500;line-height:22px;text-align:center;}
.detail_content .table_wrap ul li .speaker .tit_desc {width:calc(100% - 110px);font-size:15px;font-weight:300;line-height:23px;}
.detail_content .table_wrap ul li .speaker .tit_desc sup {display:inline-block;vertical-align:top;margin-top:-3px;}

/* 회사소개_해외법인소개 */
.global_visual{position:relative;height:calc(var(--vh, 1vh) * 100);}
.global_visual .visual_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/about/overseas_visual.jpg)no-repeat 35% 50% /cover;}
.global_visual .visual_con_wrap{height:100%;}
.global_visual .visual_con_wrap .inner{position:relative;height:100%;}
.global_visual .top_wrap{position:relative;z-index:20;} 
.global_visual .top_wrap .tab_sticky{margin:0 -20px;}
.global_visual .txt_wrap{position:absolute;bottom:30px;left:20px;right:20px;width:calc(100% - 40px);height:148px;background:url(../images/about/overseas_visual_txt.png) no-repeat 50% 50% / contain;color:transparent;opacity:.5;}
html:not(.no-js) .global_visual .txt_wrap[data-aos^=fade][data-aos^=fade].aos-animate {opacity:.5;}
.global_visual .txt_wrap p{color:transparent}
.global_visual .txt_wrap .br{display:block;}

.global_swipe_area{position:relative;padding-top:80px;}
.global_swipe_area::-webkit-scrollbar{display:none;}
.global_swipe_area .swipe_wrap{position:relative;overflow-x:scroll;margin-bottom:63px;}
.global_swipe_area .swipe_wrap::-webkit-scrollbar {display:none;}
.global_swipe_area .lt_wrap{min-width:910.14px;width:100%;min-height:447px;max-width:unset;}
.global_swipe_area .pin_wrap{position:absolute;left:0;right:0;top:0;bottom:0;min-width:910.14px;width:100%;min-height:447px;max-width:unset;}
.global_swipe_area .pin_wrap .lt_wrap{position:absolute;height:85px;width:85px;min-width:unset;min-height:unset;}
.global_swipe_area .pin_wrap .lt_wrap img{min-width:unset;min-height:unset;}
.global_swipe_area .pin_wrap .lt_wrap a{display:block;}
.global_swipe_area .pin_wrap .lt_wrap.america{left:70%;bottom:58%;}
.global_swipe_area .pin_wrap .lt_wrap.china{left:37.5%;bottom:61%;}
.global_swipe_area .pin_wrap .lt_wrap.vietnam{left:32.6%;bottom:47%;}
.global_swipe_area .pin_wrap .lt_wrap.new_zealand{left:51.5%;bottom:12.8%;}
.global_swipe_area .pin_wrap .lt_wrap lottie-player{width:100%;height:100%;min-width:unset;min-height:unset;}
.global_swipe_area .pin_wrap .lt_wrap img{width:100%;height:100%;}
.global_swipe_area .guide_txt{position:absolute;left:50%;bottom:-63px;padding-left:47.61px;transform:translateX(-50%);white-space:nowrap;font-size:15px;font-weight:500;line-height:23px;}
.global_swipe_area .guide_txt span{position:relative;}
.global_swipe_area .guide_txt span::before{content:'';display:block;position:absolute;left:-47.62px;top:0;width:37.62px;height:21.43px;background:url(../images/common/ico_mouse_drag.svg)no-repeat 0 0 / 37.62px 21.43px;}

.global_cont_wrap ul li{display:flex;flex-direction:column;padding-top:80px;}
.global_cont_wrap ul li:first-child{padding-top:0;}
.global_cont_wrap>ul>li:first-child {padding-top:80px}
.global_cont_wrap ul li.right_img{display:flex;flex-direction:column-reverse;}
.global_cont_wrap .img_wrap{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:101.497%;border-radius:100px;}
.global_cont_wrap .img_wrap img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.global_cont_wrap .txt_wrap{padding-top:30px;}
.global_cont_wrap .txt_wrap .tit{font-size:26px;font-weight:500;line-height:38px;}
.global_cont_wrap .txt_wrap dl{margin-top:6px;padding:20px 25px;border-radius:30px;background:#F8F8F8;}
.global_cont_wrap .txt_wrap dl:first-child{margin-top:20px;}
.global_cont_wrap .txt_wrap dt{font-size:18px;font-weight:500;line-height:26px;}
.global_cont_wrap .txt_wrap dd{padding-top:10px;font-size:15px;font-weight:300;line-height:23px;}
.global_cont_wrap .txt_wrap dd .br{display:block;}
.global_cont_wrap .tab_scroll{padding-top:10px;}
.global_cont_wrap .tab_scroll ul li{display:block;padding-top:0;}
.global_cont_wrap .tab_cont {display:none;animation:fadeIn_play03 1s;-webkit-animation:fadeIn_play03 1s;}
.global_cont_wrap .tab_cont.active {display:block;}
.global_cont_wrap .txt_wrap .desc_item{padding-top:30px;font-size:15px;font-weight:300;line-height:23px;}
.global_cont_wrap .txt_wrap .desc_item .br{display:block;}
.global_cont_wrap .sns_wrap{display:flex;gap:20px;padding-top:30px;}
.global_cont_wrap .sns_wrap li{padding-top:0;}
.global_cont_wrap .sns_wrap li a{display:block;width:40px;height:40px;}
.global_cont_wrap .sns_wrap .ico_homepage a{background:url(../images/about/ico_home.svg)no-repeat 0 0 / 100%;}
.global_cont_wrap .sns_wrap .ico_homepage a{background:url(../images/about/ico_home.svg)no-repeat 0 0 / 100%;}
.global_cont_wrap .sns_wrap .ico_shoppingmall a{background:url(../images/about/ico_shopping.svg)no-repeat 0 0 / 100%;}
.global_cont_wrap .sns_wrap .ico_instagram a{background:url(../images/about/ico_insta.svg)no-repeat 0 0 / 100%;}
.global_cont_wrap .sns_wrap .ico_facebook a{background:url(../images/about/ico_facebook.svg)no-repeat 0 0 / 100%;}
.global_cont_wrap .sns_wrap .ico_youtube a{background:url(../images/about/ico_youtube.svg)no-repeat 0 0 / 100%;}

/* 회사소개_글로벌현황 */
.global_status .visual_bg{background:url(../images/about/global_visual.jpg)no-repeat 85% 50% /cover;}
.global_status .global_visual .txt_wrap {background:url(../images/about/global_visual_txt.png) no-repeat 50% 50% / contain}

.global_status .global_swipe_area{padding-top:100px;}
.global_status .global_swipe_area .info_wrap .br{display:block;}
.global_status .global_swipe_area .info_wrap .tit{font-size:32px;font-weight:500;line-height:46px;letter-spacing:-0.64px;}
.global_status .global_swipe_area .info_wrap em{display:inline-block;position:relative;top:10px;padding-top:2px;font-size:60px;font-weight:500;line-height:60px;letter-spacing:6px;-webkit-text-stroke:1px #000;color:#ffed00;}
.global_status .global_swipe_area .info_wrap .slot_num_wrap{display:inline-block;}
.global_status .global_swipe_area .info_wrap .slot_num_wrap span{display:inline-block;position:relative;top:10px;padding-top:2px;font-size:60px;font-weight:500;line-height:60px;letter-spacing:6px;-webkit-text-stroke:1px #000;color:#ffed00;}

.global_status .global_swipe_area .info_wrap .txt{padding-top:30px;font-size:18px;font-weight:300;line-height:26px;}
.global_status .swipe_wrap{margin-top:60px;margin-right:-20px;}
.global_status .pin_area{position:absolute;top:0;}
.global_status .pin_area .lt_wrap{width:100%;height:100%;}

.global_status .global_cont_wrap{padding-top:100px;}
.global_status .global_cont_wrap ul li:first-child{padding-top:30px;}
.global_status .tit_wrap{padding:0 20px;}
.global_status .tit_wrap .tit{font-size:26px;font-weight:500;line-height:38px;text-align:center;}
.global_status .tit_wrap .txt{padding-top:8px;font-size:15px;font-weight:300;line-height:23px;text-align:center;}
.global_status .tit_wrap .txt .br{display:block;}

.global_status .global_cont_wrap .img_area{padding:0 67.5px;}
.global_status .global_cont_wrap .img_wrap{padding-top:100%;border-radius:70px;}
.global_status .global_cont_wrap .txt_wrap .tit{font-size:22px;font-weight:500;line-height:32px;text-align:center;}
.global_status .global_cont_wrap .txt_wrap .txt{font-size:15px;font-weight:300;line-height:23px;text-align:center;}
.global_status .global_cont_wrap .txt_wrap .txt .br{display:block;}
.global_status .global_cont_wrap dl{display:flex;padding:10px 25px;gap:30px;border-radius:14px;}
.global_status .global_cont_wrap dt{display:flex;align-items:center;justify-content:center;min-width:70px;font-size:15px;font-weight:300;line-height:23px;text-align:center;}
.global_status .global_cont_wrap .txt_wrap dd{padding-top:0;}
.global_status .global_cont_wrap .country{background:#FFED00;}
.global_status .global_cont_wrap .country dt{font-size:16px;font-weight:500;line-height:24px;}
.global_status .global_cont_wrap .country dd{font-size:16px;font-weight:500;line-height:24px;}

.global_swiper_area{margin-top:60px;padding:60px 20px 60px;background:#FFED00;}
.global_swiper_area .tit_wrap ul{display:flex;align-items:end;justify-content:center;gap:30px;}
.global_swiper_area .tit_wrap ul li{padding:0;}
.global_swiper_area .tit_wrap ul li:first-child{padding:0;}
.global_swiper_area .tit_wrap ul li span{display:inline-block;padding-top:10px;font-size:14px;font-weight:500;line-height:22px;text-align:center;}

.global_swiper_area .tit_wrap .txt{padding-top:20px;font-size:15px;font-weight:300;line-height:23px;}
.global_swiper_area .swiper_area{position:relative;overflow:hidden;margin:0 -20px;padding:0 20px}
.global_swiper_area .swiper-container{position:relative;padding-top:30px;}
.global_swiper_area .swiper-slide{padding-top:0;padding-bottom:4px;}
.global_swiper_area .swiper-slide .img_wrap{padding-top:unset;border-radius:20px;background:#fff;}
.global_swiper_area .swiper-slide .img_box{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:100%;}
.global_swiper_area .swiper-slide .img_box img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.global_cont_wrap .global_swiper_area  .swiper-slide:first-child{padding-top:0;}
.global_swiper_area .controls{display:none;}
.global_status .global_swiper_area .tit_wrap{padding:0;}
.global_swiper_area .txt_box{padding-top:20px;text-align:center;}
.global_swiper_area .txt_box .tit{font-size:18px;font-weight:500;line-height:26px;}
.global_swiper_area .txt_box .tit .br{display:block;}
.global_swiper_area .txt_box .desc{font-size:14px;font-weight:500;line-height:22px;}
.global_swiper_area .needs_swiper2{padding-top:80px;}

/* 회사소개_오시는길 */
.about_location {display:flex;flex-direction:column-reverse;margin-top:40px}
.about_location .list {margin-top:20px}
.about_location .list ul li a {display:block;padding:20px 0;border-top:1px solid #E6E6E6}
.about_location .list ul li .area_name {display:block;position:relative;font-size:18px;line-height:26px;text-align:left;}
.about_location .list ul li .area_name::after {content:'';position:absolute;top:50%;right:0;width:24px;height:24px;margin-top:-12px;background:url(../images/common/btn_arw_up.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li .detail {display:none;text-align:left}
.about_location .list ul li .detail span {display:block;margin-top:4px;font-size:15px;font-weight:300;line-height:23px}
.about_location .list ul li .detail span em {margin-right:4px;font-weight:500}
.about_location .list ul li .detail .ico_box {display:flex;flex-wrap:wrap;gap:10px;max-width:300px;margin-top:10px;}
.about_location .list ul li .detail .ico_box .ico {position:relative;width:45px;padding-top:47px;font-size:12px;font-weight:300;line-height:20px;text-align:center}
.about_location .list ul li .detail .ico_box .ico::before {content:'';position:absolute;top:0;left:0;width:45px;height:45px;}
.about_location .list ul li .detail .ico_box .jam::before {background:url(../images/about/ico_jam.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li .detail .ico_box .sauce::before {background:url(../images/about/ico_sauce.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li .detail .ico_box .curry::before {background:url(../images/about/ico_curry.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li .detail .ico_box .ketchup::before {background:url(../images/about/ico_ketchup.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li .detail .ico_box .mayo::before {background:url(../images/about/ico_mayo.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li .detail .ico_box .vinegar::before {background:url(../images/about/ico_vinegar.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li .detail .ico_box .meal::before {background:url(../images/about/ico_meal.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li .detail .ico_box .rice::before {background:url(../images/about/ico_rice.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li .detail .ico_box .sesame_oil::before {background:url(../images/about/ico_sesame_oil.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li .detail .ico_box .syrup::before {background:url(../images/about/ico_syrup.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li .detail .ico_box .retort::before {background:url(../images/about/ico_retort.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li .detail .ico_box .soybean_oil::before {background:url(../images/about/ico_soybean_oil.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li .detail .ico_box .margarine::before {background:url(../images/about/ico_margarine.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li .btn_wrap {justify-content:flex-end;margin-top:10px;}
.about_location .list ul li .btn_wrap .btn_detail {flex:none;background:transparent;font-size:13px;font-weight:300;line-height:18px;text-decoration:underline;text-align:right;}
.about_location .list ul li.active {border-top:1px solid #000}
.about_location .list ul li.active .area_name::after {background:url(../images/common/btn_arw_down.svg) no-repeat 0 0 / 100% 100%}
.about_location .list ul li.active .detail {display:block}

/* 회사소개_오시는길_공장 자세히보기 팝업 */
.layer_pop .factory_info .img_box {overflow:hidden;max-width:500px;border-radius:10px;}
.layer_pop .factory_info .img_box img {width:100%}
.layer_pop .factory_info .txt_box .txt {padding-top:20px;font-size:15px;font-weight:300;line-height:23px}

/* 인재채용_인재상 */
.talent_intro_top {padding-top:60px}
.about_talent .br {display:block}
.talent_intro_top .tit {display:block;padding:0 20px;font-size:28px;font-weight:500;line-height:38px;}
.talent_intro_top .cont {padding-right:20px}
.talent_intro_top .img_box {position:relative;overflow:hidden;margin-top:30px;padding-top:118.3%;border-top-right-radius:50px;clip-path:circle(0 at 50% 50%);transition:clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s,-webkit-clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s}
.talent_intro_top.play .img_box {clip-path:circle(100% at 50% 50%);}
.talent_intro_top .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:cover;}
.talent_intro_top .txt_box {padding:30px 40px 60px;background:#FFED00;border-radius:0 0 500px 500px}
.about_personnel_sys .talent_intro_top .txt_box{padding-bottom:90px;}
.talent_intro_top .txt_box p {max-width:280px;margin:0 auto;font-size:20px;font-weight:500;line-height:28px;text-align:center;word-break:keep-all;}

.talent_cont_wrap li{display:flex;flex-direction:column;padding-top:100px;}
.talent_cont_wrap .item1{padding-right:15px;}
.talent_cont_wrap .item2{padding-left:74px;padding-right:11px;}
.talent_cont_wrap .item3{padding-right:35px;}
.talent_cont_wrap .right_img{flex-direction:column-reverse;}
.talent_cont_wrap .img_wrap{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;width:100%;}
.talent_cont_wrap .item1 .img_wrap{padding-top:100%;border-radius:35%;}
.talent_cont_wrap .item2 .img_wrap{padding-top:103.2%;border-radius:15%;}
.talent_cont_wrap .item3 .img_wrap{padding-top:103%;border-radius:42%;}
.talent_cont_wrap .img_wrap img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.talent_cont_wrap .txt_wrap{padding-top:30px;}
.talent_cont_wrap .right_img .txt_wrap{text-align:right;}
.talent_cont_wrap .right_img .txt_wrap .hashtag_list{justify-content:end;}
.talent_cont_wrap .txt_wrap .tit{font-size:26px;font-weight:500;line-height:38px;}
.talent_cont_wrap .txt_wrap .txt{padding-top:30px;font-size:16px;font-weight:300;line-height:28px;word-break:keep-all;}
.talent_cont_wrap .txt_wrap .hashtag_list{padding-top:30px;}
.talent_cont_wrap .txt_wrap .hashtag_list li{padding-top:6px;}

.recruit_post {margin-top:100px; width:100%;height:auto; border-radius:0 0 500px 500px ; background:#FFED00;text-align:center;}
.recruit_post .customer_con {display:inline-block; position:relative;padding:186px 30px 80px; text-align:center;}
.recruit_post .customer_con::before{content:'';position:absolute;left:50%;top:30px;margin-left:-50px; width:120px;height:136px;background:url(../images/common/recruit_post.png)no-repeat 50% 50% / 120px 136px;}
.recruit_post .tit {font-size:28px;font-weight:500;line-height:38px;letter-spacing:-0.2px;}
.recruit_post .desc {padding-top:10px; font-size:13px;font-weight:300;line-height:21px;letter-spacing:-0.2px;}
.recruit_post .btn_s {margin-top:20px;}

/* 인재채용_인사제도 */
.about_personnel_sys .about_edu{padding-top:100px;}
.about_personnel_sys .about_edu ul{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1420px;margin-top:-40px;}
.about_personnel_sys .about_edu li{padding-top:40px;width:calc(50% - 17.5px);}
.about_personnel_sys .about_edu dl{padding-top:20px;}
.about_personnel_sys .about_edu dt{padding-bottom:10px;font-size:18px;font-weight:500;line-height:26px;text-align:center;}
.about_personnel_sys .about_edu dd{font-size:15px;font-weight:300;line-height:23px;}
.about_personnel_sys .about_edu .img_wrap{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:100%;}
.about_personnel_sys .about_edu .clipped{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.about_personnel_sys .about_edu .svg{position:absolute;width:0;height:0;}
.about_personnel_sys .about_edu .item1 .img_wrap{border-radius:35%;}
.about_personnel_sys .about_edu .item2 .img_wrap{border-radius:50%;}
.about_personnel_sys .about_edu .item3 .img_wrap{padding-top:116%;border-radius:500px;}
.about_personnel_sys .about_edu .item4 .img_area{padding:4.67% 0;}
.about_personnel_sys .about_edu .item4 .img_wrap{padding-top:107.67%;}
.about_personnel_sys .about_edu .item4 .img_wrap .clipped{-webkit-clip-path:url(#clip_path1);clip-path:url(#clip_path1);}
.about_personnel_sys .about_edu .img_wrap img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}

.about_personnel_sys .position_system{padding-top:100px;}
.about_personnel_sys h3.tit{max-width:1440px;margin:0 auto;padding:0 20px;font-size:22px;font-weight:500;line-height:32px;}
.about_personnel_sys .position_system ul{margin-top:30px;padding:30px 0;background:#FFFBCC;}
.about_personnel_sys .position_system ul li{display:flex;justify-content:center;align-items:center;position:relative;padding-bottom:50px;font-size:15px;font-weight:300;line-height:23px;}
.about_personnel_sys .position_system ul li::after{content:'';display:block;position:absolute;bottom:10px;width:30px;height:30px;background:url(../images/about/ico_arrow.svg)no-repeat 0 0 / 30px;}
.about_personnel_sys .position_system ul li:last-child{padding-bottom:0;}
.about_personnel_sys .position_system ul li:last-child::after{display:none;}
.about_personnel_sys .position_system ul li em{padding-right:5px;font-size:20px;font-weight:500;line-height:28px;}

.about_personnel_sys .work_life{padding-top:100px;}
.about_personnel_sys .work_life .tit{text-align:center;}
.about_personnel_sys .work_life .txt{padding-top:5px;font-size:15px;font-weight:300;line-height:23px;text-align:center;}
.about_personnel_sys .work_life .txt .br{display:block;}
.about_personnel_sys .work_life .yellow_box{padding-top:30px;}
.about_personnel_sys .work_life .yellow_box div{display:flex;gap:10px;margin-top:20px;padding:30px 13px 30px 20px;border-radius:20px;background:#FFED00;}
.about_personnel_sys .work_life .yellow_box div:first-child{margin-top:0;}
.about_personnel_sys .work_life .yellow_box .tit{position:relative;min-width:50px;padding-top:60px;padding-bottom:20px;font-size:18px;font-weight:500;line-height:26px;text-align:center;}
.about_personnel_sys .work_life .yellow_box .tit::before{content:'';display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);}
.about_personnel_sys .work_life .yellow_box .item1 .tit::before{width:50px;height:48px;background:url(../images/about/ico_work_life1.png)no-repeat 0 0 / 100% 100%;}
.about_personnel_sys .work_life .yellow_box .item2 .tit::before{width:50px;height:50px;background:url(../images/about/ico_work_life2.png)no-repeat 0 0 / 100% 100%;}
.about_personnel_sys .work_life .yellow_box .item3 .tit::before{width:50px;height:50px;background:url(../images/about/ico_work_life3.png)no-repeat 0 0 / 100% 100%;}
.about_personnel_sys .work_life .yellow_box .item4 .tit::before{width:50px;height:50px;background:url(../images/about/ico_work_life4.png)no-repeat 0 0 / 100% 100%;}
.about_personnel_sys .work_life .yellow_box .item5 .tit::before{width:50px;height:50px;background:url(../images/about/ico_work_life5.png)no-repeat 0 0 / 100% 100%;}
.about_personnel_sys .work_life .yellow_box .item6 .tit::before{width:50px;height:50px;background:url(../images/about/ico_work_life6.png)no-repeat 0 0 / 100% 100%;}
.about_personnel_sys .work_life li{position:relative;padding-left:20px;font-size:15px;font-weight:300;line-height:23px;}
.about_personnel_sys .work_life li::before{content:'';display:block;position:absolute;left:7px;top:9px;width:3px;height:3px;border-radius:50%;background:#000;}
.about_personnel_sys .work_life li .br{display:block;}

/* 인재채용_직무소개 */
.jobinfo_visual{position:relative;}
.jobinfo_visual .visual_bg{position:absolute;top:0;left:0;width:100%;height:400px;background:url(../images/about/jobinfo_visual_img.jpg)no-repeat 50% 50%/cover;}
.jobinfo_visual .visual_con_wrap{position:relative;height:400px;}
.jobinfo_visual .visual_con_wrap .inner{height:100%;}
.jobinfo_visual .top_wrap .tab_sticky{margin:0 -20px;}
.jobinfo_visual .visual_txt_wrap{background:#FFED00;}
.jobinfo_visual .visual_txt_wrap .inner{padding:20px 40px;}
.jobinfo_visual .visual_txt_wrap strong{font-size:18px;font-weight:500;line-height:26px;word-break:keep-all;}
.jobinfo_visual .visual_txt_wrap .txt{padding-top:8px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.jobinfo_visual .visual_txt_wrap .txt .br{display:inline-block;width:100%;}

.jobinfo_wrap .jobinfo_con {padding-top:80px;}

.jobinfo_wrap .tit_wrap {position:relative;}
.jobinfo_wrap .tit_wrap img {width:100%;}
.jobinfo_wrap .tit_bg {position:absolute;bottom:0;right:0;width:88%;height:68px;border-radius:50px 0 0 50px;background:#FFED00;}
.jobinfo_wrap .odd .tit_bg {border-right:none;}
.jobinfo_wrap .even .tit_bg {left:0; border-left:none; border-radius:0 50px 50px 0;}
.jobinfo_wrap .tit_bg p {position:absolute;top:50%;font-size:20px;font-weight:500;line-height:28px;letter-spacing:-0.2px;transform:translateY(-50%);}
.jobinfo_wrap .odd .tit_bg p {left:9%;}
.jobinfo_wrap .even .tit_bg p {left:9%;}

.jobinfo_wrap .job_list {display:flex;flex-wrap:wrap;gap:10px 0;padding:40px 20px 0;}
.jobinfo_wrap .job_list li {width:160px;}
.jobinfo_wrap .job_list li button{position:relative;padding-left:24px;font-size:15px;font-weight:300;color:#000;line-height:23px;white-space:nowrap;}
.jobinfo_wrap .job_list li button::after {content:'';position:absolute;top:50%;left:10px;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#000;}

/* 직무소개 팝업 */
.layer_pop.job_info .pop_con {margin-top:84px}
.layer_pop.job_info .tit_box h1 {position:absolute;top:60px;left:20px; width:calc(100% - 40px);padding:5px 20px;border-radius:8px 100px 100px 8px; background:#FFED00;}
.layer_pop.job_info .tit_box h1 span {padding-left:10px;font-size:15px;font-weight:300;color:#000;line-height:23px;vertical-align:middle;}
.layer_pop.job_info .br {display:inline;}
.layer_pop.job_info .intro .intro_tit {font-size:20px;font-weight:500;color:#000;line-height:38px;}
.layer_pop.job_info .intro .desc {padding-top:8px;font-size:15px;font-weight:300;color:#000;line-height:23px;}

.layer_pop.job_info .interview_wrap {padding-top:60px;}
.layer_pop.job_info .interview_wrap .interview_tit {font-size:26px;font-weight:500;color:#000;line-height:38px;}
.layer_pop.job_info .interview_wrap .interview_con {margin-top:20px;}
.layer_pop.job_info .interview_wrap .interview_con:first-child {margin-top:8px;}
.layer_pop.job_info .interview_wrap .question {display:flex;align-items:center;margin-top:20px;}
.layer_pop.job_info .interview_wrap .question em {margin-right:10px; font-size:28px;color:#FFED00;line-height:38px;-webkit-text-stroke:1px #000;}
.layer_pop.job_info .interview_wrap .question .tit {font-size:18px;font-weight:500;color:#000;line-height:26px;}
.layer_pop.job_info .interview_wrap .answer {position:relative;margin-top:10px; padding:20px 20px 20px 70px;border:1px solid #F6F6F6;border-radius:20px;background:#F8F8F8;}
.layer_pop.job_info .interview_wrap .answer em {position:absolute;top:20px;left:20px; font-size:28px;color:#FFF;line-height:38px;-webkit-text-stroke:1px #000;}
.layer_pop.job_info .interview_wrap .answer .txt {font-size:15px;font-weight:300;color:#000;line-height:23px;}

/* 회사소개_인재채용_채용공고 */
.banner_ms {margin-left:-20px;border-top-right-radius:120px;border-bottom-right-radius:120px;background:#FFF402;text-align:left;}
.banner_ms .con{position:relative;padding:255px 31px 35px;}
.banner_ms .con::before{content:'';position:absolute;top:35px;left:50%;width:200px;height:200px;margin-left:-100px;border-radius:50px; background:url(../images/about/recruit_ttogi.png)no-repeat 50% 50% / 200px 200px;}
.banner_ms .con .tit {width:292px;margin:0 auto; font-size:24px;font-weight:300;line-height:34px;letter-spacing:-0.64px;}
.banner_ms .con .tit span{display:block; font-weight:500;}
.banner_ms .con .tit span em {display:block;}

.board_wrap.recruit_notice {padding-top:50px;}
.board_list .info {display:flex;align-items:center;margin-top:6px;}
.board_list .hash {margin-right:10px; font-size:14px;font-weight:300;color:#123E8C;line-height:22px;}
.board_list .d_day {margin-right:10px; font-size:14px;font-weight:500;color:#DC2F34; line-height:22px;text-align:center;}
.board_list .d_day.end {font-weight:300;color:#666;}
.board_list .closing_date {font-size:14px;font-weight:300;color:#666; line-height:22px;}

.recruit_tbl .mb_scroll {overflow-x: auto;}
.recruit_wrap div + div {margin-top: 53px;}
.recruit_wrap .tit {font-size: 26px;}
.recruit_wrap table {margin-top: 18px;border-top: 2px solid #054798;border-bottom: 1px solid #054798;}
.recruit_wrap table thead tr th {font-weight: 500;height: 55px;padding: 5px 20px 7px;line-height: 20px;text-align: center;}
.recruit_wrap table thead tr th:first-child {background-color: #054798;color: #fff;}
.recruit_wrap table thead tr th + th {border-left:1px solid #e5e5e5;}
.recruit_wrap table tbody tr {border-top: 1px solid #d0d4d9;}
.recruit_wrap table tbody tr:first-child {border-top-color: #054798;}
.recruit_wrap table tbody tr td {padding:10px;font-size: 15px;font-weight: 300;text-align: center;}
.recruit_wrap table tbody tr td:first-child {font-weight: 500;}
.recruit_wrap table tbody tr .ta_l {text-align: left;}
.recruit_wrap table tbody tr td + td {border-left: 1px solid #e5e5e5;}
.recruit_wrap table tbody tr td p {line-height: 26px;}
.recruit_wrap table tbody tr td ul {padding-left: 18px;}
.recruit_wrap table tbody tr td ul li {line-height: 23px;}

.recruit_wrap .recruit_info .tit {margin-top: 40px;}
.recruit_wrap .recruit_info ul li {margin-left: 20px;font-size: 16px;color: #333;}
.recruit_wrap .recruit_info ul li + li {margin-top: 3px;}

/* 2024년 상반기 대졸신입사원 및 외국인 유학생 채용 [s] */
.recruit_wrap ::marker {font-size:12px;color:rgba(0,0,0,.2)}
.recruit_wrap .no_marker::marker {font-size:0}
.recruit_wrap .no_marker ul li::marker {font-size:9px}

/* 표 공통 */
.recruit_wrap table tbody tr td:last-child dl + dl {margin-top:15px}
.recruit_wrap table tbody tr td:last-child dl dt {font-weight:500;}
.recruit_wrap table tbody tr td:last-child dl dd {position:relative;padding-left:18px}
.recruit_wrap table tbody tr td:last-child dl dd::before {content:'';position:absolute;top:8px;left:5px;width:4px;height:4px;background:rgba(0,0,0,.2);border-radius:50%;}

/* 전형절차 */
.recruit_wrap .progress p {font-size:16px}
.recruit_wrap .progress .img_box {margin-top:20px}
.recruit_wrap .progress .img_box .img_mo {max-width:315px;width:100%}
.recruit_wrap .progress .img_box .img_pc {display:none}
@media screen and (min-width:1024px){
    .recruit_wrap .progress .img_box .img_pc {display:block}
    .recruit_wrap .progress .img_box .img_mo {display:none}
}
/* 2024년 상반기 대졸신입사원 및 외국인 유학생 채용 [e] */

/* esg경영_overview */
.esg_overview .esg_top {display:flex;align-items:center;justify-content:center;position:relative;height:600px;background:#FFFC29;text-align:center}
.esg_overview .esg_top .tit {position:relative;z-index:1;font-size:32px;line-height:46px;letter-spacing:-.64px;}
.esg_overview .esg_top .tit .br {display:block}
.esg_overview .esg_top .lt_pc {display:none}
.esg_overview .esg_top .lt_wrap {position:absolute;top:0;right:0;bottom:0;left:0}
.esg_overview .visual_top {position:relative;height:600px;background:url(../images/esg/img_overview1.jpg) no-repeat 50% 50% / cover}
.esg_overview .visual_top .txt_wrap {position:absolute;bottom:50px;right:5.3%;left:20.26%;text-align:right;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.esg_overview .visual_top .txt_wrap .tit {font-size:32px;color:#FFF;line-height:90px;letter-spacing:-1.92px;}
.esg_overview .visual_top .txt_wrap .desc {padding-top:10px;font-size:16px;color:#FFF;font-weight:300;line-height:28px;word-break:keep-all;}
.esg_overview .visual_top .txt_wrap .btn_more {margin-top:20px}

.esg_overview .cont_wrap {padding-top:100px}
.esg_overview .cont_wrap .tit_b {padding-left:30px;font-size:28px;line-height:38px;}
.esg_overview .cont_wrap .item {padding-top:150px}
.esg_overview .cont_wrap .item .img_box {position:relative}
.esg_overview .cont_wrap .item .img_box .img {overflow:hidden}
.esg_overview .cont_wrap .item .img_box .img img {width:100%;}
.esg_overview .cont_wrap .item .img_box .lt_wrap {position:absolute;width:150px;height:150px}
.esg_overview .cont_wrap .item .txt_box {padding-top:30px;}
.esg_overview .cont_wrap .item .txt_box .tit {font-size:26px;line-height:46px}
.esg_overview .cont_wrap .item .txt_box .tit strong {display:inline-block;margin-right:5px;font-size:32px;font-weight:500;line-height:46px;letter-spacing:-.64px;vertical-align:top;}
.esg_overview .cont_wrap .item .txt_box .desc {padding-top:30px;font-size:16px;font-weight:300;line-height:28px;word-break:keep-all;}
.esg_overview .cont_wrap .item .txt_box .desc .br {display:block}
.esg_overview .cont_wrap .item .txt_box .desc .br_pc {display:block}
.esg_overview .cont_wrap .item .txt_box .btn_more {margin-top:15px}
.esg_overview .cont_wrap .item1 {padding-top:50px;margin-right:25px}
.esg_overview .cont_wrap .item1 .img_box .img {border-radius:100px;}
.esg_overview .cont_wrap .item1 .img_box .lt_wrap {bottom:0;right:-20px;}
.esg_overview .cont_wrap .item2 {margin-left:10px}
.esg_overview .cont_wrap .item2 .img_box {margin-left:75px}
.esg_overview .cont_wrap .item2 .img_box .img {border-radius:25px;}
.esg_overview .cont_wrap .item2 .img_box .lt_wrap {top:-50px;left:-30px}
.esg_overview .cont_wrap .item2 .txt_box {text-align:right;}
.esg_overview .cont_wrap .item3 .img_box {margin-right:50px}
.esg_overview .cont_wrap .item3 .img_box .img {border-radius:100px;}
.esg_overview .cont_wrap .item3 .img_box .lt_wrap {top:0;right:0}

.esg_overview .cont_wrap2 {padding-top:150px}
.esg_overview .cont_wrap2 .tit_b {font-size:28px;line-height:38px;text-align:center;}
.esg_overview .cont_wrap2 ul {margin-top:30px}
.esg_overview .cont_wrap2 ul li {position:relative;height:180px;margin-top:10px;padding:20px;border-radius:15px;}
.esg_overview .cont_wrap2 ul li .tit {font-size:22px;color:#FFF;line-height:32px;}
.esg_overview .cont_wrap2 ul li .btn_more {position:absolute;bottom:15px;right:20px}
.esg_overview .cont_wrap2 ul li.item1 {background:#DC2F34}
.esg_overview .cont_wrap2 ul li.item2 {background:#FFED00}
.esg_overview .cont_wrap2 ul li.item3 {background:#123E8C}
.esg_overview .cont_wrap2 ul li.item2 .tit {color:#000}

/* esg경영_소개 */
.esg_intro_visual{position:relative;height:calc(var(--vh, 1vh) * 100);}
.esg_intro_visual .visual_con_wrap{height:100%;}
.esg_intro_visual .visual_con_wrap .inner{position:relative;height:100%;}
.esg_intro_visual .top_wrap{position:relative;z-index:20;}
.esg_intro_visual .visual_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/esg/img_overview1.jpg)no-repeat 50% 50% /cover;}
.esg_intro_visual .txt_wrap.has_line {display:block;}
.esg_intro_visual .txt_wrap.has_line .col_yellow {display:block;white-space:initial}
.esg_intro_visual .txt_wrap.has_line .txt {padding-top:20px;font-size:15px;line-height:23px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.esg_intro_visual .txt_wrap.has_line .txt strong {display:block;font-size:18px;font-weight:500;line-height:26px;}

.esg_rework {padding-top:100px}
.esg_rework .tit_depth4 {text-align:center;}
.esg_rework .tit_wrap {padding-top:30px}
.esg_rework .tit_wrap .txt {display:block;height:auto;font-size:50px;font-weight:600;color:#FFED00;letter-spacing:5px;line-height:50px;-webkit-text-stroke:1px #000; text-align:center;}
.esg_rework .tit_wrap .desc {padding-top:20px;font-size:15px;font-weight:300;line-height:23px;text-align:center}
.esg_rework .tit_wrap .desc .br {display:block;}
.esg_rework .tit_wrap .desc strong {display:block;margin-top:8px;font-size:18px;font-weight:500;line-height:30px;}
.esg_rework .tit_wrap .desc strong .color {color:#123E8C}
.esg_rework .rework_list {display:flex;flex-direction:column;gap:10px;margin-top:50px}
.esg_rework .rework_list>li {padding:20px;border-radius:30px;}
.esg_rework .rework_list li.odd {background:#FFED00}
.esg_rework .rework_list li.even {background:#FFFC29}
.esg_rework .rework_list li .tit {display:flex;align-items:flex-end;}
.esg_rework .rework_list li .tit em {font-size:28px;line-height:38px;}
.esg_rework .rework_list li .tit span {margin-left:5px;font-size:18px;line-height:26px;}
.esg_rework .rework_list li ul {margin-top:10px}
.esg_rework .rework_list li ul li {position:relative;padding-left:18px;font-size:15px;font-weight:300;line-height:23px;word-break: keep-all;}
.esg_rework .rework_list li ul li::before {content:'';position:absolute;top:10px;left:8px;width:3px;height:3px;border-radius:50%;background:#000}

.esg_organization {padding-top:100px}
.esg_organization .inner {padding:0 20px}
.esg_organization .tit_depth4 {text-align:center;}
.esg_organization .desc {padding-top:10px;font-size:15px;font-weight:300;line-height:23px;text-align:center}
.esg_organization .desc .br {display:block;}
.esg_organization .img {max-width:335px;margin:50px auto 0;}
.esg_organization .img .img_pc {display:none;}
.esg_organization .img img {width:100%}

.esg_rating {padding-top:100px}
.esg_rating .tit_depth4 {text-align:center;}
.esg_rating .desc {padding-top:10px;font-size:15px;font-weight:300;line-height:23px;text-align:center}
.esg_rating .desc .br {display:block;}
.esg_rating .tbl_wrap {margin-top:30px}
.esg_rating .tbl_wrap table thead tr th:first-child {border-radius:10px 0 0 10px;}
.esg_rating .tbl_wrap table thead tr th:last-child {padding:22px 10px 22px 5px;border-radius:0 10px 10px 0;}
.esg_rating .tbl_wrap table thead tr th {padding:10px 5px;background:#FFFBCC;font-size:15px;line-height:23px;}
.esg_rating .tbl_wrap table thead tr th .br {display:block;}
.esg_rating .tbl_wrap table tbody tr td {padding:15px 5px;border-bottom:1px solid #E6E6E6;font-size:13px;font-weight:300;line-height:21px;text-align:center;}
.esg_rating .tbl_wrap .txt {position:relative;padding-left:20px;margin-top:10px;font-size:13px;font-weight:300;line-height:21px;}
.esg_rating .tbl_wrap .txt::before {content:'';position:absolute;top:8px;left:10px;width:3px;height:3px;border-radius:50%;background:#000;}

/* esg경영_선포 및 실천방침 */
.environment_visual{position:relative;height:calc(var(--vh, 1vh) * 100);min-height:450px;}
.environment_visual .visual_con_wrap{height:100%;}
.environment_visual .visual_con_wrap .inner{position:relative;height:100%;}
.environment_visual .visual_con_wrap .inner .top_wrap {padding-top:70px}
.environment_visual .top_wrap{position:relative;z-index:20;}
.environment_visual .top_wrap .tit_depth3{color:#000;}
.environment_visual .top_wrap .desc{color:#000;}
.environment_visual .visual_bg{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;}
.environment_visual .visual_bg video{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%}
.txt_wrap.has_line{position:absolute;bottom:40px;left:20px;right:20px;}
.txt_wrap.has_line .col_yellow{display:flex;align-items:end;font-size:24px;font-weight:500;line-height:34px;-webkit-text-stroke:1px #000;white-space:nowrap;color:#FFED00;}
.txt_wrap.has_line .br{display:block;}
.txt_wrap.has_line .txt{padding-top:20px;color:#FFF;font-size:24px;font-weight:300;line-height:34px;word-break:keep-all;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}

.announcement_area{padding-top:100px;}
.announcement_area li{display:flex;flex-direction:column;padding-top:150px;}
.announcement_area .item1{padding-right:35px;padding-top:0;}
.announcement_area .item2{flex-direction:column-reverse;padding-left:55px;}
.announcement_area .img_wrap{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;width:100%;}
.announcement_area .item1 .img_wrap{padding-top:94%;border-radius:20%;}
.announcement_area .item2 .img_wrap{padding-top:97.86%;border-radius:43%;}
.announcement_area .img_wrap img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.announcement_area .txt_wrap {padding-top:30px;}
.announcement_area .item2 .txt_wrap{text-align:right;margin-left:-30px;}
.announcement_area .txt_wrap p{font-size:16px;font-weight:300;line-height:28px;}
.announcement_area .txt_wrap p .br{display:block;}

.policy_list_wrap{padding:50px 0;}
.policy_list_wrap .tit_wrap{text-align:center;}
.policy_list_wrap .tit_wrap .tit{display:inline-block;margin:0 auto;position:relative;padding-left:48px;font-size:26px;font-weight:500;line-height:38px;}
.policy_list_wrap .tit_wrap .tit::before{content:'';display:block;position:absolute;left:0;top:-5px;width:38px;height:50px;background:url(../images/esg/ico_check.svg)no-repeat 0 0 / 38px 50px;}
.policy_list_wrap .tit_wrap .txt{padding-top:16px;font-size:15px;font-weight:300;line-height:23px;text-align:left;}
.policy_list_wrap .list{padding-top:40px;}
.policy_list_wrap .list li{position:relative;margin-top:10px;padding:12px 20px 12px 65px;border:1px dashed #000;border-radius:20px;background:#fff;font-size:15px;font-weight:300;line-height:23px;}
.policy_list_wrap .list li:first-child{margin-top:0;}
.policy_list_wrap .list li em{position:absolute;left:20px;top:50%;min-width:35px;font-size:28px;font-weight:500;line-height:38px;white-space:nowrap;color:#FFED00;text-align:center;transform:translateY(-50%);-webkit-text-stroke:1px #000;}

.act_policy .policy_list_wrap{margin-top:150px;background:#FFED00;}

/* esg경영_전략 및 방향 */
.strategy_direction .top_wrap .tit_depth3{color:#fff;text-shadow:0px 0px 4px rgba(0, 0, 0, 0.60);}
.strategy_direction .top_wrap .desc{color:#fff;text-shadow:0px 0px 4px rgba(0, 0, 0, 0.60);}
.strategy_direction .environment_visual .visual_bg{overflow:hidden;background:none;}
.strategy_direction .environment_visual .visual_bg video{display:block;position:absolute;top:0;left:unset;right:-85%;transform:unset;}
.strategy_direction .txt_wrap.has_line .txt{font-size:15px;font-weight:300;line-height:23px;}
.strategy_direction .lct_wrap{padding-top:100px;}
.strategy_direction .lct_wrap .inner{display:flex;flex-direction:column;max-width:1110px;}
.strategy_direction .lct_wrap .yellow_circle{margin:80px -20px 80px;padding:31.645% 0;background:#FFED00;border-radius:35%;font-size:38px;font-weight:500;line-height:54px;letter-spacing:-0.76px;text-align:center;color:#fff;-webkit-text-stroke:1px #000;}
.strategy_direction .lct_item{display:flex;flex-direction:column;}
.strategy_direction .lct_item.item1{order:-1;}
.strategy_direction .lct_item.item2{display:flex;flex-direction:column-reverse;}
.strategy_direction .lct_item .img_wrap{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;width:100%;}
.strategy_direction .lct_item.item1 .img_wrap{padding-top:89.556%;border-radius:25%;}
.strategy_direction .lct_item.item2 .img_wrap{padding-top:89.556%;border-radius:20%;}
.strategy_direction .lct_item .img_wrap img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.strategy_direction .lct_item .txt{padding-top:30px;font-size:16px;font-weight:300;line-height:28px;}
.strategy_direction .lct_item .txt em{font-size:16px;font-weight:500;line-height:24px;}
.strategy_direction .lct_item .txt .br{display:block;}
.strategy_direction .lct_wrap .desc{position:relative;padding-top:20px;padding-left:10px;}
.strategy_direction .lct_wrap .desc::before{content:'*';display:block;position:absolute;left:0;}

.eco_emblem {padding-top:100px;}
.eco_emblem .inner {padding:50px 0 60px;background:#FFFBCC}
.eco_emblem .tit_wrap {padding:0 20px;text-align:center;}
.eco_emblem .tit_wrap .desc{margin-top:10px;font-size:18px;font-weight:300;line-height:30px;}
.eco_emblem .slide {margin-top:70px}
.eco_emblem .slide .ico_eco {display:block;width:232px;height:150px;margin:0 auto;background:url(../images/esg/logo_eco.png) no-repeat 0 0 / 100% 100%}
.eco_emblem .slide .swiper-container {overflow:hidden;padding:0 20px;margin-top:60px;}
.eco_emblem .slide .swiper-container .swiper-slide .tit {display:block;margin-top:20px;font-size:22px;font-weight:500;line-height:32px;}
.eco_emblem .slide .swiper-container .swiper-slide .desc {margin-top:10px;font-size:15px;font-weight:300;line-height:23px}
.eco_emblem .slide .swiper-container .swiper-slide i {display:block;width:100px;height:64px}
.eco_emblem .slide .swiper-container .swiper-slide.item1 .ico {background:url(../images/esg/ico_eco1.png) no-repeat 0 0 / 100% 100%}
.eco_emblem .slide .swiper-container .swiper-slide.item2 .ico {background:url(../images/esg/ico_eco2.png) no-repeat 0 0 / 100% 100%}
.eco_emblem .slide .swiper-container .swiper-slide.item3 .ico {background:url(../images/esg/ico_eco3.png) no-repeat 0 0 / 100% 100%}
.eco_emblem .slide .swiper-container .swiper-slide.item4 .ico {background:url(../images/esg/ico_eco4.png) no-repeat 0 0 / 100% 100%}
.eco_emblem .slide .swiper-container .swiper-slide.item5 .ico {background:url(../images/esg/ico_eco5.png) no-repeat 0 0 / 100% 100%}
.eco_emblem .slide .swiper-container .swiper-slide.item6 .ico {background:url(../images/esg/ico_eco6.png) no-repeat 0 0 / 100% 100%}

.eco_emblem .cont_pc {display:none}

/* esg경영_인권경영 */
.social_wrap .tit_depth4 {text-align:center;}
.human_info .info_wrap {padding-top:50px;}
.human_info .info_wrap .human_visual {position:relative;border-radius:30px 100px 30px 0;background:url(../images/esg/human_main.jpg)no-repeat 50% 50% / cover;padding-top:calc(400 / 335 * 100%);clip-path:circle(0 at 50% 50%);transition:clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s,-webkit-clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s;}
.human_info .info_wrap .human_visual.active {clip-path:circle(100% at 50% 50%)}
.human_info .info_wrap .human_tit {padding-top:30px; font-size:28px;font-weight:500;color:#000;line-height:38px;}
.human_info .info_wrap .human_tit .br_pc {display:block;}
.human_info .info_wrap .txt {width:auto;padding-top:20px;font-size:18px;font-weight:300;line-height:26px;word-break:keep-all;}
.human_process {margin-top:100px;padding:60px 0 50px;background:#FFFBCC;}
.human_process .desc {padding-top:10px;font-size:15px;font-weight:300;line-height:23px;}
.human_process ul {position:relative;margin-top:58px;padding-right:103px;}
.human_process ul::before {content:'';position:absolute;top:50%;right:82px;width:20px;height:294px;margin-top:-147px; border-top:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;border-top-right-radius:10px;border-bottom-right-radius:10px;}
.human_process ul li {display:flex;align-items:center;justify-content:center;position:relative; min-height:80px;margin-top:20px;padding:14px 15px;border:1px solid #000;border-radius:25px;background:#FFFC29;font-size:18px;font-weight:500;line-height:26px;text-align:center;}
.human_process ul li:first-child{margin-top:0;}
.human_process ul li::after {content:'';position:absolute;z-index:1; width:1px;height:22px;top:-22px;left:50%;background:#000;transform:translateX(-50%);}
.human_process ul li:first-child:after {display:none;}
.human_process ul li .br_pc {display:block;}
.human_process ul .total {display:block; position:absolute; top:50%;right:12px;min-height:auto;margin:0;padding:0; border:none;background:none;font-size:15px;font-weight:300;line-height:23px;text-align:left;transform:translateY(-50%);}
.human_process ul .total::after {display:none;}
.human_process ul .total span {display:block;}
.human_process .txt_box {padding-top:30px;}
.human_process .txt_box .tit {font-size:20px;font-weight:500;line-height:28px;}
.human_process .txt_box .desc {font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.human_process .txt_box .desc .br_pc {display:block;}
.human_principle {padding-top:150px;}
.human_principle .desc {padding-top:10px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.human_principle .list_wrap > li {padding-top:80px;}
.human_principle li .img_box {position:relative;padding-top:calc(225 / 335 * 100%);border-radius:30px;}
.human_principle li .staff_safety {background:#F0F0F0 url(../images/esg/human_principle_ilu1.svg)no-repeat 50% 100% / 50%;}
.human_principle li .customer_safety {background:#F0F0F0 url(../images/esg/human_principle_ilu2.svg)no-repeat 50% 100% / 50%;}
.human_principle li .human_safety {background:#F0F0F0 url(../images/esg/human_principle_ilu3.svg)no-repeat 50% 100% / 65%;}
.human_principle .txt_box {padding-top:30px;}
.human_principle .txt_box .tit {font-size:22px;font-weight:500;line-height:32px;}
.human_principle .txt_box ul {padding-top:10px;}
.human_principle .txt_box ul li {position:relative;padding-left:22px;font-size:15px;font-weight:300;line-height:23px;}
.human_principle .txt_box ul li::before {content:'';position:absolute;top:50%;left:10px;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#000;}
.human_problem {padding-top:150px;}
.human_problem .desc {padding-top:10px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.human_problem .problem_channel {padding-top:40px;}
.human_problem .problem_con {padding:20px;border-radius:20px;background:#123E8C;}
.human_problem .problem_con:last-child {margin-top:10px;}
.human_problem .problem_con p {padding-top:6px;text-align:left;}
.human_problem .problem_con p:first-child {padding-top:0;}
.human_problem .problem_con .dept {font-size:15px;font-weight:300;color:#FFED00; line-height:23px;}
.human_problem .problem_con .problem_tit {font-size:22px;font-weight:500;color:#fff;line-height:32px;}
.human_problem .problem_con .problem_tit .br_pc {display:block;}
.human_problem .problem_con .contact {font-size:15px;font-weight:500;color:#fff; line-height:23px;}
.human_problem .problem_con > span {display:inline-block;padding-top:30px;font-size:13px;font-weight:300;color:#fff;line-height:21px;}
.human_problem .problem_con .btn_report {margin-top:30px;text-align:right;}

/* esg경영_윤리경영 */
.ethical_info .info_wrap {padding-top:50px;}
.ethical_info .info_wrap .ethical_visual {position:relative;border-radius:30px 100px 30px 0;background:url(../images/esg/ethical_main.jpg)no-repeat 50% 50% / cover;padding-top:calc(400 / 335 * 100%);clip-path:circle(0 at 50% 50%);transition:clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s,-webkit-clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s;}
.ethical_info .info_wrap .ethical_visual.active {clip-path:circle(100% at 50% 50%)}
.ethical_info .info_wrap .ethical_tit{padding-top:30px; font-size:28px;font-weight:500;color:#000;line-height:38px;}
.ethical_info .info_wrap .ethical_tit .br_pc {display:block;}
.ethical_info .info_wrap .txt {width:auto;padding-top:20px;font-size:18px;font-weight:300;line-height:26px;word-break:keep-all;}
.social_wrap .policy_list_wrap {margin-top:100px;padding:60px 0 50px;background:#123E8C;}
.social_wrap .policy_list_wrap .tit_wrap {color:#fff;}
.social_wrap .policy_list_wrap .txt {color:#fff;word-break:keep-all;}
.social_wrap .policy_list_wrap .txt .br_pc {display:block;}
.ethical_report {padding-top:100px;}
.ethical_report .desc {padding-top:10px;font-size:15px;font-weight:300;line-height:23px;}
.report_info {margin-top:40px;}
.report_info li {position:relative;width:100%;margin-top:10px;padding:24px 24px 24px 75px;border-radius:22px;background:#f8f8f8; font-size:15px;font-weight:300;line-height:23px;word-break:break-all;}
.report_info li:first-child {margin-top:0;}
.report_info li::before {content:'';position:absolute;top:50%;left:25px;width:40px;height:40px;margin-top:-20px;}
.report_info .call::before {background:url(../images/esg/ico_call.svg)no-repeat 50% 50% / 40px;}
.report_info .mail::before {background:url(../images/esg/ico_mail.svg)no-repeat 50% 50% / 40px;}
.report_info .location::before {background:url(../images/esg/ico_location.svg)no-repeat 50% 50% / 40px;}

/* esg경영_사회_안전·보건·환경 */
.esg_safety_info .info_wrap{padding-top:60px;}
.esg_safety_info .info_wrap .tit_main{font-size:28px;font-weight:500;line-height:38px;}
.esg_safety_info .info_wrap .keyword_list{padding-top:30px;}
.esg_safety_info .info_wrap .keyword_list li{position:relative;margin-top:20px;padding-top:calc(350 / 335 * 100%);background:red; border-radius:40px;}
.esg_safety_info .info_wrap .keyword_list li:first-child{margin-top:0;}
.esg_safety_info .info_wrap .keyword_list li span{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;font-size:50px;color:transparent;line-height:67px;-webkit-text-stroke:1px #fff;}
.esg_safety_info .info_wrap .keyword_list li.health{background:url(../images/esg/safety_info_thumb01.jpg)no-repeat 0 0 / cover;}
.esg_safety_info .info_wrap .keyword_list li.safety{background:url(../images/esg/safety_info_thumb02.jpg)no-repeat 0 0 / cover;}
.esg_safety_info .info_wrap .keyword_list li.enviroment{background:url(../images/esg/safety_info_thumb03.jpg)no-repeat 0 0 / cover;}
.esg_safety_info .info_wrap .txt_box{width:auto;padding-top:30px;}
.esg_safety_info .info_wrap .txt_box .txt{font-size:18px;font-weight:300;line-height:26px;}
.esg_safety_info .info_wrap .txt_box .txt + .txt{padding-top:40px;}

/* 사회공헌_사회공헌 */
.social_contribution_visual .visual_bg.bg1 {background:url(../images/esg/img_contribution1.jpg) no-repeat 0 0 / cover}
.social_contribution_visual .visual_bg.bg2 {background:url(../images/esg/contribution_visual_mo.jpg) no-repeat 0 0 / cover}

.contribution_cont .tit_wrap {padding:0 20px}
.contribution_cont .tit_wrap .lt_wrap {padding-top:70px;margin:0 -20px 0 29.33%;}
.contribution_cont .tit_wrap .desc {margin-top:15px;font-size:18px;font-weight:300;line-height:26px;}
.contribution_cont .core_value {padding-top:60px}
.contribution_cont .core_value .top_cont {position:relative;max-width:335px;margin:0 auto;}
.contribution_cont .core_value .top_cont .img_box img{width:100%;}
.contribution_cont .core_value .top_cont .lt_wrap {position:absolute;top:-65px;left:0;right:0;bottom:0;transition:all 0.2s linear;}
.contribution_cont .core_value .bottom_cont {padding-top:50px}
.contribution_cont .core_value .bottom_cont .panel_wrap {display:flex;flex-direction:column;gap:20px}
.contribution_cont .core_value .bottom_cont .panel_wrap .panel .tit {display:block;padding:10px;border-radius:50px;font-size:18px;color:#FFF;line-height:26px;text-align:center;}
.contribution_cont .core_value .bottom_cont .panel_wrap .panel1 .tit {background:#FFED00;color:#000}
.contribution_cont .core_value .bottom_cont .panel_wrap .panel2 .tit {background:#DC2F34}
.contribution_cont .core_value .bottom_cont .panel_wrap .panel3 .tit {background:#123E8C}
.contribution_cont .core_value .bottom_cont .panel_wrap .panel ul {margin-top:10px;padding:10px;background:#F8F8F8;border-radius:15px;}
.contribution_cont .core_value .bottom_cont .panel_wrap .panel ul li {position:relative;padding-left:20px;font-size:14px;font-weight:300;line-height:22px;}
.contribution_cont .core_value .bottom_cont .panel_wrap .panel ul li::before {content:'';position:absolute;top:10px;left:10px;width:3px;height:3px;border-radius:50%;background:#000}
.latest_news {padding-top:100px}
.latest_news .thumbs_list {margin-top:30px}

/* esg경영_사회복지_선천성 심장병 어린이 후원 */
.tab_con_wrap .tab_con {display:none;}
.tab_con_wrap .tab_con.active {display:block;}

.tab_menu_wrap .swiper-slide button {display:block;position:relative;width:100%; height:100px;padding:58.5px 20px 18.5px;border:1px solid #E6E6E6;border-radius:25px;background:#fff;font-size:15px;font-weight:300;line-height:23px;transition:font-size 0.2s ease-in-out;}
.tab_menu_wrap .swiper-slide button.active{background:#FFED00;font-weight:500;}
.tab_menu_wrap .swiper-slide button::before {content:'';display:block;position:absolute;top:18.5px;left:50%;width:40px;height:40px;transform:translateX(-50%);}
.tab_menu_wrap .swiper-slide button:hover {background:#FFED00;font-weight:500;}

.tab_menu_wrap.welfare .menu_item1 button::before{background:url(../images/esg/ico_menu_item20.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.welfare .menu_item2 button::before{background:url(../images/esg/ico_menu_item6.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.welfare .menu_item3 button::before{background:url(../images/esg/ico_menu_item21.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.welfare .menu_item4 button::before{background:url(../images/esg/ico_menu_item22.svg)no-repeat 50% 50%/100%;}
.welfare_support .tab_menu_wrap {padding-top:40px}
.welfare_support .img_full {overflow:hidden;margin-top:80px;border-radius:0 100px 0 0;clip-path:circle(0 at 50% 50%);transition:clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s,-webkit-clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s}
.welfare_support.play .img_full {clip-path:circle(100% at 50% 50%);}
.welfare_support .img_full img {width:100%}
.welfare_support .img_full .img_pc {display:none}
.welfare_support .txt_wrap {padding-top:30px}
.welfare_support .txt_wrap .tit {font-size:28px;line-height:38px;word-break:keep-all;}
.welfare_support .txt_wrap .desc {padding-top:15px;font-size:18px;font-weight:300;line-height:26px;word-break:keep-all;}
.welfare_support .graph_wrap {padding-top:100px}
.welfare_support .graph_wrap .tit_box {text-align:center;}
.welfare_support .graph_wrap .tit_box .tit {display:block;font-size:18px;line-height:26px;}
.welfare_support .graph_wrap .tit_box .slot_num_wrap {margin-top:10px;font-size:48px;color:#DC2F34;line-height:64px;letter-spacing:-1.44px;}
.welfare_support .graph_wrap .tit_box .slot_num_wrap strong {display:inline-block;width:135px;font-weight:500}
.welfare_support .graph_wrap .tit_box .caption {display:block;margin-top:10px;font-size:15px;font-weight:300;line-height:23px;}
.welfare_support .graph_wrap .lt_wrap {padding-top:50px}
.welfare_support .graph_wrap .lt_wrap.lt_mo {padding:0 17px}
.welfare_support .graph_wrap .lt_wrap.lt_pc {display:none}
.welfare_support .item {padding-top:100px}
.welfare_support .item .img_box {overflow:hidden;border-radius:150px;}
.welfare_support .item .img_box img {width:100%}
.welfare_support .item .txt_box {padding-top:30px;font-size:16px;font-weight:300;line-height:28px;}

.welfare_event {margin-top:100px;padding:50px 0;background:#FFED00}
.welfare_event .tit_depth4 {text-align:center;}
.welfare_event .desc {padding-top:10px;font-size:15px;font-weight:300;line-height:23px;}
.welfare_event .swiper-container {overflow:hidden;padding:40px 20px 0;margin:0 -20px 0 -25px}
.welfare_event .swiper-container .swiper-slide {overflow:hidden;border-radius:50px;}
.welfare_event .swiper-container .swiper-slide .img_box {position:relative;padding-top:75%}
.welfare_event .swiper-container .swiper-slide .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover}
.welfare_event .swiper-container .swiper-slide .img_box .img_pc {display:none}
.welfare_event .swiper-container .swiper-slide .txt_box {padding:30px;background:#123E8C;text-align:center}
.welfare_event .swiper-container .swiper-slide .txt_box .tit {font-size:20px;font-weight:300;color:#FFF;line-height:28px;}
.welfare_event .swiper-container .swiper-slide .txt_box .num {display:block;padding-top:10px;font-size:38px;font-weight:500;color:#FFED00;line-height:54px;letter-spacing:-.76px;}
.welfare_event .swiper-container .swiper-slide .txt_box .txt {display:block;font-size:15px;font-weight:300;color:#FFF;line-height:23px;}
.welfare_event .swiper-container .swiper-slide .txt_box .txt .date {display:block;font-size:13px;line-height:21px;}
.welfare_event .controls {display:none}

.welfare.customer_ms {background:#FFFBCC}
.welfare.customer_ms .customer_con {padding:30px 30px 80px}
.welfare.customer_ms .customer_con::before {display:none;}
.welfare.customer_ms .customer_con .img {width:200px;height:145px;margin:0 auto;background:url(../images/esg/img_welfare1_9.jpg) no-repeat 50% 50% / 100% 100%}
.welfare.customer_ms .customer_con .txt_wrap {padding-top:20px}
.welfare.customer_ms .customer_con .sub_tit {font-size:18px;font-weight:300;line-height:26px;}
.welfare.customer_ms .customer_con .tit {padding-top:10px;font-size:24px;line-height:34px;}
.welfare.customer_ms .customer_con .tit .br {display:block}
.welfare.customer_ms .customer_con .btn_download {display:inline-block;margin-top:20px}
.welfare.customer_ms .customer_con .btn_pc {display:none}

/* esg경영_사회복지_밀알복지재단 굿윌스토어 장애인 지원 */
.goodwill_store .tab_menu_wrap {padding-top:40px}
.goodwill_store .cont_top ul li.item1 {padding-top:80px}
.goodwill_store .cont_top ul li.item2 {width:200px;margin-left:auto;padding-top:25px}
.goodwill_store .cont_top ul li.item3 {padding-top:35px}
.goodwill_store .cont_top ul li.item4 {width:200px;margin-left:auto;padding-top:45px}
.goodwill_store .cont_top ul li .link_box {display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;background:#FFED00}
.goodwill_store .cont_top ul li.item1 .link_box {border-radius:50px;}
.goodwill_store .cont_top ul li.item2 .link_box {border-radius:50%;}
.goodwill_store .cont_top ul li.item3 .link_box {border-radius:80px;}
.goodwill_store .cont_top ul li.item4 .link_box {background:url(../images/esg/bg_vector.png) no-repeat 0 0 / 100% 100%}
.goodwill_store .cont_top ul li .link_box .lt_wrap {width:80px;height:80px}
.goodwill_store .cont_top ul li.item1 .link_box .lt_wrap {width:70px;height:88px}
.goodwill_store .cont_top ul li.item2 .link_box .lt_wrap {width:120px;height:78px}
.goodwill_store .cont_top ul li .link_box a {display:block;font-size:24px;line-height:34px;text-align:center;}
.goodwill_store .cont_top ul li .txt_box {padding-top:30px}
.goodwill_store .cont_top ul li .txt_box .tit {display:block;font-size:22px;line-height:32px;}
.goodwill_store .cont_top ul li .txt_box .tit.mt {margin-top:30px}
.goodwill_store .cont_top ul li .txt_box .slot_num_wrap {font-size:20px;font-weight:300;line-height:28px;}
.goodwill_store .cont_top ul li .txt_box .slot_num_wrap strong {display:inline-block;font-size:48px;font-weight:500;color:#DC2F34;line-height:64px;letter-spacing:-1.44px;}
.goodwill_store .cont_top ul li.item1 .txt_box .slot_num_wrap strong {width:90px;}
.goodwill_store .cont_top ul li.item2 .txt_box .slot_num_wrap strong {width:90px;}
.goodwill_store .cont_top ul li.item3 .txt_box .slot_num_wrap strong {width:160px;}
.goodwill_store .cont_top ul li.item3 .txt_box .slot_num_wrap.lst strong {width:190px;}
.goodwill_store .cont_top ul li.item4 .txt_box .slot_num_wrap strong {width:130px;}
.goodwill_store .cont_top ul li .txt_box .price {display:block;font-size:24px;color:#123E8C;line-height:34px;}
.goodwill_store .cont_top .caption {padding-top:50px;font-size:15px;font-weight:300;line-height:23px;}

.goodwill_store .intro_box {margin-top:100px;padding:50px 0;background:#FFED00}
.goodwill_store .intro_box .tit {font-size:26px;line-height:38px;}
.goodwill_store .intro_box .desc {padding-top:10px;font-size:18px;font-weight:300;line-height:30px ;}

.goodwill_store .tab_content {padding:50px 0}
.goodwill_store .tab_content .img_box {position:relative;overflow:hidden;padding-top:119.4%;}
.goodwill_store .tab_content .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:cover;}
.goodwill_store .tab_content .txt_box {padding-top:30px}
.goodwill_store .tab_content .txt_box .lt {display:inline-flex;justify-content:center;align-items:center;width:120px;height:120px;background:#FFED00 }
.goodwill_store .tab_content .txt_box .lt_wrap {display:inline-block;width:120px;height:120px}
.goodwill_store .tab_content .txt_box .ico_mark {display:inline-block;width:100px;height:108px;margin-left:20px;background:url(../images/esg/ico_welfare2_1.svg) no-repeat 0 0 / 100% 100%;vertical-align:top;}
.goodwill_store .tab_content .txt_box .tit {padding-top:20px;font-size:26px;line-height:38px;}
.goodwill_store .tab_content .txt_box .desc {padding-top:10px;font-size:15px;font-weight:300;line-height:23px ;}

.goodwill_store .content1 {background:#FFFBCC}
.goodwill_store .content2 {background:#FFFDEB}
.goodwill_store .content3 {background:#FFFBCC}
.goodwill_store .content4 {background:#FFFDEB}
.goodwill_store .content1 .img_box {border-radius:50px;}
.goodwill_store .content1 .img_box img {object-position:left 25% top 50%;}
.goodwill_store .content2 .img_box {border-radius:200px;}
.goodwill_store .content3 .img_box {padding-top:100%;border-radius:100px;}
.goodwill_store .content4 .img_box {border-radius:100px;}
.goodwill_store .content1 .txt_box .lt {border-radius:30px;}
.goodwill_store .content2 .txt_box .lt {border-radius:50%;}
.goodwill_store .content3 .txt_box .lt {width:130px;height:156px;border-radius:200px}
.goodwill_store .content4 .txt_box .lt {width:130px;height:130px;background:url(../images/esg/bg_vector.png) no-repeat 0 0 / 100% 100%}
.goodwill_store .content1 .txt_box .lt .lt_wrap {width:64px;height:80px}
.goodwill_store .content2 .txt_box .lt .lt_wrap {width:120px;height:78px}
.goodwill_store .content3 .txt_box .lt .lt_wrap {width:80px;height:80px}
.goodwill_store .content4 .txt_box .lt .lt_wrap {width:80px;height:80px}

/* esg경영_전국 광역푸드뱅크 물품기부 */
.welfare_donation .tab_menu_wrap{padding-top:40px;}
.welfare_donation .cont_wrap{padding-top:80px;padding-bottom:100px;}
.welfare_donation .cont_wrap .inner{display:flex;flex-direction:column;}
.welfare_donation .cont_wrap .tit_wrap{order:1;}
.welfare_donation .cont_wrap .tit_wrap .txt{font-size:18px;font-weight:500;line-height:26px;text-align:center;}
.welfare_donation .cont_wrap .tit_wrap .tit{padding-top:10px;font-size:32px;font-weight:500;line-height:46px;letter-spacing:-0.64px;text-align:center;}
.welfare_donation .cont_wrap .txt_wrap{order:3;padding-top:40.31px;}
.welfare_donation .slot_num_wrap{display:flex;justify-content:center;align-items:center;font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.44px;text-align:center;color:#DC2F34;}
.welfare_donation .slot_num_wrap em{padding-right:10px;font-size:32px;font-weight:300;line-height:46px;letter-spacing:-0.64px;color:#000;}
.welfare_donation .slot_num_wrap strong{display:inline-block;width:90px;font-weight:500;}
.welfare_donation .cont_wrap .txt_wrap .desc{padding-top:10px;font-size:15px;font-weight:300;line-height:23px;text-align:center;}
.welfare_donation .cont_wrap .txt_wrap .txt{padding-top:40px;font-size:15px;font-weight:300;line-height:23px;}
.welfare_donation .cont_wrap .lt_wrap{order:2;padding-top:50px;}
.welfare_donation .cont_wrap .lt_wrap lottie-player{width:100%;}
.sharing_story{overflow:hidden;padding-bottom:50px;background:#FFED00;}
.sharing_story .inner{display:flex;flex-direction:column-reverse;}
.sharing_story .txt_wrap{padding-top:40px;}
.sharing_story .txt_wrap .tit{font-size:26px;font-weight:500;line-height:38px;}
.sharing_story .txt_wrap .txt{padding-top:20px;font-size:15px;font-weight:300;line-height:23px;}
.sharing_story .lt_wrap{margin-top:-3px;padding:0 17.5px}
.sharing_story .lt_wrap lottie-player{width:100%;}
.sharing_story .br{display:block;}

/* esg경영_오뚜기 프렌즈  */
.welfare_growth .tab_menu_wrap{padding-top:40px;}
.welfare_growth .cont_wrap{padding-top:80px;padding-bottom:100px;}
.welfare_growth .cont_wrap .inner{display:flex;flex-direction:column;}
.welfare_growth .cont_wrap .tit_wrap{order:1;}
.welfare_growth .cont_wrap .tit_wrap .tit{font-size:32px;font-weight:500;line-height:46px;letter-spacing:-0.64px;text-align:center;}
.welfare_growth .cont_wrap .txt_wrap{order:3;padding-top:30px;}
.welfare_growth .cont_wrap .txt_wrap .txt{font-size:15px;font-weight:300;line-height:23px;}
.welfare_growth .cont_wrap .lt_wrap{order:2;padding-top:50px;}
.welfare_growth .cont_wrap .lt_wrap lottie-player{width:100%;}

.facility_disabled{padding:60px 0 50px;background:#FFFBCC;}
.facility_disabled .certificate_wrap{position:relative;margin-top:30px;padding:27px 0 60px;border-radius:100px; background:#FFED00;text-align:center;}
.facility_disabled .certificate_wrap img{width:45%;}
.facility_disabled .certificate_wrap .txt{position:absolute;left:50%;padding-top:10px;font-size:15px;font-weight:500;line-height:23px;color:#000;transform:translate(-50%);}
.facility_disabled .tit{font-size:26px;font-style:normal;font-weight:500;line-height:38px;color:#000;text-align:center;}
.facility_disabled ul{padding-top:30px;}
.facility_disabled ul li{padding:20px 42.5px 0;}
.facility_disabled ul li:first-child{padding-top:0;}
.facility_disabled ul li.item1 .img_wrap{border-radius:100%;}
.facility_disabled ul li.item2 .img_wrap{border-radius:30px;}
.facility_disabled ul li.item3 .img_wrap{border-radius:100px;}
.facility_disabled ul li.item4 .img_wrap{border-radius:30px;}
.facility_disabled ul li.item5 .img_wrap{border-radius:100px;}
.facility_disabled ul li.item6 .img_wrap{border-radius:100%;}
.facility_disabled ul .img_wrap{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:100%;}
.facility_disabled ul .img_wrap img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.facility_disabled ul .txt{padding-top:10px;font-size:15px;font-weight:300;line-height:23px;text-align:center;color:#000;}

.friend_swiper_area > div{padding:50px 20px 50px;}
.friend_swiper_area .swiper_item2{background:#F8F8F8;}
.friend_swiper_area .swiper_item4{background:#F8F8F8;}
.friend_swiper_area .swiper_wrap{display:flex;flex-direction:column-reverse;position:relative;overflow:hidden;margin:0 -20px;padding:0 20px}
.friend_swiper_area .swiper-slide{padding-bottom:4px;}
.friend_swiper_area .swiper-slide .img_wrap{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:85.67%;border-radius:50px;}
.friend_swiper_area .swiper-slide .img_wrap img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.friend_swiper_area .swiper_wrap .controls{display:none;}
.friend_swiper_area .txt_wrap{padding-top:40px;}
.friend_swiper_area .txt_wrap .tit{font-size:26px;font-weight:500;line-height:38px;}
.friend_swiper_area .txt_wrap .txt{padding-top:10px;font-size:15px;font-weight:300;line-height:23px;}

.friend_effort{padding-top:100px;background:#FFED00;}
.friend_effort .img_area{position:relative;padding-bottom:25.7px;}
.friend_effort .img_wrap{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;left:50%;width:100%;margin-left:-50%;}
.friend_effort .img_wrap img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.friend_effort .tit_wrap .img_wrap{padding-top:92.84%;border-radius:40%;}
.friend_effort .lt_wrap{position:absolute;bottom:0;}
.friend_effort .tit_wrap .tit{padding-top:39.75px;text-align:center;font-size:24px;font-weight:500;line-height:34px;}
.friend_effort li{display:flex;flex-direction:column;padding-top:150px;}
.friend_effort li.item1{padding-right:35px;}
.friend_effort li.item1 .img_wrap{padding-top:100%;border-radius:50px}
.friend_effort li.item2{flex-direction:column-reverse; padding-left:48px;}
.friend_effort li.item2 .img_wrap{padding-top:100%;border-radius:100px}
.friend_effort li.item3{padding-right:35px;}
.friend_effort li.item3 .img_wrap{padding-top:78.676%;border-radius:200px}
.friend_effort ul .txt{padding-top:30px;font-size:16px;font-weight:300;line-height:28px;word-break:keep-all;}
.friend_effort ul li.item2 .txt{text-align:right;}
.friend_effort .info_wrap{margin-top:90px;background:#FFFC29;}
.friend_effort .desc_item{padding:15px 0;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}

/* esg경영_교육장학_장학사업 */
.social_contribution_visual{position:relative;height:400px;}
.social_contribution_visual .visual_bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.social_contribution_visual .visual_bg.bg3{background:url(../images/esg/education_scholarship_visual_mo.jpg)no-repeat 0 0/cover;}
.social_contribution_visual .visual_con_wrap{height:100%;}
.social_contribution_visual .top_wrap{position:relative;}
.social_contribution_visual .top_wrap .tab_sticky{margin:0 -20px;}

.introduction_foundation{padding:50px 0;background:#FFFBCC;}
.introduction_foundation .logo{margin:0 auto;}
.introduction_foundation .logo img{width:100%;}
.introduction_foundation .foundation_area.educational .logo{max-width:250px;}
.introduction_foundation .foundation_area .link_wrap{padding-top:20px;text-align:center;}
.introduction_foundation .txt_wrap{padding-top:30px;}
.introduction_foundation .txt_wrap .tit{padding-bottom:10px;font-size:20px;font-weight:500;line-height:28px;}
.introduction_foundation .txt_wrap .txt{padding-bottom:15px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.introduction_foundation .txt_wrap .txt:last-child{padding-bottom:0;}

.contributing_info_wrap{overflow:hidden;padding:50px 0;background:#f8f8f8;}
.contributing_info_wrap .tab_img_wrap{padding-top:40px;}
.contributing_info_wrap .tab_img_wrap .tit_item{padding-bottom:20px;font-size:20px;font-weight:500;line-height:28px;text-align:center;word-break:keep-all;}
.contributing_info_wrap .tab_img_wrap .tit_item .br{display:inline-block;width:100%;}
.tab_menu_wrap{overflow:hidden}
.tab_menu_wrap .swiper-wrapper{padding:4px 0;}
.tab_menu_wrap .swiper-wrapper.center{justify-content:center;}
.tab_menu_wrap .swiper-slide{flex:none;width:auto;}
.tab_menu_wrap .swiper-slide:last-child{margin-right:0 !important;}
.tab_menu_wrap .swiper-slide a{display:block;position:relative;height:100px;padding:58.5px 20px 18.5px;border:1px solid #E6E6E6;border-radius:25px;background:#fff;font-size:15px;font-weight:300;line-height:23px;transition:font-size 0.2s ease-in-out;} 
.tab_menu_wrap .swiper-slide a::before{content:'';display:block;position:absolute;top:18.5px;left:50%;width:40px;height:40px;transform:translateX(-50%);}
.tab_menu_wrap .menu_item1 button::before{background:url(../images/esg/ico_menu_item1.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap .menu_item2 button::before{background:url(../images/esg/ico_menu_item2.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap .menu_item3 button::before{background:url(../images/esg/ico_menu_item3.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap .menu_item4 button::before{background:url(../images/esg/ico_menu_item4.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap .menu_item5 button::before{background:url(../images/esg/ico_menu_item5.svg)no-repeat 50% 50%/100%;}

.tab_menu_wrap .swiper-slide.active a{background:#FFED00;font-weight:500;}
.tab_menu_wrap .swiper-slide.active .num{letter-spacing:1.6px;color:#fff;-webkit-text-stroke:1px #000;}

.tab_img_wrap .swiper-container{overflow:hidden;margin-right:-20px;border-radius:30px 0 0 30px;}
.tab_img_wrap .controls{display:none;}
.tab_img_wrap .swiper-container .img_box{padding-top:calc(225 / 300 * 100%);}
.tab_img_wrap .img_box{overflow:hidden;position:relative;padding-top:calc(225 / 335 * 100%);text-align:center;}
.tab_img_wrap .img_box.type_pc{display:none;}
.tab_img_wrap .img_box img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;border-radius:30px;object-fit:cover}

.social_info_wrap{padding-top:30px;}
.contributing_info_wrap .social_info_wrap .inner{max-width:1180px;}
.social_info_wrap p{padding-top:15px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.social_info_wrap p:first-child{padding-top:0;}
.social_info_wrap dl{padding-top:15px;}
.social_info_wrap dl:first-child{padding-top:0;}
.social_info_wrap dt{font-size:18px;font-weight:500;line-height:26px;word-break:keep-all;}
.social_info_wrap dd{padding-top:5px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}

.social_info_wrap .desc dd{position:relative;padding-left:10px;font-size:15px;font-weight:300;line-height:30px;}
.social_info_wrap .desc dd::before{content:'';display:block;position:absolute;left:0;top:20px;width:3px;height:3px;border-radius:50%;background:#000;}

/* esg경영_자원봉사_굿윌스토어  */
.social_contribution_visual .visual_bg.bg4{background:url(../images/esg/volunteer_work_visual_mo.jpg)no-repeat 50% 50%/cover;}

.introduction_foundation .foundation_area.volunteer .logo{max-width:208px;}

.tab_menu_wrap.volunteer .menu_item1 button::before{background:url(../images/esg/ico_menu_item6.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.volunteer .menu_item2 button::before{background:url(../images/esg/ico_menu_item7.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.volunteer .menu_item3 button::before{background:url(../images/esg/ico_menu_item8.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.volunteer .menu_item4 button::before{background:url(../images/esg/ico_menu_item9.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.volunteer .menu_item5 button::before{background:url(../images/esg/ico_menu_item10.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.volunteer .menu_item6 button::before{background:url(../images/esg/ico_menu_item11.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.volunteer .menu_item7 button::before{background:url(../images/esg/ico_menu_item12.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.volunteer .menu_item8 button::before{background:url(../images/esg/ico_menu_item13.svg)no-repeat 50% 50%/100%;}

/* esg경영_기타사회공헌_요리인류 */
.social_contribution_visual .visual_bg.bg5{background:url(../images/esg/other_contributions_visual_mo.jpg)no-repeat 50% 50%/cover;}

.tab_menu_wrap.etc .menu_item1 button::before{background:url(../images/esg/ico_menu_item14.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.etc .menu_item2 button::before{background:url(../images/esg/ico_menu_item15.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.etc .menu_item3 button::before{background:url(../images/esg/ico_menu_item16.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.etc .menu_item4 button::before{background:url(../images/esg/ico_menu_item17.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.etc .menu_item5 button::before{background:url(../images/esg/ico_menu_item18.svg)no-repeat 50% 50%/100%;}
.tab_menu_wrap.etc .menu_item6 button::before{background:url(../images/esg/ico_menu_item19.svg)no-repeat 50% 50%/100%;}

/* esg경영_동반성장_동반성장 소개 */
.co_growth_visual{position:relative;height:400px;}
.co_growth_visual .visual_bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.co_growth_visual .visual_bg.bg1{background:url(../images/esg/co_growth_visual1_mo.jpg)no-repeat 50% 100%/cover;}
.co_growth_visual .visual_con_wrap{height:100%}
.co_growth_visual .visual_con_wrap .inner{position:relative;height:100%;}
.co_growth_visual .visual_con_wrap .top_wrap .tab_sticky{margin:0 -20px;}

.co_growth_introduction{padding:100px 0 60px;}
.co_growth_introduction .tit_wrap{text-align:center;}
.co_growth_introduction .tit_wrap .tit_depth2{padding:0 16px;word-break:keep-all;}
.co_growth_introduction .tit_wrap .txt{padding-top:15px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.co_growth_introduction .img_wrap{padding-top:60px;text-align:center;}
.co_growth_introduction .img_wrap .img_box{max-width:335px;margin:0 auto;}
.co_growth_introduction .img_wrap .img_box img{width:100%;}
.co_growth_introduction .img_wrap .img_box .img_pc{display:none;}
.co_growth_introduction .img_wrap .caption{padding-top:3px;font-size:13px;font-weight:300;line-height:21px;}
.co_growth_introduction .img_wrap .desc{padding-top:20px;font-size:18px;font-weight:300;line-height:30px;word-break:keep-all;}
.co_growth_introduction .img_wrap .desc em{color:#123E8C;}

.co_growth_practice{padding:50px 0;background:#FFFDEB;}
.co_growth_practice .tit_wrap{padding:0 27px;text-align:center;}
.co_growth_practice .tit_wrap .tit{font-size:26px;line-height:38px;word-break:keep-all;}
.co_growth_practice .tit_wrap .txt{padding-top:15px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.co_growth_practice .download_list{padding-top:50px;}
.co_growth_practice .download_list li{position:relative;min-height:140px;margin-top:20px;padding:46px 20px 71px 20px;border-radius:30px;background:#123E8C;}
.co_growth_practice .download_list li:first-child{margin-top:0;}
.co_growth_practice .download_list .num{position:absolute;top:0;left:20px;font-size:32px;color:transparent;line-height:46px;letter-spacing:-0.64px;-webkit-text-stroke:1px #fff;}
.co_growth_practice .download_list .txt{font-size:15px;color:#fff;line-height:23px;word-break:keep-all;}
.co_growth_practice .download_list a{position:absolute;right:10px;bottom:10px;}

.co_growth_practice .download_list li.type2{background:#FFED00;}
.co_growth_practice .download_list li.type2 .num{-webkit-text-stroke:1px #000;}
.co_growth_practice .download_list li.type2 .txt{color:#000;}

.co_growth_operation{padding-top:100px;}
.co_growth_operation .item_tit{font-size:26px;line-height:38px;text-align:center;word-break:keep-all;}
.co_growth_operation .item_wrap{padding-top:30px;}
.co_growth_operation .item_wrap li{margin-top:80px;}
.co_growth_operation .item_wrap li:first-child{margin-top:0;}
.co_growth_operation .item_wrap .img_box{overflow:hidden;position:relative;}
.co_growth_operation .item_wrap .img_box img{position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.co_growth_operation .item_wrap .txt_box{margin-top:30px;}
.co_growth_operation .item_wrap .txt_box .txt{font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.co_growth_operation .item_wrap .txt_box .txt .br_mo{display:inline-block;width:100%;}
.co_growth_operation .item_wrap .item1 .img_box{margin-right:5px;padding-top:calc(340 / 330 * 100%);border-radius:100px;}
.co_growth_operation .item_wrap .item1 .txt_box{padding-right:52px;}
.co_growth_operation .item_wrap .item2{display:flex;flex-direction:column-reverse;}
.co_growth_operation .item_wrap .item2 .img_box{padding-top:calc(300 / 335 * 100%);border-radius:150px;}
.co_growth_operation .item_wrap .item2 .txt_box{padding-left:35px;}
.co_growth_operation .item_wrap .item2 .txt_box .txt{text-align:right;}
.co_growth_operation .item_wrap .item2 .txt_box .txt .br{display:inline-block;width:100%;}
.co_growth_operation .link_wrap{padding-top:60px;text-align:center;}

/* esg경영_동반성장_동반성장 지원 */
.co_growth_visual .visual_bg.bg2{background:url(../images/esg/co_growth_visual2_mo.jpg)no-repeat 50% 0%/cover;}

.co_growth_support{overflow:hidden;padding-bottom:30px;}
.co_growth_support .indicator_box{padding:40px 0 50px;}
.co_growth_support .item_wrap li{display:flex;flex-direction:column;padding-top:100px;}
.co_growth_support .item_wrap li:first-child{padding-top:0;}
.co_growth_support .item_wrap .txt_box{margin-top:30px;}
.co_growth_support .item_wrap .txt_box .tit{font-size:22px;line-height:32px;word-break:keep-all;}
.co_growth_support .item_wrap .txt_box .txt{padding-top:15px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.co_growth_support .item_wrap .img_box{overflow:hidden;position:relative;}
.co_growth_support .item_wrap .img_box img{position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}

.co_growth_support .financial_support .item_wrap .item1 .img_box{padding-top:calc(250 / 335 * 100%);border-radius:30px;}
.co_growth_support .financial_support .item_wrap .item1 .txt_box{padding-right:21px;}
.co_growth_support .financial_support .item_wrap .item2{flex-direction:column-reverse;}
.co_growth_support .financial_support .item_wrap .item2 .img_wrap{padding-left:55px;}
.co_growth_support .financial_support .item_wrap .item2 .img_box{padding-top:calc(300 / 280 * 100%);border-radius:50px;}
.co_growth_support .financial_support .item_wrap .item2 .txt_box{padding-left:87px;text-align:right;}
.co_growth_support .financial_support .item_wrap .item3 .img_wrap{padding-right:15px;}
.co_growth_support .financial_support .item_wrap .item3 .img_box{padding-top:calc(280 / 320 * 100%);border-radius:120px;}
.co_growth_support .financial_support .item_wrap .item3 .txt_box{padding-right:25px;}

.co_growth_support .technical_support .item_wrap .item1{flex-direction:column-reverse;position:relative;}
.co_growth_support .technical_support .item_wrap .item1 .img_wrap{padding-left:35px;}
.co_growth_support .technical_support .item_wrap .item1 .img_box{padding-top:calc(360 / 300 * 100%);border-radius:200px;}
.co_growth_support .technical_support .item_wrap .item1 .txt_box{padding-left:85px;text-align:right;}
.co_growth_support .technical_support .item_wrap .bg_circle_yellow{position:absolute;top:-547px;right:-800px;z-index:-1;width:1400px;height:1400px;border-radius:50%;background:#FFED00;}

.co_growth_support .technical_support .item_wrap .item2 .img_wrap{padding-right:55px;}
.co_growth_support .technical_support .item_wrap .item2 .img_box{padding-top:calc(260 / 280 * 100%);border-radius:50px;}
.co_growth_support .technical_support .item_wrap .item2 .txt_box{padding-right:3px;}
.co_growth_support .technical_support .item_wrap .item3{flex-direction:column-reverse;}
.co_growth_support .technical_support .item_wrap .item3 .img_wrap{padding-left:75px;}
.co_growth_support .technical_support .item_wrap .item3 .img_box{padding-top:calc(300 / 260 * 100%);border-radius:30px;}
.co_growth_support .technical_support .item_wrap .item3 .txt_box{padding-left:104px;text-align:right;}
.co_growth_support .technical_support .item_wrap .item4 .img_wrap{padding-right:55px;}
.co_growth_support .technical_support .item_wrap .item4 .img_box{padding-top:calc(260 / 280 * 100%);border-radius:50px;}
.co_growth_support .technical_support .item_wrap .item4 .txt_box{padding-right:35px;}

.co_growth_support .management_support{position:relative;}
.co_growth_support .management_support .item_wrap .item1{flex-direction:column-reverse;}
.co_growth_support .management_support .item_wrap .item1 .img_wrap{padding-left:35px;}
.co_growth_support .management_support .item_wrap .item1 .img_box{padding-top:calc(260 / 300 * 100%);border-radius:150px;}
.co_growth_support .management_support .item_wrap .item1 .txt_box{padding-left:49px;text-align:right;}
.co_growth_support .management_support .item_wrap .item2 .img_wrap{padding-right:35px;}
.co_growth_support .management_support .item_wrap .item2 .img_box{padding-top:calc(280 / 300 * 100%);border-radius:100px;}
.co_growth_support .management_support .item_wrap .item2 .txt_box{padding-right:65px;}
.co_growth_support .management_support .item_wrap .item2 .link_area{padding-top:16px;}
.co_growth_support .management_support .item_wrap .item2 .link_area .logo{display:block;margin-bottom:15px;}
.co_growth_support .management_support .item_wrap .item2 .link_area .logo img{max-width:110px;width:100%;}
.co_growth_support .management_support .item_wrap .item2 .link_area .link_txt{font-size:15px;font-weight:300;line-height:26px;text-decoration:underline;}
.co_growth_support .management_support .bg_square_yellow{position:absolute;bottom:-30px;left:0;width:100%;z-index:-1;height:95.7%;background:#FFED00;}

/* esg경영_동반성장_소통채널 */
.co_growth_visual .visual_bg.bg3{background:url(../images/esg/co_growth_visual3_mo.jpg)no-repeat 50% 50%/cover;}

.communication_channel{padding-top:100px;}
.communication_channel .tit_wrap{padding:0 42px;text-align:center;}
.communication_channel .tit_wrap .tit_depth2{word-break:keep-all;}
.communication_channel .item_wrap{padding-top:50px;}
.communication_channel .item_wrap > li{display:flex;flex-direction:column;padding-bottom:110px;}
.communication_channel .item_wrap > li:last-child{padding-bottom:0;}
.communication_channel .item_wrap .img_box{overflow:hidden;position:relative;}
.communication_channel .item_wrap .img_box img{position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.communication_channel .item_wrap .txt_box{padding-top:30px;}
.communication_channel .item_wrap .txt_box .tit{font-size:22px;line-height:32px;word-break:keep-all;}
.communication_channel .item_wrap .txt_box .txt{padding-top:15px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}

.communication_channel .item_wrap .item1 .img_wrap{padding-right:15px;}
.communication_channel .item_wrap .item1 .img_box{padding-top:calc(260 / 320 * 100%);border-radius:80px;}
.communication_channel .item_wrap .item1 .txt_box{padding-right:15px;}
.communication_channel .item_wrap .item1 .txt_box .btn_wrap{justify-content:flex-start;padding-top:30px;}

.communication_channel .item_wrap .item2{flex-direction:column-reverse;}
.communication_channel .item_wrap .item2 .img_wrap{padding-left:5px;}
.communication_channel .item_wrap .item2 .img_box{padding-top:calc(280 / 330 * 100%);border-radius:80px;}
.communication_channel .item_wrap .item2 .txt_box{padding-left:30px;text-align:right;}
.communication_channel .item_wrap .item2 .txt_box .info_list{margin:30px 0 0 -30px;padding:24px;border-radius:16px;background:#F8F8F8;}
.communication_channel .item_wrap .item2 .txt_box .info_list li{margin-top:10px;}
.communication_channel .item_wrap .item2 .txt_box .info_list li:first-child{margin-top:0;}
.communication_channel .item_wrap .item2 .txt_box .info_list li p{position:relative;padding-left:30px;font-size:14px;font-weight:300;line-height:26px;text-align:left;word-break:keep-all;}
.communication_channel .item_wrap .item2 .txt_box .info_list li strong{display:inline-block;padding-right:4px;font-weight:500;}
.communication_channel .item_wrap .item2 .txt_box .info_list li p::before{content:'';position:absolute;top:0;left:0;width:26px;height:26px;}

.communication_channel .item_wrap .item2 .txt_box .info_list .location p{padding-left:32px;}
.communication_channel .item_wrap .item2 .txt_box .info_list .location p::before{background:url(../images/esg/ico_location.png)no-repeat 50% 50%/100%;}
.communication_channel .item_wrap .item2 .txt_box .info_list .tel p::before{background:url(../images/esg/ico_call.png)no-repeat 50% 50%/100%;}
.communication_channel .item_wrap .item2 .txt_box .info_list .mail p::before{background:url(../images/esg/ico_mail.png)no-repeat 50% 50%/100%;}

/* esg경영_지배구조 */
.esg_governance .tit_wrap {padding-top:80px}
.esg_governance .tit_wrap .tit {font-size:26px;line-height:38px;}
.esg_governance .tit_wrap .tit .br {display:block}
.esg_governance .tit_wrap .desc {padding-top:20px;font-size:15px;font-weight:300;line-height:23px;}
.esg_governance .content_wrap .content {padding-top:60px}
.esg_governance .content_wrap .content .tit {font-size:22px;line-height:32px;}
.esg_governance .content_wrap .content .tit_depth {padding-top:40px;font-size:18px;line-height:26px;}
.esg_governance .content_wrap .content .pc_wrap {display:none}
.esg_governance .content_wrap .content .mobile_wrap>ul>li {margin-top:20px}
.esg_governance .content_wrap .content .mobile_wrap ul li .btn_dropdown {position:relative;width:100%;padding:28px 70px 28px 20px;border:1px solid #666;border-radius:15px;text-align:left;}
.esg_governance .content_wrap .content .mobile_wrap ul li .btn_dropdown::after {content:'';display:block;clear:both}
.esg_governance .content_wrap .content .mobile_wrap ul li .btn_dropdown::before {content:'';position:absolute;top:50%;right:20px;width:20px;height:20px;margin-top:-10px;background:url(../images/common/btn_detail_view.svg) no-repeat 0 0 / 100% 100%}
.esg_governance .content_wrap .content .mobile_wrap ul li .btn_dropdown span {font-size:15px;line-height:23px;}
.esg_governance .content_wrap .content .mobile_wrap ul li .btn_dropdown .position {float:right}
.esg_governance .content_wrap .content .mobile_wrap ul li .btn_dropdown.active {border-bottom:0;border-radius:15px 15px 0 0;}
.esg_governance .content_wrap .content .mobile_wrap ul li .btn_dropdown.active::before {background:url(../images/common/btn_detail_view_up.svg) no-repeat 0 0 / 100% 100%}
.esg_governance .content_wrap .content .mobile_wrap ul li .btn_dropdown.active + .dropdown_cont {display:block}
.esg_governance .content_wrap .content .mobile_wrap ul li .dropdown_cont {display:none;padding:20px;border:1px solid #666;border-top:0;border-radius:0 0 15px 15px;background:#F8F8F8;}
.esg_governance .content_wrap .content .mobile_wrap ul li .dropdown_cont dl {margin-top:20px}
.esg_governance .content_wrap .content .mobile_wrap ul li .dropdown_cont dl:first-child {margin-top:0}
.esg_governance .content_wrap .content .mobile_wrap ul li .dropdown_cont dl dt {font-size:15px;line-height:23px}
.esg_governance .content_wrap .content .mobile_wrap ul li .dropdown_cont dl dd {margin-top:5px;font-size:15px;font-weight:300;line-height:23px}
.esg_governance .content_wrap .content .mobile_wrap ul li .dropdown_cont dl.row {display:flex}
.esg_governance .content_wrap .content .mobile_wrap ul li .dropdown_cont dl.row dt {flex:1}
.esg_governance .content_wrap .content .mobile_wrap ul li .dropdown_cont dl.row dd {flex:1;padding-left:40px;margin-top:0}
.esg_governance .content_wrap .content .mobile_wrap ul li .dropdown_cont dl dd .list_dot {margin-top:5px}
.esg_governance .content_wrap .content .mobile_wrap ul li .dropdown_cont dl dd .list_dot li {position:relative;padding-left:25px;font-size:15px;font-weight:300;line-height:23px;}
.esg_governance .content_wrap .content .mobile_wrap ul li .dropdown_cont dl dd .list_dot li::before {content:'';position:absolute;top:10px;left:12px;width:3px;height:3px;border-radius:50%;background:#000}
.esg_governance .content_wrap .content .tbl_cont tbody td.tgl_cont {padding:15px 10px}
.esg_governance .content_wrap .content .tbl_cont colgroup .w01 {width:15.82%}

.esg_governance .content_wrap .content .item_wrap .item {margin-top:40px}
.esg_governance .content_wrap .content .item_wrap .item:first-child {margin-top:20px }
.esg_governance .content_wrap .content .item_wrap .item i {display:block;height:150px;border-radius:40px;}
.esg_governance .content_wrap .content .item_wrap .item .ico1 {background:#FFED00 url(../images/esg/ico_directors1.svg) no-repeat 50% 50% / 110px 110px}
.esg_governance .content_wrap .content .item_wrap .item .ico2 {background:#FFED00 url(../images/esg/ico_directors2.svg) no-repeat 50% 50% / 110px 110px}
.esg_governance .content_wrap .content .item_wrap .item .ico3 {background:#FFED00 url(../images/esg/ico_directors3.svg) no-repeat 50% 50% / 110px 110px}
.esg_governance .content_wrap .content .item_wrap .item .txt_box {padding-top:20px}
.esg_governance .content_wrap .content .item_wrap .item .txt_box .tit {font-size:18px;line-height:26px;}
.esg_governance .content_wrap .content .item_wrap .item .txt_box .desc {padding-top:10px;font-size:15px;font-weight:300;line-height:23px;}

.esg_governance .content_wrap .content .panel_box .panel {margin-top:20px;padding:20px;background:#FFFDEB;border-radius:16px;}
.esg_governance .content_wrap .content .panel_box .panel .tit_depth {display:block;padding-top:0;text-align:center;}
.esg_governance .content_wrap .content .panel_box .panel .cont {padding-top:20px}
.esg_governance .content_wrap .content .panel_box .panel .cont dl {margin-top:5px}
.esg_governance .content_wrap .content .panel_box .panel .cont dl:first-child {margin-top:0}
.esg_governance .content_wrap .content .panel_box .panel .cont dl:last-child {margin-top:20px}
.esg_governance .content_wrap .content .panel_box .panel .cont dl dt {font-size:15px;line-height:23px;}
.esg_governance .content_wrap .content .panel_box .panel .cont dl dd {font-size:15px;font-weight:300;line-height:23px;}

.tbl_cont tbody td .btn_tgl {display:block;width:26px;height:26px;background:url(../images/common/btn_detail_view.svg) no-repeat 50% 50% / 20px 20px}
.tbl_cont tbody td .btn_tgl.active {background:url(../images/common/btn_detail_view_up.svg) no-repeat 50% 50% / 20px 20px}
.tbl_cont tbody td.tgl_cont {display:none;padding:15px 10px;background:#F8F8F8;text-align:left;}
.tbl_cont tbody td.tgl_cont .th {display:block;font-size:12px;font-weight:500;line-height:20px}
.tbl_cont tbody td.tgl_cont .td {margin-top:10px;font-size:12px;font-weight:300;line-height:20px}

.esg_governance .content_wrap .content.pd_top {padding-top:20px}
.esg_governance .content_wrap .content .list_wrap {margin-top:20px;border-top:1px solid #000;border-bottom:1px solid #000}
.esg_governance .content_wrap .content .list_wrap li {display:flex;align-items:center;border-top:1px solid #E6E6E6}
.esg_governance .content_wrap .content .list_wrap li:first-child {border-top:0}
.esg_governance .content_wrap .content .list_wrap li .tit {width:59.7%;padding:15px 20px;font-size:15px;line-height:23px;word-break:keep-all;}
.esg_governance .content_wrap .content .list_wrap li .tit .br {display:block}
.esg_governance .content_wrap .content .list_wrap li .cont {width:28.35%;padding:15px 20px}
.esg_governance .content_wrap .content .list_wrap li .cont .txt {font-size:15px;font-weight:300;line-height:23px;}

/* esg경영_보고서 및 정책_지속가능경영 보고서 */
.newest_wrap { margin-top:80px;background:#FFED00;text-align:center;}
.newest_wrap .newest_con {padding:50px 68px;}
.newest_wrap .img_box {display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:calc(260 / 200 * 100%);border:1px solid #E6E6E6; border-radius:10px;}
.newest_wrap .img_box img {display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.newest_wrap .con_box {margin:0 -68px; padding-top:15px;}
.newest_wrap .con_box .date {font-size:13px;font-weight:300;line-height:21px;}
.newest_wrap .con_box .tit {font-size:24px;font-weight:500;line-height:34px;}
.newest_wrap .con_box .desc {padding-top:10px; font-size:15px;font-weight:300;line-height:23px;letter-spacing:-0.5px;}
.newest_wrap .con_box .desc .br_pc {display:block;}
.newest_wrap .con_box .btn_wrap {margin-top:30px;}
.report_wrap .board_list {margin-top:80px;}
.report_wrap .board_list li {display:block;}
.report_wrap .board_list .download_wrap {display:block;position: relative;height: 24px;margin-top:10px;}
.report_wrap .board_list .download_wrap .kor {position: absolute;right: 78px;}
.report_wrap .board_list .download_wrap .eng {position: absolute;right: 0px;}
.report_wrap .board_list .download_wrap a {position:relative;padding:10px 20px 10px 0;}
.report_wrap .board_list .download_wrap a::after{content:'';position:absolute;top:50%;right:0; width:20px;height:20px;margin-top:-10px; background:url(../images/common/ico_download.svg) no-repeat 50% 50% / 20px 20px;}
.report_wrap .board_list .download_wrap span {font-size:16px;font-weight:500;line-height:24px;}
.report_wrap .btn_type2_l.ico_more {display:block}

/* esg경영_보고서 및 정책_기업지배구조 보고서 */
.report_wrap.governance .board_list li {display:flex;flex-direction:row;}
.report_wrap.governance .board_list .download_wrap {display:block;padding-top:0;width:auto}
.report_wrap.governance .board_list .download_wrap a {position:relative;margin-left:20px;padding:10px 0 10px 30px;}
.report_wrap.governance .board_list .download_wrap a::after{content:'';position:absolute;top:50%;right:0; width:20px;height:20px;margin-top:-10px; background:url(../images/common/ico_download.svg) no-repeat 50% 50% / 20px 20px;}
.report_wrap.governance .board_list .download_wrap span {display:none;}

/* esg경영_보고서 및 정책_규정 및 정잭 */
.policy_wrap {padding-top:60px;}
.policy_wrap .img_box {display:flex;-webkit-box-align:center;align-items:center;position:relative;width:100%;border-radius:20px;padding-top:calc(195 / 300 * 100%);}
.policy_wrap .img_box img {display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;border-radius:10px;object-fit:cover;}
.policy_wrap .img_box .lt_wrap {position:absolute;bottom:0;right:-30px;width:100px;height:100px;}
.policy_wrap .policy_con {display:flex;flex-direction:column;position:relative; padding:80px 20px 0;}
.policy_wrap .policy_con:first-child {padding-top:0;}
.policy_wrap .policy_con .list_tit {padding-top:30px; font-size:24px;font-weight:500;line-height:34px;}
.policy_wrap .policy_con .board_con {margin:20px 0 0;}
.policy_wrap .policy_con .board_con p {font-size:32px;font-weight:500;line-height:46px;letter-spacing:-0.64px;}
.policy_wrap .policy_con .board_list li {display:flex;flex-direction:row;}
.policy_wrap .policy_con .board_list li .tit {white-space:inherit;}
.policy_wrap .board_list .download_wrap {display:flex;justify-content:flex-end;}
.policy_wrap .board_list .download_wrap a {position:relative;padding:10px 0 10px 30px;}
.policy_wrap .board_list .download_wrap a::after{content:'';position:absolute;top:50%;right:0; width:20px;height:20px;margin-top:-10px; background:url(../images/common/ico_download.svg) no-repeat 50% 50% / 20px 20px;}
.policy_wrap .board_list .download_wrap span {display:none;}

/* esg경영_esg data */
.esg_data .visual_top {padding-top:60px;}
.esg_data .visual_top .img_box {overflow:hidden;border-radius:100px;}
.esg_data .visual_top .img_box img {width:100%}
.esg_data .visual_top .txt_box {padding-top:30px;}
.esg_data .visual_top .txt_box p {font-size:15px;font-weight:300;line-height:23px;}
.esg_data .tab_scroll {padding-top:80px}

.esg_data .data_wrap .tab_content {display:none}
.esg_data .data_wrap .tab_content.current {display:block}
.esg_data .data_wrap .content {padding-top:80px}
.esg_data .data_wrap .content:first-child {padding-top:40px}
.esg_data .data_wrap .content .tit_wrap .tit {font-size:18px;line-height:26px;}
.esg_data .data_wrap .content .tit_wrap .unit {display:block;padding-top:20px;font-size:12px;font-weight:300;color:#666;line-height:20px;text-align:right;}
.esg_data .data_wrap .content .tbl_wrap {padding-top:40px}
.esg_data .data_wrap .content .tbl_wrap.fst {padding-top:20px}

.esg_data .data_wrap .tbl_cont {margin-top:10px}
.esg_data .data_wrap .tbl_cont thead th:not(:first-child) {padding:15px 10px 15px 0;text-align:right;}
.esg_data .data_wrap .tbl_cont tbody td {padding:15px 0}
.esg_data .data_wrap .tbl_cont tbody td:not(.border_r) {padding:15px 10px 15px 0;text-align:right;}
.esg_data .data_wrap .tbl_cont tfoot td:not(.border_r) {padding:15px 10px 15px 0;text-align:right;}

.esg_data .data_wrap .tbl_cont colgroup .w01 {width:23.88%}
.esg_data .data_wrap .tbl_cont colgroup .w02 {width:19.81%}

.esg_data .data_wrap .list_dot {padding-top:20px}
.esg_data .data_wrap .list_dot ul li {position:relative;padding-left:25px;font-size:14px;font-weight:300;color:#666;line-height:22px;}
.esg_data .data_wrap .list_dot ul li::before {content:'';position:absolute;top:10px;left:12px;width:3px;height:3px;border-radius:50%;background:#666}
.esg_data .data_wrap .association_list {display:flex;flex-wrap:wrap;gap:20px 10px;padding-top:20px}
.esg_data .data_wrap .association_list li {display:flex;align-items:center;justify-content:center;flex-direction:column;width :calc(33.33% - 6.66px);height:120px;padding:24px 14px;border-radius:40px;background:#FFFBCC;font-size:16px;line-height:24px;text-align:center;}
.esg_data .data_wrap .association_list li.col {background:#FFFDEB}
.esg_data .data_wrap .btn_wrap {padding-top:60px}

/* 제품이야기_브랜드 스토리 */
.sub_brand_story .sub_story{overflow:hidden;padding-top:40px;}
.sub_brand_story .sub_story .visual .inner{position:relative;}
.sub_brand_story .sub_story .visual .lottie_wrap{position:absolute;top:120px;left:0;right:0;z-index:-1;padding-left:20px;transition:all 0.2s ease-out;}
.sub_brand_story .sub_story .visual .lottie_wrap .type_pc{display:none;}
.sub_brand_story .sub_story .visual .lottie_wrap .box{width:352px;height:733px;}
.sub_brand_story .sub_story .visual .tit_wrap{padding:0 25px;text-align:center;}
.sub_brand_story .sub_story .visual .tit_wrap .tit{font-size:26px;line-height:38px;word-break:keep-all;}
.sub_brand_story .sub_story .visual .tit_wrap .desc{padding-top:5px;font-size:14px;font-weight:300;line-height:22px;transition:all 0.2s ease-out;word-break:keep-all;}
.sub_brand_story .sub_story .visual .tit_wrap .desc .br{display:inline-block;width:100%;}
.sub_brand_story .sub_story .visual .img_box{position:relative;height:460px;margin:155px -20px 0;transition:all 0.2s ease-out;}
.sub_brand_story .sub_story .visual .img_box .img_inner{overflow:hidden;position:absolute;top:50%;left:50%;width:0;height:200px;border-radius:30px;transform:translateX(-50%) translateY(-50%) translateZ(0);transition:all 0.4s ease-out;}
.sub_brand_story .sub_story .visual .img_box img{position:absolute;top:50%;left:50%;width:100%;min-width:375px;min-height:460px;transform:translateX(-50%) translateY(-50%) translateZ(0);}
.sub_brand_story .sub_story .visual .img_box .type_pc{display:none;}

.sub_brand_story .sub_story.active .visual .img_box .img_inner{width:calc(100% - 40px);}
.sub_brand_story .sub_story .visual .img_box .img_inner.active{width:100%;height:100%;border-radius:0;}

.sub_brand_story .sub_story .story_wrap{padding:218px 0 150px;}
.sub_brand_story .sub_story .story_wrap .tit_wrap .tit_depth2{word-break:keep-all;}
.sub_brand_story .sub_story .story_wrap .tit_wrap .desc{padding-top:10px;font-size:18px;font-weight:300;line-height:26px;word-break:keep-all;}
.sub_brand_story .sub_story .story_wrap .list{padding-top:50px;}
.sub_brand_story .sub_story .story_wrap .list .item_box{padding-top:150px;}
.sub_brand_story .sub_story .story_wrap .list .item_box:first-child{padding-top:0;}
.sub_brand_story .sub_story .story_wrap .list .item_box .cont_wrap .cont_area{overflow:hidden;position:relative;border-radius:15px;}
.sub_brand_story .sub_story .story_wrap .list .item_box .cont_wrap .cont_area video{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover}
.sub_brand_story .sub_story .story_wrap .list .item_box .cont_wrap .cont_area img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover}
.sub_brand_story .sub_story .story_wrap .list .item_box .cont_wrap .cont_area .lottie{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover}
.sub_brand_story .sub_story .story_wrap .list .item_box.item1{margin-right:15px;}
.sub_brand_story .sub_story .story_wrap .list .item_box.item1 .cont_area{padding-top:calc(280 / 320 * 100%);}
.sub_brand_story .sub_story .story_wrap .list .item_box.item2{margin-left:85px;}
.sub_brand_story .sub_story .story_wrap .list .item_box.item2 .cont_area{padding-top:calc(285 / 250 * 100%);}
.sub_brand_story .sub_story .story_wrap .list .item_box.item3{margin-right:35px;}
.sub_brand_story .sub_story .story_wrap .list .item_box.item3 .cont_area{padding-top:calc(289 / 300 * 100%);}
.sub_brand_story .sub_story .story_wrap .list .item_box.item3 .txt_wrap{margin-right:118px;}
.sub_brand_story .sub_story .story_wrap .list .item_box.item4{position:relative;margin-left:35px;}
.sub_brand_story .sub_story .story_wrap .list .item_box.item4 .lottie_wrap{position:absolute;top:-95px;right:-20px;left:0;z-index:-1;transition:all 0.2s ease-out;}
.sub_brand_story .sub_story .story_wrap .list .item_box.item4 .lottie_wrap .box{width:177px;height:261px;margin-left:auto;}
.sub_brand_story .sub_story .story_wrap .list .item_box.item4 .cont_area{padding-top:calc(240 / 300 * 100%);}
.sub_brand_story .sub_story .story_wrap .list .item_box.item5{margin-right:83px;}
.sub_brand_story .sub_story .story_wrap .list .item_box.item5 .cont_area{padding-top:calc(300 / 250 * 100%);}
.sub_brand_story .sub_story .story_wrap .list .item_box.item5 .txt_wrap{margin-right:-26px;}

.sub_brand_story .sub_story .story_wrap .list .item_box.reverse{display:flex;flex-direction:column-reverse;}
.sub_brand_story .sub_story .story_wrap .list .item_box.reverse .txt_wrap{text-align:right;}
.sub_brand_story .sub_story .story_wrap .list .item_box.reverse .hashtag_list{justify-content:flex-end;}

.sub_brand_story .sub_story .story_wrap .list .txt_wrap{padding-top:30px;}
.sub_brand_story .sub_story .story_wrap .list .tit{font-size:26px;line-height:38px;word-break:keep-all;}
.sub_brand_story .sub_story .story_wrap .list .tit .br{display:inline-block;width:100%;}
.sub_brand_story .sub_story .story_wrap .list .desc{padding-top:30px;font-size:16px;font-weight:300;line-height:28px;word-break:keep-all;}
.sub_brand_story .sub_story .story_wrap .list .hashtag_list {padding-top:30px}

.sub_brand_story .brand_story_banner .info_txt{padding-bottom:100px;font-size:32px;font-weight:500;line-height:44px;letter-spacing:-0.64px;text-align:center;transition:all 0.2s ease-out;word-break:keep-all;}
.sub_brand_story .brand_story_banner .info_txt .coming_soon{display:inline-block;padding-top:13px;font-size:27px;font-weight:600;color:#fff;line-height:36px;letter-spacing:5.4px;-webkit-text-stroke:1px #000;transition:all 0.2s ease-out;}
.sub_brand_story .brand_story_banner .info_txt .coming_soon .br{display:inline-block;width:100%;}
.sub_brand_story .brand_story_banner .info_txt .coming_soon i{height:15px;}
.sub_brand_story .brand_story_banner .info_txt .coming_soon i:hover{animation:paused;-webkit-animation:paused;}
.sub_brand_story .brand_story_banner .banner_list li{margin-top:10px;}
.sub_brand_story .brand_story_banner .banner_list li:first-child{margin-top:0;}
.sub_brand_story .brand_story_banner .banner_list li a{display:block;position:relative;}
.sub_brand_story .brand_story_banner .banner_list .img_box{overflow:hidden;position:relative;padding-top:80.6%;border-radius:15px;}
.sub_brand_story .brand_story_banner .banner_list .img_box::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.3);}
.sub_brand_story .brand_story_banner .banner_list .img_box img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover}

.sub_brand_story .brand_story_banner .banner_list .txt_box{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;right:0;left:0;bottom:0;padding:30px;text-align:center;word-break:break-all;}
.sub_brand_story .brand_story_banner .banner_list .txt_box .brand{font-size:28px;font-weight:500;color:#fff;line-height:38px;transition:all 0.2s ease-out;}
.sub_brand_story .brand_story_banner .banner_list .txt_box span{display:inline-block;padding-top:20px;font-size:16px;font-weight:500;color:#fff;line-height:24px;text-decoration:underline;transition:all 0.2s ease-out;}

.sub_brand_story .brand_story_banner .banner_list .next{overflow:hidden;position:relative;padding-top:80.6%;border-radius:15px 15px 160px 160px;background:#FFED00;}
.sub_brand_story .brand_story_banner .banner_list .next .txt_box{padding:30px;}
.sub_brand_story .brand_story_banner .banner_list .next .txt_box .tit{font-size:32px;font-weight:500;line-height:46px;letter-spacing:-0.64px;transition:all 0.2s ease-out;word-break:keep-all;}
.sub_brand_story .brand_story_banner .banner_list .next .txt_box .coming_soon{padding-top:10px;font-size:36px;font-weight:600;color:#fff;line-height:50px;letter-spacing:10.8px;-webkit-text-stroke:1px #000;text-decoration:unset;}

/* 제품이야기_브랜드 스토리 상세 */
.sub_brand_story .story_main_visual{height:612px;background:url(../images/prd/story_main_banner.jpg)no-repeat 46% 50%/cover;}
.sub_brand_story .story_main_visual .inner{position:relative;height:100%;}
.sub_brand_story .story_main_visual .txt_box{position:absolute;top:120px;right:20px;left:20px;}
.sub_brand_story .story_main_visual .txt_box .tit{font-size:28px;font-weight:500;color:#fff;line-height:38px;text-align:center;word-break:keep-all ;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}

.sub_brand_story .brand_products{position:relative;margin-top:-127px;padding-top:101px;}
.sub_brand_story .brand_products::before{content:'';position:absolute;right:0;bottom:50px;left:0;width:100%;height:calc(100% - 50px);background:url(../images/prd/bg_semi_circle.svg)no-repeat 50% 0/cover;}
.sub_brand_story .brand_products > .inner{background:#fff;}
.sub_brand_story .brand_products .tit{display:none;}
.sub_brand_story .brand_products .products_slider{overflow:hidden;position:relative;}
.sub_brand_story .brand_products .products_slider .swiper-slide .img_box{padding:0 67.5px;}
.sub_brand_story .brand_products .products_slider .swiper-slide .img_box .img_inner{position:relative;padding-top:100%;}
.sub_brand_story .brand_products .products_slider .swiper-slide .img_box img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:contain}
.sub_brand_story .brand_products .products_slider .swiper-slide .txt_box{padding-top:20px;}
.sub_brand_story .brand_products .products_slider .swiper-slide .txt_box .name{font-size:24px;font-weight:500;line-height:34px;text-align:center;word-break:break-all;transition:all 0.2s ease-out;}
.sub_brand_story .brand_products .products_slider .controls .swiper-button-prev{top:36%;transition:all 0.2s ease-out;}
.sub_brand_story .brand_products .products_slider .controls .swiper-button-next{top:36%;transition:all 0.2s ease-out;}
.sub_brand_story .brand_products .btn_wrap{padding-top:44px;padding-bottom:4px;}
.sub_brand_story .brand_products .btn_wrap a{width:100%;}

.sub_brand_story .story_sub_visual{position:relative;height:333px;margin-top:80px;background:url(../images/prd/story_sub_banner_mo.jpg)no-repeat 50% 50%/cover;} 
.sub_brand_story .story_sub_visual::before{content:'';position:absolute;top:-80px;left:0;width:100%;height:80px;background:#fff;}
.sub_brand_story .story_sub_visual .inner{height:100%;padding:0 20px;}
.sub_brand_story .story_sub_visual .txt_wrap{position:relative;height:100%;padding-top:30px;}
.sub_brand_story .story_sub_visual .txt_wrap .tit{font-size:28px;font-weight:500;color:#fff;line-height:33px;word-break:keep-all;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.sub_brand_story .story_sub_visual .txt_wrap .desc{position:absolute;right:0;bottom:28px;font-size:15px;font-weight:500;color:#fff;line-height:20px;text-align:right;word-break:keep-all;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.sub_brand_story .story_sub_visual .txt_wrap .desc .br_mo{display:inline-block;width:100%;}

.sub_brand_story .prd_brand_history{padding:80px 0;background:#0B1530;}
.sub_brand_story .prd_brand_history .img_box{max-width:200px;margin:0 auto;}
.sub_brand_story .prd_brand_history .img_box img{width:100%;}
.sub_brand_story .prd_brand_history .txt_box{padding-top:30px;}
.sub_brand_story .prd_brand_history .txt_box .txt{padding-top:10px;font-size:15px;font-weight:300;color:#fff;line-height:23px;word-break:keep-all;}
.sub_brand_story .prd_brand_history .txt_box .txt:first-child{padding-top:0;}

.sub_brand_story .brand_prd_info{overflow:hidden;padding:48px 0 52px;background:#E4D5C2;}
.sub_brand_story .brand_prd_info .inner{position:relative;padding:0 20px;}
.sub_brand_story .brand_prd_info .d_flex{display:flex;flex-direction:column-reverse;}
.sub_brand_story .brand_prd_info .txt_box{position:relative;z-index:2;padding-top:26px;}
.sub_brand_story .brand_prd_info .txt_box .tit{font-size:22px;line-height:32px;word-break:keep-all;}
.sub_brand_story .brand_prd_info .txt_box strong{display:block;max-width:200px;margin-top:10px;}
.sub_brand_story .brand_prd_info .txt_box strong img{width:100%;}
.sub_brand_story .brand_prd_info .txt_box .desc{padding-top:10px;font-size:15px;font-weight:300;;line-height:23px;}
.sub_brand_story .brand_prd_info .txt_box .desc .br_mo{display:inline-block;width:100%;}
.sub_brand_story .brand_prd_info .img_box{position:relative;z-index:1;margin:0 -100px;}
.sub_brand_story .brand_prd_info .img_box .space{position:relative;padding-top:calc(621 / 900 * 100%);}
.sub_brand_story .brand_prd_info .img_box img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:contain;}

.sub_brand_story .prd_tip{padding-top:59px;}
.sub_brand_story .prd_tip .txt_box{text-align:center;}
.sub_brand_story .prd_tip .txt_box .tit{font-size:22px;line-height:32px;word-break:keep-all;}
.sub_brand_story .prd_tip .txt_box .tit .br{display:inline-block;width:100%;}
.sub_brand_story .prd_tip .txt_box .txt{padding-top:10px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.sub_brand_story .prd_tip .txt_box .txt .br{display:inline-block;width:100%;}

.sub_brand_story .prd_tip .img_box{position:relative;margin:43px 17.5px 0;}
.sub_brand_story .prd_tip .img_box .pick{position:absolute;top:-30px;right:-17px;z-index:1;width:100px;height:82.67px;background:url(../images/prd/prd_pick.png)no-repeat 0 0/100% 100%;}
.sub_brand_story .prd_tip .img_box .img_area{overflow:hidden;position:relative;padding-top:calc(350 / 300 * 100%);border-radius:50px;}
.sub_brand_story .prd_tip .img_box .img_area img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;object-position:70% 50%;}

/* 제품이야기_제품정보 카테고리1 */
.product_info .main_visual{height:unset;text-align:center;}
.product_info .main_visual .tit_item{font-size:40px;font-weight:500;line-height:56px;letter-spacing:-1.92px;}
.product_info .main_visual .txt_item{padding-top:25px;font-size:16px;font-weight:300;line-height:28px;}
.product_info .main_visual .txt_item .br{display:block;}
.product_info .main_visual .txt_wrap{display:none;}
.product_info .search_area{display:none;}
.product_info .category{position:relative;overflow:hidden;padding:60px 0 84px;}
.product_info .category .inner{position:relative;max-width:1440px;margin:0 auto;padding:0 20px;}
.product_info .category.max_wid .inner{position:relative;max-width:1180px;margin:0 auto}
.product_info .category .inner::after{content:'';display:block;clear:both;}
.product_info .category .prd_item{margin-top:100px;}
.product_info .category .prd_item a{display:block;position:relative;}
.product_info .category .img_box{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;left:0;top:0;width:100%;padding-top:100%;}
.product_info .category .img_box .svg{position:absolute;width:0;height:0;}
.product_info .category .img_box .clipped{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.product_info .category .img_box .clipped img{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.product_info .category .img_box img{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.product_info .category .img_box{transform:scale(1);opacity:1;}
.product_info .category .prd_item.list1{margin-top:0;padding-right:75px}
.product_info .category .prd_item.list1 .img_box{padding-top:103.08%;}
.product_info .category .prd_item.list1 .img_box .clipped{-webkit-clip-path:url(#clip_path1);clip-path:url(#clip_path1);}
.product_info .category .prd_item.list1 .hashtag{text-align:left;}
.product_info .category .prd_item.list2 .img_box{padding-top:66.57%;border-radius:30px;}
.product_info .category .prd_item.list2 .hashtag{text-align:left;}
.product_info .category .prd_item.list3{padding-right:35px;}
.product_info .category .prd_item.list3 .img_box{padding-top:66.67%;border-radius:300px;}
.product_info .category .prd_item.list4{padding:0 8.5px 0 6.5px;text-align:center;}
.product_info .category .prd_item.list4 .img_box{padding-top:100%;border-radius:50%;}
.product_info .category .prd_item.list5{text-align:center;}
.product_info .category .prd_item.list5 .img_box{padding-top:100%;}
.product_info .category .prd_item.list6{padding-right:35px}
.product_info .category .prd_item.list6 .img_box{padding-top:88.67%;}
.product_info .category .prd_item.list6 .img_box .clipped{-webkit-clip-path:url(#clip_path6);clip-path:url(#clip_path6);}
.product_info .category .prd_item.list7{padding-left:55px}
.product_info .category .prd_item.list7 .img_box{padding-top:66.79%;border-radius:30px;}
.product_info .category .prd_item.list8{position:relative;padding-right:55px}
.product_info .category .prd_item.list8 .img_box{padding-top:66.79%;border-radius:30px;}
.product_info .category .prd_item.list8 .hashtag{text-align:left;}
.product_info .category .prd_item.list9{padding:0 17px 0 18px;}
.product_info .category .prd_item.list9 .img_box{padding-top:100%;border-radius:50%;}
.product_info .category .prd_item.list10{padding-left:55px}
.product_info .category .prd_item.list10 .img_box{padding-top:66.79%;border-radius:30px;}
.product_info .category .prd_item.list10 .hashtag{text-align:left;}
.product_info .category .prd_item.list11{padding:0 20px;}
.product_info .category .prd_item.list11 .img_box{padding-top:55.527%;border-radius:30px;}
.product_info .category .prd_item.list11 .hashtag{text-align:left;}
.product_info .category .prd_item.list12{position:relative;padding-right:35px;}
.product_info .category .prd_item.list12 .img_box{padding-top:74.334%;border-radius:300px;}
.product_info .category .prd_item.list13{position:relative;padding:0 34px 0 21px}
.product_info .category .prd_item.list13 .img_box{padding-top:103.219%;}
.product_info .category .prd_item.list13 .img_box .clipped{-webkit-clip-path:url(#clip_path13);clip-path:url(#clip_path13);}
.product_info .category .prd_item.list13 .hashtag{margin:0 -25px;}
.product_info .category .prd_item.list14{padding-right:55px}
.product_info .category .prd_item.list14 .img_box{padding-top:66.79%;border-radius:30px;}
.product_info .category .prd_item.list14 .hashtag{text-align:left;margin-right:-60px}

.product_info .category .bg_circle_yellow{position:absolute;z-index:-1;left:35px;top:0;width:1200px;height:1200px;margin-top:-100%;border-radius:50%;background:#FFED00}
.product_info .category .bg_square_white{position:absolute;z-index:-2;left:0;right:0;bottom:1075px;width:100%;height:1075px;background:#fff}
.product_info .category .bg_square_yellow{position:absolute;z-index:-3;left:0;right:0;bottom:0;width:100%;height:1075px;background:#FFED00}

/* .product_info .txt_marquee {overflow:hidden;margin-top:155px;background:#DC2F34;color:#fff;transition:font-size .3s;}
.product_info .txt_marquee .js-marquee{display:flex;align-items:center;}
.product_info .txt_marquee .txt_item1{font-size:40px;line-height:45px;letter-spacing:20px;text-align:center;}
.product_info .txt_marquee .txt_item2{font-size:40px;line-height:45px;letter-spacing:40px;}
.product_info .txt_marquee i{display:inline-block;margin-right:30px;vertical-align:sub;text-align:center;letter-spacing:unset;}
.product_info .txt_marquee .ico_marquee1{width:17px;height:37px; background:url(../images/prd/ico_mayo.png) no-repeat 0 0 / 100%;}
.product_info .txt_marquee .ico_marquee2{width:29px;height:37px; background:url(../images/prd/ico_curry.png) no-repeat 0 0 / 100%;}
.product_info .txt_marquee .ico_marquee3{width:40px;height:32px; background:url(../images/prd/ico_ramen.png) no-repeat 0 0 / 100%;}
.product_info .txt_marquee .ico_marquee4{width:16px;height:37px; background:url(../images/prd/ico_ketchup.png) no-repeat 0 0 / 100%;}
.product_info .txt_marquee .ico_marquee5{width:30px;height:37px; background:url(../images/prd/ico_curry2.png) no-repeat 0 0 / 100%;}
.product_info .txt_marquee .ico_marquee6{width:12px;height:37px; background:url(../images/prd/ico_sesame_oil2.png) no-repeat 0 0 / 100%;}
.product_info .txt_marquee .ico_marquee7{width:28px;height:37px; background:url(../images/prd/ico_cream_soup.png) no-repeat 0 0 / 100%;}
.product_info .txt_marquee .ico_marquee8{width:25px;height:32px; background:url(../images/prd/ico_pepper.png) no-repeat 0 0 / 100%;}
.product_info .txt_marquee .ico_marquee9{width:28px;height:37px; background:url(../images/prd/ico_knee_soup.png) no-repeat 0 0 / 100%;} */
.product_info .category .prd_item .hashtag{padding-top:20px;font-size:24px;font-weight:500;line-height:34px;text-align:center;}
.product_info .category .prd_item .hashtag em{font-weight:500;}

/* 제품이야기_제품정보 카테고리2 */
.product_info .tab_type2{z-index:3;}
.product_info .main_visual.type2{position:relative;height:480px;padding-top:0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.product_info .main_visual.type2::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.45);}
.product_info .main_visual.type2 .inner{position:absolute;z-index:2;top:50%;left:0;right:0;height:unset;transform:translateY(-50%);padding:0 20px;}
.product_info .main_visual.type2 .tit_item{font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;color:#fff;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.product_info .main_visual.type2 .tit_item .br{display:block;}
.product_info .category2 .list_wrap li{position:relative;overflow:hidden;margin-top:40px;padding:0 20px;}
.product_info .category2 .list_wrap li .inner{display:flex;flex-direction:column;}
.product_info .category2 .list_wrap li.right_txt .inner{flex-direction:column-reverse;}
.product_info .category2 .tit_item{font-size:26px;font-weight:500;line-height:38px;color:#000;word-break:keep-all;}
.product_info .category2 .txt_item{padding-top:16px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.product_info .category2 .left_txt .img_area{padding-left:15%;}
.product_info .category2 .left_txt .txt_area{padding-right:20%}
.product_info .category2 .right_txt .img_area{padding-right:15%;}
.product_info .category2 .img_area .img_wrap{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:82%;}
.product_info .category2 .img_area .img_wrap img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.product_info .category2 .right_txt .txt_area{padding:40px 0 0 20%;text-align:right;}
.product_info .category2 .bg_left .txt_area{padding-right:20%;padding-left:0;text-align:left;}
.product_info .category2 .bg_left .img_area{padding-left:15%;padding-right:0}
.product_info .category2 .bg_right .bg{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;max-height:86.15%;background:url(../images/prd/prd_cate2_bg2.png)no-repeat 0 0 / 100% 100%;}
.product_info .category2 .bg_left .bg{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;max-height:86.15%;background:url(../images/prd/prd_cate2_bg2_l.png)no-repeat 0 0 / 100% 100%;}
.product_info .category2 .txt_area a{z-index:1;width:unset;margin-top:25px;}
.product_info .category2 .txt_area .btn_type_s.ico_arw::after{margin-left:0;}

/* 제품이야기_카레이야기 */
.curry_wrap{overflow:hidden;}

.curry_visual{position:relative;min-height:530px;height:calc(var(--vh, 1vh) * 3);}
.curry_visual .visual_bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/prd/curry_visual.jpg) no-repeat 57% 50% / cover;}
/* .curry_visual .visual_bg::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.4);} */
.curry_visual .visual_con_wrap{height:100%;}
.curry_visual .visual_con_wrap .top_wrap{position:relative;z-index:20;}
.curry_visual .visual_con_wrap .top_wrap .desc{margin-top:10px;}
.curry_visual .visual_con_wrap .top_wrap .tab_sticky{padding-top:38px;}

/* 제품이야기_카레이야기 - 역사 */
.curry_history ul{padding:80px 0 100px;}
.curry_history li{position:relative;padding-top:100px;}
.curry_history li.history1{padding-top:0;padding-bottom:37px;text-align:center;}
.curry_history li.history1 strong{padding-top:16px;}
.curry_history li.history3{text-align:right;}
.curry_history li .img_box{position:relative;padding-top:0;}
.curry_history li.history2 .img_box{margin-right:35px;}
.curry_history li.history3 .img_box{margin-left:31px;}
.curry_history li.history4 .img_box{margin-right:27px;}
.curry_history li i{display:inline-block;position:absolute;}
.curry_history li.history1 i{position:relative;width:80px;height:80px;margin-top:30px;background:url(../images/prd/img_curry_history1_1.png) no-repeat 50% 50% / 100%;}
.curry_history li.history2 i{width:35%;height:24%;top:-8px;right:-30px;background:url(../images/prd/img_curry_history2_2.png) no-repeat 50% 50% / 100%;}
.curry_history li.history3 i{width:26%;height:24%;top:32px;left:-30px;background:url(../images/prd/img_curry_history3_2.png) no-repeat 50% 50% / 100%;}
.curry_history li.history4 i{width:23%;height:22%;bottom:15px;right:0;background:url(../images/prd/img_curry_history4-1.png) no-repeat 50% 50% / 100%;}
.curry_history li .img_box img{width:100%;position:relative;}
.curry_history strong{display:block;padding-top:30px;font-size:28px;font-weight:500;line-height:38px;}
.curry_history span{padding-top:5px;font-size:18px;font-weight:300;line-height:26px;}
.curry_history p{padding-top:20px;font-size:15px;font-weight:300;color:#000;line-height:23px;}
.curry_history p .mo_br{display:block;font-size:inherit;font-weight:inherit;line-height:inherit;}
.curry_history li.history4 .txt_box strong span{padding-top:0;font-size:inherit;font-weight:inherit;line-height:inherit;}
.curry_history li.history4 .txt_box strong span.mo_br{display:block;}
.prd_curry_list{padding-bottom:147px;}
.prd_curry_list h3{font-size:28px;line-height:38px;text-align:center;}
.prd_curry_list .swiper-container{position:relative;margin-top:30px;}
.prd_curry_list .img_box img{width:100%;max-height:350px;object-fit:contain;}
.prd_curry_list .txt_box strong{display:block;padding-top:20px;font-size:24px;font-weight:500;text-align:center;}
.prd_curry_list .controls{position:absolute;top:50%;left:20px;right:20px;margin-top:-25px;}
.curry_going{padding:50px 0 267px;background:#FFED00;text-align:center;}
.curry_going .txt_box{position:relative;}
.curry_going .txt_box::after{content:'';position:absolute;left:50%;width:323px;height:268px;margin-left:-166px;background:url(../images/prd/ottogi_char.svg) no-repeat 50% 50% / 100%;}
.curry_going .tit{padding-top:0;font-size:28px;font-weight:500;color:#000;line-height:38px;}
.curry_going .desc{padding-top:30px;font-size:15px;font-weight:300;color:#000;line-height:23px;}
.curry_going .desc .br{display:block;}
.curry_going .desc .pc_br{display:block;}
.curry_going a{display:block;margin-top:40px;}
.curry_going a span{padding-top:0;font-size:14px;font-weight:500;line-height:36px;}
.curry_going .arrow_wrap{display:none;}

/* 제품이야기_카레이야기 - 활동 */
.curry_visual.visual_activity{min-height:540px;margin-top:60px;}
.curry_visual.visual_activity .visual_con_wrap{position:relative;top:50px;color:#000;transform:none;text-align:center;}
.curry_visual.visual_activity .visual_con_wrap .subject{font-weight:500;color:#DC2F34;}
.curry_visual.visual_activity .visual_con_wrap .tit_depth3{padding-top:10px;}
.curry_visual.visual_activity .visual_con_wrap .tit_depth3 .br{display:block;}
.curry_visual.visual_activity .visual_con_wrap .desc{padding-top:20px;font-weight:300;}
.curry_visual.visual_activity .visual_con_wrap .desc .br{display:block;}
.curry_visual.visual_activity .visual_bg{background:#FFED00 }
.curry_visual.visual_activity .visual_bg::before{content:'';display:block;position:absolute;bottom:0;left:50%;width:350px;height:175px;background:url(../images/prd/character.png) no-repeat 50% 50% / 100%;transform:translateX(-50%);}
.curry_visual.visual_activity .visual_bg::after{content:none;}
.curry_activity h3{font-size:28px;font-weight:500;line-height:38px;text-align:center;}
.curry_activity .desc{padding-top:20px;font-size:15px;font-weight:300;line-height:23px;}
.curry_activity .desc em{font-weight:500;}
.curry_activity a{display:block;border-radius:16px;}
.curry_activity .curry_sns_area .tab_btn_wrap h3{padding-top:80px;}
.curry_activity .curry_sns_area .tab_btn_wrap .tab_scroll{margin-top:20px;}
.curry_activity .curry_sns_area .tab_btn_wrap .tab_scroll .swiper-wrapper{justify-content:center;gap:28px;}
.curry_activity .curry_sns_area .tab_btn_wrap .tab_scroll li{padding-right:0;}
.curry_activity .curry_sns_area .tab_btn_wrap .tab_scroll li:last-child{padding-right:0;}
.curry_activity .curry_sns_area .tab_btn_wrap .tab_scroll li .ico_gourmet1 {background-image:url(../images/common/ico_sns2.svg)}
.curry_activity .curry_sns_area .tab_btn_wrap .tab_scroll li .ico_gourmet2 {background-image:url(../images/common/ico_sns1.svg)}
.curry_activity .curry_sns_area .tab_btn_wrap .tab_scroll li .ico_gourmet3 {background-image:url(../images/common/ico_sns4.svg)}
.curry_activity .curry_sns_area .tab_btn_wrap .tab_scroll .btn{display:block;position:relative;min-width:46px;padding-top:46px;font-size:16px;color:#666;line-height:24px;border-bottom:0;background-color:transparent;background-repeat:no-repeat;background-position:left 50% top 0;background-size:46px 46px;}
.curry_activity .curry_sns_area .tab_btn_wrap .tab_scroll .btn:hover{font-weight:500;color:#000;}
.curry_activity .curry_sns_area .tab_btn_wrap .tab_scroll .active .btn{color:#000;}
.curry_activity .curry_sns_area .tab_con_wrap{margin-top:20px;text-align:center;}
.curry_activity .curry_sns_area .tab_con{padding:50px 0;background:#D7CEC7;}
.curry_activity .curry_sns_area .tab_con2{background:#FFED00;}
.curry_activity .curry_sns_area .tab_con3{background:#DC2F34;}
.curry_activity .curry_sns_area .top_txt_box .insta_name{display:inline-block;position:relative;height:80px;padding-left:40px;font-size:20px;font-weight:500;line-height:76px;}
.curry_activity .curry_sns_area .top_txt_box .insta_name::before{content:'';position:absolute;left:0;top:50%;width:30px;height:30px;margin-top:-15px;background:url(../images/prd/ico_instagram.svg) no-repeat 50% 50% / 30px;}
.curry_activity .curry_sns_area .tab_con3 .top_txt_box{color:#fff;}

.curry_activity .curry_sns_area .tab_con3 .bottom_txt_box{padding-top:40px;color:#fff;}
.curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .tit{font-size:22px;line-height:32px;}
.curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .insta_name{display:inline-block;position:relative;height:30px;margin-top:16px;padding-left:34px;font-size:18px;font-weight:500;line-height:26px;}
.curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .insta_name::before{content:'';position:absolute;left:0;top:50%;width:24px;height:24px;margin-top:-12px;background:url(../images/prd/ico_instagram.svg) no-repeat 50% 50% / 24px;}
.curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .desc{position:relative;margin-top:30px;padding-top:170px;font-size:16px;line-height:24px;}
.curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .desc::before{content:'';position:absolute;left:50%;top:0;width:140px;height:140px;margin-left:-70px;background:url(../images/prd/logo_okitchen_studio.png) no-repeat 50% 50% / 100%;}
.curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .img_box{display:none;}
.curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .br{display:block;}

/* 오키친 아이콘이 모바일와 웹이랑 달라서 일단 웹크기로 넣어둠 */
.curry_activity .curry_sns_area .tab_con3 .top_txt_box .insta_name::before{width:35px;height:35px;margin-top:-17.5px;background-size:35px 35px;background:url(../images/prd/ico_url.svg) no-repeat 50% 50% / 35px;}
.curry_activity .curry_sns_area .top_txt_box .arrow_wrap{display:none;}
.curry_activity .curry_sns_area .top_txt_box .desc{position:relative;padding-top:110px;font-size:22px;font-weight:500;line-height:32px;}
.curry_activity .curry_sns_area .tab_con2 .top_txt_box .desc{padding-top:30px;}
.curry_activity .curry_sns_area .top_txt_box .desc::before{content:'';position:absolute;left:50%;top:0;}
.curry_activity .curry_sns_area .top_txt_box .img_box{display:none;}
.curry_activity .curry_sns_area .tab_con1 .top_txt_box .desc::before{width:264px;height:80px;margin-left:-132px;background:url(../images/prd/logo_rolypoly.png) no-repeat 50% 50% / 100%;}
.curry_activity .curry_sns_area .tab_con3 .top_txt_box .desc::before{width:205px;height:80px;margin-left:-102.5px;background:url(../images/prd/logo_okitchen.svg) no-repeat 50% 50% / 100%;}
.curry_activity .curry_sns_area .tab_con_wrap .swiper-container{margin-top:40px;border-radius:0;}
.curry_activity .curry_sns_area .tab_con_wrap .swiper-slide .sns_box{padding:22px 20px;border-radius:16px;background:#fff;text-align:left;}
.curry_activity .curry_sns_area .tab_con_wrap .swiper-slide .sns_id{position:relative;padding-left:44px;font-size:16px;font-weight:500;line-height:24px;}
.curry_activity .curry_sns_area .tab_con_wrap .swiper-slide .sns_id::before{content:'';position:absolute;left:0;top:50%;width:30px;height:30px;margin-top:-15px;background:url(../images/prd/ico_instagram.svg) no-repeat 0 50% / 30px;}
.curry_activity .curry_sns_area .tab_con_wrap .swiper-slide .img_box{overflow:hidden;margin-top:20px;border-radius:7px;}
.curry_activity .curry_sns_area .tab_con_wrap .swiper-slide .img_box img{width:100%;}
.curry_activity .curry_sns_area .tab_con_wrap .swiper-slide .txt_box .tit{position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:66px;padding:18px 26px 0 0;font-size:16px;line-height:24px;word-break:keep-all;}
.curry_activity .curry_sns_area .tab_con_wrap .swiper-slide .txt_box .update{display:block;padding-top:15px;font-size:14px;font-weight:300;color:#666;line-height:18px;}
.curry_activity .curry_sns_area .tab_con3 .swiper-slide .img_box{margin-top:0;}
.curry_activity .curry_sns_area .tab_con3 .swiper-slide .txt_box .tit::after{position:initial;margin-left:5px;}
.curry_activity .curry_sns_area .tab_con3 .swiper-slide .txt_box .update{min-height: 38px;padding-top:5px;}

.curry_activity .introduction_wrap{margin-top:100px;}
.curry_activity .introduction_wrap .swiper-container{position:relative;}
.curry_activity .introduction_wrap .swiper-wrapper{margin-top:30px;align-items:center;}
.curry_activity .introduction_wrap .swiper-button-prev{position:absolute;left:0;top:50%;}
.curry_activity .introduction_wrap .swiper-button-next{position:absolute;right:0;top:50%;}
.curry_activity .introduction_wrap .img_box img{width:100%;}

.curry_activity .column_area{position:relative;margin:100px 0 74px;padding-bottom:40px;}
.curry_activity .column_area.none_arrow{margin-bottom:10px;}
.curry_activity .column_area span{font-size:20px;font-weight:500;color:#DC2F34;line-height:28px;}
.curry_activity .column_area h4{padding-top:8px;font-size:24px;font-weight:500;line-height:34px;}
.curry_activity .column_area .desc br{display:none;}
.curry_activity .column_area .desc + .desc{padding-top:0;}
.curry_activity .column_area .swiper-container .img_box{padding-top:20px;}
.curry_activity .column_area .swiper-container .img_box img{width:100%; }
.curry_activity .column_area .swiper-container .txt_box{padding-top:20px;}
.curry_activity .column_area .swiper-container .txt_box + .txt_box{padding-top:30px;}
.curry_activity .column_area .swiper-container .txt_box p{font-size:15px;font-weight:300;line-height:23px;}
.curry_activity .column_area .swiper-container .txt_box .title{font-weight:500;}
.curry_activity .column_area .swiper-container .txt_box .story{padding-top:10px;}
.curry_activity .column_area .swiper-container .btn_wrap{padding-top:20px;}
.curry_activity .column_area .swiper-container .btn_wrap a{flex:1;border-radius:100px;}
.curry_activity .column_area .controls{position:absolute;left:20px;right:20px;bottom:0;}
.curry_activity .column_area .controls .swiper-button-prev{width:70px;height:47px;margin-top:0;padding-bottom:35px;border:0;border-radius:0;background:url(../images/common/btn_more2.svg) no-repeat 100% 100% / 50px 16px;font-size:14px;font-weight:500;color:#000;line-height:22px;text-align:right;}
.curry_activity .column_area .controls .swiper-button-next{width:70px;height:47px;margin-top:0;padding-bottom:35px;border:0;border-radius:0;background:url(../images/common/btn_more.svg) no-repeat 0 100% / 50px 16px;font-size:14px;font-weight:500;color:#000;line-height:22px;text-align:left;}
.curry_activity .column_area .swiper-container .swiper-button-prev.swiper-button-disabled{opacity:unset;background:url(../images/common/btn_more_disabled2.svg) no-repeat 100% 100% / 50px 16px;}
.curry_activity .column_area .swiper-container .swiper-button-next.swiper-button-disabled{opacity:unset;background:url(../images/common/btn_more_disabled.svg) no-repeat 0 100% / 50px 16px;}
.curry_activity .column_area .column_mobile{padding-top:60px;}
.curry_activity .column_area .column_pc{display:none;}
.layer_pop.column_pop .pop_con{overflow-x:clip;}
.layer_pop.column_pop .pop_con .img_box img{width:100%;}
.layer_pop.column_pop .pop_con .swiper-button-prev{position:fixed;top:inherit;left:20px;bottom:30px;}
.layer_pop.column_pop .pop_con .swiper-button-next {position:fixed;top:inherit;right:20px;bottom:30px;}

.curry_activity .archiving_area{position:relative;padding:50px 0;background:#FFED00;}
.curry_activity .archiving_area .swiper-container{position:relative;margin-top:30px;padding:0 20px;}
.curry_activity .archiving_area .swiper-container .siwper-wrapper{align-items:stretch;}
.curry_activity .archiving_area .swiper-container .img_box {text-align:center;}
.curry_activity .archiving_area .swiper-container img {width:auto;max-height:400px;object-fit:contain;border-radius:100px;}
.curry_activity .archiving_area .swiper-container .video_box{text-align:center;}
.curry_activity .archiving_area .swiper-container video {width:auto;max-height:400px;object-fit:contain;border-radius:100px;clip-path: inset(2px);-webkit-mask-image:-webkit-radial-gradient(white, black);}
.curry_activity .archiving_area .swiper-container .txt_box{text-align:center;}
.curry_activity .archiving_area .swiper-container .txt_box strong{display:block;padding-top:20px;font-size:24px;font-weight:500;line-height:34px;}
.curry_activity .archiving_area .swiper-container .txt_box strong span{font-family:"Pretendard";font-weight:700;}
.curry_activity .archiving_area .swiper-container .txt_box p{padding-top:5px;font-size:16px;font-weight:300;line-height:24px;}
.curry_activity .archiving_area .swiper-container .controls{position:absolute;left:20px;right:20px;top:50%;margin-top:-25px;justify-content:space-between;}

.curry_activity .daily_area{margin-top:100px;}
.curry_activity .daily_area .desc{text-align:center;}
.curry_activity .daily_area .btn_wrap{margin-top:30px;}
.curry_activity .daily_area .btn_wrap .btn_s{flex:unset;border-radius:100px;}
.curry_activity .daily_area .swiper-container{margin-top:30px;}
.curry_activity .daily_area .swiper-wrapper{-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important;position:relative;}
.curry_activity .daily_area img{width:100%;border-radius:24px;}
.curry_activity .daily_area .swiper-container .controls{display:none;}

/* 브랜드경험_overview */
.brands_top {position:relative;overflow:hidden; width:100%;height:auto;padding:160px 0 50px; background:url(../images/brands/bg_grid.svg)no-repeat 50% 50% / cover;background-color:#FFED00;}
.brands_top .tit_depth1 {text-align:center;}
.brands_top .tit_depth1 .tit_desc {font-size:26px;font-weight:500;line-height:38px;}
.brands_top .tit_depth1 em {display:block;}
.brands_top ul {display:flex;justify-content:center;align-items:center;gap:17px;position:relative;padding-top:100px;}
.brands_top ul li{position:relative; width:50px;height:50px;border:1px solid #E6E6E6;border-radius:50%; background:#fff;}
.brands_top .ico_instagram::before {content:'';position:absolute;bottom:55px;left:-26px; width:75px;height:47px;background:url(../images/brands/ico_message.svg)no-repeat 50% 50% / 75px 47px;animation:moving3 1s infinite;-webkit-animation:moving3 1s infinite;}
.brands_top ul li a {display:block; width:100%;height:100%;}
.brands_top .ico_instagram a {background:url(../images/common/insta_26x26.png)no-repeat 50% 50% / 26px;}
.brands_top .ico_youtube a {background:url(../images/brands/link_youtube.svg)no-repeat 50% 50% / 30px;}
.brands_top .ico_facebook a {background:url(../images/brands/link_facebook.svg)no-repeat 50% 50% / 30px;}
.brands_top .ico_blog a {background:url(../images/brands/link_blog.svg)no-repeat 50% 50% / 29px 27px;}
.brands_top .ico_okitchen a {background:url(../images/brands/link_okitchen.svg)no-repeat 50% 50% / 39px 21px;}

.brands_top .ico_box i {display:block;position:absolute;}
.brands_top .ico_box {position:absolute;top:0; bottom:32%;left:50%;right:0;max-width:338px;margin-left:-169px;}
.brands_top .ico_box .ico_heart{top:58px;left:59.94%;width:23px;height:23px;background:url(../images/brands/ico_brand_heart.svg)no-repeat 0 0 / 100% 100%;animation:rotate2 2s infinite;-webkit-animation:rotate2 2s infinite;}
.brands_top .ico_box .ico_like{display:none;}
.brands_top .ico_box .ico_ottogi{top:100px;left:3.85%;width:100px;height:98px;background:url(../images/brands/ico_brand_ottogi.svg)no-repeat 0 0 / 100% 100%;animation:rotate 3s infinite;-webkit-animation:rotate 3s infinite;}
.brands_top .ico_box .ico_spring{top:149px;right:16.32%;width:33px;height:16px;background:url(../images/brands/ico_brand_spring.svg)no-repeat 0 0 / 100% 100%;}
.brands_top .ico_box .ico_smile{top:118px;right:9.04%;width:28px;height:28px;background:url(../images/brands/ico_brand_smile.svg)no-repeat 0 0 / 100% 100%;animation:moving2 3s infinite ease-out;-webkit-animation:moving2 3s infinite ease-out;}
.brands_top .ico_box .ico_light5{top:288px;right:0;width:12px;height:16px;background:url(../images/brands/ico_brand_light2.svg)no-repeat 0 0 / 100% 100%;animation:scale 1s infinite;-webkit-animation:scale 1s infinite;}
.brands_top .ico_box .ico_heart2{top:285px;right:4.56%;width:37px;height:38px;background:url(../images/brands/ico_brand_heart2.svg)no-repeat 0 0 / 100% 100%;animation:scale2 3s infinite;-webkit-animation:scale2 3s infinite;}
.brands_top .ico_box .ico_light4{top:84px;left:45.69%;width:20px;height:20px;background:url(../images/brands/ico_brand_light4.svg)no-repeat 0 0 / 100% 100%;animation:scale 1s infinite;-webkit-animation:scale 1s infinite;}
.brands_top .ico_box .ico_good{top:102px;left:53.41%;width:38px;height:45px;background:url(../images/brands/ico_brand_good.svg)no-repeat 0 0 / 100% 100%;animation:rotate 2s infinite;-webkit-animation:rotate 2s infinite;}
.brands_top .ico_box .ico_light3{top:211px;left:0;width:18px;height:24px;background:url(../images/brands/ico_brand_light3.svg)no-repeat 0 0 / 100% 100%;animation:scale2 1.5s infinite;-webkit-animation:scale2 1.5s infinite;}
.brands_top .ico_box .ico_light2{top:192px;left:5.63%;width:12px;height:16px;background:url(../images/brands/ico_brand_light2.svg)no-repeat 0 0 / 100% 100%;animation:scale2 1s infinite;-webkit-animation:scale2 1s infinite;}
.brands_top .ico_box .ico_sns{display:none;}
.brands_top .ico_box .ico_heart3{top:298px;right:17.61%;width:12px;height:11px;background:url(../images/brands/ico_brand_heart3.svg)no-repeat 0 0 / 100% 100%;animation:moving 3s infinite;-webkit-animation:moving 3s infinite;}

.ottogi_sns .other_cont {padding-top:80px}
.ottogi_sns .other_cont .tit_wrap {text-align:center;}
.ottogi_sns .other_cont .tit_wrap .tit {display:inline-block;min-width:46px;padding-top:46px;background-color:transparent;background-repeat:no-repeat;background-position:left 50% top 0;background-size:46px 46px;font-size:16px;line-height:24px;}
.ottogi_sns .other_cont .ico_sns4 {background-image:url(../images/common/ico_sns4.png)}
.ottogi_sns .other_cont .content {position:relative;}
.ottogi_sns .other_cont .swiper-container {overflow:hidden}

.brands_ottogi {padding-top:150px}
.brands_ottogi h2.tit {font-size:32px;line-height:44px;letter-spacing:-.64px;}
.brands_ottogi h2.tit .br {display:block}
.brands_ottogi .swiper-container {overflow:hidden;position:relative;padding:56px 67px 0;margin:0 -20px}
.brands_ottogi .swiper-container .controls {position:absolute;top:50%;left:30px;right:30px;margin-top:-50px}
.brands_ottogi .swiper-slide .thumb {display:flex;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:100%;border-radius:50%;}
.brands_ottogi .swiper-slide .thumb img {position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.brands_ottogi .swiper-slide .con_box {padding-top:24px;text-align:center;}
.brands_ottogi .swiper-slide .con_box .tit {font-size:24px;line-height:34px;}
.brands_ottogi .swiper-slide .con_box .desc {margin-top:10px;font-size:16px;font-weight:300;line-height:24px;}
.brands_ottogi .swiper-slide .con_box .btn_type_s {margin-top:30px}

/* 브랜드경험_공식캐릭터 */
.brands_follow_area{overflow:hidden; margin-top:80px;background:#FFED00;}
.follow_arrow_wrap{padding:0 20px 0;}
.follow_arrow_wrap > a{display:block;margin:0 -20px;padding:80px 20px 50px;outline-offset:-3px}
.follow_arrow_wrap > a .txt_wrap{position:relative;text-align:center;}
.follow_arrow_wrap > a .tit{display:inline-block;font-size:32px;font-weight:500;line-height:46px;letter-spacing:-0.64px;word-break:keep-all;}
.follow_arrow_wrap > a .tit i{display:inline-block;width:30px;height:25px;background:url(../images/brands/pink_heart.svg) no-repeat 0 0 / 100% 100%;}
.follow_arrow_wrap > a .txt{padding-top:15px;font-size:20px;font-weight:500;line-height:28px;}
.follow_arrow_wrap > a .txt_wrap .txt span{display:inline-block;position:relative;margin:0;padding-left:40px;width:unset;height:unset;}
.follow_arrow_wrap > a .txt_wrap .txt span::before{content:'';display:block;position:absolute;left:0;top:1px;width:30px;height:30px;background:url(../images/brands/ico_insta.svg)no-repeat 0 0 / 30px;}
.follow_arrow_wrap > a .desc{padding-top:30px;font-size:18px;font-weight:300;line-height:26px;text-align:center;word-break:keep-all;} 
.follow_arrow_wrap > a .logo{display:block;margin:30px auto 0 auto}
.brands_follow_area .follow_arrow_wrap{padding-bottom:50px;}
.brands_follow_area .follow_arrow_wrap > a{padding:80px 20px 0;}
.brands_follow_area .follow_arrow_wrap > a .logo{display:block;width:130px;height:136px;margin:30px auto 0 auto}
.brands_follow_area .slider{position:relative;overflow:hidden;margin:0 -30px;padding-top:40px;padding-left:30px;padding-right:30px;}
.brands_follow_area .swiper-slide{padding-bottom:4px;border-radius:15px;background:#fff;}
.brands_follow_area .swiper-slide a{display:block;padding:22px 20px;}
.brands_follow_area .channel_name{position:relative;padding-left:36px;font-size:16px;font-weight:500;line-height:24px;}
.brands_follow_area .channel_name::after{content:'';display:block;position:absolute;left:0;top:1px;width:26px;height:26px;background:url(../images/brands/ico_insta.svg)no-repeat 0 0 / 26px;}
.brands_follow_area .img_box{overflow:hidden;position:relative;display:flex;align-items:center;width:100%;padding-top:100%;margin-top:21px;border-radius:10px;}
.brands_follow_area .img_box img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;transition:all .6s}
.brands_follow_area .slider a:hover .img_box img{transform:scale(1.2);transition:all .6s}
.brands_follow_area .txt_box{padding-top:19px;}
.brands_follow_area .txt_box .tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:52px;font-size:18px;font-weight:500;line-height:26px;}
.brands_follow_area .txt_box .update{padding-top:15px;font-size:14px;font-weight:500;line-height:22px;color:#666}

.digital_goods{padding-top:150px;}
.digital_goods .tit{font-size:26px;font-weight:500;line-height:38px;text-align:center;}
.digital_goods .slider{position:relative;overflow:hidden;margin-left:-20px;margin-right:-20px;padding:20px 20px 0;}
.digital_goods .swiper-slide{border-radius:15px;background:#fff;}
.digital_goods .swiper-slide a{display:block;}
.digital_goods .img_box{overflow:hidden;position:relative;display:flex;align-items:center;width:100%;padding-top:100%;border-radius:15px;}
.digital_goods .img_box img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;transition:all .6s}
.digital_goods .slider a:hover .img_box img{transform:scale(1.2);transition:all .6s}
.digital_goods .txt_box{padding-top:18px;}
.digital_goods .txt_box .tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:18px;font-weight:500;line-height:26px;text-align:left;}
.digital_goods .txt_box .hashtag{display:flex;padding-top:5px;}
.digital_goods .txt_box .hashtag span{margin-right:5px;font-size:14px;font-weight:300;line-height:22px;color:#666;}
.digital_goods .txt_box .hashtag .btn_download {margin-left:auto}
.digital_goods .btn_digital_more{width:203px;margin:50px auto 0 auto;}
.digital_goods .btn_download{white-space:nowrap;}
.digital_goods .swiper-button-prev.type3,
.digital_goods .swiper-button-next.type3{margin-top:-57px;}

.product_goods{padding-top:100px;}
.product_goods .tit{font-size:26px;font-weight:500;line-height:38px;text-align:center;}
.product_goods .slider{position:relative;overflow:hidden;padding:20px 20px 0 20px;margin-left:-20px;margin-right:-20px;}
.product_goods .swiper-slide{padding-bottom:4px;border-radius:15px;background:#fff;}
.product_goods .swiper-slide a{display:block;}
.product_goods .img_box{overflow:hidden;position:relative;display:flex;align-items:center;width:100%;padding-top:100%;border-radius:15px;background:#f9f9f9;}
.product_goods .img_box img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;transition:all .6s}
.product_goods .slider a:hover .img_box img{transform:scale(1.2);transition:all .6s}
.product_goods .txt_box{padding-top:18px;}
.product_goods .txt_box .tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:18px;font-weight:500;line-height:26px;text-align:left;}
.product_goods .txt_box .hashtag{display:flex;justify-content:space-between;padding-top:5px;}
.product_goods .txt_box .hashtag span{font-size:14px;font-weight:300;line-height:22px;color:#666;}
.product_goods .btn_digital_more{width:203px;margin:50px auto 0 auto;}
.product_goods .swiper-button-prev.type3,
.product_goods .swiper-button-next.type3{margin-top:-57px;}

/* 브랜드경험_오키친스튜디오 */
.okitchen_visual{position:relative;height:calc(var(--vh, 1vh) * 100);min-height:600px;}
.okitchen_visual .visual_img_wrap{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/brands/okitchen_visual_mo.jpg)no-repeat 60% 0/cover;}
.okitchen_visual .visual_con_wrap{height:100%;}
.okitchen_visual .visual_con_wrap .inner{position:relative;height:100%;padding:0 20px;}
.okitchen_visual .top_wrap{position:relative;z-index:20;} 
.okitchen_visual .top_wrap .tab_sticky{margin:0 -20px;}
.okitchen_visual .top_wrap .desc{padding:0 20px;}
.okitchen_visual .bot_wrap{position:absolute;bottom:30px;right:20px;left:20px;text-align:center;}
.okitchen_visual .bot_wrap .logo{display:inline-block;max-width:280px;}   
.okitchen_visual .bot_wrap .logo img{width:100%;}
.okitchen_visual .bot_wrap .txt_box{padding-top:30px;}
.okitchen_visual .bot_wrap .txt_box .tit{font-size:24px;font-weight:300;color:#FFED00;line-height:34px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.okitchen_visual .bot_wrap .txt_box .txt{padding-top:13px;font-size:13px;font-weight:300;color:#fff;line-height:21px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.okitchen_visual .bot_wrap .txt_box .txt .br{display:inline-block;width:100%;padding-top:10px;}

.okitchen_spatial{overflow:hidden;padding:100px 0;}
.okitchen_spatial .info_slide_wrap .tit_wrap{padding-bottom:10px;}
.okitchen_spatial .info_slide_wrap .tab_scroll{padding-bottom:20px;}
.okitchen_spatial .info_slide_wrap .tab_cont_wrap .tab_cont {display:none;overflow:hidden;}
.okitchen_spatial .info_slide_wrap .tab_cont_wrap .tab_cont.active {display:block}
.okitchen_spatial .info_slide_wrap .tab_cont_wrap .tab_cont .img_box {overflow:hidden;position:relative;padding-top:calc(250 / 335 * 100%);border-radius:50px;}
.okitchen_spatial .info_slide_wrap .tab_cont_wrap .tab_cont.swiper-container {margin-right:-20px}
.okitchen_spatial .info_slide_wrap .tab_cont_wrap .tab_cont.swiper-container .img_box {padding-top:calc(250 / 320 * 100%);}
.okitchen_spatial .info_slide_wrap .tab_cont_wrap .tab_cont .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.okitchen_spatial .info_slide_wrap .tab_cont_wrap .tab_cont .txt_box {padding-top:15px;text-align:center;}
.okitchen_spatial .info_slide_wrap .tab_cont_wrap .tab_cont .txt_box .txt {font-size:18px;line-height:26px;}
.okitchen_spatial .info_slide_wrap .tab_cont_wrap .controls {display:none}

.okitchen_cooking{overflow:hidden;position:relative;padding-bottom:150px;}
.okitchen_cooking .tit_wrap{margin:0 20px;padding-bottom:30px;}
.okitchen_cooking .tit_wrap .tit_main{font-size:26px;line-height:38px;}
.okitchen_cooking .slider{margin-left:-80px;}
.okitchen_cooking .slider .swiper-wrapper{gap:60px;}
.okitchen_cooking .slider .swiper-slide{float:left;width:auto;}
.okitchen_cooking .slider .img_box .thumb{overflow:hidden;}
.okitchen_cooking .slider .img_box .thumb .type_pc{display:none;}
.okitchen_cooking .slider .txt_box{ padding-top:20px;}
.okitchen_cooking .slider .txt_box .tit{font-size:20px;line-height:28px;}
.okitchen_cooking .slider .txt_box .tit span{font-size:14px;font-weight:300;color:#123E8C;line-height:22px;}
.okitchen_cooking .slider .txt_box .tit em{font-weight:500;}
.okitchen_cooking .slider .txt_box .txt{padding-top:10px;font-size:15px;font-weight:300;line-height:23px;} 
.okitchen_cooking .slider .list1 .img_box .thumb{width:200px;height:200px;}
.okitchen_cooking .slider .list2 .img_box .thumb{width:200px;height:200px;}
.okitchen_cooking .slider .list2 .txt_box .br{display:inline-block;width:100%;}
.okitchen_cooking .slider .list3 .img_box .thumb{width:170px;height:200px;}
.okitchen_cooking .slider .list4 .img_box .thumb{width:191px;height:200px;}
.okitchen_cooking .slider .list5 .img_box .thumb{width:250px;height:200px;}
.okitchen_cooking .slider .list1 .txt_box{width:185px;}
.okitchen_cooking .slider .list2 .txt_box{width:167px;}
.okitchen_cooking .slider .list3 .txt_box{width:162px;}
.okitchen_cooking .slider .list4 .txt_box{width:161px;}
.okitchen_cooking .slider .list5 .txt_box{width:195px;}
.okitchen_cooking .marquee .js-marquee-wrapper{animation-play-state:paused !important;}
.okitchen_cooking .marquee .js-marquee-wrapper.active{animation-play-state:running !important;}

.okitchen_sns{overflow:hidden;background:#DC2F34;}
.okitchen_sns .follow_arrow_wrap{padding-bottom:50px;}
.okitchen_sns .follow_arrow_wrap > a{padding:80px 20px 0;}
.okitchen_sns .follow_arrow_wrap > a .tit{color:#fff;}
.okitchen_sns .follow_arrow_wrap > a .tit .br{display:inline-block;width:100%;}
.okitchen_sns .follow_arrow_wrap > a .txt_wrap .txt span{color:#fff;}
.okitchen_sns .follow_arrow_wrap > a .logo{width:140px;}
.okitchen_sns .follow_arrow_wrap > a .logo img{width:100%;}
.okitchen_sns .follow_arrow_wrap > a .desc{color:#fff;}

.okitchen_sns .insta_post_wrap .list{margin-top:40px;transition-delay:0s !important;}
.okitchen_sns .insta_post_wrap .list li a {display:block;padding:22px 20px;border:1px solid #E9E9E9;border-radius:16px;background:#fff;}
.okitchen_sns .insta_post_wrap .list li .sns_id {position:relative;padding-left:40px;font-size:16px;line-height:24px;}
.okitchen_sns .insta_post_wrap .list li .sns_id::before {content:'';position:absolute;top:50%;left:0;width:30px;height:30px;margin-top:-15px;background:url(../images/brands/ico_insta.svg) no-repeat 0 0 / 100% 100%}
.okitchen_sns .insta_post_wrap .list li .sns_id.ico_blog::before {width:30px;height:30px;margin-top:-15px;background:url(../images/common/blog_30x30.png) no-repeat 0 0 / 100% 100%}
.okitchen_sns .insta_post_wrap .list li .img_box {overflow:hidden;position:relative;display:flex;align-items:center;width:100%;padding-top:calc(260 / 260 * 100%);margin-top:20px;border-radius:7px}
.okitchen_sns .insta_post_wrap .list li .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover}
.okitchen_sns .insta_post_wrap .list li .txt_box {margin:0 2px;padding-top:18px}
.okitchen_sns .insta_post_wrap .list li .tit {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:52px;font-size:18px;line-height:26px}
.okitchen_sns .insta_post_wrap .list li .update {margin-top:15px;font-size:14px;color:#666;line-height:22px}

.okitchen_banner{position:relative;height:480px;}
.okitchen_banner .banner_img_wrap{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/brands/okitchen_banner.jpg)no-repeat 60% 0/cover;}
.okitchen_banner .banner_con_wrap{height:100%;}
.okitchen_banner .banner_con_wrap .inner{position:relative;height:100%;}
.okitchen_banner .banner_con_wrap .txt_box{padding-top:47px;}
/* .okitchen_banner .banner_con_wrap .txt_box .tit{overflow:hidden;width:199px;height:92px;background:url(../images/brands/tit_oKitchen_recipe.svg)no-repeat 0 0/199px 92px;color:transparent;} */
.okitchen_banner .banner_con_wrap .txt_box .tit {font-size:40px;color:#DC2F34;line-height:46px;letter-spacing:-.8px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);-webkit-text-stroke:1px #FFF;}
.okitchen_banner .banner_con_wrap .txt_box .tit .br{display:inline-block;width:100%;}
.okitchen_banner .banner_con_wrap .txt_box .txt{padding-top:20px;font-size:14px;font-weight:300;color:#fff;line-height:22px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.okitchen_banner .banner_con_wrap .txt_box .txt .br_mo{display:inline-block;width:100%;}
.okitchen_banner .banner_con_wrap .btn_box{position:absolute;right:20px;left:20px;bottom:50px;text-align:center;}

.okitchen_location_guide{position:relative;margin-top:100px;border-radius:0 0 500px 500px;background:#FFFDEB;}
.okitchen_location_guide .inner{position:relative;padding:78px 30px 80px;}
.okitchen_location_guide .tit{position:absolute;top:30px;left:20px;font-size:26px;line-height:38px;transition:all .3s;}
.okitchen_location_guide .address_area{margin:0 45px;padding-top:128px;background:url(../images/brands/ico_okitchen_location.svg)no-repeat 50% 0/155px 98px;}
.okitchen_location_guide .address_area .address{font-size:16px;font-weight:300;line-height:28px;text-align:center;}
.okitchen_location_guide .address_area .btn_box{padding-top:30px;text-align:center;}

/* 브랜드경험_롤리폴리 */
.rolypoly_visual{position:relative;height:calc(var(--vh, 1vh) * 100);min-height:600px;}
.rolypoly_visual .visual_img_wrap{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/brands/rolypoly_visual_mo.jpg)no-repeat 0 0/cover;}
.rolypoly_visual .visual_con_wrap{height:100%;}
.rolypoly_visual .visual_con_wrap .inner{position:relative;height:100%;}
.rolypoly_visual .top_wrap{position:relative;z-index:20;} 
.rolypoly_visual .top_wrap .tab_sticky{margin:0 -20px;}
.rolypoly_visual .txt_wrap{position:absolute;right:20px;bottom:40px;left:20px;z-index:10;}
.rolypoly_visual .txt_wrap .logo {height:121px;background:url(../images/brands/rolypoly_logo.svg) no-repeat 0 0 / 100% 100%}
.rolypoly_visual .txt_wrap .txt{padding-top:30px;font-size:14px;font-weight:300;color:#fff;line-height:22px;text-align:center;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.rolypoly_visual .txt_wrap .txt .br {display:block;}

.rolypoly_cont .cont_wrap ul li {padding-top:150px}
.rolypoly_cont .cont_wrap ul li .img_box .img_pc {display:none}
.rolypoly_cont .cont_wrap ul li .img_box img {width:100%}
.rolypoly_cont .cont_wrap ul li .txt_box {padding-top:30px}
.rolypoly_cont .cont_wrap ul li .txt_box .tit {display:block;font-size:26px;font-weight:500;line-height:38px;}
.rolypoly_cont .cont_wrap ul li .txt_box .desc {max-width:310px;padding-top:30px;font-size:16px;font-weight:300;line-height:28px;word-break:keep-all;}
.rolypoly_cont .cont_wrap ul li.list1 .img_box {padding-right:35px}
.rolypoly_cont .cont_wrap ul li.list2 .txt_box {text-align:right;}
.rolypoly_cont .cont_wrap ul li.list2 .txt_box .desc {margin-left:auto}
.rolypoly_cont .cont_wrap ul li.list3 .img_box {padding-right:55px}
.rolypoly_cont .cont_wrap ul li.list4 {padding-top:100px}
.rolypoly_cont .cont_wrap ul li.list4 .txt_box {text-align:right;}
.rolypoly_cont .cont_wrap ul li.list4 .txt_box .desc {margin-left:auto}
.rolypoly_cont .cont_wrap ul li.list5 .img_box {padding-right:25px}

.rolypoly_banner {margin-top:150px;padding:150px 20px;height:720px;background:url(../images/brands/rolypoly_banner.jpg) no-repeat 35% 50% / cover;box-sizing:border-box;}
.rolypoly_banner .logo {width:100%;height:123px;background:url(../images/brands/lemiil_logo.svg) no-repeat 0 0 / 100% 100%;}
.rolypoly_banner .txt {padding-top:132px;font-size:16px;font-weight:300;color:#FFF;line-height:24px;text-align:center;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.rolypoly_banner .txt .br {display:block;}

.rolypoly_location {margin-top:150px;border-radius:0 0 500px 500px;background:#F8F8F8;text-align:center;}
.rolypoly_location .inner {position:relative;padding:78px 30px 80px;}
.rolypoly_location .inner .tit {position:absolute;top:30px;left:20px;font-size:26px;line-height:38px;transition:all .3s}
.rolypoly_location .inner .con {position:relative;max-width:220px;margin:10px auto 0}
.rolypoly_location .inner .con::before {content:'';display:block;width:216px;height:100px;background:url(../images/brands/ico_rolypoly_map.svg) no-repeat 0 0 / 100% 100%}
.rolypoly_location .inner .con .addr {margin-top:30px;font-size:16px;font-weight:300;line-height:28px;transition:all .3s}
.rolypoly_location .inner .con .addr .txt_s {display:block;}
.rolypoly_location .inner .con .btn_type_s {margin-top:30px}

.rolypoly_follow {margin-top:100px;background:#D7CEC7;text-align:center;}
.rolypoly_follow .btn_link {display:block;padding:60px 60px 50px;outline-offset:-3px}
.rolypoly_follow .tit {font-size:32px;line-height:46px;letter-spacing:-.64px;}
.rolypoly_follow .txt {font-size:20px;line-height:28px;}
.rolypoly_follow .txt::before {content:'';display:inline-block;width:30px;height:30px;margin-right:10px;background:url(../images/brands/ico_insta.svg) no-repeat 0 0 / 100% 100%;vertical-align:top;}
.rolypoly_follow .logo {width:220px;height:160px;margin:20px auto 0;background:url(../images/brands/rolypoly_follow_logo.svg) no-repeat 0 0 / 100% 100%}
.rolypoly_follow .desc {margin-top:20px;font-size:15px;font-weight:300;line-height:23px}
.rolypoly_follow .desc .br {display:block}

/* 브랜드경험_푸드트럭 */
.food_truck_visual{position:relative;height:calc(var(--vh, 1vh) * 100);min-height:600px;}
.food_truck_visual .visual_img_wrap{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/brands/food_truck_visual.jpg)no-repeat 60% 0/cover;}
.food_truck_visual .visual_con_wrap{overflow:hidden;height:100%;}
.food_truck_visual .visual_con_wrap .inner{position:relative;height:100%;}
.food_truck_visual .top_wrap{position:relative;z-index:20;} 
.food_truck_visual .top_wrap .tab_sticky{margin:0 -20px;}
.food_truck_visual .txt_wrap{position:absolute;right:20px;bottom:30px;left:20px;z-index:10;text-align:right;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.food_truck_visual .txt_wrap .tit_sub{font-size:24px;font-weight:300;color:#fff;line-height:34px;}
.food_truck_visual .txt_wrap .tit_main{display:block;margin-right:-20px;padding-top:12px;font-size:48px;font-weight:500;color:#fff;line-height:64px;letter-spacing:24px;word-break:keep-all;}
.food_truck_visual .txt_wrap .tit_main .br{display:inline-block;width:100%;}
.food_truck_visual .txt_wrap .txt{padding-top:12px;font-size:16px;font-weight:300;color:#fff;line-height:24px;word-break:keep-all;}

.food_truck_introduction{overflow:hidden;padding:100px 0 95px;background:#FFFBCC;}
.food_truck_introduction .inner{padding:0 30px;}
.food_truck_introduction .slogan_wrap .txt{font-size:28px;font-weight:500;line-height:38px;word-break:keep-all;}
.food_truck_introduction .slogan_wrap .txt .br{display:inline-block;width:100%;}
.food_truck_introduction .slogan_wrap .ico_list .ico{display:block;}
.food_truck_introduction .slogan_wrap .top_box{display:flex;flex-direction:column;gap:40px;}
.food_truck_introduction .slogan_wrap .top_box .ico_list{display:flex;align-items:flex-end;justify-content:flex-end;gap:25px;}
.food_truck_introduction .slogan_wrap .top_box .ico_list .ico1{width:60px;height:79px;background:url(../images/brands/ico_food1.svg)no-repeat 0 0/60px 79px;}
.food_truck_introduction .slogan_wrap .top_box .ico_list .ico2{width:54px;height:48px;background:url(../images/brands/ico_food2.svg)no-repeat 0 0/54px 48px;}
.food_truck_introduction .slogan_wrap .top_box .ico_list .ico3{width:38px;height:79px;background:url(../images/brands/ico_food3.svg)no-repeat 0 0/38px 79px;}
.food_truck_introduction .slogan_wrap .mid_box{padding:0;text-align:center;}
.food_truck_introduction .slogan_wrap .bot_box{display:flex;flex-direction:column;justify-content:flex-start;gap:40px;text-align:right;}
.food_truck_introduction .slogan_wrap .bot_box .ico_list{display:flex;align-items:flex-end;gap:25px;}
.food_truck_introduction .slogan_wrap .bot_box .ico_list .ico1{width:61px;height:80px;background:url(../images/brands/ico_food4.svg)no-repeat 0 0/61px 80px;}
.food_truck_introduction .slogan_wrap .bot_box .ico_list .ico2{width:47px;height:50px;background:url(../images/brands/ico_food5.svg)no-repeat 0 0/47px 50px;}
.food_truck_introduction .slogan_wrap .bot_box .ico_list .ico3{width:38px;height:80px;background:url(../images/brands/ico_food6.svg)no-repeat 0 0/38px 80px;}
.food_truck_introduction .truck_introduction_wrap{padding-top:60px;}
.food_truck_introduction .truck_introduction_wrap .truck_img{position:relative;}
.food_truck_introduction .truck_introduction_wrap .truck_img img{width:100%;}
.food_truck_introduction .truck_introduction_wrap .truck_img .arw_character{position:absolute;top:60%;left:29%;width:13.47%;}
.food_truck_introduction .truck_introduction_wrap .truck_img .arw_character .arw_box{display:block;position:relative;padding-top:calc(170 / 50 * 100%);}
.food_truck_introduction .truck_introduction_wrap .truck_img .arw_character .ico{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;background:url(../images/brands/ico_truck_arw_m_mo.svg)no-repeat 0 0/contain;}
.food_truck_introduction .truck_introduction_wrap .truck_img .arw_color{position:absolute;top:77%;right:20%;width:9%;}
.food_truck_introduction .truck_introduction_wrap .truck_img .arw_color .arw_box{display:block;position:relative;padding-top:calc(126 / 32 * 100%);}
.food_truck_introduction .truck_introduction_wrap .truck_img .arw_color .ico{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;background:url(../images/brands/ico_truck_arw_s_mo.svg)no-repeat 0 0/contain;}
.food_truck_introduction .truck_introduction_wrap .truck_info{display:flex;gap:20px;margin:0 -30px;padding:16% 22px 0 43px;}
.food_truck_introduction .truck_introduction_wrap .truck_info li{width:50%;}
.food_truck_introduction .truck_introduction_wrap .truck_info .img_box img{width:100%;}
.food_truck_introduction .truck_introduction_wrap .truck_info .txt_box{text-align:center;}
.food_truck_introduction .truck_introduction_wrap .truck_info .txt_box .txt{padding-top:10px;font-size:16px;font-weight:500;line-height:24px;}
.food_truck_introduction .truck_introduction_wrap .truck_info .txt_box .txt .br{display:inline-block;width:100%;}

.food_truck_story{padding:100px 0;} 
.food_truck_story .tit_wrap{text-align:center;}
.food_truck_story .tit_wrap .lt_wrap{width:130px;height:141px;margin:0 auto;}
.food_truck_story .tit_wrap .tit{padding-top:30px;font-size:32px;font-weight:500;line-height:46px;letter-spacing:-0.64px;word-break:keep-all;}
.food_truck_story .tit_wrap .desc{padding-top:8px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.food_truck_story .tit_wrap .desc .br{display:inline-block;width:100%;}
.food_truck_story .link_wrap{padding-top:30px;text-align:center;}
.food_truck_story .link_wrap a{width:100%;}
.food_truck_story .date_wrap{padding-top:20px;text-align:center;}
.food_truck_story .date_wrap .date strong{display:inline-block;position:relative;padding-left:35px;font-size:18px;font-weight:500;line-height:26px;}
.food_truck_story .date_wrap .date strong::before{content:'';position:absolute;top:-3px;left:0;width:30px;height:30px;background:url(../images/brands/ico_date.svg)no-repeat 0 0/30px;}
.food_truck_story .date_wrap .date span{display:inline-block;width:100%;padding-top:5px;font-size:15px;font-weight:300;line-height:23px;}
.food_truck_story .date_wrap .txt{font-size:14px;font-weight:300;color:#666;line-height:22px;}

.food_truck_sns{background:#FFED00;}
.food_truck_sns .follow_arrow_wrap{position:relative;}
.food_truck_sns .follow_arrow_wrap > a .tit .br{display:inline-block;width:100%;}
.food_truck_sns .follow_arrow_wrap > a .txt_wrap{position:unset;}
.food_truck_sns .follow_arrow_wrap > a .arrow_wrap{position:unset;}
.food_truck_sns .follow_arrow_wrap > a .arrow_wrap .ic_box{display:none;}
.food_truck_sns .follow_arrow_wrap > a .arrow_wrap .ic{display:inline-block;}
.food_truck_sns .follow_arrow_wrap > a .arrow_wrap .ic1{width:34px;height:71px;background:url(../images/brands/ico_food3.svg)no-repeat 0 0/34px 71px;}
.food_truck_sns .follow_arrow_wrap > a .arrow_wrap .ic2{width:51px;height:44px;background:url(../images/brands/ico_food2.svg)no-repeat 0 0/51px 44px;}
.food_truck_sns .follow_arrow_wrap > a .arrow_wrap .ic3{width:52px;height:64px;margin-right:0;background:url(../images/brands/ico_food7.svg)no-repeat 0 0/52px 64px;}
.food_truck_sns .follow_arrow_wrap > a .logo{width:144px;}
.food_truck_sns .follow_arrow_wrap > a .logo img{width:100%;}
.food_truck_sns .follow_arrow_wrap > a .desc .br{display:inline-block;width:100%;}

.food_truck_info{padding-top:100px;}
.food_truck_info .info_slide_wrap li{margin-right:-20px;padding-top:100px;}
.food_truck_info .info_slide_wrap li:first-child{padding-top:0;}
.food_truck_info .info_slide_wrap .sketch_area .controls{display:none;}
.food_truck_info .info_slide_wrap .sketch_area .slider .slide2 .img_box img{object-position:20% 50%;}
.food_truck_info .info_slide_wrap .sketch_area .slider .slide3 .img_box img{object-position:40% 50%;}
.food_truck_info .info_slide_wrap .sketch_area .slider .slide4 .img_box img{object-position:60% 50%;}
.food_truck_info .info_slide_wrap .sketch_area .slider .slide7 .img_box img{object-position:70% 50%;}

.info_slide_wrap .tit_wrap{padding-bottom:20px;}
.info_slide_wrap .tit_main{font-size:26px;font-weight:500;line-height:38px;}
.info_slide_wrap .column_slide .slider{overflow:hidden;position:relative;}
.info_slide_wrap .column_slide .slider .img_box{overflow:hidden;position:relative;padding-top:calc(394 / 300 * 100%);border-radius:50px;}
.info_slide_wrap .column_slide .slider .img_box img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover}
.info_slide_wrap .column_slide .swiper-button-prev{position:absolute;left:10px;}
.info_slide_wrap .column_slide .swiper-button-next{position:absolute;right:10px;}
.info_slide_wrap .row_slide .slide_inner{position:relative;}
.info_slide_wrap .row_slide .slider{overflow:hidden;}
.info_slide_wrap .row_slide .slider .img_box{overflow:hidden;position:relative;padding-top:calc(394 / 300 * 100%);border-radius:50px;}
.info_slide_wrap .row_slide .slider .img_box img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover}
.info_slide_wrap .row_slide .slider .txt_box{padding-top:15px;text-align:center;}
.info_slide_wrap .row_slide .slider .txt_box .txt{font-size:18px;line-height:26px;}

/* 브랜드경험_공장견학 */
.visit_intro {margin-top:150px;background:url(../images/brands/bg_visit_intro.jpg) no-repeat 0 0 / cover}
.visit_intro .inner {padding:50px 47px 40px;}
.visit_intro .slogan {display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:relative;width:270px;height:270px;margin:0 auto;text-align:center;}
.visit_intro .slogan::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#DC2F34;border-radius:50%;}
.visit_intro .slogan .txt {display:inline-flex;font-size:26px;color:#FFF;line-height:38px;}
.visit_intro .slogan .txt .col_white {display:block;transform:translateX(-300px);transition:transform .75s}
.visit_intro .slogan .txt .col_yellow {display:block;margin-left:10px;color:#FFED00;transform:translateX(-300px);transition:transform .75s}
.visit_intro .slogan .txt1 .col_white {transition-delay:.5s}
.visit_intro .slogan .txt2 .col_white {transition-delay:1.5s}
.visit_intro .slogan .txt3 .col_white {transition-delay:2.5s}
.visit_intro .slogan .txt1 .col_yellow {transition-delay:.5s}
.visit_intro .slogan .txt2 .col_yellow {transition-delay:1.5s}
.visit_intro .slogan .txt3 .col_yellow {transition-delay:2.5s}
.visit_intro .slogan.active .txt .col_white{transform:translateX(0)}
.visit_intro .slogan.active .txt .col_yellow {transform:translateX(0);transition-duration:1.2s;}
.visit_intro .slogan .ico1 {position:absolute;top:30px;left:0;width:20px;height:20px;background:url(../images/brands/ico_star.svg) no-repeat 0 0 / 100% 100%;}
.visit_intro .slogan .ico2 {position:absolute;bottom:0;right:0;width:24px;height:24px;background:url(../images/brands/ico_star.svg) no-repeat 0 0 / 100% 100%;}
.visit_intro .desc {margin-top:20px;font-size:14px;font-weight:300;color:#FFF;line-height:22px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);opacity:0;animation:fadeIn_play03 1s 3.5s both;-webkit-animation:fadeIn_play03 1s 3.5s both;}
.visit_intro .desc + .desc {animation-delay:4s;-webkit-animation-delay:4s;}

.visit_info {padding-top:150px}
.visit_info .tit {font-size:26px;line-height:38px}
.visit_info ul {margin-top:20px}
.visit_info ul li {margin-top:10px;padding:20px 25px;border-radius:30px;background:#F8F8F8}
.visit_info ul li strong {display:inline-block;position:relative;padding:7px 0 7px 50px;font-size:18px;font-weight:500;line-height:26px;}
.visit_info ul li p {margin-top:10px;font-size:15px;font-weight:300;line-height:23px;}
.visit_info ul li p .br {display:block}
.visit_info ul li p .noti {display:block;font-size:13px;font-weight:300;color:#666;line-height:21px}
.visit_info ul li strong::before {content:'';position:absolute;top:0;left:0;width:40px;height:40px;background-repeat:no-repeat;background-position:0 0 ;background-size:100% 100%}
.visit_info ul li.ico1 strong::before {background-image:url(../images/brands/ico_visit1.svg)}
.visit_info ul li.ico2 strong::before {background-image:url(../images/brands/ico_visit2.svg)}
.visit_info ul li.ico3 strong::before {background-image:url(../images/brands/ico_visit3.svg)}
.visit_info ul li.ico4 strong::before {background-image:url(../images/brands/ico_visit4.svg)}
.visit_info ul li.ico5 strong::before {background-image:url(../images/brands/ico_visit5.svg)}
.visit_info ul li.ico6 strong::before {background-image:url(../images/brands/ico_visit6.svg)}
.visit_info .txt_noti {margin-top:20px;font-size:15px;font-weight:300;line-height:23px;}
.visit_info .txt_noti .btn_apply {font-weight:500;color:#DC2F34}
.visit_info .txt_noti .btn_apply span {border-bottom:1px solid #DC2F34;}
.visit_info .txt_noti .btn_apply::after {content:'';display:inline-block;width:26px;height:26px;background:url(../images/brands/ico_pencil.svg) no-repeat 0 0 / 100% 100%;vertical-align:top;}

.visit_flow {padding-top:150px}
.visit_flow .inner {padding-top:60px;background:#FFFBCC}
.visit_flow .tit {position:absolute;top:60px;left:0;padding:0 20px;font-size:24px}
.visit_flow .swiper-container {overflow:hidden;margin-top:30px;padding:0 20px 78px}
.visit_flow .swiper-container .swiper-slide {width:210px;margin-right:15px;}
.visit_flow .swiper-container .swiper-slide:last-child {margin-right:0}
.visit_flow .swiper-container .swiper-slide .img_box {position:relative;margin-top:15px}
.visit_flow .swiper-container .swiper-slide .img_box .thumb {overflow:hidden;width:210px;height:220px;border-radius:20px;}
.visit_flow .swiper-container .swiper-slide .txt {font-size:18px;line-height:26px}
.visit_flow .swiper-container .swiper-slide .txt .num {margin-right:10px;color:#FFED00;-webkit-text-stroke:1px #000;}
/* .visit_flow .swiper-container .lt_wrap {display:none}
.visit_flow .swiper-container .swiper-scrollbar-drag {background:none}
.visit_flow .swiper-container .swiper-scrollbar-drag .lt {width:60px;height:42px;margin-top:-42px}
.visit_flow .swiper-container .controls {display:none}
.visit_flow .sticky {position:sticky;top:0px;max-height:100vh;overflow-x:hidden;overflow-y:hidden;}
.visit_flow .swiper-horizontal>.swiper-scrollbar {left:0;bottom:0;width:100%;height:3px;background:#123E8C;border-radius:0;} */

.visit_flow .h-scroll2 {position:fixed;bottom:0;left:-120px;-webkit-transform: translateZ(0)}
.visit_flow .h-scroll2 .lt {width:60px;height:42px;}

/* horizon scroll */
.h-scroll {display: -ms-flexbox;display: -webkit-flex;display: flex !important;-ms-flex-wrap: nowrap;flex-wrap: nowrap !important;-webkit-align-items: center;-ms-flex-align: center;align-items: center;overflow: hidden;height: 100vh;}
.h-scroll>div {-ms-flex-negative: 0;flex-shrink: 0 !important;}

.flow_slide_down{overflow:hidden;}
.flow_slide_up{overflow:hidden;}
.flow_slide_down .visit_flow .swiper-container:after{content: '';position: fixed;left: 0;top: 0;right: 0;bottom: 0;}
.flow_slide_up .visit_flow .swiper-container:after{content: '';position: fixed;left: 0;top: 0;right: 0;bottom: 0;}

.factory_visit {position:relative;padding:123px 0 88px;}
.factory_visit .inner {padding:0}
.factory_visit::before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#FFED00 url(../images/brands/bg_visit.svg) no-repeat 0 0 / cover}
.factory_visit .tit_depth4 {text-align:center;}
.factory_visit .tit_depth4 span {position:relative;}
.factory_visit .tit_depth4 span::after {content:'';position:absolute;top:-50px;left:50%;width:44px;height:40px;margin-left:-22px;background:url(../images/brands/ico_cal.svg) no-repeat 0 0 / 100% 100%}
.factory_visit .cal_chk {margin-top:30px;padding:50px 20px;border-radius:20px;border-top:1px solid #FFFDEB;border-bottom:1px solid #FFFDEB;background:#FFF;}
.factory_visit .cal_chk .c_header {position:relative;margin:0 17px}
.factory_visit .cal_chk .c_header .btn_prev {position:absolute;top:0;left:0;}
.factory_visit .cal_chk .c_header .btn_next {position:absolute;top:0;right:0;}
.factory_visit .cal_chk .c_header button span {display:none}
.factory_visit .cal_chk .c_header .month {display:block;font-size:24px;line-height:34px;text-align:center;}

.factory_visit .cal_chk .calendar {margin-top:20px}
.factory_visit .cal_chk .calendar thead tr th {height:40px;font-size:13px;color:#333;line-height:21px}
.factory_visit .cal_chk .calendar tbody tr td .date {margin-top:20px;text-align:center;}
.factory_visit .cal_chk .calendar tbody tr:first-child td .date {margin-top:10px}
.factory_visit .cal_chk .calendar tbody tr td .date .day {display:block;width:41px;height:41px;border-radius:30px;font-size:15px;font-weight:300;color:#666;line-height:41px}
.factory_visit .cal_chk .calendar tbody tr td .date .state {display:block;font-size:10px;font-weight:300;color:#666;line-height:18px}

.factory_visit .cal_chk .calendar tbody tr td .date.closed .day {background:#E6E6E6;}
.factory_visit .cal_chk .calendar tbody tr td .date.opened .day {background:#FFED00;font-size:16px;font-weight:500;color:#000}
.factory_visit .cal_chk .calendar tbody tr td .date.opened .state {font-weight:500;color:#000}
.factory_visit .cal_chk .calendar tbody tr td .date.selected .day {position:relative;background:#FFF;border:4px solid #DC2F34;outline:none;box-shadow:0 0 0 1px #000;font-size:16px;font-weight:500;color:#000;line-height:33px;outline-offset:-1px;box-sizing:border-box;}
.factory_visit .cal_chk .calendar tbody tr td .date.selected .day::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #000;border-radius:inherit}
.factory_visit .cal_chk .calendar tbody tr td .date.selected .state {font-weight:500;color:#000}

.factory_visit .schedule {margin-top:30px;padding:60px 20px 50px;border-radius:20px;background:#FFF;text-align:center;}
.factory_visit .schedule .lt_wrap {position:static;width:110px;height:100px;margin:0 auto;-webkit-transform:none;}
.factory_visit .schedule .tit {display:block;margin-top:30px;font-size:18px;font-weight:500;line-height:26px;}
.factory_visit .schedule .desc {margin-top:10px;font-size:15px;font-weight:300;line-height:23px;}
.factory_visit .schedule ul {margin-top:30px;padding:14px 20px;border-radius:50px;background:#FFED00;}
.factory_visit .schedule ul li {position:relative;margin-top:6px;padding-left:16px;font-size:13px;font-weight:300;line-height:21px;text-align:left;}
.factory_visit .schedule ul li:first-child {margin-top:0}
.factory_visit .schedule ul li::before {content:'';position:absolute;top:10px;left:6px;width:3px;height:3px;border-radius:50%;background:#000}
.factory_visit .schedule ul li em {font-weight:500}
.factory_visit .schedule .tel {margin-top:30px;font-size:15px;font-weight:300;line-height:23px;}
.factory_visit .schedule .tel em {position:relative;padding-left:30px;margin-right:8px;font-weight:500}
.factory_visit .schedule .tel em::before {content:'';position:absolute;top:50%;left:0;width:25px;height:25px;margin-top:-13px;background:url(../images/brands/ico_visit6.svg) no-repeat 0 0 / 100% 100%;}

.factory_visit .guide {padding:50px 20px;border-radius:20px;background:#FFFBCC}
.factory_visit .guide .tit {font-size:18px;font-weight:500;line-height:26px}
.factory_visit .guide .tit::before {content:'';display:inline-block;width:25px;height:25px;margin-right:10px;background:url(../images/brands/ico_noti.svg) no-repeat 0 0 / 100% 100%;vertical-align:top;}
.factory_visit .guide ul {margin-top:30px}
.factory_visit .guide ul li {position:relative;margin-top:15px;padding-left:16px;font-size:14px;font-weight:300;line-height:22px;}
.factory_visit .guide ul li::before {content:'';position:absolute;top:10px;left:5px;width:3px;height:3px;border-radius:50%;background:#000}
.factory_visit .guide ul li .br {display:block}
.factory_visit .lt_wrap {position:absolute;bottom:0;left:50%;width:325px;height:100px;transform:translateX(-50%);-webkit-transform:translateX(-50%);}

.visit_application_form {padding:50px 20px;margin-top:30px;background:#FFF}
.visit_application_form .tit_depth4.second {padding-top:100px}
.visit_application_form .tbl_write colgroup .w01 {width:15%}
.visit_application_form .agree_top_tit {margin-top:48px;font-size:15px;line-height:23px;letter-spacing:-.3px;}
.visit_application_form .agree_top_tit + .agree_box {margin-top:10px}
.visit_application_form .btn_wrap {margin-top:60px}

/* 브랜드경험_공모전 */
.essay_visual img{width:100%;}
.essay_visual .lottie_pc{display:none;}

.essay_area{padding-top:60px;}
.essay_area .essay_cont{padding-top:76px;}
.essay_area .essay_cont li{display:flex;flex-direction:column;padding-top:130px;}
.essay_area .essay_cont .item1{padding-top:0;}
.essay_area .essay_cont .item1 .img_wrap{padding-right:15px;}
.essay_area .essay_cont .item1 .img_box{padding-top:87.5%;border-radius:30px;}
.essay_area .essay_cont .item2{flex-direction:column-reverse;}
.essay_area .essay_cont .item2 .img_wrap{padding-left:35px;}
.essay_area .essay_cont .item2 .img_box{border-radius:50%;}
.essay_area .essay_cont .item2 .txt{text-align:right;}
.essay_area .essay_cont .item3 .img_wrap{padding-right:35px;}
.essay_area .essay_cont .item3 .img_box{padding-top:111.338%;border-radius:100px;}

.essay_area .essay_cont .img_box{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;left:0;top:0;width:100%;padding-top:100%;}
.essay_area .essay_cont .img_box img{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.essay_area .essay_cont .txt{padding-top:30px;font-size:18px;font-weight:300;line-height:30px;}
.essay_area .essay_cont .btn_wrap{padding-top:100px;}
.essay_area .essay_cont .btn_wrap a{width:156px;}

.contest_top .tab_sticky{height:74px;}
.contest_visual{overflow:hidden;padding:115px 0 285px;}
.contest_top .tab_sticky{padding-top:30px ;}
.contest_visual .txt_wrap{position:relative;padding:48px 57px 0 20px;}
.contest_visual .txt_wrap i{position:absolute;z-index:-1;}
.contest_visual .txt_wrap .ico1{top:-15px;right:-76px;width:53.335%;height:76.72%;background:url(../images/brands/ico_oif_yellow1.svg)no-repeat 0 0 / 100% 100%;animation:scale 2.5s infinite;}
.contest_visual .txt_wrap .ico2{bottom:7px;right:29px;width:26px;height:26px;background:url(../images/brands/ico_oif_circle1.svg)no-repeat 0 0 / 100% 100%}
.contest_visual .txt_wrap .ico3{bottom:-60%;left:10px;width:25.27%;height:51%;background:url(../images/brands/ico_oif_yellow2.svg)no-repeat 0 0 / 100% 100%;animation:scale 2.5s infinite;}
.contest_visual .img_wrap{position:relative;}
.contest_visual .img_wrap img{position:relative;left:20px;animation:moving 3s infinite;}
.contest_visual .img_wrap i{position:absolute;}
.contest_visual .img_wrap .ico1{bottom:7px;right:10px;width:20px;height:20px;background:url(../images/brands/ico_oif_circle3.svg)no-repeat 0 0 / 100% 100%}
.contest_visual .img_wrap .ico2{bottom:-75px;right:40px;width:40px;height:40px;background:url(../images/brands/ico_oif_circle1.svg)no-repeat 0 0 / 100% 100%}
.contest_visual .img_wrap .ico3{bottom:-47%;left:0;width:45.27%;height:55%;background:url(../images/brands/ico_oif_yellow4.svg)no-repeat 0 0 / 100% 100%;animation:scale 2.5s infinite;}

.oif_area .oif_cont{padding-bottom:60px;background:#FFFBCC;}
.oif_area .oif_cont .inner ul{position:relative;top:-59px;}
.oif_area .oif_cont .inner ul li{display:flex;flex-direction:column;position:relative;padding-top:150px;}
.oif_area .oif_cont .inner ul li:first-child{padding-top:0;}
.oif_area .oif_cont .inner ul .item2{display:flex;flex-direction:column-reverse;}
.oif_area .oif_cont .img_box{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;left:0;top:0;width:100%;padding-top:100%;}
.oif_area .oif_cont .img_box .svg{position:absolute;width:0;height:0;}
.oif_area .oif_cont .img_box .clipped{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.oif_area .oif_cont .img_box img{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.oif_area .oif_cont .img_wrap{position:relative;}
.oif_area .oif_cont .item1 .img_wrap{padding-right:11.645%;}
.oif_area .oif_cont .item1 .img_box{padding-top:142.325%;}
.oif_area .oif_cont .item1 .img_box .clipped{-webkit-clip-path:url(#clip_path1);clip-path:url(#clip_path1);}
.oif_area .oif_cont .item2 .img_wrap{padding-left:22.39%;}
.oif_area .oif_cont .item2 .img_box{border-radius:500px;padding-top:73.08%;}
.oif_area .oif_cont .item3 .img_wrap{padding-right:22.39%;}
.oif_area .oif_cont .item3 .img_box{padding-top:115.39%;}
.oif_area .oif_cont .item3 .img_box .clipped{-webkit-clip-path:url(#clip_path3);clip-path:url(#clip_path3);}
.oif_area .oif_cont .txt_wrap{padding-top:30px;}
.oif_area .oif_cont .item2 .txt_wrap{text-align:right;}
.oif_area .oif_cont .txt_wrap p{font-size:18px;font-weight:300;line-height:30px;}
.oif_area .oif_cont .txt_wrap p .br{display:block;}
.oif_area .oif_cont .btn_wrap{padding-top:41px;}
.oif_area .oif_cont .btn_wrap a{width:156px;}
.oif_area .oif_cont .lt_wrap{position:absolute;}
.oif_area .oif_cont .lt_wrap.type_pc{display:none;}
.oif_area .oif_cont .item1 .lt_wrap{right:-1.5%;bottom:-25px;width:44.512%;height:35.609%;}
.oif_area .oif_cont .item1 .lt_wrap img{width:100%;}
.oif_area .oif_cont .item2 .lt_wrap{left:-0.027%;bottom:20px;width:44.512%;height:78.95%;}
.oif_area .oif_cont .item2 .lt_wrap img{width:100%;}
.oif_area .oif_cont .item3 .lt_wrap{right:-20px;bottom:0;width:44.512%;height:49.62%;}
.oif_area .oif_cont .item3 .lt_wrap img{width:100%;}

/* 브랜드경험_공모전 (new) */
.oif_slide {padding-top:60px}
.oif_slide .swiper-container {position:relative}
.oif_slide .swiper-container .swiper-wrapper {padding:0}
.oif_slide .swiper-container .swiper-slide {padding:44px 0 271px}
.oif_slide .swiper-container .img_box {width:130px;height:172px}
.oif_slide .swiper-container .img_box img {width:100%}

.oif_slide .swiper-slide.slide1 {background: #FFED00}
.oif_slide .swiper-slide.slide2 {background: #FFFAD2}
.oif_slide .swiper-slide.slide3 {background: #FFED00}
.oif_slide .swiper-slide.slide4 {background: #E30613}
.oif_slide .swiper-slide.slide4 h2 {color:#FFED00}
.oif_slide .swiper-slide.slide4 .desc_box {color:#FFED00}
.oif_slide .swiper-slide.slide4 .logo {background:url(../images/brands/logo_oif2.svg) no-repeat 0 0 / 100% 100%}

.oif_slide .controls {position:absolute;bottom:192px;left:50%;z-index:10;width:134px;height:24px;margin-left:-67px;}
.oif_slide .btn_type3_l {display:none}
.oif_slide .swiper-pagination-bullet {background:#FFF;border:2px solid #000;opacity:1;}
.oif_slide .swiper-pagination-bullet:focus-visible {outline:3px dotted #000;outline-offset:1px;}
.oif_slide .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:0;width:auto;}
.oif_slide .swiper-pagination-bullet-active {width:30px;background:#123E8C;border-radius:10px;}
.oif_slide .swiper-button-pause {right:0;z-index:10;width:24px;height:24px;margin-top:-12px;background:#fff url(../images/common/btn_pause_xs.svg) no-repeat 50% 50% / 4px 8px}
.oif_slide .swiper-button-play {right:0;z-index:10;width:24px;height:24px;margin-top:-12px;background:#fff url(../images/common/btn_play_xs.svg) no-repeat 50% 50% / 8px 9px}
.oif_slide .swiper-button-pause::before {display:none}
.oif_slide .swiper-button-play::before {display:none}
.oif_slide .swiper-button-prev {display:none}
.oif_slide .swiper-button-next {display:none}

.oif_area .tab_sticky2 .swiper-container {position:fixed;bottom:0;left:0;width:100%;height:auto;z-index:500;padding:16px 20px;box-sizing: border-box;}
.oif_area .tab_sticky2.scroll_end .swiper-container {bottom:60px;transition:bottom .4s}
.oif_area .tab_sticky2 .swiper-slide {flex:1;margin-right:5px;}
.oif_area .tab_sticky2 .swiper-slide:last-child {margin-right:0}
.oif_area .tab_sticky2 .swiper-slide a {display:flex;flex-direction:column;justify-content:center;min-width:80px;height:70px;font-size:15px;line-height:19px;border-radius: 10px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);text-align:center;white-space:nowrap;}
.oif_area .tab_sticky2 .swiper-slide .btn_link1 {background:#123E8C;color:#FFF}
.oif_area .tab_sticky2 .swiper-slide .btn_link2 {background:#FFFBCC;color:#000}
.oif_area .tab_sticky2 .swiper-slide .btn_link3 {background:#DC2F34;color:#FFF}
.oif_area .tab_sticky2 .swiper-slide .btn_link4 {background:#FFFBCC;color:#000}

.oif_area.v2 {position:relative;z-index:10;}
.oif_area.v2 .contest_visual {padding:0}
.oif_area.v2 .oif_cont .txt_wrap p .br_mo {display:block}
.oif_area.v2 .oif_cont .txt_wrap p {font-size:16px;line-height:28px;}

.oif_area.v2 .oif_cont .inner ul {top:0}
.oif_area.v2 .oif_cont .inner .youtube_area {position:relative;top:-120px;}
.oif_area.v2 .oif_cont .inner .video {position:relative;padding-top:56.25%;}
.oif_area.v2 .oif_cont .inner .video iframe {position:absolute;top:0;left:0;width:100%;height:100%;border-radius:30px;outline:4px solid #fff}

.essay_area.v2 .essay_cont .txt {font-size:16px;line-height:28px;}

.contest_winning {background:#FFED00;}
.contest_winning .follow_arrow_wrap > a {padding:80px 19px 50px}
.contest_winning .follow_arrow_wrap > a .tit {font-size:24px;line-height:34px;letter-spacing:0;}
.contest_winning .follow_arrow_wrap .ico {width:138px;margin:15px auto 0}
.contest_winning .follow_arrow_wrap .ico img {width:100%}

/* 브랜드경험_공모요강 (new) */
.contest_outline_visual{min-height:770px;height:calc(var(--vh, 1vh) * 100);padding:0 !important;background:#FFED00;}
.contest_outline_visual .brands_contest{height:100%;}
.contest_outline_visual .brands_contest .inner{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;}
.brands_contest{padding:94px 0 65px;color:#DC2F34;}
.brands_contest h2{font-size:30px;font-weight:700;line-height:36px;letter-spacing:-.6px;text-align:center;}
.brands_contest .img_box{width:130px;height:172px;margin:40px auto 0;}
.brands_contest .desc_box{margin-top:40px;text-align:center;}
.brands_contest .desc_box .tit{font-size:20px;font-weight:500;line-height:28px;}
.brands_contest .desc_box p{margin-top:7px;font-size:16px;font-weight:300;line-height:24px;}
.brands_contest .desc_box p .br {display:block}
.brands_contest .desc_box .desc_date{display:block;margin-top:26px;font-size:16px;font-weight:300;line-height:24px;}
.brands_contest .logo {width:169px;height:43px;margin:30px auto 0;background:url(../images/brands/logo_oif.svg) no-repeat 0 0 / 100% 100%;}

.contest_outline_list{padding:80px 0;}
.contest_outline_list .tit_wrap{margin-bottom:50px;}
.contest_outline_list .tit_wrap h3{font-size:28px;line-height:38px;text-align:center;}
.contest_outline_list .outline_list_wrap > li{position:relative;margin-bottom:20px;}
.contest_outline_list .outline_list_wrap > li::before{content:'';position:absolute;left:0;right:0;top:19px;height:5px;background:url(../images/brands/ico_brand_line_mo.svg) repeat 50% 50%;}
.contest_outline_list .outline_list_wrap > li:last-child{margin-bottom:0;}
.contest_outline_list .outline_list_wrap > li strong{position:relative;display:block;width:110px;height:40px;background:#FFFC29 url(../images/brands/oif_border.svg) no-repeat 0 0 / 100% 100%;font-size:16px;font-weight:500;line-height:40px;text-align:center;}
.contest_outline_list .outline_list_wrap > li .list_box > li{position:relative;margin-top:10px;padding-left:15px;font-size:15px;line-height:23px;word-break: keep-all;}
.contest_outline_list .outline_list_wrap > li .list_box li .ico_pc{display:none;}
.contest_outline_list .outline_list_wrap > li:first-child .list_box > li{font-size:15px;line-height:23px;}
.contest_outline_list .outline_list_wrap > li:first-child .list_box > li span{margin-top:10px}
.contest_outline_list .outline_list_wrap > li:first-child .list_box > li span.br {margin-top:0}
.contest_outline_list .outline_list_wrap > li .list_box > li:first-child{margin-top:20px;}
.contest_outline_list .outline_list_wrap > li .list_box > li::before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;background:#000;}
.contest_outline_list .outline_list_wrap > li .list_box .li_interval{margin-top:30px;}
.contest_outline_list .outline_list_wrap > li .list_box li span{display:block;font-weight:300;}
.contest_outline_list .outline_list_wrap > li .desc_box{margin:10px 0 0 15px;}
.contest_outline_list .outline_list_wrap > li .desc_box li{font-size:13px;font-weight:300;color:#666;line-height:21px;}
.contest_outline_list .outline_list_wrap > li .list_box.type2 span{margin-top:10px;}
.contest_outline_list .outline_list_wrap > li .list_box.type2 .desc_box{margin-left:0;}

.content_outline_award{padding:80px 0;background:#F0F0F0;}
.content_outline_award .tit_wrap{margin-bottom:50px;}
.content_outline_award .tit_wrap h3{font-size:28px;line-height:38px;text-align:center;}
.content_outline_award ul li{padding:20px 0;border-radius:30px;background:#fff;text-align:center;}
.content_outline_award ul li strong{font-size:22px;font-weight:500;line-height:32px;}
.content_outline_award ul li span{display:block;margin-top:10px;font-size:16px;font-weight:300;line-height:24px;}
.content_outline_award ul li span + span{margin-top:5px;}
.content_outline_award ul li.type2{margin:40px 0;padding:0;background:transparent;}
.content_outline_award ul li.type2 li{margin-top:10px;}
.content_outline_award ul li.type2 li:first-child{margin-top:0;}
.content_outline_award ul li.type2 li:last-child p{font-size:24px;line-height:34px;}

.content_outline_schedule{padding:80px 0;}
.content_outline_schedule .tit_wrap{margin-bottom:50px;}
.content_outline_schedule .tit_wrap h3{font-size:28px;line-height:38px;text-align:center;}
.content_outline_schedule li{position:relative;margin-top:10px;padding:50px 10px;border-radius:16px;background:#FFFBCC;text-align:center;}
.content_outline_schedule li::before{content:'';z-index:1;position:absolute;left:50%;top:-30px;width:52px;height:52px;margin-left:-26px;background:url(../images/brands/ico_schedule_arrow.svg) no-repeat 50% 50%;}
.content_outline_schedule li:first-child{margin-top:0;background:#FFFC29;}
.content_outline_schedule li:first-child::before{display:none;}
.content_outline_schedule li strong{display:block;padding-top:80px;font-size:26px;font-weight:500;line-height:38px;}
.content_outline_schedule li strong::before{content:'';position:absolute;left:50%;top:50px;width:70px;height:70px;margin-left:-35px;background:url(../images/brands/ico_schedule.svg) no-repeat 50% 50%;}
.content_outline_schedule li.ico2 strong::before{background:url(../images/brands/ico_schedule2.svg) no-repeat 50% 50%;}
.content_outline_schedule li.ico3 strong::before{background:url(../images/brands/ico_schedule3.svg) no-repeat 50% 50%;}
.content_outline_schedule li.ico4 strong::before{background:url(../images/brands/ico_schedule4.svg) no-repeat 50% 50%;}
.content_outline_schedule li.ico5 strong::before{background:url(../images/brands/ico_schedule5.svg) no-repeat 50% 50%;}
.content_outline_schedule li:last-child::after{display:none;}
.content_outline_schedule li span{display:block;font-size:16px;font-weight:300;line-height:24px;}
.content_outline_schedule li span.br{margin-top:0;}

.content_outline_noted{margin-bottom:80px;padding:80px 0;background:#F0F0F0;}
.content_outline_noted .tit_wrap{margin-bottom:50px;}
.content_outline_noted .tit_wrap h3{font-size:32px;line-height:46px;letter-spacing:-.64px;text-align:center;}
.content_outline_noted li{position:relative;padding-left:16px;font-size:14px;font-weight:300;line-height:22px;word-break:keep-all;}
.content_outline_noted li::before{content:'';position:absolute;left:0;top:15px;width:4px;height:4px;border-radius:50%;background:#000;}

.contest_outline .btn_wrap.type3{padding:0 20px;}

/* 브랜드경험_수상작 (new) */
.brands_award_visual{position:relative;min-height:500px;height:calc(var(--vh, 1vh) * 70);}
.brands_award_visual .visual_con_wrap{height:100%;}
.brands_award_visual .visual_bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/brands/img_brand_award_mo.jpg) no-repeat 50% 50% / cover;}
.brands_award_visual .inner{position:relative;height:100%;}
.brands_award_visual .visual_con_wrap .visual_box{position:absolute;left:24px;right:24px;bottom:80px;}
.brands_award_visual .visual_con_wrap .btn_sel_box{position:relative;}
.brands_award_visual .visual_con_wrap .btn_sel_box .btn_sel{width:100%;padding:0 63px 0 10px;border-bottom:4px solid #fff;background:transparent url(../images/brands/ico_sel_arrow.svg) no-repeat 100% 50% / 30px;;font-size:20px;color:#fff;line-height:60px;letter-spacing:-.8px;text-align:left;}
.brands_award_visual .visual_con_wrap .btn_sel_box .select_menu{display:none;position:absolute;left:0;right:0;bottom:73px;padding:15px 30px;border-radius:24px;background:#fff;}
.brands_award_visual .visual_con_wrap .btn_sel_box .select_menu a{display:block;font-size:20px;font-weight:300;color:#666;line-height:45px;letter-spacing:-.8px;}
.brands_award_visual .visual_con_wrap .btn_sel_box .select_menu .active a{font-weight:500;color:#000;}
.brands_award_visual .visual_con_wrap .desc{min-height:52px;margin-top:30px;font-size:18px;font-weight:300;color:#fff;line-height:26px;}

.brands_award_list .top_wrap{padding:0;}
.brands_award_list .tab_scroll {padding:80px 20px;margin:0}
.brands_award_list .tab_scroll .swiper-wrapper {justify-content: center;}
.brands_award_list .tab_con_wrap .tab_content{display:none;}
.brands_award_list .tab_con_wrap .tab_content.current{display:block;}
.brands_award_list .award_detail{position:relative;padding:0 0 200px;}
.brands_award_list .award_detail li{position:relative;padding:100px 0 0;}
.brands_award_list .award_detail li:first-child{padding-top:60px;}
.brands_award_list .award_detail li:first-child::before{content:'';z-index:-1;position:absolute;left:0;right:0;top:0;bottom:-450px;background:#FFFC29;}
.brands_award_list .award_detail li:last-child::before{content:'';z-index:-1;position:absolute;left:0;right:0;top:330px;bottom:-200px;background:#FFFBCC;}
.brands_award_list .award_detail li:last-child .inner{position:relative;}
.brands_award_list .award_detail li:last-child .inner::after{content:'';position:absolute;right:15px;bottom:-205px;width:217px;height:182px;background:url(../images/brands/img_brand_ottogi.svg) no-repeat 50% 50% / contain;}
.brands_award_list .award_detail strong{display:block;font-size:34px;font-weight:500;line-height:46px;text-align:center;}
.brands_award_list .award_detail .detail_box{margin-top:40px;}
.brands_award_list .award_detail .detail_box + .detail_box{margin-top:100px;}
.brands_award_list .award_detail .img_box img{width:100%;}
.brands_award_list .award_detail .txt_box + .img_box{margin-top:100px;}
.brands_award_list .award_detail .txt_box strong{margin-top:30px;font-size:22px;line-height:32px;text-align:left;}
.brands_award_list .award_detail .txt_box span{display:block;margin-top:5px;font-size:16px;font-weight:300;line-height:24px;}
.brands_award_list .award_detail .txt_box p{margin-top:20px;font-size:14px;font-weight:300;line-height:22px;word-break:keep-all;}
.brands_award_list .award_detail .txt_box p span.br{display:unset;margin-top:0;font-size:14px;font-weight:300;line-height:22px;word-break:keep-all;}
.brands_award_list .award_detail.type2 li:first-child::before{bottom:-380px;background:#C1F173;}

/* 브랜드경험_수상작 2회 (new) */
.brands_award2th{overflow:hidden;}
.brands_award2th .brands_award_visual .visual_bg{background-image:url(../images/brands/img_brand_award2th_mo.jpg);}
.brands_award2th .brands_award_list .award_detail{padding:0;}
.brands_award2th .brands_award_list li{position:relative;padding:0 0 80px;}
.brands_award2th .brands_award_list li:first-child{padding-top:126px;}
.brands_award2th .brands_award_list li:first-child::before{bottom:0;background:#FFFBCC;}
.brands_award2th .brands_award_list li:first-child .grand_award.mo{display:block;position:relative;left:unset;top:-30px;margin-left:0;}
.brands_award2th .brands_award_list li:first-child .grand_award{display:none;position:absolute;left:50%;top:150px;margin-left:-31px;font-size:34px;font-weight:500;color:#123E8C;line-height:46px;text-align:center;}
.brands_award2th .brands_award_list li:first-child .grand_award::before{content:'';position:absolute;left:50%;top:-90px;width:74px;height:80px;margin-left:-37px;background:url(../images/brands/ico_award.svg) no-repeat 50% 50% / 100%;}
.brands_award2th .brands_award_list li:first-child .detail_box{margin-top:30px;}
.brands_award2th .brands_award_list li:first-child .txt_box strong{margin-top:30px;}
.brands_award2th .brands_award_list li:first-child .txt_box span{margin-top:11px;}
.brands_award2th .brands_award_list .award_detail li:nth-child(2)::before{content:'';z-index:-1;position:absolute;left:0;right:0;top:50%;bottom:0;background:#FFFDEB;}
.brands_award2th .brands_award_list .award_detail li:nth-child(3)::before{display:none;}
.brands_award2th .brands_award_list .award_detail li:last-child::before{top:408px;bottom:0;background:#FFFDEB;}
.brands_award2th .brands_award_list .award_detail li:last-child .inner{position:unset;}
.brands_award2th .brands_award_list .award_detail li:last-child .inner::after{display:none;}
.brands_award2th .brands_award_list .award_detail .inner > strong{color:#123E8C;}
.brands_award2th .brands_award_list .award_detail .sector{position:relative;margin-right:25px;padding:11px 50px;border-radius:0 80px 80px 0;background:#FFED00;font-size:20px;font-weight:500;line-height:28px;}
.brands_award2th .brands_award_list .award_detail .sector .inner{padding:0;}
.brands_award2th .brands_award_list .award_detail .sector.type_right{margin:0 0 0 25px;border-radius:80px 0 0 80px;}
.brands_award2th .brands_award_list .award_detail .sector::after{content:'';position:absolute;right:30px;top:-29px;width:95px;height:82px;background:url(../images/brands/img_brand_ottogi.svg) no-repeat 50% 50% / 100%;}
.brands_award2th .brands_award_list .award_detail .txt_box span{margin-top:11px;color:#666;}
.brands_award2th .brands_award_list .award_detail .detail_box:first-child{margin-top:50px;}
.brands_award2th .brands_award_list .award_detail .detail_box{margin-top:80px;transition:.5s;}
.brands_award2th .brands_award_list .award_detail .detail_box .award_name{display:inline-block;margin-top:30px;padding:4px 13px;border:2px solid #123E8C;border-radius:100px;font-size:16px;font-weight:500;color:#123E8C;line-height:24px;;}
.brands_award2th .brands_award_list .award_detail .detail_box strong{margin-top:11px;}
.brands_award2th .brands_award_list .award_detail .detail_box span{margin-top:4px;}
.brands_award2th .brands_award_list .award_detail .detail_box .pc_br{display:unset;font-size:15px;color:#000;line-height:23px;}
.brands_award2th .brands_award_list .award_detail .detail_box .pc_br br{display:none;}
.brands_award2th .brands_award_list .award_detail .detail_box .txt_box .mo_br{display:inline;font-size:15px;color:#000;line-height:23px;}

/* 브랜드경험_접수하기 (new) */
.oif_app {padding:104px 0 40px;background:#FFED00;}
.oif_app .inner {padding:0;}
.oif_app .tit_main {position:relative;text-align:center}
.oif_app .tit_main .br {display:block}
.oif_app .visit_application_form {margin-top:40px}
.oif_app .tbl_write td.has_sub_txt .form_wrap input[type="radio"]+label .colon {display:none}
.oif_app .tbl_write td .download_wrap {margin-top:10px}
.oif_app .tbl_write td .download_wrap a {display:inline-block;font-size:15px;font-weight:300;line-height:30px}
.oif_app .tbl_write td .download_wrap a::before {content:'';display:inline-block;width:24px;height:30px;margin-right:5px;background:url(../images/common/ico_file_download.svg) no-repeat 50% 50% / 100% 100%;vertical-align:top;}
.oif_app .tbl_write td .download_wrap .btn_del {display:inline-block;width:30px;height:30px;margin-left:15px;background:url(../images/common/btn_del_s.svg) no-repeat 50% 50% / 16px 16px;vertical-align:top;}
.oif_app .agree_box .tit .require {display:inline;margin-left:-4px}
.oif_app .btn_wrap.type2 {flex-direction:column-reverse;gap:20px;}
.oif_app .btn_wrap.type2 .btn {flex:1;width:100%}
.oif_app .btn_wrap.type2 .btn .msg_noti {padding-left:0;margin-top:20px;text-align:center}
.oif_app .btn_wrap.type2 .btn .msg_noti::before {position:static;display:inline-block;height:22px;margin-right:5px;background:url(../images/common/ico_notice.svg) no-repeat 50% 50% / 16px 16px;vertical-align:top;}

.tbl_write td.type_column {display:flex;flex-direction: column;margin-top:0}
.tbl_write td.type_column .form_wrap {margin:13px 12px 13px 0}
.tbl_write td.type_column_pc {margin-top:0}
.tbl_write td.has_sub_txt .form_wrap input[type="radio"]+label {font-size:13px;font-weight:300;line-height:21px}
.tbl_write td.has_sub_txt .form_wrap input[type="radio"]+label em {font-size:15px;font-weight:500;line-height:23px}
.tbl_write td .form_wrap input[type="radio"]+label em.br_mo {display:block}
.tbl_write td .max {margin-top:10px;font-size:15px;font-weight:300;line-height:23px;text-align:right;}
.tbl_write td .max span:first-child {font-weight:500}

/* 브랜드경험_접수확인/수정 (new) */
.customer_panel {margin-top:100px;background:#FFFDEB;text-align:center}
.customer_panel .inner {position:relative;padding:220px 20px 80px;}
.customer_panel .inner::before {content:'';position:absolute;top:80px;left:50%;width:120px;height:100px;margin-left:-60px;background:url(../images/common/customer_panel.svg) no-repeat 0 0 / 100% 100%}
.customer_panel .tit {font-size:28px;line-height:38px}
.customer_panel .tit .br {display:block}
.customer_panel .desc {margin-top:10px;font-size:13px;font-weight:300;line-height:21px }
.customer_panel .desc .br {display:block}
.customer_panel .desc .br_pc {display:block}

/* 브랜드경험_공모전 상세 (new) */
.detail_edit .awards_list.type2{margin-top:-20px;}
.detail_edit .awards_list.type2 .awards_con{margin-top:50px;}
.detail_edit .awards_list.type2 h3{padding:11px 15px;border-radius:100px;background:#FFED00;font-size:20px;font-weight:500;line-height:28px;text-align:center;}
.detail_edit .awards_list.type2 .tit_s{font-size:15px;line-height:28px;letter-spacing:0em;}
.detail_edit .awards_list.type2 ul{display:flex;flex-wrap:wrap;}
.detail_edit .awards_list.type2 ul li{flex-basis:50%;padding-top:30px;font-size:15px;font-weight:300;line-height:23px;text-align:center;list-style:none;}
.detail_edit .awards_list.type2 .awards_con.txt_center ul{flex-direction:column;}

.detail_edit .awards_list p{font-size:15px;font-weight:300;line-height:23px;}
.detail_edit .awards_list .txt_gray{padding-top:30px;font-size:13px;font-weight:300;color:#666;line-height:21px;letter-spacing:0em;text-align:left;}
.detail_edit .awards_list .mb_scroll {overflow-x: auto;}
.detail_edit .awards_list div + div {margin-top: 53px;}
.detail_edit .awards_list .tit {font-size: 26px;}
.detail_edit .awards_list table {margin-top: 30px;}
.detail_edit .awards_list table thead tr th {font-weight:500;height:56px;padding:5px 20px 7px;line-height:24px;text-align:center;}
.detail_edit .awards_list table thead tr th + th{border-left:none;}
.detail_edit .awards_list table tbody tr{border-top:none}
.detail_edit .awards_list table tbody tr:first-child{border-top:1px solid #E6E6E6}
.detail_edit .awards_list table tbody tr.tbl_line{border-top:1px solid #E6E6E6}
.detail_edit .awards_list table tbody tr td {padding:16px 0;font-weight:300;line-height:24px;text-align:center;vertical-align:top;}
.detail_edit .awards_list table tbody tr .ta_l {text-align: left;}
.detail_edit .awards_list table tbody tr td + td{border-left: none;}
.detail_edit .awards_list table tbody tr td:first-child{border-right: none;}
.detail_edit .awards_list table tbody tr td p {line-height: 26px;}
.detail_edit .awards_list table tbody tr td ul {padding-left: 18px;}
.detail_edit .awards_list table tbody tr td ul li {line-height: 23px;}

.detail_edit .awards_list .awards_con{margin-top:50px;}
.detail_edit .awards_list h3{padding:11px 15px;border-radius:100px;background:#FFED00;font-size:20px;font-weight:500;line-height:28px;text-align:center;}

/* 브랜드경험_페스티벌 */
.brands_festival .visual_img {margin-top:60px}
.brands_festival .visual_img img {width:100%}

.brands_festival .cont_wrap {margin-top:150px}
.brands_festival .cont_wrap .cont {position:relative}
.brands_festival .cont_wrap .cont .ico_box i {display:block;position:absolute;z-index:1;}
.brands_festival .cont_wrap .cont .img_wrap {position:relative}
.brands_festival .cont_wrap .cont .img_box {overflow:hidden;}
.brands_festival .cont_wrap .cont .img_box img {width:100%;height:auto}
.brands_festival .cont_wrap .cont .txt_box {position:relative;padding:40px 20px 0}
.brands_festival .cont_wrap .cont .txt_box .tit {font-size:26px;line-height:38px}
.brands_festival .cont_wrap .cont .txt_box .tit .br {display:block;}
.brands_festival .cont_wrap .cont .txt_box .desc {margin-top:20px;font-size:16px;font-weight:300;line-height:24px;word-break:keep-all;}
.brands_festival .cont_wrap .cont .lt_wrap {position:absolute;z-index:1}
.brands_festival .cont_wrap .cont1 {margin-top:57px;}
.brands_festival .cont_wrap .cont1 .ico_box {position:absolute;top:-70px;left:20px;width:70px;height:120px;}
.brands_festival .cont_wrap .cont1 .ico_box .ico1 {bottom:10%;left:50%;width:12px;height:10px;background:url(../images/brands/color_paper1.svg) no-repeat 0 0 / 100% 100%;animation:particle 2.6s .5s infinite;-webkit-animation:particle 2.6s .5s infinite;}
.brands_festival .cont_wrap .cont1 .ico_box .ico2 {bottom:40%;right:0;width:20px;height:16px;background:url(../images/brands/color_paper2.svg) no-repeat 0 0 / 100% 100%;animation:particle 2.6s .8s infinite;-webkit-animation:particle 2.6s .8s infinite;}
.brands_festival .cont_wrap .cont1 .ico_box .ico3 {bottom:60%;left:0;width:14px;height:9px;background:url(../images/brands/color_paper3.svg) no-repeat 0 0 / 100% 100%;animation:particle 2.6s 1.1s infinite;-webkit-animation:particle 2.6s 1.1s infinite;}
.brands_festival .cont_wrap .cont1 .ico_box .ico4 {bottom:70%;right:20%;width:16px;height:13px;background:url(../images/brands/color_paper4.svg) no-repeat 0 0 / 100% 100%;animation:particle 2.6s 1.4s infinite;-webkit-animation:particle 2.6s 1.4s infinite;}
.brands_festival .cont_wrap .cont1 .ico_box .ico5 {bottom:80%;left:10%;width:14px;height:22px;background:url(../images/brands/color_paper5.svg) no-repeat 0 0 / 100% 100%;animation:particle 2.6s 1.7s infinite;-webkit-animation:particle 2.6s 1.7s infinite;}
.brands_festival .cont_wrap .cont1 .ico_box .ico6 {bottom:100%;right:0;width:14px;height:9px;background:url(../images/brands/color_paper6.svg) no-repeat 0 0 / 100% 100%;animation:particle 2.6s 2s infinite;-webkit-animation:particle 2.6s 2s infinite;}
@keyframes particle{
    0%{opacity:0;transform:translate3d(0,100px,0) scale(.6);-webkit-transform:translate3d(0,100px,0) scale(.6);}
    100%{opacity:1;transform:translateZ(0) scale(1);-webkit-transform:translateZ(0) scale(1);}
}
@-webkit-keyframes particle {
    0%{opacity:0;transform:translate3d(0,100px,0) scale(.6);-webkit-transform:translate3d(0,100px,0) scale(.6);}
    100%{opacity:1;transform:translateZ(0) scale(1);-webkit-transform:translateZ(0) scale(1);}
}
.brands_festival .cont_wrap .cont1 .lt_wrap {bottom:0;right:8%;width:22.4%;height:17.4%}
.brands_festival .cont_wrap .cont2 {margin-top:150px;}
.brands_festival .cont_wrap .cont2 .lt_wrap {bottom:0;left:8%;width:27.73%;height:21.7%}
.brands_festival .cont_wrap .cont3 {margin-top:150px}
.brands_festival .cont_wrap .cont3 .ico_box {position:absolute;top:-56px;left:35px}
.brands_festival .cont_wrap .cont3 .ico_box .ico1 {top:10px;left:0;width:32px;height:32px;background:url(../images/brands/star_yellow.svg) no-repeat 0 0 / 100% 100%;animation:scale2 1.6s infinite;-webkit-animation:scale2 1.6s infinite;}
.brands_festival .cont_wrap .cont3 .ico_box .ico2 {top:-30px;left:40px;width:18px;height:18px;background:url(../images/brands/star_red.svg) no-repeat 0 0 / 100% 100%;animation:scale2 1.8s 1s infinite;-webkit-animation:scale2 1.8s 1s infinite;}
.brands_festival .cont_wrap .cont3 .img_box {margin-left:20px}
.brands_festival .cont_wrap .cont3 .lt_wrap {bottom:0;right:8%;width:17.6%;height:15.23%}
.brands_festival .cont_wrap .cont4 {margin-top:198px}
.brands_festival .cont_wrap .cont4 .ico_box {position:absolute;top:-100px;right:35px}
.brands_festival .cont_wrap .cont4 .ico_box .ico1 {top:0;right:10px;width:45px;height:45px;background:url(../images/brands/hart_pink_b.svg) no-repeat 0 0 / 100% 100%;animation:scale2 1.6s infinite;-webkit-animation:scale2 1.6s infinite;}
.brands_festival .cont_wrap .cont4 .ico_box .ico2 {top:-30px;right:0;width:24px;height:25px;background:url(../images/brands/hart_pink_s.svg) no-repeat 0 0 / 100% 100%;animation:scale2 1.8s 1s infinite;-webkit-animation:scale2 1.8s 1s infinite;}
.brands_festival .cont_wrap .cont4 .lt_wrap {bottom:0;left:8%;width:13.87%;height:33.08%;}
.brands_festival .cont_wrap .odd .img_box {margin:0 55px 0 20px}
.brands_festival .cont_wrap .even .img_box {margin:0 20px 0 55px}
.brands_festival .cont_wrap .even .txt_box {text-align:right}

.brands_festival .customer_ms {background:#F8F8F8}
.brands_festival .customer_ms .customer_con {padding:150px 20px 80px}
.brands_festival .customer_ms .customer_con::before {background:url(../images/brands/festival_application.png) no-repeat 50% 50% / 120px 120px}
.brands_festival .customer_ms .tit .br {display:block;}
.brands_festival .customer_ms .desc {padding-top:15px;letter-spacing:0;}
.brands_festival .customer_ms .desc .sub_tit {display:block;font-size:18px;font-weight:500;line-height:30px;}
.brands_festival .customer_ms .desc .sub_tit::before {content:'';display:inline-block;width:31px;height:30px;margin-right:5px;background:url(../images/brands/festival_cal.svg) no-repeat 0 0 / 31px 30px;vertical-align:top;}
.brands_festival .customer_ms .desc .period {display:block;margin-top:5px;font-size:15px;line-height:23px;}
.brands_festival .customer_ms .desc .txt {font-size:14px;color:#666;line-height:22px;}

/* 브랜드경험_이벤트 */
.ottogi_event .top_wrap {position:relative;padding-top:70px;}
.ottogi_event .top_wrap .tit_depth1 {font-weight:500;}
.ottogi_event .top_wrap .tit_depth1 em {display:block;}
.ottogi_event .top_wrap .tit_depth1 .br {display:block;}
.ottogi_event .top_wrap .tit_depth1 .tit_desc {font-size:26px;font-weight:500;line-height:38px;}
.ottogi_event .search_area {display:none;}
.ottogi_event .search_area .inp_box.search {float:none;margin:0 auto;}
.ottogi_event.board_wrap .total.has_tab {padding-top:74px;}
.ottogi_event .thumbs_list li a .thumbs_img.event_end::before {content:'';position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%; background:rgba(0, 0, 0, 0.5); z-index:2;}
.ottogi_event .thumbs_list li a .thumbs_img.event_end .flag_end {position:absolute;top:50%;left:50%;z-index:2; margin-top:-64px;margin-left:-45px;padding-top:80px; }
.ottogi_event .thumbs_list li a .thumbs_img.event_end .flag_end::before{content:'';position:absolute;top:0;left:50%; width:58px;height:70px;margin-left:-29px; background:url(../images/brands/ico_end2.svg)no-repeat 50% 50% / 58px 70px;}
.ottogi_event .thumbs_list li a .thumbs_img.event_end .flag_end span{position:static;padding:8px 22px; border:4px solid #000;border-radius:40px;background:#FFED00;font-size:20px;font-weight:500;color:#000;line-height:36px;}

.ottogi_event .ico_box {position:absolute;top:0;bottom:48%;left:50%;right:0;max-width:324px;margin-left:-162px;}
.ottogi_event .ico_box i {display:block;position:absolute;}
.ottogi_event .ico_box .ico_ballon{top:25px;left:6.94%;width:52px;height:55px;background:url(../images/brands/event_balloon.svg)no-repeat 0 0 / 100% 100%;animation:moving 3s infinite;-webkit-animation:moving 3s infinite;}
.ottogi_event .ico_box .ico_light{top:22px;left:20.83%;width:20px;height:21px;background:url(../images/brands/event_light.svg)no-repeat 0 0 / 100% 100%;animation:scale2 1s infinite;-webkit-animation:scale2 1s infinite;}
.ottogi_event .ico_box .ico_star{top:24px;right:44px;width:19px;height:19px;background:url(../images/brands/event_star.svg)no-repeat 0 0 / 100% 100%;animation:scale2 1s infinite;-webkit-animation:scale2 1s infinite;}
.ottogi_event .ico_box .ico_star2{top:8px;right:36px;width:11px;height:11px;background:url(../images/brands/event_star2.svg)no-repeat 0 0 / 100% 100%;animation:scale2 1s infinite;-webkit-animation:scale2 1s infinite;}
.ottogi_event .ico_box .ico_star3{top:7px;right:56px;width:8px;height:8px;background:url(../images/brands/event_star3.svg)no-repeat 0 0 / 100% 100%;animation:scale2 1s infinite;-webkit-animation:scale2 1s infinite;}
.ottogi_event .ico_box .ico_cloud{top:37px;right:5px;width:32px;height:13px;background:url(../images/brands/event_cloud.svg)no-repeat 0 0 / 100% 100%;animation:moving 3s infinite;-webkit-animation:moving 3s infinite;}
.ottogi_event .ico_box .ico_present{top:208px;left:19px;width:32px;height:29px;background:url(../images/brands/event_present.svg)no-repeat 0 0 / 100% 100%;animation:rotate3 3s infinite;-webkit-animation:rotate3 3s infinite;}
.ottogi_event .ico_box .ico_flower{top:210px;right:12px;width:21px;height:33px;background:url(../images/brands/event_flower.svg)no-repeat 0 0 / 100% 100%;animation:rotate3 3s infinite;-webkit-animation:rotate3 3s infinite;}

/* 리스트 게시판 공통 */
.board_wrap {text-align:center}
.board_wrap .total {display:block;padding:0 0 10px;font-size:12px;font-weight:300;line-height:20px; text-align:left;}
.board_wrap .total em{color:#DC2F34;}

.board_list {border-top:1px solid #000;}
.board_list li {display:flex;justify-content:space-between;align-items:start;flex-direction:column;gap:0; padding:20px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;margin-top:-1px;}
.board_list li:first-child {border-top:none;}
.board_list li:hover{position:relative;border-top:1px solid #666;border-bottom:1px solid #666;}
.board_list li:first-child:hover {border-top:none;}
.board_list li .no {display:none;}
.board_list li .tit{overflow:hidden; width:100%;font-size:16px;font-weight:500; line-height:24px;flex:1;text-align:left;white-space:nowrap;text-overflow:ellipsis;}
.board_list li .tit a {outline-offset:-2px}
.board_list li .date{padding-top:6px;font-size:14px;font-weight:300; color:#666;line-height:22px;}

.board_wrap .paging.type2 {display:none;}

/* 홍보센터_공지사항 */
.board_wrap .search_area {display:none;}

/* 홍보센터_공지사항 상세페이지 */
.board_detail .tit_wrap {position:relative;min-height:120px;padding-top:20px;}
.board_detail.date_none .tit_wrap {min-height:auto;padding-bottom:0;}
.board_detail .tit_wrap .tit {font-size:24px;font-weight:500;line-height:34px;text-align:left;word-break:break-all;}
.btn_share {display:none;}
.board_detail .tit_wrap .date {padding:15px 0 30px; font-size:14px;font-weight:300;color:#666; line-height:22px;text-align:right;}

.detail_content{border-top:1px solid #666;}
.board_detail.date_none .detail_content{margin-top:30px;}
.detail_content .file_down {padding-top:20px;display:flex;flex-direction:column;text-align:center;}
.detail_content .file_down .btn_down{position:relative;width:100%; height:auto;margin:0;padding:10px 15px;border-radius:100px;background:#FFED00;font-size:14px;font-weight:500;color:#000; line-height:22px;}
.detail_content .file_down .btn_download + .btn_download {margin-top:10px;}
.detail_content .file_down .btn_down.ico_down::after{content:'';display:inline-block;width:16px;height:16px;margin-left:2px;background:url(../images/common/ico_down.svg)no-repeat 50% 50% / 16px 16px;vertical-align:middle;}

.board_detail .detail_edit{padding-top:20px;font-size:16px;font-weight:300;color:#000;line-height:28px;}

.btn_link {padding-top:50px;text-align:center;}
.board_detail .btn_link {display:flex;flex-direction: column;justify-content: center;}
.board_detail .btn_link a{display: block;}
.board_detail .btn_link a + a {margin-top: 10px;}

.detail_content {position:relative;}
.detail_content .hash_tag {padding-top:50px;}
.detail_content .hash_tag a {margin-right:10px;font-size:15px;font-weight:300;color:#123E8C;line-height:23px;white-space:nowrap;}

.paging_move {margin-top:30px;padding-top:20px; border-top:1px solid #e6e6e6;}
.paging_move a{display:inline-block;position:relative; width:100%; padding:20px 65px 20px 20px;border:1px solid #e6e6e6;border-radius:14px; font-size:16px;font-weight:300;line-height:24px;white-space:nowrap;}
.paging_move .prev_list{-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;}
.paging_move .next_list {-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;margin-top:3px;}
.paging_move .prev_list::after {content:'';display:inline-block;position:absolute;top:50%;right:20px; width:25px;height:25px;margin-top:-12.5px;margin-left:2px;background:url(../images/common/ico_up.svg)no-repeat 50% 50% / 25px 25px;vertical-align:middle;}
.paging_move .next_list::after {content:'';display:inline-block;position:absolute;top:50%;right:20px; width:25px;height:25px;margin-top:-12.5px;margin-left:2px;background:url(../images/common/ico_down2.svg)no-repeat 50% 50% / 25px 25px;vertical-align:middle;}
.paging_move .prev_none, .paging_move .next_none {padding:20px 20px;font-size:14px;font-weight:300;line-height:22px;color:#666; text-align:center;}
.paging_move .next_none {margin-top:8px;}

.board_detail .btn_list {padding-top:60px;}
.board_detail .btn_list .btn_type_l {background:#FFED00;color:#000;line-height:50px;}

/* 검색결과 없음 공통 (nodata) */
.board_none.bt_none {border-top:0}
.board_none {margin-top:20px; padding:80px 0;border-top:1px solid #000;text-align:center;}
.board_none .lt_wrap {width:80px;height:80px;margin:0 auto}
.board_none p {padding-top:10px;font-size:18px;font-weight:300;line-height:26px;}
.board_none p span{display:block;}
.board_none p em {color:#123e8c;}
.board_none .desc {padding-top:20px;font-size:16px;font-weight:300;line-height:24px;}
.board_none .desc span{display:block;}

/* 홍보센터_뉴스룸 오뚜기 소식 */
.board_wrap .board_top {padding-top:30px;}
.board_wrap .total{padding-top:30px;}
.thumbs_list li a{display:block;margin-bottom:40px;}
.thumbs_list li:last-child a{margin-bottom:0;}
.thumbs_list li a .thumbs_img{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:82.14%;border-radius:15px;}
.thumbs_list li a .thumbs_img img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.thumbs_list .tit{overflow:hidden;padding-top:15px ; font-size:18px;font-weight:500;line-height:26px;text-align:left;box-sizing:content-box; word-break:break-word; white-space:inherit;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} 
.thumbs_list .date {display:block;padding-top:5px;font-size:14px;font-weight:300;color:#666; line-height:22px;text-align:left;box-sizing:content-box}

/* 홍보센터_뉴스룸 오뚜기소식 상세 */
.head_tag {position:absolute;bottom:30px;left:0; z-index:10;}
.head_tag a {padding:4px 17px;border:1px solid #000;border-radius:50%;font-size:13px;line-height:21px;text-align:center;}

/* 홍보센터_뉴스룸 언론보도 */
.news_wrap .board_list li {position:relative;}
.news_wrap .board_list li .tit {padding-right:30px;}
.board_list .ico_link {position: absolute;top: 25px;right: 0;width: 16px;height: 16px;background: url(../images/common/ico_arrow_b.svg) no-repeat 50% 50% / 12px;}
.news_wrap .board_list .tit a{position:relative;overflow:hidden;width:100%;font-size:16px;font-weight:500;line-height:24px;flex:1;text-align:left;white-space:nowrap;text-overflow:ellipsis;display:block;}
.board_list.ico_link li::after {content:'';position:absolute;top:24px;right:0;width:16px;height:16px;background:url(../images/common/ico_arrow_b.svg) no-repeat 50% 50% / 16px;}


/* 홍보센터_cf 스토리 */
.cf_wrap .thumbs_list li a .thumbs_img{padding-top:56.11%;}
.cf_wrap .thumbs_list .tit{height:auto;}

/* 홍보센터_칼럼 */
.column_top {position:relative;height:calc(var(--vh, 1vh) * 100);min-height:600px;padding-top:70px;background:url(../images/promotion/column_bg.jpg) no-repeat 0 0 / cover;box-sizing:border-box;}
.column_top .tit_depth3 {color:#FFF;text-align:center;}
.column_top .bg_txt {position:absolute;bottom:0;left:0;right:0;height:71px;background:url(../images/promotion/column_bg_txt.svg) no-repeat 0 0 / 100% 100%;color:transparent}
.column_top .txt_wrap {position:absolute;bottom:90px;left:30px;right:40px}
.column_top .txt_wrap .br {display:block;}
.column_top .txt_wrap br {display:none}
.column_top .txt_wrap .tit {display:block;font-size:22px;font-weight:500;color:#FFF;line-height:32px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.column_top .txt_wrap .desc {padding-top:15px;font-size:13px;font-weight:300;color:#FFF;line-height:21px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}

.column_cont {overflow:hidden;padding:60px 0 0}
.column_cont .column_slide {max-width:424px;margin:0 auto}
.column_cont .column_slide .swiper-container {overflow:hidden;position:relative}
.column_cont .column_slide .swiper-slide {padding:30px 40px 0}
.column_cont .column_slide .swiper-slide a {display:block;}
.column_cont .column_slide .swiper-slide .img_box {overflow:hidden;border-radius:10px;border:1px solid rgba(0, 0, 0, .1)}
.column_cont .column_slide .swiper-slide .img_box img {width:100%}
.column_cont .column_slide .swiper-slide .txt {margin-top:15px;font-size:18px;line-height:26px;text-align:center;}
.column_cont .column_slide .controls .swiper-button-prev.type3 {left:10px}
.column_cont .column_slide .controls .swiper-button-next.type3 {right:10px}

.column_viewer {padding:0 20px;}
.column_viewer .tit_wrap {display:flex;align-items:center;justify-content:space-between;padding:20px 0;}
.column_viewer .tit_wrap .h2_tit {padding-top:0;font-size:24px;line-height:34px}
.column_viewer .tit_wrap .btn_viewer_img {overflow:hidden;width:30px;height:30px;background:url(../images/promotion/ico_viewer_img.svg) no-repeat 0 0 / 100% 100%;font-size:10px;color:transparent}
.column_viewer .tit_wrap .btn_viewer_txt {overflow:hidden;width:30px;height:30px;background:url(../images/promotion/ico_viewer_txt.svg) no-repeat 0 0 / 100% 100%;font-size:10px;color:transparent}
.column_viewer .tit_wrap .btn_viewer_img.active {display:none;}
.column_viewer .tit_wrap .btn_viewer_txt.active {display:none;}
.column_viewer .tit_wrap .btn_copy {display:none}
.column_viewer .txt_cont {padding:30px 0;border-radius:15px;border:1px solid #E6E6E6;background:#F8F8F8}
.column_viewer .txt_cont {display:none;}
.column_viewer .txt_cont .scroller {overflow-y:auto;max-height:390px;padding:0 30px;}
.column_viewer .txt_cont p {font-size:15px;font-weight:300;line-height:23px;word-break:break-all;}
.column_viewer .btn_area {display:flex;justify-content:space-between;align-items:center;margin-top:40px}
.column_viewer .btn_area a span {display:block;font-size:14px;line-height:22px;white-space:nowrap;}
.column_viewer .btn_area .btn_prev2 {width:70px;height:47px;background:url(../images/common/btn_more2.svg) no-repeat 100% 100% / 50px 16px}
.column_viewer .btn_area .btn_next2 {width:70px;height:47px;background:url(../images/common/btn_more.svg) no-repeat 0 100% / 50px 16px}
.column_viewer .btn_area .btn_menu {width:30px;height:52px;background:url(../images/common/btn_list.svg) no-repeat 100% 100% / 31px 30px;text-align:center}

.column_viewer .slide_cont {overflow:hidden;position:relative}
.column_viewer .slide_cont .swiper-slide img {width:100%;height:100%;object-fit:contain;}
.column_viewer .slide_cont .controls {display:flex;justify-content:space-between;position:absolute;bottom:10px;left:10px;right:10px;height:50px}

/* 홍보센터_투자정보 재무정보 */
.board_wrap .invest li {position:relative;}
.board_wrap .invest li.fixed_note {margin-top:0;padding:33px 0;background:#F8F8F8;}
.board_wrap .invest li .tit{width:100%; word-break:break-word; white-space:inherit;word-break:break-all; padding-right:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.board_wrap .invest li .pdf a{position:absolute;top:50%;right:0;transform:translateY(-50%);}
.board_wrap .invest li .pdf a span{display:none;}
.board_wrap .invest li .pdf a::after {content:'';display:inline-block; width:20px;height:20px;background:url(../images/common/ico_down_m.svg)no-repeat 50% 50% / 20px 20px;}

/* 홍보센터_투자정보 재무정보 게시글 없음 */
.board_wrap.list_none .board_list {display:none;}
.board_wrap.list_none .btn_type_l.ico_more{display:none;}

/* 홍보센터_투자정보 공시정보 */
.dart_wrap {width:100%;max-width:1180px;margin:60px auto 0;}
.iframeArea {overflow:hidden;overflow-x:auto;max-width:100%;margin-top:20px;}
.iframeArea iframe {width:710px;height:920px;border:0;}

/* 고객서비스_고객의 소리 */
.customer_voice .btn_wrap {margin-top:60px}
.customer_voice .board_none + .btn_wrap {margin-top:20px}
.customer_voice .tbl_write .tr_answer {display:none}

.guide_wrap {margin:30px -20px 0 -20px;padding:30px 20px 73px;border-radius:30px 30px 700px 700px;background:#F8F8F8;}
.guide_wrap::before {content:'';display:block;width:156px;height:172px;margin:0 auto;background:url(../images/customer/ttogi.png) no-repeat 50% 50% / 100% 100%}
.guide_wrap .tit {display:block;margin:20px 0 10px;font-size:24px;font-weight:500;line-height:34px;text-align:center;}
.guide_wrap ul {max-width:300px;margin:0 auto}
.guide_wrap ul li {position:relative;margin-top:5px;padding-left:16px;font-size:14px;font-weight:300;line-height:22px}
.guide_wrap ul li::before {content:'';position:absolute;top:10px;left:5px;width:3px;height:3px;border-radius:50%;background:#000}
.guide_wrap ul li .underline {border-bottom:1px solid #000;font-weight:300;}
.guide_wrap ul li .col {color:#df3232}
.guide_wrap ul li .ic_chat {position:relative;padding-left:29px}
.guide_wrap ul li .ic_chat::before {content:'';position:absolute;top:50%;left:0;width:24px;height:24px;margin-top:-12px;background:url(../images/common/gnb_chatbot.svg) no-repeat 0 0 / 100% 100%;}

.tbl_write {display:block}
.tbl_write tbody tr th {display:block;width:100%;margin-top:40px;font-size:0;text-align:left;}
.tbl_write tbody tr:first-child th {margin-top:25px}
.tbl_write tbody tr td {display:block;width:100%;margin-top:10px}
.tbl_write tbody tr td .mt {margin-top:10px}
.tbl_write tbody tr td .form_wrap {margin:13px 40px 13px 0}
.tbl_write th label {display:inline-block;font-size:15px;line-height:23px;}
.tbl_write th .label {display:inline-block;font-size:15px;line-height:23px;}
.tbl_write th .require {display:inline-block;font-size:15px;color:#DC2F34;line-height:23px;}
.tbl_write th .choice {display:inline-block;font-size:15px;color:#666;line-height:23px;}
.tbl_write td .pl20 {padding-left:20px}
.tbl_write td .d_flex {display:flex}
.tbl_write td .d_flex .inp_box {flex:1;}
.tbl_write td .d_flex .btn_type2_s {width:auto;margin-left:5px;padding:0 20px;box-sizing: border-box;}
.tbl_write td input[type="file"] {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;font-size:initial;clip:rect(0,0,0,0);}
.tbl_write td input[type="file"]:focus-visible + label {outline:3px dotted #000;outline-offset:1px;transition:none !important;}

.agree_box {overflow:hidden;margin-top:40px;border:1px solid #666;border-radius:15px;}
.agree_box + .agree_box {margin-top:10px}
.agree_box .tit {display:flex;justify-content:space-between;padding:17px 20px;}
.agree_box .tit .br {display:block}
.agree_box .tit .require {display:block;color:#DC2F34}
.agree_box .tit .form_wrap {margin:0}
.agree_box .tit .form_wrap input[type="checkbox"]+label {padding-right:30px;font-weight:500}
.agree_box .tit .btn_detail {position:relative;padding-right:18px;font-size:12px;line-height:20px;}
.agree_box .tit .btn_detail::after {content:'';position:absolute;top:50%;right:0;width:20px;height:20px;margin-top:-10px;background:url(../images/common/btn_detail_view.svg) no-repeat 0 0 / 100% 100%}
.agree_box.active .tit .btn_detail::after {background:url(../images/common/btn_detail_view_up.svg) no-repeat 0 0 / 100% 100%}
.agree_box .con {background:#F8F8F8;border-radius:0 0 15px 15px}
.agree_box .con .agree_content {display:none;overflow-y:auto;max-height:330px;padding:20px;border-radius:inherit;}
.agree_box.active .con .agree_content {display:block}
.agree_box .con .agree_content h3 {padding-bottom:20px;font-size:13px;line-height:21px;}
.agree_box .con .agree_content h4 {font-size:12px;line-height:20px;}
.agree_box .con .agree_content p {padding-bottom:20px;font-size:12px;font-weight:300;line-height:20px;}
.agree_box .con .agree_content p.pb0 {padding-bottom:0}
.agree_box .con .agree_content ol {padding-bottom:20px}
.agree_box .con .agree_content ol li {font-size:12px;font-weight:300;line-height:20px;}
.agree_box .con .agree_content ul {padding-bottom:30px}
.agree_box .con .agree_content ul li {position:relative;padding-left:16px;padding-bottom:5px;font-size:12px;font-weight:300;line-height:20px;}
.agree_box .con .agree_content ul li::before {content:'';position:absolute;top:10px;left:6px;width:3px;height:3px;border-radius:50%;background:#000;}
.agree_box .con .agree_content ul li strong {font-weight:500;color:#DC2F34}
.agree_box .con .agree_content ul.pb0 li {padding-bottom:0}

/* 고객서비스_고객의 소리 접수내역 조회 */
.customer_voice .total {display:block;padding:30px 0 10px;font-size:16px;font-weight:300;line-height:24px;text-align:left;}
.customer_voice .total em{color:#DC2F34;}

.customer_voice .inquiry_list {border-top:1px solid #000;}
.customer_voice .inquiry_list li{border-bottom:1px solid #e6e6e6;margin-top:-1px;flex-direction:column;}
.customer_voice .inquiry_list li:first-child{border-bottom:1px solid #e6e6e6;margin-top:0;}
.customer_voice .inquiry_list li .inquiry_con {padding:20px 0;}
.customer_voice .inquiry_list li .inquiry_con .tit_wrap{display:flex;justify-content:space-between;align-items:start;flex-direction:column;position:relative;padding:0 55px 0 20px;}
.customer_voice .inquiry_list li .inquiry_con .state {display:block; font-size:12px;font-weight:500;color:#fff; line-height:24px;text-align:center;}
.customer_voice .inquiry_list li .inquiry_con .state.bg_complete {color:#000;}
.customer_voice .bg_complete{width:72px;height:24px;background:url(../images/customer/bg_complete.svg)no-repeat 50% 50% / 72px 24px;}
.customer_voice .bg_progress{width:72px;height:24px;background:url(../images/customer/bg_progress.svg)no-repeat 50% 50% / 72px 24px;}
.customer_voice .bg_receipt{width:72px;height:24px;background:url(../images/customer/bg_receipt.svg)no-repeat 50% 50% / 72px 24px;}
.customer_voice .inquiry_list li .inquiry_con .tit {padding-top:5px; font-size:18px;font-weight:300; line-height:26px; text-align:left;transition:font-weight 0.6s ease-in}
.customer_voice .inquiry_list li.active .inquiry_con .tit {font-weight:500;transition:all 0.3s ease-out}
.customer_voice .inquiry_list li .inquiry_con .date {padding-top:5px; font-size:14px;font-weight:300;line-height:22px;color:#666;}
.customer_voice .inquiry_list li .inquiry_con .btn_open{display:inline-block;position:absolute;right:20px;top:50%;margin-top:-10px; width:20px;height:20px;background:url(../images/customer/qna_close.svg)no-repeat 50% 50% / 20px;transform:rotate(0);transition:all 0.3s;}
.customer_voice .inquiry_list li.active .inquiry_con .btn_open {transform:rotate(180deg); transition:all 0.3s;}

.customer_voice .inquiry_list li .inquiry_open{display:none;}
.customer_voice .inquiry_list li .inquiry_con .question_desc {display:flex;flex-wrap:nowrap;overflow:hidden;padding:0 20px; text-align:left;}
.customer_voice .inquiry_list li .inquiry_con .question_desc span{display:none;}
.customer_voice .inquiry_list li .inquiry_con .question_desc p{padding-top:20px; font-size:14px;font-weight:300;line-height:23px;color:#000;}

.customer_voice .inquiry_list .answer_wrap {margin-top:30px;}
.customer_voice .inquiry_list .answer_wrap .answer_state {position:relative;width:100%;padding:20px 20px 20px 75px;border:1px solid #e6e6e6;border-radius:40px;background:#f8f8f8;text-align:left;}
.customer_voice .inquiry_list .answer_wrap .answer_state::before {content:'';position:absolute;top:50%;left:20px;margin-top:-20px;width:40px;height:40px; background:url(../images/customer/ico_ttugi.svg)no-repeat 50% 50% / 40px;}
.customer_voice .inquiry_list .answer_wrap .answer_state span {display:block; font-size:15px;font-weight:300;color:#000;line-height:23px;}

.customer_voice .paging.type2 {display:none;}

/* 고객서비스_고객상담 프로세스 */
.consultation_process .top_wrap .br{display:block;}
.process_info .tit_main{padding-top:60px;color:#000;font-size:28px;font-weight:500;line-height:38px;}
.process_info .tit_main .br{display:block}
.consultation_process .process_info{padding-bottom:100px}
.process_info ul li{position:relative;padding-bottom:59.705% ;}
.process_info ul li:last-child{padding-bottom:0;}
.process_info ul li .item_inner{display:flex;flex-direction:column;}
.process_info ul li:first-child{margin-top:50px;}
.process_info .img_box{display:flex;-webkit-box-align:center;align-items:center;overflow:hidden;position:relative;left:0;top:0;width:100%;transform:scale(1);opacity:1;}
.process_info .img_box img{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.process_info .process_item1 .img_wrap{padding-right:68px;}
.process_info .process_item2 .item_inner{flex-direction:column-reverse;text-align:right;}
.process_info .process_item2 .img_wrap{padding-left:75px;}
.process_info .process_item3 .img_wrap{padding-right:85px}
.process_info .process_item3 .img_box{border-radius:300px;}
.process_info .process_item3 .img_box lottie-player{width:100%;}
.process_info .process_item4 .item_inner{flex-direction:column-reverse;text-align:right;}
.process_info .process_item4 .img_wrap{padding-left:57px}
.process_info .text_area{padding-top:30px;}
.process_info .text_area .tit{font-size:26px;font-weight:500;line-height:38px;color:#000;}
.process_info .text_area .desc{padding-top:30px;font-size:16px;font-weight:300;line-height:28px;color:#000;}
.process_info .text_area .br{display:block;}
.process_info .lottie_mo{display:block;position:absolute;}
.process_info .process_item1 .lottie_mo{bottom:10%;right:10%;width:55%;transform:rotate(45deg);}
.process_info .process_item2 .lottie_mo{left:31%;bottom:2%;width:20%;transform:rotate(3deg);}
.process_info .process_item3 .lottie_mo{bottom:3%;left:21%;width:18%;transform:rotate(-6deg);}
.process_info .lottie_pc{display:none;}

.consumer_dispute{margin:0 20px;border-radius:20px;background:#FFFBCC;text-align:center;}
.consumer_dispute .dispute_con{position:relative;padding:170.66px 13.5px 30px;}
.consumer_dispute .dispute_con::before{content:'';display:block;position:absolute;left:50%;top:20px;width:120px;height:120px;background:url(../images/customer/dispute_ttogi.png)no-repeat 0 0 / 100%;transform:translateX(-50%);}
.consumer_dispute .tit{font-size:28px;font-weight:500;line-height:38px;}
.consumer_dispute .desc{padding:10px 16.5px 0;font-size:13px;font-weight:300;line-height:21px;}
.consumer_dispute .desc span{display:inline-block;}
.dispute_con a{display:block;margin-top:20px;}

.brands_character_top{position:relative;padding:100px 0 40px;background:#fffbcc;text-align:center;color:#000}
.brands_character_top::after{content:'';display:block;position:absolute;left:0;right:0;bottom:-56%;width:100%;height:56%;background:#fff;}
.brands_character_top .sub_tit{display:block;padding-bottom:10px;font-size:18px;line-height:26px;}
.brands_character_top .yellows{width:173.33px;height:40px;margin:20px auto 0 auto;background:url(../images/brands/logo_Yellows.svg)no-repeat 0 0 / 100% 100%; font-size:0;color:transparent}
.brands_character_top .tit{font-size:26px;line-height:38px;}
.brands_character_top .tit em{display:block;-webkit-text-stroke:1.1px #000;font-size:40px;font-weight:500;line-height:54px;color:#fff;}
.brands_character_top .txt{display:inline-block;position:relative;z-index:1;margin-top:36px;font-size:15px;font-weight:300;line-height:23px;}
.brands_character_top .txt::before{content:'';display:block;position:absolute;z-index:-1;left:7%;top:-10px;width:30px;height:27.95px;background:url(../images/brands/quotes_open.svg)no-repeat 0 0 / 100% 100%;}
.brands_character_top .txt::after{content:'';display:block;position:absolute;z-index:-1;right:11%;bottom:-21px;width:30px;height:28.64px;background:url(../images/brands/quotes_close.svg)no-repeat 0 0 / 100% 100%;}
.brands_character_top .txt .br{display:inline-block;width:100%;}
.brands_character_top .insta_link{margin-top:109px;text-align:left;}
.brands_character_top a{display:block;position:relative;width:100%;font-size:0;color:transparent;}
.brands_character_top a .click{display:inline-block;position:absolute;top:-58px;right:48.9%;width:163px;height:77px;background:url(../images/brands/insta_link.svg)no-repeat 0 0 / 100% 100%;animation:scale 1s infinite;-webkit-animation:scale 1s infinite;}
.brands_character_top a img{width:100%;}

.character_intro{padding-top:125px;text-align:center;}
.character_intro .inner{position:relative;}
.character_intro .tit_wrap{display:inline-block;position:relative;word-break:keep-all;}
.character_intro .tit{font-size:28px;font-weight:500;line-height:38px;}
.character_intro .tit .Yellows{display:inline-block;position:relative;top:-7px;width:130px;height:30px;background:url(../images/brands/logo_Yellows.svg)no-repeat 0 0 / 100% 100%;font-size:0;color:transparent;}
.character_intro .img_wrap{display:inline-block;position:relative;}
.character_intro img{padding-top:30px;}
.character_intro .pc{display:none;}
.character_intro i{position:absolute;z-index:1;}
.character_intro .ic1{top:-65px;left:-5px;width:49.29px;height:42.17px;background:url(../images/brands/character_intro_ic1.svg)no-repeat 0 0 / 100% 100%;animation:rotate 3s infinite;-webkit-animation:rotate 3s infinite;}
.character_intro .ic2{top:-50px;right:-15px;width:38.16px;height:62.45px;background:url(../images/brands/character_intro_ic2.svg)no-repeat 0 0 / 100% 100%;animation:rotate 3s infinite;-webkit-animation:rotate 3s infinite;}
.character_intro .ic3{bottom:-40px;left:18px;width:48.08px;height:50px;background:url(../images/brands/character_intro_ic3.svg)no-repeat 0 0 / 100% 100%;}
html:not(.no-js) .character_intro .ic3[data-aos^=fade][data-aos^=fade]{opacity:1;}
.character_intro .ic4{right:18px;bottom:-45px;width:86.99px;height:60px;background:url(../images/brands/character_intro_ic4.svg)no-repeat 0 0 / 100%;}
html:not(.no-js) .character_intro .ic4[data-aos^=fade][data-aos^=fade]{opacity:1;}

.character_info{padding-top:124px;}
.character_info .inner > li{max-width:650px;margin:0 auto;padding:0 34px;}
.character_info .type_pc{display:none;}
.character_info li{display:flex;flex-direction:column;position:relative;}
.character_info .mayo{flex-direction:column-reverse;}
.character_info .img_area{display:flex;align-items:end;justify-content:space-between;position:relative;width:100%;margin-top:80px;}
.character_info .img_area::after{content:'';display:block;clear:both;}
.character_info .ttogi .img_area{margin-top:0;}
.character_info .name{font-size:0;color:transparent}
.character_info .ttogi .name{width:81.25%;margin-bottom:19px;padding-top:25.848%;background:url(../images/brands/name_ttogi_pc.png)no-repeat 0 0 / 100% 100%;}
.character_info .mayo .img_area{padding:0 10.5px 0 6.5px;}
.character_info .mayo .name{width:86.73%;margin-bottom:6px;padding-top:27.6%;background:url(../images/brands/name_mayo_pc.png)no-repeat 0 0 / 100% 100%;}
.character_info .chabi .img_area{padding:0 17px 0 22px;}
.character_info .chabi .name{width:85.48%;padding-top:30.27%; margin-bottom:11px;background:url(../images/brands/name_chabi_pc.png)no-repeat 0 0 / 100% 100%;}
.character_info .img_wrap{position:relative;}
.character_info .ttogi .img_wrap{width:68.2%;margin-right:15px;}
.character_info .mayo .img_wrap{width:64.24%;margin-left:15px;}
.character_info .chabi .img_wrap{width:43.05%;margin-right:19px;}
.character_info .img_wrap img{position:relative;width:100%;}
.character_info .text_wrap{text-align:center;padding-top:30px;}
.character_info .text_wrap .info{font-size:22px;font-weight:500;line-height:32px;word-break:keep-all;}
.character_info .text_wrap .motive{padding-top:8px;font-size:18px;font-weight:500;line-height:26px;}
.character_info .ttogi .text_wrap .motive{color:#DC2F34;}
.character_info .mayo .text_wrap .motive{color:#1D73BA;}
.character_info .chabi .text_wrap .motive{color:#A09600;}
.character_info .text_wrap .txt{padding:18px 0 0;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.character_info .text_wrap .txt .br{display:block;}
.character_info .ico{display:none;position:absolute;}
.character_info .ico.type_mo{display:block;}

/* 고객서비스_자주묻는 질문 */
.customer_faq .top_wrap {text-align:center;}
.customer_faq .top_wrap .desc {display:inline-block;position:relative;margin-top:30px;font-size:22px;font-weight:500;line-height:32px}
.customer_faq .top_wrap .desc::after {content:'';position:absolute;bottom:-18px;left:0;width:100%;height:18px;background:url(../images/customer/ico_line.svg) no-repeat 0 0 / 100% 100%;}
.customer_faq .top_wrap .desc::before {content:'';position:absolute;top:0;left:-42px;width:30px;height:30px;background:url(../images/customer/ico_star.svg) no-repeat 0 0 / 100% 100%}
.customer_faq .top_wrap .desc strong {color:#DC2F34}

.customer_faq .faq_top10 {overflow:hidden;padding-top:48px;margin:0 -20px;}
.customer_faq .faq_top10 .swiper-container {padding:0 20px}
.customer_faq .faq_top10 .swiper-wrapper {gap:10px}
.customer_faq .faq_top10 .swiper-slide {position:relative;width:240px;height:300px;}
.customer_faq .faq_top10 .swiper-slide.active a {background-color:#DC2F34}
.customer_faq .faq_top10 .swiper-slide.active a .txt {color:#FFF}
.customer_faq .faq_top10 .swiper-slide a {display:block;height:100%;outline-offset:-3px;background-color:#FFED00;background-repeat:no-repeat;background-position:top 40px left 20px; background-size:50px 50px;border-radius:30px;}
.customer_faq .faq_top10 .swiper-slide a .num {position:absolute;bottom:-8px;right:24px;font-size:100px;font-weight:300;color:transparent;line-height:100px;letter-spacing:-3px;opacity:.3;-webkit-text-stroke:1px #000}
.customer_faq .faq_top10 .swiper-slide a .txt {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;padding:110px 20px 0 20px;font-size:18px;line-height:26px;white-space:normal;}

.customer_faq .tab_sticky{padding-top:40px;}
.customer_faq .top_wrap .tab_sticky {padding-top:30px;}
.customer_faq .tab_type1 {margin-top:30px;text-align:left;}

.customer_faq .total {display:block;padding:20px 0 10px;font-size:16px;font-weight:300;line-height:24px;text-align:left;}
.customer_faq .total em{color:#DC2F34;}

.customer_faq .faq_list {border-top:1px solid #000;}
.customer_faq .faq_list li{border-bottom:1px solid #e6e6e6;margin-top:-1px;flex-direction:column;}
.customer_faq .faq_list li:first-child{border-bottom:1px solid #e6e6e6;margin-top:0;}
.customer_faq .faq_list li .question_wrap {padding:20px 0;}
.customer_faq .faq_list li .question_wrap .tit_wrap{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;position:relative;padding-right:45px;}
.customer_faq .faq_list li .ico_question {margin:0 30px 0 6px; font-size:24px;color:#FFED00;line-height:34px;-webkit-text-stroke:1px #000;}
.customer_faq .faq_list li .question_wrap .tit {padding-top:5px; font-size:16px;font-weight:300; line-height:24px; text-align:left;word-break:break-all;transition:font-weight 0.8s ease-in}
.customer_faq .faq_list li.active .question_wrap .tit {font-weight:500;transition:all 0.3s ease-out}
.customer_faq .faq_list li .question_wrap .date {padding-top:5px; font-size:14px;font-weight:300;line-height:22px;color:#666;}
.customer_faq .faq_list li .question_wrap .btn_open{display:inline-block;position:absolute;right:0;top:50%;margin-top:-10px; width:20px;height:20px;background:url(../images/customer/qna_close.svg)no-repeat 50% 50% / 20px;transform:rotate(0);transition:all 0.3s;}
.customer_faq .faq_list li.active .question_wrap .btn_open {transform:rotate(180deg); transition:all 0.6s;}
.customer_faq .ico_question {margin-right:40px; font-size:28px;color:#FFED00;line-height:38px;-webkit-text-stroke:1px #000;}

.customer_faq .faq_list li .answer_wrap {display:none}
.customer_faq .faq_list .answer_wrap .answer_complete {position:relative;margin-bottom:30px; padding:70px 40px 100px 20px;border:1px solid #e6e6e6;border-radius:20px; background:#f8f8f8; font-size:16px;font-weight:300;line-height:28px;text-align:left;}
.customer_faq .faq_list .answer_wrap .answer_complete::before {content:'';position:absolute;top:20px;left:20px;width:40px;height:40px;background:url(../images/customer/ico_ttugi.svg) no-repeat 0 0 / 100% 100%;}

.customer_faq .faq_list .answer_wrap .answer_complete .img_wrap {padding-top:20px;margin-right:115px;}
.customer_faq .faq_list .answer_wrap .answer_complete .img_wrap .img_box {display:flex;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:107%;border-radius:20px;}
.customer_faq .faq_list .answer_wrap .answer_complete .img_wrap .img_box + .img_box {margin-top:10px}
.customer_faq .faq_list .answer_wrap .answer_complete .img_wrap .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;min-width:100%;max-height:100%;min-height:100%;width:0;height:0;margin:0;object-fit:cover;}

.customer_faq .faq_list .answer_wrap .answer_complete .hash_tag {max-width:300px;padding-top:24px;}
.customer_faq .faq_list .answer_wrap .answer_complete .hash_tag a {float:left;margin:10px 5px 0 0;padding:4px 17px;border:1px solid #000;border-radius:50%;font-size:13px;line-height:21px;text-align:center;}

.customer_faq .paging.type2 {display:none;}

/* 고객서비스_자주묻는 질문_상세 팝업 */
.pop_faq_top10 .faq_detail .question em {font-size:24px;color:#FFED00;line-height:34px;-webkit-text-stroke:1px #000;}
.pop_faq_top10 .faq_detail .question .tit {margin-top:6px;font-size:16px;line-height:24px}
.pop_faq_top10 .faq_detail .answer {position:relative;margin-top:20px;padding:20px;background:#F8F8F8;border:1px solid #E6E6E6;border-radius:20px;}
.pop_faq_top10 .faq_detail .answer::before {content:'';position:absolute;top:20px;left:20px;width:69px;height:65px;background:url(../images/customer/ttogi_anwser.svg) no-repeat 0 0 / 100% 100%;}
.pop_faq_top10 .faq_detail .answer .txt {padding-top:70px;font-size:16px;font-weight:300;line-height:24px;}
.pop_faq_top10 .faq_detail .answer .img_wrap {padding-top:20px;margin-right:115px}
.pop_faq_top10 .faq_detail .answer .img_wrap .img_box {display:flex;align-items:center;overflow:hidden;position:relative;width:100%;padding-top:107%;border-radius:20px;}
.pop_faq_top10 .faq_detail .answer .img_wrap .img_box img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;min-width:100%;max-height:100%;min-height:100%;width:0;height:0;margin:0;object-fit:cover;}
.pop_faq_top10 .faq_detail .answer .img_wrap .img_box + .img_box {margin-top:10px}
.pop_faq_top10 .faq_detail .answer .hash_tag {max-width:300px;padding-top:20px}
.pop_faq_top10 .dim {display:none}
.pop_faq_top10 .hash_tag::after{content:'';display:block;clear:both;}
.pop_faq_top10 .hash_tag a {float:left; padding:4px 17px;border:1px solid #000;border-radius:50%; font-size:18px;line-height:26px;text-align:center;}

/* 고객서비스_고객만족활동 제품안전사용영상 */
.safety_wrap .thumbs_list .thumbs_pd .thumbs_img {padding-top:58.11%;border-radius:0;}
.safety_wrap .thumbs_list .thumbs_pd .thumbs_img::after {display:none;}
.safety_wrap .thumbs_list .prd_tag {padding-top:5px;font-size:14px;font-weight:300;color:#666; line-height:22px; text-align:left;box-sizing:content-box}
.safety_wrap .tab_type1 {padding-top:40px; text-align:left;}
.safety_wrap .board_top {display:none;}

/* 고객서비스_고객만족활동 개선사례 */
.customer_ms {margin-top:100px; width:100%;height:auto; border-radius:0 0 500px 500px ; background:#FFED00;text-align:center;}
.customer_ms .customer_con {display:inline-block; position:relative;padding:150px 30px 80px; text-align:center;}
.customer_ms .customer_con::before{content:'';position:absolute;left:50%;top:30px;margin-left:-50px; width:100px;height:100px;background:url(../images/common/customer_cr.png)no-repeat 50% 50% / contain;}
.customer_ms .tit {font-size:28px;font-weight:500;line-height:38px;letter-spacing:-0.2px;}
.customer_ms .desc {padding-top:10px; font-size:13px;font-weight:300;line-height:21px;letter-spacing:-0.2px;}
.customer_ms .btn_s {margin-top:20px;}

.safety_wrap .tit_info {display:flex; justify-content:flex-start;align-items:center;padding:15px 0 30px;}
.safety_wrap .thumbs_list li a .thumbs_img {padding-top:82.12%;}
.safety_wrap .btn_share {display:none;} 
.safety_wrap .head_tag {position:static;}
.safety_wrap .btn_wrap {margin-top:50px}
.safety_wrap .board_top.d_block {display:flex;}

.paging_move a span {display:block; font-size:14px;font-weight:300;color:#123E8C; line-height:22px;}
.paging_move a span.date {color:#666;}
.paging_move .next_list span {text-align:left;}

/* 고객서비스_소비자중심경영 */
.customer_visual{position: relative;height: calc(var(--vh, 1vh) * 100);min-height:600px}
.customer_visual .tit_depth3{font-size:32px;font-weight:500;line-height:46px;letter-spacing:-.64px;}
.customer_visual .desc{margin-top:10px;font-weight:500;}
.customer_visual .visual_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/customer/customer_visual.jpg) no-repeat 50% 100% /cover;}
.customer_visual .visual_con_wrap{height:100%}
.customer_visual .visual_con_wrap .inner{position:relative;height:100%;}
.customer_visual .top_wrap{position:relative;padding-top:106px;z-index:20;} 
.customer_visual .txt_wrap{position:absolute;bottom:54px;left:20px;text-align:left;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
.customer_visual .txt_wrap .br{display:block;}
.customer_visual .txt_wrap em{font-size:28px;font-weight:500;line-height:38px;color:#FFED00;-webkit-text-stroke:1px #000;}
.customer_visual .txt_wrap .sub_txt{margin-top:13px;}
.customer_visual .txt_wrap p{font-size:14px;font-weight:300;line-height:22px;text-align:left;color:#FFF;word-break:keep-all;}

.customer_ccm {padding-top:110px;}
.customer_ccm .tit_wrap h3{font-size:32px;font-weight:500;line-height:46px;letter-spacing:-.64px;text-align:center;}
.customer_ccm .img_wrap{padding-top:50px;text-align:center;}
.customer_ccm .img_wrap .img_box{max-width:140px;margin:0 auto;}
.customer_ccm .img_wrap .img_box img{width:100%;}
.customer_ccm .txt_wrap{margin-top:36px;}
.customer_ccm .txt_wrap p{font-size:15px;font-weight:300;line-height:23px;text-align:center;color:#666;word-break:keep-all;}
.customer_ccm .br{display:block;}

.customer_effect {padding:110px 10px;}
.customer_effect .txt_box h3{font-size:32px;font-weight:500;line-height:46px;letter-spacing:-.64px;text-align:center;color:#000;}
.customer_effect ul{padding-top:56px;}
.customer_effect ul li:first-child{padding-top:0;}
.customer_effect ul li{display:flex;flex-direction:column;padding-top:80px;padding-right:50px;}
.customer_effect .img_wrap{display:flex;overflow:hidden;position:relative;width:100%;padding-top:110%;align-items:center;}
.customer_effect .img_wrap img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:contain;}
.customer_effect .txt_wrap{padding-top:40px;}
.customer_effect .txt_wrap .tit{font-size:26px;font-weight:500;line-height:38px;}
.customer_effect .desc{margin-top:20px;font-size:15px;font-weight:300;line-height:23px;color:#666;word-break:keep-all;}

.customer_effect li.item2{flex-direction:column-reverse;padding-right:0;padding-left:50px;}
.customer_effect li.item2 .txt_wrap{text-align:right;}
.customer_effect .br{display:block;}

.customer_lsp {padding:80px 30px;background:#FFFDEB;}
.customer_lsp .img_box img{width:100%;}
.customer_lsp .img_box img.img_pc{display:none;}
.customer_lsp .txt_wrap p{margin-top:50px;font-size:16px;font-weight:300;line-height:24px;text-align:center;word-break:keep-all;}
.customer_lsp .br{display:block;}

.customer_pledge{position:relative;}
.customer_pledge::before{content:'';position:absolute;top:0;right:0;width:130px;height:112px;background:url(../images/customer/bg_pledge_circle_01.svg) no-repeat 50% 50% / cover;}
.customer_pledge::after{content:'';position:absolute;bottom:0;left:0;width:130px;height:112px;background:url(../images/customer/bg_pledge_circle_02.svg) no-repeat 50% 50% / cover;}
.customer_pledge .inner{padding:100px 31.5px;}
.customer_pledge .img_wrap{text-align:center;}
.customer_pledge .img_wrap .img_box{max-width:84px;margin:0 auto;}
.customer_pledge .img_wrap .img_box img{width:100%;}
.customer_pledge .tit_wrap .tit{display:block;margin-top:12px;font-size:24px;font-weight:500;line-height:34px;text-align:center;}
.customer_pledge .tit_wrap .desc{margin-top:30px;font-size:15px;font-weight:500;line-height:20px;text-align:center;word-break:keep-all;}
.customer_pledge .txt_wrap{margin-top:30px;}
.customer_pledge .txt_wrap ul li:first-child{margin-top:0;}
.customer_pledge .txt_wrap ul li{position:relative;margin-top:10px;padding-left:40px;}
.customer_pledge .txt_wrap ul li .unit{position:absolute;top:0;left:0;font-size:15px;font-weight:500;line-height:23px;color:#DC2F34;}
.customer_pledge .txt_wrap ul li .desc{font-size:15px;font-weight:300;line-height:26px;word-break:keep-all;}
.customer_pledge .company_wrap{margin-top:30px;text-align:center;}
.customer_pledge .company_wrap .date{font-size:16px;font-weight:500;line-height:18px;}
.customer_pledge .company_wrap .officer{display:flex;justify-content:center; margin-top:10px;}
.customer_pledge .company_wrap .officer .img_wrap{margin-right:5px;width:81px;height:16px;line-height:16px;}
.customer_pledge .company_wrap .officer .img_wrap img{width:100%;}

.customer_manage_certificate {padding:100px 48px;background:#FFFBCC;}
.customer_manage_certificate .tit_wrap h3{font-size:32px;font-weight:500;line-height:46px;letter-spacing:-.64px;text-align:center;}
.customer_manage_certificate .tit_wrap .desc{margin:20px 0 60px;font-size:15px;font-weight:300;line-height:23px;text-align:center;word-break:keep-all;}
.customer_manage_certificate .certificate_list ul li{margin-top:22px;}
.customer_manage_certificate .certificate_list .img_wrap{width:100%;padding:0 2.8px;}
.customer_manage_certificate .certificate_list .img_wrap img{width:100%;}
.customer_manage_certificate .br{display:block;}

/* 통합검색 */
.result_wrap .product_ms {margin:60px -20px 0;}
.result_wrap .tab_type1 {padding-top:30px}
.product_ms {height:auto; border-radius:0 120px 120px 0;background:#FFED00;}
.product_ms .product_con {position:relative;padding:110px 20px 50px;text-align:center;}
.product_ms .product_con::after {content:'';position:absolute;right:50%;top:50px;width:200px;height:40px;margin-right:-100px;background:url(../images/common/ottogi_mall_logo.svg)no-repeat 50% 50% / 200px 40px;}
.product_ms .product_con .tit {font-size:28px;font-weight:500;color:#000;line-height:38px;}
.product_ms .product_con .desc {padding-top:10px;font-size:13px;font-weight:300;color:#000;line-height:21px;}
.product_ms .product_con .desc .br_pc {display:block;}
.product_ms .product_con .btn_s {margin-top:20px;}
.total_search .shortcut_list {padding-top:20px;}
.total_search .shortcut_list dl {display:block;margin-top:5px;padding:5px 20px;border-radius:10px;background:#F8F8F8;}
.total_search .shortcut_list dl:first-child {margin-top:0;}
.total_search .shortcut_list dl::after {content:'';display:block;clear:both;}
.total_search .shortcut_list dl dt {float:left;width:100%;font-size:15px;font-weight:300;color:#000;line-height:23px;text-align:left;}
.total_search .shortcut_list dl dd {float:left;position:relative;}
.total_search .shortcut_list dl dd a{font-size:15px;font-weight:300;color:#DC2F34;line-height:23px;}
.total_search .shortcut_list dl dd::after {content:'';position:absolute;bottom:1px;left:0;width:100%;height:1px;background:#DC2F34;}
.total_search {padding-top:80px;}
.total_search .board_wrap:first-child {padding-top:0;}
.total_search .board_wrap {padding-top:100px;}
.total_search .board_wrap .list_tit{font-size:22px;font-weight:500;color:#000;line-height:32px;text-align:left;}
.total_search .board_wrap .list_tit em{color:#DC2F34;}
.total_search .board_wrap .board_list {margin-top:20px;}
.total_search .board_wrap .thumbs_list {margin-top:20px;}
.total_search .board_wrap .thumbs_list li a {margin-bottom:0;}
.total_search .board_wrap.disabled .controls {display:none}
.total_search .customer_faq .faq_list {margin-top:20px;}
.total_search .controls {display:flex;align-items:center;justify-content:center; gap:20px;margin-top:15px;}
.total_search .controls button {position:relative;margin-top:0;}
.total_search .controls .swiper-button-prev {order:1;}
.total_search .controls .swiper-button-next {order:3;}
.total_search .controls .swiper-pagination {position:relative;order:2;width:auto;}
.total_search .report_wrap {padding-top:100px;text-align:center;}
.total_search .report_wrap .board_list {margin-top:20px;}
.total_search .report_wrap .list_tit{font-size:22px;font-weight:500;color:#000;line-height:38px;text-align:left;}
.total_search .report_wrap .list_tit em{color:#DC2F34;}
.total_search .list_more {display:inline-block;position:relative;padding-top:35px; font-size:20px;font-weight:500;color:#000; line-height:28px;}
.total_search .list_more::after {content:'';position:absolute;left:0;bottom:0; width:100%;height:1px;background:#000;}
.tab_type1 .mo_list li .btn em {color:#DC2F34;}
.tab_type1 .btn_select em {color:#DC2F34;}
.board_list.news li {position: relative;}
.board_list.news li .tit {padding-right: 30px;}

/* 통합검색_검색결과*/
.total_search.result {padding-top:40px;}
.total_search.result .board_wrap .thumbs_list li {margin-top:40px;}
.total_search.result .board_wrap .thumbs_list li:first-child {margin-top:0;}

/* 통합검색_검색결과 없음 */
.total_search.result_none {padding-top:0;}
.total_search.result_none .board_none {margin-top:80px;}

/* 개인정보 처리방침 */
.privacy_wrap .top_wrap .sel_base {color:#666;}
.privacy_wrap .top_tit .tit_depth3 {padding-top:20px;text-align:center;}
.privacy_wrap .top_tit .br {display:block;}
.privacy_wrap .top_tit p {padding-top:10px;font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.privacy_wrap h3 {font-size:22px;font-weight:500;color:#000;line-height:32px;}
.privacy_wrap .top_wrap .br_pc {display:block;}
.privacy_wrap .top_wrap .desc {font-size:15px;font-weight:300;color:#000;line-height:23px;text-align:left;word-break:keep-all;}
.privacy_wrap .labeling {padding-top:60px;}
.privacy_wrap .labeling ul {display:flex;flex-wrap:wrap;gap:20px 0; margin-top:20px;padding:20px;border-radius:20px;background:#F8F8F8;}
.privacy_wrap .labeling ul li {position:relative;width:33.33%;padding-top:55px;font-size:15px;font-weight:500;color:#000;line-height:23px;text-align:center;}
.privacy_wrap .labeling ul li::after{content:'';position:absolute;top:0;left:50%;width:50px;height:50px;margin-left:-25px;}
.privacy_wrap .labeling ul .privacy1::after{background:url(../images/common/ico_privacy1.svg)no-repeat 50% 50% / 50px;}
.privacy_wrap .labeling ul .privacy2::after{background:url(../images/common/ico_privacy2.svg)no-repeat 50% 50% / 50px;}
.privacy_wrap .labeling ul .privacy3::after{background:url(../images/common/ico_privacy3.svg)no-repeat 50% 50% / 50px;}
.privacy_wrap .labeling ul .privacy4::after{background:url(../images/common/ico_privacy4.svg)no-repeat 50% 50% / 50px;}
.privacy_wrap .labeling ul .privacy5::after{background:url(../images/common/ico_privacy5.svg)no-repeat 50% 50% / 50px;}
.privacy_wrap .labeling ul .privacy6::after{background:url(../images/common/ico_privacy6.svg)no-repeat 50% 50% / 50px;}
.privacy_wrap .index {padding-top:60px;}
.privacy_wrap .index ul {padding-top:20px;}
.privacy_wrap .index ul li {margin-top:5px;padding:10px 20px;border-radius:10px;background:#F8F8F8;}
.privacy_wrap .index ul li:first-child {margin-top:0;}
.privacy_wrap .index ul li a {display:flex;background:transparent; font-size:15px;font-weight:300;line-height:23px;text-align:left;}
.privacy_wrap .index ul li a p{position:relative;font-size:15px;font-weight:300;line-height:23px;text-align:left;text-decoration:underline;}
.privacy_wrap .index ul li a .count {position:relative;padding-right:4px;}
.privacy_wrap .index ul li a .num_pd {padding-right:4px;}
.privacy_wrap .privacy_con .tit_wrap {position:relative;padding:50px 0 60px;word-break:keep-all;}
.privacy_wrap .privacy_con .tit_wrap.ico_none {padding-bottom:0;}
.privacy_wrap .privacy_con .tit_wrap .ico {position:absolute;bottom:0;left:0;width:40px;height:40px;}
.privacy_wrap .privacy_con .tit_wrap .ico.privacy1 {background:url(../images/common/ico_privacy1.svg)no-repeat 50% 50% / 40px;}
.privacy_wrap .privacy_con .tit_wrap .ico.privacy2 {position:absolute;bottom:0;left:50px;width:40px;height:40px; background:url(../images/common/ico_privacy2.svg)no-repeat 50% 50% / 40px;}
.privacy_wrap .privacy_con .tit_wrap .ico.privacy5 {background:url(../images/common/ico_privacy5.svg)no-repeat 50% 50% / 40px;}
.privacy_wrap .privacy_con .tit_wrap .ico.privacy7 {background:url(../images/common/ico_privacy7.svg)no-repeat 50% 50% / 40px;}
.privacy_wrap .privacy_con .tit_wrap .ico.privacy3 {background:url(../images/common/ico_privacy3.svg)no-repeat 50% 50% / 40px;}
.privacy_wrap .privacy_con .tit_wrap .ico.privacy4 {background:url(../images/common/ico_privacy4.svg)no-repeat 50% 50% / 40px;}
.privacy_wrap .privacy_con .tit_wrap .ico.privacy8 {background:url(../images/common/ico_privacy8.svg)no-repeat 50% 50% / 40px;}
.privacy_wrap .privacy_con .tit_wrap .ico.privacy9 {background:url(../images/common/ico_privacy9.svg)no-repeat 50% 50% / 40px;}
.privacy_wrap .privacy_con .tit_wrap .ico.privacy10 {background:url(../images/common/ico_privacy10.svg)no-repeat 50% 50% / 40px;}
.privacy_wrap .privacy_con .tit_wrap .ico.privacy11 {position:absolute;bottom:0;left:50px;width:40px;height:40px; background:url(../images/common/ico_privacy11.svg)no-repeat 50% 50% / 40px;}
.privacy_wrap .privacy_con .tit_wrap .ico.privacy12 {background:url(../images/common/ico_privacy12.svg)no-repeat 50% 50% / 40px;}
.privacy_wrap .privacy_con .tit_wrap .ico.privacy13 {position:absolute;bottom:0;left:50px;width:40px;height:40px; background:url(../images/common/ico_privacy13.svg)no-repeat 50% 50% / 40px;}
.privacy_wrap .privacy_con .tit_wrap .ico.privacy14 {background:url(../images/common/ico_privacy14.svg)no-repeat 50% 50% / 40px;}
.privacy_wrap .privacy_con p {font-size:15px;font-weight:300;line-height:23px;}
.privacy_wrap .privacy_con ul li {font-size:15px;font-weight:300;line-height:23px;}
.privacy_wrap .privacy_con .list_a > li::after {content:'';display:block;clear:both;}
.privacy_wrap .privacy_con .list_b > li::after {content:'';display:block;clear:both;}
.privacy_wrap .privacy_con ul li .count {float:left;width:16px;line-height:23px;}
.privacy_wrap .privacy_con .article {padding-top:20px;}
.privacy_wrap .privacy_con .article .tit {padding-top:50px;font-size:20px;font-weight:500;line-height:28px;}
.privacy_wrap .privacy_con .article .txt_info {padding-top:10px;}
.privacy_wrap .privacy_con .article .tbl_cont thead th {font-size:15px;line-height:23px;}
.privacy_wrap .privacy_con .article .tbl_cont tbody td {font-size:15px;line-height:23px;}
.privacy_wrap .privacy_con .article .tbl_cont tbody td:last-child {text-align:left;}
.privacy_wrap .privacy_con .article .tbl_cont.col_red tbody td:first-child {color:#DC2F34}
.privacy_wrap .privacy_con .article .list_a {padding-top:10px;}
.privacy_wrap .privacy_con .article .list_a > li {padding-top:20px;font-size:15px;font-weight:300;line-height:23px;}
.privacy_wrap .privacy_con .article .list_a > li:first-child {padding-top:0;}
.privacy_wrap .privacy_con .article .list_a > li p{display:inline-block;width:calc(100% - 20px); font-size:15px;font-weight:300;line-height:23px;word-break:keep-all;}
.privacy_wrap .privacy_con .article .list_a > li .count {float:left;padding-right:4px;}
.privacy_wrap .privacy_con .article .list_a li ul {padding-top:5px;}
.privacy_wrap .privacy_con .article .list_a li ul li {position:relative;padding-left:24px;}
.privacy_wrap .privacy_con .article .list_a li ul li::before{content:'';position:absolute;top:10px;left:8px;width:4px;height:4px;border-radius:50%;background:#000;}
.privacy_wrap .privacy_con .article .list_a.tpye2 li {padding-top:10px;}
.privacy_wrap .privacy_con .article .col_red li {color:#DC2F34;}
.privacy_wrap .privacy_con .article .list_a.tpye2 li:first-child {padding-top:0;}
.privacy_wrap .privacy_con .article .list_a.tpye2 li p {display:inline;word-break:break-all;}
.privacy_wrap .privacy_con .article .list_a.type3 {padding-top:10px;}
.privacy_wrap .privacy_con .article .list_a.type3 li{padding-top:10px;}
.privacy_wrap .privacy_con .article .list_a.type3 li:first-child {padding-top:0;}
.privacy_wrap .privacy_con .article .list_a.type3 li p {display:inline;width:auto;}
.privacy_wrap .privacy_con .article .list_b {padding-top:10px;}
.privacy_wrap .privacy_con .article .list_b li{padding-top:10px;word-break:normal;}
.privacy_wrap .privacy_con .article .list_b li:first-child {padding-top:0;}
.privacy_wrap .privacy_con .article .list_b li .count {padding-right:4px;}
.privacy_wrap .privacy_con .article .list_b li p {display:inline;}
.privacy_wrap .privacy_con .article .list_c li ul {padding-top:10px;}
.privacy_wrap .privacy_con .article .list_c li:first-child ul {padding-top:20px;}
.privacy_wrap .privacy_con .article .list_c li ul li {position:relative;padding-left:24px;}
.privacy_wrap .privacy_con .article .list_c li ul li::before{content:'';position:absolute;top:10px;left:8px;width:4px;height:4px;border-radius:50%;background:#000;}
.privacy_wrap .privacy_con .article .list_c .sub_tit {margin-top:20px; font-size:16px;font-weight:500;line-height:24px;}
.privacy_wrap .privacy_con .article .list_d {padding-top:50px;}
.privacy_wrap .privacy_con .article .list_d li {position:relative;padding-left:24px;}
.privacy_wrap .privacy_con .article .list_d li::before{content:'';position:absolute;top:10px;left:8px;width:4px;height:4px;border-radius:50%;background:#000;}

/* 500 에러 */
.error_wrap.error_500 {display:flex;justify-content:center;align-items:center;height:100vh;padding-top:0;}
.error_wrap.error_500 .error_con {position:relative;width:100%;padding:150px 20px 0;}
.error_wrap.error_500 .error_con::after {content:'';position:absolute;top:0;left:50%;width:150px;height:150px;margin-left:-75px;background:url(../images/common/ico_error1.png)no-repeat 50% 50% / 150px;}
.error_wrap.error_con .br {display:block;}

/* 404 에러 */
.error_wrap {padding-top:115px;}
.error_con {position:relative;padding-top:106px;text-align:center;}
.error_con::after {content:'';position:absolute;top:0;left:50%;width:87px;height:106px;margin-left:-45px;background:url(../images/common/ico_error2.png)no-repeat 50% 50% / 100% 100%}
.error_con h2 {padding-top:30px;font-size:26px;font-weight:500;line-height:38px;}
.error_con .desc {padding-top:20px;font-size:15px;font-weight:300;line-height:23px;}
.error_con .info {padding-top:20px;font-size:13px;font-weight:300;line-height:21px;}
.error_wrap .error_con .br {display:block;}
.error_con .br_pc {display:block;}
.error_con .btn_wrap {margin-top:30px;}

/* 에디트 영역 리셋 */
.detail_edit {font-weight:300;text-align:left;}
.detail_edit > * {font-weight:300;}
.detail_edit button {background:transparent;}
.detail_edit strong {font-weight:700;}
.detail_edit li {margin:0;border:none;font-weight:300;list-style:unset;}
.detail_edit li > * {font-weight:300;}
.detail_edit li > strong {font-weight:700;}
.detail_edit dl dt {font-weight:300;}
.detail_edit dl dd {font-weight:300;}
.detail_edit dl dt > * {font-weight:300;}
.detail_edit dl dd > * {font-weight:300;}
.detail_edit dl dt strong {font-weight:700;}
.detail_edit dl dd strong {font-weight:700;}
.detail_edit table th {font-weight:300;}
.detail_edit table td {font-weight:300;}
.detail_edit table th > * {font-weight:300;}
.detail_edit table td > * {font-weight:300;}
.detail_edit table th strong {font-weight:700;}
.detail_edit table td strong {font-weight:700;}
.customer_faq .faq_list li .detail_edit li {margin:0;border:none;font-weight:300;}

/* 오시는 길 */
.board_wrap.road_wrap .error_con {padding-top:112px;}
.board_wrap.road_wrap .error_con::after {width:92px;height:112px;}

/* ------------------------------------------------------------------------------------------------------------------------------------------
                                                            미디어쿼리 시작
------------------------------------------------------------------------------------------------------------------------------------------ */

/************************************************* 1600px 이하 [s] *************************************************/
@media screen and (max-width:1600px) {
    /* header */
    .header .logo {width:50px;height:50px}
    .header .inner {padding:0 30px;transition:all .3s}
    .header .navbar>li>a {padding:0 15px}
    .header .sub_menu {min-width:auto;padding-left:7px}
}
/************************************************* 1600px 이하 [e] *************************************************/

/************************************************* 480px 이상 [s] *************************************************/
@media screen and (min-width:480px){
    /* 제품이야기_제품정보 카테고리2 */
    .product_info .category2 .prd_item2 .txt_area{padding-left:20%;}
    .product_info .category2 .prd_item4 .txt_area{padding-right:20%;}
    .product_info .category2 .prd_item6 .txt_area{padding-left:20%;}

    /* 고객서비스_고객상담 프로세스 */
    .process_info ul li{padding-bottom:48.705%;}
    .process_info .process_item1 .lottie_mo{bottom:9%;right:17%;width:55%;transform:rotate(32deg);}
    .process_info .process_item2 .lottie_mo{left:35%;bottom:1%;width:18%;transform:rotate(21deg);}
    .process_info .process_item3 .lottie_mo{bottom:2%;left:23%;width:15%;transform:rotate(-6deg);}

}
/************************************************* 480px 이상 [e] *************************************************/

/************************************************* 600px 이상 [s] *************************************************/
@media screen and (min-width:600px){
    /* 회사소개_식품안전과학연구소 */
    .rule_wrap .slider{max-width:560px;margin:45px auto 0 auto;}
    .rule_wrap .slider .num_item{font-size:100px;}
    .rule_wrap .slider .txt_item{font-size:35px;line-height:48px;}

    .about_food_lab .ottogi_way .br{display:inline;}

    /* 회사소개_해외법인소개 */
    .global_visual .txt_wrap .br{display:inline;}
    .global_status .global_visual .txt_wrap .br{display:block;}

    
    /* 인재채용_인재상 */
    .talent_cont_wrap .txt_wrap .txt .br_pc{display:block;}
    .about_talent .br{display:inline;}

    /* 브랜드경험_공식캐릭터 */
    .character_intro .tit_wrap{width:70%;}
    .character_info .img_area{margin:134px auto 0 auto;}
    
    /* 카레이야기 - 활동 */
    .curry_activity .archiving_area .swiper-container img{max-height:600px;}
}
/************************************************* 600px 이상 [e] *************************************************/

/************************************************* 750px 이상 [s] *************************************************/
@media screen and (min-width:750px){
    .main_visual .swiper-slide .pc_visual {display:none}
    .main_visual .swiper-slide .tab_visual {display:block;height:100%;background-size:cover;background-position:50% 0;background-repeat:no-repeat}
    .main_visual .swiper-slide .mo_visual {display:none}
    .main_visual .swiper-slide .msg_hidden {position:absolute;top:187px;left:50%;z-index:10;transform:translateX(-50%);font-size:32px;font-weight:500;text-align:center;}
    .main_visual .swiper-slide .msg_hidden.on {opacity:0;}
    .main_visual {overflow:hidden;position:relative;width:100%}
    .main_visual .mask {width:100%;height:105%;object-fit:cover;mask-size:66.66% 56.29%;-webkit-mask-size:66.66% 56.29%;mask-image:url(../images/common/mask.png);-webkit-mask-image:url(../images/common/mask.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center bottom;-webkit-mask-position:center bottom;transition:mask-size 1s;-webkit-transition:-webkit-mask-size 1s;}
    .main_visual .mask.on {mask-size:500% 400%;-webkit-mask-size:500% 400%;}
    .main_visual .swiper-slide .slide_cont {position:absolute;top:0;right:0;bottom:0;left:0;max-width:1480px;margin:0 auto;transform:none;-webkit-transform:none;}
    .main_visual .swiper-slide .tit_slide {position:absolute;top:50%;left:50%;width:100%;letter-spacing:0;text-shadow:0px 8px 24px rgba(0, 0, 0, 0.80);text-align:center;opacity:0;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
    .main_visual .swiper-slide .tit_slide.on {opacity:1;transition:all .3s}
}
/************************************************* 750px 이상 [e] *************************************************/

/************************************************* 1024px 이상 [s] *************************************************/
@media screen and (min-width:1024px){
    /* Skip Menu */
    #skip {display:block;position:absolute; top:0px; left:0; width:100%; z-index:3000;}
    #skip a {display:block; height:1px; left:0; line-height:0; margin-top:-1px; overflow:hidden; position:absolute; top:0;outline-offset: -3px;}
    #skip a:hover, #skip a:focus, #skip a:active {background:none repeat scroll 0 0 #dc2c34; color:#FFFFFF; font-size:14px; font-weight:bold; padding:20px 0; text-align:center; width:100%; z-index:100;}

    /* [s]guide */
    /* font */
    .tit_depth1 {font-size:64px;line-height:90px;letter-spacing:-1.92px;}
    .tit_depth2 {font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .tit_depth3 {font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .tit_depth4 {font-size:40px;line-height:56px;letter-spacing:-.8px;}

    .top_wrap {padding-top:50px}
    .top_wrap.col_white{padding-top:150px;}
    .top_wrap .tit_depth1 {font-size:50px;line-height:62px;letter-spacing:-1.5px;}
    .top_wrap .tit_depth1 .txt_s {display:block;font-size:46px;letter-spacing:-1.38px;}
    .top_wrap .tit_depth1 .br {display:inline}
    .top_wrap .desc {font-size:20px;font-weight:300;line-height:28px}
    .top_wrap .desc.type2 {margin-top:15px}
    .top_wrap .desc .br {display:inline}
    .top_wrap .tab_sticky {height:98px;padding-bottom:10px;}
    .top_wrap .btn_wrap {margin-top:50px;}
    .top_wrap .btn_wrap .btn_type_l {padding:0 100px}

    /* header */
    .header::before {content:'';position:absolute;left:0;top:100px;z-index:10;width:100%;height:0;background:#fff;transition:height .2s linear}
    .header.header_over {background:#fff}
    .header.header_over::before {height:324px;box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.03);}
    .header .logo {position:absolute;top:50%;left:0;transform:translateY(-50%);}
    .header .logo a {display:flex;align-items:center;}
    .header .logo a .ico {width:50px;height:50px;background:url(../images/common/logo.svg) no-repeat 0 0 / 100% 100%}
    .header .lang {position:absolute;top:50%;left:auto;right:180px;transform:translateY(-50%);}
    .header .btn_back {display:none;}
    .header .btn_dropdown {display:none;}
    .header .navbar {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:100px;margin-left:-189px}
    .header .navbar>li {position:relative;height:100%;transition:all .3s}
    .header .navbar>li>a {outline-offset:-4px;}
    .header .navbar>.menu_item.sitemap {display:block;padding:0 7px}
    .header .navbar>li a span {display:block;position:relative;}
    .header .navbar li a {display:flex;align-items:center;height:100%;font-size:15px;line-height:23px}
    .header .navbar li:hover>a {color:#DC2F34}
    .header .navbar li .btn_menu {background-position:50% 50%;font-size:0;color:transparent}
    .header .navbar li .btn_menu:hover {background:url(../images/common/btn_menu_hover.svg) no-repeat 50% 50% / 30px 30px;transition:all .5s cubic-bezier(.6,0,0,1)}
    .header .util.pc {display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);}
    .header .util.pc ul {display:flex;align-items:center;}
    .header .util.pc ul li {margin-left:5px;transition:all .3s}
    .header .util.pc ul li .btn_search {display:block;width:22px;height:23px;background:url(../images/common/gnb_search.svg) no-repeat 0 0 / 100% 100%;text-indent:-9999px;}
    .header .util.pc ul li .chat {display:block;width:30px;height:25px;background:url(../images/common/gnb_chatbot.svg) no-repeat 0 0 / 100% 100%;text-indent:-9999px;}
    .header .util.pc ul li .link {display:block;position:relative;width:107px;height:24px;padding:6px 29px 6px 8px;border-radius:8px;background:#FFFC29 url(../images/common/gnb_mall.svg) no-repeat top 50% left 8px / 70px 14px;color:transparent}
    .header .util.pc ul li .link::after {content:'';position:absolute;top:50%;right:8px;width:16px;height:19px;margin-top:-9px;background:url(../images/common/ico_arrow.svg) no-repeat 0 50% / 16px 16px}
    .header .util.pc ul li .link:hover::after {animation:move_play01 .5s ease-in-out infinite;-webkit-animation:move_play01 .5s ease-in-out infinite;}
    @keyframes move_play01 {
        0% {margin-top:-8px;right:10px}
        50% {margin-top:-10px;right:8px}
        100% {margin-top:-8px;right:10px}
    }
    @-webkit-keyframes move_play01 {
        0% {margin-top:-8px;right:10px}
        50% {margin-top:-10px;right:8px}
        100% {margin-top:-8px;right:10px}
    }

    .header .sub_menu {display:none;position:absolute;top:100px;left:0;z-index:10;height:294px;padding-left:15px;text-align:left;}
    .header .sub_menu li {margin-bottom:12px;}
    .header .sub_menu li a {display:inline;font-size:12px;font-weight:300;color:#666;line-height:20px;vertical-align:top;word-break:break-word;white-space:nowrap;}
    .header .sub_menu:hover li a {color:#000}
    .header .sub_menu li a:hover {border-bottom:1px solid #000;font-weight:500}

    .header .btn_search_mo {display:none;}
    
    .header.col_white.header_over::after {display:none}
    .header.col_white .logo a .ico {background:url(../images/common/logo_wh.svg) no-repeat 0 0 / 100% 100%}
    .header.col_white .navbar>li>a {color:#FFF;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
    .header.col_white .navbar li .btn_menu:hover {background:url(../images/common/btn_menu_w_hover.svg) no-repeat 50% 50% / 30px 30px;transition:all .5s cubic-bezier(.6,0,0,1)}
    .header.col_white.header_over .navbar>li>a {color:#000;text-shadow: none;}
    .header.col_white.header_over .navbar>li:hover>a {color:#DC2F34}
    .header.col_white.header_over .btn_lang {color:#000;text-shadow: none;}
    .header.col_white.header_over .btn_lang::after {background:url(../images/common/sel_lang.svg) no-repeat 0 0 / 20px 20px}
    .header.col_white.header_over .btn_menu {background:url(../images/common/btn_menu.svg) no-repeat 50% 50% / 30px 30px}
    .header.col_white.header_over .navbar li .btn_menu:hover {background:url(../images/common/btn_menu_hover.svg) no-repeat 50% 50% / 30px 30px}

    .header.sub .lang {display:block !important}
    .header.sub .btn_prev_page {display:none}

    /* footer */
    .footer .f_logo .ico {width:200px;height:50px}
    .footer .f_breadcrumb {display:flex;position:absolute;top:80px;left:30px;margin:20px 0;padding-left:24px;transition:all .3s;}
    .footer .f_breadcrumb::before {content:'';position:absolute;top:0;left:0;width:24px;height:24px;background:url(../images/common/ico_breadcrumb.svg) no-repeat 0 0 / 24px 24px}
    .footer .f_breadcrumb li {margin-left:30px}
    .footer .f_breadcrumb li:first-child {margin-left:15px}
    .footer .f_breadcrumb li:last-child a{font-weight:500;}
    .footer .f_breadcrumb li a {font-size:14px;font-weight:300;line-height:22px;letter-spacing:2.1px;transition:all .3s;}
    .footer .f_breadcrumb li:first-child a:hover {color:#DC2F34;}
    .footer .f_breadcrumb li a:hover {transition:all .3s;}

    .footer .inner {padding:145px 30px 60px}
    .footer .f_wrap {display:flex;justify-content:space-between;padding-top:40px;border-top:1px solid #000}
    .footer .pos_right {display:flex;flex-direction:column;align-items:flex-end;margin-top:-90px}

    .footer .f_logo a {display:block}
    .footer .f_toggle {flex:1;padding-left:10px}
    .footer .f_toggle .toggle_list {display:flex}
    .footer .f_toggle .toggle_list>li {margin-top:0;margin-left:30px;transition:all .3s;}
    .footer .f_toggle .toggle_list>li .btn_acc {display:none}
    .footer .f_toggle .toggle_list>li .pc_tit{display:block;font-size:20px;font-weight:500;line-height:28px;transition:all .3s;}
    .footer .f_toggle .toggle_list>li .f_link {display:block !important}
    .footer .f_toggle .toggle_list>li .f_link li {margin-top:8px}
    .footer .f_toggle .toggle_list>li .f_link li:first-child {margin-top:10px}
    .footer .f_toggle .toggle_list>li .f_link li a.ico_arw {position:relative;}
    .footer .f_toggle .toggle_list>li .f_link li a.ico_arw::after {content:'';position:absolute;top:50%;right:-21px;width:16px;height:16px;margin-top:-8px;background:url(../images/common/ico_arrow.svg) no-repeat 0 50% / 16px 16px;}
    .footer .f_toggle .toggle_list>li .f_link li a:hover {border-bottom:1px solid #000}
    .footer .f_sns {flex-direction:row;margin-top:0}
    .footer .f_sns li {margin-right:30px}
    .footer .f_sns li:last-child {margin-right:0}

    .footer .f_number {flex-direction:column;margin-top:50px}
    .footer .f_number dl {display:flex;margin-right:0;margin-top:10px}
    .footer .f_number dl dt {min-width:125px;font-size:13px;line-height:21px;text-align:left}
    .footer .f_number dl dd {margin-left:16px;margin-top:0;font-size:16px;line-height:24px}
    .footer .f_number dl dd .txt {display:block;font-size:12px;font-weight:300;color:#666;line-height:22px;}
    
    .footer .wa_mark {margin-top:10px}
    .footer .wa_mark ul {gap:25px}
    .footer .copyright {margin-top:10px;font-size:12px;line-height:20px}

    .footer.sub .inner .f_cont {display:block;}
    .footer.sub .copyright_m {display:none}

    .footer.sub2 .inner {padding:18px 0 12px;border-top:1px solid #000;text-align:center;}

    /* container */
    .content_full .inner {max-width:100%; padding:0 30px;}
    .max_1180 .inner {max-width:1180px;margin:0 auto;padding:0 30px; box-sizing:content-box;}
    .max_1440 .inner{max-width:1440px;margin:0 auto;padding:0 30px;box-sizing:content-box;}
    .max_1500 .inner{max-width:1500px;margin:0 auto;padding:0 30px;box-sizing:content-box;}
    .layer_wrap.mo_only {display:none;}

    /* button */
    [class*="btn_type"]:hover {border:2px solid #FFED00}
    [class*="btn_type2"]:hover {border:2px solid #E6E6E6}
    [class*="btn_type3"]:hover {border:2px solid #DC2F34}
    [class*="btn_type"].disabled:hover {border:2px solid #E6E6E6}
    .btn_type_l {height:80px;font-size:22px;line-height:76px}
    .btn_type2_l {height:80px;font-size:22px;line-height:76px;}
    .btn_type_s {height:50px;font-size:16px;font-weight:500;line-height:46px;}
    .btn_type2_s {height:50px;font-size:16px;font-weight:500;line-height:46px;}
    .btn_type_m {height:55px;font-size:16px;line-height:51px;}
    .btn_type2_m {height:55px;font-size:16px;line-height:51px;}
    .btn_type3_l {height:80px;font-size:22px;line-height:76px;}
    .btn_type3_s {height:50px;font-size:16px;line-height:46px;}
    .btn_type_l.btn_s {padding:0 100px}
    .btn_type2_l.btn_s {padding:0 100px}
    .btn_type_l.ico_more {display:none;height:50px}
    .btn_type_l.ico_more:hover::before{display:none;}
    .btn_type_l.ico_more:hover::after{animation:move_play05 .5s ease-in-out infinite;-webkit-animation:move_play05 .5s ease-in-out infinite;}
    @keyframes move_play05 {
        0% {margin-top:-2px;}
        50% {margin-top:0;}
        100% {margin-top:-2px;}
    }
    @-webkit-keyframes move_play05 {
        0% {margin-top:-2px;}
        50% {margin-top:0;}
        100% {margin-top:-2px;}
    }

    .btn_wrap > * + * {margin-left:8px;}
    .btn_wrap.type2 button {flex:none;display:inline-block;width:auto;padding:0 100px}
    .btn_wrap.type3{flex-direction:row;max-width:1200px;margin:0 auto;padding:0 100px;box-sizing:content-box;}
    .btn_wrap.type3 a {flex:1}
    .btn_wrap.type3 > * + *{margin-top:0;margin-left:30px;}
    .btn_top {width:80px;height:72px;background:url(../images/common/btn_top_pc.svg) no-repeat 0 0 / 100% 100%}
    .btn_more {width:100px;height:30px;background-image:url(../images/common/btn_more_pc.svg)}
    .btn_more.type2 {background-image:url(../images/common/btn_more_wh_pc.svg);}
    .btn_more2 {width:100px;height:30px;background-image:url(../images/common/btn_more2_pc.svg)}
    .btn_prev.type2 {width:50px;height:50px;background:#fff url(../images/common/btn_prev.svg) no-repeat 50% 50% / 11px 20px;}
    .btn_next.type2 {width:50px;height:50px;background:#fff url(../images/common/btn_next.svg) no-repeat 50% 50% / 11px 20px;}
    .fixed_area.mo_search .pc_none {display:none}

    .btn_type_l.ico_arw::after {height:76px;background:url(../images/common/ico_arrow_b.svg) no-repeat 50% 50% / 16px 16px;}
    .btn_type2_l.ico_arw::after {height:76px;background:url(../images/common/ico_arrow_b.svg) no-repeat 50% 50% / 16px 16px;}
    .btn_type3_l.ico_arw::after {height:76px;background:url(../images/common/ico_arrow_wh_b.svg) no-repeat 50% 50% / 16px 16px;}
    .btn_type_s.ico_arw::after {height:46px}
    .btn_type2_s.ico_arw::after {height:46px}
    .btn_type3_s.ico_arw::after {height:46px}
    [class*="btn_type"]:hover::before {top:-5px;left:-5px;right:-5px;bottom:-5px;opacity:1;}
    [class*="btn_type"].ico_arw:hover {border:2px solid transparent}
    .btn_type2_l.ico_arw:hover {border:2px solid #E6E6E6}
    .btn_type2_s.ico_arw:hover {border:2px solid #E6E6E6}
    [class*="btn_type"].ico_arw:hover::before {display:none}
    [class*="btn_type"].ico_arw:hover::after {animation:icoArw .5s ease-in-out infinite;-webkit-animation:icoArw .5s ease-in-out infinite;}
    @keyframes icoArw {
        0% {transform:translate(0, 0);-webkit-transform:translate(0,0);}
        50% {transform:translate(50%, -8%);-webkit-transform:translate(50%, -8%);}
        100% {transform:translate(0, 0);-webkit-transform:translate(0,0);}
    }
    @-webkit-keyframes icoArw {
        0% {transform:translate(0, 0);-webkit-transform:translate(0,0);}
        50% {transform:translate(50%, -8%);-webkit-transform:translate(50%, -8%);}
        100% {transform:translate(0, 0);-webkit-transform:translate(0,0);}
    }
    .btn_prev:hover::before {top:2px;left:2px;right:2px;bottom:2px;opacity:1;}
    .btn_next:hover::before {top:2px;left:2px;right:2px;bottom:2px;opacity:1;}
    /* .btn_menu:hover {background:url(../images/common/btn_menu_hover.svg) no-repeat 0 0 / 30px 30px;transition:all .5s cubic-bezier(.6,0,0,1)} */
    .btn_more:hover {animation:leftArrowCircle 1s infinite alternate ease-in-out;-webkit-animation:leftArrowCircle 1s infinite alternate ease-in-out;}
    .btn_more2:hover {animation:rightArrowCircle 1s infinite alternate ease-in-out;-webkit-animation:rightArrowCircle 1s infinite alternate ease-in-out;}
    @keyframes leftArrowCircle{0%{transform:translate(0, 0);-webkit-transform:translate(0,0);} 50%{transform:translate(10px, 0);-webkit-transform:translate(10px,0);}}
    @-webkit-keyframes leftArrowCircle {0%{transform:translate(0, 0);-webkit-transform:translate(0,0);} 50%{transform:translate(10px, 0);-webkit-transform:translate(10px,0);}}
    @keyframes rightArrowCircle{0%{transform:translate(0, 0);-webkit-transform:translate(0,0);} 50%{transform:translate(-10px, 0);-webkit-transform:translate(-10px,0);}}
    @-webkit-keyframes rightArrowCircle {0%{transform:translate(0, 0);-webkit-transform:translate(0,0);} 50%{transform:translate(-10px, 0);-webkit-transform:translate(-10px,0);}}
    .btn_download:hover::after {animation:move_play02 .5s ease-in-out infinite;-webkit-animation:move_play02 .5s ease-in-out infinite;}
    @keyframes move_play02 {
        0% {margin-top:-9px;}
        50% {margin-top:-11px;}
        100% {margin-top:-9px;}
    }
    @-webkit-keyframes move_play02 {
        0% {margin-top:-9px;}
        50% {margin-top:-11px;}
        100% {margin-top:-9px;}
    }
    .btn_type2_s.ico_down::after {height:46px;}
    .btn_type2_s.ico_down:hover::before{display:none;}
    .btn_type2_s.ico_down:hover::after{animation:move_play04 .5s ease-in-out infinite;-webkit-animation:move_play04 .5s ease-in-out infinite;}
    .btn_type_l.ico_down::after {height:76px;background:url(../images/common/ico_download_pc.svg) no-repeat 50% 50% / 16px 16px}
    .btn_type_l.ico_down:hover::after{animation:move_play04 .5s ease-in-out infinite;-webkit-animation:move_play04 .5s ease-in-out infinite;}
    @keyframes move_play04 {
        0% {margin-top:0;}
        50% {margin-top:2px;}
        100% {margin-top:0;}
    }
    @-webkit-keyframes move_play04 {
        0% {margin-top:0;}
        50% {margin-top:2px;}
        100% {margin-top:0;}
    }
    .fixed_area {right:10px;width:80px}

    /* swiper pagination */
    /* 50x50 (default) */
    .controls {display:flex;justify-content:center;gap:15px;height:50px}
    .swiper-pagination-fraction {position:relative;order:2;width:auto;min-width:58px;font-size:26px;font-weight:300;line-height:50px;letter-spacing:-.8px}
    .swiper-button-prev {flex:none;order:1;position:relative;width:50px;height:50px;margin-top:-25px;background:#fff url(../images/common/btn_prev.svg) no-repeat 50% 50% / 11px 20px;}
    .swiper-button-next {flex:none;order:3;position:relative;width:50px;height:50px;margin-top:-25px;background:#fff url(../images/common/btn_next.svg) no-repeat 50% 50% / 11px 20px;}
    .swiper-button-pause {flex:none;order:4;position:relative;right:0;width:50px;height:50px;margin-top:-25px;background:#fff url(../images/common/btn_pause_s.svg) no-repeat 50% 50% / 10px 16px}
    .swiper-button-play {flex:none;order:4;position:relative;right:0;width:50px;height:50px;margin-top:-25px;background:#fff url(../images/common/btn_play_s.svg) no-repeat 50% 50% / 13px 16px}
    .swiper-button-prev:hover::before {top:2px;left:2px;right:2px;bottom:2px;opacity:1;}
    .swiper-button-next:hover::before {top:2px;left:2px;right:2px;bottom:2px;opacity:1;}
    .swiper-button-pause:hover::before {top:2px;left:2px;right:2px;bottom:2px;opacity:1;}
    .swiper-button-play:hover::before {top:2px;left:2px;right:2px;bottom:2px;opacity:1;}
    /* 메인페이지>메인슬라이드 (type2 클래스사용) */
    .swiper-pagination-fraction.type2{font-size:26px;font-weight:500;line-height:50px;color:#fff;text-shadow:0px 0px 4px rgba(0, 0, 0, 0.60);}
    .swiper-pagination-fraction.type2 .swiper-pagination-current{margin-right:-3px;font-size:26px;font-weight:500;color:#fff;line-height:50px;}
    .swiper-pagination-fraction.type2 .swiper-pagination-total{margin-left:-3px;}
    .swiper-button-prev.type2 {display:block;position:absolute;width:50px;height:50px;margin-top:-25px;border-radius:50%;border:0;background:url(../images/common/btn_prev_main.svg) no-repeat 50% 50% / 100% 100%;}
    .swiper-button-next.type2 {display:block;position:absolute;width:50px;height:50px;margin-top:-25px;border-radius:50%;border:0;background:url(../images/common/btn_next_main.svg) no-repeat 50% 50% / 100% 100%;}
    .swiper-button-pause.type2 {display:block;width:50px;height:50px;margin-top:-25px;border-radius:50%;border:0;background:url(../images/common/btn_pause_main.svg) no-repeat 50% 50% / 100% 100%;}
    .swiper-button-play.type2 {display:none;width:50px;height:50px;margin-top:-25px;border-radius:50%;border:0;background:url(../images/common/btn_play_main.svg) no-repeat 50% 50% / 100% 100%;}
    .swiper-button-prev.type2:hover {background:url(../images/common/btn_prev_main_hover.svg) no-repeat 50% 50% / 100% 100%;transition:all .6s}
    .swiper-button-next.type2:hover {background:url(../images/common/btn_next_main_hover.svg) no-repeat 50% 50% / 100% 100%;transition:all .6s}
    .swiper-button-pause.type2:hover {background:url(../images/common/btn_pause_main_hover.svg) no-repeat 50% 50% / 100% 100%;transition:all .6s}
    .swiper-button-play.type2:hover {background:url(../images/common/btn_play_main_hover.svg) no-repeat 50% 50% / 100% 100%;transition:all .6s}
    .swiper-button-prev.type2::before {display:none}
    .swiper-button-next.type2::before {display:none}
    .swiper-button-pause.type2::before {display:none}
    .swiper-button-play.type2::before {display:none}
    /* 90x90 (type3 클래스사용) */
    .swiper-button-prev.type3 {width:90px;height:90px;margin-top:-45px;background:#fff url(../images/common/btn_prev.svg) no-repeat 50% 50% / 15px 31px} 
    .swiper-button-next.type3 {width:90px;height:90px;margin-top:-45px;background:#fff url(../images/common/btn_next.svg) no-repeat 50% 50% / 15px 31px} 
    .swiper-button-pause.type3 {width:90px;height:90px;margin-top:-45px;background:#fff url(../images/common/btn_pause_b.svg) no-repeat 50% 50% / 16px 32px}
    .swiper-button-play.type3 {width:90px;height:90px;margin-top:-45px;background:#fff url(../images/common/btn_play_b.svg) no-repeat 50% 50% / 19px 22px}

    /* paging */
    .paging .current_page {font-size:40px;line-height:56px;letter-spacing:-.8px}
    .paging .total_page {font-size:40px;font-weight:300;line-height:56px;letter-spacing:-.8px}
    .paging .btn_prev {width:90px;height:90px;margin-right:15px;background:#fff url(../images/common/btn_prev.svg) no-repeat 50% 50% / 18px 34px;}
    .paging .btn_next {width:90px;height:90px;margin-left:15px;background:#fff url(../images/common/btn_next.svg) no-repeat 50% 50% / 18px 34px;}

    /* tab */
    .tab_scroll {margin:0;padding:0}
    .tab_scroll ul li {padding-right:30px}
    .tab_scroll ul li .btn {font-size:26px;line-height:38px;}
    .tab_scroll ul li.active .btn {z-index:1}
    .tab_scroll ul li .btn:hover {color:#DC2F34}

    .tab_sticky .tabs .tab_link {margin-right:10px}
    .tab_sticky .tabs .tab_link a {padding:12px 25px;font-size:18px;font-weight:300;line-height:26px}
    .tab_sticky .tabs .tab_link a .num {font-size:13px;line-height:17px;}
    .tab_sticky .tabs .tab_link.active a {font-weight:500}
    .tab_sticky .tabs .tab_link a:hover {background:#123E8C;color:#FFF}

    .tab_sticky.type2 .tabs .tab_link a:hover{border:2px solid #123E8C;}
    .tab_sticky.type2 .swiper-container.fixed .tabs .tab_link a:hover {border:0;background:#123E8C;color:#FFF}

    .tab_type1 {padding:50px 80px;border-radius:20px;background:#F8F8F8}
    .tab_type1 .btn_select {display:none}
    .tab_type1 .pc_list {display:flex;flex-wrap:wrap;gap:5px 40px}
    .tab_type1 .pc_list li .btn {display:inline-block;background:transparent;}
    .tab_type1 .pc_list li .btn span {display:inline-block;position:relative;padding-top:12px;font-size:26px;font-weight:300;line-height:38px;color:#666;transition:all .15s ease-out}
    .tab_type1 .pc_list li .btn em {display:inline-block;font-size:18px;font-weight:300;color:#666;line-height:26px;vertical-align:top;transition:all .15s ease-out}
    .tab_type1 .pc_list li .btn:hover span {color:#DC2F34}
    .tab_type1 .pc_list li.active span {font-weight:500;color:#DC2F34}
    .tab_type1 .pc_list li.active span::after {content:'';position:absolute;bottom:0;right:0;left:0;height:3px;background:#DC2F34}
    .tab_type1 .pc_list li.active em {font-weight:500;color:#DC2F34}

    .container.has_list{position:relative;padding-top:80px;}

    .tab_type2{overflow:hidden;position:absolute;top:0;left:0;z-index:1;width:100%;height:auto;transition:all 0.2s ease-out;}
    .tab_type2 .inner{max-width:1180px;margin:0 auto;padding:0 30px;box-sizing:content-box;}
    .tab_type2 .cate_list_wrap{position:relative;z-index:1;height:80px;padding:0 30px 30px 0;}
    .tab_type2 .btn_select{display:none;}
    .tab_type2 .btn_open{display:block;overflow:hidden;position:absolute;bottom:30px;right:0;width:30px;height:30px;background:url(../images/common/btn_arw_down2.svg)no-repeat 0 0/100%;color:transparent;}
    .tab_type2 .pc_list{display:flex;flex-wrap:wrap;gap:0px 40px;overflow:hidden;height:100%;transition:all 0.2s ease-out;}
    .tab_type2 .pc_list li .btn{display:inline-block;outline-offset:-3px;}
    .tab_type2 .pc_list li span{display:inline-block;position:relative;padding-top:12px;font-size:26px;font-weight:300;color:#666;line-height:38px;transition:all 0.15s ease-out;}
    .tab_type2 .pc_list li em{display:inline-block;font-size:18px;font-weight:300;color:#666;line-height:26px;vertical-align:top;transition:all 0.15s ease-out;}
    .tab_type2 .pc_list li .btn:hover span{color:#DC2F34;}
    .tab_type2 .pc_list li.active span{font-weight:500;color:#DC2F34;}
    .tab_type2 .pc_list li.active span::after{content:'';position:absolute;bottom:0;right:0;left:0;height:3px;background:#DC2F34;}
    .tab_type2 .pc_list li.active em{font-weight:500;color:#DC2F34;}

    .tab_type2.active .btn_open{background:url(../images/common/btn_arw_up2.svg)no-repeat 0 0/100%;}
    .tab_type2.active .cate_list_wrap{height:auto;}

    /* indicator */
    .indicator_box{flex-direction:column;gap:10px;position:absolute;top:150px;right:30px;z-index:10;}
    .indicator_box .btn_indicator{width:100px;padding:27.5px 10px;background:#F8F8F8;}
    .indicator_box .btn_indicator:hover{background:#FFFC29;font-weight:500;}
    .indicator_box.type_mo{display:none;}
    .indicator_box.active{position:fixed;top:150px;}

    /* form */
    .msg_guide {font-size:14px;line-height:22px;}
    .msg_error {font-size:14px;line-height:22px;}

    .inp_base {height:50px;padding:11px 20px;font-size:18px;line-height:26px;}
    .sel_base {height:50px;font-size:20px;line-height:28px;}
    .textarea {font-size:18px;line-height:26px;}

    .form_wrap input[type="checkbox"]+label {font-size:16px;line-height:24px}
    .form_wrap input[type="radio"]+label {font-size:16px;line-height:24px}
    .form_wrap input[type="checkbox"]:hover+label::before {background:url(../images/common/ico_chkbox_hover.svg) no-repeat 0 0 / 20px 20px;}
    .form_wrap input[type="checkbox"]:checked+label::before {background:url(../images/common/ico_chkbox_on.svg) no-repeat 0 0 / 20px 20px;}
    .form_wrap input[type="radio"]:hover+label::before {background:url(../images/common/ico_radio_hover.svg) no-repeat 0 0 / 20px 20px;}
    .form_wrap input[type="radio"]:checked+label::before {background:url(../images/common/ico_radio_on.svg) no-repeat 0 0 / 20px 20px;}

    .search_area::after {content:'';display:table;clear:both;}
    .search_area{display:block;padding-bottom:0;}
    .search_area .inp_box.search{display:block;float:right; width:400px;margin-left:10px}

    .search_top {display:block}
    .search_top .inp_box.search {max-width:500px;margin:0 auto}
    .search_top .inp_box.search .inp_base {padding:11px 80px 11px 20px}
    .search_top .inp_box.search .inp_base:hover {padding:9px 78px 9px 18px}
    .search_top .inp_box.search .inp_base:focus {padding:9px 78px 9px 18px}

    /* hashtag */
    .hashtag_list{gap:10px;}
    .hashtag_list li{padding:6px 21px;font-size:18px;line-height:26px;}

    /* table */
    .tbl_cont thead th {padding:13px 20px;font-size:16px;line-height:24px;word-break: keep-all;}
    .tbl_cont thead th .br {display:inline}
    .tbl_cont tbody th {padding:15px 20px;font-size:16px;line-height:24px;}
    .tbl_cont tbody th .br {display:inline}
    .tbl_cont tbody td {padding:15px 20px;font-size:16px;line-height:24px;word-break:keep-all;}
    .tbl_cont tbody td .br {display:inline}
    .tbl_cont tfoot th {font-size:16px;line-height:24px;}
    .tbl_cont tfoot td {font-size:16px;line-height:24px;}

    .tbl_cont.type_wide thead th {padding:13px 40px}
    .tbl_cont.type_wide tbody td {padding:15px 40px}

    .tbl_cont tbody td .list_dot li {position:relative;padding-left:25px;font-size:16px;font-weight:300;line-height:24px;word-break:keep-all;} 
    .tbl_cont tbody td .list_dot li::before {content:'';position:absolute;top:10px;left:10px;width:3px;height:3px;border-radius:50%;background:#000} 

    /* alert popup */
    .alert_pop .pop_con {width:600px;padding:0}
    .alert_pop .pop_con .inner {min-height:205px;padding:35px 35px 30px}
    .alert_pop .pop_con .inner .tit_center{font-size:20px;line-height:32px;}
    .alert_pop .pop_con .inner .txt {display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:50px;font-size:16px;line-height:24px}
    .alert_pop .pop_con .inner .txt .txt_s {font-size:14px}
    .alert_pop .pop_con.center .inner .txt {min-height:145px}

    .alert_pop.type_s .pop_con {width:500px}

    /* full popup > alert popup */
    .layer_pop {background:none;}
    .layer_pop .tit_box{top:0;height:unset;padding:60px 30px 0;}
    .layer_pop .tit_box h1{padding:0;background:#fff; font-size:24px;line-height:34px;}
    .layer_pop .tit_box .btn_pop_close{position:absolute;top:10px;right:10px;z-index:101;width:40px;height:40px;background:url(../images/common/btn_pop_close.svg) 50% 50%/ 20px 20px no-repeat;}
    .layer_pop .pop_con{overflow:hidden;position:fixed;left:50%;top:50%;right:unset;bottom:unset;z-index:1002;width:calc(100% - 40px); max-width:1180px;padding:60px 30px;border-radius:25px;transform:translate( -50%, -50%);-webkit-transform:translate( -50%, -50%);box-sizing:border-box;}
    .layer_pop .pop_con .inner{overflow-y:auto;position:relative;max-height:calc(100vh - 350px);margin-top:60px;background:#fff;}
    .layer_wrap .dim{display:block; position:fixed;left:0;top:0;z-index:1001;width:100%;height:100%;}
    .layer_pop .br{display:inline;}
    .layer_pop .btn_wrap {display:none}

    /* toast popup - 칼럼 */ 
    .toast {flex:none;width:100%}
    .toast .toast_message {padding:14px;background:#F0F0F0;border-radius:30px;font-size:13px;font-weight:300;line-height:21px;text-align:center}

    /* 검색팝업(pc) */
    .layer_search {display:block}
    /* [e]guide */

    /* main */
    body.scale .fixed_floating {bottom:20%;width:230px}
    body.scale .main_visual .swiper-slide .tit_slide {font-size:65px;line-height:80px;}
    
    .main .tit_main {font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .main .tit_main .br {display:inline}
    .main .tit_main .d_block {display:block;}

    .main_visual {overflow:hidden;position:relative;width:100%}
    .main_visual .swiper-slide .pc_visual {display:block;height:100%;background-size:cover;background-position:50% 0;background-repeat:no-repeat}
    .main_visual .swiper-slide .tab_visual {display:none}
    .main_visual .swiper-slide .mo_visual {display:none}
    .main_visual .swiper-slide a {display:block;height:100%;outline-offset:-4px;}
    .main_visual .swiper-slide .msg_hidden {position:absolute;top:187px;left:50%;z-index:10;transform:translateX(-50%);font-size:64px;font-weight:500;line-height:90px;text-align:center;}
    .main_visual .swiper-slide .msg_hidden.on {opacity:0;}
    .main_visual .swiper-slide .tit_slide {position:absolute;top:50%;left:50%;width:100%;font-size:80px;line-height:100px;letter-spacing:0;text-shadow:0px 8px 24px rgba(0, 0, 0, 0.80);text-align:center;opacity:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
    .main_visual .swiper-slide .tit_slide.on {opacity:1;transition:all .3s}
    .main_visual .mask {width:100%;height:105%;object-fit:cover;mask-size:66.66% 56.29%;-webkit-mask-size:66.66% 56.29%;mask-image:url(../images/common/mask.png);-webkit-mask-image:url(../images/common/mask.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center bottom;-webkit-mask-position:center bottom;transition:mask-size 1s;-webkit-transition:-webkit-mask-size 1s;}
    .main_visual .mask.on {mask-size:500% 400%;-webkit-mask-size:500% 400%;}

    .main_visual .controls {bottom:70px;left:70px;right:70px;z-index:20;max-width:441px;height:50px;margin:0 auto}
    .main_visual .swiper-pagination-fraction {left:0;bottom:0;top:50%;margin-top:-12px;width:241px;height:24px;padding:0;background:transparent;font-size:16px;line-height:24px}
    .main_visual .swiper-pagination-current {position:absolute;top:0;left:0}
    .main_visual .swiper-pagination-total {position:absolute;top:0;right:0}
    .main_visual .swiper-button-prev.type2 {display:block;left:auto;right:60px}
    .main_visual .swiper-button-next.type2 {display:block;right:0}
    .main_visual .swiper-button-pause.type2 {left:auto;right:120px;top:50%}
    .main_visual .swiper-button-play.type2 {left:auto;right:120px;top:50%}

    .main_visual .swiper-pagination-bullets {display:flex;gap:20px;bottom:0;left:0;width:calc(100% - 200px);padding:0}
    .main_visual .swiper-pagination2 {bottom:auto;top:50%;left:29px;width:180px;margin-top:-2px;background:rgba(255,255,255,.3)}
    .main_visual .swiper-pagination2 .swiper-pagination-progressbar-fill {background:#FFF}
    .main_visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {height:41px;margin:0;background:transparent;opacity:1;}
    .main_visual .swiper-pagination-bullet em {display:block;font-size:16px;font-weight:500;color:rgba(255, 255, 255, 0.3);line-height:26px;letter-spacing:0;text-align:center}
    .main_visual .swiper-pagination-bullet-active em {font-weight:500;color:#FFF}
    
    .about_ottogi {padding-top:60px}
    .about_ottogi .inner {position:relative;max-width:1462px;margin:0 auto}
    .about_ottogi .ico {width:93px;height:90px}
    .about_ottogi .ico::after {bottom:18px;height:18px}
    .about_ottogi .tit_main {margin-top:100px;}
    .about_ottogi .item {display:flex}
    .about_ottogi .item .txt_box {flex:1;max-width:443px}
    .about_ottogi .item .txt_box .tit {font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .about_ottogi .item .txt_box .desc {margin-top:30px;font-size:18px;line-height:30px;word-break:keep-all;}
    .about_ottogi .item .txt_box .desc .br {display:inline}
    .about_ottogi .item .txt_box .btn_more {margin-top:30px}

    .about_ottogi .item1 {padding:180px 0 0}
    .about_ottogi .item2 {padding:0}
    .about_ottogi .item3 {padding:104px 0 0}

    .about_ottogi .item2 {flex-direction:row-reverse;}
    .about_ottogi .item2 .txt_box {text-align:left}

    .about_ottogi .item1 .img_box {margin-left:108px}
    .about_ottogi .item2 .txt_box {margin-left:30px}
    .about_ottogi .item3 .img_box {margin-left:108px}

    .about_ottogi .item1 .thumb {width:375px;height:417px;padding-top:0}
    .about_ottogi .item2 .thumb {width:449px;height:431px;padding-top:0;margin:0 64px 0 50px}
    .about_ottogi .item3 .thumb {width:389px;height:404px;padding-top:0}

    .about_ottogi .item1 .txt_box {padding:58px 50px 0 0}
    .about_ottogi .item2 .txt_box {padding-top:80px}
    .about_ottogi .item3 .txt_box {padding:70px 0 0 0}
    
    .about_ottogi .item1 .lt_wrap {top:-116px;left:-140px;width:600px;height:255px}
    .about_ottogi .item2 .lt_wrap {bottom:-152px;right:50px;width:420px;height:290px}
    .about_ottogi .item3 .lt_wrap {bottom:-135px;left:-78px;width:410px;height:285px}

    .about_ottogi .item .thumb .fade1 {animation:fadeIn_play02 3.5s 1.5s ease-in-out infinite alternate;-webkit-animation:fadeIn_play02 3.5s 1.5s ease-in-out infinite alternate;}
    .about_ottogi .item .thumb .fade2 {opacity:0;animation:fadeIn_play01 3.5s 1.5s ease-in-out infinite alternate;-webkit-animation:fadeIn_play01 3.5s 1.5s ease-in-out infinite alternate;}
    @keyframes fadeIn_play01 {
        0% {opacity:0;}
        100% {opacity:1;}
    }
    @-webkit-keyframes fadeIn_play01 {
        0% {opacity:0;}
        100% {opacity:1;}
    }

    @keyframes fadeIn_play02 {
        0% {opacity:1;}
        100% {opacity:0;}
    }
    @-webkit-keyframes fadeIn_play02 {
        0% {opacity:1;}
        100% {opacity:0;}
    }

    .global_ottogi {padding:230px 0 170px;margin-top:350px}
    .global_ottogi::after {bottom:-160px;right:-428px;width:900px;height:900px;background:url(../images/common/global_bg_pc.svg) no-repeat 0 0 / 100% 100%;}
    .global_ottogi .inner {position:relative;max-width:1400px;margin:0 auto;padding:0 50px}
    .global_ottogi .tit_wrap {padding:0}
    .global_ottogi .tit_wrap .br {display:inline}
    .global_ottogi .tit_sub {font-size:48px;line-height:64px;;letter-spacing:-1.44px;}
    .global_ottogi .tit_main {font-size:80px;line-height:100px;}
    .global_ottogi .desc {margin-top:34px;font-size:26px;line-height:38px;}
    .global_ottogi .btn_wrap {padding:0}

    .global_ottogi .content {padding-top:80px}
    .global_ottogi .show_wrap .pc {display:block;}
    .global_ottogi .show_wrap {width:924px;gap:46px;padding:0;}
    .global_ottogi .show_wrap li {position:relative;width:196px;height:196px;}
    .global_ottogi .show_wrap li span {width:auto; height:auto;}
    .global_ottogi .show_wrap.pc_img .fade::after{content:'';display:block;width:196px;height:196px; background:url(../images/common/main_global1_s.png);background-size:1180px 442px;}  
    .global_ottogi .show_wrap.pc_img .fade2::after{content:'';display:block;width:196px;height:196px; background:url(../images/common/main_global2_s.png);background-size:1180px 442px;}
    .global_ottogi .show_wrap.pc_img .bg_1 .fade::after{background-position:0 0;}
    .global_ottogi .show_wrap.pc_img .bg_1 .fade2::after{background-position:0 0;}
    .global_ottogi .show_wrap.pc_img .bg_2 .fade::after{background-position-x:-246px;}
    .global_ottogi .show_wrap.pc_img .bg_2 .fade2::after{background-position-x:-246px;}
    .global_ottogi .show_wrap.pc_img .bg_3 .fade::after{background-position-x:-492px;}
    .global_ottogi .show_wrap.pc_img .bg_3 .fade2::after{background-position-x:-492px;}
    .global_ottogi .show_wrap.pc_img .bg_4 .fade::after{background-position-x:-738px;}
    .global_ottogi .show_wrap.pc_img .bg_4 .fade2::after{background-position-x:-738px;}
    .global_ottogi .show_wrap.pc_img .bg_5 .fade::after{background-position-x:-984px;}
    .global_ottogi .show_wrap.pc_img .bg_5 .fade2::after{background-position-x:-984px;}
    .global_ottogi .show_wrap.pc_img .bg_6 .fade::after {background-position:0 196px;}
    .global_ottogi .show_wrap.pc_img .bg_6 .fade2::after {background-position:0 196px;}
    .global_ottogi .show_wrap.pc_img .bg_7 .fade::after {background-position:-246px 196px;}
    .global_ottogi .show_wrap.pc_img .bg_7 .fade2::after {background-position:-246px 196px;}
    .global_ottogi .show_wrap.pc_img .bg_8 .fade::after {background-position:-492px 196px;}
    .global_ottogi .show_wrap.pc_img .bg_8 .fade2::after {background-position:-492px 196px;}
    .global_ottogi .show_wrap.pc_img .bg_9 .fade::after {background-position:-738px 196px;}
    .global_ottogi .show_wrap.pc_img .bg_9 .fade2::after {background-position:-738px 196px;}
    .global_ottogi .show_wrap.pc_img .bg_10 .fade::after {background-position:-984px 196px;}
    .global_ottogi .show_wrap.pc_img .bg_10 .fade2::after {background-position:-984px 196px;}
    .global_ottogi .show_wrap.pc_img .bg_9 {display:none}
    .global_ottogi .show_wrap.pc_img .bg_10 {display:none}

    .esg_manage .tit_main {text-align:center;}
    .esg_manage .swiper-wrapper {gap:40px}
    .esg_manage .swiper-container {padding:100px 0 6px}
    .esg_manage .swiper-slide {flex:1;height:570px}
    .esg_manage .swiper-slide.active {flex:none;transition:width .1s;width:47.34%;}
    .esg_manage .swiper-slide.active a::before {background:rgba(0, 0, 0, 0.3)}
    .esg_manage .swiper-slide.slide2.active a::before {background:rgba(0, 0, 0, 0.4)}
    .esg_manage .swiper-slide.active .lt_wrap {display:block;}
    .esg_manage .swiper-slide.slide1.active .lt_wrap {position:absolute;bottom:0;right:50px;width:200px;height:200px;}
    .esg_manage .swiper-slide.slide2.active .lt_wrap {position:absolute;bottom:0;right:50px;width:200px;height:200px;}
    .esg_manage .swiper-slide.slide3.active .lt_wrap {position:absolute;bottom:0;right:50px;width:200px;height:200px;}

    .esg_manage .txt_wrap {top:100px;left:60px;right:60px;}
    .esg_manage .txt_wrap .en {font-size:24px;font-weight:500;line-height:34px}
    .esg_manage .txt_wrap .tit {margin-top:0;font-size:40px;line-height:56px;letter-spacing:-.8px;white-space:nowrap;}
    .esg_manage .txt_wrap .desc {max-width:240px;margin-top:50px;opacity:0;}
    .esg_manage .swiper-slide.active .txt_wrap .en {text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
    .esg_manage .swiper-slide.active .txt_wrap .desc {opacity:1;transition:opacity .3s .3s}
    .esg_manage .txt_wrap .desc p {font-weight:300;line-height:30px;word-break:keep-all}

    .esg_manage .swiper-slide.active .txt_wrap .tit {margin-top:20px;font-size:64px;line-height:90px;letter-spacing:-1.92px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
    .esg_manage .swiper-slide.active .txt_wrap .desc {max-width:430px;margin-top:40px}
    .esg_manage .swiper-slide.active .txt_wrap .desc p {font-size:28px;font-weight:300;line-height:38px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
    .esg_manage .swiper-slide.active .txt_wrap .btn_more {position:static;margin-top:30px;}

    .brand_story {padding-top:220px}
    .brand_story .visual {height:890px;margin-top:80px;background:url(../images/temp/main_brand_pc.jpg) no-repeat 0 0 / cover}
    .brand_story .visual img {display:none}
    .brand_story .visual .txt_wrap {top:242px;left:75px;right:75px}
    .brand_story .visual .ottogi {font-size:180px;line-height:240px;letter-spacing:27px}
    .brand_story .visual .d_flex {display:flex;justify-content:flex-end;align-items:flex-end;}
    .brand_story .visual .brand {padding-left:0;font-size:120px;line-height:120px;letter-spacing:12px;text-align:right}
    .brand_story .visual .brand::after {height:2px;bottom:12px;right:-356px;width:440px}
    .brand_story .visual .story {padding-left:180px;font-size:50px;font-weight:600;line-height:68px;letter-spacing:0}
    .brand_story .visual .desc {margin-top:38px;font-size:18px;font-weight:500;line-height:26px;}
    .brand_story .visual .desc .br {display:inline-block}
    .brand_story .visual .btn_wrap {justify-content:flex-start;bottom:87px;right:81px}

    .ottogi_prd {overflow:hidden;position:relative;padding:135px 0;background:none}
    .ottogi_prd .bg_con{display:block;position:absolute;top:-300px;left:50%;z-index:-10;width:42.875%;height:189.91%;margin-left:-5%;background:url(../images/common/prd_bg.png)no-repeat 50%/100%;transform:translateX(-50%);transition:width 4s, height 10s;}
    .ottogi_prd .bg_con.on{width:500%;height:500%;}
    .ottogi_prd .inner {position:relative;max-width:1440px;margin:0 auto;padding:0 30px;box-sizing:content-box}
    .ottogi_prd .tit_main {position:absolute;right:30px;z-index:10;width:368px;margin-left:auto;font-size:64px;line-height:90px;letter-spacing:-1.92px;text-align:right;text-shadow:4px 4px 4px #FFED00;}
    .ottogi_prd .slider {padding:0}
    .ottogi_prd .slider .swiper-slide {display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;}
    .ottogi_prd .slider .img_box {flex:none;width:560px;height:448px;padding:0;margin:60px 0;transition:all .3s}
    .ottogi_prd .slider .txt_box {flex:none;width:434px;min-height:220px;margin-top:200px;margin-bottom:120px;text-align:right;transition:width .3s}
    .ottogi_prd .slider .cate {padding:5px 30px;font-size:26px;line-height:38px;white-space:nowrap;}
    .ottogi_prd .slider .tit {min-height:unset;margin-top:40px;font-size:48px;font-weight:300;line-height:64px;letter-spacing:-1.44px;}
    .ottogi_prd .slider .btn_prd_view {margin-right:24px;margin-top:40px;border-bottom:1px solid transparent;font-size:20px;font-weight:300;line-height:28px}
    .ottogi_prd .slider .btn_prd_view::after {bottom:5px;right:-24px}
    .ottogi_prd .slider .btn_prd_view:hover {border-bottom:1px solid #000}
    .ottogi_prd .slider .br {display:inline-block;font-size:20px;line-height:28px}
    .ottogi_prd .slider .controls {left:auto;right:0;transform:none;width:auto;height:90px;}
    .ottogi_prd .slider .controls .swiper-pagination-fraction {min-width:90px;font-size:40px;line-height:90px;}
    .ottogi_prd .slider .controls .swiper-button-prev {width:90px;height:90px;margin-top:-45px;background:#fff url(../images/common/btn_prev.svg) no-repeat 50% 50% / 18px 34px}
    .ottogi_prd .slider .controls .swiper-button-next {width:90px;height:90px;margin-top:-45px;background:#fff url(../images/common/btn_next.svg) no-repeat 50% 50% / 18px 34px}
    .ottogi_prd .slider .controls .swiper-button-pause {right:0;width:90px;height:90px;margin-top:-45px;background:#fff url(../images/common/btn_pause_b.svg) no-repeat 50% 50% / 16px 32px}
    .ottogi_prd .slider .controls .swiper-button-play {right:0;width:90px;height:90px;margin-top:-45px;background:#fff url(../images/common/btn_play_b.svg) no-repeat 50% 50% / 19px 22px}

    .ottogi_news {padding-top:150px}
    .ottogi_news .inner {position:relative}
    .ottogi_news .tit_depth4 {padding:80px 0 0}
    .ottogi_news .slider {overflow:unset;padding:0;margin:0 0 0 -30px}
    .ottogi_news .slider .swiper-wrapper {flex-wrap:wrap}
    .ottogi_news .slider .swiper-slide {width:calc(33.33% - 30px);margin-left:30px;margin-top:30px}
    .ottogi_news .slider .swiper-slide a::before {border-radius:0 0 10px 10px;}
    .ottogi_news .slider .swiper-slide .img_box {padding-top:100%;border-radius:10px;}
    .ottogi_news .slider .swiper-slide .img_box img {transition:all .6s}
    .ottogi_news .slider .swiper-slide a:hover .img_box img {transform:scale(1.2);transition:all .6s}
    .ottogi_news .slider .swiper-slide .txt_box {padding:40px;}
    .ottogi_news .slider .swiper-slide .txt_box .tag {width:fit-content;padding:5px 10px;border-radius:5px;background:rgba(0, 0, 0, 0.42);font-size:18px;font-weight:300;line-height:26px;}
    .ottogi_news .slider .swiper-slide .txt_box .tit {font-size:24px;line-height:34px;}
    .ottogi_news .slider .controls {display:none}
    .ottogi_news .btn_wrap {display:block;position:absolute;top:220px;right:75px}
    .ottogi_news .btn_more {color:transparent}

    .okitchen_recipe {padding:100px 0;margin-top:150px;background:#F8F8F8}
    .okitchen_recipe .tit_depth4 {padding:0}
    .okitchen_recipe .tit_sub {margin-top:10px;font-size:20px;line-height:28px;}
    .okitchen_recipe .slider {overflow:unset;padding:0;margin:0 0 0 -30px}
    .okitchen_recipe .slider .swiper-wrapper {flex-wrap:wrap;margin-top:-20px}
    .okitchen_recipe .slider .swiper-slide {width:calc(25% - 30px);margin-left:30px;margin-top:50px}
    .okitchen_recipe .slider .swiper-slide .img_box {border-radius:10px;}
    .okitchen_recipe .slider .swiper-slide .img_box img {transition:all .6s}
    .okitchen_recipe .slider .swiper-slide a:hover .img_box img {transform:scale(1.2);transition:all .6s}
    .okitchen_recipe .slider .swiper-slide .txt_box .info_tit {font-size:24px;line-height:34px;}
    .okitchen_recipe .slider .swiper-slide .txt_box .info_tit::after {height:34px}
    .okitchen_recipe .slider .swiper-slide .txt_box .info_tag span {font-size:18px;line-height:26px}
    .okitchen_recipe .slider .controls {display:none}

    .ottogi_sns {position:relative;padding-top:150px}
    .ottogi_sns .tab_panel {padding-top:0}
    .ottogi_sns .tab_panel .tabs {gap:80px;overflow-x:unset}
    .ottogi_sns .tab_panel .tabs li .btn_tab {min-width:80px;padding-top:80px;background-size:80px 80px;font-size:26px;line-height:38px;}
    .ottogi_sns .tab_panel .tabs li .btn_tab.ico_sns2 {min-width:100px}
    .ottogi_sns .tab_panel .tabs li .btn_tab:hover {font-weight:500;color:#000}
    .ottogi_sns .swiper-container {overflow:hidden;margin:0;padding:0;}
    .ottogi_sns .other_cont {padding-top:150px}
    .ottogi_sns .txt_marquee {margin:63px 0 0;font-size:50px;letter-spacing:15px;transition:font-size .3s;}
    .ottogi_sns .txt_marquee i {width:55px;height:50px;background:url(../images/common/char.svg) no-repeat 50% 50% / 55px 50px}
    .ottogi_sns .list li {width:calc(33.33% - 30px);margin-top:50px}
    .ottogi_sns .list li a {height:100%;padding:30px;outline-offset:-3px;}
    .ottogi_sns .list li .sns_id {padding-left:40px;font-size:18px}
    .ottogi_sns .list li .sns_id::before {width:30px;height:30px;margin-top:-15px;}
    .ottogi_sns .list li a:hover .img_box img {transform:scale(1.2);transition:all .6s}
    .ottogi_sns .list li .img_box img {transition:all .6s}
    .ottogi_sns .list li .txt_box {padding-top:22px}
    .ottogi_sns .list li .tit {min-height:56px;font-size:20px;line-height:28px;}
    .ottogi_sns .list li .update {margin-top:15px;font-size:16px;line-height:24px}
    .ottogi_sns .btn_wrap {position:absolute;top:105px;right:75px;padding-top:0}
    .ottogi_sns .btn_more {display:block;width:100px;padding:0;border-radius:0;border:0;background:url(../images/common/btn_more.svg) no-repeat 50% 50% / 100% 100%;color:transparent}
    .ottogi_sns .btn_more::after {display:none}
    .ottogi_sns .controls {display:block;left:0;right:0}
    .ottogi_sns .controls button {position:absolute}

    .main .ottogi_sns .swiper-container {overflow:visible;margin:0 0 0 -30px;padding:0}
    .main .ottogi_sns .list {flex-wrap:wrap;}
    .main .ottogi_sns .list li {margin-left:30px}

    /* 사이트맵 */
    .sitemap_wrap{padding-top:100px;}
    .sitemap_wrap .depth1{padding:13px 0;font-size:24px;font-weight:500;line-height:34px;}
    .sitemap_wrap .list > ol{margin-top:20px;}
    .sitemap_wrap .list > ol > li{display:flex;align-items:center;}
    .sitemap_wrap .list .depth2{min-width:230px;margin-top:10px;padding:14px 0;font-size:20px;font-weight:500;line-height:28px;}
    .sitemap_wrap .list .depth2 a{display:block;width:230px;font-size:20px;font-weight:500;line-height:28px;}
    .sitemap_wrap .depth3{display:flex;flex-wrap:wrap;width:100%;padding-right:0;}
    .sitemap_wrap .depth3 li{margin:5px 30px 5px 0;padding:0;}
    .sitemap_wrap .depth3 li:last-child{margin-right:0;}
    .sitemap_wrap .depth3 a{font-size:18px;font-weight:300;line-height:26px;}

    /* sub */
    /* 회사소개_overview */
    .about_overview .top_visual .tit {margin-top:10px;font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .about_overview .top_visual .desc {margin-top:20px;font-size:24px; line-height:34px}
    .about_overview .top_visual .desc .br {display:inline;}
    .about_overview .top_visual .desc .d_block {display:block;}
    .about_overview .top_visual .btn_more {margin-top:50px}

    .about_overview .top_visual.bg1 {background:url(../images/about/img_overview_top_pc.jpg) no-repeat 50% 50% / cover}
    .about_overview .top_visual.bg1 .tit {top:42.47%;font-size:64px;line-height:90px;letter-spacing:-1.92px;}
    .about_overview .top_visual.bg2 {background:url(../images/about/img_overview_top2_pc.jpg) no-repeat 50% 50% / cover}
    .about_overview .top_visual.bg2::before {background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%)}
    .about_overview .top_visual.bg2 .txt_wrap {top:auto;left:auto;bottom:19.35%;right:12.5%}
    .about_overview .top_visual.bg2 .txt_wrap .ico {width:110px;height:236px}
    .about_overview .top_visual.bg3 {background:url(../images/about/img_overview_top3_pc.jpg) no-repeat 50% 50% / cover}
    .about_overview .top_visual.bg3 .txt_wrap {bottom:19.35%;left:12.5%;right:0;text-align:left;}
    .about_overview .top_visual.bg3 .txt_wrap .ico {width:250px;height:240px;margin-left:0}

    .about_overview .cont_wrap .item {display:flex;align-items:center;gap:130px;padding-top:0}
    .about_overview .cont_wrap .item .txt_box {padding-top:0}
    .about_overview .cont_wrap .item .txt_box .tit {font-size:40px;line-height:56px;letter-spacing:-.8px}
    .about_overview .cont_wrap .item .txt_box .desc {font-size:18px;line-height:30px}
    .about_overview .cont_wrap .item .txt_box .desc .br {display:block}
    .about_overview .cont_wrap .item .txt_box .btn_more {margin-top:30px}
    .about_overview .cont_wrap .item1 {padding-top:150px}
    .about_overview .cont_wrap .item1 .img_box {border-radius:200px;}
    .about_overview .cont_wrap .item2 {flex-direction:row-reverse}
    .about_overview .cont_wrap .item2 .img_box {border-radius:50px;}
    .about_overview .cont_wrap .item2 .txt_box {text-align:left;}
    .about_overview .cont_wrap .item3 .img_box {border-radius:200px}

    .about_overview .cont_wrap2 {padding-top:150px}
    .about_overview .cont_wrap2 .tit_b {font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .about_overview .cont_wrap2 .d_flex {display:flex;gap:40px;align-items:center;margin-top:50px}
    .about_overview .cont_wrap2 .item .img_box .img_pc {display:block}
    .about_overview .cont_wrap2 .item .img_box .img_mo {display:none}
    .about_overview .cont_wrap2 .item_wrap {flex:1;flex-direction:column;gap:30px;margin-top:0}
    .about_overview .cont_wrap2 .item_wrap .item {flex:none}
    .about_overview .cont_wrap2 .item_wrap .item2 .img_box {padding-top:81.63%;border-radius:50px;}
    .about_overview .cont_wrap2 .item_wrap .item3 .img_box {padding-top:36.73%;border-radius:50px;}
    .about_overview .cont_wrap2 .item a .img_box img {transition:all .6s}
    .about_overview .cont_wrap2 .item a:hover .img_box img {transform:scale(1.2);transition:all .6s}
    
    .about_overview .cont_wrap2 .item1 {width:55.08%;margin-top:0}
    .about_overview .cont_wrap2 .item1 .tit em {font-size:34px;font-weight:500;line-height:46px;}
    .about_overview .cont_wrap2 .item1 .tit strong {font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .about_overview .cont_wrap2 .item_wrap .item .tit {font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .about_overview .cont_wrap2 .item_wrap .item3 .tit::before {display:block;position:static;width:43px;height:60px;margin:0 auto}

    /* 회사소개_회사개요 */
    .about_company .br {display:inline}
    .about_company .d_block {display:block;}
    .about_company .intro_top {padding-top:100px}
    .about_company .intro_top .tit {max-width:700px;font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .about_company .intro_top .cont {padding-left:30px}
    .about_company .intro_top .img_box {padding-top:29.76%;margin-top:50px}
    .about_company .intro_top .txt_box {margin-right:75px;padding:15px 0;border-radius:0 80px 80px 0;text-align:center;}
    .about_company .intro_top .txt_box p {max-width:none;font-size:26px;font-weight:300;line-height:38px;}
    .about_company .intro_top .txt_box p::before {display:inline-block;margin-bottom:0;margin-right:15px;vertical-align:top;}
    .about_company .visual_area .item {display:flex;align-items:center;gap:130px;padding-top:0}
    .about_company .visual_area .item .txt_box {padding-top:0}
    .about_company .visual_area .item .txt_box p {font-size:26px;line-height:38px;text-align:left}
    .about_company .visual_area .item1 {padding-top:150px;padding-right:0}
    .about_company .visual_area .item1 .img_box {flex:none;width:55.08%;padding-top:45.76%;border-radius:250px;}
    .about_company .visual_area .item2 {flex-direction:row-reverse;padding:0}
    .about_company .visual_area .item2 .img_box {flex:none;width:50.84%;padding-top:63.22%;border-radius:500px;}
    .about_company .banner .img_box {padding-top:39.06%}
    .about_company .banner .img_box::after {width:250px;height:250px}
    .about_company .banner .img_box .img_mo {display:none}
    .about_company .banner .img_box .img_pc {display:block;}
    .about_company .banner .txt_box {padding:15px}
    .about_company .banner .txt_box p {font-size:26px;font-weight:300;line-height:38px}
    .about_company .philosophy .inner {max-width:1330px;margin:0 auto;padding:0 30px;box-sizing:content-box;}
    .about_company .philosophy .tit_depth4 {font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .about_company .philosophy .item {display:flex;align-items:center;padding-top:100px;}
    .about_company .philosophy .item:last-child {align-items:center;}
    .about_company .philosophy .item .tit {font-size:26px;line-height:38px;}
    .about_company .philosophy .item .con {max-width:960px;padding-top:0}
    .about_company .philosophy .item .con ul {gap:60px}
    .about_company .philosophy .item .con ul li {padding:50px;border-radius:100px;}
    .about_company .philosophy .item .con ul li span {font-size:32px;line-height:46px;letter-spacing:-.64px;}
    .about_company .philosophy .item .con ul li::before {width:60px;height:60px;}
    .about_company .philosophy .item .con ul li.ico3::before {width:80px}

    .customer_ms.type2 .customer_con {padding:50px 250px 50px 40px}
    .customer_ms.type2 .customer_con::before {left:auto;right:60px;width:120px;height:120px;margin-left:-60px}
    .customer_ms.type2 .customer_con .txt {font-size:24px;font-weight:300;line-height:34px}
    .customer_ms.type2 .customer_con .txt .br {display:inline}

    /* 회사소개_오뚜기소개_창업주생애 */
    .about_hamtaiho .area {padding-top:150px}

    .about_hamtaiho .area1 {padding-top:100px}
    .about_hamtaiho .area1 .inner {display:flex;max-height:860px;padding:0 0 0 12.5%}
    .about_hamtaiho .area1 .img_box {overflow:hidden;flex:1;}
    .about_hamtaiho .area1 .txt_box {flex:1;padding:9%;border-radius:0;}
    .about_hamtaiho .area1 .txt_box p {font-size:18px;list-style:34px}

    .about_hamtaiho .area2 .inner {display:flex;flex-direction:row-reverse;align-items:center;gap:120px;max-width:1341px;margin:0 auto}
    .about_hamtaiho .area2 .img_box {flex:none;width:45.26%;height:710px;padding-top:0;border-radius:500px;}
    .about_hamtaiho .area2 .txt_box {flex:1;}

    .about_hamtaiho .area3 .inner {padding:50px 100px;border-radius:200px;background-image:url(../images/about/bg_hamtaiho_pc.jpg);clip-path:circle(0 at 50% 50%);transition:clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s,-webkit-clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s}
    .about_hamtaiho .area3.active .inner{clip-path:circle(100% at 50% 50%);}
    .about_hamtaiho .area3 .tit_depth4 {font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .about_hamtaiho .area3 .tit_depth4 em {margin-top:10px;font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .about_hamtaiho .area3 .cont {display:flex;gap:50px;align-items:flex-end;padding-top:77px}
    .about_hamtaiho .area3 .img_box {flex:1;padding:0}
    .about_hamtaiho .area3 .img_box .ico_box {top:-30%;left:44%;width:240px;height:139px}
    .about_hamtaiho .area3 .img_box .ico_box .ico1 {width:40px;height:32px}
    .about_hamtaiho .area3 .img_box .ico_box .ico2 {width:30px;height:20px}
    .about_hamtaiho .area3 .img_box .ico_box .ico3 {width:32px;height:26px}
    .about_hamtaiho .area3 .img_box .ico_box .ico4 {width:22px;height:20px}
    .about_hamtaiho .area3 .img_box .ico_box .ico5 {width:38px;height:18px}
    .about_hamtaiho .area3 .img_box .ico_box .ico6 {width:26px;height:44px}
    .about_hamtaiho .area3 .cont .txt_box {flex:1}

    .about_hamtaiho .area4 .inner {display:flex;flex-direction:row-reverse;align-items:center;gap:20px;position:relative;max-width:1318px;height:500px;margin:0 auto;box-sizing:content-box;}
    .about_hamtaiho .area4 .tit_depth4 {position:absolute;top:12.5%;left:20px;}
    .about_hamtaiho .area4 .img_box {flex:1 1 50.95%;padding-top:0}
    .about_hamtaiho .area4 .img_box .img_pc {display:block}
    .about_hamtaiho .area4 .img_box .img_mo {display:none}
    .about_hamtaiho .area4 .txt_box {flex:1 1 41.08%}
    .about_hamtaiho .area4 .txt_box p {padding-top:94px}

    .about_hamtaiho .area5 .inner {position:relative;padding-left:45%;}
    .about_hamtaiho .area5 .tit_depth4 {display:inline-block;white-space:nowrap;}
    .about_hamtaiho .area5 .img_mo {display:none}
    .about_hamtaiho .area5 .img_pc {display:block;position:absolute;top:50%;left:20px;max-width:37.76%;padding-top:0;margin-top:-25%}
    .about_hamtaiho .area5 .txt_box p {padding-top:30px}

    .about_hamtaiho .area6 .inner {display:flex;gap:20px;max-width:1268px;margin:0 auto}
    .about_hamtaiho .area6 .txt_box {flex:1}
    .about_hamtaiho .area6 .img_box {flex:1}

    /* 회사소개_사업소개 */
    .about_business .intro_top {padding-top:100px}
    .about_business .intro_top .inner {max-width:1440px;margin:0 auto;padding:0 12.5%;box-sizing:content-box;}
    .about_business .intro_top .br {display:inline}
    .about_business .intro_top .d_block {display:block}
    .about_business .intro_top .tit_wrap {max-width:1440px;margin:0 auto}
    .about_business .intro_top .tit_wrap .txt_s {font-size:32px;line-height:46px;letter-spacing:-.64px;}
    .about_business .intro_top .tit_wrap .tit {max-width:650px;font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .about_business .intro_top .cont {max-width:1200px;margin-top:50px}
    .about_business .intro_top .cont .img_box {padding-top:48.33%;border-top-right-radius:200px}
    .about_business .intro_top .cont .txt_box {padding:15px;text-align:center;}
    .about_business .intro_top .cont .txt_box p {font-size:18px;line-height:30px;text-align:left;}
    .about_business .intro_top .cont .txt_box p .br_pc {display:block}
    .about_business .intro_top.second .cont {max-width:none}
    .about_business .intro_top.second .tit_wrap .tit {margin-left:auto}
    .about_business .intro_top.second .cont .txt_box {padding-left:12.5%}

    .about_business .visual_area .item {display:flex;align-items:center;gap:130px;padding-top:150px}
    .about_business .visual_area .item .img_box {width:44.88%;padding-top:48.47%;border-radius:230px;}
    .about_business .visual_area .item .txt_box {flex:1;max-width:430px;padding-top:0}
    .about_business .visual_area .item .txt_box p {font-size:18px;line-height:26px;}
    .about_business .visual_area .item1 {padding-right:0;margin:0 33px}
    .about_business .visual_area .item2 {flex-direction:row-reverse;padding-left:0}
    .about_business .visual_area .item2 .img_box {width:50.84%;padding-top:36.44%;border-radius:100px;}

    .about_business .customer_ms.type2 .customer_con::before {top:50%}

    .about_business .go_prd {padding-top:210px}
    .about_business .go_prd .tit {font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .about_business .go_prd ul {flex-direction:row;gap:50px;padding-top:50px}
    .about_business .go_prd ul li {flex:1}
    .about_business .go_prd ul li .img_box {padding-top:63.95%;border-radius:20px;}
    .about_business .go_prd ul li .img_box img {transition:all .6s}
    .about_business .go_prd ul li a:hover .img_box img {transform:scale(1.2);-webkit-transform:scale(1.2);}
    .about_business .go_prd ul li .txt_box .brand {font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .about_business .go_prd ul li .txt_box span {padding-top:30px;font-size:24px;line-height:34px;}

    /* 회사소개_오뚜기소개_연혁 */
    .page_history .fixed_area {bottom:20px}
    .about_history {padding-bottom:440px}
    .about_history .tit_wrap .tit::before {display:inline-block;width:240px;height:240px;margin:0 40px -57px 0}
    .about_history .tit_wrap .tit .br {display:inline;}
    .about_history .tab_sticky2 .swiper-container {bottom:auto;left:auto;top:132px;right:0;width:118px;padding:0;background:none;box-shadow:none;}
    .about_history .tab_sticky2 .swiper-container::before {content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background:#E6E6E6}
    .about_history .tab_sticky2 .swiper-container .tabs {flex-direction:column;gap:10px}
    .about_history .tab_sticky2 .swiper-slide {margin-right:0}
    .about_history .tab_sticky2 .swiper-slide .btn {width:100%;padding:18px 0;border-radius:10px;border:0;background:#F8F8F8;font-size:15px;color:#000;line-height:23px}
    .about_history .tab_sticky2 .swiper-slide .btn .br {display:inline}
    .about_history .tab_sticky2 .swiper-slide .btn:hover {background:#FFED00;font-weight:500}
    .about_history .tab_sticky2 .swiper-slide.active .btn {padding:28px 0;border:0;background:#FFED00}
    .about_history .tab_sticky2 .swiper-slide .btn .txt {display:none}
    .about_history .tab_sticky2 .swiper-slide .btn .year {display:block}

    .about_history .cont_wrap {margin-top:200px}
    .about_history .cont_wrap:first-child {margin-top:100px}
    .about_history .cont_wrap .years_group {position:relative;padding-top:36.46%}
    .about_history .cont_wrap .years_group .inner {position:absolute;bottom:0;left:50%;padding:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
    .about_history .cont_wrap .years_group .tit_sub {font-size:42px;font-weight:500;line-height:60px;letter-spacing:-1.92px;}
    .about_history .cont_wrap .years_group .year {margin-bottom:0;font-size:100px;line-height:83px;white-space:nowrap}
    .about_history .cont_wrap .years_group .year .br {display:inline;margin-left:0}
    .about_history .cont_wrap .details {position:relative;padding:0 15.41% 0 53.13%}
    .about_history .cont_wrap .details .timeline_item {position:relative}
    .about_history .cont_wrap .details .timeline_item.fst {margin-top:150px}
    .about_history .cont_wrap .details .timeline_item strong {font-size:64px;line-height:90px;letter-spacing:-1.92px;}
    .about_history .cont_wrap .details .timeline_item .img_wrap {display:block}
    .about_history .cont_wrap .details .timeline_item .img_motion {display:block;overflow:hidden;position:absolute;top:0;left:-145%;max-width:100%;border-radius:20px;}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2018_1 {top:-50px;left:-170%;z-index:1;border:5px solid #FFF}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2018_2 {top:100px;left:-120%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2017_1 {top:-60px;left:-160%;z-index:1;border:5px solid #FFF}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2016_1 {top:30px;left:-170%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2016_2 {left:-120%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2014_1 {top:30px}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2011_1 {top:-50px;left:-150%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2010_1 {left:-120%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2005_1 {left:-160%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2004_1 {left:-120%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2002_1 {left:-150%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2001_1 {top:-50px;left:-120%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic1994_1 {left:-120%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic1973_1 {top:-40px;left:-130%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic1971_1 {top:-50px;left:-120%;border-radius:0;}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic1969_2 {top:180px;left:-80%;z-index:1}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic1969_3 {top:400px;left:-180%}
    body.scale .about_history .cont_wrap .details .timeline_item .img_motion.pic2018_2 {top:150px}
    body.scale .about_history .cont_wrap .details .timeline_item .img_motion.pic2017_2 {top:90px;left:-120%}
    body.scale .about_history .cont_wrap .details .timeline_item .img_motion.pic2010_1 {top:-50px}
    body.scale .about_history .cont_wrap .details .timeline_item .img_motion.pic1969_3 {left:-180%}
    .about_history .cont_wrap .details .timeline_item .img {display:none}
    .about_history .cont_wrap .details .timeline_item ul li {margin-top:20px}
    .about_history .cont_wrap .details .timeline_item ul li:first-child {margin-top:30px}
    .about_history .cont_wrap .details .timeline_item ul li .month {font-size:20px;}
    .about_history .cont_wrap .details .timeline_item ul li .desc {font-size:18px}

    .about_history .cont_wrap .details .img_scroll {display:block;overflow:hidden;position:absolute;top:0;left:12.5%;width:32.58%;border-radius:20px}
    .about_history .cont_wrap .details .img_scroll img {width:100%}
    .about_history .history_a .years_group {background:url(../images/about/bg_history0_pc.jpg)no-repeat 50% 50% / cover}
    .about_history .history_b .years_group {background:url(../images/about/bg_history1_pc.jpg)no-repeat 50% 50% / cover}
    .about_history .history_c .years_group {background:url(../images/about/bg_history2_pc.jpg)no-repeat 50% 50% / cover}
    .about_history .history_d .years_group {background:url(../images/about/bg_history3_pc.jpg)no-repeat 50% 50% / cover}
    .about_history .history_e .years_group {background:url(../images/about/bg_history4_pc.jpg)no-repeat 50% 50% / cover}
    .about_history .history_f .years_group {background:url(../images/about/bg_history5_pc.jpg)no-repeat 50% 50% / cover}

    /* 회사소개_오뚜기소개_CI */
    .about_ci {padding-bottom:100px}
    .about_ci .article {padding-top:150px}
    .about_ci .article .tit {font-size:40px;line-height:56px;letter-spacing:-.8px;text-align:left;}
    .about_ci .article .img_box .img_pc {display:block}
    .about_ci .article .img_box .img_mo {display:none}

    .about_ci .ci_intro {position:relative;padding-top:0;margin-top:150px}
    .about_ci .ci_intro .symbol_detail {display:flex;justify-content:center;padding-top:70px;}
    .about_ci .ci_intro .symbol_detail .col {flex:1;padding:0}
    .about_ci .ci_intro .symbol_detail .col + .col {padding-top:0}
    .about_ci .ci_intro .symbol_detail .col + .col .img_box {padding:20px 30px}
    .about_ci .ci_intro .symbol_detail .col .img_box {width:35.89%;min-height:208px;}
    .about_ci .ci_intro .symbol_detail .col .txt_box {padding-top:40px;font-size:20px;line-height:28px;}
    .about_ci .ci_intro .btn_wrap {position:absolute;top:0;right:0;padding-top:0}
    .about_ci .ci_intro .btn_wrap .btn  {padding:12px 30px}
    .about_ci .ci_intro .btn_wrap .btn:hover::after {animation:ico_down .5s ease-in-out infinite;-webkit-animation:ico_down .5s ease-in-out infinite;}
    @keyframes ico_down {
        0% {margin-top:0;}
        50% {margin-top:-6px;}
        100% {margin-top:0;}
    }
    @-webkit-keyframes ico_down {
        0% {margin-top:0;}
        50% {margin-top:-6px;}
        100% {margin-top:0;}
    }

    .about_ci .color_system ul {padding-right:7.4%}
    .about_ci .color_system ul li {display:flex;align-items:flex-end;gap:40px}
    .about_ci .color_system ul li .img_box {flex:1}
    .about_ci .color_system ul li .txt_box {flex:1;font-size:18px;line-height:26px;}
    .about_ci .color_system ul li .txt_box .br {display:block}

    .about_ci .font .desc {padding-top:20px}

    .about_ci .ottogi_yellow .tit {display:inline-block;padding:0 10px}
    .about_ci .ottogi_yellow .desc {padding-top:80px;font-size:20px;line-height:28px;text-align:center;}
    .about_ci .ottogi_yellow .cont {padding-top:100px}
    .about_ci .ottogi_yellow .cont.cont1 .txt_box {text-align:center;}
    .about_ci .ottogi_yellow .cont1 .img_box {padding:0 25.16%}
    .about_ci .ottogi_yellow .cont2 .img_box {padding:0 25.16%}
    .about_ci .ottogi_yellow .cont3 .img_box {padding:0 12.78%}
    .about_ci .ottogi_yellow .cont4 .img_box {padding:0 7.94%}
    .about_ci .ottogi_yellow .cont .txt_box {padding-top:30px;font-size:18px;line-height:26px;}
    .about_ci .ottogi_yellow .cont .txt_box strong {font-size:18px;line-height:26px}

    /* 연혁 팝업 */
    .layer_pop .cont_wrap .thumb {position:fixed;width:42.37%}
    .layer_pop .cont_wrap .details {padding-left:51.69%}
    .layer_pop .cont_wrap .details .timeline_item {padding-top:30px;}
    .layer_pop .cont_wrap .details .timeline_item.fst {padding-top:0}
    .layer_pop .cont_wrap .details strong {font-size:40px;font-weight:500;line-height:56px;letter-spacing:-.8px;}
    .layer_pop .cont_wrap .details ul li {margin-top:10px;padding-left:44px}
    .layer_pop .cont_wrap .details ul li .month {font-size:18px;font-weight:500;line-height:26px}
    .layer_pop .cont_wrap .details ul li .desc {font-size:18px;font-weight:300;line-height:26px}
    .layer_pop .cont_wrap .details ul li .img {max-width:300px;border-radius:20px}

    /* 회사소개_오뚜기소개_CEO메시지*/
    .about_ceo .area .txt_box p {padding-top:20px;font-size:18px;line-height:26px;}
    .about_ceo .area .txt_box .br {display:block;}
    .about_ceo .area .txt_box p:first-child {padding-top:50px;}
    .about_ceo .area br {display: none;}
    .about_ceo .area1 .inner {position:relative}
    .about_ceo .area1 br {display: block;}
    .about_ceo .area1 .img_box {border-radius:30px}
    .about_ceo .area1 .img_box .img_mo {display:none}
    .about_ceo .area1 .img_box .img_pc {display:block}
    .about_ceo .area1 .txt_box {position:absolute;top:33.75%;left:42%;right:4.3%;padding:0;background:none;}
    .about_ceo .area1 .txt_box .tit_depth4 .br {display:inline;}
    .about_ceo .area1 .txt_box p {padding-top:10px;font-size:22px;line-height:34px;}
    .about_ceo .area2 .txt_box p:first-child {padding-top:80px;}
    .about_ceo .area4 {padding-top: 112px;}
    .about_ceo .area.area4 .txt_box {padding-right:0;}
    .about_ceo .area.area4 .txt_box p {padding-top: 0;}
    .about_ceo .area4 .txt_box .tit_depth4 .br {display:block;}

    /* 회사소개_오뚜기소개_중앙연구소 */
    .about_lab_intro {padding-top:100px;}
    .about_lab_intro .tit_wrap {max-width:1440px;margin:0 auto}
    .about_lab_intro .tit_wrap em {font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .about_lab_intro .tit_wrap p {max-width:550px;margin-top:10px;font-size:28px;line-height:38px}
    .about_lab_intro .tit_wrap .br {display:inline;}
    .about_lab_intro .cont_wrap {margin-top:50px;padding:150px 20px 72px;background:url(../images/about/bg_lab0_pc.jpg) no-repeat 50% 50% / cover;border-radius:0px 200px 0px 0px;box-sizing:content-box;}
    .about_lab_intro .cont_wrap ul {display:flex;gap:60px;max-width:1020px;margin:0 auto}
    .about_lab_intro .cont_wrap ul li+li {margin-top:0}
    .about_lab_intro .cont_wrap ul li.list1 {margin-right:0}
    .about_lab_intro .cont_wrap ul li.list2 {margin-left:0}
    .about_lab_intro .cont_wrap ul li.list3 {margin-right:0}
    .about_lab_intro .cont_wrap ul li .txt {top:50%;left:0;right:0;margin-left:0;margin-top:-32px;font-size:48px;line-height:64px;letter-spacing:-1.44px;text-align:center;}
    .about_lab_intro .cont_wrap ul li.list1 .lt_wrap {right:50%;bottom:-17%;width:50%;height:50%;margin-right:-25%;}
    .about_lab_intro .cont_wrap ul li.list2 .lt_wrap {left:50%;bottom:-25%;width:50%;height:50%;margin-left:-25%;}
    .about_lab_intro .cont_wrap ul li.list3 .lt_wrap {right:50%;bottom:-25%;width:50%;height:50%;margin-right:-25%;}
    .about_lab_intro .cont_wrap .txt_wrap {padding-top:130px}
    .about_lab_intro .cont_wrap .txt_wrap span {font-size:40px;font-weight:200;line-height:56px;letter-spacing:-.8px;}
    .about_lab_intro .cont_wrap .txt_wrap strong {font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .about_lab_intro .since {padding:478px 12.5% 80px;background:url(../images/about/bg_lab1_pc.jpg) no-repeat 50% 50% / cover}
    .about_lab_intro .since .lt_wrap {top:-440px;width:567px;height:689px}
    .about_lab_intro .since strong {font-size:140px;line-height:187px;}
    .about_lab_intro .since p {margin-top:0;font-size:24px;font-weight:500;line-height:34px;}
    .about_lab_intro .since p .br {display:inline}
    .about_lab_intro .since .btn_more {margin-top:40px}

    .about_lab_field {padding-top:150px}
    .about_lab_field ul {flex-direction:row;gap:30px;margin-top:50px;}
    .about_lab_field ul li {flex:1}
    .about_lab_field ul li .txt_box .tit {font-size:24px;line-height:34px}
    .about_lab_field ul li .txt_box .desc {font-size:15px;line-height:23px}

    .about_lab_act {padding-top:150px}
    .about_lab_act .tab_scroll {margin-top:30px}
    .about_lab_act .act_list {margin-top:50px}
    .about_lab_act .act_list ul {display:flex;flex-wrap:wrap;gap:70px;padding:0;text-align:left}
    .about_lab_act .act_list ul li {margin-top:0;width:calc(25% - 52.5px)}
    .about_lab_act .act_list ul li .img_box {padding:0}
    .about_lab_act .act_list ul li .txt {font-size:24px;line-height:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .about_lab_act .paging {display:flex;justify-content:center;padding-top:80px}

    /* 회사소개_중앙연구소_심포지엄 상세 */
    .symposium_detail_wrap::after {content:'';display:block;clear:both;}
    .symposium_detail_wrap button{float:left;width:37.28%;margin-right:40px;margin-top:40px;}
    .symposium_detail_wrap .symposium_info {display: flex;justify-content: space-between; flex-direction: column;float:left;width:59.32%;height: 660px;padding-top:40px;}
    .symposium_detail_wrap .location {padding-top:0;}
    .symposium_detail_wrap .location dl {padding:10px 40px;border-radius:10px;}
    .symposium_detail_wrap .location dl:first-child {margin-top:0;}
    .symposium_detail_wrap .location dt {display:inline-block;padding:0 60px 0 50px;font-size:20px;line-height:28px;}
    .symposium_detail_wrap .location dd {display:inline-block;padding:17px 0; font-size:18px;line-height:26px;}
    .symposium_detail_wrap .session {margin-top:60px; padding:82px 40px;border-radius:20px;background:#F8F8F8;}
    .symposium_detail_wrap .session dl::after {content:'';display:block;clear:both;}
    .symposium_detail_wrap .session dl:first-child {padding-top:0;}
    .symposium_detail_wrap .session dt {float:left; width:100px;}
    .symposium_detail_wrap .session dd{float:left;width:calc(100% - 115px); padding-top:0;padding-left:15px;font-size:16px;}
    
    .detail_content .table_wrap.type2 {padding-top:150px;}
    .detail_content .table_wrap.type2 .tit {font-size:28px;line-height:38px;}
    .detail_content .table_wrap.type2 .tbl_schedule {border-radius:50px;}
    .detail_content .table_wrap.type2 .tbl_schedule thead {display:table-header-group;background:#123E8C;}
    .detail_content .table_wrap.type2 .tbl_schedule thead tr th:first-child {border-top-left-radius:50px;border-bottom-left-radius:50px;}
    .detail_content .table_wrap.type2 .tbl_schedule thead tr th:last-child {border-top-right-radius:50px;border-bottom-right-radius:50px;}
    .detail_content .table_wrap.type2 .tbl_schedule thead tr th {padding:13px 0; font-size:16px;font-weight:500;color:#fff;line-height:24px;}
    .detail_content .table_wrap.type2 .tbl_schedule tbody tr:first-child {border:none;}
    .detail_content .table_wrap.type2 .tbl_schedule tbody th {padding:15px 20px; text-align:center;}
    .detail_content .table_wrap.type2 .tbl_schedule tbody th {padding:15px 20px;}
    .detail_content .table_wrap.type2 .tbl_schedule tbody .bg_yellow th {padding:15px 0 15px 90px;text-align:left;}
    .detail_content .table_wrap.type2 .tbl_schedule tbody .bg_yellow th em {display:inline;padding-top:0;padding-left:25px;font-size:18px;line-height:26px;}
    .detail_content .table_wrap.type2 .tbl_schedule + .tbl_schedule {margin-top:60px;}

    .symposium_con {padding-top:150px;}
    .symposium_con dl{padding-top:100px;}
    .symposium_con dt {font-size:28px;font-weight:500;color:#000;line-height:38px;}
    .symposium_con dd{margin-top:30px;padding:40px;font-size:16px;font-weight:300;line-height:28px;}


    /* 회사소개_중앙연구소_심포지엄 상세 슬라이드 */
    
    .board_slide {position:relative}
    .board_slide .slider {overflow:hidden;padding:0;margin:0}
    .board_slide .slider .swiper-slide{width:100%;}
    .board_slide .slider .img_box{padding-top:calc(700 / 1180 * 100%);}
    .board_slide.disabled .controls {display:none;}
    .board_slide .controls{display:flex;gap:10px;position:absolute;z-index:1;left:50%;bottom:20px;transform:translateX(-50%);}
    .board_slide .controls .swiper-button-prev.type2{position:relative;}
    .board_slide .controls .swiper-button-next.type2{position:relative;}

    /* 심포지엄 상세 팝업 */
    .img_detail_wrap .pop_con .inner {padding:0;}
    .img_detail_wrap.full_layer .tit_box .btn_pop_close {right:0;}
    
    /* 회사소개_식품안전과학연구소 */
    .food_lab_visual .top_wrap .tab_sticky{margin:0 -30px;}
    .food_lab_visual .txt_wrap{left:30px;right:30px;bottom:90px;}
    .food_lab_visual .txt_wrap p{color:#FFF;font-size:38px;font-weight:300;line-height:54px;letter-spacing:-0.76px;}
    .food_lab_visual .txt_wrap em{display:block;padding-top:20px;font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.44px;}

    .about_food_lab .food_lab_info .inner{padding-top:150px;}
    .food_lab_info .txt_box p{font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.44px;}
    .food_lab_info .txt_box strong{font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.44px;}
    .food_lab_info .txt_box .br{display:inline-block;}

    .food_lab_info ul{padding-top:100px;}
    .food_lab_info li{flex-direction:unset;align-items:center;gap:130px;padding-top:40px;}
    .food_lab_info li.item2{flex-direction:unset;}
    .food_lab_info .item1 .img_area{padding-right:0;width:35.594%}
    .food_lab_info .item2 .img_area{padding-left:0;width:54.417%}
    .food_lab_info .item2 .img_wrap{padding-top:90.567%;}
    .food_lab_info .item3 .img_area{padding-right:0;width:35.594%}
    .food_lab_info .txt_wrap{width:630px;padding-top:0;}
    .food_lab_info .txt_wrap p{font-size:26px;font-weight:300;line-height:38px;text-align:left;}
    .food_lab_info .txt_wrap .desc{font-size:15px;font-weight:300;line-height:23px;}
    .food_lab_info .txt_wrap .br{display:inline-block;}

    .about_food_lab .underline_y em{position:relative;}
    .about_food_lab .underline_y em::after{content:'';display:block;position:absolute;z-index:-1;left:0;bottom:6px;width:100%;height:20%;background:#FFED00;}
    .about_food_lab .underline_y span{padding-left:10px;}
    .about_food_lab .underline_y span:first-child{padding-left:0;}
    .about_food_lab .underline_y span::after{display:none;}
    .about_food_lab .underline_y br{display:none;}
    .about_food_lab .sub_tit_wrap .txt{font-size:18px;font-weight:300;line-height:26px;text-align:center;word-break:keep-all;}
    .about_food_lab .sub_tit_wrap .txt .br_pc{display:block;word-break:keep-all;}
    .about_food_lab .cont_wrap .tit{font-size:26px;font-weight:500;line-height:38px;}
    .about_food_lab .mission_vision .cont_wrap .tit{font-size:40px;font-weight:500;line-height:46px;}
    .about_food_lab .rule_wrap .cont_wrap .tit{font-size:40px;font-weight:500;line-height:46px;}
    .about_food_lab .analysis_list .cont_wrap .tit{font-size:34px;font-weight:500;line-height:46px;}
    .about_food_lab .verify_status .cont_wrap .tit{font-size:34px;font-weight:500;line-height:46px;}
    .about_food_lab .cont_wrap .sub_tit{padding-top:10px;font-size:15px;font-weight:300;line-height:23px;}
    .about_food_lab .cont_wrap .txt{padding-top:30px;font-size:28px;font-weight:300;line-height:46px;}
    .about_food_lab .br{display:inline;}
    .about_food_lab .br_pc{display:inline;}

    .about_food_lab .mission_vision{padding-top:250px;}
    .about_food_lab .mission_vision .sub_tit_wrap .txt{padding-top:20px;}
    .mission_vision .cont_wrap{font-size:34px;font-weight:500;line-height:46px;text-align:left;}
    .mission_vision .cont_wrap ul{flex-direction:unset;justify-content:center;gap:7%;padding-top:50px;}
    .mission_vision .cont_wrap ul li{padding-top:0;}
    .mission_vision .lt_wrap{width:90.434%;height:76.196%;margin:40px auto 0 auto;}
    .mission_vision .cont_wrap ul li .txt{padding-top:10px;}
    .mission_vision .type_mo{display:none;}
    .mission_vision .type_pc{display:block;}

    .about_food_lab .rule_wrap{padding-top:150px;}
    .about_food_lab .rule_wrap .cont_wrap .txt{padding-top:10px;font-size:15px;font-weight:300;line-height:23px;}
    .rule_wrap .slider{max-width:unset;margin-top:50px;}
    .rule_wrap .slider .img_wrap{width:27.778%;height:20.23%;left:5.65%;top:50%;transform:translateY(-50%);}
    .rule_wrap .slider .swiper-slide .bg{padding-top:33.899%;}
    .rule_wrap .slider .swiper-slide .bg .type_mo{display:none;}
    .rule_wrap .slider .swiper-slide .bg .type_pc{display:block;}
    .rule_wrap .slider .swiper-slide.item1 .bg{background-image:url(../images/about/rule_bg1.jpg);}
    .rule_wrap .slider .swiper-slide.item2 .bg{background-image:url(../images/about/rule_bg2.jpg);}
    .rule_wrap .slider .swiper-slide.item3 .bg{background-image:url(../images/about/rule_bg3.jpg);}
    .rule_wrap .slider .swiper-slide.item4 .bg{background-image:url(../images/about/rule_bg4.jpg);}
    .rule_wrap .slider .swiper-slide.item5 .bg{background-image:url(../images/about/rule_bg5.jpg);}
    .rule_wrap .slider .img_wrap .type_mo{display:none;}
    .rule_wrap .slider .img_wrap .type_pc{display:block;}
    .rule_wrap .slider .swiper-slide .txt_wrap{display:inline-flex;left:20%;align-items:center;transform:translateY(-50%);}
    .rule_wrap .slider .swiper-slide .num_item{min-width:150px;top:50%;left:40%;font-size:150px;font-weight:300;line-height:322px;-webkit-text-stroke:4px #fff;}
    .rule_wrap .slider .swiper-slide.swiper-slide-active .num_item.on{transform:translate3d(0,0,0);}
    .rule_wrap .slider .swiper-slide .txt_item{top:50%;bottom:unset;padding-left:100px;font-size:30px;font-weight:300;line-height:60px;letter-spacing:-1.92px;text-align:left;}
    .rule_wrap .slider .swiper-slide.swiper-slide-active .txt_item.on{transform:translate3d(0,0,0);}
    .rule_wrap .slider .swiper-slide .txt_item .pt_5{display:inline;padding-top:0}
    .rule_wrap .slider .swiper-slide .txt_item .br{display:inline;}
    .rule_wrap .controls{align-items:center;width:295px;background:none;}
    .rule_wrap .swiper-button-prev{display:flex;position:unset;margin-top:0;}
    .rule_wrap .swiper-button-next{display:flex;position:unset;margin-top:0;}
    .rule_wrap .swiper-button-pause{display:flex;top:0;margin-top:0;}
    .rule_wrap .swiper-button-play{top:0;margin-top:0;}
    .about_food_lab .rule_wrap .br_pc{display:block;top:0;}

    .about_food_lab .research_act{padding-top:150px;}
    .about_food_lab .research_act .cont_wrap .tit{font-size:34px;font-weight:500;line-height:46px;}
    .about_food_lab .research_act .sub_tit_wrap .txt{padding-top:20px;}
    .research_act .cont_wrap{padding-top:100px;}
    .research_act .cont_wrap li:first-child{padding-top:50px;}
    .research_act .cont_wrap li{justify-content:center;align-items:center;gap:10.3%;padding-top:0;}
    .research_act .cont_wrap .img_wrap{flex:1;}
    .research_act .cont_wrap .txt_wrap{flex:1;}
    .research_act .cont_wrap .item1{flex-direction:unset;}
    .research_act .cont_wrap .item1 .img_wrap{padding-right:0;}
    .research_act .cont_wrap .item2{flex-direction:unset;}
    .research_act .cont_wrap .item2 .img_wrap{padding-left:0;}
    .research_act .cont_wrap .item3{flex-direction:unset;}
    .research_act .cont_wrap .item3 .img_wrap{padding-right:0;}
    .research_act .cont_wrap .item4{flex-direction:unset;}
    .research_act .cont_wrap .item4 .img_wrap{padding-left:0;}
    .research_act .cont_wrap dl{padding-top:0;white-space:nowrap;}
    .research_act .cont_wrap dt{padding-bottom:20px;font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;}
    .research_act .cont_wrap dd{padding-bottom:0;font-size:18px;font-weight:300;line-height:30px;}
    .research_act .cont_wrap dd:last-child{padding-bottom:0;}
    .research_act .cont_wrap dd::before{top:10px;}
    .research_act .type_mo{display:none;}
    .research_act .type_pc{display:block;}
    .about_food_lab .research_act .sub_tit_wrap .txt .br_pc{display:inline;}

    .analysis_list{padding-top:100px;}
    .analysis_list ul{margin-top:-10px;}
    .analysis_list ul li{width:calc(25% - 15.5px);}
    .analysis_list ul li{padding-top:60px;}
    .analysis_list .txt_wrap{padding-top:30px;}
    .analysis_list .txt_wrap dt{padding-bottom:10px;font-size:24px;font-weight:500;line-height:34px;}
    .analysis_list .txt_wrap dd{font-size:15px;font-weight:300;line-height:23px;}

    .verify_status{padding-top:100px;}
    .verify_status ul{display:flex;justify-content:space-between;}
    .verify_status ul li{width:calc(33.3% - 19.52px);padding-top:50px;}
    .verify_status ul li:first-child:first-child{padding-top:50px;}
    .verify_status .img_wrap{padding:0;}
    .verify_status ul p{padding-top:25px;font-size:24px;font-weight:300;line-height:34px;}

    .about_food_lab .advancement_wrap{padding-top:150px;}
    .about_food_lab .advancement_wrap .sub_tit_wrap .txt{padding-top:20px;}
    .advancement_wrap .sub_tit_wrap .txt .br_pc{word-break:keep-all;}
    .advancement_wrap ul{display:flex;justify-content:space-between;}
    .advancement_wrap ul li{width:calc(50% - 20px);min-height:445px;margin-top:50px;padding:60px;}
    .advancement_wrap ul li:first-child{margin-top:50px;}

    .pre_verify{margin-top:100px;}
    .pre_verify.content_full .inner{max-width:1560px;margin:0 auto;padding:0;}
    .about_food_lab .pre_verify .cont_wrap .tit{font-size:34px;font-weight:500;line-height:46px;}
    .pre_verify .cont_wrap ul{display:flex;justify-content:center;align-items:center;padding-top:70px;}
    .pre_verify .cont_wrap ul img{display:none;}
    .pre_verify .cont_wrap ul .type_pc{display:block;}
    /* .pre_verify ol{display:flex;gap:3%;padding-top:80px;}
    .pre_verify ol li{padding:unset;flex:1;}
    .pre_verify ol li::before{left:50%;top:35%;width:100%;height:1px;background:#E6E6E6;}
    .pre_verify ol .right_item{padding:unset;}
    .pre_verify ol li.right_item::before{left:50%;top:35%;width:100%;height:1px;background:#E6E6E6;}
    .pre_verify ol li:first-child{padding-top:0;}
    .pre_verify ol .img_wrap{padding:25%;}
    .pre_verify .cont_wrap ol .txt{padding-top:30px;font-size:24px;font-weight:300;line-height:34px;text-align:center;} */

    /* .monitoring .cont_wrap{padding:150px 0;}
    .monitoring ol{padding-top:58px;}
    .monitoring ol li{flex-direction:unset;align-items:center;gap:0 6%;}
    .monitoring ol .right_item{flex-direction:unset;}
    .monitoring .img_wrap{flex:1;padding:0;}
    .monitoring .right_item .img_wrap{padding:0;}
    .monitoring dl{flex:1;padding-top:0;}
    .monitoring dl dd{padding-top:20px;} */

    .about_food_lab .ottogi_way{margin-top:150px;padding-bottom:70px;}
    .about_food_lab .ottogi_way .inner{display:flex;}
    .about_food_lab .ottogi_way .sub_tit_wrap{width:50%}
    .ottogi_way .cont_wrap{width:50%}
    .about_food_lab .ottogi_way .sub_tit_wrap .tit{font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.44px;}
    .about_food_lab .ottogi_way .sub_tit_wrap .txt{padding-top:40px;font-size:18px;font-weight:300;line-height:26px;text-align:left;}
    .ottogi_way .btn_more{margin-top:40px;}
    .ottogi_way .txt_since{right:0;top:-85px;font-size:140px;font-weight:300;line-height:188px;}
    .about_food_lab .ottogi_way .cont_wrap .txt{padding-left:20px;font-size:18px;font-weight:300;line-height:26px;}
    .ottogi_way .txt_wrap{right:20px;padding-right:0;padding-top:72px;}

    .about_food_lab .act_list ul{gap:80px 40px;}
    .about_food_lab .act_list ul li{width:calc(25% - 30px);}
    .about_food_lab .act_list ul li .img_box .img{padding-top:137.36%;}

    /* 회사소개_식품안전과학연구소 상세페이지*/
    .food_lab_detail .tbl_cont + .tbl_cont {margin-top:60px}
    .food_lab_detail .tbl_cont colgroup .w01{width:16.92%;}
    .food_lab_detail .tbl_cont tbody th {font-size:16px;vertical-align:middle;}
    .food_lab_detail .tbl_cont tbody th .tit {width:71px;}
    .food_lab_detail .tbl_cont tbody td {font-size:16px;line-height:24px;}
    .food_lab_detail .tbl_cont tbody td .br {display:block;}
    .symposium_con .speaker {font-size:16px;line-height:24px;}

    .detail_content .table_wrap {padding-top:30px;}
    .detail_content .table_wrap ul {padding-top:60px;}
    .detail_content .table_wrap ul li {padding-top:20px;}
    .detail_content .table_wrap ul li .subject {padding:20px 0 10px;border-radius:20px 20px 0 0;}
    .detail_content .table_wrap ul li .subject::before {width:calc(100% - 80px);}
    .detail_content .table_wrap ul li .subject .tit {width:140px;margin:0;}
    .detail_content .table_wrap ul li .subject .tit_desc {width:calc(100% - 140px);font-size:16px;line-height:24px;}
    .detail_content .table_wrap ul li .speaker {padding:10px 0 20px 0; }
    .detail_content .table_wrap ul li div:last-child {border-radius:0 0 20px 20px;}
    .detail_content .table_wrap ul li .speaker .tit {width:140px;}
    .detail_content .table_wrap ul li .speaker .tit_desc {width:calc(100% - 140px);font-size:16px;line-height:24px;}

   /* 회사소개_해외법인소개 */
   .global_visual .txt_wrap{left:75px;right:75px;bottom:50px;width:calc(100% - 150px);height:220px;background:url(../images/about/overseas_visual_txt_pc.svg) no-repeat 50% 50% / contain}
   .global_visual .txt_wrap .br{display:block;}
   .global_visual .txt_wrap p{font-size:80px;font-weight:600;line-height:100px;letter-spacing:16px;}
   .global_status .global_visual .txt_wrap p{font-size:34px;font-weight:600;line-height:54px;}

   .global_swipe_area{overflow:unset;padding-top:100px;}
   .global_swipe_area .swipe_wrap{margin-bottom:0;margin-right:0;}
   .global_swipe_area .lt_wrap lottie-player{width:100%;height:100%;}
   .global_swipe_area .lt_wrap img{width:100%;height:100%;max-width:unset;}
   .global_swipe_area .pin_wrap .lt_wrap{height:20.396%;width:10.505%;}
   .global_swipe_area .pin_wrap .lt_wrap.america{bottom:58%;left:71%;top:unset;}
   .global_swipe_area .pin_wrap .lt_wrap.china{left:36.7%;bottom:63.6%;}
   .global_swipe_area .pin_wrap .lt_wrap.vietnam{bottom:46%;right:57.5%;left:unset;top:unset;}
   .global_swipe_area .pin_wrap .lt_wrap.new_zealand{right:38.4%;left:unset;bottom:10.8%;}
   .global_swipe_area .guide_txt{display:none;}

   .global_cont_wrap ul li{gap:5.7%;flex-direction:unset;padding-top:100px;}
   .global_cont_wrap ul li.right_img{flex-direction:unset;}
   .global_cont_wrap ul li > div{width:100%;}
   .global_cont_wrap .img_wrap{width:75.86%;max-height:488px;padding-top:45.764%;border-radius:180px;}
   .global_cont_wrap .tab_scroll{padding-top:25px;}
   .global_cont_wrap .sns_wrap{padding-top:25px;}
   .global_cont_wrap .txt_wrap{padding-top:0;}
   .global_cont_wrap .txt_wrap .tit{font-size:34px;font-weight:500;line-height:46px;}
   .global_cont_wrap .txt_wrap dl{display:flex;gap:40px;border-radius:20px;padding:20px 40px}
   .global_cont_wrap .txt_wrap dl:first-child{margin-top:25px;}
   .global_cont_wrap .txt_wrap dt{min-width:80px;font-size:18px;font-weight:500;line-height:28px;}
   .global_cont_wrap .txt_wrap dd{padding-top:0;font-size:18px;font-weight:300;line-height:28px;}
   .global_cont_wrap .txt_wrap dd .br{display:inline;}
   .global_cont_wrap .txt_wrap .desc_item{padding-top:25px;font-size:15px;font-weight:300;line-height:30px;}
   .global_cont_wrap .txt_wrap .desc_item .br{display:inline;}
   .global_cont_wrap .txt_wrap .desc_item .br_pc{display:block;}

   /* 회사소개_글로벌현황 */
   .global_status .global_visual .txt_wrap {width:calc(100% - 150px);height:100px;background:url(../images/about/global_visual_txt_pc.svg) no-repeat 50% 50% / contain;}
   html:not(.no-js) .global_visual .txt_wrap[data-aos^=fade][data-aos^=fade].aos-animate {opacity: 1;}
   .global_status .global_swipe_area .info_wrap .br{display:inline;}

   .global_status .tit_wrap{max-width:1440px;margin:0 auto;padding:0 30px;}
   .global_status .tit_wrap .tit{font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;}
   .global_status .tit_wrap .txt{padding-top:10px;font-size:18px;font-weight:300;line-height:26px;}
   .global_status .tit_wrap .txt .br{display:inline;}
   .global_status .global_cont_wrap{padding-top:150px;}
   .global_status .global_cont_wrap ul li{gap:8%;}
   .global_status .global_cont_wrap ul li:first-child{padding-top:100px;}
   .global_status .global_cont_wrap .img_area{width:38.188%;padding:0;}
   .global_status .global_cont_wrap .img_wrap{flex:unset;width:100%;padding-top:100%;border-radius:100px;}
   .global_status .global_cont_wrap .txt_wrap .tit{font-size:34px;font-weight:500;line-height:46px;text-align:left;}
   .global_status .global_cont_wrap .txt_wrap .txt{padding-top:10px;font-size:15px;font-weight:300;line-height:23px;text-align:left;}
   .global_status .global_cont_wrap .txt_wrap .txt .br{display:inline;}
   .global_status .global_cont_wrap .txt_wrap dl{gap:30px;padding:12px 30px;}
   .global_status .global_cont_wrap .txt_wrap dl:first-child{margin-top:30px;}
   .global_status .global_cont_wrap .txt_wrap dt{font-size:18px;font-weight:300;line-height:26px;}
   .global_status .global_cont_wrap .country dt{font-size:18px;font-weight:500;line-height:26px;}
   .global_status .global_cont_wrap .txt_wrap .country dd{font-size:18px;font-weight:500;line-height:26px;}
   .global_status .global_cont_wrap dt{font-size:18px;font-weight:300;line-height:26px;}
   .global_status .global_cont_wrap .txt_wrap dd{font-size:18px;font-weight:300;line-height:26px;}

   .global_swiper_area{margin-top:50px;padding:50px 0 50px 20px;}
   .global_status .global_swiper_area .tit_wrap{position:absolute;left:20px;width:426px;padding-top:32px;word-break:keep-all;}
   .global_swiper_area .swiper_area{margin-right:0;padding-right:0;padding-left:500px;}
   .global_swiper_area .txt_box .tit{font-size:24px;font-weight:500;line-height:34px;text-align:center;}
   .global_swiper_area .txt_box .desc{font-size:15px;font-weight:300;line-height:23px;text-align:center;}
   .global_swiper_area .txt_box .desc .br_pc{display:block;}
   .global_swiper_area .txt_box .tit .br{display:inline;}
   .global_swiper_area .swiper-container{overflow:hidden;padding:0;}
   .global_swiper_area .swiper-wrapper{padding-top:5px}
   .global_swiper_area .swiper-slide{flex-direction:column;width:350px;}
   .global_swiper_area .swiper-slide a {outline-offset:-3px}
   .global_swiper_area .swiper-slide .img_wrap{z-index:-1;width:100%;padding-top:unset;border-radius:20px;}
   .global_swiper_area .controls{display:flex;position:absolute;bottom:5px;left:-45px;width:380px;}
   .global_swiper_area .needs_swiper2 .controls{bottom:20px;}
   .global_swiper_area .tit_wrap .txt{padding-top:30px;font-size:22px;font-weight:300;line-height:34px;text-align:left;}
   .global_swiper_area .tit_wrap ul{justify-content:start;}
   .global_status .global_swiper_area .tit_wrap ul li{flex-direction:column;padding-top:0;}

    /* 회사소개_오시는길 */
    .board_wrap .board_top.page_location {padding-top:100px}
    .board_wrap .board_top.page_location .tab_scroll {height:50px}
    .board_wrap .board_top.page_location .search_area {padding-top:0}

    .about_location {flex-direction:row;gap:20px;}
    .about_location > * {flex:1;}
    .about_location .list {overflow-y:auto;max-height:570px;margin-top:0;padding-right:5px;}
    .about_location .list::-webkit-scrollbar {width:5px;}
    .about_location .list::-webkit-scrollbar-thumb {background:#DC2F34;border-radius:50px}
    .about_location .list::-webkit-scrollbar-track {background:transparent}
    .about_location .list ul li {margin-top:10px;}
    .about_location .list ul li:first-child {margin-top:0}
    .about_location .list ul li a {padding:24px 34px;background:#F8F8F8;border-radius:16px;border-top:0;outline-offset:-3px}
    .about_location .list ul li:first-child a {margin-top:0}
    .about_location .list ul li .area_name {font-size:20px;line-height:28px;}
    .about_location .list ul li .area_name::after {display:none}
    .about_location .list ul li .detail {display:block !important}
    .about_location .list ul li .detail span {display:inline-block;margin-top:6px}
    .about_location .list ul li .detail .addr {display:block}
    .about_location .list ul li .detail .ico_box {max-width:none}
    .about_location .list ul li.active {border-top:0}
    .about_location .list ul li.active a {border:1px solid #000}

    /* 회사소개_오시는길_공장 자세히보기 팝업 */
    .layer_pop .factory_info .con {display:flex;gap:40px}
    .layer_pop .factory_info .con .img_box {max-width:350px}
    .layer_pop .factory_info .con .txt_box {flex:1}
    .layer_pop .factory_info .con .txt_box .txt {padding-top:30px}
    .layer_pop .factory_info .con .txt_box .txt:first-child {padding-top:8px}

    /* 인재채용_인재상 */
    .talent_intro_top{padding-top:100px;}
    .about_talent .talent_intro_top .tit{padding:0 40px;}
    .talent_intro_top .img_box{margin-top:50px;padding-top:34.524%;border-top-right-radius:200px;}
    .about_personnel_sys .talent_intro_top .img_box{padding-top:30.209%;}
    .talent_intro_top .cont{padding:0;}
    .about_talent .talent_intro_top .cont{padding-left:40px;}
    .talent_intro_top .txt_box{border-radius:unset;padding:15px 0}
    .talent_intro_top .txt_box p{position:relative;width:725px;margin:0 auto;max-width:unset;font-size:18px;font-weight:300;line-height:26px;}
    .talent_intro_top .txt_box p::before{position:absolute;left:0;top:-10px;}
    .talent_intro_top .txt_box p .br_pc {display: block;}

    .talent_cont_wrap li{flex-direction:unset;align-items:center;gap:8.5%;padding-top:100px;}
    .talent_cont_wrap .item1{padding-top:150px;padding-right:0;}
    .talent_cont_wrap .item2{padding-right:0;padding-left:0;}
    .talent_cont_wrap .item3{padding-right:0;}
    .talent_cont_wrap li.right_img{flex-direction:unset;}
    .talent_cont_wrap .item1 .img_wrap{width:46.267%;padding-top:44.068%;}
    .talent_cont_wrap .item2 .img_wrap{width:42.887%;padding-top:43.56%;}
    .talent_cont_wrap .item3 .img_wrap{width:53.845%;padding-top:49.831%;}
    .talent_cont_wrap .txt_wrap{width:47.7%;padding-top:0;}
    .talent_cont_wrap .txt_wrap .tit{font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;}
    .talent_cont_wrap .txt_wrap .txt{font-size:18px;font-weight:300;line-height:30px;}
    .talent_cont_wrap .txt_wrap .txt .br_pc{display:inline;}

    .recruit_post {margin-top:210px; width:calc(100% - 75px);height:auto; border-radius:0px 500px 500px 0px ; background:#FFED00}
    .recruit_post .customer_con {display:inline-block; position:relative;padding:57px 0 57px 220px; text-align:left;}
    .recruit_post .customer_con::before{content:'';position:absolute;left:60px;top:50%; width:150px;height:170px; background-size:150px 170px; transform:translateY(-50%);}
    .recruit_post .tit {font-size:40px;line-height:56px;}
    .recruit_post .desc {padding-top:10px; font-size:18px;font-weight:300;line-height:26px;}
    .recruit_post .desc .br {display:block;}

    /* 인재채용_인사제도 */
    .about_personnel_sys .about_edu ul{margin-top:0;}
    /* .about_personnel_sys .about_edu .img_wrap{width:115.39%;padding-top:115.39%;} */
    .about_personnel_sys .talent_intro_top .txt_box{padding-bottom:15px;}
    .about_personnel_sys .talent_intro_top .txt_box p{width:765px;}

    .about_personnel_sys h3.tit{padding:0 30px;font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;}
    .about_personnel_sys .about_edu{padding-top:150px;}
    .about_personnel_sys .about_edu li{width:calc(25% - 55px);padding-top:0;}
    .about_personnel_sys .about_edu .img_area{padding:8% 0;}
    .about_personnel_sys .about_edu .item4 .img_area{padding:8% 0;}
    .about_personnel_sys .about_edu .item3 .img_area{padding:0;}
    .about_personnel_sys .about_edu .item4 .img_wrap{padding-top:100%;}
    .about_personnel_sys .about_edu .txt_area{display:flex;align-items:center;justify-content:center;}
    .about_personnel_sys .about_edu dl{display:inline-block;}
    .about_personnel_sys .about_edu dt{padding-bottom:10px;text-align:left;font-size:26px;font-weight:500;line-height:38px;}
    .about_personnel_sys .about_edu dd{font-size:18px;font-weight:300;line-height:26px;}

    .about_personnel_sys .position_system{padding-top:150px;}
    .about_personnel_sys .position_system ul{display:flex;justify-content:center;margin-top:50px;margin-right:75px;padding:79px 0;border-radius:0 200px 200px 0;}
    .about_personnel_sys .position_system ul li{flex-direction:column;padding-bottom:0;padding-right:7.572%;}
    .about_personnel_sys .position_system ul li:last-child{padding-right:0;}
    .about_personnel_sys .position_system ul li::after{top:50%;right:17.5%;margin-top:-15px;transform:rotate(-90deg);}
    .about_personnel_sys .position_system ul li{font-size:20px;font-weight:300;line-height:34px;}
    .about_personnel_sys .position_system ul li em{font-size:30px;font-weight:500;line-height:56px;letter-spacing:-0.8px;}
    .about_personnel_sys .work_life .txt{font-size:18px;font-weight:300;line-height:26px;}
    .about_personnel_sys .work_life .txt .br{display:inline;}

    .about_personnel_sys .work_life{padding-top:150px;}
    .about_personnel_sys .work_life .yellow_box{display:flex;flex-wrap:wrap;gap:30px;margin-right:-30px;padding-top:50px;}
    .about_personnel_sys .work_life .yellow_box div{display:block;width:calc(33.3% - 39px);margin-top:0;padding:50px;border-radius:40px;}
    .about_personnel_sys .work_life .yellow_box .tit{padding-top:95px;padding-bottom:10px;font-size:32px;font-weight:500;line-height:46px;letter-spacing:-0.64px;text-align:left;}
    .about_personnel_sys .work_life .yellow_box .tit::before{left:25px;}
    .about_personnel_sys .work_life .yellow_box li{font-size:18px;font-weight:300;line-height:30px;}
    .about_personnel_sys .work_life .yellow_box li::before{top:14px;}

    /* 인재채용_직무소개 */
    .jobinfo_visual{height:700px;}
    .jobinfo_visual .visual_bg{height:100%;}
    .jobinfo_visual .visual_con_wrap{height:100%;}
    .jobinfo_visual .visual_txt_wrap{position:absolute;bottom:80px;left:0;width:100%;background:none;}
    .jobinfo_visual .visual_txt_wrap strong{font-size:48px;color:#FFED00;line-height:64px;letter-spacing:-1.44px;text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.50);}
    .jobinfo_visual .visual_txt_wrap .txt{padding-top:20px;font-size:24px;color:#fff;line-height:34px;text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.50);}
    .jobinfo_visual .visual_txt_wrap .txt .br{width:auto;}

    .jobinfo_wrap .jobinfo_con {position:relative;margin-top:90px;padding:0;}
    .jobinfo_wrap .jobinfo_con:first-child {margin-top:169px;padding:0;}
    .jobinfo_wrap .odd {padding-left:12.5%;}
    .jobinfo_wrap .even {padding-right:12.5%;}
    .jobinfo_wrap .tit_wrap {position:relative;}
    .jobinfo_wrap .tit_bg {position:relative;width:100%;border-radius:500px 0 0 500px;background:#FFED00;}
    .jobinfo_wrap .odd .tit_bg p {left:3.57%;}
    .jobinfo_wrap .even .tit_bg p {left:17.85%;}
    .jobinfo_wrap .tit_wrap .img_wrap {overflow:hidden;position:absolute; width:180px;height:180px;margin-top:60px; border-radius:30px;}
    .jobinfo_wrap .odd .tit_wrap .img_wrap {left:3.57%;}
    .jobinfo_wrap .even .tit_wrap .img_wrap {left:17.85%;}

    .jobinfo_wrap .job_list {align-items:center; gap:0 0; height:168px;padding:66px 0 6px;box-sizing:content-box;}
    .jobinfo_wrap .odd .job_list {padding-left:260px;padding-right:12.5%;}
    .jobinfo_wrap .even .job_list {padding-left:calc(17.85% + 220px);}
    .jobinfo_wrap .job_list li {width:33.33%;}
    .jobinfo_wrap .job_list li button {padding:0;}
    .jobinfo_wrap .job_list li button::after {display:none;}

    /* 직무소개 팝업 */
    .layer_pop.job_info .pop_con {margin-top:0}
    .layer_pop.job_info .pop_con .inner {max-height:calc(100vh - 350px);margin-top:84px}
    .layer_pop.job_info .tit_box h1 {left:auto; width:calc(100% - 60px);}
    .layer_pop.job_info .intro .intro_tit {font-size:26px;line-height:38px;}
    .layer_pop.job_info .interview_wrap .interview_tit {font-size:26px;line-height:38px;}

    /* 회사소개_인재채용_채용공고 */
    .banner_ms {border-radius:100px; margin:0 auto; }
    .banner_ms .con{padding:119px 120px 119px 450px;}
    .banner_ms .con::before{content:'';position:absolute;top:50%;left:120px;width:260px;height:260px;margin-top:-130px;margin-left:0; background:url(../images/about/recruit_ttogi.png)no-repeat 50% 50% / 260px 260px;}
    .banner_ms .con .tit {width:auto;font-size:32px;font-weight:300;line-height:46px;letter-spacing:-0.64px;}
    .banner_ms .con .tit span{display:block; font-weight:500;}
    .banner_ms .con .tit span em {display:inline;}
    .board_wrap.recruit_notice {padding-top:80px;}
    .recruit_notice .board_list li {gap:0;}
    .recruit_notice .board_list .tit {margin-left:40px;padding-right:50px;}
    .board_list .info {margin-top:0;}
    .board_list .hash {margin-right:20px;}
    .board_list .d_day {width:60px;margin-right:20px;}
    .board_list .d_day.end {font-weight:300;color:#666;}
    .recruit_wrap .inner {max-width: 960px;margin: 0 auto;padding: 0 30px;box-sizing: content-box;}

    /* esg경영_overview */
    .esg_overview .esg_top {height:100vh}
    .esg_overview .esg_top .lt_mo {display:none}
    .esg_overview .esg_top .lt_pc {display:block;}
    .esg_overview .esg_top .lt_pc .lt_wrap.top {bottom:auto}
    .esg_overview .esg_top .lt_pc .lt_wrap.bottom {top:auto;bottom:-10px}
    .esg_overview .esg_top .tit {font-size:64px;line-height:90px;letter-spacing:-1.92px;}
    .esg_overview .esg_top .tit .br {display:inline}
    .esg_overview .esg_top .tit .d_block {display:block}

    .esg_overview .visual_top {height:100vh}
    .esg_overview .visual_top .txt_wrap {bottom:180px;right:13.54%;left:auto}
    .esg_overview .visual_top .txt_wrap .tit {font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .esg_overview .visual_top .txt_wrap .desc {padding-top:50px;font-size:28px;line-height:38px;}
    .esg_overview .visual_top .txt_wrap .desc .d_block {display:block;}
    .esg_overview .visual_top .txt_wrap .btn_more {margin-top:50px}

    .esg_overview .cont_wrap {padding-top:150px}
    .esg_overview .cont_wrap .tit_b {padding-left:0;font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .esg_overview .cont_wrap .item {display:flex;align-items:center;gap:130px;max-width:1195px;margin:0 auto}
    .esg_overview .cont_wrap .item .img_box .lt_wrap {width:200px;height:200px}
    .esg_overview .cont_wrap .item .txt_box {padding-top:0}
    .esg_overview .cont_wrap .item .txt_box .tit {font-size:40px;line-height:64px;letter-spacing:-.8px;}
    .esg_overview .cont_wrap .item .txt_box .tit strong {margin-right:10px;font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .esg_overview .cont_wrap .item .txt_box .desc {font-size:18px;line-height:30px;}
    .esg_overview .cont_wrap .item .txt_box .desc .br {display:inline;}
    .esg_overview .cont_wrap .item .txt_box .btn_more {margin-top:30px}
    .esg_overview .cont_wrap .item1 {padding-top:100px}
    .esg_overview .cont_wrap .item1 .img_box .img {border-radius:250px;}
    .esg_overview .cont_wrap .item2 {flex-direction:row-reverse;}
    .esg_overview .cont_wrap .item2 .img_box {margin-left:0}
    .esg_overview .cont_wrap .item2 .img_box .img {border-radius:50px;}
    .esg_overview .cont_wrap .item2 .img_box .lt_wrap {top:auto;bottom:-30px;left:-140px}
    .esg_overview .cont_wrap .item2 .txt_box {text-align:left}
    .esg_overview .cont_wrap .item3 .img_box {margin-right:0}
    .esg_overview .cont_wrap .item3 .img_box .img {border-radius:200px;}
    .esg_overview .cont_wrap .item3 .img_box .lt_wrap {top:auto;bottom:0;right:-80px}

    .esg_overview .cont_wrap2 {padding-top:200px}
    .esg_overview .cont_wrap2 .tit_b {font-size:48px;line-height:64px;letter-spacing:-1.44px;text-align:left;}
    .esg_overview .cont_wrap2 ul {position:relative;width:52.08%;margin-top:-100px;margin-left:auto;}
    .esg_overview .cont_wrap2 ul li {height:auto;margin-top:40px;padding:46.66% 0 0;border-radius:20px;}
    .esg_overview .cont_wrap2 ul li .tit {position:absolute;top:60px;left:60px;font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .esg_overview .cont_wrap2 ul li .btn_more {bottom:60px;right:60px}
    .esg_overview .cont_wrap2 ul li.item1 {position:absolute;left:-62.66%;bottom:0;width:57.33%;padding-top:75.12%}

    /* esg경영_소개 */
    .esg_intro_visual {min-height:650px}
    .esg_intro_visual .txt_wrap.has_line {display:table;margin-left:160px;text-align:right}
    .esg_intro_visual .txt_wrap.has_line .txt {font-size:18px;line-height:30px;text-align:right;}
    .esg_intro_visual .txt_wrap.has_line .txt strong {margin-bottom:5px;font-size:26px;line-height:38px;}

    .esg_rework {padding-top:170px}
    .esg_rework .tit_wrap {padding-top:50px;}
    .esg_rework .tit_wrap .txt {font-size:150px;letter-spacing:37.5px;line-height:150px;-webkit-text-stroke:1px #000;}
    .esg_rework .tit_wrap .desc {padding-top:30px;font-size:24px;line-height:34px;}
    .esg_rework .tit_wrap .desc .br {display:inline;}
    .esg_rework .tit_wrap .desc strong {margin-top:15px;font-size:32px;line-height:46px;letter-spacing:-.64px;}
    .esg_rework .rework_list {flex-direction:row;flex-wrap:wrap;gap:30px;}
    .esg_rework .rework_list>li {width:calc(33.33% - 20px);padding:40px 30px 30px}
    .esg_rework .rework_list li .tit {align-items:baseline;}
    .esg_rework .rework_list li .tit em {font-size:40px;line-height:56px;letter-spacing:-1.44px;}
    .esg_rework .rework_list li .tit span {font-size:26px;line-height:34px}
    .esg_rework .rework_list li ul {margin-top:20px}
    .esg_rework .rework_list li ul li {font-size:18px;line-height:30px}
    .esg_rework .rework_list li ul li::before {top:15px}

    .esg_organization {padding-top:150px;}
    .esg_organization .inner {max-width:1106px;margin:0 auto}
    .esg_organization .desc {padding-top:20px;font-size:18px;line-height:34px;}
    .esg_organization .desc .br {display:inline;}
    .esg_organization .img {max-width:none;}
    .esg_organization .img .img_mo {display:none}
    .esg_organization .img .img_pc {display:block}

    .esg_rating {padding-top:150px;}
    .esg_rating .desc {padding-top:20px;font-size:18px;line-height:34px;}
    .esg_rating .desc .br {display:inline;}
    .esg_rating .tbl_wrap {margin-top:50px}
    .esg_rating .tbl_wrap table thead tr th:first-child {border-radius:50px 0 0 50px;}
    .esg_rating .tbl_wrap table thead tr th:last-child {padding:30px 15px 30px 0;border-radius:0 50px 50px 0;}
    .esg_rating .tbl_wrap table thead tr th {padding:31px 0;font-size:20px;line-height:28px;}
    .esg_rating .tbl_wrap table thead tr th .br {display:inline;}
    .esg_rating .tbl_wrap table tbody tr td {padding:31px 0;font-size:20px;line-height:28px;}
    .esg_rating .tbl_wrap .txt {margin-top:20px;font-size:14px;line-height:22px;}

    /* esg경영_선포 및 실천방침 */
    .environment_visual{min-height:650px;}
    .environment_visual .visual_con_wrap .inner .top_wrap {padding-top:150px}
    .environment_visual .visual_bg{background:none;}
    .environment_visual .visual_bg::after {content:'';position:absolute;bottom:0;left:0;right:0;height:328px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0.01%, rgba(0, 0, 0, 0.30) 48.96%);}
    .environment_visual .visual_bg video{display:block;position:absolute;top:0;left:0 !important;right:0;bottom:0;max-width:100%;min-width:100%;max-height:100%;min-height:100%;width:0;height:0;margin:0;object-fit:cover;transform:unset;}
    .environment_visual .txt_wrap .br{display:inline;}
    .environment_visual .txt_wrap .br_pc{display:block;}

    .txt_wrap.has_line{left:30px;right:30px;bottom:100px}
    .environment_visual .txt_wrap.has_line{left:30px;right:30px;bottom:100px}
    .environment_visual .txt_wrap.has_line .col_yellow br {display:none}
    .txt_wrap.has_line .col_yellow{font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.44px;}
    .txt_wrap.has_line .txt{padding-top:12px;color:#FFF;font-size:40px;font-weight:300;line-height:56px;letter-spacing:-0.8px;}

    .announcement_area{padding-top:170px;}
    .announcement_area.max_1440 .inner{max-width:1211px;}
    .announcement_area li{gap:11%;align-items:center;}
    .announcement_area .item1{flex-direction:unset;padding-right:0;}
    .announcement_area .item2{flex-direction:unset;padding-left:0;padding-top:50px;}
    .announcement_area .item1 .img_wrap{width:46.611%;padding-top:43.814%;}
    .announcement_area .item2 .img_wrap{width:41.688%;padding-top:39.408%;}
    .announcement_area .item1 .txt_wrap{width:39.13%;}
    .announcement_area .item2 .txt_wrap{width:50.675%;margin-left:0;}
    .announcement_area .txt_wrap p{font-size:24px;font-weight:300;line-height:34px;}
    .announcement_area .item2 .txt_wrap p{text-align:left;}
    .announcement_area .txt_wrap p .br{display:inline;}

    .act_policy .policy_list_wrap{margin-top:200px;}
    .policy_list_wrap{padding:100px 0 80px;}
    .policy_list_wrap .tit_wrap .tit{padding-left:63.27px;font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;}
    .policy_list_wrap .tit_wrap .tit::before{top:0;width:48.27px;height:60px;background-size:48.27px 60px;}
    .policy_list_wrap .tit_wrap .txt{padding-top:20px;font-size:18px;font-weight:300;line-height:26px;text-align:center;}
    .policy_list_wrap .tit_wrap .txt .br_pc{display:block;}
    .policy_list_wrap .list{padding-top:50px;}
    .policy_list_wrap .list li{padding:20px 40px 20px 105px;font-size:18px;font-weight:300;line-height:26px;}
    .policy_list_wrap .list li em{left:40px;min-width:60px;font-size:34px;font-weight:500;line-height:46px;}
        
    /* esg경영_전략 및 방향 */
    .strategy_direction .txt_wrap.has_line .txt{margin-right:0;font-size:18px;font-weight:300;line-height:30px;}
    .strategy_direction .lct_wrap{padding-top:150px;}
    .strategy_direction .lct_wrap .inner{position:relative;padding-bottom:45px;}
    .strategy_direction .lct_wrap .yellow_circle{position:absolute;z-index:1;top:50%;left:50%;width:34.127%;margin:0;padding:9.088% 0;border-radius:45%;transform:translate(-50%, -50%);font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.92px;}
    .strategy_direction .lct_item{flex-direction:unset;gap:6.5%;}
    .strategy_direction .lct_item.item2{flex-direction:unset;align-items:end;padding-top:10.991%;}
    .strategy_direction .lct_item.item1 .img_wrap{width:81.21%;padding-top:36.998%;border-radius:24%;}
    .strategy_direction .lct_item.item2 .img_wrap{width:90.72%;padding-top:33.83%;border-radius:35%;}
    .strategy_direction .lct_item .txt{width:105.12%;padding-top:25px;font-size:18px;font-weight:300;line-height:26px;}
    .strategy_direction .lct_item.item2 .txt{padding-top:0;padding-bottom:2%;text-align:left;}
    .strategy_direction .lct_item .txt .br{display:inline;}
    .strategy_direction .lct_wrap .desc{position:absolute;right:103.5px;bottom:0;padding-top:0;font-size:15px;font-weight:500;line-height:23px;}

    .eco_emblem {padding-top:150px}
    .eco_emblem .inner {padding:100px 30px;}
    .eco_emblem .tit_wrap .desc {font-size:18px;line-height:26px;}
    .eco_emblem .tit_wrap .desc .br {display:block;}
    .eco_emblem .slide {display:none}
    .eco_emblem .cont_pc {display:block;max-width:1170px;margin:50px auto 0}
    /* .eco_emblem .slide {position:relative;max-width:1169px;height:676px;margin:50px auto 0;}
    .eco_emblem .slide .ico_eco {position:absolute;top:50%;left:50%;width:150px;height:96px;margin:-128px 0 0 -75px}
    .eco_emblem .slide .swiper-container {overflow:visible;height:100%;margin-top:0;padding:0}
    .eco_emblem .slide .swiper-container .swiper-wrapper {flex-wrap:wrap;justify-content:center;}
    .eco_emblem .slide .swiper-container .swiper-slide .tit {margin-top:10px}
    .eco_emblem .slide .swiper-container .swiper-slide .tit .br {display:block;}
    .eco_emblem .slide .swiper-container .swiper-slide .desc {min-height:60px;margin-top:5px;font-size:12px;line-height:20px;}
    .eco_emblem .slide .swiper-container .swiper-slide {position:absolute;max-width:200px;height:auto}
    .eco_emblem .slide .swiper-container .swiper-slide.item1 {top:0;left:8%;}
    .eco_emblem .slide .swiper-container .swiper-slide.item2 {top:0;right:8%}
    .eco_emblem .slide .swiper-container .swiper-slide.item3 {top:50%;left:0;transform:translateY(-50%)}
    .eco_emblem .slide .swiper-container .swiper-slide.item4 {top:50%;right:0;transform:translateY(-50%)}
    .eco_emblem .slide .swiper-container .swiper-slide.item5 {top:70%;left:14%}
    .eco_emblem .slide .swiper-container .swiper-slide.item6 {top:70%;right:14%}
    .eco_emblem .slide .swiper-container .swiper-slide.odd {text-align:right}
    .eco_emblem .slide .swiper-container .swiper-slide.odd .ico {margin-left:auto}

    .eco_emblem .slide .swiper-container .swiper-slide::after {content:'';position:absolute}
    .eco_emblem .slide .swiper-container .swiper-slide.item1::after {top:61px;right:-158px;width:93px;height:101px;background:url(../images/esg/ico_slide_arw1.svg) no-repeat 0 0 / 100% 100%}
    .eco_emblem .slide .swiper-container .swiper-slide.item2::after {top:0;left:-162px;width:103px;height:182px;background:url(../images/esg/ico_slide_arw2.svg) no-repeat 0 0 / 100% 100%}
    .eco_emblem .slide .swiper-container .swiper-slide.item3::after {top:54px;right:-185px;width:186px;height:16px;background:url(../images/esg/ico_slide_arw3.svg) no-repeat 0 0 / 100% 100%}
    .eco_emblem .slide .swiper-container .swiper-slide.item4::after {top:54px;left:-193px;width:194px;height:16px;background:url(../images/esg/ico_slide_arw4.svg) no-repeat 0 0 / 100% 100%}
    .eco_emblem .slide .swiper-container .swiper-slide.item5::after {top:-197px;right:-88px;width:102px;height:168px;background:url(../images/esg/ico_slide_arw5.svg) no-repeat 0 0 / 100% 100%}
    .eco_emblem .slide .swiper-container .swiper-slide.item6::after {top:-165px;left:-73px;width:109px;height:107px;background:url(../images/esg/ico_slide_arw6.svg) no-repeat 0 0 / 100% 100%} */

    /* esg경영_인권경영 */
    .human_info .info_wrap .human_visual {border-radius:50px 200px 50px 50px;padding-top:calc(650 / 1770 * 100%);}
    .human_info .info_wrap {padding-top:50px;}
    .human_info .info_wrap .human_tit{padding-top:50px;font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .human_info .info_wrap .human_tit .br_pc {display:inline;}
    .human_info .info_wrap .txt {width:860px;padding-top:20px;font-size:24px;line-height:44px;}
    .human_process {margin-top:100px;padding:80px 0 60px;}
    .human_process .desc {width:900px;margin:0 auto; padding-top:20px;font-size:18px;line-height:26px;text-align:center;}
    .human_process .desc .br {display:block;}
    .human_process ul {margin-top:60px;padding-right:0;}
    .human_process ul::after {content:'';display:block;clear:both;}
    .human_process ul::before {content:'';position:absolute;top:auto; bottom:-38px;right:9.58%;width:53.75%;height:40px;margin-top:0;border-top:none; border-bottom:1px solid #000;border-right:1px solid #000;border-left:1px solid #000;border-bottom-left-radius:10px;border-top-right-radius:0;}
    .human_process ul li {float:left; display:flex;align-items:center;justify-content:center;position:relative;width:calc(25% - 15px);height:100px;min-height:auto; margin-top:0;margin-left:20px;padding:22px 20px;border:1px solid #000;border-radius:40px;font-size:20px;line-height:28px;}
    .human_process ul li:first-child{margin-left:0;}
    .human_process ul li::after {content:'';position:absolute;z-index:1; width:20px;height:0;top:50%;left:-22px;background:none;transform:translateY(-50%);border:1px dashed #aaa;}
    .human_process ul li:first-child:after {display:none;}
    .human_process ul .total {display:block;position:absolute; top:auto;bottom:-100px; right:32.152%;width:auto;height:auto; min-height:auto;margin:0;padding:0; border:none;background:none;font-size:20px;line-height:28px;transform:translateY(-50%);}
    .human_process ul .total span {display:inline;}
    .human_process .txt_box {width:72%;margin:0 auto;padding-top:160px;text-align:center;}
    .human_process .txt_box::after {content:'';display:block;clear:both;}
    .human_process .txt_box p {float:left; vertical-align:top;}
    .human_process .txt_box .tit {font-size:26px;line-height:38px;}
    .human_process .txt_box .desc {width:81%; padding-top:0;padding-left:40px;font-size:15px;line-height:23px;text-align:left;}
    .human_principle {padding-top:150px;}
    .human_principle .desc {width:720px;margin:0 auto; padding-top:20px; font-size:18px;line-height:26px;text-align:center;}
    .human_principle .desc .br {display:block;}
    .human_principle .list_wrap {display:flex;padding-top:50px;}
    .human_principle .list_wrap > li {width:33.33%;margin-left:30px; padding-top:0;}
    .human_principle .list_wrap > li:first-child {margin-left:0;}
    .human_principle li .img_box {position:relative;padding-top:calc(350 / 460 * 100%);border-radius:30px;}
    .human_principle li .staff_safety {background:#F0F0F0 url(../images/esg/human_principle_ilu1.svg)no-repeat 50% 100% / 60%;}
    .human_principle li .customer_safety {background:#F0F0F0 url(../images/esg/human_principle_ilu2.svg)no-repeat 50% 100% / 55%;}
    .human_principle li .human_safety {background:#F0F0F0 url(../images/esg/human_principle_ilu3.svg)no-repeat 50% 100% / 75%;}
    .human_principle .txt_box {padding-top:30px;}
    .human_principle .txt_box .tit {font-size:22px;font-weight:500;line-height:32px;}
    .human_principle .txt_box ul {padding-top:10px;}
    .human_principle .txt_box ul li {position:relative;padding-bottom:6px; padding-left:22px;font-size:15px;font-weight:300;line-height:23px;}
    .human_principle .txt_box ul li:last-child {padding-bottom:0;}
    .human_principle .txt_box ul li::before {content:'';position:absolute;top:12px;left:10px;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#000;}
    .human_problem {padding-top:150px;}
    .human_problem .desc {width:880px;margin:0 auto; padding-top:20px; font-size:18px;line-height:26px;text-align:center;}
    .human_problem .desc .br {display:block;}
    .human_problem .problem_channel {display:flex;gap:20px;padding-top:60px;}
    .human_problem .problem_con {width:50%; margin-top:0;padding:30px 60px 30px;}
    .human_problem .problem_con:last-child {margin-top:0;}
    .human_problem .problem_con p {padding-top:6px;text-align:left;}
    .human_problem .problem_con p:first-child {padding-top:0;}
    .human_problem .problem_con .dept {font-size:15px;line-height:23px;}
    .human_problem .problem_con .problem_tit {font-size:26px;line-height:38px;}
    .human_problem .problem_con .problem_tit .br_pc {display:inline;}
    .human_problem .problem_con .contact {font-size:18px;line-height:26px;}
    .human_problem .problem_con > span {padding-top:60;font-size:15px;line-height:23px;}
    .human_problem .problem_con .btn_report {margin-top:30px;text-align:left;}
    
    /* esg경영_윤리경영 */
    .ethical_info .info_wrap .ethical_visual {border-radius:50px 200px 50px 50px;padding-top:calc(650 / 1770 * 100%);}
    .ethical_info .info_wrap .ethical_tit{padding-top:50px;font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .ethical_info .info_wrap .ethical_tit .br_pc {display:inline;}
    .ethical_info .info_wrap .txt {width:880px;padding-top:20px;font-size:24px;line-height:44px;}
    .social_wrap .policy_list_wrap {margin-top:100px;padding:80px 0 60px;background:#123E8C;}
    .social_wrap .policy_list_wrap .txt .br_pc {display:block;}
    .ethical_report .desc {font-size:18px;line-height:26px;text-align:center;}
    .ethical_report .desc .br {display:block;}
    .report_info {margin-top:50px;}
    .report_info::after {content:'';display:block;clear:both;}
    .report_info li {float:left; position:relative;width:calc(50% - 10px); margin-top:0;padding:30px 80px 30px 140px;font-size:26px;font-weight:500;line-height:38px;}
    .report_info li::before {content:'';position:absolute;top:50%;left:60px;width:60px;height:60px;margin-top:-30px;}
    .report_info li:first-child {margin-right:20px;}
    .report_info li:last-child {width:100%;margin-top:20px;}
    .report_info .call::before {background:url(../images/esg/ico_call.svg)no-repeat 50% 50% / 60px;}
    .report_info .mail::before {background:url(../images/esg/ico_mail.svg)no-repeat 50% 50% / 60px;}
    .report_info .location::before {background:url(../images/esg/ico_location.svg)no-repeat 50% 50% / 60px;}

    /* esg경영_사회_안전·보건·환경 */
    .esg_safety_info .info_wrap{padding-top:100px;}
    .esg_safety_info .info_wrap .tit_main{padding-left:12.76%;font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .esg_safety_info .info_wrap .keyword_list {display:flex;padding-top:50px;}
    .esg_safety_info .info_wrap .keyword_list li{width:33.33%;margin-top:0;margin-left:20px;padding-top:calc(600 / 1770 * 100%);}
    .esg_safety_info .info_wrap .keyword_list li:first-child {margin-left:0;}
    .esg_safety_info .info_wrap .keyword_list li span {font-size:48px;font-weight:500;color:#fff;-webkit-text-stroke:transparent;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
    .esg_safety_info .info_wrap .txt_box {padding:50px 9% 0;}
    .esg_safety_info .info_wrap .txt_box .txt {font-size:24px;font-weight:300;line-height:34px;word-break:keep-all;}
    .esg_safety_info .info_wrap .txt_box .txt .br {display:block;}

    /* 사회공헌_사회공헌 */
    .social_contribution_visual .visual_bg.bg1 {background:url(../images/esg/img_contribution1_pc.jpg) no-repeat 0 0 / cover}
    .social_contribution_visual .visual_bg.bg2 {background:url(../images/esg/contribution_visual.jpg) no-repeat 50% 50% / cover;}

    .contribution_cont {position:relative}
    .contribution_cont .tit_wrap {max-width:1280px;margin:0 auto;padding:150px 30px 0;box-sizing:content-box;}
    .contribution_cont .tit_wrap .lt_wrap {position:absolute;top:56px;right:0;padding-top:0;margin:0}
    .contribution_cont .tit_wrap .desc {margin-top:20px;font-size:24px;line-height:34px}
    .contribution_cont .tit_wrap .desc .br {display:block}
    .contribution_cont .core_value {padding-top:170px}
    .contribution_cont .core_value .top_cont {max-width:860px}
    .contribution_cont .core_value .top_cont .lt_wrap{top:-112px;}
    .contribution_cont .core_value .bottom_cont {padding-top:100px}
    .contribution_cont .core_value .bottom_cont .panel_wrap {flex-direction:row;gap:40px}
    .contribution_cont .core_value .bottom_cont .panel_wrap .panel {flex:1}
    .contribution_cont .core_value .bottom_cont .panel_wrap .panel .tit {padding:15px;font-size:22px;line-height:32px;}
    .contribution_cont .core_value .bottom_cont .panel_wrap .panel ul {margin-top:20px;padding:20px 10px;}
    .contribution_cont .core_value .bottom_cont .panel_wrap .panel ul li {font-size:18px;line-height:34px;}
    .contribution_cont .core_value .bottom_cont .panel_wrap .panel ul li::before {top:15px;}

    .latest_news {margin-top:100px;padding:150px 0 100px;background:#F8F8F8}
    .latest_news .tit_depth4 {text-align:center;}
    .latest_news .thumbs_list {margin-top:-10px}

    /* esg경영_사회복지_선천성 심장병 어린이 후원 */
    .welfare_support .tab_menu_wrap {padding-top:150px}
    .welfare_support .img_full {width:calc(100% - 30px);margin:100px 0 0 auto;border-radius:200px 0 0 0}
    .welfare_support .img_full .img_mo {display:none}
    .welfare_support .img_full .img_pc {display:block}
    .welfare_support .txt_wrap {padding-top:100px}
    .welfare_support .txt_wrap .tit {font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .welfare_support .txt_wrap .tit .br {display:block}
    .welfare_support .txt_wrap .desc {padding-top:20px;}
    .welfare_support .txt_wrap .desc .br_pc {display:block}
    .welfare_support .graph_wrap {position:relative;max-width:1154px;margin:0 auto;}
    .welfare_support .graph_wrap .tit_box {position:absolute;top:100px;left:0;text-align:left;}
    .welfare_support .graph_wrap .tit_box .tit {font-size:26px;line-height:38px;}
    .welfare_support .graph_wrap .tit_box .slot_num_wrap {margin-top:10px;font-size:80px;line-height:100px;}
    .welfare_support .graph_wrap .tit_box .slot_num_wrap strong {width:223px}
    .welfare_support .graph_wrap .tit_box .caption {margin-top:10px;font-size:18px;line-height:26px;}
    .welfare_support .graph_wrap .lt_wrap.lt_mo {display:none}
    .welfare_support .graph_wrap .lt_wrap.lt_pc {display:block;max-width:1154px;padding-top:36px}
    .welfare_support .item {display:flex;flex-direction:row-reverse;align-items:center;gap:130px;padding-top:100px}
    .welfare_support .item .img_box {flex:1;max-width:500px;border-radius:200px;}
    .welfare_support .item .txt_box {flex:1;padding-top:0;font-size:26px;line-height:38px;}

    .welfare_event {margin-top:150px;padding:100px 0 75px}
    .welfare_event .desc {padding-top:20px;font-size:24px;line-height:34px;text-align:center;}
    .welfare_event .swiper-container {padding:0;margin:76px 0 0;border-radius:30px;}
    .welfare_event .swiper-container .swiper-slide {display:flex;border-radius:30px;}
    .welfare_event .swiper-container .swiper-slide .img_box {flex:1 1 60%;padding-top:27.77%}
    .welfare_event .swiper-container .swiper-slide .img_box .img_pc {display:block;}
    .welfare_event .swiper-container .swiper-slide .img_box .img_mo {display:none}
    .welfare_event .swiper-container .swiper-slide .txt_box {display:flex;flex-direction:column;justify-content:center;flex:1 1 40%}
    .welfare_event .swiper-container .swiper-slide .txt_box .tit {font-size:26px;line-height:38px;}
    .welfare_event .swiper-container .swiper-slide .txt_box .num {font-size:64px;line-height:90px;letter-spacing:-1.92px;}
    .welfare_event .swiper-container .swiper-slide .txt_box .txt {font-size:24px;line-height:34px;}
    .welfare_event .swiper-container .swiper-slide .txt_box .txt .date {font-size:15px;line-height:23px;}
    .welfare_event .controls {display:flex;margin:30px 0 5px}

    .welfare.customer_ms {margin-top:200px}
    .welfare.customer_ms .customer_con {display:flex;align-items:flex-end;gap:110px;padding:60px 12.5% 0}
    .welfare.customer_ms .customer_con .img {flex:none;width:300px;height:217px}
    .welfare.customer_ms .customer_con .txt_wrap {padding:0 0 30px}
    .welfare.customer_ms .customer_con .btn_mo {display:none}
    .welfare.customer_ms .customer_con .btn_pc {display:inline-block}

    /* esg경영_사회복지_밀알복지재단 굿윌스토어 장애인 지원 */
    .goodwill_store .tab_menu_wrap {padding-top:150px}
    .goodwill_store .cont_top ul {display:flex;justify-content:space-between;gap:30px;padding-top:100px}
    .goodwill_store .cont_top ul li.item1 {padding-top:0}
    .goodwill_store .cont_top ul li.item2 {width:auto;margin-left:0;padding-top:135px}
    .goodwill_store .cont_top ul li.item3 {padding-top:0}
    .goodwill_store .cont_top ul li.item4 {width:auto;margin-left:0;padding-top:95px}
    .goodwill_store .cont_top .caption {padding-top:10px;font-size:18px;line-height:26px;;text-align:right}

    .goodwill_store .intro_box {margin-top:50px;padding:100px 0}
    .goodwill_store .intro_box .inner {max-width:760px}
    .goodwill_store .intro_box .tit {font-size:28px;line-height:38px}
    .goodwill_store .intro_box .desc {padding-top:10px;font-size:18px;line-height:26px;}

    .goodwill_store .tab_content {padding:70px 0}
    .goodwill_store .tab_content .img_box {padding-top:45.83%}
    .goodwill_store .tab_content .txt_box {padding-top:50px}
    .goodwill_store .tab_content .txt_box .lt {flex:none;width:200px;height:200px}
    .goodwill_store .tab_content .txt_box .txt_wrap {padding-top:0}
    .goodwill_store .tab_content .txt_box .ico_mark {width:120px;height:130px;margin-left:30px;vertical-align:baseline;}
    .goodwill_store .tab_content .txt_box .tit {padding-top:0;font-size:26px;line-height:38px;}
    .goodwill_store .tab_content .txt_box .desc {padding-top:10px}
    .goodwill_store .tab_content .txt_box .desc .br_pc {display:block}

    .goodwill_store .content1 {padding:150px 0 70px}
    .goodwill_store .content1 .img_box {border-radius:200px;}
    .goodwill_store .content1 .txt_box {display:flex;align-items:center;gap:60px;max-width:988px;margin:0 auto}
    .goodwill_store .content1 .txt_box .lt_wrap {flex:none}
    .goodwill_store .content2 .inner {display:flex;align-items:center;gap:130px}
    .goodwill_store .content2 .inner .img_box {flex:1 1 45.87%;padding-top:38.05%;border-radius:500px;}
    .goodwill_store .content2 .inner .txt_box {flex:1 1 41.62%;padding-top:0}
    .goodwill_store .content2 .inner .txt_box .txt_wrap {padding-top:60px}
    .goodwill_store .content3 .inner {display:flex;align-items:center;flex-direction:row-reverse;gap:130px}
    .goodwill_store .content3 .inner .img_box {flex:1 1 49.15%;padding-top:44.06%;border-radius:200px;}
    .goodwill_store .content3 .inner .txt_box {flex:1 1 39%;padding-top:0}
    .goodwill_store .content3 .inner .txt_box .lt {display:flex;width:200px;height:240px;margin-left:auto}
    .goodwill_store .content3 .inner .txt_box .txt_wrap {padding-top:60px}
    .goodwill_store .content4 .img_box {border-radius:150px;}
    .goodwill_store .content4 .txt_box {display:flex;align-items:center;gap:60px;max-width:988px;margin:0 auto}
    .goodwill_store .content4 .txt_box .lt {width:200px;height:200px}
    .goodwill_store .content4 .txt_box .lt_wrap {flex:none}

    /* esg경영_전국 광역푸드뱅크 물품기부 */
    .welfare_donation .tab_menu_wrap{padding-top:150px;}
    .welfare_donation .cont_wrap{padding-top:100px;padding-bottom:221px;}
    .welfare_donation .cont_wrap .inner{display:block;position:relative;}
    .welfare_donation .cont_wrap .inner::after{content:'';display:block;clear:both;}
    .welfare_donation .cont_wrap .inner > div{order:unset;width:33.876%;}
    .welfare_donation .cont_wrap .tit_wrap{white-space:nowrap;}
    .welfare_donation .cont_wrap .tit_wrap .txt{font-size:26px;font-weight:300;line-height:38px;text-align:left;}
    .welfare_donation .cont_wrap .tit_wrap .tit{padding-top:10px;font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.44px;text-align:left;}
    .welfare_donation .cont_wrap .txt_wrap{min-height:307px;padding-top:50px;}
    .welfare_donation .slot_num_wrap{justify-content:start;font-size:80px;font-weight:500;line-height:100px;color:#DC2F34;text-align:left;}
    .welfare_donation .slot_num_wrap em{font-size:48px;font-weight:300;line-height:64px;letter-spacing:-1.44px;}
    .welfare_donation .slot_num_wrap strong{width:152px;}
    .welfare_donation .cont_wrap .txt_wrap .desc{padding-top:10px;font-size:15px;font-weight:300;line-height:23px;text-align:left;}
    .welfare_donation .cont_wrap .txt_wrap .txt{padding-top:20px;font-size:18px;font-weight:300;line-height:26px;}
    .welfare_donation .cont_wrap .inner .lt_wrap{position:absolute;right:20px;bottom:-60px;padding:0;width:52.632%;height:500px}

    .sharing_story{padding-bottom:40px;}
    .sharing_story .inner{flex-direction:unset;gap:9%;}
    .sharing_story .lt_wrap{width:45.509%;padding:0;}
    .sharing_story .txt_wrap{padding-top:12.712%;white-space:nowrap;}
    .sharing_story .br{display:inline;}

    /* esg경영_오뚜기 프렌즈  */
    .welfare_growth .tab_menu_wrap{padding-top:150px;}
    .welfare_growth .cont_wrap{padding-top:150px;padding-bottom:334px;}
    .welfare_growth .cont_wrap .inner{display:block;position:relative;}
    .welfare_growth .cont_wrap .inner::after{content:'';display:block;clear:both;}
    .welfare_growth .cont_wrap .inner > div{order:unset;width:45.237%;}
    .welfare_growth .cont_wrap .tit_wrap{white-space:nowrap;}
    .welfare_growth .cont_wrap .tit_wrap .tit{font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.44px;text-align:left;}
    .welfare_growth .cont_wrap .txt_wrap .txt{font-size:18px;font-weight:300;line-height:26px;word-break:keep-all;}
    .welfare_growth .cont_wrap .inner .lt_wrap{position:absolute;right:20px;bottom:-170px;width:43.61%;padding:0;}
    .welfare_growth .cont_wrap .br_pc{display:block;}

    .facility_disabled{padding-top:100px;}
    .facility_disabled .tit{font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;text-align:left;}
    .facility_disabled .cont_wrap{display:flex;margin-top:50px;}
    .facility_disabled .certificate_wrap{width:74.076%;margin-top:11px;margin-bottom:11px;margin-right:30px;padding:5.251% 0 8.959%;border-radius:50%;;}
    .facility_disabled ul{display:flex;flex-wrap:wrap;width:100%;margin-top:-30px;padding-top:0;}
    .facility_disabled ul li{width:calc(33.3% - 30px);margin-right:30px;margin-top:30px;padding:0;}
    .facility_disabled .certificate_wrap img{width:46.7%;}
    .facility_disabled .certificate_wrap .txt{padding-top:20px;font-size:18px;font-weight:500;line-height:34px;}
    .facility_disabled ul .txt{padding-top:20px;font-size:18px;font-weight:300;line-height:26px;}
    .facility_disabled ul .img_wrap{width:104.289%;padding-top:104.289%;}

    .friend_swiper_area > div{padding:100px 0 150px 80px;}
    .friend_swiper_area .txt_wrap .tit{font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;}
    .friend_swiper_area .txt_wrap .txt{padding-top:30px;font-size:18px;font-weight:300;line-height:30px;}
    .friend_swiper_area .swiper_wrap{display:block;position:relative;overflow:unset;margin:0;padding:0;padding-left:450px;}
    .friend_swiper_area .swiper-container{overflow:hidden;}
    .friend_swiper_area .swiper-slide{flex-direction:column;width:600px !important;}
    .friend_swiper_area .txt_wrap{position:absolute;left:0;width:400px;padding-top:20px;}
    .friend_swiper_area .swiper-slide .img_wrap{width:100%;padding-top:85.667%;border-radius:50px;}
    .friend_swiper_area .swiper_wrap .controls{display:flex;position:absolute;left:0;bottom:0;}
    
    .friend_effort{padding-top:150px;}
    .friend_effort .tit_wrap .img_wrap{width:50.695%;margin-left:-25%;padding-top:47.223%;}
    .friend_effort .tit_wrap .tit{padding-top:50px;}
    .friend_effort li{flex-direction:unset;align-items:center;gap:10.4%;padding-top:100px;}
    .friend_effort li .img_wrap{left:0;margin-left:unset;}
    .friend_effort li.item1{padding-right:0;}
    .friend_effort li.item1 .img_wrap{width:41.495%;padding-top:38%;border-radius:100px;}
    .friend_effort ul li.item1 .txt{max-width:500px;}
    .friend_effort li.item2{flex-direction:unset;justify-content:end;padding-left:0;}
    .friend_effort li.item2 .img_wrap{width:41.495%;padding-top:32%; border-radius:50px;}
    .friend_effort ul li.item2 .txt{max-width:560px;text-align:right}
    .friend_effort li.item3{padding-right:0;}
    .friend_effort li.item3 .img_wrap{width:41.495%;padding-top:32.676%;}
    .friend_effort ul li.item3 .txt{max-width:576px;}
    .friend_effort ul .txt{font-size:26px;font-weight:300;line-height:38px;}
    .friend_effort .info_wrap{margin-top:95px;}
    .friend_effort .desc_item{padding:30px 0;font-size:16px;font-weight:300;line-height:28px;text-align:center;}
    .friend_effort .br{display:inline;}
    .friend_effort .br_pc{display:block;}

    /* esg경영_교육장학_장학사업 */
    .social_contribution_visual{height:530px;}
    .social_contribution_visual .visual_bg.bg3{background:url(../images/esg/education_scholarship_visual.jpg)no-repeat 0 0/cover;}
    .social_contribution_visual .top_wrap .tab_sticky{margin:0;}
 
    .introduction_foundation{padding:30px 0}
    .introduction_foundation .foundation_area{display:flex;align-items:center;flex-direction:row;gap:80px;}
    .introduction_foundation .foundation_area .tit_wrap{position:relative;}
    .introduction_foundation .logo{flex-shrink:0;max-width:none !important;}
    .introduction_foundation .foundation_area.educational{max-width:940px;margin:0 auto;}
    .introduction_foundation .foundation_area.educational .logo{width:315px;padding-bottom:80px;}
    .introduction_foundation .foundation_area .link_wrap{position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
    .introduction_foundation .foundation_area .link_wrap a{white-space:nowrap;}
    .introduction_foundation .txt_wrap{padding-top:0;}
    .introduction_foundation .txt_wrap .tit{padding-bottom:20px;font-size:48px;line-height:64px;letter-spacing:-0.48px;}
    .introduction_foundation .txt_wrap .txt .br{display:inline-block;width:100%;}

    .contributing_info_wrap{padding:100px 0 45px;background:none;}
    .contributing_info_wrap .tab_img_wrap{padding-top:50px;}
    .tab_menu_wrap .swiper-container{padding:0}
    .tab_menu_wrap .swiper-wrapper{gap:10px;}
    .tab_menu_wrap .swiper-slide{flex:1;}
    .tab_menu_wrap .swiper-slide button {padding-left:5px;padding-right:5px;border-radius:30px;background:#f8f8f8;text-align:center;font-size:11px;}
    .tab_menu_wrap .swiper-slide a::before{top:13.5px;}
    .tab_menu_wrap .swiper-slide a:hover{background:#FFED00;font-weight:500;}
    .tab_menu_wrap .swiper-slide a:hover .num{letter-spacing:1.6px;color:#fff;-webkit-text-stroke:1px #000;}

    .contributing_info_wrap .tab_img_wrap .tit_item{padding-bottom:30px;font-size:26px;font-weight:500;line-height:38px;}
    .contributing_info_wrap .tab_img_wrap .tit_item .br{width:auto;}
    .tab_img_wrap .swiper-container{position:relative;margin-right:0;border-radius:50px;}
    .tab_img_wrap .swiper-wrapper{align-items:center;}
    .tab_img_wrap .swiper-container .img_box{padding-top:calc(575 / 1180 * 100%);}
    .tab_img_wrap .img_box{padding-top:calc(575 / 1180 * 100%);}
    .tab_img_wrap .img_box.type_pc{display:block;}
    .tab_img_wrap .img_box.type_mo{display:none;}
    .tab_img_wrap .img_box img{left:50%;transform:translateX(-50%);min-width:unset;width:auto;object-fit:contain;object-position:center center;}
    .tab_img_wrap .controls{display:flex;gap:10px;position:absolute;z-index:1;left:50%;bottom:20px;transform:translateX(-50%);}
    .tab_img_wrap .controls .swiper-button-prev.type2{position:relative;}
    .tab_img_wrap .controls .swiper-button-next.type2{position:relative;}

    .social_info_wrap.max_970 .inner{max-width:970px;}
    .social_info_wrap p{font-size:20px;font-weight:300;line-height:28px;}
    .social_info_wrap p .br_pc {display:block}
    .social_info_wrap dl{padding-top:10px;}
    .social_info_wrap dt{font-size:22px;font-weight:500;line-height:32px;}
    .social_info_wrap dd{font-size:20px;font-weight:300;line-height:28px;}
    .social_info_wrap dd .br_pc {display:block}
    .social_info_wrap .desc dd {font-size:20px;line-height:28px;}

    /* esg경영_자원봉사_굿윌스토어  */
    .social_contribution_visual .visual_bg.bg4{background:url(../images/esg/volunteer_work_visual.jpg)no-repeat 50% 0/cover;}
    .introduction_foundation .foundation_area.volunteer{max-width:788px;margin:0 auto;}
    .introduction_foundation .foundation_area.volunteer .logo{width:208px;}

    /* esg경영_기타사회공헌_요리인류 */
    .social_contribution_visual .visual_bg.bg5{background:url(../images/esg/other_contributions_visual.jpg)no-repeat 50% 50%/cover;}

    /* esg경영_동반성장_동반성장 소개 */
    .co_growth_visual{height:530px;}
    .co_growth_visual .visual_bg.bg1{background:url(../images/esg/co_growth_visual1.jpg)no-repeat 50% 100%/cover;}
    .co_growth_visual .visual_con_wrap .top_wrap .tab_sticky{margin:0;}

    .co_growth_introduction{padding:150px 0;}
    
    .co_growth_introduction .tit_wrap .tit_depth2{font-size:48px;line-height:64px;letter-spacing:-0.48px;}
    .co_growth_introduction .tit_wrap .tit_depth2 .br{display:inline-block;width:100%;}
    .co_growth_introduction .tit_wrap .txt{padding-top:20px;font-size:18px;line-height:30px;}
    .co_growth_introduction .img_wrap{padding-top:50px;}
    .co_growth_introduction .img_wrap .img_box{max-width:370px;}
    .co_growth_introduction .img_wrap .img_box .img_pc{display:block;}
    .co_growth_introduction .img_wrap .img_box .img_mo{display:none;}
    .co_growth_introduction .img_wrap .caption{padding-top:10px;}
    .co_growth_introduction .img_wrap .desc{line-height:26px;}

    .co_growth_practice{padding:70px 0;}
    .co_growth_practice .tit_wrap .tit{font-size:40px;line-height:56px;letter-spacing:-0.8px;}
    .co_growth_practice .tit_wrap .txt{padding-top:10px;font-size:18px;line-height:26px;}
    .co_growth_practice .download_list{display:flex;flex-direction:row;align-items:center;max-width:1050px;margin:0 auto;padding-top:30px;}
    .co_growth_practice .download_list li{flex:1;height:240px;margin:0 0 0 30px;padding:76px 30px 80px 30px;border-radius:60px;}
    .co_growth_practice .download_list li:first-child{margin-left:0;}
    .co_growth_practice .download_list .num{top:20px;left:30px;font-size:40px;line-height:56px;letter-spacing:-0.32px;}
    .co_growth_practice .download_list .txt .br{display:inline-block;width:100%;}
    .co_growth_practice .download_list a{right:20px;bottom:20px;}


    .co_growth_operation{padding-top:150px;}
    .co_growth_operation .item_tit{font-size:40px;line-height:56px;letter-spacing:-0.8px;}
    .co_growth_operation .item_wrap{max-width:1173px;margin:0 auto;padding-top:50px;}
    .co_growth_operation .item_wrap li{display:flex;align-items:center;flex-direction:row;gap:70px;margin-top:0;}
    .co_growth_operation .item_wrap .txt_box{margin:0 !important;padding:0 !important;}
    .co_growth_operation .item_wrap .txt_box .txt{font-size:26px;line-height:38px;}
    .co_growth_operation .item_wrap .txt_box .txt .br{display:inline-block;width:100%;}
    .co_growth_operation .item_wrap .txt_box .txt .br_mo{display:inline;}
    .co_growth_operation .item_wrap .item2 .txt_box .txt {text-align:left;}
    .co_growth_operation .item_wrap .img_wrap{flex-shrink:0;}
    .co_growth_operation .item_wrap .item1 .img_wrap{max-width:520px;width:44.1%;}
    .co_growth_operation .item_wrap .item1 .img_box{margin-right:0;padding-top:calc(400 / 520 * 100%);}
    .co_growth_operation .item_wrap .item2{flex-direction:row;}
    .co_growth_operation .item_wrap .item2 .img_wrap{max-width:500px;width:42.4%;}
    .co_growth_operation .item_wrap .item2 .img_box{padding-top:calc(420 / 500 * 100%);border-radius:200px;}
    .co_growth_operation .link_wrap{padding-top:80px;}

    /* esg경영_동반성장_동반성장 지원 */
    .co_growth_visual .visual_bg.bg2{background:url(../images/esg/co_growth_visual2.jpg)no-repeat 50% 50%/cover;}

    .co_growth_support{position:relative;padding:150px 0 50px;}
    .co_growth_support .indicator_box{padding:0;}
    .co_growth_support .item_wrap{max-width:1170px;margin:0 auto;}
    .co_growth_support .item_wrap li{flex-direction:row !important;align-items:center;gap:50px;padding-top:0;padding-bottom:100px;transition:gap 0.2s ease-in-out;}
    .co_growth_support .item_wrap .img_wrap{padding:0 !important;}
    .co_growth_support .item_wrap .txt_box{margin-top:0;padding:0 !important;}
    .co_growth_support .item_wrap .txt_box .tit{font-size:34px;line-height:46px;}
    .co_growth_support .item_wrap .txt_box .txt{padding-top:20px;font-size:18px;line-height:26px;}
    .co_growth_support .item_wrap .txt_box .txt .br{display:inline-block;width:100%;}

    .co_growth_support .financial_support .item_wrap .item1{margin:0 30.5px;}
    .co_growth_support .financial_support .item_wrap .item1 .img_wrap{max-width:480px;width:74.4%;}
    .co_growth_support .financial_support .item_wrap .item1 .img_box{padding-top:calc(360 / 480 * 100%);}
    .co_growth_support .financial_support .item_wrap .item2 {margin:0 0 0 49.5px;}
    .co_growth_support .financial_support .item_wrap .item2 .img_wrap {max-width:480px;width:96%;}
    .co_growth_support .financial_support .item_wrap .item2 .img_box {padding-top:calc(360 / 480 * 100%)}
    .co_growth_support .financial_support .item_wrap .item3{margin:0 81px;}
    .co_growth_support .financial_support .item_wrap .item3 .img_wrap{max-width:480px;width:135.7%;}
    .co_growth_support .financial_support .item_wrap .item3 .img_box{padding-top:calc(360 / 480 * 100%);border-radius:200px;}

    .co_growth_support .technical_support .item_wrap .item1 {margin:0 0 0 64px;}
    .co_growth_support .technical_support .item_wrap .item1 .img_wrap {max-width:480px;width:142%;}
    .co_growth_support .technical_support .item_wrap .item1 .img_box {padding-top:calc(360 / 480 * 100%);border-radius:120px;}
    .co_growth_support .technical_support .item_wrap .item2{margin:0 55px;}
    .co_growth_support .technical_support .item_wrap .item2 .img_wrap{max-width:480px;width:91.4%;}
    .co_growth_support .technical_support .item_wrap .item2 .img_box{padding-top:calc(360 / 480 * 100%);}
    .co_growth_support .technical_support .item_wrap .item3 {margin:0 0 0 80px;}
    .co_growth_support .technical_support .item_wrap .item3 .img_wrap {max-width:480px;width:114%;}
    .co_growth_support .technical_support .item_wrap .item3 .img_box {padding-top:calc(360 / 480 * 100%);border-radius:100px;}
    .co_growth_support .technical_support .item_wrap .item4 {margin:0 162px 0 0;}
    .co_growth_support .technical_support .item_wrap .item4 .img_wrap {max-width:480px;width:208%;}
    .co_growth_support .technical_support .item_wrap .item4 .img_box {padding-top:calc(360 / 480 * 100%)}
    .co_growth_support .technical_support .item_wrap .bg_circle_yellow{top:-163%;width:198.6%;height:395.45%;}

    .co_growth_support .management_support .item_wrap .item1 .img_wrap {max-width:480px;width:71%;}
    .co_growth_support .management_support .item_wrap .item1 .img_box {padding-top:calc(360 / 480 * 100%);border-radius:180px;}
    .co_growth_support .management_support .item_wrap .item2 .img_wrap {max-width:480px;width:64%;}
    .co_growth_support .management_support .item_wrap .item2 .img_box {padding-top:calc(360 / 480 * 100%);border-radius:120px;}
    .co_growth_support .management_support .item_wrap .item2 .link_area{padding-top:10px;}
    .co_growth_support .management_support .item_wrap .item2 .link_area .logo{margin-bottom:10px;}
    .co_growth_support .management_support .item_wrap li:last-child{padding-bottom:0;}
    .co_growth_support .management_support .bg_square_yellow{bottom:-50px;height:97.6%;}

    /* esg경영_동반성장_소통채널 */
    .co_growth_visual .visual_bg.bg3{background:url(../images/esg/co_growth_visual3.jpg)no-repeat 50% 50%/cover;}

    .communication_channel{padding-top:150px;}
    .communication_channel .tit_wrap{padding:0;}
    .communication_channel .tit_wrap .tit_depth2 .br{display:inline-block;width:100%;}
    .communication_channel .item_wrap{padding-top:80px;}
    .communication_channel .item_wrap > li{flex-direction:row !important;align-items:center;gap:70px;padding-bottom:80px;}
    .communication_channel .item_wrap .img_wrap{padding:0 !important;}
    .communication_channel .item_wrap .txt_box{padding:0 !important;}
    .communication_channel .item_wrap .txt_box .tit{font-size:34px;line-height:46px;}
    .communication_channel .item_wrap .txt_box .txt{padding-top:20px;font-size:18px;line-height:26px;}
    .communication_channel .item_wrap .txt_box .txt .br{display:inline-block;width:100%;} 

    .communication_channel .item_wrap .item1 .img_wrap{max-width:518px;width:158.3%;}
    .communication_channel .item_wrap .item1 .img_box{padding-top:calc(440 / 518 * 100%);border-radius:100px;}

    .communication_channel .item_wrap .item2 .img_wrap{max-width:500px;width:101%;}
    .communication_channel .item_wrap .item2 .img_box{padding-top:calc(420 / 500 * 100%);border-radius:150px;}
    .communication_channel .item_wrap .item2 .txt_box{text-align:left;}
    .communication_channel .item_wrap .item2 .txt_box .info_list{display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px;margin:20px 0 0 0;padding:24px 34px;}
    .communication_channel .item_wrap .item2 .txt_box .info_list li{margin-top:0;}
    .communication_channel .item_wrap .item2 .txt_box .info_list li:first-child{width:100%;}
    .communication_channel .item_wrap .item2 .txt_box .info_list li p{display:inline-block;font-size:15px;text-align:right;}

    /* esg경영_지배구조 */ 
    .esg_governance .tit_wrap {padding-top:100px}
    .esg_governance .tit_wrap .tit {font-size:34px;line-height:46px;}
    .esg_governance .tit_wrap .tit .br {display:inline}
    .esg_governance .tit_wrap .desc {font-size:16px;line-height:24px;}
    .esg_governance .content_wrap .content {padding-top:100px}
    .esg_governance .content_wrap .content .tit {font-size:26px;line-height:38px;}
    .esg_governance .content_wrap .content .tit_depth {padding-top:60px;font-size:22px;line-height:32px;}
    .esg_governance .content_wrap .content .mobile_wrap {display:none}
    .esg_governance .content_wrap .content .pc_wrap {display:block}
    .esg_governance .content_wrap .content .tbl_cont colgroup .w01 {width:11.11%}

    .esg_governance .content_wrap .content .item_wrap .item {display:flex;align-items:center;gap:40px;margin-top:60px}
    .esg_governance .content_wrap .content .item_wrap .item:first-child {margin-top:60px}
    .esg_governance .content_wrap .content .item_wrap .item i {width:150px}
    .esg_governance .content_wrap .content .item_wrap .item .txt_box {flex:1;padding-top:0}
    .esg_governance .content_wrap .content .item_wrap .item .txt_box .tit {font-size:22px;line-height:32px;}
    .esg_governance .content_wrap .content .item_wrap .item .txt_box .desc {padding-top:26px}
    .esg_governance .content_wrap .content .item_wrap .item .txt_box .desc .br_pc {display:block}

    .esg_governance .content_wrap .content .panel_box {display:flex;gap:40px}
    .esg_governance .content_wrap .content .panel_box .panel {flex:1;padding:40px}
    .esg_governance .content_wrap .content .panel_box .panel .tit_depth {font-size:20px;line-height:28px;}
    .esg_governance .content_wrap .content .panel_box .panel .cont {padding-top:5px}
    .esg_governance .content_wrap .content .panel_box .panel .cont dl:last-child {margin-top:28px}
    .esg_governance .content_wrap .content .panel_box .panel:last-child .cont dl:last-child {margin-top:52px}
    .esg_governance .content_wrap .content .panel_box .panel .cont dl.float_l dt {float:left;min-width:100px;}
    .esg_governance .content_wrap .content .panel_box .panel .cont dl.float_l dd {float:left}
    .esg_governance .content_wrap .content .panel_box .panel .cont dl.float_l::after {content:'';display:block;clear:both}

    .esg_governance .content_wrap .content .list_wrap li .tit {width:50%;padding:18px 40px;border-right:1px solid #E6E6E6;font-size:16px;line-height:24px;}
    .esg_governance .content_wrap .content .list_wrap li .tit .br {display:inline}
    .esg_governance .content_wrap .content .list_wrap li .cont {width:50%;padding:18px 40px;text-align: right;}
    .esg_governance .content_wrap .content .list_wrap li .cont .txt {font-size:16px;line-height:24px;}

    /* esg경영_보고서 및 정책_ 지속가능경영 보고서 */
    .newest_wrap {text-align:left;}
    .newest_wrap .newest_con {position:relative;padding:35px 0;margin:0 130px;}
    .newest_wrap .img_box {width:300px;padding-top:390px;}
    .newest_wrap .con_box {position:absolute;top:50%;left:560px; transform:translateY(-50%);}
    .newest_wrap .con_box .date {font-size:18px;line-height:26px;}
    .newest_wrap .con_box .tit {font-size:34px;line-height:46px;}
    
    .newest_wrap .con_box .btn_wrap {justify-content:flex-start; margin-top:30px;}
    .report_wrap .board_list li {display:flex;}
    .report_wrap .board_list .download_wrap {width: 180px;margin-top: 0;}
    .report_wrap .board_list .download_wrap .kor {right: 96px;}
    .report_wrap .board_list .download_wrap .eng {right: 0;}
    .report_wrap .board_list .download_wrap a {padding:20px;}
    .report_wrap .board_list .download_wrap span {font-size:14px;line-height:22px;}
    .report_wrap .board_list .download_wrap a::after{content:'';position:absolute;top:50%;right:0; width:16px;height:16px;margin-top:-8px; background:url(../images/common/ico_download.svg) no-repeat 50% 50% / 16px 16px;}
    .report_wrap .btn_type_l.ico_more {display:block}

    /* esg경영_보고서 및 정책_기업지배구조 보고서 */
    .newest_wrap .con_box .desc .br_pc {display:inline;}
    .newest_wrap .con_box .desc .br_m {display:block;}
    .report_wrap.governance .board_list .download_wrap span {display:inline-block;}
    .report_wrap.governance .board_list .download_wrap a {position:relative;margin-left:20px;padding:10px 20px 10px 10px;}
    
    /* esg경영_보고서 및 정책_규정 및 정잭 */
    .policy_wrap {padding-top:80px;}
    .policy_wrap .inner::after {content:'';display:block;clear:both;}
    .policy_wrap .img_box {padding-top:calc(340 / 360 * 100%);border-radius:20px;}
    .policy_wrap .img_box::after {content:'';position:absolute;top:0;left:0; width:100%;height:100%;border-radius:20px;background:rgba(0, 0, 0, 0.4);}
    .policy_wrap .policy_con.con_s .img_box::after {background:rgba(0, 0, 0, 0.2);}
    .policy_wrap .img_box img {border-radius:20px;}
    .policy_wrap .img_box .lt_wrap {z-index:2;}
    .policy_wrap .policy_con {float:left;width:calc(33.333% - 34px);align-items:center;margin-left:50px;padding:0;}
    .policy_wrap .policy_con:first-child {margin-left:0;}
    .policy_wrap .policy_con:first-child {padding-top:0;}
    .policy_wrap .policy_con .list_tit {position:absolute;top:16%; left:50%;padding:0;margin:0; font-size:34px;font-weight:500;color:#fff; line-height:46px;text-align:center;transform:translateX(-50%);text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
    .policy_wrap .policy_con .list_tit .br_pc {display:block;font-size:64px;font-weight:500;line-height:90px;letter-spacing:-1.92px;}
    .policy_wrap .policy_con .list_tit .pc_none {display:none;}
    .policy_wrap .policy_con .board_con {width:100%; margin:0;padding-top:0;}
    .policy_wrap .policy_con .board_con p {font-size:32px;font-weight:500;line-height:46px;letter-spacing:-0.64px;}
    .policy_wrap .policy_con .board_list {width:100%;margin-top:80px;}
    .policy_wrap .policy_con .board_list li {align-items:center;padding:16px 0;}
    .policy_wrap .policy_con .board_list li .tit {padding:0; font-size:18px;line-height:26px;}
    .policy_wrap .board_list .download_wrap a {position:relative;margin-right:0;padding:12px 20px 12px 2px;}
    .policy_wrap .board_list .download_wrap a::after{content:'';position:absolute;top:50%;right:0; width:20px;height:20px;margin-top:-10px; background:url(../images/common/ico_download.svg) no-repeat 50% 50% / 20px 20px;}
    .policy_wrap .board_list .download_wrap span {display:inline;}

    /* esg경영_esg data */
    .esg_data .visual_top {padding-top:80px;}
    .esg_data .visual_top .inner {position:relative}
    .esg_data .visual_top .img_box {display:none}
    .esg_data .visual_top .txt_box {position:relative;z-index:10;height:500px;background:url(../images/esg/img_data1_pc.jpg) no-repeat 0 0 / cover;border-radius:100px;}
    .esg_data .visual_top .txt_box p {position:absolute;top:50%;padding:0 7.11%;font-size:18px;color:#FFF;line-height:30px;transform:translateY(-50%);transition:all .3s;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.60);}
    .esg_data .tab_scroll {padding-top:150px}
    .esg_data .tab_scroll .swiper-wrapper {justify-content:center}

    .esg_data .data_wrap .content {padding-top:100px}
    .esg_data .data_wrap .content:first-child {padding-top:60px}
    .esg_data .data_wrap .content .tit_wrap {display:flex;align-items:flex-end;justify-content:space-between;}
    .esg_data .data_wrap .content .tit_wrap .tit {font-size:26px;line-height:38px;}
    .esg_data .data_wrap .content .tit_wrap .unit {padding-top:0;margin-right:80px;font-size:14px;line-height:22px;}
    .esg_data .data_wrap .content .tbl_wrap {padding-top:60px}

    .esg_data .data_wrap .tbl_cont {margin-top:20px}
    .esg_data .data_wrap .tbl_cont thead th:not(:first-child) {padding:13px 80px 13px 0}
    .esg_data .data_wrap .tbl_cont tbody th {padding:15px 0 15px 80px}
    .esg_data .data_wrap .tbl_cont tbody td:not(.border_r) {padding:13px 80px 13px 0}
    .esg_data .data_wrap .tbl_cont tfoot th {padding:15px 0 15px 80px}
    .esg_data .data_wrap .tbl_cont tfoot td:not(.border_r) {padding:13px 80px 13px 0}

    .esg_data .data_wrap .tbl_cont colgroup .w01 {width:18.22%}
    .esg_data .data_wrap .tbl_cont colgroup .w02 {width:18.22%}

    .esg_data .data_wrap .list_dot ul li {font-size:16px;line-height:28px}
    .esg_data .data_wrap .list_dot ul li::before {top:14px}
    .esg_data .data_wrap .association_list li {flex-direction:row;height:100px}
    .esg_data .data_wrap .btn_wrap {padding-top:80px}

    /* 제품이야기_브랜드 스토리 */
    .sub_brand_story .sub_story{padding-top:50px;}
    .sub_brand_story .sub_story .visual .lottie_wrap{top:31px;left:0;padding-left:30px;}
    .sub_brand_story .sub_story .visual .lottie_wrap .type_mo{display:none;}
    .sub_brand_story .sub_story .visual .lottie_wrap .type_pc{display:block;}
    .sub_brand_story .sub_story .visual .lottie_wrap .box{width:1751px;height:1252px;margin:0 auto;}
    .sub_brand_story .sub_story .visual .lottie_wrap.scale{transform:scale(0.75);margin-top:-6.5%;margin-left:-8%;}
    .sub_brand_story .sub_story .visual .tit_wrap{padding:0;}
    .sub_brand_story .sub_story .visual .tit_wrap .tit{font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .sub_brand_story .sub_story .visual .tit_wrap .desc{padding-top:5px;font-size:18px;line-height:26px;}
    .sub_brand_story .sub_story .visual .tit_wrap .desc .br{width:auto;}
    .sub_brand_story .sub_story .visual .img_box{height:500px;margin:186px 0 0;}
    .sub_brand_story .sub_story .visual .img_box img{min-width:1770px;min-height:500px;}
    .sub_brand_story .sub_story .visual .img_box .type_mo{display:none;}
    .sub_brand_story .sub_story .visual .img_box .type_pc{display:block;}

    .sub_brand_story .sub_story .story_wrap{padding:150px 0;}
    .sub_brand_story .sub_story .story_wrap .tit_wrap .desc{padding-top:10px;font-size:28px;line-height:38px;}
    .sub_brand_story .sub_story .story_wrap .tit_wrap .desc .br{display:inline-block;width:100%;}
    .sub_brand_story .sub_story .story_wrap .list{max-width:1220px;margin:0 auto;padding-top:100px;}

    .sub_brand_story .sub_story .story_wrap .list .item_box{display:flex;align-items:center;gap:0 130px;margin-top:100px;padding-top:0;transition:all 0.2s ease-out;}
    .sub_brand_story .sub_story .story_wrap .list .item_box:first-child{margin-top:0;}
    .sub_brand_story .sub_story .story_wrap .list .item_box .cont_wrap .cont_area{border-radius:30px;}
    .sub_brand_story .sub_story .story_wrap .list .txt_wrap{margin:0 !important;padding-top:0;}
    .sub_brand_story .sub_story .story_wrap .list .tit{font-size:40px;line-height:56px;letter-spacing:-0.8px;transition:all 0.2s ease-out;}
    .sub_brand_story .sub_story .story_wrap .list .desc{font-size:18px;line-height:30px;}
    .sub_brand_story .sub_story .story_wrap .list .desc .br{display:inline-block;width:100%;}

    .sub_brand_story .sub_story .story_wrap .list .item_box.item1{margin-right:0;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item1 .cont_wrap{width:59.4%;max-width:580px;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item1 .cont_area{padding-top:calc(510 / 580 * 100%);}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item2{margin-left:0;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item2 .cont_wrap{width:37.71%;max-width:460px;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item2 .cont_area{padding-top:calc(530 / 460 * 100%);}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item3{margin-right:0;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item3 .cont_wrap{width:76.2%;max-width:676px;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item3 .cont_area{padding-top:calc(380 / 676 * 100%);}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item4{margin:340px 0 0 0;transition:margin 0.2s ease-in;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item4 .lottie_wrap{top:-820px;right:-283px;transition:all 0.2s ease-in;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item4 .lottie_wrap.scale{transform:scale(0.75);margin-top:5%;margin-right:-10%;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item4 .lottie_wrap .box{width:652px;height:945px;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item4 .cont_wrap{width:57.81%;max-width:622px;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item4 .cont_area{padding-top:calc(350 / 622 * 100%);}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item5{margin-right:0;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item5 .cont_wrap{width:36.9%;max-width:450px;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item5 .cont_area{padding-top:calc(480 / 450 * 100%); }

    .sub_brand_story .sub_story .story_wrap .list .item_box.reverse{flex-direction:row;justify-content:flex-end;}

    .sub_brand_story .brand_story_banner .info_txt{font-size:40px;line-height:56px;letter-spacing:-0.8px;word-break:keep-all;}
    .sub_brand_story .brand_story_banner .info_txt .coming_soon{padding-top:20px;font-size:64px;line-height:86px;letter-spacing:25.6px;}
    .sub_brand_story .brand_story_banner .info_txt .coming_soon .br{width:auto;}
    .sub_brand_story .brand_story_banner .info_txt .coming_soon i{height:30px;margin-top:-12px;vertical-align:middle;}
    .sub_brand_story .brand_story_banner .banner_list{display:flex;gap:0 45px;}
    .sub_brand_story .brand_story_banner .banner_list li{flex:1;margin-top:0;}
    .sub_brand_story .brand_story_banner .banner_list li .img_box{padding-top:80.36%;border-radius:20px;}
    .sub_brand_story .brand_story_banner .banner_list li .img_box img{transition:all .6s;}
    .sub_brand_story .brand_story_banner .banner_list li a:hover .img_box img{transform:scale(1.2);}
    .sub_brand_story .brand_story_banner .banner_list .txt_box .brand{margin-top:0;font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .sub_brand_story .brand_story_banner .banner_list .txt_box span{padding-top:30px;font-size:24px;line-height:34px;}
    .sub_brand_story .brand_story_banner .banner_list .next{padding-top:24%;border-radius:20px 500px 500px 20px;}
    .sub_brand_story .brand_story_banner .banner_list .next .txt_box{align-items:flex-start;text-align:left;transition:all 0.2s ease-out;}
    .sub_brand_story .brand_story_banner .banner_list .next .txt_box .tit{font-size:34px;line-height:44px;letter-spacing:-0.8px;}
    .sub_brand_story .brand_story_banner .banner_list .next .txt_box .coming_soon{padding-top:20px;font-size:34px;line-height:44px;letter-spacing:8px;}

    /* 제품이야기_브랜드 스토리 상세 */
    .sub_brand_story .story_main_visual{height:950px;background-position:50% 0;}
    .sub_brand_story .story_main_visual .txt_box{top:190px;}
    .sub_brand_story .story_main_visual .txt_box .tit{font-size:64px;line-height:90px;letter-spacing:-1.92px;}
    
    .sub_brand_story .brand_products{margin-top:-251px;padding-top:150px;}
    .sub_brand_story .brand_products::before{bottom:62.5%;height:calc(100% - 62.5%);}
    .sub_brand_story .brand_products .inner{position:relative;}
    .sub_brand_story .brand_products .tit{display:block;font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;text-align:center;}
    .sub_brand_story .brand_products .products_slider{padding-top:70px;}
    .sub_brand_story .brand_products .products_slider .swiper-wrapper{flex-wrap:wrap;gap:80px 0;}
    .sub_brand_story .brand_products .products_slider .swiper-slide{width:25%;box-sizing:border-box;}
    .sub_brand_story .brand_products .products_slider .swiper-slide .img_box{padding:0 10px;}
    .sub_brand_story .brand_products .products_slider .swiper-slide .img_box img{width:100%;}
    .sub_brand_story .brand_products .products_slider .swiper-slide .txt_box{padding-top:30px;}
    .sub_brand_story .brand_products .products_slider .swiper-slide .txt_box .name{font-size:24px;line-height:34px;}
    .sub_brand_story .brand_products .products_slider .controls{display:none;}
    .sub_brand_story .brand_products .btn_wrap{padding-top:66px;}
    .sub_brand_story .brand_products .btn_wrap a{width:auto;}

    .sub_brand_story .story_sub_visual{height:100vh;min-height:900px;margin-top:150px;background:url(../images/prd/story_sub_banner.jpg)no-repeat 50% 50%/cover;}
    .sub_brand_story .story_sub_visual::before{top:-150px;height:150px;}
    .sub_brand_story .story_sub_visual .inner{max-width:1440px;margin:0 auto;padding:0 30px;box-sizing:content-box;}
    .sub_brand_story .story_sub_visual .txt_wrap{padding-top:115px;}
    .sub_brand_story .story_sub_visual .txt_wrap .tit{font-size:64px;line-height:90px;letter-spacing:-1.92px;}
    .sub_brand_story .story_sub_visual .txt_wrap .desc{bottom:110px;font-size:24px;line-height:34px;}
    .sub_brand_story .story_sub_visual .txt_wrap .desc .br_mo{width:auto;}
    .sub_brand_story .story_sub_visual .txt_wrap .desc .br_pc{display:inline-block;width:100%;}

    .sub_brand_story .prd_brand_history{padding:100px 0 ;}
    .sub_brand_story .prd_brand_history .history_wrap{display:flex;flex-direction:row;align-items:center;gap:80px;}
    .sub_brand_story .prd_brand_history .img_box{max-width:385px;width:44.3%;}
    .sub_brand_story .prd_brand_history .txt_box{padding-top:0;}
    .sub_brand_story .prd_brand_history .txt_box .txt{padding-top:45px;font-size:24px;line-height:34px;}
    .sub_brand_story .prd_brand_history .txt_box .txt .br{display:inline-block;width:100%;}

    .sub_brand_story .brand_prd_info{padding:80px 0 290px;}
    .sub_brand_story .brand_prd_info .inner{max-width:1180px;margin:0 auto;padding:0 30px;box-sizing:content-box;}
    .sub_brand_story .brand_prd_info .txt_box{padding-top:0;}
    .sub_brand_story .brand_prd_info .txt_box .tit{font-size:40px;line-height:56px;letter-spacing:-0.8px;}
    .sub_brand_story .brand_prd_info .txt_box strong{margin-top:40px;max-width:none;width:450px;}
    .sub_brand_story .brand_prd_info .txt_box .desc{padding-top:35px;font-size:20px;line-height:32px;}
    .sub_brand_story .brand_prd_info .txt_box .desc .br_mo{display:inline;}
    .sub_brand_story .brand_prd_info .txt_box .desc .br_pc{display:inline-block;width:100%;}
    .sub_brand_story .brand_prd_info .img_box{position:absolute;bottom:-277px;right:30px;max-width:900px;width:67.7%;margin:0 -200px 0 0;}
    .sub_brand_story .brand_prd_info .img_box .space{width:100%;}

    .sub_brand_story .prd_tip{padding-top:150px;}
    .sub_brand_story .prd_tip .txt_box .tit{font-size:40px;line-height:56px;letter-spacing:-0.8px;}
    .sub_brand_story .prd_tip .txt_box .tit .br{width:auto;}
    .sub_brand_story .prd_tip .txt_box .txt{font-size:20px;line-height:32px;}
    .sub_brand_story .prd_tip .txt_box .txt .br{width:auto;}
    .sub_brand_story .prd_tip .img_box{margin:24px 0 0 0;}
    .sub_brand_story .prd_tip .img_box .pick{top:-96px;right:4%;width:150px;height:124px;}
    .sub_brand_story .prd_tip .img_box .img_area{padding-top:calc(550 / 1180 * 100%);object-position:50% 50%;}

    /* 제품이야기_제품정보카테고리1 */
    .product_info .main_visual .tit_item{font-size:80px;font-weight:500;line-height:100px;}
    .product_info .main_visual .txt_item{font-size:26px;font-weight:300;line-height:38px;}
    .product_info .main_visual .txt_item .br{display:inline;}
    .product_info .main_visual .txt_wrap{display:block;padding-top:50px;}
    .product_info .search_area{display:block;padding-top:150px;}
    .product_info .main_visual .search_area{padding-top:50px;}
    .product_info .search_area .inp_box.search{float:unset;width:500px;margin:0 auto}
    .product_info .main_visual .product_info{display:block;max-width:1410px;height:147px;margin:0 auto;background:url(../images/prd/product_info.svg)no-repeat 50% / 100%;font-size:0;color:transparent;letter-spacing:62.4px;}

    .product_info .category{position:relative;margin-top:-65px;padding-top:5px;padding-bottom:255px;}
    .product_info .category .inner{padding:0 30px;}
    .product_info .category .prd_item{margin-top:0;}
    .product_info .category .prd_item.list1{width:38.195%;padding:0;}
    .product_info .category .prd_item.list1 .img_box{padding-top:103.093%;}
    .product_info .category.max_wid .prd_item.list1{width:46.611%;}
    .product_info .category .prd_item.list1 .hashtag{text-align:center;}
    .product_info .category .prd_item.list2{float:right;width:38.195%;margin-top:-165px}
    .product_info .category .prd_item.list2 .img_box{padding-top:66.73%;}
    .product_info .category.max_wid .prd_item.list2{width:46.611%;}
    .product_info .category .prd_item.list3{width:40.153%;margin-top:251px;padding:0;}
    .product_info .category .prd_item.list3 .img_box{padding-top:66.725%;}
    .product_info .category.max_wid .prd_item.list3{width:49.153%;}
    .product_info .category .prd_item.list3 .hashtag{text-align:center;}
    .product_info .category .prd_item.list4{float:right;width:41.667%;margin-top:-140px;padding:0;}
    .product_info .category.max_wid .prd_item.list4{width:50.848%;}
    .product_info .category .prd_item.list5{width:100%;margin-top:150px;}
    .product_info .category .prd_item.list5 a {outline-offset:-3px}
    .product_info .category .prd_item.list5 .img_box{padding-top:41.667%;z-index:-1}
    .product_info .category .prd_item.list6{width:41.667%;margin-top:100px;padding:0;}
    .product_info .category.max_wid .prd_item.list6{width:50.848%;}
    .product_info .category .prd_item.list6 .img_box{padding-top:88.667%;}
    .product_info .category .prd_item.list6 .hashtag{text-align:center;}
    .product_info .category .prd_item.list7{float:right;width:45.139%;padding:0;}
    .product_info .category.max_wid .prd_item.list7{width:55.086%;}
    .product_info .category .prd_item.list7 .img_box{padding-top:66.616%;}
    .product_info .category .prd_item.list7 .hashtag{text-align:left;}
    .product_info .category .prd_item.list8{float:left;width:38.195%;margin-top:589px;padding:0;}
    .product_info .category.max_wid .prd_item.list8{width:46.611%;margin-top:80px;}
    .product_info .category .prd_item.list8 .img_box{padding-top:66.73%;}
    .product_info .category .prd_item.list9{float:right;width:38.195%;margin-top:347px;padding:0;}
    .product_info .category.max_wid .prd_item.list9{width:46.611%}
    .product_info .category .prd_item.list9 .hashtag{text-align:center;}
    .product_info .category .prd_item.list10{float:left;width:40.278%;margin-top:334px;padding:0;}
    .product_info .category.max_wid .prd_item.list10{width:49.153%;}
    .product_info .category .prd_item.list10 .img_box{padding-top:66.725%;}
    .product_info .category .prd_item.list11{width:100%;margin-top:100px;padding:0 75px;}
    .product_info .category .prd_item.list11 .img_box{padding-top:39.5488%;}
    .product_info .category .prd_item.list12{width:54.167%;margin-top:100px; padding:0;}
    .product_info .category.max_wid .prd_item.list12{width:66.103%;}
    .product_info .category .prd_item.list12::before{display:none;}
    .product_info .category .prd_item.list12 .img_box{padding-top:74.36%;}
    .product_info .category .prd_item.list12 .hashtag{text-align:center;}
    .product_info .category .prd_item.list13{float:right;width:38.195%;margin-top:-65px;padding:0;}
    .product_info .category.max_wid .prd_item.list13{width:46.611%;}
    .product_info .category .prd_item.list13 .img_box{padding-top:103.093%;}
    .product_info .category .prd_item.list13 .hashtag{text-align:center;}
    .product_info .category .prd_item.list14{width:38.195%;margin-top:368px;padding:0;}

    .product_info .category.max_wid .prd_item.list14{width:46.611%;}
    .product_info .category .prd_item.list14 .img_box{padding-top:66.73%;}
    .product_info .category .prd_item a .img_box img{transition:all .6s;}
    .product_info .category .prd_item a:hover .img_box img{transform:scale(1.2);transition:all .6s}
    .product_info .category .prd_item .hashtag{font-size:34px;font-weight:500;line-height:46px;}
    .product_info .category .prd_item .hashtag em{font-weight:500;}

    .product_info .category .bg_circle_yellow{width:438%;height:530%;top:-108.065%;}
    .product_info .category.max_wid .bg_circle_yellow{top:-127.065%;}
    .product_info .category .bg_square_white{position:absolute;z-index:-2;left:0;right:0;bottom:1532px;width:100%;height:1532px;background:#fff}
    .product_info .category .bg_square_yellow{position:absolute;z-index:-3;left:0;right:0;bottom:0;width:100%;height:1532px;background:#FFED00}

    .product_info .txt_marquee{margin-top:205px;}
    .product_info .txt_marquee .txt_item1{font-size:90px;line-height:96px;letter-spacing:90px;}
    .product_info .txt_marquee .txt_item2{font-size:90px;line-height:96px;letter-spacing:90px;}
    .product_info .txt_marquee i{margin-right:60px}
    .product_info .txt_marquee .ico_marquee1{width:35px;height:80px;}
    .product_info .txt_marquee .ico_marquee2{width:61px;height:80px;}
    .product_info .txt_marquee .ico_marquee3{width:88px;height:70px;}
    .product_info .txt_marquee .ico_marquee4{width:35px;height:80px;}
    .product_info .txt_marquee .ico_marquee5{width:65px;height:80px;}
    .product_info .txt_marquee .ico_marquee6{width:25px;height:80px;}
    .product_info .txt_marquee .ico_marquee7{width:61px;height:80px;}
    .product_info .txt_marquee .ico_marquee8{width:55px;height:70px;}
    .product_info .txt_marquee .ico_marquee9{width:61px;height:80px;}

    /* 제품이야기_제품정보 카테고리2 */
    .product_info .main_visual.type2 .tit_item .br{display:inline;}
    .product_info .main_visual.type2 .tit_item{font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .product_info .category2{padding-top:150px;}
    .product_info .category2 .list_wrap li{display:flex;align-items:center;justify-content:center;min-height:447px;margin-top:0;padding:0 30px;}
    .product_info .category2 .list_wrap li .inner{flex:1;flex-direction:unset;}
    .product_info .category2 .list_wrap li.right_txt .inner{flex-direction:unset;}
    .product_info .category2 .tit_item{font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;}
    .product_info .category2 .txt_item{padding-top:20px;font-size:18px;font-weight:300;line-height:30px;}
    .product_info .category2 .txt_area a{margin-top:35px;}
    .product_info .category2 ul li .txt_area{width:50%;}
    .product_info .category2 .left_txt .txt_area{padding-right:0;}
    .product_info .category2 ul li .img_area{position:unset;width:50%;}
    .product_info .category2 .left_txt .img_area{padding-left:0;}
    .product_info .category2 .right_txt .img_area{padding-right:0;}
    .product_info .category2 .bg_left .img_area{padding-left:0;}
    .product_info .category2 ul li .inner{display:flex;gap:40px;padding-top:30px;}
    .product_info .category2 ul li .inner .txt_area{padding-top:30px;}
    .product_info .category2 ul li .txt_area .br{display:inline;}
    .product_info .category2 ul li .inner .txt_area .br{display:block;}
    .product_info .category2 .bg_right .bg{position:absolute;z-index:-1;right:0;left:unset;top:0;background:url(../images/prd/prd_cate2_bg3.png)no-repeat 60% 0 / 100% 100%;}
    .product_info .category2 .right_txt .txt_area{flex:unset;padding:0;text-align:left;}
    .product_info .category2 .bg_left .bg{position:absolute;z-index:-1;top:0;background:url(../images/prd/prd_cate2_bg3_l.png)no-repeat 60% 0 / 100% 100%;}

    /* 제품이야기_카레이야기 - 역사 */
    .curry_history ul{padding:130px 0 200px;}
    .curry_history li.history1{display:block;padding-bottom:70px;text-align:center;}
    .curry_history li.history1 .img_box{position:relative;max-width:500px;margin:0 auto;}
    .curry_history li.history1 .txt_box{width:100%;text-align:center;}
    .curry_history li.history1 .txt_box strong{font-size:48px;line-height:64px;}
    .curry_history li.history1 .txt_box p{padding-top:43px;}
    .curry_history strong{padding-top:0;font-size:34px;line-height:46px;}
    .curry_history span{padding-top:10px;}
    .curry_history p{padding-top:30px;font-size:18px;line-height:30px;}
    /* .curry_history li.history2 .txt_box strong{padding-top:115px;}
    .curry_history li.history3 .txt_box strong{padding-top:44px;}
    .curry_history li.history4 .txt_box strong{padding-top:72px;} */
    .curry_history li.history2 .img_box{margin-right:0;}
    .curry_history li.history3 .img_box{margin-left:0;}
    .curry_history li.history4 .img_box{margin-right:0;}
    .curry_history li.history1 .img_box > span{position:absolute;bottom:-32px;right:-66px;}
    .curry_history li.history1 i{width:125px;height:166px;margin:unset;background:url(../images/prd/img_curry_history1_2.png) no-repeat 50% 50% / 100%;}
    .curry_history li.history2 i{right:-72px;top:-20px;width:170px;height:130px;}
    .curry_history li.history3 i{top:50px;left:-48px;width:22%;height:25%;}
    .curry_history li.history4 i{width:24.4%;height:23.5%;bottom:-6px;}
    .curry_history li.history4 .txt_box strong span.mo_br{display:inline;}
    .curry_history li.history1 strong{padding-top:43px;}
    .curry_history li.history3{flex-direction:row-reverse;}
    .curry_history li{display:flex;align-items:center;gap:100px;padding-top:80px;}
    .curry_history li .txt_box{width:60%;}
    .curry_history p .mo_br{display:inline;}
    
    .prd_curry_list{padding-bottom:150px;}
    .prd_curry_list .txt_box strong{padding-top:30px;}
    .prd_curry_list .swiper-container{margin-top:58px;padding:0 106px;}
    .prd_curry_list .swiper-container .swiper-slide{width:auto !important;}
    .prd_curry_list .controls{justify-content:space-between;left:50px;right:50px;}
    .prd_curry_list .controls .swiper-button-next{position:absolute;}

    .curry_going{padding:0;text-align:left;}
    .curry_going .btn_type2_s{margin-top:60px;padding:0;border:0;background:transparent;text-align:left;}
    .curry_going .btn_type2_s::before{content:none;}
    .curry_going .btn_type2_s span{font-size:26px;}
    .curry_going .txt_box{overflow:hidden;padding:70px 460px 65px 0;}
    .curry_going .txt_box::after{left:unset;right:0;bottom:0;width:406px;height:375px;background: url(../images/prd/ottogi_char.svg) no-repeat 50% 100% / 100%;}
    .curry_going .tit br{display:none;}
    .curry_going .desc .pc_br{display:inline;}
    .curry_going .btn_wrap{display:block;}
    .curry_going .arrow_wrap{display:block;max-width:848px;}
    .curry_going .arrow_wrap .arrow{position:relative;right:100%;height:32px;background:url(../images/brands/follow_arrow2.svg)no-repeat 100% 0 / cover;-webkit-animation:arrow2;animation:arrow2;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;}
    .curry_going .txt_box.play .arrow_wrap .arrow{right:0;}
    @-webkit-keyframes arrow2{
        0%{right:50%;}
        100%{right:0;}
    }
    @keyframes arrow2{
        0%{right:50%;}
        100%{right:0;}
    }

    /* 제품이야기_카레이야기 - 활동 */
    .curry_visual.visual_activity{min-height:700px;margin-top:40px;}
    .curry_visual.visual_activity .visual_con_wrap{top:100px;}
    .curry_visual.visual_activity .visual_con_wrap .tit_depth3 .br{display:inline;}
    .curry_visual.visual_activity .visual_con_wrap .subject{font-size:28px;line-height:38px;}
    .curry_visual.visual_activity .visual_con_wrap .desc{padding-top:10px;font-size:20px;line-height:28px;}
    .curry_visual.visual_activity .visual_con_wrap .desc .br{display:inline;}
    .curry_visual.visual_activity .visual_con_wrap .desc .pc_br{display:block;}
    .curry_visual.visual_activity .visual_bg::before{width:800px;height:396px;background:url(../images/prd/pc-character.png) no-repeat 50% 50% / 100%;}
    .curry_visual.visual_activity .visual_bg::after{content:none;}
    .curry_activity h3{font-size:40px;line-height:56px;}
    .curry_activity .desc{padding-top:30px;font-size:18px;line-height:26px;}
    .curry_activity .curry_sns_area .tab_btn_wrap h3{padding-top:100px;}
    .curry_activity .curry_sns_area .tab_btn_wrap .tab_scroll{margin-top:30px;}
    .curry_activity .curry_sns_area .tab_btn_wrap .tab_scroll .swiper-wrapper{gap:80px}
    .curry_activity .curry_sns_area .tab_btn_wrap .swiper-wrapper .swiper-slide{flex:none;}
    .curry_activity .curry_sns_area .tab_btn_wrap .tab_scroll .btn{font-size:26px;line-height:38px;}
    .curry_activity .curry_sns_area .tab_con_wrap{margin-top:40px;}
    .curry_activity .curry_sns_area .tab_con_wrap .tab_con{padding:75px 0;}
    .curry_activity .curry_sns_area .top_txt_box{text-align:left;}
    .curry_activity .curry_sns_area .top_txt_box .insta_name{position:absolute;bottom:39.5px;right:0;height:46px;padding-left:55px;font-size:32px;font-weight:500;line-height:42px;}
    .curry_activity .curry_sns_area .top_txt_box .insta_name::before{width:40px;height:40px;margin-top:-20px;background-size:40px 40px;}
    .curry_activity .curry_sns_area .tab_con2 .top_txt_box .desc{padding-top:0;padding-bottom:10px;}
    .curry_activity .curry_sns_area .tab_con2 .top_txt_box .desc::after{content:'';position:absolute;bottom:-10px;right:15px;width:70px;height:70px;background:url(../images/prd/character2.png) no-repeat 50% 50% / 100%;}
    .curry_activity .curry_sns_area .tab_con3 .top_txt_box .desc{padding-top:0;padding-bottom:10px;}
    .curry_activity .curry_sns_area .tab_con3 .top_txt_box .desc::after{content:'';position:absolute;top:0;right:20px;width:56px;height:100px;background:url(../images/prd/character3.png) no-repeat 50% 50% / 100%;}
    .curry_activity .curry_sns_area .tab_con3 .top_txt_box .insta_name::before{width:35px;height:35px;margin-top:-17.5px;background-size:35px 35px;}
    .curry_activity .curry_sns_area .top_txt_box .desc{padding-top:0;font-size:28px;font-weight:500;line-height:38px;}
    .curry_activity .curry_sns_area .top_txt_box .desc::before{display:none;}
    .curry_activity .curry_sns_area .top_txt_box .arrow_wrap{display:block;max-width:848px;}
    .curry_activity .curry_sns_area .top_txt_box .arrow_wrap .arrow{position:relative;right:100%;height:45px;background:url(../images/prd/arrow_black.svg)no-repeat 100% 0 / cover;-webkit-animation:arrow2;animation:arrow2;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;}
    .curry_activity .curry_sns_area .top_txt_box .arrow_wrap.type_white .arrow{background-image:url(../images/prd/arrow_white.svg);}
    .curry_activity .curry_sns_area .top_txt_box.play .arrow_wrap .arrow{right:0;}
    .curry_activity .curry_sns_area .top_txt_box{position:relative;overflow:hidden;display:flex;justify-content:space-between;}
    .curry_activity .curry_sns_area .top_txt_box > div{width:62%;}

    .curry_activity .curry_sns_area .tab_con3 .bottom_txt_box{display:flex;position:relative;overflow:hidden;justify-content:space-between;padding-top:60px;text-align:left;}
    .curry_activity .curry_sns_area .tab_con3 .bottom_txt_box > div{width:76%;}
    .curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .tit{position:relative;font-size:28px;line-height:38px;}
    .curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .tit::after{content:'';position:absolute;top:65px;right:40px;width:110px;height:87px;background:url(../images/prd/character4.png) no-repeat 50% 50% / 100%;}
    .curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .insta_name{height:38px;margin-top:20px;padding-left:45px;font-size:22px;line-height:32px;}
    .curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .insta_name::before{width:30px;height:30px;margin-top:-15px;background:url(../images/prd/ico_instagram.svg) no-repeat 50% 50% / 30px;}
    .curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .desc{margin-top:10px;padding-top:0;font-size:18px;line-height:32px;}
    .curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .desc::before{display:none;}
    .curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .img_box{display:block;width:230px;}
    .curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .br.pc_br{display:inline;}
    .curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .arrow_wrap{display:block;max-width:1000px;}
    .curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .arrow_wrap .arrow{position:relative;right:100%;height:45px;background:url(../images/prd/arrow_black.svg)no-repeat 100% 0 / cover;-webkit-animation:arrow2;animation:arrow2;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;}
    .curry_activity .curry_sns_area .tab_con3 .bottom_txt_box .arrow_wrap.type_white .arrow{background-image:url(../images/prd/arrow_white.svg);}
    .curry_activity .curry_sns_area .tab_con3 .bottom_txt_box.play .arrow_wrap .arrow{right:0;}

    .curry_activity .curry_sns_area .tab_con1 .top_txt_box .img_box{width:343px;}
    .curry_activity .curry_sns_area .top_txt_box .img_box{display:block;}
    .curry_activity .curry_sns_area .tab_con_wrap .inner{max-width:1300px;}
    .curry_activity .curry_sns_area .tab_con_wrap .swiper-wrapper{gap:20px;justify-content:center;}
    .curry_activity .curry_sns_area .tab_con_wrap .swiper-container{flex-wrap:wrap;}
    .curry_activity .curry_sns_area .tab_con_wrap .swiper-container li{width:calc(25% - 15px);}
    .curry_activity .curry_sns_area .tab_con_wrap .tab_con.tab_con1 .swiper-container .swiper-wrapper li{width:calc(33.33% - 123px);}
    .curry_activity .curry_sns_area .tab_con_wrap .swiper-container li .sns_box{padding:25px 20px 20px;border-radius:24px;}
    .curry_activity .curry_sns_area .tab_con_wrap .swiper-slide .sns_id{padding-left:32px;}
    .curry_activity .curry_sns_area .tab_con_wrap .swiper-slide .sns_id::before{width:24px;height:24px;margin-top:-12px;background:url(../images/prd/ico_instagram.svg) no-repeat 0 50% / 24px;}
    .curry_activity .curry_sns_area .tab_con_wrap .swiper-slide .img_box{margin-top:15px;}
    .curry_activity .curry_sns_area .tab_con_wrap .swiper-slide .txt_box .tit{padding-top:22px;font-size:14px;line-height:22px;}
    .curry_activity .curry_sns_area .tab_con_wrap .tab_con.tab_con3 .swiper-slide .sns_box{padding:25px 20px 30px;}
    .curry_activity .curry_sns_area .tab_con_wrap .tab_con.tab_con3 .swiper-slide .sns_box .txt_box .tit{min-height:auto;font-size:16px;line-height:24px;}
    .curry_activity .introduction_wrap .swiper-container{overflow:hidden;}
    .curry_activity .introduction_wrap .swiper-slide{text-align:center;}
    .curry_activity .introduction_wrap .img_box img{width:unset;}

    .curry_activity .column_area{margin:100px 0 40px;}
    .curry_activity .column_area.none_arrow{margin-bottom:40px;}
    .curry_activity .column_area .column_mobile{display:none;}
    .curry_activity .column_area .column_pc{display:block;max-width:810px;margin:0 auto;}
    .curry_activity .column_area .desc{text-align:center;}
    .curry_activity .column_area .desc br{display:block;}
    .curry_activity .column_area .desc + .desc{padding-top:5px;}
    .curry_activity .column_area .swiper-container{overflow:hidden;}
    .curry_activity .column_area .swiper-container .swiper-slide{display:flex;padding-top:50px;}
    .curry_activity .column_area .swiper-container .img_box{width:50%;padding-top:0;}
    .curry_activity .column_area .swiper-container .txt_box{position:relative;width:50%;padding:30px;border:1px solid #e6e6e6;border-left:0;}
    .curry_activity .column_area h4{padding-top:10px;font-size:26px;font-weight:500;line-height:28px;letter-spacing:-2px;}
    .curry_activity .column_area .swiper-container .txt_box .detail{padding-top:30px;}
    .curry_activity .column_area .swiper-container .txt_box .detail + .detail{padding-top:20px;}
    .curry_activity .column_area .swiper-container .txt_box .title{font-size:18px;line-height:26px;}
    .curry_activity .column_area .swiper-container .txt_box .story{font-size:15px;line-height:23px;}
    .curry_activity .column_area .swiper-container .txt_box .btn_wrap{position:absolute;bottom:30px;left:50%;width:100%;padding:0 30px;display:flex;gap:10px;transform:translateX(-50%); }
    .curry_activity .column_area .swiper-container .txt_box .btn_wrap a{margin-left:0;}
    .curry_activity .column_area .swiper-container .txt_box .btn_wrap a + a{margin-top:0;}
    .curry_activity .column_area .swiper-container .txt_box .btn_wrap .btn_type_l{height:50px;line-height:46px;font-size:16px;}
    .curry_activity .column_area .swiper-container .txt_box .btn_wrap .btn_type2_l{height:50px;line-height:46px;font-size:16px;}
    .curry_activity .column_area .swiper-container .controls{display:block;left:4.5%;right:4.5%;top:50%;}
    .curry_activity .column_area .swiper-container .swiper-button-prev,
    .curry_activity .column_area .swiper-container .swiper-button-next{position:absolute;width:100px;height:57px;background-size:100px 30px;}
    .curry_activity .column_area .swiper-container .swiper-button-prev:hover::before,
    .curry_activity .column_area .swiper-container .swiper-button-next:hover::before{display:none;}
    .curry_activity .column_area .swiper-container .swiper-button-prev.swiper-button-disabled{display:block;opacity:unset;background:url(../images/common/btn_more_disabled2.svg) no-repeat 100% 100% / 100px 30px;color:#666;}
    .curry_activity .column_area .swiper-container .swiper-button-next.swiper-button-disabled{display:block;opacity:unset;background:url(../images/common/btn_more_disabled.svg) no-repeat 100% 100% / 100px 30px;color:#666;}
    .layer_pop.column_pop .pop_con{padding:60px 78px;}
    .layer_pop.column_pop .pop_con .inner{overflow-x:hidden;max-height: calc(100vh - 199px);margin-top:0;padding-right:0;}
    .layer_pop.column_pop .pop_con .tit_box h1{display:none;}
    .layer_pop.column_pop .pop_con .controls{position: absolute;top:50%;}
    .layer_pop.column_pop .pop_con .swiper-button-prev,
    .layer_pop.column_pop .pop_con .swiper-button-next {width:50px;height:50px;}
    .layer_pop.column_pop .pop_con .swiper-button-prev{left:50px;}
    .layer_pop.column_pop .pop_con .swiper-button-next{right:50px;}

    .curry_activity .archiving_area{padding:100px 0 80px;}
    .curry_activity .archiving_area .swiper-container{overflow:hidden;padding:28px;}
    .curry_activity .archiving_area .swiper-slide{width:auto !important;}
    .curry_activity .archiving_area .swiper-container .swiper-slide img{max-height:450px;border-radius:130px;}
    .curry_activity .archiving_area .swiper-container .swiper-slide .video_box{max-height:450px;}
    .curry_activity .archiving_area .swiper-container .swiper-slide .video_box video{max-height:450px;}

    .curry_activity .archiving_area .swiper-container .txt_box strong{padding-top:50px;font-size:34px;font-weight:500;line-height:46px;}
    .curry_activity .archiving_area .swiper-container .txt_box p{padding-top:15px;font-size:20px;font-weight:300;line-height:28px;}
    .curry_activity .archiving_area .swiper-container .controls{display:block;left:50px;right:50px;margin-top:-48px;}
    .curry_activity .archiving_area .swiper-container .controls .swiper-button-next{position:absolute;}

    .curry_activity .daily_area .swiper-container{margin-top:0;}
    .curry_activity .daily_area .swiper-container .controls{display:flex;justify-content:center;margin-top:30px;}
    .curry_activity .daily_area .swiper-container .controls button{position:relative;left:unset;top:unset;right:unset;width:50px;height:50px;margin-top:0;}
    .curry_activity .daily_area .swiper-container .controls .swiper-button-pause{display:inline-block !important;background:url(../images/prd/ico_pause.svg) no-repeat 50% 50% / 8px 14px;}
    .curry_activity .daily_area .swiper-container .controls .swiper-button-pause.btn_disabled{display: inline-block !important;border:2px solid #E6E6E6;background:#F8F8F8 url(../images/prd/ico_pause_disabled.svg) no-repeat 50% 50% / 8px 14px;}
    .curry_activity .daily_area .swiper-container .controls .swiper-button-pause.btn_disabled:hover::before{content:none;}
    .curry_activity .daily_area .swiper-container .controls .swiper-button-play{display:inline-block !important;background-size:15px 18px;}
    .curry_activity .daily_area .swiper-container .controls .swiper-button-play.btn_disabled{display: inline-block !important;border:2px solid #E6E6E6;background:#F8F8F8 url(../images/prd/ico_play_disabled.svg) no-repeat 50% 50% / 15px 18px;}
    .curry_activity .daily_area .swiper-container .controls .swiper-button-play.btn_disabled:hover::before{content:none;}
    .curry_activity .daily_area .swiper-container .swiper-wrapper{margin-top:80px;}

    /* 브랜드경험_overview */
    .brands_top {padding:160px 0 40px;}
    .brands_top .tit_depth1 .tit_desc {font-size:48px;}

    .brands_top ul {gap:30px;padding-top:140px;}
    .brands_top ul li{width:60px;height:60px;}
    .brands_top .ico_instagram::before {bottom:50px;left:-70px; width:129px;height:96px;background:url(../images/brands/ico_message.svg)no-repeat 50% 50% / 129px 96px;}
    .brands_top .ico_instagram a {background:url(../images/brands/link_instagram.svg)no-repeat 50% 50% / 32px;}
    .brands_top .ico_youtube a {background:url(../images/brands/link_youtube.svg)no-repeat 50% 50% / 35px;}
    .brands_top .ico_facebook a {background:url(../images/brands/link_facebook.svg)no-repeat 50% 50% / 35px;}
    .brands_top .ico_blog a {background:url(../images/brands/link_blog.svg)no-repeat 50% 50% / 35px 32px;}
    
    .brands_top .ico_box {position:static;}
    .brands_top .ico_box .ico_heart{top:131px;left:2.73%;width:43px;height:43px;}
    .brands_top .ico_box .ico_like{display:block;top:100px;left:6.83%;width:164px;height:199px;background:url(../images/brands/ico_brand_like.svg)no-repeat 0 0 / 100% 100%;animation:moving 3s infinite;-webkit-animation:moving 3s infinite;}
    .brands_top .ico_box .ico_ottogi{top:85px;left:33.88%;width:138px;height:136px;}
    .brands_top .ico_box .ico_spring{top:200px;right:24.02%;width:61px;height:30px;}
    .brands_top .ico_box .ico_smile{top:155px;right:20.45%;width:42px;height:42px;}
    .brands_top .ico_box .ico_light5{top:248px;right:7.61%;width:22px;height:21px;}
    .brands_top .ico_box .ico_heart2{top:270px;right:2.24%;width:68px;height:51px;}
    .brands_top .ico_box .ico_light4{top:400px;left:8.78%;width:17px;height:17px;}
    .brands_top .ico_box .ico_good{top:430px;left:10.44%;width:53px;height:53px;}
    .brands_top .ico_box .ico_light3{top:280px;left:21.8%;width:24px;height:33px;}
    .brands_top .ico_box .ico_light2{top:240px;left:25.21%;width:16px;height:22px;}
    .brands_top .ico_box .ico_sns{display:block;top:325px;right:5.07%;width:187px;height:109px;background:url(../images/brands/ico_brand_sns.svg)no-repeat 0 0 / 100% 100%;animation:moving 3s infinite;-webkit-animation:moving 3s infinite;}
    .brands_top .ico_box .ico_heart3{display:none;}

    .ottogi_sns .other_cont .tit_wrap .tit {padding-top:80px;font-size:26px;line-height:38px;background-size:80px 80px}

    .brands_ottogi {padding-top:150px}
    .brands_ottogi h2.tit {font-size:40px;line-height:56px;letter-spacing:-.8px;text-align:center;}
    .brands_ottogi .swiper-container {overflow:visible;padding:100px 0 0;margin:0}
    .brands_ottogi .swiper-container .swiper-wrapper {flex-wrap:wrap;justify-content:space-between;gap:100px 30px}
    .brands_ottogi .swiper-slide {display:flex;align-items:center;gap:50px;width:calc(50% - 30px);}
    .brands_ottogi .swiper-slide .thumb {flex:none;width:45.55%;height:45.55%;padding-top:45.55%}
    .brands_ottogi .swiper-slide .con_box {padding-top:0;text-align:left;}
    .brands_ottogi .swiper-slide .con_box .tit {font-size:28px;line-height:38px}
    .brands_ottogi .swiper-slide .con_box .desc {margin-top:5px;font-size:15px;line-height:23px;}
    .brands_ottogi .swiper-slide .con_box .btn_type_s {margin-top:20px}
    .brands_ottogi .swiper-container .controls {display:none}

    /* 브랜드경험_공식캐릭터 */
    .brands_character_top{padding:180px 0 96px;}
    .brands_character_top .inner{display:flex;align-items:center;justify-content:center;text-align:left;}
    .brands_character_top .insta_link{flex:1;max-width:800px;margin-top:0;}
    .brands_character_top a{padding-top:0;}
    .brands_character_top .sub_tit{padding-bottom:10px;font-size:26px;line-height:38px;letter-spacing:0;}
    .brands_character_top .tit{font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .brands_character_top .yellows{width:300px;height:75px;margin:30px 0 0 8px;}
    .brands_character_top .txt{margin-top:0;margin-left:30px;padding-top:111px;font-size:18px;line-height:26px;}
    .brands_character_top .txt::before{left:-20px;top:65px;width:40px;height:36.94px;}
    .brands_character_top .txt::after{right:-55px;bottom:-19px;width:40px;height:36.94px;}
    .brands_character_top .txt .br{width:auto;}
    .brands_character_top a .click{top:27%;right:72%;width:107px;height:58.09px;}

    .character_intro{padding-top:150px;}
    .character_info .inner > li{display:flex;flex-direction:unset;align-items:end;max-width:unset;margin-top:125px;padding:0;}
    .character_intro .tit_wrap{display:block;width:900px;margin:0 auto;}
    .character_intro .tit{font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.44px;}
    .character_intro .tit em{display:inline-block;margin-bottom:30px;}
    .character_intro .tit .Yellows{width:240px;height:56px;vertical-align:middle;}
    .character_intro .img_wrap{max-width:900px;margin:0 auto;}
    .character_intro img{padding-top:42px;}
    .character_info .ico{display:block;position:absolute;}
    .character_info .ico.type_mo{display:none;}
    .character_intro .ic1{top:0;left:0;width:120px;height:102.84px;}
    .character_intro .ic2{top:95px;right:65px;width:94px;height:156px;}
    .character_intro .ic3{left:-14px;bottom:-78px;width:105.62px;height:110px;transform:rotate(0);}
    .character_intro .ic4{right:-5px;bottom:-99px;width:217.14px;height:150px;}

    .character_info{padding-top:189px;}
    .character_info li{justify-content:center;position:relative;margin-top:17.635%;padding:0 32px;}
    .character_info .mayo{justify-content:center;}
    .character_info .text_wrap{padding-top:0;text-align:left;}

    .character_info .inner li.ttogi{max-width:1162px;margin-top:0;}
    .character_info .img_area{display:block;width:unset;margin:0;padding:0;}
    .character_info .ttogi .img_area{margin-right:7%;}
    .character_info .mayo .img_area{margin-left:7%;padding:0;}
    .character_info .chabi .img_area{margin-right:7%;padding:0;}
    .character_info .ttogi .img_wrap{width:232px;margin-right:0;}
    .character_info .mayo .img_wrap{width:200px;margin-left:0;}
    .character_info .chabi .img_wrap{width:140px;margin-right:0;}
    .character_info .img_area .name{display:none;}
    .character_info .type_pc{display:inline-block;}
    .character_info .ttogi .name{width:251px;height:127px;margin-bottom:0;padding-top:0;}
    .character_info .mayo .name{width:248px;height:127px;margin-bottom:0;padding-top:0;}
    .character_info .chabi .name{width:255px;height:127px;margin-bottom:0;padding-top:0;}
    .character_info .mayo .text_wrap{margin-right:1.765%;}
    .character_info .text_wrap{font-size:0;}
    .character_info .text_wrap .info{font-size:40px;line-height:56px;letter-spacing:-0.8px;text-align:left;}
    .character_info .text_wrap .motive{font-size:26px;font-weight:300;line-height:38px;}
    .character_info .text_wrap .txt{padding:30px 0 0;font-size:18px;line-height:26px;}
    .character_info .text_wrap .txt .br_pc{display:block;}
    .character_info .text_wrap .txt .br{display:inline;}

    .character_info .ico_float{position:absolute;bottom:0;}
    .character_info .ttogi .ico_float{bottom:55%;right:47px;width:68.89px;height:57.46px;background:url(../images/brands/pink_heart.svg)no-repeat 0 0 / 100% 100%;animation:scaleHeart 2s infinite;-webkit-animation:scaleHeart 2s infinite;}
    .character_info .mayo .ico_float{bottom:-117px;left:0;width:68.89px;height:57.46px;background:url(../images/brands/green_heart.svg)no-repeat 0 0 / 100% 100%;animation:scaleHeart 2s infinite;-webkit-animation:scaleHeart 2s infinite;}
    .character_info .chabi .ico_float{bottom:-79px;right:20px;width:68.89px;height:57.46px;background:url(../images/brands/yellow_heart.svg)no-repeat 0 0 / 100% 100%;animation:scaleHeart 2s infinite;-webkit-animation:scaleHeart 2s infinite;}
    @keyframes scaleHeart {
        0% {transform:scale(1.1);-webkit-transform:scale(1.1);} 
        50% {transform:scale(0.8);-webkit-transform:scale(0.8);}
        100% {transform:scale(1.1);-webkit-transform:scale(1.1);}
    }
    @-webkit-keyframes scaleHeart {
        0% {transform:scale(1.1);-webkit-transform:scale(1.1);} 
        50% {transform:scale(0.8);-webkit-transform:scale(0.8);}
        100% {transform:scale(1.1);-webkit-transform:scale(1.1);}
    }

    .brands_follow_area{margin-top:150px;}
    .follow_arrow_wrap{padding-left:100px;}
    .follow_arrow_wrap > a{position:relative;margin-left:-100px;padding:70px 35% 50px 100px;outline-offset:-3px;}
    .follow_arrow_wrap > a .txt_wrap{overflow:hidden;text-align:left;}
    .follow_arrow_wrap > a .logo{position:absolute;bottom:0;right:100px;margin:0}
    .brands_follow_area .follow_arrow_wrap > a{padding:70px 35% 0 100px;}
    .brands_follow_area .follow_arrow_wrap > a .logo{max-width:200px;width:177px;height:185px;margin:0;}
    .follow_arrow_wrap > a .tit{font-size:44px;line-height:59px;letter-spacing:-1.32px;}
    .follow_arrow_wrap > a .tit i{width:60px;height:50px;}
    .follow_arrow_wrap > a .txt{padding-top:20px;font-size:26px;line-height:38px;}
    .follow_arrow_wrap > a .txt_wrap .txt span{padding-left:55px;}
    .follow_arrow_wrap > a .txt_wrap .txt span::before{width:40px;height:40px;background-size:40px;}
    .follow_arrow_wrap > a .arrow_wrap{position:relative;max-width:1150px;margin-top:10px;}
    .follow_arrow_wrap > a .arrow_wrap .arrow{-webkit-animation:arrow;animation:arrow;position:relative;right:100%;height:45px; background:url(../images/brands/follow_arrow.svg)no-repeat 100% 0 / cover;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;}
    .follow_arrow_wrap.play > a .arrow_wrap .arrow{right:0;}
    @-webkit-keyframes arrow{
        0%{right:50%;}
        100%{right:0;}
    }
    @keyframes arrow{
        0%{right:50%;}
        100%{right:0;}
    }
    .brands_follow_area .follow_arrow_wrap > a .arrow_wrap .ico{position:absolute;bottom:60px;right:70px;width:100px;height:100px;background:url(../images/brands/ico_arrow_chabi.svg)no-repeat 0 0 / 100% 100%;opacity:0;}
    .brands_follow_area .follow_arrow_wrap.play > a .arrow_wrap .ico{-webkit-animation:icoPlay1 0.8s 0.5s ease-out forwards;animation:icoPlay1 0.8s 0.5s ease-out forwards;}
    @-webkit-keyframes icoPlay1{
        0%{transform:translateY(0%);opacity:0;}
        80%{opacity:1;}
        100%{transform:translateY(40%);opacity:1;}
    }
    @keyframes icoPlay1{
        0%{transform:translateY(0%);opacity:0;}
        80%{opacity:1;}
        100%{transform:translateY(40%);opacity:1;}
    }
    .brands_follow_area .follow_arrow_wrap > .ic{position:absolute;right:5%;bottom:20px;width:100px;height:100px;background:url(../images/brands/follow_ic_chabi.svg)no-repeat 0 0 / 100% 100%;}
    .follow_arrow_wrap > a .desc{padding-top:15px;font-size:24px;font-weight:300;line-height:34px;text-align:left;}
    .brands_follow_area .channel_name{font-size:18px;line-height:26px;}
    .brands_follow_area .txt_box{padding-top:22px;}
    .brands_follow_area .txt_box .tit{min-height:56px;font-size:20px;font-weight:500;line-height:28px;}

    .brands_follow_area .slider{overflow:unset;padding:0;margin:unset;margin-left:-30px;margin-right:-20px;padding:0 100px 0 0;}
    .brands_follow_area .swiper-slide{width:calc(33.33% - 29.95px);margin-left:30px;margin-top:40px;padding-bottom:0;border-radius:24px;}
    .brands_follow_area .swiper-slide a{padding:30px;}
    .brands_follow_area .txt_box .update{padding-top:15px;font-size:16px;font-weight:500;line-height:24px;}
    .brands_follow_area .controls{display:none;}

    .digital_goods.content_full .inner{padding:0 100px}
    .digital_goods .tit{text-align:center;font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;}
    .digital_goods .slider{overflow:unset;padding:0;margin-left:-20px;padding-right:20px;}
    .digital_goods .swiper-wrapper{flex-wrap:wrap;}
    .digital_goods .swiper-slide{width:calc(33.33% - 20px);margin-left:20px;margin-top:50px;}
    .digital_goods .img_box{border-radius:20px;}
    .digital_goods .txt_box{padding-top:20px;}
    .digital_goods .txt_box .tit{text-align:left;font-size:20px;font-weight:500;line-height:38px;letter-spacing:unset;}
    .digital_goods .txt_box .hashtag{align-items:center;}
    .digital_goods .txt_box .hashtag span{font-size:13px;font-weight:300;line-height:28px;}
    .digital_goods .controls{display:none;}
    .digital_goods .btn_digital_more{width:389px;margin-top:80px;}

    .product_goods{padding-top:150px;}
    .product_goods.content_full .inner{padding:0 100px}
    .product_goods .tit{text-align:center;font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;}
    .product_goods .slider{overflow:unset;padding:0;margin-left:-20px;padding-right:20px;}
    .product_goods .swiper-wrapper{flex-wrap:wrap;}
    .product_goods .swiper-slide{width:calc(33.33% - 20px);margin-left:20px;margin-top:50px;}
    .product_goods .img_box{border-radius:20px;}
    .product_goods .txt_box{padding-top:20px;}
    .product_goods .txt_box .tit{text-align:left;font-size:26px;font-weight:500;line-height:38px;letter-spacing:unset;}
    .product_goods .controls{display:none;}

    /* 브랜드경험_오키친스튜디오 */
    .okitchen_visual{min-height:890px;}
    .okitchen_visual .top_wrap .desc{padding:0;}
    .okitchen_visual .visual_img_wrap{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/brands/okitchen_visual_pc.jpg)no-repeat 60% 0/cover;}
    .okitchen_visual .visual_con_wrap .inner{max-width:1047px;margin:0 auto;padding:0 30px;box-sizing:content-box;}
    .okitchen_visual .bot_wrap{display:flex;align-items:flex-start;gap:40px;position:unset;padding-top:130px;transition:all 0.2s ease-out;}
    .okitchen_visual .bot_wrap .logo{flex-shrink:0;width:47.8%;max-width:500px;}
    .okitchen_visual .bot_wrap .txt_box{padding-top:47px;text-align:left;}
    .okitchen_visual .bot_wrap .txt_box .tit{font-size:34px;font-weight:500;line-height:46px;letter-spacing:1.6px;}
    .okitchen_visual .bot_wrap .txt_box .txt{padding-top:20px;font-size:18px;line-height:26px;}

    .okitchen_spatial{padding:150px 0;}
    .okitchen_spatial .info_slide_wrap .tit_wrap{padding-bottom:30px;}
    .okitchen_spatial .info_slide_wrap .tab_scroll{padding-bottom:68px;}
    .okitchen_spatial .info_slide_wrap .tab_scroll .swiper-wrapper{justify-content:center;}
    .okitchen_spatial .info_slide_wrap .tab_cont_wrap .tab_cont {position:relative}
    .okitchen_spatial .info_slide_wrap .tab_cont_wrap .tab_cont .img_box {padding-top:calc(550 / 1180 * 100%);border-radius:100px;}
    .okitchen_spatial .info_slide_wrap .tab_cont_wrap .tab_cont.swiper-container{margin-right:0;}
    .okitchen_spatial .info_slide_wrap .tab_cont_wrap .tab_cont.swiper-container .img_box {padding-top:calc(550 / 1180 * 100%);}
    .okitchen_spatial .info_slide_wrap .tab_cont_wrap .tab_cont .txt_box {padding-top:30px}
    .okitchen_spatial .info_slide_wrap .tab_cont_wrap .tab_cont .txt_box .txt {font-size:26px;font-weight:300;line-height:38px;}
    .okitchen_spatial .info_slide_wrap .tab_cont_wrap .controls {display:flex;gap:10px;position:absolute;bottom:90px;left:50%;z-index:1;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
    .okitchen_spatial .info_slide_wrap .tab_cont_wrap .controls .swiper-button-prev.type2 {position:relative}
    .okitchen_spatial .info_slide_wrap .tab_cont_wrap .controls .swiper-button-next.type2 {position:relative}
    .okitchen_spatial .info_slide_wrap .tab_cont_wrap .slide2 .controls {display:none}
    .okitchen_spatial .info_slide_wrap .tab_cont_wrap .slide3 .controls {display:none}

    .okitchen_cooking .tit_wrap{margin:0 30px;padding-bottom:50px;}
    .okitchen_cooking .tit_wrap .tit_main{font-size:40px;line-height:56px;letter-spacing:-0.8px;text-align:center;}
    .okitchen_cooking .marquee{overflow:hidden;}
    .okitchen_cooking .marquee .marquee_content{display:flex;gap:60px;margin:0 30px;}
    .okitchen_cooking .marquee .marquee_content .img_box .thumb{overflow:hidden;}
    .okitchen_cooking .marquee .marquee_content .txt_box{padding-top:30px;}
    .okitchen_cooking .marquee .marquee_content .txt_box .tit{font-size:34px;line-height:46px;}
    .okitchen_cooking .marquee .marquee_content .txt_box .tit span{display:inline-block;padding-bottom:4px;font-size:16px;font-weight:300;color:#123E8C;line-height:28px;}
    .okitchen_cooking .marquee .marquee_content .txt_box .tit em{font-weight:500;}
    .okitchen_cooking .marquee .marquee_content .txt_box .txt{padding-top:20px;font-size:20px;font-weight:300;line-height:28px;}
    .okitchen_cooking .marquee .marquee_content .list1{margin-top:18px;}
    .okitchen_cooking .marquee .marquee_content .list1 .img_box .thumb{width:300px;height:300px;}
    .okitchen_cooking .marquee .marquee_content .list1 .txt_box{width:297px;}
    .okitchen_cooking .marquee .marquee_content .list2{margin-top:155px;}
    .okitchen_cooking .marquee .marquee_content .list2 .img_box .thumb{width:300px;height:300px;}
    .okitchen_cooking .marquee .marquee_content .list2 .txt_box{width:289px;}
    .okitchen_cooking .marquee .marquee_content .list3 .img_box .thumb{width:309px;height:355px;}
    .okitchen_cooking .marquee .marquee_content .list3 .txt_box{width:302px;}
    .okitchen_cooking .marquee .marquee_content .list4 {margin-top:92px;}
    .okitchen_cooking .marquee .marquee_content .list4 .img_box .thumb{width:280px;height:300px;}
    .okitchen_cooking .marquee .marquee_content .list4 .txt_box{width:339px;}
    .okitchen_cooking .marquee .marquee_content .list4 .txt_box .br{display:inline-block;width:100%;}
    .okitchen_cooking .marquee .marquee_content .list5 .img_box .thumb{width:350px;height:280px;}
    .okitchen_cooking .marquee .marquee_content .list5 .txt_box{width:307px;}

    .okitchen_sns .follow_arrow_wrap > a{padding:70px 35% 0 100px;}
    .okitchen_sns .follow_arrow_wrap > a .tit .br{width:auto;}
    .okitchen_sns .follow_arrow_wrap > a .tit .br.type2{width:100%;}
    .okitchen_sns .follow_arrow_wrap > a .logo{bottom:43px;max-width:230px;width:10.42%;}
    .okitchen_sns .follow_arrow_wrap > a .desc{transition:all 0.2s ease-in;}
    .okitchen_sns .follow_arrow_wrap > a .arrow_wrap{position:relative;}
    .okitchen_sns .follow_arrow_wrap > a .arrow_wrap::before{background:#DC2F34;}
    .okitchen_sns .follow_arrow_wrap > a .arrow_wrap .arrow{background:url(../images/brands/follow_arrow_white.svg)no-repeat 100% 0 / cover;}
    .okitchen_sns .follow_arrow_wrap > a .arrow_wrap .ic_box{display:flex;align-items:flex-start;justify-content:center;gap:15px;position:absolute;bottom:45px;right:60px;}
    .okitchen_sns .follow_arrow_wrap > a .arrow_wrap .ic{opacity:0;}
    .okitchen_sns .follow_arrow_wrap > a .arrow_wrap .ic1{width:28px;height:86px;background:url(../images/brands/ico_okitchen1.svg)no-repeat 0 0/28px 86px;}
    .okitchen_sns .follow_arrow_wrap > a .arrow_wrap .ic2{width:32px;height:87px;margin-top:25px;background:url(../images/brands/ico_okitchen2.svg)no-repeat 0 0/32px 87px;}
    .okitchen_sns .follow_arrow_wrap > a .arrow_wrap .ic3{width:30px;height:84px;background:url(../images/brands/ico_okitchen3.svg)no-repeat 0 0/30px 84px;}

    .okitchen_sns .follow_arrow_wrap.play > a .arrow_wrap .ic1{-webkit-animation:okitchenPlay1 0.8s 1s ease-out forwards;animation:okitchenPlay1 0.8s 1s ease-out forwards;}
    @-webkit-keyframes okitchenPlay1{
        0%{transform:translateY(40%);opacity:0;}
        80%{opacity:1;}
        100%{transform:translateY(0%);opacity:1;}
    }
    @keyframes okitchenPlay1{
        0%{transform:translateY(40%);opacity:0;}
        80%{opacity:1;}
        100%{transform:translateY(0%);opacity:1;}
    }
    .okitchen_sns .follow_arrow_wrap.play > a .arrow_wrap .ic2{-webkit-animation:okitchenPlay2 0.8s 1s ease-out forwards;animation:okitchenPlay2 0.8s 1.2s ease-out forwards;}
    @-webkit-keyframes okitchenPlay2{
        0%{transform:translateY(40%);opacity:0;}
        80%{opacity:1;}
        100%{transform:translateY(0%);opacity:1;}
    }
    @keyframes okitchenPlay2{
        0%{transform:translateY(40%);opacity:0;}
        80%{opacity:1;}
        100%{transform:translateY(0%);opacity:1;}
    }
    .okitchen_sns .follow_arrow_wrap.play > a .arrow_wrap .ic3{-webkit-animation:okitchenPlay3 0.8s 1s ease-out forwards;animation:okitchenPlay3 0.8s 1.4s ease-out forwards;}
    @-webkit-keyframes okitchenPlay3{
        0%{transform:translateY(40%);opacity:0;}
        80%{opacity:1;}
        100%{transform:translateY(0%);opacity:1;}
    }
    @keyframes okitchenPlay3{
        0%{transform:translateY(40%);opacity:0;}
        80%{opacity:1;}
        100%{transform:translateY(0%);opacity:1;}
    }

    .okitchen_sns .insta_post_wrap{margin-right:-20px;padding-right:100px;}
    .okitchen_sns .insta_post_wrap .list {gap:30px;}
    .okitchen_sns .insta_post_wrap .list li {width:calc(33.33% - 20px);}
    .okitchen_sns .insta_post_wrap .list li a {height:100%;padding:30px;border-radius:24px;}
    .okitchen_sns .insta_post_wrap .list li .sns_id {padding-left:40px;font-size:18px;line-height:26px;}
    .okitchen_sns .insta_post_wrap .list li .sns_id::before {width:30px;height:30px;margin-top:-15px;}
    .okitchen_sns .insta_post_wrap .list li .img_box {padding-top:calc(400 / 400 * 100%);border-radius:10px;}
    .okitchen_sns .insta_post_wrap .list li a:hover .img_box img {transform:scale(1.2);transition:all .6s}
    .okitchen_sns .insta_post_wrap .list li .img_box img {transition:all .6s}
    .okitchen_sns .insta_post_wrap .list li .txt_box {margin:0 5px;padding-top:22px}
    .okitchen_sns .insta_post_wrap .list li .tit {min-height:56px;font-size:20px;line-height:28px;}
    .okitchen_sns .insta_post_wrap .list li .update {font-size:16px;line-height:24px}

    .okitchen_banner{height:800px;}
    .okitchen_banner .banner_con_wrap .txt_box{padding-top:150px;}
    /* .okitchen_banner .banner_con_wrap .txt_box .tit{width:544px;height:90px;background:url(../images/brands/tit_oKitchen_recipe_pc.svg)no-repeat 0 0/544px 90px;} */
    .okitchen_banner .banner_con_wrap .txt_box .tit {font-size:64px;line-height:90px;letter-spacing:-1.92px;}
    .okitchen_banner .banner_con_wrap .txt_box .tit .br {display:inline}
    .okitchen_banner .banner_con_wrap .txt_box .txt{padding-top:20px;font-size:24px;line-height:34px;}
    .okitchen_banner .banner_con_wrap .txt_box .txt .br_mo{display:inline;}
    .okitchen_banner .banner_con_wrap .txt_box .txt .br_pc{display:inline-block;width:100%;}
    .okitchen_banner .banner_con_wrap .btn_box{position:unset;padding-top:50px;text-align:left;}

    .okitchen_location_guide{margin-right:75px;border-radius:0 500px 500px 0;}
    .okitchen_location_guide .inner{padding:35px 100px;}
    .okitchen_location_guide .location_con_wrap{position:relative;}
    .okitchen_location_guide .location_con_wrap::before{content:'';position:absolute;top:50%;right:0;width:244px;height:156px;margin-top:-78px;background:url(../images/brands/ico_okitchen_location.svg)no-repeat 50% 50%/100% 100%;}
    .okitchen_location_guide .tit{position:static;font-size:34px;line-height:46px;}
    .okitchen_location_guide .address_area{margin:10px 0 0 0;padding-top:0;background:none;}
    .okitchen_location_guide .address_area .address{font-size:18px;line-height:26px;text-align:left;}
    .okitchen_location_guide .address_area .btn_box{padding-top:30px;text-align:left;}

    /* 브랜드경험_롤리폴리 */
    .rolypoly_visual{min-height:890px;}
    .rolypoly_visual .visual_img_wrap {background:url(../images/brands/rolypoly_visual.jpg) no-repeat 0 0 / cover}
    .rolypoly_visual .txt_wrap{right:30px;bottom:100px;left:30px;}
    .rolypoly_visual .txt_wrap .logo {height:276px}
    .rolypoly_visual .txt_wrap .txt{padding-top:30px;font-size:19px;line-height:26px;}
    .rolypoly_visual .txt_wrap .txt .br {display:inline;}
    .rolypoly_visual .txt_wrap .txt .br.fst {display:block}

    .rolypoly_cont .cont_wrap ul li {display:flex;gap:80px;align-items:center;transition:all .3s}
    .rolypoly_cont .cont_wrap ul li .img_box {flex:1}
    .rolypoly_cont .cont_wrap ul li .img_box .img_pc {display:block}
    .rolypoly_cont .cont_wrap ul li .img_box .img_mo {display:none}
    .rolypoly_cont .cont_wrap ul li .txt_box {flex:none;padding-top:0}
    .rolypoly_cont .cont_wrap ul li .txt_box .tit {font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .rolypoly_cont .cont_wrap ul li .txt_box .desc {max-width:unset;padding-top:20px;font-size:18px;line-height:30px;}
    .rolypoly_cont .cont_wrap ul li .txt_box .desc .br {display:block;}
    .rolypoly_cont .cont_wrap ul li.list1 .img_box {padding-right:0}
    .rolypoly_cont .cont_wrap ul li.list2 {flex-direction:row-reverse;}
    .rolypoly_cont .cont_wrap ul li.list2 .txt_box {text-align:left;}
    .rolypoly_cont .cont_wrap ul li.list2 .txt_box .desc {margin-left:0}
    .rolypoly_cont .cont_wrap ul li.list3 .img_box {padding-right:0}
    .rolypoly_cont .cont_wrap ul li.list4 {flex-direction:row-reverse;padding-top:150px}
    .rolypoly_cont .cont_wrap ul li.list4 .txt_box {text-align:left;}
    .rolypoly_cont .cont_wrap ul li.list4 .txt_box .desc {margin-left:0}
    .rolypoly_cont .cont_wrap ul li.list5 .img_box {padding-right:0}

    .rolypoly_banner {height:1020px;padding:200px;background:url(../images/brands/rolypoly_banner_pc.jpg) no-repeat 50% 50% / cover}
    .rolypoly_banner .logo {height:185px}
    .rolypoly_banner .txt {padding-top:60px;font-size:23px;line-height:34px;}
    .rolypoly_banner .txt .br {display:inline;}

    .rolypoly_location {margin-right:75px;border-radius:0 500px 500px 0;text-align:left;}
    .rolypoly_location .inner {padding:35px 100px}
    .rolypoly_location .inner .tit {position:static}
    .rolypoly_location .inner .con {position:unset;max-width:unset;margin:0;}
    .rolypoly_location .inner .con::before {position:absolute;top:50%;right:100px;width:298px;height:138px;margin-top:-69px}
    .rolypoly_location .inner .con .addr {margin-top:10px}
    .rolypoly_location .inner .con .addr .txt_s {display:inline;font-size:14px}
    .rolypoly_location .inner .con .btn_type_s {margin-top:20px}

    .rolypoly_follow {position:relative;margin-top:0;}
    .rolypoly_follow .btn_link {padding:83px 49.68% 99px 100px;text-align:left;}
    .rolypoly_follow .txt_wrap {overflow:hidden;}
    .rolypoly_follow .tit {color:#503528}
    .rolypoly_follow .txt {color:#503528}
    .rolypoly_follow .arrow_wrap {margin-top:20px;}
    .rolypoly_follow .arrow_wrap .arrow {display:block;position:relative;right:100%;height:24px;background:url(../images/brands/rolypoly_follow_arw.svg) no-repeat 0 0 / 100% 100%;animation:arrow;-webkit-animation:arrow;transition:all 1s ease-out;-webkit-transition:all 1s ease-out}
    .rolypoly_follow.play .txt_wrap .arrow_wrap .arrow {right:0}
    .rolypoly_follow .logo {position:absolute;top:50%;right:100px;width:31.45%;margin:0;background:url(../images/brands/rolypoly_follow_logo_pc.svg) no-repeat 0 0 / 100% 100%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
    .rolypoly_follow .desc {margin-top:13px}
    .rolypoly_follow .desc .br {display:inline}
    .rolypoly_follow .desc .br.fst {display:block}

    /* 브랜드경험_푸드트럭 */    
    .food_truck_visual{min-height:890px;}
    .food_truck_visual .txt_wrap{right:30px;bottom:166px;left:30px;}
    .food_truck_visual .txt_wrap .tit_sub{font-size:40px;line-height:56px;letter-spacing:-0.8px;}
    .food_truck_visual .txt_wrap .tit_main{margin-right:-27px;padding-top:16px;font-size:80px;line-height:107px;letter-spacing:28px;}
    .food_truck_visual .txt_wrap .tit_main .br{width:auto;}
    .food_truck_visual .txt_wrap .txt{padding-top:30px;font-size:32px;line-height:46px;letter-spacing:-0.64px;}

    .food_truck_introduction{padding:150px 0 80px;}
    .food_truck_introduction .slogan_wrap .txt{font-size:48px;line-height:64px;letter-spacing:-0.48px;}
    .food_truck_introduction .slogan_wrap .txt .br{width:auto;}
    .food_truck_introduction .slogan_wrap .top_box{align-items:center;flex-direction:row;gap:50px;transition:all 0.2s ease-out;}
    .food_truck_introduction .slogan_wrap .top_box .ico_list{gap:40px;}
    .food_truck_introduction .slogan_wrap .top_box .ico_list .ico1{width:100px;height:133px;background-size:100px 133px;}
    .food_truck_introduction .slogan_wrap .top_box .ico_list .ico2{width:91px;height:79px;background-size:91px 79px;}
    .food_truck_introduction .slogan_wrap .top_box .ico_list .ico3{width:65px;height:134px;background-size:65px 134px;}
    .food_truck_introduction .slogan_wrap .bot_box{justify-content:flex-end;align-items:center;flex-direction:row;gap:50px;transition:all 0.2s ease-out;}
    .food_truck_introduction .slogan_wrap .bot_box .ico_list{gap:40px;}
    .food_truck_introduction .slogan_wrap .bot_box .ico_list .ico1{width:103px;height:136px;background-size:103px 136px;}
    .food_truck_introduction .slogan_wrap .bot_box .ico_list .ico2{width:78px;height:83px;background-size:78px 83px;}
    .food_truck_introduction .slogan_wrap .bot_box .ico_list .ico3{width:65px;height:135px;background-size:65px 135px;}

    .food_truck_introduction .truck_introduction_wrap{padding-top:100px;}
    .food_truck_introduction .truck_introduction_wrap .truck_area{display:flex;justify-content:center;gap:137px;padding:0 110px;}
    .food_truck_introduction .truck_introduction_wrap .truck_img{flex:1;max-width:836px;}
    .food_truck_introduction .truck_introduction_wrap .truck_info{justify-content:flex-end;flex-direction:column;gap:11%;width:20.25%;margin:0;padding:0;transition:all 0.2s ease-out;}
    .food_truck_introduction .truck_introduction_wrap .truck_info li{width:100%;}
    .food_truck_introduction .truck_introduction_wrap .truck_info .img_box{width:78.935%;margin:0 auto;}
    .food_truck_introduction .truck_introduction_wrap .truck_info .txt_box{position:relative;padding-bottom:56px;}
    .food_truck_introduction .truck_introduction_wrap .truck_info .txt_box .txt{position:absolute;bottom:0;left:50%;padding-top:0;font-size:24px;line-height:34px;transform:translateX(-50%);white-space:nowrap;}
    .food_truck_introduction .truck_introduction_wrap .truck_info .txt_box .txt .br{width:auto;}
    .food_truck_introduction .truck_introduction_wrap .truck_info .color .txt_box{margin-top:-13%;padding-bottom:54px;}

    .food_truck_introduction .truck_introduction_wrap .truck_img .arw_character{top:33%;left:53%;width:63.28%;}
    .food_truck_introduction .truck_introduction_wrap .truck_img .arw_character .arw_box{padding-top:calc(106/529 * 100%);}
    .food_truck_introduction .truck_introduction_wrap .truck_img .arw_character .ico{background:url(../images/brands/ico_truck_arw_m_pc.svg)no-repeat 0 0/contain;}
    .food_truck_introduction .truck_introduction_wrap .truck_img .arw_color{top:75%;right:auto;left:88%;width:25.72%;}
    .food_truck_introduction .truck_introduction_wrap .truck_img .arw_color .arw_box{padding-top:calc(45/215 * 100%);}
    .food_truck_introduction .truck_introduction_wrap .truck_img .arw_color .ico{background:url(../images/brands/ico_truck_arw_s_pc.svg)no-repeat 0 0/contain;}

    .food_truck_story{padding:150px 0;}
    .food_truck_story .tit_wrap .lt_wrap{width:194px;height:210px;}
    .food_truck_story .tit_wrap .tit{font-size:40px;line-height:56px;letter-spacing:-0.8px;}
    .food_truck_story .tit_wrap .desc{padding-top:20px;font-size:18px;line-height:26px;}
    .food_truck_story .tit_wrap .desc .br{width:auto;}
    .food_truck_story .link_wrap{padding-top:50px;}
    .food_truck_story .link_wrap a{width:auto;}
    .food_truck_story .date_wrap .date span{width:auto;padding-left:14px;font-size:18px;line-height:26px;}
    .food_truck_story .date_wrap .txt{padding-top:4px;font-size:16px;line-height:24px;}

    .food_truck_sns .follow_arrow_wrap > a .txt_wrap{position:relative;}
    .food_truck_sns .follow_arrow_wrap > a .desc .br{width:auto;}
    .food_truck_sns .follow_arrow_wrap > a .arrow_wrap{position:relative;}
    .food_truck_sns .follow_arrow_wrap > a .arrow_wrap::before{background:#FFED00;}
    .food_truck_sns .follow_arrow_wrap > a .arrow_wrap .ic_box{display:flex;align-items:flex-end;justify-content:center;gap:25px;position:absolute;top:-95px;right:50px;}
    .food_truck_sns .follow_arrow_wrap > a .arrow_wrap .ic{opacity:0;}
    .food_truck_sns .follow_arrow_wrap > a .arrow_wrap .ic1{width:42px;height:89px;background-size:42px 89px;}
    .food_truck_sns .follow_arrow_wrap > a .arrow_wrap .ic2{width:62px;height:54px;background-size:62px 54px;}
    .food_truck_sns .follow_arrow_wrap > a .arrow_wrap .ic3{width:64px;height:80px;background-size:64px 80px;}
    .food_truck_sns .follow_arrow_wrap > a .logo{bottom:calc(43px + 3%);max-width:200px;width:10.42%;}
    .food_truck_sns .follow_arrow_wrap > a .logo img{height:100%;}

    .food_truck_sns .follow_arrow_wrap.play > a .arrow_wrap .ic1{-webkit-animation:icPlay1 0.8s 1s ease-out forwards;animation:icPlay1 0.8s 1s ease-out forwards;}
    @-webkit-keyframes icPlay1{
        0%{transform:translateY(40%);opacity:0;}
        80%{opacity:1;}
        100%{transform:translateY(0%);opacity:1;}
    }
    @keyframes icPlay1{
        0%{transform:translateY(40%);opacity:0;}
        80%{opacity:1;}
        100%{transform:translateY(0%);opacity:1;}
    }
    .food_truck_sns .follow_arrow_wrap.play > a .arrow_wrap .ic2{-webkit-animation:icPlay2 0.8s 1s ease-out forwards;animation:icPlay2 0.8s 1.2s ease-out forwards;}
    @-webkit-keyframes icPlay2{
        0%{transform:translateY(40%);opacity:0;}
        80%{opacity:1;}
        100%{transform:translateY(0%);opacity:1;}
    }
    @keyframes icPlay2{
        0%{transform:translateY(40%);opacity:0;}
        80%{opacity:1;}
        100%{transform:translateY(0%);opacity:1;}
    }
    .food_truck_sns .follow_arrow_wrap.play > a .arrow_wrap .ic3{-webkit-animation:icPlay3 0.8s 1s ease-out forwards;animation:icPlay3 0.8s 1.4s ease-out forwards;}
    @-webkit-keyframes icPlay3{
        0%{transform:translateY(40%);opacity:0;}
        80%{opacity:1;}
        100%{transform:translateY(0%);opacity:1;}
    }
    @keyframes icPlay3{
        0%{transform:translateY(40%);opacity:0;}
        80%{opacity:1;}
        100%{transform:translateY(0%);opacity:1;}
    }

    .food_truck_info{padding-top:144px;}
    .food_truck_info .info_slide_wrap li{margin-right:0;padding-top:150px;}
    .food_truck_info .info_slide_wrap .sketch_area{max-width:1180px;margin:0 auto;}
    .food_truck_info .info_slide_wrap .sketch_area .slider{position:relative;}
    .food_truck_info .info_slide_wrap .sketch_area .controls{display:flex;position:absolute;bottom:88px;left:50%;z-index:1;transform:translateX(-50%);}
    .food_truck_info .info_slide_wrap .sketch_area .controls .swiper-button-prev{position:relative;}
    .food_truck_info .info_slide_wrap .sketch_area .controls .swiper-button-next{position:relative;}

    .info_slide_wrap .tit_wrap{padding-bottom:50px;text-align:center;}
    .info_slide_wrap .tit_main{font-size:40px;line-height:56px;letter-spacing:-0.8px;}
    .info_slide_wrap .column_slide .slider .swiper-wrapper{flex-wrap:wrap;gap:30px;}
    .info_slide_wrap .column_slide .slider .swiper-slide{width:calc(33.333% - 20px);}
    .info_slide_wrap .column_slide .slider .img_box{padding-top:calc(400 / 460 * 100%);border-radius:30px;}
    .info_slide_wrap .column_slide .slider .controls{display:none;}
    .info_slide_wrap .row_slide .slider .img_box{padding-top:calc(550 / 1180 * 100%);border-radius:100px;}
    .info_slide_wrap .row_slide .slider .txt_box{padding-top:30px;}
    .info_slide_wrap .row_slide .slider .txt_box .txt{font-size:26px;font-weight:300;line-height:38px;}

    /* 브랜드경험_공장견학 */
    .visit_intro {margin-top:100px;margin-left:95px;background:none;clip-path:circle(0 at 50% 50%);transition:clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s,-webkit-clip-path 1.75s cubic-bezier(.445,.05,.55,.95) .25s}
    .visit_intro.active {clip-path:circle(100% at 50% 50%);}
    .visit_intro .inner {display:flex;gap:60px;align-items:center;overflow:hidden;position:relative;padding:132px 30px 90px 132px}
    .visit_intro .inner .bg_motion {position:absolute;top:0;left:0;right:0;bottom:0;border-radius:500px 0 0 500px;background:url(../images/brands/bg_visit_intro_pc.jpg) no-repeat 0 0 / cover;}

    .visit_intro .slogan {flex:none;width:330px;height:330px;opacity:0;transition:opacity .3s .65s}
    .visit_intro .slogan.active {opacity:1;}
    .visit_intro .slogan .txt {font-size:32px;font-weight:300;line-height:50px;letter-spacing:-1.44px;}
    .visit_intro .slogan .ico1 {width:50px;height:50px;}
    .visit_intro .slogan .ico2 {width:70px;height:70px;}
    .visit_intro .desc_wrap {max-width:700px}
    .visit_intro .desc {font-size:16px;line-height:26px;}

    .visit_info .tit {font-size:48px;line-height:64px;letter-spacing:-1.44px;text-align:center;}
    .visit_info ul {margin-top:50px}
    .visit_info ul li {display:flex;align-items:center;gap:60px;padding:20px 60px}
    .visit_info ul li strong {padding:11px 0 11px 75px;font-size:26px;line-height:38px;}
    .visit_info ul li p {margin-top:0;font-size:20px;line-height:28px;}
    .visit_info ul li p .br {display:inline;}
    .visit_info ul li p .noti {font-size:18px;line-height:30px;}
    .visit_info ul li strong::before {width:60px;height:60px;}
    .visit_info .txt_noti {margin-top:50px;font-size:24px;line-height:34px;text-align:center;}
    .visit_info .txt_noti .br {display:block}
    .visit_info .txt_noti .btn_apply::after {width:40px;height:40px}

    .visit_flow {overflow:hidden;position:relative;z-index:10}
    .visit_flow .inner {position:relative;padding-top:0}
    .visit_flow .tit {position:absolute;top:60px;z-index:10;padding-left:12.5%;font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .visit_flow .swiper-container {overflow:visible;padding:0 120px 0 12.5%;margin:174px 0 80px 0;box-sizing:content-box;}
    .visit_flow .swiper-container .swiper-slide {width:430px;margin-right:40px}
    .visit_flow .swiper-container .swiper-slide .img_box {margin-top:10px}
    .visit_flow .swiper-container .swiper-slide .img_box .thumb {width:100%;height:390px;border-radius:30px;}
    .visit_flow .swiper-container .swiper-slide .img_box .thumb img {width:100%;height:100%;object-fit:cover;object-position:bottom center;}
    .visit_flow .swiper-container .swiper-slide .txt {font-size:26px;line-height:38px;}
    .visit_flow .swiper-container .swiper-slide .txt .num {margin-right:10px;font-size:28px}
    /* .visit_flow .swiper-horizontal>.swiper-scrollbar {bottom:auto;top:0}
    .visit_flow .swiper-container .swiper-scrollbar-drag .lt {width:105px;height:77px;margin-top:-77px}
    .visit_flow .swiper-container .controls {display:flex;position:absolute;bottom:225px;left:75px;right:75px;height:90px;margin-top:-45px}
    .visit_flow .swiper-container .controls .swiper-button-prev.type3 {position:absolute}
    .visit_flow .swiper-container .controls .swiper-button-next.type3 {position:absolute} */

    .visit_flow .h-scroll2 .lt {width:105px;height:77px}

    .factory_visit {padding:100px 0 193px}
    .factory_visit::before {background:#FFED00 url(../images/brands/bg_visit_pc.svg) no-repeat 0 0 / cover}
    .factory_visit .inner {margin:0 auto}
    .factory_visit .tit_depth4 span {display:inline-block;}
    .factory_visit .tit_depth4 span::after {top:-8px;left:auto;right:-112px;width:84px;height:78px;}
    .factory_visit .cal_wrap {display:flex;margin-top:50px}
    .factory_visit .cal_chk {flex:none;width:56.25%;margin-top:0;padding:50px 80px;border:1px solid #FFFBCC}
    .factory_visit .cal_chk .c_header .month {font-size:34px;line-height:46px}
    .factory_visit .cal_chk .c_header button span {display:block;position:absolute;bottom:-38px;left:-8px;width:63px;font-size:20px;line-height:28px}
    
    .factory_visit .cal_chk .calendar {margin-top:80px}
    .factory_visit .cal_chk .calendar tbody tr td .date {margin-top:30px}
    .factory_visit .cal_chk .calendar tbody tr:first-child td .date {margin-top:20px}

    .factory_visit .schedule {display:flex;align-items:center;justify-content:center;flex-direction:column;flex:none;width:54.86%;margin-top:0;padding:70px 50px 50px}
    .factory_visit .schedule::before {width:161px;height:177px}
    .factory_visit .schedule .lt_wrap {width:221px;height:200px}
    .factory_visit .schedule .tit {margin-top:40px;font-size:38px;line-height:54px;letter-spacing:-.76px;}
    .factory_visit .schedule .desc {font-size:20px;line-height:28px}
    .factory_visit .schedule ul {padding:24px 80px}
    .factory_visit .schedule ul li {font-size:18px;line-height:26px}
    .factory_visit .schedule .tel {margin-top:80px;font-size:18px;font-weight:500;line-height:26px}
    .factory_visit .schedule .tel em {padding-left:40px}
    .factory_visit .schedule .tel em::before {width:30px;height:30px;margin-top:-15px;}

    .factory_visit .guide {padding:50px}
    .factory_visit .guide .tit {font-size:26px;line-height:52px}
    .factory_visit .guide .tit::before {width:52px;height:52px;margin-right:16px}
    .factory_visit .guide ul {margin-top:80px}
    .factory_visit .guide ul li {margin-top:30px;font-size:18px;line-height:26px}
    .factory_visit .lt_wrap {left:auto;right:6.8%;width:650px;height:200px;transform:none;-webkit-transform:none;}

    .visit_application_form {padding:100px 130px 50px;border-radius:30px;}
    .visit_application_form .tit_depth4 {text-align:center;}
    .visit_application_form .tbl_write {margin-top:10px}
    .visit_application_form .tbl_write colgroup .w01 {width:23%}
    .visit_application_form .agree_top_tit {margin-top:100px;font-size:16px;line-height:24px;}
    .visit_application_form .agree_top_tit + .agree_box {margin-top:20px}
    .visit_application_form .btn_wrap {margin-top:100px}

    /* 브랜드경험_공모전 */
    .essay_visual .lottie_mo{display:none;}
    .essay_visual .lottie_pc{display:block;}

    .essay_area{padding-top:38px;}
    .essay_area .essay_cont{padding-top:122px;}
    .essay_area .essay_cont li{gap:12.3%;align-items:center;flex-direction:unset;padding-top:0;}
    .essay_area .essay_cont .item2{flex-direction:unset;}
    .essay_area .essay_cont .img_wrap{flex:1;}
    .essay_area .essay_cont .item1 .img_wrap{padding:0;}
    .essay_area .essay_cont .item2 .img_wrap{padding:0;}
    .essay_area .essay_cont .item3 .img_wrap{padding:0;}
    .essay_area .essay_cont .item1 .img_box{border-radius:50px;}
    .essay_area .essay_cont .item3 .img_box{border-radius:200px;}
    .essay_area .essay_cont .txt{flex:1;padding-top:0;font-size:26px;font-weight:300;line-height:38px; /* 146.154% */}
    .essay_area .essay_cont .item1 .txt{width:327px;}
    .essay_area .essay_cont .item2 .txt{width:337px;}
    .essay_area .essay_cont .item3 .txt{width:289px;}
    .essay_area .essay_cont .btn_wrap{padding-top:140px;}
    .essay_area .essay_cont .btn_wrap a{width:225px;}

    .contest_top .tab_sticky{height:88px;}
    .oif_area .contest_visual{display:flex;justify-content:center;gap:7%;position:relative;padding:100px 20px 285px;}
    .contest_visual .txt_wrap{padding:150px 0 0;}
    .contest_visual .txt_wrap .ico1{top:45px;right:-123px;width:200px;height:148.35px;}
    .contest_visual .txt_wrap .ico2{bottom:30px;right:0;width:15px;height:15px;background:url(../images/brands/ico_oif_circle1.svg)no-repeat 0 0 / 100% 100%;}
    .contest_visual .txt_wrap .ico3{right:-85px;left:unset;top:57%;bottom:unset;width:120px;height:158px;}
    .contest_visual .txt_wrap .ico4{right:-60px;top:92px;width:15px;height:15px;background:url(../images/brands/ico_oif_circle2.svg)no-repeat 0 0 / 100% 100%;}
    .contest_visual .txt_wrap .ico5{left:170px;top:70px;width:15px;height:15px;background:url(../images/brands/ico_oif_circle2.svg)no-repeat 0 0 / 100% 100%;}
    .contest_visual .txt_wrap .ico6{top:110px;left:0;width:15px;height:15px;background:url(../images/brands/ico_oif_circle1.svg)no-repeat 0 0 / 100% 100%;}
    .contest_visual .txt_wrap .ico7{left:-100px;top:220px;width:64px;height:64px;background:url(../images/brands/ico_oif_circle1.svg)no-repeat 0 0 / 100% 100%;}
    .contest_visual .txt_wrap .ico8{left:-50px;top:460px;width:30px;height:30px;background:url(../images/brands/ico_oif_circle1.svg)no-repeat 0 0 / 100% 100%;}
    .contest_visual .txt_wrap .ico9{left:47%;bottom:-30px;width:15px;height:15px;background:url(../images/brands/ico_oif_circle2.svg)no-repeat 0 0 / 100% 100%;}
    .contest_visual .txt_wrap .ico10{left:63%;bottom:40px;width:15px;height:15px;background:url(../images/brands/ico_oif_circle2.svg)no-repeat 0 0 / 100% 100%;}
    .contest_visual .img_wrap img{position:unset;}
    .contest_visual .img_wrap .ico1{bottom:-5px;right:unset;left:50px;background:url(../images/brands/ico_oif_circle1.svg) no-repeat 0 0 / 100% 100%;}
    .contest_visual .img_wrap .ico2{bottom:unset;top:115px;width:30px;height:30px;}
    .contest_visual .img_wrap .ico3{bottom:-115px;left:-90%;background:url(../images/brands/ico_oif_yellow3.svg)no-repeat 0 0 / 100% 100%;}
    .contest_visual .img_wrap .ico4{right:58%;top:37px;width:30px;height:30px;background:url(../images/brands/ico_oif_circle1.svg)no-repeat 0 0 / 100% 100%;}
    .contest_visual .img_wrap .ico5{left:75px;top:125px;width:20px;height:20px;background:url(../images/brands/ico_oif_circle1.svg)no-repeat 0 0 / 100% 100%;}

    .oif_area .oif_cont{padding-bottom:100px;}
    .oif_area .oif_cont .inner ul li{gap:12.06%;flex-direction:unset;align-items:center;padding-top:0;}
    .oif_area .oif_cont .inner ul .item2{flex-direction:unset;}
    .oif_area .oif_cont .inner ul li .img_wrap{flex:1;padding:0;}
    .oif_area .oif_cont .item1 .img_box{padding-top:147%;}
    .oif_area .oif_cont .item2 .img_box{border-radius:50%;padding-top:100%;}
    .oif_area .oif_cont .item3 .img_box{padding-top:105.093%;}
    .oif_area .oif_cont .txt_wrap{padding-top:0;}
    .oif_area .oif_cont .item1 .txt_wrap{width:448px;}
    .oif_area .oif_cont .item2 .txt_wrap{width:257px;}
    .oif_area .oif_cont .item3 .txt_wrap{width:415px;}
    .oif_area .oif_cont .txt_wrap .txt{font-size:26px;font-weight:300;line-height:38px;white-space:nowrap;}
    .oif_area .oif_cont .btn_wrap{padding-top:0;}
    .oif_area .oif_cont .btn_wrap a{width:225px;}
    .oif_area .oif_cont .lt_wrap.type_mo{display:none;}
    .oif_area .oif_cont .lt_wrap.type_pc{display:block;position:absolute;top:0;}
    .oif_area .oif_cont .item1 .lt_wrap{width:22%;height:36%;}
    .oif_area .oif_cont .item2 .lt_wrap{left:-22.027%; width:44.456%;height:46.306%;}
    .oif_area .oif_cont .item3 .lt_wrap{right:-28.093%;width:46.82%;height:44.633%;}

    /* 브랜드경험_공모전 (new) */
    .oif_slide {padding-top:38px}
    .oif_slide .swiper-container .swiper-slide {padding:120px 0 634px}
    .oif_slide .swiper-container .img_box {width:200px;height:264px}
    .oif_slide .swiper-container .logo {margin:37px auto 60px;}

    .oif_slide .controls {justify-content:flex-end;bottom:488px}
    .oif_slide .btn_type3_l {display:block;position:absolute;bottom:544px;left:50%;z-index:20;margin-left:-73px;}
    .oif_slide .btn_type3_l.col_yellow {background:#FFED00;color:#000}
    .oif_slide .swiper-button-prev.type3 {display:block;position:absolute;left:12.5%;background:#FFED00 url(../images/common/btn_prev.svg) no-repeat 50% 50% / 15px 31px}
    .oif_slide .swiper-button-next.type3 {display:block;position:absolute;right:12.5%;background:#FFED00 url(../images/common/btn_next.svg) no-repeat 50% 50% / 15px 31px}

    .oif_area .tab_sticky2 .swiper-container {bottom:auto;left:auto;top:280px;right:40px;width:150px;padding:0;transition:top .4s}
    .oif_area .tab_sticky2.scroll_end .swiper-container {bottom:auto;top:100px;transition:top .4s}
    .oif_area .tab_sticky2 .swiper-slide {margin-right:0;margin-bottom:12px}
    .oif_area .tab_sticky2 .swiper-slide a {flex-direction:row;gap:4px;min-width:150px;height:100px;position:relative;padding:67px 5px 10px;line-height:23px;}
    .oif_area .tab_sticky2 .swiper-slide .btn_link1::before {content:'';position:absolute;bottom:42px;left:50%;width:83px;height:99px;margin-left:-42px;background:url(../images/brands/ico_oif1.svg) no-repeat 50% 50% / 72px 99px;border-bottom:1px solid #000}
    .oif_area .tab_sticky2 .swiper-slide .btn_link2::before {content:'';position:absolute;top:8px;left:50%;width:55px;height:52px;margin-left:-27px;background:url(../images/brands/ico_oif2.svg) no-repeat 50% 50% / 100% 100%}
    .oif_area .tab_sticky2 .swiper-slide .btn_link3::before {content:'';position:absolute;top:13px;left:50%;width:50px;height:50px;margin-left:-25px;background:url(../images/brands/ico_oif3.svg) no-repeat 50% 50% / 100% 100%}
    .oif_area .tab_sticky2 .swiper-slide .btn_link4::before {content:'';position:absolute;top:13px;left:50%;width:50px;height:50px;margin-left:-25px;background:url(../images/brands/ico_oif4.svg) no-repeat 50% 50% / 100% 100%}
    
    .oif_area.v2 .oif_cont {padding-bottom:50px}
    .oif_area.v2 .oif_cont .item2 .txt_wrap {width:376px}
    .oif_area.v2 .oif_cont .txt_wrap p {font-size:22px;line-height:34px;}

    .oif_area.v2 .oif_cont .inner ul {top:-148px}
    .oif_area.v2 .oif_cont .inner .youtube_area {position:relative;top:-240px;}

    .essay_area.v2 .essay_cont .txt {font-size:22px;line-height:34px;}

    .contest_winning .follow_arrow_wrap > a {padding:70px 38% 67px 19.27%;}
    .contest_winning .follow_arrow_wrap > a .tit {font-size:34px;line-height:46px}
    .contest_winning .follow_arrow_wrap > a .arrow_wrap .arrow {height:32px;background:url(../images/brands/follow_arrow2.svg)no-repeat 100% 0 / cover}
    .contest_winning .follow_arrow_wrap .ico {position:absolute;top:16px;right:12.7%;width:134px;margin:0;}

    /* 브랜드경험_공모요강 (new) */
    .brands_contest h2 {font-size:50px;line-height:64px;letter-spacing: 1px;}
    .brands_contest .desc_box {margin-top:50px}
    .brands_contest .desc_box .tit {font-size:34px;line-height:46px;}
    .brands_contest .desc_box p {margin-top:0;line-height:28px;}
    .brands_contest .desc_box p .br {display:inline}
    .brands_contest .desc_box .desc_date {margin-top:15px;font-size:18px;line-height:26px;}

    .contest_outline_visual{min-height:1000px;}
    .contest_outline_visual .brands_contest{padding:156px 0 100px;}
    .contest_outline_visual .brands_contest .img_box{width:200px;height:264px;margin-top:67px;}
    .contest_outline_visual .brands_contest .img_box img {width:100%}

    .contest_outline_list{padding:146px 0 93px;}
    .contest_outline_list .tit_wrap h3{font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .contest_outline_list .outline_list_wrap > li{margin-bottom:40px;}
    .contest_outline_list .outline_list_wrap > li::before{top:40px;height:8px;background:url(../images/brands/ico_brand_line_pc.svg) repeat 50% 50%;}
    .contest_outline_list .outline_list_wrap > li strong{width:202px;height:74px;font-size:24px;line-height:74px;}
    .contest_outline_list .outline_list_wrap > li .list_box li{font-size:20px;line-height:28px;}
    .contest_outline_list .outline_list_wrap > li:first-child .list_box > li{font-size:20px;line-height:28px;}
    .contest_outline_list .outline_list_wrap > li:first-child .list_box > li span{display:block;font-size:20px;line-height:32px;}
    .contest_outline_list .outline_list_wrap > li:first-child .list_box > li .br{display:unset;margin-top:0;}
    .contest_outline_list .outline_list_wrap > li:last-child .list_box > li:last-child{margin-top:12px;}
    .contest_outline_list .outline_list_wrap > li .list_box > li:first-child{margin-top:30px;}
    .contest_outline_list .outline_list_wrap > li .list_box > li::before{top:17px;}
    .contest_outline_list .outline_list_wrap > li .list_box .li_interval{margin-top:10px;}
    .contest_outline_list .outline_list_wrap > li .list_box li .ico_pc{display:inline-block;}
    .contest_outline_list .outline_list_wrap > li .list_box li span{display:unset;font-size:20px;line-height:28px;}
    .contest_outline_list .outline_list_wrap > li .desc_box li{font-size:18px;line-height:26px;}
    .contest_outline_list .outline_list_wrap > li .list_box.type2 span{display:block;margin-top:5px;line-height:32px}


    .content_outline_award{padding:100px 0;}
    .content_outline_award .tit_wrap h3{font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .content_outline_award ul li{padding:40px;}
    .content_outline_award ul li strong{font-size:26px;line-height:38px;}
    .content_outline_award ul li span{margin-top:20px;font-size:22px;line-height:34px;}
    .content_outline_award ul li span + span{margin-top:10px;}
    .content_outline_award ul li.type2 {margin:30px 0}
    .content_outline_award ul li.type2 ul{display:flex;}
    .content_outline_award ul li.type2 li{flex:1;margin:0 0 0 30px;}
    .content_outline_award ul li.type2 li:first-child{margin-left:0;}
    .content_outline_award ul li.type2 li:last-child p{font-size:35px;line-height:50px;letter-spacing:-.8px;}

    .content_outline_schedule{padding:150px 0 131px;}
    .content_outline_schedule .tit_wrap h3{font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .content_outline_schedule li{margin-top:30px;padding:66px 80px 66px 450px;text-align:left;}
    .content_outline_schedule li::before{top:-38px;}
    .content_outline_schedule li strong{position:absolute;left:180px;top:66px;padding-top:0;font-size:28px;line-height:38px;}
    .content_outline_schedule li strong::before{left:-100px;top:50%;margin:-35px 0 0 0;}
    .content_outline_schedule li span{margin-top:0;font-size:21px;line-height:38px;}
    .content_outline_schedule li span.br{display:unset;padding-left:20px;}

    .content_outline_noted{margin-bottom:100px;padding:0;background:transparent;}
    .content_outline_noted .noted_box{padding:80px 50px;background:#F8F8F8;border-radius:40px;}
    .content_outline_noted .tit_wrap h3{font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .content_outline_noted li{font-size:18px;line-height:30px;}

    /* 브랜드경험_수상작 (new) */
    .brands_award_visual .visual_bg{background:url(../images/brands/img_brand_award_pc.jpg) no-repeat 50% 100%/cover;}
    .brands_award_visual .visual_con_wrap .visual_box{top:calc(50% - 30px);bottom:unset;}
    .brands_award_visual .visual_con_wrap .btn_sel_box{width:387px;margin:0 auto;}
    .brands_award_visual .visual_con_wrap .btn_sel_box .btn_sel{padding-left:20px;padding-bottom:8px;font-size:48px;line-height:64px;letter-spacing:-.3px;background-size:58px 63px;}
    .brands_award_visual .visual_con_wrap .btn_sel_box .select_menu{bottom:unset;top:89px;padding:25px 10px;}
    .brands_award_visual .visual_con_wrap .btn_sel_box .select_menu li{padding:10px}
    .brands_award_visual .visual_con_wrap .btn_sel_box .select_menu a{font-size:34px;line-height:46px;text-align:center;}
    .brands_award_visual .visual_con_wrap .desc{margin-top:42px;font-size:22px;line-height:34px;text-align:center;}

    .brands_award_list .tab_scroll{padding:140px 0 285px;}
    .brands_award_list .tab_scroll ul li .btn {font-size:38px;line-height:54px;letter-spacing:-.76px;}
    .brands_award_list .inner{position:relative;max-width:1120px;}
    .brands_award_list .inner > strong{padding-bottom:70px;font-size:48px;line-height:64px;letter-spacing:-3px;text-align:left;}
    .brands_award_list .award_detail{position:relative;}
    .brands_award_list .award_detail::before{content:'';position:absolute;left:calc(50% + 32px);top:-190px;width:177px;height:192px;background:url(../images/brands/ico_award.svg) no-repeat 50% 50%}
    .brands_award_list .award_detail::after{width:469px;height:372px;}
    .brands_award_list .award_detail li{padding:150px 0 0;}
    .brands_award_list .award_detail li:first-child{padding-top:35px;}
    .brands_award_list .award_detail li:first-child::before{bottom:-471px;border-top:2px solid #000;}
    .brands_award_list .award_detail li:last-child::before{top:200px;}
    .brands_award_list .award_detail li:first-child::after{content:'';display:block;clear:both;}
    .brands_award_list .award_detail li:last-child .inner::after{right:0;bottom:-288px;width:500px;height:571px;}
    .brands_award_list .award_detail li:first-child .inner > strong{padding-left:220px;padding-bottom:0;text-align:center;}
    .brands_award_list .award_detail li:first-child .detail_box{margin-top:35px;}
    .brands_award_list .award_detail li:first-child .txt_box strong{margin-top:20px !important;}
    .brands_award_list .award_detail li:first-child .txt_box p{font-size:16px;line-height:24px;}
    .brands_award_list .award_detail li:first-child .detail_box::after{content:'';display:block;clear:both;}
    .brands_award_list .award_detail li:first-child .img_box{float:left;width:calc(50% - 60px);margin-top:-305px;margin-right:120px;}
    .brands_award_list .award_detail li:first-child .txt_box{float:left;width:calc(50% - 60px);}
    .brands_award_list .award_detail .detail_box+.detail_box{padding-top:120px;}
    .brands_award_list .award_detail .detail_box+.detail_box.type2{margin-top:-60px;padding-top:0;}
    .brands_award_list .award_detail .float_clear::after{content:'';display:block;clear:both;}
    .brands_award_list .award_detail .float_left{float:left;width:calc(50% - 60px);margin-right:60px;margin-top:0}
    .brands_award_list .award_detail .float_right{float:right;width:calc(50% - 60px);margin-left:60px;}
    .brands_award_list .award_detail .txt_box strong{font-size:28px;line-height:38px;}
    .brands_award_list .award_detail .txt_box span{font-size:20px;line-height:32px;}
    .brands_award_list .award_detail .txt_box p{margin-top:18px;font-size:16px;line-height:24px;}
    .brands_award_list .award_detail .txt_box p span.br{display:block;font-size:inherit;line-height:inherit;}
    .brands_award_list .award_detail .txt_box p span.br + br{display:none;}
    .brands_award_list .award_detail.type2 li:first-child::before{bottom:-555px;}

    /* 브랜드경험_수상작 2회 (new) */
    .brands_award2th .brands_award_visual .visual_bg{background-image:url(../images/brands/img_brand_award2th_pc.jpg);}
    .brands_award2th .brands_award_list .award_detail::before{display:none;}
    .brands_award2th .brands_award_list .award_detail li{padding:0;}
    .brands_award2th .brands_award_list .award_detail li:first-child{padding:80px 0;}
    .brands_award2th .brands_award_list .award_detail li:first-child::before{bottom:0;}
    .brands_award2th .brands_award_list .award_detail li:first-child .grand_award.mo{display:none;}
    .brands_award2th .brands_award_list .award_detail li:first-child .grand_award{display:block;position:relative;left:unset;top:unset;display:block;margin-left:0;font-size:48px;line-height:64px;letter-spacing:-3px;text-align:left;}
    .brands_award2th .brands_award_list .award_detail li:first-child .grand_award::before{width:177px;height:192px;top:unset;bottom:90px;left:40px;}
    .brands_award2th .brands_award_list .award_detail li:first-child .detail_box{max-width:100%;margin-top:0;}
    .brands_award2th .brands_award_list .award_detail li:first-child .img_box{width:calc(50% - 40px);margin:0 40px 0 0;}
    .brands_award2th .brands_award_list .award_detail li:first-child .txt_box{width:calc(50% - 40px);margin:30% 0 0 40px;}
    .brands_award2th .brands_award_list .award_detail li:nth-child(2)::before{top:61%;}
    .brands_award2th .brands_award_list .award_detail li:nth-child(2) .detail_box.type_right{top:620px;}
    .brands_award2th .brands_award_list .award_detail li:nth-child(2) .detail_box.wid400 .txt_box p{margin-right:-20px;}
    .brands_award2th .brands_award_list .award_detail li:nth-child(3){padding-bottom:100px;}
    .brands_award2th .brands_award_list .award_detail li:nth-child(3) .detail_box + .detail_box{padding:92px 0 0;}
    .brands_award2th .brands_award_list .award_detail li:nth-child(3) .detail_box.type_right{top:610px;padding:0;}
    .brands_award2th .brands_award_list .award_detail li:last-child{padding-bottom:100px;}
    .brands_award2th .brands_award_list .award_detail li:last-child::before{top:294px;}
    .brands_award2th .brands_award_list .award_detail li:last-child .float_clear{max-width:unset;}
    .brands_award2th .brands_award_list .award_detail li:last-child .float_left{width:calc(48% - 40px);margin-right:40px;}
    .brands_award2th .brands_award_list .award_detail li:last-child .float_right{width:calc(52% - 40px);margin-left:40px;}
    .brands_award2th .brands_award_list .award_detail li:last-child .txt_box.float_right{margin-top:100px;}
    .brands_award2th .brands_award_list .award_detail li:last-child .detail_box.float_left{margin-top:130px;}
    .brands_award2th .brands_award_list .award_detail li:last-child .detail_box.float_right{margin-top:267px;}
    .brands_award2th .brands_award_list .award_detail .sector{margin-right:50px;padding:0 0 0 30px;border-radius:0;background:none;}
    .brands_award2th .brands_award_list .award_detail .sector::before{content:'';z-index:-1;position:absolute;left:0;right:50%;top:0;height:99px;border-radius:0 80px 80px 0;background:#FFED00;}
    .brands_award2th .brands_award_list .award_detail .sector::after{display:none;}
    .brands_award2th .brands_award_list .award_detail .sector .inner{padding:30px 50px 15px 30px;border-radius:0 80px 80px 0;background:#FFED00;font-size:38px;line-height:54px;box-sizing:border-box;}
    .brands_award2th .brands_award_list .award_detail .sector .inner::after{content:'';position:absolute;left:195px;top:3px;width:115px;height:102px;background:url(../images/brands/img_brand_ottogi.svg) no-repeat 50% 50% / 100%;}
    .brands_award2th .brands_award_list .award_detail .sector.type_right{margin-left:50px;margin-right:0;padding:0 30px 0 0;border-radius:0;}
    .brands_award2th .brands_award_list .award_detail .sector.type_right::before{right:0;left:50%;border-radius:80px 0 0 80px;}
    .brands_award2th .brands_award_list .award_detail .sector.type_right .inner{padding:30px 30px 15px 50px;border-radius:80px 0 0 80px;}
    .brands_award2th .brands_award_list .award_detail .sector.type_right .inner::after{left:250px;}
    .brands_award2th .brands_award_list .award_detail li:last-child .sector .inner{position:relative;}
    .brands_award2th .brands_award_list .award_detail li:last-child .sector .inner::after{display:block;left:230px;}
    .brands_award2th .brands_award_list .award_detail .detail_wrap{position:relative;}
    .brands_award2th .brands_award_list .award_detail .detail_wrap + .detail_wrap{padding:372px 0 310px;}
    .brands_award2th .brands_award_list .award_detail .detail_box{max-width:400px;}
    .brands_award2th .brands_award_list .award_detail .detail_box.type_right{position:absolute;right:0;top:455px;}
    .brands_award2th .brands_award_list .award_detail .detail_box.wid380{max-width:300px;}
    .brands_award2th .brands_award_list .award_detail .detail_box.wid700{max-width:600px;}
    .brands_award2th .brands_award_list .award_detail .img_box{width:100%;}
    .brands_award2th .brands_award_list .award_detail .detail_box+.detail_box{margin:0;padding:0;}
    .brands_award2th .brands_award_list .award_detail .detail_box .txt_box{position:relative;}
    .brands_award2th .brands_award_list .award_detail .detail_box .txt_box .award_name{position:absolute;left:0;top:50px;margin-top:0;padding:7px 17px;border:3px solid #123E8C;font-size:26px;line-height:38px;}
    .brands_award2th .brands_award_list .award_detail .detail_box .txt_box strong{display:inline-block;margin-top:128px;}
    .brands_award2th .brands_award_list .award_detail .detail_box .txt_box span{display:inline-block;padding-left:10px;}
    .brands_award2th .brands_award_list .award_detail .detail_box .txt_box p{margin-top:20px;}
    .brands_award2th .brands_award_list .award_detail .detail_box .txt_box .pc_br{display:block;margin:0;padding:0;font-size:inherit;color:#000;line-height:inherit;}
    .brands_award2th .brands_award_list .award_detail .detail_box .txt_box .pc_br.br2{margin-top:20px;}
    .brands_award2th .brands_award_list .award_detail .detail_box .txt_box .pc_br br{display:block;}
    .brands_award2th .brands_award_list .award_detail .detail_box .txt_box .pc_br + br{display:none;}
    .brands_award2th .brands_award_list .award_detail .detail_box .txt_box .mo_br{display:inline;margin:0;padding:0;font-size:inherit;color:#000;line-height:inherit;}
    .brands_award2th .brands_award_list .award_detail .detail_box .txt_box .mo_br br{display:none;}

    /* 브랜드경험_접수하기 (new) */
    .oif_app .tit_main {padding-top:55px;font-size:64px;line-height:90px;letter-spacing:-1.92px;}
    .oif_app .tit_main::before {display:none}
    .oif_app .tit_main .br {display:inline}
    .oif_app .visit_application_form {margin-top:60px}
    .oif_app .tbl_write td.has_sub_txt .form_wrap input[type="radio"]+label .colon {display:inline-block}
    .oif_app .tbl_write td .tit {font-size:18px}
    .oif_app .agree_box .con .agree_content {max-height:initial}
    .oif_app .btn_wrap.type2 {flex-direction:row;align-items:flex-start;}
    .oif_app .btn_wrap.type2 .btn {flex:none;width:auto}
    .oif_app .btn_wrap.type2 .btn .msg_noti {margin-top:10px}

    .tbl_write th .label .br {display:block;margin-top:-20px}
    .tbl_write td.type_column_pc  {display:flex;flex-direction:column}
    .tbl_write td.has_sub_txt .form_wrap input[type="radio"]+label {font-size:16px;line-height:24px}
    .tbl_write td.has_sub_txt .form_wrap input[type="radio"]+label em {font-size:16px;line-height:24px}
    .tbl_write td .form_wrap input[type="radio"]+label em.br_mo {display:inline}

    /* 브랜드경험_접수확인/수정 (new) */
    .customer_panel {margin-top:150px;text-align:left}
    .customer_panel .inner {padding:128px 60px 128px 43%}
    .customer_panel .inner::before {top:50%;left:19.27%;width:288px;height:240px;margin-top:-120px}
    .customer_panel .tit {font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .customer_panel .tit .br {display:inline}
    .customer_panel .desc {margin-top:20px;font-size:20px;line-height:28px}
    .customer_panel .desc .br {display:inline}

    /* 브랜드경험_공모전 상세 (new) */
    .detail_edit .awards_list p{font-size:16px;line-height:28px;}
    .detail_edit .awards_list .txt_gray{font-size:16px;line-height:28px;}
    .detail_edit .awards_list .txt_gray.mo_only{display: none;}
    .detail_edit .awards_list h3{padding:17px 60px;font-size:18px;line-height:26px;text-align:left;}
    .detail_edit .awards_list.type2{margin-top:-10px;}
    .detail_edit .awards_list.type2 h3{padding:17px 60px;font-size:18px;line-height:26px;letter-spacing:0em;text-align:left;}
    .detail_edit .awards_list.type2 .tit_s{font-size:18px;line-height:26px;}
    .detail_edit .awards_list.type2 ul li{flex-basis:33.33%;padding:26px 0 16px;font-size:16px;line-height:24px;letter-spacing:0em;}
    .detail_edit .awards_list.type2 .awards_con.txt_center ul{flex-direction:row;}

    .board_detail .detail_edit{padding-top:30px;}
    .detail_edit .awards_list table{margin-top:10px;}
    

    /* 브랜드경험_페스티벌 */
    .brands_festival .visual_img {margin-top:100px}
    
    .brands_festival .cont_wrap {margin-top:188px;padding:0 12.5%}
    .brands_festival .cont_wrap .cont {display:flex;align-items:center;gap:80px;margin-top:100px;}
    .brands_festival .cont_wrap .cont.even {flex-direction:row-reverse;}
    .brands_festival .cont_wrap .cont .img_box {margin:0}
    .brands_festival .cont_wrap .cont .txt_box {flex:none;padding:0}
    .brands_festival .cont_wrap .even .txt_box {text-align:left;}
    .brands_festival .cont_wrap .cont .txt_box .tit {font-size:40px;line-height:56px;letter-spacing:-.8px;word-break:keep-all;}
    .brands_festival .cont_wrap .cont .txt_box .tit .br {display:inline}

    .brands_festival .cont_wrap .cont1 {max-width:1200px;margin:0 auto}
    .brands_festival .cont_wrap .cont1 .ico_box {top:-90px;left:auto;right:-83px;width:140px;height:240px;}
    .brands_festival .cont_wrap .cont1 .ico_box .ico1 {bottom:0;width:22px;height:19px}
    .brands_festival .cont_wrap .cont1 .ico_box .ico2 {bottom:30%;width:40px;height:32px}
    .brands_festival .cont_wrap .cont1 .ico_box .ico3 {bottom:50%;width:26px;height:16px}
    .brands_festival .cont_wrap .cont1 .ico_box .ico4 {bottom:60%;width:32px;height:26px}
    .brands_festival .cont_wrap .cont1 .ico_box .ico5 {bottom:70%;width:26px;height:44px}
    .brands_festival .cont_wrap .cont1 .ico_box .ico6 {bottom:auto;top:0;width:28px;height:18px}
    .brands_festival .cont_wrap .cont1 .lt_wrap {right:0;width:26.25%;height:22.19%}
    .brands_festival .cont_wrap .cont2 {max-width:1228px;margin:100px auto 0}
    .brands_festival .cont_wrap .cont2 .lt_wrap {left:-13%;width:32.1%;height:27.44%}
    .brands_festival .cont_wrap .cont3 {max-width:1320px;margin:100px auto 0}
    .brands_festival .cont_wrap .cont3 .ico_box {top:-40px;left:0}
    .brands_festival .cont_wrap .cont3 .ico_box .ico1 {width:46px;height:46px}
    .brands_festival .cont_wrap .cont3 .ico_box .ico2 {width:26px;height:26px}
    .brands_festival .cont_wrap .cont3 .img_box {margin:0}
    .brands_festival .cont_wrap .cont3 .lt_wrap {right:0;width:20.52%;height:19.36%}
    .brands_festival .cont_wrap .cont4 {max-width:1285px;margin:100px auto 0}
    .brands_festival .cont_wrap .cont4 .ico_box {right:0}
    .brands_festival .cont_wrap .cont4 .lt_wrap {left:0;width:16.05%;height:41.67%}

    .brands_festival .customer_ms .customer_con {padding:60px 0 114px 350px}
    .brands_festival .customer_ms .customer_con::before {width:250px;height:250px;background:url(../images/brands/festival_application.png) no-repeat 50% 50% / 250px 250px}
    .brands_festival .customer_ms .tit .br {display:inline;}
    .brands_festival .customer_ms .desc .sub_tit {display:inline-block;margin-right:10px}
    .brands_festival .customer_ms .desc .period {display:inline-block;}
    .brands_festival .customer_ms .desc .txt {position:absolute;bottom:60px;left:350px;font-size:16px;color:#666;line-height:24px;}

    .brands_festival .cont_wrap .cont .txt_box .desc{white-space: pre-line;}
    .brands_festival .customer_ms .customer_con .link_wrap.plr30 a{padding: 0 30px !important;}

    /* 브랜드경험_이벤트 */
    .ottogi_event .top_wrap {padding-top:60px;}
    .ottogi_event .top_wrap .tit_depth1 .br {display:inline;}
    .ottogi_event .top_wrap .tit_depth1 .tit_desc {font-size:48px;}
    .ottogi_event .top_wrap::after{top:50%;margin-top:-159px; width:1285px;height:318px;background:url(../images/brands/event_bg_pc.png)no-repeat 50% 50% / 1285px 318px;transform:translateX(-50%);}

    .ottogi_event.board_wrap .total.has_tab {padding-top:200px;}
    
    .ottogi_event .thumbs_list .tit {height:auto; max-height:68px;}
    .ottogi_event .thumbs_list li a .thumbs_img.event_end .flag_end {margin-top:-95px;margin-left:-45px;padding-top:140px; }
    .ottogi_event .thumbs_list li a .thumbs_img.event_end .flag_end::before{width:112px;height:130px;margin-left:-56px; background:url(../images/brands/ico_end2.svg)no-repeat 50% 50% / 112px 130px;}
    .ottogi_event .thumbs_list li a .thumbs_img.event_end .flag_end span{padding:5px 18px;font-size:24px;line-height:42px;}

    .ottogi_event .ico_box {position:static;}
    .ottogi_event .ico_box .ico_ballon{top:0;left:0;width:117px;height:123px;}
    .ottogi_event .ico_box .ico_light{top:20px;left:11%;width:46px;height:52px;animation:scale 1s infinite;-webkit-animation:scale 1s infinite;}
    .ottogi_event .ico_box .ico_star{top:54px;right:8%;width:47px;height:47px;animation:scale 1s infinite;-webkit-animation:scale 1s infinite;}
    .ottogi_event .ico_box .ico_star2{top:16px;right:8%;width:26px;height:26px;animation:scale 1s infinite;-webkit-animation:scale 1s infinite;}
    .ottogi_event .ico_box .ico_star3{top:13px;right:11%;width:21px;height:21px;animation:scale 1s infinite;-webkit-animation:scale 1s infinite;}
    .ottogi_event .ico_box .ico_cloud{top:94px;right:0;width:77px;height:33px;}
    .ottogi_event .ico_box .ico_present{top:270px;left:19.63%;width:80px;height:72px;animation:rotate 3s infinite;-webkit-animation:rotate 3s infinite;}
    .ottogi_event .ico_box .ico_flower{top:250px;right:19.68%;width:64px;height:100px;animation:rotate 3s infinite;-webkit-animation:rotate 3s infinite;}

    /* 리스트 게시판 공통 */
    .board_wrap .search_area{display:flex;justify-content:flex-end;padding-top:80px;}
    .board_wrap .total {display:block;padding:6px 0 10px;font-size:16px;font-weight:300;line-height:24px; text-align:left;}

    .board_list li {display:flex;justify-content:space-between;align-items:center;flex-direction:row; gap:40px;padding:30px 20px 30px 40px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;margin-top:-1px;}
    .board_list li:hover{position:relative;z-index:100; border-top:1px solid #666;border-bottom:1px solid #666;}
    .board_list li:first-child:hover {border-top:none;}
    .board_list li .no {display:block; font-size:14px;font-weight:300;color:#666; line-height:22px;}
    .board_list li .tit{padding-right:100px;font-size:20px;font-weight:500; line-height:28px;flex:1;text-align:left;}
    .board_list li .date{padding-top:0; font-size:14px;font-weight:300; color:#000;line-height:22px;}

    .board_wrap .paging.type2 {display:inline-flex;padding-top:80px;}

    /* 홍보센터_공지사항 상세 */
    .board_detail {height:unset;padding-top:50px;}
    .board_detail .tit_wrap {position:relative;min-height:162px;padding-top:0;}
    .board_detail.date_none .tit_wrap {min-height:162px;padding-bottom:100px;}
    .board_detail .tit_wrap .tit {font-size:40px;font-weight:500;letter-spacing:-0.3px;line-height:56px;text-align:left;}
    .board_detail .tit_wrap .btn_share {display:block;position:absolute;right:0;bottom:40px;width:50px;height:50px; background:url(../images/common/ico_share.svg)no-repeat 50% 50% / 24px 24px;border:1px solid #000;border-radius:50%}
    .board_detail .tit_wrap .btn_share::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #000;border-radius:100px;outline:1px solid #FFED00;opacity:0;transition:all .5s cubic-bezier(.6,0,0,1)}
    .board_detail .tit_wrap .btn_share:hover::before {top:2px;left:2px;right:2px;bottom:2px;opacity:1;}
    .board_detail .tit_wrap .date {position:relative; padding:30px 70px 54px 0;font-size:14px;font-weight:300;color:#666;line-height:22px;text-align:right;}

    .detail_content{position:relative;border-top:1px solid #666;}
    .detail_content .file_down {padding-top:30px;flex-direction:row;justify-content:flex-end;}
    .detail_content .file_down .btn_download + .btn_download {margin-left:10px;margin-top:0;}
    .detail_content .hash_tag {padding-top:50px;}
    .detail_content .hash_tag a {margin-right:15px;font-size:20px;;line-height:28px;}

    .board_detail .btn_link {display:flex;flex-direction: row;justify-content: center;}
    .board_detail .btn_link a{display: inline-block;}
    .board_detail .btn_link a + a {margin-top: 0;margin-left: 10px;}

    .paging_move {display:flex;flex-direction:row;flex-wrap:wrap; padding-top:40px;border-top:1px solid #e6e6e6;}
    .paging_move a{width:calc(50% - 10px) ; font-size:16px;font-weight:300;}
    .paging_move .prev_list {padding:27px 30px 27px 85px;}
    .paging_move .prev_list:hover::after{animation:arw_left 1s infinite;}
    .paging_move .next_list {margin-top:0;margin-left:20px;padding:27px 85px 27px 30px;}
    .paging_move .next_list:hover::after{animation:arw_right 1s infinite;}
    .paging_move .prev_list::after {content:'';display:inline-block;position:absolute;top:50%;left:30px; width:35px;height:35px;margin-top:-17.5px;background:url(../images/common/ico_notice_left.svg)no-repeat 50% 50% / 35px 35px;vertical-align:middle;}
    .paging_move .next_list::after {content:'';display:inline-block;position:absolute;top:50%;right:30px; width:35px;height:35px;margin-top:-17.5px;background:url(../images/common/ico_notice_right.svg)no-repeat 50% 50% / 35px 35px;vertical-align:middle;}
    .paging_move .prev_none {padding:35px 20px 35px;font-size:16px;font-weight:300;line-height:30px;text-align:center;}
    .paging_move .next_none {margin-top:0;margin-left:20px; padding:35px 20px 35px;font-size:16px;font-weight:300;line-height:30px;text-align:center;}
    .paging_move.type2 .prev_list {padding:35px 30px 35px 85px;line-height:30px;}
    .paging_move.type2 .next_list {padding:35px 85px 35px 30px;line-height:30px;}
    .board_detail .btn_list {padding-top:100px;text-align:center;}
    .board_detail .btn_list .btn_type_l {display:inline-block; width:auto;padding:26px 129px; line-height:28px;}


    /* 검색결과 없음 공통 (nodata) */
    .board_none {padding:150px 0;margin-top:60px;}
    .board_none .lt_wrap {width:100px;height:130px;}
    .board_none.ico_nolist .lt_wrap {height:100px}
    .board_none.ico_noreceipt .lt_wrap {height:100px}
    .board_none p span{display:inline;}
    .board_none.ico_nolist p span{display:inline;}
    .board_none .desc span{display:inline;}

    /* 홍보센터_뉴스룸 언론보도 */
    .news_wrap .board_list .tit a{position:relative;padding-right:22px;overflow:hidden;width:100%;font-size:20px;font-weight:500;line-height:28px;flex:1;text-align:left;white-space:nowrap;text-overflow:ellipsis;display:inline;}
    .news_wrap .board_list li .tit {padding-right: 100px;}
    .board_wrap .media li .tit {position:relative;padding-right:0;}
    .board_wrap .media li .tit::after{content:'';display:inline-block;position:static; width:16px;height:16px;margin-left:8px;margin-top:0;}

    /* 홍보센터_뉴스룸 오뚜기소식 */
    .board_wrap .board_top {display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap; padding-top:50px;}
    .board_top .tab_scroll li {border-bottom:none ;}
    .board_top .tab_scroll .tabs .tab_link.active a {color:#DC2F34; border-color:#DC2F34;}
    .board_wrap .total.has_tab{padding-top:26px;}
    .thumbs_list {display:flex; flex-wrap:wrap;margin-left:-45px;margin-top:-70px;}
    .thumbs_list li{width:33.3%;box-sizing:border-box;}
    .thumbs_list li a{display:block;margin-left:45px;margin-top:70px;}
    .thumbs_list li a .thumbs_img{border-radius:20px;}
    .thumbs_list li a .thumbs_img img{transition:all .6s}
    .thumbs_list li a:hover .thumbs_img img{transform:scale(1.1);transition:all .6s;}
    .thumbs_list .tit{height:68px;padding-top:20px ; font-size:24px;font-weight:500;line-height:34px;text-align:left;box-sizing:content-box;} 
    .thumbs_list .date {padding-top:10px;font-size:18px;line-height:26px;}

    /* 홍보센터_뉴스룸 오뚜기소식 검색결과 없음 */
    .board_top .search_area{padding-bottom:0;}
    
    /* 홍보센터_뉴스룸 오뚜기소식 상세 */
    .head_tag {bottom:52px;}
    .head_tag a {font-size:18px;line-height:26px;}

    /* 홍보센터_cf스토리 */
    .thumbs_list li a {margin-bottom:0;}
    .cf_wrap .thumbs_list li a .thumbs_img {padding-top:56.25%;}
    .board_top {flex-wrap:wrap;}
    .board_top .search_area {padding-top:30px;flex:1;}

    /* 홍보센터_칼럼 */
    .column_cont {padding:130px 0 0}
    .column_top {min-height:900px;padding-top:200px;background:url(../images/promotion/column_bg_pc.jpg) no-repeat 0 0 / cover}
    .column_top .tit_depth3 {position:relative}
    .column_top .bg_txt {position:absolute;bottom:0;left:40.98%;right:12.61%;width:47.29%;height:171px;margin:0}
    .column_top .txt_wrap {bottom:200px;left:12.5%;right:auto}
    .column_top .txt_wrap .br {display:inline;}
    .column_top .txt_wrap br {display:block;}
    .column_top .txt_wrap .tit {font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .column_top .txt_wrap .desc {padding-top:20px;font-size:24px;line-height:34px;}

    .column_cont .tab_scroll {position:relative;z-index:10;}
    .column_cont .tab_scroll .tabs {padding-left:0}
    .column_cont .column_slide {max-width:none}
    .column_cont .column_slide .swiper-container {overflow:visible;margin-left:-70px;margin-top:-30px;}
    .column_cont .column_slide .swiper-wrapper {flex-wrap:wrap;}
    .column_cont .column_slide .swiper-slide {width:calc(25% - 70px);padding:0;margin-left:70px;margin-top:70px;}
    .column_cont .column_slide .swiper-slide a {display:block;outline-offset:-3px;}
    .column_cont .column_slide .swiper-slide a .img_box img {transition:all .6s;}
    .column_cont .column_slide .swiper-slide a:hover .img_box img {transform:scale(1.1);transition:all .6s}
    .column_cont .column_slide .swiper-slide .txt {font-size:24px;line-height:34px;text-align:left;}
    .column_cont .column_slide .controls {display:none}

    .column_viewer {padding:0}
    .column_viewer .inner {display:flex;flex-direction:row-reverse;align-items:flex-start;position:relative;height:calc(100vh - 151px);min-height:500px;padding:20px 50px 47px}
    .column_viewer .tit_wrap {flex:none;flex-direction:column;align-items:flex-start;width:calc(30% - 50px);padding:0;margin-left:50px;}
    .column_viewer .tit_wrap .h2_tit {padding:0;font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .column_viewer .tit_wrap .btn_wrap {flex-direction:column;gap:10px;width:100%;margin-top:40px}
    .column_viewer .tit_wrap .btn_wrap button {display:block;flex:none;width:100%;height:50px;border-radius:100px;border:2px solid #E6E6E6;background:#fff;font-size:16px;color:#000;line-height:30px}
    .column_viewer .tit_wrap .btn_wrap button.active {display:block;background:#FFED00;border:2px solid #FFED00}
    .column_viewer .tit_wrap .btn_wrap button:hover {background:#FFED00;border:2px solid #FFED00}
    .column_viewer .tit_wrap .btn_wrap > * + * {margin-left:0}
    .column_viewer .tit_wrap .btn_viewer_img::before {content:'';display:inline-block;width:30px;height:30px;margin-right:10px;background:url(../images/promotion/ico_viewer_img.svg) no-repeat 0 0 / 100% 100%;vertical-align:top;}
    .column_viewer .tit_wrap .btn_viewer_txt::before {content:'';display:inline-block;width:30px;height:30px;margin-right:10px;background:url(../images/promotion/ico_viewer_txt.svg) no-repeat 0 0 / 100% 100%;vertical-align:top;}
    .column_viewer .tit_wrap .btn_copy::before {content:'';display:inline-block;width:26px;height:26px;margin-right:10px;background:url(../images/promotion/ico_copy.svg) no-repeat 0 0 / 100% 100%;vertical-align:top;}
    .column_viewer .tit_wrap .btn_viewer_img.active::before {background:url(../images/promotion/ico_viewer_img.svg) no-repeat 0 0 / 100% 100%;}
    .column_viewer .tit_wrap .btn_viewer_txt.active::before {background:url(../images/promotion/ico_viewer_txt.svg) no-repeat 0 0 / 100% 100%;}
    /* .column_viewer .tit_wrap .btn_viewer_img:hover::before {background:url(../images/promotion/ico_viewer_img_hover.svg) no-repeat 0 0 / 100% 100%;}
    .column_viewer .tit_wrap .btn_viewer_txt:hover::before {background:url(../images/promotion/ico_viewer_txt_hover.svg) no-repeat 0 0 / 100% 100%;}
    .column_viewer .tit_wrap .btn_copy:hover::before {background:url(../images/promotion/ico_copy_hover.svg) no-repeat 0 0 / 100% 100%;} */

    .column_viewer .txt_cont {flex:1;height:100%;padding:40px 0;}
    .column_viewer .txt_cont .scroller {height:100%;max-height:none;padding:0 40px}
    .column_viewer .btn_area {flex:none;position:absolute;width:25%;bottom:52px;right:50px}
    .column_viewer .btn_area .btn_prev2 {width:100px;height:57px;background:url(../images/common/btn_more2_pc.svg) no-repeat 100% 100% / 100px 30px;text-align:right}
    .column_viewer .btn_area .btn_next2 {width:100px;height:57px;background:url(../images/common/btn_more_pc.svg) no-repeat 100% 100% / 100px 30px;text-align:left}

    .column_viewer .slide_cont {flex:none;width:70%;height:100%}
    .column_viewer .slide_cont .swiper-container {height:100%}
    /* .column_viewer .slide_cont.on .swiper-slide.swiper-slide-active:first-child {transform:translateX(50%);z-index:2;}
    .column_viewer .slide_cont.on .swiper-slide.swiper-slide-active:first-child img {object-position:center center;} */
    /* .column_viewer .slide_cont.on .swiper-slide:nth-child(2) {transition:transform 100ms;} */
    /* .column_viewer .slide_cont.on .swiper-slide.swiper-slide-next:nth-child(2) {transform:translateX(100%);z-index:1;} */
    .column_viewer .slide_cont .swiper-slide.swiper-slide-active img {object-position:center right;}
    .column_viewer .slide_cont .swiper-slide.swiper-slide-next img {object-position:center left;}
    .column_viewer .slide_cont.on .swiper-slide.swiper-slide-active img {object-position:center center;}
    .column_viewer .slide_cont .controls {top:50%;bottom:0;left:30px;right:30px;height:90px;margin-top:-45px}
    .column_viewer .slide_cont .controls button {position:absolute}

    /* 홍보센터_투자정보 재무정보 */
    .board_wrap .invest li .tit {padding-right:120px;}
    .board_wrap .invest li .pdf {font-size:14px;font-weight:500;line-height:22px;}
    .board_wrap .invest li .pdf a{position:static;top:50%;right:0;transform:translateY(-50%);}
    .board_wrap .invest li .pdf a span{display:inline-block;}
    .board_wrap .invest li .pdf a::after {content:'';display:inline-block;width:16px;height:16px;margin-left:2px;margin-bottom:2px;background:url(../images/common/ico_down.svg)no-repeat 50% 50% / 16px 16px;vertical-align:middle;}

    /* 홍보센터_투자정보 재무정보 게시글 없음 */
    .board_wrap.list_none .paging.type2 {display:none;}

    /* 홍보센터_투자정보 공시정보 */
    .dart_wrap {margin:80px auto 0;}

    /* 고객서비스_고객의 소리 */
    .customer_voice .tbl_write {margin-top:103px}
    .customer_voice .btn_wrap {margin-top:80px}

    .guide_wrap {display:flex;flex-direction:column;justify-content:center;position:relative;min-height:332px;margin:80px 0 0;padding:40px 104px 40px 355px;border-radius:20px 500px 500px 20px;}
    .guide_wrap::before {position:absolute;top:50%;left:100px;width:222px;height:244px;transform:translateY(-50%);}
    .guide_wrap .tit {margin:0 0 10px;font-size:40px;line-height:56px;letter-spacing:-.8px;text-align:left;}
    .guide_wrap ul {max-width:none;margin:0}
    .guide_wrap ul li {font-size:16px;line-height:28px;}
    .guide_wrap ul li::before {top:13px}
    
    .tbl_write {display:table}
    .tbl_write tbody tr th {display:table-cell;padding-top:40px;vertical-align:top;}
    .tbl_write tbody tr th label {font-size:16px;line-height:50px}
    .tbl_write tbody tr th .label {font-size:16px;line-height:50px}
    .tbl_write th .require {font-size:16px;line-height:50px}
    .tbl_write th .choice {font-size:16px;line-height:50px}
    .tbl_write tbody tr td {display:table-cell;padding-top:40px}
    .tbl_write td .d_flex .btn_type2_s {margin-left:10px;padding:0 40px}
    .tbl_write + .btn_wrap {margin-top:80px}

    .agree_box {margin-top:100px}
    .agree_box + .agree_box {margin-top:20px}
    .agree_box .tit .br {display:inline}
    .agree_box .tit .require {display:inline}

    /* 고객서비스_고객의 소리 접수내역 조회 */
    .customer_voice .inquiry_list li .inquiry_con {padding:30px 0;border-top:1px solid #e6e6e6;}
    .customer_voice .inquiry_list li .inquiry_con:first-child {border-top:0 ;}
    .customer_voice .inquiry_list li .inquiry_con .tit_wrap{justify-content:flex-start; align-items:center;flex-direction:row;padding:0 40px; text-align:left;cursor:pointer;}
    .customer_voice .inquiry_list li .inquiry_con .tit {display:-webkit-box;overflow:hidden;flex:1;margin-right:40px;padding-top:0;font-size:20px;line-height:28px;white-space:inherit;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
    .customer_voice .inquiry_list li .inquiry_con .state {margin-right:40px;font-size:14px;line-height:26px;}
    .customer_voice .inquiry_list li .inquiry_con .date {margin-right:40px;padding-top:0; color:#000;}
    .customer_voice .inquiry_list li .inquiry_con .btn_open{display:inline-block;position:static;margin-top:0; width:30px;height:30px;background:url(../images/customer/qna_close.svg)no-repeat 50% 50% / 30px;}

    .customer_voice .bg_complete{width:82px;height:28px;background:url(../images/customer/bg_complete.svg)no-repeat 50% 50% / 82px 28px;}
    .customer_voice .bg_progress{width:82px;height:28px;background:url(../images/customer/bg_progress.svg)no-repeat 50% 50% / 82px 28px;}
    .customer_voice .bg_receipt{width:82px;height:28px;background:url(../images/customer/bg_receipt.svg)no-repeat 50% 50% / 82px 28px;}
    .customer_voice .inquiry_list li .inquiry_con .question_desc {padding:0 40px;}
    .customer_voice .inquiry_list li .inquiry_con .question_desc span{display:block; width:60px;padding:60px 40px 0 0; font-size:14px;font-weight:300;line-height:22px;color:#666;white-space:nowrap;}
    .customer_voice .inquiry_list li .inquiry_con .question_desc p{padding-top:60px;max-width:1000px; font-size:16px;line-height:24px;}

    .customer_voice .inquiry_list .answer_wrap {padding:0}

    .customer_voice .inquiry_list .answer_wrap .answer_state {padding:20px 20px 20px 140px;}
    .customer_voice .inquiry_list .answer_wrap .answer_state::before {left:40px;}

    .customer_voice .paging.type2 {display:flex;justify-content:center;padding-top:80px;}    

    /* 고객서비스_고객상담 프로세스 */
    .consultation_process .top_wrap .br{display:inline;}
    .process_info .tit_main{padding-top:100px;font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.44px;}
    .process_info .tit_main .br{display:inline}
    .consultation_process .process_info{padding-bottom:150px}
    .process_info ul li{padding-bottom:100px;}
    .process_info ul li:first-child{margin-top:80px;}
    .process_info ul li .item_inner{gap:11%;flex-direction:unset;align-items:center;}
    .process_info .process_item2 .item_inner{flex-direction:unset;justify-content:end;}
    .process_info .process_item4 .item_inner{flex-direction:unset;justify-content:end;}
    .process_info .process_item1 .img_wrap{width:49.153%;padding-right:0;}
    .process_info .process_item2 .img_wrap{width:49.153%;padding-left:0;}
    .process_info .process_item3 .img_wrap{width:49.153%;padding-right:0;}
    .process_info .process_item4 .img_wrap{width:49.153%;padding-left:0;}
    .process_info .text_area{padding-top:0;}
    .process_info .process_item1 .lottie_pc{width:16.5%;bottom:-9%;left:46%;transform:rotate(-45deg);}
    .process_info .process_item2 .lottie_pc{width:18.056%;bottom:-6%;right:40%;}
    .process_info .process_item3 .lottie_pc{width:17.362%;bottom:-8%;left:30%;}
    .process_info .text_area .tit{font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;}
    .process_info .text_area .desc{font-size:18px;font-weight:300;line-height:30px;}
    .process_info .text_area span{display:inline-block;}
    .process_info .text_area .br{display:inline;}
    .process_info .lottie_pc{display:block;position:absolute;z-index:1;}
    .process_info .lottie_mo{display:none;}
    
    .consumer_dispute{margin:0 75px;border-radius:30px;text-align:left;}
    .consumer_dispute .dispute_con{max-width:941px;margin:0 auto;padding:89px 20px 80px 320px;}
    .consumer_dispute .dispute_con::before{left:20px;top:50%;width:250px;height:250px;margin-top:-125px;transform:unset;}
    .consumer_dispute .tit{font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;}
    .consumer_dispute .desc{padding:10px 0 0;font-size:20px;font-weight:300;line-height:28px;}
    .dispute_con a{width:351px;}

    /* 고객서비스_자주묻는 질문 */
    .customer_faq .top_wrap .search_top {padding-top:60px}
    .customer_faq .top_wrap .desc {margin-top:67px;font-size:28px;line-height:38px;}
    .customer_faq .top_wrap .desc::before {top:-20px;left:-80px;z-index:1;width:89px;height:92px;}
    .customer_faq .top_wrap .desc::after {bottom:-26px;height:33px}
    .customer_faq .faq_top10 {padding-top:95px;margin:0}
    .customer_faq .faq_top10 .swiper-wrapper {flex-wrap:wrap;}
    .customer_faq .faq_top10 .swiper-slide {width:calc(20% - 8px);}
    .customer_faq .faq_top10 .swiper-slide a {background-size:70px 70px}
    .customer_faq .faq_top10 .swiper-slide a .txt {padding:130px 20px 0 20px}

    .customer_faq .tab_sticky {padding-top:120px;padding-bottom:5px}
    .customer_faq .top_wrap .tab_sticky {height:130px;padding-top:70px;}
    .customer_faq .tab_type1 {margin-top:60px;}
    .customer_faq .total {padding:50px 0 10px;}
    .customer_faq .faq_list li .question_wrap {padding:30px 35px 30px 40px;border-top:1px solid #e6e6e6;}
    .customer_faq .faq_list li .question_wrap:first-child {border-top:0 ;}
    .customer_faq .faq_list li .question_wrap .tit_wrap{justify-content:flex-start; align-items:center;flex-direction:row;padding:0; text-align:left;cursor:pointer;}
    .customer_faq .faq_list li .question_wrap .tit {flex:1;margin-right:40px;padding-top:0;font-size:20px;line-height:28px;}
    .customer_faq .faq_list li .question_wrap .date {margin-right:40px;padding-top:0; color:#000;}
    .customer_faq .faq_list li .question_wrap .btn_open{display:inline-block;position:static;margin-top:0; width:30px;height:30px;background:url(../images/customer/qna_close.svg)no-repeat 50% 50% / 30px;}

    .customer_faq .ico_question {margin-right:40px; font-size:28px;color:#FFED00;line-height:38px;-webkit-text-stroke:1px #000;}
    .customer_faq .faq_list .answer_wrap .answer_complete {position:relative;margin-bottom:30px; padding:50px 110px 110px 130px;border:1px solid #e6e6e6;border-radius:20px; background:#f8f8f8; font-size:20px;font-weight:300;line-height:28px;text-align:left;}
    .customer_faq .faq_list .answer_wrap .answer_complete::before {top:50px;left:40px;width:50px;height:50px;background:url(../images/customer/ico_ttugi.svg) no-repeat 0 0 / 100% 100%;}

    .customer_faq .faq_list .answer_wrap .answer_complete .img_wrap {display:flex;margin-right:430px;padding-top:40px;}
    .customer_faq .faq_list .answer_wrap .answer_complete .img_wrap .img_box {flex:none;width:270px;height:290px;padding-top:0;}
    .customer_faq .faq_list .answer_wrap .answer_complete .img_wrap .img_box + .img_box {margin-top:0;margin-left:20px;}
    
    .customer_faq .faq_list .answer_wrap .answer_complete .hash_tag {max-width:none;padding-top:40px;}
    .customer_faq .faq_list .answer_wrap .answer_complete .hash_tag a {float:left;padding:4px 17px;border:1px solid #000;border-radius:50%;font-size:18px;line-height:26px;text-align:center;}
    
    .customer_faq .paging.type2 {display:flex;justify-content:center;padding-top:80px;}

    /* 고객서비스_자주묻는 질문_상세 팝업 */
    .pop_faq_top10 {position:absolute;background:transparent}
    .pop_faq_top10 .tit_box {position:absolute;top:0;left:0;width:100%;height:auto;background:transparent}
    .full_layer .tit_box .btn_pop_close {top:10px}
    .pop_faq_top10 .pop_con {overflow:hidden;position:absolute;left:50%;top:50%;bottom:auto;z-index:1002;width:calc(100% - 40px);max-width:1180px;padding:0;-webkit-transform:translate(-50%,0);box-sizing:border-box;}
    .pop_faq_top10 .pop_con .inner {position:relative;padding:60px 30px;border-radius:25px;background:#FFF}
    .pop_faq_top10 .dim {display:block}

    .pop_faq_top10 .faq_detail .question {display:flex;align-items:center;}
    .pop_faq_top10 .faq_detail .question em {margin-right:40px;font-size:28px;line-height:38px}
    .pop_faq_top10 .faq_detail .question .tit {margin-top:0;font-size:22px;line-height:38px}
    .pop_faq_top10 .faq_detail .answer {overflow-y:auto;max-height:630px;padding:50px 40px 50px 149px}
    .pop_faq_top10 .faq_detail .answer::-webkit-scrollbar {width:5px;}
    .pop_faq_top10 .faq_detail .answer::-webkit-scrollbar-thumb {background:#666;border-radius:50px}
    .pop_faq_top10 .faq_detail .answer::-webkit-scrollbar-track {background:transparent}
    .pop_faq_top10 .faq_detail .answer::before {top:50px;left:40px}
    .pop_faq_top10 .faq_detail .answer .txt {padding-top:0;font-size:20px;line-height:28px;}
    .pop_faq_top10 .faq_detail .answer .img_wrap {display:flex;margin-right:410px}
    .pop_faq_top10 .faq_detail .answer .img_wrap .img_box {flex:none;width:270px;height:290px;padding-top:0}
    .pop_faq_top10 .faq_detail .answer .img_wrap .img_box + .img_box {margin-top:0;margin-left:20px}
    .pop_faq_top10 .faq_detail .answer .hash_tag {max-width:none;padding-top:30px;}
    .pop_faq_top10 .faq_detail .answer .hash_tag a {margin:10px 10px 0 0}

    /* 플로팅 팝업 */
    .fixed_floating {right:-300px;width:300px}
    .fixed_floating .img_box {width:auto;height:auto;margin-top:0;border-radius:0;}
    .fixed_floating .img_box a {display:block;outline-offset:-4px;}
    .fixed_floating.reach_end {bottom:45%}

    /* 고객서비스_고객만족활동 제품안전사용영상 */
    .safety_wrap .tab_type1 {margin-top:60px;padding-top:50px; text-align:left;}
    .safety_wrap .board_top .search_area {justify-content:center;padding-top:20px;}
    .safety_wrap .thumbs_list li {width:25%;}
    .safety_wrap .thumbs_list li a {margin-left:40px;margin-top:80px;}
    .safety_wrap .thumbs_list .tit {height:auto;}
    .safety_wrap .thumbs_list .prd_tag{font-size:18px;line-height:26px;}
    .board_wrap.safety_wrap .total {padding-top:26px;}
    .safety_wrap .thumbs_list li a {margin-bottom:0;}

    /* 고객서비스_고객만족활동 개선사례 */
    .customer_ms {margin-top:150px; width:calc(100% - 75px);height:auto; border-radius:0px 500px 500px 0px ; background:#FFED00}
    .customer_ms .customer_con {display:inline-block; position:relative;padding:35px 0 35px 232px; text-align:left;}
    .customer_ms .customer_con::before{content:'';position:absolute;left:0;top:50%; width:186px;height:186px;margin-left:0;background:url(../images/common/customer_cr.png)no-repeat 50% 50% / 100% 100%; transform:translateY(-50%);}
    .customer_ms .tit {font-size:40px;line-height:56px;}
    .customer_ms .desc {padding-top:10px; font-size:18px;font-weight:300;line-height:26px;}
    .customer_ms .desc .br {display:block;}
    
    .safety_wrap .board_top.d_block .search_area {justify-content: flex-end;}
    .safety_wrap .tit_info {display:flex; justify-content:space-between;align-items:center;padding:24px 0 40px;}
    .safety_wrap .btn_wrap {position:absolute;bottom:0;right:0;}
    .board_detail.safety_wrap .tit_wrap .btn_share {display:inline-block;position:relative;bottom:0}

    /* 고객서비스_소비자중심경영 */
    .customer_visual .tit_depth3{font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .customer_visual .desc{margin-top:5px;font-size:18px;line-height:26px;font-weight:300;}
    .customer_visual .top_wrap{padding-top:150px;} 
    .customer_visual .txt_wrap{bottom:115px;left:266px;}
    .customer_visual .txt_wrap em{font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .customer_visual .txt_wrap p{font-size:18px;line-height:30px;}

    .customer_ccm {padding-top:146px;}
    .customer_ccm .tit_wrap h3{font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .customer_ccm .img_wrap .img_box{max-width:241px;}
    .customer_ccm .txt_wrap{margin-top:50px;}
    .customer_ccm .txt_wrap p{font-size:22px;line-height:34px;}
    .customer_ccm .txt_wrap .br:nth-child(1){display:inline-block;}

    .customer_effect {padding:200px 90px;}
    .customer_effect .txt_box h3{font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .customer_effect ul{padding-top:80px;}
    .customer_effect ul li:first-child{padding-top:0;}
    .customer_effect ul li{flex-direction:unset;align-items:center;gap:114px;padding-right:0;padding-top:0;}
    .customer_effect .img_wrap{display:flex;overflow:hidden;position:relative;width:41.5%;padding-top:46%;padding-right:0;align-items:center;}
    .customer_effect .txt_wrap{padding-top:0;}
    .customer_effect .txt_wrap .tit{font-size:48px;line-height:64px;}
    .customer_effect .desc{margin-top:30px;font-size:18px;line-height:30px;}

    .customer_effect li.item2{flex-direction:unset;justify-content:flex-end;padding-left:0;}

    .customer_effect li.item1 .br:nth-child(1){display:inline-block;}
    .customer_effect li.item2 .br:nth-child(1){display:inline-block;}  
    .customer_effect li.item2 .br:nth-child(3){display:inline-block;}
    .customer_effect li.item3 .br:nth-child(1){display:inline-block;}
    
    .customer_lsp{background:#FFFDEB;}
    .customer_lsp {padding:200px 30px;}
    .customer_lsp .img_box img.img_pc{display:block;}
    .customer_lsp .img_box img.img_mo{display:none;}
    .customer_lsp .txt_wrap p{margin-top:60px;font-size:28px;line-height:38px;}
    .customer_lsp .br:nth-child(2){display:inline-block;}

    .customer_pledge{background:#f8f8f8;}
    .customer_pledge {padding:200px 0;}
    .customer_pledge .pledge{overflow:hidden;position:relative;width:838px;height:960px;padding:100px;margin:0 auto;border:1px solid #d9d9d9;border-radius:40px;background:#fff;box-sizing:border-box;}
    .customer_pledge .pledge::before{content:'';position:absolute;top:-1px;right:-1px;width:260px;height:226px;background:url(../images/customer/pc_bg_pledge_circle_01.svg) no-repeat 50% 50% / contain;border-radius:0 40px 0 0;}
    .customer_pledge .pledge::after{content:'';position:absolute;bottom:-1px;left:-1px;width:260px;height:226px;background:url(../images/customer/pc_bg_pledge_circle_02.svg) no-repeat 50% 50% / contain;border-radius:0 0 0 40px;}
    .customer_pledge .pledge .img_wrap{text-align:center;}
    .customer_pledge .pledge .img_wrap .img_box{max-width:124px;margin:0 auto;}
    .customer_pledge .pledge .img_wrap .img_box img{width:100%;}
    .customer_pledge .pledge .tit_wrap .tit{margin-top:30px;font-size:34px;line-height:47px}
    .customer_pledge .pledge .tit_wrap .tit .br{display:inline-block;}
    .customer_pledge .pledge .tit_wrap .desc{margin-top:40px;font-size:20px;line-height:28px;}
    .customer_pledge .pledge .txt_wrap{margin-top:40px;}
    .customer_pledge .pledge .txt_wrap ul li{margin-top:5px;padding-left:59px;}
    .customer_pledge .pledge .txt_wrap ul li .unit{font-size:18px;line-height:30px;}
    .customer_pledge .pledge .txt_wrap ul li .desc{font-size:18px;line-height:30px;}
    .customer_pledge .pledge .company_wrap{margin-top:40px;}
    .customer_pledge .pledge .company_wrap .date{font-size:18px;line-height:26px;}
    .customer_pledge .pledge .company_wrap .officer{margin-top:24px;}
    .customer_pledge .pledge .company_wrap .officer .img_wrap{margin-right:6px;width:125px;height:38px;line-height:38px;}
    .customer_pledge .pledge .company_wrap .officer span{font-size:26px;line-height:38px;}
    .customer_pledge::before{content:none;}
    .customer_pledge::after{content:none;}
    
    .customer_manage_certificate{background:#FFFBCC;}
    .customer_manage_certificate {padding:200px 48px;}
    .customer_manage_certificate .tit_wrap h3{font-size:48px;line-height:64px;letter-spacing:-1.44px;}
    .customer_manage_certificate .tit_wrap .desc{margin:30px 0 100px;font-size:20px;line-height:32px;}
    .customer_manage_certificate .certificate_list ul{display:flex;justify-content:center;gap:80px;}
    .customer_manage_certificate .certificate_list ul li{margin-top:0;}
    .customer_manage_certificate .certificate_list .img_wrap{max-width:500px;width:100%;padding:0;}
    .customer_manage_certificate .certificate_list .img_wrap img{width:100%;}
    .customer_manage_certificate .br:nth-child(1){display:inline-block;}
    .customer_manage_certificate .br:nth-child(3){display:inline-block;}

    /* 통합검색 */
    .result_wrap .search_top {margin-top:60px;}
    .result_wrap .tab_type1 {margin-top:80px;padding:0;background:none;}

    .product_ms {border-radius:100px;}
    .product_ms .product_con {padding:35px 540px 35px 200px;text-align:left;}
    .product_ms .product_con::after {right:200px;top:50%;width:300px;height:160px;margin-top:-80px;margin-right:0;background:url(../images/common/ottogi_mall_logo.svg)no-repeat 50% 50% / 300px 60px;}
    .product_ms .product_con .tit {font-size:28px;font-weight:500;color:#000;line-height:38px;}
    .product_ms .product_con .desc {padding-top:10px;font-size:15px;font-weight:300;color:#000;line-height:23px;}
    .product_ms .product_con .desc .br_pc {display:inline;}
    .product_ms .product_con .btn_s {margin-top:20px;}

    .total_search .shortcut_list {padding-top:30px;}
    .total_search .shortcut_list dl {display:block;margin-top:10px;padding:16px 40px;border-radius:15px;background:#F8F8F8;}
    .total_search .shortcut_list dl:first-child {margin-top:0;}
    .total_search .shortcut_list dl::after {content:'';display:block;clear:both;}
    .total_search .shortcut_list dl dt {float:left;width:150px;font-size:20px;font-weight:300;color:#000;line-height:28px;text-align:left;}
    .total_search .shortcut_list dl dd {float:left;position:relative;}
    .total_search .shortcut_list dl dd a {font-size:20px;font-weight:300;color:#DC2F34;line-height:28px;}
    .total_search .shortcut_list dl dd::after {content:'';position:absolute;bottom:1px;left:0;width:100%;height:1px;background:#DC2F34;}

    .total_search {padding-top:120px;}
    .total_search .board_wrap .thumbs_list {margin-left:-35px; margin-top:0;width:auto;}
    .total_search .board_wrap .thumbs_list li a {margin-left:35px;margin-top:40px;}
    .total_search .board_wrap .board_list {margin-top:40px;}
    .total_search .board_wrap .list_tit{font-size:28px;font-weight:500;color:#000;line-height:38px;text-align:left;}
    .total_search .board_wrap .list_tit em{color:#DC2F34;}
    .total_search .board_wrap.column_cont .column_slide .swiper-container {margin-top:0;margin-left:-25px;}
    .total_search .board_wrap.column_cont .column_slide .swiper-slide {width:calc(33.333% - 25px);margin-top:40px;margin-left:25px;}
    .recruit_notice .board_list li {gap:10px;}
    .recruit_notice .board_list .tit {margin:0;padding-right:100px;}
    .board_list li {flex-direction:column;align-items:start;gap:10px; position:relative;padding:20px 0 20px 120px;}
    .board_list li .no {position:absolute;top:50%;left:40px;transform:translateY(-50%);}
    .board_list.ico_move li::after {content: ''; position:absolute;top:50%;right:18px;width:48px;height:48px;margin-top:-24px;background:url(../images/common/btn_arw_right_24.svg)no-repeat 50% 50% / 24px;}
    .board_list.ico_link li::after {top:50%;right:32px;margin-top:-8px;}
    .board_wrap .invest li {padding:15px 40px;}
    .board_wrap .invest li.fixed_note {padding:31px 40px;}
    .board_wrap .invest li .pdf {position:absolute;top:50%;right:30px;transform:translateY(-50%);}
    
    .total_search .customer_faq .faq_list {margin-top:40px;}
    .total_search .safety_wrap .thumbs_list li {width:33.33%;}
    .total_search .report_wrap {padding-top:100px;text-align:center;}
    .total_search .report_wrap .board_list {margin-top:40px;}
    .report_wrap .board_list li {flex-direction:row; padding:30px 40px;}
    .total_search .report_wrap .list_tit{font-size:28px;font-weight:500;color:#000;line-height:38px;text-align:left;}
    .total_search .report_wrap .list_tit em{color:#DC2F34;}
    .total_search .list_more {padding-top:55px;}
    .total_search .controls {display:none;}
    .board_list.news li .tit {padding-right: 100px;}
    
    /* 통합검색_검색결과*/
    .total_search.result {padding-top:120px;}
    .total_search.result .board_wrap .thumbs_list li {margin-top:0}

    /* 통합검색_검색결과 없음 */
    .total_search.result_none .board_none {margin-top:0;}

    /* 개인정보 처리방침 */
    .privacy_wrap .top_wrap .sel_box::after {content:'';display:block;clear:both;}
    .privacy_wrap .top_wrap .sel_base {float:right; width:240px;height:40px;font-size:15px;line-height:23px;}
    .privacy_wrap .top_tit p {padding-top:20px;font-size:20px;line-height:28px;}
    .privacy_wrap .top_tit .br {display:inline;}
    .privacy_wrap h3 {font-size:28px;line-height:38px;}
    .privacy_wrap .labeling ul {padding:50px 103px;justify-content:space-between;}
    .privacy_wrap .labeling ul li{width:auto;max-width:94px;padding-top:76px;font-size:20px;line-height:28px;}
    .privacy_wrap .labeling ul li::after{content:'';position:absolute;top:0;left:50%;width:66px;height:66px;margin-left:-33px;}
    .privacy_wrap .labeling ul .privacy1::after{background:url(../images/common/ico_privacy1.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .labeling ul .privacy2::after{background:url(../images/common/ico_privacy2.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .labeling ul .privacy3::after{background:url(../images/common/ico_privacy3.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .labeling ul .privacy4::after{background:url(../images/common/ico_privacy4.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .labeling ul .privacy5::after{background:url(../images/common/ico_privacy5.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .labeling ul .privacy6::after{background:url(../images/common/ico_privacy6.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .index ul li {padding:18px 20px;}
    .privacy_wrap .index ul li a {font-size:18px;line-height:23px;}
    .privacy_wrap .index ul li a p {font-size:18px;}
    .privacy_wrap .privacy_con .tit_wrap {display:inline-block; margin-top:80px;padding:14px 0 14px;}
    .privacy_wrap .privacy_con .tit_wrap .ico {bottom:50%;left:auto;right:-86px;width:66px;height:66px;margin-bottom:-33px;}
    .privacy_wrap .privacy_con .tit_wrap .ico.privacy1 {background:url(../images/common/ico_privacy1.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .privacy_con .tit_wrap .ico.privacy2 {bottom:50%;left:auto;right:-172px;width:66px;height:66px;background:url(../images/common/ico_privacy2.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .privacy_con .tit_wrap .ico.privacy5 {background:url(../images/common/ico_privacy5.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .privacy_con .tit_wrap .ico.privacy7 {background:url(../images/common/ico_privacy7.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .privacy_con .tit_wrap .ico.privacy3 {background:url(../images/common/ico_privacy3.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .privacy_con .tit_wrap .ico.privacy4 {background:url(../images/common/ico_privacy4.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .privacy_con .tit_wrap .ico.privacy8 {background:url(../images/common/ico_privacy8.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .privacy_con .tit_wrap .ico.privacy9 {background:url(../images/common/ico_privacy9.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .privacy_con .tit_wrap .ico.privacy10 {background:url(../images/common/ico_privacy10.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .privacy_con .tit_wrap .ico.privacy11 {bottom:50%;left:auto;right:-172px;width:66px;height:66px;background:url(../images/common/ico_privacy11.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .privacy_con .tit_wrap .ico.privacy12 {background:url(../images/common/ico_privacy12.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .privacy_con .tit_wrap .ico.privacy13 {bottom:50%;left:auto;right:-172px;width:66px;height:66px;background:url(../images/common/ico_privacy13.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .privacy_con .tit_wrap .ico.privacy14 {background:url(../images/common/ico_privacy14.svg)no-repeat 50% 50% / 66px;}
    .privacy_wrap .privacy_con .article .tit {padding-top:30px;font-size:24px;line-height:34px;}
    .privacy_wrap .privacy_con .article .tbl_cont thead th {font-size:16px;line-height:24px;}
    .privacy_wrap .privacy_con .article .tbl_cont tbody td {font-size:16px;line-height:24px;}
    .privacy_wrap .privacy_con .article .list_a {padding-top:20px;}
    .privacy_wrap .privacy_con .article .list_b {padding-top:20px;}
    .privacy_wrap .privacy_con .article .list_b li p {display:inline-block;width:calc(100% - 20px);}
    .privacy_wrap .privacy_con .article .txt_info.pt_space {padding-top:20px;}

    /* 500 에러 */
    .error_wrap.error_500 .error_con {padding:280px 20px 0;}
    .error_wrap.error_500 .error_con::after {width:280px;height:280px;margin-left:-140px;background:url(../images/common/ico_error1.png)no-repeat 50% 50% / 280px;}

    /* 404 에러 */
    .error_wrap {padding-top:150px;}
    .error_con {padding-top:212px;}
    .error_con::after {width:174px;height:212px;margin-left:-87px}
    .error_con h2 {padding-top:50px;font-size:34px;line-height:46px;}
    .error_con .desc {font-size:18px;line-height:26px;}
    .error_con .info {padding-top:30px;font-size:15px;line-height:23px;}
    .error_con .br_pc {display:inline;}
    .error_con .btn_wrap {margin-top:50px;}

    /* 오시는 길 */
    .board_wrap.road_wrap .error_con {padding-top:212px;}
    .board_wrap.road_wrap .error_con::after {width:174px;height:212px;}


}
/************************************************* 1024px 이상 [e] *************************************************/

/************************************************* 1280px 이상 [s] *************************************************/
@media screen and (min-width:1280px){
    /* tab */
    .tab_type2 .inner{padding:0 50px;}

    /* indicator */
    .indicator_box{right:50px;}

    /* header */
    .header .inner {padding:0 50px}
    .header .logo {width:58px;height:58px}
    .header .logo a .ico {width:58px;height:58px}
    .header .lang {right:237px}
    .header .navbar>li>a {padding:0 13px;font-size:18px;line-height:26px;}
    .header .navbar>.menu_item.sitemap {padding:0 15px}
    .header .sub_menu {padding-left:15px}
    .header .sub_menu li a {font-size:14px;line-height:22px;}
    .header .util.pc ul li {margin-left:15px}
    .header .util.pc ul li .btn_search {width:30px;height:30px}
    .header .util.pc ul li .chat {width:36px;height:30px;}
    .header .util.pc ul li .link {width:126px;height:28px;padding:6px 36px 6px 10px;background:#FFFC29 url(../images/common/gnb_mall.svg) no-repeat top 50% left 10px / 80px 16px}
    .header .util.pc ul li .link::after {right:10px}

    /* footer */
    .footer .inner {padding:145px 50px 60px;}
    .footer .f_breadcrumb {left:50px}
    .footer .wa_mark {margin-top:30px}
    .footer .wa_mark .ico_ccm {width:41px;height:42px}
    .footer .wa_mark .ico_iso {width:69px;height:44px}
    .footer .wa_mark .ico_wa {width:48px;height:34px}
    .footer .wa_mark .ico_ffsb {width:140px;height:32px}

    /* container */
    .content_full .inner {padding:0 50px}
    .max_1440 .inner {padding:0 50px}
    .max_1180 .inner {padding:0 50px}

    /* main */
    .main_visual .swiper-pagination-bullet em {font-size:18px}

    .about_ottogi .item1 .img_box {margin:0 120px 0 140px}
    .about_ottogi .item1 .thumb {width:450px;height:500px}
    .about_ottogi .item1 .txt_box {padding:94px 0 0}

    .about_ottogi .item2 .thumb {width:520px;height:500px;margin:0 130px 0 120px}

    .about_ottogi .item3 .img_box {margin:0 120px 0 128px}
    .about_ottogi .item3 .thumb {width:450px;height:467px}

    .global_ottogi .show_wrap {width:1180px}
    .global_ottogi::after {right:-125px}
    .global_ottogi .show_wrap.pc_img .bg_9 {display:block}
    .global_ottogi .show_wrap.pc_img .bg_10 {display:block}

    .ottogi_prd .inner {padding:0 50px}
    .ottogi_prd .tit_main {right:50px}

    /* 회사소개_회사개요 */
    .about_company .intro_top .tit {padding:0 50px}
    .about_company .intro_top .cont {padding-left:50px}
    .about_company .philosophy .inner {padding:0 50px}
    .about_company .philosophy .item .con .txt {padding:0 170px;font-size:40px;line-height:56px;letter-spacing:-.8px;}
    .about_company .philosophy .item .con .txt::before {font-size:170px}
    .about_company .philosophy .item .con .txt::after {font-size:170px}
    .about_company .philosophy .item .con ul li {padding:80px}

    .customer_ms.type2 .customer_con .txt .d_block {display:block;}

    /* 회사소개_오뚜기소개_연혁 */
    .about_history .cont_wrap .years_group .tit_sub {font-size:64px;line-height:150px;}
    .about_history .cont_wrap .years_group .year {font-size:160px;line-height:120px;}

    /* 회사소개_오뚜기소개_창업주생애 */
    .about_hamtaiho .area4 .inner {gap:160px}
    .about_hamtaiho .area6 .inner {gap:272px}

    /* 회사소개_식품안전과학연구소 */
    .food_lab_visual .txt_wrap{left:50px;right:50px;bottom:90px;}

    .about_food_lab .advancement_wrap .sub_tit_wrap .txt .br_pc{display:block;}

    .about_food_lab .ottogi_way .sub_tit_wrap .txt .br_pc{display:block;}
    .ottogi_way.content_full .inner{display:flex;justify-content:space-between;max-width:1440px;margin:0 auto}
    .ottogi_way .cont_wrap{padding-top:0;}
    .about_food_lab .ottogi_way{padding-right:20px;}
    .about_food_lab .ottogi_way .sub_tit_wrap .txt{padding-right:0;font-size:20px;font-weight:300;line-height:28px;text-align:left;}

    /* 회사소개_해외법인소개 */
    .global_visual .txt_wrap .br{display:inline;}

    /* 회사소개_글로벌현황 */
    .global_status .tit_wrap{padding:0 50px;}
    
    .global_status .global_swipe_area .info_wrap .tit{font-size:64px;font-weight:500;line-height:90px;letter-spacing:-1.92px;}
    .global_status .global_swipe_area .info_wrap em{font-size:100px;font-weight:500;line-height:110px;letter-spacing:10px;}
    .global_status .global_swipe_area .info_wrap .slot_num_wrap span{font-size:80px;font-weight:500;line-height:100px;}
    .global_status .global_swipe_area .info_wrap .txt{font-size:26px;font-weight:300;line-height:38px;}

    
    /* 인재채용_인재상 */
    .talent_intro_top .tit{max-width:1440px;margin:0 auto;font-size:48px;font-weight:500;line-height:64px;letter-spacing:-1.44px;}
    .about_talent .talent_intro_top .tit{max-width:unset;margin:unset;padding:0 50px;}
    .talent_intro_top .txt_box p{width:unset;max-width:1440px;margin:0 auto;}
    .about_talent .talent_intro_top .cont{padding-left:50px;}

    .talent_cont_wrap li{gap:10.5%}
    .talent_cont_wrap .txt_wrap .txt .br_pc{display:block;}

    /* 인재채용_인사제도 */
    .about_personnel_sys .talent_intro_top .txt_box p{width:unset;max-width:1440px;margin:0 auto;word-break:keep-all;}

    .about_personnel_sys h3.tit{padding:0 50px;}
    .about_personnel_sys .position_system ul li{font-size:24px;font-weight:300;line-height:34px;}
    .about_personnel_sys .position_system ul li em{font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.64px;}
    
    /* esg경영_사회복지_선천성 심장병 어린이 후원 */
    .welfare_support .img_full {width:calc(100% - 50px);}
    .welfare_support .item .txt_box .br {display:block}

    /* esg경영_선포 및 실천방침 */
    .environment_visual .txt_wrap.has_line{left:50px;right:50px;}
    .txt_wrap.has_line{left:50px;right:50px;}

    /* esg경영_전략 및 방향 */
    .strategy_direction .lct_item.item1{padding-left:177.5px;}
    .strategy_direction .lct_wrap .yellow_circle{transform:translate(-28%, -50%);}
    .strategy_direction .lct_item.item2 .img_wrap{width:60.72%;padding-top:28.83%;border-radius:35%;}
    .eco_emblem .slide .ico_eco {width:290px;height:187px;margin:-144px 0 0 -145px}
    .eco_emblem .slide .swiper-container .swiper-slide {max-width:265px}
    .eco_emblem .slide .swiper-container .swiper-slide .desc {min-height:138px}

    /* esg경영_사회복지_선천성 심장병 어린이 후원 */
    .welfare.customer_ms .customer_con {padding:100px 12.5% 0}
    .welfare.customer_ms .customer_con .img {width:469px;height:340px}
    .welfare.customer_ms .customer_con .txt_wrap {padding:0 0 63px}
    .welfare.customer_ms .customer_con .sub_tit {font-size:24px;line-height:34px;}
    .welfare.customer_ms .customer_con .tit {font-size:30px;line-height:46px;}
    .welfare.customer_ms .customer_con .tit .br {display:inline}
    .welfare.customer_ms .customer_con .btn_download {margin-top:50px}

    /* esg경영_오뚜기 프렌즈  */
    .welfare_growth .cont_wrap .inner .lt_wrap{right:50px;}
    .facility_disabled .certificate_wrap .txt{font-size:20px;}

    .friend_effort .tit_wrap .tit{font-size:34px;font-weight:500;line-height:46px;}

    /* esg경영_교육장학_장학사업 */
    .tab_menu_wrap .swiper-slide button {font-size:13px;}

    /* esg경영_esg data */
    .esg_data .visual_top .txt_box p {padding:0 17.11%;font-size:24px;line-height:44px;transition:all .3s}

    /*  제품이야기_브랜드 스토리 */
    .sub_brand_story .sub_story .visual .lottie_wrap{padding-left:50px;}
    .sub_brand_story .sub_story .story_wrap .list .tit{font-size:48px;line-height:64px;}
    .sub_brand_story .brand_story_banner .banner_list .txt_box .brand{font-size:50px;line-height:75px;}
    .sub_brand_story .brand_story_banner .banner_list .next .txt_box .tit{font-size:34px;line-height:60px;}
    .sub_brand_story .brand_story_banner .banner_list .next .txt_box .coming_soon{font-size:48px;line-height:55px;}

    /*  제품이야기_브랜드 스토리 상세 */
    .sub_brand_story .story_sub_visual .inner{padding:0 50px;}
    .sub_brand_story .brand_prd_info .inner{padding:0 50px;}
    .sub_brand_story .brand_prd_info .img_box{right:50px;}
    .sub_brand_story .prd_tip .img_box .pick{right:7%;}

    /*  제품이야기_제품정보 카테고리1 */    
    .product_info .category .inner{padding:0 50px;}
    
    /* 브랜드경험_overview */
    .brands_ottogi h2.tit .br {display:inline}
    .brands_ottogi .swiper-container .swiper-wrapper {gap:100px 40px}
    .brands_ottogi .swiper-slide {width:calc(50% - 40px)}
    .brands_ottogi .swiper-slide .con_box .tit {font-size:26px;line-height:38px}

    /* 브랜드경험_공식캐릭터 */
    .brands_character_top .txt_area{margin-right:81px;}

    .digital_goods .txt_box .tit{font-size:26px;}
    .digital_goods .txt_box .hashtag span{font-size:16px;font-weight:300;line-height:28px;}

    /* 브랜드경험_오키친스튜디오 */
    .okitchen_visual .visual_con_wrap .inner{padding:0 50px;}
    .okitchen_visual .bot_wrap{gap:80px;}

    .okitchen_cooking .tit_wrap{margin:0 50px;}
    .okitchen_cooking .marquee .marquee_content{margin:0 50px;}

    /* 브랜드경험_롤리폴리 */
    .rolypoly_cont .cont_wrap ul li {gap:130px;transition:all .3s}

    .rolypoly_banner .txt {font-size:19px;line-height:26px;}
    .rolypoly_banner .txt .d_block {display:block;}

    .rolypoly_location .inner .tit {font-size:34px;line-height:46px;transition:all .3s}
    .rolypoly_location .inner .con .addr {font-size:18px;line-height:26px;transition:all .3s}
    .rolypoly_location .inner .con .addr .txt_s {font-size:15px;line-height:23px;}

    .rolypoly_follow .desc {font-size:18px;line-height:26px;transition:all .3s}
    .rolypoly_follow .desc .br {display:inline;}
    .rolypoly_follow .desc .br.fst {display:block;}

    /* 브랜드경험_푸드트럭 */
    .food_truck_visual .txt_wrap{right:50px;left:50px;}
    .food_truck_introduction .inner{padding:0 50px;}
    .food_truck_introduction .slogan_wrap .top_box{gap:120px;}
    .food_truck_introduction .slogan_wrap .bot_box{gap:120px;}

    /* 브랜드경험_공장견학 */
    .visit_intro .slogan {width:33.2%;height:400px;margin:0}
    .visit_intro .slogan::before {border-radius:500px;}
    .visit_intro .inner {padding:85px 30px 65px 15%}
    .visit_intro .slogan .txt {font-size:48px;line-height:64px}
    .visit_intro .slogan .txt .col_white {transform:translateX(-500px)}
    .visit_intro .slogan .txt .col_yellow {transform:translateX(-500px)}
    .visit_intro .desc {font-size:24px;line-height:34px;}
    .visit_intro .desc .br_pc {display:block}

    /* 브랜드경험_페스티벌 */
    .brands_festival .cont_wrap .cont {gap:130px}
    .brands_festival .cont_wrap .cont .txt_box .desc {margin-top:30px;font-size:18px;line-height:30px;word-break:keep-all;white-space: unset;}
    .brands_festival .cont_wrap .cont .txt_box .desc .br {display:block}
    .brands_festival .cont_wrap .cont1 .ico_box {top:0}
    .brands_festival .cont_wrap .cont3 .ico_box {left:-100px}
    .brands_festival .cont_wrap .cont4 .ico_box {right:-100px}

    .brands_festival .customer_ms .customer_con .link_wrap{display:inline-block;margin-right:10px;}
    .brands_festival .customer_ms .customer_con .link_wrap:last-child{margin-right:0;}
    .brands_festival .customer_ms .customer_con .link_wrap.plr30 a{padding: 0 30px !;}

    /* 브랜드경험_이벤트 */
    .ottogi_event .ico_box .ico_ballon{top:0;left:12.54%;width:117px;height:123px;}
    .ottogi_event .ico_box .ico_light{top:20px;left:20.51%;width:46px;height:52px;}
    .ottogi_event .ico_box .ico_star{top:54px;right:18.64%;width:47px;height:47px;}
    .ottogi_event .ico_box .ico_star2{top:16px;right:17.7%;width:26px;height:26px;}
    .ottogi_event .ico_box .ico_star3{top:13px;right:20.31%;width:21px;height:21px;}
    .ottogi_event .ico_box .ico_cloud{top:94px;right:13.8%;width:77px;height:33px;}

    /* 브랜드경험_공모전 (new) */
    .oif_area.v2 .oif_cont .inner .youtube_area {top:-300px}


    /* 브랜드경험_공모요강 (new) */
    .content_outline_schedule li{padding-left:500px;}
    .content_outline_schedule li span{font-size:26px;}
    .brands_award_list .award_detail li:last-child .inner::after{bottom:-248px;width:600px;}

    /* 브랜드경험_수상작 (new) */
    .brands_award_list .award_detail li:first-child .img_box{margin-top:-338px;}
    .brands_award_list .award_detail li:first-child .txt_box p{font-size:18px;line-height:26px;}
    .brands_award_list .award_detail .txt_box p{margin-top:30px;font-size:16px;line-height:24px;}
    .brands_award_list .award_detail.type2 li:first-child::before{bottom:-600px;}

    /* 브랜드경험_수상작 2회 (new) */
    .brands_award2th .brands_award_list .award_detail .sector{padding-left:60px;}
    .brands_award2th .brands_award_list .award_detail .detail_box{max-width:500px;}
    .brands_award2th .brands_award_list .award_detail .detail_box.wid380{max-width:380px;}
    .brands_award2th .brands_award_list .award_detail .detail_box.wid700{max-width:700px;}
    .brands_award2th .brands_award_list .award_detail li:first-child .txt_box p{font-size:18px;line-height:26px;}
    .brands_award2th .brands_award_list .award_detail .detail_box p,
    .brands_award2th .brands_award_list .award_detail .detail_box .txt_box .pc_br,
    .brands_award2th .brands_award_list .award_detail .detail_box .txt_box .mo_br{font-size:16px;line-height:24px;}
    .brands_award2th .brands_award_list .award_detail li:last-child .txt_box.float_right{margin-top:150px;}
}
/************************************************* 1280px 이상 [e] *************************************************/

/************************************************* 1440px 이상 [s] *************************************************/
@media screen and (min-width:1440px){
    /* tab */
    .tab_type2 .inner{padding:0 75px;}

    /* indicator */
    .indicator_box{right:75px;}

    /* header */
    .header.header_over::before {height:348px}
    .header .navbar>li>a {padding:0 22px}
    .header .sub_menu {height:318px;padding-left:22px}
    .header .sub_menu li {margin-bottom:15px}
    .header .util.pc ul li {margin-left:20px}
    .header .util.pc ul li .link {padding:3px 36px 3px 10px;font-size:14px;line-height:22px;}
    .header .util.pc ul li .link::after {right:10px}
    .header .util.pc ul li .link:hover::after {animation:move_play03 .5s ease-in-out infinite;-webkit-animation:move_play03 .5s ease-in-out infinite;}
    @keyframes move_play03 {
        0% {margin-top:-9px;right:10px}
        50% {margin-top:-11px;right:8px}
        100% {margin-top:-9px;right:10px}
    }
    @-webkit-keyframes move_play03 {
        0% {margin-top:-9px;right:10px}
        50% {margin-top:-11px;right:8px}
        100% {margin-top:-9px;right:10px}
    }

    .header .lang {right:252px}

    /* footer */
    .footer .f_toggle .toggle_list>li {margin-left:60px}

    /* container */
    .content_full .inner {padding:0 75px}
    .max_1440 .inner {padding:0 75px}
    .max_1180 .inner {padding:0 75px}

    /* main */
    .global_ottogi .show_wrap {width:1300px;gap:50px}
    .global_ottogi .show_wrap li {width:220px;height:220px;}
    .global_ottogi .show_wrap.pc_img .fade::after {width:220px;height:220px;background:url(../images/common/main_global1.png);background-size:1300px 490px}
    .global_ottogi .show_wrap.pc_img .fade2::after {width:220px;height:220px;background:url(../images/common/main_global2.png);background-size:1300px 490px}
    .global_ottogi .show_wrap.pc_img .bg_1 .fade::after{background-position:0 0;}
    .global_ottogi .show_wrap.pc_img .bg_1 .fade2::after{background-position:0 0;}
    .global_ottogi .show_wrap.pc_img .bg_2 .fade::after{background-position-x:-270px;}
    .global_ottogi .show_wrap.pc_img .bg_2 .fade2::after{background-position-x:-270px;}
    .global_ottogi .show_wrap.pc_img .bg_3 .fade::after{background-position-x:-540px;}
    .global_ottogi .show_wrap.pc_img .bg_3 .fade2::after{background-position-x:-540px;}
    .global_ottogi .show_wrap.pc_img .bg_4 .fade::after{background-position-x:-810px;}
    .global_ottogi .show_wrap.pc_img .bg_4 .fade2::after{background-position-x:-810px;}
    .global_ottogi .show_wrap.pc_img .bg_5 .fade::after{background-position-x:-1080px;}
    .global_ottogi .show_wrap.pc_img .bg_5 .fade2::after{background-position-x:-1080px;}
    .global_ottogi .show_wrap.pc_img .bg_6 .fade::after {background-position:0 220px;}
    .global_ottogi .show_wrap.pc_img .bg_6 .fade2::after {background-position:0 220px;}
    .global_ottogi .show_wrap.pc_img .bg_7 .fade::after {background-position:-270px 220px;}
    .global_ottogi .show_wrap.pc_img .bg_7 .fade2::after {background-position:-270px 220px;}
    .global_ottogi .show_wrap.pc_img .bg_8 .fade::after {background-position:-540px 220px;}
    .global_ottogi .show_wrap.pc_img .bg_8 .fade2::after {background-position:-540px 220px;}
    .global_ottogi .show_wrap.pc_img .bg_9 .fade::after {background-position:-810px 220px;}
    .global_ottogi .show_wrap.pc_img .bg_9 .fade2::after {background-position:-810px 220px;}
    .global_ottogi .show_wrap.pc_img .bg_10 .fade::after {background-position:-1080px 220px;}
    .global_ottogi .show_wrap.pc_img .bg_10 .fade2::after {background-position:-1080px 220px;}

    .ottogi_prd .inner {padding:0 12.5%}
    .ottogi_prd .tit_main {right:12.5%}
    .ottogi_prd .slider .img_box {width:625px;height:500px;}

    .ottogi_sns .controls {display:block;left:-45px;right:-45px}

    /* 회사소개_회사개요 */
    .about_company .intro_top .tit {padding-left:12.5%}
    .about_company .intro_top .cont {padding-left:12.5%}
    .about_company .philosophy .inner {padding:0 75px}

    .customer_ms.type2 .customer_con::before {right:0}

    /* 회사소개_오뚜기소개_창업주생애 */
    .about_hamtaiho .area1 .txt_box {padding:263px 175px 297px 80px;}
    .about_hamtaiho .area1 .txt_box .date {margin-top:10px}
    .about_hamtaiho .area5 .inner {padding:117px 6.26% 130px 55.2%;border-radius:0 0 300px 300px;}
    .about_hamtaiho .area5 .img_pc {left:100px}
    .about_hamtaiho .area5 .txt_box {max-width:567px}

    /* 회사소개_사업소개 */
    .about_business .intro_top .tit_wrap {padding:0}

    /* 회사소개_오뚜기소개_연혁 */
    .about_history .cont_wrap .details .timeline_item .img_motion {left:-130%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2018_1 {left:-150%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2018_2 {left:-90%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2017_1 {left:-145%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2017_2 {left:-100%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2016_1 {top:0;left:-140%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2016_2 {top:-50px;left:-110%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2014_1 {left:-140%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2013_1 {top:25px;left:-120%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2011_1 {top:-100px;left:-130%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2010_1 {top:20px;left:-90%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2008_1 {left:-120%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2005_1 {left:-140%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2004_1 {left:-110%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2002_1 {top:-60px;left:-140%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic2001_1 {top:0;left:-110%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic1994_1 {left:-100%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic1983_1 {left:-120%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic1973_1 {top:-30px;left:-100%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic1971_1 {top:-30px;left:-120%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic1969_1 {top:40px;left:-100%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic1969_2 {top:260px;left:-50%}
    .about_history .cont_wrap .details .timeline_item .img_motion.pic1969_3 {top:390px;left:-110%}
    body.scale .about_history .cont_wrap .details .timeline_item .img_motion.pic2018_1 {top:-70px;left:-160%}
    body.scale .about_history .cont_wrap .details .timeline_item .img_motion.pic2017_1 {left:-160%}
    body.scale .about_history .cont_wrap .details .timeline_item .img_motion.pic2017_2 {top:0px;left:-110%}
    body.scale .about_history .cont_wrap .details .timeline_item .img_motion.pic2010_1 {top:20px}
    body.scale .about_history .cont_wrap .details .timeline_item .img_motion.pic1969_3 {left:-120%}

    /* 회사소개_식품안전과학연구소 */
    .food_lab_visual .txt_wrap{left:75px;right:75px;bottom:90px;}

    .about_food_lab .visual .txt_wrap .sub_tit::before{width:100px;height:100px;background:url(../images/about/quotes_open_pc.png)no-repeat 0 0 / 100px 100px}
    .about_food_lab .visual .txt_wrap .txt_y::after{width:100px;height:100px;background:url(../images/about/quotes_close_pc.png)no-repeat 0 0 / 100px 100px}
    .about_food_lab .br{display:inline;}
    .about_food_lab .br_pc{display:block;}

    .about_food_lab .research_act .sub_tit_wrap .txt .br_pc{display:block;}

    .rule_wrap .slider .swiper-slide .num_item{left:50%;font-size:240px;font-weight:300;line-height:322px;/*transform:translate3d(-200px,0,0);*/}
    .rule_wrap .slider .swiper-slide.swiper-slide-active .num_item.on{transform:translate3d(0,0,0);}
    .rule_wrap .slider .swiper-slide .txt_item{font-size:64px;font-weight:300;line-height:90px;letter-spacing:-1.92px;}
    .rule_wrap .slider .txt_item em::after{height:4px;}
    .rule_wrap .slider .swiper-slide-duplicate-active .txt_item em::after{height:4px;}

    .advancement_wrap ul li{min-height:560px;}
    .advancement_wrap li .tit{font-size:38px;font-weight:500;line-height:54px;letter-spacing:-1.76px;}
    .advancement_wrap li .tit .desc{font-size:18px;font-weight:300;line-height:26px;letter-spacing:-0.65px;}
    .advancement_wrap .slot_num_wrap{font-size:24px;font-weight:500;line-height:34px;}
    .advancement_wrap .slot_num_wrap strong{font-size:64px;font-weight:500;line-height:90px;letter-spacing:-1.92px;}

    .advancement_wrap .item1 .lt_wrap{right:-29px;bottom:95px;width:227.36px;height:332.66px;}
    .advancement_wrap .item2 .lt_wrap{right:0;bottom:144.5px;width:209px;height:295.5px;}

    .pre_verify.content_full .inner{padding:0 30px;}

    .monitoring .cont_wrap{padding:150px 20px}
    .monitoring dl dt{font-size:64px;font-weight:300;line-height:90px;letter-spacing:-1.92px;}
    .monitoring dl dd{padding-top:20px;font-size:34px;font-weight:500;line-height:46px;}

    .analysis_list ul li{width:calc(25% - 22.5px);}

    .about_food_lab .ottogi_way .txt_wrap .txt .br_pc{display:inline;}

    /* 회사소개_글로벌현황 */
    .global_status .global_visual .txt_wrap p{font-size:66px;font-weight:600;line-height:100px;letter-spacing:13.2px;}
    .global_status .global_visual .txt_wrap .br{display:inline;}
    .global_status .tit_wrap{padding:0 75px;}
    .global_swiper_area{padding-left:240px;}
    .global_status .global_swiper_area .tit_wrap{left:240px;}

    /* 인재채용_인사제도 */
    .about_personnel_sys h3.tit{padding:0 75px;}

    /* 인재채용_직무소개 */
    .jobinfo_wrap .jobinfo_con {position:relative;margin-top:100px;padding:0;}
    .jobinfo_wrap .jobinfo_con:first-child {margin-top:169px;padding:0;}
    .jobinfo_wrap .tit_bg {height:70px;border-radius:500px 0 0 500px;background:#FFED00;}
    .jobinfo_wrap .tit_bg p {font-size:32px;font-weight:500;color:#000;line-height:46px;letter-spacing:-0.2px;}
    .jobinfo_wrap .tit_wrap .img_wrap {overflow:hidden;position:absolute; width:300px;height:300px;margin-top:60px; border-radius:30px;}

    .jobinfo_wrap .job_list { gap:20px 0; height:202px;padding:104px 0 54px;}
    .jobinfo_wrap .odd .job_list {gap:50px 0;padding-left:462px;padding-right:12.5%;}
    .jobinfo_wrap .even .job_list {gap:50px 0;padding-left:calc(17.85% + 400px);}
    .jobinfo_wrap .job_list li button {font-size:24px;font-weight:300;color:#000;line-height:24px;}
    .jobinfo_wrap .job_list li button::after {display:none;}

    /* 인재채용_인재상 */
    .about_talent .talent_intro_top .tit{padding-left:12.5%;}
    .about_talent .talent_intro_top .cont{padding-left:12.5%;}

    /* esg경영_사회복지_선천성 심장병 어린이 후원 */
    .welfare_support .img_full {width:calc(100% - 75px);}

    /* esg경영_선포 및 실천방침 */
    .environment_visual .txt_wrap.has_line{left:75px;right:75px;}
    .txt_wrap.has_line{left:75px;right:75px;}
    .announcement_area .txt_wrap p .br_pc{display:block;}

    /* esg경영_전략 및 방향 */
    .strategy_direction .lct_item .txt .br_pc{display:block;}

    .eco_emblem .inner {padding:100px 0 100px;}
    .eco_emblem .slide {height:1188px;padding:0}
    .eco_emblem .slide .ico_eco {width:387px;height:250px;margin:-125px 0 0 -194px}
    .eco_emblem .slide .swiper-container .swiper-slide i {width:180px;height:116px}
    .eco_emblem .slide .swiper-container .swiper-slide .tit {font-size:32px;line-height:46px;letter-spacing:-.64px;}
    .eco_emblem .slide .swiper-container .swiper-slide.item1 {left:13%}
    .eco_emblem .slide .swiper-container .swiper-slide.item2 {right:16%}
    .eco_emblem .slide .swiper-container .swiper-slide.item5 {top:74%;left:20%}
    .eco_emblem .slide .swiper-container .swiper-slide.item6 {top:74%;right:14%}
    .eco_emblem .slide .swiper-container .swiper-slide.item1::after {top:110px}
    .eco_emblem .slide .swiper-container .swiper-slide.item3::after {top:102px}
    .eco_emblem .slide .swiper-container .swiper-slide.item4::after {top:107px;left:-150px}
    .eco_emblem .slide .swiper-container .swiper-slide.item5::after {top:-144px}

    /* esg경영_사회복지_밀알복지재단 굿윌스토어 장애인 지원 */
    .goodwill_store .cont_top ul li .link_box {width:280px;height:280px;}
    .goodwill_store .cont_top ul li.item3 .link_box {height:330px;border-radius:144px;}
    .goodwill_store .cont_top ul li .link_box .lt_wrap {width:120px;height:120px}
    .goodwill_store .cont_top ul li.item1 .link_box .lt_wrap {width:135px;height:170px}
    .goodwill_store .cont_top ul li.item2 .link_box .lt_wrap {width:183px;height:120px}
    .goodwill_store .cont_top ul li .link_box a {margin-top:20px;font-size:28px;line-height:38px;}
    .goodwill_store .cont_top ul li .txt_box {padding-top:50px}
    .goodwill_store .cont_top ul li .txt_box .tit {font-size:24px;line-height:34px;}
    .goodwill_store .cont_top ul li .txt_box .slot_num_wrap {font-size:24px;line-height:34px;}
    .goodwill_store .cont_top ul li .txt_box .slot_num_wrap strong {font-size:80px;line-height:100px;}
    .goodwill_store .cont_top ul li.item1 .txt_box .slot_num_wrap strong {width:160px}
    .goodwill_store .cont_top ul li.item2 .txt_box .slot_num_wrap strong {width:150px}
    .goodwill_store .cont_top ul li.item3 .txt_box .slot_num_wrap strong {font-size:48px;line-height:64px;}
    .goodwill_store .cont_top ul li.item4 .txt_box .slot_num_wrap strong {width:170px;font-size:64px;line-height:90px;letter-spacing:-1.92px;}
    .goodwill_store .cont_top ul li .txt_box .price {margin-top:5px;font-size:34px;line-height:46px;}

    .goodwill_store .content1 .txt_box .lt .lt_wrap {width:135px;height:170px}
    .goodwill_store .content2 .txt_box .lt .lt_wrap {width:183px;height:120px}
    .goodwill_store .content3 .txt_box .lt .lt_wrap {width:120px;height:120px}
    .goodwill_store .content4 .txt_box .lt .lt_wrap {width:120px;height:120px}

    /* esg경영_전국 광역푸드뱅크 물품기부 */
    .sharing_story .txt_wrap .tit{font-size:40px;font-weight:500;line-height:56px;letter-spacing:-0.8px;}
    .sharing_story .txt_wrap .txt{padding-top:10px;font-size:18px;font-weight:300;line-height:26px;}

    /* esg경영_오뚜기 프렌즈  */
    .welfare_growth .cont_wrap .inner .lt_wrap{right:75px;height:505px}
    .facility_disabled .certificate_wrap .txt{font-size:24px;}

    .friend_swiper_area .swiper_wrap{padding-left:650px}
    .friend_swiper_area .txt_wrap{width:565px;}

    .friend_effort li.item1{padding-left:131px;}
    .friend_effort li.item1 .img_wrap{width:33.614%;padding-top:30.558%;}
    .friend_effort li.item2{padding-right:118px;}
    .friend_effort li.item2 .img_wrap{width:36.112%;padding-top:27.778%;}
    .friend_effort li.item3{padding-left:131px;}
    .friend_effort li.item3 .img_wrap{width:38.198%;padding-top:30.558%;}

    /* esg경영_동반성장_동반성장 소개 */
    .co_growth_operation .item_wrap li{gap:130px;}

    /* esg경영_동반성장_동반성장 지원 */
    .co_growth_support .item_wrap li{gap:130px;}

    /* esg경영_동반성장_소통채널 */
    .communication_channel .item_wrap > li{gap:130px;}

    /* 제품이야기_브랜드 스토리 */
    .sub_brand_story .sub_story .visual .lottie_wrap{padding-left:169px;}
    .sub_brand_story .sub_story .story_wrap .list .item_box{gap:0 130px;}
    .sub_brand_story .brand_story_banner .banner_list .next .txt_box .tit{font-size:40px;line-height:56px;}
    .sub_brand_story .brand_story_banner .banner_list .next .txt_box .coming_soon{font-size:40px;line-height:50px;letter-spacing:20px;}

    /* 제품이야기_브랜드 스토리 상세 */
    .sub_brand_story .story_sub_visual .inner{padding:0 75px;}
    .sub_brand_story .brand_prd_info .inner{padding:0 75px;}

    /*  제품이야기_제품정보 카테고리1 */
    .product_info .category .inner{padding:0;}

    /* 제품이야기_제품정보 카테고리2 */
    .product_info .category2 ul li.left_txt .inner{padding-left:10.334%;gap:159px;}
    .product_info .category2 .list_wrap li{padding:0;}
    .product_info .category2 .list_wrap li .inner{flex:unset;}
    .product_info .category2 ul li .img_area{width:625px;}
    .product_info .category2 ul li .inner .txt_area {width:496px; padding-top:70px;}
    .product_info .category2 .bg_right .bg{position:absolute;z-index:-1;right:0;left:unset;top:0;max-width:1680px;height:100%;background:url(../images/prd/prd_cate2_bg.png)no-repeat 60% 0 / 100% 100%;}
    .product_info .category2 .bg_left .bg{position:absolute;z-index:-1;left:0;top:0;max-width:1680px;height:100%;background:url(../images/prd/prd_cate2_bg_l.png)no-repeat 40% 0 / 100% 100%;}

    /* 제품이야기_카레이야기 - 활동 */
    .curry_activity .column_area .column_pc{max-width: 1158px;}
    .curry_activity .column_area .swiper-container .txt_box{padding:60px;}
    .curry_activity .column_area h4{font-size:32px;line-height:46px;}
    .curry_activity .column_area .swiper-container .txt_box .detail{padding-top:60px;}
    .curry_activity .column_area .swiper-container .txt_box .detail + .detail{padding-top:30px;}
    .curry_activity .column_area .swiper-container .txt_box .btn_wrap{display:block;bottom:60px;padding:0 60px;}
    .curry_activity .column_area .swiper-container .txt_box .btn_wrap a{margin-left:0;}
    .curry_activity .column_area .swiper-container .txt_box .btn_wrap a + a{margin-top:15px;}
    .curry_activity .column_area .swiper-container .txt_box .btn_wrap .btn_type_l{height:80px;line-height:76px;font-size:22px;}
    .curry_activity .column_area .swiper-container .txt_box .btn_wrap .btn_type2_l{height:80px;line-height:76px;font-size:22px;}

    /* 브랜드경험_overview */
    .brands_top .ico_box {position:absolute;bottom:30%;left:50%;right:0;max-width:1342px;margin-left:-671px;}
    .brands_top .ico_box .ico_heart{top:212px;left:0;width:53px;height:53px;}
    .brands_top .ico_box .ico_like{top:240px;left:3.87%;width:203px;height:148px;}
    .brands_top .ico_box .ico_ottogi{top:90px;left:27%;width:138px;height:136px;}
    .brands_top .ico_box .ico_spring{top:200px; right:27.12%;width:61px;height:30px;}
    .brands_top .ico_box .ico_smile{top:155px;right:24.87%;width:42px;height:42px;}
    .brands_top .ico_box .ico_light5{top:228px;right:5.06%;width:27px;height:26px;}
    .brands_top .ico_box .ico_heart2{top:264px;right:0;width:75px;height:60px;}
    .brands_top .ico_box .ico_light4{top:420px;left:11.47%;width:22px;height:22px;}
    .brands_top .ico_box .ico_good{top:444px;left:13.11%;width:53px;height:53px;}
    .brands_top .ico_box .ico_light3{top:280px;left:27.68%;width:24px;height:33px;}
    .brands_top .ico_box .ico_light2{top:248px;left:30.29%;width:16px;height:22px;}
    .brands_top .ico_box .ico_sns{top:345px;right:2.68%;width:229px;height:109px;}

    /* 브랜드경험_공식캐릭터 */
    .brands_character_top .insta_link{flex:unset;}
    .brands_character_top .tit{white-space:nowrap;}
    .brands_character_top a .click{width:170px;height:95px;}

    .character_info li{padding:0 25px;justify-content:unset;}
    .character_info .inner li.mayo {padding-left:31.5%;}
    .character_info .mayo{justify-content:unset;margin-top:200px;}
    .character_info .inner .chabi{padding-left:229px;}
    .character_info .mayo .img_area{width:28%;}
    .character_info .ttogi .ico{bottom:-33px;right:10%;width:115.05px;height:100px;background:url(../images/brands/ico_rice_bowl.svg)no-repeat 0 0 / 100% 100%;}
    .character_info .mayo .ico{bottom:0;left:19%;width:60px;height:125.55px;background:url(../images/brands/ico_mayonnaise.svg)no-repeat 0 0 / 100% 100%;}
    .character_info .chabi .ico{right:19%;bottom:0;width:60px;height:125.55px;background:url(../images/brands/ico_ketchup.svg)no-repeat 0 0 / 100% 100%;}

    .character_info .ttogi .ico_float{bottom:33%;right:-80px;}

    .follow_arrow_wrap{padding-left:240px;}
    .follow_arrow_wrap > a{margin-left:-240px;padding:70px 35% 50px 240px;}
    .follow_arrow_wrap > a .logo{right:240px;}
    .brands_follow_area .follow_arrow_wrap > a{padding:70px 35% 0 240px;}
    .brands_follow_area .slider{padding-right:240px;}
    
    .digital_goods.content_full .inner{padding:0 240px}
    .digital_goods .slider{overflow:unset;margin-left:-29.95px;}
    .digital_goods .swiper-slide{width:calc(33.33% - 29.95px);margin-left:29.95px;}

    .product_goods.content_full .inner{padding:0 240px}
    .product_goods .slider{overflow:unset;margin-left:-29.95px;}
    .product_goods .swiper-slide{width:calc(33.33% - 29.95px);margin-left:29.95px;}
    
    /* 브랜드경험_오키친스튜디오 */
    .okitchen_visual .visual_con_wrap .inner{padding:0 75px;}

    .okitchen_cooking .tit_wrap{margin:0 75px;}
    .okitchen_cooking .marquee .marquee_content{margin:0 75px;}

    .okitchen_sns .follow_arrow_wrap > a{padding:70px 35% 0 240px;}
    .okitchen_sns .insta_post_wrap{padding-right:240px;}

    .okitchen_location_guide .inner{padding:35px 240px;}
    .okitchen_location_guide .location_con_wrap::before{right:-80px;}

    /* 브랜드경험_롤리폴리 */
    .rolypoly_cont .cont_wrap ul li .img_box {flex:none}

    .rolypoly_location .inner {padding:35px 240px}
    .rolypoly_location .inner .con::before {right:140px}

    .rolypoly_follow .btn_link {padding:83px 49.68% 99px 240px}
    .rolypoly_follow .tit {font-size:44px;line-height:58px;letter-spacing:0;}
    .rolypoly_follow .txt {margin-top:20px;font-size:26px;line-height:38px}
    .rolypoly_follow .txt::before {width:40px;height:40px;margin-right:15px}
    .rolypoly_follow .logo {right:240px}

    /* 브랜드경험_푸드트럭 */
    .food_truck_visual .txt_wrap{right:75px;left:75px;}
    .food_truck_introduction .inner{padding:0 75px;}
    .food_truck_introduction .truck_introduction_wrap .truck_info{padding-bottom:4.5%;}

    /* 브랜드경험_공장견학 */
    .visit_application_form .tbl_write colgroup .w01 {width:15%}

    /* 브랜드경험_공모전 */
    .essay_area .essay_cont .item1{padding-right:10.424%;}
    .essay_area .essay_cont .inner ul .item2{padding-left:9.577%;}
    .essay_area .essay_cont .inner ul .item3{padding-right:13.645%;}
    .essay_area .essay_cont .txt{flex:unset;}

    .contest_visual .txt_wrap{padding:150px 0 0 7.6%;}
    .contest_visual .txt_wrap .ico1{top:30px;right:-130px;width:250px;height:198.35px;}
    .contest_visual .txt_wrap .ico2{bottom:105px;right:0;width:24px;height:24px;}
    .contest_visual .txt_wrap .ico3{right:-142px;top:46%;width:200px;height:260px;}
    .contest_visual .txt_wrap .ico4{right:-60px;top:92px;width:20px;height:20px;}
    .contest_visual .txt_wrap .ico5{left:360px;top:70px;width:20px;height:20px;}
    .contest_visual .txt_wrap .ico6{top:110px;left:125px;width:20px;height:20px;}
    .contest_visual .txt_wrap .ico7{left:15px;top:220px;width:64px;height:64px;}
    .contest_visual .txt_wrap .ico8{left:50px;top:460px;width:40px;height:40px;}
    .contest_visual .txt_wrap .ico9{left:53%;bottom:60px;width:20px;height:20px;}
    .contest_visual .txt_wrap .ico10{left:69%;bottom:162px;width:20px;height:20px;}
    .contest_visual .img_wrap .ico1{bottom:0;left:50px;width:38px;height:38px;}
    .contest_visual .img_wrap .ico2{bottom:unset;right:85px;top:185px;width:56px;height:56px;}
    .contest_visual .img_wrap .ico3{bottom:-133px;left:-103%;}
    .contest_visual .img_wrap .ico4{right:58%;top:50px;width:53px;height:53px;}
    .contest_visual .img_wrap .ico5{left:75px;top:170px;width:38px;height:38px;}

    .oif_area .oif_cont .inner ul{top:-148px;}
    .oif_area .oif_cont .inner ul .item1{padding-right:8.645%;}
    .oif_area .oif_cont .inner ul .item2{margin-top:-95px;padding-left:17.415%;}
    .oif_area .oif_cont .inner ul .item3{padding-right:7.007%;}
    .oif_area .oif_cont .txt_wrap p .br{display:block;}
    .oif_area .oif_cont .lt_wrap.type_pc{top:12.94%;right:-110px;}

    /* 브랜드경험_공모전 (new) */
    .oif_area.v2 .oif_cont .inner ul li {gap:130px}
    .oif_area.v2 .oif_cont .inner .youtube_area {top:-350px;padding:0 14%}
    .oif_area.v2 .oif_cont .lt_wrap.type_pc {right:0}
    .oif_area.v2 .oif_cont .txt_wrap p .br_mo {display:inline}
    .oif_area.v2 .oif_cont .inner ul .item1 {padding:0 14.513% 0 9.029%}
    .oif_area.v2 .oif_cont .inner ul .item2 {padding:0 4.689% 0 6.840%}
    .oif_area.v2 .oif_cont .inner ul .item3 {padding:0 4.514%}
    .oif_area.v2 .oif_cont .item1 .txt_wrap {width:471px}
    .oif_area.v2 .oif_cont .item2 .txt_wrap {width:544px}
    .oif_area.v2 .oif_cont .item3 .txt_wrap {width:630px}

    /* 브랜드경험_이벤트 */
    .ottogi_event .ico_box .ico_light{top:20px;left:19.51%;width:46px;height:52px;}

    /* 홍보센터 */
    .cf_wrap .cf_wrap .thumbs_list li a {margin-left:45px;margin-bottom:70px;}

    /* 홍보센터_칼럼 */
    .column_viewer .inner {padding:20px 75px 47px}
    .column_viewer .btn_area {right:75px}

    /* 브랜드경험_공모요강 (new) */
    .content_outline_schedule li{padding-left:570px;}
    .content_outline_sch1edule li span{font-size:28px;}
    .content_outline_schedule li span.br{display:unset;padding-left:30px;}

    .content_outline_award ul li.type2 li:last-child p{font-size:40px;line-height:56px;}

    /* 브랜드경험_수상작 (new) */
    .brands_award_list .award_detail li:last-child .inner::after{right:-70px;bottom:-200px;width:722px;}
}
/************************************************* 1440px 이상 [e] *************************************************/

/*************************************************1600px 이상 [s] *************************************************/
@media screen and (min-width:1600px){
    /* header */
    .header.header_over::before {height:388px}
    .header .inner {padding:0 75px}
    .header .navbar>li>a {padding:0 35px}
    .header .sub_menu {height:358px;padding-left:35px}
    .header .sub_menu li {margin-bottom:20px}
    .header .util.pc ul li {margin-left:30px}
    .header .lang {right:282px}

    /* footer */
    .footer .inner {padding:165px 75px 60px}
    .footer .f_breadcrumb {top:100px;left:75px;transition:all .3s;}
    .footer .f_toggle .toggle_list>li {margin-left:130px}

    .footer .f_toggle .toggle_list>li .pc_tit {font-size:24px;font-weight:500;line-height:38px;transition:all .3s;}
    .footer .f_toggle .toggle_list>li .f_link li {margin-top:12px}
    .footer .f_toggle .toggle_list>li .f_link li:first-child {margin-top:20px}
    .footer .f_toggle .toggle_list>li .f_link li a {font-size:15px;font-weight:300;line-height:24px}

    .footer .f_number dl dt {min-width:144px;font-size:15px;font-weight:300;line-height:23px}
    .footer .f_number dl dd {font-size:18px;font-weight:500;line-height:26px}
    .footer .f_number dl dd .txt {font-size:13px;font-weight:300;line-height:25px;}

    .footer .wa_mark {margin-top:60px}

    /* button */
    .btn_wrap.type3 a {flex:none;display:inline-block;width:auto;padding:0 100px}
    .btn_wrap.type3 button {flex:none;display:inline-block;width:auto;padding:0 100px}

    /* main */
    .about_ottogi .item .txt_box {max-width:unset}
    .about_ottogi .item1 .img_box {min-width:780px;margin:0 0 0 128px}
    .about_ottogi .item1 .txt_box {padding:94px 113px 0 0}
    .about_ottogi .item2 .img_box {margin-right:107px}
    .about_ottogi .item2 .thumb {margin:0}
    .about_ottogi .item2 .txt_box {margin-left:90px;padding-top:154px}
    .about_ottogi .item3 .img_box {min-width:780px;margin:0 0 0 128px}
    .about_ottogi .item3 .txt_box {padding:194px 113px 0 0}

    .about_ottogi .item2 .lt_wrap {right:-100px}
    .about_ottogi .item3 .lt_wrap {left:-120px}

    .brand_story .visual .txt_wrap {left:19.27%;right:19.27%}
    .brand_story .visual .btn_wrap {right:19.27%}

    .ottogi_prd .slider .txt_box {width:471px;transition:width .3s}

    /* sub */
    /* 회사소개_오뚜기소개_창업주생애 */
    .about_hamtaiho .area3 .inner {max-height:980px;padding:130px 16.66% 175px 14.58%;border-radius:500px}
    .about_hamtaiho .area3 .cont {gap:120px}
    .about_hamtaiho .area5 .inner {padding:117px 15.26% 130px 55.2%}
    .about_hamtaiho .area5 .img_pc {left:190px}

    /* esg경영_사회복지_선천성 심장병 어린이 후원 */
    .welfare_support .img_full {width:calc(100% - 12.5%);}
    .welfare.customer_ms .customer_con .tit {font-size:34px}
    .welfare.customer_ms .customer_con .tit .br_pc {display:block}

    /* esg경영_사회복지_밀알복지재단 굿윌스토어 장애인 지원 */
    .goodwill_store .cont_top ul {max-width:1270px;margin:0 auto;gap:50px}

    /* esg경영_오뚜기 프렌즈  */
    .friend_swiper_area > div{padding-left:12.5%;}

    .friend_swiper_area .swiper_wrap{padding-left:735px}

    /* 제품이야기_브랜드 스토리 */
    .sub_brand_story .brand_story_banner .banner_list .next .txt_box{padding:70px;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item4{margin-right:-110px;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item4 .lottie_wrap{top:-840px;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item4 .lottie_wrap.scale{margin-top:6%;}

    /* 제품이야기_카레이야기 - 활동 */
    .curry_activity .column_area .swiper-container .controls{right:11%;left:11%;}

    /* 브랜드경험_오키친스튜디오 */
    .okitchen_location_guide .location_con_wrap::before{right:-75px;}

    /* 브랜드경험_롤리폴리 */
    .rolypoly_location .inner .con::before {right:240px}

    /* 브랜드경험_공모전 */
    .oif_area .oif_cont .lt_wrap.type_pc{right:-175px;}
}
/************************************************* 1600px 이상 [e] *************************************************/

/************************************************* 1700px 이상 [s] *************************************************/
@media screen and (min-width:1700px){
    /* 회사소개_중앙연구소_심포지엄 상세 */
    .board_slide .info_slide_wrap .row_slide .slide_inner{margin:0 -75px;}

    /* 제품이야기_브랜드 스토리 상세 */
    .sub_brand_story .brand_prd_info .img_box{right:-100px;margin:0;}
}
/************************************************* 1700px 이상 [e] *************************************************/

/************************************************* 1023px 이하 [s] *************************************************/
@media screen and (max-width:1023px) {
    /* header */
	.header .nav .navbar {display:flex;flex-direction:column;overflow-y:auto;position:fixed;top:0;width:100%;height:100%;right:-100%;z-index:100;margin:0;padding:90px 0 35px;background:#FFF;transition:all 0.5s ease-in-out;}
	.header .nav .navbar.active {right:0}

	.header>.inner {height:50px;padding:0 20px}
	.header .logo {display:flex;align-items:center;position:relative;z-index:200;width:35px;height:50px;}
    .header .logo .ico {display:block;width:36px;height:36px;background:url(../images/common/logo.svg) no-repeat 0 0 / 100% 100%}
    .header .btn_back {display:none;position:relative;z-index:200;width:30px;height:50px;background:url(../images/common/btn_back.svg) no-repeat 0 50% / 30px 30px;text-indent:-9999px;}
    .header .navbar>li {margin-right:0;}
    .header .navbar>li>a {display:block;position:relative;padding:13px 20px;background:url(../images/common/ico_arw_right2.svg) no-repeat right 20px top 50% / 24px 24px;font-size:15px;font-weight:500;line-height:23px;text-align:left}
	.header .navbar>li .sub_menu {overflow-y:auto;position:fixed;top:50px;right:-100%;z-index:101;width:100%;height:100%;padding:40px 0 57px;background:#FFF;transition:all 0.5s ease-in-out;}
    .header .navbar>li .sub_menu.active{right:0}
    .header .navbar>li .sub_menu li:last-child {margin-bottom:0}
	.header .navbar>li .sub_menu li {text-align:left}
    .header .navbar>li .sub_menu li a {display:block;padding:14px 20px;background:url(../images/common/ico_arw_right2.svg) no-repeat right 20px top 50% / 24px 24px;font-size:14px;font-weight:300;line-height:22px;}
    .header .navbar>li .sub_menu li a:active {background:#F8F8F8 url(../images/common/btn_arw_right2_active.svg) no-repeat right 20px top 50% / 24px 24px;color:#DC2F34}

    .header .btn_search_mo {display:none;position:absolute;top:50%;right:40px;z-index:200;width:40px;height:40px;margin-top:-20px;background:url(../images/common/gnb_search.svg) no-repeat 50% 50% / 24px 24px;text-indent:-9999px;}
    .header.bg_white .btn_search_mo {display:block}

    .header .util.mo {display:flex;align-items:flex-end;flex:1;padding:13px 20px}
    .header .util.mo ul {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px 40px;width:100%}
    .header .util.mo ul li:last-child {width:35px;height:35px}
    .header .util.mo ul li .chat {display:block;position:relative;width:100%;height:100%;text-indent:-9999px}
    .header .util.mo ul li .chat::before {content:'';position:absolute;top:50%;left:0;width:35px;height:35px;margin-top:-17px;background:url(../images/common/gnb_chatbot.svg) no-repeat 0 0 / 35px 35px}
    .header .util.mo ul li .link {display:block;position:relative;padding:6px 26px 6px 0;font-size:14px;font-weight:300;line-height:22px;text-decoration:underline;}
    .header .util.mo ul li .link::after {content:'';position:absolute;top:50%;right:0;width:16px;height:22px;margin-top:-11px;background:url(../images/common/ico_arrow.svg) no-repeat 0 50% / 16px 16px}

    .header.bg_white>.inner {position:fixed;top:0}
    .header.col_white .logo .ico {background:url(../images/common/logo_wh.svg) no-repeat 0 0 / 100% 100%}

    .header.sub .logo {width:100%;justify-content:center;}
    .header.sub .lang {display:none}
    .header .btn_prev_page {position:absolute;top:50%;left:0;z-index:300;width:30px;height:30px;margin-top:-15px;background:url(../images/common/btn_back.svg) no-repeat 0 50% / 30px 30px;text-indent:-9999px;}
    .header.sub.bg_white .logo {width:35px;justify-content: unset;}
    .header.sub.bg_white .lang {display:block}
    .header.sub.bg_white .btn_prev_page {display:none}

    .col_white .btn_prev_page {background:url(../images/common/btn_back_w.svg) no-repeat 0 50% / 30px 30px}
}
/************************************************* 1023px 이하 [e] *************************************************/

/************************************************* 375px 이하 [s] *************************************************/
@media screen and (max-width:375px) {
    /* header */
    /* .header .util.mo ul {justify-content:flex-end;} */
}
/************************************************* 375px 이하 [e] *************************************************/

/************************************************* 360px 이하 [s] *************************************************/
@media screen and (max-width:360px){
    /* tab */
    .tab_type2 .btn_select{font-size:18px;line-height:24px;}

    /* indicator */
    .indicator_box .btn_indicator{font-size:14px;}

    /* footer */
    .footer .wa_mark .ico {width:240px;height:25px}

    /* main */
    .about_ottogi .item1 .lt_wrap {width:230px}

    .esg_manage .txt_wrap {top:80px}

    .brand_story .visual .ottogi {font-size:28px;line-height:38px}
    .brand_story .visual .brand {padding-left:23px;font-size:32px}
    .brand_story .visual .brand::after {right:-200px}
    .brand_story .visual .story {font-size:18px;}
    .brand_story .visual .desc {margin-top:10px;font-size:12px;line-height:18px}
    .brand_story .visual .btn_wrap {bottom:30px}

    /* sub */
    /* 회사소개_회사개요 */
    .about_company .philosophy .item .con ul li {padding:14px}

    /* 회사소개_오뚜기소개_연혁 */
    .about_history .cont_wrap .years_group .year {margin-bottom:-15px;font-size:50px;line-height:70px;}
    .about_history .cont_wrap .years_group .year .br {margin-left:0}

    /* 회사소개_오뚜기소개_중앙연구소 */
    .about_lab_intro .tit_wrap strong {font-size:36px;line-height:44px}
    .about_lab_intro .tit_wrap p {margin-top:10px;font-size:14px;line-height:22px}
    .about_lab_intro .cont_wrap ul li .txt {font-size:32px}
    .about_lab_intro .cont_wrap .txt_wrap span {font-size:18px}
    .about_lab_intro .cont_wrap .txt_wrap strong {font-size:24px;line-height:30px;}
    .about_lab_intro .since strong {font-size:48px}

    /* 회사소개_식품안전과학연구소 */
    .global_visual .txt_wrap{left:15px;right:15px;}
    .global_status .global_visual .txt_wrap{left:10px;right:10px;}
    .global_status .tit_wrap .txt .br{display:inline;}
    .global_cont_wrap .txt_wrap dd .br{display:inline;}

    /* 직무소개 팝업 */
    .layer_pop.job_info .tit_box h1 span {padding-left:0;}
    .layer_pop.job_info .br {display:block;}

    /* esg경영_선포 및 실천방침 */
    .environment_visual .top_wrap .tab_sticky{margin:0 -20px}

    .txt_wrap.has_line .br{display:inline;}
    .announcement_area .txt_wrap p .br{display:inline;}
    .announcement_area .txt_wrap p br{display:none;}

    /* esg경영_전략 및 방향 */
    .strategy_direction .txt_wrap.has_line .col_yellow .br{display:block;}

    /* esg경영_교육장학_장학사업 */
    .introduction_foundation .foundation_area.educational .link_wrap a{font-size:13px;}
    
    /* esg경영_동반성장_동반성장 소개 */ 
    .co_growth_practice .download_list li{padding:43px 20px 71px 20px;}
    .co_growth_practice .download_list .num{font-size:30px;}
    .co_growth_practice .download_list .txt{font-size:13px;}
    .co_growth_operation .link_wrap a{height:auto;line-height:33px;}
    .co_growth_operation .link_wrap .btn_type_l.ico_arw::after{height:33px;}
    .co_growth_operation .item_wrap .txt_box{padding:0 !important;}

    /* esg경영_동반성장_소통채널 */
    .communication_channel .tit_wrap{padding:0;}
    .communication_channel .item_wrap .item2 .txt_box .info_list li p{font-size:12px;}

    /* 사회공헌_사회공헌 */
    .contribution_cont .core_value .top_cont .lt_wrap {top:-47px}

    /* 제품이야기_브랜드 스토리 */
    .sub_brand_story .sub_story .story_wrap .list .item_box.item1 .txt_wrap{margin-right:-15px;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item2 .txt_wrap{margin-left:-85px;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item3 .txt_wrap{margin-right:-35px;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item4 .txt_wrap{margin-left:-35px;}
    .sub_brand_story .sub_story .story_wrap .list .item_box.item5 .txt_wrap{margin-right:-83px;}

    .sub_brand_story .brand_story_banner .banner_list .next .txt_box{padding:20px;}
    .sub_brand_story .brand_story_banner .banner_list .next .txt_box .tit{font-size:26px;line-height:38px;}
    .sub_brand_story .brand_story_banner .banner_list .next .txt_box .coming_soon{font-size:28px;line-height:40px;letter-spacing:7.8px;}
    
    /* 제품이야기_브랜드 스토리 상세 */
    .sub_brand_story .story_sub_visual .txt_wrap .tit{font-size:22px;}
    .sub_brand_story .story_sub_visual .txt_wrap .desc{font-size:12px;}
    .sub_brand_story .brand_products .products_slider .controls .swiper-button-prev{top:30%;}
    .sub_brand_story .brand_products .products_slider .controls .swiper-button-next{top:30%;}
    .sub_brand_story .brand_products .btn_wrap a{height:auto;line-height:33px;}
    .sub_brand_story .brand_products .btn_wrap .btn_type_l.ico_arw::after{height:33px;}
    
    /* 제품이야기_제품정보 카테고리1 */
    .product_info .category .prd_item{padding:0 20px !important;text-align:center;}
    .product_info .category .prd_item.list5{padding:0 !important;}
    .product_info .category .prd_item.list13 .hashtag{padding:0 20px;}

    /* 브랜드경험_overview */
    .ottogi_sns .tab_panel .tabs.fixed {justify-content:unset;}

    /* 브랜드경험_공식캐릭터 */
    .brands_character_top .txt::before{left:1%;}
    .brands_character_top a .click{right:40%;top:-66px;}
    .character_intro .tit .Yellows{width:114px;}
    .character_info .text_wrap .txt{padding:18px 0 0;font-size:14px;}
    .digital_goods .txt_box .hashtag span{font-size:11px;}

    /* 브랜드경험_오키친스튜디오 */
    .okitchen_visual .bot_wrap .txt_box .tit{font-size:23px;}
    .okitchen_visual .bot_wrap .txt_box .txt{font-size:13px;}
    .okitchen_cooking .slider{margin-left:20px;}
    .okitchen_cooking .slider .swiper-wrapper{gap:40px;}
    .okitchen_location_guide .location_con_wrap .address_area{margin:10px 20px 0;}
    .okitchen_banner .banner_con_wrap .btn_box a{height:auto;line-height:33px;}
    .okitchen_banner .banner_con_wrap .btn_box .btn_type_s.ico_arw::after{height:33px;}

    /* 브랜드경험_푸드트럭 */
    .food_truck_sns .follow_arrow_wrap > a .tit{font-size:31px;}

    /* 브랜드경험_공모전 */
    .contest_visual .txt_wrap{padding:48px 20px 0}
    .contest_visual .txt_wrap .ico1{top:0;right:-170px;width:250px;height:198.35px;}
    .oif_area .oif_cont .item1 .img_wrap{padding:0;}
    .oif_area .oif_cont .item2 .img_wrap{padding:0;}
    .oif_area .oif_cont .item3 .img_wrap{padding:0;}
    .oif_area .oif_cont .txt_wrap p .br{display:inline;}
    .oif_area .oif_cont .item1 .lt_wrap{right:-20px;height:31.27%;}
    .oif_area .oif_cont .item2 .lt_wrap{left:-20px;bottom:0;height:60.9%;}
    .oif_area .oif_cont .item3 .lt_wrap{height:38.6%;}

    .essay_area .essay_cont .item1 .img_wrap{padding:0;}
    .essay_area .essay_cont .item2 .img_wrap{padding:0;}
    .essay_area .essay_cont .item3 .img_wrap{padding:0;}

    /* 브랜드경험_수상작 (new) */
    .brands_award_visual .visual_con_wrap .btn_sel_box .btn_sel{padding-right:50px;font-size:30px;line-height:52px;background-size:50px;}
    .brands_award_visual .visual_con_wrap .btn_sel_box .select_menu a{font-size:25px;line-height:40px;}
    .brands_award_visual .visual_con_wrap .desc{margin-top:25px;font-size:16px;}
    .brands_award_list .award_detail li{padding-top:80px;}
    .brands_award_list .award_detail .detail_box + .detail_box{margin-top:80px;}

    /* 고객서비스_고객상담 프로세스 */
    .process_info .tit_main{font-size:31px;}
    .process_info .process_item1 .img_wrap{padding:0;}
    .process_info .process_item2 .img_wrap{padding:0;}
    .process_info .process_item3 .img_wrap{padding:0;}
    .process_info .process_item4 .img_wrap{padding:0;}
    .process_info .text_area .tit span{display:block;}
    .dispute_con a{font-size:13px;}

}
/************************************************* 360px 이하 [e] *************************************************/

/************************************************* 280px 이하 [s] *************************************************/
@media screen and (max-width:280px) {
    /* header */
    /* .header .util.mo {justify-content:flex-end;}
    .header .util.mo ul {gap:13px 0;flex-direction:column;align-items:flex-end;} */

    /* footer */
    .footer .f_number dl {margin-right:17px}
    .footer .f_number dl dd {margin-top:0;font-size:15px;line-height:23px}

    .footer .wa_mark ul {gap:10px}
}
/************************************************* 280px 이하 [e] *************************************************/