@charset "utf-8";

/* 공통 */
.clear {clear:both}
.tac {text-align:center !important}
.tal {text-align:left !important}
.tar {text-align:right !important}
.fl {float:left !important}
.fr {float:right !important}
.pointer {cursor:pointer}
.bold {font-weight:bold}
.ovfh {overflow:hidden}
.list_init {margin:0;padding:0;list-style:none}
.readonly, .disabled {background-color:#ddd}
.al{text-align:left !important;}
.dpb_pc, .dpb_m{display:none}
.nowrap{white-space:nowrap}

.mgt0 {margin-top:0 !important}
.mgr0 {margin-right:0 !important}
.mgr5 {margin-right:5px !important}
.mgl0 {margin-left:0 !important}
.mgb0 {margin-bottom:0 !important}
.mgb5 {margin-bottom:5px !important}
.mgb10 {margin-bottom:10px !important}
.mgb20 {margin-bottom:20px !important}
.mgb50 {margin-bottom:50px !important}
.pdt0 {padding-top:0 !important}
.pdb0 {padding-bottom:0 !important}
.pdb10 {padding-bottom:10px !important}
.pdb20 {padding-bottom:20px !important}
.pdl0 {padding-left:0 !important}
.pdl5 {padding-left:5px !important}
.pdl10 {padding-left:10px !important}
.pdl20 {padding-left:20px !important}


/* 본 사이트 전용 */
body {width:100%;min-width:320px;height:100%;font-family:'Pretendard', 'Malgun Gothic', sans-serif; font-weight:400; background:#000; color:#EDEDED}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family:'Pretendard', 'Malgun Gothic', sans-serif}
.frm_input, input[type=text], input[type=password], input[type=submit], textarea, select, button {font-family:'Pretendard', 'Malgun Gothic', sans-serif; font-weight:400}
.frm_input, input[type=text], input[type=password], textarea, select, button {font-size:1.167em}
input[type=text], input[type=password], input[type=submit], input[type=image], button, textarea {-webkit-appearance:none;appearance:none}
select {background:none}

#hd_pop {width:100% !important;max-width:1200px}
#hd_pop .hd_pops_con img {width:100%;height:auto}
#copymove .tbl_head01 thead th, #copymove .tbl_head01 td {font-size:1.167em}
a.btn, .btn {display:inline-block;font-weight:normal;font-size:1.083em}

#modal_bg {display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background:rgba(0, 0, 0, 0.65)}
.modal_wrap {display:none;overflow:auto;position:fixed;left:50%;top:50%;z-index:1005;width:84%;max-width:1200px;height:80%;max-height:600px;padding:30px;background:#fff}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {margin:0;-webkit-appearance:none} /* Chrome, Safari, Edge, Opera */
input[type='number'] {-moz-appearance:textfield} /* Firefox */

.nbg {background:none !important}
.w100 {width:100%}
.inputw10 {width:9.5%}
.inputw20 {width:19.5%}
.inputw30 {width:29.5%}
.inputw70 {width:69.5%}
.inputw80 {width:79.5%}
.inputw90 {width:89.5%}

/* 헤더 */
#header{width:100%; position:fixed; left:0; top:0; background:#000; padding:0 25px; z-index:250}
#header .header_wrap{display:flex; justify-content:space-between;}
#header .logo{display:block; width:40%; line-height:51px; max-width:186px}
#header .langs{width:51px; text-align:center; position:relative; cursor:pointer}
#header .langs span{width:100%; display:inline-block; font-size:1.333em; color:#EDEDED; line-height:51px; padding-right:14px; transition:all .5s ease-in-out}
#header .langs:not(.open) span{background:url(../img/lang_arr_down.png) right 4px center no-repeat}
#header .langs.open span{background:url(../img/lang_arr_up.png) right 4px center no-repeat}
#header .langs ul{display:none; position:absolute; left:0; top:51px; background:#ddd; width:100%;}
#header .langs ul li a{display:block; color:#EDEDED; font-size:1.333em; background:#282828; transition:all .5s ease-in-out; line-height:43px}
#header .langs ul li a:hover{background:#C9C9C9; color:#000}
#header .cs, #header .main_menu{display:none}

#wrap_content {overflow:hidden;}

/* 비주얼 */
.m_visual{position:relative; margin-top:51px; margin-bottom:100px; width:100%; height:calc(100vh - 51px); background:#555}
.m_visual .scroll{position:absolute; left:0; bottom:0; width:100%; z-index:150; text-align:center}
.m_visual .scroll a{display:block; padding-bottom:47px; background:url(../img/scroll_arr.png) center bottom 30px no-repeat; transition:all .5s ease-in-out; color:#EDEDED; font-weight:lighter}
.m_visual .scroll a:hover{background-position:center bottom 20px; font-weight:500}
.vis_yt {overflow:hidden;width:100%;height:100%}
.vis_yt .fp-tableCell, .vis_yt .fp-scrollable, .vis_yt .fp-scroller {height:100% !important}
.vis_yt .youtube_wrap {position:relative;width:100%;height:100%}
.vis_yt .youtube_wrap #youtube_player {position:absolute;left:50%;top:50%;width:100%;height:100%}
.vis_yt .blank {position:absolute;left:0;top:0;z-index:10;width:100%;height:100%}

/* 메인 컨텐츠 - 공통 */
.main_contents .mcon_wrap{padding:0 20px 100px;}
.main_contents h3.mc_stit, .main_contents h2.mc_tit{line-height:1; }
.main_contents h3.mc_stit{font-size:1.25em; font-weight:lighter;}
.main_contents h2.mc_tit{font-size:5.33em; font-weight:600; margin:15px 0 25px; position:relative; display:inline-block}
.main_contents h2.mc_tit:after{position:absolute; content:'';}
.main_contents h2.mc_tit span{position:relative; display:inline-block; z-index:10}
.main_contents p.mc_txt{font-size:1.5em; line-height:1.7; letter-spacing:-0.5px; word-break:keep-all}

/* 메인 컨텐츠 - product */
.mcon_prod h2.mc_tit:after{right:-172px; bottom:-5px; width:134px; height:144px; background:url(../img/tit_bg01.png) center no-repeat; background-size:100%;}
.mcon_prod #lottie {position:relative; padding-bottom:90%;}
.mcon_prod #lottie > svg {position:absolute;}

/* 메인 컨텐츠 - work */
.mcon_work h2.mc_tit:after{right:-165px; bottom:4px; width:128px; height:140px; background:url(../img/tit_bg02.png) center no-repeat;  background-size:100%;}
.boarda_btn ul{display:flex; flex-wrap:wrap; padding:59px 25px 24px 0}
.boarda_btn li{border-radius:6px; line-height:44px; cursor:pointer; border:2px solid #212121;  margin-bottom:8px; color:#7B7B7B; font-size:1.25em; text-align:center; transition:all .5s ease-in-out}
.boarda_btn li.selected{background:#7754DA; border:2px solid #7754DA}
.boarda_btn li.selected span {color:#EDEDED}
.boarda_btn li span{display:inline-block}
.boarda_btn li:nth-child(odd) span{padding-left:44px}
.boarda_btn li:nth-child(even) span{padding-left:40px}
.boarda_btn li:first-child span{background:url(../img/work_tab01.png) left center no-repeat}
.boarda_btn li:first-child.selected span{background:url(../img/work_tab01r.png) left center no-repeat}
.boarda_btn li:nth-child(2) span{background:url(../img/work_tab02.png) left center no-repeat}
.boarda_btn li:nth-child(2).selected span{background:url(../img/work_tab02r.png) left center no-repeat}
.boarda_btn li:nth-child(3) span{background:url(../img/work_tab03.png) left center no-repeat}
.boarda_btn li:nth-child(3).selected span{background:url(../img/work_tab03r.png) left center no-repeat}
.boarda_btn li:nth-child(4) span{background:url(../img/work_tab04.png) left center no-repeat}
.boarda_btn li:nth-child(4).selected span{background:url(../img/work_tab04r.png) left center no-repeat}
.boarda_btn li:nth-child(5) span{background:url(../img/work_tab05.png) left center no-repeat}
.boarda_btn li:nth-child(5).selected span{background:url(../img/work_tab05r.png) left center no-repeat}
/* .mcon_work .n_con:not(.tabsel){display:none} */
/* .mcon_work .n_con_wrap {display:grid;grid-template-columns:1fr;grid-template-rows:1fr;width:100%}
.mcon_work .n_con_wrap .n_con {width:100%;grid-area:1 / 1}
.mcon_work .n_con_wrap .n_con.tabsel {z-index:10} */
.mcon_work .n_con_wrap {position:relative}
.mcon_work .n_con_wrap .n_con:not(.tabsel) {position:absolute;left:0;top:0;z-index:-1;width:100%;opacity:0}
.work_wrap > ul{align-items:stretch;}
.work_wrap > ul > li.swiper-slide{width:calc(100% - 33px); border-radius:10px; margin-right:8px; background:#201f20; padding:20px; height:auto}
.work_wrap > ul > li.swiper-slide > .ww_img{margin:23px 0 0}
.work_wrap > ul > li.swiper-slide > span{font-size:9em; font-weight:lighter}
.work_wrap > ul > li.swiper-slide > h4{font-size:2em; padding:24px 0 9px; word-break:keep-all}
.work_wrap > ul > li.swiper-slide > p{font-size:1.5em; font-weight:lighter; line-height:1.8; word-break:keep-all}
.work_wrap > ul > li > ul{display:flex; flex-wrap:wrap;}
.work_wrap > ul > li > ul > li{margin-right:8px; line-height:31px; background-color:#797979 !important; font-size:1.333em; font-weight:lighter; color:#000; padding:0 9px 0 34px}
.work_wrap > ul > li > ul > li:last-child{margin-right:0 !important}
.work_wrap > ul > li > ul > li.ww_tag01{background:url(../img/work_icon01.png) 8px center no-repeat}
.work_wrap > ul > li > ul > li.ww_tag02{background:url(../img/work_icon02.png) 8px center no-repeat}
.work_wrap > ul > li > ul > li.ww_tag03{background:url(../img/work_icon03.png) 8px center no-repeat}
.work_wrap > ul > li > ul > li.ww_tag04{padding-left:46px; background:url(../img/work_icon04.png) 8px center no-repeat}

/* 메인 컨텐츠 - about */
.mcon_about h2.mc_tit:after{right:-99px; bottom:16px; width:110px; height:142px; background:url(../img/tit_bg03.jpg) center no-repeat;  background-size:100%;}
.mcon_about .aboutt_btn{padding:10px 30px 100px 30px;}
.mcon_about .aboutt_btn ul{display:flex; justify-content:space-between;}
.mcon_about .aboutt_btn li{line-height:80px; font-size:1.333em; font-weight:lighter; color:#EDEDED; transition:all .5s ease-in-out; width:33.33%; text-align:center; cursor:pointer}
.mcon_about .aboutt_btn li.selected{font-size:1.5em; font-weight:600}
.mcon_about .aboutt_btn li:hover{color:#7754DA}
.mcon_about .n_con:not(.tabsel){display:none}
.mcon_about .n_con{width:100%; text-align:center;}
.mcon_about .n_con h4{font-size:3em; line-height:1.8; word-break:keep-all}
.mcon_about .n_con p{font-size:1.5em; line-height:1.6; word-break:keep-all; padding-top:34px}

/* 메인 컨텐츠 - contact */
.mcon_contact h2.mc_tit:after{right:-114px; bottom:41px; width:155px; height:160px; background:url(../img/tit_bg04.jpg) center no-repeat;  background-size:100%;}
.mcon_contact h2.mc_tit span span{font-size:0.63em}
.mcon_contact > div{border-radius:5px; padding:27px 15px; margin-top:24px;}
.mcon_contact h4{font-size:2.333em; font-weight:600; padding-bottom:70px; line-height:1.7}
.mcon_contact h4:last-of-type{padding:114px 0 74px}
.mcon_contact .service_select label{line-height:38px; height:38px; font-size:1.667em; display:block; }
.mcon_contact .service_select input{display:none}
.mcon_contact .service_select .checkmark{width:18px; height:18px; border:1px solid #d9d9d9; display:inline-block; transition: all 0.5s ease; background:#000; margin-right:15px; vertical-align:middle; position:relative}
.mcon_contact .service_select input:checked + .checkmark{background:#884ACC; border:1px solid #884ACC}
.mcon_contact .service_select input:checked + .checkmark::after{position:absolute; left:0; top:0; width:100%; height:100%;background:url(../img/check_icon.png) center no-repeat; content:''}
.mcon_contact .cs_input label{font-size:1.333em;}
.mcon_contact .cs_input input, .mcon_contact .cs_input textarea{background:none; border:0; border-bottom:1px solid rgba(255,255,255,0.6); color:#EDEDED; font-size:1.333em; padding:0 15px }
.mcon_contact .cs_send button{display:table; margin:0 auto; width:187px; height:50px; line-height:50px; background:#fff; color:#060606; font-size:1.5em; text-align:center; border-radius:8px; border:0; transition:all .5s ease-in-out}
.mcon_contact .cs_send button:hover{background:#7754DA;}
.mcon_contact .cs_send button:active{background:#220655;}
.mcon_contact .grline_in {background:#080808;}

/* 메인 컨텐츠 - location */
.mcon_location h2.mc_tit:after{right:-135px; bottom:2px; width:122px; height:166px; background:url(../img/tit_bg05.jpg) center no-repeat;  background-size:100%;}
.mcon_location > ul{display:flex; justify-content:space-between; padding-top:11px}
.mcon_location > ul > li{width:calc(50% - 6px); border-radius:20px}
.mcon_location > ul > li a{display:block; padding:30px}
.mcon_location > ul > li .grline_in > a > span{font-size:0.92em; color:#b3b3b3; font-weight:lighter}
.mcon_location > ul > li .grline_in > a > h4{font-size:3.33em; font-weight:lighter; color:#EDEDED}
.mcon_location > ul > li .grline_in > a > p{font-size:1.083em; font-weight:lighter; line-height:1.75; color:#EDEDED}
.mcon_location > ul > li .grline_in li{display:flex;}
.mcon_location > ul > li .grline_in .lc_tit{font-size:1.167em; font-weight:500; padding-right:26px; color:#EDEDED}
.mcon_location > ul > li .grline_in .lc_txt{flex:1; font-size:1.167em; color:#EDEDED; font-weight:lighter}
.mcon_location .location_bottom {text-align:right; margin-top:14px;}
.mcon_location .location_bottom span {padding-left:15px; background:url(../img/arrow_up.png) left center no-repeat; background-size:12px;}

/* footer */
#footer{width:100%; padding:100px 0 35px; text-align:center;}
#footer a{color:#EDEDED }
#footer li{font-size:1.167em}
#footer li{margin-bottom:20px}
#footer li .ft_tit{font-weight:500; min-width:43px; display:inline-block}
#footer li .ft_txt{font-weight:lighter}
#footer .footer_inner {padding-top:40px; border-top:1px solid #999;}

/*media query - mobile*/
@media screen and (max-width:767px) {
    .dpb_m{display:block}
    .dpn_m{display:none}

    /* 메인 컨텐츠 - 공통 */
    .main_contents h3.mc_stit{font-size:1em}
    .main_contents h2.mc_tit{font-size:3.33em}
    .main_contents h2.mc_tit:after{background-size:100% auto;}
	.main_contents p.mc_txt{font-size:1.08em; font-weight:lighter}

	/* 메인 컨텐츠 - product */
	.mcon_prod h2.mc_tit:after{right:-40px; top:-52px; bottom:auto; width:59px; height:62px}
	
	/* 메인 컨텐츠 - work */
	.main_contents .mcon_wrap.mcon_work{padding-right:0}
	.mcon_work h2.mc_tit:after{right:-67px; bottom:10px; width:56px; height:62px}
	.boarda_btn li{width:calc((100% - 16px) / 3); line-height:38px; font-size:1.083em}
	.boarda_btn li:not(:nth-child(3n)){margin-right:8px}
	.boarda_btn li span{background-size:auto 15px !important}
	.boarda_btn li:nth-child(odd) span{padding-left:24px}
	.boarda_btn li:nth-child(even) span{padding-left:20px}
	.work_wrap > ul > li.swiper-slide{display:flex; flex-wrap:wrap}
	.work_wrap > ul > li.swiper-slide > span, .work_wrap > ul > li.swiper-slide > h4, .work_wrap > ul > li.swiper-slide > p, .work_wrap > ul > li.swiper-slide > ul{width:100%}
	.work_wrap > ul > li.swiper-slide > .ww_img{order:1}
	.work_wrap > ul > li.swiper-slide > ul{order:2}
	.work_wrap > ul > li.swiper-slide > span{font-size:3em; font-weight:400}
	.work_wrap > ul > li.swiper-slide > h4{font-size:1.5em; font-weight:500}
	.work_wrap > ul > li.swiper-slide > p{font-size:1em; line-height:1.7}
	.work_wrap > ul > li > ul{margin:8px 0 0;}
	.work_wrap > ul > li > ul > li{margin:4px 4px 0 0; line-height:24px; font-size:1em; font-weight:500; padding:0 5px 0 16px; background-position:4px center !important; background-size:auto 12px !important; height:24px}
	.work_wrap > ul > li > ul > li.ww_tag04{padding-left:23px}

	/* 메인 컨텐츠 - about */
	/* .main_contents .mcon_wrap.mcon_about{padding-bottom:100px;} */
	.mcon_about h2.mc_tit:after{right:-54px; bottom:16px; width:49px; height:62px}
	.mcon_about .aboutt_btn li{line-height:39px; font-size:1.25em; font-weight:400; }
	.mcon_about .aboutt_btn li span{position:relative; display:inline-block; padding:0 11px}
	.mcon_about .aboutt_btn li span:after{position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; opacity:0; transition:all .5s ease-in-out; content:''}
	.mcon_about .aboutt_btn li.selected{font-size:1.25em; font-weight:400}
	.mcon_about .aboutt_btn li.selected span:after{opacity:1}
	.mcon_about .n_con h4{font-size:2em}
	.mcon_about .n_con p{font-size:1.167em; font-weight:lighter;}

	/* 메인 컨텐츠 - contact */
	/* .main_contents .mcon_wrap.mcon_contact{padding:100px 10px 0} */
	.mcon_contact h3.mc_stit, .mcon_contact h2.mc_tit{padding-left:15px}
	.mcon_contact h2.mc_tit:after{right:-90px; bottom:71px; width:87px; height:73px}
	.mcon_contact h2.mc_tit span span{font-size:0.5em; display:block; padding-top:15px}
	.mcon_contact > div{background:#111}
	.mcon_contact h4{font-size:1.667em; font-weight:400}
	.mcon_contact h4:last-of-type{font-size:2em; margin-top:95px; padding-bottom:59px}
	.mcon_contact .service_select label{font-size:1.333em; padding-left:12px; margin-bottom:20px}
	.mcon_contact .cs_input label{font-size:1em; padding-left:3px}
	.mcon_contact .cs_input input, .mcon_contact .cs_input textarea{background:#000; border-radius:5px; border:1px solid #313131; width:100%; margin:10px 0 20px}
	.mcon_contact .cs_input input{height:57px; line-height:53px}
	.mcon_contact .cs_send button{width:140px; height:40px; line-height:40px; font-size:1.167em}

	/* 메인 컨텐츠 - location */
	.mcon_location h2.mc_tit:after{right:-60px; bottom:2px; width:49px; height:73px}
	.mcon_location > ul > li{border-radius:4px; border:1px solid #707070}
	.mcon_location > ul > li a{padding:12px 10px 19px}
	.mcon_location > ul > li .grline_in > a{display:flex; flex-wrap:wrap; text-align:center}
	.mcon_location > ul > li .grline_in > a > span{width:100%; order:1; font-size:0.83em}
	.mcon_location > ul > li .grline_in > a > h4{width:100%; font-size:2.25em; padding:22px 0 5px}
	.mcon_location > ul > li .grline_in > a > p{width:100%; font-size:0.83em; line-height:1.75; order:2; padding-top:24px}
	.mcon_location > ul > li .grline_in ul{display:none}
	.mcon_location > ul > li .grline_in li a{color:#EDEDED}

	/* 영문 메인컨텐츠 */
	.wmain_en .boarda_btn li{width:calc((64% - 16px) / 2); letter-spacing:-0.7px}
	.wmain_en .boarda_btn li:nth-child(3n-1){width:36%}

}    

/*media query - tablet pc*/
@media screen and (min-width:768px) {
	/* 메인 컨텐츠 - 공통 */
	.main_contents .mcon_wrap{padding:120px 35px 0; margin-bottom:100px;}
	.main_contents h2.mc_tit{margin:17px 0 25px}
	.main_contents p.mc_txt{line-height:1.65}
	.grline_out{width:100%; padding:1px !important; background:linear-gradient(147deg, #969696, #101010) !important; border-radius:20px !important;}
	.grline_in{width:100%; background:linear-gradient(to bottom, #0C0C0C 57%, #101010 100%); border-radius:19px}


	/* 메인 컨텐츠 - work */
	.boarda{padding-left:12px}
	.boarda .n_con{position:relative;}
	.boarda_btn ul{padding:74px 0 0}
	.boarda_btn li{padding:0 16px; margin:0 10px; font-size:1.667em}
	.boarda_btn li:first-child{margin-left:8px}
	.boarda_btn li:last-child{margin-right:0}
	.work_control span{position:absolute; top:30%; display:inline-block; cursor:pointer; width:33px; height:49px; border-radius:4px; transition:all .5s ease-in-out; z-index:150; background-color:rgba(0, 0, 0, 0.43)}
	.work_control span.btn_left{left:0; background:url(../img/work_prev.png) center no-repeat; padding-right:4px}
	.work_control span.btn_right{right:0; background:url(../img/work_next.png) center no-repeat; padding-left:4px}
	.work_control span:hover{background-color:#414141 !important}
	.work_control span:active{background-color:#9e9e9e !important}
	.work_wrap > ul > li.swiper-slide{width:100%; border-radius:0; margin:0 43px 0 0; background:none; padding:0}
	.work_wrap > ul > li.swiper-slide > .ww_img{margin:21px 0 0}
	.work_wrap > ul > li.swiper-slide > span{float:right; margin:7px 10px 0 0 }
	.work_wrap > ul > li.swiper-slide > h4{float:left; width:calc(100% - 230px); padding:29px 0 28px; min-height:86px}
	.work_wrap > ul > li.swiper-slide > p{float:left; width:calc(100% - 230px); min-height:65px}
	.work_wrap > ul > li > ul{width:100%; padding-top:30px}

	/* 메인 컨텐츠 - about */
	.aboutt{display:flex; flex-wrap:wrap}
	.mcon_about .aboutt_btn{width:100%; order:1; padding:24px 30px 126px; background:url(../img/tabs_line.png) center top no-repeat}
	.mcon_about .aboutt_btn ul{justify-content:center;}
	.mcon_about .aboutt_btn li{width:160px;}
	.mcon_about .aboutt_btn li:not(:last-child){margin-right:88px}
	.mcon_about .aboutt_btn li:not(:nth-child(2)){margin-top:40px}
	.mcon_about .n_con{padding:111px 0 64px}
	.mcon_about .n_con h4, .mcon_about .n_con p{line-height:55px;; display:flex; align-items:center; justify-content:center; width:100%}
	.mcon_about .n_con h4{height:110px; }
	.mcon_about .n_con p{height:55px; padding-top:0; margin-top:15px}

	/* 메인 컨텐츠 - contact */
	.mcon_contact .grline_in{padding:68px 72px}
	.mcon_contact h4{text-align:center}
	.mcon_contact .service_select{display:flex; justify-content:center; flex-wrap:wrap;}
	.mcon_contact .service_select label{margin:0 16px}
	.mcon_contact .cs_input{display:flex; justify-content:space-between; flex-wrap:wrap}
	.mcon_contact .cs_input > div{margin-bottom:36px}
	.mcon_contact .cs_input .csi_l, .mcon_contact .cs_input .csi_r{width:calc(50% - 10px)}
	.mcon_contact .cs_input .csi_t{width:100%}
	.mcon_contact .cs_input input, .mcon_contact .cs_input textarea{width:100%}
	.mcon_contact .cs_input input{line-height:64px}
	.mcon_contact .cs_input textarea{height:150px; padding:15px}	
	.mcon_contact .cs_send button{margin:30px auto 0}

	/* 메인 컨텐츠 - location */
	.mcon_location > ul{padding-top:34px}
	.mcon_location > ul > li{width:50%; border-radius:0; padding:0 6%; }
	.mcon_location > ul > li .grline_out{width:100%; max-width:400px; margin:0 auto}
	.mcon_location > ul > li .grline_in{transition:all .5s ease-in-out}	
	.mcon_location > ul > li .grline_in:hover{background:linear-gradient(to bottom, #242424 57%, #3d3d3d 100%)}
	.mcon_location > ul > li .grline_in a{padding:28px 30px 33px;}
	.mcon_location > ul > li .grline_in > a > span{display:block; padding:31px 0 2px}
	.mcon_location > ul > li .grline_in > a > h4{margin:0 0 30px -3px}
	.mcon_location > ul > li .grline_in ul{margin-top:65px}
	.mcon_location > ul > li .grline_in li:first-child{margin-bottom:16px}
    .mcon_location .location_bottom {padding-right:6%;}

	/* 영문 메인컨텐츠 */
	/* .wmain_en .boarda_btn li{letter-spacing:-0.7px} */

	/* footer */
	#footer{padding:177px 35px }
    #footer p{text-align:left; line-height:1.7; font-size:1.417em;}
}

/*media query - 테블릿만 */
@media screen and (min-width:768px) and (max-width:1239px) {
	/* 헤더 */
	#header{padding:0 35px}
	#header .logo, #header .langs span{line-height:77px}
	#header .langs ul{top:77px}

	/* 메인 컨텐츠 - work */
	.boarda_btn li{padding:0 10px; margin:0 7px}

	/* 메인 컨텐츠 - contact */
	.mcon_contact .service_select label:first-of-type{margin-left:0}
	.mcon_contact .service_select label:last-of-type{margin-right:0}

	/* 메인 컨텐츠 - location */
	.mcon_location > ul > li .grline_in a{padding:20px 25px 28px}
	.mcon_location > ul > li .grline_in > a > h4{margin:0 0 10px -3px}
	.mcon_location > ul > li .grline_in ul{margin-top:35px}

	/* 영문 메인컨텐츠 */
	.wmain_en .boarda_btn li{margin:7px}

}

@media screen and (min-width:1240px) {
	.dpb_pc{display:block; }

	/* 헤더 */
	#header{max-width:1240px; position:fixed; left:calc(50% - 620px); top:40px; padding:0 7px 0 36px; height:52px; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); border-radius:52px; background:transparent; border:1px solid rgba(255,255,255,0.34)}


	#header .cs, #header .main_menu{display:block}
	#header .logo{line-height:50px}
	#header .main_menu{display:flex; text-align:center}
	#header .main_menu li{margin:0 35px}
	#header .main_menu li a{display:block; width:140px; color:#EDEDED; line-height:50px; font-size:1.333em; transition:all .5s ease-in-out}
	#header .main_menu li a:hover{font-weight:600; font-size:1.5em}
	#header .main_menu li a:active{font-weight:600; font-size:1.5em; color:#636363}
	#header .langs{margin-left:6px}
	#header .cs{border-radius:36px; line-height:36px; color:#EDEDED; font-size:1.333em; background:#8149BF; width:177px; height:36px; display:block; text-align:center; margin:7px 0 0 39px; transition:all .5s ease-in-out}
	#header .cs:hover{background:#E73ABC}
	#header .cs:active{background:#591436; color:#636363}

	/* 메인 컨텐츠 - 공통 */
	.main_contents .mcon_wrap{padding:120px calc(50% - 620px) 30px;}

	/* 비주얼 */
	.m_visual{margin-top:0; height:100vh}

	/* 메인 컨텐츠 - work */
	.boarda{padding-left:12px; width:1042px}
	.work_control span{top:260px}
	.mcon_about .n_con{padding:126px 0 49px}
	.mcon_about .n_con p{margin:-8px 0 23px}

	/* 메인 컨텐츠 - contact */
	.mcon_contact .grline_out{width:calc(100% - 212px); margin:165px auto 0}
	.mcon_contact .grline_in{padding:68px 72px 44px}	
	.mcon_contact .cs_send button{margin:27px auto 0}

	/* 메인 컨텐츠 - location */
	.mcon_location > ul{padding:45px 104px 0; justify-content:space-between; width:100%}
	.mcon_location > ul > li{width:auto; padding:0}
    .mcon_location .location_bottom {padding-right:104px;}

	/* 영문 메인컨텐츠 */
	.wmain_en .mcon_contact .service_select{width:calc(100% + 30px); margin-left:-15px}

	/* footer */
	#footer{padding:50px calc(50% - 620px) 35px}
}

@media screen and (min-width:1400px) {
	/* 메인 컨텐츠 - work */
	.work_control span{top:292px}
	.work_control span.btn_left{left:calc(50% - 590px)}
	.work_control span.btn_right{right:calc(50% - 590px)}
}