#header {width : 100%; height: 110px; background-color: #00bfee;}
#header ul {width: 1000px; margin : 0 auto;}
#header ul li {width : 494px; float: left; margin: 0 auto; border-right:1px solid #40cff2; list-style: none;}
#header ul li:first-child {border-left : 1px solid #40cff2;}
#header:after {content: ""; display: block; clear:both;}  
#header2 { width : 100%; height:80px; background : #fff; border-bottom : 1px solid #00bfee;position:relative; margin : 0 auto;}

/*nav*/
.logo_top {width : 1000px; margin : 0 auto;}
.logo_top img {width : 250px; margin : 0 auto; position : absolute; z-index: 9999;}
.nav_bg{background-color:#fff;position:relative;z-index: 99;}
.nav_wrap_bg{background-color:#fff;position:absolute;left:0;width:100%; border-bottom : 3px solid #00bfee; }
.gnb{width:820px;margin:0 auto;}
.gnb > ul{margin-left:145px;margin-top:15px;}
.gnb > ul:after{content:"";display:block;clear:both;}
.gnb > ul > li{float:left;width:135px;position:relative; background : url('../../img/nav_line.png') no-repeat 0 30px;}
.gnb > ul > li > a{display:block;text-align:center;padding:10px 0; color : #202020; text-decoration : none; font-family : 'Dotum', 'Malgun Gothic'; font-size: 14px; font-weight: 600; margin-top:20px;}
.gnb .menu{position:absolute;width:100%; margin-left:25px; }
.gnb .menu ul{ background : #fff;}
.gnb .menu ul li{}
.gnb .menu ul li a{padding:5px 0px;display:block;color:#595959; font-family : 'Dotum', 'Malgun Gothic'; font-size: 11px;}
.gnb .menu ul li a:hover{color:#595959; text-decoration : none;}
    

#header2:after {content:""; display: block; clear: both;}

/*body*/
#content {position : relative;width : 100%; background : url(../../img/maing_bg.png) repeat-x;}
#content1 { position : relative;width : 998px; height: 294px; margin : 0 auto; border : 1px solid #dedede; border-top:0px}
#content2 {position : relative;width : 998px; height: 195px;margin: 0 auto; border : 1px solid #dedede; border-bottom : 1px solid transparent;}
#content2 .ct {width : 998px; height: 195px; float: left; }
#content2 .ct_1 ul {width : 150px; margin-top:20px;}
#content2 .ct_1 ul li a {font-size: 11px; color: #999; text-align: left; height : 5px;}

#content2 .ct_1 ul li {line-height: 20px; list-style : none;}
#content2 .ct_1 img { float: right;}
#content2 .ct_1 ul li a:hover { color : #00adef;}

#content2 .ct_2 {width: 351px; height: 156px; padding: 20px; overflow:hidden; float: left; border-right: 1px solid #dedede; background : url('../../img/dcru/main/dotted.png')}
#content2 .more, #content3 .more {font-family : 'NanumBarunGothic', 'sans-serif'; font-size : 14px;font-weight: 800;}
#content2 a { font-family : 'Dotum'; font-size: 11px; color: #595959; margin-top:8px;text-decoration : none;}
#content2 .ct_3 .notice { font-family : 'Dotum'; font-size: 12px; color: #000; margin-top:15px; width: 155px;height:130px; overflow: hidden;}
#content2 .ct_3 p.p2, #content3 p.p2 { font-family : 'Dotum'; font-size: 12px; color: #595959; margin-top : 15px;}
#content2 .ct_4 { margin-left: 10px; overflow:hidden; }
#content2 .ct_3 span img {float: right;}
#content2 .ct_3 {border-right : 1px solid #dedede;}
#content2 .ct_3 {width :155px; height: 155px; float: left; padding: 20px;}
#content2 .ct_3 .notice img {display : none;}

#content2:after {content:""; display: block; clear:both;}
#content3 { position : relative;width: 998px; height: 200px; margin : 0 auto; border: 1px solid #dedede;}
#content3 .rolling { width : 546px; height: 160px; float: left; padding: 20px; background : #f7f7f7;border-right : 1px solid #dedede;}
#content3 .qna { width : 170px; height: 180px; float: left; padding-top:20px; padding-left: 5px; border-right : 1px solid #dedede;}
#content3 .notice {margin-top:10px;}
#content3 .notice img {display : none;}
#content3 .cm { width : 160px; height: 160px; float: left; padding-top:20px; padding-left: 20px;}
#content2 .ct_1, #content2 .ct_4 {width : 155px; height: 155px; float: left; padding: 20px;}
#content3:after {content: ""; display: block; clear: both;}

.subcontent { margin:30px 0 0 25px; width:660px }
/*¼¼ÀÏ»óÇ°*/
.roll_product {position: relative; width: 550px; height: 160px }
#viewArea { clear: both; position: relative; width: 550px; height: 120px; overflow: hidden; margin: 0px auto 0 auto;top : 15px;}
#imgList {position: absolute;width: 2000px; left: 0px; top: 0px; margin : 0px; padding : 0px;}
#imgList div { float: left; width: 114px;}
#imgList div img {width: 90px;height: 90px;border : 1px solid #dadbdc;}
.roll_left { position: absolute; left: 460px;top: 130px; z-index: 10;cursor: pointer}
.roll_right {position: absolute;right: 39px;top: 130px;z-index: 10; cursor: pointer}

/*Àλ縻*/
.insa_ img {margin-left:20px;}


/*side*/
.nav-area {width: 105px; height: 315px;position: absolute;top: 5px;z-index: 1;background: #fff;right: -120px; border:0px solid #ccc; text-align:center }
.nav-area a.nav-btn {position: absolute;top: 0;left : -22px;top : 14%;width: 20px;height: 75px;display: block;background: #fff;text-decoration: none;border : 1px solid #e5e5e5;border-right: 1px solid transparent;}
.nav-area a.nav-btn:after {content: "";display: block;position: absolute;right: -10px;width: 10px;height: 100%;}
.nav-area a.nav-btn .contents {display: block;color: #bbbbbb;font-size: 11px;padding-top:30px;padding-left: 5px;}
.nav-items {display: block;}
.nav-item ul {display: block;list-style: none;}
.nav-items ul li {display: block;width: 100%;padding-top : 5px;padding-bottom: 5px;border-bottom: 1px solid #eeeeee;}
.nav-items ul li:last-child {border-bottom: none;}
.nav-items ul li .item-txt,.nav-items ul li {display: block;margin-bottom: 2px;font-size: 1.1em;}


.side img { margin:0 0 5px 0;}
.side p { font-size: 14px; color : #00bfee; font-weight: 800; font-family : 'Malgun Gothic'; text-align:center; }
.side2 img { margin:0 0 5px 0;}

/*footer*/
    #footer { clear:both; width : 100%; height : 120px; position : relative;}
    #footer .footer_1 {width: 998px; height: 40px; border-top:2px solid #dedede; border: 1px solid #dedede; margin : 0 auto;}
    #footer .footer_1 ul {width: 600px; margin-left: 200px;}
    #footer .footer_1 ul li {float: left; margin : 0 auto; width : 120px; height: 23px;list-style : none; font-size: 12px; text-align : center; margin-top: 12px;}
    #footer .footer_1 ul li a {color : #949494; text-decoration : none;}
    #footer .footer_1:after {content: ""; display: block; clear: both;}        
    .footer_2 {width: 998px; height : 80px; margin : 0 auto; border: 1px solid #dedede; border-top : 1px solid transparent;}    
    #footer .footer_2 .footer_logo { width : 200px; height: 50px;float: left; margin-top: 10px; margin-left: 10px;}
    .footer_2 p { width : 750px; height: 80px; float : left; font-size: 12px; font-family : 'Dotum'; color : #949494; margin-left: 20px; margin-top: 20px;}