@charset "utf-8";
@import url("font.css");
/* HTML 리셋 */
/* *{margin:0;padding:0;line-height:160%;color:#666;font-size:12px}  * 은 전체 적용시 주석 제거  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,a,button,form,fieldset,p,blockquote{margin:0;padding:0;}
html {overflow-y:scroll;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {font-family:'나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; color:#666}

img, fieldset {border:0;}
body, dl, dt, dd, th, td, div, p, a, button, table,li, strong{color:#444; font-size:14px;}
form, fieldset,legend, input, button, textarea, select {font-size:12px;}
fieldset,legend {text-indent:-9999px; line-height:0; font-size:0; border:0;}
ul, ol {list-style:none;}
table {border-collapse:collapse; width:100%}
input, textarea {display:inline-block;font-size:13px;vertical-align:middle;}
textarea {width:100%; border:1px solid #e0e0e0; background-color:#f6f6f6; }
address, em {font-style:normal;}
th, td {padding:0;vertical-align:top;text-align:left;font-weight:normal;}
a {color:#000; text-decoration:none;}
a:hover,a:focus,a:active {cursor:pointer !important; color:#8a8a8a; text-decoration:none;}
address {font-style:normal;}
blockquote, p {margin:0;}
table, th, td{font-size:12px;}

/* 테이블 리셋 */
caption {visibility:hidden; overflow:hidden; width:0;height:0; font-size:0; line-height:0;}

/* 헤딩 테그 리셋 */
h1, h2, h3, h4, h5, h6 {font-size:1.000em; color:#666; /*font-family:'Nanum Gothic';*/}

/* inline */
img {display:inline-block;border:0 none;vertical-align:top;}
a, cite, code, dfn, del, em, ins, label, q, input, select, strong{display:inline-block; vertical-align:middle;}
cite, em, dfn {font-style:normal;}
span{display:inline-block;}
hr {display:none;}
sub {vertical-align:bottom;font-family:'Open Sans', helvetica;}
sup {vertical-align:top;font-family:'Open Sans', helvetica;}
/* label {*vertical-align:middle;}  radio, checkbox 뒤에 label이 있을 경우 비틀어져 있을경우 주석 제거 */
div, li, p {line-height:20px; color:#636363;}

input[type="text"] {border:1px solid #e0e0e0; background-color:#f6f6f6; font-weight:normal; font-size:12px; color:#666; padding:2px 8px 3px; font-family:'Open Sans', '나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;}
input[type="password"] {border:1px solid #e0e0e0; background-color:#f6f6f6; font-weight:normal; font-size:12px; color:#666; padding:2px 8px 3px; font-family:'Open Sans', '나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;} 
input[type="radio"] {border:0px solid #cbcbcb; background:#fff;}
input[type="radio"],
input[type="checkbox"] {margin:0;padding:0;}

select{border:1px solid #cbcbcb; font-weight:normal; font-size:12px; color:#666; line-height:27px; padding:1px 5px 2px 2px; font-family:'Open Sans', '나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; background-color:#f6f6f6;}

/* 스킵네비 */
.skip {position:absolute;top:0;left:0;width:100%;height:0;line-height:0; z-index:9999;}
.skip a {display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:0}
.skip a:hover,
.skip a:active,
.skip a:focus{position:absolute;top:0;left:0;width:100%;height:19px;line-height:100%;margin:0;padding:5px 0 0 0; border:1px solid #54a51b !important; background:#20375d; font-weight:bold;font-size:14px;color:#ffffff;text-align:center;} 


/* 플롯헤제 */
.clearfix {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.clearfix:before,
.clearfix:after{display:block;clear:both;content:"";} /* 표준브라우저 */

/* float 관련 */
.fl {float:left !important;}
.fr {float:right !important;}

/* color */
.red{color:#c73a15 !important;}
.font-basic{color:#666; margin-top:3px; text-align:center; font-weight:normal}
.font-tit{color:#333333;}

/* 정렬 */
.txt-c {text-align:center !important;}
.txt-l {text-align:left !important;}
.txt-r {text-align:right !important;}

/* 백그라운드, 디스플레이 none 처리, hidden 처리 */
.bg-n {background-image:none !important; padding-left:0;}
.dis-n {display:none;}
.hidden {font-size:0; width:0; height:0; text-indent:-9999px; padding:0; margin:0; line-height:0; visibility:hidden;overflow:hidden;}


/* width */
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w55 {width:55px !important;}
.w70 {width:70px !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w180 {width:180px !important;}
.w380 {width:380px !important;}
.w400 {width:400px !important;}
.w520 {width:520px !important;}
.w575 {width:575px !important;}
.w700 {width:700px !important;}

/* 여백 마진, 페딩 필요시 추가 */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt23 {margin-top:23px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt47 {margin-top:47px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}

.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml75 {margin-left:75px !important;}

.mr10 {margin-right:10px !important;}
.mr30 {margin-right:30px !important;}
.mr50 {margin-right:50px !important;}

.pt5{padding-top:5px !important;}
.pt10 {padding-top:10px !important;}

.pb10 {padding-bottom:10px !important;}
.pb40 {padding-bottom:40px !important;}

.pl0 {padding-left:0px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl15 {padding-left:15px !important;}

.pr0 {padding-right:0px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:10px !important;}

/* title */
.con-tit{font-weight:bold;}
.con-sub-tit{font-size:18px; font-weight:normal; padding-left:20px; background:url(../img/common/red_bul.gif) no-repeat 0 center; color:#323232;}

/* border-btm */
.bdr-btm01{border-bottom:1px solid #e5e5e5; margin-bottom:30px;}
.bdr-btm02{border-bottom:1px solid #e6e6e6;}

/* page */
.page-area{margin-top:20px; text-align:center;}
.page-area a{display:inline-block; border:1px solid #e2e2e2; color:#555; font-size:10px; vertical-align:middle; line-height:25px; width:25px; height:25px; }
.page-area .page_current {background:#8f0309; border:0; color:#fff; font-size:10px; vertical-align:middle; line-height:26px;width:26px; height:26px;}
.page-area strong{background:#8f0309; border:0; color:#fff; font-size:10px; vertical-align:middle; line-height:26px;width:26px; height:26px;}
.page-area span{border:1px solid #e2e2e2; margin-right:5px; background:url(../img/icon/page_bg.gif) no-repeat 6px 5px; width:25px; height:25px; vertical-align:top;}
.page-area span a{border:0; display:block; font-size:0; line-height:0; text-indent:-9999px; color:#fff; width:25px; height:25px;}
.page-area .prev{background-position:-21px 5px;}
.page-area .next{background-position:-50px 5px;}
.page-area .last{background-position:-83px 5px;}

/* tbl-type */
.tbl-type{border-top:2px solid #474747; border-bottom:1px solid #474747;}
.tbl-type table{}
.tbl-type thead th:first-child,
.tbl-type tbody td:first-child,
.tbl-type tbody th:first-child{border-left:0;}
.tbl-type thead th{padding:8px 0; color:#000; font-weight:bold; font-size:14px; border-bottom:1px solid #eee; border-left:1px solid #eee; text-align:center; vertical-align:middle;}
.tbl-type tbody tr.on{background:#fafafa;}
.tbl-type tbody th,
.tbl-type tbody td{padding:8px 15px; border-bottom:1px solid #eee; border-left:1px solid #eee; color:#474747; font-size:12px; text-align:center; vertical-align:middle;}
.tbl-type tbody th {font-weight: bold}
.tbl-type tbody td img {vertical-align:middle;}
.tbl-type tbody td.subject {font-weight:bold;}
.tbl-type tbody td a{color:#474747; font-size:12px;}
.tbl-type tbody td a:hover{color:#8f0309; text-decoration:underline;}
.tbl-type .line-l{border-left:1px solid #e2e2e2 !important;}
.tbl-type .line-b{border-bottom:1px solid #e2e2e2 !important;}
.tbl-type .font-b{font-size:12px;}
.tbl-type tbody td .red{color:#ff0000; font-size:12px;}
.tbl-type tbody td:nth-child(2){text-align:left;}


.tbl-type tbody td.contents {position:relative; min-height:250px;}
.tbl-type tbody td.contents .pic {position:absolute; left:20px; }
.tbl-type tbody td.contents .con {margin-left:320px; min-height:250px;}
.tbl-type .img-wrap{position:relative; width:600px; margin:35px auto 0 auto; text-align:center; background:#fff;}
.tbl-type .img-wrap .img-bx{overflow:hidden; margin:0 auto;vertical-align: middle;}
.tbl-type .img-wrap .img-bx img{width:100%; vertical-align: middle; }
.tbl-type .img-wrap .img-bx ul {display:inline-block;}
.tbl-type .img-wrap .img-bx ul li{min-height:330px;  }
.tbl-type .img-wrap .img-bx p {position:absolute; bottom:0; padding:3px 0 0 0; width:100%; height:30px; text-align:center; color:#fff; background-color:#000; opacity:0.50; filter:alpha(opacity=50);}
.tbl-type .img-wrap .btn-set{position:absolute; top:50%; margin:-20px 0 0 0; width:100%; }
.tbl-type .img-wrap .btn-set .prev-btn{position:absolute; left:-60px; }
.tbl-type .img-wrap .btn-set .next-btn{position:absolute; right:-60px; }



/* tbl-type02 */
.tbl-type02{border-top:2px solid #474747; border-bottom:1px solid #474747;}
.tbl-type02 tbody tr.on{background:#fafafa;}
.tbl-type02 tbody th:first-child,
.tbl-type02 tbody td:first-child{border-left:0;}
.tbl-type02 tbody th,
.tbl-type02 tbody td{padding:13px 26px; border-bottom:1px solid #eee; border-left:1px solid #eee; color:#474747; font-size:12px; text-align:left;}
.tbl-type02 tbody th{padding-left:30px; font-weight:bold; font-size:14px; color:#585858; vertical-align:top; background-color:#f7f7f7;}
.tbl-type02 tbody td{vertical-align:middle;}
.tbl-type02 tbody td a{color:#474747; font-size:12px;}
.tbl-type02 tbody td a:hover{color:#8f0309; text-decoration:underline;}
.tbl-type02 .line-l{border-left:1px solid #e2e2e2 !important;}
.tbl-type02 .line-b{border-bottom:1px solid #e2e2e2 !important;}
.tbl-type02 tbody td .red{color:#851013; font-weight:bold;}
.tbl-type02 tbody td:nth-child(2){text-align:left;}
.tbl-type02 tbody td .txt-area{min-height:300px; max-height:300px; overflow:auto;}

/* btn-set */
.btn-set{}
.btn-set .btn{display:inline-block; height:37px;padding:0 29px 0 0; background:url(../img/bg/btn_bg.gif) no-repeat 0 0; line-height:37px;}
.btn-set .btn a{display:inline-block; padding:0 0 0 26px; background:url(../img/bg/btn_bg.gif) no-repeat 0 0; line-height:37px; color:#fff;}

.btn-set.btn01 .btn{background-position:100% -50px;}
.btn-set.btn01 .btn a{background-position:0 -50px;}

/* srch-bx */
.srch-area {vertical-align:middle}
.srch-area-input {display:inline-block; width:300px; height:30px; vertical-align:middle}
.srch-area-input input {display:inline-block;height:100%; width:100%; vertical-align:middle}
.srch-area input.btn {display:inline-block; margin-left:20px; vertical-align:middle}

.srch-area2 .srch-area-input2 {display:inline-block; padding:0 0 0 10px; width:300px; height:40px; vertical-align:middle; background:#eaeaea; border:1px solid #e0e0e0;}
.srch-area2 .srch-area-input2 select {border:0; background:#eaeaea; }
.srch-area2 .srch-area-input2 input {display:inline-block; width:180px; height:35px !important; border:none; vertical-align:middle; background:#eaeaea;}
.srch-area2 input.btn {display:inline-block; margin-left:10px; vertical-align:middle}

/* section */
.section{width:100%; padding:0 0 50px 0; background:url('/about/images/section_bg.png') no-repeat right 0;}
.section ul{margin:70px 0 0 60px;}
.section ul li{float:left; margin:20px 40px 0 0;}

/* 2014-08-07 */
.addition {padding:0; margin:10px 0 5px 0; text-align:right;}
.addition span.btn {padding:10px; background:#e2e2e2;}
.addition label {font-weight:bold; font-size:12px;}

/*btn*/
.list-btn{
    padding:5px 20px;
    margin:0 0 0 3px; background-color: #444;
	border: 1px solid #333;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align:center;
    color:#fff;
    font-size:12px; font-weight:bold;
    cursor:pointer;
}
.list-btn span{
    color:#fff;
    font-size:12px; font-weight:bold;
    cursor:pointer;
}
.add-btn{
    padding:5px 20px;
    margin:0 0 0 3px; background-color: #8f0309;
	border: 1px solid #8f030e;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align:center;
    color:#fff;
    font-size:12px; font-weight:bold;
    cursor:pointer;
}
.add-btn span{
    color:#fff;
    font-size:12px; font-weight:bold;
    cursor:pointer;
	}
/* portfolio*/
.tab-container{position:relative; z-index:80; width:940px;}
.tab-container .tab-btn{width:100%; border-bottom:1px solid #851013;}
.tab-container .tab-btn li{float:left; width:120px; height:49px; padding-left:1px;}
.tab-container .tab-btn li a{display:block; width:100%; height:100%; background:url(../img/bg/tab_btn_bg.gif) no-repeat 0 0; text-align:center; line-height:49px; color:#333;}
.tab-container .tab-btn li.on a{background-position:-67px -60px; color:#fff;}
.tab-container .c-bx ul li{float:left; position:relative;width:198px; height:250px; border:1px solid #e5e5e5; margin-bottom:35px;margin-left:46px;}
.tab-container .c-bx ul li.first{margin-left:0;}
.tab-container .c-bx ul {margin:0;padding: 0;}
.tab-container .c-bx ul li.none-list {clear:both; padding:50px 0; margin:0 !important; width:100% !important; height:100% !important; border:0 !important; text-align:center;}
.tab-container .c-bx ul li a{display: block;}
.tab-container .c-bx ul li .txt-bx{position:absolute; left:0; padding:10px 15px; bottom:0; width:170px; height:76px; background:#f4f4f4;}
.tab-container .c-bx ul li .txt-bx .title{font-size:18px;font-weight:bold;color:#7a7a7a;}
.tab-container .c-bx ul li .txt-bx .date{margin-top:6px;padding-top:5px; border-top:1px solid #e5e5e5; font-size:12px;}


.error-text p {color:#ff0000;}