@charset "utf-8";

@font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }

/* defult */
html {-webkit-text-size-adjust: none;}
body,textarea,select,table,button {font-family: 'Noto Sans KR', sans-serif;line-height:18px;font-size:14px;color:#333;margin:0;padding:0;}
img {border:0;vertical-align:middle;}
ul,ol {margin:0;padding:0;list-style:none;}
td{ font-family: 'Noto Sans KR', sans-serif; font-size: 11pt; text-decoration:none; color:#80807f}
dl,dl dt,dl dd,form,p {margin:0;padding:0;}
li,li img,dt img,dd img,td img,p img {margin:0;padding:0; list-style:none;}
fieldset {margin:0;padding:0;border:0;}
legend {position:absolute;visibility:hidden;overflow:hidden;height:0;line-height:0;width:0;margin:0;padding:0;font:0/0 Arial;}
caption {visibility:hidden;overflow:hidden;height:0;line-height: 0;width:0;margin:0;padding:0;font:0/0 Arial;}
hr {display:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:1em;margin:0;}
a {text-decoration:none;color:#333;}
a:hover,a:focus,a:active {text-decoration:none;color:#333;}
/* table {table-layout:fixed;} */
select,label {padding:0;margin:0;vertical-align:middle;}
em,address {font-style:normal;}
textarea {vertical-align:top;margin:0;padding:0;}
object,param {padding:0;margin:0;line-height:0;}
section, article, header_home, footer, hgroup, figcaption, figure {display:block;}


/*hidden*/
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}
/*ico*/
.ico_clip{ display: inline-block; *display: inline; *zoom: 1; background: url(/images/ico/ico_clip.gif) right top no-repeat; padding-right: 20px; line-height: 15px; }

select.menu_search {height:18px; line-height:18px; border:1px solid #bebebe; margin:0 0px 0 0 ; }
input.text_search {height:18px; line-height:18px; border:1px solid #bebebe;  margin:0 0px 0 0; }



.iconbanner {position:absolute; width:100%; min-width:1300px; z-index:10; top:460px; }
.iconbanner_ {width:1300px; margin:0 auto;}

.iconbanner2 {width:1370px; float:right; font-size:0;}
.iconbanner2 li {display:inline-block; *display:inline; *zoom:1;width: calc(100% /9 - 0px);}
.iconbanner2 li img {width:100%;}


/* main_visual */
.main_visual{clear:both; width:100%; min-width:1250px; height:740px;overflow:hidden;}
.main_visual .main_slick,
.main_visual .main_slick *{transition:none}
.main_visual .main_slick .item{width:100%;height: 740px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.main_visual .main_slick .item > div{position:relative;top:33%; width:1200px; margin:0 auto; }
.main_visual .main_slick .item > div > *{text-align:center;}
.main_visual .main_slick .item1{background-image:url('/img/main1.jpg');}
.main_visual .main_slick .item2{background-image:url('/img/main2.jpg');}


.main_visual .main_slick p{color:#fff;font-size:33px;line-height:43px;font-weight:600; padding-top:10px;opacity:0;transition:all 1s; letter-spacing:-1px;}
.main_visual .main_slick p.tt{font-size:35px; padding-top:10px; font-weight:400;color:#fff; font-family: 'Khand', sans-serif;}

.main_visual .main_slick .slick-prev, 
.main_visual .main_slick .slick-next{width: 58px;height: 58px;z-index:5;text-indent:-999999px;}
.main_visual .main_slick .slick-prev{background:url('/img/sub_common_left.png') no-repeat;left:10% !important;background-size:cover;}
.main_visual .main_slick .slick-next{background:url('/img/sub_common_right.png') no-repeat;right:10% !important;background-size:cover;}
.main_visual .main_slick .slick-dots{bottom:10%;}
/*.main_visual .main_slick .slick-dots li button{width:8px;height: 8px;border-radius:50%;background-color:#fff;}
.main_visual .main_slick .slick-dots li.slick-active button{width: 12px;height: 12px;background-color:#40bbca;}
.main_visual .main_slick .slick-dots li:before{text-indent:-999999px;}*/

.main_visual .main_slick h2.active{padding-top:0;opacity:1;}
.main_visual .main_slick p.active{padding-top:0;opacity:1;}




.inner {width:1250px; margin:0 auto; position:relative;}

.main_product {width:100%; min-width:1250px; padding:50px 0; background:#efefef; height:600px;}
.main_product .main_titleArea {text-align:center; font-family: 'Khand', sans-serif; font-size:45px; color:#000; padding:60px 0;}

.main_product .prdList li {width:362px; height:462px; background:#fff; text-align:center; line-height:28px; letter-spacing:-0.4px; transition:0.5s; -webkit-transition:0.5s;}
.main_product .prdList li a {display:block; width:100%; height:462px;}
.main_product .prdList li img {margin-bottom:15px;}
.main_product .prdList li .name {padding-top:12px; font-size:20px; font-weight:400; color:#000;}
.main_product .prdList li .prd_code {display:block; font-weight:300; font-size:14px; color:#646464; padding-bottom:20px;}
.main_product .prdList li .btn_more02 {margin-top:25px; font-size:35px; color:#646464; font-weight:100;}
.main_product .prdList li:hover {background:#fff; -webkit-box-shadow: 5px 5px 13px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 13px 0px rgba(0,0,0,0.3); box-shadow:5px 5px 13px 0px rgba(0,0,0,0.3);}


.main_product .prdList li:hover .btn_more02 {border-color:#ec008c; color:#646464;}
.main_product .prdList li:hover .btn_more02:before, .main_product .prdList li:focus .btn_more02:before,.main_product .prdList li:active .btn_more02:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
.main_product .main_prd_list .bx-controls-direction a {position:absolute; top:345px; display:block; width:48px; height:48px; background:url('/img/prd_arrow.png') no-repeat; font-size:0; line-height:0; z-index:300;}
.main_product .main_prd_list .bx-controls-direction a.bx-prev {left:0; background-position:left top;}
.main_product .main_prd_list .bx-controls-direction a.bx-next {right:0px; background-position:right top;}
.main_product .main_prd_list .bx-controls-direction a:hover {background-position-y:bottom;}



#mcontents {position: relative; width:100%; min-width:1200px; height:297px; background:url('/img/con_bg.gif') center top;}
.mcon {width:1200px; margin:0 auto; }

.mpop {width:396px; float:left; text-align:center;}
.mpop ul li {font-size:18px; font-weight:300; line-height:22px; color:#fff;}
.mpop ul li:first-child {font-family: 'Khand', sans-serif; font-size:35px; font-weight:500; line-height:35px; padding-bottom:20px; padding-top:90px;}

.mboard2 {width:303px; float:left; height:297px; padding:0 47px; position:relative;}
.mboard2 h3 {font-size:18px; color:#1c1c1c; font-weight:400; font-family: 'Khand', sans-serif; padding-top:47px; }
.mboard2 h4 {padding:17px 0 32px 0; font-size:26px; color:#1c1c1c; font-weight:600; letter-spacing:-1px;}
.mboard2 ul li {font-size:15px; color:#828282; font-weight:300; padding-bottom:10px;}

.mboard3 {width:303px; height:297px; display:inline-block; *display:inline; *zoom:1; padding:0 47px; background:url('/img/call.png') right 120px no-repeat;}
.mboard3 h3 {font-size:18px; color:#1c1c1c; font-weight:400; font-family: 'Khand', sans-serif; padding-top:47px; }
.mboard3 h4 {padding:17px 0 32px 0; font-size:26px; color:#1c1c1c; font-weight:600; letter-spacing:-1px; }
.mboard3 ul {padding-top:0px; }
.mboard3 ul li {font-size:15px; padding-top:10px; color:#828282;}
.mboard3 ul li:first-child {font-family: 'Khand', sans-serif; font-size:45px; color:#000; font-weight:400; line-height:35px; padding-bottom:0px; padding-top:0px;}

.mboard3:before {content: ""; position:absolute; width:1px; height:257px; background:#ececec; margin-left:-50px; margin-top:5px;}

a.main_more {position:absolute; bottom:30px; left:46px; display:block; width:105px; height:38px; background:url('/img/more.gif') no-repeat left top; font-size:14px; font-weight:300; line-height:38px; color:#222; text-align:left; padding-left:15px; transition:0.2s;}
a.main_more span { position:absolute; }
a.main_more:after {position:absolute; content:''; height:1px; width:0; background:#fff; right:0; top:19px; transition:0.2s;}
a.main_more:before { position:absolute; content:''; height:38px; width:0px; background:#333; left:0; top:0; transition:0.2s;}
a.main_more:hover { color:#fff;}
a.main_more:hover:after { width:18px;}
a.main_more:hover:before { width:120px;}



#mcontents2 {position: relative; width:100%; min-width:1200px; height:117px; background:#f5f5f5;}

.mbanner {width:1200px; text-align:center; padding-top:20px;}
.mbanner ul li {display:inline-block; *display:inline; *zoom:1; padding:0 150px; margin-left:50px; font-size:20px; font-weight:400; line-height:80px; color:#373737; padding-left:70px;}
.mbanner ul li:first-child {background:url('/img/icon1.png') left 10px no-repeat;}

.mbanner ul li:nth-child(2) {background:url('/img/icon2.png') left 10px no-repeat; }
.mbanner ul li:nth-child(2):before {content: ""; position:absolute; width:1px; height:48px; background:#dfdfdf; text-align:left; margin-left:-150px; margin-top:15px;}

.mbanner ul li:nth-child(3) {background:url('/img/icon3.png') left 10px no-repeat;}
.mbanner ul li:nth-child(3):before {content: ""; position:absolute; width:1px; height:48px; background:#dfdfdf; text-align:left; margin-left:-150px; margin-top:15px;}

/* 탑버튼 */
#top_btn{position:fixed; right:60px; bottom:20px; display:none; z-index:9999; width:60px; height:60px; background: url(/img/top.png) no-repeat center center; text-indent:-10000px; border:1px solid #fff; opacity:0.8; transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; border-radius:24px;}


#bottombn {width:100%; min-width:1200px; margin-top:20px;}
#BottomBanner {width:1200px; margin:0 auto; text-align:center; height:71px; }


/*///////////////////// footer /////////////////////*/

#m_footer {position:relative; width:100%; min-width:1200px; border-top:1px solid #e3e3e3;}
.footer {width:1200px; margin:0 auto; padding:40px 0;}
.footer li {line-height:20px; font-size:15px; color:#282828; font-weight:400; text-align:center; white-space: pre;}
.info_lgoo {float:left; width:30%; }
.info {display:inline-block; line-height:23px; width:60%; padding-top:9px;}