@import url('//cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

.o_container {width: 92%;max-width: 1580px;margin: 0 auto;}
.o_pd {padding: 130px 0;}
.o_pd_top {padding-top:130px;}
.o_pd_bot {padding-bottom:180px;}


.pc_img{display: block;}
.mo_img{display: none;}

@media screen and (max-width: 1080px){
	.o_pd {padding: 80px 0;}
	.o_pd_top {padding-top: 80px;}
	.o_pd_bot {padding-bottom:100px;}
}

@media screen and (max-width: 720px){
	.o_pd {padding: 50px 0;}
	.o_pd_top {padding-top:50px;}
	.o_pd_bot {padding-bottom:80px;}
}

html,body {
    font-family: 'Pretendard Variable' !important;
    letter-spacing: -0.4px;
}
.o_en {font-family: 'Montserrat', sans-serif !important;}

/*font-size*/
.fs_13{font-size: 0.813rem;} 
.fs_15{font-size: 0.94rem;} 
.fs_17{font-size: 1.065rem;}
.fs_18{font-size: 1.13rem;}
.fs_20{font-size: 1.25rem;}
.fs_21{font-size: 1.313rem;}
.fs_22{font-size: 1.375rem;}
.fs_24{font-size: 1.5rem;}
.fs_25{font-size: 1.563rem;}
.fs_28{font-size: 1.75rem;}
.fs_30{font-size: 1.875rem;}
.fs_31{font-size: 1.938rem;}
.fs_32{font-size: 2.0rem;}
.fs_35{font-size: 2.2rem;}
.fs_40{font-size: 2.5rem;}
.fs_42{font-size: 2.625rem;}
.fs_50{font-size: 3.15rem;}
.fs_54{font-size: 3.375rem;}
.fs_58{font-size: 3.65rem;}
.fs_60{font-size: 3.8rem;}
.fs_65{font-size: 4.06rem;}
.fs_75{font-size: 4.688rem;}

/*font-weight*/
.font_l{font-weight: 300;}
.font_r{font-weight: 400;}
.font_m{font-weight: 500;}
.font_sb{font-weight: 600;}
.font_b{font-weight: 700;}
.font_eb{font-weight: 800;}
.font_bl{font-weight: 900;}

/* ani-delay */
.o_delay_01{transition-delay: .2s !important;}
.o_delay_02{transition-delay: .4s !important;}
.o_delay_03{transition-delay: .6s !important;}
.o_delay_04{transition-delay: .8s !important;}
.o_delay_05{transition-delay: 1s !important;}
.o_delay_06{transition-delay: 1.2s !important;}
.o_delay_07{transition-delay: 1.4s !important;}
.o_delay_08{transition-delay: 1.6s !important;}
.o_delay_09{transition-delay: 1.8s !important;}
.o_delay_10{transition-delay: 2s !important;}
.o_delay_11{transition-delay: 2.2s !important;}
.o_delay_12{transition-delay: 2.4s !important;}
.o_delay_13{transition-delay: 2.6s !important;}

/* font-color */
.font_green {color:#ccf281;}
.font_purple {color:#4731d4;}
.font_gray {color:#d7d7d7;}
.font_white {color:#fff;}
.font_balck {color:#333;}

/*contact 페이지로 추가*/
.font_balck02 {color:#222;}

body {letter-spacing: -0.025rem; overflow:hidden;}

/*motion*/
/*t_motion_01 = script // t_motion_02 = hover*/
.t_motion_01 span, .t_motion_02 span{display: block;overflow: hidden;}
.t_motion_01 span i, .t_motion_02 span i{display: inline-block;transform: translateY(101%);transition: all .6s ease-out;}

.t_motion_03, .t_motion_04{transform: translateY(25px);opacity: 0;transition: all .6s ease-out;}

.t_motion_01.on span i{transform: translateY(-0%);}
.mv_mainTxt.t_motion_01.on span i {transform: translateY(-6%);}
.t_motion_04.on{transform: translateY(0);opacity: 1;}
.t_motion_02_h:hover .t_motion_02 span i{transform: translateY(0);}
.t_motion_03_h:hover .t_motion_03{transform: translateY(0);opacity: 1;}

/*common*/
.main figure img {display:block; width:100%; margin:0 auto;}
.pos_img {position:absolute; left:0; bottom:0;} 
.common_01 {transform: translateY(50px); opacity: 0; transition: transform .8s ease, opacity .4s;}
.o_motion.common_motion.on .common_01{ transform: translateY(0); opacity: 1;}

@media screen and (max-width: 720px){
    .pc_img{display: none;}
    .mo_img{display: block;}
}

/* br */

.display_1024y {display:none;}
.br_1680y {display:none;}
.br_1480y {display:none;}
.br_1080y {display:none;}
.br_720y {display:none;}
@media screen and (max-width: 1680px) {
	.br_1680y {display:block;}
}
@media screen and (max-width: 1480px) {
	.br_1480y {display:block;}
}
@media screen and (max-width: 1080px) {
	.br_1080y {display:block;}
}
@media screen and (max-width: 1024px) {
	.display_1024n {display:none !important;}
	.display_1024y {display:block;}
	.br_1024n {display:none;}
}
@media screen and (max-width: 720px) {
	.br_720y {display:block;}
	.br_720n {display: none;}
}

/*---header---*/
#o_header{position: fixed;top: 0;left: 0;width: 100%;height: 100px;z-index: 1000;transition: all .3s ease-out;}
#o_header .hd_con{height: inherit; display: flex; justify-content: space-between; position: relative;}

.hd_logo{float: left;height: inherit;}
.hd_logo a {display: flex; align-items: center;}
.hd_logo img{transition: all .3s ease-out;}

#hd_gnb {padding-right: 290px;}
#hd_gnb>ul::after{content: "";clear: both;display: block;}
#hd_gnb>ul>li{float: left;position: relative;}
#hd_gnb>ul>li>a{display: block;width: 100%;height: 100%;color: #000; line-height: 100px;padding: 0 29px;transition: all .3s ease;}
#hd_gnb>ul>li:last-child>a{padding-right: 0;}
.lag_box {display: flex; gap: 7px;}
.lag_box a {color:#999;}
.lag_box .btn_kr.clicked, 
.lag_box .btn_en.clicked {color:#000;} 

#hd_gnb>ul>li>ul{background-color: #FFF;text-align: center;position: absolute;top: calc( 100% + 15px );left: 50%;transform: translateX(-50%);padding: 25px 0;width: 230px;z-index: 1;display: none;transition: top .3s ease-in-out;}
#hd_gnb>ul>li>ul::after{content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: calc( 100% - 4px );height: 1px;background-color: #eee;}
#hd_gnb>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-size: 1.13rem;font-weight: 400;letter-spacing: 0.03em;padding: 10px 0;color: #666;transition: all .3 ease;}
#hd_gnb>ul>li>ul>li>a:hover{color: #000;font-weight: 500;}

#hd_gnb>ul>li.k_menu_4>ul{left: calc( 50% + 21px );}

/*motion*/
.pc_img_b, .mo_img_b{display: none;}

#o_header.on, #o_header.scroll_on{background-color: #FFF;
    box-shadow: 0 0 5px #eee;
    -webkit-box-shadow: 0 0 5px #eee;
    -moz-box-shadow: 0 0 5px #eee;
    -o-box-shadow: 0 0 5px #eee;
    -ms-box-shadow: 0 0 5px #eee;
}
#o_header.scroll_on {height: 80px;}
#o_header.scroll_on #hd_gnb>ul>li>a {line-height: 80px;}
/* #o_header.on .pc_img_w, #o_header.on .mo_img_w, #o_header.scroll_on .pc_img_w, #o_header.scroll_on .mo_img_w{display: none !important;} */ */

#hd_gnb:hover>ul>li>a{opacity: 0.5;}
#hd_gnb>ul>li:hover>a{opacity: 1;}

#hd_gnb>ul>li>ul.on{top: 100%;}
.hd_icon_ul {position: absolute; display: flex; align-items: center; right: 0; gap: 20px; top: 50%;  transform: translateY(-50%);}
.hd_right {display: flex; position: absolute; right: 0; transform: translateY(-50%); top: 50%;}

/*mobile*/
#hd_mo_btn{display: block;float: right;width: 35px;height: inherit;position: relative; margin-left: 30px;}
#hd_mo_btn span{position: absolute; left: 0;width: 100%;height: 1px;background-color: #000;transition: all .3s ease;}
#hd_mo_btn span:nth-child(1){transform: translateY(-6px);}
#hd_mo_btn span:nth-child(2){transform: translateY(6px);}

@media screen and (max-width: 1480px){
	#hd_gnb {padding-right: 200px;}
    #hd_gnb>ul>li>a{padding: 0 20px;}
}

@media screen and (max-width: 1080px){
	#o_header .hd_con {display:flex;}
	#hd_gnb {width: auto; padding-right: 130px;}
	#hd_gnb>ul>li>a {padding: 0 15px;}
	.hd_logo {max-width: 25%; margin-right:15px;}
	.hd_logo img {width: 100%;}
	.lag_box {gap:7px;}
	#hd_mo_btn {margin-left:20px; width: 30px;}
}
@media screen and (max-width: 920px){
	#o_header .hd_con {display:flex;}
	#hd_gnb {width: auto; padding-right: 0px; display:none;}
	#hd_gnb>ul>li>a {padding: 0 10px;}
	.hd_logo {max-width: 22%; margin-right:10px;}
	.hd_logo img {width: 100%;}
	.lag_box {gap:7px;}
	#hd_mo_btn {margin-left:20px; width: 30px;}
}

@media screen and (max-width: 800px){
	#hd_gnb{display: none;}
}

@media screen and (min-width: 721px){
    /*motion*/
    #o_header.on .pc_img_b, #o_header.scroll_on .pc_img_b{display: block;}
}

@media screen and (max-width: 720px){
	body {overflow:hidden;}
    #o_header{height: 80px;}
    #hd_gnb{display: none;}
    #o_header.on #hd_mo_btn span, #o_header.scroll_on #hd_mo_btn span{background-color: #000;}

    #o_header{height: 65px;}
    #o_header.scroll_on{height: 65px;}

	.hd_logo img {width: auto;}
	#hd_mo_btn {margin-left: 15px; width: 25px;}

    /*motion*/
    #o_header.on .mo_img_b, #o_header.scroll_on .mo_img_b{display: block;}
}

/*---mobile gnb---*/
#mobile_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);z-index: 1100;display: none;}
.mobile_inner{position: absolute;top: 0;right: 0;width: 100%;height: 100%;max-width: 100%;background-color: #FFF;transform: translateX(101%);transition: transform .5s;}

#mobile_wrap.open .mobile_inner{transform: translateX(0%);}

#mo_close{position: absolute;top: 25px;right: 0;width: 50px;height: 50px;}
.closeBox {width: 92%; max-width: 1580px; height: 100%; margin: 0 auto; position: relative;}
#mo_close span{position: absolute;top: 24px;left: 13.5px;width: 23px;height: 2px;background-color: #000;}
#mo_close span:nth-child(1){transform: rotate(-45deg);}
#mo_close span:nth-child(2){transform: rotate(45deg);}

#mo_gnb{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;z-index: 1; text-align:center;  max-width: 300px;}
#mo_gnb>ul>li{margin-bottom: 29px;}
#mo_gnb>ul>li:last-child{margin-bottom: 0;}
#mo_gnb>ul>li>a{display: block;width: 100%;height: 100%;font-size: 35px;font-weight: 600;padding: 4px 0;position: relative; transition:all .2s;}
#mo_gnb>ul>li:last-child>a:after{content: "";position: absolute;top: 0;right: 0;width: 33px;height: 33px;z-index: 1; background-image: url('/img/icon/mo_down.png');background-repeat: no-repeat;background-position: center center;background-size: 16px;}

#mo_gnb>ul>li>ul{display: none;}
#mo_gnb>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-size: 16px;font-weight: 500;padding: 10px 0;}

#mo_gnb>ul>li.active>a{color: #e50117;}
#mo_gnb>ul>li.active>a::after{background-image: url('/img/icon/mo_up.png'); }
#mo_gnb>ul>li>a:hover {color:#4731d4;}

@media screen and (max-width: 1480px){
	#mo_gnb>ul>li>a {font-size: 28px;}
}
@media screen and (max-width: 720px){
	#mo_gnb>ul>li>a {font-size: 25px;}
}

/*---main visual---*/
#main_visual {
    height: 100vh;
    background-color: #000;
    position: relative;
}

#main_visual .swiper-container {
    width: 100%;
    height: 100%;
}

.mv_slide {
    position: relative;
    overflow: hidden;
}

.mv_slide figure {
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    transition: transform 10s ease;
    filter: brightness(90%);
}

.mv_slide.swiper-slide-active figure {
    transform: scale(1);
}

.mv_slide_01 figure {
    background-image: url(/img/main_visual/b_mv_01.jpg);
}

.mv_slide_02 figure {
    background-image: url(/img/main_visual/b_mv_02.jpg);
}

.mv_slide_03 figure {
    background-image: url(/img/main_visual/b_mv_03.jpg);
}


.mv_box { position: absolute; top: 43%; left: 14.5%; transform: translate(0%, -50%); z-index: 1; color: #000;}
.mv_box h2 { line-height: 100%; margin-bottom: 28px;}  
.mv_box p { line-height: 180%;}

#main_visual .mv_dot { position: absolute; bottom: 180px; left: 14.5%; z-index: 1; text-align: center; width: 100%; max-width: 300px; display: flex; gap: 81px;}
.mv_bar {position: absolute; top:30px; left:0; width: 75px; height: 3px; border-radius: 0; opacity: 1; background-color: rgba(0, 0, 0, 0.3); overflow: hidden; margin: 0 12.5px;}
.mv_bar:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #000; transition: width 1s ease-in-out;}

.swiper-pagination-bullet-active .mv_bar:after {width: 101%; transition: width 10s linear;}

.mv_bar:before {top:0; left:0;}
.mv_dot div:nth-child(1) .mv_bar {left:-11px;}
.mv_dot div:nth-child(2) .mv_bar {left:85px;}
.mv_dot div:nth-child(3) .mv_bar {left:182px;}

.swiper-pagination-bullet,
.swiper-pagination-bullet-active {background: transparent;}

.about_btn {color: #333; display: flex; border-radius: 30px; margin-top: 50px; max-width: 200px;
    height: 60px; align-items: center; justify-content: center;}
.about_btn span {margin-top:2px;}
.about_btn span i {border: 1px solid #333; display: flex; border-radius: 30px; max-width: 200px; height: 60px;
    width: 100%; align-items: center;  padding: 0 30px; justify-content: center;}
.about_btn img {margin-left:30px;}

@media screen and (max-width: 1080px){
	.mv_box {top: 43%; left: 8%;}
	.mv_mainTxt {font-size:58px;}
	.mv_box p {font-size:18px;}
	.about_btn {justify-content: flex-start; margin-top:40px;}
	.about_btn span i {height: 55px; padding: 0 35px; font-size: 14px;}

	#main_visual .mv_dot {left:8%; bottom:190px;}
	.mv_bar {top: 25px;}
}

@media screen and (max-width: 720px){
	.mv_box {top: 43%; left: 8%;}
	.mv_mainTxt {font-size:36px;}
	.mv_box p {font-size:14px;}
	.about_btn {justify-content: flex-start; margin-top:40px;}
	.about_btn span i {height: 45px; padding: 0 25px; font-size: 12px;}

	#main_visual .mv_dot {left:8%; bottom:21%; font-size:12px;}
	.mv_bar {top: 25px;}
}


/* sec01 */
.o_tit {text-align: center; margin-bottom:65px;}
.o_tit .o_sub_tit {display: block; color: #4731d4; letter-spacing: -.2px; margin-bottom: 41px;}
.o_main_tit {line-height: 4.688rem;}

@media screen and (max-width: 1080px){
	.o_tit {text-align: center; margin-bottom:40px;}
}
@media screen and (max-width: 720px){
	.o_tit {text-align: center; margin-bottom:20px;}
}

#sec01 .o_tit {margin-bottom:0;}
.sec_01_inr figure img {display:block; max-width: 100%;}
.o_logo_box {display: flex; justify-content: center;}
.o_logo_box .o_logo_box_inr {display: inline-block; border-radius: 50%; margin-top:70px;
    box-shadow: 12px 12px 25px 0px rgba(0, 0, 0, 0.15);}
.o_line_box {display: flex; justify-content: center; margin-top: 50px;}

.sec_01_ul {display:none; align-items: center; justify-content: space-between; width: 95.5%; margin: 0 auto; gap: 10px;}
.sec_01_txtBox {color: #4731d4; text-align: center; max-width: 290px; height: 110px; width: 100%; display: flex;
    border: 3px solid #4731d4; align-items: center; justify-content: center; border-radius: 56.5px; box-shadow: 13px 13px 20px 0px rgba(0, 0, 0, 0.1);}

@media screen and (max-width: 1480px){
	.o_tit .o_sub_tit {margin-bottom: 35px;}
	.o_main_tit {font-size:35px; line-height: 48px;}
}
@media screen and (max-width: 1080px){
	.o_tit .o_sub_tit  {margin-bottom: 25px; font-size: 16px;}
	.o_main_tit {font-size: 28px; line-height: 40px;}

	.o_logo_box .o_logo_box_inr {margin-top:40px;}
	.o_line_box {display:none;}
	.sec_01_ul {display: flex; width: 88%; margin: 50px auto 0; gap: 45px; flex-wrap: wrap; justify-content: center;}
	.sec_01_txtBox {color: #4731d4; text-align: center; max-width: 260px; height: 80px; width: 50%; display: flex; border: 2px solid #4731d4; align-items: center;
    justify-content: center; border-radius: 50px; box-shadow: 13px 13px 20px 0px rgba(0, 0, 0, 0.1); font-size:15px;}
}

@media screen and (max-width: 720px){
	.o_tit .o_sub_tit  {margin-bottom: 25px; font-size: 13px;}
	.o_main_tit {font-size: 20px; line-height: 2.4rem;}
	.o_logo_box .o_logo_box_inr {width: 39%; margin-top: 30px}


	.sec_01_ul {display: flex; width: 95.5%; margin: 35px auto 0; gap: 45px; flex-wrap: wrap; justify-content: center;}
	.sec_01_txtBox {color: #4731d4; text-align: center; max-width: 270px; height: 70px; width: 45%; display: flex; border: 2px solid #4731d4; align-items: center;
    justify-content: center; border-radius: 50px; box-shadow: 13px 13px 20px 0px rgba(0, 0, 0, 0.1);}
/* 	.sec_01_ul {display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 95.5%; margin: 30px auto 0; row-gap: 20px;}
    .sec_01_txtBox {color: #4731d4; text-align: center; max-width: 190px; height: 65px; width: 100%; display: flex;
    border: 2px solid #4731d4; align-items: center; justify-content: center; border-radius: 50px; box-shadow: 13px 13px 20px 0px rgba(0, 0, 0, 0.1);} */
}

@media screen and (max-width: 530px){
	.sec_01_ul {gap: 20px; flex-direction: column;}
	.sec_01_txtBox {width: 100%;}
}


/* sec02 */
.sec02_ul {display: flex; justify-content: center; gap: 42px;}
.sec02_li {display: flex; flex-direction: column; align-items: center; transition: all .5s ease;
    box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1); position: relative; height: 540px; width: 27%; border-radius: 30px;}
.sec02_li_inr {overflow: hidden; display: block; height: 470px;}
.sec02_txtBox {display: flex; flex-direction: column; align-items: center; transform: translateY(13%); padding-top: 287px;
transition: all .5s ease;}
.sec02_txtBox span {display: block; text-align: center;}
.sec02_txt_02 {font-size:44px; padding: 17px 0 22px; transition: all .5s ease;}
.sec02_txt_03 {transition: all .3s ease; line-height: 30px;}
.under_bar {width: 23px; height: 2px; background: #ccf281; transition: all .2s ease;}

.sec02_imgBox figure {position: absolute; top: 120px; left: 50%; transform: translate(-50%,10%);}
.sec02_imgBox figure.o_img_p, .sec02_imgBox figure.o_img_w {transition: all .5s ease;} 
.o_img_w {opacity: 0;}
.sec02_li:hover {background: rgba(71, 49, 212, .9);}
.sec02_li:hover .sec02_txtBox {transform: translateY(-5%);}
.sec02_li:hover .sec02_imgBox figure {transform: translate(-50%,0%);}
.sec02_li:hover .sec02_txt_02 ,
.sec02_li:hover .sec02_txt_03 {color:#fff}
.sec02_li:hover .o_img_p {opacity: 0;}
.sec02_li:hover .o_img_w {opacity: 1;}
.sec02_li:hover .under_bar {opacity: 0;}

@media screen and (max-width: 1480px){
	.sec02_ul {justify-content: space-between; gap:30px;}
	.sec02_li {width: 32%; height: 490px; border-radius: 20px;}
	.sec02_li_inr {height: 428px;}
	.sec02_imgBox figure {top:80px;}
	.sec02_txtBox {padding-top: 266px;}
	.sec02_txt_02 {font-size:35px;}
}

@media screen and (max-width: 1080px){
	.sec02_ul {gap: 15px;}
	.sec02_li {display: flex; flex-direction: column; height: 320px; width: 100%; margin: 0 auto; border-radius: 20px;}
	.sec02_li_inr {overflow: inherit; display: block; height: 470px;}
	.sec02_imgBox figure {position: absolute; top: 35px; left: 50%; transform: translate(-50%,10%); display: flex; justify-content: center;}
	.sec02_imgBox figure img {width: 60%;}
	.sec02_txtBox {transform: translateY(0%); padding-top: 130px;}
	.sec02_txt_02 {font-size:25px; padding: 15px 0 15px;}
	.sec02_txt_03 {line-height: 20px; font-size: 13px;}
	.sec02_li:hover .sec02_txtBox {transform: translateY(0%);}
	.under_bar {margin-bottom: 15px;}
	.sec02_li:hover .under_bar {opacity: 1;}
}

@media screen and (max-width: 720px){
	.sec02_ul { flex-direction: column;}
	.sec02_li {max-width: 270px;}
}

/* sec03 */
#sec_03 {padding-top:130px;}
.sec03_ul {display: flex; justify-content: center; gap: 50px;}
.sec03_li {display: flex; transition: all .2s ease; box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1); position: relative; height: 230px; width: 22%; border-radius: 30px;}
.sec03_li_inr {width: 83%; height: 162px; margin: 30px auto 0; display: flex; flex-direction: column; justify-content: space-between;}
.sec03_box {display:flex; justify-content: space-between; align-items: flex-end;}
.sec03_li:hover {background: #f7f6ff; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);}

@media screen and (max-width: 1480px){
	.sec03_ul {justify-content: space-between; gap: 30px;}
	.sec03_li {width: 100%;}
}

@media screen and (max-width: 1080px){
	.sec03_ul {justify-content: space-between; gap: 15px;}
	.sec03_li {width: 100%; height:180px; border-radius: 20px;}
	.sec03_li_inr {height: 124px;}
	.sec03_subtit {font-size:16px; line-height: 1.4;}
	.sec03_txt_02 {font-size:25px;}
	.sec03_box b {font-size:35px;}

	.o_img_p {display: flex; justify-content: flex-end;}
	.o_img_p img {width: 70%;}
}

@media screen and (max-width: 720px){
	.sec03_ul {flex-direction: column; align-items: center;}
	.sec03_li {max-width: 270px;}
}


/* footer */
.o_footer {background: #292b2e; color:#969496;}
.ft_box {display: flex; justify-content: space-between; align-items: center; padding: 82px 0;}
.ft_left_txt {line-height:1.75rem; word-break:keep-all;}
.ft_box .copy_txt {padding-top: 18px; display: block;}
.ft_logo_m {display:none;}

@media screen and (max-width: 1080px){
	.ft_logo img {width: 80%;}
}
@media screen and (max-width: 720px){

	.ft_box {padding:50px 0;}
	.ft_logo_m {display:block; margin-bottom:20px;}
	.ft_logo_m img {width: 32%;}
	.ft_right {display:none;}
}



/* add_pop */
.add_pop_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);z-index: 9999;display: none;}
.add_pop_wrap *{color: #fff;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
#add_wrap_02 .add_pop_inner{height: 250px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #f2b100;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #fff;z-index: 1;transition: transform .3s ease; }
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

.add_pop_close:hover span{transform: rotate(0);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px; color:#000;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px; color:#000;}


@media (max-width: 780px){ 
	.add_pop_con p{font-size: 12px;}
}


/* 비즈니스 게시판 css */
.bo_list_wrap {color:#fff;}
.gallery_01_li {position: relative; transition: all 0.5s; color:#fff;}
.gallery_01_li figure { transition: background 0.5s;}
.gallery_01_txtBox {position: absolute; top:55px; transition: all 0.5s; opacity: 0; padding: 0 40px; width: 100%;}
.bo_list_txt span,.bo_list_txt p {color:#fff !important;}

.gallery_01_li:hover figure {background: rgba(96,78,210,0.95);}
.gallery_01_li:hover .gallery_01_txtBox {opacity: 1;}

.bo_list_txt {margin-top:0 !important;}
.bo_list_txt p {font-size:25px !important; line-height:35px; margin-top:0 !important; word-break:keep-all;overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 70px;}

.bo_list_txt h4 {font-size:21px !important; margin-top:20px !important; word-break:keep-all; overflow: hidden; 
	text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.bo_list_txt span {display:block; color:#e4e4e4 !important; margin-bottom: 22px; word-break:keep-all; overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 63px;}

.bo_list_txt span i {display:block; color:#fff; margin-bottom: 10px; word-break:keep-all;}

.bo_list_line {width:100%; height:1px; background: #fff; display:block; margin:17px 0 21px;}

/* 게시판 br 제거 */
@media (max-width: 1480px){ 
	.o_board_txt br {display:none;}
	.o_board_txt b {display:block; padding-top: 10px;}
}

@media (max-width: 1280px){ 
	.gallery_01_txtBox {top:45px; padding: 0 30px;}
	.bo_list_txt p {font-size:20px !important; line-height:28px; min-height: 56px;}
	.bo_list_txt h4 {font-size:18px !important; margin-top:15px !important;}
	.bo_list_txt span {margin-bottom: 15px;}
	.bo_list_txt span i {margin-bottom: 8px;}

	.bo_list_line {margin:15px 0;}
}

@media (max-width: 1080px){ 
	.gallery_01_txtBox {top:30px; padding: 0 30px;}
	.bo_list_txt p {font-size:18px !important; line-height:25px;}
	.bo_list_txt h4 {font-size:15px !important; margin-top:12px !important;}
	.bo_list_txt span {margin-bottom: 15px; font-size: 12px !important;}
	.bo_list_txt span i {margin-bottom: 5px; font-size: 15px;}

	.bo_list_line {margin:12px 0;}
}

@media (max-width: 920px){ 
	.bo_list_txt span,.bo_list_txt p {color:#000 !important;}

	.gallery_01_txtBox {position: relative; color:#000; padding: 20px 10px 0; top: 0; opacity: 1;}
	.bo_list_txt p {font-size:18px !important; line-height:25px; min-height: 50px;}
	.bo_list_txt h4 {font-size:15px !important; margin-top:15px !important; font-weight: 600 !important;}
	.bo_list_txt span {color:#999 !important; margin-bottom: 12px; min-height: 54px;}
	.bo_list_txt span i {color:#000; font-size:15px; margin-bottom: 8px;}

	.bo_list_line {background: #000; margin:15px 0;}

	.gallery_01_li:hover figure {background: transparent;}
}
@media (max-width: 720px){
	.gallery_01_txtBox {position: relative; color:#000; padding: 20px 10px 0; top: 0; opacity: 1;}
	.bo_list_txt p {font-size:15px !important; line-height:20px; min-height: 42px;}
	.bo_list_txt h4 {font-size:13px !important; margin-top:10px !important;}
	.bo_list_txt span {color:#999 !important; margin-bottom: 10px; line-height: 15px;}
	.bo_list_txt span i {color:#000; font-size:13px; margin-bottom: 8px;}

	.bo_list_line {background: #000; margin:12px 0;}
}