@charset "utf-8";
/* 메인비주얼 */
.mainvisual{margin-top:0; z-index:0;}

.fullwidthbanner-container{width:100% !important; max-width:100% !important; position: relative; padding:0; max-height:550px !important; overflow:hidden;}
.fullwidthbanner {width:100% !important; height:100%; max-height:550px !important; position:relative; overflow:hidden;}

.tp-hide-revslider,.tp-caption.tp-hidden-caption {visibility:hidden !important; display:none !important;}
.tp-caption {position: absolute;}
.tp-caption.text-shadow {text-shadow:1px 1px 1px rgba(0,0,0,0.4);}
.tp-width {}
.tp-caption.left {color:#fff; padding:8px 20px;}
.tp-caption.left p{color:#fff; font-size:45px; font-family:notokrB; text-shadow:1px 1px 1px rgba(0,0,0,0.5); line-height:30px; padding-bottom:15px; }
.tp-caption.left span{color:#fff; font-size:25px; line-height:25px;   font-family:notokrB; letter-spacing: -0.02em; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}

@media only screen and (max-width: 768px){
/*메인 비주얼 텍스트 */
.fullwidthbanner-container{height:300px !important;}
.fullwidthbanner {height:300px !important;}
.tp-caption.left {margin:-100px 0 0 70px;}
.tp-caption.left p{font-size:20px;line-height:20px; padding-bottom:10px; }
.tp-caption.left span{font-size:14px; line-height:16px;}
}

/* Colors */
.tp-caption.black {color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.75);background-color: #1a1a1a;}
.tp-caption.white {color: #000; background-color: #fff;}
.tp-caption.colored {color: #fff;background: #b6d82f;}
.tp-caption.colored ::-moz-selection {background: #333;}
.tp-caption.colored ::selection {background: #333;} 
.tp-caption.video {box-shadow: 0 0 7px rgba(0,0,0,0.4);}

/* 버튼 */
.tp-caption .button {display: inline-block; padding: 10px 18px;color: #fff;background: #b6d82f; font-size: 1.333em; /* 16px */}
.tp-caption.round, .tp-caption .round {border-radius:5px;}
.tp-caption .button:hover, .tp-caption .button.colored:hover {color: #fff;text-decoration: underline;}

.tp_inner_padding {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;max-height:none !important; }
.tp-simpleresponsive .slotholder *,
.tp-simpleresponsive img {-webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000;}
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; visibility: hidden;}
.tp-simpleresponsive img {max-width:none;}

.noFilterClass {filter:none !important;}

.tp-bannertimer {width:100%; height:10px; background: url("/img/main/vsl_timer.png"); position:absolute; z-index:200;}
.tp-bannertimer.tp-bottom {bottom:0px !important; height:5px;}

/*좌우 버튼*/
.tp-leftarrow, .tp-rightarrow { position: absolute; top: 50%; margin-top: -35px !important; /* half the height */ display: block; width: 45px; height: 60px;
background-color: rgba(113,110,107,.7); background-image: url("/img/main/vsl_arrows.png"); background-repeat: no-repeat; cursor: pointer; text-indent: -999em; z-index: 100; opacity: 0;
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out; }

.fullwidthbanner-container:hover .tp-leftarrow,
.fullwidthbanner-container:hover .tp-rightarrow {opacity: 1;}

.tp-leftarrow {left: 0 !important; background-position: 0px center;}
.tp-rightarrow {right: 0 !important; background-position: -37px center; }
.tp-leftarrow:hover, .tp-rightarrow:hover {background-color: rgba(255,164,9,0.7);} 
.tp-simpleresponsive img {-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none;}
.tp-simpleresponsive ul { list-style:none; padding:0; margin:0;}
.tp-simpleresponsive > ul > li { list-stye:none; position:absolute; visibility:hidden;}

/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div { width:10000px; height:10000px;  background: url("/img/main/vsl_coloredbg.png") repeat;}
.tp-loader {background:url("/img/main/vsl_loader.gif") no-repeat 10px 10px; background-color: #fff;  margin:-22px; top:50%; left:50%; z-index:10000; position:absolute; width:44px; height:44px; border-radius: 3px;}


/* 메인 컨텐츠 박스 */
@media only screen and (min-width: 1280px){
.mainBox{width:1280px; margin:0 auto; overflow:hidden;}
}

@media only screen and (max-width:1280px){
.mainBox{width:96%; margin:0 2%;}
}

/* 타이틀1*/
.mainBox .p1 {text-align:center; color:#222; font-size:27px; font-family:notokrM; line-height:30px; position:relative; margin:10px 0 25px 0; letter-spacing:-0.03em;}
.mainBox .p2 {text-align:center; color:#222; font-size:23px; font-family:notokrM; line-height:30px; position:relative; margin:30px 0 25px 0; letter-spacing:-0.03em;}
.mainBox .tit_line {width:100%; height:3px; background:url("/img/main/tit_line.png") no-repeat center top; margin:10px 0 30px 0;}

/* 컨텐츠1*/
.mainBox .box_in1{width:100%;}
.mainBox .box_in1 ul{}
.mainBox .box_in1 .box1{float:left; width:47%; position:relative; margin-bottom:30px;}
.mainBox .box_in1 .box1 img{width:100%;}
.mainBox .box_in1 .box2{float:left; width:49%; margin:0 0 0 4%; position:relative; margin-bottom:30px;}
.mainBox .box_in1 .box2 p{color:#444; font-size:20px; font-family:notokrM; line-height:20px; letter-spacing:-0.03em; padding:20px 0 20px 0;}
.mainBox .box_in1 .box2 span{color:#666; font-size:14px; font-family:notokrM; line-height:22px; letter-spacing:-0.03em;}

.mainBox .box_in1 .box2 .company_more i{margin-left:5px;}
.mainBox .box_in1 .box2 .company_more {display:block; margin-top:20px;}
.mainBox .box_in1 .box2 .company_more .btn {overflow:hidden; position:relative; display:block; width:175px; height:55px; font-size:12px; text-align:center; border:1px solid #ccc; line-height:55px; background:#000; text-transform:uppercase; border-radius:2px; font-family:notokrM;}
.mainBox .box_in1 .box2 .company_more .btn span {color:#fff; position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; font-family:"NanumGothic",sans-serif;}
.mainBox .box_in1 .box2 .company_more .btn:hover span {color:#fff;}
.mainBox .box_in1 .box2 .company_more .btn .hover {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#990033; border:1px solid #ab2c66; color:#fff;
transform:scale(1,0);
-webkit-transform:scale(1,0);
-moz-transform:scale(1,0);
-ms-transform:scale(1,0);
transform-origin:center top;
-webkit-transform-origin:center top;
-moz-transform-origin:center top;
-ms-transform-origin:center top;
transition:all .2s ease-out;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;}

.mainBox .box_in1 .box2 .company_more .btn:hover .hover {
transform:scale(1,1);
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);}
/* 컨텐츠0 버튼*/
.mainBox .box_in3a{width:100%;}
.mainBox .box_in3a ul{}
.mainBox .box_in3a ul li{float:left; width:48%; margin-left:2%; position:relative; margin-bottom:30px;}
.mainBox .box_in3a ul li:first-child{margin-left:0;}
.mainBox .box_in3a .btn_box {width:100%; height:170px; position:relative; border:1px solid #ddd; margin-bottom:20px;}
.mainBox .box_in3a .btn_box .inner .bg_box{width:100%; overflow:hidden; position:absolute; left:0; top:0; text-align:center;}
.mainBox .box_in3a .btn_box .inner:hover .bg_box .bg{transform:scale(1.2,1.2); transition:1s;}
.mainBox .box_in3a .btn_box .bg_box .bg1{height:175px; background:url("/img/main/box_in3_btn_box_bg1a.jpg") no-repeat center top; display:block; transition:0.3s;}
.mainBox .box_in3a .btn_box .bg_box .bg2{height:175px; background:url("/img/main/box_in3_btn_box_bg1b.jpg") no-repeat center top; display:block; transition:0.3s;}
.mainBox .box_in3a .btn_box .bg_box .bg3{height:175px; background:url("/img/main/box_in3_btn_box_bg3.jpg") no-repeat center top; display:block; transition:0.3s;}
.mainBox .box_in3a .btn_box .box_s {height:170px; position:absolute; width:100%; padding:35px 30px 20px 40px;}
.mainBox .box_in3a .btn_box .box_s p{font-size:18px; color:#fff; font-family:notokrM; padding-left:5px;}
.mainBox .box_in3a .btn_box .box_s span{font-size:13px; color:#fff; font-family:notokrM; padding-left:5px;}
.mainBox .box_in3a .btn_box .inner .btn {background:url("/img/main/box_in3_btn1.png") no-repeat left top; margin-top:15px; font-size:12.5px; max-width:120px; color:#fff; line-height:32px; padding-left:15px; box-sizing:border-box;transition:all 0.4s;}
.mainBox .box_in3a .btn_box .inner:hover .btn {background:#034ea2;color:#fff;}

.mainBox .box_in3 ul li .Tit {width:100%; margin-bottom:15px; min-height:25px;}
.mainBox .box_in3 ul li .Tit h2 {float:left; color:#222; font-size:23px; font-family:notokrM; line-height:23px; position:relative; margin:0 0 20px 0; letter-spacing:-0.03em;}

.Tit_more {float:right; display:block;}
.Tit_more .btn {overflow:hidden; position:relative; display:block; width:25px; height:25px; font-size:11px; text-align:center; border:1px solid #dbdbdb;  background:url("/img/main/icon_plus.png") #fff center center no-repeat; 
text-transform:uppercase; font-family:notokrM;}
.Tit_more .btn span {color:#444; position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; letter-spacing:-0.05em;}
.Tit_more .btn .hover {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url("/img/main/icon_plus_hover.png") #000 center center no-repeat;
transform:scale(1,0);
-webkit-transform:scale(1,0);
-moz-transform:scale(1,0);
-ms-transform:scale(1,0);
transform-origin:center top;
-webkit-transform-origin:center top;
-moz-transform-origin:center top;
-ms-transform-origin:center top;
transition:all .2s ease-out;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;}

.Tit_more .btn:hover .hover {
transform:scale(1,1);
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);}

/* 컨텐츠2*/
.product_box {width:100%; overflow:hidden; background:url("/img/main/mid_bg.jpg"); padding:0 0 10px 0; margin:20px 0 40px 0;}
.mainBox .box_in2{width:100%;}
.mainBox .box_in2 ul{}
.mainBox .box_in2 ul li{float:left; position:relative; margin-left:0%; width:19%; margin-bottom:30px; border-bottom:1px solid #bebcbc;}
.mainBox .box_in2 ul li:first-child{margin-left:0;}

.mainBox .box_in2 ul li .inner {width:100%; display:block; float:left; position:relative;}
.mainBox .box_in2 ul li .inner a {display:block; height:100%; position:relative;}

.mainBox .box_in2 ul li .link1 {}
.mainBox .box_in2 ul li .link2 {}
.mainBox .box_in2 ul li .link3 {}
.mainBox .box_in2 ul li .link1 img, 
.mainBox .box_in2 ul li .link2 img, 
.mainBox .box_in2 ul li .link3 img,
.mainBox .box_in2 ul li .link4 img{width:100%;}

.mainBox .box_in2 ul li a .con {display:block; width:100%;}
.mainBox .box_in2 ul li a .con > * {display:block;}
.mainBox .box_in2 ul li a .con strong {width:100%; background:url("/img/main/icon_more.png") no-repeat center right; font-size:18px; color:#444; padding:5px 0 5px 15px; font-family:notokrM; letter-spacing:-0.02em;}
.mainBox .box_in2 ul li a .con .info{margin-top:30px;}

.mainBox .box_in2 ul li a .ov { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index:100; opacity:0; transition:0.5s; }
.mainBox .box_in2 ul li a .ov .in {display:block; position:relative; width:100%; height:100%; background:rgba(10,28,53,0.75); padding:25px;}
.mainBox .box_in2 ul li a .ov .in > * {display:block; position:absolute;}
.mainBox .box_in2 ul li a .ov .in p {width:100%; top:130px; font-size:20px; font-family:notokrM; letter-spacing:-0.02em; color:#fff; line-height:25px; transition:0.3s; opacity:0;}
.mainBox .box_in2 ul li a .ov .in .txt{font-size:14px; font-family:"Nanum Gothic", sans-serif; transition:0.3s; opacity:0; background:none; top:160px; letter-spacing:-0.03em;}
.mainBox .box_in2 ul li a .ov .in span {width:100%; height:20px; background:url("/img/main/box_in2_btn.png") no-repeat left bottom; top:185px; font-size:11px; color:#fff; transition:0.3s; opacity:0;}
.mainBox .box_in2 ul li a:hover .ov {opacity:1;}
.mainBox .box_in2 ul li  a:hover .ov .in p {width:100%; color:#fff; transition-delay:0.3s; top:60px; opacity:1;}
.mainBox .box_in2 ul li  a:hover .ov .in .txt{transition-delay:0.3s; top:90px; opacity:1;}
.mainBox .box_in2 ul li  a:hover .ov .in span {transition-delay:0.3s; top:130px; opacity:1;}

/* 컨텐츠2a*/
.product_box2 {width:100%; overflow:hidden; background:url("/img/main/mid_bg.jpg"); padding:0 0 10px 0; margin:20px 0 40px 0;}
.mainBox .box_in2a{width:100%;}
.mainBox .box_in2a ul{}
.mainBox .box_in2a ul li{float:left; position:relative; margin-left:6.3%; width:19%; margin-bottom:30px; border-bottom:1px solid #bebcbc;}
.mainBox .box_in2a ul li:first-child{margin-left:0;}

.mainBox .box_in2a ul li .inner {width:100%; display:block; float:left; position:relative;}
.mainBox .box_in2a ul li .inner a {display:block; height:100%; position:relative;}

.mainBox .box_in2a ul li .link1 {}
.mainBox .box_in2a ul li .link2 {}
.mainBox .box_in2a ul li .link3 {}
.mainBox .box_in2a ul li .link1 img, 
.mainBox .box_in2a ul li .link2 img, 
.mainBox .box_in2a ul li .link3 img,
.mainBox .box_in2a ul li .link4 img{width:100%;}

.mainBox .box_in2a ul li a .con {display:block; width:100%;}
.mainBox .box_in2a ul li a .con > * {display:block;}
.mainBox .box_in2a ul li a .con strong {width:100%; background:url("/img/main/icon_more.png") no-repeat center right; font-size:18px; color:#444; padding:5px 0 5px 15px; font-family:notokrM; letter-spacing:-0.02em;}
.mainBox .box_in2a ul li a .con .info{margin-top:30px;}

.mainBox .box_in2a ul li a .ov { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index:100; opacity:0; transition:0.5s; }
.mainBox .box_in2a ul li a .ov .in {display:block; position:relative; width:100%; height:100%; background:rgba(10,28,53,0.75); padding:25px;}
.mainBox .box_in2a ul li a .ov .in > * {display:block; position:absolute;}
.mainBox .box_in2a ul li a .ov .in p {width:100%; top:130px; font-size:20px; font-family:notokrM; letter-spacing:-0.02em; color:#fff; line-height:25px; transition:0.3s; opacity:0;}
.mainBox .box_in2a ul li a .ov .in .txt{font-size:14px; font-family:"Nanum Gothic", sans-serif; transition:0.3s; opacity:0; background:none; top:160px; letter-spacing:-0.03em;}
.mainBox .box_in2a ul li a .ov .in span {width:100%; height:20px; background:url("/img/main/box_in2_btn.png") no-repeat left bottom; top:185px; font-size:11px; color:#fff; transition:0.3s; opacity:0;}
.mainBox .box_in2a ul li a:hover .ov {opacity:1;}
.mainBox .box_in2a ul li  a:hover .ov .in p {width:100%; color:#fff; transition-delay:0.3s; top:60px; opacity:1;}
.mainBox .box_in2a ul li  a:hover .ov .in .txt{transition-delay:0.3s; top:90px; opacity:1;}

/* 컨텐츠4*/
.cusBox2 {width:100%; overflow:hidden;  background:url("/img/main/mid_bg2.jpg"); padding:0 0 40px 0; margin:10px 0 40px 0;}
.mainBoxa .box_in4{width:100%; overflow:hidden; }

/*컨텐츠5*/
.mainBox .box_in5{margin-bottom:10px; overflow:hidden;}
.mainBox .box_in5 .box1{float:left; width:32%; height:210px; margin:0 0 30px 0; padding:15px; position:relative; font-family:notokrM; letter-spacing:-0.02em; border:1px solid #dbdbdb;}
.mainBox .box_in5 .box2{float:left; width:32%; height:210px; margin:0 0 30px 2%; padding:15px; position:relative; font-family:notokrM; letter-spacing:-0.02em; border:1px solid #dbdbdb;}
.mainBox .box_in5 .box3{float:left; width:32%; height:210px; margin:0 0 30px 2%; padding:15px; position:relative; font-family:notokrM; letter-spacing:-0.02em; border:1px solid #dbdbdb;}
.mainBox .box_in5 .inner{width:100%; position:relative;}

/*공지사항*/
.mainBox .box_in5 .inner .notice {width:100%; display:inline-block;}

/*질문답변*/
.box_in3 .inner .qa {width:100%; display:inline-block;}

/* 고객센터*/
.box_in5 .inner .custmer{width:100%; overflow:hidden; display:inline-block;}
.box_in5 .inner .custmer p span{font-size:12.5px; color:#444; margin-bottom:3px;}
.box_in5 .inner .custmer img {float:left; padding:5px 0 0 0; transition:0.5s;}
.box_in5 .inner .custmer .tel {font-size:24px; font-weight:700; color:#333; line-height:25px; font-family:notokrM; letter-spacing:-0.02em; margin-top:10px;}
.box_in5 .inner .custmer .fax {font-size:24px; color:#666; line-height:22px; font-family:notokrM; letter-spacing:-0.02em;}
.box_in5 .inner .custmer .email a{font-size:11px; color:#666; letter-spacing:-0.03em; line-height:18px; }
.box_in5 .inner .custmer .email a:hover{color:#000;}
.box_in5 .inner .custmer .time{font-size:11px; color:#666; letter-spacing:0.02em; line-height:18px; letter-spacing:-0.01em;}

/*컨텐츠5a*/
.mainBox .box_in5{margin-bottom:10px; overflow:hidden;}
.mainBox .box_in5 .box1{float:left; width:32%; height:210px; margin:0 0 30px 0; padding:15px; position:relative; font-family:notokrM; letter-spacing:-0.02em; border:1px solid #dbdbdb;}
.mainBox .box_in5 .box2{float:left; width:32%; height:210px; margin:0 0 30px 2%; padding:15px; position:relative; font-family:notokrM; letter-spacing:-0.02em; border:1px solid #dbdbdb;}
.mainBox .box_in5 .box3{float:left; width:32%; height:210px; margin:0 0 30px 2%; padding:15px; position:relative; font-family:notokrM; letter-spacing:-0.02em; border:1px solid #dbdbdb;}
.mainBox .box_in5 .inner{width:100%; position:relative;}

/*공지사항*/
.mainBox .box_in5 .inner .notice {width:100%; display:inline-block;}

/*질문답변*/
.box_in3 .inner .qa {width:100%; display:inline-block;}

/* 고객센터*/
.box_in5 .inner .custmer{width:100%; overflow:hidden; display:inline-block;}
.box_in5 .inner .custmer p span{font-size:12.5px; color:#444; margin-bottom:3px;}
.box_in5 .inner .custmer img {float:left; padding:5px 0 0 0; transition:0.5s;}
.box_in5 .inner .custmer .tel {font-size:16px; font-weight:700; color:#333; line-height:10px; font-family:notokrM; letter-spacing:-0.02em; margin-top:10px;}
.box_in5 .inner .custmer .fax {font-size:12px; color:#666; line-height:22px; font-family:notokrM; letter-spacing:-0.02em;}
.box_in5 .inner .custmer .email{font-size:11px; color:#666; letter-spacing:0.05em; line-height:18px; }
.box_in5 .inner .custmer .email:hover{color:#000;}
.box_in5 .inner .custmer .time{font-size:11px; color:#666; letter-spacing:0.02em; line-height:18px; letter-spacing:-0.01em;}

/* 컨텐츠6 전문가 소개*/
.mainBox .box_in6 {width:100%; overflow:hidden; border:1px solid #ddd; padding:20px; margin:10px 0 30px 0}
.mainBox .box_in6 .left{float:left; width:16%; padding:10px 0 0 10px;}
.mainBox .box_in6 .left p{color:#700606; font-size:27px; font-family:notokrM; line-height:30px; position:relative; margin-bottom:10px; letter-spacing:-0.03em;}
.mainBox .box_in6 .left span{color:#444; font-size:15px; font-family:notokrM; line-height:20px; position:relative; letter-spacing:-0.03em;}

.mainBox .box_in6 .right{float:left; width:84%; padding-left:40px;}
.mainBox .box_in6 .right ul{}
.mainBox .box_in6 .right ul li{float:left; position:relative; margin-left:2%; width:15%; text-align:center;}
.mainBox .box_in6 .right ul li:first-child{margin-left:0;}
.mainBox .box_in6 .right ul li img{width:100%; padding-bottom:5px;}
.mainBox .box_in6 .right span{color:#444; font-size:14px; font-family:notokrM; letter-spacing:-0.03em; }

.mainBox .box_in6 .left .box_in6_more i{margin-left:5px;}
.mainBox .box_in6 .left .box_in6_more {display:block;  margin:12px 0 0 0;}
.mainBox .box_in6 .left .box_in6_more .btn {overflow:hidden; position:relative; display:block; width:100px; height:25px; text-align:center; line-height:25px; background:#000; text-transform:uppercase; border-radius:2px; font-family:notokrM;}
.mainBox .box_in6 .left .box_in6_more .btn span {color:#fff; font-size:13px; position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out;}
.mainBox .box_in6 .left .box_in6_more .btn:hover span {color:#fff;}
.mainBox .box_in6 .left .box_in6_more .btn .hover {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#720606; border:1px solid #ab2c66; color:#fff;
transform:scale(1,0);
-webkit-transform:scale(1,0);
-moz-transform:scale(1,0);
-ms-transform:scale(1,0);
transform-origin:center top;
-webkit-transform-origin:center top;
-moz-transform-origin:center top;
-ms-transform-origin:center top;
transition:all .2s ease-out;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;}

.mainBox .box_in6 .left .box_in6_more .btn:hover .hover {
transform:scale(1,1);
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);}

/*타이틀바 공통 */
.cusTit {width:100%; margin-bottom:10px; min-height:25px;}
.cusTit h2 {float:left; display: inline; padding:0 10px 5px 0; font-size:23px; color:#333; line-height:23px; font-family:notokrM;}

.cusTit_more {float:right; display:block;}
.cusTit_more .btn {overflow:hidden; position:relative; display:block; width:25px; height:25px; font-size:11px; text-align:center; border:1px solid #dbdbdb;  background:url("/img/main/icon_plus.png") #fff center center no-repeat; 
text-transform:uppercase; font-family:notokrM;}
.cusTit_more .btn span {color:#444; position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; letter-spacing:-0.05em;}
.cusTit_more .btn .hover {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url("/img/main/icon_plus_hover.png") #000 center center no-repeat;
transform:scale(1,0);
-webkit-transform:scale(1,0);
-moz-transform:scale(1,0);
-ms-transform:scale(1,0);
transform-origin:center top;
-webkit-transform-origin:center top;
-moz-transform-origin:center top;
-ms-transform-origin:center top;
transition:all .2s ease-out;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;}

.cusTit_more .btn:hover .hover {
transform:scale(1,1);
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);}

@media only screen and (max-width:1151px){
.mainBox .box_in2 ul li, 
.mainBox .box_in2 ul li:first-child + li + li + li {margin-left:0;}

.mainBox .box_in4 .ul { margin-top:50px; }
.mainBox .box_in4 .ul li {width:32%; height:158px; margin:0 0 5% 2%;}
.mainBox .box_in4 .ul li:nth-child(3n+1) { margin-left:0; }
.mainBox .box_in4 .ul .icon img { margin-top:18%; height:50px;}
.mainBox .box_in4 .ul .icon dl { margin:5px 0 18%;}

.mainBox .box_in5 .inner .company img {width:100px; height:77px;}
.mainBox .box_in5 .inner .custmer img {width:100px; height:77px;}

.mainBox .box_in6 {margin:10px 0 20px 0}
.mainBox .box_in6 .left{width:100%; margin-bottom:25px; text-align:center;}
.mainBox .box_in6 .right{width:100%; padding-left:0}
.mainBox .box_in6 .right ul li{width:32%; margin-bottom:20px;}
.mainBox .box_in6 .right ul li:first-child + li + li + li {margin-left:0;}
.mainBox .box_in6 .right ul li:first-child + li + li + li,
.mainBox .box_in6 .right ul li:first-child + li + li + li + li,
.mainBox .box_in6 .right ul li:first-child + li + li + li + li + li {margin-bottom:0;}
.mainBox .box_in6 .left .box_in6_more {margin:12px 0 20px 45%;}
.mainBox .box_in6 .left p{font-size:22px;}
.mainBox .box_in6 .left span{font-size:16px;}
}

@media only screen and (max-width:768px){
.tp-leftarrow.large,
.tp-rightarrow.large,
.tp-bullets{display:none !important;}
.s_img1 img{width:300px; height:294px;}
.s_img2 img{width:300px; height:162px;}
.s_img3 img{width:500px; height:135px;}
.s_img4 img{width:500px; height:170px;}

.mainBox .p1, 
.mainBox .p2,
.mainBox .box_in3 ul li .Tit h2,
.mainBox .box_in3 ul li p{font-size:18px;}
.mainBox .box_in1 .box1,
.mainBox .box_in1 .box2,
.mainBox .box_in3 .box1,
.mainBox .box_in3 .box2,
.mainBox .box_in5 .box1,
.mainBox .box_in5 .box2,
.mainBox .box_in5 .box3 {width:100%; height:180px; margin-left:0;}
.mainBox .box_in3 ul li{width:100%; margin-left:0;}
.mainBox .box_in2 ul li {width:50%; margin-left:0;}
.mainBox .box_in2a ul li {width:50%; margin-left:0;}

.mainBox .box_in4 .ul li {float:left; width:48%;  height:158px; margin:0 0 5% 4%; }
.mainBox .box_in4 .ul li:nth-child(3n+1) { margin-left:4%;}
.mainBox .box_in4 .ul li:nth-child(2n+1), .mainBox .box_in4 .ul li:nth-child(4n+1) { margin-left:0;}
.mainBox .box_in4 .ul .icon img { margin-top:10%; height:40px; }
.mainBox .box_in4 .ul .icon dl { margin:5px 0 10%; background-size:15px; }
.mainBox .box_in5 .inner .custmer img {width:100px; height:77px;}
.mainBox .box_in5 .inner .custmer .tel {line-height:24px;}

.cusBox {margin:10px 0 20px 0;}

.mainBox .box_in1 .box2 p,
.cusTit h2{font-size:16px; letter-spacing:-0.04em;}
.mainBox .box_in1 .box2 span{font-size:13px;}
.mainBox .box_in2 ul li a .ov .in p {font-size:16px;}
.mainBox .box_in2 ul li a .con strong {font-size:14px;}
.mainBox .box_in2a ul li a .ov .in p {font-size:16px;}
.mainBox .box_in2a ul li a .con strong {font-size:14px;}

.mainBox .box_in6 .right ul li{width:49%;}
.mainBox .box_in6 .right ul li:first-child + li + li + li {margin-left:2%;}
.mainBox .box_in6 .right ul li:first-child + li + li{margin-left:0;}
.mainBox .box_in6 .right ul li:first-child + li + li + li + li{margin-left:0;}
.mainBox .box_in6 .right ul li:first-child + li + li + li {margin-bottom:20px;},
.mainBox .box_in6 .right ul li:first-child + li + li + li + li,
.mainBox .box_in6 .right ul li:first-child + li + li + li + li + li {margin-bottom:0;}
.mainBox .box_in6 .left .box_in6_more {margin:12px 0 20px 35%;}
.mainBox .box_in6 .left p{font-size:18px;}
.mainBox .box_in6 .left span{font-size:13px;}
}

@media only screen and (min-width:1200px){
.sub_cusBox{display:none !important;}
}

/* 언론자율규정*/
.box_in7 {width:100%; background:#e5eaed; letter-spacing:-0.03em; overflow:hidden; padding:30px 0 30px 0; margin-top:40px;}
.box_in7 .title {text-align:center;}
.box_in7 .title h2{ font-size:23px; color:#333; margin-bottom:25px;}
.box_in7 .reul{width:100%;}
.box_in7 .reul ul {margin:0 0 0 -10px; overflow: hidden; position: relative;}
.box_in7 .reul ul li {float:left; width: calc(14.2% - 10px);  height:35px; line-height:33px; margin:0 0 5px 10px; background:#fff; border:1px solid #c0cbd2; font-size:14px; color:#666; padding-left:12px; transition:0.3s;}
.box_in7 .reul ul li:hover {background:#2d93d1; border:1px solid #2d93d1; color:#fff;}
.box_in7 .reul ul li i{float:right;font-size: 14px; height:35px; line-height:35px; width:20px; color:#666;}
.box_in7 .reul ul li:hover i{color:#fff;}

@media only screen and (max-width:960px){
   .box_in7 .reul ul li {width: calc(33.333% - 10px);  font-size:15px;}
}

@media only screen and (max-width:650px){
   .box_in7 .title h2{ font-size:16px;}
   .box_in7 .reul ul li {width: calc(50% - 10px);  font-size:14px;}
   .box_in7 .reul ul li i{font-size: 16px;}
}

/* ������1 ���� �� */
.box_in1{width:100%; overflow: hidden; text-align:center; margin-top:0px; letter-spacing:-0.03em;}
.box_in1 .title{width:100%; margin-bottom:40px;}
.box_in1 .title h2{font-size:26px; color:#333;}
.box_in1 .cnt_list { width: 100%; overflow:hidden;}
.box_in1 .cnt_list ul { margin:0 0 0 -2%; clear: both; padding-right:2px}
.box_in1 .cnt_list ul li { float:left; width: calc(20% - 2%); height:240px; overflow: hidden; margin-left:2%;position:relative; border:1px solid #ddd; background:#fff; text-align:center; padding:10px; margin-bottom:35px; box-shadow:3px 3px 7px rgba(0,0,0,0.06); /*border-radius:10px 10px 0 0;*/}
.box_in1 .cnt_list ul li .inner{width:100%; position:relative; height:150px; overflow:hidden; /*border-radius:10px 10px 0 0;*/}
.box_in1 .cnt_list ul li .bg{ position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; display:block; transition:0.5s;}
.box_in1 .cnt_list ul li:hover .bg{ transform:scale(1.1,1.1); transition:0.5s;}
.box_in1 .cnt_list ul li .bg1{ background:url("/img/main/box_in1_img01.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg2{ background:url("/img/main/box_in1_img02.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg3{ background:url("/img/main/box_in1_img03.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg4{ background:url("/img/main/box_in1_img04.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg5{ background:url("/img/main/box_in1_img05.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg6{ background:url("/img/main/box_in1_img06.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg7{ background:url("/img/main/box_in1_img07.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg8{ background:url("/img/main/box_in1_img08.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg9{ background:url("/img/main/box_in1_img09.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg10{ background:url("/img/main/box_in1_img10.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg1a{ background:url("/img/main/box_in1_img01a.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg2a{ background:url("/img/main/box_in1_img02a.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg3a{ background:url("/img/main/box_in1_img03a.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg4a{ background:url("/img/main/box_in1_img04a.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg5a{ background:url("/img/main/box_in1_img05a.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg6a{ background:url("/img/main/box_in1_img06a.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg7a{ background:url("/img/main/box_in1_img07a.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg8a{ background:url("/img/main/box_in1_img08a.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg9a{ background:url("/img/main/box_in1_img09a.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li .bg10a{ background:url("/img/main/box_in1_img10a.jpg") no-repeat left top / cover;}
.box_in1 .cnt_list ul li a dl{margin-top:-15px; position: relative; z-index: 10; width: 90%; left: 5%; }
.box_in1 .cnt_list ul li a dl dt{position: relative; background-color: #fff;  font-size:18px; color:#000; padding-top: 15px;}
.box_in1 .cnt_list ul li a dl dd {font-size:14px; color:#666; margin-top:5px;}
.box_in1 .cnt_list ul li a dl dd .btn { position:relative; display:block; box-sizing:border-box; width:160px; height:30px; line-height:30px; margin:0 auto; background:url("/img/main/box_in1_area.png") no-repeat right 25px center ; cursor:pointer; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #fff; color:#333; font-size:12px; text-align:center; margin-top:0px;}
.box_in1 .cnt_list ul li a dl dd .btn:hover {background:url("/img/main/box_in1_area.png") no-repeat right 25px center ;}
.box_in1 .cnt_list ul li a dl dd .btn span { position:relative; margin-right:0px;}
.box_in1 .cnt_list ul li:hover .btn span { color:#fff; }
.box_in1 .cnt_list ul li a dl dd .btn .hover { background:url("/img/main/box_in1_area_hover.png") no-repeat right 25px center #139af8; position:absolute; top:0; left:0; display:block; width:100%; height:100%;  border:1px solid transparent; transform:scale(0,1);  transform-origin:left top; transition:all .2s ease-out; }
.box_in1 .cnt_list ul li:hover .btn .hover { transform:scale(1,1); }

@media screen and (max-width:960px) {
    /* ������1 ���� �� */
	.box_in1 .title h2 {font-size:25px;}
	.box_in1 .cnt_list ul li a dl dt{font-size:20px;}
	.box_in1 .cnt_list ul li a dl dd {font-size:15px;}
	.box_in1 .cnt_list ul li { width: calc(48% - 2%);}
	
}

@media screen and (max-width:600px) {
   /* ������1 ���� �� */
	.box_in1 .title h2 {font-size:25px;}
	.box_in1 .cnt_list ul li a dl dt{font-size:20px;}
	.box_in1 .cnt_list ul li a dl dd {font-size:15px;}
	.box_in1 .cnt_list ul li { width: calc(48% - 2%);}
	
}


#pr_video {position:relative; width:100%; padding:140px 0; background:url('../image/prvideo_back.jpg') no-repeat center top; background-attachment: fixed; background-size: cover;}
#pr_video:after{ content:""; display:block; clear:both;}
#pr_video .inner {width:100%; max-width:1300px; margin:0 auto; }
#pr_video .m_bnr2_tit {padding:0 10px; text-align:center; }
#pr_video .m_bnr2_tit p { font-size:3.8em; color:#fcd707; line-height:1.6em; font-weight:700;  }
#pr_video .m_bnr2_tit span { display:block; margin-top:20px; font-size:1.5em; color:#fff; line-height:1.5em; }
#pr_video a.btn_movie{display:inline-block; text-align:center; width:200px; height:50px; line-height:45px; font-size:1.5em; color:#fff; letter-spacing:0.05em; background-color: transparent; border:2px solid #fff; border-radius:50px;  margin:40px auto 0; transition: 0.3s all ease;   -webkit-transition: 0.3s all ease;   -moz-transition: 0.3s all ease;   -ms-transition: 0.3s all ease;   -o-transition: 0.3s all ease; }
#pr_video a.btn_movie:hover{color:#fff; background:#C53428; border:2px solid #C53428; transition: 0.3s all ease; }