@charset "utf-8";
/* sub5 크리에이터스 데스크 */
/* 초기화 */
body, header, div, nav, article, input, section, footer, h1, h2, h3, h4, hr, ul,li,p,dl,dt,dd { margin: 0; padding: 0; }
.hidden { display: none;}
input{ border-style: none; }
ul, li { list-style: none; }
a { text-decoration: none; }

/* header 영역 */
header{ height: 76px; }
header div#header_area{ height: 26px; padding: 0 19px;}
header div#header_area a{ display: block; width: 100%; height: 100%; }
header div#header_area h1{ width: 184px; height: 26px; background:url(../img/logo.png) no-repeat; background-size: contain; float: left; text-indent: -9999px; margin-top: 27px; }
header div#header_area div#header_wrap{ width:781px; height:26px; float:right;}
header div#header_area div#header_wrap nav{ width: 726px; float: left; margin-top: 27px; }
header div#header_area div#header_wrap nav li{ font-size: 13px; height: 26px; line-height: 18px; float: left; margin-left:20px; font-weight: bold; }
header div#header_area div#header_wrap nav li:nth-child(5) a{ color: #2a7bec; }
header div#header_area div#header_wrap nav li:hover a{ color : #2a7bec; }
header div#header_area div#header_wrap nav li a{ color: #000; }
header div#header_area div#header_wrap div.search { width: 26px; float:right; }
header div#header_area div#header_wrap div.search input[type="image"]{ float:left; height:18px; }

/* article 영역 */
article { height: 473px; background :url(../img/desk_visual.jpg) no-repeat center; background-size:cover; margin-bottom: 80px; }
article h1{font-size:25px; line-height:473px; color:#fff; text-align:center;}

/* section 영역 */
section { height: 1240px; }

/* wrap 영역 */
section > div#wrap { width : 1246px; height: 1000px;  margin: 0px auto;  }

/* content1-2 영역 */
div.title_area{height:128px; }
div.title_area > div.contents1{width:461px; height:100%; float:left;}
div.contents1 dl dt{font-weight:bold; color:blue;}

div.contents1 dl dd{font-size:27px; font-weight:bold; margin-top:18px;}
div.contents1 dl dd:last-child{font-size:10px; font-weight:normal; color:gray; margin-top:12px;}
div.title_area > div.contents2{width:490px; height:100%; float:right;}
div.contents2 p{font-size:15px; margin-top:31px; float:right; color:gray;}

/*  bottom_area 영역 */
div.bottom_area{ height:827px; }
div.bottom_area > div.contents3{height:563px; background:url(../img/1_1607932165.jpg) no-repeat center; background-size:cover; margin-top:46px;}

div.bottom_area > div.contents4{width:380px; height:322px; background:url(../img/product_img_3_1608703565.jpg) no-repeat center; background-size: cover; float:left; border:1px solid #dcd9d9; box-sizing: border-box; margin-left:40px; position: relative; top : -50px; }

div.bottom_area > div.contents5{width:680px; height:322px; float:left; }
div.bottom_area > div.contents5 dl{margin-top:117px; margin-left:45px;}
div.bottom_area > div.contents5 dl dt{font-size:15px; color:blue; font-weight:bold;}
div.bottom_area > div.contents5 dl dd{font-size:18px; font-weight:bold; margin-top:16px;}
div.bottom_area > div.contents5 dl dd:last-child{font-size:15px; font-weight:normal; color:gray; margin-top:23px;}
div.bottom_area > div.contents6{width:145px; height:46px; background:#2a7bec; float:right; margin-top:44px; border-radius:4px;}
div.bottom_area > div.contents6:hover { background : #1c5db8; }

div.bottom_area > div.contents6 p{line-height:46px; color:#fff; text-align:center; font-size:15px; font-weight: bold;}

/* footer 영역 */
div.footer { background : #1a6ad9; }
footer { width : 1447px;  height : 239px; background : #1a6ad9; margin : 0px auto; padding-top: 43px; }
footer h1 { width: 211px; height : 53px; background : url(../img/logo_bottom.png) no-repeat; background-size : 100%; text-indent: -9999px; }
footer small { width: 159px; height : 23px; text-transform: uppercase; position : relative; top : 100px; left : -840px; color : white; font-weight: bold; font-size : 12px; }
footer dl {  position : relative; top : -70px; left : 350px;float : left; padding-right : 140px; font-size : 13px; font-weight: bold; }
footer dl:last-child { padding-right : 0px; }
footer dl dt { padding-bottom: 15px; }
footer dl.t1 { padding-right : 40px; }
footer dl dt.t2 { color : #1a6ad9; }
footer dl dd { padding-bottom: 15px; color: white; }
footer dl dt a { color : #e9ef18; }
footer dl dd a { color : white; }