@charset "utf-8";
@import url(base.css);
@import url(board.css);



/* default */
@font-face {
  font-family: 'NG';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'NGB';
  font-style: normal;
  font-weight: 700;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'NGEB';
  font-style: normal;
  font-weight: 700;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}



/* default */
body {font-size:15px; line-height:24px;  font-family:"NG", "돋움", "Lucida Grande", "Verdana"; color:#555;}


a:link {text-decoration:none; color:#555; }
a:visited {text-decoration:none; color:#555;}
a:active {text-decoration:none; color:#555;}
a:hover {text-decoration:none; color:#17038f;}




.cboth {clear:both;}
.clear:after{content:"";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.clear{zoom:1;display:block;}


/* Layout */
#wrapper {position: relative; width:100%; background:url(../images/common/top_bg.jpg) repeat-x top;min-width:1150px;}

#header{position: relative; width:100%; height:100px; z-index:10000; }
#header .top {position:relative; width:1100px;  margin:0 auto; background:url(../images/common/top_bg.jpg) repeat-x top;}

#header .top h1 {position:absolute; top:0;	left:0;  z-index:999; padding-right:100px; }


#gnb {position:absolute; right:0; top:25px;  height:90px; z-index:999999; padding-left:50px;}
#gnb ul li {float:left; margin:35px 0 0 15px;}
#gnb ul li a {color:#8d8d8d; font-size:12px; letter-spacing:0;}


#lnb {position:relative; overflow:hidden; top:25px; cursor:pointer;  margin:0 auto; width:570px; padding:0 220px 0 310px;}
#lnb ul li {float:left; font-size:18px;  font-family: 'NGEB'; line-height:75px; width:100px; margin:0 45px;}
#lnb ul li a {color:#333;}


.hidden{visibility:hidden;width:0;height:0;overflow:hidden;position:absolute;top:-10000px;line-height:0;}

.menuWrap {position:relative;height:0;}


#allMenuView {position:absolute; z-index:10000; width:100%;  top:100px; padding:20px 0; overflow:hidden; display: none; background:#fff;  border-bottom:1px solid #444; border-top:1px solid #e5e5e5; z-index:10000;}
/*background-color:#13470f; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;*/
#allMenuView .menu_cen {position:relative; margin:0 auto; width:570px; padding:0 220px 0 310px; }
#allMenuView .menu {float:left; width:100px; margin:0 45px;}
#allMenuView .menu ul li{height:27px;}
#allMenuView .menu ul li a {color:#666; font-size:14px; letter-spacing:-0.03em;}
#allMenuView .menu ul li a:hover {color:#17038f;}




/* footer */ 
#footer_wrap {clear:both; position: relative; background:#595d5c; padding:40px 0; }
#footer_wrap .footer {position: relative; width:1100px; margin:0 auto; color:#b5b5b5; font-size:13px; }
#footer_wrap .footer .f_m {position:absolute; right:0; top:0; z-index:1;}
#footer_wrap .footer .f_m ul li {float:left; margin-left:30px;/* background:url(../images/common/line.jpg) no-repeat left; padding-left:10px;*/}
#footer_wrap .footer .f_m ul li a {font-size:13px; color:#bababa; font-family: 'NGB';}
#footer_wrap .footer .address {position:relative;}
#footer_wrap .footer span {margin-left:20px;}
#footer_wrap .footer a {color:#b5b5b5;}



#container {position:relative; clear:both; width:100%; }
#contents_wrap {position:relative; clear:both; width:1180px; margin:0 auto;}





/* ====================== main ======================== */

.mainVisualWrap {width:100%; height:550px;}
.mainVisualWrap .btnArea {position:relative; width:1100px; margin:0 auto; z-index:25;}
.mainVisualWrap .btnArea a.btnPrev {position:absolute; top:245px; left:-32px; cursor:pointer;}
.mainVisualWrap .btnArea a.btnNext {position:absolute; top:245px; right:-32px; cursor:pointer;}
.mainVisualWrap .btnArea a.btnStop {position:absolute; top:510px; right:20px; cursor:pointer; display:none;}
.mainVisualWrap .btnArea a.btnPlay {position:absolute; top:510px; right:20px; cursor:pointer; display:none;}
.mainVisualWrap .visual {position:relative; width:1100px; height:550px; margin:0 auto; z-index:0;}
.mainVisualWrap .visual ul {position:absolute; top:0; left:0; height:550px;}
.mainVisualWrap .visual ul li {position:absolute;}



#m_container {position:relative; clear:both; width:1100px; margin:0 auto; padding:70px 0;}
#m_container .notice {position:relative; float:left; width:330px;}
#m_container .notice h2 {font-family: 'NGB'; font-size:25px; color:#222; letter-spacing:0; line-height:25px; margin-bottom:30px;}
#m_container .notice .list1 {position:relative; clear:both; padding-bottom:20px; background:url(../images/main/dotted.jpg) repeat-x bottom;}
#m_container .notice .list1 ul li {float:left; }
#m_container .notice .list1 ul li.img {width:100px; margin-right:25px; display:none;}
#m_container .notice .list1 ul li.txt {position:relative; clear:both; width:260px; padding-right:70px;}
#m_container .notice .list1 ul li.txt a {font-family: 'NGB'; font-size:19px; color:#333; line-height:27px;display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#m_container .notice .list1 ul li.txt p {position:absolute; right:0; top:0;  letter-spacing:-0.03em;font-size:13px;}
#m_container .notice .list2 {position:relative; clear:both; margin-top:15px;}
#m_container .notice .list2 ul li{ position:relative; height:26px; padding-right:70px; letter-spacing:-0.03em; background:url(../images/main/icon_black.jpg) no-repeat 0 10px; padding-left:10px;}
#m_container .notice .list2 ul li a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#m_container .notice .list2 ul li em{ position:absolute; right:0; top:0; font-size:13px;}
#m_container .notice .btn_more {position:absolute; right:0; top:0; color:#a2a2a2;font-family: 'NGB'; }

#m_container .ban {position:relative; float:right; width:735px;}
#m_container .ban ul li {float:left; margin-left:15px;}

#support {position:relative; clear:both; background:#ededed; padding:70px 0 90px 0; text-align:center;}
#support h2 {font-family: 'NGEB'; font-size:30px; color:#222; letter-spacing:3px; background:url(../images/main/bar.jpg) no-repeat bottom; padding-bottom:20px;}
#support p {font-size:16px;}
#support ul  {width:1100px; margin:0 auto; margin-top:50px;}
#support ul li {float:left; width:25%;}
#support ul li a p {font-family: 'NGB'; font-size:19px; color:#444; margin-top:15px;}




/* ====================== sub ======================== */
#s_visual {position:relative; width:100%; height:130px; line-height:60px; font-size:22px;  font-family: 'NGEB'; font-weight:bold; color:#fff;letter-spacing:5px; background:#a3a2a8 url(../images/sub/visual2.jpg) no-repeat center;; text-align:center;}

#loca {position:relative; clear:both;  color:#888;  background:#fdfdfd; border-bottom:1px solid #eee; border-top:1px solid #eee;}
#loca ul {width:1100px; margin:0 auto; }
#loca ul li {float:left; height:40px; font-size:14px; line-height:40px; padding:0 15px;border-right:1px solid #dfdfdf;}
#loca ul li.home {border-left:1px solid #dfdfdf;}
#loca ul li.home img {margin-top:10px;}


#s_contents {position:relative; width:100%; background:#fff; }
#contents_wrap {position:relative; clear:both; width:1100px; margin:0 auto; padding:60px 0 100px 0;}


/* left style */
#snb {position:relative; float:left; width:210px; }
#snb h2 {height:60px; color:#000; font-family: 'NGB'; font-size:25px; line-height:25px; border-bottom:3px solid #1581e8;}
#snb ul li {clear:both; font-size:15px; line-height:16px; border-bottom:1px solid #dfdfdf; }
#snb ul li a {display:block; color:#333; line-height:47px; padding:0 20px; }
#snb ul li a:hover{color:#0e5298;}
#snb ul li a.snb_on{color:#fff; background:#404040;}

#snb ul li ul {background:#fff;  display:none; }
#snb ul li ul li {border-bottom:1px solid #efefef; }
#snb ul li ul li a { background:none; padding:5px 20px; font-size:14px; line-height:30px; font-family: 'NG'; color:#83837d; letter-spacing:-0.05em;}
#snb ul li ul li a.snb2_on{color:#000;font-family: 'NGB'; }


#snb_product {position:relative; clear:both; border:1px solid #dfdfdf; margin-bottom:50px;}
#snb_product ul li {border-left:1px solid #dfdfdf; float:left; width:33.2%;}
#snb_product ul li a {display:block; padding:10px 20px; font-size:17px; line-height:30px;  font-family:'NGB'; text-align:center;}
#snb_product ul li a.snb_product_on {color:#fff; background:#ba7826; }



#contents {position:relative; float:right; width:800px;}
#contents2 {position:relative; clear:both;}
#contents2 .stitle {text-align:center !important;}

.stitle {position:relative; clear:both; color:#131313;  font-size:25px; line-height:25px;  height:60px; font-family:'NGB';}
.stitle  ul li {float:left;}
.stitle ul li.loca{float:right; color:#5a5a5a; font-size:14px; font-family:'NG';}
.stitle ul li.loca strong {font-family:'NGEB'; color:#444;}
#contents .con {position:relative; clear:both;}
#contents .con h3 {position:relative; color:#0e5298;  font-family: 'NGB'; font-size:22px;line-height:55px; background:url(../images/sub/h3_bar.jpg) no-repeat top left;}
#contents .con h4 {position:relative; clear:both;  color:#fff;  font-family: 'NGB'; font-size:17px; line-height:30px;  background:#00a6ce; border-radius:20px; padding:0 20px;}

#contents .con h4.w65 {width:65px;}
#contents .con h4.w107 {width:107px;}
#contents .con h4.w125 {width:125px;}
#contents .con h4.w150 {width:150px;}

.li_icon {position:relative; clear:both; margin-left:10px;}
.li_icon  ul li {background:url(../images/business/icon_gray.jpg) no-repeat 0 10px; padding-left:8px;}


#location {position:relative; clear:both; margin-bottom:30px;}
#location ul li.tt {color:#1e2857;  font-family: 'NGB'; font-size:19px;}
#location ul li span {margin-left:30px;}




.privacy_txt {clear:both;position:relative; padding:2%; width:95%; height:330px; overflow-y:scroll; overflow-x:hidden; text-align:left; 
border:1px solid #dfdfdf; ;background:#fcfcfc;
scrollbar-face-color:#FFFFFF;		
scrollbar-highlight-color:#CFCFCF;		
scrollbar-3dlight-color:#FFFFFF;		
scrollbar-shadow-color:#CFCFCF;		
scrollbar-darkshadow-color:#FFFFFF;		
scrollbar-track-color:#FFFFFF;		
scrollbar-arrow-color:#D0D0D0;	}
.privacy_txt h4 {font-size:15px; background:none; margin:30px 0 10px 0; }
.privacy_txt h5 {font-size:16px; color:#333; margin-top:20px;}
.privacy_txt p {padding-left:20px; margin-bottom:10px;}
.privacy_txt p.agree {padding-left:0;}


.ml20 {margin-left:20px;}



#other {position:relative; clear:both; width:600px; padding:20px; margin:0 auto; border:10px solid #073d69;}
#other h2 {font-size:30px; color:#222; font-family: 'NGB'; text-align:center; padding:20px 0;}
#other textarea{padding:10px; width:580px; height:500px; border:1px solid #dfdfdf; font-family:'NG'; font-size:13px; line-height:23px;}




 .faq{  border-bottom:1px solid #f2eee2; border-top:3px solid #333;}

.faq .hgroup{ position:relative; *zoom:1; }
 .faq .hgroup .trigger{ position:absolute; bottom:0; right:0;  border:0;  padding:0;  overflow:visible; background:none;  cursor:pointer; }
 .faq ul{ list-style:none; margin:0; padding:0; }
 .faq ul li img {margin:3px 5px;}
 .faq .q{ margin:0; border-top:1px solid #ddd; }
 .faq .q a.trigger{ display:block; padding:20px 15px; text-align:left; font-family: 'NGB'; color:#333; background:#fff; text-decoration:none !important;  }


.faq .hide .q a.trigger{  font-weight:normal; background:none; }
 .faq .q a.trigger:hover,
 .faq .q a.trigger:active,
 .faq .q a.trigger:focus{ color:#000;  background:#f8f8f8; }
 .faq .a{  margin:0; padding:20px 15px; line-height:1.5; display:none;}




#greeting {clear:both;position:relative; }
#greeting ul li {float:left;}
#greeting ul li.img {}
#greeting ul li.txt {float:right; width:520px;}
#greeting p {margin-bottom:25px;}
#greeting p.tt {color:#0e5298; font-size:19px; line-height:30px; font-family: 'NGB';}

#greeting .presentation {clear:both;position:relative;}
#greeting .presentation ul li {float:left; }
#greeting .presentation ul li.everyone {height:35px; border-left:1px solid #efefef; padding:5px 0 0 20px; margin:5px 0 0 20px;}


#organization {clear:both;position:relative; text-align:center;}



#history {position:relative; clear:both; border-top:3px solid #0e5298; padding-top:30px;}
#history .list  {position:relative; clear:both; border-bottom:1px solid #dfdfdf; padding-bottom:30px;}
#history .list .year {float:left; width:130px; color:#222; font-size:19px;  font-family: 'NGB'; line-height:40px; background:url(../images/sub/icon_tt1.jpg) no-repeat 0 0;}
#history .list .info {float:right; width:670px;}
#history .list .info ul {clear:both;}
#history .list .info ul li {float:left; width:610px; margin:5px 0;}
#history .list .info ul li.month {width:60px; color:#0075c2; font-size:15px; font-family: 'NGB';}




#sitemap_wrap {position:relative; clear:both;   text-align:center;}
#sitemap_wrap .sitemap {float:left; width:150px; margin:0 10px; }
#sitemap_wrap .sitemap .tt {height:35px; line-height:35px;color:#5481c1; font-family: 'NGB'; font-size:19px; background:#fff; border:3px solid #5481c1; border-radius:30px; margin-bottom:10px;}
#sitemap_wrap .sitemap ul li {border-bottom:1px solid #eee; padding:15px 0;}


#proview {position:relative; clear:both; }
#proview .info_wrap {position:relative; clear:both; }
#proview .info_wrap .img {position:relative; float:left; width:400px;}
#proview .info_wrap .img ul li {float:left; width:98px; margin:10px 1px;}
#proview .info_wrap .img ul li a {display:block; border:1px solid #efefef;}
#proview .info_wrap .img ul li a.on {border:1px solid #1581e8;}
#proview .info_wrap .img img {width:100%;}
#proview .info_wrap .info {position:relative; float:right; width:500px;  background:#fafafa; padding:55px;}
#proview .info_wrap .info p {border-bottom:1px solid #dfdfdf; color:#000; font-size:24px; font-family: 'NGEB'; line-height:30px; padding-bottom:20px;}
#proview .info_wrap .info table {text-align:left; margin-top:30px;}
#proview .info_wrap .info table th { font-family:'NGB';text-align:left;}
#proview .info_wrap .info table th, #proview .info_wrap .info table td {padding:7px 0;}
#proview .detail {position:relative; clear:both;  }
#proview p.tt {color:#222; font-size:24px; font-family: 'NGB'; line-height:30px;}

.bt1 {border-top:1px solid #eaeaea; margin-top:50px;}



table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}

.con_table {position:relative; clear:both; border-top:3px solid #333;   text-align:left; font-size:14px;}
.con_table th { color:#2a2a2a;  font-family:'NGB';  background:#fafafa; }
.con_table th, .con_table td {padding:10px 15px; border-bottom:1px solid #e6e6e6;  text-align:left;}



#product {clear:both;position:relative; }
#product .list { position:relative; float:left; width:306px; border:1px solid #dfdfdf; padding:19px; margin:10px; }
#product .list p {color:#000;  font-size:19px; font-family: 'NGEB'; margin-bottom:15px;}
#product .list .img {position:relative; float:left; width:40%;}
#product .list .img img {width:100%;}
#product .list .info {position:relative; float:right; width:60%;}
#product .list .info ul li {background:url(../images/main/icon_black.jpg) no-repeat 0 10px; padding-left:8px; font-size:13px; font-family: 'NG'; letter-spacing:-0.03em;}
#product a:hover .list {border:1px solid #de9220;}
#product a:hover {color:#555;}