@charset "utf-8";
/* ########################### Reset  Style ########################### */
input { margin: 0; padding: 0; }
.reset { margin: 0 !important; padding: 0 !important; }
/* fontStyle */ tt, i, b, u, s, strike, big, small, 
/* phrase */ em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym,
/* special */ a, img, applet, object, font, basefont, br, script, map, q, sub, sup, span, bdo, iframe, 
/* formctrl */ input, select, textarea, label, button, 
/* document */ address, div, 
p, h1, h2, h3, h4, h5, h6, pre, blockquote, ins, del, dl, dt, dd, ul, ol, li, dir, menu, form, option, fieldset, legend, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; margin: 0; padding: 0; border: 0; border-spacing: 0;}
hr { margin: 50px; }
img {
	font-size: 1%;
	line-height: 1;
	border: 0;
	vertical-align: top;
}
h1 img{
	padding-left: 40px;
}
ul, ol, li { list-style: none; }
/* ########################### Print Style ########################### */
@media print {
  
}
a { color: #666; text-decoration: none; }
a:active{ background: transparent; }
 @font-face {
    font-family: 'Pretendard-Regular';
    src: url("/lib/font/Pretendard-Regular.woff") format('woff');
    font-weight: 400;
    font-style: normal;
}

/*
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
*/

.clearfix:before, 
.container:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* IE 6/7 */
.clearfix { zoom: 1; }

html { overflow-y: scroll; }
html, body { height: 100%;  /* Required */ }
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-size: 14px;
	font-family: 'Pretendard-Regular' !important;
	line-height: 1.3;
	}
table, input, textarea, select, button {
	font-style: normal;
	font-size: 14px;
	font-family: 'Pretendard-Regular';
	line-height: 1.3;
	color: #222222;
}
input, textarea{
	ime-mode:active;
}
.ime_inactive{
	ime-mode:inactive;
}

body#main #header { width: 100%; position: fixed; background: #fff; top: 0; left: 0; z-index: 100; border-bottom: 1px solid #ccc; }
#header { width: 100%; /*background: url('/img/menu/bg.png') repeat-x left top;*/   position:fixed; top:0; z-index: 999; }

@media only screen and (min-width: 768px) {
	.sns-wrap { 
	width: 980px; 
	margin: 0 auto 0; 
	padding-left: 6%;  
	height: 0px; 
	z-index:9999; 
	position:relative;
	/* margin-left:380px; */
/* 	margin-left: 589.375px; */
	background-color: white;
	display: none;
	} 
}

@media only screen and (max-device-width: 768px) {
	.sns-wrap { 
	width: 980px; 
	padding-left: 20px;
	margin: 0 auto 0; 
	height: 50px; 
	z-index:9999; 
	margin-left:0px;
	position:relative;
	background-color: white;
	} 
}
.header { width: 100%; background: #fff ; }
/*
.header p { float: left; width: 176px; }
.header:before, 
.header:after { content: ""; display: table; }
.header:after { clear: both; }
*//* IE 6/7 */
/*.header { zoom: 1; }
.header * {	vertical-align: top; }
*//* -----------------------------------------------------------------*/

/*                              layout                              */

/* -----------------------------------------------------------------*/
/* Skip Navigation */
.skip{ display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;}
.skip:hover,
.skip:active,
.skip:focus { width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important; position: absolute;}

/*header.header { background: url('/img/temp/topbg.gif') repeat-x left top; width: 100%; }*/
body#main #gnb { margin-bottom: 0; }
body#main #contents { width: 980px; margin: 87px auto 100px; padding-top: 87px; }
body#product #gnb { margin-bottom: 0; *padding-bottom: 0;}
#gnb { margin-bottom: 0; *padding-bottom: 0; }
body#etc #gnb {margin-bottom: 0; *padding-bottom: 0; }
#contents { width: 980px; margin: 0 auto 20px; }

#download { height: 216px; background: #ffa200; }
#footer { width: 100%; border-top: 1px solid #172F56; background: #172F56;position: relative;top:140px;}
#footer .footer { width: 980px; margin: 20px auto 0; overflow: hidden;padding-bottom: 45px; color: #fff;
font-size: 13px;}
#footer .footer ul { float: right; }
#footer .footer li { float: left; }
/*.product-info { background: url('/img/share/pattern_1.jpg') repeat-x left top; width: 100%; }
.product { width: 980px; overflow: hidden; margin:0 auto; }*/

#footer .addr-wrap { position: relative; background: transparent; }
#footer .addr { position: absolute; right: 0; top: 63px; background: transparent; height: 14px;} 

#footer_noSubMenu { width: 100%;border-top: 1px solid #172F56; background: #172F56;position: relative;top:140px;}
#footer_noSubMenu .footer { width: 980px; margin: 15px auto 0; overflow: hidden;padding-bottom: 45px;}
#footer_noSubMenu .footer ul { float: right; }
#footer_noSubMenu .footer li { float: left; }

#footer_noSubMenu .addr-wrap { position: relative; background: transparent; }
#footer_noSubMenu .addr { position: absolute; right: 0; top: 63px; background: transparent; height: 14px;} 

.pg-title { 
	width: 980px; margin: 0 auto; 
	margin-bottom: 46px;
	
}
.pg-title h1 { 
	margin-left: -46px; background: url('/img/share/cata2_bg.gif') no-repeat left top; 
	padding: 50px 0 50px 171px;
}



.tab-sec { overflow: hidden; width: 100%; margin-bottom: 65px; background: url('/img/share/tab_line.png') repeat-x 0 0;}
ul.tab-menu { overflow: hidden; width: 980px; margin: 0 auto;  height: 70px;}
ul.tab-menu li { float: left;  text-align: center; background: url('/img/share/tabbg.gif') repeat-x left top; margin: 0 3px -3px 0;  }
ul.tab-menu li a  { 
	padding: 17px 0 13px; 
	color: #364ea2; 
	display: block; 
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -1px;
}
ul.tab-menu li.current { border: 3px solid #1c3278; background: #fff; border-bottom: none; }
ul.tab-menu li.current a  { padding: 18px 0 9px; color: #1c3278; font-weight: bold; }

ul.tab-color2 li { background: url('/img/share/tabbg2.gif') repeat-x left top;  }
ul.tab-color2 li a  { color: #007eb0; }
ul.tab-color2 li.current { border: 3px solid #015b80;}
ul.tab-color2 li.current a  { color: #035b7f; }

ul.tab-color3 li { background: url('/img/share/tabbg3.gif') repeat-x left top;  }
ul.tab-color3 li a  { color: #136dac; }
ul.tab-color3 li.current { border: 3px solid #014a8f;}
ul.tab-color3 li.current a  { color: #004b8f; } 

ul.tab-color4 li { background: url('/img/share/tabbg4.gif') repeat-x left top;  }
ul.tab-color4 li a  { color: #01687b; }
ul.tab-color4 li.current { border: 3px solid #01687b;}
ul.tab-color4 li.current a  { color: #468a95; } 

ul.tab-color5 li { background: url('/img/share/tabbg5.gif') repeat-x left top;  }
ul.tab-color5 li a  { color: #3b317a; }
ul.tab-color5 li.current { border: 3px solid #3c317d;}
ul.tab-color5 li.current a  { color: #8f81bc; }

.col5 li { width: 191px; }
.col4 li { width: 240px; }
.col3 li { width: 321px; }

.button {
	position: relative;
	margin: 0;
	display: -moz-inline-stack;
	display: inline-block;
	text-decoration: none !important;
	font-size: 16px;
	white-space: nowrap;
	overflow: visible;
	vertical-align: middle;
}
.blue .button { background: #093885; padding: 10px 30px 10px;  color: #fff; border-radius: 0; border-bottom: 1px solid #e5e5e5; }
.blue:hover .button, 
.blue a:focus, 
.blue button:focus { background: #f55600; }
/*20130819_추가*/
.bluesky .button { background: #FF5E00; padding: 5px 25px 5px;  color: #fff; border: 1px solid #fff; }
.delsmall .button { background: #2457BD; padding: 2px 5px 2px;  color: #fff; border: 1px solid #fff; }
.modify .button { background: #BDBDBD; padding: 5px 25px 4px;  color: #000; margin-left:5px;}

.gray .button { background: #8b93a0; padding: 10px 30px 10px;  color: #fff;  border-radius: 0; border-bottom: 1px solid #e5e5e5; }
.gray:hover .button, 
.gray a:focus, 
.gray button:focus { background: #838b98; } 

.bor .button { 
	background: #fff; 
	padding: 10px 20px 10px;  
	color: #222;  
	border-radius: 0; 
	border: 1px solid #bcc3cf;
}
.bor:hover .button, 
.bor a:focus, 
.bor button:focus { background: #fff; } 

input.inbox:focus { border: 1px solid #f9ae18; }
.focused { border: 1px solid #f9ae18 !important; }
.select-box {
	display: inline-block;
	padding: 2px 4px 2px 5px;
	border: 1px solid #c0c0c0;
	vertical-align: middle;
}
.select-box select { 
	border: 0 none;
	color: #666;
	font-size: 15px;
	border: 1px solid #fff;
}
.inbox { width: 178px; height: 18px; font-size: 12px; line-height: 1.5; padding: 4px; border: 1px solid #c0c0c0; vertical-align: middle;}
.textbox { height: 18px; font-size: 12px; line-height: 1.5; padding: 4px; border: 1px solid #c0c0c0; vertical-align: middle; }
.normal { width: 128px; }
.short { width: 83px; }
.very-short { width:44px; }
.long { width: 317px; }
.middle { width: 204px; }
.title { width: 700px; }
.schoolText{ width : 250px;}
.recruitTextFull{ width : 356px;}
.inputTextFull{ width : 98%;}
.inputTextActiveFull{ width : 99%;}

/* paging */
/* Pagination */
.pagination{ padding: 30px 0; text-align:center; line-height:normal; clear: both;}
.pagination a,
.pagination strong { 
	position: relative; 
	color: #767676; 
	font: normal 14px/20px Tahoma, Sans-serif; 
	vertical-align: top; 
	display: inline-block; 
	text-decoration: none; 
	padding: 6px 12px 7px; 
	margin: 0 0; 
	border: 1px solid #d6dce1; 
	background-color: #fff; 
	z-index: 2;
}
.pagination a:hover,
.pagination a:active,
.pagination a:focus { background-color: #fff;}
.pagination strong { color: #00446C; border: 1px solid #00448c; background: #fff; }
.pagination .direction{ font-weight:normal; color:#767676; text-decoration:none !important; z-index:1;border:1px solid #d6d6d6;}
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus{ color:#323232; background-color:#fff;}
.pagination .prev{ border-left:0;}
.pagination .next{ border-right:0;}
.pagination .direction { border: 0; padding: 0;}
/* SNS */
#sns { 
	margin: 0 0 0 auto; 
	padding-top: 9px;
	line-height: 19px;
	font-size: 12px;
}
#sns p { float: left; color: #9dacc7; }
#sns ul {

	float: left;
}
#sns ul li {
	float: left; 
}
#sns:before, 
#sns:after { content: ""; display: table; }
#sns:after { clear: both; }
/* IE 6/7 */
#sns { zoom: 1; }

#sns-link{
	width:100%;
}

@media only screen and (max-width: 600px) {  /*  mobile */
	#sns { 
	margin: 0 0 0 auto; 
	padding-top: 9px;
	line-height: 19px;
	margin-left: -375px;
	font-size: 8px;
	}
}

.top-search { border: 0; width: 123px; background: #e7e7e7; height: 19px;}
.top-search * { vertical-align: top; }
.top-search input { 
	border: 0; 
	background: #e7e7e7; 
	font-size: 12px; 
	line-height: 19px;
	height: 19px; 
	width: 102px;
	padding:0;
	margin:0;
	color: #272727;
}
.top-search button {
	border: 0; 
	padding: 0;
	margin: 0;
}
.sitemap a { color: #9dacc7; }

.pos1 { background-position: 233px 0; }
.pos2 { background-position: 366px 0; }
.pos3 { background-position: 500px 0; }
.pos4 { background-position: 634px 0; }
.pos5 { background-position: 768px 0; }
.pos6 { background-position: 902px 0; }

#gnb li ul.sub-wrap li ol.sub li.blank  { width:63px;height:10px; }
#gnb li ul.sub-wrap li ol.sub.pos5 li.blank, 
#gnb li ul.sub-wrap li ol.sub.pos6 li.blank { width:226px;height:10px; }
#gnb li ul.sub-wrap li ol.sub.pos4 li.blank { width: 445px; height: 10px;}
#gnb li ul.sub-wrap li ol.sub.pos3 li.blank { width: 13px; height: 10px; }
#gnb > li { height: 47px; }

#breadclumbs { 
	background: url('/img/share/breadclumbs_bg.gif') repeat-x left top; height: 31px; 
	display: none;
}
#breadclumbs .depth { width: 980px; margin: 0 auto; overflow: hidden; }

.sub-temp {  /*background: url('/img/share/breadclumbs_bg.gif') repeat-x left top; position: relative;*/ text-align: center; top:300px; position: relative;  }
.sm-visual { width: 980px; position: absolute; left: 50%; top: 31px; margin: 0 0 0 -490px; text-align: right; }
.submain-top {	background: #fff; text-align: center; }
/*.accordion-view { width:980px; margin:0 auto; position:relative; margin-bottom:50px; overflow:hidden;}
.accordion-head .accordion-btn { float:right; position:absolute; right:0; bottom:0px;}*/
.content_subMenu {  top:300px; position: relative;}
.content_noSubMenu {  top:120px; position: relative;}

/* layer popup */
.popupbox {
	width: 450px;
	display: none; /* Hidden as default */
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 1100;
	background: #fff;
	font-family: Arial, sans-serif;
	padding: 0 0 0;
	}
#fade { 
	display: none; /* Hidden as default */
	background: #000;
	position: absolute; left: 0; top: 0;
	width: 100%; 
	height: 100%;
	opacity: .60;
	z-index: 1000;
	}
#contents-section { position: relative; }
#goTop { position: fixed; top: 40%; left: 50%; margin: 0 0 0 490px; width: 30px; }

.hidden-list li { border-bottom: 1px solid #43569b; padding: 9px 0 7px;}
.hidden-list li a { 
	color: #93aee9; font-size: 13px; line-height: 17px; letter-spacing: -1px; background: url('/img/share/list_icon_act.gif') no-repeat 0 7px; 
	padding-left: 7px;  display: block;
	}
.hidden-list { display: none;margin: -100px 0 0 -237px; width: 187px; /*height: 265px;*/ background: url('/img/share/list_bg.png') no-repeat left top; padding: 15px 35px 25px 15px }
.hidden-list li a:hover { background: url('/img/share/list_icon.gif') no-repeat 0 7px; color: #fff; }
.hidden-list li a.act  { background: url('/img/share/list_icon.gif') no-repeat 0 7px; color: #fff; }

/*.product-logo { float: left; }
.product-desc { float: left; width: 478px; overflow: hidden; padding: 55px 0 0 17px; position: relative; height: 284px; }
.product-desc p { font-size: 15px; line-height: 25px; text-align: justify;}
.product-menu li { float: left; margin-right: 10px; }
.product-menu { margin-top: 20px;  }
.product-desc .product-menu p { vertical-align: top; font-size: 1; line-height: 1;}*/

#breadclumbs ul { margin-left: 3px;  }
#breadclumbs li { float: left; margin-right: 10px; }
#breadclumbs li:first-child { background: url('/img/share/icon_home.png') no-repeat left center; padding-left: 17px; color: #022a73; }
#breadclumbs li a { color: #022a73; font-size: 13px; line-height: 31px; background: url('/img/share/icon_breadclumbs.png') no-repeat right center; padding-right: 10px; }
#breadclumbs li.current a { background: none; padding-right: 0; }

.cont-subj h2 { 
	background: url('/img/share/bul_lv2.gif') no-repeat left center; 
	padding-left: 19px; 
	margin: 30px 0 6px; 
	font-size: 18px;
	line-height: 36px;
}

.tabMenu { width: 100%; overflow: hidden; }
.tabMenu li { float: left; }


body#smService .pg-title { 
	background: url('/img/temp/sm_visual_2.gif') no-repeat right top; 
}


#magazine h3 a {
	display: block;
	background: url(/img/share/select_top.gif) no-repeat 0 0;
	padding-left: 7px;
	width: 105px;
	color: #222;
	font-size: 11px;
}
#magazine ul li { zoom: 1; padding: 3px 6px; float: none; border-bottom: 1px solid #e7e7e7; }
#magazine {
	float: left;
	left: 0px;
	top: 0;
	position: relative;
	zoom: 1;
	z-index: 999999;
	
}
#magazine ul {
	background: #fff;
	padding: 5px 0 0;
	position: absolute;
	width: 103px;
	left: 0;
	top: 19px;
	display: none;
	color: #222;
	z-index: 999999;
	border: 1px solid #E7E7E7;
	border-top: 0;
}
#magazine ul li a { color: #222; display: block; }
.title-wrap { /* background: url('/img/menu/navbg.png') repeat-x left top; */ width: 100%; }
body#etc .title-wrap { border-top: 1px solid #ccc; }

.pg-title-type01, .pg-title-type02, .pg-title-type03, .pg-title-type04, .pg-title-type05, .pg-title-type06 {
	width: 980px;
	margin: 0 auto;
	margin-bottom: 46px;
	position: relative; 
}
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 0 60px;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	display: block;
	margin:0 auto;
}

/** THEME
===================================*/
.bx-pager,
.bx-controls-auto {
	position: absolute;
	bottom: 20px;
	width: 100%;
}
.p-news .bx-pager,
.p-news .bx-controls-auto {
	position: absolute;
	bottom: 10px;
	width: 100%;
}

/* LOADER */
.bx-loading {
	min-height: 50px;
	background: url(/img/share/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */
.bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
}
.p-news .bx-pager { text-align: right; }
.bx-pager .bx-pager-item,
.bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-pager.bx-default-pager a {
	background: url('/img/main/large_control.png') no-repeat -29px 0; 
	text-indent: -9999px;
	display: block;
	width: 24px;
	height: 11px;
	margin: 0 5px;
}
.bx-pager.bx-default-pager a:hover,
.bx-pager.bx-default-pager a.active {
	background: url('/img/main/large_control.png') no-repeat 0 0; 
}

.p-news .bx-pager.bx-default-pager a {
	background: url('/img/main/gray_control.png') no-repeat -17px 0; 
	text-indent: -9999px;
	display: block;
	width: 14px;
	height: 5px;
	margin: 0 3px;
	text-indent: -9999px; font-size:0; 
}

.p-news .bx-pager.bx-default-pager a:hover,
.p-news .bx-pager.bx-default-pager a.active {
	background: url('/img/main/gray_control.png') no-repeat 0 0; 
}

.top-issues .bx-pager,
.top-issues .bx-controls-auto {
	position: absolute;
	top: -40px;
	width: 100%;
	height: 20px;
}
.top-issues .bx-pager { text-align: right; }
.top-issues .bx-pager.bx-default-pager a {
	background: url('/img/product/control_product.gif') no-repeat -15px 0; 
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 5px;
	margin: 0 3px;
	text-indent: -9999px; font-size:0; 
}
.top-issues .bx-pager.bx-default-pager a:hover,
.top-issues .bx-pager.bx-default-pager a.active {
	background: url('/img/product/control_product.gif') no-repeat 0 0; 
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-prev {
	left: 10px;
	background: url(/img/share/controls.png) no-repeat 0 -32px;
}

.bx-next {
	right: 10px;
	background: url(/img/share/controls.png) no-repeat -43px -32px;
}

.bx-prev:hover {
	background-position: 0 0;
}

.bx-next:hover {
	background-position: -43px 0;
}

.bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	/*outline: 0;*/
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-controls-auto {
	text-align: center;
}
.bx-controls-auto * { vertical-align: top; }
.bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	/*outline: 0;*/
	background: url(/img/share/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-controls-auto .bx-start:hover,
.bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	/*outline: 0;*/
	background: url(/img/share/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-controls-auto .bx-stop:hover,
.bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: right;
	width: 100%;
	font-size: 0; line-height: 1;
}
.bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	left: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.bx-clone { display:none; }

.customButton {
   border-top: 1px solid #00448c;
   background: #00448c;
   background: -webkit-gradient(linear, left top, left bottom, from(#00448c), to(#00448c));
   background: -webkit-linear-gradient(top, #00448c, #00448c);
   background: -moz-linear-gradient(top, #00448c, #00448c);
   background: -ms-linear-gradient(top, #00448c, #00448c);
   background: -o-linear-gradient(top, #00448c, #00448c);
   padding: 6px 7px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 13px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   }
 .customButton:hover {
   border: 1px solid #00448c;
   background: #ffffff;
   color: #00448c;
   border-radius: 2px;
   }
 .customButton:active {
   border-top-color: #ffffff;
   background: #ffffff;
   }
   
.customButton2 {
	border-top: 1px solid #707070;
	background: #707070;
	background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#707070));
	background: -webkit-linear-gradient(top, #707070, #707070);
	background: -moz-linear-gradient(top, #707070, #707070);
	background: -ms-linear-gradient(top, #707070, #707070);
	background: -o-linear-gradient(top, #707070, #707070);
	padding: 6px 7px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #ffffff;
	font-size: 13px;
	font-family: Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
}

.customButton3 {
	width: 111px;
    height: 41px;
    border: none;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    background-color: #00448c;
}

/* 해외법인 > 지역 그룹화 - 2017-02-22 최아영 추가 */
.corp-grp>h1 {
    font-size: 35px;
    text-align: center;
    border-bottom:1px solid #bcbcbc;
}

.title_normal{
	float: left;
	padding-top:35px;
}

/* 카테고리 메인화면 상단 이미지 공통 사용 CSS 추가*/
.category-top {
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 50px;
    text-align: center;
}
.category-top-image{
	position: relative;
}
.category-top-image .text {
    position: absolute;
    top: 50px;
    margin-left:60px;
    text-align: left;
}
.category-top-image h2 {
	font-size: 45px; font-weight: bold;
}
.category-top-image .text div { margin-top: 16px; font-size: 15px;}
.cartegory-top-table{
	border-bottom: 1px solid #E6E6E6;
	width: 100%;
	margin-bottom: 50px;
}


/* 회사소개  Main 화면개편 CSS 추가 */
.company-sub-image{
	position: relative;
	margin-top: 20px;
}

.company-sub-image .text {
	position:absolute;
	top:10px;	
}
.company-sub-image span{
	padding-left:10px;
}

.company-sub-image span .company-main-mid-bg{
	width: 314px;
	height: 190px;
}
.company-sub-image .first { margin-left: 50px; }
.company-sub-image .second { margin-left: 380px; }
.company-sub-image .third { margin-left:710px; }
.company-sub-image dl dt { margin-top: 23px; font-size:17px; font-weight:600; color:#181818;}
.company-sub-image dl dt:first-child img{
	padding-left:20px;
}
/* 제품 Main 화면개편 CSS 추가 */
.product-sub-image{
	position: relative;
}
.product-sub-image .text{
    position: absolute;
    top: 120px;	
}
.product-sub-image .left { margin-left: 85px; }
.product-sub-image .center { margin-left: 380px; }
.product-sub-image .right { margin-left: 685px; }
.product-sub-image span:nth-child(1){ padding-left: 50px; }
.product-sub-image span:nth-child(2){ padding-left: 40px; }
.product-sub-image span:nth-child(3){ padding-left: 40px; }
.product-sub-image dl dt {
	font-size: 18px;
	color: #181818;
    font-weight:bold;	
}
.product-sub-image dl:nth-child(2) {
	font-size: 14px;
	color: #707070;
	padding-top: 15px;
}
.product-sub-image dl:nth-child(3) {
	font-size: 12px;
	color: #187BD1;
	font-weight:bold;
	padding-top: 15px;
}


/* 홍보센터 Main 화면개편 CSS 추가 */
.promotion-sub-image{
	position: relative;
	margin-top: 20px;
}
.promotion-sub-image .text {
	position:absolute;
	top:10px;	
}
.promotion-sub-image .left { margin-left: 20px; margin-top:15px;}
.promotion-sub-image .right { margin-left: 520px; margin-top:15px;}
.promotion-sub-image span:nth-child(2){ padding-left: 20px; }

.promotion-sub-image span .promotion-main-mid-bg{
	width: 478px;
	height: 175px;
}

.promotion-sub-image dl dt table tr td span{
	font-size: 22px;
    margin-left: 20px;
    color: #181818;
    font-weight: bold;
}
.promotion-sub-image dl dt table tr td:first-child{
	width: 410px;
}
.promotion-sub-image dl dd table tr td img{ padding: 10px 20px 0px 20px; }
.promotion-sub-image dl dd table tbody tr td{ width: 260px; vertical-align: initial;}
.promotion-sub-image dl dd table tbody tr:nth-child(1) td{ width: 100px; }
.promotion-sub-image dl dd table tbody tr:nth-child(2) td span{ 
		color: #181818; font-weight: 600; 
}
.promotion-sub-image dl dd table tbody tr:nth-child(3) td span{ color: #545454 }

/* 고객서비스 Main 화면개편 CSS 추가 */
.customer-sub-image{
	position: relative;
	margin-top: 20px;
}
.customer-sub-image dl dd table tr td a img { width: 82px; height: 78px;}
.customer-sub-image .text {
	margin-top: 30px;
	position:absolute;
	top:10px;	
}
.customer-sub-image .first { margin-left: 50px; }
.customer-sub-image .second { margin-left: 300px; }
.customer-sub-image .third { margin-left: 545px; }
.customer-sub-image .fourth { margin-left: 790px; }
.customer-sub-image .right { margin-left: 520px; }
.customer-sub-image span{ padding-left: 14px; }

.customer-sub-image span .service-main-mid-bg{ 
	width: 228px;
	height: 272px; 
}

.customer-sub-image span dl dt:first-child p:nth-child(1){
	font-size: 17px;
	font-weight: bold;
	color:#181818;
}

.customer-sub-image span dl dt:first-child p:nth-child(2){
	font-size: 13px;
}

.customer-sub-image span dl dt:nth-child(2){
	margin-top: 40px;
}

.customer-sub-image span dl dt:nth-child(3){
	margin-top: 30px;
}

/* 커뮤니케이션 채널 CSS 추가 */
.linked-site-image{
	position: relative;
	margin-top: 20px;
}

.linked-site-image .text {
	position:absolute;
	top:10px;	
}
.linked-site-image .left { margin-left: 20px; }
.linked-site-image .right{ margin-left:520px; }
.linked-site-image dl dt { margin-top: 15px; }

.linked-site-image dl dt table tr td:first-child{
	width: 410px;
}
.linked-site-image dl dt table tr td span{
	font-size: 22px;
    font-weight: bold;
    margin-left: 20px;
}
.linked-site-image dl dd table{
	margin-top: 5px;
}
.linked-site-image dl dd table tr td {padding: 0px 0px 0px 20px;}

.linked-site-image dl dd table tr td span{
	font-size: 15px;
	line-height: 1.5;
	color: #545454;
	font-weight: bold;
}
.linked-site-image-second-span { margin-left : 20px; }

.input_chk{
	cursor: pointer;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}