.container {width:100%; padding-bottom:80px;}
.container_wrap {width:1400px; margin:0 auto; padding-top:40px;}

.container h2 {font-size:45px; text-align:center; font-weight:500; padding-top:90px; padding-bottom:20px; line-height:45px;}
.container .sub_t {font-size:19px; color:#7c7c7d; text-align:center; padding-bottom:0px;}

.container_wrap .small_title{font-size:22px;color:#444;font-weight:400;text-align:left;padding-bottom:19px}
.container_wrap .small_title span{font-size:14px;color:#d09e6c;vertical-align:bottom}

.sub_viusal { width:100%; height:300px; text-align:center;  background:url(../images/sub/sub_visual01.jpg) no-repeat; background-size: cover; }
.sub_viusal02 { width:100%; height:300px; text-align:center;  background:url(../images/sub/sub_visual02.jpg) no-repeat; background-size: cover; }
.sub_viusal03 { width:100%; height:300px; text-align:center;  background:url(../images/sub/sub_visual03.jpg) no-repeat; background-size: cover; }
.sub_viusal04 { width:100%; height:300px; text-align:center;  background:url(../images/sub/sub_visual04.jpg) no-repeat; background-size: cover; }
.sub_viusal05 { width:100%; height:300px; text-align:center;  background:url(../images/sub/sub_visual05.jpg) no-repeat; background-size: cover; }
.sub_viusal06 { width:100%; height:300px; text-align:center;  background:url(../images/sub/sub_visual06.jpg) no-repeat; background-size: cover; }
.sub_viusal07 { width:100%; height:300px; text-align:center;  background:url(../images/sub/sub_visual07.jpg) no-repeat; background-size: cover; }
.sub_viusal08 { width:100%; height:300px; text-align:center;  background:url(../images/sub/sub_visual08.jpg) no-repeat; background-size: cover; }


.category { width:100%; height:75px; line-height:75px; text-align:center; background:#f5f5f5; border-bottom:1px solid #e1e1e1;}
.category li { display:inline-block; font-size:19px; font-weight:400; padding:0 22px; }
.category li a { color:#959595; cursor:pointer; }
.category li a:hover { color:#2a97E7;;}
.category .on a {color:#2a97E7; !important;}

.m_tab {margin:20px 0; text-align:center;}
.m_tab ul {zoom:1; display:inline-block; border:1px solid #d7d7d7; }
.m_tab ul:after {clear:both; content:''; display:block;}
.m_tab ul li {float:left; width:146px;}
.m_tab ul li.on a {color:#fff; background:#2a97E7;}
.m_tab ul li.on a:after {width:0;}
.m_tab ul li a {display:block; text-align:center; height:56px; line-height:56px;  color:#7c7c7d; font-weight:400; position:relative;}
.m_tab ul li:last-child a:after {width:0;}
.m_tab ul li a:after {content:''; display:block; width:1px; height:17px; background:#d7d7d7; position:absolute; right:0; top:20px;}



/* 메인 :: 비주얼 */
#subVisual{position:relative; width:100% !important; overflow:hidden;}
#subVisual .visual-item{position:relative; width:100%; overflow:hidden;}
#subVisual .visual-item > img{
	width:100%;
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -o-transform: scale(1.2,1.2); /* IE 9 */
    -moz-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
     transform: scale(1.2,1.2);
	-webkit-transition:transform 5000ms  ease-in-out ; /* Safari */
	-moz-transition:transform 5000ms ease-in-out ; /* Safari */
	-o-transition:transform 5000ms ease-in-out ; /* Safari */.company02 .history_wrap > ul > li ul li
	-ms-transition:transform 5000ms ease-in-out ; /* Safari */
    transition:transform 5000ms ease-in-out ;
}
#subVisual .visual-item:focus{outline:none;}
#subVisual .visual-txt{position:absolute; top:30%; left:50%; margin-left:-347px; text-align:center }
#subVisual .visual-txt2{position:absolute; top:30%; left:50%; margin-left:-356px; text-align:center }


#subVisual .visual-txt ul {position:relative; top:35%;  width:556px; margin:0 auto}
#subVisual .visual-txt ul > li {float:left; padding-left:17px;}
#subVisual .visual-txt ul > li:first-child {padding-left:0}

#subVisual .visual-txt span.btn_more {position:absolute; left:50%; margin-top:50px; margin-left:-120px; display:block; width:240px; height:70px; box-sizing:border-box; text-align:center; line-height:70px; font-size:24px; border:1px solid #fff; border-radius:50px; overflow:hidden;}
#subVisual .visual-txt span.btn_more a {display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
#subVisual .visual-txt span.btn_more:hover a {background:rgba(255,255,255,0.7); color:#333; transition-duration:0.3s;}


#subVisual .visual-inner-txt{border-left:1px solid rgba(255,255,255,0.3); padding-left:22px; color:#fff; padding-bottom:30px;}

/* active */
#subVisual .visual-item.active > img{
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}




/* 스크롤 */
.scmenu {position:fixed; top:50%; width:23px;height:auto; right:30px; z-index:999999}
.scmenu li {line-height:0;font-size:0;padding:5px 0px;  }
.scmenu li a{display:block;width:15px;height:15px;overflow:hidden;background:url("../images/sub/page_bg.png") left top no-repeat}
.scmenu li a:hover,.scmenu li.actived a,.scmenu li.actived a.on{background-position:left bottom}


/* 회사소개 */
.company { position:relative; width:100%; height:916px; background:url(../images/sub/bg_company01.jpg);  background-repeat:no-repeat;background-position:center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.company .txt {position:relative; top:30%; text-align:center}
.company ul {position:relative; top:35%;  width:556px; margin:0 auto}
.company ul > li {float:left; padding-left:17px;}
.company ul > li:first-child {padding-left:0}





/*	비전 */
.vision {position:relative; clear:both; background-color:#faf9f5; width:100%; height:1480px; background-repeat:no-repeat;background-position:center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.vision  p {text-align:center; padding-top:90px}



/*	연혁 */
.history  {position:relative; clear:both; background-color:#fff; width:100%; height:auto; background-repeat:no-repeat;background-position:center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.history  h2 {text-align:center; padding-top:100px;}
.history .historylist {position:relative; width:980px; margin:0 auto; padding-top:70px; clear:both; 	font-family:'Noto Sans KR';}
.history .historylist .tit { float:left; padding-right:100px; height:160px; padding-top:30px;}
.history .historylist .tit3 { float:left; padding-right:100px; height:300px; padding-top:70px;}
.history .historylist ul { }
.history .historylist ul li { height:40px; padding-bottom:20px; letter-spacing:normal; float:left; width:375px;}
.history .historylist ul li dt {font-size:24px; font-weight:bold; color:#ca3140; width:10% !important; float:left; line-height:16px;  letter-spacing:-1px }
.history .historylist ul li dt span {font-size:11px; font-weight:normal; color:#696662; line-height:12px; letter-spacing:normal}
.history .historylist ul li dd {float:left; width:85%; font-size:14px;  line-height:22px; letter-spacing:normal; color:#696969; padding-left:5%} 



/* 연혁 */

div.company02 {position:relative;padding-top:0}
.company02 .visual_content .bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../../images/content/company02_visual.jpg);background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
	opacity:1;
	z-index:0
}
.company02 .visual_content:hover .bg{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.company02 .visual_content{position:relative;padding-top:120px;padding-bottom:0;margin-top:0;overflow:hidden}

.company02 .visual_content > h3{position:relative;font-size:36px;color:#000;font-weight:400;z-index:5}
.company02 .visual_content > p{position:relative;font-size:20px;color:#000;margin-top:18px;opacity:0.6;z-index:5}
.company02 .history_wrap{position:relative;margin:40px auto 80px auto;max-width:1100px;height:1690px;background:url(../images/sub/history_dot.png) center top repeat-y}
.company02 .history_wrap > ul > li{position:absolute;width:50%}
.company02 .history_wrap > ul > li.left{left:0;text-align:right}
.company02 .history_wrap > ul > li.right{left:50%;text-align:left}
.company02 .history_wrap > ul > li.left .year{right:-6px;padding-right:60px;background:url(../images/sub/history_left_dot.png) right center no-repeat}
.company02 .history_wrap > ul > li.right .year{left:-6px;padding-left:60px;background:url(../images/sub/history_right_dot.png) left center no-repeat}
.company02 .history_wrap > ul > li.left ul{padding-right:155px}
.company02 .history_wrap > ul > li.right ul{padding-left:155px}
.company02 .history_wrap > ul > li ul{padding-top:5px}
.company02 .history_wrap > ul > li ul li {font-size:16px; color:#000;  word-break:keep-all; line-height:20px; font-weight:300}
.company02 .history_wrap > ul > li ul li span{font-size:12px;color:#000;opacity:0.6; line-height:14px; word-break:keep-all}
.company02 .history_wrap .year{position:absolute;top:0px;font-size:34px;font-weight:700;line-height:36px}
.company02 .history_wrap .year span{color:#0e95d6;}
.company02 .history_wrap .year2021{top:32px}
.company02 .history_wrap .year2019{top:82px}
.company02 .history_wrap .year2018{top:140px}
.company02 .history_wrap .year2017{top:182px}
.company02 .history_wrap .year2015{top:257px}
.company02 .history_wrap .year2014{top:392px}
.company02 .history_wrap .year2012{top:452px}
.company02 .history_wrap .year2011{top:517px}
.company02 .history_wrap .year2010{top:653px}
.company02 .history_wrap .year2009{top:725px}
.company02 .history_wrap .year2008{top:885px}
.company02 .history_wrap .year2007{top:915px}
.company02 .history_wrap .year2006{top:1035px}
.company02 .history_wrap .year2002{top:1125px}
.company02 .history_wrap .year2000{top:1185px}
.company02 .history_wrap .year1999{top:1255px}
.company02 .history_wrap .year1996{top:1310px}
.company02 .history_wrap .year1995{top:1405px}
.company02 .history_wrap .year1994{top:1450px}
.company02 .history_wrap .year1988{top:1515px}
.company02 .history_wrap .year1980{top:1590px}

/*2025-12-04 연혁 추가 후 스타일 조정*/
.company02 .history_wrap_new{position:relative;margin:40px auto 80px auto;max-width:1100px;background:url(../images/sub/history_dot.png) center top repeat-y;padding:10px 0 20px 0;}
.company02 .history_wrap_new > ul > li{width:50%;position:relative;margin-bottom:10px;}
.company02 .history_wrap_new > ul > li.left{text-align:right;padding-right:50%;}
.company02 .history_wrap_new > ul > li.right{text-align:left;padding-left:50%;}
.company02 .history_wrap_new > ul > li.left .year{right:50%;padding-right:60px;background:url(../images/sub/history_left_dot.png) right center no-repeat;margin-right:-6px;}
.company02 .history_wrap_new > ul > li.right .year{left:50%;padding-left:60px;background:url(../images/sub/history_right_dot.png) left center no-repeat;margin-left:-6px;}
.company02 .history_wrap_new > ul > li.left ul{padding-right:155px}
.company02 .history_wrap_new > ul > li.left ul > li strong{float:right;}
.company02 .history_wrap_new > ul > li.left ul > li strong:before{content:'';display:inline-block;width:5px;height:3px;}
.company02 .history_wrap_new > ul > li.right ul{padding-left:155px}
.company02 .history_wrap_new > ul > li ul{padding-top:5px}
.company02 .history_wrap_new > ul > li ul li {font-size:16px; color:#000;  word-break:keep-all; line-height:20px; font-weight:300}
.company02 .history_wrap_new > ul > li ul li span{font-size:14px;color:#000;opacity:0.6; line-height:14px; word-break:keep-all}
.company02 .history_wrap_new .year{position:absolute;top:0px;font-size:34px;font-weight:700;line-height:36px}
.company02 .history_wrap_new .year span{color:#0e95d6;}



/* 네트워크 */
.network {position:relative; clear:both; width:100%; height:1077px; ; background:url(../images/sub/bg_network.jpg);  background-repeat:no-repeat;background-position:center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.network h2 {text-align:center; padding-top:120px;}
.network .scompany  {width:1000px; margin:0 auto; padding-top:100px;} 
.network .scompany  li {float:left; width:48%; margin-top:40px; margin-left:4%}
.network .scompany li:first-of-type,
.network .scompany li:nth-of-type(2n+1)  {margin-top:40px; margin-left:0}


.network .scompany li a .inbox {text-align:center;  border:1px solid #FFF; color:#fff; padding:45px 10px; }
.network .scompany li a .inbox dt {font-size:45px; font-weight:600; letter-spacing:-2px; line-height:55px}
.network .scompany li a .inbox dd {font-size:19px; font-weight:300; line-height:30px;  letter-spacing:-1px;}
.network .scompany li a .inbox dd.more { padding-top:56px;  font-size:16px;  letter-spacing:-1px;}

.network .scompany li a:hover .inbox,
.network .scompany li .on .inbox {border:1px solid #2d95ec; color:#fff; background:#2d95ec;   background-color:rgba(45,149,236,0.7); }


/* 오시는 길*/
.map {position:relative; clear:both;  width:100%; height:736px; background-image: url("../images/sub/network_map.png");  background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}




/* 브랜드 소개*/

.brand{ position:relative; width:100%; height:916px; background:url(../images/sub/bg_brand01.jpg);  background-repeat:no-repeat;background-position:center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.brand .txt {position:relative; top:30%; text-align:center}



/* 브랜드 */
 .cooperation_wrap{margin-top:40px}
 
 .cooperation_wrap .bx-viewport{border-left:1px solid #e6e6e6}
 .cooperation_wrap .slide_cell{border:1px solid #e6e6e6;/*margin-left:-1px*/}
 .cooperation_wrap .slide_cell a{display:block;border-top:1px solid #e6e6e6; text-align:center}
 .cooperation_wrap .slide_cell p:first-child a{border-top:none}
 .cooperation_wrap .slide_cell .txt{display:block;font-size:14px;padding:0 5px 20px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
 .cooperation_wrap .slide_cell .thumb{display:block;text-align:center}
 
 
 .cooperation_wrap .slide_cell p a img{transform:inherit;transition:all 0.2s ease;}
 .cooperation_wrap .slide_cell p:hover img{transform:scale(1.13);}


 
 .bx-pager{margin-top:40px;text-align:center}
 .bx-pager-item{display:inline-block;zoom:1;*display:inline;margin-left:20px;}
 .bx-pager-item:first-child{margin-left:0}
 .bx-pager-item a{display:block;width:14px;height:14px;text-indent:-9999px;font-size:0;background:#ccc;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
 .bx-pager-item a.active{background:#004f9f}


.tableCol { width:100%; /*margin-top:10px;*/ border:0; border-spacing:0; border-collapse:collapse; border:1px solid #eeeeee;}
.tableCol th, .tableCol td { padding:15px 10px 13px; }
.tableCol thead th { background:#f6f6f7; border:1px solid #eeeeee; border-width:0 0 1px 1px;}
.tableCol thead th:first-child { background-image:none; border-left:0px}
.tableCol tbody td { text-align:center; border:1px solid #eeeeee; border-width:1px 0 0 1px;}
.tableCol tbody tr:first-child td { border-top:none}
.tableCol tbody td:first-child { border-left:none}
.tableCol tbody td.title { text-align: left;}


.tableCol tbody td a img{transform:inherit;transition:all 0.2s ease;}
.tableCol tbody td a:hover img{transform:scale(1.13);}
 
  
/* 제품소개 */

.prds_banner{background: no-repeat center top; height:420px;}
.prds_banner p a{display: block; width: 1000px; height:420px; margin: 0 auto; overflow: hidden; text-indent: -3000px;}


.grid_nav{position:relative;width:1000px; margin:0 auto; border:1px solid #cccdce;border-width:1px 1px 0 0;background-color:#fff; margin-bottom:50px; }
.grid_nav ul{display:inline-block;width:100%;margin-top:-1px;border:1px solid #cccdce;border-width:0 0 1px 1px;vertical-align:middle}
.grid_nav li{float:left;position:relative;width:20%;height:37px; font-size:14px;  color:#000}
.grid_nav li a{display:block;overflow:hidden; height:37px;padding-left:14px;border-bottom:1px solid #d1d1cf;  border-right:1px solid #d1d1cf; line-height:39px; color:#000}
.grid_nav li a:hover{background-color:#505a69;color:#fff}
.grid_nav li a:hover .noti_sticker{margin-left:4px}
.grid_nav li.on a{background-color:#505a69;color:#fff}

.prds_lstbox { clear:both; width:1300px; margin:0  auto; position:relative;}

ul.prds_lst{position: relative; margin: 0px 2px; overflow: hidden; clear: both;}
ul.prds_lst li{position: relative; display: inline-block; zoom:1; *display:inline; float:left; background: #fff; }

ul.prds_lst.col4 {margin-right: -12px;}
ul.prds_lst.col4 li { position:relative; width:310px; height: 324px;  margin: 0 15px 44px 0; border:1px solid #e1e3de;}
ul.prds_lst.col4 li a {display:block; width:308px; height: 322px; overflow:hidden }
ul.prds_lst.col4 li a:hover {width:308px; height: 322px;/* border:1px solid #505a69;*/}
ul.prds_lst.col4 li:nth-child(4n){margin-right: 0;}

ul.prds_lst.col4 li img{transform:inherit;transition:all 0.2s ease;}
ul.prds_lst.col4 li:hover img{transform:scale(1.05);}


.pop-wrap-info { position:relative; word-break:keep-all; padding:20px; max-width:1010px; margin:0px auto; padding:20px 0; background:#fff; overflow-y:auto;overflow-x:hidden; z-index:101; border-radius:15px}
.pop-wrap-info * { font-family: 'Noto Sans KR', sans-serif;}
.pop-wrap-info .headerpop {margin-bottom:20px; height:35px; border-bottom:1px solid #efefef;}
.pop-wrap-info .headerpop h2 { height:45px; color:#333; padding-left:20px;}
.pop-wrap-info .headerpop h2 span {padding-left:10px; font-size:16px; color:#999}
.pop-wrap-info .contentpop .info_summary {overflow:hidden;}
.pop-wrap-info .contentpop .info_thumbnail {float:left; /*width:505px;*/ height:444px; margin-left:30px}
.pop-wrap-info .contentpop .info_thumbnail img {text-align:center;}
.pop-wrap-info .contentpop .info_thumbnail2 {float:left; width:505px; height:444px;}
.pop-wrap-info .contentpop .info_thumbnail2 img {text-align:center;}

.pop-wrap-info .contentpop .info_summary3 {overflow:hidden; padding:50px 0}
.pop-wrap-info .contentpop .info_summary_header3 {margin-top:10px; padding-bottom:10px; position:relative;}
.pop-wrap-info .contentpop .info_summary_header3 h3.brd {line-height:20px; font-weight:600; color:#333; font-size:28px; position:relative; margin-bottom:5px;}
.pop-wrap-info .contentpop .info_summary_header3 h3.brd span{line-height:20px; font-weight:400; color:#333; font-size:16px; position:relative;   padding-left:2px}
.pop-wrap-info .contentpop .info_thumbnail3 {float:left; width:400px; }
.pop-wrap-info .contentpop .info_thumbnail3 img {text-align:center; vertical-align:central; padding-left:50px}
.pop-wrap-info .contentpop .info_txt3 {float:right; width:497px; text-align:left; padding-right:30px}
.pop-wrap-info .contentpop .info_summary_cont .spectable2 {width:100%; border-spacing:0; border-collapse; collapse;  border-top:1px solid #dddddd; padding-top:10px; word-break:keep-all}

.pop-wrap-info .contentpop .info_summary4 {overflow:hidden; padding:10px 20px}


/*.pop-wrap-info .contentpop .info_thumbnail > p {line-height:24px; padding-top:10px; font-weight:300; font-size:13px; color:#8a8989;}*/
.pop-wrap-info .contentpop .info_thumbnail > p {background:url(../images/sub/work_bar.png);letter-spacing:0 ;line-height:40px;height:40px;padding-left:20px;color:#fff;font-size:17px;margin-top:-40px;position:relative;z-index:10; font-weight:500;}
.pop-wrap-info .contentpop .info_txt {float:right; width:497px; text-align:left; margin-right:50px}
.pop-wrap-info .contentpop .info_txt2 {float:right; width:497px; text-align:left;}
.pop-wrap-info .contentpop .info_summary_header {margin-top:28px; padding-bottom:30px; position:relative;}
.pop-wrap-info .contentpop .info_summary_header:after {content:''; display:inline-block; width:39px;  bottom:0; left:0; position:absolute;}
.pop-wrap-info .contentpop .info_summary_header h3 {line-height:30px; font-weight:600; color:#333; font-size:28px; position:relative; margin-bottom:5px;}
.pop-wrap-info .contentpop .info_summary_header h3 span{line-height:20px; font-weight:400; color:#333; font-size:16px; position:relative; margin-bottom:10px;  padding-left:2px}
.pop-wrap-info .contentpop .info_summary_header p {line-height:24px; font-size:15px; color:#828282;  padding-left:2px}
.pop-wrap-info .contentpop .info_summary_header .company_part { font-size:14px; line-height:12px; margin-top:20px}
.pop-wrap-info .contentpop .info_summary_header .company_part li { background:url(../images/sub/bl_part.gif) no-repeat 4px 5px; padding-left:17px; line-height:12px; padding-bottom:15px}
.pop-wrap-info .contentpop .info_summary_cont {line-height:24px; font-size:15px; color:#666; padding:13px 20px 13px 0}
.pop-wrap-info .contentpop .info_summary_cont .spectable {width:100%; border-spacing:0; border-collapse; collapse;  border-top:1px solid #dddddd}
.pop-wrap-info .contentpop .info_summary_cont .spectable th {line-height:22px; font-size:13px; color:#333; font-weight:400; vertical-align:top; padding:10px 0; box-sizing:border-box; width:140px; background:#f9f9f9; text-align:center; border-bottom:1px solid #dddddd}
.pop-wrap-info .contentpop .info_summary_cont .spectable td {line-height:22px; font-size:12px; color:#666; font-weight:300; padding:10px 15px; text-align:left; border-bottom:1px solid #dddddd}
.pop-wrap-info .contentpop .info_summary_cont .spectable td span.map a{ float:right; background-color:#2a97e7; display:block; width:75px; height:25px; box-sizing:border-box; text-align:center; line-height:22px; font-size:12px; border:1px solid #2a97e7; border-radius:25px; overflow:hidden; color:#fff; font-weight:100;}
.pop-wrap-info .contentpop .info_summary_cont > p  { float:right; line-height:24px; padding-top:20px; font-weight:300; font-size:13px; color:#8a8989;}






/* contact us */

.contactus { height: 460px; position: relative; background: #2584c9 url('../images/sub/customer.jpg') left center no-repeat; }
.contactus_content_wrap { position: absolute; right: 0; top: 0; bottom: 0; width: 50%; background:#2584c9; color: #fff; font-size: 40px; }
.contactus_content{display:table; width:100%; height:100%;}
.contactus_content_inner{ vertical-align:middle; display:table-cell; padding:0 11%}
.contactus_content strong { margin-bottom: 20px; display: block; line-height:40px; font-weight:500}
.contactus_content strong span{ display:inline-block;}
.contactus_content p { color: #fff; font-size: 16px; line-height:20px }



/*이용약관*/
.sub_list {padding-top: 50px; padding-bottom: 50px; font-size:14px;}
.box_scroll p, .box_footer p {padding: 0 0 8px 0px;}
.use_list {border: 1px solid #e53935;padding: 20px 20px 10px 20px; overflow: hidden;}
.use_list ul {float:left; width:50%;}
.use_list li {color: #e53935; font-size:18px; padding-bottom:10px;}
.etc h5 {font-size:19px; color:#373737; padding-bottom:15px; font-weight:400;}
.etc p {line-height:23px;}
.etc li {padding-bottom:10px; }
.box_lsit1 { border: 1px solid #dadada;padding: 10px;background: #f7f8f9; margin-top:10px;}
.box_lsit {padding-top:5px;}
.pri_box { padding: 15px;border: 3px solid #d3d3d3;background: #f7f8f9; margin-top:10px; }
.etc_wrap {background:#fff;}
.etc_box {line-height:23px; padding-top:30px;}
.etc_line {background:#f5f5f5; padding:20px; margin-top:60px; border:1px solid #cdcdcd;}


.hidden{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1}

/* mediaboard */
.mainSectionMediaBoard {position:relative; padding:0 !important;}
.mainMediaBoard {display:table; width:100%; table-layout:fixed; height:650px !important; overflow:hidden;}
.mainMediaBoard > li {display:table-cell; vertical-align:top; width:18%; background-position:50% 0; background-size:cover; text-align:center; overflow:hidden;}
.mainMediaBoard > li .banner {height:650px; position:relative; overflow:hidden; padding:0 12px; color:#000;}
.mainMediaBoard > li .banner:before {content:''; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.mainMediaBoard > li .banner .bannerIn {position:relative; height:100%;}
.mainMediaBoard > li .banner .tit {display:table; width:100%; height:40%; line-height:1.2; margin-top:60px; color:#fff}
.mainMediaBoard > li .banner .tit > strong {display:table-cell; vertical-align:bottom; padding-bottom:10px; font-size:170%; font-weight:normal;}
.mainMediaBoard > li .banner .tit > strong .stxt {display:block; margin-top:5px; font-size:60%;}
.mainMediaBoard > li .banner .txt {display:block; text-align:center}
.mainMediaBoard > li .banner .btn {display:inline-block; margin:0 auto 20px;}
.mainMediaBoard > li .banner .btn:before, .mainMediaBoard > li .banner .btn:after {content:'';display:inline-block;vertical-align:middle;width: 28px;height:1px;background:#fff;background:rgba(255,255,255,0.5);}
.mainMediaBoard > li .banner .btn > a {position:absolute; left:-9999px; }
.mainMediaBoard > li.active {width:30%; border-left:5px solid #fff; background-position:100% 0; -moz-transition:width 0.3s, background-position 8s; -webkit-transition:width 0.3s, background-position 8s; transition:width 0.3s, background-position 8s;}
.mainMediaBoard > li.active:first-child {border-left:0;}
.mainMediaBoard > li.active + li {border-left:5px solid #fff;}
.mainMediaBoard > li.active .banner {padding:0 24px;}
.mainMediaBoard > li.active .banner:before {opacity:0.1; z-index:0;}
.mainMediaBoard > li.active .banner .tit > strong {padding-bottom:40px; font-size:255%; text-shadow:1px 1px 1px rgba(0,0,0,0.5); -moz-transition:font-size 0.5s; -webkit-transition:font-size 0.5s; transition:font-size 0.5s;}
.mainMediaBoard > li.active .banner .tit > strong .stxt {font-size:55%;}
.mainMediaBoard > li.active .banner .txt {font-size:125%; text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
.mainMediaBoard > li.active .banner .btn {margin-top:-9px; font-size:14px}
.mainMediaBoard > li.active .banner .btn:before, .mainMediaBoard > li.active .banner .btn:after {position:relative;margin: 0px -14px;}
.mainMediaBoard > li.active .banner .btn > a {position:static; display:inline-block; padding:10px 36px; background:#288cd8; border-radius:20px; text-decoration:none; box-shadow:0 0 1px rgba(255,255,255,1); -moz-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s; color:#fff}
.mainMediaBoard > li.active .banner .btn > a:hover, .mainMediaBoard > li.active .banner .btn > a:focus, .mainMediaBoard > li.active .banner .btn > a:active {background:#fff; color:#000;}


@media all and (min-width:1200px) { 
	.mainSection {padding:60px 0 0;}

	/* complaint & quicklinks */
	.mainSectionSmartLife > .contWrapType1 .titSection {font-size:200%;}
	.mainSectionSmartLife > .contWrapType1 .mainComplaintWrap {padding:0 60px 0 0 !important;}
	.mainSectionSmartLife > .contWrapType1 .mainQuickLinksWrap {padding:0 0 0 60px !important;}
	.mainSectionSmartLife > .contWrapType1 .titSection {margin-left:0;}
}


/* 2025-12-04 제품 팝업창 */
.modal_layer{position:absolute;z-index:10;max-width:500px;background:#fff;box-shadow:2px 2px 10px rgba(0,0,0,0.25);}
.modal_layer #close_btn{width:30px;height:30px;position:absolute;right:0;top:-40px;background:url(../images/sub/close_ic.png) 0 0 no-repeat;background-size:cover;}
.modal_layer .modal_con{}
.modal_layer .modal_con img{width:100%;}