@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* defult */
html {-webkit-text-size-adjust: none;}
body,textarea,select,table,button {font-family: 'Noto Sans KR', sans-serif;line-height:18px;font-size:12px;color:#333;margin:0;padding:0;}

ul,ol {margin:0;padding:0;list-style:none;}
td{ font-family: 'Noto Sans KR', sans-serif; font-size: 10pt; 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 ; }


/*===== head-wrap ======================================================*/
/* header */
#layout { position:relative; width:100%;  }

#main_slide {position:relative; width:100%; height:484px; margin-top:92px;}
#main_slide .slideshow {width:100%;  height:484px;}
#main_slide .slideshow li {position:relative; width:100%; height:484px; }
#main_slide .slideshow li.s1 {background:url("../img/main1.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s2 {background:url("../img/main2.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s3 {background:url("../img/main3.jpg") 50% 0 no-repeat;}

#main_slide .prev {position:absolute; top:160px; left:0%; margin:0 0 0 0px; width:200px; height:116px; background:url("../img/btn_prev.png") 0 50% no-repeat; z-index:999;}
#main_slide .next {position:absolute; top:160px; right:0%; margin:0 0 0 0px; width:200px; height:116px; background:url("../img/btn_next.png") 100% 50% no-repeat; z-index:999;}

#main_slide .pagination {position:absolute; top:330px; left:50%; margin-left:-577px; z-index:99999;}
#main_slide .pagination li {float:left;  margin:0 5px 5px 0; cursor:pointer; overflow:hidden;}
#main_slide .pagination li .on {display:none; width:56px; height:6px;}
#main_slide .pagination li .off {display:block; width:56px; height:6px;}
#main_slide .pagination li.current .on {display:block;}
#main_slide .pagination li.current .off {display:none;}


#main_slide #slides a:nth-child(1) { width: 1100px; height: 430px; position: absolute; left: 30px; top: 27px; }
#main_slide #slides a:nth-child(2) { width: 248px; height: 64px; text-align: center; top: 15px; position: relative; }
#main_slide #slides a:nth-child(3) { width: 54px; height: 55px; position: absolute; right: 30px; top: 32px; }

#mcontents {position: relative; width:100%; }
#contents {width:1200px; margin:0 auto; height:210px; margin-top:15px;}


.new {width:327px; height:195px; float:left; position:relative; }
.new h2 {margin-bottom:20px;padding-top:20px; text-align:left; color:#272727; font-size:20px; font-weight:500; letter-spacing:-0.03em;}
.new h2 span {font-size:13px; font-weight:500; padding-left:10px; color:#737373;}
.new ul {text-align:left; }
.new ul li {font-size:14px; font-weight:400; color:#737373; padding:7px 0; overflow:hidden;white-space:nowrap; width:327px; border-bottom:1px solid #d7d7d7;}
.new ul li a {font-size:15px; font-weight:400; color:#737373; padding:7px 0; overflow:hidden;white-space:nowrap; width:327px; border-bottom:1px solid #d7d7d7;}
.new ul li:first-child {margin-top:0;}
.new li span {float:right;}
.new .more  {position:absolute; right:0px; top:22px;}


.notice {width:457px; height:195px; float:left; position:relative; border:1px solid #ddd; margin:0 26px;}
.notice ul {text-align:left; }

.notice ul.tab {text-align:left;}
.notice ul.tab li {border-bottom:0px solid #ddd;}

.notice ul.con1 {float:left; width:100px; padding-left:15px; }
.notice ul.con2 {float:left; width:307px; height:63px; padding-left:17px; padding-top:10px;}
.notice ul.con2 li.title {font-size:15px; color:#494949; font-weight:600;}
.notice ul.con2 li {font-weight:400; font-size:13px;}

.notice ul li {font-size:15px; font-weight:500; color:#737373;  vertical-align:top;}
.notice ul li a {font-size:15px; font-weight:500; color:#737373; overflow:hidden; white-space:nowrap; }
.notice ul li:first-child {margin-top:0;}


.banner {position: relative; width:348px; display:inline-block; *display:inline; *zoom:1;}

.banner ul li {text-align:left; letter-spacing:-0.5px; font-weight:400; border:1px solid #d7d7d7; margin-top:-1px;}
.banner ul li a {display: block; font-size:14px; font-weight:600; padding-left:22px;padding-top:23px; padding-bottom:23px;}
.banner ul li a:hover {background:url("../img/banner_on.gif") no-repeat center top; }


#mcontents {position: relative; width:100%; height:380px; background:#f2f2f2;}
.product {width:1200px; margin:0 auto; height:300px;}


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

#m_footer {position:relative; width:100%; border-top:1px solid #ddd;}
.footer{width:1200px; margin:0 auto; padding:25px 0;}

.footer-links {text-align:center; }
.footer-links li { font-size:14px; font-weight:500;color:#585858; line-height:20px; margin-top:7px;}

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