@charset "utf-8";

/* 레이아웃 */
* {margin:0;padding:0;}
html {overflow-x:auto; overflow-y:scroll;}
body {font-family: 'Malgun Gothic'; margin: 0; padding: 0; color: #666666; font-size: 15px; line-height:200%; background: #ffffff;}
header, section, footer, aside, nav, article, figure {display: block;}
ul, ol, dl {padding: 0;margin: 0;}
iframe,fieldset{border:0;margin:0;padding:0}
a img {border: none;}
img {vertical-align:top;max-width:100%;height:auto;}
textarea {resize:none; font-family:Malgun Gothic;border:1px solid #ccc;}
select {height:30px; font-family:Malgun Gothic; font-size:14px; border:1px solid #ccc;}
.select {height:30px; font-family:Malgun Gothic; font-size:16px;}
input {height:30px; font-family:Malgun Gothic; font-size:14px; border:1px solid #ccc;}
.input {height:30px; font-family:Malgun Gothic; font-size:16px;}
.radio {vertical-align: -10px}
.clear {clear:both;}
.b {font-weight:bold;}
.g_font {color:#6f8320;}
.s_font {font-size:12px;}
.blue_font {color:#236388;}
.black_font {color:#000000;}
.font18 {font-size:18px;}
.red_font {color:#ff450b;}
.bbb_font {color: #363636; font-family:Nanum Gothicb; padding-bottom:5px;}
.no_line {border:none;}
.subMenu {width:100%; height:59px; background:#2a2a2a; clear:both;}
.container {width: 1150px; margin: 0 auto; position:relative; height:100%;}
.container01 {width: 1150px; margin: 0 auto; position:relative; height:100%;}
.container_bg {
    width: 100%;
    background: #f5f5f5;
	clear:both;
	padding: 20px 0 60px 0;
}
.container_bg01 {
    width: 100%;
    background: #f5f5f5;
	clear:both;
	padding: 30px 0 80px 0;
}
.container_bg02 {
    width: 100%;
    background: #fff;
	padding: 40px 0 15px 0;
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc;
	font-family: 'NanumSquare';

}
.top {height:54px; padding-top:25px; width: 1150px; margin: 0 auto;}
.top_lang {height: 15px; width:400px; margin-top:20px; text-align:center;float:right; font-size:11px; font-family:"돋움체"}
.top_lang li {padding: 0 13px 0 13px; float:right; border-right:1px solid #d1d1d1; line-height:11px;}
.top_lang li:first-child { border-right: none;padding: 0 0px 0 13px;}

.menu { padding: 0px 0px 0 0px;  font-size:16px;}
.header {
    position: fixed;
    top: 80;
    left: 0;
    width: 100%;
    background: #28292e;
    color:#fff;
    z-index: 1000;
    height: 59px;

    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
    text-align:center;
    line-height:160px;
}
.header.shrink {
	top: 0;
    height: 79px;
    line-height:80px;
	background: #fff;
	border-bottom:1px solid #ff4911
}
.header nav { padding: 0px 0px 0 0px;  font-size:16px; color:#fff;}
.header.shrink nav { padding: 17px 0px 0 0px;  font-size:16px; color:#333;}

/* 하단 레이아웃 */
.footer_bg {
    width: 100%;
    background: #3a3b44;
	clear:both;
	padding: 50px 0;
}
.footer_me {float:left; padding-right:150px;}
.footer_me li {font-size: 18px; color: #fff;}
.footer_me ul > li {font-size: 15px; color: #a3a3a3; padding-bottom:8px;}
.footer_me ul > li:first-child {padding-top:20px;}
.footer_me ul > li > a {color: #a3a3a3;}
.footer_me ul > li > a:hover {color: #fff;}
.footer_phone {float: right;border-left: 1px solid #42444b; padding: 15px 0; margin-bottom: 20px;}
.footer_phone01 {float: right; font-size:16px; color:#fff; padding-left:30px;}
.footer_phone01 li {padding-bottom: 10px;}
.footer_sme {width: 100%;border-top: 1px solid #46474c;border-bottom: 1px solid #46474c; clear:both; height:20px; padding: 15px 0;}
.footer_sme li {float: left; padding: 0 30px; color:#868686;}
.footer_sme li:last-child {float: right; padding: 0 30px; color:#868686; font-weight:bold; font-size: 15px;}
.footer_sme li > a {color:#868686;}
.footer_sme li > a:hover {color:#ffffff;}
.footer_sme li > a.privacy_link {color:#aaa; font-weight:bold;}
.footer_sme li > a.privacy_link:hover {color:#ffffff;}
.footer_phone01 li > a {color:#ccc; text-decoration:underline} 
.footer_phone01 li > a:hover {color:#ffffff;} 
.copy {font-size:12px; color:#656565; padding:30px 0px 0 65px; line-height:160%}
.gsite {background-color:#fff; width:176px; padding:10px; border: 1px solid #ccc; font-size:13px; color:#333; font-weight:normal; text-align:left;}


/* 버튼 */
.btn01  {cursor:pointer;font-weight:normal;font-size:11px; color:#555;margin: 0 3px;padding:6px 10px 6px 10px;  background-color:#fff; border: 1px solid #ccc; border-radius:2px; line-height:100%;}
a > .btn02  {cursor:pointer;font-weight:normal;font-size:11x; color:#fff;background-color:#666; border: 1px solid #555; border-radius:2px; padding: 7px 20px 6px 20px;}
a:hover > .btn02  {cursor:pointer;font-weight:normal;font-size:11x; color:#fff;background-color:#454f59; border: 1px solid #555; border-radius:2px; padding: 7px 20px 6px 20px;}
.btn_large  {cursor:pointer;font-weight:bold;font-size:14px; color:#333;text-align:center;margin-top:15px;padding-top:5px; width:140px; height:30px; background-color:#fff; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #8e8e8e; border-bottom:1px solid #8e8e8e; border-radius:2px; margin:15px auto;}
.btn_largeg  {cursor:pointer;font-size:14px; color:#333; letter-spacing:-1px;text-align:center; padding-top:0px; width:120px; height:33px; background-color:#fff; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #8e8e8e; border-bottom:1px solid #8e8e8e; margin:5px 3px;}
.btn_largeb  {display:inline-block;cursor:pointer;font-weight:bold;font-size:12px; color:#fff;text-align:center;margin-top:3px;padding:4px 15px 6px 15px; background-color:#687580;margin:0px auto; border:none;}
a > .btn_largebb  {display:inline-block;cursor:pointer;font-weight:bold;font-size:12px; color:#fff;text-align:center;padding:9px 20px 11px 20px; background-color:#687580;border:none; margin:-2px 0 0 0; line-height:12px;}
a:hover > .btn_largebb  {display:inline-block;cursor:pointer;font-weight:bold;font-size:12px; color:#fff;text-align:center;padding:9px 20px 11px 20px; background-color:#ff6511;border:none; margin:-2px 0 0 0; line-height:12px;}
.btn_largebb a  {cursor:pointer;font-weight:bold;font-size:12px; color:#fff;text-align:center;padding:2px 20px 4px 20px; background-color:#687580;border:none; margin:0; line-height:12px;}
.btn_pre  {cursor:pointer;font-weight:bold;font-size:16px; color:#fff;text-align:center;padding:9px 20px 7px 20px; background-color:#616974;border:1px solid #545b66; width:160px; margin:0 auto;}
a > .btn_down  {cursor:pointer;font-weight:bold;font-size:13px; color:#fff;text-align:center;padding: 0 20px; height:32px; background-color:#616974;margin: 3px 2px;}
a:hover > .btn_down  {cursor:pointer;font-weight:bold;font-size:13px; color:#fff;text-align:center;padding: 0 20px; height:32px; background-color:#ff6511;margin: 3px 2px;}
.btn_down_off  {cursor:pointer;font-weight:bold;font-size:13px; color:#fff;text-align:center;padding: 0 20px; height:32px; background-color:#ccc;margin: 3px 2px;}
.num {border-radius:2px; background-color:#555; color:#fff; font-weight:bold; width:30px;margin:0 auto;}
.btn_app01  {cursor:pointer;font-weight:bold;font-size:14px; color:#fff;text-align:center;padding-top:5px; width:130px; height:35px; background-color:#999;border-radius:3px;margin-left:5px;}
.btn_app02  {cursor:pointer;font-weight:bold;font-size:14px; color:#fff;text-align:center;padding-top:5px; width:130px; height:35px; background-color:#be8311;border-radius:3px;margin-left:5px;}
a > .btn_apply  {cursor:pointer;font-weight:bold;font-size:16px; color:#fff;text-align:center;padding: 4px 40px; height:35px; background-color:#515861;margin: 10px 5px;}
a:hover > .btn_apply  {cursor:pointer;font-weight:bold;font-size:16px; color:#fff;text-align:center;padding: 4px 40px; height:35px; background-color:#333;margin: 10px 5px;}
.R > a > .btn_apply  {cursor:pointer;font-weight:bold;font-size:16px; color:#fff;text-align:center;padding: 4px 40px; height:35px; background-color:#515861;margin: 10px 5px;}
.R > a:hover > .btn_apply  {cursor:pointer;font-weight:bold;font-size:16px; color:#fff;text-align:center;padding: 4px 40px; height:35px; background-color:#333;margin: 10px 5px;}
.btn_search {cursor:pointer;font-weight:bold;font-size:12px; color:#fff;text-align:center; width:50px; height:21px; background-color:#be8311;border-radius:1px;margin: 11px 5px 0 5px;padding:5px 0 0 0;line-height:100%;}
.btn_search a:hover {cursor:pointer;font-weight:bold;font-size:12px; color:#fff;text-align:center; width:50px; height:21px; background-color:#be8311;border-radius:1px;margin: 11px 5px 0 5px;padding:5px 0 0 0;line-height:100%;}


.board_bottom_off {padding: 5px 10px 5px 10px; border: 1px solid #ccc; margin: 0px 1px 0px 0px; border-radius:1px;}
.board_bottom_on {padding: 5px 10px 5px 10px; border: 1px solid #ccc; margin: 0px 5px 0px 0px;  background-color:#e5e5e5; color:#F30; border-radius:1px; font-weight:normal;}
.board_num {text-align:center; margin: 20px 0 20px 0; clear:both;}
.board_num img {margin: 6px 0 0 0;}


.sbbs_tbl {width:100%;padding:0; border:2px solid #d7d7d7;}
.sbbs_tbl th {background-color:#f8f7f1;color:#4e4e4e;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6; text-align:center; font-weight:normal; width:100px; font-size:14px;}
.sbbs_tbl th.ptit {background-color:#efefef;color:#4e4e4e;border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;text-align:left; padding-left:30px;}
.sbbs_tbl td {background-color:#fff;text-align:left;border-bottom:1px solid #e6e6e6;padding: 10px 0 10px 10px; color:#777; font-size:13px;}
.sbbs_tbl td.title {background-color:#f9f9f9;text-align:center;border-bottom:1px solid #e6e6e6;font-size:18px; padding: 15px 0 15px 10px;color:#4e4e4e;}
.sbbs_tbl td.board_bottom_line {border-bottom: 1px solid #898989;}
.sbbs_tbl th.board_bottom_line {border-bottom: 1px solid #898989;}
.sbbs_tbl td.board_top_line {border-top: 1px solid #333;}
.sbbs_tbl th.board_top_line {border-top: 1px solid #333;}


.tbl{border-collapse:collapse;border-spacing:0;width:100%;display:table; border-top:1px solid #111111}
.tbl th{font-weight:normal;line-height:54px;background:#f6f6f6;border-bottom:1px solid #ddd}
.tbl td{text-align:center;line-height:21px;padding:17px 0 16px 0;color:#555;border-bottom:1px solid #ddd;padding-left:10px;padding-right:10px}
.tbl td a{text-decoration:none;color:#333;display:table-cell;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;top:0px;width:100%}
.tbl td a:hover{text-decoration:underline}
.tbl td span{color:#0469af;text-decoration:underline}
.tbl td.lt,.tbl th.lt{text-align:left}
.tbl .td_textarea{height:21px;position:relative;display:table;width:100%}


A {color:#555;text-decoration:none; cursor:pointer;}
A:link {color:#555;text-decoration:none;}
A:visited {color:#555;text-decoration:none;}
A:hover {color:#ff7011;text-decoration:none;}
a:active{ background:none;}


input::-webkit-input-placeholder {color:#999; font-weight:normal; font-size:12px;}
input::-moz-input-placeholder {color:#999; font-weight:normal; font-size:12px;}
input:-ms-input-placeholder {color:#999; font-weight:normal; font-size:12px;}

ul, ol, dl, li { 
	padding: 0;
	margin: 0;
	list-style:none;
	line-height: 19px;
	vertical-align:top;	
}
h1{
	margin: 0px;	
	padding: 0px 0px 0px 0px;
	color:#065793;
	font-size:48px;
	letter-spacing:-1px;
	font-family:Nanum Gothicb;
	float:left;
}
h2{
	margin: 0px;	
	padding: 40px 0px 20px 0px;
	color:#fff;
	font-size:48px;
	letter-spacing:-1px;
	font-family:Malgun Gothic;
	font-weight:normal;
	line-height:100%;
}

h3{	
	padding: 30px 0px 20px 0px;
	color:#444444;
	font-size:24px;
	letter-spacing:-1px;
	font-weight:normal;
	line-height:120%;
}
A.mtitle_a {color:#555;text-decoration:none;letter-spacing:0px; text-decoration:none;}
A.mtitle_a:link {color:#555;letter-spacing:0px; text-decoration:none;}
A.mtitle_a:visited {color:#555;letter-spacing:0px; text-decoration:none;}
A.mtitle_a:hover {color:#ff7011;letter-spacing:0px; text-decoration:underline;}

h4{
	padding: 60px 0px 50px 0px;
	color:#222;
	font-size:28px;
	text-align:center;
	font-weight:normal;
	letter-spacing:0px;
	position:relative;
}
h5{
	padding: 60px 0px 20px 0px;
	margin-bottom: 10px;
	color:#ff4f19;
	font-size:20px;
	text-align:center;
	font-weight:normal;
	letter-spacing:0px;
	position:relative;
	/*background:url(../../images/h5_bg.png) no-repeat bottom ;*/
}
h6 {color:#404d69;
font-size:16px;
padding: 0 0 15px 0;
}
h7 {color:#555555;
font-size:20px;
font-weight:bold;
letter-spacing:-2px;
text-align:left;
}

.L {float:left;}
.R {float:right;}
.aL {text-align:left !important;}
.aC {text-align:center !important;}
.aR {text-align:right !important;}
.aJ {text-align:justify !important;}
.aM {vertical-align:middle !important;}
.aB {vertical-align:bottom !important;}
.aT {vertical-align:top !important;}
.aTB {vertical-align:text-bottom !important;}
.b {font-weight:bold;}

.mt02 {padding-top: 2px;}
.mt03 {padding-top: 3px;}
.mt05 {padding-top: 5px;}
.mt08 {padding-top: 8px;}
.mt10 {padding-top: 10px;}
.mt15 {padding-top: 15px;}
.mt20 {padding-top: 20px;}
.mt24 {padding-top: 24px;}
.mt28 {padding-top: 28px;}
.mt30 {padding-top: 30px;}
.mt36 {padding-top: 36px;}
.mt40 {padding-top: 40px;}
.mt50 {padding-top: 50px;}
.mt60 {padding-top: 60px;}
.mt90 {padding-top: 90px;}
.ml05 {padding-left: 5px;}
.ml08 {padding-left: 9px;}
.ml10 {padding-left: 10px;}
.ml15 {padding-left: 15px;}
.ml20 {padding-left: 20px;}
.ml26 {padding-left: 26px;}
.ml30 {padding-left: 30px;}
.ml40 {padding-left: 40px;}
.ml50 {padding-left: 50px;}
.ml70 {padding-left: 70px;}
.ml90 {padding-left: 90px;}
.mr02 {padding-right: 2px;}
.mr05 {padding-right: 5px;}
.mr10 {padding-right: 10px;}
.mr19 {padding-right: 19px;}
.mr20 {padding-right: 20px;}
.mr30 {padding-right: 30px;}
.mr40 {padding-right: 40px;}
.mr50 {padding-right: 50px;}
.mr60 {padding-right: 60px;}
.mr100 {padding-right: 100px;}
.mb02 {padding-bottom: 2px;}
.mb05 {padding-bottom: 5px;}
.mb08 {padding-bottom: 8px;}
.mb10 {margin-bottom: 10px;}
.mb15 {padding-bottom: 15px;}
.mb20 {padding-bottom: 20px;}
.mb30 {padding-bottom: 30px;}
.mb40 {padding-bottom: 40px;}
.mb50 {padding-bottom: 50px;}

@media (max-width:1149px) {
.top {height:54px; padding-top:25px; margin: 0 0px; width: 100%;}	
.container {width: 80%; margin: 0 auto; position:relative; height:100%;}
.container01 {width: 90%; margin: 0 auto; position:relative; height:100%;}
.header {width: 100%;}
.footer_me {float:left; padding-right:50px;}
.footer_phone_icon {display: none;}
.footer_sme li {float: left; padding: 0 15px; color:#868686;}
.footer_sme li:last-child {float: right; padding: 0 15px; color:#868686; font-weight:bold; font-size: 15px;}
.footer_logo {display: none;}
.copy {font-size:12px; color:#656565; padding:30px 0px 0 0px; line-height:160%}
}

@media (max-width:768px) {
.top {height:25px; padding-top:10px; width: 100%; margin: 0 auto;}
.top_lang {display:none;}
.header {display:none;}
.footer_bg {
    width: 100%;
    background: #313238;
	clear:both;
	padding: 20px 0;
}
.footer_me {display:none;}
.footer_me li {display:none;}
.footer_sme li {float: left; padding: 0 10px; color:#868686; font-size: 12px;}
.footer_sme li:last-child {float: right; padding: 0 10px; color:#868686; font-weight:bold; font-size: 12px;}
.footer_sme li:nth-child(1) {display:none;}
.footer_sme li:nth-child(2) {display:none;}
.footer_sme li:nth-child(3) {display:none;}
.footer_me {float:left; width:33%;padding:0 0 30px 0;}
.footer_phone {float: none;border-left: none; padding: 15px 0 0 0; margin-bottom: 20px;}
.footer_phone01 {float: none; font-size:16px; color:#fff; padding-left:30px;}
.footer_phone01 li {padding-bottom: 10px;}
.footer_phone01 li:last-child {display:none;}
	/* Sub Layout :: Location */
	#contentLocation{height:34px;}

	.location-inner{position:static; margin-left:0; float:left; width:100%;}
	.location-inner > ul{position:relative;}
	.location-inner > ul > li{position:static;width:36%; float:left; padding:0 2% !important; line-height:34px; background-size:contain !important;}
	.location-inner > ul > li.home{width:16%; font-size:0; text-align:center;}
	.location-inner > ul > li > a{font-size:13px;}
	.location-inner > ul > li .location-2dep{top:34px; left:0px; width:100% !important;}
	.location-inner > ul > li .location-2dep li{height:34px; line-height:34px;}
	.location-inner > ul > li .location-2dep li a{font-size:13px; padding:0 5%;}
	/* TOP 버튼 */
#back-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
}

}


/* TOP 버튼 */
#back-top {
	position: fixed;
	bottom: 30px;
	right: 20px;
}
#back-top a {
	width: 60px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #abcef2;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #ff6511;
}
/* arrow icon (span tag) */
#back-top span {
	width: 45px;
	height: 19px;
	display: block;
	padding-top:26px;
	margin-bottom: 7px;
	background: #42464c url(../../images/up_arrow.png) no-repeat center 8px;
	/* rounded corners */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #ccc;
}