@charset "utf-8";

/*본고딕 웹폰트용 선명함*/
@import url(./fonts/NotoSans/NotoSansKR.css);
@import url(./fonts/Gotham/Gotham.css);


/*==================================================
    COMMON STYLES
==================================================*/
html{overflow-y:scroll; overflow-x:hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{font-family:'NS Korean',sans-serif; font-size:13px; color:#333; font-weight:300;}

/* 간격, 폰트 */
.mt25{margin-top:25px}

/* 정렬 */
.taC{text-align:center}
.taR{text-align:right}
.taL{text-align:left;}

img { border:0; }
ul { list-style:none; }
em	{ font-style:normal }

/*==================================================
    COMMON CLASS
==================================================*/
.clear {clear: both;}
.hand {cursor: pointer;}
.none {display:none; }

/* div위치조절 */
#wrap{position: relative; width:100%; overflow:hidden; min-width:1280px; }
#top_wrap{width:100%; overflow:hidden; background:#006baf;}
#middle_wrap{margin:0 auto; position:relative; width:100%; max-width:1440px; overflow:visible;}
#bottom_wrap{width:100%; height:150px; border-top:1px solid #dddddd;}


#top_nav{margin:0 auto; position:relative; width:100%; height:50px; max-width:1440px;}
#top_nav .logo{float:left; margin:10px 0 10px 20px;}
#top_nav .login ul {float: left; display:block; position: absolute; width:500px; height:20px; right:10px; top:15px;}
#top_nav .login ul li{float:right; margin-left:15px;}
#top_nav .login ul li a{font-family:'NS Korean',sans-serif; font-size:11px; line-height:20px; color:#fff;}
#top_nav .login ul li a:hover{color:#ffff00;}

/*==================================================
    NAVI STYLES
==================================================*/
.navi{width:180px; position: absolute; z-index:10; left:0px; top:0px;}
.cnt_total{float:left; width:900px; margin-left:180px; min-height:840px; background:url('../images/left_line.png') repeat-y left top;}
.item_total{position:absolute; width:360px; right:0;}

#naviGroup { clear:both; overflow:visible; background:#333 url('../images/header_navi_bg.png'); background-repeat:no-repeat; }
#naviGroup  nav { padding-top:30px; width:180px; height:259px; margin-left:0; position: relative;  }
#naviGroup  nav ul.depth1Group li.depth1 {margin-bottom:0px; height:60px; clear:both; width:180px;}
#naviGroup  nav ul.depth1Group li.depth1 a{position:relative; display:block; width:100%; height:60px;}
#naviGroup  nav ul.depth1Group li.depth1 div.depth2Group {z-index:1000; position: absolute; left:180px; top:0px;  width:180px; height:630px; background: url('../images/header_depth2_bg.png'); background-repeat:no-repeat; }
#naviGroup  nav ul.depth1Group li.depth1 div.depth2Group div{}
#naviGroup  nav ul.depth1Group li.depth1 div.depth2Group ul{position:relative; clear:both;}
#naviGroup  nav ul.depth1Group li.depth1 div.depth2Group li{width:125px; padding:0 20px;}
#naviGroup  nav ul.depth1Group li.depth1 div.depth2Group li.title {margin:0 20px 0; padding-right:0; padding-left:10px; width:115px; border-bottom:1px solid #444; color:#ffff00; font-size:18px; line-height:60px; font-weight:700; font-family:'NS Korean',sans-serif;}
#naviGroup  nav ul.depth1Group li.depth1 div.depth2Group li a{display:block; width:115px; padding-left:10px; height:39px; border-bottom:1px solid #444; color:#aaa; font-size:12px; line-height:39px; font-weight:700; font-family:'NS Korean',sans-serif;}
#naviGroup  nav ul.depth1Group li.depth1 div.depth2Group li a:hover{ color:#fff;}

.depth1 div{ position:absolute; z-index:1; left:0; top:0;}
.depth1 a .l_text1{display:block; width:140px; padding:15px 20px 0; color:#fff; font-size:16px; line-height:20px; font-weight:700; font-family:'NS Korean',sans-serif;}
.depth1 a .l_text2{display:block; width:140px; padding:35px 20px 0; color:#ccc; font-size:11px; line-height:15px; font-weight:300; font-family:'NS Korean',sans-serif;}
.depth1:hover a div{color:#e02555;}

#infoGroup {width:180px; overflow:hidden; padding-top:30px;}
.cus_title{width:160px; margin:0 10px; color:#95d6ff; font-size:13px; text-align:center; line-height:30px; font-weight:700; font-family:'NS Korean',sans-serif; letter-spacing:normal;}
.cus_con{width:130px; margin:0 10px; padding:15px 15px; background:#cecece; border-radius:5px;}
.cus_con .cus_text1{color:#111; font-size:12px; line-height:15px; font-weight:700; font-family:'NS Korean',sans-serif;}
.cus_con .cus_text2{color:#e02555; font-size:18px; line-height:22px; margin-bottom:5px; font-weight:700; font-family:'NS Korean',sans-serif;}
.cus_con .cus_text3{color:#555; font-size:18px; line-height:22px; margin-bottom:5px; font-weight:700; font-family:'NS Korean',sans-serif;}
.cus_con .cus_text4{color:#555; font-size:11px; line-height:18px; margin-bottom:5px; font-weight:700; font-family:'NS Korean',sans-serif;}
.cus_con .cus_text5{color:#555; font-size:11px; line-height:15px; font-weight:700; font-family:'NS Korean',sans-serif;}

.qr_title{width:160px; padding:10px 10px 0px; margin-top:43px; color:#006baf; font-size:13px; text-align:center; line-height:20px; font-weight:700; font-family:'NS Korean',sans-serif; letter-spacing:normal; background:#fff;}
.qr_con{width:160px; padding:10px 10px; overflow:hidden;  background:#fff;}
.qrcode{margin:0 auto; width:66px; padding:10px; background:#fff; border-radius:5px; border:1px solid #ddd;}
.qr_text{margin:10px auto 0; width:100%; color:#888; font-size:10px; text-align:center; line-height:15px; font-weight:300; font-family:'NS Korean',sans-serif;}


/*==================================================
    VISUAL STYLES
==================================================*/
#visualGroup {width:900px;}
#visualGroup .wrap {margin: 0 auto;  overflow: hidden; border-bottom: 1px solid #111;}
#visualGroup .wrap .item {float:left; }
#visualGroup .wrap .item img {width:100%; height:'auto';  }

#visualGroup ul.pager { position: absolute; left:782px; top:20px; z-index:11;}
#visualGroup ul.pager li { float: left; background:#fff;  margin-left:5px; }
#visualGroup ul.pager li div.dummy { width:12px; height:12px;  }
#visualGroup ul.pager li.on  { background:#006baf;;  }

#cycleSlide  {width:900px;  height: 630px; position: relative; overflow: hidden;}
#cycleSlide img {width:900px; height: 630px;}

#main_text{ position:absolute; z-index:5; left:205px; top:80px; width:540px; height:50px; display:none;}
#main_text .main_text1{width:100%; overflow:hidden; color:#fff; font-size:24px; line-height:30px; font-weight:700; font-family:'NS Korean',sans-serif; }
#main_text .main_text2{width:100%; overflow:hidden; color:#fff; font-size:14px; line-height:20px; font-weight:300; font-family:'NS Korean',sans-serif;}


#con_title{margin:0 auto; width:820px; height:100px; border-bottom:1px solid #ddd;}
#title{float:left; margin:30px 0 0 0; width:100%; height:30px; color:#777; font-size:13px; line-height:30px; font-weight:300; font-family:'NS Korean',sans-serif;}
#title span{font-weight:700; font-size:16px; color:#006baf;}
#title_txt{float:left; width:100%; height:20px; color:#777; font-size:12px; line-height:20px; font-weight:300; font-family:'NS Korean',sans-serif;}
#con{margin:0 auto; width:820px; min-height:409px; overflow:hidden; padding:30px 0 40px; position:relative;}

#tab_nav{margin:30px auto; width:820px; height:40px; position:relative;}
#tab_nav ul li{float:left; border:1px solid #ddd; list-style-type:none; margin-right:-1px; background:#eee;}
#tab_nav ul li a{display:block; padding:0 15px; height:39px; font-family:'NS Korean',sans-serif; font-size:13px; line-height:39px; font-weight:700; color:#222; text-align:center;}
#tab_nav ul li a:hover{color:#2e3192;}
#tab_nav ul li.on{border-bottom:1px solid #fff; background:#fff;}
#tab_nav ul li.on a{color:#df1d1d;}
#tab_nav ul li .board_view{display:none;}

#tab_nav.t201 ul li a{padding:0 22px;}
#tab_nav.t202 ul li a{padding:0 16px;}
#tab_nav.t203 ul li a{padding:0 10px;}



#tab_nav ul li:hover{background:#eee url('../images/tab_over.png') no-repeat center bottom;}
#tab_nav ul li:hover .board_view{display:block; position:absolute; z-index:100; top:40px; left:0; display:block; width:98%; padding:1%; height:100px; background:#fff; border:1px solid #ccc;}
#tab_nav .board_view li{border:0px solid #fff; background:none;}
#tab_nav .board_view li a{padding:0; height:80px;}
#tab_nav .board_view li:hover{background:none;}


#tab_nav2{margin:20px auto; width:820px; overflow:hidden;}
#tab_nav2 ul li{float:left; list-style-type:none;}
#tab_nav2 ul li a{display:block; padding:0 20px; height:29px; font-family:'NS Korean',sans-serif; font-size:14px; line-height:29px; font-weight:700; color:#222; text-align:center;}
#tab_nav2 ul li a:hover{color:#2e3192;}
#tab_nav2 ul li.on a{color:#df1d1d; background:#fff; border-bottom:1px solid #df1d1d;}


/*==================================================
    ITEM STYLES
==================================================*/
#itemGroupMain {}
#itemGroupMain ul.btnGroup li.btn { position:relative;  float:left;  width:180px;  height:210px;  background: url('../images/main_item_bg.png'); background-repeat: no-repeat;  background-size: 180px 210px; }
#itemGroupMain ul.btnGroup li.btn div.item { clear: both; position:absolute;}
#itemGroupMain ul.btnGroup li.btn div.item ul { list-style:url('../images/main/main_style_disc.png');  font-size: 11px; line-height: 200%; }
#itemGroupMain ul.btnGroup li.btn div.item ul li { font-family:'NS Korean',sans-serif; font-size: 11px; color: #777777; letter-spacing:-0.5px; }

#itemGroupMain ul.btnGroup li.btn div.item_text{ position:absolute; z-index:1; left:20px; top:25px; width:160px; overflow:hidden; }
#itemGroupMain ul.btnGroup li.btn div.item_text li{display:block; width:100%;}
#itemGroupMain ul.btnGroup li.btn div.item_text li.item_text1{color:#111; font-size:16px; line-height:25px; font-weight:700; font-family:'NS Korean',sans-serif;}
#itemGroupMain ul.btnGroup li.btn div.item_text li.item_text2{color:#111; margin-bottom:5px; font-size:12px; line-height:18px; font-weight:700; font-family:'NS Korean',sans-serif;}
#itemGroupMain ul.btnGroup li.btn div.item_text li.item_text3{color:#777; font-size:11px; line-height:14px; font-weight:300; font-family:'NS Korean',sans-serif; letter-spacing:-0.1em;}






/*==================================================
    FOOTER STYLES
==================================================*/
footer { }
.logo {float:left; margin-left:50px;}
.copyright {width:100%; overflow:hidden; min-height:149px; padding:10px 0; border-top:1px solid #ddd; background:##f6f6f6 url('../images/left_line.png') repeat-y left top;}
.copyright .copy_info{float:left; margin-left:40px; width:700px; overflow:hidden; color:#666; font-size:12px; line-height:20px; font-weight:300; font-family:'NS Korean',sans-serif;}
.copyright .copy_nav{float:left; margin-left:40px; width:600px; overflow:hidden; margin-bottom:20px;}
.copyright .copy_nav ul li{float:left; margin-right:15px;}
.copyright .copy_nav ul li a{color:#666; font-size:12px; line-height:18px; font-weight:700; font-family:'NS Korean',sans-serif;}
.copyright .copy_nav ul li a:hover{color:#333;}


.box103{color:#555; font-size:13px; line-height:20px; font-weight:300; font-family:'NS Korean',sans-serif;}
.box103 .btn103{ padding:5px 20px 5px; font-size:13px; line-height:20px; font-weight:700; font-family:'NS Korean',sans-serif; color:#e02456; border:1px solid #aaa;}

.btn104{ margin:0 0 10px 700px; padding:5px 20px 5px; font-size:13px; line-height:20px; font-weight:700; font-family:'NS Korean',sans-serif; color:#e02456; border:1px solid #aaa;}
.box104{position:fixed; z-index:100; display:none; left:0; top:0; width:100%; height:100%; min-width:1020px; background-color:rgba(0, 0, 0, 0.7 );}
.close104{ position:absolute; z-index:100; right:20px; top:20px;}
.close104 a{ display:block; color:#fff; font-size:30px; line-height:50px; font-weight:700; font-family:'NS Korean',sans-serif;}
.con104{margin:0 auto; width:800px; height:100%; overflow-y:scroll; padding:0 10px; background:#fff;}
.con_title104{ width:100%; height:30px; text-align:center; font-size:22px; line-height:30px; font-weight:700; font-family:'NS Korean',sans-serif; color:#333;}