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

@font-face {
    font-family:'notokr-regular';
    src: url('../fonts/notokr-regular.eot');
    src: url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-regular.woff') format('woff'),
         url('../fonts/notokr-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'notokr-bold';
    src: url('../fonts/notokr-bold.eot');
    src: url('../fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-bold.woff') format('woff'),
         url('../fonts/notokr-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'notokr-light';
    src: url('../fonts/notokr-light.eot');
    src: url('../fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-light.woff') format('woff'),
         url('../fonts/notokr-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'notokr-thinlight';
    src: url('../fonts/notokr-thinlight.eot');
    src: url('../fonts/notokr-thinlight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notokr-thinlight.woff') format('woff'),
         url('../fonts/notokr-thinlight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body, h1, h2, h3, h4, input, a, td	{font-family:'notokr-regular','돋움', sans-serif;}
a { color:#333333; }
a:hover { text-decoration:underline; }

/* skipnavigation */

#skipnavigation {position:absolute;top:0;left:-1000%;}


/* ============
	기본레이아웃
===============	*/

/* nav */
#nav { position:absolute; top:0; left:50%; width:1000px; padding:0 50px; height:50px; margin-left:-550px; background:#fff; z-index:1000; min-height:80px; letter-spacing:-1px; }
#nav h1 { float:left; margin:15px 0 0 20px; color:#2c4865; font-size:24px; }
#nav h1 a { color:#2c4865; }
#nav h1 a:hover { color:#2c4865; text-decoration:none; }
#nav > ul { float:right; margin-right:50px; }
#nav > ul li { float:left; margin-left:75px; font-size:17px; line-height:80px; height:80px; }
#nav > ul li a { color:#1b1b1b; font-family:'notokr-bold'; }
#nav > ul li a:hover { color:#4164b1; text-decoration:none; }

#sbm_area { display:none; clear:both; position:relative; width:1100px; margin-left:-50px; margin-top:80px; *margin-top:0px; background:#fff; border-top:1px solid #e1e1e1;  }
#sbm_area ul { float:left; width:120px; padding:20px 0 30px 0; }
#sbm_area li { font-size:13px; line-height:25px; }
	#sbm_area li a { color:#666666; }
	#sbm_area li a:hover { color:#4164b1; font-weight:bold; text-decoration:none; }
	#sbm_area .sbm1 { margin-left:390px; }
	#sbm_area .sbm2 { margin-left:15px; }
	#sbm_area .sbm3 { margin-left:15px; }
	#sbm_area .sbm4 { margin-left:40px; }
	#sbm_area .sbm5 { width:60px; margin-left:5px; }

/* footer */
#footer	{ width:100%; height:110px;  background:#f6f6f6; }
.footer_wrap	{ width:1000px; margin:0 auto; position:relative; }
#footer .footer_logo { float:left; height:110px; width:290px; padding:27px 0 0 5px; box-sizing:border-box; }
#footer .footer_info { float:left; height:110px;  }
#footer #information {  color:#919191; }
#footer .footer_wrap ul.float_wrap { margin-bottom:7px; padding-top:30px; }
#footer .footer_wrap ul.float_wrap li { float:left; font-size:13px; letter-spacing:-1px; color:#707070; }
#footer .footer_wrap ul.float_wrap li a { color:#707070; }
	#footer .footer_wrap ul.float_wrap li:after { content:"|"; display:inline-block;font-family:tahoma; font-size:10px; padding:2px 10px 0 10px; vertical-align:top; color:#bdbdbd;  }
	#footer .footer_wrap ul.float_wrap li:last-child:after { content:"";padding:0; }
#information address { font-size:11px; line-height:1.0em; }
	#information address span { display:inline-block; }
	#information address span:after { content:"|"; display:inline-block;font-family:tahoma; font-size:9px; padding:1px 7px 0 7px; vertical-align:top; color:#ccc;  }
	#information address span:last-child:after { content:"";padding:0; }
	#information cite { letter-spacing:normal; font-family:tahoma; font-size:10px; text-transform:uppercase; }
	#information cite em { font-weight:bold; }
#family_site { position:absolute; top:25px; right:0; width:130px; height:28px; color:#999999; background:#fff; border:1px solid #d1d1d1; font-size:11px; line-height:28px; padding:0 10px; }
#family_site i { float:right; margin-top:7px; font-size:12px; }
#family_site a { color:#999999; }
#family_site a:hover { text-decoration:none; }
#family_site #family_site_ov { display:none; position:absolute; bottom:28px; left:-1px; border:1px solid #d1d1d1; }
	#family_site_ov li { width:130px; height:28px; color:#999999; background:#fff;  font-size:11px; line-height:28px; padding:0 10px; }
	#family_site_ov li:hover { background:#f6f6f6; font-weight:bold; }




/* ============
	메인
===============	*/


#main_visual { position:relative; width:100%; height:560px; }
#main_visual .visual li { display:none; position:absolute; width:100%; height:560px; }
#main_visual .visual li:first-child { display:block; }
#main_visual .visual_0 { width:100%; height:560px; background:url(../images/mn_rolling_0.jpg) center top no-repeat; }
.mn_visual_1 { background:url(../images/mn_rolling_1.jpg) center top no-repeat; }
.mn_visual_2 { background:url(../images/mn_rolling_2.jpg) center top no-repeat; }
.mn_visual_3 { background:url(../images/mn_rolling_3.jpg) center top no-repeat; }
#main_visual .visual li img { position:absolute; left:50%; top:145px; margin-left:-70px;z-index: 10; }
#main_visual .visual li img:first-child { position:absolute; left:50%; top:210px; margin-left:-500px;z-index: 10; }
#main_visual .rolling_ico { position:absolute; left:50%; bottom:110px; margin-left:-500px; z-index: 10;}
#main_visual .rolling_ico li { float:left; margin-right:3px;}


#main_con { width:980px; margin:0 auto; padding:30px 10px;}
#main_con div { position:relative; border:1px solid #dcdee4; display:inline-block;letter-spacing:-1px; padding:30px 0 0 30px; } 
#main_con div h2 { font-weight:normal; color:#3e3f40; font-size:18px;font-family:'notokr-bold'; }
#main_con div p { font-size:14px; color:#858689; line-height:1.5em; margin-top:10px; }
#main_con div a { position:absolute; left:30px; top:155px; display:inline-block; width:34px; height:34px; }
#main_con div a i { position:absolute; }
#main_con div a i.fa-plus { font-size:12px; top:12px; left:11px; color:#848689; }
#main_con div a i.fa-circle-thin { font-size:37px; color:#dfe0e2; }


#main_con .con1 { float:left; width:204px; height:204px; background:url(../images/mn_con_img1.png) bottom right no-repeat; }
#main_con .con2 { width:204px; height:204px; margin-left:12px; background:url(../images/mn_con_img2.png) 90px 98px no-repeat;}
#main_con .con3 { width:452px; height:204px; margin-top:12px; background:url(../images/mn_con_img3.png) 290px 60px no-repeat;}
#main_con .con4 { float:right; border:none; width:454px; height:454px; background:url(../images/mn_con_img4.jpg) top left no-repeat; }
#main_con .con4 h2,#main_con .con4 p, #main_con .con4 a i.fa-plus, #main_con .con4 a i.fa-circle-thin { color:#fff; }


/* ============
	서브
===============	*/


#sb_visual { width:100%; height:350px; }
.sb_visual_1 { background:url(../images/sb_visual_1.jpg) center top no-repeat; }
.sb_visual_2 { background:url(../images/sb_visual_2.jpg) center top no-repeat; }
.sb_visual_3 { background:url(../images/sb_visual_3.jpg) center top no-repeat; }
.sb_visual_4 { background:url(../images/sb_visual_4.jpg) center top no-repeat; }
.sb_visual_5 { background:url(../images/sb_visual_5.jpg) center top no-repeat; }

#contents_wrap { width:1000px; margin:0 auto; padding:30px 0 50px 0; *zoom:1; }
#contents_wrap:after {content:""; clear:both; display:block;}
#con_left { float:left; width:250px; }
#con_right { float:right; width:710px; }

#con_right h3 { background:url('../images/con_h2_bg.gif') left bottom no-repeat; font-size:20px; font-weight:normal; font-family:'notokr-bold'; color:#000; height:30px; margin:40px 0 25px 0; }

#con_left h3 { text-align:center; font-weight:normal;font-size:36px; color:#4164b1; height:70px; border-bottom:3px solid #505c78; letter-spacing:-1px; }
#con_left > ul li { width:100%; border-bottom:1px dotted #dde1e5; }
#con_left > ul li a { display:block; height:50px; line-height:49px; font-size:15px; color:#666666; letter-spacing:-0.5px; padding-left:30px; }
#con_left > ul li a:hover { text-decoration:none; font-family:'notokr-bold';}
#con_left > ul li.on a { background:url(../images/lnb_icon_on.gif) left center no-repeat #4164b1; color:#fff;font-family:'notokr-bold'; }

#con_right .con_top { position:relative; height:70px; border-bottom:1px solid #3e3f40; }
#con_right .con_top h2 { font-weight:normal; font-size:36px; color:#3e3f40; letter-spacing:-1px;  }
#con_right .con_top ul { position:absolute; top:15px; right:0; }
#con_right .con_top li { float:left; color:#858689; }
#con_right .con_top li a { color:#858689; }
#con_right .con_top li .fa-angle-right { color:#ccc; margin:0 10px; }

#contents { padding:40px 0; line-height:1.3em; color:#626262; min-height:500px; }

/* 인사말 */
.greeting { font-size:15px; line-height:1.8em; }
.greeting em { display:block; font-family:'notokr-bold'; font-size:18px; color:#333333;  }

/* 연혁 */
.history div {width:100%;}
.history div:after {content:""; clear:both; display:block;}
.history p	{float:left;width:170px;font-size:36px;color:#4164b1;line-height:33px;}
.history ul {float:left;width:530px;border-left:1px solid #eee;}
.history li {padding:0 0 30px 30px;margin-left:-6px;background:url(../images/history_bar.gif) left 1.2em no-repeat;line-height:1.8em; font-size:14px; }
.history li em	{display:block; font-size:18px; font-family:'notokr-bold'; color:#000;line-height:2em;}

/* 특허 */
.patent ul { margin-left:-10px; }
.patent li { float:left; margin-left:10px; text-align:center; padding-bottom:30px; font-size:13px; letter-spacing:-0.5px; }
.patent li img { display:block; margin-bottom:7px; }

/* 오시는길 */
.location { width:709px; height:500px; border:1px solid #e1e1e1;}




/* 테이블 */
.table_basic { width:100%; border-top:2px solid #a1adb9; letter-spacing:-0.5px; color:#555555; }
.table_basic th { background:#f4f7fd; padding:8px 3px; border-bottom:1px solid #a1adb9; border-left:1px solid #e3e6ea; line-height:1.3em; font-size:13px; font-family:'notokr-bold'; }
.table_basic td { padding:8px 3px; border-bottom:1px solid #e3e6ea; border-left:1px solid #e3e6ea; text-align:center; line-height:1.5em;font-size:14px; }
.table_basic th:first-child, .table_basic td:first-child { border-left:none; }
.table_basic td.bdl { border-left:1px solid #e3e6ea; }
.table_basic td.t_left { padding-left:20px; }

.table_comment { margin-top:10px; font-size:14px; color:#666666; }
.table_comment i { display:inline-block; margin-right:5px; color:#a1adb9; }


/* 레이어 팝업 */
#simplemodal-overlay {background-color:#000;cursor:wait;}



/* 탭 */
.tab_type01 { width:100%; *zoom:1; }
.tab_type01:after {content:""; clear:both; display:block;}
.tab_type01 li { float:left; width:141px; border:1px solid #dcdee2; text-align:center; background:#f9fafb; margin-left:-1px; }
.tab_type01 li:first-child { float:left; width:140px; margin-left:0; }
.tab_type01 li a { display:inline-block; padding:15px 0; color:#67686a; font-size:16px; letter-spacing:-1px; line-height:19px; }
.tab_type01 li a:hover { font-weight:bold; text-decoration:none; }
.tab_type01 li.on { position:relative; border:1px solid #505c78; border-bottom:none; background:#fff; }
.tab_type01 li.on a { font-weight:bold; color:#505c78; }


	
/* 버튼 형식1 */
.btn_area_c { text-align:center; }
.btn_area_r { text-align:right; }
.btn_area_r a { margin-left:5px; }