@charset "utf-8";

/* Height 100% Layout */
html, body {height:100%}
#header {height: 100px;position: relative;}
#wrapper {min-height:100%;margin:-280px auto -93px;width:1200px;z-index:100}
* html #wrapper {height:100%}
#container {padding: 280px 0 123px}

body {background:url(../images/bg_new.gif) repeat-x #262626;color:#fff}
body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,li,form { 
	margin:0;
	padding:0;
}
body {color:#555;font-size:12px;
	font-family:dotum;
}
a {text-decoration:none;color:#333}
a:hover,a:focus,a:active {color:#00518f}
strong, .strong {font-weight:bold}
img {border:0}
ol,ul,dl {list-style:none}
input,select,textarea {vertical-align:baseline;margin:0}
img {border:0}

#header {position:relative;width:1200px;margin:0 auto;height:280px;background:url(../images/bg_sub_header.gif)}
.index {background:none !important;height:100px !important;z-index:101 !important}
.index h1.logo {position:absolute;top:22px;left:0}
.index h1.logo a {width:323px;height:324px}
#header h1.sub_logo {position:absolute;top:17px;left:62px}
#header h1.sub_logo a {width:229px;height:228px}
#header .tnb {position:absolute;top:80px;right:6px;z-index:100;font-family:'Varela Round',dotum;}
#header .tnb li {float:left;padding:0 12px;border-right:1px solid #2b2b2b;font-size:11px}
#header .tnb li a {color:#7a7a7a}
#header .tnb li a:hover,
#header .tnb li a:focus,
#header .tnb li a:active {color:#ccc}
#header .tnb li.last {border-right:none}
#container {overflow:hidden;width:1200px;margin:0 auto}
#lnb {position:absolute;top:66px;left:332px;font-size:15px;width:720px;font-family:Times, serif}
#lnb li {padding:10px 0;float:left;margin-right:50px}
#lnb li a {display:block;pading:4px 6px;color:#fff}
#lnb li a.on {font-weight:bold;color:#00c0ff;border-bottom:1px solid #00c0ff}
#lnb li a:hover,#lnb li a:focus,#lnb li a:active {border-bottom:1px solid #00c0ff;color:#00c0ff;}
#lnb ul {font-size:12px;padding-top:12px}
#lnb ul li {padding:1px 0}

/* Main style*/
.main {position:relative;width:974px;height:640px;margin:20px 0 0 226px}
.main .b01 {position:absolute;top:0;left:0}
.main .b02 {position:absolute;top:306px;left:0}
.main .b03 {position:absolute;top:510px;left:12px}
.main .b04 {position:absolute;top:58px;left:418px}
.main .b05 {position:absolute;top:306px;left:286px}
.main .b06 {position:absolute;top:193px;left:707px}
.main .notices {position:absolute;top:105px;left:412px;width:286px;height:192px;background:#fff}
.notices h2 {font-weight:normal;color:#fff;font-size:22px;padding:24px 0 14px 15px}
.notices .btn_more {position:absolute;top:26px;left:252px}
.notice_list {overflow:hidden}
.notice_list li a {color:#585b5d;display:block;padding:4px 16px;height:12px}
.notice_list li a:hover,
.notice_list li a:focus,
.notice_list li a:active {color:#000}
.notice_list li .tit {display:inline-block;width:182px;padding-right:10px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap}
.notice_list li .date {display:inline-block;color:#aaa;font-size:10px}
.main .b04 .slides_container {width:240px;height:35px}

.pagination {z-index:100;position:absolute;top:218px;left:40px}
.pagination li {float:left;padding:0 2px}
.pagination li a {background:url(../images/bull02.png);width:10px;height:9px;display:block;text-indent:-3000em;overflow:hidden}
.pagination li.current a {background:url(../images/bull01.png);width:18px;height:9px}

.banner {position:relative;border:6px solid #fff;overflow:hidden;width:794px;height:244px;background:#fff}
.arrow_prev {z-index:100;position:absolute;top:112px;left:12px}
.arrow_next {z-index:100;position:absolute;top:112px;right:12px}

/* footer */
#wrap_footer {position:relative;width:1200px;margin:0 auto} 
#footer {border-top:1px solid #2e2e2e;overflow:hidden;width:974px;margin-left:226px;padding:32px 0}
#footer address {background:url(../images/eng/copyright_new.gif);width:647px;height:28px;display:block;text-indent:-3000em;overflow:hidden}
#footer .fnb {position:absolute;top:38px;right:4px}
#footer .fnb li {float:left;padding:0 16px;border-right:1px solid #2e2e2e}
#footer .fnb li a {display:block;text-indent:-3000em;overflow:hidden}
#footer .fnb li.company a {width:38px;height:11px;background-image:url(../images/footer_fnb2.gif);background-position:0 0}
#footer .fnb li.privacy a {width:73px;height:11px;background-image:url(../images/footer_fnb2.gif);background-position:0 -11px}
#footer .fnb li.email a {width:65px;height:11px;background-image:url(../images/footer_fnb2.gif);background-position:0 -22px}
#footer .fnb li.company a:hover,#footer .fnb li.company a:focus,#footer .fnb li.company a:active {background-position:-100px 0}
#footer .fnb li.privacy a:hover,#footer .fnb li.privacy a:focus,#footer .fnb li.privacy a:active {background-position:-100px -11px}
#footer .fnb li.email a:hover,#footer .fnb li.email a:focus,#footer .fnb li.email a:active {background-position:-100px -22px}
#footer .fnb li.last {border-right:none}


/* contents */
#side {float:left;width:294px;background:url(../images/side_snbbg.gif);height:770px;margin-top:-34px;}
#side #snb {position:relative;}
#side #snb h2 {width:258px;text-align:right;margin:28px 0 12px;}
#side #snb ul {margin:52px 0 0 138px;width:120px}
#side #snb ul li {margin:8px 0}
#side #snb ul li a {display:block;width:120px;height:15px;overflow:hidden;text-indent:-3000em}
#side #snb ul.company li a {background-image:url(../images/eng/snb_company.gif)}
#side #snb ul li.ceomessage a {background-position:0 0}
#side #snb ul li.ceomessage a.on,
#side #snb ul li.ceomessage a:hover,
#side #snb ul li.ceomessage a:focus,
#side #snb ul li.ceomessage a:active {background-position:-120px 0}
#side #snb ul li.organization a {background-position:0 -18px}
#side #snb ul li.organization a.on,
#side #snb ul li.organization a:hover,
#side #snb ul li.organization a:focus,
#side #snb ul li.organization a:active {background-position:-120px -18px}
#side #snb ul li.history a {background-position:0 -36px}
#side #snb ul li.history a.on,
#side #snb ul li.history a:hover,
#side #snb ul li.history a:focus,
#side #snb ul li.history a:active {background-position:-120px -36px}
#side #snb ul li.partner a {background-position:0 -54px}
#side #snb ul li.partner a.on,
#side #snb ul li.partner a:hover,
#side #snb ul li.partner a:focus,
#side #snb ul li.partner a:active {background-position:-120px -54px}
#side #snb ul li.contact a {background-position:0 -72px}
#side #snb ul li.contact a.on,
#side #snb ul li.contact a:hover,
#side #snb ul li.contact a:focus,
#side #snb ul li.contact a:active {background-position:-120px -72px}
#side #snb ul.solution li a {background-image:url(../images/eng/snb_solution.gif)}
#side #snb ul li.mxque a {background-position:0 0}
#side #snb ul li.mxque a.on,
#side #snb ul li.mxque a:hover,
#side #snb ul li.mxque a:focus,
#side #snb ul li.mxque a:active {background-position:-120px 0}
#side #snb ul li.vdex a {background-position:0 -18px}
#side #snb ul li.vdex a.on,
#side #snb ul li.vdex a:hover,
#side #snb ul li.vdex a:focus,
#side #snb ul li.vdex a:active {background-position:-120px -18px}
#side #snb ul li.facetwo a {background-position:0 -36px}
#side #snb ul li.facetwo a.on,
#side #snb ul li.facetwo a:hover,
#side #snb ul li.facetwo a:focus,
#side #snb ul li.facetwo a:active {background-position:-120px -36px}
#side #snb ul li.standardrelic a {background-position:0 -54px}
#side #snb ul li.standardrelic a.on,
#side #snb ul li.standardrelic a:hover,
#side #snb ul li.standardrelic a:focus,
#side #snb ul li.standardrelic a:active {background-position:-120px -54px}
#side #snb ul li.artview a {background-position:0 -72px}
#side #snb ul li.artview a.on,
#side #snb ul li.artview a:hover,
#side #snb ul li.artview a:focus,
#side #snb ul li.artview a:active {background-position:-120px -72px}
#side #snb ul li.dams a {background-position:0 -90px}
#side #snb ul li.dams a.on,
#side #snb ul li.dams a:hover,
#side #snb ul li.dams a:focus,
#side #snb ul li.dams a:active {background-position:-120px -90px}
#side #snb ul li.homs a {background-position:0 -108px}
#side #snb ul li.homs a.on,
#side #snb ul li.homs a:hover,
#side #snb ul li.homs a:focus,
#side #snb ul li.homs a:active {background-position:-120px -108px}
#side #snb ul.sibusiness li a {background-image:url(../images/eng/snb_sibusiness.gif)}
#side #snb ul li.si a {background-position:0 0}
#side #snb ul li.si a.on,
#side #snb ul li.si a:hover,
#side #snb ul li.si a:focus,
#side #snb ul li.si a:active {background-position:-120px 0}
#side #snb ul li.sm a {background-position:0 -18px}
#side #snb ul li.sm a.on,
#side #snb ul li.sm a:hover,
#side #snb ul li.sm a:focus,
#side #snb ul li.sm a:active {background-position:-120px -18px}
#side #snb ul.recruit li a {background-image:url(../images/snb_recruit.gif)}
#side #snb ul li.recruit_01 a {background-position:0 0;height:14px}
#side #snb ul li.recruit_01 a.on,
#side #snb ul li.recruit_01 a:hover,
#side #snb ul li.recruit_01 a:focus,
#side #snb ul li.recruit_01 a:active {background-position:-120px 0}
#side #snb ul li.recruit_02 a {background-position:0 -14px;height:14px}
#side #snb ul li.recruit_02 a.on,
#side #snb ul li.recruit_02 a:hover,
#side #snb ul li.recruit_02 a:focus,
#side #snb ul li.recruit_02 a:active {background-position:-120px -14px}
#side #snb ul li.photo a {background-position:0 -28px;height:14px}
#side #snb ul li.photo a.on,
#side #snb ul li.photo a:hover,
#side #snb ul li.photo a:focus,
#side #snb ul li.photo a:active {background-position:-120px -28px}
#side #sub_slide {margin-top:48px;margin-left:44px;width:214px;height:152px;overflow:hidden}
#side #sub_slide .slides_container {width:214px;height:152px}
#contents {float:left;position:relative;width:906px;margin-top:-40px;}
#contents #banner {display:none}
#contents #con {background:url(../images/bg_article.gif) top no-repeat #fff;width:906px;min-height:450px;height:auto !important;height:450px;overflow:hidden;}
#contents #con h3 {padding:46px 0 14px 52px;border-bottom:1px solid #d1d1d1;}
#contents #con .article {padding:20px 0;}
#contents #con .article p {padding:10px 0;text-align:center;}
.partners01 {border-bottom:1px solid #eaeaea;padding:20px 0;text-align:center}
.partners02 {border-bottom:1px solid #eaeaea;padding:20px 0;text-align:center}
.partners03 {border-bottom:1px solid #eaeaea;padding:20px 0;text-align:center}
.partners04 {padding:20px 0;text-align:center}
.contactus_list {width:780px;border-top:2px solid #888;margin:0 auto}
.contactus_list li {border-bottom:1px solid #dedede;padding:10px 0;overflow:hidden;}
.contactus_list a {color:#00c0ff}
.contactus_list a:hover,
.contactus_list a:active,
.contactus_list a:focus {text-decoration:underline;color:#07609f}
.contactus_list .part {float:left;width:220px;padding-left:14px;font-weight:bold}
.contactus_list .phone {float:left;width:140px}
.contactus_list .email_1,
.contactus_list .email_2,
.contactus_list .email_3,
.contactus_list .email_4,
.contactus_list .email_5,
.contactus_list .email_6 {float:left;width:400px;height:14px;background-image:url(../images/contactus_maillist.gif);background-repeat:no-repeat;text-indent:-3000em;overflow:hidden;}
.contactus_list .email_1 {background-position:0 0}
.contactus_list .email_2 {background-position:0 -14px}
.contactus_list .email_3 {background-position:0 -28px}
.contactus_list .email_4 {background-position:0 -42px}
.contactus_list .email_5 {background-position:0 -56px}
.contactus_list .email_6 {background-position:0 -70px}

.con h2 {padding:40px 0 18px 6px;border-bottom:1px solid #5383ad}
.partners {padding:28px 0 12px}
.con_box {padding:28px 0 12px}
.notice_list01 {width:780px;margin:20px auto 0}
.notice_list02 {width:780px;margin:0 auto;}
.notice_list02 li {color:#666;width:780px;overflow:hidden;padding:14px 0 12px;border-bottom:1px solid #dedede}
.notice_list02 div {float:left}
.notice_list02 div.no {width:65px;text-align:center}
.notice_list02 div.subject {width:506px;padding-left:10px}
.notice_list02 div.date {width:118px;text-align:center}
.notice_list02 div.read {width:81px;text-align:center}
.notices_pagination {text-align:center;padding:18px 0 30px;font-weight:bold}
.notices_pagination span a {display:inline-block;margin:0 1px;padding:4px 8px;color:#666}
.notices_pagination span a:hover,
.notices_pagination span a:active,
.notices_pagination span a:focus {color:#00518f}
.notices_pagination span.on a {font-weight:bold;color:#fff;background:#333}
.notices_pagination span.left a {border:1px solid #ccc;padding:4px 6px 3px;height:10px}
.notices_pagination span.right a {border:1px solid #ccc;padding:4px 6px 3px;height:10px}
.noticeView {width:780px;margin:20px auto 0}
.noticeView01 {background:#333;border-top:1px solid #000;border-bottom:1px solid #000;overflow:hidden;padding:12px 0}
.noticeView01_01 {float:left;width:84px;text-align:center;border-right:1px solid #555;padding:2px 0 2px;height:12px;font-weight:bold;color:#ccc}
.noticeView01_02 {float:left;padding:2px 0 2px 32px;height:12px;color:#eaeaea}
.noticeView02 {border-bottom:1px solid #dedede;overflow:hidden;padding:12px 0}
.noticeView02_01 {float:left;width:84px;text-align:center;border-right:1px solid #e3e3e3;padding:2px 0 2px;height:12px;font-weight:bold}
.noticeView02_02 {float:left;padding:2px 0 2px 32px;height:12px;width:500px}
.noticeView02_03 {float:left;width:84px;text-align:center;border-right:1px solid #e3e3e3;padding:2px 0 2px;height:12px;font-weight:bold}
.noticeView02_04 {float:left;padding:2px 0 2px 32px;height:12px}
.noticeView03 {border-bottom:1px solid #dedede;overflow:hidden;padding:28px 22px 36px}
.noticeView03 p {text-align:left !important;}
.noticeView04 {border-bottom:1px solid #dedede;overflow:hidden;padding:18px 2px}
.noticeView_prev,.noticeView_next {border-bottom:1px solid #dedede;overflow:hidden;padding:6px 2px}
.noticeView_prev_01,
.noticeView_next_01 {float:left;width:84px;text-align:center;border-right:1px solid #e3e3e3;padding:2px 0 2px;height:12px;font-weight:bold;}
.noticeView_prev_02,
.noticeView_next_02 {float:left;padding:2px 0 2px 32px;height:12px;width:600px}
.notice_admin_bar {text-align:right;width:780px;}
.btn_list {float:right;padding-left:12px;}
.btn_list a {display:block;;block;border:1px solid #333;background:#555;padding:8px 12px;height:12px;color:#fff}
.btn_list a:hover,
.btn_list a:focus,
.btn_list a:active {background:#286498;border:1px solid #0f4472}

.contact_01 {width:540px;float:left;margin-top:32px;border:1px solid #fff}
.contact_02 {width:240px;float:left;margin-top:32px;margin-left:24px}
.contact_02 h3 {border-top:2px solid #fff;padding:18px 0}
.contact_02 ul {border-top:1px solid #5383ad;margin-top:20px}
.contact_02 li {padding:8px 0 8px 6px;border-bottom:1px solid #5383ad}
.btn_map {margin:80px 0 0 0}
.btn_map a {border:1px solid #14324c;background:#1c3f5d;padding:8px 12px;height:12px}

/*이메일주소 무단수집 거부*/
.popup {position:relative;padding:10px}
.popup h1 {padding:10px 0 12px 14px;color:#fff;font-size:14px}
.close {position:absolute;right:18px;top:22px}
.popup .popup_cont {padding:20px 17px 29px 17px;border-top:0;background:#fff}
.email_refusal .info_txt01 {color:#666;letter-spacing:-1px}
.email_refusal .info_txt02 {color:#666;font-weight:bold;border-bottom:1px solid #d7d7d7;margin-top:25px;padding-bottom:20px}
.email_refusal .refusal_box {margin-top:20px;padding:0 40px 0 9px}
.email_refusal .refusal_box dt {font-weight:bold;color:#6d6d6d}
.email_refusal .refusal_box dd {margin:13px 0 0 10px;color:#6d6d6d;letter-spacing:-1px}
.email_refusal .refusal_box .pad17 {padding-left:17px;font-size:11px;color:#9c9c9c;letter-spacing:-1px}

/* 개인정보취급방침 */
.wrap_privacy {color:#666;width:840px;margin:0 auto}
.wrap_privacy h4 {border-bottom:1px solid #ccc;font-size:14px;font-weight:bold;color:#333;padding:18px 0 8px}
.wrap_privacy p {padding:4px 0 !important;text-align:left !important;}

/* LOGIN */
.login_box {background:url(../images/login_01.gif) no-repeat;width:380px;height:270px;margin:62px auto;padding-left:400px}
.login01 {padding-bottom:20px;}
.login02 {float:left;width:240px;}
.login03 {float:left;}
.iid {background:url(/images/ii_id.gif) 11px 11px no-repeat #f8f8f8;width:210px;border:1px solid #bdbdbd;padding:8px;height:20px;font-size:16px;margin-bottom:12px}
.ppw {background:url(/images/ii_pw.gif) 11px 11px no-repeat #f8f8f8;width:210px;border:1px solid #bdbdbd;padding:8px;height:20px;font-size:16px;}

/* Sitemap */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:680px;
  height:340px;
  display:none;
  z-index:9999;
  padding:0;
}

#boxes #sitemap {
  width:680px; 
  height:364px;
  padding:60px 40px;
  background-color:#ffffff;
}


#sitemap h3 {
	width:143px;
	height:48px;
	background:url(/images/eng/sitemap/sitemap_title.gif);
	display:block;text-indent:-3000em;overflow:hidden;
	margin:0 0 20px 18px;
}
.sitemap-list {
	float:left;
	width:146px;
	margin:0 12px;
}
.sitemap-list li {
	overflow:hidden;padding:14px 0 10px 12px;border-bottom:1px solid #dedede;
}
.map_01,
.map_02,
.map_03,
.map_04,
.map_05 {background-image:url(/images/sitemap/sitemap_gnb.gif);width:146px;height:36px;display:block;text-indent:-3000em;overflow:hidden;}
.map_01 {background-position:0 0;}
.map_02 {background-position:0 -36px;}
.map_03 {background-position:0 -72px;}
.map_04 {background-position:0 -108px;}
.map_05 {background-position:0 -144px;}
.map_01:hover,.map_01:focus,.map_01:active {background-position:-146px 0;}
.map_02:hover,.map_02:focus,.map_02:active {background-position:-146px -36px;}
.map_03:hover,.map_03:focus,.map_03:active {background-position:-146px -72px;}
.map_04:hover,.map_04:focus,.map_04:active {background-position:-146px -108px;}
.map_05:hover,.map_05:focus,.map_05:active {background-position:-146px -144px;}
.map_snb {background:url(/images/eng/sitemap/sitemap_snb.gif);width:100px;height:13px;display:block;text-indent:-3000em;overflow:hidden;}
.map01_01 {background-position:0 0;}
.map01_02 {background-position:0 -14px;}
.map01_03 {background-position:0 -28px;}
.map01_04 {background-position:0 -42px;}
.map01_05 {background-position:0 -140px;}
.map02_01 {background-position:0 -56px;}
.map02_02 {background-position:0 -70px;}
.map02_03 {background-position:0 -84px;}
.map02_04 {background-position:0 -196px;}
.map02_05 {background-position:0 -210px;}
.map02_06 {background-position:0 -224px;}
.map03_01 {background-position:0 -98px;}
.map03_02 {background-position:0 -112px;}
.map03_03 {background-position:0 -126px;}
.map04_01 {background-position:0 -154px;}
.map04_02 {background-position:0 -168px;}
.map04_03 {background-position:0 -182px;}
.map01_01:hover,.map01_01:focus,.map01_01:active {background-position:-100px 0;}
.map01_02:hover,.map01_02:focus,.map01_02:active {background-position:-100px -14px;}
.map01_03:hover,.map01_03:focus,.map01_03:active {background-position:-100px -28px;}
.map01_04:hover,.map01_04:focus,.map01_04:active {background-position:-100px -42px;}
.map01_05:hover,.map01_05:focus,.map01_05:active {background-position:-100px -140px;}
.map02_01:hover,.map02_01:focus,.map02_01:active {background-position:-100px -56px;}
.map02_02:hover,.map02_02:focus,.map02_02:active {background-position:-100px -70px;}
.map02_03:hover,.map02_03:focus,.map02_03:active {background-position:-100px -84px;}
.map02_04:hover,.map02_04:focus,.map02_04:active {background-position:-100px -196px;}
.map02_05:hover,.map02_05:focus,.map02_05:active {background-position:-100px -210px;}
.map02_06:hover,.map02_06:focus,.map02_06:active {background-position:-100px -224px;}
.map03_01:hover,.map03_01:focus,.map03_01:active {background-position:-100px -98px;}
.map03_02:hover,.map03_02:focus,.map03_02:active {background-position:-100px -112px;}
.map03_03:hover,.map03_03:focus,.map03_03:active {background-position:-100px -126px;}
.map04_01:hover,.map04_01:focus,.map04_01:active {background-position:-100px -154px;}
.map04_02:hover,.map04_02:focus,.map04_02:active {background-position:-100px -168px;}
.close_btn {position:absolute;top:48px;right:48px;background:url(/images/sitemap/sitemap_close.gif);width:30px;height:30px;display:block;text-indent:-3000em;overflow:hidden;}
.close_btn:hover,.close_btn:focus,.close_btn:active {background-position:0 -30px;}