@charset "utf-8";
/*@import url(¡®//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css¡¯);*/

@font-face { 
	font-family: "NanumSquareRound"; 
	font-style: normal; 
	font-weight: 300; 
	src: local("../font/NanumSquareRoundL"), /* computer */ 
	url("../font/NanumSquareRoundL.eot"), /* IE9 Compat Modes */ 
	url("../font/NanumSquareRoundL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 
	url("../font/NanumSquareRoundL.woff2") format("woff2"), /* Modern Browsers */ 
	url("../font/NanumSquareRoundL.woff") format("woff"), /* Modern Browsers */ 
	url("../font/NanumSquareRoundL.ttf") format("truetype"); /* Safari, Android, iOS */ 
} 
@font-face { 
	font-family: "NanumSquareRound"; 
	font-style: normal; 
	font-weight: 400; 
	src: local("../font/NanumSquareRoundR"), /* computer */ 
	url("../font/NanumSquareRoundR.eot"), /* IE9 Compat Modes */ 
	url("../font/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 
	url("../font/NanumSquareRoundR.woff2") format("woff2"), /* Modern Browsers */     
	url("../font/NanumSquareRoundR.woff") format("woff"), /* Modern Browsers */ 
	url("../font/NanumSquareRoundR.ttf") format("truetype"); /* Safari, Android, iOS */ 
} 
@font-face { 
	font-family: "NanumSquareRound"; 
	font-style: normal; 
	font-weight: 700; 
	src: local("../font/NanumSquareRoundB"), /* computer */ 
	url("../font/NanumSquareRoundB.eot"), /* IE9 Compat Modes */ 
	url("../font/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 
	url("../font/NanumSquareRoundB.woff2") format("woff2"), /* Modern Browsers */ 
	url("../font/NanumSquareRoundB.woff") format("woff"), /* Modern Browsers */ 
	url("../font/NanumSquareRoundB.ttf") format("truetype"); /* Safari, Android, iOS */ 
} 
@font-face { 
	font-family: "NanumSquareRound"; 
	font-style: normal; 
	font-weight: 800; 
	src: local("../font/NanumSquareRoundEB"), /* computer */ 
	url("../font/NanumSquareRoundEB.eot"), /* IE9 Compat Modes */ 
	url("../font/NanumSquareRoundEB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 
	url("../font/NanumSquareRoundEB.woff2") format("woff2"), /* Modern Browsers */ 
	url("../font/NanumSquareRoundEB.woff") format("woff"), /* Modern Browsers */ 
	url("../font/NanumSquareRoundEB.ttf") format("truetype"); /* Safari, Android, iOS */ 
} 

/* CSS Document */
html, body {width:100%;height:100%;border: 0;}
body{margin:0;padding:0;text-align:center;}

/* Reset & Basics */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}/*position: relative;*/
html, body { width: 100%; height: 100%;  border: 0; color: #901d22;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; overflow-x: hidden; }
ol, ul, li { list-style: none !important; }
table { border-collapse: collapse; border-spacing: 0; }
span, h1, h2, h3 { display: block;}
button {  display: block; border: none;  cursor: pointer; padding: 0; background: transparent; }
body, input, textarea, select, button, table { font-family:'NanumSquareRound','Malgun Gothic','¸¼Àº°íµñ','NanumGothic','µ¸¿ò',dotum,'±¼¸²',gulim,Helvetica,sans-serif;font-size: 14px}
a {text-decoration: none; color: #901d22; cursor: pointer; }
 *:focus { outline:none; }
em { font-style: normal;}

/* wrap */
.wrap{position:relative;width:100%;height:100%;}

/* ¸Þ´º */
header{width:100%;position:relative;background-color:#901d22;height:100px;z-index:99998}
.m_header{display:none}
.header {position:fixed;background-color:#fff;border-bottom:1px solid #901d22;}
.header .navigation-buttons .navigation-toggle .line {background: #901d22}
.nav-wrapper {  animation: on_motion02 .5s 1; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-timing-function:linear; position: fixed; left: 0; top: 0; width: 100%; height: 100%; color: #FFF; background: rgba(144, 29, 34, 0.95); background-size: cover; background-position: center center; background-attachment: fixed; z-index: 9990; display: none; opacity: 0; }


/* ¸Þ´ºÃß°¡ */
.header_menu{position:fixed;float:right;right:32px;top:42px;z-index: 9992;}/*100px*/
.header_menu li{display:inline-block;font-size:24px;font-weight:600;padding-right:30px;}
.header_menu > li > a{color:#fff}
.header .header_menu > li > a{color:#901d22}
.logo_wrap { width: 100%;margin:0 auto;text-align:center;height:147px;padding-top:140px;text-align:center;}
.logo{width:100%;height:100%;background: url('../images/layout/logo.png') no-repeat center center; }

nav.navigation {width: 100%; height: 50%; min-height: 450px; position: relative; }
nav.navigation .menu-list { display: block; width:180px; height: 360px; position: absolute; left: 50%; top: 50%; margin: -180px 0 0 -75px;}
nav.navigation ul {display:block; width: 100%;}
nav.navigation ul li { margin-bottom:25px; width: 100%;}
nav.navigation ul li a { display: block; width:80%; margin:0 auto;font-weight: bold; font-size: 30px; height:64px;color: #FFF;  letter-spacing:-1.2px;box-sizing:border-box;}
nav.navigation ul li a .current_line {content: "";display: block; position: absolute; top:60px; left:10%; width: 80%; height:4px; background:#FFF; z-index: 11; border-radius: 5px; opacity:0;}
nav.navigation ul li a:hover{border-bottom:3px solid #fff;}
nav.navigation ul li a em  {display: block; width: 100%;  height: 14px; font-size: 12px; color: rgba(255, 255, 255, 0.35); line-height: 14px; font-weight: normal; margin-bottom:10px; letter-spacing: 1px; }

.navigation-buttons { display: block ; width: 40px; height: 40px; position: fixed; right: 44px; top: 33px; z-index: 9992;   }
.navigation-buttons .navigation-toggle { display: block; width: 40px; height: 40px; position: relative; } 
.navigation-buttons .navigation-toggle { display: block; width: 40px; height: 40px; } 
.navigation-buttons .navigation-toggle .line { width: 30px; height: 2px; position: absolute; left: 4px;background-color:#fff}/*background: #901d22; */
.navigation-buttons .navigation-toggle .line.l-0 { top: 11px; }
.navigation-buttons .navigation-toggle .line.l-1 { top: 19px; }
.navigation-buttons .navigation-toggle .line.l-2 { top: 27px; }

.navigation-buttons .navigation-toggle:hover .line.l-0 { animation: toggle_motion_00 .2s 1; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-timing-function: ease;}
.navigation-buttons .navigation-toggle:hover .line.l-1 { animation: toggle_motion_01 .2s 1; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-timing-function: ease;}
.navigation-buttons .navigation-toggle:hover .line.l-2 { animation: toggle_motion_02 .2s 1; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-timing-function: ease;}

@-webkit-keyframes toggle_motion_00 { 0% { top: 11px;}  100% { top: 9px; }}
@-webkit-keyframes toggle_motion_01 { 0% { top: 19px;}  100% { top: 19px; }}
@-webkit-keyframes toggle_motion_02 { 0% { top: 27px;}  100% { top: 29px; }}

@keyframes toggle_motion_00 { 0% { top: 11px;}  100% { top: 9px; }}
@keyframes toggle_motion_01 { 0% { top: 19px;}  100% { top: 19px; }}
@keyframes toggle_motion_02 { 0% { top: 27px;}  100% { top: 29px; }}

.on_motion { display: block; animation: on_motion01 .1s 1; -webkit-animation-fill-mode:forwards; animation-fill-mode: forwards; animation-timing-function: ease; }
.beWhite .line { background: #FFF !important; -webkit-animation-fill-mode:forwards; animation-fill-mode: forwards; animation-timing-function: ease;}
.beWhite .line.l-0 { animation: line_motion00 .3s 1; }
.beWhite .line.l-1 { animation: line_motion01 .3s 1; }
.beWhite .line.l-2 { animation: line_motion02 .3s 1; }

.beWhite .line.l-0,
.beWhite .line.l-1,
.beWhite .line.l-2 { -webkit-animation-fill-mode:forwards; animation-fill-mode: forwards; animation-timing-function: ease; }

@-webkit-keyframes on_motion01 {100%{opacity: 1; }}
@-webkit-keyframes on_motion02 {100%{opacity: 0; }}
@-webkit-keyframes line_motion00 {100% {transform: rotate(225deg); top: 14px; }}
@-webkit-keyframes line_motion01 {100% {transform: scale(0); top: 14px; }}
@-webkit-keyframes line_motion02 {100% {transform: rotate(-225deg); top: 14px; }}

@keyframes on_motion01 {100%{opacity: 1; }}
@keyframes on_motion02 {100%{opacity: 0; }}
@keyframes line_motion00 {100% {transform: rotate(225deg); top: 14px; }}
@keyframes line_motion01 {100% {transform: scale(0); top: 14px; }}
@keyframes line_motion02 {100% {transform: rotate(-225deg); top: 14px; }}

.nav_footer_wrap { width:100%; height: 25%; font-size: 12px; color: rgba(255, 255, 255, 0.35); letter-spacing: 1px;margin-top:35px;}
.nav_footer_wrap a { display:inline-block; position: relative; width:30px; height: 30px; background: url('../images/layout/iconSet_sns_0624.png') no-repeat; background-size: 30px; margin: 20px 7px 0; opacity: 0.35; }
.nav_footer_wrap a.btn_blog{background-position: 0 0; }
.nav_footer_wrap a.btn_instagram{background-position: 0 -30px;}
.nav_footer_wrap a.btn_facebook{background-position: 0 -60px;}
.nav_footer_wrap a.btn_youtube{background-position: 0 -90px;}
.nav_footer_wrap a.btn_post{background-position: 0 -120px;}
.nav_footer_wrap a:hover {opacity: 1; }

.footer{position:relative;width:100%;background-color:#901d22;padding:15px 0 35px 0}
.footer .adress{font-size:16px;color:#eedadb;padding-top:15px;}
.footer .copyright{font-size:14px;color:#c09799;padding-top:10px;}
.footer .nav_footer_wrap{margin:0;}

/* section01 */
.section01{position:relative;width:100%;height:100%;background-color:#901d22}

/* ¸ÞÀηΰí */
.main_logo {display: block;position: fixed;left:44px;top:33px;z-index: 9992;}

/* ¸ÞÀÎ ½ºÅ©·Ñ */
.main_down{position:fixed;z-index:9999;bottom:83px;right:55px;cursor:pointer;z-index:99999}
.main_down img{height:80px;}

/* ¸ÞÀκñÁê¾ó*/
.main_visual{position:relative;width:100%;height:100%;margin:0 auto;text-align:center;padding-top:80px;}
.main_visual .ca1{position:relative;margin:0 auto;font-size:160px;text-align:center;background:url('../images/contents/main_txt_bg1.gif') no-repeat;animation-name:example;animation-duration:30s;animation-iteration-count:infinite}
.main_visual .ca2{position:relative;margin:0 auto;font-size:160px;text-align:center;background:url('../images/contents/main_txt_bg2.gif') no-repeat;animation-name:example;animation-duration:30s;animation-iteration-count:infinite}
.main_visual .ca3{position:relative;margin:0 auto;font-size:160px;text-align:center;background:url('../images/contents/main_txt_bg3.gif') no-repeat;animation-name:example;animation-duration:30s;animation-iteration-count:infinite}
.main_visual .txt{clear:both;position:relative;width:100%;margin:0 auto;text-align:center;line-height:36px;}
.main_visual .txt p{color:#edd5d6;font-size:28px;margin:35px 0 45px 0;}
.main_visual .txt p strong{font-weight:normal;color:#fff}
.main_visual #main_txt{height:62px}
.main_visual ul {position: absolute;}

@keyframes example {
    0%{background-position:0 50%;}
    100%{background-position:100% 50%;}
}

/* ¸ÞÀν½¶óÀ̵å */
.slide {overflow:hidden}
.slide ul li {float:left}

/* ȸ»ç¼Ò°³ */
.section02{position:relative;width:100%;margin:0 auto;text-align:center;background:url('../images/contents/company_bg.gif') repeat-x bottom #fff;padding-bottom:100px;}
.section02 .title{position:relative;margin:0 auto;text-align:center;font-size:26px;font-weight:normal;padding-top:120px;letter-spacing:-1.5px;animation-name: fadeInLeft;}
.section02 .title p{font-size:26px;font-weight:normal;margin-top:20px;}
.section02 .title p span{background-color:#901d22;display:inline;color:#fff;padding:2px 5px}
.section02 .dream_tv{position:relative;width:1200px;height:100%;margin:0 auto;text-align:center;z-index:1000;}
.section02 .dream_tv .tv{position:relative;margin:-90px auto 0 auto;text-align:center;width:890px;height:900px; z-index: 99; background: url("../images/contents/company_tv.png"); background-size:cover; background-repeat: no-repeat;}
.section02 .dream_tv .tv_ani{position: absolute; top:38%; left:18%; width:515px; height:360px; background: url("../images/contents/company_tv_new.gif"); background-size:cover; background-repeat: no-repeat;cursor:pointer;background-size:100% 100%}
.section02 .tv_ch{position:relative;margin:0 auto;width:900px;height:300px;z-index:9990;background: url("../images/contents/company_tv_ch.png"); background-size:cover; background-repeat: no-repeat;margin-top:-335px;}

/* ÇÏ´ÂÀÏ */
.section03{position:relative;width:100%;height:auto;margin:0 auto;text-align:center;background-color:#901d22}

/*
.tab_scroll {display: block; position:relative; top:300px; width: 100%; height: 2px; line-height: 2px;  font-size: 0; text-align: center; border-radius: 1px; z-index: 8888; }
.tab_scroll div { display: inline-block; background: #fff; width: 20px; height: 2px; margin-right: 1px; }
.tab_scroll div:last-child {margin-right: 0px;}
.tab_scroll.ps_02 div {width: 30px;}
.tab_scroll.ps_03 div {width: 60px;}
*/

.bus01_wrap{position:relative;height:100%;background:url('../images/contents/about_bg1.gif') no-repeat;animation-name:example2;animation-duration:100s;animation-iteration-count:infinite}
.bus02_wrap{background:url('../images/contents/about_bg2.gif') no-repeat;animation-name:example2;animation-duration:100s;animation-iteration-count:infinite}
.bus03_wrap{background:url('../images/contents/about_bg3.gif') no-repeat;animation-name:example2;animation-duration:100s;animation-iteration-count:infinite}

@keyframes example2 {
    0%{background-position:0 55%;}
    100%{background-position:100% 55%;}
}

.bus_text{position:relative;top:140px;}
.bus_text p{font-size: 30px;text-align:center;color:#fff}
.busi_ch1{height:620px;background:url("../images/contents/business_busi_ch1.png") no-repeat center bottom;}
.busi_ch2{height:620px;background:url("../images/contents/business_busi_ch2.png") no-repeat center bottom;}
.busi_ch3{height:620px;background:url("../images/contents/business_busi_ch3.png") no-repeat center bottom;}
.bus_btn{margin:40px 0 140px 0;font-size:22px;background-color:#fff;border:2px solid #000;text-align:center;display:inline-block;padding:10px 25px;color:#000;font-weight:600;}
.bus_btn:hover{background-color:#901d22;color:#fff;border:2px solid #fff;transition:all 0.5s ease}

.bus_layerpop{width:100%;position:absolute;bottom:0;background-color:#f5f5f5;height:442px;display:none;}
.bus_layerpop ul{position:relative;margin:0 auto;text-align:center;width:1200px;padding-top:40px;}
.bus_layerpop li{float:left;width:12.5%;font-size:20px;font-weight:600;color:#000;text-align:center;line-height:28px}
.bus_layerpop li:hover{margin-top:-10px;transition:all 0.5s ease;}
.bus_layerpop li span{display:block;}
.bus_layerpop li img{width:80%;}
.bus_layerpop ul:after{clear:both;content:"";display:block;}
.bus_btn_close{margin-top:60px;font-size:22px;background-color:#901d22;border:2px solid #901d22;text-align:center;display:inline-block;padding:10px 46px;color:#fff;font-weight:600;}
.bus_btn_close:hover{background-color:#a23035;transition:all 0.5s ease}

/* ä¿ëÁ¤º¸ */
.section04{position:relative;width:100%;margin:0 auto;text-align:center;}
.section04 .m_li{display:none;}
.section04 .title{position:relative;margin:0 auto;text-align:center;font-size:26px;font-weight:normal;padding-top:120px;letter-spacing:-1.5px;}
.section04 .title p{margin-top:20px;}
.section04 .title p span{background-color:#901d22;display:inline;color:#fff;padding:2px 5px}
.section04 .people{position:relative;width:1200px;margin:0 auto;text-align:center;margin-top:80px;}
.section04 .people li{float:left;width:20%;margin-bottom:80px;background:url('../images/contents/request_li_bg.gif') repeat-y center;}
.section04 .people li img{background-color:#fff;padding-bottom:10px;}
.section04 .people li p{background-color:#fff;font-size:18px;color:#666;letter-spacing:-1.2px;line-height:26px;padding:20px 0;margin:30px 0;}
.section04 .people li p strong{color:#b3272d;font-weight:normal;}
.section04 .people li h4{background-color:#fff;padding-top:10px;font-size:25px;font-weight:600;color:#000}
.section04 .welfare{position:relative;width:100%;background-color:#f5f5f5;clear:both;padding-bottom:80px;}
.section04 .welfare ul{width:1200px;margin:0 auto;padding:60px 0;}
.section04 .welfare .sub_title{position:relative;text-align:left;float:left;width:36%;color:#000;font-size:30px;margin-bottom:40px;letter-spacing:-2px;}
.section04 .welfare .sub_title img{position:absolute;left:170px;top:0px;}
.section04 .welfare .sub_title h4{line-height:45px;margin-bottom:35px;position:relative;z-index:2}
.section04 .welfare .sub_title strong{color:#000;display:inline;font-size:40px;}
.section04 .welfare .sub_title a{position:absolute;left:0;z-index:999;font-size:22px;background-color:#fff;border:2px solid #000;text-align:center;display:inline-block;padding:10px 25px;color:#000;font-weight:600;}
.section04 .welfare .sub_title a:hover{background-color:#901d22;color:#f5f5f5;border:2px solid #f5f5f5;transition:all 0.5s ease}
.section04 .welfare li{float:left;width:32%;font-size:18px;color:#333;padding:10px 0;text-align:left;}
.section04 .welfare li strong{font-weight:600;color:#333;;display:inline-block;width:115px;}

/* ÀÇ·ÚÇϱâ */
.m_section05{display:none}
.section05{color: #FFF;text-align: left; width: 100%; /*height: 100%;min-height: 900px; */background-color:#901d22; background-size: cover; overflow: hidden; z-index: 1110;}
.section05 .map_view{position:relative;width:50%;float:left;}
.section05 .con{position:relative;float:right;/*margin: 0 auto;*/width:42%;font-size:18px;padding:4%;line-height:26px;}
.section05 .con h4{position:relative;font-size:40px;margin-bottom:25px;;line-height:45px;letter-spacing:-2px;display:inline-block;}
.section05 .con h4 img{position:absolute;right:-62px;top:-40px;z-index:-1}
.section05 .adress li:first-child{margin-bottom:20px;}
.section05 li{margin-bottom:10px;}
.section05 li strong{margin-right:10px;font-weight:500}
.section05 .btn_contact{border-top:1px solid #96363a;margin:35px 0;padding:35px 0 0 0;}
.section05 .btn_contact p{margin-bottom:10px}
.section05 .btn_contact .img{width:0;height:100px;vertical-align:bottom;left:5px}
.section05 .btn_contact a{font-size:22px;background-color:#fff;border:2px solid #000;text-align:center;display:inline-block;padding:10px 25px;color:#000;font-weight:600;}
.section05 .btn_contact a:hover{background-color:#901d22;color:#fff;border:2px solid #fff;transition:all 0.5s ease}

/* ·Î±×ÀÎ */
.login_btn{position:fixed;z-index:9999;bottom:200px;right:55px;cursor:pointer;z-index:99998;}
.login_btn img{height:70px;}


.kakao_banner_div{position:fixed;z-index:9999;bottom:250px;right:55px;cursor:pointer;z-index:99998;}

.kakao_banner_div img{width: 100%;}

/* ¸ð¹ÙÀϽºÅ©·Ñ */
.m_main_down{display:none;}
.m_login_btn{display:none;}

/*************** 1024 Device ***************/
@media all and (min-width:768px) and (max-width:1024px) {	
	.section02 .dream_tv{width:auto;}
	.section04 .people{width:100%}
	.section04 .welfare ul{width:auto}
	.bus_layerpop ul{width:100%;}
	.tab_scroll{top:35%}
	.busi_ch1{height:620px}
	.section04 .welfare .sub_title{width:24%;padding-left:2%}
	.section04 .welfare li{width:36%;}
	.section04 .welfare .sub_title a{margin-left:20px}
	.section04 .welfare .sub_title img{display:none;}
	.main_visual .txt{width:96%;padding:0 2%}
	.main_visual .txt p{font-size:14px}
	.main_visual .txt p br{display:none}
	
}

@media all and (max-width:450px) {
	.bus_text p{font-size: 18px;}
	.main_visual .txt p{font-size: 14px!important;}
}

@keyframes example {
    0%{background-position:0 50%;}
    100%{background-position:100% 50%;}
}


/* ¼­ºêÆäÀÌÁö Ãß°¡ */

/* sub_section01 */
.sub_section01{position:relative;width:100%;height:640px;background-color:#901d22}
.m_sub_visual{display:none}
.sub_visual{position:relative;width:100%;margin:0 auto;top:-100px;text-align:center;background-color:#901d22;height:140px;}
.sub_visual .ca1{position:relative;margin:0 auto;font-size:160px;text-align:center;background:url('../images/contents/main_txt_bg1.gif') no-repeat;animation-name:example;animation-duration:30s;animation-iteration-count:infinite}
.sub_visual .ca2{position:relative;margin:0 auto;font-size:160px;text-align:center;background:url('../images/contents/main_txt_bg2.gif') no-repeat;animation-name:example;animation-duration:30s;animation-iteration-count:infinite}
.sub_visual .ca3{position:relative;margin:0 auto;font-size:160px;text-align:center;background:url('../images/contents/main_txt_bg3.gif') no-repeat;animation-name:example;animation-duration:30s;animation-iteration-count:infinite}
.sub_visual img{position:absolute;top:40px;left:50%;margin-left:-1280px;width:auto;z-index:99997;margin-bottom:-40px}
.sub_title_txt{padding-top:120px;}

/* ÀÎÀç»ó */
.recruit01 .m_li{display:none}
.recruit01{position:relative;width:100%;margin:0 auto;text-align:center;background:#fff;}
.recruit01 .title{position:relative;margin:0 auto;text-align:center;font-size:26px;font-weight:normal;padding-top:120px;letter-spacing:-1.5px;}
.recruit01 .title p{margin-top:20px;}
.recruit01 .title p span{background-color:#901d22;display:inline;color:#fff;padding:2px 5px}
.recruit01 .people{position:relative;width:1200px;margin:0 auto;text-align:center;margin-top:80px;}
.recruit01 .people li{float:left;width:20%;margin-bottom:80px;background:url('../images/contents/request_li_bg.gif') repeat-y center;}
.recruit01 .people li img{background-color:#fff;padding-bottom:10px;}
.recruit01 .people li p{background-color:#fff;font-size:18px;color:#666;letter-spacing:-1.2px;line-height:26px;padding:20px 0;margin:30px 0;}
.recruit01 .people li p strong{color:#b3272d;font-weight:normal;}
.recruit01 .people li h4{background-color:#fff;padding-top:10px;font-size:25px;font-weight:600;color:#000}

.sub_form{position:relative;width:100%;background-color:#f5f5f5;clear:both;padding:60px 0;}
.sub_form > div{width:1200px;margin:0 auto;}
.sub_form ul{float:left;width:34%;margin:0 auto;}
.sub_form .sub_title{position:relative;text-align:left;color:#000;font-size:30px;margin-bottom:40px;letter-spacing:-2px;}
.sub_form .sub_title img{position:absolute;left:170px;top:0px;}
.sub_form .sub_title h4{line-height:45px;margin-bottom:35px;position:relative;z-index:2}
.sub_form .sub_title strong{color:#000;display:inline;font-size:40px;}
.sub_form .sub_title a{position:absolute;left:0;z-index:999;font-size:22px;background-color:#fff;border:2px solid #000;text-align:center;display:inline-block;padding:10px 25px;color:#000;font-weight:600;}
.sub_form .sub_title a:hover{background-color:#901d22;color:#f5f5f5;border:2px solid #f5f5f5;transition:all 0.5s ease}
.sub_form li{font-size:18px;color:#333;padding:10px 0;text-align:left;}
.sub_form li strong{font-weight:600;color:#333;;display:inline-block;width:115px;}
.sub_form dl{float:left;width:64%}
.sub_form span{float:left;width:28%;vertical-align:top;color:#333;text-align:left;font-size:18px;padding:5px 0 10px 0;line-height:22px;margin-top:15px;}
.sub_form dd{float:left;padding:5px 0;padding:0;width:50%;vertical-align:top;text-align:left;vertical-align:center}
.sub_form dd textarea{border:2px solid #d7d7d7;padding:12px 15px;height:80px;color:#777}
.sub_form dd.last{width:100%;}
.sub_form dd.last span{width:14%;}
.sub_form dd.last textarea{width:79.5%}
.sub_form dd.last textarea:focus{border:2px solid #901d22}
.sub_form dd.last a{font-weight:600}

.sub_form{position:relative;width:100%;background-color:#f5f5f5;clear:both;padding:60px 0 40px 0;}
.sub_form dd .inp{border:2px solid #d7d7d7;padding:12px 15px;color:#777;width:60%;}
.sub_form dd .inp:focus{border:2px solid #901d22}
.sub_form dd .inp_file{color:#777;width:69%;height:40px;margin-top:2px;}


/* Á÷¹«¼Ò°³ */
.recruit02{position:relative;width:100%;background-color:#901d22;padding:120px 0 80px 0;}
.recruit02 .con{position:relative;width:1200px;margin:0 auto;padding-top:30px;}
.recruit02 .txt{text-align:left;}
.recruit02 .txt h4{font-size:36px;color:#fff;margin-top:30px;}
.recruit02 .txt span{display:block;color:#f5c53a;font-size:24px;margin-top:10px;}
.recruit02 .txt p{color:#f4eaea;font-size:18px;margin-top:15px;line-height:26px}

/* ÅǸ޴º */
.tabmenu{overflow:hidden;}
.tabmenu ul{width:520px;height:58px;margin:25px auto 15px auto;border-bottom:2px solid #fff}
.tabmenu li{width:auto;display:inline-block;margin:0 auto;font-weight:600}
.tabmenu li a{display:block;font-size:22px;padding:15px 30px;border:2px solid #fff;border-bottom:2px solid #fff;text-align:center; text-decoration:none; color:#fff;height:26px;letter-spacing:-1px;}
.tabmenu li.active a{border:2px solid #000;color:#222;border-bottom:2px solid #fff;height:26px;background-color:#fff}

/* º¹ÁöÁ¦µµ */
.recruit03{position:relative;width:100%;padding:120px 0 120px 0;}
.recruit03 .title p{font-size:26px;color:#777;padding:20px 0 30px 0}

/* Æ÷Æ®Æú¸®¿À */
.portfoilo01{position:relative;width:100%;margin:0 auto;text-align:center;background:#fff;padding:120px 0 80px 0;min-height:500px}
.portfoilo01 .con ul{width:1200px;;position:relative;margin:40px auto 0 auto;text-align:center;}
.portfoilo01 .con li{position:relative;float:left;width:384px;height:384px;margin:0 8px;background:#fff;margin-bottom:15px;}
.portfoilo01 .con li a{display:block;width:100%;height:100%;overflow:hidden}
.portfoilo01 .con li .img{width:auto;height:100%;}
/*
.portfoilo01 .con li p{position:absolute;top:0;display:none;height:264px;width:384px;padding-top:120px;background:url('../images/sub/portfolio01_txtHover1.png') repeat;font-size:24px;color:#fff;line-height:32px;font-weight:600;z-index:1;transition:all 1s ease}
.portfoilo01 .con li p img{margin-bottom:10px;}
.portfoilo01 .con li:hover p{display:block;animation-name:textHover;animation-duration:0.8s;}
*/
.portfoilo01 .con li p{position:absolute;top:0;display:none;height:264px;width:384px;padding-top:120px;background-color:#f5f5f5;font-size:24px;color:#333;line-height:32px;font-weight:600;z-index:1;transition:all 1s ease}/*background:url('../images/sub/portfolio01_txtHover1.png') repeat;*/
.portfoilo01 .con li p img{}
.viewer .body img{max-width:100%;}
.portfoilo01 .con li p{display:block;animation-duration:0.2s;}/*animation-name:textHover;*/
.portfoilo01 .con li:hover p{color:#901d22}
/*@keyframes textHover {
    from {background:url('../images/sub/portfolio01_txtHover2.png') repeat;}
    to {background:url('../images/sub/portfolio01_txtHover1.png') repeat;}
}*/
/* ÅǸ޴º */
.tabmenu2{overflow:hidden;}
.tabmenu2 ul{width:750px;height:58px;margin:25px auto 15px auto;border-bottom:2px solid #000}
.tabmenu2 li{width:auto;display:inline-block;margin:0 auto;font-weight:600}
.tabmenu2 li a{display:block;font-size:22px;padding:15px 30px;border:2px solid #000;border-bottom:2px solid #000;text-align:center; text-decoration:none; color:#000;height:26px;letter-spacing:-1px;}
.tabmenu2 li.active a{border:2px solid #000;color:#fff;border-bottom:2px solid #000;height:26px;background-color:#901d22}



/* Æ÷Æ®Æú¸®¿À »ó¼¼·¹À̾îÆ˾÷ */
/*#showreel_layer{position:absolute;width:100%;height:100%;left:0;top:0; z-index:99999;background:rgba(0,0,0,.8);}*/
#view_layer{ position:absolute;left:0; top:70px; z-index:99999; width:100%; height:100%; box-sizing:border-box;}
#view_layer.on{display:block;}
#view_layer .btn_pre{width:150px;height:88px;position:fixed;bottom:20%;left:2%;z-index:99999;background:url('../images/sub/portfolio_view_pre.png') 0 0 no-repeat;background-size:100%;text-indent:-10000em;cursor:pointer}
#view_layer .btn_pre:hover{background:url('../images/sub/portfolio_view_pre_on.png') 0 0 no-repeat;background-size:100%;}
#view_layer .btn_next{width:150px;height:88px;position:fixed;bottom:20%;right:2%;z-index:99999;background:url('../images/sub/portfolio_view_next.png') 0 0 no-repeat;background-size:100%;text-indent:-10000em;cursor:pointer}
#view_layer .btn_next:hover{background:url('../images/sub/portfolio_view_next_on.png') 0 0 no-repeat;background-size:100%;}
.view #content{overflow:auto; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; padding:50px 0 0; margin-top:0; background:rgba(0,0,0,.8); box-sizing:border-box;}
.viewer{overflow:hidden; position:relative; width:90%; margin:0 auto; background:#fff; box-sizing:border-box;}
.viewer .info{position:relative; background:#f5f5f5;  font-size:20px;color:#555;text-align:center;padding:0}
.viewer .info h3{font-size:56px;color:#000;letter-spacing:-2.5px;line-height:50px;padding:20px 0 25px 0;font-weight:600}
.viewer .info p{padding-top:80px;line-height:28px;}
.viewer .info .txt{font-size:18px;line-height:28px;color:#777}
.viewer .info ul{position:relative;border-bottom:2px solid #000;}
.viewer .info ul li{font-size:22px;background-color:#901d22;border:2px solid #000;text-align:center;display:inline-block;padding:10px 25px;color:#fff;font-weight:600;border-bottom:none}
.viewer .body img{width:auto;}
.viewer .body{padding-top:30px;}
.viewer .btn{overflow:hidden; position:absolute; right:30px; top:30px; width:60px; height:59px; background:url('../images/sub/layer_close_g.png') 0 0 no-repeat; text-indent:-10000em;}

.nav_footer_wrap2 { width:100%; font-size: 12px; color: rgba(255, 255, 255, 0.5); letter-spacing: 1px;margin-bottom:20px;}
.nav_footer_wrap2 a { display:inline-block; position: relative; width:30px; height: 30px; background: url('../images/layout/iconSet_sns2.png') no-repeat; background-size: 30px; margin: 20px 7px 0; opacity: 0.5; }
.nav_footer_wrap2 a.btn_blog{background-position: 0 0; }
.nav_footer_wrap2 a.btn_instagram{background-position: 0 -30px;}
.nav_footer_wrap2 a.btn_facebook{background-position: 0 -60px;}
.nav_footer_wrap a.btn_youtube{background-position: 0 -90px;}
.nav_footer_wrap2 a:hover {opacity: 1; }

/* ÇÏ´ÂÀÏ */
.works01{position:relative;width:100%;padding:0 0 120px 0;background-color:#fff;letter-spacing:-1px}
.works01 .title{position:relative;margin:0 auto;text-align:center;font-size:26px;font-weight:normal;padding-top:120px;letter-spacing:-1.5px;animation-name:fadeInLeft;}
.works01 .title p{font-size:26px;font-weight:normal;margin-top:20px;}
.works01 .title p span{background-color:#901d22;display:inline;color:#fff;padding:2px 5px}
.works01 ul{position:relative;width:1200px;margin:0 auto;text-align:center;background:url('../images/sub/sub_works01_bg.gif') no-repeat top;min-height:500px;padding-top:60px;margin-top:60px}
.works01 li{float:left;width:33.33333%;}
.works01 li h5{font-weight:600;color:#333;font-size:36px;letter-spacing:-2px;margin-top:40px}
.works01 li p{font-size:18px;color:#666;padding:15px 0 35px 0}
.works01 .btn{font-size:22px;background-color:#fff;border:2px solid #000;text-align:center;display:inline-block;padding:10px 25px;color:#000;font-weight:600;}
.work_con_wrap .m_li{display:none}
.works01 .btn:hover{background-color:#901d22;color:#f5f5f5;border:2px solid #f5f5f5;transition:all 0.5s ease}

#marketing{position:relative;width:100%;background-color:#f5f5f5;height:1000px;padding:120px 0 0 0;}
#marketing li{width:20%}
#web{position:relative;width:100%;background-color:#f5f5f5;height:1000px;padding:120px 0;border-top:1px solid #ddd}
#web li{width:25%}
#contents{position:relative;width:100%;background-color:#f5f5f5;height:1000px;padding:120px 0;border-top:1px solid #ddd}
#contents li{width:25%}
.work_con_wrap ul{position:relative;width:1200px;margin:0 auto;text-align:center;margin-top:60px}
.work_con_wrap li{float:left;width:20%;min-height:400px;line-height:38px}
.work_con_wrap li:hover{margin-top:-20px;margin-bottom:20px;;transition:all 0.5s ease}
.work_con_wrap li h4{font-size:26px;font-weight:600;color:#000;margin:5px 0 20px 0;}
.work_con_wrap li p{color:#777;font-size:18px;width:90%;margin:0 auto;text-align:center;line-height:28px}
.work_con_wrap li img{width:60%;}

/* 190117_·Î±×ÀÎÆäÀÌÁö */
.sub_title_login{width:auto;position:relative;padding:120px 0 60px 0}
.login_wrap{position:relative;width:600px;padding:60px 0;border:2px solid #000;;margin:0 auto;text-align:center;background-color:#fff;font-size:18px;z-index:999}
.login_wrap li{margin:10px 0}
.login_wrap li span{display:inline-block;width:100px;text-align:left;color:#333}
.login_wrap li input{display:inline-block;width:200px;margin-right:120px;color:#888;padding:20px 10px;border:none;background-color:#f5f5f5}
.login_wrap li a{position:absolute;top:70px;right:70px;display:block;background-color:#901d22;color:#fff;font-weight:600;width:120px;height:70px;padding-top:50px;}
.login_wrap .txt{color:#999;font-size:15px;border-top:1px solid #ddd;padding-top:15px;line-height:24px;margin-top:40px}
.login_wrap .txt a{color:#777;margin:0 8px;}
.login_wrap .txt a:hover{color:#333;}

/* 190225 ³×À̹ö·Î±×ÀÎ
.snslogin{position:relative;width:96%;margin:0 2%;background-color:#1ec800;border-radius:5px}
.snslogin a.naver_login{display:block;width:100%;height:100%;color:#fff;font-weight:600;padding:10px 0}
.snslogin a.naver_login:hover{color:#fff}
.snslogin a.naver_login img{position:absolute;left:6%;height:23px;margin-top:5px;}
.snslogin a.naver_login span{display:inline-block;font-size:20px;padding-left:5px;vertical-align:top;padding-top:5px;color:#fff;border-left:1px solid #61d74d;width:68%;}
 */
.inquiry .m_list p{display:inline}

/* DzÅÍ_°³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.btn_privacy{color:#edc9ca;font-weight:600;display:inline-block;margin-top:10px;}
.ft_ft {font-size:15px;}
.ft_ft p{font-size:15px;color:#c6888a}

/*************** Device ***************/
@media only screen and (max-width:1440px) { 
	.section04 .people{width:100%}
	.section04 .welfare ul{width:96%;padding:30px 2%}
	.section04 .welfare .sub_title{width:26%}
	.section04 .welfare li{width:36%}
	/*.wrap{overflow-x:hidden}	*/
	.sub_section01{height:600px}
/*	.sub_visual{overflow:hidden;height:200px;}	*/
	.sub_visual img{top:40px;}
	.recruit01 .people{width:100%}
	.recruit02 .con{width:96%;padding:0 2%}
	.recruit02 .con img{width:100%}
	.recruit03 .img img{width:96%;margin:0 2%}
	.sub_form > div{width:100%}
	.sub_form ul{float:none;display:block;text-align:center;width:100%;margin:0 auto;}
	.sub_form .sub_title{text-align:center}
	.sub_form .sub_title img{display:none}
	.sub_form .sub_title a{position:relative;z-index:999;font-size:22px;background-color:#fff;border:2px solid #000;text-align:center;display:inline-block;padding:10px 25px;color:#000;font-weight:600;}
	.sub_form dl{width:96%;}
	.sub_form span{width:24%;padding:5px 2% 10px 2%}
	.sub_form dd.last span{width:10%}
	.sub_form dd.last textarea{width:80%}
	.portfoilo01 .con ul{width:100%}	
	.portfoilo01 .con li{width:48%;margin:0 0;}
	.portfoilo01 .con li p{width:100%;}

	/* ÇÏ´ÂÀÏ */
	.works01 ul{width:100%;}
	.work_con_wrap ul{width:100%}

}

/*************** Device ***************/
@media only screen and (min-width:768px) and (max-width:1220px) { 
	.header_menu li{padding-right:10px;}
	.viewer .body img{width:100%}
}

/*************** Mobile Device ***************/
@media screen and (max-width:765px) and (-webkit-device-pixel-ratio: 2){

} 

@media all and (max-width:765px) {	
	.viewer .body img{width:100%}
	#view_layer{min-height:5000px;}
	/* ¸ÞÀκñÁê¾ó */
	.main_visual{padding-top:130px;}
	.bx-wrapper .bx-controls-direction a{top:25%;width:30px;height:80px}
	.main_visual .txt p{font-size:14px;line-height:20px}
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{top:110px}
	.bx-wrapper img{width:80%}

	.main_visual .txt p br{display:none}
	.tabmenu2 ul{width:100%;height:42px}
	.tabmenu2 ul li{width:20%;}
	.tabmenu2 li a{font-size:16px;height:20px;padding:15px 0 5px 0}
	.tabmenu2 li.active a{height:20px}
	.kakao_banner_div{position:fixed;z-index:9999;bottom:160px;right:8%; width:60px;cursor:pointer;z-index:99998;}


/* section02 ȸ»ç¼Ò°³ */
.section02{position:relative;width:100%;margin:0 auto;text-align:center;padding-bottom:50px;background:url('../images/contents/company_bg.gif') repeat-x bottom #fff;background-size:cover}
.section02 .title{line-height:48px;color:#901d22;position:relative;margin:0 auto;padding:0 4%;text-align:center;padding-top:40px;letter-spacing:-1.5px;font-size:40px;letter-spacing:-2px;display:inline-block;font-weight:800}
.section02 .title img{width:100%;}
.section02 .title p{color:#888;width:100%;font-weight:normal;font-size:20px;text-align:center;margin-top:10px;line-height:30px}
.section02 .dream_tv{position:relative;width:100%;height:100%;margin:-40px auto 0 auto;text-align:center;z-index:998;}
.section02 .dream_tv .tv{position:relative;margin:0 auto;text-align:center;width:100%;height:460px; z-index:999;background: url("../images/contents/company_tv.png"); background-size:100%; background-repeat: no-repeat;}
.section02 .dream_tv .tv_ani{display:inline-block;text-align:center;left:10%;top:120px;width:80%;height:310px;border:4px solid #000}
/*.section02 .dream_tv .tv_ani{position: absolute; top:50%;margin:-50px 0 0 0; left:18%; width:220px;height:140px; background: url("../images/contents/company_tv_gif.gif"); background-size:cover; background-repeat: no-repeat;}*/
.section02 .tv_ch{display:none}


/* section03 ÇÏ´ÂÀÏ */
.section03{position:relative;width:100%;margin:0 auto;text-align:center;background-color:#901d22}
.section03 .title p{color:#eccccd}

.tab_scroll {display: block; position:relative; top:140px; width: 100%; height: 2px; line-height: 2px;  font-size: 0; text-align: center; border-radius: 1px; z-index: 8888; }
.tab_scroll div { display: inline-block; background: #fff; width: 20px; height: 2px; margin-right: 1px; }
.tab_scroll div:last-child {margin-right: 0px;}
.tab_scroll.ps_02 div {width: 30px;}
.tab_scroll.ps_03 div {width: 60px;}

.bus01_wrap{position:relative;height:100%;background:url('../images/contents/about_bg1.gif') no-repeat;animation-name:example2;animation-duration:100s;animation-iteration-count:infinite}
.bus02_wrap{background:url('../images/contents/about_bg2.gif') no-repeat;animation-name:example2;animation-duration:100s;animation-iteration-count:infinite}
.bus03_wrap{background:url('../images/contents/about_bg3.gif') no-repeat;animation-name:example2;animation-duration:100s;animation-iteration-count:infinite}

@keyframes example2 {
    0%{background-position:0 55%;}
    100%{background-position:100% 55%;}
}

.bus_text{position:relative;top:0;padding-top:60px}
.bus_text .title{color:#fff;position:relative;margin:0 auto;text-align:center;padding-top:40px;letter-spacing:-1.5px;font-size:40px;letter-spacing:-2px;display:inline-block;font-weight:800}
.bus_text p{width:100%;font-weight:normal;font-size:20px;text-align:center;margin-top:10px;line-height:30px}
.bus_text p span{display:block;width:100%;}
.busi_ch1{height:300px;background:url("../images/contents/business_busi_ch1.png") no-repeat center 50px;}
.busi_ch2{height:300px;background:url("../images/contents/business_busi_ch2.png") no-repeat center 50px;}
.busi_ch3{height:300px;background:url("../images/contents/business_busi_ch3.png") no-repeat center -30px;}
.bus_btn{margin:50px 0 30px 0;font-size:22px;background-color:#fff;border:2px solid #000;text-align:center;display:inline-block;padding:10px 25px;color:#000;font-weight:600;}

.bus_layerpop{width:100%;position:absolute;bottom:0;background-color:#f5f5f5;height:395px;display:none;z-index:99999}
.bus_layerpop ul{position:relative;margin:0 auto;text-align:center;width:100%;padding-top:40px;}
.bus_layerpop li{float:left;width:25%;height:128px;font-size:16px;font-weight:600;color:#000;text-align:center;line-height:20px}
.bus_layerpop li span{display:block;}
.bus_layerpop li img{width:80%;}
.bus_layerpop ul:after{clear:both;content:"";display:block;}
.bus_btn_close{margin-top:19px;font-size:22px;background-color:#901d22;border:2px solid #901d22;text-align:center;display:inline-block;padding:10px 48px;color:#fff;font-weight:600;}

	@media all and (max-width:450px) {
	.bus_text p{font-size: 18px;}
	.main_visual .txt p{font-size: 14px!important;}
}
	

/* ä¿ëÁ¤º¸ */
.section04{position:relative;width:100%;margin:0 auto;text-align:center;overflow:hidden;}
.section04 .m_li{display:block}
.section04 .title{position:relative;margin:0 auto;text-align:center;padding-top:40px;letter-spacing:-1.5px;font-size:40px;letter-spacing:-2px;display:inline-block;font-weight:800}
.section04 .title img{width:80%;height:auto;}
.section04 .title p{font-weight:normal;padding:0 4%;font-size:16px;text-align:center;margin-top:10px;}
.section04 .title p span{display:inline;color:#fff;line-height:30px}
.section04 .people{position:relative;width:100%;margin:0 auto;text-align:center;margin-top:40px;}
.section04 .people li{float:left;width:50%;margin-bottom:80px;background:url('../images/contents/request_li_bg.gif') repeat-y center;vertical-align:top;}
.section04 .people li img{background-color:#fff;padding-bottom:10px;height:60px;}
.section04 .people li p{background-color:#fff;font-size:18px;color:#666;letter-spacing:-1.2px;line-height:26px;padding:20px 0;margin:30px 0;height:85px;}
.section04 .people li p strong{color:#b3272d;font-weight:normal;}
.section04 .people li h4{background-color:#fff;padding-top:10px;font-size:25px;font-weight:600;color:#000}
.section04 .welfare{position:relative;width:100%;background-color:#f5f5f5;clear:both;}
.section04 .welfare ul{width:370px;margin:0 auto;padding:60px 0;}
.section04 .welfare .sub_title{width:92%;padding:0 4%;position:relative;color:#000;font-size:30px;margin-bottom:40px;letter-spacing:-2px;text-align:center}
.section04 .welfare .sub_title img{position:absolute;left:170px;top:0px;}
.section04 .welfare .sub_title h4{line-height:45px;margin-bottom:15px;}
.section04 .welfare .sub_title strong{color:#000;display:inline;font-size:40px;}
.section04 .welfare .sub_title a{position:relative;z-index:999;font-size:22px;background-color:#fff;border:2px solid #000;text-align:center;display:inline-block;padding:10px 25px;color:#000;font-weight:600;}
.section04 .welfare li{width:92%;text-align:left;font-size:18px;color:#333;padding:10px 4%;}
.section04 .welfare li strong{font-weight:600;color:#333;;display:inline-block;width:80px;}

/* ÀÇ·ÚÇϱâ */
.section05{display:none}
.m_section05{display:block;text-align: left; width: 100%;background-color:#901d22; background-size: cover; overflow: hidden; z-index: 1110;overflow:hidden;}
.m_section05 .map_view{position:relative;width:100%;}
.m_section05 .con{color:#eccccd;position:relative;font-size:18px;padding:50px 4% 15px 4%;line-height:26px;margin:0 auto;text-align:center;}
.m_section05 .con h4{color:#fff;position:relative;font-size:40px;margin-bottom:25px;;line-height:50px;letter-spacing:-2px;display:inline-block;}
.m_section05 .con h4 img{position:absolute;right:-50px;top:-40px;z-index:-1}
.m_section05 .adress li:first-child{margin-bottom:15px;}
.m_section05 .adress a{display:inline-block;color:#fff;background-color:#781015;padding:3px 6px;font-size:16px}
.m_section05 li{margin-bottom:10px;}
.m_section05 li strong{color:#fff;margin-right:10px;font-weight:400}
.m_section05 .btn_contact{border-top:1px solid #96363a;margin:35px 0 0 0;padding:35px 0;}
.m_section05 .btn_contact p{margin-bottom:15px}
.m_section05 .btn_contact a{font-size:22px;background-color:#fff;border:2px solid #000;text-align:center;display:inline-block;padding:10px 25px;color:#000;font-weight:600;}
.m_section05 a.btn_red{font-size:22px;background-color:#fff;border:2px solid #000;text-align:center;display:inline-block;padding:10px 25px;color:#000;font-weight:600;margin-top:15px}
.m_section05 .nav_footer_wrap{margin-top:10px}


	.m_header{display:block}
	.main_header{display:none}
	/* header */
	header{background-color:#901d22;position:fixed;border-bottom:1px solid #96363a;width:100%;background-color:#901d22;z-index:9991;}
	.header{position:fixed;background-color:#fff;height:90px}
	.header .beWhite .line{background-color:#901d22 !important}
	.header .navigation-buttons .navigation-toggle .line{background-color:#901d22 !important}
	.main_logo{position:absolute;display:block;left:50%;margin-left:-87px;top:15px;z-index: 9992;}
	/* ¸Þ´º */
	.nav-wrapper { position:fixed;animation: on_motion02 .1s 1; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-timing-function:linear;left: 0; top: 0; width: 100%; height: 100%; color: #FFF; background: rgba(144, 29, 34, 0.95); background-size: cover; background-position: center center; background-attachment: fixed; z-index: 9990; display: none; opacity: 0; }

	.logo_wrap { width: 100%;margin:0 auto;text-align:center;height:147px;padding-top:100px;text-align:center;}
	.logo{width:100%;height:100%;background: url('../images/layout/logo.png') no-repeat center center; }

	nav.navigation {width: 100%; height:490px;position: relative; }
	nav.navigation .menu-list { display: block; width: 150px;position: absolute; left: 50%; top:220px;margin: -70px 0 0 -75px;}
	nav.navigation ul {display:block; width: 100%;margin-top:0;}
	nav.navigation ul li { margin-bottom:25px; width: 100%;}
	nav.navigation ul li a { display: block; width: 100%; font-weight: bold; font-size: 30px; height:64px; color: #FFF;  letter-spacing:-1.2px}
	nav.navigation ul li a .current_line {content: "";display: block; position: absolute; top:60px; left:10%; width: 80%; height:24px; background:#FFF; z-index: 11; border-radius: 5px; opacity: 0;}
	nav.navigation ul li a em  {display: block; width: 100%;  height: 14px; font-size: 12px; color: rgba(255, 255, 255, 0.35); line-height: 14px; font-weight: normal; margin-bottom:10px; letter-spacing: 1px; }

	.navigation-buttons { display: block ; width: 40px; height: 40px; position: fixed; right: 4%; top: 33px; z-index: 9992;   }
	.navigation-buttons .navigation-toggle { display: block; width: 40px; height: 40px; position: relative; } 
	.navigation-buttons .navigation-toggle { display: block; width: 40px; height: 40px; } 
	.navigation-buttons .navigation-toggle .line { width: 30px; height: 2px; position: absolute; left: 4px;background-color:#fff}/*background: #901d22; */
	.navigation-buttons .navigation-toggle .line.l-0 { top: 11px; }
	.navigation-buttons .navigation-toggle .line.l-1 { top: 19px; }
	.navigation-buttons .navigation-toggle .line.l-2 { top: 27px; }

	@-webkit-keyframes toggle_motion_00 { 0% { top: 11px;}  100% { top: 9px; }}
	@-webkit-keyframes toggle_motion_01 { 0% { top: 19px;}  100% { top: 19px; }}
	@-webkit-keyframes toggle_motion_02 { 0% { top: 27px;}  100% { top: 29px; }}

	@keyframes toggle_motion_00 { 0% { top: 11px;}  100% { top: 9px; }}
	@keyframes toggle_motion_01 { 0% { top: 19px;}  100% { top: 19px; }}
	@keyframes toggle_motion_02 { 0% { top: 27px;}  100% { top: 29px; }}

	.on_motion { display: block; animation: on_motion01 .1s 1; -webkit-animation-fill-mode:forwards; animation-fill-mode: forwards; animation-timing-function: ease; }
	.beWhite .line { background: #FFF !important; -webkit-animation-fill-mode:forwards; animation-fill-mode: forwards; animation-timing-function: ease;}
	.beWhite .line.l-0 { animation: line_motion00 .3s 1; }
	.beWhite .line.l-1 { animation: line_motion01 .3s 1; }
	.beWhite .line.l-2 { animation: line_motion02 .3s 1; }

	.beWhite .line.l-0,
	.beWhite .line.l-1,
	.beWhite .line.l-2 { -webkit-animation-fill-mode:forwards; animation-fill-mode: forwards; animation-timing-function: ease; }

	@-webkit-keyframes on_motion01 {100%{opacity: 1; }}
	@-webkit-keyframes on_motion02 {100%{opacity: 0; }}
	@-webkit-keyframes line_motion00 {100% {transform: rotate(225deg); top: 14px; }}
	@-webkit-keyframes line_motion01 {100% {transform: scale(0); top: 14px; }}
	@-webkit-keyframes line_motion02 {100% {transform: rotate(-225deg); top: 14px; }}

	@keyframes on_motion01 {100%{opacity: 1; }}
	@keyframes on_motion02 {100%{opacity: 0; }}
	@keyframes line_motion00 {100% {transform: rotate(225deg); top: 14px; }}
	@keyframes line_motion01 {100% {transform: scale(0); top: 14px; }}
	@keyframes line_motion02 {100% {transform: rotate(-225deg); top: 14px; }}

	.nav_footer_wrap { width:100%; height: 25%; font-size: 12px; color: rgba(255, 255, 255, 0.35); letter-spacing: 1px;margin-top:0;}
	.nav_footer_wrap a { display:inline-block; position: relative; width:30px; height: 30px; background: url('../images/layout/iconSet_sns_0624.png') no-repeat; background-size: 30px; margin: 20px 7px 0; opacity: 0.35; }
	.nav_footer_wrap a.btn_blog{background-position: 0 0; }
	.nav_footer_wrap a.btn_instagram{background-position: 0 -30px;}
	.nav_footer_wrap a.btn_facebook{background-position: 0 -60px;}
	.nav_footer_wrap a.btn_youtube{background-position: 0 -90px;}
	.nav_footer_wrap a.btn_post{background-position: 0 -120px;}


	.sub_section01{height:auto;}
	.sub_title_txt{height:auto;width:100%;text-align:center;margin:0 auto;padding-top:160px}
	.m_sub_visual{display:block;top:90px;}
	/* sub_visual */
	.m_sub_visual{position:relative;width:100%;margin:0 auto;text-align:center;padding:0 0 0 0}
	.m_sub_visual img{width:100%;}
	.sub_visual{display:none}

	/* ÀÎÀç»ó */	
	.recruit01 .m_li{display:block}
	.recruit01{position:relative;width:100%;margin:0 auto;text-align:center;background:#fff;}
	.recruit01 .title{position:relative;margin:0 auto;width:95%;padding:0 2%;text-align:center;font-size:26px;font-weight:normal;padding-top:40px;letter-spacing:-1px;}
	.recruit01 .title img{height:40px}
	.recruit01 .title p{margin-top:20px;font-size:18px;}
	.recruit01 .title p span{background-color:#901d22;display:inline;color:#fff;padding:2px 5px}


	.recruit01 .people{position:relative;width:100%;margin:0 auto;text-align:center;margin-top:40px;}
	.recruit01 .people li{float:left;width:50%;margin-bottom:80px;background:url('../images/contents/request_li_bg.gif') repeat-y center;vertical-align:top;}
	.recruit01 .people li img{background-color:#fff;padding-bottom:10px;height:60px;}
	.recruit01 .people li p{background-color:#fff;font-size:18px;color:#666;letter-spacing:-1.2px;line-height:26px;padding:20px 0;margin:30px 0;height:85px;}
	.recruit01 .people li p strong{color:#b3272d;font-weight:normal;}
	.recruit01 .people li h4{background-color:#fff;padding-top:10px;font-size:25px;font-weight:600;color:#000}

	.sub_form{position:relative;width:96%;background-color:#f5f5f5;clear:both;padding:40px 2%;}
	.sub_form > div{width:100%;margin:0 auto;}
	.sub_form ul{width:96%;padding:0 2%;margin:0 auto;text-align:center}
	.sub_form .sub_title{position:relative;text-align:center;color:#000;font-size:30px;margin-bottom:40px;letter-spacing:-2px;}
	.sub_form .sub_title img{position:absolute;right:2%;top:0px;}
	.sub_form .sub_title h4{line-height:45px;margin-bottom:35px;position:relative;z-index:2}
	.sub_form .sub_title strong{color:#000;display:inline;font-size:40px;}
	.sub_form .sub_title a{position:relative;z-index:999;font-size:22px;background-color:#fff;border:2px solid #000;text-align:center;display:inline-block;padding:10px 25px;color:#000;font-weight:600;}
	.sub_form .sub_title a:hover{background-color:#901d22;color:#f5f5f5;border:2px solid #f5f5f5;transition:all 0.5s ease}
	.sub_form li{font-size:18px;color:#333;padding:10px 0;text-align:left;}
	.sub_form li strong{font-weight:600;color:#333;;display:inline-block;width:115px;}
	.sub_form dl{position:relative;width:96%;padding:0 2%;margin:0 auto;text-align:center}
	.sub_form span{width:92%;vertical-align:top;color:#333;text-align:left;font-size:18px;padding:5px 2% 15px 2%;line-height:22px;margin-top:8px;}
	.sub_form dd{padding:5px 0;padding:0;width:100%;vertical-align:top;vertical-align:center}
	.sub_form dd textarea{border:2px solid #d7d7d7;padding:12px 2%;height:80px;color:#777}
	.sub_form dd.last{width:100%;}
	.sub_form dd.last span{width:100%;text-align:left}
	.sub_form dd.last span br{display:none}
	.sub_form dd.last textarea{width:96%}
	.sub_form dd.last textarea:focus{border:2px solid #901d22}
	.sub_form dd.last a{font-weight:600}
	.sub_form dd.las:fist-child div{text-align:left}
	.sub_form dd.last:last-child > div{position:relative;top:0;}

	.sub_form{position:relative;width:100%;background-color:#f5f5f5;clear:both;padding:60px 0 40px 0;}
	.sub_form dd .inp{border:2px solid #d7d7d7;padding:12px 15px;color:#777;width:100%;box-sizing:border-box;}
	.sub_form dd .inp:focus{border:2px solid #901d22}
	.sub_form dd .inp_file{color:#777;width:auto;height:40px;width:100%;vertical-align:top;margin-top:-8px;background-color:#fff}


	/* Á÷¹«¼Ò°³ */
	.recruit02{position:relative;width:96%;background-color:#901d22;padding:60px 2% 60px 2%;}
	.recruit02 .con{position:relative;width:100%;margin:0 auto;padding:0;padding-top:30px;}
	.recruit02 .con img{width:100%}
	.recruit02 .txt{text-align:left;}
	.recruit02 .txt h4{font-size:36px;color:#fff;margin-top:15px;}
	.recruit02 .txt span{display:block;color:#f5c53a;font-size:20px;margin-top:10px;line-height:28px}
	.recruit02 .txt p{color:#f4eaea;font-size:16px;margin-top:8px;line-height:24px}

	/* ÅǸ޴º */
	.tabmenu{overflow:hidden;}
	.tabmenu ul{width:100%;height:45px;margin:25px auto 15px auto;border-bottom:2px solid #fff}
	.tabmenu li{width:auto;display:inline-block;margin:0 auto;font-weight:600}
	.tabmenu li a{display:block;font-size:22px;padding:8px 20px 10px 20px;border:2px solid #fff;border-bottom:2px solid #fff;text-align:center; text-decoration:none; color:#fff;height:25px;letter-spacing:-1px;}
	.tabmenu li.active a{border:2px solid #000;color:#222;border-bottom:2px solid #fff;height:25px;background-color:#fff}

	/* º¹ÁöÁ¦µµ */
	.recruit03{position:relative;width:96%;padding:60px 2% 60px 2%;}
	.recruit03 .img img{width:100%;margin:0}
	.recruit03 .title p{font-size:18px;color:#777;padding:20px 0 30px 0}
	.title img{height:60px}
	
	/* ÇÏ´ÂÀÏ */
	.works01{position:relative;width:100%;padding:0 0 60px 0;background-color:#fff;}
	.works01 .title{position:relative;margin:0 auto;text-align:center;font-size:26px;font-weight:normal;padding-top:35px;letter-spacing:-1.5px;animation-name:fadeInLeft;}
	.works01 .title img{height:40px;}
	.works01 .title p{font-size:26px;font-weight:normal;margin-top:10px;}
	.works01 .title p span{background-color:#901d22;display:inline;color:#fff;padding:2px 5px;font-size:16px;}
	.works01 ul{position:relative;width:100%;margin:0 auto;text-align:center;min-height:500px;margin-top:30px}
	.works01 li{width:96%;padding:0 2%}
	.works01 li img{height:180px}
	.works01 li h5{font-weight:600;color:#333;font-size:36px;letter-spacing:-2px;margin-top:20px}
	.works01 li p{font-size:16px;color:#666;padding:15px 0 20px 0}
	.works01 .btn{font-size:22px;background-color:#fff;border:2px solid #000;text-align:center;display:inline-block;padding:10px 25px;margin-bottom:30px;color:#000;font-weight:600;}
	.works01 .btn:hover{background-color:#901d22;color:#f5f5f5;border:2px solid #f5f5f5;transition:all 0.5s ease}

	#marketing{position:relative;width:100%;padding:60px 0 30px 0;background-color:#f5f5f5;}
	#marketing li{width:50%}
	#marketing .sub_title{position:relative;width:100%;margin:0 auto;text-align:center;padding-bottom:20px;}
	#marketing .sub_title img{width:100%}
	#web{position:relative;width:100%;background-color:#f5f5f5;height:auto;padding:60px 0;border-top:1px solid #ddd;clear:both}
	#web li{width:50%}
	#web{position:relative;width:100%;padding:60px 0 30px 0;background-color:#f5f5f5;}
	#web .sub_title{position:relative;width:100%;margin:0 auto;text-align:center;padding-bottom:20px;}
	#web .sub_title img{width:100%}
	#contents{position:relative;width:100%;background-color:#f5f5f5;height:500px;padding:120px 0;border-top:1px solid #ddd;clear:both}
	#contents li{width:50%}
	#contents{position:relative;width:100%;padding:60px 0 30px 0;background-color:#f5f5f5;}
	#contents .sub_title{position:relative;width:100%;margin:0 auto;text-align:center;padding-bottom:20px;}
	#contents .sub_title img{width:100%}
	.work_con_wrap ul{position:relative;width:100%;margin:0 auto;text-align:center;margin-top:30px}
	.work_con_wrap li{background-color:#f5f5f5;float:left;width:50%;min-height:auto;height:240px;padding-bottom:15px;}
	.work_con_wrap .m_li{display:block}
	.work_con_wrap li:hover{margin-top:0;margin-bottom:0;;transition:all 0s ease}
	.work_con_wrap li h4{font-size:18px;font-weight:600;color:#000;margin:0 0 5px 0;line-height:24px}
	.work_con_wrap li p{color:#777;font-size:14px;width:88%;margin:0 auto;text-align:center;line-height:22px}
	.work_con_wrap li img{width:50%;}

	.portfoilo01{position:relative;width:100%;margin:0 auto;text-align:center;background:#fff;padding:0 0 0 0;min-height:500px}
	.portfoilo01 .title{position:relative;margin:0 auto;width:96%;padding:0 2%;text-align:center;font-size:26px;font-weight:normal;padding-top:35px;letter-spacing:-1px;}
	.portfoilo01 .title img{height:40px}
	.portfoilo01 .con li{width:100%;margin:0 0;}
	.portfoilo01 .con li p{width:100%;}

	/*  ¼¼ºÎºÐ·ù */
	.inquiry dd.last input{}
	.inquiry .m_list{clear:both;margin-top:10px;margin:10px 2%;background-color:#fff;padding:5px 15px 20px 15px;line-height:26px;text-align:left;word-break:normal;}
	.inquiry .m_list br{display:none;}
	.inquiry .m_list p{display:block}

	/* footer */
	.footer{position:relative;width:100%;background-color:#901d22;padding:15px 0 35px 0}
	.footer .adress{font-size:16px;color:#eedadb;padding-top:15px;line-height:24px}
	.footer .copyright{font-size:14px;color:#c09799;padding-top:10px;}
	.footer .nav_footer_wrap{margin:0;}
	
	/* 190117_·Î±×ÀÎÆäÀÌÁö */
	.sub_title_login{width:100%;position:relative;margin:0 auto;text-align:Center;padding:180px 0 0 0}
	.sub_title_login img{width:100%}
	.login_wrap{position:relative;width:100%;padding:30px 0;border:none;margin:0 auto;text-align:center;background-color:#fff;font-size:18px;z-index:999}
	.login_wrap li{margin:10px 0}
	.login_wrap li span{display:inline-block;width:30%;text-align:center;color:#333}
	.login_wrap li input{display:inline-block;width:62%;margin-right:0;color:#888;padding:20px 2%;border:none;background-color:#f5f5f5}
	.login_wrap li a{position:relative;top:0;right:0;display:block;background-color:#901d22;color:#fff;font-weight:600;width:96%;margin:0 2%;height:35px;padding-top:20px;}
	.login_wrap .txt{color:#999;font-size:15px;border-top:1px solid #ddd;padding-top:15px;line-height:24px;margin-top:40px}
	.login_wrap .txt a{color:#777;margin:0 8px;}
	.login_wrap .txt a:hover{color:#333;}

	/* ¸ÞÀνºÅ©·Ñ */
	.main_down{display:none}
	.m_main_down{display:block;}
	.login_btn{display:none}
	.m_login_btn{display:block}

	/* žÀ¸·Î */
	.m_main_down{position:fixed;bottom:60px;right:4%; width: 90px; z-index:99999;display:none;}
	.m_main_down img{height:50px;}
	.m_login_btn{position:fixed;bottom:150px;right:5%;z-index:99998;}
	.m_login_btn img{height:46px;}

}


/*************** Mobile S Device ***************/
@media all and (max-width:320px) {
	.section02 .dream_tv .tv{height:300px;}
	.section02 .tv_ch{height:90px;margin-top:-100px;}
	.tab_scroll {top:160px;}
	.section04 .welfare ul{width:300px;margin:0 auto;padding:60px 0;}
	.section04 .welfare li strong{width:auto;line-height:30px}
	.section04 .people li{height:270px;}
	.section02{padding-bottom:160px;}
	.bx-wrapper img{width: 100%;}
	
	
	
	
}