@charset "utf-8";
@import url(animated.css);/*애니메이션*/
@import url(common2.css);/*공통*/

/*아이폰에서 input 라운드 없애기*/
input,button {border-radius:0;-webkit-appearance:none}

/*아이폰에서 input 라운드 없앴을때 크롬에서 체크박스가 사라지는 현상 대처하기*/
input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}

/*마우스 드래그 배경색*/
::-moz-selection{background:#203a83; color:#fff}
::selection {background:#203a83; color:#fff}

#wrap {position:relative; background:#fff; overflow:hidden;}

.is_cont, .is_cont2, .cont {word-break: keep-all}

br {opacity:0}


/* --------------------------------------------------헤더 영역-------------------------------------------------- */
/*==================================================
TOP INFO
==================================================*/

#topInfo{
    width:100%;
    height:50px;
    background:#18b368;
}

.topInfo_inner{
    max-width:1200px;
    height:100%;
    margin:0 auto;
    padding:0 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
}

.topInfo_date{
    display:flex;
    align-items:center;
    gap:12px;

    color:#fff;
    font-size:18px;
    font-weight:500;
    line-height:1;
}

.topInfo_date em{
    font-style:normal;
}

.topInfo_link{
    display:flex;
    align-items:center;
    margin:0;
    padding:0;
    list-style:none;
}

.topInfo_link li{
    display:flex;
    align-items:center;
    position:relative;
}

.topInfo_link li:not(.sns):not(:last-child)::after{
    content:"";
    width:1px;
    height:14px;
    background:rgba(255,255,255,.35);
    margin:0 16px;
}

.topInfo_link a{
    color:#fff;
    font-size:16px;
    font-weight:500;
    text-decoration:none;
}

.topInfo_link .sns{
    margin-left:16px;
}

.topInfo_link .sns img{
    /*width:18px;
    height:18px;*/
    display:block;
}

/*==================================================
HEADER
==================================================*/

#header_wrap{
    position:relative;
    width:100%;
    background:#fff;
    border-bottom:1px solid #ececec;
    z-index:500;
    transition:.3s;
}

.scroll_doc #header_wrap{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#fff;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    animation:headerDown .35s ease;
}

@keyframes headerDown{
    from{transform:translateY(-100%);}
    to{transform:translateY(0);}
}

.header_mob{
    display:none;
}

.header_inner{
    position:relative;
    max-width:1200px;
    height:130px;
    margin:0 auto;
    padding:0 20px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    box-sizing:border-box;
}

.logo{
    flex:0 0 250px;
}

.logo a{
    display:block;
}

.logo img{
    display:block;
    width:220px;
    height:auto;
}

.head{
    flex:1;
    margin-left:40px;
}

.navi{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    height:130px;
}

.navi>.mu_1{
    position:relative;
}

.navi>.mu_1:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    width:1px;
    height:18px;
    background:#d8d8d8;
    transform:translateY(-50%);
}

.navi>.mu_1>.tlt>a{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;

    height:130px;
    padding:0 22px;

    color:#1d3d8f;

    font-size:20px;
    font-weight:600;

    white-space:nowrap;
    transition:.25s;
}

.navi>.mu_1>.tlt>a::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:28px;

    width:0;
    height:3px;

    background:#18b368;
    border-radius:10px;

    transform:translateX(-50%);
    transition:.25s;
}

.navi>.mu_1:hover>.tlt>a,
.navi>.mu_1.on>.tlt>a{
    color:#18b368;
}

.navi>.mu_1:hover>.tlt>a::before,
.navi>.mu_1.on>.tlt>a::before{
    width:36px;
}

/*==================================================
DROPDOWN
==================================================*/

.detail_list{
    display:none;
    position:absolute;
    left:50%;
    top:130px;
    transform:translateX(-50%);
    min-width:240px;
    background:#fff;
    border:1px solid #ececec;
    border-top:0;
    box-shadow:0 18px 40px rgba(0,0,0,.10);
    z-index:100;
}

.detail_list ul{
    margin:0;
    padding:0;
}

.detail_list li{
    margin:0;
}

.detail_list a{
    display:block;
    padding:14px 24px;
    color:#555;
    font-size:15px;
    transition:.2s;
}

.detail_list a:hover{
    background:#f5f8fd;
    color:#18b368;
}

.detail_list>ul>li.on>a{
    color:#18b368;
}

@media (min-width:1201px){

    .mu_1:hover>.detail_list{
        display:block;
    }

}

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


/*MOBILE*/
@media screen and (max-width:1200px){
	#topInfo{
    display:none !important;
}
	#header_wrap{border-bottom:0;}

	/* PC 헤더 */
	.logo, .top_rbox{display:none;}

	.header_inner{position:static;display:block;height:0;max-width:100%;margin:0;padding:0;overflow:visible;}

	/* 상단 모바일 바 */
	.header_mob{display:flex;align-items:center;justify-content:center;position:relative;height:70px;background:#fff;border-bottom:1px solid #e5e5e5;z-index:10002;}

	.mob_logo img{height:34px;width:auto;}

	.tl_lang{position:absolute;left:18px;top:50%;transform:translateY(-50%);}
	.tl_lang a{display:block;padding:5px 12px;border:1px solid #214c9e;border-radius:20px;color:#214c9e;font-size:12px;font-weight:600;}

	/* 햄버거 */
	.burger{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30px;height:22px;cursor:pointer;z-index:10003;}

	.burger span{position:absolute;left:0;width:100%;height:2px;background:#214c9e;transition:.3s;}
	.burger span:nth-child(1){top:0;}
	.burger span:nth-child(2){top:10px;}
	.burger span:nth-child(3){bottom:0;}

	.burger.active span:nth-child(1){transform:rotate(45deg);top:10px;}
	.burger.active span:nth-child(2){opacity:0;}
	.burger.active span:nth-child(3){transform:rotate(-45deg);bottom:10px;}

	/* 메뉴 */
	.head{position:fixed;top:70px;left:auto;right:-100%;width:340px;max-width:90%;height:calc(100vh - 70px);margin:0;background:#fff;overflow-y:auto;transition:right .3s;z-index:10001;}
	.head.head_active{right:0;}

	.navi{display:block;height:auto;}

	.navi>.mu_1{border-bottom:1px solid #ececec;}
	.navi>.mu_1::after{display:none;}
	.navi>.mu_1>.tlt>a{display:block;padding:20px 24px;height:auto;color:#222;font-size:18px;font-weight:700;}
	.navi>.mu_1>.tlt>a::before{display:none;}

	/* 모바일 선택된 메뉴 */
	.navi > .mu_1 > .tlt.selected > a{color:#16ae67;}

	.detail_list{display:none;position:static;width:100%;transform:none;border:0;box-shadow:none;background:#f7f7f7;}
	.detail_list li{border-top:1px solid #ececec;}
	.detail_list a{display:block;padding:14px 38px;color:#666;font-size:15px;}

	/* 대메뉴 */
	.navi > .mu_1.on > .tlt > a,
	.navi > .mu_1 > .tlt.selected > a{color:#16ae67;}

	/* 소메뉴 */
	.detail_list > ul > li.on > a{color:#16ae67;}
}





/* --------------------------------------------------컨텐츠 영역-------------------------------------------------- */
#container_wrap {position: relative;display: block; overflow: hidden;}

#contents {position: relative;display: block;margin: 0 auto; background: #fff; padding:120px 0;}
.is_cont {position: relative; max-width:1200px; margin: 0 auto; min-height: 40px;}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height: auto !important;}

@media screen and (max-width:1220px){
	.is_cont {max-width:94%}
}

@media screen and (max-width:768px){
	#contents {padding:80px 0}
	.no_txt {display:none}
}

@media screen and (max-width:480px){
	#contents {padding:50px 0}
}


/*서브이미지*/
/*==================================================
SUB VISUAL
==================================================*/

.svis_wrap{
    position:relative;
    overflow:hidden;
    width:100%;
    height:340px;
    color:#fff;
}

/* 배경 */

.svis01,
.svis02,
.svis03,
.svis04,
.svis05,
.svis06,
.svis07,
.svis08,
.svis09{

    background:url(/share/img/sub/svis01.jpg) center center / cover no-repeat;

    animation:bgMove 10s ease-out forwards;

}

/* Overlay */

.svis_wrap::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.42) 0%,
        rgba(0,0,0,.20) 34%,
        rgba(0,0,0,.08) 58%,
        rgba(0,0,0,.12) 100%
    );

    z-index:1;

}

/* Layout */

.svis_area{

    position:relative;

    z-index:2;

    max-width:1200px;

    height:100%;

    margin:0 auto;

    padding:0 20px;

    box-sizing:border-box;

}

/*=========================
TEXT
=========================*/

.svis_wrap .txtBox{

    position:absolute;

    left:20px;

    top:50%;

    transform:translateY(-50%);

    width:520px;

    text-align:left;

}

/* Green Bar */

.svis_wrap .txtBox:before{

    content:"";

    display:block;

    width:72px;

    height:4px;

    margin-bottom:26px;

    border-radius:30px;

    background:#18b368;

    transform:scaleX(0);

    transform-origin:left;

    animation:lineMove .6s ease .15s forwards;

}

/* Title */

.svis_tlt{

    margin:0;

    font-size:52px;

    font-weight:800;

    line-height:.92;

    letter-spacing:-0.03em;

    color:#fff;

    text-shadow:0 10px 30px rgba(0,0,0,.18);

    opacity:0;

    transform:translateX(-40px);

    animation:titleMove .8s cubic-bezier(.2,.8,.2,1) .25s forwards;

}

/* Description */

.svis_txt{

    margin-top:24px;

    font-size:18px;

    line-height:1.5;

    color:rgba(255,255,255,.92);

    opacity:0;

    transform:translateX(-40px);

    animation:titleMove .8s cubic-bezier(.2,.8,.2,1) .45s forwards;

}

/*==================================================
ANIMATION
==================================================*/

@keyframes bgMove{

    from{

        background-position:46% center;

    }

    to{

        background-position:50% center;

    }

}

@keyframes titleMove{

    from{

        opacity:0;

        transform:translateX(-40px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

@keyframes lineMove{

    to{

        transform:scaleX(1);

    }

}

/*==================================================
1200
==================================================*/

@media(max-width:1200px){

.svis_wrap{

height:300px;

}

.svis_wrap .txtBox{

left:30px;

width:440px;

}

.svis_tlt{

font-size:44px;

}

.svis_txt{

font-size:17px;

}

}

/*==================================================
768
==================================================*/

@media(max-width:768px){

.svis_wrap{
height:240px;
}

.svis_wrap .txtBox{
left:24px;
width:320px;
}

.svis_wrap .txtBox:before{
width:56px;
margin-bottom:18px;
}

.svis_tlt{
font-size:34px;
}

.svis_txt{
margin-top:14px;
font-size:15px;
}

}

/*==================================================
480
==================================================*/

@media(max-width:480px){

.svis_wrap{

height:190px;

}

.svis_wrap .txtBox{

left:18px;

width:240px;

}

.svis_wrap .txtBox:before{

width:42px;

height:3px;

margin-bottom:14px;

}

.svis_tlt{

font-size:26px;

}

.svis_txt{margin-top:10px;font-size:13px;}

}



/*3차*/
.snb_3th {position:relative; max-width:1200px; margin:0 auto 70px; overflow:hidden; padding-bottom:1px}
.snb_3th li {float:left; text-align:center; width:14.28%; margin:0 -1px -1px 0}
.snb_3th li a, .snb_3th li button {display:block; color:#7f7f7f; background:#fff; line-height:55px; border:1px solid #d1d1d1;}
.snb_3th li a:hover, .snb_3th li.active a, .snb_3th li #bo_cate_on {color:#fff; background:#203a83; border-color:#203a83}

.wd_1 li{width:100% !important}
.wd_2 li{width:50% !important}
.wd_3 li{width:33.333% !important}
.wd_4 li{width:25% !important}
.wd_5 li{width:20% !important}
.wd_6 li{width:16.666% !important}
.wd_7 li{width:14.222% !important}
.wd_8 li{width:12.5% !important}
.wd_9 li{width:11.111% !important}
.wd_10 li{width:10% !important}


@media screen and (max-width:1220px){
	.snb_3th {width:100%;}

	.wd_4 li{width:50% !important}
	.wd_5 li{width:33.333% !important}
	.wd_6 li{width:33.333% !important}
	.wd_8 li{width:20% !important}
	.wd_10 li{width:20% !important}
}

@media screen and (max-width:768px){
	.snb_3th {margin:0 auto 50px;}
	.snb_3th li {width:33.333%;}
	.snb_3th li a, .snb_3th li button {line-height:45px;}

	.wd_8 li{width:33.333% !important}
}

@media screen and (max-width:480px){
	.snb_3th {margin:0 auto 40px;}
	.snb_3th li a, .snb_3th li button {line-height:40px;}
}

/*이벤트 이미지확대*/
.sample_image {overflow: hidden;}
.sample_image img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.sample_image:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}


/*로케이션*/
.location {position:relative; width:100%; height:60px; border-bottom:1px solid #a6acb1; background:#fff; z-index:20}
.location_cont {position:relative; max-width:1200px; margin:0 auto;}
.location_cont a {display:inline-block; color:#373737;}
.location_cont > div {position:relative; float:left; height:60px; border-left:1px solid #a6acb1}
.location_cont > div:last-child {border-right:1px solid rgba(0,0,0,0.15)}
.location_cont .depth01 > a {min-width:250px; font-size:19px;}
.location_cont .depth01 > a, .location_cont .home > a {display:block; height:100%; line-height:65px; padding:0 23px;}
.location_cont .home > a {position:relative; font-size:14px; width:65px; color:#373737; font-weight:700; text-align:center}
.location_cont .home > a i {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.location_cont .depth01 > a .txt {padding-right:30px;}
.location_cont .depth02 {display:none; position:absolute; top:60px; left:0; background:#fff; border:1px solid rgba(0,0,0,0.15); border-top:0; width:100%;}
.location_cont .depth02 li a {display:block; padding:13px 23px; border-bottom:1px solid rgba(0,0,0,0.15);}
.location_cont .depth02 li:last-child a {border-bottom:0}
.location_cont .depth02 li:hover a {background:#203a83; color:#fff}

.location_cont .sp_comm {position:absolute; right:20px; top:22px;}

.location_cont .dp_txt .off {display:block;}
.location_cont .dp_txt .on {display:none;}
.location_cont .dp_txt.active .off {display:none;}
.location_cont .dp_txt.active .on {display:block;}


@media screen and (max-width:768px){
	.location_cont {max-width:100%;}
	.location, .location_cont > div {height:50px;}
	.location_cont .depth01 > a {min-width:150px; font-size:15px; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.location_cont .depth01 > a, .location_cont .home > a {line-height:50px; padding:0 15px;}
	.location_cont .home > a {width:50px;}

	.location_cont .depth02 {top:50px;}

	.location_cont .sp_comm {right:15px; top:18px;}

	.location_cont .depth02 li a {padding:10px 15px}
}

@media screen and (max-width:480px){
	.location_cont .depth01 {width:49.8%}
	.location_cont .depth01 > a {font-size:14px; max-width:100%;}
	.location_cont .home > a {display:none}
}


@media screen and (max-width:1220px){
	/*영상 풀버전*/
	.video-container {margin: 0; padding-bottom: 57%;  max-width: 100%;  height: 0;  position: relative; overflow: hidden;} 
	.video-container iframe, 
	.video-container object,
	.video-container embed { margin: 0;  padding: 0;    width: 100%;   height: 100%; position: absolute; top: 0;  left:0;}
}


/* --------------------------------------------------MEDIA PARTNER 배너 영역-------------------------------------------------- */
.bannerBox {background:#E2F3FB; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:18px 0;}
.banner_cont {max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:40px;}
.banner_tlt {font-size:18px; font-weight:500; letter-spacing:0.18em; color:#21224d; white-space:nowrap;}
.banner_img {flex:1 1 auto; text-align:right;}

.banner_img img {display:inline-block; max-width:100%; height:auto; border-radius:4px; box-shadow:0 4px 10px rgba(0,0,0,0.08);}

@media screen and (max-width:1220px){
	.banner_cont {max-width:94%; gap:24px;}
	.banner_tlt {font-size:16px;}
}

@media screen and (max-width:768px){
	.banner_cont {flex-direction:column; align-items:flex-start; gap:10px;}
	.banner_tlt {font-size:14px;}
	.banner_img {width:100%; text-align:left;}
	.banner_img img {width:100%; max-width:none;}
}

@media screen and (max-width:480px){
	.bannerBox {padding:12px 0;}
	.banner_tlt {font-size:13px; letter-spacing:0.14em;}
}


/* --------------------------------------------------후원로고 롤링 영역(new)-------------------------------------------------- */
.partner_wrap{width:100%;overflow:hidden;background:#f3f3f3;padding:42px 0;box-sizing:border-box;}

.partner_track{display:flex;align-items:center;width:max-content;animation:partnerRolling 40s linear infinite;}

.partner_group{display:flex;align-items:center;flex-shrink:0;}
.partner_group + .partner_group{padding-left:100px;}

.partner_item{display:flex;align-items:center;flex-shrink:0;margin-right:80px;}
.partner_item:last-child{margin-right:0;}
.partner_item strong{flex-shrink:0;margin-right:36px;font-size:18px;font-weight:500;color:#203a83;white-space:nowrap;}

.partner_item img{display:block;width:auto;height:50px;margin-right:30px;}
.partner_item img:last-child{margin-right:0;}

.partner_wrap:hover .partner_track{animation-play-state:paused;} /* Hover 시 정지 */

@keyframes partnerRolling{
	from{transform:translateX(0);}
	to{transform:translateX(-50%);}
}

@media (max-width:768px){
	.partner_wrap{padding:28px 0;}

	.partner_track{animation-duration:32s;}

	.partner_group + .partner_group{padding-left:70px;}

	.partner_item{margin-right:55px;}
	.partner_item strong{font-size:15px;margin-right:24px;}

	.partner_item img{height:38px;margin-right:20px;}
}

@media (max-width:480px){
	.partner_wrap{padding:20px 0;}

	.partner_track{animation-duration:28s;}

	.partner_group + .partner_group{padding-left:50px;}

	.partner_item{margin-right:35px;}
	.partner_item strong{font-size:14px;margin-right:18px;}

	.partner_item img{height:30px;margin-right:15px;}
}


/* --------------------------------------------------후원로고 영역-------------------------------------------------- */
.host_logoBox {background:#E2F3FB; padding:35px 0 20px;}
.host_logo_cont {position:relative; max-width:1200px; margin:0 auto; color:#21224d; overflow:hidden}

.host_logo_cont > div {display:inline-block; margin-bottom:10px;}
.host_logo_cont > div .tlt {padding-top:10px; margin-right:30px; font-size:18px;}
.host_logo_cont > div li {display:inline-block; margin-right:40px;}
.host_logo_cont > div li:last-child {margin-right:0}
.host_logo_cont > div .tlt, .host_logo_cont > div ul {display:inline-block}

.host_logo_cont .host_logo_l {margin-right:50px}


@media screen and (max-width:1220px){
	.host_logo_cont {max-width:94%}
	.host_logo_cont > div .tlt {margin-right:20px; font-size:16px;}
	.host_logo_cont > div li {margin-right:30px;}
	.host_logo_cont .host_logo_l {margin-right:40px}
	.host_logo_cont img {height:40px;}
}

@media screen and (max-width:1024px){
	.host_logo_cont > div li {margin-right:20px;}
	.host_logo_cont .host_logo_l {margin-right:30px}
	.host_logo_cont img {height:35px;}
}

@media screen and (max-width:768px){
	.host_logoBox {padding:20px 0 10px;}
	.host_logo_cont > div .tlt {margin-right:10px; font-size:14px;}
	.host_logo_cont > div li {margin-right:15px;}
	.host_logo_cont .host_logo_l {margin-right:20px}
	.host_logo_cont img {height:25px;}
}

@media screen and (max-width:480px){
	.host_logoBox {padding:15px 0 5px}
	.host_logo_cont > div .tlt {margin-right:5px; font-size:13px;}
	.host_logo_cont > div li {margin-right:5px;}
	.host_logo_cont .host_logo_l {margin-right:18px}
	.host_logo_cont img {height:22px;}
}


/* --------------------------------------------------뉴스레터 구독신청(new)-------------------------------------------------- */
.footer_newsletter{background:#16ae67;}

.footer_newsletter .newsletter_inner{max-width:1200px;margin:0 auto;padding:40px 20px;display:flex;justify-content:space-between;align-items:center;}

.footer_newsletter .tltBox{display:flex;align-items:center;}
.footer_newsletter .tlt{margin-right:20px;font-size:30px;font-weight:700;color:#fff;}
.footer_newsletter .txt{font-size:18px;color:#fff;}

.footer_newsletter .inpBox{display:flex;align-items:center;gap:10px;}

.footer_newsletter .inpBox_inp{width:383px;height:40px;padding:0 15px;border:0;background:#fff;font-size:18px;}

.footer_newsletter .inpBox_btn{width:180px;height:40px;display:flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:20px;background:#203a83;color:#fff;cursor:pointer;}
.footer_newsletter .inpBox_btn .icon{display:flex;align-items:center;justify-content:center;line-height:1;}
.footer_newsletter .inpBox_btn .icon i{font-size:22px;line-height:1;}
.footer_newsletter .inpBox_btn .txt{display:flex;align-items:center;line-height:1;font-size:20px;font-weight:600;}

@media (max-width:1200px){
	.footer_newsletter .newsletter_inner{padding:36px 20px;}

	.footer_newsletter .tlt{font-size:26px;}
	.footer_newsletter .txt{font-size:16px;}

	.footer_newsletter .inpBox_inp{width:340px;font-size:16px;}

	.footer_newsletter .inpBox_btn{width:165px;}
	.footer_newsletter .inpBox_btn .icon i{font-size:20px;}
	.footer_newsletter .inpBox_btn .txt{font-size:20px;}
}

@media (max-width:1024px){
	.footer_newsletter .newsletter_inner{flex-direction:column;text-align:center;gap:24px;padding:36px 20px;}

	.footer_newsletter .tltBox{display:block;}
	.footer_newsletter .tlt{margin:0 0 10px;font-size:28px;}
	.footer_newsletter .txt{font-size:16px;}

	.footer_newsletter .inpBox{width:100%;justify-content:center;}

	.footer_newsletter .inpBox_inp{width:420px;max-width:70%;}
}

@media (max-width:768px){
	.footer_newsletter .newsletter_inner{padding:32px 20px;}

	.footer_newsletter .tlt{font-size:24px;}
	.footer_newsletter .txt{font-size:15px;}

	.footer_newsletter .inpBox_inp{height:44px;font-size:15px;}

	.footer_newsletter .inpBox_btn{height:44px;width:150px;}
	.footer_newsletter .inpBox_btn .txt{font-size:17px;}
	.footer_newsletter .inpBox_btn .icon i{font-size:19px;}
}

@media (max-width:480px){
	.footer_newsletter .newsletter_inner{padding:28px 20px;}

	.footer_newsletter .tlt{font-size:22px;}
	.footer_newsletter .txt{font-size:14px;line-height:1.5;}

	.footer_newsletter .inpBox{flex-direction:column;gap:10px;}

	.footer_newsletter .inpBox_inp,
	.footer_newsletter .inpBox_btn{width:100%;max-width:none;height:40px;}
	.footer_newsletter .inpBox_btn{border-radius:23px;}
	.footer_newsletter .inpBox_btn .txt{font-size:16px;}
	.footer_newsletter .inpBox_btn .icon i{font-size:18px;}
}


/* --------------------------------------------------Top Button-------------------------------------------------- */
.btn_top{
	position:fixed;right:30px;bottom:30px;z-index:999;

	width:58px;height:58px;border-radius:50%;background:#203a83;color:#fff;text-decoration:none;

	display:flex;flex-direction:column;justify-content:center;align-items:center;

	box-shadow:0 8px 20px rgba(0,0,0,.15);

	opacity:0;visibility:hidden;transform:translateY(20px);

	transition:.3s;
}

.btn_top.show{opacity:1;visibility:visible;transform:translateY(0);}
.btn_top:hover{background:#3daaf2;}

.btn_top i{font-size:15px;margin-bottom:2px;}
.btn_top span{font-size:11px;font-weight:600;line-height:1;}

@media (max-width:768px){
	.btn_top{right:20px;bottom:20px;width:52px;height:52px;}
}

@media (max-width:480px){
	.btn_top{right:15px;bottom:15px;width:44px;height:44px;}

	.btn_top i{margin:0;font-size:14px;}
	.btn_top span{display:none;}
}


/* --------------------------------------------------푸터 영역-------------------------------------------------- */
#footer_wrap {background:#15161d; padding:30px 0 60px;}
#footer_wrap .ft_cont {position:relative; max-width:1200px; margin:0 auto; color:#b3b3b3; font-size:14px; letter-spacing:-0.02em; word-break: keep-all}
#footer_wrap .login {color:#15161d !important}

.ft_gnb ul {position:relative; margin:5px auto 15px; font-size:16px;}
.ft_gnb li {display:inline-block;}
.ft_gnb li:after {content:"/"; display:inline-block; color:#fff; vertical-align:top; margin:0 7px 0 11px;}
.ft_gnb li:last-child:after {display:none}
.ft_gnb a {color:#fff}

@media screen and (max-width:1220px){
	#footer_wrap .ft_cont {max-width:94%; line-height:1.5em;}
}

@media screen and (max-width:768px){
	#footer_wrap .ft_cont {font-size:12px}

	#footer_wrap .ft_no {display:block; text-indent:-9999px}
	.ft_gnb ul {font-size:13px;}
}


/* --------------------------------------------------중문브로슈어 퀵영역-------------------------------------------------- */
.q_pam {position:fixed; bottom:140px; right:-200px; border-radius:15px; transition:all 0.3s; z-index:10}
.scroll_doc .q_pam {right:30px;}
.q_pam:hover {box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.2);}

.q_pam.close {display:none}
.q_pam_cont {padding:20px 10px 38px; width:163px; background:#3daaf2; border-radius:15px; cursor:pointer; box-sizing:border-box; transition:all 0.2s;}

.q_pam a {position:absolute; bottom:12px; left:0; width:100%; color:#fff; font-size:12px; opacity:.7; text-decoration:underline;}
.q_pam .q_pam_close {position:absolute; top:-12px; right:12px; width:23px; height:23px; line-height:20px; background:#fff; border-radius:50%; cursor:pointer; box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.2); z-index:12}
.q_pam .q_pam_close:hover {animation: rotat2 0.5s;animation-timing-function: ease-out;}

@keyframes rotat2
{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

@media screen and (max-width:1420px){
	.scroll_doc .q_pam {right:10px}
	.q_pam_cont {width:123px;}
	.q_pam_cont img {height:100px}
}

@media screen and (max-width:1220px){
	.scroll_doc .q_pam {right:5px}
	.q_pam_cont {width:93px;}
	.q_pam_cont img {height:75px}

	.q_pam a {font-size:11px; line-height:1em}
	.q_pam a span {/*display:block;*/}
}

@media screen and (max-width:1024px){
	.q_pam_cont {width:103px; padding:20px 10px 30px; }
	.q_pam_cont img {height:75px}

	.q_pam a {bottom:10px; font-size:10px; line-height:1.3em}
}

@media screen and (max-width:768px){
	.q_pam {bottom:70px;}
}