@charset "UTF-8";

/***** layout *****/
body {width:100%; min-width: 1240px;}
body > div {}
header { width: 100%; height:100px; position: fixed;left:0;top:0; z-index: 50; background-color: #fff;}
header > a { display: inline-block; padding:10px 0 0 30px; margin-right: 200px;}
header > .spot_item {position: absolute; right:30px; top:12px;}
header > .spot_item input { border: 0; background: #f5f5f5 url('/resources/images/srch_ico.png') 5px 5px no-repeat; border-radius: 2px; height:28px; line-height: 28px; padding-left: 32px;}
header > .spot_item .spot { font-family: '돋움', Dotum; font-size: 11px; color: #777; font-weight: bold; margin-left: 20px;}
header > .spot_item .spot a { display: inline-block; margin-right:10px; }
header > .spot_item .spot a:first-child:before { display: inline-block; content: ''; background: url('/resources/images/login_ico.png') 0 0  no-repeat; width: 11px; height: 13px; padding-right: 8px; vertical-align: sub; }


header nav {height:48px; line-height: 48px; background-color: #f7f7f7; box-shadow: 2px 3px 3px 0px #999; padding-left: 30px;}


section#cont { position: relative; top:100px; min-height: 800px;}
section#cont .advert{ box-sizing: border-box; margin: 30px 0; padding:20px 30px; background: #f2f2f2 url('/resources/images/banner_bg.png') right top no-repeat;}

section#cont .advert > ul { overflow: hidden; }
section#cont .advert > ul > li { float: left;}
section#cont .advert > ul > li > ul { overflow: hidden;}
section#cont .advert > ul > li > ul > li { float:left; margin-right: 20px;}
section#cont .advert > ul > li > ul > li:last-child { border-right: 1px solid #ddd; padding-right: 80px; margin-right: 40px;}
section#cont .advert > ul > li > ul > li > dl { width:400px; padding:10px 0;}
section#cont .advert > ul > li > ul > li > dl dt { font-size: 22px; color: #232651; padding-bottom: 10px; font-weight: bold;}
section#cont .advert > ul > li > ul > li > dl dd:nth-child(2) { padding-bottom: 30px;}

section#cont .advert > ul > li > dl { width:440px; padding:10px 0;}
section#cont .advert > ul > li > dl dt { font-size:18px; font-weight: bold; padding-bottom: 20px;}

section#cont .advert > ul > li > dl dd:last-child {text-align: right;}
section#cont .advert > ul > li > dl dd:last-child a { display: inline-block; width:31px; height:31px; background: url('/resources/images/sns_ico.png') 0 0 no-repeat; text-indent: 9999px; }
section#cont .advert > ul > li > dl dd:last-child a:nth-child(2) { background-position: -39px 0; }
section#cont .advert > ul > li > dl dd:last-child a:nth-child(3) { background-position: -77px 0; }
section#cont .advert > ul > li > dl dd:last-child a:nth-child(4) { background-position: -113px 0; }

section#cont nav { height: 42px; line-height: 42px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-left: 30px;} 
section#cont nav ul li { display: inline-block; margin-right: 26px;}
section#cont nav ul li a { font-size: 14px;}
section#cont nav ul li.active a { color: #106fa9; font-weight: bold;}
section#cont nav ul li:last-child {margin-right: 0;}
section#cont nav ul li a:hover, ul li a:focus {color: #106fa9; font-weight: bold;}

section#cont .main_cont { padding-left: 30px;}
section#cont .main_cont .tit_item { overflow: hidden; margin: 36px 0 6px 0; height: 26px;}
section#cont .main_cont .tit_item h2 { float: left; font-weight: bold; font-size:22px;}
section#cont .main_cont .tit_item > div { float: right; padding-right: 5%;}
section#cont .main_cont .tit_item > div > div { margin: 0 20px; }
section#cont .main_cont .tit_item > div > span { display: inline-block; font-size: 16px; font-weight: bold; }
section#cont .main_cont .tit_item > div > span img { vertical-align: middle;}
section#cont .main_cont .cube_item .cube { padding-bottom: 50px; overflow:hidden;}
section#cont .main_cont .cube_item .cube li {width:180px; float:left; margin:20px 87px 20px 0;  transition: all .3s; position: relative; left:0; top:0;}
section#cont .main_cont .cube_item .cube li a { display: inline-block;  width: 100%; }
section#cont .main_cont .cube_item .cube li div { display: none; position: absolute; left:0 ; top: 0;  width: 100%; background-color: #000; overflow: hidden; color: #fff; text-align: center; box-sizing: border-box; padding-top:66%;}
section#cont .main_cont .cube_item .cube li.on div { display: block; position: absolute; left:0 ; top: 0;  width: 100%; height: 180px; background: #000 url('/resources/images/state_ico.png') center center no-repeat;}

section#cont .main_cont .cube_item .cube li div span { display: inline-block; text-align: center; width:50px; }
section#cont .main_cont .cube_item .cube li div span:first-child { }

section#cont .main_cont .cube_item .cube li dl { position: relative; left:0; top:0;  overflow:hidden;white-space:nowrap; text-overflow:ellipsis; }
section#cont .main_cont .cube_item .cube li dl dt {font-size: 14px; font-weight: bold; padding-bottom: 4px;  overflow:hidden;white-space:nowrap; text-overflow:ellipsis; }
section#cont .main_cont .cube_item .cube li dl dd {font-size: 12px; font-weight: bold; color: #999;  overflow:hidden;white-space:nowrap; text-overflow:ellipsis; }

/* gnb */

#gnb ul.depth1 { width: 800px; }
#gnb ul.depth1 > li {float:left;padding-right: 77px;}
#gnb ul.depth1 > li:last-child { padding:0; }
#gnb ul.depth1 > li > a {font-size:13px;font-weight:bold; color: #666; display: block;  text-align: center;height:42px; line-height: 30px;box-sizing: border-box; margin-top: 9px;}
#gnb ul.depth1 > li.on > a {color: #106fa9; border-bottom: 2px solid #106fa9;}
#gnb ul.depth1 > li.current > a {color: #106fa9; border-bottom: 2px solid #106fa9;}

/* media */
@media screen and (max-width:6000px) {
    section#cont .main_cont .cube_item .cube li{width:190px;  margin:20px 60px 20px 0;transition: all .3s;}
    section#cont .main_cont .cube_item .cube  li img{ width:190px;height:190px; }
    section#cont .main_cont .tit_item > div { float: right; padding-right: 10%;}
}

@media screen and (max-width:5000px) {
    section#cont .main_cont .cube_item .cube li{width:190px;  margin:20px 60px 20px 0;transition: all .3s;}
    section#cont .main_cont .cube_item .cube  li img{ width:190px;height:190px; }
    section#cont .main_cont .tit_item > div { float: right; padding-right: 10%;}
}

@media screen and (max-width:4000px) {
    section#cont .main_cont .cube_item .cube li{width:190px;  margin:20px 60px 20px 0;transition: all .3s;}
    section#cont .main_cont .cube_item .cube  li img{ width:190px;height:190px; }
    section#cont .main_cont .tit_item > div { float: right; padding-right: 10%;}
}

@media screen and (max-width:3000px) {
    section#cont .main_cont .cube_item .cube li{width:190px;  margin:20px 60px 20px 0;transition: all .3s;}
    section#cont .main_cont .cube_item .cube  li img{ width:190px;height:190px; }
    section#cont .main_cont .tit_item > div { float: right; padding-right: 10%;}
}

@media screen and (max-width:2400px) {
    section#cont .main_cont .cube_item .cube li{width:190px;  margin:20px 60px 20px 0;transition: all .3s;}
    section#cont .main_cont .cube_item .cube  li img{ width:190px;height:190px; }
    section#cont .main_cont .tit_item > div { float: right; padding-right: 10%;}
}
@media screen and (max-width:1900px) {
    section#cont .main_cont .cube_item .cube li{width:180px; margin:20px 60px 20px 0;transition: all .3s;}
    section#cont .main_cont .cube_item .cube  li img{ width:180px;height:180px; }
    section#cont .main_cont .tit_item > div { float: right; padding-right: 10%;}
}
@media screen and (max-width:1730px) {
    section#cont .main_cont .cube_item .cube li{ width:170px;transition: all .3s;}
    section#cont .main_cont .cube_item .cube  li img{ width:170px;height:170px; }
    section#cont .main_cont .tit_item > div { float: right; padding-right: 6%;}
    section#cont .main_cont .cube_item .cube li.on div { height:170px; }
}
@media screen and (max-width:1666px) {
    section#cont .main_cont .cube_item .cube li{ width:150px; margin:20px 70px 20px 0;transition: all .3s;}
    section#cont .main_cont .cube_item .cube  li img{ width:150px;height:150px; }
    section#cont .main_cont .cube_item .cube li.on div { height:150px; }
}
@media screen and (max-width:1586px) {
    section#cont .main_cont .cube_item .cube li{ width:140px; margin:20px 60px 20px 0;transition: all .3s;}
    section#cont .main_cont .cube_item .cube  li img{ width:140px;height:140px; }
    section#cont nav ul li { margin-right: 20px;}
    section#cont .main_cont .cube_item .cube li.on div { height:140px; }
}
@media screen and (max-width:1450px) {
    section#cont .main_cont .cube_item .cube li{ width:130px; margin:20px 58px 20px 0;transition: all .3s;}
    section#cont .main_cont .cube_item .cube  li img{ width:130px;height:130px; }
    section#cont .main_cont .cube_item .cube li dl dt {font-size: 12px;}
    section#cont .main_cont .cube_item .cube li dl dd {font-size: 11px;}
    section#cont nav ul li { margin-right: 10px;}
    section#cont .main_cont .cube_item .cube li.on div { height:130px; }
  }
@media screen and (max-width:1366px) {
    section#cont .main_cont .cube_item .cube li{ width:120px; margin:20px 50px 20px 0;transition: all .3s;}
    section#cont .main_cont .cube_item .cube  li img{ width:120px;height:120px; }
    section#cont .main_cont .tit_item > div { float: right; padding-right: 7.6%;}
    section#cont .main_cont .cube_item .cube li.on div { height:120px; }
}


footer#footer { width: 100%; position: fixed; bottom: 0; height:40px; line-height: 22px; font-size: 11px; text-align: right; background-color: #f5f5f5;  font-family:'돋움',Dotum; }
footer#footer p {color: #000000;  padding-right: 30px;}