@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
/* ============================================================
 * COUNTRY OF HONOUR
 * ------------------------------------------------------------
 * Scope      : #content.country
 * Purpose    : 기존 ACFM sub layout을 유지하면서
 *              Country 페이지에서만 전용 layout 적용
 *
 * Layer
 *  1) main  : legacy family_sub.css 충돌 해제
 *  2) page  : Country UI
 *  3) a11y  : Country 전용 접근성
 * ============================================================ */


/* ============================================================
 * 1. LEGACY COLLISION OVERRIDE
 *    family_sub.css @layer main 대응
 * ============================================================ */
@layer main {

    /*
     * family_sub.css:
     * [class^="sub_visual"] {
     *   height:400px !important;
     *   background:... !important;
     * }
     */
    #content.country .sub_visual.country_visual {
        position:relative !important;
        width:100% !important;

        /*
         * 디자인 확정 전 구조값.
         * 추후 Hero 디자인 단계에서 조정 가능.
         */
        height:auto !important;
        min-height:360px;

        /*
         * 3depth dropdown이 Hero 하단 밖으로 펼쳐져야 하므로
         * 기존 sub_visual의 overflow:hidden을 Country에서 해제.
         */
        overflow:visible !important;

        /*
         * 기존 sub_visual의 background shorthand !important 제거 목적.
         * family_sub.css의 background:... !important 를 해제하면서
         * Country 기본 배경까지 같은 important 레벨에서 확정.
         *
         * Hero 이미지 확정 후 이 선언만
         * background:
         *   linear-gradient(...),
         *   url(...) center / cover no-repeat !important;
         * 형태로 교체.
         */
	    /*  background:
	         radial-gradient(
	             circle at 12% 18%,
	             rgba(253,175,23,.16),
	             transparent 30%
	         ),
	         radial-gradient(
	             circle at 88% 22%,
	             rgba(38,39,91,.08),
	             transparent 32%
	         ),
	         linear-gradient(
	             135deg,
	             #f7f5ef 0%,
	             #f1eee6 54%,
	             #f8f6f1 100%
	         ) !important; */

		background-image: url(/kor/img/country/banner_bg3.jpg) !important;
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;

    }


    /*
     * Photo Hero
     * - legacy sub_visual background !important와
     *   동일한 main layer에서 override
     */
    #content.country .sub_visual.country_visual.has-photo {
        background:
            linear-gradient(
                90deg,
                rgba(247,245,239,.94) 0%,
                rgba(247,245,239,.80) 42%,
                rgba(247,245,239,.48) 100%
            ),
            url("/eng/img/country_visual.jpg")
            center center / cover no-repeat !important;
    }

    /*
     * family_sub.css:
     * @media(max-width:1024px) {
     *   [class^="sub_visual"] {
     *     display:none !important;
     *   }
     * }
     *
     * Country Hero는 모바일에서도 유지.
     */
    @media only all and (max-width:1024px) {
        #content.country .sub_visual.country_visual {
            display:block !important;
        }
    }

}


/* ============================================================
 * 2. COUNTRY PAGE DESIGN
 * ============================================================ */
@layer page {

    /* --------------------------------------------------------
     * 2-1. Page root
     * -------------------------------------------------------- */

    #content.country {
        position:relative;
        padding-bottom:0;
        background: #fbfbf7;
		overflow: hidden;  /*  백그라운드 넘침 방지 */
    }


    /* --------------------------------------------------------
     * 2-2. Hero
     * -------------------------------------------------------- */

    #content.country .country_visual {
        position:relative;
        isolation:isolate;
        min-height:440px;
		border-bottom:1px solid #ddd;
		z-index:20;
		
    }

    /*
     * Country fallback pattern
     * - 사진이 없을 때도 Hero identity 유지
     * - report / magazine의 64px grid pattern 참고
     */
    #content.country .country_visual::before {
	 display:none;
        content:"";

        position:absolute;
        inset:0;

        z-index:0;

        pointer-events:none;

        background:
            linear-gradient(
                90deg,
                rgba(38,39,91,.07) 1px,
                transparent 1px
            ),
            linear-gradient(
                0deg,
                rgba(38,39,91,.055) 1px,
                transparent 1px
            );

        background-size:64px 64px;

        opacity:.65;

        -webkit-mask-image:
            linear-gradient(
                180deg,
                rgba(0,0,0,.82),
                rgba(0,0,0,.18)
            );

        mask-image:
            linear-gradient(
                180deg,
                rgba(0,0,0,.82),
                rgba(0,0,0,.18)
            );
    }

    /*
     * Country ambient motion
     * ---------------------------------------------------------
     * - grid(::before)는 고정
     * - Gold / Navy soft glow만 매우 느리게 이동
     * - 실제 콘텐츠(.container, z-index:2)보다 아래에 배치
     */
    #content.country .country_visual::after {
	display:none;
        content:"";

        position:absolute;
	    inset:0;

        z-index:1;

		pointer-events:none;

        background:
            radial-gradient(
                circle,
                rgba(253,175,23,.20) 0%,
                rgba(253,175,23,.09) 32%,
                transparent 68%
            ),
            radial-gradient(
                circle,
                rgba(38,39,91,.10) 0%,
                rgba(38,39,91,.04) 32%,
                transparent 66%
            );

        background-repeat:no-repeat;
		
        /*
         * 각 glow 자체를 Hero 안에서만 렌더링.
         * 1번: Gold / 2번: Navy
         */
        background-size:
            58% 150%,
            52% 145%;

        background-position:
            108% -18%,
            92% 105%;

        opacity:.74;

        will-change:background-position;

        animation:
            countryHeroGlow
            8s
            ease-in-out
            infinite
            alternate;
    }

    @keyframes countryHeroGlow {
        0% {
            background-position:
                108% -18%,
                92% 105%;
        }

        50% {
            background-position:
	            88% 10%,
	            104% 74%;
        }

        100% {
            background-position:
	            72% -4%,
	            82% 90%;
        }
    }

    #content.country .country_visual.has-photo::before {
        opacity:.32;
    }

    /*
     * 사진 사용 시에는 ambient glow를 약하게 유지.
     * 사진의 시각정보를 방해하지 않도록 강도만 감소.
     */
    #content.country .country_visual.has-photo::after {
        opacity:.38;
    }
	
    #content.country .country_visual > .container {
        position:relative;
		z-index:2;
        min-height:440px;
    }

    #content.country .country_visual_text {
        position:relative;
        margin-top:17rem;
        width:auto;
        text-align:center;
    }

    /*
     * Country flag
     * ---------------------------------------------------------
     * - Hero 우측 상단에 독립 레이어로 노출
     * - 기본 pattern / photo Hero 모두 동일하게 유지
     * - SVG 자체 비율(3:2) 유지
     */
    #content.country .country_visual_flag {
        position:absolute;
        top:24px;
        right:24px;

        z-index:40;

        width:72px;
        aspect-ratio:3 / 2;

        padding:0px;

        overflow:hidden;

        background:rgba(255,255,255,.82);
        border:1px solid rgba(0,0,0,.08);
        border-radius:2px;

        box-shadow:0 4px 14px rgba(0,0,0,.12);

        pointer-events:none;

		display: none;
    }

    #content.country .country_visual_flag svg {
        display:block;

        width:100%;
        height:100%;

        overflow:hidden;
		
    }

	/* Country identity logo */
	#content.country .country_visual_logo {
	    display:flex;
	    justify-content:center;
	    margin:0 0 40px;
	}

	#content.country .country_visual_logo img {
	    display:block;
	    width:26rem;
	    height:auto;
		
	}
	
    #content.country .country_visual_label {
        margin:20px 0 0px;
		padding-left:1.2rem;
        font-size:2rem; /* font-size:1.5rem; */
        line-height:1.3;
        font-weight:600;
        letter-spacing:1em;

        color:#2b2c56;
        text-transform:uppercase;	
    }

    #content.country .country_visual_title {
        margin:0;

        font-size: 7.2rem;
        line-height:0.95;
        font-weight:400;
        letter-spacing:0.1em;

        color:#fff;

		font-family: 'DM Serif Display', sans-serif;
    }

 #content.country .country_visual_text .txtlogo {
 width: 50rem; /* width: 38rem; */
 }
	

    /* --------------------------------------------------------
     * 2-3. Country local navigation
     * -------------------------------------------------------- */

    #content.country .country_local_nav {
        position:absolute;
        left:0;
        right:0;
        bottom:20px;

        width:100%;
		z-index:30;

        background:transparent;
        border-bottom:0;
    }

    /*
     * family_common.css의 전역 nav {
     *   height:100%;
     *   display:flex;
     *   justify-content:space-between;
     * }
     * 차단
     */
    #content.country .country-nav {
        display:block;
        width:100%;
        height:auto;
        margin:0;
    }

    #content.country .country-nav-list {
        display:flex;
        align-items:stretch;
		justify-content:center;

        width:100%;
        max-width:none;

        margin:0 auto;
        padding:0 24px;

        list-style:none;
    }

    #content.country .country-nav-list > li {
        position:relative;
        flex:0 0 auto;

        margin:0;
        padding:0;
    }

	#content.country .country-nav-list > li::after {
		content:"";
        position:absolute;
		top:45%;
		right: -20px;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: #2b2c56;
        
    }

		#content.country .country-nav-list > li:last-child::after {
		display: none;
	}

    #content.country .country-nav-list > li + li {
        margin-left:36px;
    }

    #content.country .country-nav-list > li > a {
        position:relative;

        display:flex;
        align-items:center;

        min-height:56px;

        padding:0;

        font-size:1.7rem;
        line-height:1.3;
        font-weight:400;

        color:rgba(43,44,86,0.6);
        white-space:nowrap;

        text-decoration:none;
    }

    #content.country .country-nav-list > li > a:hover {
        color:rgba(43,44,86,1);
    }

    #content.country .country-nav-list > li.active > a {
        color:rgba(43,44,86,1);
        font-weight:700;
    }

    #content.country .country-nav-list > li.active > a::after {
        content:"";

        position:absolute;
        left:0;
        right:0;
        bottom:0;

        height:3px;

        background:#fdaf17;

		display:none;
    }
	#content.country .country-nav-list > li > a span{
	font-weight:700;
	}


    /* --------------------------------------------------------
     * Country 3depth dropdown
     * -------------------------------------------------------- */

    #content.country
    .country-nav-list > li.has-children > a {
        gap:8px;
    }

    #content.country .country-nav-arrow {
        display:block;

        width:7px;
        height:7px;

        margin-top:-4px;

        border-right:1.5px solid currentColor;
        border-bottom:1.5px solid currentColor;

        transform:rotate(45deg);
        transition:transform .2s ease;
    }


    #content.country .country-nav-sub {
        position:absolute;
        left:50%;
        top:calc(100% - 2px);

        z-index:100;

        display:none;

        min-width:220px;

        margin:0;
        padding:8px 0;

        background:#fff;
        border:1px solid #ddd;

        box-shadow:0 8px 24px rgba(0, 0, 0, .10);

        transform:translateX(-50%);
    }


    #content.country .country-nav-sub > li {
        display:block;
        width:100%;
        margin:0;
        padding:0;
    }


    #content.country .country-nav-sub > li > a {
        display:block;

        width:100%;
        min-height:44px;

        padding:11px 20px;

        font-size:1.4rem;
        line-height:1.5;
        font-weight:400;

        color:#555;
        white-space:nowrap;

        background:#fff;
    }


    #content.country .country-nav-sub > li > a:hover,
    #content.country .country-nav-sub > li > a:focus-visible {
        color:#111;
        background:#f5f3ef;
    }


    #content.country .country-nav-sub > li.active > a {
        position:relative;

        color:#111;
        font-weight:700;

        background:#f5f3ef;
    }


    #content.country .country-nav-sub > li.active > a::before {
        content:"";

        position:absolute;
        left:0;
        top:0;
        bottom:0;

        width:3px;

        background:#fdaf17;
    }


    /*
     * Mouse + keyboard
     *
     * :focus-within 덕분에 Tab으로 dropdown에 진입해도
     * 메뉴가 닫히지 않음.
     */
    #content.country
    .country-nav-list > li.has-children:hover > .country-nav-sub,

    #content.country
    .country-nav-list > li.has-children:focus-within > .country-nav-sub {
        display:block;
    }


    #content.country
    .country-nav-list > li.has-children:hover .country-nav-arrow,

    #content.country
    .country-nav-list > li.has-children:focus-within .country-nav-arrow {
        transform:rotate(225deg);
        margin-top:4px;
    }

    /* --------------------------------------------------------
     * 2-4. Main content layout
     * -------------------------------------------------------- */

    #content.country .country_container {
        position:relative;
        display:block;
		z-index:1;
		

        /*
         * 기존 .container max-width를 그대로 이용.
         */
        width:100%;
    }

    /*
     * 기존 family_sub.css:
     *
     * .body_content {
     *   float:left;
     *   width:min(990px, calc(100% - 240px));
     *   padding:50px 50px 80px 80px;
     *   min-height:800px;
     * }
     */
    #content.country .country_body_content {
        float:none;

        width:100%;
        max-width:none;

        min-height:0;

        margin:0;
        padding:50px 0 120px;
    }


    /* --------------------------------------------------------
     * 2-5. 기존 content_head 사용 시 Country 보정
     * -------------------------------------------------------- */

    #content.country .content_head {
        margin-bottom:40px;
        padding-bottom:20px;

        border-bottom:none !important;
    }

    #content.country .content_head .tit_con {
        font-size:4.2rem;
        line-height:1.2;
        font-weight:700;

        color:#111;

        letter-spacing:-0.04em;

		display: none;
    }

    #content.country .content_head .location {
        margin-top:18px;
    }


    /* --------------------------------------------------------
     * 2-6. Country content common
     * -------------------------------------------------------- */

    #content.country .country_body_content img {
        max-width:100%;
        height:auto;
    }









    /* ========================================================
     * TABLET
     * ======================================================== */

    @media only all and (max-width:1024px) {
	#content.country .country_visual_logo img{ width:20rem;}
	#content.country .country_visual_title{
	font-size:5.7rem ;
	}
	#content.country .country_visual_text .txtlogo{
	width: 30rem;
	}
	#content.country .country_visual_label{
	font-size:1.2rem ;
	}

        #content.country .country_visual_flag {
            top:20px;
            right:25px;
            width:64px;
        }

        #content.country .country_visual,
        #content.country .country_visual > .container {
            min-height:320px;
        }

        #content.country .country_visual_text {
		margin-top: 11.5rem;
        }


        /*
         * 수평 Local Navigation
         *
         * 메뉴를 억지로 2줄로 만들기보다
         * 좁은 화면에서는 horizontal scroll을 권장.
         */
        #content.country .country_local_nav {
            overflow:visible;
        }

        #content.country .country-nav {
            overflow:visible;
        }

        #content.country .country-nav-list {
            width:100%;
            min-width:100%;

            padding-left:25px;
            padding-right:25px;
        }

        #content.country .country-nav-list > li + li {
            margin-left:28px;
        }

        #content.country .country-nav-list > li > a {
            min-height:58px;
            font-size:1.5rem;
        }


        #content.country .country_body_content {
            /*
             * 일반 서브페이지와 동일한 상단 간격 유지.
             * family_sub.css body_content 기준: 30px
             * 좌우 gutter는 .country_container.container가 담당
             */
            padding:30px 0 90px;
        }

    }


    /* ========================================================
     * MOBILE
     * ======================================================== */

    @media only all and (max-width:768px) {

        #content.country .country_visual_flag {
            top:16px;
            right:20px;
            width:54px;
        }

	    #content.country .country_visual::after {
	        background-size:
	            78% 145%,
	            72% 140%;

	        opacity:.56;

	        animation-duration:14s;
	    }

	    #content.country .country_visual.has-photo::after {
	        opacity:.28;
	    }
        #content.country .country_visual,
        #content.country .country_visual > .container {
            min-height: 300px;
        }

        #content.country .country_visual_text {
                 margin-top: 10rem;
        }
		
	    #content.country .country_visual_logo {
	        margin-bottom:30px;
	    }

	    #content.country .country_visual_logo img {
	       
	    }

        #content.country .country_visual_label {
            margin-bottom:8px;
			font-size: 1.19rem;
        }

        #content.country .country-nav-list {
            padding-left:20px;
            padding-right:20px;
        }

		#content.country .country-nav-list > li::after{
		    top: 46%;
			right: -15px;
		}

        #content.country .country-nav-list > li + li {
            margin-left:24px;
        }

        #content.country .country-nav-list > li > a {
            min-height:56px;
            font-size:1.4rem;
        }


        #content.country .country_body_content {
            padding-top:30px;
            padding-bottom:70px;
        }


        #content.country .content_head {
            margin-bottom:40px;
            padding-bottom:20px;
        }

        #content.country .content_head .tit_con {
            font-size:3.2rem;
        }

    }


    /* ========================================================
     * SMALL MOBILE
     * ======================================================== */

    @media only all and (max-width:480px) {

		#content.country .country_local_nav{bottom:10px;}
	
        #content.country .country_visual_flag {
            top:14px;
            right:16px;
            width:48px;
        }

        #content.country .country_visual,
        #content.country .country_visual > .container {
            min-height:270px;
        }

        #content.country .country_visual_text {
           margin-top: 9rem;
        }
		    #content.country .country_visual_text .txtlogo{
			width: 28rem;
			}
	 #content.country .country_visual_label {
        margin-bottom: 8px;
        font-size: 1.1rem;
    }
		 #content.country .country-nav-list {
            flex-wrap: wrap;
        }
		#content.country .country-nav-list > li > a{
		min-height: 25px;
		}
		#content.country .country-nav-list > li::after{
		    top: 46%;
			right: -12px;
		}

        #content.country .country-nav-list > li + li {
            margin-left:20px;
        }
		
	    #content.country .country_visual_logo img {
	        width:min(210px, 78vw);
	    }

    }

}


/* ============================================================
 * 3. COUNTRY ACCESSIBILITY
 * ============================================================ */
@layer a11y {

    /*
     * Country local navigation touch target
     */
    @media (pointer:coarse) {

        #content.country
        .country-nav-list > li > a {
            min-block-size:44px;
        }

    }


    /*
     * 기존 global focus-visible과 병행.
     * active underline과 focus 표시를 분리.
     */
    #content.country
    .country-nav-list > li > a:focus-visible {
        outline:3px solid #1a73e8;
        outline-offset:-3px;
        border-radius:2px;
    }


    /*
     * 사용자 reduced-motion 설정 존중.
     * reset.css에도 전역 보정이 있으므로
     * Country Hero의 decorative ambient motion도 명시적으로 정지.
     */
    @media (prefers-reduced-motion:reduce) {

	    html:not(.force-motion)
	    #content.country .country_visual::after {
            animation:none !important;
            will-change:auto;
        }
    }	 
}


/* head */
.util {background: #220f0f; border-bottom: 1px solid rgba(255,255,255,0.2);}
.util .family_site li a, .util .login li a {color: #fff;}
.util .family_site li a:hover {color:#eb9a17;}
.util .login li a:hover {color:#eb9a17;}
.util .login li.btnLogin a:hover {color:#220f0f;}
.util .login li.active a, .util .family_site li.active a {color:#eb9a17;}

 #gnb {background: #220f0f;}
 nav .depth1 li a span {color:#fff}
 nav .depth1 li a.active span {
   color:#fdaf17;
   font-weight:700;
 }
 nav .depth1 li a:hover,
 nav .depth1 li a:hover:focus {
   color:#ccc
 }

/* head - sitemap - moibile*/
 .mn_btn .line{background-color: #fff;}
 .modal_open .mn_btn .bline, .modal_open .mn_btn .tline{background-color: #000;}

 .footer_inner{border: none;}


/* 주빈국 - 공통 */
.contWrap{padding-top: 4rem; word-break: keep-all;}
.contWrap h3{font-size: 2.8rem; margin-bottom: 3rem; color:#523d22; font-weight: 700;}
.contWrap h3.ko_tit {font-size: 2.8rem; font-weight: 600; }
.contWrap h3 span{font-size: 2rem; margin-left: 0.8rem; font-weight: 600; color: #9e9282;}
.contWrap h3 span.light{font-size: inherit; font-weight: 600; color:#523d22; margin-left: 0rem;}
.contWrap p{font-size: 1.7rem; letter-spacing: -0.01em; line-height: 1.8; color: #222;}
.contWrap section{padding: 12rem 0;}

.contWrap .pt-0{padding-top:0 !important;}
.contWrap .pb-0{padding-bottom:0 !important;}
.contWrap .mt-0{margin-top:0 !important;}
.contWrap .mb-0{margin-bottom:0 !important;}
.contWrap .mt-20{margin-top:2rem !important;}
.visible{display: none;}
.line2 {color: #cdc9c3; margin: 0 1rem; font-size: 0.9em;}
.italic{font-style: italic;}


/* 주빈국:태국 - 개요 */
.overview {width:100%; position: relative; }
.overview h3 {font-size: 4rem !important; }
.overview .imgBox {width: 86.2rem; position: relative; margin: 0 auto; padding-top: 4rem;}
.overview .imgBox a {width: 100%; height: 100%; cursor: pointer;}
.overview .imgBox img {width: 100%;}
.overview .txtBox {width: 100%; text-align: center; margin: 7rem auto 0;}

.go_btn{position: relative; padding:  0.8rem 1rem ; display: flex; align-items: center; justify-content: center; cursor: pointer; margin: 4rem auto 0; width: 16rem; border-bottom: 1px solid #9e9282; }
.go_btn a{position: absolute; top:0; left: 0; width: 100%; height: 100%; display: block; border-radius: 50%; z-index:2;}
.go_btn p{position: relative; color:#9e9282; line-height: 1.4; font-size: 1.5rem !importnat; font-weight: 500; line-height:1; padding-right: 2rem;}
.go_btn:after{content: ""; position: absolute; width: 2rem; height: 1px; background: #9e9282; right: -0.3rem; bottom: 0.6rem; transform: rotate(45deg);}
/* .go_btn p{position: relative; color:#9e9282; line-height: 1.4; font-size: 1.5rem !importnat; font-weight: 500; padding-left:2rem; line-height:1; padding-top: 0.35rem;} */
/* .go_btn p:before{content: ""; position: absolute; width: 1rem; height: 1rem; border-radius: 50%; background-color: #9e9282; left: 0rem; top: 0.6rem; display: block;} */
/* .go_btn p span{margin-left: 1rem;} */

.go_btn:hover{border-bottom: 1px solid #433119; }
.go_btn:hover p{color: #433119}
.go_btn:hover:after{background: #433119; }
/* .go_btn:hover p:before{background: #f8b500;} */


/* 주빈국:태국 - 인사말 */
.greeting{position: relative;}
.greeting:before{content:""; position: absolute; width: 100vw; height: 100%; top:0; background-image: url(/kor/img/country/country_02.jpg) ; left: 50%; transform: translateX(-50vw); z-index: -1; opacity:0.6; background-position: right bottom;}
.greeting .txtBox{ margin-top: 8rem; }
.greeting .box:nth-child(2){margin-top:7rem;}
.greeting .name{margin-top: 4rem; font-weight:500;  color: #9e9282; text-align:left;}
.greeting .line{display: block; width: 24px; height: 2px; background-color: #523d22 ; margin-bottom: 3rem;}


/* 주빈국:태국 - 인사이트*/
.insight{position:relative;  }
.insight:before{content:""; position: absolute; width: 100vw; height: 100%; top:0; left: 50%; transform: translateX(-50vw); z-index: -1; background-color: #dddbd5; }
.insight .s_sec{padding: 5rem 0;}
.insight h3{}
.insight h3 span{ margin-right: 1rem;}
.insight > p{margin-bottom: 3rem;}
.insight .flex{display: flex; justify-content: space-between; align-items: stretch; gap:10px; margin-top: 3rem;}
.insight .flex .box{ padding: 6rem 1rem; background-color: #fbfbf7; width: 100%; box-sizing: border-box; text-align: center; border-radius: 1rem; box-shadow: 2px 2px 10px rgba(81,61,34,0.1);}
.insight h4{ font-size: 1.9rem; margin-bottom: 1.6rem; color: #9f7239; font-weight: 600;  letter-spacing: -0.01em;}
.insight p.number{font-size: 3.4rem; font-weight:800; color: #222; margin-bottom: 1rem; line-height: 1;}
.insight .btnBox{display: flex; width:100%; justify-content: center; gap: 100px; margin: 4rem auto 0;}
.insight .btnBox .go_btn{width: 26rem; margin:0;}


/*주빈국:태국 -  로고*/
.logo_all {text-align:center; }
.logo_all .logoBox {display: flex; align-items: center; justify-content: center; gap: 160px; padding: 6rem 0; }
.logo_all img {height: 12rem;} 


/* 키프로그램*/
.program {}
.program h3{/* background: #f1f1ec;  *//* border-top: 1px solid #cdc9c3; border-bottom: 1px solid #cdc9c3; */ margin-bottom: 2rem !important; font-weight: 700; position: relative; background: #fbfbf7; z-index:10;}
.program h3:before{content:""; position: absolute; width: 16px; height: 2px; background: #523d22; top: -1rem; left:0; z-index:-1;}
.program .s_sec {padding: 5rem 0;  border-bottom: 1px solid #cdc9c3; margin: 0 0rem;}
.program .s_sec:last-child { border-bottom: none !important;}
.program .titBox { /* border-bottom: 1px solid #cdc9c3;  */}
.program .titBox h4 {font-size: 2.2rem; margin-bottom: 0.4rem; font-weight: 700; color: #523d22;}
.program .titBox .date {color: #9e9282; font-weight: 400;}
.program .des { margin-top: 2rem; }
.program .des .m_title {font-size: 2.2rem; font-weight: 600; margin-bottom: 1.4rem; color: #523d22;}
.program small{font-size: 0.7em; color: #9e9282; margin-left: 1rem;}


.sec03 {position: relative; width: 100%;}
/* .sec02:before {content:""; position: absolute; width: 100vw; height: 100%; top:0;  left: 50%; transform: translateX(-50vw); z-index: -1; background: #f1f1ec;} */
.sec03 .flex{width: 100%; display: flex; align-items: stretch; justify-content: space-between; margin-top: 2rem !important;}
.sec03 .flex .box:nth-child(1){width: 34%;}
.sec03 .flex .box:nth-child(2){width: calc(100% - 34%); padding-left:5rem; display:flex; align-items: center; /* border-top: 1px solid #cdc9c3; border-bottom: 1px solid #cdc9c3; */}
.sec03 .flex .box p strong {font-size: 1.9rem;}
.sec03 .flex img{width: 100%; margin-bottom: 0 !important;}


/* 슬라이드 영역-공통*/
.contWrap .film {margin-top: 4rem; background: none;}
.contWrap .film .box {}
.contWrap .film .box img {width: 100%; margin-bottom: 2rem;}
.contWrap .film .box p {font-size: 1.5rem;}
.contWrap .film .box p:last-child {padding-right: 1rem;}
.contWrap .film .box p strong {font-size: 1.9rem;}
.contWrap .film .box .pp {color: #9e9282;}
.contWrap .film .box .pp2 {color: #9e9282; margin-left: 1rem;}
.contWrap .film .box .info {color: #9e9282; font-size: 1.4rem;}

.contWrap .filmSlider{width: 100%;}
.contWrap .filmSlider .slick-list{margin: 0 -4px;}
.contWrap .filmSlider .slick-slide{padding: 0 4px ; box-sizing: border-box; height: auto;}

.Incentive .filmSlider .slick-track{margin-left: 0 !important;}
.Incentive .filmSlider p{font-size: 17px !important;}



/* 참가페이지 - 페이지 넘버  */
 .page-item .page-link{min-inline-size: 40px !important;}
 .page-item.active .page-link{color: #fff; background-color: #523d22;} 
  .page-item.active:hover .page-link{color: #fff !important;}
  .page-item:hover .page-link{color: #aaa !important; }


@media (max-width:1240px){
.overview{flex-wrap: wrap; flex-direction:column; align-items: baseline;}
.insight .flex {flex-wrap: wrap;}
.insight .flex .box{ width: calc(50% - 10px);}
}
@media (max-width:1024px){
.overview .imgBox {width: 80%;}
.overview .txtBox {margin-top: 6rem;}
.contWrap section{padding: 10rem 0;}
.clear{display: none;}
.greeting:before{background-position: 70% bottom;}
.greeting .txtBox{ width:100%;}

.logo_all{padding: 4rem 0 !important;}
.logo_all .logoBox {gap: 140px;}
.logo_all img{height: 10rem;}

.sec03 .flex{flex-wrap: wrap;}
.sec03 .flex .box:nth-child(1) {width: 33.33%;}
.sec03 .flex .box:nth-child(2) {width: 100%; padding: 3rem 0 0;}
}
@media (max-width:768px){
.mclear{display: none;}
.contWrap{padding-top: 0rem;}
.contWrap h3{font-size: 2.4rem; margin-bottom: 2rem; }
.contWrap h3.ko_tit {font-size: 2.4rem;}
.contWrap h3 span{font-size: 1.7rem; display : block; margin-left:0;}
.contWrap p{font-size: 1.5rem; }
.contWrap section {padding: 7rem 0;}
.contWrap .mt-20{margin-top:1.6rem !important;}

.overview h3{font-size: 3.2rem !important; padding: 2rem 1rem; }
 .overview .imgBox {padding-top: 2rem;}
.overview .txtBox {margin-top: 4rem;} 
.news_go {margin: 2rem auto 0 ; width: 17rem; height: 5.4rem; }
.news_go p{font-size: 1.4rem !importnat;}

.greeting .txtBox{margin-top:5rem;}
.greeting .name{margin-top: 3rem;}

.insight .flex .box{ padding: 5rem 1rem;}
.insight h4{ font-size: 1.7rem;margin-bottom: 1rem; }
.insight p.number{font-size: 2.9rem;}

.Incentive .filmSlider p{font-size: 15px !important;}
.Incentive .filmSlider img{margin-bottom: 1rem !important;}

.logo_all .logoBox {padding: 4rem 0; gap: 100px; }
.logo_all img{height: 8rem;}

.program .s_sec{padding: 4rem 0; margin: 0 0rem;}
.program .titBox h3 {margin-bottom: 1rem;}
.program .titBox h4 {font-size: 2.2rem;}
.program .des {margin-top: 3rem;}
.program .des .m_title {font-size: 2.2rem;}
.program .film {margin-top: 3rem;}
.program .film .box {width: calc((100% - 10px) / 2);}
.program .film .box p strong {font-size: 1.8rem;}

.sec03 .flex .box:nth-child(1){width: 50%;} 
}
@media (max-width:600px){
.insight .flex .box{ padding: 4rem; width: 100%; }
.insight h4{ font-size: 1.6rem;}
.insight .number{font-size: 2.5rem;}
.insight .btnBox{gap: 60px;}

.logo_all .logoBox {padding: 2rem 0; gap: 80px; }
.logo_all img{height: 6rem;}

.program small {margin-left:0; display: block;}
}
@media (max-width: 500px){
.visible{display: block;}

.overview .imgBox {width: 90%;}
.overview .txtBox {margin-top: 3.4rem;}
.news_go {margin: 2rem auto 0 ; width: 17rem; height: 5.4rem;}

.insight p.number{font-size: 2.6rem;}
.insight .btnBox{gap: 20px; flex-wrap: wrap; flex-direction: column;}
.insight .btnBox .go_btn{}

.logo_all .logoBox {gap: 12vw;}
.logo_all img{height: 12vw;}

.program .film .box {width: 100%;}
.program .des p small{ margin-left: 0rem;}

.sec03 .flex .box:nth-child(1){width: 100%;} 
}