@charset "utf-8";

@media (max-width: 1600px) {
/*.about_section{display: none;}*/


/* 어사이드 */
#aside .a_quick {left:30px;}

#aside .a_customer {right:30px;}





}/* media end */


@media (max-width : 1430px){
  .pc_cut1600{display : block;}
}

@media (max-width: 1400px) {


#wrap #content .section.default h3{padding: 15% 0 20px 0;}


#wrap #content .section#section2 ul.main_quick02 li a dl.img_box {text-align:center; width:100%; padding:60px 0px 50px 240px; }


.who_wrap p.step01_title strong{font-family:'NexaBold';  display:block;} 





}/* media end */

@media (max-width: 1300px) {

.step02_wrap dl.step02_list01 dt{color:#fff; font-size:72px; line-height:1; font-family:'NexaDemoLight'; letter-spacing:-0.05em;}
.step02_wrap dl.step02_list01 dd{margin-top:60px; color:#fff; font-size:22px; font-weight:300;}
.step02_wrap dl.step02_list01 dd strong{font-weight:600;}

.main_link{padding: 0 20px;}
.main_link ul li img{width: 100%; box-sizing: border-box;}


/* 어사이드 
#aside .a_quick {left:25px;}

#aside .a_customer {right:15px;}

*/

}/* media end */


@media (max-width: 1200px) {


.container{width: 100%;}




}/* media end */


@media (max-width: 1199px) {
#wrap { width:100%; overflow : hidden;}


#wrap #content{width: 100%; height:auto !important; padding-top:0;}
#wrap #content:after{display: block;content: '';clear: both;}




#sub #wrap #content{width: 100%;}
#sub #wrap #content .container{width:96%; margin: 0 auto; padding:0px 0;}
.section#section2{clear:both; margin:0px 0 0 0; padding:0; background:#fff;}


/* 메인영상 text */
/* .main_title{top: 50%; left : 10%; } */
.main_title{left: 6%;}
.main_title h2{font-size: 42px;}
.main_title p{font-size: 18px;}
.main_title p.m_sub{font-size: 21px;}

#wrap .sub_nav.pc .container{width: 100%;height: 58px;margin: 0 auto;border-right: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1; }
.webs_txt{width : 96%;}



.section#section2 .container{width:96%; max-width:980px; margin:0px auto; padding:30px 0; }
.who_wrap{width:96%; min-height:790px; margin:0 auto;  position:relative; }
.who_wrap p.step01_title{font-size:100px; line-height:1; font-weight:300; color:#c60000;  font-family:'NexaLight'; }
.who_wrap p.step01_title strong{font-family:'NexaBold';  display:block; } 

.pop_moniter{z-index:9999; position:absolute; top:640px; left:0; width:460px; height:723px; background:url(../img/s_img/main_moniter.png) no-repeat 0 0; background-size:460px; padding-top:0px;}
.pop_moniter p.pop_moniter_txt{z-index:999999; margin-top:480px; font-size:40px; text-align:left; padding-right:25px;  }

.pop_moniter span.write{margin-top:80px;  animation: typing 2s steps(22), blink .5s step-end infinite alternate;  white-space: nowrap;  overflow: hidden;  border-right: 3px solid #333;  font-family: 'NexaDemoLight', "Noto Sans KR", "Roboto", sans-serif;
  font-size: 38px; letter-spacing:-0.03em;  line-height:42px;   width:310px;text-align:left;}


/* 최근갤러리 */

ul.photo_list {clear:both; position:relative; z-index:10; width:100%; max-width:980px; margin:50px auto 0 auto !important;   }
ul.photo_list:after{display: block;content: '';clear: both;}
ul.photo_list li{ display:inline; }
ul.photo_list li.f_l{float:left;width:45%; }
ul.photo_list li.f_l dl dt{margin-bottom:65px; padding-top:15px;background:url('../img/s_img/photo_list_bar.gif') no-repeat 0 0; font-size:36px; font-weight:600; letter-spacing:-0.03em; line-height:1.6; }
ul.photo_list li.f_l dl dd {margin-bottom:5px;}
ul.photo_list li.f_l dl dd span{width:110px; background:#d71920; display:inline-block; line-height:20px; color:#fff; text-align:center; font-family: 'NexaDemoBOLD';}
ul.photo_list li.f_l dl dd em.txt{margin-left:18px; font-size:17px; color:#111; letter-spacing:-0.03em; line-height:1.6; }
ul.photo_list li.f_r{float:right; width:55% !important; max-width:490px; }
ul.photo_list li.f_r img{width:100% !important; max-width:490px; }




.step02_wrap dl.step02_list01 dt{color:#fff; font-size:46px; line-height:1; font-family:'NexaDemoLight'; letter-spacing:-0.05em;}
.step02_wrap dl.step02_list01 dd{margin-top:60px; color:#fff; font-size:20px; font-weight:300;}
.step02_wrap dl.step02_list01 dd strong{font-weight:600;}
.step02_wrap p.step02_list02_txt{margin-right:5%;text-align:right; font-size:18px; color:#fff; line-height:1.5; letter-spacing:-0.05em;}
.step02_wrap ul.step02_list02{text-align:right; margin-right:1%;}
.step02_wrap ul.step02_list02 li dd span.m_cut{display:block;}
.step02_wrap p.step02_list02_txt{margin-right:3%;}




.typing-demo {
margin-top:0px;
  animation: typing 2s steps(22), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  font-family: 'NexaDemoLight', "Noto Sans KR", "Roboto", sans-serif;
  font-size: 41px; letter-spacing:-0.03em;
  line-height:42px; 
  width:310px;
text-align:left; 
}

.step02_wrap{position:relative; width:100%; min-height:720px; background:#c60000 url('../img/s_img/step02_wrap_bg.jpg') no-repeat 0 0;}
.step02_wrap dl.step02_list01{text-align:right; padding:60px 5% 60px 0;}


/*1199px 세션별 레이아웃*/

/*1199px product*/
#wrap #content .section#section1 .product_box{width:100%; margin-left:auto !important; margin-right:auto !important;}









/*1199px 세션별 타이틀*/

.section#section1 h3{padding:40px 0 15px 0;text-align: center;font-size:42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
.section#section1 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}
.section#section2 h3{padding:40px 0 15px 0;text-align: center;font-size: 42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
.section#section2 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#111; text-align: center;}
.section#section3 h3{padding:40px 0 15px 0;text-align: center;font-size: 42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
.section#section3 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}





h4{display: none;}


 section.default h3{padding: 18% 0 90px 0;font-size: 36px;}
.section{height: auto;}
.section.default .container{height: auto;}





/*1199px sub(common) */


#wrap #content{}
#wrap #content .container{width: 100%;}



figure img{margin:0px 0px; padding:0px; word-wrap:break-word; width:100%;}





dl.top_tit_list02{width:96%; max-width:1200px; margin:0 auto;}
dl.top_tit_list02 dt{font-size:80px; line-height:1; letter-spacing:-0.05em; color:#d7191f; font-weight:600;  text-align:left;font-family:'NexaDemoBold';}
dl.top_tit_list02 dd{font-size:70px; line-height:1; letter-spacing:-0.05em; color:#d7191f;  font-weight:300; text-align:left;font-family:'NexaDemoLight';}


ul.top_tit_list02{clear:both;width:96%; max-width:1200px; margin:60px auto 80px auto; }
ul.top_tit_list02:after{display: block;content: '';clear: both;}
ul.top_tit_list02 li.tit{display:block; float:left; width:auto; font-size:28px; line-height:1.5; font-weight:600; letter-spacing:-0.05em; margin-bottom:20px;}
ul.top_tit_list02 li.txt{margin-left:20px; padding-left:20px; border-left:2px solid #d71920; display:inline; float:left; width:100%; font-size:18px; line-height:1.5; font-weight:300; letter-spacing:-0.05em;}
ul.top_tit_list02 li.txt span.pc_cut{display:block;}


/* portfolio */
.product_outer {float:left; width:100%; margin:0px auto; padding-bottom:100px; position:relative; }

/* portfolio_tab */

.tab {width:96%; max-width:1200px; margin:0px auto 80px auto; padding:0;}
.tab li a{display:inline-block; float:left; width:220px; margin-right:10px;line-height:46px; height:48px;  font-size:18px; font-weight:600; text-align:center; padding:0; cursor:pointer;   background:#d71920; color:#fff;}
.tab li.fir{}
.tab li.on a{ background: #111; color:#fff; font-size:18px;line-height:46px; height:48px; font-weight:600; }


.top_tit_wrap_webs dl.top_tit_list{width:100%;max-width:1200px; height:310px; margin:0 auto;padding-bottom:0px;border-bottom: 2px solid #111; }


ul.full_list{clear:both; width:100%; position:relative; margin:0px 0; background:#f1f2f2; }
ul.full_list:after{display: block;content: '';clear: both;}
ul.full_list li{display:inline; }
ul.full_list li.full_l{width:50%; background:#f1f2f2; display:inline-block; float:left; text-align:right;  font-size:30px; line-height:1.5; letter-spacing:-0.05em; font-weight:300; padding:100px 30px 0 0;}
ul.full_list li.full_l strong{font-weight:500;}
ul.full_list li.full_r{width:50%;background:#f1f2f2; display:inline-block; float:right; font-size:18px; line-height:1.5; font-weight:300; }
ul.full_list li.full_r strong{font-weight:500;}
ul.full_list li.full_r em.pc_cut{display:block;}




ul.full_list02{clear:both; width:100%; margin:0px 0; background:#f1f2f2; }
ul.full_list02:after{display: block;content: '';clear: both;}
ul.full_list02 li{display:inline; }
ul.full_list02 li.full_l{width:50%; display:inline-block; float:left; text-align:right;  font-size:30px; line-height:1.5; font-weight:300; }
ul.full_list02 li.full_l strong{font-weight:500;}
ul.full_list02 li.full_r{ width:50%;background:#f1f2f2; display:inline-block; float:right; font-size:18px; line-height:1.5; letter-spacing:-0.05em; font-weight:300; padding:10% 0px 0 30px;}
ul.full_list02 li.full_r strong{font-weight:500;}
ul.full_list02 li.full_r em.pc_cut{display:block; font-weight:300;}
ul.full_list02 li img{width:100%; max-width:960px;}



ul.full_list03{clear:both; width:100%; margin:100px auto 20px auto; }
ul.full_list03:after{display: block;content: '';clear: both;}
ul.full_list03 li{display:inline; }
ul.full_list03 li.full_l{width:37.5%;  display:inline-block; float:left; text-align:left; padding-top:10%; font-size:36px; line-height:1.5; font-weight:300; padding-left:40px;}
ul.full_list03 li.full_l dt{font-size:18px; background:url(../img/s_img/full_list03_line.gif) no-repeat 0 bottom; padding-bottom:10px; font-weight:600;}
ul.full_list03 li.full_l dt span.s_font{font-size:12px; color:#58595b; line-height:1.2; display:block;font-family:'NexaDemoLight';}
ul.full_list03 li.full_l dd{font-size:22px; line-height:1.5; margin-top:20px; font-weight:300; letter-spacing:-0.05em;}
ul.full_list03 li.full_l dd span.pc_cut{display:block;}
ul.full_list03 li.full_l strong{font-weight:500;}
ul.full_list03 li.full_r{width:59.75%; display:inline-block; float:right; font-size:20px; line-height:1.5; font-weight:300; padding:0px 0px 0 30px;}

ul.full_list03 li.full_r img{width:100%; max-width:717px;}



ul.full_list04{clear:both; width:96%; margin:80px auto 80px auto; }
ul.full_list04:after{display: block;content: '';clear: both;}
ul.full_list04 li{display:inline; }
ul.full_list04 li.full_l{width:16%;  max-width:170px; display:inline-block; float:left; text-align:left;  font-size:32px; line-height:1.5; font-weight:300; }
ul.full_list04 li.full_r dt{font-size:24px; font-weight:600; padding-bottom:10px; letter-spacing:-0.05em; background:url('../img/s_img/full_list04_line.gif') no-repeat 0 bottom;}

ul.full_list04 li.full_r dd{font-size:20px; line-height:1.5; letter-spacing:-0.05em; margin-top:20px; font-weight:300;}
ul.full_list04 li.full_r dd span.pc_cut{display:block;}
ul.full_list04 li.full_r strong{font-weight:500;}
ul.full_list04 li.full_r{width:84%; display:inline-block; float:right; font-size:20px; line-height:1.5; font-weight:300; padding:0px 0px 0 30px;}
ul.full_list04 li.full_r img{width:100%; max-width:717px;}


/* 4개박스*/
.por_list_in { display:block; position:relative; width:96%; max-width:1200px; margin:0 auto; padding:80px 0; overflow:hidden; }
.por_list_in:after{display: block;content: '';clear: both;}
.por_list_in li {width:23.75%; min-height:354px; float:left; margin-right:1.66666666667%; margin-bottom:20px;border:1px solid #ddd;}
.por_list_in li.last {margin-right:0px; }
.por_list_in li dt {text-align:center;}
.por_list_in li dt img {width:100%; max-width:110px; margin:80px auto 20px auto;}
.por_list_in li dd{text-align:center;}
.por_list_in li dd {font-size:24px; letter-spacing:-0.05em;}

.por_list_in li.redbox{ background:#d71920; padding-top:215px;}
.por_list_in li.redbox dl{padding-left:15px;}
.por_list_in li.redbox dt{color:#fff !important; font-size:18px; letter-spacing:-0.05em; line-height:1.5;  text-align:left;}
.por_list_in li.redbox dd{color:#fff !important; font-size:24px; font-weight:600; line-height:1.2; letter-spacing:-0.05em;text-align:left;}


dl.full_list05_wrap{clear:both; margin:60px 0; padding:40px 0; min-height:900px; background:url(../img/s_img/full_list05_wrap_line.gif) repeat-x 0 0;}
dl.full_list05_wrap dt{font-size:80px; font-weight:300; line-height:1.1; }
dl.full_list05_wrap dd ul.full_list05{clear:both; width:100%; margin:100px auto 20px auto; }

dl.full_list05_wrap dd li.full_l{width:37.5%;  display:inline-block; float:left; text-align:left; padding-top:235px; font-size:36px; line-height:1.5; font-weight:300; }
dl.full_list05_wrap dd li.full_l dt{font-size:18px; background:url(../img/s_img/full_list03_line.gif) no-repeat 0 bottom; padding-bottom:10px; font-weight:600;}

dl.full_list05_wrap dd li.full_r{width:59.75%; display:inline-block; float:right; font-size:20px; line-height:1.5; font-weight:300; padding:0px 0px 0 30px;}
dl.full_list05_wrap dd li.full_r img{width:100%; max-width:717px;}
dl.full_list05_wrap dt span.w1200{width:100%; max-width:1200px; margin:0 auto; display:block; color:#fff; padding-left:40px;}

dl.full_list05_wrap dd li.full_l02{width:37.5%;  display:inline-block; float:left; text-align:left; padding-top:150px; font-size:36px; line-height:1.5; font-weight:300; padding-left:40px;}
dl.full_list05_wrap dd li.full_l02 dt{font-size:18px; background:url(../img/s_img/full_list03_line.gif) no-repeat 0 bottom; padding-bottom:10px; font-weight:600;}
dl.full_list05_wrap dd li.full_l02 dd{font-size:22px; line-height:1.5; margin-top:20px; font-weight:300; letter-spacing:-0.05em; }





ul.full_list06_wrap{clear:both; margin:80px auto; width:96%; max-width:1200px; }
ul.full_list06_wrap:after{display: block;content: '';clear: both;}
ul.full_list06_wrap li{display:inline; margin-bottom:30px; text-align:center;}
ul.full_list06_wrap li{float:left; width:48%; max-width:588px; min-height:290px; border:2px solid #6b6b6b;}
ul.full_list06_wrap li.f_right{float:right; width:48%; max-width:588px; min-height:290px; border:2px solid #6b6b6b;}
ul.full_list06_wrap li dl{padding:50px 0;}
ul.full_list06_wrap li dl dt{font-size:30px; line-height:1.3; font-weight:500; padding-bottom:18px; letter-spacing:-0.05em; background:url('../img/s_img/full_list06_wrap_line.gif') no-repeat center bottom;}
ul.full_list06_wrap li dl dd{font-size:18px; line-height:1.5; font-weight:400; margin-top:20px; letter-spacing:-0.05em;}
ul.full_list06_wrap li dl dd span.pc_cut{display:block;}


ul.full_list07_wrap{clear:both; margin:40px auto; width:96%; max-width:1200px;  }

ul.full_list07_wrap:after{display: block;content: '';clear: both;}
ul.full_list07_wrap li{width:50%; display:inline;}
ul.full_list07_wrap li.f_left dl.top_tit_list_02{width:100%; max-width:1200px; margin:0 auto; }
ul.full_list07_wrap li.f_left dl.top_tit_list_02 dt{font-size:80px; line-height:1; letter-spacing:-0.05em; color:#d7191f; font-weight:600;  text-align:left;font-family:'NexaDemoBold';}
ul.full_list07_wrap li.f_left dl.top_tit_list_02 dd{font-size:70px; line-height:1; letter-spacing:-0.05em; color:#d7191f;  font-weight:300; text-align:left;font-family:'NexaDemoLight';}


p.tit_redbold{clear:both; width:96%; max-width:1200px; margin:0px auto 0px auto; font-size:32px; color:#d71920; font-weight:600;}
ul.full_list08_no{clear:both; margin:0px auto 60px auto; width:96%; max-width:1200px; }
ul.full_list09_wrap li.f_right ul.full_list09_03 dd{font-size:18px; line-height:1.3; letter-spacing:-0.05em; }
ul.full_list09_wrap li.f_right dl.full_list09_02 dd{font-size:18px; line-height:1.5; letter-spacing:-0.05em; margin-top:0px;}

ul.full_list09_wrap{clear:both; margin:60px auto 60px auto; width:96%; max-width:1200px;}
ul.full_list09_wrap li.f_right dl.full_list09_01 dd{font-size:18px; line-height:1.5; letter-spacing:-0.05em; margin-top:20px;}
ul.full_list09_wrap li.f_right dl.full_list09_01 dt{background:#d60011; max-width:490px; color:#fff;font-weight:500; font-size:28px; letter-spacing:-0.05em; line-height:53px; padding-left:20px;}


ul.full_list09_wrap li{display:inline; width:auto;}
ul.full_list09_wrap li.f_left{float:left; width:45%;}
ul.full_list09_wrap li.f_left img{width:100%; max-width:570px;}
ul.full_list09_wrap li.f_right{float:right; width:55%;}





























} /* media1199 end */






@media (max-width: 991px) {
span.pc_br{display: none;}
span.mob_br{display: block;}

#sub #wrap #content .container{width:94%; margin: 0 auto; }

#wrap #content{width: 100%; height:auto !important; }
#wrap #content:after{display: block;content: '';clear: both;}

.main_title h2{font-size: 36px;}
.main_title p{font-size: 15px; line-height: 1.5;}
.main_title p.m_sub{font-size: 18px;}
/*991px 세션별 레이아웃*/


#wrap #content .section.default .container{width:96%; height: 100%; margin-left:auto !important; margin-right:auto !important;}
#wrap #content .section.default h3{padding:10% 0 20px 0;text-align: center;font-size: 38px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section.default p.tit{font-size:15px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}


#aside .a_quick { left:20px; top:35%; }
#aside .a_customer {display:none;top: 40%;}



/*TOTAL */
.step02_wrap{min-height:680px; }
.step02_wrap dl.step02_list01 dd span.m_cut{display:block;}
.step02_wrap dl.step02_list01{text-align:right; padding:60px 3% 20px 0;}
.step02_wrap dl.step02_list01 dt{color:#fff; font-size:38px; line-height:1.4; font-family:'NexaDemoLight'; letter-spacing:-0.05em;}
.step02_wrap dl.step02_list01 dd{margin-top:40px; color:#fff; font-size:20px; font-weight:300;}


.pop_moniter{z-index:9999; position:absolute; top:640px; left:0; width:380px; height:597px; background:url(../img/s_img/main_moniter.png) no-repeat 0 0; background-size:380px; padding-top:0px;}
.pop_moniter p.pop_moniter_txt{z-index:999999; margin-top:480px; font-size:40px; text-align:left; padding-right:25px;  }
.pop_moniter span.write span.s_point{color:#c60000 !important; font-weight:600; font-size:28px;}




#sub #wrap #content h4 span em.pc_en{display:none;}  



/*991px sub(common) */
#wrap #content h4{display: none;}



#sub #wrap #content h4 span em.pc_en{display:none;}



/*991px  privacy */
.privacy{padding: 0 0 100px 0 !important;}
.privacy h5{clear:both; margin:15px 0px 10px 0px !important; padding:5px 0 0 0px !important; font-weight:600; color:#222; font-size:18px !important; line-height:28px !important; letter-spacing:-0.5px;background:none !important;text-align: left;font-style: normal;line-height: 1.5;height: auto;letter-spacing: 0;margin-bottom: 0;}
.privacy h6{margin:0;padding:10px 0 0 0px !important; background:none; font-size:16px  !important; font-weight:600; color:#444; padding-bottom: 0;border-bottom: none;text-align: left;background: none !important;}


.hide{display:none;}


#wrap #content .section#section1 .container{padding: 0 0px 80px 0px !important;width: auto;}
.section#section2 .container{width:96%; max-width:980px; margin:0px auto; padding:40px 0; }



/* 최근갤러리 */

ul.photo_list {clear:both; position:relative; z-index:10; width:100%; max-width:980px; margin:50px auto 0 auto !important;   }
ul.photo_list:after{display: block;content: '';clear: both;}
ul.photo_list li{ display:inline; }
ul.photo_list li.f_l{float:left;width:44%; }
ul.photo_list li.f_l dl dt{margin-bottom:30px; padding-top:12px;background:url('../img/s_img/photo_list_bar.gif') no-repeat 0 0; font-size:26px; font-weight:600; letter-spacing:-0.053em; line-height:1.6; }
ul.photo_list li.f_l dl dd {margin-bottom:5px; font-size:16px;}
ul.photo_list li.f_l dl dd span{width:105px; background:#d71920; display:inline-block; font-size:15px; letter-spacing:-0.05em;line-height:20px; color:#fff; text-align:center; font-family: 'NexaDemoBOLD';}
ul.photo_list li.f_l dl dd em.txt{margin-left:2px;  color:#111;font-size:15px;  letter-spacing:-0.075em; line-height:1.6; }
ul.photo_list li.f_l dl dd em.txt a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.photo_list li.f_r{float:right; width:55% !important; max-width:490px; }
ul.photo_list li.f_r img{width:100% !important; max-width:490px; }



.step02_wrap dl.step02_list01 dt{color:#fff; font-size:46px; line-height:1; font-family:'NexaDemoLight'; letter-spacing:-0.05em; }
.step02_wrap dl.step02_list01 dd{margin-top:60px; color:#fff; font-size:20px; font-weight:300;}
.step02_wrap dl.step02_list01 dd strong{font-weight:600;}
.step02_wrap p.step02_list02_txt{margin-right:5%;text-align:right; font-size:16px; color:#fff; line-height:1.5; letter-spacing:-0.05em;}
.step02_wrap ul.step02_list02{text-align:right; margin-right:1%;}
.step02_wrap ul.step02_list02 li dd span.m_cut{display:block;}
.step02_wrap p.step02_list02_txt{margin-right:3%;}







/*991px 회사소개 - 홍보관*/

.pr_vod{clear:both; margin:0px auto 40px 0; width:100%;  text-align:center; padding-top:10px; }
.pr_box{width: 100%;height:480px;position: relative;}
.pr_box iframe{/*width:852px;height: 480px;*/width:100%; height:480px;}



/*991px 상단 타이틀*/
.top_tit_wrap_product{clear:both; margin: 0 auto; padding:140px 0 80px 0; width:94%;}
.top_tit_wrap_product dl.top_tit_list{width:100%; max-width:1200px; margin:0 auto;}
.top_tit_wrap_product dt{font-size:80px; line-height:1.1; letter-spacing:-0.05em; color:#d71920; font-weight:600; font-family:'NexaDemoBold'; text-align:left;}
.top_tit_wrap_product dd{font-size:70px; line-height:1.1; letter-spacing:-0.05em; color:#d71920;  font-weight:300; font-family:'NexaDemoLight'; text-align:left;}


/*991px 상단 타이틀*/
.top_tit_wrap_library{clear:both; margin: 0 auto; padding:40px 0 80px 0; width:94%;}
.top_tit_wrap_library dl.top_tit_list{width:100%; max-width:1200px; margin:0 auto;}
.top_tit_wrap_library dt{font-size:80px; line-height:1.1; letter-spacing:-0.05em; color:#d71920; font-weight:600; font-family:'NexaDemoBold'; text-align:left;}
.top_tit_wrap_library dd{font-size:70px; line-height:1.1; letter-spacing:-0.05em; color:#d71920;  font-weight:300; font-family:'NexaDemoLight'; text-align:left;}


/*991px 상단 타이틀*/
.top_tit_wrap_library_mid{clear:both; margin: 0 auto; padding:40px 0 80px 0; width:94%;}
.top_tit_wrap_library_mid dl.top_tit_list{width:100%; max-width:1200px; margin:0 auto;}
.top_tit_wrap_library_mid dt{font-size:80px; line-height:1.1; letter-spacing:-0.05em; color:#d71920; font-weight:600; font-family:'NexaDemoBold'; text-align:left;}
.top_tit_wrap_library_mid dd{font-size:70px; line-height:1.1; letter-spacing:-0.05em; color:#d71920;  font-weight:300; font-family:'NexaDemoLight'; text-align:left;}



/*991px 상단 타이틀*/
.top_tit_wrap_webs{clear:both; margin: 0 auto; width:100%; height:440px; padding:160px 0 40px 0;  background:none; }
.top_tit_wrap_webs dl.top_tit_list{width:96%; max-width:1200px;height:auto; padding-bottom:50px;margin:0 auto;}
.top_tit_wrap_webs dt{font-size:80px; line-height:0.95; letter-spacing:-0.05em; color:#d71920; font-weight:300; font-family:'NexaDemoLight'; text-align:left;}
.top_tit_wrap_webs dd{font-size:70px; line-height:0.95; letter-spacing:-0.05em; color:#d71920;  font-weight:600; font-family:'NexaDemoBold'; text-align:left;}



dl.top_tit_list02{width:94%; max-width:1200px; margin:0 auto;}
dl.top_tit_list02 dt{font-size:70px; line-height:1; letter-spacing:-0.05em; color:#d7191f; font-weight:600;  text-align:left;font-family:'NexaDemoBold';}
dl.top_tit_list02 dd{font-size:60px; line-height:1; letter-spacing:-0.05em; color:#d7191f;  font-weight:300; text-align:left;font-family:'NexaDemoLight';}


/*991px portfolio */
.product_outer {float:left; width:100%; margin:0px auto; padding-bottom:80px; position:relative; }

/* portfolio_tab */

.tab {width:94%; max-width:1200px; margin:0px auto 80px auto; padding:0;}
.tab li a{display:inline-block; float:left; width:23%; margin-right:1%; margin-left:1%; line-height:40px; height:42px;  font-size:16px; font-weight:600; text-align:center; padding:0; cursor:pointer;   background:transparent; color:#fff;}
.tab li.fir{}
.tab li.on a{ background: #111; color:#fff; font-size:16px;line-height:40px; height:42px; font-weight:600; }




/* 4개박스*/
.por_list_in { display:block; position:relative; width:96%; max-width:1200px; margin:0 auto; padding:105px 0; overflow:hidden; }
.por_list_in:after{display: block;content: '';clear: both;}
.por_list_in li {width:48%; min-height:300px; float:left; margin-right:1%; margin-left:1%; margin-bottom:20px;border:1px solid #ddd;}
.por_list_in li.last {margin-right:0px; }
.por_list_in li dt {text-align:center;}
.por_list_in li dt img {width:100%; max-width:110px; margin:80px auto 20px auto;}
.por_list_in li dd{text-align:center;}
.por_list_in li dd {font-size:20px; letter-spacing:-0.05em;}

.por_list_in li.redbox{ background:#d71920; padding-top:190px;}
.por_list_in li.redbox dl{padding-left:15px;}
.por_list_in li.redbox dt{color:#fff !important; font-size:16px; letter-spacing:-0.05em; line-height:1.5;  text-align:left;}
.por_list_in li.redbox dd{color:#fff !important; font-size:20px; font-weight:600; line-height:1.2; letter-spacing:-0.05em;text-align:left;}





dl.top_tit_list02{width:94%; max-width:1200px; margin:0 auto;}
dl.top_tit_list02 dt{font-size:70px; line-height:1; letter-spacing:-0.05em; color:#d7191f; font-weight:600;  text-align:left;font-family:'NexaDemoBold';}
dl.top_tit_list02 dd{font-size:60px; line-height:1; letter-spacing:-0.05em; color:#d7191f;  font-weight:300; text-align:left;font-family:'NexaDemoLight';}



/*비디오커머스 홈페이지*/

ul.top_tit_list02 li.tit{display:block; float:left; width:auto; font-size:24px; line-height:1.5; font-weight:600; letter-spacing:-0.05em; margin-bottom:20px;}
ul.top_tit_list02 li.txt{margin-left:20px; padding-left:20px; border-left:2px solid #d71920; display:inline; float:left; width:100%; font-size:16px; line-height:1.5; font-weight:300; letter-spacing:-0.05em;}



ul.full_list li.full_l{width:50%; background:#f1f2f2; display:inline-block; float:left; text-align:right;  font-size:24px; line-height:1.5; letter-spacing:-0.05em; font-weight:300; padding:50px 30px 0 0;}
ul.full_list li.full_l strong{font-weight:500;}
ul.full_list li.full_r{width:50%;background:#f1f2f2; display:inline-block; float:right; font-size:16px; line-height:1.5; font-weight:300; }
ul.full_list li.full_r strong{font-weight:500;}
ul.full_list li.full_r em.pc_cut{display:block;}



ul.full_list02 li.full_l{width:50%; display:inline-block; float:left; text-align:right;  font-size:24px; line-height:1.5; font-weight:300; }
ul.full_list02 li.full_r{ width:50%;background:#f1f2f2; display:inline-block; float:right; font-size:16px; line-height:1.5; letter-spacing:-0.05em; font-weight:300; padding:7% 0px 0 30px;}



ul.full_list03{clear:both; width:100%; margin:80px auto 20px auto; }

ul.full_list03 li.full_l{width:47.5%;  display:inline-block; float:left; text-align:left; padding-top:10%; font-size:36px; line-height:1.5; font-weight:300; padding-left:40px;}
ul.full_list03 li.full_l dt{font-size:18px; background:url(../img/s_img/full_list03_line.gif) no-repeat 0 bottom; padding-bottom:10px; font-weight:600;}
ul.full_list03 li.full_l dt span.s_font{font-size:12px; color:#58595b; line-height:1.2; display:block;font-family:'NexaDemoLight';}
ul.full_list03 li.full_l dd{font-size:16px; line-height:1.5; margin-top:20px; font-weight:300; letter-spacing:-0.05em;}
ul.full_list03 li.full_l dd span.pc_cut{display:block;}
ul.full_list03 li.full_l strong{font-weight:500;}
ul.full_list03 li.full_r{width:49.75%; display:inline-block; float:right; font-size:16px; line-height:1.5; font-weight:300; padding:0px 0px 0 30px;}

ul.full_list03 li.full_r img{width:100%; max-width:717px;}



ul.full_list04{clear:both; width:96%; margin:60px auto 60px auto; }
ul.full_list04:after{display: block;content: '';clear: both;}
ul.full_list04 li{display:inline; }
ul.full_list04 li.full_l{width:16%;  max-width:170px; display:inline-block; float:left; text-align:left;  font-size:32px; line-height:1.5; font-weight:300; }
ul.full_list04 li.full_l img{width:100%; max-width: 160px;}
ul.full_list04 li.full_r dt{font-size:20px; font-weight:600; padding-bottom:10px; letter-spacing:-0.05em; background:url('../img/s_img/full_list04_line.gif') no-repeat 0 bottom;}

ul.full_list04 li.full_r dd{font-size:16px; line-height:1.5; letter-spacing:-0.05em; margin-top:20px; font-weight:300;}
ul.full_list04 li.full_r dd span.pc_cut{display:inline;}
ul.full_list04 li.full_r strong{font-weight:500;}
ul.full_list04 li.full_r{width:84%; display:inline-block; float:right; font-size:20px; line-height:1.5; font-weight:300; padding:0px 0px 0 30px;}
ul.full_list04 li.full_r img{width:100%; max-width:717px;}



dl.full_list05_wrap{clear:both; margin:60px 0; padding:40px 0 0 0; min-height:auto; background:url(../img/s_img/full_list05_wrap_line_m.gif) repeat-x 0 0;}
dl.full_list05_wrap dt{font-size:70px; font-weight:300; line-height:1.1; }
dl.full_list05_wrap dd ul.full_list05{clear:both; width:100%; margin:40px auto 20px auto; }

dl.full_list05_wrap dd li.full_l{width:37.5%;  display:inline-block; float:left; text-align:left; padding-top:135px; font-size:36px; line-height:1.5; font-weight:300; }
dl.full_list05_wrap dd li.full_l dt{font-size:18px; background:url(../img/s_img/full_list03_line.gif) no-repeat 0 bottom; padding-bottom:10px; font-weight:600;}

dl.full_list05_wrap dd li.full_r{width:59.75%; display:inline-block; float:right; font-size:20px; line-height:1.5; font-weight:300; padding:0px 0px 0 30px;}
dl.full_list05_wrap dd li.full_r img{width:100%; max-width:717px;}
dl.full_list05_wrap dt span.w1200{width:100%; max-width:1200px; margin:0 auto; display:block; color:#fff; padding-left:40px;}

dl.full_list05_wrap dd li.full_l02{width:37.5%;  display:inline-block; float:left; text-align:left; padding-top:150px; font-size:36px; line-height:1.5; font-weight:300; padding-left:40px;}
dl.full_list05_wrap dd li.full_l02 dt{font-size:18px; background:url(../img/s_img/full_list03_line.gif) no-repeat 0 bottom; padding-bottom:10px; font-weight:600;}
dl.full_list05_wrap dd li.full_l02 dd{font-size:16px; line-height:1.5; margin-top:20px; font-weight:300; letter-spacing:-0.05em; }




ul.full_list06_wrap{clear:both; margin:80px auto; width:96%; max-width:1200px; }
ul.full_list06_wrap:after{display: block;content: '';clear: both;}
ul.full_list06_wrap li{display:inline; margin-bottom:30px; text-align:center;}
ul.full_list06_wrap li{float:left; width:auto; max-width:588px; min-height:270px; border:2px solid #6b6b6b;}
ul.full_list06_wrap li.f_left{float:left; width:48%; margin-right:4%;}
ul.full_list06_wrap li.f_right{float:right; width:48%; max-width:588px; min-height:270px; border:2px solid #6b6b6b;margin-right:0%;}

ul.full_list06_wrap li dl{padding:50px 0;}
ul.full_list06_wrap li dl dt{font-size:22px; line-height:1.3; font-weight:500; padding-bottom:18px; letter-spacing:-0.05em; background:url('../img/s_img/full_list06_wrap_line.gif') no-repeat center bottom;}
ul.full_list06_wrap li dl dd{font-size:16px; line-height:1.5; padding:0 20px; font-weight:400; margin-top:20px; letter-spacing:-0.05em;}
ul.full_list06_wrap li dl dd span.pc_cut{display:block;}

ul.full_list07_wrap li.f_left ul.top_tit_list_03 li.tit{display:inline-block; width:100%; font-size:22px; line-height:1.5; font-weight:600; letter-spacing:-0.05em; margin-bottom:15px;}
ul.full_list07_wrap li.f_left ul.top_tit_list_03 li.txt{ font-size:16px; line-height:1.5; font-weight:300; letter-spacing:-0.05em;}
ul.full_list07_wrap li.f_left ul.top_tit_list_03 li.txt span.pc_cut{display:block;}



ul.full_list07_wrap li.f_left dl.full_list07 dt{background:#d60011; color:#fff;font-weight:300; font-size:24px; line-height:53px; padding-left:20px;}
ul.full_list07_wrap li.f_left dl.full_list07 dd{font-size:16px; line-height:1.5; letter-spacing:-0.05em; margin-top:20px;}



p.tit_redbold{clear:both; width:96%; max-width:1200px; margin:0px auto 0px auto; font-size:24px; color:#d71920; font-weight:600;}



ul.full_list08_no{clear:both; margin:0px auto 60px auto; width:96%; max-width:1200px; }
ul.full_list08_no:after{display: block;content: '';clear: both;}
ul.full_list08_no li{padding:40px 0; min-height:100px;}
ul.full_list08_no li dl:after{display: block;content: '';clear: both;}
ul.full_list08_no li dt.no{width:15%; display:inline; float:left;font-size:60px;  line-height:1; color:#d71920; font-weight:300;font-family:'NexaDemoLight';}
ul.full_list08_no li dd.txt{width:80%; display:inline; float:left;font-size:60px; font-weight:300;}
ul.full_list08_no li dd.txt dt{font-size:18px; font-weight:600;  line-height:1.5; letter-spacing:-0.05em; font-family: "Noto Sans KR";}
ul.full_list08_no li dd.txt dd{font-size:16px; font-weight:300; line-height:1.5; letter-spacing:-0.05em; font-family: "Noto Sans KR";}
ul.full_list08_no li dd.txt dd span.pc_cut{display:block;}


ul.full_list09_wrap{clear:both; margin:60px auto 60px auto; width:96%; max-width:1200px;}
ul.full_list09_wrap li.f_right dl.full_list09_01 dd{font-size:16px; line-height:1.5; letter-spacing:-0.05em; margin-top:20px;}
ul.full_list09_wrap li.f_right dl.full_list09_01 dt{background:#d60011; max-width:490px; color:#fff;font-weight:500; font-size:22px; letter-spacing:-0.05em; line-height:53px; padding-left:20px;}


ul.full_list09_wrap li{display:inline; width:auto;}
ul.full_list09_wrap li.f_left{float:left; width:35%;}
ul.full_list09_wrap li.f_left img{width:100%; max-width:570px;}
ul.full_list09_wrap li.f_right{float:right; width:65%;}

ul.full_list09_wrap li.f_right dl.full_list09_02{margin:0px 0;}
ul.full_list09_wrap li.f_right dl.full_list09_02 dt{font-weight:600; font-size:18px; line-height:1.5; margin-bottom:20px; padding-bottom:15px;background:url('../img/s_img/full_list06_wrap_line.gif') no-repeat left bottom;}
ul.full_list09_wrap li.f_right dl.full_list09_02 dt span.pc_cut{display:block;}
ul.full_list09_wrap li.f_right dl.full_list09_02 dd{font-size:16px; line-height:1.5; letter-spacing:-0.05em; margin-top:0px;}
ul.full_list09_wrap li.f_right ul.full_list09_03 li{display:inline-block; width:100%; min-height:100px;}
ul.full_list09_wrap li.f_right ul.full_list09_03{margin:20px 0;}

ul.full_list09_wrap li.f_right ul.full_list09_03 dd{font-size:16px; line-height:1.3; letter-spacing:-0.05em; }




/* main link  */
.main_link{position : static;}
.main_link ul{flex-wrap: wrap; padding: 10px 0;}
.main_link ul li{width: 50%; margin: 0; text-align: center;}
.main_link ul li:nth-child(1){margin-bottom: 5px;}
.main_link ul li:nth-child(2){margin-bottom: 5px;}
.main_link ul li img{width : 70%;}

/*상단 타이틀
.top_tit_wrap{clear:both; margin: 0 auto; padding:150px 0 0px 0; }
.top_tit_wrap dl.top_tit_list{width:94%; max-width:auto; margin:0 auto;}
.top_tit_wrap dt{font-size:48px; }
.top_tit_wrap dd{font-size:48px; }

*/

}/* media991 end */







@media (max-width: 768px) {
  div.byiwap{right : 5px !important; bottom : 5px !important;}
  #wrap #footer{padding-bottom: 20px;}
/* 메인영상 text */
.main_title{left: 5%; top: 40%;}
.main_title h2{font-size: 5vw; line-height: 1.5; margin-bottom: 1vw;}
.main_title p{font-size: 3vw; line-height: 1.5;}
.main_title p.m_sub{font-size: 3vw; line-height: 1.5;}

#aside .a_quick { left:20px; top:36%; }
#aside .a_customer {display:none;}
#aside .a_quick li {display:inline-block; vertical-align:middle; float:left; width:40px; height:40px; margin:5px;}



#sub #wrap #content .container{width:94%; margin:0 auto; position:relative; padding:0px 0;}
.section#section2 .container{width:96%; max-width:760px; margin:0px auto; padding:0px 0 0px 0; }
#sub #wrap #content .container.pd40{padding:40px 0 0px 0;}



#sub #wrap #content h4{font-size:24px;color: #090909;text-align: center;font-weight: 500;margin-bottom:55px;}
#sub #wrap #content h4 span{font-size:24px;}
#sub #wrap #content h5{clear:both; font-size:18px; color: #333; text-align:left; font-weight:600; line-height:28px;margin:20px 0 20px 0; letter-spacing:-0.05em; padding-left:25px; background:url('../img/s_img/h5_bull.gif') no-repeat 0 7px; }

#sub #wrap #content h5.fir{margin-top:0;}
#sub #wrap #content p.h4_tit{font-size:24px; line-height:28px; }



/* 어사이드 */
#aside.hide {display:none;}
#aside .a_quick {left:5px;top:23%;}
#aside .a_quick a:hover {box-shadow:0 15px 30px rgba(17, 20, 39, 0.2);}

#aside .a_customer {display:none; right:8px;top:29%; }
#aside .a_customer .ac_call i {box-shadow:0 15px 30px rgba(17, 20, 39, 0.2);}
#aside .a_customer {display:none;vertical-align:middle; position:absolute; /*position:fixed;*/ z-index:999; width:100px; height:140px; margin-top:-70px; text-align:center; transition:0.2s; -webkit-transition:0.2s;}
#aside .a_customer .ac_title {display:inline-block; vertical-align:middle; width:100%; height:30px; margin-bottom:5px; font-size:12px; font-weight:600; color:#fff; line-height:30px; text-align:center;}
#aside .a_customer .ac_call {display:inline-block; vertical-align:middle; width:100%;}
#aside .a_customer .ac_call i {display:inline-block; vertical-align:middle; width:60px; height:60px; margin:0 20px; border-radius:30px; background-color:#c80919; background-image:url("../img/s_img/icon_call.png"); background-image:url("../img/s_img/icon_call_m.png")\9; background-repeat:no-repeat; background-size:auto 100%; background-position:left center; box-shadow:0 20px 40px rgba(17, 20, 39, 0.15); transition:0.2s; -webkit-transition:0.2s;}
#aside .a_customer .ac_call:hover i {background-color:#111427; background-position:right center;}
#aside .a_customer .ac_call span {display:inline-block; vertical-align:middle; width:100%; height:30px; margin-top:5px; padding-right:5px;font-size:13px; font-weight:800; color:#fff; line-height:30px; white-space:nowrap;}



.webs_list04_gray dl dd{font-size: 15px; }


/* 768px 01 WHO */



.who_wrap p.step01_title strong{font-family:'NexaBold';  display:block; padding-top:50px;} 
.who_wrap p.step01_title{font-size:62px; line-height:1; font-weight:300; color:#c60000;  font-family:'NexaLight'; margin-left:20px;}

.who_wrap{width:96%; min-height:560px !important; margin:0 auto;  position:relative; }

.pop_moniter{z-index:9999; position:absolute; top:460px; left:0; width:100%; max-width:200px; min-height:315px; height:100%; background:url(../img/s_img/main_moniter.png) no-repeat 0 0; background-size:200px; padding-top:0px;}
.pop_moniter p.pop_moniter_txt{z-index:999999; margin-top:480px; font-size:40px; text-align:left; padding-right:25px;  }

.pop_moniter span.write{position:absolute; top:60px; margin-top:100px;  animation: typing 2s steps(22), blink .5s step-end infinite alternate;  white-space: nowrap;  overflow: hidden;  border-right: 3px solid #333;  font-family: 'NexaDemoLight', "Noto Sans KR", "Roboto", sans-serif;
  font-size: 24px; letter-spacing:-0.03em;  line-height:28px;   width:160px;text-align:left;}
.pop_moniter span.write span.s_point{color:#c60000 !important; font-weight:600; font-size:16px; letter-spacing:-0.05em;}





.who_wrap p.step01_title strong{font-family:'NexaBold';  display:block; padding-top:50px !important;} 
ul.step01_list{position:relative; width:100%; max-width:750px; margin:40px auto !important; }
ul.step01_list li dd.txt{font-size:20px;text-align:center; margin-top:20px;}
ul.step01_list li dd sup{color:#111;  font-size:40px; padding-left:2px; vertical-align:top;}


.typing-demo {position:absolute; top:160px; margin-top:0px;  animation: typing 2s steps(22), blink .5s step-end infinite alternate;  white-space: nowrap;  overflow: hidden;  border-right: 3px solid; font-family: 'NexaDemoLight';  font-size:24px; letter-spacing:-0.03em;
  line-height:42px; width:175px; text-align:left; margin-left:10px;}

.step02_wrap{position:relative; width:100%; min-height:700px; background:#c60000 url('../img/s_img/step02_wrap_bg.jpg') no-repeat 0 0;}
.step02_wrap dl.step02_list01{text-align:right; padding:40px 5% 20px 0;}
.step02_wrap ul.step02_list02 li{display:inline; float:right; padding:10px 10px 10px 10px !important; width:120px; }
ul.step01_list li dd span.counter { font-size:56px; }
ul.step01_list li dd sup{color:#111;  font-size:34px; padding-left:2px; vertical-align:top;}


ul.step01_list li dt{margin-bottom:10px;}
ul.step01_list li dt img{width:100%; max-width:50px; margin:0 auto;}
ul.step01_list li dd.tit{font-size:40px; font-weight:600; text-align:center; }



/* 최근갤러리 */

ul.photo_list {clear:both; position:relative; z-index:10; width:100%; max-width:490px; margin:40px auto 0 auto !important;   }
ul.photo_list:after{display: block;content: '';clear: both;}
ul.photo_list li{ display:block; }
ul.photo_list li.f_l{float:none;width:100%; }
ul.photo_list li.f_l dl dt{margin-bottom:30px; padding-top:12px;background:url('../img/s_img/photo_list_bar.gif') no-repeat 0 0; font-size:26px; font-weight:600; letter-spacing:-0.053em; line-height:1.6; }
ul.photo_list li.f_l dl dd {margin-bottom:5px; font-size:16px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
ul.photo_list li.f_l dl dd span{vertical-align:middle; width:108px; background:#d71920; display:inline-block; font-size:15px; line-height:24px; color:#fff; text-align:center; font-family: 'NexaDemoBOLD';}
ul.photo_list li.f_l dl dd em.txt{margin-left:6px;  color:#111;font-size:15px;   letter-spacing:-0.075em; line-height:24px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }

ul.photo_list li.f_r{float:none; width:100% !important; max-width:490px; margin-top:40px;}
ul.photo_list li.f_r img{width:100% !important; max-width:490px; height: auto !important; }



.step02_wrap dl.step02_list01 dt{color:#fff; font-size:34px; line-height:1.2; font-family:'NexaDemoLight'; letter-spacing:-0.05em; margin-top:110px;}
.step02_wrap dl.step02_list01 dd{margin-top:20px; color:#fff; font-size:18px; font-weight:300; letter-spacing:-0.05em;}
.step02_wrap dl.step02_list01 dd strong{font-weight:600;}
.step02_wrap ul.step02_list02{text-align:right; margin-right:1%;}
.step02_wrap ul.step02_list02 li dd span.m_cut{display:block;}
.step02_wrap p.step02_list02_txt{margin-top:30px; margin-right:5%; font-size:14px; letter-spacing:-0.075em; }
.step02_wrap p.step02_list02_txt span.m_cut{display:block;}
.step02_wrap ul.step02_list02 li dd{padding-top:15px; font-size:15px;color:#fff; line-height:1.2;  text-align:center; letter-spacing:-0.05em;}





#sub #wrap #content{width: 100%; height:auto !important; }
#sub #wrap #content:after{display: block;content: '';clear: both;}


/*768px 세션별 레이아웃*/

#wrap #content .section.default h3{padding: 25% 0 80px 0;font-size: 30px;}


#sub #wrap #content{width: 100%;}



 .apst-button{display:none;}



/*768px product*/
#wrap #content .section#section1 .container{padding: 0 0px 40px 0px;width: auto;}
#wrap #content .section#section1 .product_box{width:100%; margin-left:auto !important; margin-right:auto !important;}
.welfare {width:100%;}


/*768px aboutys*/
#wrap #content .section#section2{ padding-bottom:80px; height:100%; }
#wrap #content .section#section2 .about_box {width:96%; margin-left:auto !important; margin-right:auto !important; background:none !important;}
#wrap #content .section#section2 .area {width:100%; background:#fff !important; }
#wrap #content .section#section2 ul.main_quick{width:100%; background:#fff !important; }



/*768px pr*/
#wrap #content .section#section3{ padding-bottom:80px; height:100%;}


span.mob_block{display: block;}



.bx-controls{display:none !important;}





/*768px 회사소개 - 홍보관 */

.pr_vod{clear:both; margin:20px 0% 40px 0%; width:100%;  text-align:center; padding-top:20px; }
.pr_box{width: 100%;height:540px;position: relative;}
.pr_box iframe{width:100%; height:540px;}


/*탭메뉴 스타일*/

#tab_box {clear:both; padding:0px; margin:0px auto 60px auto !important; width:100%; }
#tab_box strong.tabTi {height: 0; overflow: hidden; position: absolute; top: -10000em; visibility: hidden; width: 0;}
#tab_box a {display: inline-block; line-height:40px;min-height:40px; font-size:16px; margin-left: -1px; width:100%; margin-bottom:5px; }
#tab_box a:link, #tab_box a:visited{ display: inline-block; l font-weight:600; padding:0px 0px 0px 0px; text-align:center;line-height:40px;min-height:40px;margin-bottom:5px;  }
#tab_box a.tab_ov:link, #tab_box a.tab_ov:visited, #tab_box a.tab_ov:hover {color:#fff; font-size:16px; line-height:40px; min-height:40px; font-weight:600; padding:0px 0px 0px 0px;text-align:center;margin-bottom:5px;  }
#tab_box a:hover {color: #fff; font-weight:600; padding:0px 0px 0px 0px;text-align:center;line-height:40px;min-height:40px; }





/*상단 타이틀*/
.top_tit_wrap_product{clear:both; margin: 0 auto; padding:120px 0 30px 0; }
.top_tit_wrap_product dl.top_tit_list{width:94%; max-width:1200px; margin:0 auto;}
.top_tit_wrap_product dt{font-size:50px; line-height:1.1; letter-spacing:-0.05em; color:#d71920; font-weight:600; font-family:'NexaDemoBold'; text-align:left;}
.top_tit_wrap_product dd{font-size:40px; line-height:1.1; letter-spacing:-0.05em; color:#d71920;  font-weight:300; font-family:'NexaDemoLight'; text-align:left;}


/*상단 타이틀*/
.top_tit_wrap_library{clear:both; margin: 0 auto; padding:80px 0 30px 0; }
.top_tit_wrap_library dl.top_tit_list{width:94%; max-width:1200px; margin:0 auto;}
.top_tit_wrap_library dt{font-size:50px; line-height:1.1; letter-spacing:-0.05em; color:#d71920; font-weight:600; font-family:'NexaDemoBold'; text-align:left;}
.top_tit_wrap_library dd{font-size:40px; line-height:1.1; letter-spacing:-0.05em; color:#d71920;  font-weight:300; font-family:'NexaDemoLight'; text-align:left;}


/*상단 타이틀*/
.top_tit_wrap_library_mid{clear:both; margin: 0 auto; padding:80px 0 30px 0; }
.top_tit_wrap_library_mid dl.top_tit_list{width:94%; max-width:1200px; margin:0 auto;}
.top_tit_wrap_library_mid dt{font-size:50px; line-height:1.1; letter-spacing:-0.05em; color:#d71920; font-weight:600; font-family:'NexaDemoBold'; text-align:left;}
.top_tit_wrap_library_mid dd{font-size:40px; line-height:1.1; letter-spacing:-0.05em; color:#d71920;  font-weight:300; font-family:'NexaDemoLight'; text-align:left;}





/*상단 타이틀*/
.top_tit_wrap_webs{clear:both; margin: 0 auto; width:94%; height:300px; padding:130px 0 60px 0;  background:none; }
.top_tit_wrap_webs dl.top_tit_list{width:100%; max-width:1200px; margin:0 auto;}
.top_tit_wrap_webs dt{font-size:50px; line-height:1; letter-spacing:-0.05em; color:#d71920; font-weight:300; font-family:'NexaDemoLight'; text-align:left;}
.top_tit_wrap_webs dd{font-size:40px; line-height:1; letter-spacing:-0.05em; color:#d71920;  font-weight:600; font-family:'NexaDemoBold'; text-align:left;}
.top_tit_wrap_webs dl.top_tit_list{padding-bottom: 30px;border-bottom: 2px solid #111;}

dl.top_tit_list02{width:94%; max-width:1200px; margin:0 auto;}
dl.top_tit_list02 dt{font-size:38px; line-height:1.1; letter-spacing:-0.05em; color:#d7191f; font-weight:600;  text-align:left;font-family:'NexaDemoBold';}
dl.top_tit_list02 dd{font-size:30px; line-height:1.1; letter-spacing:-0.05em; color:#d7191f;  font-weight:300; text-align:left;font-family:'NexaDemoLight';}



ul.full_list07_wrap li.f_left dl.top_tit_list_02 dt{font-size:50px; line-height:1.1; letter-spacing:-0.05em; color:#d7191f; font-weight:600;  text-align:left;font-family:'NexaDemoBold';}
ul.full_list07_wrap li.f_left dl.top_tit_list_02 dd{font-size:40px; line-height:1.1; letter-spacing:-0.05em; color:#d7191f;  font-weight:300; text-align:left;font-family:'NexaDemoLight';}



/* 768px portfolio */
.product_outer {float:none; width:94%; margin:0px auto; padding-bottom:0px; position:relative; }

/* 768px portfolio_tab */

.tab {width:96%; max-width:1200px; margin:0px auto 40px auto; padding:0;}
.tab li a{display:inline-block; float:left; width:48%; margin-right:1%; margin-left:1%; line-height:38px; height:40px;  font-size:15px; font-weight:600; text-align:center; padding:0; cursor:pointer; color:#fff;}
.tab li.fir{}
.tab li.on a{ background: #111; color:#fff; font-size:15px;line-height:38px; letter-spacing:-0.05em; height:40px; font-weight:600; }
.tab li{margin-bottom:5px;}
.tab li a{margin-bottom:5px;}





ul.full_list{clear:both; width:100%; position:relative; margin:0px 0; background:#f1f2f2; }
ul.full_list:after{display: block;content: '';clear: both;}
ul.full_list li{display:block; }
ul.full_list li.full_l{width:100%; background:#f1f2f2; display:inline-block; float:none; text-align:center;  font-size:20px; line-height:1.5; letter-spacing:-0.05em; font-weight:300; padding:40px 0px 40px 0;}
ul.full_list li.full_l strong{font-weight:500;}
ul.full_list li.full_r{width:100%;background:#f1f2f2; display:inline-block; float:none; font-size:18px; line-height:1.5; font-weight:300; text-align:center;}
ul.full_list li.full_r strong{font-weight:500;}
ul.full_list li.full_r em.pc_cut{display:block;}
ul.full_list li.full_r  img{width:96%; margin:0 auto; }
ul.full_list li.full_r img{width:96%; margin:0 auto;}


ul.full_list02{clear:both; width:100%; margin:0px 0 40px 0; padding-top:40px; background:#f1f2f2; }
ul.full_list02:after{display: block;content: '';clear: both;}
ul.full_list02 li{display:block; }
ul.full_list02 li.full_l{width:100%; display:inline-block; float:left; text-align:center;  font-size:30px; line-height:1.5; font-weight:300; }
ul.full_list02 li.full_l strong{font-weight:500;}
ul.full_list02 li.full_r{ width:100%;background:#f1f2f2; display:inline-block; float:right; font-size:15px; line-height:1.5; letter-spacing:-0.05em; font-weight:300; padding:40px 20px 40px 20px;}
ul.full_list02 li.full_r strong{font-weight:500;font-size:15px; line-height:1.5; letter-spacing:-0.05em; }
ul.full_list02 li.full_r em.pc_cut{display:inline; font-weight:300;}
ul.full_list02 li img{width:96%; max-width:960px; margin:0 auto; }



ul.full_list03{clear:both; width:94%; margin:40px auto 20px auto; }

ul.full_list03 li.full_l{width:94%;  display:inline-block; float:none; text-align:left; padding-top:0px; font-size:36px; line-height:1.5; font-weight:300; padding-left:0px; margin:0 auto;}
ul.full_list03 li.full_l dt{font-size:18px; background:url(../img/s_img/full_list03_line.gif) no-repeat center bottom; padding-bottom:10px; font-weight:600;text-align:center;}
ul.full_list03 li.full_l dt span.s_font{font-size:12px; color:#58595b; line-height:1.2; display:block;font-family:'NexaDemoLight'; text-align:center;}
ul.full_list03 li.full_l dd{font-size:15px; line-height:1.5; margin-top:20px; font-weight:300; letter-spacing:-0.05em; text-align:center;}
ul.full_list03 li.full_l dd span.pc_cut{display:block;}
ul.full_list03 li.full_l strong{font-weight:500;}
ul.full_list03 li.full_r{width:100%; display:inline-block; float:right; font-size:16px; line-height:1.5; font-weight:300; padding:20px 0px 0 30px;}

ul.full_list03 li.full_r img{width:90%; max-width:717px; margin:20px auto 0 auto;}



/* 4개박스*/
.por_list_in { display:block; position:relative; width:96%; max-width:1200px; margin:0 auto; padding:40px 0; overflow:hidden; }
.por_list_in:after{display: block;content: '';clear: both;}
.por_list_in li {width:48%; min-height:180px; float:left; margin-right:1%; margin-left:1%; margin-bottom:2%;border:1px solid #ddd;}
.por_list_in li.last {margin-right:0px; }
.por_list_in li dt {text-align:center;}
.por_list_in li dt img {width:100%; max-width:80px; margin:30px auto 10px auto;}
.por_list_in li dd{text-align:center;}
.por_list_in li dd {font-size:16px; letter-spacing:-0.05em;}

.por_list_in li.redbox{ background:#d71920; padding-top:90px;}
.por_list_in li.redbox dl{padding-left:8px;}
.por_list_in li.redbox dt{color:#fff !important; font-size:15px; letter-spacing:-0.075em; line-height:1.5;  text-align:left;}
.por_list_in li.redbox dd{color:#fff !important; font-size:18px; font-weight:600; line-height:1.2; letter-spacing:-0.05em;text-align:left;}




ul.full_list04{clear:both; width:96%; margin:40px auto 40px auto; }
ul.full_list04:after{display: block;content: '';clear: both;}
ul.full_list04 li{display:inline; }
ul.full_list04 li.full_l{width:18%;  max-width:170px; display:inline-block; float:left; text-align:left;  font-size:32px; line-height:1.5; font-weight:300; }
ul.full_list04 li.full_l img{width:100%; max-width: 160px;}
ul.full_list04 li.full_r dt{font-size:20px; font-weight:600; padding-bottom:10px; letter-spacing:-0.05em; background:url('../img/s_img/full_list04_line.gif') no-repeat 0 bottom;}

ul.full_list04 li.full_r dd{font-size:15px; line-height:1.5; letter-spacing:-0.05em; margin-top:20px; font-weight:300;}
ul.full_list04 li.full_r dd span.pc_cut{display:inline;}
ul.full_list04 li.full_r strong{font-weight:500;}
ul.full_list04 li.full_r{width:82%; display:inline-block; float:right; font-size:20px; line-height:1.5; font-weight:300; padding:0px 0px 0 10px;}
ul.full_list04 li.full_r img{width:100%; max-width:717px;}





dl.full_list05_wrap{clear:both; margin:40px auto; padding:40px 0 0 0; min-height:100px; background:#d51b20 !important;}
dl.full_list05_wrap dt{font-size:50px; font-weight:300; line-height:1.1; }
dl.full_list05_wrap dd ul.full_list05{clear:both; width:100%; margin:40px auto 20px auto; }

dl.full_list05_wrap dd li.full_l{width:37.5%;  display:inline-block; float:left; text-align:left; padding-top:0px; font-size:36px; line-height:1.5; font-weight:300; }
dl.full_list05_wrap dd li.full_l dt{font-size:18px; background:url(../img/s_img/full_list03_line.gif) no-repeat 0 bottom; padding-bottom:10px; font-weight:600;}

dl.full_list05_wrap dd li.full_r{width:59.75%; display:inline-block; float:right; font-size:20px; line-height:1.5; font-weight:300; padding:20px 10px 20px 30px;}
dl.full_list05_wrap dd li.full_r img{width:100%; max-width:717px;}
dl.full_list05_wrap dt span.w1200{width:100%; max-width:1200px; margin:0 auto; display:block; color:#fff; padding-left:20px;}

dl.full_list05_wrap dd li.full_l02{width:100%; display:inline-block; float:left; text-align:left; padding-top:0px; font-size:36px; line-height:1.5; font-weight:300; padding-left:20px;}
dl.full_list05_wrap dd li.full_l02 dt{font-size:18px; color:#fff; background:url(../img/s_img/full_list03_line_w.gif) no-repeat 0 bottom; padding-bottom:10px; font-weight:600;}
dl.full_list05_wrap dd li.full_l02 dd{font-size:15px; color:#fff;  line-height:1.5; margin-top:20px; font-weight:300; letter-spacing:-0.05em; }
dl.full_list05_wrap dd li.full_l02 dt span.s_font{font-size:12px; color:#fff; line-height:1.5; display:block;font-family:'NexaDemoLight';}





ul.full_list06_wrap{clear:both; margin:40px auto; width:96%; max-width:1200px; }
ul.full_list06_wrap:after{display: block;content: '';clear: both;}
ul.full_list06_wrap li{display:block; margin-bottom:30px; text-align:center;}
ul.full_list06_wrap li{float:none; width:auto; max-width:100%; min-height:200px; border:2px solid #6b6b6b;}
ul.full_list06_wrap li.f_left{float:none; width:100%; margin-right:auto; margin:0 auto 30px auto;}
ul.full_list06_wrap li.f_right{float:none; width:100%; max-width:100%; min-height:200px; border:2px solid #6b6b6b;margin-right:auto; margin:0 auto 30px auto;}

ul.full_list06_wrap li dl{padding:40px 0;}
ul.full_list06_wrap li dl dt{font-size:18px; line-height:1.3; font-weight:500; padding-bottom:18px; letter-spacing:-0.05em; background:url('../img/s_img/full_list06_wrap_line.gif') no-repeat center bottom;}
ul.full_list06_wrap li dl dd{font-size:15px; line-height:1.5; font-weight:300; padding:0 10px;  margin-top:20px; letter-spacing:-0.075em;}
ul.full_list06_wrap li dl dd span.pc_cut{display:block;}
ul.full_list06_wrap li dl dd em.m_cut{display:block; font-weight:300; }




ul.full_list07_wrap li.f_left ul.top_tit_list_03{clear:both;width:100%; max-width:1200px; margin:40px auto 40px auto; }
ul.full_list07_wrap li.f_left ul.top_tit_list_03:after{display: block;content: '';clear: both;}
ul.full_list07_wrap li.f_left ul.top_tit_list_03 li.tit{display:inline-block; width:100%;  margin-bottom:15px;}
ul.full_list07_wrap li.f_left ul.top_tit_list_03 li.tit span{border-bottom:2px solid #d60011; padding-right:10px;}
ul.full_list07_wrap li.f_left ul.top_tit_list_03 li.txt strong{font-weight:400; margin-bottom:15px;}

ul.full_list07_wrap li.f_left ul.top_tit_list_03 li.txt{ }
ul.full_list07_wrap li.f_left ul.top_tit_list_03 li.txt span.pc_cut{display:block;}


ul.full_list07_wrap li{width:100%; display:inline;}
ul.full_list07_wrap li.f_left{float:none;}
ul.full_list07_wrap li.f_right{float:none; width:100%;}
ul.full_list07_wrap li.f_right img{width:90%; max-width:660px; margin:0 auto;}



p.tit_redbold{ margin:0px auto 20px auto; }
ul.full_list08_no{clear:both; margin:0px auto 40px auto; width:96%; max-width:1200px; }
ul.full_list08_no:after{display: block;content: '';clear: both;}
ul.full_list08_no li{padding:20px 0; min-height:100px;}
ul.full_list08_no li dl:after{display: block;content: '';clear: both;}
ul.full_list08_no li dt.no{width:20%; display:inline; float:left;font-size:40px;  line-height:1; color:#d71920; font-weight:300;font-family:'NexaDemoLight';}
ul.full_list08_no li dd.txt{width:80%; display:inline; float:left;font-size:60px; font-weight:300;}
ul.full_list08_no li dd.txt dt{font-size:16px; font-weight:600;  line-height:1.5; letter-spacing:-0.05em; font-family: "Noto Sans KR";}
ul.full_list08_no li dd.txt dd{font-size:15px; font-weight:300; line-height:1.5; letter-spacing:-0.05em; font-family: "Noto Sans KR";}
ul.full_list08_no li dd.txt dd span.pc_cut{display:inline;}

ul.full_list07_wrap li.f_left dl.full_list07{width:100%; max-width:490px; padding-top:0px;}

ul.full_list07_wrap li.f_left ul.top_tit_list_03 li.txt{ font-size:15px; line-height:1.5; font-weight:300; letter-spacing:-0.075em;}



ul.full_list07_wrap li.f_left dl.full_list07 dt{background:#d60011; color:#fff;font-weight:300; font-size:22px; line-height:53px; padding-left:20px;}
ul.full_list07_wrap li.f_left dl.full_list07 dd{font-size:15px; line-height:1.5; letter-spacing:-0.05em; margin-top:20px;}




ul.full_list09_wrap li{display:block; width:auto;}
ul.full_list09_wrap li.f_left{float:none; width:100%;}
ul.full_list09_wrap li.f_left img{width:90%; max-width:570px; margin:40px auto;}
ul.full_list09_wrap li.f_right{float:none; width:100%;}


ul.full_list09_wrap{clear:both; margin:40px auto 60px auto; width:96%; max-width:1200px;}
ul.full_list09_wrap li.f_right dl.full_list09_01 dd{font-size:15px; line-height:1.5; letter-spacing:-0.05em; margin-top:20px; margin-bottom:20px;}
ul.full_list09_wrap li.f_right dl.full_list09_01 dt{background:#d60011; max-width:490px; color:#fff;font-weight:500; font-size:18px; letter-spacing:-0.05em; line-height:53px; padding-left:20px;}


ul.full_list09_wrap li.f_right dl.full_list09_02{margin:0px 0;}
ul.full_list09_wrap li.f_right dl.full_list09_02 dt{font-weight:600; font-size:16px; line-height:1.5; letter-spacing:-0.075em;margin-bottom:20px; padding-bottom:15px;background:url('../img/s_img/full_list06_wrap_line.gif') no-repeat left bottom;}
ul.full_list09_wrap li.f_right dl.full_list09_02 dt span.pc_cut{display:block;}
ul.full_list09_wrap li.f_right dl.full_list09_02 dd{font-size:15px; line-height:1.5; letter-spacing:-0.075em; margin-top:0px;}
ul.full_list09_wrap li.f_right ul.full_list09_03 li{display:inline-block; width:100%; min-height:100px;}
ul.full_list09_wrap li.f_right ul.full_list09_03{margin:20px 0;}
ul.full_list09_wrap li.f_right ul.full_list09_03 dd{font-size:15px; line-height:1.3; letter-spacing:-0.05em; }
ul.full_list09_wrap li.f_right ul.full_list09_03 dl{padding-left:90px; }
ul.full_list09_wrap li.f_right ul.full_list09_03 dd span.pc_cut{display:inline;}

#top_btn {display:none;}

ul.photo_list li.f_r video{width:100%; max-width:490px; border-radius:20px;}
ul.photo_list li.f_r a video{width:100%; max-width:490px; height:100%; border-radius:20px; }






.main_link ul li img{width : 95%;}
.swiper-slide.swiper-slide2{height : 100% !important;}


}/* media768 end */







@media (max-width: 576px) {


#aside .a_customer {display:none;}



/*576px 회사소개 - 홍보관 */

.pr_vod{clear:both; margin:20px 0% 40px 0%; width:100%;  text-align:center; padding-top:20px; }
.pr_box{width: 100%;height:315px;position: relative;}
.pr_box iframe{width:100%; height:315px;}

ul.photo_list li.f_r video{width:100%; max-width:490px; border-radius:20px;}
ul.photo_list li.f_r a video{width:100%;max-width:490px; border-radius:20px;}
.pop_moniter span.write{font-size:23px; width:160px;text-align:left;}

}/* media576 end */

@media (max-width: 480px) {

#aside .a_quick {left:5px;top:25%;}

.typing-demo {position:absolute; top:160px; left:0; margin-top:0px;  animation: typing 2s steps(22), blink .5s step-end infinite alternate;  white-space: nowrap;  overflow: hidden;  border-right: 3px solid; font-family: 'NexaDemoLight';  font-size:24px; letter-spacing:-0.03em;
  line-height:42px; width:180px; text-align:left; }

ul.step01_list li dd.txt{font-size:16px;text-align:center; margin-top:4px;}

.step02_wrap{position:relative; width:100%; min-height:700px; background:#c60000 url('../img/s_img/step02_wrap_bg.jpg') no-repeat 0 0;}
.step02_wrap dl.step02_list01{text-align:right; padding:40px 5% 20px 0;}
.step02_wrap ul.step02_list02 li{display:inline; float:right; padding:10px 10px 10px 10px !important; width:33.33%; max-width:100px; }
.step02_wrap ul.step02_list02 li dt img{width:100%; max-width:58px; margin:0 auto;}

ul.step01_list li dd span.counter { font-size:36px; }
ul.step01_list li dd sup{color:#111;  font-size:34px; padding-left:2px; vertical-align:baseline;}

ul.step01_list li dt{margin-bottom:10px;}
ul.step01_list li dt img{width:100%; max-width:60px; margin:0 auto;}
ul.step01_list li dd.tit{font-size:40px; font-weight:600; text-align:center; }

ul.photo_list li.f_r video{width:100%; max-width:490px; border-radius:20px;}
ul.photo_list li.f_r a video{width:100% !important; max-width:490px !important; border-radius:20px; }

.step02_wrap dl.step02_list01 dd{font-size: 16px;}
.step02_wrap p.step02_list02_txt{font-size: 3.2vw;}

.tab li a{width : 98%;}

.top_tit_wrap_product dt{font-size: 12vw;}
.top_tit_wrap_product dd{font-size: 10vw;}

.top_tit_wrap_library dt{font-size: 12vw;}
.top_tit_wrap_library dd{font-size: 10vw;}

}/* media480 end */



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#aside .a_quick .aq_icon {background-image:url("../img/s_img/icon_quick.png");}
#aside .a_customer .ac_call i {background-image:url("../img/s_img/icon_call.png");}
}