@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: normal;
	src: url('/font/NanumGothic.eot');
	src: url(/font/NanumGothic.woff) format('woff')
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 700;
	src: url('/font/NanumGothic-Bold.eot');
	src: url(/font/NanumGothic-Bold.woff) format('woff')
}
@font-face {
	font-family: 'Nanum Myeongjo';
	font-style: normal;
	font-weight: normal;
	src: url('/font/NanumMyeongjo.eot');
	src: url(/font/NanumMyeongjo.woff) format('woff')
}
@font-face {
	font-family: 'Nanum Myeongjo';
	font-style: normal;
	font-weight: bold;
	src: url('/font/NanumMyeongjo-Bold.eot');
	src: url(/font/NanumMyeongjo-Bold.woff) format('woff')
}
@font-face {
	font-family: 'Daum_R';
	font-style: normal;
	font-weight: normal;
	src: url('/font/Daum_Regular.eot');
	src: url(/font/Daum_Regular.woff) format('woff')
}
@font-face {
	font-family: 'Daum_S';
	font-style: normal;
	font-weight: normal;
	src: url('/font/Daum_SemiBold.eot');
	src: url(/font/Daum_SemiBold.woff) format('woff')
}

/* Remove border around linked images */
img {border: 0;}

/* Common */
html { height: 100%; overflow-x: auto; overflow-y: auto;}
body { margin-top: 0 !important; height: 100%; font: 14px/1.3 'Nanum Gothic', 'Nanum Myeongjo', 'Dotum', 'Helvetica', 'AppleSDGothicNeo', sans-serif; color: #000; word-break: break-all; word-wrap: break-word; word-break: keep-all;  }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font: 14px/1.3 'Nanum Gothic', 'Nanum Myeongjo', 'Dotum', 'Helvetica', 'AppleSDGothicNeo', sans-serif; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button { margin: 0; padding: 0;}
fieldset, img, abbr, acronym { border: 0 none; }
fieldset { min-width: 0 !important; }
img { vertical-align: top; }
legend { position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden; margin: 0; padding: 0; }
legend.showlegend { position: static; line-height: 14px; font-size: 12px; overflow: visible; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
q:before, q:after { content:''; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
caption { height: 1px; line-height: 0; font-size: 0; overflow: hidden; opacity: 0;}
a { text-decoration: none; cursor:pointer;}
h3 {display:block; color:#333; font-size:1.20em; font-weight:bold; letter-spacing:0px;}
h4 {font-size:25px; font-weight:bold; margin-bottom:20px; padding:0 0 0 0px; color:#6c6c6c;}
.dns {float:left; position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; display:none;}  

/* 건너뛰기 네비게이션 */
#skip_nav { width: 100%; height: 0; text-align: center; overflow: hidden; }
#skip_nav a {color: #000; font-size: 14px; font-weight: 800; float: left; }
#skip_nav a:focus, 
#skip_nav a:hover, 
#skip_nav a:active { position: absolute; top: 0; left: 0; width: 100%; height: 20px;  line-height: 20px; text-decoration: underline; background-color: #fff; overflow: visible; z-index: 9999; }

/*메뉴 로고*/
#gnb { padding-top: 10px; text-align: center; width: 100%; min-width:700px; font-family:'Nanum Gothic', 'NanumGothic','맑은 고딕','굴림', '돋음', sans-serif;}
#gnb:after {  display: block; content: ''; clear: both; }
.gnb_left { float: left;}
.gnb_left:after {  display: block; content: ''; clear: both; }
.gnb_left > li { float: left; margin-left:5px; margin-right:5px;}
.gnb_left > li:first-child {padding-left: 20px; }
.gnb_left a { position: relative; display: block; width: 100px; color: #000; font-size: 16px; line-height: 75px; font-weight: 600; }
.gnb_left a:after { content: ''; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0px; background-color: transparent; transition: all .3s;}
.gnb_left > li.active a:after,
.gnb_left > li.on a:after {background-color: #5098fa; height: 3px;}
.gnb_left .depth02 { display: none; }
.gnb_left > li.active .depth02,
.gnb_left > li.on .depth02 { display: block; position: absolute; top: 85px;   /* left:-150%; width: 400%; background-color: rgba( 255, 255, 255, 0.9 ); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);*/ }
.gnb_left .depth02 ul {width:140px; padding-top:5px; overflow: hidden; margin: 0 -15% auto; background-color: rgba( 255, 255, 255, 0.9 );  border-radius:0 0 5px 5px; box-shadow: 1px 1px 1px rgba(0, 0, 0,0.4);}
.gnb_left .depth02 li { float: left; }
.gnb_left .depth02 li a { position: relative; min-width: 140px; text-align:left; font-size: 14px; line-height:30px; color: #000; font-weight: 400; padding: 0  0 3px 20px; box-sizing: border-box; } 
/*.gnb_left .depth02 li a:before { position: absolute; left: 0; top: 50%; margin-top: -8px; content: ''; display: inline-block; width: 1px; height: 16px; background-color: #999; }
*/.gnb_left .depth02 li:first-child a:before,
.gnb_left .depth02 li a:after { display: none; }
.gnb_left .depth02 li.active a,
.gnb_left .depth02 li.on a { font-weight: 600; }


/* content title -----------------------------------------------------------------------------*/
.title {clear:both; width:760px; height:57px;  font-size:22px; color:#858585; border-bottom: #ccc solid 1px;}
.title h3 {overflow:visible; float:left; height:48px; font-size:25px;  padding:7px 5px 0 0px; color:#333; letter-spacing:-1px; border-bottom:#005baa solid 3px;} 
.title_position {float:right; color:#b0b0b0; height:20px; padding:20px 5px 0px 25px;  font-size:11px; text-align:left; background:url(../_img/common/icon_home.gif) left 75% no-repeat; letter-spacing:-0.5px; font-family:'돋움';}
.title_position_b {color:#666; font-weight:normal;}

/*서브 menu */
.submenu {width:100%; height:100%; padding:0px 0px 10px 0px;  letter-spacing:1px;}
.top_bg{float:left; width:200px; height:55px; padding:20px 0 0px 0px; text-align:center;  border-top:#084385 solid 3px; background-color:#005baa;}
.top_bg h4{font-size:24px; font-weight:bold; color:#fff; letter-spacing:0px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3);}
.top_bg h4.tit1{font-size:1.50em; font-weight:bold;  color:#333; letter-spacing:0px; text-shadow: 1px 1px 1px #cfcfcf; letter-spacing:0px}
.cont_bg{float:left; width:185px; height:100%; padding:0px 0 30px 0;  }
.top_text{font-size:25px; font-weight:bold; color:#1f4170; text-align:center; letter-spacing:0px;}

/*서브메뉴-1단계*/
.submenu ul{margin:0; padding:0; list-style:none; font-family: '맑은 고딕','Nanum Gothic', '굴림', '돋움', dotum, sans-serif; }
.submenu li{padding:0; list-style:none;}
.submenu li.menu{float:left; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.submenu li.menu_on{float:left; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.menu A{display:block; width:180px; height:30px;  padding:13px 0px 2px 20px; color:#5a5a5a; font-size:15px; font-weight:bold;  text-decoration:none;  letter-spacing:-0.5px; background:url(../_img/common/submuOff.png) no-repeat right 50%;}
.menu A:link {text-decoration:none; font-weight:normal;}
.menu A:hover {background:url(../_img/common/submuOff.png) no-repeat right 50%; color:#145194; text-decoration:none; font-weight:bold; font-size:15px; letter-spacing:-0.5px;}
.menu A:visited {}
.menu A:active {}
.menu_on A{display:block; width:180px; height:30px;  padding:13px 0px 2px 20px; color:#145194; font-size:15px;  letter-spacing:-0.5px; font-weight:bold; background:url(../_img/common/submuOn.png) no-repeat right 50%; text-decoration:none; border-radius: 0.3em;  letter-spacing:-0.7px; }
.menu_on A:link {text-decoration:none;}
.menu_on A:hover {background: url(../_img/common/submuOn.png) no-repeat right 50%; color:#145194; text-decoration:none;  letter-spacing:-0.5px;}
.menu_on A:visited {}
.menu_on A:active {}

/* Form  -----------------------------------------------------------------------------*/
input {font-size:13px; font-family:"맑은 고딕","돋움","굴림", "Arial", "Verdana", "Geneva","Serif","Sans-serif","Monospace"; color:#000000;}
.input {border: 1px solid #c2c2c2; border-radius: 3px; height:22px; padding-left:5px; text-align: left; vertical-align: middle; }
.input_c {font:12px "맑은 고딕","돋움","굴림", "Arial", "Verdana", "Geneva"; color:#000000; height:17px; background-color:#EAEAEA; padding-left:2px; }
.input_b {font:12px "맑은 고딕","굴림", "Arial", "Verdana", "Geneva"; color:#000000; border:1px solid #b3b3b3; height:20px;}
.input_check{ margin:0; vertical-align:middle; border:0}
select {font-size:12px; font-family:"맑은 고딕","돋움","굴림", "Arial", "Verdana", "Geneva","Serif","Sans-serif","Monospace"; color:#000000; height:25px; padding-left:2px; border-radius: 3px;}
textarea {font-size:12px; font-family:"맑은 고딕","돋움","굴림", "Arial", "Verdana", "Geneva","Serif","Sans-serif","Monospace"; color:#000000; line-height:150%; padding:5px; border:1px solid #c2c2c2 }
input.calendar {font:11px "맑은 고딕", "돋움", "굴림", "Arial", "Verdana", "Geneva"; color:#000000; border:1px solid #bfbfbf; height:20px; background-color:#fff;  margin:0; padding:0 0 0 3px;}

/*Paging*/
.paging {float:left; width:750px;  text-align: center; margin-top:20px; vertical-align: middle; font:bold 14px "맑은 고딕", "굴림"; color:#333; }
.paging strong {margin: 0px 5px; padding: 0px 5px; color:#3371d9; display: inline-block; vertical-align: middle;}
.paging a {margin: 0px 5px; padding: 0px 5px; color:#4d4d4d; font-weight: bold; display: inline-block; text-decoration:none; vertical-align: middle;}
.paging .prev {margin: 0px; padding: 0px;}
.paging .next {margin: 0px; padding: 0px;}
.paging img {vertical-align: middle;}
.paging {margin-bottom: 20px;}

/* 간격주기 */
.blank1 {clear:both; width:100%; height:1px; padding:0px;}
.blank2 {clear:both; width:100%; height:7px;}
.blank5 {clear:both; width:100%; height:5px;}
.blank10 {clear:both; width:100%; height:10px;}
.blank15 {clear:both; width:100%; height:15px;}
.blank20 {clear:both; width:100%; height:20px;}
.blank25 {clear:both; width:100%; height:25px;}
.blank30 {clear:both; width:100%; height:30px;}
.blank50 {clear:both; width:100%; height:50px;}
.blank65 {clear:both; width:100%; height:65px;}
.blank70 {clear:both; width:100%; height:70px;}
.blank75 {clear:both; width:100%; height:75px;}
.blank85 {clear:both; width:100%; height:85px;}
.blank125 {clear:both; width:100%; height:125px;}

.dot_line1 {clear:both; width:100%; height:1px; border-bottom:#ccc dashed 1px; margin:10px 0 10px 0;}
.dot_line2 {clear:both; width:100%; height:1px; border-bottom:#ccc dashed 1px; margin:15px 0 10px 0;}
.sol_line1 {clear:both; width:100%; height:1px; border-bottom:#ccc solid 1px; margin:10px 0 10px 0;}

/*텍스트컬러*/
.clr01{color:#ff6600;}
.clr02{color:#135eb2;}
.clr03{color:#0c7e71;}
.clr04{color:#454343;}
.clr05{color:#ff3300;}
.pro-cl1{color:#415376;}
.pro-cl2{color:#4a700e;}
.pro-cl3{color:#8d6618;}
.pro-cl4{color:#c83c57;}

/*컨텐츠스타일-공통*/
/* 여백 스타일 */
.mt00 {margin-top:0 !important;}
.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mmt10 {margin-top:-10px !important;}

.mb00 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}

.ml00 {margin-left:0 !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml19 {margin-left:19px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}

.mr00 {margin-right:0 !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}

.mm05 { margin: 5px auto !important; }
.mm10 { margin: 10px auto !important; }
.mm20 { margin: 20px auto !important; }
.mm30 { margin: 30px auto !important; }
.mm40 { margin: 40px auto !important; }
.mm70 { margin: 70px auto !important; }

.pt05 {padding-top:05px !important;}
.pt07 {padding-top:07px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt17 {padding-top:17px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pb05 {padding-bottom:05px !important;}
.pb07 {padding-bottom:07px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb17 {padding-bottom:17px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.pl10 {padding-left:10px !important;}

/*테이블 가로사이즈*/
.col1 {width:1%;}.col2 {width:2%;}.col3 {width:3%;}.col4 {width:4%;}.col5 {width:5%;}.col6 {width:6%;}.col7 {width:7%;}.col8 {width:8%;}.col9 {width:9%;}
.col10 {width:10%;}.col11 {width:11%;}.col12 {width:12%;}.col13 {width:13%;}.col14 {width:14%;}.col15 {width:15%;}.col16 {width:16%;}.col17 {width:17%;}.col18 {width:18%;}.col19 {width:19%;}
.col20 {width:20%;}.col21 {width:21%;}.col22 {width:22%;}.col23 {width:23%;}.col24 {width:24%;}.col25 {width:25%;}.col26 {width:26%;}.col27 {width:27%;}.col28 {width:28%;}.col29 {width:29%;}
.col30 {width:30%;}.col31 {width:31%;}.col32 {width:32%;}.col33 {width:33%;}.col34 {width:34%;}.col35 {width:35%;}.col36 {width:36%;}.col37 {width:37%;}.col38 {width:38%;}.col39 {width:39%;}
.col40 {width:40%;}.col41 {width:41%;}.col42 {width:42%;}.col43 {width:43%;}.col44 {width:44%;}.col45 {width:45%;}.col46 {width:46%;}.col47 {width:47%;}.col48 {width:48%;}.col49 {width:49%;}
.col50 {width:50%;}.col51 {width:51%;}.col52 {width:52%;}.col53 {width:53%;}.col54 {width:54%;}.col55 {width:55%;}.col56 {width:56%;}.col57 {width:57%;}.col58 {width:58%;}.col59 {width:59%;}
.col60 {width:60%;}.col61 {width:61%;}.col62 {width:62%;}.col63 {width:63%;}.col64 {width:64%;}.col65 {width:65%;}.col66 {width:66%;}.col67 {width:67%;}.col68 {width:68%;}.col69 {width:69%;}
.col70 {width:70%;}.col71 {width:71%;}.col72 {width:72%;}.col73 {width:73%;}.col74 {width:74%;}.col75 {width:75%;}.col76 {width:76%;}.col77 {width:77%;}.col78 {width:78%;}.col79 {width:79%;}
.col80 {width:80%;}.col81 {width:81%;}.col82 {width:82%;}.col83 {width:83%;}.col84 {width:84%;}.col85 {width:85%;}.col86 {width:86%;}.col87 {width:87%;}.col88 {width:88%;}.col89 {width:89%;}
.col90 {width:90%;}.col91 {width:91%;}.col92 {width:92%;}.col93 {width:93%;}.col94 {width:94%;}.col85 {width:95%;}.col96 {width:96%;}.col97 {width:97%;}.col98 {width:98%;}.col99 {width:99%;}
.col100 {width:100%;}

/*테이블가로사이즈 px*/
.cox13 {width:13px;}.cox35 {width:35px;}

/*자간*/
.ls_01  {letter-spacing:-1px !important;}
.lss_01  {letter-spacing:1.7px !important;}
.lss_02  {letter-spacing:2.5px !important;}

/*양쪽정렬 버튼*/
.btn_both{overflow:hidden;clear:both;width:100%; padding-top:10px; padding-bottom:5px;}
.btn_both .fl{float:left; text-align:left;}
.btn_both .fr{float:right}

/*버튼 위치*/
.button_center {width:100%; text-align:center;}
.button_left {float:left; width:705px;}
.button_left ul {float:left; list-style:none; padding:0; margin:0; text-align:center;}
.button_left li {float:left; list-style:none; text-align:center;}
.button_left li.btn_left {float:left; width:375px; text-align:left;} 
.button_left li.btn_right {float:right; width:375px; text-align:right;} 
.button_right {float:left; width:705px; height:35px; padding:0 10px 0 0px; text-align:right;}

/*버튼 기본*/
.btn_st {
	display: inline-block;
	margin: 2px 2px;
	border-radius:3px;
	box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	font-family:'Nanum Gothic','맑은 고딕','굴림', '돋음',Tahoma, Sans-serif;
}
/*버튼-white*/
.btn_st.white{
	color: #333;
	height:23px;
	padding:2px 13px 2px 13px;
	border: 1px solid #adadad;
	border-bottom-color: #9a9a9a;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #eeeeee 100%); 
}
.btn_st.white:hover {/* 마우스오버 */
	color:#F30;
	background: #f4f4f4;
}
/*버튼-bule*/
.btn_st.bule{
	color: #333;
	height:23px;
	padding:2px 13px 2px 13px;
	border: 1px solid #588def;
	border-bottom-color: #588def;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #eeeeee 100%); 
}
.btn_st.bule:hover {
	color:#fff;
	background: #588def;
}
/*버튼-bule_ms*/
.btn_st.bule_ms{
	color: #fff;
	height:23px;
	padding:2px 13px 2px 13px;
	border: 1px solid #467fc5;
	border-bottom-color: #4a85cf;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #5396e8;
	background: linear-gradient(to bottom, #5396e8 40%, #4a85cf 100%); 
}
.btn_st.bule_ms:hover {
	color:#fff;
	background: #4a85cf;
}
/*버튼-bule_ss*/
.btn_st.bule_ss{
	color: #fff;
	height:15px;
	font-size: 11px;
	padding:3px 13px 2px 13px;
	letter-spacing:1px;
	border: 1px solid #777777;
	border-bottom-color: #777777;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #9c9c9c;
	background: linear-gradient(to bottom, #9c9c9c 40%, #777777 100%); 
}
.btn_st.bule_ss:hover {
	color:#fff;
	background: #afafaf;
}
/*버튼-ora*/
.btn_st.ora{
	color: #fff;
	height:17px;
	padding:2px 13px 2px 13px;
	border: 1px solid #ff5d25;
	border-bottom-color: #ff5d25;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #ff8727;
	background: linear-gradient(to bottom, #ff8727 40%, #ff8727 100%); 
}
.btn_st.ora:hover {
	color:#fff; font-weight:bold;
	background: #ff8727;
}
/*버튼-bule_s*/
.btn_st.bule_s{
	color: #333;
	height:15px;
	font-size: 12px;
	padding:3px 13px 2px 13px;
	border: 1px solid #8fb0cf;
	line-height:100%;
	border-bottom-color: #8fb0cf;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #eff4f8 100%); 
}
.btn_st.bule_s:hover {
	color:#F30;
	font-size: 12px;
	background: #eff4f8;
}
/*버튼-gray_s*/
.btn_st.gray_s{
	color: #333;
	height:15px;
	font-size: 12px;
	padding:0px 10px 7px 10px;	
	border: 1px solid #b4b3b3;
	border-bottom-color: #9a9a9a;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #fff;
	background: linear-gradient(to bottom, #f9f9f9 40%, #e3e3e3 100%); 
}
.btn_st.gray_s:hover {
	color:#F30;
	font-size: 12px;	
	background: #f4f4f4;
}
/*버튼-exl*/
.btn_st.exl{
	color: #333;
	height:23px;
	padding:3px 13px 2px 10px;
	border: 1px solid #adadad;
	border-bottom-color: #9a9a9a;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #eeeeee 100%);
}
.btn_st.exl:hover {/* 마우스오버 */
	color:#F30;
	background: #f4f4f4;
}
.btn_st.exl img {padding:0; text-align:left; vertical-align:middle;}
 
.btn_st.m_ora{color:#333;height:23px;padding:2px 13px 2px 13px;border: 2px solid #eb7302;border-bottom-color: #eb7302;border-radius:15px;
			  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);background: #fff;background: linear-gradient(to bottom, #ffffff 40%, #eeeeee 100%);}
.btn_st.m_ora:hover {color:#fff; background: #eb7302;}

.btn_st.m_gre{color:#333;height:23px;padding:2px 13px 2px 13px;border: 2px solid #35b013;border-bottom-color: #35b013;border-radius:15px;
			  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);background: #fff;background: linear-gradient(to bottom, #ffffff 40%, #eeeeee 100%);}
.btn_st.m_gre:hover {color:#fff; background: #35b013;}

.btn_st.m_bul{color:#333;height:23px;padding:2px 13px 2px 13px;border: 2px solid #5f88f0;border-bottom-color: #5f88f0;border-radius:15px;
			  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);background: #fff;background: linear-gradient(to bottom, #ffffff 40%, #eeeeee 100%);}
.btn_st.m_bul:hover {color:#fff; background: #5f88f0;}

/*채용안내 입사지원 버튼 디자인스타일*/
.btn_st.rec{
	color: #333;
	width:175px;
	height:63px;
	padding:7px 13px 2px 90px;
	background: #fff;
	background: url(../_img/button/btn_rec.png) 0 0 no-repeat;
	font-size:1.05em;
	text-align:left;
	line-height:170%;
}
.btn_st.rec:hover {/* 마우스오버 */
	background: url(../_img/button/btn_rec_on.png) 0 0 no-repeat;
	font-weight:bold;
}
.btn_st.rec span {/* 마우스오버 */
	color:#F30;
}

/*로그인박스센터정렬*/
.login_box{width:100%; margin:0 auto; text-align:center;}

/* 서브-left banner  */
.left_customer{float:left; width:180px; background:url(/_img/common/leftcontact.png) right 5px no-repeat; border-radius:3px; border: 1px solid #e0e0e0;
	border-bottom-color: #e0e0e0; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04); padding: 10px;}
.left_customer h4 {font-size:18px; font-weight:bold; text-align:left; margin:0; padding:15px 0 7px 0px; color:#333;}
.left_customer ul {float:left; width:180px; list-style:none; padding:0px 0px 5px 0px; margin:0; text-align:center;}
.left_customer li { list-style:none; text-align:left;}
.left_customer li.cus_tit {font-size:22px; font-weight:bold; color:#ff580f; text-shadow: 2px 2px 2px #fff; line-height:35px; font-family:'Verdana','Arial'; letter-spacing:-1px;}
.left_customer li.cus_txt {font-size:15px; font-weight:bold; color:#1b9f91; line-height:130%; padding-bottom:5px; font-family:'Arial','Verdana';}
.left_customer li.cus_txt2 {text-align:left; font-size:12px; color:#555;  line-height:130%; padding-bottom:5px; padding-left:0px; padding-top:0px;  letter-spacing:0.5px;}
.left_customer li.cus_txt4{float:left; width:150px; border-radius:0.3em; background-color:#ffeaa3; border:#fce38e solid 1px; padding:4px; font-size:12px; height:15px; }
.left_customer li.dtline { border-bottom:#CCC dashed 1px;}

/* 개인정보동의 */
.agr_content2{ float:left; width:730px; padding:10px 12px 10px 10px; margin:0 auto; text-align:left; background-color:#eeeeee; border:1px solid #e7e7e7; border-top:2px solid #565656;}
.pv_agree {position:relative; overflow:hidden; }
.pv_agree ul {margin:0; padding:0; list-style:none;}
.pv_agree li {margin:0; padding:0; list-style:none; font-family:'맑은 고딕','Nanum Gothic','굴림', '돋음';}
.pv_agree p.pv_tit {margin-bottom:6px; font-size:14px; color:#454545; font-weight:bold; padding-left:0px; }
 .pv_agree h4 {height:25px; margin:0 0 0 0; padding:0 0 0 20px;  font-size:1.15em; font-weight:bold; color:#444; background:url(/_img/common/tit_icon3.gif) no-repeat left 1px;}
 .pv_agree h4 span {color:#3972D8;}
 .pv_agree .textbox { position:relative; height:150px; margin:0; padding:5px 20px 20px; font-size:14px; overflow-y:scroll; border:10px solid #f2f2f2; border-right:none; line-height:170%; background:#FFF; font-family:'맑은 고딕','Nanum Gothic','굴림', '돋음';}
 .pv_agree .textbox h5 { margin-bottom:6px; font-size:14px; color:#454545; font-weight:bold; }
 .pv_agree .textbox1 { position:relative; height:60px; margin:0; padding:10px 20px 10px 20px; font-size:14px; overflow-y:scroll; border:10px solid #f2f2f2; border-right:none; line-height:150%; background:#FFF;}
 .pv_agree .textbox1 h5 { margin-bottom:6px; font-size:14px; color:#454545; font-weight:bold; }
 .pv_agree .check {position:relative; margin:5px 10px 10px 0; text-align:left; color:#333;  font:bold 14px "Nanum Gothic","NanumGothic","맑은 고딕", "굴림"; }
 .pv_agree .check input[type=radio] { padding:0; vertical-align:top; }
 .pv_agree .check label { margin:0 10px 0 5px; }
 .pv_agree .check_r {position:relative; margin:10px 10px 0 0; text-align:right;  color:#333;  font:bold 14px "Nanum Gothic","NanumGothic","맑은 고딕", "굴림"; }
 .pv_agree .check_r input[type=radio] { padding:0; vertical-align:top; }
 .pv_agree .check_r label { margin:0 10px 0 5px; }
 
 .filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
  
}

.filebox label {
color: #fff;
	height:15px;
	font-size: 11px;
	padding:3px 13px 2px 13px;
	letter-spacing:1px;
	border: 1px solid #777777;
	border-bottom-color: #777777;
	border-radius: .25em;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #9c9c9c;   
}

/* named upload */
.filebox .upload-name {
  display: inline-block;
  padding:3px 13px 2px 13px;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  border: 1px solid #c2c2c2;  
  border-radius: .25em;  
  width:70%;
  background: #ffffff;  
}

/*#header .inner{ position:relative; width:980px; margin:0 auto;}
#header .head-top{ height:30px; background-color:#000;}
#header .head-top .sns-bt li{ position:relative; float:left; width:26px;}
#header .head-top .sns-bt li:first-child:after{ content:""; position:absolute; top:50%; right:0; height:7px; width:1px; background:#7b7b7b; display:block; margin-top:-3px;}
#header .head-top .sns-bt li a{ display:block; height:30px; text-indent:-9999px; }
#header .head-top .sns-bt li.sns-blog a{ background:url(../images/sns_blog.png) 0 50% no-repeat;}
#header .head-top .sns-bt li.sns-fb a{ background:url(../images/sns_facebook.png) 100% 50% no-repeat;}
#header .head-top .slogan{ color:#999; font-size:12px; float:right; line-height:30px; display:inline-block;}
#header .head-top .slogan a{ color:#999; font-weight:bold;}
#header h1.logo{ position:absolute; top:24px; left:0; width:156px; z-index:5;}
#header h1.logo a{ height:24px; background:url(../images/logo.png) 50% 50% no-repeat; text-indent:-9999px; display:block;}
*/
#gnb-wrap{ position:relative; padding:10px 0 0 0px;}
/*#gnb-wrap .bt-menu{ position:absolute; top:50%; right:0; margin-top:-19px; width:38px; height:38px; border:#e3e3e3 1px solid; background:#fff url(../images/bt_menu.png) 50% 50% no-repeat; text-indent:-9999px; cursor:pointer;}
#gnb-wrap .bt-menu.open{ background:#2475d0 url(../images/bt_close.png) 50% 50% no-repeat;  }
*/#gnb:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
#gnb>li{ position:relative; float:left; padding:0 35px;}
#gnb>li>a{ position:relative; display:block; line-height:70px; font-size:15px; color:#222; font-weight:700;}
#gnb>li>a:hover,
#gnb>li:hover>a{ color:#2475d0;}
#gnb>li>a:hover:after,
#gnb>li:hover>a:after{ content:""; position:absolute; bottom:9px; left:0; height:4px; width:100%; display:block; background-color:#2475d0;}
#gnb>li>.subdepth{ display:none; position:absolute; top:70px; left:0; width:160px; border:#ccc 1px solid; border-top:none; background-color:#000;}
#gnb>li>.subdepth>li>a{ font-size:14px; line-height:34px; padding:0 20px; display:block;}
#gnb>li>.subdepth>li>a:hover{ background-color:#000; color:#fff;}
.all-menu{ display:none; position:absolute; top:70px; left:0; width:100%; background:#fff; border:#ccc 1px solid; border-top:none; padding:35px 0 25px;}
.all-menu>ul:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.all-menu>ul>li{ float:left; width:155px; margin:0 20px;}
.all-menu>ul>li>a{ line-height:38px; font-size:16px; color:#222; display:block; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; font-weight:bold; padding-left:5px;}
.all-menu>ul>li>ul{ padding:5px 0 0 0; height:150px;}
.all-menu>ul>li:last-child>ul{ height:auto;}
.all-menu>ul>li>ul>li>a{ font-size:13px; color:#222; display:block; line-height:24px; padding-left:5px;}

/*===============================================================================================================*/
/* 도구 */
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.justify { text-align: justify; }

.bold { font-weight: bold; }
.clear { clear: both; }
.pointer { cursor: pointer; }

.view { display: inherit; text-align: center; margin: 0 auto;}
.hide { display: none;}

.img_ctrl_c { float:inherit; height:auto; width:auto; text-align: center; margin: 30px auto;} 
.img_ctrl_l { float:left; height:auto; width:auto; text-align: left; margin: 0px auto;} 
.img_ctrl_r { float:right; height:auto; width:auto; text-align: right; margin: 0px auto; }

.col_gray { color: #eeeeee; }
.col_nvy { color: #084385; }
.col_blue { color: #3c7dc5; }
.col_lblue { color: #d0e6ff; }
.col_lpink { color: #f9d4de; } 

.line { border-bottom: 1px solid #ccc; margin: 30px auto;}
.line_dot {  border-bottom: 1px dotted #aaa; margin: 30px auto;}

.atag { text-decoration:none; color: #005baa; }
.atag:HOVER { text-decoration: underline; color: #84aedd; }

.st { font-weight: normal; font-size: 14px; line-height: 100%; }

.topbg1 { float:left; width: 100%; height: 100px; text-align: center; background: url("/_img/sub/topBg01.gif") bottom center no-repeat; margin-bottom: 80px; }
.topbg1-2 { float:left; width: 100%; height: 100px; text-align: center; background: url("/_img/sub/topBg01.gif") bottom center no-repeat; margin-bottom: 30px; }
.topbg2 { float:left; width: 100%; height: 100px; text-align: center; background: url("/_img/sub/topBg02.gif") bottom center no-repeat; margin-bottom: 80px; }
.topbg3 { float:left; width: 100%; height: 100px; text-align: center; background: url("/_img/sub/topBg03.gif") bottom center no-repeat; margin-bottom: 80px; }
.topbg4 { float:left; width: 100%; height: 100px; text-align: center; background: url("/_img/sub/topBg04.gif") bottom center no-repeat; margin-bottom: 80px; }
.imgbg { float:left; width: 100%; text-align: center; padding: 0px; }

.bgbox1 { float:left; width:95%; margin:0px; border: 4px solid #d0e6ff; padding: 15px; line-height: 150%; }
.bgbox1-1 { float:left; width:95%; margin:0px; border: 4px solid #d0e6ff; padding: 15px 0px; line-height: 150%; }
.bgbox2 { float:left; width:95%; margin:0px; border: 4px solid #f9d4de; padding: 15px; line-height: 150%; }

/* 컨텐츠 공통 */
.conpart { margin: 0; float:left; width:100%; color: #333333; font-family: "맑은 고딕"; line-height: 170%; text-align: left; word-break: keep-all; font-size: 0.95rem; }
.title_l { margin:0 0 10px 0; clear:both; font-size: 1.3rem; font-weight: bold; font-family: "맑은 고딕"; line-height:130%; /*width: 300px;*/ }
.title_2 { margin:0 0 10px 0; clear:both; font-size: 0.95rem; font-weight: bold; font-family: "맑은 고딕"; line-height:130%; /*width: 300px;*/ }
.text { color: #333333; line-height: 170%; text-align: justify; word-break: break-all; font-size: 0.9rem; }
.conul { float:left; padding: 0px; margin-left: 25px; }
.conul>li { list-style-type:none; list-style-position:outside; line-height: 170%; text-align: left; font-size: 15px; margin-bottom: 15px; }
.conul>li:last-child { margin-bottom: 0px; }
.conul>.lit { list-style-type:square; list-style-position:outside; line-height: 150%; text-align: left; font-size: 16px; color: #005baa; font-weight:bold; margin-bottom: 0px; }

/* 공통 테이블 */
.table_basic { border-collapse:collapse;  width:100%; font-size:15px; margin: 0px auto; }
.table_basic .botop {  border-top: 1px solid #005baa; }
.table_basic th { padding:1.5% 2%; vertical-align:middle; color:#2461a4; font-size:15px; font-weight:bold; line-height: 120%; text-align:center; background:#eaf4ff; border-top: 1px solid #eee;border-bottom: 1px solid #eee; }
.table_basic td { padding:1.5% 2%; vertical-align:middle; line-height: 160%; background:#fff; border-top: 1px solid #eee;border-bottom: 1px solid #eee; }
.table_basic .center { padding:1.5% 2%; vertical-align:middle; line-height: 160%; background:#fff; border-top: 1px solid #eee;border-bottom: 1px solid #eee; text-align:center; }

/* 공통 버튼 */
.btn_box { width: 100%; text-align: center; }
.btn_style { margin:0px auto; text-align: center; color: #fff; font-size: 15px; box-shadow: 2px 2px 2px #ccc; padding: 8px 25px; border-radius: 5px; }
.btn_style:HOVER { box-shadow: 2px 2px 2px #aaa; }
.blu_btn { background-color:#3c7dc5; border: 1px solid #2c70ba; }
/*===============================================================================================================*/