@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: url(/fonts/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
url(/fonts/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
url(/fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: url(/fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
url(/fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
url(/fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 700;
src: url(/fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
url(/fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
url(/fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
}



body{font-size:12px;color:#333333;padding:0px;
	margin:0px;vertical-align:top;font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif;}
img{border:0}

tr {font-size:9pt}



#wrap{text-align:center;margin:0px;padding:0px;}

#header {width:100%;display:inline-block;margin:0;padding:0;height:110px;border-bottom:1px solid #cccccc; border-top: solid 13px #005183; }
#header .home {width:100%;height:80px;display:inline-block;background:#000}
#header .inner {width:1000px;height:80px; margin:0 auto; margin-top:9px; position:relative;display:inline-block;}
#header .inner .logo {height:80px;float:left;}

ul, ul li{list-style:none;margin:0;padding:0}

#container {width: 100%;margin-bottom:20px}
#contents{width: 100%;margin:0 auto;display:inline-block;position:relative; }
#scontents{width:100%;height:150px;margin:0 auto;display:inline-block;background:#f3ede4;border-bottom:1px solid #dfdad1;border-top:1px solid #dfdad1;}

#contents .section1 {width: 1000px; min-height:381px; margin: 0 auto; overflow:hidden; position:relative;background:url(../images/main/visual.png);}
#contents .section1 .title {width: 342px; height: 56px; position:absolute; right:6px; top:120px; }
#contents .section1 .main_spot {display:inline-block; position:absolute; right:10px; bottom:40px;}
#contents .section1 .main_spot li {margin-left: 20px; float: left; }
#contents .section1 .main_spot li span {display:inline-block; border: solid 1px #c1c3c5;}
#contents .section1 .main_spot li.on span {border: solid 1px #2f88c7;}
#contents .section1 .main_spot li:hover span {border: solid 1px #2f88c7;}
#contents .section1 .main_spot li .detail {position:absolute; left:-1200px; top:-220px;}
#contents .section1 .main_spot li .detail2 {position:absolute; left:-255px; top:-170px; filter: alpha(opacity=0); opacity:0;}

































#copyright{position:relative;margin-top:10px;border-top:0px solid #002851;padding:15px 0px 15px 0px; text-align:center;  color:#fff; height:123px; background:#002851; font-weight:300; line-height:1.7; font-size:10.5pt;
padding-top:25px;}






#contents{position:relative; overflow:hidden; margin:0 auto; width:1000px; max-width:1400px; padding:0px 0 0px 0}

.contents_in2{position:relative; overflow:hidden; margin:0 auto; width:1000px; padding:25px 0 0px ; }

.contents_in3{position:relative; overflow:hidden; margin:0 auto; width:1000px; padding:25px 0 0px 0px; }

.move_con2{position:relative; overflow:hidden; float:left; width:177px; margin-top:1px; margin-left:0px; margin-right:20px; margin-bottom:25px;  }







.contents_in4{position:relative; overflow:hidden; margin:0 auto; width:1000px; padding:19 0 0px 0px; }








.move_con3{position:relative; overflow:hidden; float:left; width:333px; margin-top:1px; margin-left:0px; margin-right:20px; margin-bottom:25px;  }

 .move_con{position:relative; overflow:hidden; float:left; width:230px; margin-left:0px; margin-right:20px; margin-bottom:25px;  }
 
 
 
 .move_con1{position:relative; overflow:hidden; float:left; width:326px; margin-right:11px; margin-bottom:20px; }
 .move_con2{position:relative; overflow:hidden; float:left; width:326px; margin-left:0px;margin-bottom:20px; }

.mvisual{position:relative; background:#f2f4f7; height:500px; }
.mv{position:relative;background:url(../images/main_bg.jpg);height:500px;width:1000px;margin:0 auto;position:relative}

.visual{position:relative;background:url(../images/main/visual.png);height:450px;width:1000px;margin:0 auto}
.svisual{position:relative;height:200px;background:url(../images/common/sub_bg.png) repeat-x;}

.sva{position:relative;background:url(../../sub/images/a.png);height:200px;width:1000px;margin:0 auto}
.svb{position:relative;background:url(../../sub/images/b.png);height:200px;width:1000px;margin:0 auto}
.svc{position:relative;background:url(../../sub/images/c.png);height:200px;width:1000px;margin:0 auto}
.svd{position:relative;background:url(../../sub/images/d.png);height:200px;width:1000px;margin:0 auto}
.sve{position:relative;background:url(../../sub/images/e.png);height:200px;width:1000px;margin:0 auto}
.svf{position:relative;background:url(../../sub/images/f.png);height:200px;width:1000px;margin:0 auto}

.move_txt{position:absolute; z-index:9999999; top:0px;left:0px}
.smove_txt{opacity:0;margin-left:-25px;position:absolute;top:0px;left:521px;}

.move_img{opacity:0;margin-left:-25px;position:absolute;top:0px;left:420px}
.welcome{background:#373737;width:100%;display:inline-block;}
.welcome_txt{width:1000px;margin:0 auto;padding:10px;color:#c0c0c0;text-align:left;display:inline-block;}
.welcome_txt span{font-weight:bold}
.con_l{width:323px;margin-right:47px;float:left;}
.con_r{width:630px;float:left;text-align:left}
.notice_imgs{float:left;width:95px}

.notice{width:333px;float:left;display:inline-block;}

.notice_txt1{width:315px;float:left; margin-right:0px;}
.notice_txt2{width:333px;float:left; margin-right:0px;}
.notice_txt3{width:333px;float:left}

.banner{display:inline-block;margin-top:0px;}
.banner ul li{list-style:none;float:left}
.gallery{height:105px}

.sub_content{width:1000px;margin:0 auto;display:inline-block;margin-top:0px; margin-bottom:0px;}
.sub_title, .sub_tab, .tab_content{margin-top:20px;text-align:left}
.l_menu{width:230px;margin-right:30px;float:left}
.l_menu li{line-height:0px}
.marl{margin-left:38px}
.marb{margin-bottom:1px}
.con{width:740px;float:left;text-align:left}
.mart{margin-top:20px;margin-bottom:10px}
.mart2{margin-top:10px}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #e1dfdf;
    border-left: 1px solid #e1dfdf;
    width: 100%;
    font-family:"dotum";
    font-size:12px;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:82px;
    padding:0px 20px;
    line-height: 31px;
    border: 1px solid #e1dfdf;
    border-left: none;
    background: #f4f4f4;
    overflow: hidden;
    position: relative;
}

ul.tabs li a{text-decoration:none;color:#333}
ul.tabs li a:hover{text-decoration:none;color:#333;}

ul.tabs li.active {
    background: #FFFFFF;border-bottom: 1px solid #FFFFFF;font-weight:bold;
}
.tab_container {
    border-top: none;
    clear: both;
    float: left;
    width: 1000px;
    background: #FFFFFF;
}
.tab_content {
    padding: 5px;
    font-size: 12px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none;
}



/* Àλ縻 */
	.greeting_con{position:relative; background:url('../images/greeting.jpg') right bottom no-repeat; width:750px} 
	.greeting_con h4{font-size:27px; color:#0c58a3; letter-spacing:-1pt; padding-bottom:15px; line-height:33px;}
	.greeting_con p.stit{font-size:16px; color:#6b6f73; letter-spacing:-0.5pt; padding-bottom:20px; font-weight:600;}
	.greeting_txt{line-height:23px;}
	.greeting_ceo{font-size:15px; color:#6b6f73; letter-spacing:-1pt; padding-top:35px; background:url('../../company/img/greeting_sign.gif') 160px bottom no-repeat;}
	.greeting_name{font-size:23px; color:#333; letter-spacing:-1pt; font-weight:700; margin-left:5px}
	
	/******** °øÅëCSS ********/
.point_txt01{color:#333; font-weight:600;}
.point_txt02{color:#2987e4; letter-spacing:-1pt;  line-height:35px;}
.point_txt03{color:#2987e4; letter-spacing:-1pt;  line-height:28px;}
.point_txt04{color:#2987e4; font-weight:600;}


.ta01 {padding:10px; border:#226cbc 3px solid; line-height:23px; background:#f7fbff}
.txt1 { padding:5px 20px; font-weight:600; color:#069; font-size:16px  }
.txt5 { background:url(../../images/his_year.gif) 0 5px no-repeat; padding:5px 0 15px 20px; font-weight:600; color:#069; font-size:16px  }
.txt3 { background:url(../../images/line_bg.gif) repeat-x top;   padding:15px 0 10px 20px;  line-height:22px  }
.txt3 ul .vv{}
.txt3 ul li {background:url(../../images/icon_dott.gif) 0 8px no-repeat;  padding:0 0 10px 10px}
.txt4 {   padding:10px 20px;  line-height:22px  }
.txt2 { padding:5px 30px; line-height:22px   }


.cont01{overflow:hidden; clear:both; margin:5px 0;}
.cont01 dl{float:left; width:230px; height:430px; border:1px solid #ccc;box-sizing:border-box; border-radius:20px; margin-right:10px; padding:10px 0;}
.cont01 dl:last-child{margin-right:0; }
.cont01 dt{font-size:16px; font-family:NotoKR-Medium; line-height:20px; letter-spacing:-0.35pt; color:#444; text-align:center;  padding:10px 0; font-weight:600}
.cont01 dt img{display:block; margin:32px auto 19px; line-height:100%; }
.cont01 dd{font-size:12px; letter-spacing:-0.35pt; line-height:18px; color:#858585; text-align:center; padding:10px 0; border-radius: 15px ; border: #06C 2px solid; width:90%; margin:5px auto; }

.banner{display:inline-block;margin-top:20px}
.banner ul li{list-style:none;float:left}
.banner1{float:left;margin-left:48px}
.banner2{float:left;margin-left:25px}

.notice{width:322px;float:left;display:inline-block;}
.notice_imgs{float:left;width:91px}
.notice_txt{float:left;display:inline-block;}








A:link {color:#333; text-decoration:none}
A:visited {color:#333;  text-decoration:none}
A:active {color:#333; text-decoration:none}
A:hover     {color:#333; font-weight : bold; text-decoration:none}

.title{float: left; color: #666; width: 760px; padding-bottom: 35px; font-weight: 500; font-size:2.5em; padding-left: 0px;  padding-top: 15px; text-align:left;}













html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:18px;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:13px; color:#666;}

ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0; }
table caption {overflow:hidden; font-size:0; line-height:0;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer; text-decoration:none;color:#666;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
.input_search {border:0; background-color:#fff; height:23px; width:110px; font-size:13px; padding:2px 0 0 5px; color:#666; }

/* Common */
.pointColor {color:#2e79c3;}
.lmar_3{margin-left:3px;}
.rmar_2{margin-right:2px;}

/* ·¹À̾ƿô */



	.gnb {position:absolute; float:left; width:100%; text-align:left; z-index:99999;}



.lnb {float:left; width:195px; padding-top:38px;}
	.lnbg {/*height:81px;*/ padding:38px 0 8 0px; color:#005183; font-weight:700; line-height:36px; font-size:28px; letter-spacing:-1.5pt; background:url(../../images/lnb_tit_bg//.gif) }
	.lnb h2 p.stit{color:#002851; font-weight:100; font-size:12px; padding-bottom:0;}
	.lnb ul{position:relative; overflow:hidden; border-left:1px solid #ccc; border-right:1px solid #ccc; !important;  text-align:left;}
	
	.lnb li a:link, .lnb li a:visited{font-size:11pt; font-weight:400; color:#000; border-bottom:0px solid #ccc; display:block; height:44px; line-height:44px; text-indent:17px; letter-spacing:-0.7pt;}
	.lnb li a:hover{display:block; color:#c70c0f; font-weight:600; text-decoration: none;  170px 16px no-repeat;}
	.left_linktop{display:block; color:#fff; !important; font-weight:600 !important; text-decoration: none; background:#f1f1f1 url('../../images/left_up.gif') 170px 16px no-repeat !important;}
	.left_linktop2 a{color:#005183;}

.lnb p.stit{color:#505050; font-size:14px; letter-spacing:-0.5pt; padding-top:0px;}
	
	/*depth_3*/
	.lnb ol.depth_3{}
		.depth_3 dd a:link, .depth_3 dd a:visited{display:block; padding:0 0 0 20px; font-size:13px; height:37px; line-height:37px; border-bottom:1px solid #f1f1f1; background-color:#f5f7fb}
		.depth_3 dd a:hover{display:block; color:#21489c; text-decoration:none}
		.depth_linktop{color:#21489c !important; font-weight:bold !important; background-color:#eaeff6 !important}
		.depth_linktop:hover{text-decoration:none}



	.sub_bn{position:relative; overflow:hidden; padding:17px 0 20px 15px;  border:0x solid #ccc; margin-top:10px; margin-bottom:10px; text-align:left; }
	.sub_bn h3{color:#505050; font-size:17px; letter-spacing:-1pt; font-weight:600; line-height:35px; text-align:left;}
	.sub_bn .number {color:#0065b3; font-family:'Ubuntu', sans-serif; font-size:23px; font-weight:600; line-height:35px;text-align:left;}
	.sub_bn .cs_info {color:#505050;font-size:13px; font-weight:555; line-height:35px;text-align:left;}







.contentArea{float:left; width:750px; overflow:hidden; margin-left:20px; text-align:left;}
.contentArea .tit_area{width:750px; overflow:hidden; background:url('../../images/subtop.jpg') right no-repeat}
	.tit_area h3 {color:#444; font-weight:700; font-size:35px; letter-spacing:-2.3pt; padding-bottom:10px; padding-top:30px;}
	.tit_area p.location {font-size:12px; color:#888; letter-spacing:-0.5pt}
	.tit_area p.location a:link, .tit_area p.location a:visited{ font-size:12px; color:#888; letter-spacing:-0.5pt}
	.tit_area p.location a:hover{ font-size:12px; color:#222; text-decoration:none;}
	.tit_area p.location img{vertical-align:middle; margin-bottom:2px;}

.contents_in {position:relative; clear:both; margin:20px 0 20px 0; width:780px; *zoom:1; min-height:410px; overflow:hidden;}





.cont_tit{ clear:both; font-size:18px; letter-spacing:-1pt; line-height:20px; color:#333; font-weight:700; background:url('../../images/tit_icon.gif') 0 3px no-repeat; padding:0 0 15px 20px}
.cont{position:relative; padding-bottom:20px}
.cont li{background:url('../../images/dot.gif') 0 7px no-repeat; padding:0 0 5px 10px;}

.contents_in h4{font-size:30px; color:#363533; letter-spacing:-2pt; font-weight:700; line-height:35px; padding-top:15px}

.maincontents {width: 1000px; padding-left:20px;   float:left;  }
.product{position:relative;float:left;width:950px;height:180px; background:url(../images/bar.png) top left   no-repeat; margin-top:20px;  }