@charset "utf-8";
/* sub7 스터딩 센터 */
/* 초기화 */
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, hr { 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(7) 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; }

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

/* wrap 영역 */
section > div#wrap { width : 937px; height: 2467px;  margin: 0px auto;  margin-top: 54px; }

/* content1 영역 */
section > div#wrap > div.contents1 { width : 937px; height : 969px; margin-bottom : 115px;  }
section > div#wrap > div.contents1 h4 { font-size: 14px; color: #307fe2; }
section > div#wrap > div.contents1 h2 { font-size: 34px; margin-top: 12px; }
section > div#wrap > div.contents1 h5 { font-size: 12px; margin-top: 20px; color: #aaaab1; }
section > div#wrap > div.contents1 h3 { font-size: 20px; color: #567fe2; font-weight: bold; margin-top: 56px; line-height: 40px;  }

section > div#wrap > div.contents1 > div.img1 { width : 937px; height: 461px; background : url(../img/1_1608693355.jpg) no-repeat; background-size: cover; margin-top : 32px; } 

section > div#wrap > div.contents1 p { font-size: 16px; line-height: 30px; }
section > div#wrap > div.contents1 p.p1 { margin-top: 44px; }
section > div#wrap > div.contents1 p.p2 { margin-top: 31px; }
section > div#wrap > div.contents1 p strong { color: #567fe2; font-weight: bold; }

hr { height: 1px; background : #e2e3e3; margin-top : 120px; }

/* content2 영역 */
section > div#wrap > div.contents2 { width : 937px; height : 1327px; margin-top: 65px; }
section > div#wrap > div.contents2 h3 { font-size: 22px; }
section > div#wrap > div.contents2 dl { font-size: 16px; }
section > div#wrap > div.contents2 dt { margin-top: 44px; color : #567fe2; font-weight: bold } 
section > div#wrap > div.contents2 dd { margin-top: 12px; line-height: 30px; }
section > div#wrap > div.contents2 div a { color: black; } 
section > div#wrap > div.contents2 div a:hover { color : #567fe2; }
section > div#wrap > div.contents2 div.like{width: 121px; height: 50px; border : 1px solid #e1e1e1; border-radius: 5px 5px 5px 5px; line-height: 45px; text-align: center; margin-top : 50px; float : left; font-size : 15px; }
section > div#wrap > div.contents2 div.like:hover { border : 1px solid #567fe2; }

section > div#wrap > div.contents2 div.share{width: 96px; height: 50px; border : 1px solid #e1e1e1; border-radius: 5px 5px 5px 5px; line-height: 45px; text-align: center; margin-top : 50px; float : left; margin-left: 10px; font-size : 15px; }
section > div#wrap > div.contents2 div.share:hover { background: #646e7d; }
section > div#wrap > div.contents2 div.share:hover a { color: white; }

section > div#wrap > div.contents2 div.menu{width: 97px; height: 50px; border : 1px solid #e1e1e1; border-radius: 5px 5px 5px 5px; line-height: 45px; text-align: center; margin-top : 50px; float : left; font-size : 15px; }
section > div#wrap > div.contents2 div.menu:hover { background: #646e7d;}
section > div#wrap > div.contents2 div.menu:hover a { 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; }