@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Montserrat:700&display=swap');

body,h1,h2,h3,h4,input,button,textarea,select,div,table {font-family:pretendard,sans-serif;}

*{font-size:17px;}
body {font-size:17px; color:#333;}
.d_width{position:relative;margin:0 auto;width:1400px;}
#home-div{overflow:hidden;width:100%}

/* 기본layout */
#snb		{float:left;width:240px;}
#content	{float:left;width:1120px;padding:0;margin:0 0 0 40px;}
#aside		{float:right;width:0 !important;}

#body_head	{position:relative;}
#body_head .inwrap	{position:relative;margin:0 auto;width:1120px;}
#body_head:after	{content:"";display:block;float:none;clear:both;}
#location	{margin-right:200px;}
#location li{float:left;padding:0 10px;background:url(../../data/img/ico_homearr.png) no-repeat 0 50%;font-size:12px;line-height:38px;}
#location li:first-child{padding-left:20px;background:url(../../data/img/ico_home.png) no-repeat 0 50%;}
#location a	{color:#999}
#pnb		{position:absolute;right:0;top:0;}
#pnb .page_sns	{float:left;}
#pnb .page_sns li	{float:left;text-align:center;margin:5px 0 0 2px}
#pnb .page_sns a	{display:inline-block;width:28px;height:28px;line-height:28px;background:#ccc;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;color:#fff;}
#pnb .pnb_bx		{float:right;margin-left:5px;}
#pnb .pnb_bx li		{float:left;text-align:center;border-right:1px solid #eaeaea;width:38px;height:38px;line-height:38px;}
#pnb .pnb_bx li:first-child	{border-left:1px solid #eaeaea;}
#pnb .pnb_bx a	{color:#ccc}
#body_title		{clear:both;padding:10px 0 15px 0;margin:0 0 30px 0;border-bottom:1px solid #dadada;}
#body_content	{clear:both;padding:0 0 40px 0;margin:0;}
#container.sub_container{    padding: 30px 0;}

h1, h2, h3, h4, h5, h6 {clear:both;background:transparent;line-height:1.25;text-align:left;}
h1 {/*margin:0;padding:0;background:none;font-size:30px;color:#464C58;letter-spacing:-1px;*/}
h2 {margin:30px 0 15px 0;padding:0;font-size:20px;color:#333;}
h3 {margin:25px 0 15px 0;padding:0;font-size:18px;color:#3E4553;}
h4 {margin:20px 0 10px 0;padding:0;font-size:16px;color:#3E4553;}
h5 {margin:15px 0 5px 0;padding:0;font-size:15px;color:#5A6378;}
h6 {margin:10px 0 5px 0;padding:0;font-size:14px;font-weight:normal; }
h3:before{content:"\f14a";font-family:FontAwesome;color:#3E4553;margin-right:5px;font-size:16px;}
h4:before{content:"\f111";font-family:FontAwesome;color:#5A6378;margin-right:5px;font-size:12px;}
h5:before{content:"\f10c";font-family:FontAwesome;color:#768395;margin-right:5px;font-size:12px;}
h6:before{content:"\f105";font-family:FontAwesome;color:#5A6378;margin-right:5px;font-size:12px;}

header				{position:absolute;left:0;top:0;width:100%;height:120px;padding:0;margin:0;z-index:100}
header #logo		{position:absolute;left:0;top:25px;width:100%;z-index:99;}
header .sub_name	{display:inline-block;margin-left:20px;line-height:40px;font-size:20px;font-weight:bold;color:#333;vertical-align:middle;}
#topwrap .topmn		{position:absolute;top:24px;right:0;z-index:99;line-height:40px;height:40px;display:inline-block;}
#topwrap .topmn a	{margin-left:20px;font-size:14px;color:#666666;}
#topwrap .topmn a:nth-child(1){display:none;}

#gnb		{position:absolute;left:0;top:0;height:90px;width:100%;}
#gnbmn		{position:relative;width:1240px;padding:0;margin:0 auto;z-index:99}
#gnbmn a	{display:block;}
#gnbmn ul.depth1		{position:relative;width:calc(100% - 350px);padding:0;margin: 0 100px 0 320px;}
#gnbmn ul.depth1 li		{position:relative;float:left;padding:0;margin:0;text-align:center;width:auto !important;}
#gnbmn ul.depth1 li a	{margin:0;font-size:20px;line-height:90px;}
#gnbmn ul.depth1>li>a	{padding:0 40px;font-weight:900;}
#gnbmn ul.depth2		{display:none;position:absolute;left:0;top:90px;padding:15px 0;margin:0;width:100%;z-index:4}
#gnbmn ul.depth2 li		{display:block;clear:both;padding:0;margin:0;text-align:center;width:100% !important;float:none;}
#gnbmn ul.depth2 li a	{padding:2px 0;margin:0;font-size:14px;font-weight:normal;word-break: keep-all;line-height:1.5;}
#id_gnb_bg	{position:absolute;left:0;top:90px;z-index:3;}
.gnb_bg		{width:100%;padding:0;margin:0;box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-ms-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-o-box-shadow:0px 2px 1px rgba(0,0,0,0.1);}
#id_gnb_bg {border-top: 1px solid #ddd;}
#m-nav{display: none; position:absolute; left:15px; top:15px; z-index:9999;}
#m-nav span{display: block; width:25px; height:3px; background-color:#000000; border-radius:5px; margin: 5px 0;}


/* #mv-wrap{background:url(../img/main-visual01.png) 50% 50% / cover;}  */
#mv-wrap{position:relative;}
/* #mv-wrap > div{display:flex;justify-content: space-between;flex-direction: column;} */
#mv-wrap .txtbx .s-tit{font-size:17px; font-weight:500;}
#mv-wrap .txtbx .l-tit{font-size:4.118rem;line-height:1; color:#fff; background:#DEB887;padding:3px;margin:20px 0;font-weight:900;display:inline-block;}
#mv-wrap .txtbx .txt{font-size:1.118rem; font-weight:300;line-height:33px; color:#000000;}
#mv-wrap .movie-bx{width:500px;height:350px; background:#f7f7f7;/* position: absolute;top: -450px;right:0px;z-index: 9; */float:right;}
#mv-wrap .movie-bx:before{content:'Mechanical and Automotive Engineering';font-size:12px;letter-spacing:2px;height:300px;width:0.882rem;position:absolute; right:-1.471rem; top:56px;writing-mode: vertical-lr;}
#mv-wrap .movie-bx .tit{color:#fff;padding:5px 8px;background:#333333;}

#sub_title_editarea .sub-title .stitle{font-size: 17px;font-weight: 500;}
#sub_title_editarea .sub-title .tit  {color:#606fc6;line-height:1;font-weight:900;font-size: 60px;padding: 5px 0 20px;}


.d_width.movie-contbx {position: absolute;top: 120px;z-index: 1;left: 50%;transform: translateX(-50%);/* height: 200px; */width: 1400px;margin: 0;}
.movie-cont {position: absolute;right: 0;top: 0;}



#main-contact ul {display:flex; width:700px;align-items: center;}
#main-contact ul li{width:calc( 100% / 3 );}
#main-contact{display:flex;position:relative;padding:30px 0;justify-content:space-between;}
#main-contact .btn-wrap	{width: calc(100% - 730px);display: flex;align-items: center;justify-content: space-between;}
#main-contact .btn-wrap a{width:calc(50% - 10px);display:block;color:#fff;font-weight:700}
#main-contact .btn-wrap a:nth-child(1){background:#FAE100;}
#main-contact .btn-wrap a:nth-child(2){background:#CE2B7A linear-gradient(41deg, #F7CC6C, #E76E36, #D52A73, #A434AD, #5A48C3);}
#main-contact .btn-wrap a:nth-child(3){background:#606fc6;}
#main-contact a{width:50%;}
#main-contact ul li.tit{font-size:1.765rem;font-weight:900;}
#main-contact ul li {font-size:1.05rem;}
#main-contact ul li:nth-child(2):before{content:'\f041';}
#main-contact ul li:nth-child(3):before{content:'\f095';}
#main-contact ul li:before{margin:0.588rem;display:inline-block;color:#CCCCCC;font-family:FontAwesome;}
#main-contact .aply-btn{font-size:1.52rem; font-weight:900;color:#DEB887;line-height: 119px;padding: 0 2.353rem;position:relative;align-items: center;}
#main-contact .aply-btn::before{content:'';display:inline-block; width:1.471rem; height:1.471rem;background:url(../img/ico_img2.png) 0 1.471rem;margin-right:1.176rem;}
#main-contact .aply-btn::after{content:'';display:inline-block; width:1.471rem; height:1.471rem;background:url(../img/ico_img2.png) 1.471rem 1.471rem;margin-left:100px;}
#main-contact .aply-btn span{display:block;position:absolute;bottom:0; right:0; z-index:1; width:30.588rem; height:190px;background: url(../img/main-boject01.png) 50% 50% no-repeat;}
#main-contact:after{content:'';display:block;width:500%;height:1px; background:#F1F1F1;position:absolute;bottom:1px;left: 50%;
transform: translateX(-50%);}
.d_width.movie-cont {top: -450px;z-index: 1;}



#main-contant{padding-top:100px; }
#main-contant .contant-bx{width:100%;display:flex;justify-content:space-between;}
#main-contant .contant-bx > div{width:calc( ( 100% - 2.353rem ) / 2 );}
#main-contant .produce{padding:2.941rem; background:url(../img/main-cont02.png) 50% 50%/cover;}
#main-contant .produce .tit{font-size:36px; color:#DEB887; font-weight:900;}
#main-contant .produce .txt{margin-top:1.176rem;color:#FFF;line-height:1.765rem;}
#main-contant .produce .btn-bx{margin-top:2.353rem;}
#main-contant .produce .btn-bx a{display:block;width:260px;border-radius:2.941rem;background:#DEB887;color:#fff;padding:0.882rem 2.353rem;margin-bottom:2px;position:relative;}
#main-contant .produce .btn-bx a:after{content:'\f105';display:block;width:0.588rem;line-height:0.588rem;color:#fff;position:absolute;right:2.353rem;top:50%;transform:translateY(-50%);font-family:FontAwesome;}
#main-contant .info {width:100%;}



#main-contant .mnotice .tab_on > a, #main-contant .mnotice .tab_off > a{font-size:26px;font-weight:900; color:#152C4F;display: inline-block !important;}
#main-contant .mnotice .tab_off a {color:#96A3AD;}
#main-contant .mnotice {position:relative;}
#main-contant .mnotice > div{position:absolute;top:27px;left:0;width:100%;}
#main-contant .mnnotice .tabcontent{width:100%;}
#main-contant .tabcontent li{padding:.94rem 0;border-bottom:1px solid #E1E1E1;position:relative;padding-right:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#main-contant .tabcontent li .date{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:0.765rem; color:#666666;}
#main-contant .tabcontent li .date:before{content:"\f017";width:0.588rem;height:0.588rem;color:#CCCCCC;margin-right:0.588rem;font-family:FontAwesome; display:inline-block;}
#main-contant .tabcontent{border-top:2px solid #152C4F;border-bottom:1px solid #8995A6;}
#main-contant .mnotice > div:nth-child(2) a.dpb{position: relative;left: 110px;}
#main-contant .mnotice > div a.dpb{position: relative; top:-30px;}
#main-contant .mnotice .more a {font-size:0.765rem; color:#fff;padding: 0.4rem 1rem; background:#DEB887; position:absolute; top:-40px; right:0;font-weight:500;z-index:9;}
#main-contant .mnotice .more a:before{content:'더보기';margin-right:5px;color:#fff;width:36px;line-height:16px;display:inline-block;}
#main-contant .mnotice .tab_off .tabcontent{display:none;}
#main-contant .mnotice .tab_on .tabcontent{display:block;}

 

#main-contant .info{margin-top:60px;}
#main-contant .info li{width:50%;padding:2.353rem 2.941rem;}
#main-contant .info ul{display:flex;}
#main-contant .info li:first-child{background:#616F7E;}
#main-contant .info li:last-child{background:#606fc6;}
#main-contant .info li:first-child .tit{color:#fff;}
#main-contant .info li:first-child .txt{color:#AFB6BE;}
#main-contant .info li:last-child .tit{color:#10314D;} 
#main-contant .info li:last-child .txt{color:#fff;} 
#main-contant .info li .tit{font-size:1.765rem;margin-bottom:1.176rem;font-weight:900;}
#main-contant .info li .txt{font-size:1.118rem;}
#main-contant .info a > span{position:absolute;display:inline-block;width:70px;height:70px;background: url(../img/ico_img1.png) no-repeat;top:0px;right:0px;}
#main-contant .info a{position:relative;display:block;}
#main-contant .info li:first-child a > span {background-position:0px 0px;}
#main-contant .info li:last-child a > span {background-position:-70px 0px;}



#main-prouce{display:flex;margin-top:100px;justify-content: space-between;}
#main-prouce .row-l{padding:60px 0;position:relative;}
#main-prouce .row-l:before{content:'';display:block;width:500%;height:800px;position:absolute;z-index:-1;background:#EAECEE;    top: 0px; right: -12.353rem;}
#main-prouce .row-l .s-tit{font-size:1.05rem;}
#main-prouce .row-l .tit{font-size:2.353rem;color:#152C4F;font-weight:900;margin-top:1.765rem;}
#main-prouce .row-l .txt{margin-top:2rem;font-size:1.05rem;line-height:1.765rem;width:580px;font-weight:200;}
#main-prouce .row-l a {display:inline-block;padding:0.882rem 2.353rem;border:1px solid #DEB887; color:#DEB887;margin-top:1.471rem;}
#main-prouce .row-r {width:50%;overflow:hidden;    box-shadow: -7px 9px 16px 3px rgb(0 0 0 / 25%);}
#main-prouce .row-r img{width:100%;height: 100%;object-fit:cover;}


#main-gallery {margin-top:100px;position:relative;}
#main-gallery ul{margin: 30px -1.176rem; display:flex;}
#main-gallery li{width:calc(( 100% / 3 ) - 27px ); margin: 0 1.176rem;border-bottom:2px solid #E4E4E4;}
#main-gallery li .img-bx{width:100%;height:250px;overflow:hidden;position:relative;}
#main-gallery li .img-bx img{object-fit: cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#main-gallery li .subject{ font-size:1.471rem; font-weight:900;}
#main-gallery li .date{font-size:0.765rem; color:#999999;padding: 1.765rem 0;}
#main-gallery.mgallery5 ul {margin:-10px;}
.mgallery5 .img_frame {height:200px;}
.mgallery5 .img_frame img {height:200px;}
.mgallery5 .subject, .mgallery5 .subject a {font-size:20px;}
#main-gallery .mgallery5 .tit { display:none;}
#main-gallery .mgallery5 li .subject {margin-bottom:1.765rem;font-size: 1.471rem;font-weight: 900;}
#main-gallery .mgallery5 h3{font-size: 36px;font-weight: 900;color: #333;}
#main-gallery .more{background:#DEB887; color:#fff;padding: 0.588rem 1.176rem;font-size: 0.765rem;position:absolute;top:0;right:0;}
#main-gallery ul li .more{display:none;}



#main-quick {margin:4.118rem auto 4.706rem auto;}
#main-quick ul{display:flex;}
#main-quick ul li{width: calc( 100% / 7 );margin-bottom:10px;}
#main-quick ul li a{display:block; font-size:1.118rem; text-align:center;}
#main-quick ul li a span{display:block;width:55px;height:55px;margin:0 auto;background:url(../img/ico_img3.png) no-repeat;margin-bottom:10px;}
#main-quick ul li:nth-child(1) span{background-position:0px 0px;}
#main-quick ul li:nth-child(2) span{background-position:-55px 0px;}
#main-quick ul li:nth-child(3) span{background-position:-110px 0px;}
#main-quick ul li:nth-child(4) span{background-position:-165px 0px;}
#main-quick ul li:nth-child(5) span{background-position:-220px 0px;}
#main-quick ul li:nth-child(6) span{background-position:-275px 0px;}
#main-quick ul li:nth-child(7) span{background-position:-330px 0px;}


footer .f_mn{padding:20px 0;}
footer:before {display:none;}
footer .f_mn a{font-size:17px;color:#fff; margin-right:2.353rem;}
footer address{font-size:14px;color:#697381;}
footer address p{line-height:1.765rem;}
footer{background:#142541;}
/* footer .f_link a{border:1px solid #616F7E;color:#fff;padding:1.176rem;display:block;margin-bottom:5px;font-size:0.882rem;}
footer .f_link a span{width:1.176rem;height:1.176rem;background:url(../img/ico_img4.png) no-repeat;display:inline-block;margin-left:11.765rem;}
footer .f_link{margin-top:1.765rem;} */

footer .f_link,footer .f_logo img{display:block;}
footer .f_link select {color:#fff; border: 1px solid #fff !important;background: url(../img/ico_img4.png) no-repeat 90% 50%;margin: 0 5px;}
footer .f_link option {color: #333;}
footer .f_link{margin-top:20px;}




/* type2 선있는 snb */
#snbmn					{width:100%;padding:0;margin:0 0 40px 0;}
#snbmn .tit				{padding:30px 20px;;margin:0;text-align:center;font-size:24px;}
#snbmn a				{clear:both;display:block;line-height:140%;}
#snbmn ul li			{position:relative;padding:0;margin:0;}
#snbmn ul li a			{padding:12px 20px 12px 10px;font-size:17px !important;margin:0;border:1px solid #dadada;border-top:none;font-size:14px;background-image:url(../../../../data/img/snb_1d.png);background-repeat:no-repeat;background-position:97% 1.1em}
#snbmn ul li a.on,
#snbmn ul li a:focus,
#snbmn ul li a:active,
#snbmn ul li a:hover	{color:#fff;text-decoration:none;background-color:#336699;background-image:url(../../../../data/img/snb_1d_on.png);}
#snbmn ul ul			{margin:0;padding:0;border:1px solid #ccc;border-top:none;}
#snbmn ul ul li			{padding:0;margin:0;border:none;border-top:1px dotted #dadada;}
#snbmn ul ul li:first-child		{border-top:none;}
#snbmn ul ul li a		{padding:10px 10px 10px 20px;margin:0;border:none;font-size:12px;background-image:url(../../../../data/img/snb_2d.png);background-position:10px 1.4em}
#snbmn ul ul li a.on,
#snbmn ul ul li a:focus,
#snbmn ul ul li a:active,
#snbmn ul ul li a:hover	{text-decoration:none;background-color:transparent;background-image:url(../../../../data/img/snb_2d_on.png);}



/* maiaquery 설정 */

/* desk top */
@media (max-width: 1440px){
.d_width{width:1200px;}2023-06-14
*{font-size:16px;}


.main-title .mtit {font-size:70px;}
.mcnt-tit,
.main-about .tit {font-size:36px;}
#main-notice .btn-more,
#main-photo .btn-more {top:8px;}
#gnbmn {width:1200px;}
#gnbmn ul.depth1>li>a {padding:0 30px;}

.d_width.movie-contbx{width:1200px;}
.d_width.movie-contbx {top: 170px;}


#mv-wrap .movie-bx {width: 455px;height: 280px;}
#mv-wrap .movie-bx:before{top:21px; font-size:10px;}
#main-contact ul,#main-contact .aply-btn{width:700px;}
#main-contact .btn-wrap{width:100%;}
#main-contact {flex-wrap: wrap;}
#main-contact .aply-btn{padding:0;line-height:100px;}
#main-contact .aply-btn span {bottom: -27px;transform: scale(0.7);}

#main-prouce .row-l .txt{width:450px;}
#main-prouce .row-l:before{height:420px;}
#main-prouce .row-l{padding:40px 0;}
#main-prouce .row-l .tit {font-size: 2rem;margin-top: 1.4rem;}
#main-prouce .row-l:before {height: 370px;}

#main-gallery {margin-top: 100px;}


/*서브페이지*/
#snb {width:200px;}
#content {width:960px;}
#body_head .inwrap {width:960px;}

}

@media (max-width: 1240px){
.d_width {width: 960px;}
#content {width: 720px;margin: 0 0 0 20px;}

#topwrap {background:#fff;border-bottom:1px solid #efefef;} 
#topwrap .topmn {position:relative;top:auto;right:auto;width:100%;text-align:right;}
#gnb {top:40px; border-top: 1px solid #efefef;}
#gnbmn {width:960px;}
#gnbmn ul.depth1 {width:calc(100% - 330px);margin:0 0 0 330px;}
#gnbmn ul.depth1>li>a {padding:0 27px;}
#mv-wrap .movie-bx {top: -400px;}
#gnbmn ul.depth1>li:last-child>a {padding-right:0;}
header #logo {top:65px;}
#id_gnb_bg {top:130px;}

.d_width.movie-contbx{width:960px;}


/* #mv-wrap {margin-top: 130px;} */
#mv-wrap .txtbx .s-tit {font-size: 13px;}
#mv-wrap .txtbx .l-tit {font-size: 2.5rem; padding: 10px 0 10px 0;}
#mv-wrap .txtbx .txt {font-size: 16PX;line-height: 27PX;}
#mv-wrap .movie-bx {width: 364PX;height: 224PX;}
#mv-wrap .movie-bx .tit {font-size: 15px;}
#mv-wrap .movie-bx:before {top: -30px;font-size: 4px;}


#main-quick ul li {width: calc( 100% / 5 );}
#main-quick ul {flex-wrap: wrap;}



.mgallery5 ul {margin:-10px;}
.mgallery5 ul li {width:calc(33.3333% - 20px);margin:10px;}
.mgallery5 .img_frame {height:200px;}
.mgallery5 .img_frame img {height:200px;}
.mgallery5 .subject, .mgallery5 .subject a {font-size:20px;}




/* footer .f_link a{display:inline-block;}
footer .f_link {width: 100%;}
footer address {padding:0;}
footer .f_link {margin-top: 15px;}
footer .f_mn {padding: 15px 0;}
footer .f_link a{padding:10px;}
footer .f_link a span {margin-left: 100px;} */


}


/* notebook */
@media (max-width: 1023px){
.d_width{width:720px;}


header .mo-ico{display:block;color:#fff;}
header .gnb, header .topmn{display:none;}
header .mo-ico:before{content:'';display:block;width:40px;line-height:40px;color:#fff;font-family:FontAwesome;font-size:18px;text-align:center;}
header .mo-ico.mo-menu:before{content:'\f0c9'}
header .mo-ico.mo-mypage:before{content:'\f007'}
header .logo img {-webkit-filter: brightness(0) invert(1); 
filter: brightness(0) invert(1);}

#gnbmn ul.depth1 li a {font-size: 18PX;}

.d_width.movie-contbx{width:720px;}


#main-gallery li {width: calc(( 100% / 3 ) - 13.3px );margin: 0 10px;}


#main-contant .info {margin-top: 30px;}
#main-contant .contant-bx {flex-wrap: wrap;}
#main-contant .contant-bx > div {width: 100%;margin: 0 0 30px;}
#main-contant .contant-bx{margin: 0;}
#main-contant .info ul {flex-wrap: wrap;}
#main-contant .info li {width: 100%;padding: 20px 30px;}
#main-contact ul li {line-height: 75px;}
#main-contant .mnotice {position: relative;height: 330px;}


#main-prouce {flex-wrap: wrap;flex-direction: column-reverse;}
#main-prouce .row-r {width: 100%;margin: 0 auto;}
#main-prouce {margin-top: 60px;}


#svisual{min-height:auto !important; height: auto; }
#svisual .d_width > div{position: relative !important; top:0 !important; width:100% !important; height:auto !important;}
#svisual .d_width > div img{width:100%;}
#snb{display: none;}
#content{margin:0; width:100%;}
.script_sbg > div{height: auto !important; position:relative !important;}
#body_head{display: none;}
#body_title{background-color: #4d5361;}
#body_title h1{color:#ffffff; padding:0 10px; font-size: 18px; font-weight:500;}
#container.sub_container{padding:0px;}
.img_re{max-width:100%;}
.column_type1 .thumb{width:100% !important;}
.column_type1 .txt{width:100% !important;}
.column_type2 .txt{width:100% !important; padding:0;}
#body_content{padding:0 10px 20px 10px;}
#body_content .col_wrap .col_d4{float:left !important; width:25% !important;}
#body_content .col_wrap .col_d3{float:left !important; width:33.33333% !important;}
#body_content h2{font-size:20px;}
.btn_d.btn_dgray{display: inline-block;}


footer .f_mn {padding: 10px 0;}
footer .f_link {margin: 10px 0;}

}

/* tablet */
@media (max-width: 768px){
.d_width{width:100%;}

#gnb {border-top:0px;}

#mv-wrap {margin-top: 0px; width: 100%;}
#mv-wrap .txtbx {width: 320px; text-align:center;}
#mv-wrap > div {flex-wrap: wrap;background-position: 50% 30% !important;background-size: auto 500px !important;}
#mv-wrap .movie-bx {display:none;}
#mv-wrap .txtbx .txt{display:none;}
.script_mtit{width:100%;}

.deco-main-bg{height:300px ! important;}
/* .script_mbg.script_content {margin-top: 79px;} */
div#main-visual {position: absolute;left: 50%;top: 120px;transform: translateX(-50%);z-index:1;}

#id_gnb_bg{border:0;}
/* .main-section {padding: 300px 5px 0 0 !important;} */
div#main_title, #mv-wrap .txtbx {position:absolute;left: 50% !important;top: -20px !important;transform: translateX(-50%) !important;}
#title_top_img_area{display:block !important;}
#title_top_img_area2{display:none !important;}
#mv-wrap{height:300px ;}
div#container {margin-top: 0px;}

#main-contact ul li.tit {width: 100%;}
#main-contact ul li {width: calc( 100% / 2 );}
#main-contact ul {flex-wrap: wrap;}
#main-contact ul li {line-height: 50px;}
#main-contact {padding: 20px;}
#main-contact .aply-btn span {bottom: -45px;transform: scale(0.6);right: -177px;}
#main-contact:after {bottom: 0;left: 0;}
#main-contant {padding-top: 20px;}
#main-contant .contant-bx > div {margin: 0px;}
#main-contant .produce {padding: 30px;}
#main-contant .produce .btn-bx a{width:190px;}
#main-contant .produce .btn-bx {margin-top: 20px;}
#main-contant .produce .tit {font-size: 30px;}
#main-contant .produce .txt {line-height: 1.5rem;}
#main-contant .produce .btn-bx a{padding: 0.5rem 1.8rem;}

#main-contant .tabcontent li {padding: 12px;padding-right:80px;border-bottom: 1px solid #E1E1E1;font-size: 18px;}
#main-contant .tabcontent li img{display:none;}
#main-contant .mnotice > div a.dpb, #main-contant .mnotice .more a {top: -15px;}


#main-contant .info {margin-top: 20px;}
#main-contact ul li:before {margin: 0 0.588rem 0 0;}
#main-contant .info li .tit {font-size: 25px;margin-bottom: 0.5rem;}
#main-contant .info a > span {transform: scale(0.8);}
#main-contant .info {margin-top: 0px;margin:20px 0;}
#main-contant .info li{margin:5px 0;}

.mnoticetop2 .tabcontent{margin:0 !important;}
.mnoticetop2 .recent .subject, .mnoticetop2 .tabcontent li{font-size:18px;padding: 15px 20px;}
.mnoticetop2 .recent .subject a{font-size:18px;}
.mnoticetop2 li .date, .mnoticetop2 .recent .date{right:20px;}
.mnoticetop2 {height: 285px;}
.mnoticetop2 .tab_on > a, .mnoticetop2 .tab_off > a{margin-right: 20px;font-size: 25px !important;}


#main-prouce .row-r {margin: 0;max-height: 300px;}
#main-prouce .row-l {padding: 20px;  background: #EAECEE;}
#main-prouce .row-l .txt {width: 100%;margin-top: 1rem;line-height:1.5rem;}
#main-prouce .row-l a {padding: 0.5rem 1.8rem;}
#main-prouce {margin-top: 30px;}
#main-prouce .row-l:before {display:none;}
#main-prouce .row-l .tit {font-size: 1.8rem;margin-top: 0.4rem;}
#main-prouce {margin-top:0px;}

/* #main-gallery {margin-top: 30px;}
#main-gallery .tit {font-size: 30px;}
#main-gallery ul {flex-wrap: wrap;}
#main-gallery li {width: 90%; margin: 0 0 10px 0;}
#main-gallery li .subject {padding: 1rem 0;font-size: 1.2rem;}
#main-gallery li .date {margin-bottom: 1.4rem;}
#main-gallery ul {justify-content: center;} */


.mgallery5{padding:0 20px;}
.mgallery5 .img_frame,.mgallery5 .img_frame img	{height:150px !important;}
.mgallery5 .txt	{padding:0 !important;height:auto !important;}
.main-section	{padding:5px;}
.mgallery5 ul	{margin:-10px;}
.mgallery5 ul li	{width:calc(50% - 20px);margin:10px;}
.mgallery5 li {height:auto !important}
#main-gallery li {width: calc(( 100% / 2 ) - 20px );margin: 0 10px;}
#main-gallery li:nth-child(3){display:none;}
#main-gallery ul {flex-wrap: wrap;}
#main-gallery .more{right:0px;}
#main-gallery {margin-top: 30px;}


#main-quick {margin: 30px 20px;}
#main-quick ul li a{font-size:16px;}


footer .f_mn a {font-size: 12px;margin-right: 1rem;}
footer address {font-size: 12px;padding:0 5px;}
footer address p {line-height: 1.2rem;font-size: 15px;}
footer .f_link a span {margin-left: 20px;}
footer .f_link {margin-top: 15px;display: flex;justify-content: flex-start;}
footer .f_link a {padding: 10px;margin: 5px;}
footer .f_mn a {line-height: 25px;}

footer .f_link {display: block;width: 200px;margin: 0 auto;}
footer .f_link select {margin: 5px 0;}
}


/* mobile L */
@media (max-width: 576px){

#main-contact ul li {width: 100%;}

#main-quick ul li {width: calc( 100% / 4 );}

#main-contant .notice .list li a p {width:220px;}
#main-contact {padding: 10px 20px;}

#main-contant .mnotice > div a.dpb {left: 10px;font-size: 22px;}
#main-contant .mnotice .more a {padding: 8px 10px;}
#main-contant .mnotice > div:nth-child(2) a.dpb {left: 100px;}
#main-contant .tabcontent li {font-size: 16px;}

#main-contant .info li a > span{display:none;}

#main-prouce .row-r{max-height:250px;}

#main-gallery .mgallery5 {padding: 0px;}
#main-gallery .mgallery5 ul		{width:100%;margin:0 !important;}
#main-gallery .mgallery5 ul li	{width:100% !important;margin: 0 0 10px 0;}
#main-contact .aply-btn{line-height:60px;}
#main-contact .aply-btn span {bottom: -34px;}
#main-gallery .more,.mnoticetop2 .more {padding:8px 10px}
#main-gallery .mgallery5 h3 {padding: 0 10px;}
#main-gallery li .date {padding: 1rem 0;}
#main-gallery .mgallery5 li .subject {margin-bottom: 1.265rem;}



}

/* mobile s */
@media (max-width: 415px){

#mv-wrap .txtbx .l-tit {font-size: 35px;}

#main-contact ul li:nth-child(2),
#main-contact ul li:nth-child(3){width:100%;}
#main-contact .aply-btn::after{display:none;}
#main-contact ul li.tit {font-size: 20px;border-bottom: 1px solid #dadada;margin-bottom: 10px;}
#main-contact ul li:nth-child(2),#main-contact ul li:nth-child(3){line-height:25px;font-size: 15px;}
#main-contact .aply-btn{line-height:60px;font-size:20px;text-align:center;}
#main-contact .aply-btn::before,#main-contact .aply-btn::after{transform:scale(0.7);}
#main-contact .aply-btn::after {margin-left: 30px;}
#main-contact .aply-btn::before {margin-right:10px;}
#main-contact ul li{width:100%;}
#main-contact .aply-btn::after{margin-left:66px;}
#main-contact .aply-btn span{display:none;}
#main-contact .btn-wrap{flex-wrap:wrap;}
#main-contact .btn-wrap a{width:100%;}

.mnoticetop2 .tab_on > a, .mnoticetop2 .tab_off > a{margin-right: 15px;font-size: 20px !important;}
.mnoticetop2 .recent .subject a,.mnoticetop2 .recent .subject, .mnoticetop2 .tabcontent li {font-size: 15px;}
.mnoticetop2 {height: 270px;}

#main-contant .produce .tit,
#main-prouce .row-l .tit,
#main-gallery .mgallery5 h3{font-size:25px;}

#main-contant .mnotice > div a.dpb {font-size: 20px;}
#main-contant .info li .txt {font-size: 0.9rem;}
#main-contant .info li .tit {font-size: 20px;margin-bottom: 0;}
#main-contant .info a > span {transform: scale(0.6);}

#main-gallery .mgallery5 li .subject{font-size:20px;}

#main-quick ul li {width: calc( 100% / 3 );}
#main-quick ul li a span{transform: scale(0.8);}


footer .f_link {width:100%;}


}


/* hover 효과 */
#main-contant .mnotice .more a:hover {box-shadow: 0px 0px 13px 1px #f7a16ea8;}
#main-prouce .row-l a{position:relative;}
#main-prouce .row-l a:before {content: "";position: absolute;top: 0;left: 0;display: block;width: 0;z-index: -1;height: 100%;transition: all ease-out 0.3s;background: #DEB887;}
#main-prouce .row-l a:hover:before {width: 100%;}
#main-prouce .row-l a:hover{color:#fff;}
#main-quick a:hover span {transform: translateY(-10px);}
#main-quick a span{transition:0.3s;}
#main-contact .aply-btn:hover::before{transform: translateX(10px);}
#main-contact .aply-btn::before{transition:0.3s;}
#main-contant .info li:hover  a > span{transform: translateX(-30px);}
#main-contant .info li a > span{transition:0.3s;}
#main-contant .produce .btn-bx a:hover:after{transform: translateY(-50%) translateX(-30px);}
#main-contant .produce .btn-bx a:after {transition:0.3s;}


#main-gallery {display:flex;padding: 100px 0;background: #e9f1f7;margin-top:200px;}
#main-gallery .row-l{width: calc(50% - 350px);position:relative;}
#main-gallery .row-l > div{width:350px;float:right;position:relative;height: 100%;}
#main-gallery .row-l > div:before{content:'';display:block;clear:both;}
#main-gallery .row-r{width: calc(50% + 350px);float:left;position: relative;}
#main-gallery .row-r:before{content:'';display:block;clear:both;}
#main-gallery .row-r li{width:320px;height:320px;position:relative;border:0;flex: none;}
#main-gallery .row-r li a {display:block;width:100%;height:100%;overflow:hidden;}
#main-gallery .row-r li .img-bx{position:relative;width:100%;height:320px;}
#main-gallery .row-r li .img-bx img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;height:100%;}
#main-gallery .row-r li .bg-bx:before{content:'';display:block;width:95%;height:95%;border:1px solid #ffffff69;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#main-gallery .row-r li .bg-bx{width:100%;height:320px;position:relative;}
#main-gallery .row-r li:hover .bg-bx {position:absolute;top:0;right:0;transition:0.3s;background:#1a335ac2;text-align:center;padding:100px 0;}
#main-gallery .row-r li:hover .bg-bx p{color:#fff;}
#main-gallery .row-r li:hover .bg-bx .tit{font-size:30px;font-weight:900;margin-bottom:50px;}
#main-gallery:before{content: 'PHOTO GALLERY';display: block;font-size: 100px;color: #e9f1f7;font-weight: 900;
position: absolute;top: -49px;left: 50%;width: 1400px;text-align: right;transform: translateX(-50%);}
#main-gallery .bx-wrapper {max-width:100% !important;position:relative;}
#main-gallery .bx-viewport{position:relative;}
#main-gallery .row-r ul{  margin: 0px -1.176rem; width:100%;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar; height:320px; overflow:hidden;} 
#main-gallery .row-l .tit{font-size: 36px;color:#152C4F;font-weight: 900; margin-bottom: 50px;}
#main-gallery .row-l .txt{width: 200px;font-size: 17px;line-height: 1.5;word-break: keep-all;}
#main-gallery .row-l .btn-bx{position:absolute;bottom:0;left:0;}
#main-gallery .row-l .btn-bx a{width:35px;line-height:35px;border-radius:50%;color:#152C4F;border: 1px solid #152c4f66;margin-right:5px;text-align:center;box-shadow: 0px 1px 4px 2px #83828733;cursor: pointer;}
#main-gallery .bx-wrapper {margin: 0 !important;}


#main-gallery .mgallery5 h3, #main-gallery li .date{display:none;}
#main-gallery .mgallery5{width: calc(50% + 350px); float: left; position: relative;}
#main-gallery .mgallery5:before{content:'';display:block;clear:both;}
#main-gallery .mgallery5 li{width:320px;height:320px;position:relative;border:0;flex: none;}
#main-gallery .mgallery5 li a {display:block;width:100%;height:100%;overflow:hidden;position:absolute;}
#main-gallery .mgallery5 li a.more{display:none;}
#main-gallery .row-r li .img_frame img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover;height:100%;}
#main-gallery .row-r li .img-bx .img_frame{position:relative;width:100%;height:320px;}

#main-gallery li{border-bottom:0;width:320px;position:relative;height: 320px;overflow: hidden;}
.mgallery5 .img_frame, .mgallery5 .img_frame img{height:320px;}
#main-gallery li .txt{width: 100%;height: 320px;position: relative;}
#main-gallery li .txt:before {content: '';display: block;width: 95%;height: 95%;border: 1px solid #ffffff69;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#main-gallery li:hover .txt {position: absolute;top: 0;right: 0;transition: 0.3s;background: #1a335ac2;
text-align: center;padding: 100px 0;}
#main-gallery .mgallery5 li .subject{font-size: 22px;font-weight: 700;padding:20px;margin-bottom: 50px;width:100%;color: #fff;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;}
#main-gallery .mgallery5 li .subject:after{content:'더보기';color: #fff;font-size:17px;display:block;font-weight:400;margin-top:30px;}
#main-gallery .more{display:none;}
#main-gallery ul{margin:0;}


footer .f_link {display: block;}




/* maiaquery 설정 */

/* desk top */
@media (max-width: 1440px){
.d_width{width:1200px;}

#main-gallery .row-l {width: calc(50% - 250px);}
#main-gallery .mgallery5 {width: calc(50% + 250px) !important;}
#main-gallery .row-l:before{top: -185px;left: 115px;font-size:90px;}
#main-gallery{margin-top: 150px;}
#main-gallery:before{width: 1200px;font-size: 80px;top:-42px;}


}

@media (max-width: 1240px){
.d_width{width:960px;}

#main-gallery .row-l > div {width: 250px;}
#main-gallery .row-l {width: calc(50% - 230px);}
#main-gallery:before{width:960px;}



}

/* notebook */
@media (max-width: 1023px){
.d_width{width:720px;}

#main-gallery {flex-wrap: wrap;}
#main-gallery .row-l > div {width: 100%;margin-bottom:20px;}
#main-gallery .row-l {width:720px; margin:0 auto;}
#main-gallery .row-l .txt {width: 100%;}
#main-gallery .row-l .tit {margin-bottom: 15px;}
#main-gallery .row-l .btn-bx {left: unset;right: 0;bottom: 20px;}
#main-gallery:before{display:none;}
#main-gallery {margin-top: 0px;}
.bx-wrapper {height: 320px;margin: 0 auto;}
#main-gallery .mgallery5 ul {margin:0;}
#main-gallery .bx-wrapper {width:100% !important;}
#main-gallery .mgallery5 {width: 675px !important;margin: 0 auto;}



}

/* tablet */
@media (max-width: 767px){
.d_width{width:auto;}

#main-gallery {padding: 20px;width:100%;}
#main-gallery .mgallery5 ul {margin:0;justify-content: center;}
#main-gallery .row-l .btn-bx {bottom: -200px;width: 100%;display: flex;justify-content: space-between;z-index: 3;right: 50%;transform: translateX(50%);}
#main-gallery .row-l .btn-bx a.btn-stop,#main-gallery .row-l .btn-bx a.btn-start{display:none;}
#main-gallery .row-l .btn-bx a{background:#ffffffa1;}
.bx-viewport{width: 320px !important;margin: 0 auto !important;}
/* #photo-gallery{ width: 340px !important;position: absolute !important;left: 0% !important;} */
#main-gallery .row-l .tit{font-size:30px;}

#main-gallery .mgallery5 {width: 320px;height: 320px;overflow:hidden;margin:0 auto;}
#main-gallery .mgallery5 ul{width: 100%;height: 320px;}
#main-gallery .mgallery5 li {height:320px !important;}
.mgallery5 .img_frame, .mgallery5 .img_frame img{height:320px !important;}
#main-gallery li .txt{height:320px !important;}
#main-gallery .mgallery5 ul li	{width:320px !important;margin: 0 0 10px 0;}
#main-gallery .mgallery5 li .subject{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
#main-gallery .mgallery5 {width:100% !important;}


}


/* mobile L */
@media (max-width: 576px){
}

/* mobile s */
@media (max-width: 415px){

#main-gallery .mgallery5 ul{width:100%; height: 270px;}
#main-gallery .mgallery5{width:100%}
#main-gallery .row-l .btn-bx {bottom: -166px;width:110%;}



}