@charset "utf-8";
/* sub4 디자인 리소스 */
/* 초기화 */
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; }
hr,img,input{border: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(4) 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: 383px; background : url(../img/resource_visual.jpg) no-repeat center; background-size: cover;   }
article div.article_area { width : 1447px; height : 377px; margin: 0px auto; padding-top:123px; }
article div.article_area h2 { margin-bottom: 20px;  }
article div.article_area p { width: 343px; height: 72px; font-size: 14px;  }
article div.article_area p span { color : #2a7bec; font-weight: bold; }
/* section 영역 */
section { height: 2195px;  }

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

/* sub nav 영역 */
div#wrap > div.subnav_area{height:48px;  }
div.subnav_area nav{border-bottom:1px solid #dcd9d9; box-sizing: border-box; overflow:hidden;}
div.subnav_area nav ul li{float:left; line-height:48px;}
div.subnav_area nav ul li:hover{border-bottom:1px solid #000; }
div.subnav_area nav ul li:hover a{font-weight:bold;}
div.subnav_area nav ul li a{color:#000; margin:0 20px; font-size:14px;}

/* inb_area 영역 */
div#wrap > div.inb_area{width:208px; height:2145px; margin-top:1px; float:left; overflow:hidden;}
div.inb_area > div{margin-top:52px;}
div.inb_area > div h1{margin-bottom:15px;  }
div.inb_area > div h1 a{color:#000; font-size:17px;  }
div.inb_area > div.category h3{color:#000;}
div.inb_area > div.category h3:hover{color:blue;}
div.inb_area > div hr{border-bottom:1px solid #000; box-sizing: border-box;}
div.inb_area > div.category li{margin-bottom:20px; background: url(../img/top_arrow_new.png) no-repeat right center; background-size:15px;}
div.inb_area > div.category li:hover{margin-bottom:20px; background: url(../img/top_arrow_new_1.png) no-repeat right center; background-size:15px;}
div.inb_area > div li a{color:#000; font-size:15px;}
div.inb_area > div h3{font-size:16px; margin-top:30px; margin-bottom:20px}
div.inb_area > div li{margin-bottom:20px;}
div.inb_area > div h1 span{float: right; font-size:16px; color:#acaab9; margin-top:0; margin-top:8px;}
div.inb_area > div.filter h3{color:#000;}
div.inb_area > div.filter h3:hover{color:blue;}
div.inb_area > div.filter input[type="checkbox"]{width:22px; height:22px; line-height:22px;float: left; }
div.inb_area > div.filter label:hover input[type="checkbox"]{background-color:blue;}
div.inb_area > div.filter li{color:#838383; text-indent:20px}
div.inb_area > div.license h3{color:#000;}
div.inb_area > div.license h3:hover{color:blue;}
div.inb_area > div.license{border-top:1px solid #dcd9d9; box-sizing: border-box; }
div.inb_area > div.license li{color:#798189; text-indent:20px}
div.inb_area > div.license label.license input[type=radio]{width:22px; height:22px; line-height:22px; background:url(../img/dot.gif) no-repeat center; float: left;}
div.inb_area > div.search{float:left;}
div.inb_area > div.search{width:198px;  height:45px; border:1px solid #dcd9d9; box-sizing: border-box; color:#798189;}
div.inb_area > div.search input[type="search"]{width:100%; height:40px; line-height:40px; text-indent:10px; background:url(../img/search_icon.png) no-repeat right center; background-size:10%; }


/* contents_area 영역 */
div#wrap > div.contents_area{width:1072px; height:1916px; float:right;}
div.contents_area > div{margin-top:52px;}

/* contents1 영역 */
div.contents_area > div.contents1{height:410px; }
div.contents_area > div.contents1 dl{float: left; margin-right:29px;}
div.contents_area > div.contents1 dl dt{text-indent:-9999px; overflow: hidden;}
div.contents_area > div.contents1 dl:nth-child(4){margin-right:0;}
div.contents_area > div.contents1 dl:nth-child(1) dt{width:230px; height:246px; background:url(../img/1_1610522265.png) no-repeat center; background-size:cover;  margin-bottom:21px;}
div.contents_area > div.contents1 dd{ width:230px; font-size:16px; margin:15px 0 10px 0;  }
div.contents_area > div.contents1 dl dd strong{color:blue; font-size:15px; font-weight:bold;}
div.contents_area > div.contents1 dl dd span{color:#aaaabc; font-size:14px; }

div.contents_area > div.contents1 dl img{width:19px; height:19px;  background-repeat:no-repeat; }
div.contents_area > div.contents1 dl:nth-child(2) dt{width:230px; height:246px; background:url(../img/1_1610522130.png) no-repeat center; background-size:cover;  margin-bottom:21px;}
div.contents_area > div.contents1 dl:nth-child(3) dt{width:230px; height:246px; background:url(../img/1_1610522006.png) no-repeat center; background-size:cover;  margin-bottom:21px;}
div.contents_area > div.contents1 dl:nth-child(4) dt{width:230px; height:246px; background:url(../img/1_1610521815.png) no-repeat center; background-size:cover;  margin-bottom:21px;}

/* contents2 영역 */
div.contents_area > div.contents2{height:390px; }
div.contents_area > div.contents2 dl{float: left; margin-right:29px;}
div.contents_area > div.contents2 dl dt{text-indent:-9999px; overflow: hidden;}
div.contents_area > div.contents2 dl:nth-child(4){margin-right:0;}
div.contents_area > div.contents2 dl:nth-child(1) dt{width:230px; height:246px; background:url(../img/1_1610521667.png) no-repeat center; background-size:cover;  margin-bottom:21px;}
div.contents_area > div.contents2 dd{ width:230px; font-size:16px; margin:15px 0 10px 0;  }
div.contents_area > div.contents2 dl dd strong{color:blue; font-size:15px; font-weight:bold;}
div.contents_area > div.contents2 dl dd span{color:#aaaabc; font-size:14px; }

div.contents_area > div.contents2 dl img{width:19px; height:19px;  background-repeat:no-repeat; }
div.contents_area > div.contents2 dl:nth-child(2) dt{width:230px; height:246px; background:url(../img/1_1610521539.png) no-repeat center; background-size:cover;  margin-bottom:21px;}
div.contents_area > div.contents2 dl:nth-child(3) dt{width:230px; height:246px; background:url(../img/1_1610521346.png) no-repeat center; background-size:cover;  margin-bottom:21px;}
div.contents_area > div.contents2 dl:nth-child(4) dt{width:230px; height:246px; background:url(../img/1_1610521265.png) no-repeat center; background-size:cover;  margin-bottom:21px;}


/* contents3 영역 */
div.contents_area > div.contents3{height:390px; }
div.contents_area > div.contents3 dl dt{text-indent:-9999px; overflow: hidden;}
div.contents_area > div.contents3 dl{float: left; margin-right:29px;}
div.contents_area > div.contents3 dl:nth-child(4){margin-right:0;}
div.contents_area > div.contents3 dl:nth-child(1) dt{width:230px; height:246px; background:url(../img/1_1610521124.png) no-repeat center; background-size:cover;  margin-bottom:21px;}
div.contents_area > div.contents3 dl dd{ width:230px; font-size:16px; margin:15px 0 10px 0;  }
div.contents_area > div.contents3 dl dd strong{color:blue; font-size:15px; font-weight:bold;}
div.contents_area > div.contents3 dl dd span{color:#aaaabc; font-size:14px; }

div.contents_area > div.contents3 dl img{width:19px; height:19px;  background-repeat:no-repeat; }
div.contents_area > div.contents3 dl:nth-child(2) dt{width:230px; height:246px; background:url(../img/1_1610520972.png) no-repeat center; background-size:cover; margin-bottom:21px;}
div.contents_area > div.contents3 dl:nth-child(3) dt{width:230px; height:246px; background:url(../img/1_1610520926.png) no-repeat center; background-size:cover;  margin-bottom:21px;}
div.contents_area > div.contents3 dl:nth-child(4) dt{width:230px; height:246px; background:url(../img/1_1610520761.png) no-repeat center; background-size:cover; margin-bottom:21px;}

/* contents4 영역 */
div.contents_area > div.contents4{height:390px; }
div.contents_area > div.contents4 dl dt{text-indent:-9999px; overflow: hidden;}
div.contents_area > div.contents4 dl{float: left; margin-right:29px;}
div.contents_area > div.contents4 dl:nth-child(4){margin-right:0;}
div.contents_area > div.contents4 dl:nth-child(1) dt{width:246px; height:246px; background:url(../img/1_1610520657.png) no-repeat center; background-size:cover;  margin-bottom:21px;}
div.contents_area > div.contents4 dd{ width:230px; font-size:16px; margin:15px 0 10px 0;  }
div.contents_area > div.contents4 dl dd strong{color:blue; font-size:15px; font-weight:bold;}
div.contents_area > div.contents4 dl dd span{color:#aaaabc; font-size:14px; }

div.contents_area > div.contents4 dl img{width:19px; height:19px;  background-repeat:no-repeat; }
div.contents_area > div.contents4 dl:nth-child(2) dt{width:230px; height:246px; background:url(../img/1_1610520561.png) no-repeat center; background-size:cover; margin-bottom:21px;}
div.contents_area > div.contents4 dl:nth-child(3) dt{width:230px; height:246px; background:url(../img/1_1610520466.png) no-repeat center; background-size:cover;  margin-bottom:21px;}
div.contents_area > div.contents4 dl:nth-child(4) dt{width:230px; height:246px; background:url(../img/1_1610520305.png) no-repeat center; background-size:cover; margin-bottom:21px;}

/* contents5 영역 */
div.contents_area > div.button{height:33px;  margin-top:120px;  float: left; position: relative; left : 300px; }
div.button ul{text-align:center; line-height:33px; }
div.button ul li{float:left; width:33px; height:33px; line-height:33px;  border-radius:50px;}
div.button ul li:nth-child(1){background:blue; color:white;}
div.button ul li:hover{background:blue; line-height:33px; color:white;}


/* 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; }