@charset "utf-8";
/* 메인 비쥬얼 */

.fullwidthbanner-container{ width: 100% !important; max-width: 100% !important; position: relative; padding:0; max-height: 650px !important; overflow:hidden;}
.fullwidthbanner { width:100% !important; height:100%; max-height:650px !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.big {font-size: 2.5em; /* 38px */ letter-spacing:-0.02em; padding: 5px 15px; font-family:notokrM; text-shadow: 0 -1px rgba(0, 0, 0, 0.55);}
.tp-caption.mid {color:#666; line-height:25px; padding: 8px 12px; font-size:16px; text-shadow: none; letter-spacing: -0.02em; font-family:notokrM;}
.tp-caption a.small_btn {overflow:hidden; text-transform:uppercase; color:#666; line-height:22px; padding:5px 12px; font-size:14px; font-weight:600; text-shadow:none; font-family:notokrM; text-align:center; border: 1px solid #bab9b9; border-radius:5px;}
.tp-caption a.small_btn:hover {background: #000;color:#fff; border: 1px solid transparent;  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;}

.tp-caption a.small_btn:hover {
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
}
.tp-caption a.small_btn i{margin-left:5px;}
.tp-width {width:100%; margin-left:-430px}


/* 폰트컬러 */
.tp-caption .black {color: #000; text-shadow: 0 -1px rgba(0, 0, 0, 0.55);}
.tp-caption.big.color1 {color: #e0949f; text-shadow: 0 -1px rgba(0, 0, 0, 0.55);}
.tp-caption.big.color2 {color: #8caac0; text-shadow: 0 -1px rgba(0, 0, 0, 0.55);}
.tp-caption.big.color3 {color: #d9bf96; text-shadow: 0 -1px rgba(0, 0, 0, 0.55);}
.tp-caption.big.color4 {color: #d7adc9; text-shadow: 0 -1px rgba(0, 0, 0, 0.55);}
.tp-caption.big.color5 {color: #a68e6e; text-shadow: 0 -1px rgba(0, 0, 0, 0.55);}
.tp-caption.big.color6 {color: #cb717d; text-shadow: 0 -1px rgba(0, 0, 0, 0.55);}
.tp-caption.big.color7 {color: #cb717d; text-shadow: 0 -1px rgba(0, 0, 0, 0.55);}

/* 버튼*/
.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;}
.caption.fullscreenvideo {left:0px; top:0px; position:absolute; width:100%; height:100%;}
.caption.fullscreenvideo iframe {width:100% !important; height:100% !important;}

.tp-caption.fullscreenvideo {left:0px; top:0px; position:absolute; width:100%; height:100%;}
.tp-caption.fullscreenvideo iframe  {width:100% !important; height:100% !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;}

/*  bottom 버튼  */
.tp-bullets { display: block; position: absolute; bottom: 15px !important;overflow: hidden; z-index: 100; padding: 7px;}
.tp-bullets .bullet { margin-right:4px; float:left; width:14px; height:14px; background:#fff; border:3px solid #000; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -moz-border-radius:12px; -webkit-border-radius: 14px; border-radius: 14px; text-indent:-999em; }
.tp-bullets .bullet.last { margin: 0; }
.tp-bullets .bullet.selected { cursor:default; background-color: rgba(0,0,0,0.9); }  

@media only screen and (max-width: 1151px){ .tp-bullets,.tp-bullets .bullet,.tp-bullets .bullet.last,.tp-bullets .bullet.selected{display:none !important} 
}

@media only screen and (max-width: 768px){ .tp-caption a.small_btn{font-size:95%} 
}

/*  좌우 버튼  */
.tp-leftarrow{ position: absolute; top: 50%; margin-top: -15px !important; display: block;  width: 67px; height: 68px; background-image: url("/img/main/vsl_arrows_l.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; }

.tp-rightarrow {  position: absolute; top: 50%; margin-top: -15px !important; display: block;  width: 67px; height: 68px; background-image: url("/img/main/vsl_arrows_r.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; }

.tp-leftarrow:hover{ background-image: url("/img/main/vsl_arrows_l_hover.png"); background-repeat: no-repeat;} 
.tp-rightarrow:hover { background-image: url("/img/main/vsl_arrows_r_hover.png"); background-repeat: no-repeat;} 

.fullwidthbanner-container:hover .tp-leftarrow, .fullwidthbanner-container:hover .tp-rightarrow { opacity: 1; }
.tp-leftarrow { left:0 !important;}
.tp-rightarrow { right: 0 !important;}

.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 a div, .tp-caption.slidelink a div { width:10000px; height:10000px;  background: url("/img/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: 1152px){
.mainBox{width:1200px; margin:0 auto; margin-bottom:30px}
}

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

/* 바로가기 컨텐츠 */
.cntBox{height:160px; border:1px solid #ddd; margin-top:40px; padding:15px 0 0 15px;}
.cntBox:hover{background: #f6f6f6;}
.cntBox img {float:left; display:block; padding:4px 0 0 0}
.cntBox-img {display:inline-block; transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out;}
.cntBox:hover .cntBox-img {-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}
.cntBox-cn {margin:10px 10px 0 135px; z-index:1;}
.cntBox-cn_tit {font-size:18px; color:#333; font-family:notokrM; line-height:22px; letter-spacing:-0.05em;}
.cntBox-cn_txt {padding-top:5px; font-size:14px; color:#444; line-height:20px; letter-spacing:-0.05em;}

.cntBox_more i{margin-left:5px;}
.cntBox_more .btn {overflow:hidden; position:relative; display:block; width:90px; height:25px; margin-top:12px; line-height:22px; border:1px solid #ccc; text-align:center; font-size:12px; 
  text-transform:uppercase; border-radius:15px; background: #f7f7f7;}
.cntBox_more .btn span {color:#333; position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; letter-spacing:-0.05em;}
.cntBox_more .btn:hover span {color:#fff;}
.cntBox_more .btn .hover {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#444; color:#fff; border:1px solid transparent;
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;
}
.cntBox_more .btn:hover .hover {
transform:scale(1,1);
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
}

/* 제품소개 */
.product_in{width:100%; margin-top:20px}
.product_in .title {width:100%; min-height:30px;}
.product_in .title h2 {float:left; font-size:20px; color:#333; min-height:25px; font-family:notokrM;}
.product_in .title .more {float:right; display:block; margin:5px 0 0 0;}
.product_in .title .more {display:inline-block; width:20px; height:20px; background:url("/img/main/more_icon.png") 5px 5px no-repeat #949494;}
.product_in .title .more:hover {background:url("/img/main/more_icon.png") 5px 5px no-repeat #333;}
.product_box {width:100%; border:1px solid #e1e1e1; min-height:350px; margin-top:5px; padding-top:20px}


/* 중간 멘트 */
.mid_ment {width:100%; height:175px; background:url("/img/main/mid_ment_bg.png") no-repeat center top; padding:30px 10px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center;}
.mid_ment_in p{margin-bottom:20px; color:#222; font-size:22px; font-weight:600; line-height:30px;font-family:"Nanum Gothic", sans-serif;}
.mid_ment_in span{font-size:16px; line-height:20px;font-family:"Nanum Gothic", sans-serif;}

@media only screen and (min-width: 1152px){
.mid_ment .mid_ment_in{width:1200px; margin:0 auto;}
}

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

/*고객센터*/
@media only screen and (min-width: 1152px){
.cusBox1{padding-right:20px}
.cusBox2{padding:0 10px 0 10px}
.cusBox3{padding-left:20px}
}

@media only screen and (max-width: 1151px){
.cusBox1, .cusBox2, .cusBox3{padding:0}
}

.cusBox{width:100%; height:130px; margin-top:40px;}
.cusBox .cusTit {margin-bottom:5px; background:url("/img/main/line_bg.png") 0 50% repeat-x; min-height:25px;}
.cusBox .cusTit h2 {float:left; background-color:#fff; display: inline;padding:0 10px 0 0; font-size:20px; color:#333; line-height:25px; font-family:notokrM;}

.cusTit_more i{margin-left:5px;}
.cusTit_more {float:right; display:block;}
.cusTit_more .btn {overflow:hidden; position:relative; display:block; width:65px; height:22px; font-size:11px; text-align:center; border:1px solid #ccc; border-radius:15px; line-height:22px; background: #f7f7f7; text-transform:uppercase;}
.cusTit_more .btn span {color:#666; 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 span {color:#fff;}
.cusTit_more .btn .hover {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#444; color:#fff; border:1px solid #444;
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);
}

.cusBox .notice {width:100%; height:130px; display:inline-block; padding-top:7px}
.cusBox .custmer {width:100%; height:160px; display:inline-block; background:url("/img/main/main_tel.png") 0 12px no-repeat; padding:15px 0 0 90px}
.cusBox .tel {font-size:22px; font-weight:700; color:#444; line-height:20px; font-family:notokrM;}
.cusBox .fax {font-size:20px; font-weight:600; color:#444; letter-spacing:0.11em; font-family:notokrM;}
.cusBox .tel span, .cusBox .fax span {font-size:16px; font-weight:600; color:#666;}
.cusBox .email{font-size:14px; color:#666;}

.cusBox .qikBox{width:100%;}
.cusBox .qik_btn {width:48%; height:65px; border:1px solid #e1e1e1; margin-top:13px; font-size:16px; font-family:notokrM; line-height:16px;}
.cusBox .qik_btn1 {float:left; background:url("/img/main/qik_btn01.png") 10px 9px no-repeat; padding:15px 0 12px 72px; color:#444; margin-right:4%}
.cusBox .qik_btn1:hover {background:url("/img/main/qik_btn01.png") 10px 9px no-repeat #f7f7f7; color:#000;}
.cusBox .qik_btn2 {float:right; background:url("/img/main/qik_btn02.png") 10px 9px no-repeat; padding:15px 0 12px 65px; color:#444;}
.cusBox .qik_btn2:hover {background:url("/img/main/qik_btn02.png") 10px 9px no-repeat #f7f7f7; color:#000;}
.cusBox .qik_btn span {font-size:11px; color:#666; letter-spacing:-0.07em; font-family:"Nanum Gothic", sans-serif;}



	/*���θ޴�*/
	#main > div { max-width:100%; min-width:100%;  }
	#main h2 { position:static; float:left; text-align:left; font-size:22px; width:33.3%; max-height:202px;  box-sizing:border-box; line-height:120%; }
	#main h2 p { display:table; width:100%; height:100%; }
	#main h2 p span { display:table-cell; vertical-align:middle; padding-left:10px;  }
	#main nav {  width:100%; overflow:hidden; position:absolute; top:300px;  left:0; z-index:555; box-sizing:border-box; padding:0 15px; }
	#main nav article { position:static; float:left;  width:33.3%; max-height:202px; padding:0;  }
	#main nav article:hover:before { display:none;  }
	#main nav .title { height:100%; margin-top:0; position:relative;  }
	#main nav .title h3 { float:none; width:100%; height:100%; display:table; font-size:18px; }
	#main nav .title h3 span { display:table-cell; vertical-align:middle; text-align:center; }
	#main nav .title a { float:none; display:block; width:100%; height:100%; position:relative; position:absolute; top:0; left:0;   z-index:5; }
	#main nav .title a:before { height:12px;  top:10px; left:calc(100% - 15px);  }
	#main nav .title a:after { width:12px; top:15px;  left:calc(100% - 20px);   }
	.menu1 p, .menu1 .btn, .menu2 p, .menu2 .btn, .menu3 dl, .menu4 ul, .menu3 p, .menu3 .btn { display:none; }
	.menu4:hover:after { border-left-color:#rgba(27,157,169,.9); }
	#main nav article.menu5 span { display:none; }
	.imgPdBn { visibility:visible; width:100%; height:100%; }
	.imgPdBn li img { min-width: 100%; min-height: 100%; }

 /*mainVisual*/
    #mainVisual{width:100%; margin:90px auto 0 auto;}
	.visual h2 {font-size:30px; letter-spacing:-0.03em; font-family:notokrM; color:#fff; font-family:notokrM; text-shadow: rgba(0,0,0,.7) 0px 0px 3px;text-shadow: rgba(0,0,0,.7) 0px 0px 3px 3px;}
	.visual p {font-size:20px; letter-spacing:-0.03em; font-family:notokrM; color:#fff; font-family:notokrM; text-shadow: rgba(0,0,0,.7) 0px 0px 3px;text-shadow: rgba(0,0,0,.7) 0px 0px 3px 3px;}
	.visual {  height:auto; padding-bottom:650px; }
	.visual > li .img { width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; animation:vsImg 6.5s ease-in-out; -webkit-animation:vsImg 6.5s ease-in-out; -moz-animation:vsImg 6.5s ease-in-out; }
	.visual .img > img { min-width: 100%; max-height: 100%; }
	.visual .txt { max-width:100%; min-width:100%; padding:0 15px; box-sizing:border-box;  }
	.visual .txt dl { margin:100px 0; text-align:center; }
	.visual .txt dt { font-size:40px;  }
	.visual .txt dd { font-size:16px; }
	.visual .txt > a { display:none;}

	#mainVisual .bx-has-controls-direction { top:140px; }
	#mainVisual .bx-controls-direction { max-width:100%; min-width:100%;  }
	#mainVisual .bx-controls-direction a { position:absolute; top:0; /* width:64px; height:64px;  */float:none;}
	#mainVisual .bx-prev {  left:0; }
	#mainVisual .bx-next { margin-left:0; right:0; }
	#mainVisual .bx-controls-auto { display:none; }
}

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

	.visual h2 {font-size:18px;}
	.visual p {font-size:14px;}
	#main h2 { font-size:18px; }
	#main h2 p span {padding-left:5px;  }
	#main nav {   top:250px;   }
	#main nav .title h3 { font-size:16px; }
	.menu1 { background-size:110%; }
	.menu2, .menu3, #main nav article.menu4 { background-size:60%; }
	#main nav article.menu5 span:after { margin-top:-10px; border-top-width:10px; border-left-width:10px; border-bottom-width:10px;  }
	#main nav article.menu5 img { max-height: 100%; }


	/*mainVisual*/
	.visual { padding-bottom:calc(250px + 75%);}
	.visual .txt { padding:0 40px;  }
	.visual .txt dl { margin:70px 0 50px; }
	.visual .txt dt { font-size:20px;  padding-top:50px}
	.visual .txt dd { font-size:14px; }
	.visual .txt dd span { display:inline; margin-left:3px; }
	#mainVisual .bx-has-controls-direction { top:85px; }
	#mainVisual .bx-controls-direction a { width:45px; height:45px;  }
	#mainVisual .bx-prev, #mainVisual .bx-next  { background-size:45px;}

}
@media screen and (max-width:400px) {
	/*���θ޴�*/
	#main h2 {  font-size:13px; }
}

/* ���� ������ �ڽ� */
@media only screen and (min-width: 1152px){
.mainBox{width:1200px; margin:0 auto; z-index:9999; overflow:hidden;}
}

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



/* ������3 ��ġ����*/
.mainBox .box_in3{width:100%;}
.mainBox .box_in3 ul{}
.mainBox .box_in3 .box1{float:left; width:100%; position:relative; margin-bottom:30px;}
.mainBox .box_in3 .box1 .in{width:100%; padding:10px; border:1px solid #dbdbdb; overflow:hidden;}
.mainBox .box_in3 .box2{float:left; width:30%; margin:0 0 0 2%; position:relative; margin-bottom:30px;}
.mainBox .box_in3 .box2 .in{width:100%; padding:10px; border:1px solid #dbdbdb;}
.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);}

@media only screen and (max-width:560px){
 #mainVisual .visual h2 {font-size:18px; letter-spacing:-0.04em;}
 #mainVisual .visual p {font-size:14px; letter-spacing:-0.04em;}
}

.mainCsBox {width:100%; overflow:hidden; position:relative; letter-spacing:-0.03em; padding:0 15px;}
.mainCsBox .cnt_box {margin:0 0 0 -3%; padding:0 5px;}
.mainCsBox .cnt_box .cnt_box_in{float:left; width: calc(25% - 3%); margin:0 0 30px 3%; height:130px; position: relative;}

/*--- 메인 공지사항 등 타이틀 ---*/
.main-title {width:100%; min-height:30px; border:1px solid #e9e9e9; margin-bottom:10px; background:url("/img/main_title_area.png") #fff no-repeat; padding: 6px 0 0 35px}
.main-title:hover {background:url("/img/main_title_area.png") #f7f8fa no-repeat;}
.main-title h2 {display:inline; margin:0px; padding:0 10px 0 0; color:#444; float:left; font-size:15px; font-weight:700; font-family:"Nanum Gothic", sans-serif; letter-spacing:-0.01em;}
.main-title span {font-size:20px; color:#444; line-height:20px; min-height:20px; float:left;}
.title_more {float:right; display:block; width:16px; height:16px; margin:0 5px 0 0}
.title_more {display:inline-block; background:url("/img/more_icon.png") #b6b6b8 3px 3px no-repeat; }
.title_more:hover {background:url("/img/more_icon.png") #439cd1 3px 3px no-repeat;}

.title_line {background:url("/img/line_bg.png") 0 50% repeat-x; display: block; margin:0 0 10px 0;}
.title_line h3, .title_line h4, .title_line h2 {background-color:#fff;display: inline;padding:0 10px 0 0;}
.title_line h2 {color:#444; font-size:15px; font-weight:700; font-family:"Nanum Gothic", sans-serif; letter-spacing:-0.01em;}

/*--- 공지사항 ---*/
.main_notice {margin:0 0 30px 0; min-height:140px;}

/*--- 퀵 버튼 ---*/
.main_quick {width:100%;}
.main_quick ul{width:100%; border:1px solid #e1e1e1; padding:12px 0 11px 0; text-align:left;border-radius:0px}
.quick_title p{font-size:14px; font-weight:600; font-family:"Nanum Gothic", sans-serif;}
.quick_title p img{padding: 0 7px 0 10px}
.main_quick .btn {background:url("/img/quick_area.png") right no-repeat #fff; margin-bottom:15px; color:#666;}
.main_quick .btn:hover {background:url("/img/quick_area.png") right no-repeat #f7f8fa; color:#000;}
.main_quick a:last-child .btn {margin-bottom:0px}

.btn_qa{width:100%; margin-top:-1px;}
.btn_qa ul {border:1px solid #d6d9e1; padding:10px 0 9px 0; text-align:left;border-radius:0px}
.btn_qa .bt_qa {background:url("/img/quick_area.png") right no-repeat #e7e9ee; margin-bottom:11px; color:#444;}
.btn_qa .bt_qa:hover {background:url("/img/quick_area_over.png") right no-repeat #96a4b4; color:#fff;}
.bt_qa_t{font-size:10.5px; color:#777; letter-spacing:-0.01em; font-family:"Nanum Gothic", sans-serif;}
.bt_qa_t:hover{color:#fff;}

/*--- 링크 버튼 ---*/
.main_link_btn {width:100%;}
.main_link_btn .link_btn {width:100%; height:38px; border:1px solid #d6d9e1;}
.main_link_btn .btn1 {background:url("/img/001.png") center no-repeat; margin-bottom:6px;}
.main_link_btn .btn2 {background:url("/img/002.png") center no-repeat; margin-bottom:6px;}
.main_link_btn .btn3 {background:url("/img/003.png") center no-repeat;}


/*--- 고객 상담센터 ---*/
.cusctr_t {width:100%; background:url("/img/main_tel.png") 0 10px no-repeat; padding-top:10px;}
.cusctr_t p {padding-left:60px; font-size:20px; font-weight:700; color:#000; letter-spacing:0.02em; font-family:notokrM;}
.cusctr_t .fax {margin-left:60px; font-size:16px; color:#777; letter-spacing:-0.03em; font-family:notokrM;padding:0 0 5px 0}
.cusctr_t .tel {width:100%; margin:0 0 10px 10px;}
.cusctr_t .tel span {padding-left:5px; font-size:11px; color:#777; line-height:20px; font-family:notokrM; padding:0 0 5px 0}
.cusctr_t .tel span img {padding-right:6px;}
.cusctr_t .time{font-size:11px; color:#777; line-height:16px; letter-spacing:-0.05em; font-family:"Nanum Gothic", sans-serif;}

@media only screen and (max-width:960px){
    .mainCsBox {padding:0 7px;}
	.mainCsBox .cnt_box .cnt_box_in{width: calc(50% - 3%); margin:0 0 30px 3%;}
}

@media only screen and (max-width:650px){
    .mainCsBox {margin-top:20px; padding:0 6px;;}
	.mainCsBox .cnt_box .cnt_box_in{float:none; width: calc(100% - 3%); margin:0 0 30px 3%;}
}

/*--- 메인 관련사이트 배너---*/
.mainLkBox {width:100%; margin:-10px 0 30px 0}
.mainLk_in{margin:0 12px 0 -7px}
.mainLk_title {background:url("/img/line_bg.png") 0 50% repeat-x; display: block; margin:0 0 -5px 0;}
.mainLk_title h2 {background-color:#fff;display: inline;padding:0 10px 0 0; color:#444; font-size:15px; font-weight:700; font-family:"Nanum Gothic", sans-serif; letter-spacing:-0.01em;}