@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Roboto+Condensed:300,400,700|Roboto:100,300,400,500,700|Nanum+Gothic:400,700|Nanum+Myeongjo:400,700,800');
@charset "utf-8";
@font-face {
	font-family: 'NotoKrL';
	font-style: normal;
	font-weight: 100;
	src: url('font/notokr-light.eot');
	src: url('font/notokr-light.eot?#iefix') format('embedded-opentype'),
		 url('font/notokr-light.woff2') format('woff2'),
		 url('font/notokr-light.woff') format('woff');
}
 
@font-face {
	font-family: 'NotoKrR';
	font-style: normal;
	font-weight: 300;
	src: url('font/notokr-regular.eot');
	src: url('font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('font/notokr-regular.woff2') format('woff2'),
		 url('font/notokr-regular.woff') format('woff');
}
 
@font-face {
	font-family: 'NotoKrM';
	font-style: normal;
	font-weight: 500;
	src: url('font/notokr-medium.eot');
	src: url('font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('font/notokr-medium.woff2') format('woff2'),
		 url('font/notokr-medium.woff') format('woff');
}
 
@font-face {
	font-family: 'NotoKrB';
	font-style: normal;
	font-weight: 700;
	src: url('font/notokr-bold.eot');
	src: url('font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('font/notokr-bold.woff2') format('woff2'),
		 url('font/notokr-bold.woff') format('woff');
}


@charset "utf-8";

/* ----------------- 초기화 ----------------- */
*{margin:0;padding:0}

html,body{width:100%;height:100%;margin:0;padding:0;}
html{overflow-y:scroll; overflow-x:hidden}
body{font-family:'NotoKrR','Noto Sans KR', 'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif;*word-break:break-word;-ms-word-break:break-word; letter-spacing:-0.05em}
body,input,button{ font-size:14px; line-height:160%; color:#666}
body table {font-size:14px;color:#666; line-height:160%;}
td {word-wrap:break-word;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
ul, dl {margin:0; padding:0;}
a,a:visited,a:active{color:#666;text-decoration:none;font-family: 'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif;}
a:hover{color:#4183fb; text-decoration:none;}
em,address{font-style:normal}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}  
.img_c 	{text-align:center; width:100%;}
.img_l 	{	text-align:left; width:100%;}
.img_r 	{	text-align:right; width:100%;}
.imgover {opacity: 0.7;}
.grayimg1 {  filter: none;  -webkit-filter: grayscale(0);  }
.grayimg1:hover {  filter: url(filters.svg#grayscale); /* Firefox */  filter: gray; /* IE */  -webkit-filter: grayscale(1); /* Webkit */}
.grayimg2 {  filter: url(filters.svg#grayscale); /* Firefox */  filter: gray; /* IE */  -webkit-filter: grayscale(1); /* Webkit */ }
.grayimg2:hover {  filter: none;  -webkit-filter: grayscale(0); }
.phide {text-indent:-9999px; height:0; line-height:0; overflow:hidden;}
.imgr {border:none; float:right; margin-left:20px; }
.zs_orange14 { font-size:15px; color:#ff0000; }
.zs_11 { font-size:11px;}
.co_black { color:#000000;}  
.blind{font-size:0px;line-height:0px;width:0px;height:0px;overflow:hidden;visibility:hidden;position:absolute;top:0px;left:-9999px;}
.f_l{float:left;}
.f_r{float:right;}
.p_r{position:relative;}
.clear{*zoom:1}
.clear:after{content:"";display:block;clear:both}
.wrap{width:960px; margin:0 auto;}
a.gototop { position:fixed; width:50px; text-align:center; right:10px;  bottom: 100px; display: none; color:#FFF; background:#666; border-radius:100px; padding:12px 0; font-size:14px;font-family: 'Roboto Condensed', sans-serif;}

/* ----------------- font ----------------- */
.robotoc { font-family: 'Roboto Condensed', sans-serif;}
.roboto { font-family: 'Roboto', sans-serif;}
.lato { font-family: 'Lato', sans-serif;}
.oswald {font-family:'Oswald', sans-serif;}
.myeongjo{font-family:"Nanum Myeongjo", sans-serif;}
.jeju{font-family: 'Jeju Gothic', sans-serif;}
.nanum{font-family: 'nanumgothic', sans-serif;}
/* ----------------- header ----------------- */
#header	{position:absolute; width:960px; height:178px; top:0px;  left:50%;  margin-left:-480px; background:url('img/menu/gnb_bg.png') no-repeat top center; z-index:2}
#topmenu{width:100%;}
#topmenu #menu{position:relative;width:100%;}
#topmenu #menu #logo{position:absolute; left:20px; top:13px; width:158x; z-index:9; font-size:20px; z-index:999999}


#UtillMenu{position:absolute;top:24px;right:20px; z-index:999;}
#UtillMenu ul li{float:left;margin-left:10px;line-height:11px;}
#UtillMenu ul li a{color:#9b9b9b;font-size:13px;font-family: 'Roboto Condensed', sans-serif; padding: 0 10px; line-height:11px; letter-spacing:0.1px;
                        background:url('img/icon/utill_menu.png') no-repeat top 5px left; }
#UtillMenu ul li a:hover{color:#ce1e1e;}
#UtillMenu .on a{color:#ce1e1e;}

/* ----------------- GNB ----------------- */ 

#gnb {width:960px; position:absolute;top:30px;left:220px; text-align:center; z-index:99999}
#gnb ul {  margin:0 auto;}
#gnb ul li{ position:relative;}
#gnb ul li.dep1li {float:left; } 
#gnb ul li.dep1li:first-child{background:none; padding-left:50px}  
#gnb ul li.dep1li:last-child{padding-right:0px}
#gnb ul li.dep1li.on>a{color:#000;} 
#gnb ul li a {display:inline-block;color:#414141;} 
#gnb ul li a.dep1{padding-top:5px}


#gnb ul li a.dep1 {font-family: 'Roboto Condensed', sans-serif;position:relative;font-size:14.5px;height:15px;color:#414141; line-height:15px;  padding:0 36px; font-weight:500;text-transform: uppercase; letter-spacing:0.1px;}
#gnb ul li a.dep1:hover {color:#000; cursor:pointer; 
-webkit-transform: scale(1.15,1.15);-moz-transform: scale(1.15,1.15);-o-transform: scale(1.15,1.15);-ms-transform: scale(1.15,1.15); transform: scale(1.15,1.15);}
#gnb ul li a.dep1:after{position:absolute;bottom:0;top:10px;  left:0;display:block;content:"";width:100%;height:20px; background-color:rgba(255,255,255,0);transform:scale3d(0,1,1);transform-origin:center center;transition:transform .3s;}
#gnb ul li a.dep1:hover:after,#gnb ul .dep1li.on .dep1:after{transform:scale3d(1,1,1);}

#gnb .dep2 {position:absolute; top:20px; float:left; width:400px; z-index:10;display:none; padding:10px 30px;}
#gnb .dep2 ul {padding:0; margin-left:-50px}
#gnb .dep2 ul li:first-child{border-left:none }
#gnb .dep2 ul li { font-size:13px;color:#414141; float:left; padding:0 10px; border-left:solid 1px #cccccc;}
#gnb .dep2 ul li a{display:block;float:left;font-family: 'NotoKrR', sans-serif;font-size:13px;line-height:12px; color:#414141;}
#gnb .dep2 ul li a:hover{text-decoration:none;color:#000793; font-weight:bold }
#gnb ul .dep1li.on .dep2 {display:block !important;}

#Container{position:absolute; top:0px; width:960px; left:50%; margin-left:-480px;} 
#Container .maincontent{ position:absolute; text-align:left;width:960px; top:381px; padding-top:100px; padding-bottom:18px; height:140px;background:url('img/main/maincon_bg.png') no-repeat top center;  z-index:999999}

.maincontent .con1 { float:left; width:265px; margin-left:60px;}
.maincontent .con2 { float:left; width:265px; margin-left:25px;}
.maincontent .scon0 { float:left; width:265px;}
.maincontent .scon1 { float:left; padding:0 0 0 15px; width:205px; height:19px; background-color:#808080;}

/* ----------------- main_container ----------------- */
/* ----------------- main_container ----------------- */
.main_visual{position:absolute; width:960px; height:570px; position:absolute; z-index:1;  top:0px;}  
.bxslider>li>div{display:block;width:100%;text-align:center;height:570px;}
.bxslider li a img{vertical-align:bottom}

.main_visual .maintheme_txt1 {position:absolute; top:343px;  left:54px; z-index:999}
.main_visual .maintheme_txt2 {position:absolute; top:413px;  left:54px; z-index:999}
.main_visual .maintheme_img1 {position:absolute; top:170px; left:522px; z-index:99}

  
 /*main slider*/
.bxslider4_wrap{position:relative; width:433px; height:138px;  margin:0 auto;}
.bxslider4_wrap .bxslider4 {overflow:hidden; }
.bxslider4_wrap .bxslider4 > div{float:left; }
.bxslider4_wrap .bxslider4 div p{line-height:13px; width:120px; font-family: 'NotoKrR', sans-serif; font-size: 13px;  text-align:center; color:#0066CC;}
.bxslider4_prev,
.bxslider4_next{position:absolute; top:130px; left:-42px;color:red}
.bxslider4_next{left:200px;}
.slide{margin-top:10px}
.slide_box{width:120px; height:138px; border:solid 0px #e5e5e5; text-align:center;  display:table;}
.slide_box p {line-height:14px; width:120px; font-family: 'Roboto', sans-serif; font-size: 13px;  text-align:center; color:#0066CC; font-weight:500}

.css3button{padding: 0px 5px;}
.css3button a{font-family: 'NanumGothic', sans-serif;font-size: 20px;color: #ff0000;text-indent: -9999px; font-weight:900;}
/*main slider*/
 
 /* ----------------- Sub_set ----------------- */
#subTheme{position:absolute; width:960px; z-index:1;}
#subTheme .subThemeImg { margin-top:87px; float:left; width:199px; height:143px; text-align:left; margin-left:78px;}
#subTheme .subtheme_txts { margin-top:174px; float:left; width:450px; height:29px; text-align:left; margin-left:188px;}

#SubContainer{position:absolute; top:230px; width:960px; z-index:999; padding-bottom:10px; left:50%; margin-left:-480px; }
#SubContainer #sub_left{width:200px; float:left;  }
#SubContainer #sub_right{width:759px; float:left; border-left:solid 1px #ddd;}
#SubContainer #sub_right .subbody {width:750px; margin-left:9px}
#SubContainer #sub_right .subbody .sub_title {margin-left:5%;margin-bottom:20px;padding:10px 0px 10px 4%;text-align:left; font-family:'NotoKrM', sans-serif; width:91%; font-size:35px;color:#000;background:url('img/icon/tit_li.png') no-repeat left center; }
										   
#SubContainer #sub_right .subbody .sub_con {width:690px; padding-bottom:30px; font-size:14px; font-family:'NotoKrR', sans-serif;  margin:0 auto}
#SubContainer #sub_right .subbody .sub_con table {font-size:14px; font-family:'NotoKrR', sans-serif;}
#SubContainer #sub_right .subbody .sub_con div{font-size:14px; font-family:'NotoKrR', sans-serif;}
#SubContainer #sub_right .subbody .sub_con .title{text-align:left; font-family:'NotoKrR', sans-serif;}
#SubContainer #sub_right .subbody .sub_con .title a{text-align:left; font-family:'NotoKrR', sans-serif;}
#SubContainer #sub_right .subbody .location{font-size:12px; font-family:'NotoKrL', sans-serif; color:#868686; text-align:right; line-height:400%}
#SubContainer #sub_right .subbody .location span{font-family:'NotoKrM', sans-serif; color:#3992bd}

/* ----------------- left-menu ----------------- */

.lnb_wrap{float:left; width:200px; }
.lnb_tit span{font-size:17px;  width:170px; font-family: 'Roboto Condensed', serif; color:#74B2D1;  font-weight:bold; line-height:20px; text-align:right; letter-spacing:3px;display:block; padding-top:5px}
.lnb_tit {font-size:27px; width:170px; font-family: 'Roboto', serif; color:#74B2D1; font-weight:bold; line-height:30px; text-align:right;  text-transform: uppercase; margin:0 auto; padding-top:15px; }

.lnb{width:190px;  float:right;  background-color:#fff; margin:30px 0 10px 0; }
.lnb ul li {overflow:hidden;  text-align:right}
.lnb ul li a {color:#4a4a4a; display:block; font-family:'NotoKrM', sans-serif; line-height:23px;font-size:13px;border-bottom:solid 0px #d0d0d0;
               padding-right:13px; letter-spacing:-0.5px;}
.lnb ul li a:hover {color:#fff;background:url('/new/img/icon/lnb_on.png') no-repeat right center;}
.lnb ul li a.on {color:#fff;background:url('/new/img/icon/lnb_on.png') no-repeat right center; font-family:'NotoKrB', sans-serif; }
.lnb>ul>li>.dep2>ul>li {overflow:hidden; }
.lnb>ul>li>.dep2>ul>li>a{display:block;font-size:12px;  font-family:'NotoKrR', 'Roboto', sans-serif; color:#767676; line-height:23px; 
                                  background:url('img/icon/lnb_dep2.png') no-repeat right 13px top 12px; padding-right:20px}
.lnb>ul>li>.dep2>ul>li>a .on{color:#000;}
.lnb>ul>li>.dep2>ul>li>a:hover, .lnb>ul>li>.dep2>ul>li>a:focus{color:#000;font-family:'NotoKrM', 'Roboto', sans-serif; }
.lnb .lnb_point a{font-family:'NotoKrB', sans-serif; color:#000; font-weight:bold; font-size:15px}
.lnb .lnb_point a:hover{background:url('') no-repeat right center;color:#000}

#Container .footer_main{position:absolute; top:645px;}
#SubContainer .footer_sub{position:relative;}
/* ----------------- footer ----------------- */
#footer{width:960px; margin:0 auto;}
#footer .footer_logo{width:98%; text-align:left; padding-left:2%; padding-top:15px; }
#footer .footer_text{width:98%; padding-left:2%; color:#999999; line-height:1.4; font-family: 'Roboto', sans-serif;font-size:11px; padding-top:5px; text-align:left}
#footer .footer_text a{color:#9e9e9e;}

#FooterMenu {width:99%; background-color:#f2f2f2;padding-top:11px; padding-bottom:10px;padding-left:1%; border-radius:0px}
#FooterMenu ul li{float:left;margin-left:4px;border-right:solid 1px #a9a9a9;}
#FooterMenu ul li:first-child{margin-left:0; border-left:none}
#FooterMenu ul li:last-child {border-right:none; margin-left:0;}
#FooterMenu ul li a{color:#717171;font-size:11px;font-family: 'Roboto Condensed', sans-serif; padding: 0 7px;  line-height:9px;letter-spacing:0.1px}
.main_notice a {color:#777; font-size:13px}
.main_notice a:hover{color:#000;}

.part_area{padding:10px; min-height:300px; width:600px; margin:0 auto;}
/*pro*/
/* ----------------- Pro Slider1----------------- */
.pro_visual2{width:581px;position:relative; z-index:5; margin:10px auto;}/* 100% 슬라이더 *//* absolute 이기 때문에 가로 너비 지정 */
.bxslider2>li>div{display:block;text-align:left;height:435px;} 
.bxslider2 li a img{vertical-align:bottom;width:580px;height:435px;}
.bxslider2 li p{color:#333;font-family: 'NotoKrR', sans-serif; font-size:15px; text-align:center; margin-top:5px}
.bx-pager_pro {width:580px;margin:0 auto; margin-top:10px; }
.bx-pager_pro a {margin-left:1px;}
.bx-pager_pro a img{width:88px; height:66px;}

.address{font-family:'NotoKrR', sans-serif; color:#000; text-align:left; background-color:#f4f4f4; border-radius:5px; padding:10px 20px; width:648px; border:solid 1px #ddd;
             font-size:16px; margin:0 auto;}
.address span{font-family:'NotoKrB', sans-serif; color:#000; text-align:left; margin-bottom:20px;}
/*Tab*/