/*-------------------------------------------------------------
	¸ÞÀκñÁÖ¾ó                   
-------------------------------------------------------------*/

.device {position:relative;width:100%;height:auto;padding:0;margin:0;padding-bottom:50px;overflow:hidden;}
.device .arrow-wrapa {position:absolute;z-index:997;left:50%;top:0;width:80px;height:100%;text-align:center;margin-left:-800px;background:transparent url(/_img/main/slide-arrow-left.png) center no-repeat;}  


.device .arrow-wrapa.arrow-right {left:auto;right:50%;margin-left:0;margin-right:-800px;background-image:url(/_img/main/slide-arrow-right.png);}
.device .arrow-wrapa i {font-size:30px;color:#004376;margin-top:210px;}
.device .arrow-wrapa:hover i {color:#fff;}

.device .bn_pg {position:absolute;z-index:997;left:0;text-align:center;bottom:-30px;width:100%;border:none;line-height:13px;}
.device .bn_pg:hover {border:none; }    
.device .swiper-pagination-bullet {display:inline-block;width:10px;height:10px;border-radius:50%;background:#DCDCDC;opacity:0.5;margin:0 4px;cursor:pointer;transition:all 0.3s;}    
.device .swiper-pagination-bullet-active {width:40px;opacity:1.0;border-radius:60px; background-color:var(--primary-color);}
    
.device .swiper-container {position:relative;width:100%;height:100%;padding:0;margin:0;}
.device .swiper-slide {position:relative;width:100%;display:block;overflow:hidden; height: 100%; min-height: 380px;}
.device .swiper-slide img {position:relative;margin:0;padding:0;left:50%;transform:translateX(-50%);} 

.sw01 .swiper-slide {background:#e4e4e4;}
.sw01 .text {position:absolute;left:50%;top:50%;transform:translate(-550px,-50%);display:block;}
.sw01 .texth1 {position:relative;display:block;font-size:47px;line-height:1.5;color:#000;letter-spacing:-0.5px;margin-bottom:10px;}
.sw01 .texth1:before {content:"";position:absolute;top:22px;right:-77px;width:97px;height:43px;background:url("../_img/main/mv_poster.png") no-repeat;} 
.sw01 .texth2 {display:block;font-size:16px;line-height:1.5;color:#7b787d;margin-bottom:40px;}
.sw01 .texta {display:inline-block;color:#756e7b;font-size:13px;line-height:1.5;border:1px solid #afa0b5;border-radius:3px;padding:8px 20px;}

.sw02 .swiper-slide {background:#e4e4e4;}
.sw02 .text {position:absolute;left:50%;top:50%;transform:translate(-550px,-50%);display:block;}
.sw02 .texth1 {position:relative;display:block;font-size:47px;line-height:1.5;color:#000;letter-spacing:-0.5px;margin-bottom:10px;}
.sw02 .texth1:before {content:"";position:absolute;top:22px;right:-77px;width:97px;height:43px;background:url("../_img/main/mv_poster.png") no-repeat;} 
.sw02 .texth2 {display:block;font-size:16px;line-height:1.5;color:#7b787d;margin-bottom:40px;}
.sw02 .texta {display:inline-block;color:#756e7b;font-size:13px;line-height:1.5;border:1px solid #afa0b5;border-radius:3px;padding:8px 20px;}


/*ŸÀÌƲ °øÅë*/
.main_section {user-select:none;}
.main_section .m_title {position:relative;display:block;width:100%;text-align:left;}
.main_section .m_title span {position:relative;display:block;font-size: 2.19em;line-height:1.2;color:#333;font-weight:600;letter-spacing:-0.5px;padding:0 10px;text-align:center;width:auto;z-index:2;margin:0 auto;}
.main_section .m_title span:after {content:"";height: 3px;width:70px;display:block;background: #AEE4E4;margin:0 auto;margin-top:10px;}

.main_section .m_title_eng {display:block;color:#C7C7C7;font-size:1.19em;line-height:1.4;font-weight:600;text-transform:uppercase;margin-top:5px;position:relative;text-align:left;height:auto;padding-bottom:20px;}
.main_section .m_title_eng::after {content:'';display:block;width:100%;height:0;}



/*-------------------------------------------------------------
	¸ÞÀÎ Á¦ÀÛ°¡ÀÌµå    
-------------------------------------------------------------*/

.production_guide_container {position:relative;display:flex;align-items:center;width:100%;padding: 20px 40px 25px;background-color:white;border-radius:15px;border:1px solid #DDDDDD;}

.guide_title {flex-shrink:0;margin: 0 60px 0 0;}
.guide_title h1 {font-size:1.5em; font-weight:700; line-height:1.2; margin:0; color:#000;}
.guide_title h1 span {display:block;font-weight:400;font-size: 0.94em;}

.guide_list {list-style:none; padding:0; margin:0; display:flex; justify-content:space-between; flex-grow:1;}
.guide_item,
.guide_item_bbs {text-align:center;}
.icon_circle {width:90px;height:90px;border-radius:50%;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:transform 0.3s, box-shadow 0.3s;padding: 0;border: 0;}
.icon_circle img {max-width:100%; max-height:100%; display:block;}
.icon_circle:hover {transform:translateY(-2px); box-shadow:0 6px 15px rgba(0, 0, 0, 0.12); cursor: pointer;border: 3px solid var(--primary-color);}
.item_text {display:block; width:90px; font-size:1.07em; color:#555; margin:0; white-space:nowrap; padding-top:8px;}


/*-------------------------------------------------------------
	¸ÞÀÎ Æ÷Æ®Æú¸®¿À           
-------------------------------------------------------------*/

.mPortfolio {padding:50px 0;}
.portfolio_wrap {width:100%; margin:0 auto; padding:30px 0 0;}
.portfolio {display:grid;  grid-template-columns:repeat(4, 1fr); gap:20px 30px; list-style:none; padding:0; margin:0; grid-gap:40px;}
.portfolio_item {text-align:left;max-width: 320px;}
.portfolio_item a {text-decoration:none; color:inherit; display:block;}
.portfolio_img {margin:0 0 10px 0;overflow:hidden;border-radius: 15px;background-color:#f0f0f0;transition:transform 0.3s, box-shadow 0.3s;}
.portfolio_item a:hover .portfolio_img {transform:translateY(-2px); box-shadow:0 6px 15px rgba(0, 0, 0, 0.12);}
.portfolio_img img {width:100%; height:auto; display:block; object-fit:cover;}
.portfolio_txt {padding: 10px 0 0;}
.portfolio_txt .cont {font-size: 1.07em;line-height: 1.2;color: #888;margin-bottom: 5px;font-weight:500;}
.portfolio_txt .name {font-size: 1.38em;font-weight:bold;color:#333;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



/*-------------------------------------------------------------
	¸ÞÀÎ ¶óÀιè³Ê     
-------------------------------------------------------------*/

/*.mLineBanner {position:relative;}
.linebanner_bg {width: 100%; height: 80px; position: relative; overflow: hidden;}

.skew_area {position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-color: #e6f7ff; transform: skewX(-15deg); transform-origin: 100% 50%; z-index: 2;}
.straight_area {position: absolute; top: 0; left: 49%; width: 51%; height: 100%; background-color: #fffbe6; z-index: 1;}

.linebanner_wrap {width: 100%; max-width: 1800px; height: 100%; margin: 0 auto; position: relative; display: flex; align-items: center; z-index: 10;}
.linebanner {display: flex; width: 130%; height: 100%; z-index: 10;}
.banner1 {flex: 1 1 50%; padding: 0px 40px 0 0; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.banner2 {flex: 1 1 50%; padding: 10px 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}

.linebanner img {max-width: 100%;} 

*/.linebanner_bg {
    width: 100%;
    height: 80px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.skew_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
}

.bg_left {
    width: calc(50% + 50px);
    height: 100%;
    background-color: #e1f3ff;
    background-image: url('/assets/images/main/linebanner_center.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.bg_right {
    width: calc(50% - 50px);
    height: 100%;
    background-color: #fff7d3;
}


.linebanner_inner {
    width: 100%;
    max-width: 1800px;
    position: relative;
    z-index: 10;
}

.linebanner {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.banner1 {
    flex: 1;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner2 {
    flex: 1;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.linebanner img {max-width: 100%;}
/*-------------------------------------------------------------
 	¸ÞÀÎ Review          
-------------------------------------------------------------*/
.mReview {position:relative;padding:50px 0 0;text-align: center;}
.mReview .m_title span:before {background:#FFF379}

.mReview_wrap {display: grid;grid-template-columns: calc((100% - 150px) / 4) calc((100% - 150px) / 4) calc((100% - 150px) / 4) calc((100% - 150px) / 4);grid-gap: 50px;width:100%;padding: 30px 0 0 !important;margin:0;}

.mReview .review_img {position: relative;display: block;width: 100%;height: 0;padding-bottom: 75%;background-color: #fafafa;background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: 15px;}
.mReview .review_img.no_img {background-image:url(/assets/images/common/noimg_100.png);background-size: auto;}


.mReview .review_title {display: block;}
.mReview .review_title a {display: block;width: 100%;font-size: 1.2em;color:#333;text-align: left;font-weight: 600;padding: 0;margin: 10px 0 7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.mReview .review_info {position: relative;display: flex;justify-content: space-between;margin-bottom: 15px;}
.mReview .review_info .user {display: block;font-size: 1.07em;color: #999999;}

.mReview .review_star {display: flex;justify-content: flex-end;font-size: 0.84em;text-align: left;color: #ffdd42;align-items: center;}
.mReview .review_star i + i {margin-left:2px;}
.mReview .review_star > span {margin-left:2px;}

.mReview .review_con {font-size: 0.96em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 1.7;height: 5.1em;font-weight: 400;color: #888;text-align: left;}


 .mReview .no_review {color:#999;line-height:160px;display:block;text-align:center;background:#fafafa;grid-column:1 / -1;font-size:1.25em;}
 

/*-------------------------------------------------------------
 º£½ºÆ®¸®ºä                        
-------------------------------------------------------------

.review_wr {position:relative;margin-top:50px;overflow:hidden; }

.review_wr .m_title {display:block;text-align:center;margin-bottom:40px}
.review_wr .m_titleh1 {position:relative;font-size:21px;color:#000;font-weight:700;letter-spacing:-0.5px;}
.review_wr .m_titleh1:after {left:50%;margin-left:-20px;}
.review_wr .m_titlea {display:inline-block;background:#92d0f7;border-radius:3px;font-size:11px;color:#fff;padding:0 10px;margin-top:23px;}
.review_wr .m_title .moreimg {vertical-align:middle;margin-top:-3px;}

.review_list {position:relative;}

.review_listli {width:230px;margin:20px 29px 40px;border:none;float:left;position:relative;transition:all 0.3s;}
.review_listli:nth-child(4n) {margin-right:0;}
.review_listli .re_img {float:left;width:100%;height:200px;border:1px solid #e0e0e0;box-sizing:border-box;display:block;overflow:hidden;background-size:cover;background-position:center;}
.review_listli .re_img.no_img {background-image:url('/_img/main/review_noimage.png');background-repeat:no-repeat;background-size:auto;}


.review_listli .re_txt {display:inline-block;width:100%;height:145px;border:1px solid #e0e0e0;border-top:none;padding:15px;box-sizing:border-box;float:left;bottom:0;background:#fff;overflow:hidden;}
.review_listli .re_txt > span {width:100%;display:block;overflow:hidden;font-size:14px;color:#000;line-height:20px;}
.review_listli .re_txt .re_ttl {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;padding-bottom:3px;}
.review_listli .re_txt .re_name {font-size:13px;color:#ababab;border-bottom:1px solid #ababab;padding-bottom:5px;margin-bottom:10px;}


.review_listli .re_txt .re_cnt {font-size:0.88em;color:#ababab;line-height:18px;height:39px;overflow-y:hidden;margin-top:10px;}
.review_listli .re_txt .re_cnt:after {content:".......";display:block;position:absolute;bottom:15px;}
*/


/*

.review_list li .re_img:hover + .re_txt {display:block; -webkit-animation:slide-up .3s ease-out; -moz-animation:slide-up .3s ease-out; }
.review_list li:hover {box-shadow:2px 2px 5px rgba(0, 0, 0, 0.1);}
*/
/*@-webkit-keyframes slide-up {  0% {opacity:0; -webkit-transform:translateY(50%);}   

    100% {opacity:1; -webkit-transform:translateY(0);}

}
@-moz-keyframes slide-up {  0% {opacity:0; -moz-transform:translateY(50%);}   
    100% {opacity:1; -moz-transform:translateY(0);}
}
*/


/*-------------------------------------------------------------
 ¸ÞÀÎ Ãßõ              
-------------------------------------------------------------* /
.mChoice {padding:50px 0;}

.swiper-quick {position:relative;width:100%;z-index:3;margin:0;padding:50px 0 0;overflow:hidden;text-align:center;}
.swiper-quick .swiper-wrapper, 
.swiper-quick .swiper-slide {height:auto !important;}
.swiper-quick .swiper-slide {padding:0 15px;}
.swiper-quick .swiper-slide >a {display:block;transition:all 0.3s;float:left;}
.swiper-quick .swiper-slide >a:hover {transform:scale(0.98);}

.swiper-quick .img {display:inline-block;width:100%;overflow:hidden;float:left;border-radius:20px;}
.swiper-quick .img img {width:100%;height:auto;}
.swiper-quick .txt_wr {display:inline-block;width:100%;padding:15px 5px 5px;text-align:left;}
.swiper-quick .txt_wr .name {display:block;font-size:1.25em;font-weight:700;color:#555;line-height:1;margin-bottom:7px;}
.swiper-quick .txt_wr .cont {font-size:0.88em;color:#777;}
.swiper-quick .txt_wr .contp {margin-bottom:26px;font-size:13px;line-height:21px;color:#888;font-weight:400;}
.swiper-quick .txt_wr .contsmall {font-size:0.88em;line-height:1;color:var(--primary-color);font-weight:100;}

.quick-arrow-wrap {position:absolute;left:-50px;top:50%;transform:translateY(-50%);width:calc(100% + 100px);}
.quick-arrow-wrap a {position:absolute;left:0;display:block;width:60px;height:60px;background-image:url(/_img/main/mq_left.png);background-position:center;background-repeat:no-repeat;z-index:5;opacity:0.4;} 
.quick-arrow-wrap a.arrow-right  {background-image:url(/_img/main/mq_right.png);left:auto;right:0; }
.quick-arrow-wrap a:hover {opacity:1;}

/*-------------------------------------------------------------
 Àαâ»óÇ°                        
-------------------------------------------------------------* /

.mBest {padding:50px 0;background:#fff; border-bottom:1px solid #E9E9E9;}
.mBest .m_title {border-bottom:1px solid #707070;width:100%;}
.mBest .m_title span:before {background:#FFF379}


/*-------------------------------------------------------------
 ½Å»óÇ°                        
-------------------------------------------------------------* /

.mNew {padding:50px 0;background:#fff; border-bottom:1px solid #E9E9E9;}
.mNew .m_title {border-bottom:1px solid #707070;width:100%;}