@charset "utf-8";

@import url(common.css);
@import url(sgv.scss);
/* Font */
@import url(font.css);
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/* Guide 
----------------------------------------------------------------------------------------------------------------------------------------------------------

▶사이즈
pc : 1200px
tablet : 980px ~
mobile : 767px ~ 320px

▶미디어쿼리는 (주석으로 구분 되어있는)파트마다 각각 작성함.

*/


/* Reset 
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin: 0;padding: 0;}
body,th,td,input,select,textarea,button {font-size: 16px;color: #333;font-family:'Montserrat Alternates', 'Montserrat', 'Noto Sans KR',"Malgun Gothic","맑은 고딕",sans-serif; }
dl,ul,ol,menu,li {list-style: none;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 1.2;letter-spacing: -0.2px;}
:focus {outline: 0 !important;}
iframe {border: none;width: 100%;}

a {color: inherit;-webkit-transition: all .2s ease-out -moz-transition: all .2s ease-out;transition: all .2s ease-out;}
a:hover,a:focus,a:active,a:link {text-decoration: none !important;color: inherit;}
img {max-width: 100%;}
textarea {max-width: 100%;resize: none;}
body {overflow-x: hidden;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}

@media only screen and (max-width: 500px) {
	body,th,td,input,select,textarea,button {font-size: 14px;}
}

@media only screen and (min-width: 320px) {
	body {overflow-x: hidden;}
}
.hidden {font-size: 0;line-height: 0;text-indent: -9999em;overflow: hidden;}



/* Parallax
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.parallax {background-position: 0 0;background-repeat: no-repeat;background-size: 100% auto;width: 100%;background-size: cover;background-attachment: fixed;}

/* Preloader
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.animationload {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 999999;}
.loader {width: 200px;height: 200px;font-size: 24px;text-align: center;position: absolute;left: 50%;top: 50%;background-image: url(/images/basic_resp/img/preloader.gif);background-repeat: no-repeat;background-position: center;margin: -100px 0 0 -100px;}

/* Back to top (탑 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.back-to-top {width: 50px;height: 50px;position: fixed;bottom: 20px;right: 20px;display: none;text-align: center;z-index: 10000;-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius:50%;background: #222;}

.back-to-top i {width:50px;height:50px;font-size: 15px;display: block;line-height: 45px;color:#fff;}

/* Back to top (탑 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.quick_banner{position:absolute;right:0;bottom:0;z-index:9999;}

.quick_banner .bt_inquiry_go{width: 70px;height: 70px;position: fixed;bottom:20px;right:30px;text-align: center;-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 50%;background:#ed1c24;color:#fff;font-size:15px;padding:18px 0 0 0;}
.quick_banner .bt_inquiry_go span{position:absolute;width:100%;text-align:center;font-weight:500;display:block;line-height:15px;z-index:100;}
.quick_banner.sub_box .bt_inquiry_go{bottom: 70px;}

.quick_banner .bt_top_go{width:40px; height:40px; position:fixed; bottom:90px; right:47px;font-size: 13px;  text-align: center; z-index:1300; -webkit-border-radius:5%; -moz-border-radius: 5%;}
.quick_banner .bt_top_go i {display:block;font-size: 14px;line-height: 15px;color:#ccc;}
.quick_banner.sub_box .bt_top_go{bottom:140px;}

.quick_banner .bt_product_go{position:fixed;bottom:10px;right:5px;width:100px;height:70px;}


	
@media only screen and (max-width: 780px){
	.quick_banner .bt_inquiry_go{right:10px;width:50px;height:50px;font-size: 12px;font-weight:600;padding:12px 0 0 0;}
	.quick_banner .bt_inquiry_go span{line-height:13px;}
	.quick_banner .bt_top_go{bottom:80px;width:30px; height:30px; right:19px;font-size: 10px;font-weight:600;}
}
/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* Button (공통 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.btn {text-transform: uppercase;border-radius: 0;line-height: 24px;}
.btn:focus,.btn:active {outline: none;color: #fff;}
.btn-custom {border-radius: 3px;padding: 0.8em 1.8em;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;transition: all .2s ease-out;text-transform: uppercase;background-color: #509591;border-color: #509591;color: #fff;}
.btn-custom:hover,.btn-custom:focus {background-color: #447774;border-color: #447774;color: #fff;}
.btn-custom-outline {border-radius: 3px;padding: 0.8em 1.8em;color: #fff;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;text-transform: uppercase;background-color: transparent;border-color: #fff;}
.btn-custom-outline:hover, .btn-custom-outline:focus {color: #fff;background-color: rgba(255, 255, 255, .5);}
.btn-bar a {margin-right: 10px;}
.form-control {box-shadow: none;-webkit-box-shadow: none;border-radius: 3px;height: 38px;}
.form-control:focus {outline: none;box-shadow: none;-webkit-box-shadow: none;border-color: #333;}

.login-bar, .product-bar {padding:20px 0;text-align: center;z-index: 2;position: absolute;right:0;}
.login-bar li, .product-bar li {display: inline-block;position: relative;margin-right: 10px;border-left: 1px solid #ddd;height: 30px;border-radius:15px;margin-top: 5px;width:150px;}
.login-bar li a, .product-bar li a {font-size:15px;line-height: 30px;padding: 0 14px;color: #525353;font-weight:500;}
.login-bar .material-icons{display: block;position: absolute;right:10px;top:3px;font-size: 22px;color: #fff;}
.login-bar li:first-child{background:rgba(255,255,255,0.4);}
.login-bar li:first-child a{display: block;width:140px;color: #fff;}
.login-bar li ul, .product-bar li ul {position: absolute;left: -11px;top: 31px;}
.login-bar li ul li, .product-bar li ul li {padding-right: 12px;}
.login-bar li ul li a, .product-bar li ul li a {display: block;margin-bottom: 38px;width: 55px;}
.login-bar .lang_list{display: none;position: absolute;background-color: #0f75bc;width:151px;left: -2px;border-radius: 15px;padding: 5px 0;top: -1px;box-shadow:0 5px 15px rgba(0,0,0,0.4);}
.login-bar .lang_list dd a{color:rgba(255,255,255,0.5);font-weight:500;position: relative;line-height: 26px;font-size:12px;}
.login-bar .lang_list dd a:hover, .product-bar .product_list dd a:hover{color:rgba(255,255,255,.8);}
.login-bar .lang_list dd:first-child a{font-size:15px;font-weight:600;color:rgba(255,255,255,.8);}
.login-bar .lang_list dd a i{color: #fff !important;right:0px !important;top:1px !important;}

.product-bar li {width:100px;}
.product-bar li a {font-size:13px;padding:0 5px;}
.product-bar i{display: block;position: absolute;right:7px;top:3px;font-size:18px;color: #fff;font-family:'fontawesome';font-style:normal;}
.product-bar li:first-child {background:rgba(0,0,0,0.2);}
.product-bar li:first-child a{display: block;width:85px;color: #fff;}
.product-bar .product_list {display: none;position: absolute;background-color: #0f75bc;width:100px;left: -2px;border-radius: 15px;padding: 5px 0;top: -55px;box-shadow:0 5px 15px rgba(0,0,0,0.4);}
.product-bar .product_list dd a{width:100px;padding:0;}
.product-bar .product_list dd:last-child a{font-size:13px;font-weight:600;color:rgba(255,255,255,.8);text-align:left;padding:0 0 0 7px;}
.product-bar .product_list dd a i {color: #fff !important;right:7px !important;top:1px !important;}
.product-bar .product_list dd a {color:rgba(255,255,255,0.7);font-weight:500;position: relative;line-height: 25px;font-size:12px;}

@media only screen and (min-width: 980px) {
	#header {z-index: 999;width: 100%;padding: 0px 0px;position: fixed;transition:all 0.5s;background:rgba(255,255,255,.2);}
	#header:after {display:block;content:"";clear:both;}
	#header > div {position: relative;margin: 0 auto;width:1200px;height:80px;text-align: center;}
	#L_SITE_LOGO {float: left;}
	#header h1 {float: left;padding-top:15px;position: absolute;line-height:80px;}
	#header h1 a {display: block;}
	
	#header.scroll_on {background:rgba(255,255,255,1); transition:all 0.5s;box-shadow: 2px 10px 10px rgba(0,0,0,0.2);}
	#header.scroll_on .login-bar li:first-child {background:rgba(0,0,0,0.2);}
}


@media only screen and (max-width: 1200px) {
	#header {padding:0 30px;}
	#header > div {width:100%;}
	#header h1{}
	.login-bar{padding:25px 0;}
}


@media only screen and (max-width: 980px) {
	#header {z-index: 666;width: 100%;height: 65px;background:rgba(255,255,255,.2);position: fixed;padding: 0px;}
	#header > div {padding: 0;}
	#header h1 {float: left;padding: 10px 20px;height: 65px;}
	#header h1 a {display: block;width:125px;height:35px;margin-top:0px;}/*background: url('/images/mtl01r-20-0043/common/logo_on.png') no-repeat center center/contain;*/
	#header.scroll_on {background:rgba(255,255,255,1); transition:all 0.5s;box-shadow: 2px 10px 10px rgba(0,0,0,0.2);}
	#header.scroll_on .login-bar li:first-child {background:rgba(0,0,0,0.2);}
	
	.login-bar{padding:0px 0 0;position: absolute;right:20px;top:17px;}
	.login-bar li{height: 23px;width:120px;}
	.login-bar li a{font-size: 12px;line-height: 25px;width:110px;}
	.login-bar .material-icons {right: 6px;top: 2px;font-size: 18px;}
	.login-bar li a:first-child{width:110px;}
	.login-bar .lang_list{width:121px;left: -2px;border-radius: 10px;}
	.login-bar .lang_list dd:first-child a{font-size:12px;}
	.login-bar .lang_list dd a{letter-spacing:-.5px;}
	.login-bar .lang_list dd a i{color: #fff !important;right:-1px !important;top:3px !important;}


}

@media only screen and (max-width: 768px) {
	#header h1 {padding: 10px 10px;}
	#header h1 a > img {height:40px;}
	.login-bar{right:10px;}

	.quick_banner .bt_product_go{right:15px;}
	.product-bar li {width:80px;height:40px;}
	.product-bar li a {font-size:13px;padding:10px 0 0 0;}
	.product-bar i{right:0px;left:0px;top:0px;font-size:18px;}
	.product-bar li:first-child a{width:100%;}
	.product-bar .product_list {width:80px;padding: 5px 0;top: -53px;}
	.product-bar .product_list dd a{width:80px;padding:0;}
	.product-bar .product_list dd:last-child a{font-size:13px;text-align:center;padding:0 0 7px 0;}
	.product-bar .product_list dd a i {right:0px !important;top:15px !important;left:5px !important;}
	.product-bar .product_list dd a {color:rgba(255,255,255,0.7);font-weight:500;position: relative;line-height: 25px;font-size:12px;}
	

}



/* Footer (하단메시지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */ 
#footer{position:relative;background:#000;padding:20px 0 50px 0;}
#footer > div{position:relative;margin:0 auto; width:1200px;}

.footer-info{margin-bottom:10px;padding:0 0 10px 0;border-bottom:1px solid #202020;display:flex;flex-wrap: wrap;justify-content: space-between;}
.footer-info:after{content:""; display:block; clear:both;}
.footer-info .footer-logo{width:10%;margin:0 0 10px 0;min-width:150px;}
.footer-info .sns_info{width:10%;position:relative;padding:10px 0; font-size:14px; color:#5a5a5a;line-height:23px;min-width:150px;}
.footer-info .sns_info ul{width:100%;display:flex;justify-content: space-between;justify-content: right;text-align:right;}
.footer-info .sns_info ul li a{opacity:0.5;margin:0 5px;}
.footer-info .sns_info ul li a img{width:30px;}
.footer-info .sns_info ul li a:hover{opacity:0.7;}

.footer-info .info{width:70%;padding:0px 0; font-size:14px; color:#a6a6a6;line-height:23px;margin:10px 0;}
.footer-info .info span{color:#fff;}
.footer-info .info span:after{content:'/';display:inline;margin:0 10px;}
.footer-info .info em{font-style:normal;}
.footer-info .info i.pc_view{color:#a3a3a3;padding:0 5px;}
.footer-info .info .br_1200{display:inline;}

.footer-menu{}
.footer-menu:after{content:""; display:block; clear:both;}
.footer-menu .copyright{float:left; margin-top:17px; color:#4a4a4a;}
.footer-menu .menu{float:right; padding:17px 0px 0 0;}
.footer-menu .menu li{display:inline-block; line-height:12px;color:#808080;}
.footer-menu .menu li:first-child{margin-left:0; padding-left:0; border-left:0;}
.footer-menu .menu li a{line-height:12px; font-size:15px;color:#6d6d6d;}
.footer-menu .menu li a:hover{color:#888;}

@media only screen and (max-width:1200px) {
	#footer > div{margin:0 auto; width:95%;}
	.footer-info .info{width:60%;}
}

@media only screen and (max-width:980px) {
	#footer > div{width:100%;}

	.footer-info .footer-logo{width:100%;text-align:center;margin:0px;}
	.footer-info .sns_info{width:100%;text-align:center;}
	.footer-info .sns_info ul{justify-content: center;text-align:center;}

	.footer-info .info{width:90%;margin:20px auto;text-align:center;line-height:20px;}
	.footer-info .info span{display:block;font-size:14px;}
	.footer-info .info span:after{display:none;}
	.footer-info .info a{line-height:30px;}

	.footer-menu{padding:0 15px;}
	.footer-menu .menu{}
	.footer-menu .menu li a{font-size:13px;}

	.footer-menu .copyright{float:none;  text-align:center;}
	.footer-menu .menu{float:none; padding:10px 0px 0 0;text-align:center;}
}

@media only screen and (max-width:780px) {
	#footer{padding:10px 0 20px 0;}
	.footer-info .info{font-size:13px;}
	.footer-info .footer-logo{margin:20px 10px 0 10px;}

}

@media only screen and (max-width:500px) {
	.footer-info .info em{display:block}
}





/* Main Contents (메인 컨텐츠)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

#fp-nav ul li .fp-tooltip{color:#fff !important;text-shadow:0px 5px 10px rgba(0,0,0,.4);font-weight:600;}
#fp-nav ul li:last-child, #fp-nav ul li:nth-child(3){display:none !important;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{text-align:right;font-weight:500;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{border-radius:50% !important;width:7px !important;height:7px !important;background: #fff !important;box-shadow:5px 5px 5px rgba(0,0,0,.4);}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width:5px !important;height:5px !important;background:rgba(255,255,255,0.6);color:#fff;}


@media only screen and (max-width: 1200px){

}

@media only screen and (max-width: 980px){
	#fp-nav{display:none;}
}

@media only screen and (max-width: 780px){
	#fp-nav{display:none;}
	.fp-tooltip{display:none !important;}

}



/* 메인 */


/* 스크롤 유도 */
.scroll_down {position:absolute;bottom:10vh;left:50%;width:100px;margin-left:-50px;z-index:555;text-align:center;}
.scroll_down.sub_scroll {position:absolute;bottom:20vh;left:50%;width:100px;margin-left:-50px;z-index:555;text-align:center;}
.scroll_down a {padding-top:120px;color:rgba(255,255,255,1);font-size:10px;font-weight:600;text-align:center;}
.scroll_down a:after{display:block;content:'\f063';font-size:13px;font-family:'FontAwesome';color:rgba(255,255,255,0.9);position:absolute;left:45%;top:65px;}

.scroll_down a span {position: absolute;top:20px;left: 50%;width: 26px;height:40px;margin-left: -13px;border: 2px solid rgba(255,255,255,1);border-radius: 50px;box-sizing: border-box;}
.scroll_down a span:before {position: absolute;top:5px;left: 50%;content: '';width:3px;height: 5px;margin-left: -1px;background-color: #fff;border-radius: 100%;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;box-sizing: border-box;}
.scroll_down a span:after {position: absolute;top:15px;left: 50%;content: '';width: 3px;height: 5px;margin-left: -1px;background-color: #fff;border-radius: 100%;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;box-sizing: border-box;}
.scroll_down a:before {position: absolute;top:17px;left: 50%;content: '';width: 3px;height: 5px;margin-left: -1px;background-color: #fff;border-radius: 100%;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;box-sizing: border-box;}

@-webkit-keyframes sdb {
	0% {-webkit-transform: translate(0, 0);opacity: 0;}
	40% {opacity: 1;}
	80% {-webkit-transform: translate(0, 15px);opacity: 0;}
	100% {opacity: 0;}
}
@keyframes sdb {
	0% {transform: translate(0, 0);opacity: 0;}
	40% {opacity: 1;}
	80% {transform: translate(0, 15px);opacity: 0;}
	100% {opacity: 0;}
}


@media only screen and (max-width: 1200px){
	.scroll_down.sub_scroll {bottom:20%;}

}

@media only screen and (max-width: 980px){
}

@media only screen and (max-width: 780px){
	.scroll_down {position:absolute;bottom:10vh;}

}

/* 상단 배너*/
.main_banner_wrap{position:relative;background:#000 url('/images/mtl01r-20-0043/main/main_bg.jpg') no-repeat center top;height:100vh;max-width:2000px;margin:0 auto;}
.main_banner_wrap .title_box{position:absolute;left:50%;top:20vh;width:680px;height:260px;text-align:center;background:url('/images/mtl01r-20-0043/main/main_title_logo.png') no-repeat center;margin-left:-340px;}
.main_banner_wrap .title_box p{position:absolute;top:180px;width:100%;text-align:center;font-size:36px;font-weight:600;color:#fff;}

.banner_box{position:absolute;left:50%;top:0;height:100vh;width:1200px;margin-left:-600px;}
#banner_point{position:absolute;top:10px;left:10px;display:block;width:30px; height:30px;border-radius:50%;}
#banner_point:after,#banner_point:before{position:absolute;display: inline-block;content:'';width:30px;height:30px;border-radius: 50%;}

/*퀵배너*/
#banner_point.bic_size{top:0px;left:0px;width:70px; height:70px;z-index:0;}
#banner_point.bic_size:after{background-color:#bd2522 !important;}
#banner_point.bic_size:after,#banner_point.bic_size:before{width:70px;height:70px;}

#banner_point:after {top:0px;left:0px;background-color: #333; animation: loader 1s infinite ease-in-out;  -webkit-animation: loader 1s infinite ease-in-out;}
#banner_point:before {top:0px;left:0px;border: 3px solid rgba(255,255,255,1);opacity: 0;animation: spin 1s infinite ease-in-out; -webkit-animation: spin 1s infinite ease-in-out;}

@keyframes spin {
	0% { transform: scale(1); opacity: 1; }
	50% { transform: scale(1.3); opacity: 0; }
	100% { transform: scale(1.3); opacity: 0; }
}
@keyframes loader {
        0% { transform: scale(1); }
        50% { transform: scale(0.6); }
        100% { transform: scale(1); }
}

.banner_box a{display:block;position:absolute;}
.banner_box a span{position:absolute;top:-40px;left:-20px;display:block;border-radius:15px;width:0;visibility: hidden;color:#fff;font-size:14px;font-weight:600;text-align:center;transition: all .1s ease-out;}/*position:absolute;left:-20px;top:-40px;*/
.banner_box a:hover{}
.banner_box a:hover span{visibility:visible;transition: all .1s ease-out;padding:7px 0px;background:#fff;box-shadow:0px 5px 10px rgba(0, 0, 0, .5) ;color:#fff !important;}
.banner_box a span:after{position:absolute;bottom:-14px;left:40px;display:block;content:'';width: 0px;height: 0px;border-top: 14px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent;}

.banner_box a.banner_01{left:20%;top:16vh;}
.banner_box a.banner_01 #banner_point:after{background:#0611c9;}
.banner_box a.banner_01 span{width:120px;background:rgba(28,81,193, 0.8);color:#0611c9;visibility:visible;padding:7px 0;color:#fff;}
.banner_box a.banner_01 span:after{border-top: 14px solid rgba(28,81,193, 0.8);}

.banner_box a.banner_02{right:13.5%;top:16vh;}
.banner_box a.banner_02 #banner_point:after{background:#fe7d00;}
.banner_box a.banner_02 span{width:140px;background:rgba(204,102,0, 0.8);color:#fe7d00;visibility:visible;padding:7px 0;color:#fff;}
.banner_box a.banner_02 span:after{border-top: 14px solid rgba(204,102,0, 0.8);}

.banner_box a.banner_03{left:8%;top:50vh;}
.banner_box a.banner_03 #banner_point:after{background:#0f75bc;}
.banner_box a.banner_03 span{width:160px;background:rgba(46,168,255, 0.8);color:#0f75bc;}
.banner_box a.banner_03 span:after{border-top: 14px solid rgba(46,168,255, 0.8);}

.banner_box a.banner_04{left:0%;top:63vh;}
.banner_box a.banner_04 #banner_point:after{background:#7b0200;}
.banner_box a.banner_04 span{width:150px;background:rgba(189,37,34, 0.8);color:#7b0200;}
.banner_box a.banner_04 span:after{border-top: 14px solid rgba(189,37,34, 0.8);}

.banner_box a.banner_05{left:0%;top:80vh;}
.banner_box a.banner_05 #banner_point:after{background:#696969;}
.banner_box a.banner_05 span{width:80px;background:rgba(172,172,172, 0.8);color:#696969;}
.banner_box a.banner_05 span:after{border-top: 14px solid rgba(172,172,172, 0.8);}

.banner_box a.banner_06{right:12.8%;top:30vh;}
.banner_box a.banner_06 #banner_point:after{background:#ff7161;}
.banner_box a.banner_06 span{width:160px;background:rgba(213,72,54, 0.8);color:#ff7161;}
.banner_box a.banner_06 span:after{border-top: 14px solid rgba(213,72,54, 0.8);}

.banner_box a.banner_07{left:9%;top:36vh;}
.banner_box a.banner_07 #banner_point:after{background:#06c9b2;}
.banner_box a.banner_07 span{width:160px;background:rgba(52,182,165, 0.8);color:#06c9b2;visibility:visible;padding:7px 0;color:#fff;}
.banner_box a.banner_07 span:after{border-top: 14px solid rgba(52,182,165, 0.8);}

#section2{background:#111315;height:100vh;text-align:center;}/* url('/images/mtl01r-20-0043/main/main_movie.png') no-repeat center/cover*/
#section2 .txt_box {position:absolute;width:100%;height:100vh;margin-top:5vh;display:flex;flex-wrap: wrap;justify-content: center; align-items: flex-start/*flex-start*/;color:#fff;font-size:40px;font-weight:400;z-index:10000;}
#section2 .txt_box .img_bg{width:250px;height:100px;margin-right:20px;background-color: #fff;}
#section2 .txt_box p{text-shadow:0px 5px 10px rgba(0,0,0,.6);}

.coolang_logo{-webkit-mask:url('/images/mtl01r-20-0043/main/coolang_logo.svg') no-repeat center;mask: url('images/mtl01r-20-0043/main/coolang_logo.svg') no-repeat center;}


@media only screen and (max-width:1200px){
	.main_banner_wrap{background-size:cover;}
	.main_banner_wrap .title_box{top:20vh;background-size:100%;width:500px;height:190px;margin-left:-250px;}
	.main_banner_wrap .title_box p{top:133px;font-size:24px;}

	.banner_box{left:0%;width:90%;margin-left:5%;}
	.banner_box a.banner_05{left:1%;top:75vh;}
}

@media only screen and (max-width: 980px){
	.main_banner_wrap .title_box{top:10vh;width:400px;height:153px;margin-left:-200px;}
	.main_banner_wrap .title_box p{top:105px;font-size:22px;}


	#banner_point{display:none;}
	.banner_box{top:40vh;width:90%;margin:0 5%;display:flex;flex-wrap: wrap;align-content: flex-start;}
	.banner_box a{position:relative;width:33.333%;margin:5px 0;}
	.banner_box a.banner_01, .banner_box a.banner_02, .banner_box a.banner_03, .banner_box a.banner_04, .banner_box a.banner_05, .banner_box a.banner_06, .banner_box a.banner_07{top:0;left:0;}
	.banner_box a span{position:relative;top:0px;left:0px;width:90% !important;margin:0 auto;visibility: visible;color:#fff;font-size:14px;font-weight:600;padding:7px 0px;color:#fff !important;}/*position:absolute;left:-20px;top:-40px;*/
	.banner_box a:hover{}
	.banner_box a:hover span{}
	.banner_box a span:after{display:none;}

}

@media only screen and (max-width:780px){
}

@media only screen and (max-width:500px){
	.main_banner_wrap .title_box{top:15vh;width:300px;margin-left:-150px;}
	.main_banner_wrap .title_box p{top:98px;font-size:16px;}
	.banner_box{top:43vh;}

	.banner_box a{width:50%;}


	#section2 .txt_box {margin-top:13vh;font-size:25px;}
}

@media only screen and (max-width:300px){
	.main_banner_wrap .title_box{width:250px;margin-left:-125px;}
	.main_banner_wrap .title_box p{top:95px;font-size:13px;}
	.banner_box a span{font-size:12px;}
}



/* 가로로 돌렸을때 */

@media only screen and (max-height:500px){
	.main_banner_wrap .title_box{top:10vh;width:200px;height:80px;margin-left:-100px;}
	.main_banner_wrap .title_box p{top:54px;font-size:11px;}
	.banner_box{top:40vh;}
	.scroll_down {position:absolute;bottom:8vh;}
	.scroll_down a {padding-top:0px;}
	.scroll_down a span, .scroll_down a:before, .scroll_down a span:before, .scroll_down a span:after{display:none;height:0;}
	.scroll_down a:after{top:20px;}

}