@charset "utf-8";
/* CSS Document */

/* 본문 */
#subCn {clear:both;}

.page_tit {margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #dadada; width:100%;}
.page_tit h3 {color:#666666; font-size:36px;}
.page_tit h3:first-letter {color:#ea0e42;}

.content {clear:both; float:left; width:100%; font-size:13px; min-height:500px;}
.content p {padding-bottom:16px;}
.content h4 {clear:both; margin-bottom:10px; padding:4px 0 4px 24px; color:#222; font-size:16px; font-weight:600; background:url(../images/sub/h4_ico.png) 0 6px no-repeat;}
.content h5 {clear:both; margin-bottom:8px; padding:4px 0 4px 0; color:#1c5ef2; font-size:14px; font-weight:600;}
.content h6 {clear:both; padding:4px 0 4px 0; font-size:13px;}

.cp {margin-top:20px; padding:23px 0; border-top:1px solid #ccc; border-bottom:1px solid #dadada; background:url(../images/company/summ_bg.jpg) 100% 100% no-repeat;}
.cp li span {display:inline-block; width:20%;}

@media all and (min-width: 1025px) {
.container.sub {margin:0 auto 0 auto; width:1000px;}

#subCn {padding:80px 0; width:100%;}
#subLeft {clear:both; float:left; padding:80px 0; width:25%;}
#subRight {float:left; padding:80px 0 50px 0; width:75%;}

.lnb h2 {padding:0 10px; width:190px; height:40px; color:#ea0e42; font-size:31px; font-weight:600; background:url(../images/sub/snb_title.gif) 0 0 no-repeat;}
.lnb h2 sub {display:block; position:relative; top:-50px; padding-top:6px; color:#989898; font-size:16px; font-family:'arial';}
.lnb {float:left; padding-bottom:40px; width:190px; background:url(../images/sub/snb_bg.gif) 0 100% no-repeat;}
.lnb li {float:left; display:block; width:190px; font-size:13px; background:url(../images/sub/lnb_menu_part.gif) 0 100% repeat-x;}
.lnb li a {display:block; padding:8px 10px 9px 10px; color:#585858;}
.lnb li a:hover {color:#a2a2a2;}
.lnb li a.selected {color:#fff; background:#ea0e42;}
}

@media all and (max-width: 1024px) {
.container.sub {margin:0 auto 30px auto;  width:100%;}

#subCn {padding:30px 2%; width:96%;}
#subLeft {display:none;}
#subRight {float:none; padding:30px 0%; width:99%;}
}

.content ul.w_part {float:left; margin-bottom:30px;}
.content ul.w_part li {float:left; padding-right:5px; font-size:15px;border:5px solid #dadada;margin-right:8px; margin-bottom:5px;}
.content ul.w_part li a {display:block; padding:7px 36px; }
.content ul.w_part li.active {background:#999900;}
.content ul.w_part li.active a{color:#fff;}

@media all and (max-width: 768px) {
.content ul.w_part li {	 border:3px solid #dadada;}
.content ul.w_part li a {display:block; padding:7px 20px;}
}

/* 기타 세부 페이지 */
.agreebox{
 overflow-y:scroll;border:1px solid #ddd;padding:5px;width:100%;
}

.tbY {margin-bottom:20px; border-top:2px solid #777; border-left:1px solid #e0e0e0;}
.tbY caption {line-height:0;}
.tbY th, .tbY td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbY th {color:#265268; padding:6px 3px 3px 13px; background:#f7f7f7;font-weight:bold;}
.tbY td {padding:6px 3px 3px 13px;text-align:left;}
.tbY .spc {color:#565656; background:#f2f2f2;}
.tbY .algL {text-align:left;}

.tbX {margin-bottom:20px; border-top:2px solid #777; border-left:1px solid #e0e0e0;}
.tbX caption {line-height:0;}
.tbX th, .tbX td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbX th {text-align:center;color:#265268; padding:4px 3px 3px 3px; background:url(../images/sub/th_bg.gif) 0 100% repeat-x; }
.tbX td {text-align:center;padding:4px 2px 3px 2px;}
.tbX .spc {color:#565656; background:#f2f2f2;}
.tbX .algL {text-align:left;}

.tbN {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.tbN caption {line-height:0;}
.tbN th, .tbN td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbN th {color:#265268; padding:4px 3px 3px 3px; background:url(../images/sub/th_bg.gif) 0 100% repeat-x; }
.tbN td {padding:4px 2px 3px 2px;}


.tbXN {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.tbXN caption {line-height:0;}
.tbXN th, .tbXN td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbXN th {color:#265268; padding:4px 3px 3px 3px; background:url(../images/sub/th_bg.gif) 0 100% repeat-x; }
.tbXN td {padding:4px 2px 3px 2px;}
.tbXN .ctr {text-align:center;}


.tbYN {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.tbYN caption {line-height:0;}
.tbYN th, .tbYN td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbYN th {color:#265268; padding:4px 3px 3px 3px; }
.tbYN td {padding:4px 2px 3px 2px;}
.tbYN .ctr {text-align:center;}


.agreetext {width:100%;height:150px;margin:10px 0 10px 0; border:1px solid #cdcdcd; padding:0px; overflow-y:scroll;}

.inputbox {
	font-size: 12px;background-color: #FFFFFF;height:17px;border: 1px solid #999999;text-valign:middle;
	padding:2px 0 0 2px;
	margin:2px 2px;
	ime-mode:active; 
}
.textbox {
	border: 1px solid #999999;font-size:9pt;color:black;background-color:white;line-height:150%;
	padding:2px 0 0 2px;
	margin:2px 2px;
}
.inputselect {
	height:22px; border: 1px solid #999999;font-size:9pt;color:black;background-color:white;
	margin:2px 2px;
}

.linkimg{
	margin:4px 0 ;	
}

.buttonbox{
	font-size: 12px;background-color:#BED3D2;border: 1px solid #999999;text-valign:middle;color:#333;
	padding:4px 4px 3px 4px;
	margin:2px 2px;
}

.subtit {clear:both; margin-bottom:12px; padding:4px 0 4px 28px; color:#b82834; font:bold 1.2em/1.3 'dotum'; background:url(../images/sub/h4_ico.gif) 0 8px no-repeat;}

/* 테이블 */
.tbL {margin-bottom:20px; border-top:1px solid #3e6c68; border-left:1px solid #dadada; font-size:12px;}
.tbL caption {line-height:0;}
.tbL th, .tbL td {margin:0; padding:7px 9px; border-right:1px solid #dadada; border-bottom:1px solid #dadada; text-align:center; line-height:150%;}
.tbL thead th {color:#fff; background:#6ca4a0;}
.tbL tbody th {color:#323232; background-color:#f2faf8;}
.tbL td {color:#666;}
.tbL .spc {color:#323232; font-weight:600; background:#f2faf8;}
.tbL .algL {text-align:left;}


/* 제작절차 및 준비사항 */
ul.process {overflow:hidden; margin-bottom:50px; padding:0;}
ul.process li {float:left; margin-bottom:10px; padding-right:30px; text-align:center; font-size:15px; width:120px; height:120px; background:url(../images/sub/step_gr.png) 124px 50% no-repeat;}
ul.process li span {display:block; padding-top:51px; width:120px; height:69px; line-height:120%; background:url(../images/sub/step.png) 0 0 no-repeat;}
ul.process li.end {color:#fff; font-weight:600; background:url('../images/sub/step_02.png') no-repeat;}
ul.process li.end span {display:block; padding-top:51px; width:120px; height:69px; line-height:120%; background:url(../images/sub/step_e.png) 0 0 no-repeat;}

.ready {float:left; padding:3%; width:100%; background:#f8f8f8;}
.ready ul {}
.ready ul li {margin-bottom:25px;}
.ready ul img {float:left; background:url(../images/sub/num_bg.png) 0 0 no-repeat;} 
.ready dl {margin-left:60px;}
.ready dt {margin-bottom:15px; font-size:16px; color:#48628a; font-weight:bold;}
.ready dd {font-size:13px; line-height:20px;}

.app_bt {clear:both; float:right; padding-top:30px; text-align:center; width:70%;}
.app_bt a {width:50%; padding:10px 0; width:49%; text-align:center; color:#fff; font-size:14px; background:#ea0e42;}
.app_bt a.bt01 {float:left;}
.app_bt a.bt02 {float:right;}

/* 리스트 */
ul.uls {margin-bottom:20px;}
ul.uls li {padding:3px 0 3px 12px; background:url(../images/sub/list_bu.png) 0 11px no-repeat; line-height:130%;}
ol.ols {margin-bottom:20px; margin-left:16px; padding-left:16px; list-style:outside;}
ol.ols li {list-style-type:decimal;}
ol.ols li ol li {list-style-type:disc;}

/* 연혁 */
.content .history {overflow:hidden; margin-bottom:10px; width:100%;}
.content .history:after {content:""; clear:both; display:block;}
.content .history h5 {float:left; display:inline; padding:20px 0; width:10%; border-top:1px dotted #ccc; color:#3e6c68; font-size:2em; font-family:'Trebuchet MS','arial'; background:none; background:url(../images/sb1/history_part.gif) 0 0 no-repeat;}
.content .history ul {float:left; display:block; padding:20px 0; padding-left:10%; border-top:1px dotted #ccc; width:80%; min-height:46px; list-style:none;}
.content .history ul li {list-style-type:none;}
.content .history ul li span {float:left; display:block; margin-left:-10%; width:10%; font-weight:600;}
*html .content .history ul li span {margin-left:-5%;} /*IE 5와 IE 6를 위한 규칙 */

.inbox {padding:19px; border:1px solid #dadada; background:#f8f8f8;}