@import url("common.css");

.clear{*zoom:1;}
.clear:after{content:""; display:block; clear:both;}

.point_txt01{color:#333; font-weight:600;}

/** ¸ÞÀÎ ºñÁÖ¾ó **/	

#visual{position:relative; margin-top:0; width:100%; height:550px; clear:both; overflow:hidden; padding:0; }
.mainVisual {position:relative; width:100%; height:550px; overflow:hidden;  margin: 0 auto;}
.mainVisual .visualBg {height:550px; margin:0 auto;  position:absolute; top:0;  left:0; width:100%; z-index:100; text-indent:-2000%; }
.mainVisual .visualBg1{background:url("/html/images/main/main_vis01.jpg") no-repeat  center 0;}
.mainVisual .visualBg2{background:url("/html/images/main/main_vis02.jpg") no-repeat  center 0;}
.mainVisual .visualBg3{background:url("/html/images/main/main_vis03.jpg") no-repeat  center 0;}


.mainVisual .controller{width:1080px; position:absolute;  z-index:400;  left:50%; margin-left:-540px;}
.mainVisual .controller2{width:600px; height:27px; position:absolute; z-index:500; left:50%; margin-left:-300px;}
.mainVisual .controller2 .visualTxt{padding: 160px 0 0 0; font-family:'Titillium Web', sans-serif; font-size:55px; color:#fff; letter-spacing:-1px; text-align: center; font-weight: 100; margin-bottom:40px; line-height: 55px;}
.mainVisual .controller2 .visualTxt span{ font-family:'Titillium Web', sans-serif; font-weight:500; color:#fff; line-height: 55px; } 
.mainVisual .controller2 .rollBtnD {width:90px; height:27px; position:absolute; top:460px; text-align:center; margin-left:-45px; left:50%;}
.mainVisual .controller2 .rollBtnD a{padding-right:7px;}

.line{border-top:1px solid #ebebeb;}



#contents{position:relative; overflow:hidden; width:100%; }

/* Á¦Ç°¸®½ºÆ® */
#main_con01 {width:1080px; background:#fff; padding: 50px 0 0; margin: 0 auto; height:440px;}
#main_con01:after{content:""; display:block; clear:both;}
#main_con01 h3{ display:inline-block; font-family:"notoKrB",san-serif; text-align:left; font-size:35px; letter-spacing:-1px; color:#333; line-height:100%; padding:0 0 10px;}
#main_con01 h3 span{font-family:"notoKrB",san-serif; color:#e34337; letter-spacing:-1px;}
#main_con01 p.ptit{display:inline-block; text-align:left; line-height:100%; color:#555; font-size:16px; letter-spacing:-0.3pt; padding-left:20px;}

#main_con01 .product {position:absolute; width:1100px; padding-top:30px; margin-left:-550px; left:50%;}
#main_con01 .product ul {overflow:hidden;}
#main_con01 .product li {float:left; width:245px; padding : 0 15px;}
#main_con01 .product li a:hover{ text-decoration:none; }
#main_con01 .product li:after{content:""; display:block; clear:both;}
#main_con01 .product dl {position:relative; width:245px; border: 1px solid #cccccc; box-sizing:border-box;}
#main_con01 .product dt { }
#main_con01 .product dd { font-family:"notoKrM",san-serif; text-align:center; width:100%; padding:25px 0; background-color:#fff; font-size:15px; color:#666;}
#main_con01 .product dd p {font-size:20px;  color:#222; line-height:24px; padding-bottom:1px; letter-spacing:-0.5px; font-family:"notoKrM",san-serif;}
#main_con01 .product dd span {font-size:20px; color:#cb1515; letter-spacing:0pt; font-family:"notoKrB",san-serif;}
#main_con01 .product li a:hover > dl {position:relative; width:245px; border: 1px solid #000; box-sizing:border-box;}

#main_con01 .prev2 {position:absolute; display:inline-block; width:32px; height:32px; line-height:32px; top:-42px; margin:0 0 0 978px; background:url('/html/images/main/btn_prev.gif') left top no-repeat; text-indent:-9999px; font-size:0;}
#main_con01 .next2 {position:absolute; display:inline-block; width:32px; height:32px; line-height:32px; top:-42px; margin:0 0 0 1013px; background:url('/html/images/main/btn_next.gif') left top no-repeat; text-indent:-9999px; font-size:0;}
#main_con01 .more {position:absolute; display:inline-block; width:32px; height:32px; line-height:32px; top:-42px; margin:0 0 0 1048px; }