@charset "utf-8";
/* SIR 지운아빠 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('sub.css');



/* 초기화 */
* {transition:0.3s}
html,
body {width:100%;height:100%;}
body {overflow-x:hidden; font-family:"Nanum Gothic", "Malgun Gothic", sans-serif  !important;}
p{font-size:14px;line-height:1.75}
p.large{font-size:16px}
ol,ul,dl{margin:0;padding:0;list-style-type:none;}
a{text-decoration:none!important;}
a:focus{outline:0;}
a,a:hover,a:focus,a:active,a.active{outline:0}
h1,h2,h3,h4,h5,h6{font-family: "Malgun Gothic",sans-serif !important; text-transform:uppercase;}
.no-padding{padding:0;}
.text-muted{color:#777}
.text-primary{color:#fed136}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto; width:100%;; height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {z-index:4;position:relative; width:100%; background:#fff}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:26px 0;width:970px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/*공통*/

#container:after{display:block;content:"";clear:both}
/*section{position:relative}*/

#attestation {padding-top:110px;padding-bottom:110px}

section .fa.down0{margin-top:10px; font-size:24px; color:#333}
section .fa.down1{margin-top:10px; font-size:24px; color:#fff}

.content p{font-size:18px;line-height:30px;color: #222;}
.content p.itd_title{font-size:19px;margin-bottom:30px;}
.content a {text-decoration:none;padding:8px;margin-top: 10px;}
.content a:hover{text-decoration:none;}

#top_btn{position:fixed;top:70%;right:20px;display:block;width:50px;height:50px;border-radius:5px;background-color:#fff !important;border:1px solid #d7d7d7;text-indent:-9999px;background:url("../img/top_btn.gif") center center no-repeat; overflow:hidden;opacity:0.8;z-index: 999;}


/* 화면 낭독 */

#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/* Header */

#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 서브 레이아웃 */

.sub-header {height:100px;background-color:#666}

#sub-wrapper {position:relative;z-index:1;background:#fff}
@media all and (max-width:1024px){
	#sub-wrapper {position:relative; width:100%; z-index:99; top:73px;}
}
@media (max-width:768px){
.sub-header {height:150px;background-color:#666}
}


#sub_btn {background:#f8f8f8;}
/* 상단 레이아웃 */

/* 우측 레이아웃 */

/* 중간 레이아웃 */

#wrapper {z-index:5;margin:0 auto;width:100%;border-right:0px solid #dde4e9;border-left:0px solid #dde4e9;zoom:1;}
@media (max-width:768px){
#wrapper {padding-top:0px;}
}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#enterprise {padding-top:58px;padding-bottom:68px}
#attestation, #business {padding-top:110px;padding-bottom:60px}

#location i {color:#23AFFF;font-size:21px}




/* 메인 회사용 메뉴 */

@media (max-width:768px){
div.main-menu {display:block;bottom:5%;right:5%;position:fixed;z-index:101;width:50px;height:50px;background:#333;cursor:pointer;border-radius:50%}
div.main-menu i {font-size:24pt;color:#fff;line-height:57px;text-align:center;display:inline-block}
ul.nav-pills {bottom:-100%;right:5%;position:fixed;z-index:100}
#myScrollspy .navbar-nav>li {float:none}
ul.nav-pills li {margin:15px 0}
ul.nav-pills li a {background-color:#fff;border:1px solid #333;color:#333;padding:5px 10px}
ul.nav-pills li a.active {background-color:#333;border:1px solid #fff;color:#fff;padding:5px 10px}
}
@media (min-width:768px){
div.main-menu {display:none}
ul.nav-pills {bottom:10%;right:10%;position:fixed;z-index:100}
#myScrollspy .navbar-nav>li {float:none}
ul.nav-pills li {margin:15px 0}
ul.nav-pills li a {background-color:#fff;border:1px solid #333;color:#333;padding:5px 10px}
ul.nav-pills li a.active {background-color:#333;border:1px solid #fff;color:#fff;padding:5px 10px}
}

header{background-image:url(../img/header-bg.jpg);background-repeat:none;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;text-align:left; /*color:#fff*/}
header .intro-text .intro-heading{text-transform:uppercase;font-weight:700;font-size:50px;line-height:50px;margin-bottom:25px}

@media (min-width:768px){
	header .intro-text{padding-top:300px;padding-bottom:200px}
	header .intro-text .intro-lead-in{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:40px;line-height:40px;margin-bottom:25px}
	header .intro-text .intro-heading{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;font-size:75px;line-height:75px;margin-bottom:50px}
}

/*section{padding:43px 0}*/
section h2.section-heading{font-size:50px;margin-top:0;margin-bottom:50px; font-weight:bold; color:#3f3f3f;}
section h2.section-heading span {padding-bottom:9px; border-bottom:3px solid #3f3f3f;}
section h3.section-subheading{font-size:16px;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:none;font-style:italic;font-weight:400;margin-bottom:75px}



.service-heading{margin:15px 0;text-transform:none;}

#head_menu {height:120px;}

@media (max-width:768px){
	#head_menu {height:68px;}
}



/* visial */
.business-header {
    height: 626px;
    background: url('/theme/companyBts/img/bg.jpg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	position:relative;
	z-index:9;
}

.main-margin {height:250px !important;}
.tagline {font-size:54px; font-weight:bold; /*background: url('/theme/companyBts/img/main_text_bg.png') no-repeat;*/ padding:2%;background-size:cover; text-shadow:3px 3px 0px #000; line-height:60px;}
.tagline span{font-size:46px;}

@media all and (max-width:767px){
	.main-margin {height:180px !important;}
	.tagline {font-size:30px; line-height:120%;  text-shadow:2px 2px 0px #3f3f3f;  }
	.tagline span{font-size:24px;}

}

@media all and (min-width: 768px) and (max-width: 991px) {
	.main-margin {height:120px !important;}
}





.quick-header {
	background: url('/theme/companyBts/img/quick_bg.png');
	width:100%;
	position:absolute;
	z-index:99;
	bottom:0px;
}

#visual {width:100%; height:370px; position:relative;}



/*  포트폴리오 */
.bg-portfolio {background:url('/theme/companyBts/img/portfolio_bg.jpg') center no-repeat; color:#fff; background-size:cover;}
#portfolio {height:446px; text-align:center; }
#portfolio div .port_tit {margin-top:50px;}

.m_portfolio {text-align:center; padding:3% 0%; background:url('/theme/companyBts/img/portfolio_bg.jpg') center no-repeat; color:#fff; background-size:cover; }
.m_portfolio h2{margin-bottom:0px;}
.m_portfolio p{}
.m_portfolio ul li {/* border:1px solid red;  border-radius:10px ; */    padding: 1.5% 3%; background:#008309; }
.m_portfolio ul li:active {background:#f31a01; }

/* 컨텐츠 */
#content_wrap {}
.main_bottom {background:#fff !important; margin-bottom:10px;}

.mb_9 {margin-bottom:9px;}

/* 우수업체 및 banking */
.banner {padding:0px !important; width:22%; margin:0px 0px 6px 0px; height:289px; }
.banner01 {padding:0px !important; text-align:center; background:url('/theme/companyBts/img/daekyo_bg.gif') no-repeat; background-size:cover;}
.bank {background:url('/theme/companyBts/img/bank_bg.gif') repeat-x; background-size:cover; padding:20px 0px 18px 28px !important; color:#fff; }
.bank h4{margin:0px; font-weight:800; }
.bank h4.info{font-size:20px; font-weight:bold; }
.bank p.bank_img {margin:4px 0px 5px 0px;}
.bank p.bank_name {font-size:14px; margin:9px 0px 0px 0px;}

@media all and (max-width: 992px) {
	.banner {height:auto; margin:0px;}
	.banner01 {text-align:center; padding:0px;}
	.bank {text-align:center; padding:20px 0px 18px !important;}
}

/* 유지보수 latest */
.maintenance {height:289px; border:1px solid #dedede; margin:0px 9px 6px 9px; padding:0px !important;}

.ma_wrap {padding:24px 20px !important; margin:0px !important; height:289px;}
.ma_wrap h4 {margin:0px 0px 23px 0px; display:inline-block;}
.ma_wrap h4 span {margin-left:10px; font-size:13px; color:#a5a5a5; font-weight:bold;  letter-spacing:-0.5px;}
.ma_wrap p {display:inline-block; float:right; padding:0px !important; margin:0px !important; line-height:1;}

.latest_main {margin-top:15px;}

.m_maintenance {text-align:center; background:url('/theme/companyBts/img/m_maintenance_bg.jpg') center no-repeat; background-size:cover; color:#fff; padding:3% 0%;}
.m_maintenance h2 {margin-bottom:0px;}
.m_maintenance p {}
.m_maintenance ul li {background:url('/theme/companyBts/img/m_maintenance_box.png') no-repeat; background-size:contain; /* border-radius:10px ;  padding: 1% 5.5%;*/  
    line-height: 26px;
    width: 91px;
    height: 33px;  }

@media all and (max-width: 992px) {
	.maintenance {margin:0px; height:auto;}
	.ma_wrap {padding:0px;}
}
/* CS CENTER */
.cs_center {float:left; height:289px; border:1px solid #dedede; margin:0px 0px 6px 0px; padding:27px 0px 0px 25px;}
.cs_center p.cs_tit{margin:0px;}
.cs_center h1.cs_tel {font-weight:800; color:#098211; font-size:340%; letter-spacing:-0.07em; margin:0px; padding:6% 0% 4% 0%; border-bottom:2px dotted #dedede;}
.cs_center h3 {margin:19px 0px 0px 4px; color:#2b2b2b; font-weight:bold; letter-spacing:-0.07em; line-height:23px;}
.cs_center h3 span{font-size:26px; letter-spacing:0.03em;}
.cs_center div.cs_time {margin:18px 0px 0px 4px; display:inline-block;}
.cs_center div.cs_time div.cs_img{display:inline-block; float:left; margin-right:10px;}
.cs_center div.cs_time div.cs_text {line-height:16px; font-weight:bold; font-size:98%; float:left; letter-spacing:-0.03em;}
.cs_center div.cs_time div.cs_text span {color:#ff0000; line-height:20px;  }

@media all and (min-width: 768px) and (max-width: 992px) {
	.cs_center {min-height:293px !important;}
}

@media all and (max-width: 992px) {
	.cs_center {margin:0px; height:auto; text-align:center; padding:4% 0% 2% 0%;}
	.cs_center h1.cs_tel {padding:3% 0%;}
	.cs_center h3 {padding:0%;}
	.cs_center div.cs_time {padding:1% 0%;}
}

/*소프트에듀 */
.softedu {padding:0px !important; width:22%; background:url('/theme/companyBts/img/softedu_bg.jpg') no-repeat; background-size:cover; text-align:center;}
.softedu p {padding:9px 10px; margin:0px; }

@media all and (min-width: 768px) and (max-width: 992px) {
	.softedu {min-height:293px !important;}
}

@media all and (max-width: 992px) {
	.softedu {width:auto; }
	.softedu p {width:100%; text-align:center; padding:10% 0%;}
}

/*견적의뢰 */
.counsel {height:258px;margin:0px 9px; padding:0px !important;}

.co_wrap {padding:24px 20px !important; margin:0px !important;  border:1px solid #dedede; height:253px;}
.co_wrap h4 {margin:0px 0px 23px 0px; display:inline-block;}
.co_wrap h4 span {margin-left:10px; font-size:13px; color:#a5a5a5; font-weight:bold;  letter-spacing:-0.5px; }
.co_wrap p {display:inline-block; float:right; padding:0px !important; margin:0px !important; line-height:1;}

.m_counsel {border:1px solid red;}

@media all and (max-width: 992px) {
	.counsel {margin:0px; height:auto;}
}

.quick_wrap {width:100%; padding:0px !important; margin:0px; !important;}
.quick {padding:0px !important; margin:0px !important; }
.quick li {border:1px solid #dedede; margin:0px; width:50%; float:left; text-align:center; padding:8px 0px !important;}
.quick li a {display:block;}
.quick li div {margin-top:6px; color:#223757; font-size:15px; font-weight:bold; letter-spacing:-0.1em;}
.t_none {border-top:none !important;}
.b_none {border-bottom:none !important;}
.l_none {border-left:none !important;}
.r_none {border-right:none !important;}


@media all and (min-width: 768px) and (max-width: 992px) {
	.quick {width:100%; margin:0px; padding:0px;}
	.quick li {width:25%; height:auto;}
	.maintenance {padding:0px;}
}

.request {height:289px; border:1px solid #dedede; margin:0px 9px 6px 9px;}

.request {text-align:center; background:url('/theme/companyBts/img/request_bg.jpg') center no-repeat; background-size:cover; color:#fff; padding:3% 0%;}
.request h2 {margin-bottom:0px;}
.request p {}
.request ul li {background:url('/theme/companyBts/img/m_maintenance_box.png') no-repeat; background-size:contain; /* border-radius:10px ;  padding: 1% 5.5%;*/  
    line-height: 26px;
    width: 91px;
    height: 33px;  }




@media all and (max-width: 992px) {
	.request {margin:0px; height:auto;}
}



/* 사이트맵 */
#sitemap {background:#f8f8f8; padding-bottom:30px;}
#sitemap_tit {float:left; background:url('/theme/companyBts/img/sitemap_tit_bg.png') 15px no-repeat; min-height:105px; color:#fff; font-size:16px; padding:41px 0px 22px 30px; vertical-align:bottom; font-weight:bold;}
#bottom_site {margin:41px 0px 0px 40px;}
#bottom_site{font-weight:bold; font-size:14px; color:#444343;}
#bottom_site>li{display:inline-block; vertical-align:top; padding:0% 3.8%; border-right:1px solid #ddd; min-height:150px;}
#bottom_site>li:first-child {border-right:1px solid #ddd; border-left:1px solid #ddd; }
*+html #bottom_site>li{display:inline;}
#bottom_site .sub_site li{margin:0px !important ;   padding:3px 0 ;}
#bottom_site .sub_site li a{font-weight:normal;font-size:13px; text-transform:capitalize; padding: 5px 0 ; color:#000;}




/* 하단 레이아웃 */
footer {/*background:#fff;*/ clear:both;}



.ft_top ul {margin-top:11px; }
.ft_top ul li {background:url('/theme/companyBts/img/line.gif') 2px no-repeat; text-indent:10px; color:#fff;}
.ft_top ul li:first-child {background:none; text-indent:0px; padding-left:0px;}
.ft_top ul li:last-child {}
.ft_info {width:100%; text-align:left}
#ft {padding:0px;}

#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#ft p {margin:0; line-height:18px; font-size:13px !important;}

#copy_logo {margin:33px 0px 0px 0px; padding:0px; width:16% !important;}

#ft_company {color:#676767 !important; margin:26px 0px;}
#ft_company a {color:#fff !important;}
#ft_company div {padding:10px 0;}

@media all and (max-width: 1024px) {
	#ft_company {padding:15px 0px; margin:0px;} 
	#ft_company a {color:#fff !important;}
	#copy_logo {text-align:center; display:block; width:100% !important; margin:15px 0px 5px 0px !important;}
	#ft_company ul.ft_top {margin-top:20px; text-align:center; }
	#ft_company .ft_info {width:100%; text-align:center; word-break:break-all; }
	#ft_company .ft_info a{color:#666 !important;}
	#ft_company .ft_info b {color:#4f4f4f;}
}

#ft_copy {background:#414141; }
#ft_copy div {position:relative;margin:0 auto;padding:10px 0;width:1000px;color:#fff;}
#ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit}
#ft_copy #ft_totop {position:absolute;top:10px;right:0}


/*서브 공용*/
.sub_con {padding:72px 0px 94px 0px;}
.sub_con01 {padding:94px 0px;}
.sub_con_tit {margin-bottom:28px; line-height:38px; letter-spacing:-0.05em; font-weight:bold; color:#444;}
.white {color:#fff;}

/*유지보수 버튼 */
.ma_btn01 {background:#f31a01 !important; color:#fff !important; width:66px;}
.ma_btn02 {background:#0066ff !important; color:#fff !important; width:66px;}
.ma_btn03 {background:#717171 !important; color:#fff !important; width:66px;}

/*업체정보 버튼 */
.com_ma_btn01 {background:#f44336 !important; color:#fff !important; width:66px;}
.com_ma_btn02 {background:#717171 !important; color:#fff !important; width:66px;}
.com_ma_btn03 {background:#fff !important; color:#717171 !important; width:66px; border:1px solid #717171 !important; padding:6px !important;}
.com_ma_btn04 {background:#1966C7 !important; color:#fff !important; width:130px; border:1px solid #1966C7 !important; letter-spacing:-0.5px;}




	.sub_con {padding:2% 0% 2% 0%;}
	.sub_con1 {padding:3% 0% 2% 0%;}
	.sub_con_tit {line-height:140%; padding:0% 2%; font-size:180%; line-height:120%;}

	@media all and (max-width: 992px) {
	 .sub_con1 {padding:90px 0px 0px 0px;}

	 }


 /* 서브 내용 공용*/
.con_subject {letter-spacing:-0.08em; font-size:50px; font-weight:bold;}
.con_sub_tit {font-size:28px; letter-spacing:-0.078em;}
.con_sub_p {line-height:22px; font-size:16px; margin-top:6px; }
.check {text-align:left; background:#ffffff; padding:41px 54px; margin-top:24px; clear:both;}
.check li {margin:9px 64px; padding:7px 0px; background:url('/theme/companyBts/img/sub/check.png') left 3px no-repeat; padding-left:40px; font-size:16px;}

@media all and (max-width: 1024px) {
	.check {padding:20px 0px;}
	.check li {margin:9px;}
}

@media all and (max-width: 992px) {
	.con_subject {font-size:300%;}
	.con_sub_tit {font-size:170%; letter-spacing:-0.078em;}
}


/* 사업수행실적 */
.business-link{display:block;position:relative;max-width:400px;margin:0 auto}
.business-link .business-hover{background:rgba(254,209,54,.9);position:absolute;width:100%;height:100%;opacity:0;transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}
.business-link .business-hover:hover{opacity:1}
.business-link .business-hover .business-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:#fff}
.business-link .business-hover .business-hover-content i{margin-top:-12px}
.business-link .business-hover .business-hover-content h3,
.business-link .business-hover .business-hover-content h4{margin:0}
.business-caption{max-width:400px;margin:0 auto; text-align:center; padding:25px 20px; color:#fff;}
.business-caption h4{text-transform:none;margin:0}
.business-caption p{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px;margin:0; color:#dedede;}

/* 사업수행실적 크게보기 */
.business-modal .modal-content{border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;border:0;min-height:100%;padding:100px 0;text-align:center}.attestation-modal .modal-content h2{margin-bottom:15px;font-size:3em;}
.business-modal .modal-content p{margin-bottom:30px}
.business-modal .modal-content p.item-intro{margin:20px 0 30px;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px}
.business-modal .modal-content ul.list-inline{margin-bottom:30px;margin-top:0}.attestation-modal .modal-content img{margin-bottom:30px}
.business-modal .close-modal{position:absolute;width:75px;height:75px;background-color:transparent;top:25px;right:25px;cursor:pointer}
.business-modal .close-modal:hover{opacity:.3}
.business-modal .close-modal .lr{height:75px;width:1px;margin-left:35px;background-color:#222;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:1051}
.business-modal .close-modal .lr .rl{height:75px;width:1px;background-color:#222;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);z-index:1052}
.business-modal .modal-backdrop{opacity:0;display:none}
::-moz-selection{text-shadow:none;background:#278fc4; color:#fff;}
::selection{text-shadow:none;background:#278fc4; color:#fff;}
img::selection{background:0 0}
img::-moz-selection{background:0 0}body{webkit-tap-highlight-color:#278fc4; color:#fff;}


/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:120px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center; margin-bottom:30px;} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:30px;line-height:1em; vertical-align:bottom;}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none; /*vertical-align:middle*/}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px; }
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:15px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2; background:#363636; color:#fff; font-size:1em;text-align:center; letter-spacing:-0.03em; font-weight:normal;}
.tbl_head01 thead a {color:#fff}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:center}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #cbcbcb;background:#ffffff; color:#000;vertical-align:middle;line-height:2em; border-radius:5px;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px; margin:5px 0px; padding:0px 10px;}
.frm_input1 {}
.tbl_frm01 textarea {width:98%;height:200px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #ffffff top right no-repeat !important; border-radius:5px; padding:5px 10px; margin:5px 0px;}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:100px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px; }
.td_nick {width:100px;text-align:center}
.td_num {width:60px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 5px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/*캡챠 모바일에서 피시버젼*/
#captcha.m_captcha audio{display:block;margin:5px 0 10px}
#captcha.m_captcha #captcha_key{margin-left:3px }
#captcha.m_captcha #captcha_reload span{background:none;display:inline}
#captcha.m_captcha  #captcha_reload {position:relative ;width:auto;top:0;left:0;margin:0;padding:0 10px;height:43px;border:0;background:#e4eaec;vertical-align:middle;overflow:hidden;cursor:pointer}