@charset "euc-kr";

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

html {margin: 0;padding: 0; width:100%; height:100%;}
body {margin: 0;padding: 0; width:100%; height:100%; color:#505050; font-size: 12px; font-family: 'Open Sans', sans-serif;  line-height:18px; -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; overflow-y:scroll;}
header, nav, article, section, aside, footer, figure {display: block;margin: 0;padding: 0;}/* html 5*/
div, p, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, img, a, form, span, em, strong, iframe{margin: 0;padding:0;}

.ellipsis{
	white-space:nowrap;
    text-overflow:ellipsis;     /* IE, Safari */
    -o-text-overflow:ellipsis;      /* Opera under 10.7 */  
    overflow:hidden;            /* "overflow" value must be different from "visible" */ 
    -moz-binding: url('ellipsis.xml#ellipsis'); 
}



div, ul, ol {list-style:none;}
table {width: 100%; border-collapse: collapse;margin: 0;padding: 0;border: 0;border-spacing: 0;}
th, td {margin:0;padding:0;border-spacing:0;}
legend, caption {width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
img {border:0 none;vertical-align:middle;}
a{color:#505050;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active{text-decoration:none;}
address {font-style: normal;}
hr {display: none;}

strong {font-weight:normal;}
form {display:block;border:none;}
fieldset {margin:0px;padding:0px;border:none;}
input, select, textarea {}
input {vertical-align:middle;border:none;font-size:1em;}
input[type="text"]{-webkit-appearance:none;-webkit-border-radius:0;}
__input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}
input[type~="text"] {border:1px solid #ccc;}
input[type~="password"] {border:1px solid #ccc;}
input[type~="image"] {border: none;margin: 0;padding: 0;}
input[type~="file"] {border:1px solid #ccc;}
__input[type~="checkbox"] {border:none;margin:-1px 0; width:12px; height:12px;}
__input[type~="radio"] {border:none;margin:-1px 0; width:12px; height:12px;}
select {vertical-align:middle;font-size:1em; border: 1px solid #eae5d2;}
textarea {border:1px solid #eae5d2; font-size:1em; margin:0;}



input[type=text] {
	width: 100%;
	height: 20px;
	line-height:20px;
	border: 1px solid #eae5d2;
	margin-bottom: 1px;
	padding:1px 0;
}

/*========================================================================
common spacer
========================================================================*/
.mg-none{margin:0; !important;}
.mgb-0{margin-bottom:0px !important;}
.mgb-10{margin-bottom:10px !important;}
.mgb-15{margin-bottom:15px !important;}
.mgb-20{margin-bottom:20px !important;}
.mgb-25{margin-bottom:25px !important;}
.mgb-30{margin-bottom:30px !important;}
.mgb-40{margin-bottom:40px !important;}
.mgb-50{margin-bottom:50px !important;}
.mgb-60{margin-bottom:60px !important;}
.mgb-70{margin-bottom:70px !important;}
.mgb-80{margin-bottom:80px !important;}
.mgb-90{margin-bottom:90px !important;}
.mgb-100{margin-bottom:100px !important;}

.mgt-0{margin-top:0px !important;}
.mgt-10{margin-top:10px !important;}
.mgt-15{margin-top:15px !important;}
.mgt-20{margin-top:20px !important;}
.mgt-25{margin-top:25px !important;}
.mgt-30{margin-top:30px !important;}
.mgt-40{margin-top:40px !important;}
.mgt-50{margin-top:50px !important;}
.mgt-60{margin-top:60px !important;}
.mgt-70{margin-top:70px !important;}
.mgt-80{margin-top:80px !important;}
.mgt-90{margin-top:90px !important;}
.mgt-100{margin-top:100px !important;}
.mgt-280{margin-top:280px !important;}

.mgl-0{margin-left:0px !important;}
.mgl-10{margin-left:10px !important;}
.mgl-15{margin-left:15px !important;}
.mgl-20{margin-left:20px !important;}
.mgl-25{margin-left:25px !important;}
.mgl-30{margin-left:30px !important;}
.mgl-40{margin-left:40px !important;}
.mgl-50{margin-left:50px !important;}
.mgl-60{margin-left:60px !important;}
.mgl-70{margin-left:70px !important;}
.mgl-80{margin-left:80px !important;}
.mgl-90{margin-left:90px !important;}
.mgl-100{margin-left:100px !important;}

.mgr-0{margin-right:0px !important;}
.mgr-10{margin-right:10px !important;}
.mgr-15{margin-right:15px !important;}
.mgr-20{margin-right:20px !important;}
.mgr-25{margin-right:25px !important;}
.mgr-30{margin-right:30px !important;}
.mgr-40{margin-right:40px !important;}
.mgr-50{margin-right:50px !important;}
.mgr-60{margin-right:60px !important;}
.mgr-70{margin-right:70px !important;}
.mgr-80{margin-right:80px !important;}
.mgr-90{margin-right:90px !important;}
.mgr-100{margin-right:100px !important;}

.pd-none{padding:0; !important;}
.pdb-0{padding-bottom:0; !important;}
.pdb-10{padding-bottom:10px !important;}
.pdb-15{padding-bottom:15px !important;}
.pdb-20{padding-bottom:20px !important;}
.pdb-25{padding-bottom:25px !important;}
.pdb-30{padding-bottom:30px !important;}
.pdb-40{padding-bottom:40px !important;}
.pdb-50{padding-bottom:50px !important;}
.pdb-60{padding-bottom:60px !important;}
.pdb-70{padding-bottom:70px !important;}
.pdb-80{padding-bottom:80px !important;}
.pdb-90{padding-bottom:90px !important;}
.pdb-100{padding-bottom:100px !important;}

.pdt-0{padding-top:0px !important;}
.pdt-5{padding-top:5px !important;}
.pdt-10{padding-top:10px !important;}
.pdt-15{padding-top:15px !important;}
.pdt-20{padding-top:20px !important;}
.pdt-25{padding-top:25px !important;}
.pdt-30{padding-top:30px !important;}
.pdt-40{padding-top:40px !important;}
.pdt-50{padding-top:50px !important;}
.pdt-60{padding-top:60px !important;}
.pdt-70{padding-top:70px !important;}
.pdt-80{padding-top:80px !important;}
.pdt-90{padding-top:90px !important;}
.pdt-100{padding-top:100px !important;}
.pdt-155{padding-top:155px !important;}

.pdl-0{padding-left:0px !important;}
.pdl-10{padding-left:10px !important;}
.pdl-15{padding-left:15px !important;}
.pdl-20{padding-left:20px !important;}
.pdl-25{padding-left:25px !important;}
.pdl-30{padding-left:30px !important;}
.pdl-40{padding-left:40px !important;}
.pdl-50{padding-left:50px !important;}
.pdl-60{padding-left:60px !important;}
.pdl-70{padding-left:70px !important;}
.pdl-80{padding-left:80px !important;}
.pdl-90{padding-left:90px !important;}
.pdl-100{padding-left:100px !important;}

.pdr-0{padding-right:0px !important;}
.pdr-5{padding-right:5px !important;}
.pdr-10{padding-right:10px !important;}
.pdr-15{padding-right:15px !important;}
.pdr-20{padding-right:20px !important;}
.pdr-25{padding-right:25px !important;}
.pdr-30{padding-right:30px !important;}
.pdr-40{padding-right:40px !important;}
.pdr-50{padding-right:50px !important;}
.pdr-60{padding-right:60px !important;}
.pdr-70{padding-right:70px !important;}
.pdr-80{padding-right:80px !important;}
.pdr-90{padding-right:90px !important;}
.pdr-100{padding-right:100px !important;}




/*========================================================================
common align
========================================================================*/
.ta-c{text-align:center !important;}
.ta-l{text-align:left !important;}
.ta-r{text-align:right !important;}


/*========================================================================
common etc
========================================================================*/
.dp-n{display:none !important;}
.dp-b{display:block !important;}
.dp-ib{display:inline-block !important;}

.fl-l{float:left !important;}
.fl-r{float:right !important;}
.clear{clear:both !important;}


/*========================================================================
common text
========================================================================*/
.txt-01{font-size:13px; line-height:20px; color:#666666;}
.txt-02{font-size:13px; line-height:20px; color:#666666; font-weight:700;}
.txt-03{font-size:13px; line-height:20px; color:#845411; font-weight:normal;}
.txt-04{font-size:15px; line-height:20px; color:#666666; font-weight:700;}


/*========================================================================
common text
========================================================================*/
.disabled{background:#f5f2e9; border:none;}


/*========================================================================
common btn
========================================================================*/
.com-btn{display:inline-block; min-width:50px; padding:8px 15px; font-size:13px; line-height:13px; color:#fff; text-align:center; background:#d11820; border-radius:5px;}
.gray{background:#777777; color:#ffffff;}

/*========================================================================
common tab
========================================================================*/
.com-tab-01{display:table; margin:0 auto;}
.com-tab-01>li{float:left; padding:0  10px 0 15px;}
.com-tab-01>li:first-child{padding-left:0px; background:none;}
.com-tab-01>li>a{font-size:18px; color:#888888; font-style:italic;}
.com-tab-01>li>a:hover,
.com-tab-01>li>a.on{color:#15b9cb;}



/*========================================================================
common select
========================================================================*/
.sel-white .selectric{border:1px solid #bfbebe;}
.sel-white .selectric .label{background:#fff; color: #9a9a9a; text-align:left !important; font-size: 12px; line-height: 25px; height: 25px; padding:0 0 0 12px;}
.sel-white .selectric .button{background:#fff; color: #9a9a9a; height: 25px;}
.sel-white .selectric .button:after{border-top-color: #959595;}
.sel-white .selectricItems {background:#fff; border:1px solid #bfbebe;}
.sel-white .selectricItems li.selected{background:#fff; color: #444;}
.sel-white .selectricItems li:hover{background:#fff; color: #333;}

.sel-lightgray.selectricWrapper{margin-bottom:3px;}
.sel-lightgray .selectric{border:none;}
.sel-lightgray .selectric .label{background:#dddddd; color: #666666; text-align:left !important; font-size: 13px; line-height: 32px; height: 32px; padding:0 0 0 12px;}
.sel-lightgray .selectric .button{background:#dddddd; color: #666666; height: 32px;}
.sel-lightgray .selectric .button:after{border-top-color: #000;}
.sel-lightgray .selectricItems ul{padding:0; padding-top:5px }
.sel-lightgray .selectricItems li{padding:2px 0 2px 12px; }
.sel-lightgray .selectricItems {background:#f4f4f4; border:none;}
.sel-lightgray .selectricItems li.selected{background:#ddd; color: #444;}
.sel-lightgray .selectricItems li:hover{background:#ddd; color: #000;}

.sel-black.selectricWrapper{margin-bottom:3px;}
.sel-black .selectric{border:none;}
.sel-black .selectric .label{background:#2a2a2a; color: #fff; text-align:left !important; font-size: 13px; line-height: 46px; height: 46px; padding:0 0 0 12px;}
.sel-black .selectric .button{background:#2a2a2a; color: #fff; height: 46px;}
.sel-black .selectric .button:after{border-top-color: #fff;}
.sel-black .selectricItems ul{padding:0; padding-top:5px }
.sel-black .selectricItems li{padding:2px 0 2px 12px; }
.sel-black .selectricItems {background:#f4f4f4; border:none;}
.sel-black .selectricItems li.selected{background:#f4f4f4; color: #000;}
.sel-black .selectricItems li:hover{background:#f4f4f4; color: #000;}
.sel-black{background:#2a2a2a; height:46px; color:#fff; width:100%;}



/*========================================================================
common tbl
========================================================================*/
table.write-tbl{color:#454545; border-top:3px solid #838898;  margin-bottom:10px; }
table.write-tbl th{text-align:left; border-bottom:1px solid #dddddd; padding:8px 0px 8px 20px; min-height:30px; line-height:normal; font-size:15px; font-weight:700; color:#454545; }
table.write-tbl th span.require{padding-left:7px; background:url(/public/img/front/front/common/bl_01.png) left no-repeat; background-size:4px auto;}
table.write-tbl td{position:relative; text-align:left; border-bottom:1px solid #dddddd; padding:15px 5px; font-size:14px; font-weight:400;}
table.write-tbl td input[type=text]{width:100%; height:20px; border:1px solid #bbb; margin-bottom:1px; line-height:20px; padding:3px 0;}
table.write-tbl td input[type=password]{width:100%;  height:20px; border:1px solid #bbb; margin-bottom:1px; padding:3px 0;}
table.write-tbl td input[type=file]{width:100%;  height:20px; border:1px solid #bbb; margin-bottom:1px; padding:3px 0;}
table.write-tbl td textarea{width:100%;  height:70px; border:1px solid #bbb; margin-bottom:1px;}
table.write-tbl td select{height:24px; border:1px solid #bbb; margin-bottom:1px;}

table.list-tbl{color:#454545; border-top:3px solid #777777; margin-bottom:10px; }
table.list-tbl th{text-align:center; border-bottom:1px solid #dddddd; padding:10px 0px 10px; line-height:normal; font-size:15px; font-weight:600;}
table.list-tbl td{position:relative; text-align:center; border-bottom:1px solid #dddddd;  line-height:normal; padding:12px 5px; font-size:14px;}
table.list-tbl td a:hover{text-decoration:underline;}
table.list-tbl tbody.hover tr:hover{background:#f0f3fb;}
table.list-tbl td .board-con{padding:30px 20px; min-height:100px; font-size:14px; line-height:160%;}

table.view-tbl{border-top:1px solid #dedede; border-left:1px solid #dedede;}
table.view-tbl th{position:relative; height:100%; text-align:left; width:130px; padding:10px 20px;  font-size:17px; color:#d11820; line-height:normal; background:#f5f5f5; border-right:1px solid #dedede;}
table.view-tbl td{position:relative; text-align:left; border-bottom:1px solid #dedede; border-right:1px solid #dedede; padding:8px 20px; font-size:14px; color:#454545; line-height:normal;}







/*========================================================================
Layout
========================================================================*/
#wrapper{position:relative; width:100%; min-width:1000px;}

#header{clear:both; position:relative; width:100%; border-top:7px solid #d11820;  border-bottom:1px solid #dddddd;}
#header .header-wrap{clear:both; position:relative; padding:17px  0; height:72px;}
#header .header-wrap h1{float:left;}
#header .header-wrap .gnb-wrap{float:left; padding-top:40px; margin-left:90px; }
#header .header-wrap .gnb-wrap .mobile-menu{display:none;}
#header .header-wrap .gnb-wrap .gnb{position:relative;}
#header .header-wrap .gnb-wrap .gnb>li{position:relative; float:left; width:160px; text-align:center;}
#header .header-wrap .gnb-wrap .gnb>li>a{color:#454545; font-size:16px; font-weight:600;}
#header .header-wrap .gnb-wrap .gnb>li:hover>a{color:#d11820;}

#header .header-wrap .gnb-wrap .gnb-sub{display:none; position:absolute; z-index:11; width:100%; padding:9px 0; padding-top:56px; min-height:150px;}
#header .header-wrap .gnb-wrap .gnb-sub>li{height:13px; line-height:13px; padding:10px 0;}
#header .header-wrap .gnb-wrap .gnb-sub>li>a{color:#fff; font-size:13px; font-weight:400;}
#header .header-wrap .gnb-wrap .gnb-sub>li>a:hover{color:#3c99f0; text-decoration:underline;}

#header .header-wrap .header-btn{float:right; margin-top:15px;}

#header .gnb-sub-bg{display:none; position:absolute; z-index:10; width:100%; background:#272727; height:210px;}


#header .header-wrap .login-box{position:absolute; right:0; top:-17px;}
#header .header-wrap .login-box a{ font-size:15px; color:#333; text-decoration:underline;}

/* .login-box는 2024년 2월 이전의 클래스. 로그인 박스를 새로 만들면서, login-group을 새로 사용하여 작성함 */

#header .header-wrap .login-group{position:absolute; right:0; top:0;}

#header .header-wrap .login-group .login-btn{ 
	font-size:12px; 
	color:#fff; 
	background-color: #ff8fab;
	border-radius: 4px;
	padding: 4px 14px;
	}
#header .header-wrap .login-group .intranet-btn{ 
	font-size:12px; 
	color:#fff; 
	background-color: #3C99F0;
	border-radius: 4px;
	padding: 4px 14px;
}
#header .header-wrap .login-group a:hover {
	color: #003049;
	background-color: #fb6f92;
}

#contents-wrap{clear:both; position:relative; }
#contents-wrap .content-wrap{position:relative; min-height:300px;}
.container{position:relative; clear:both; width:1000px; padding:0px; margin:0 auto;}

#contents-wrap .con-header{clear:both; height:64px; border-bottom:1px solid #c0d1e1; padding-bottom:10px; padding-top:60px;}
#contents-wrap .con-header h2{float:left; font-size:43px; color:#175c9c; line-height:normal; font-weight:400; background:url('/public/img/front/common/bg_sub_title.png') no-repeat left bottom; padding-bottom:16px;}
#contents-wrap .con-header .navi{float:right; padding-top:35px;}
#contents-wrap .con-header .navi>li{float:left; padding-left:20px; margin-left:15px; background:url('/public/img/front/common/icn_navi_01.png') no-repeat left; height:20px; line-height:20px; color:#656565; font-size:14px;}
#contents-wrap .con-header .navi>li:first-child{background:none}
#contents-wrap .con-header .navi>li img{vertical-align:top;}
#contents-wrap .con-header .navi>li.last{font-weight:bold; background:url('/public/img/front/common/icn_navi_02.png') no-repeat left; }

#contents-wrap .bg-sub-top{position:relative; background-repeat:no-repeat; background-size:cover; background-position:center; text-align:center; height:209px; border-top:1px solid #d3d3d3; border-bottom:1px solid #3f3f3f;}
#contents-wrap .bg-sub-top.bg-01{background-image:url('/public/img/front/common/bg_sub_top_01.png');}
#contents-wrap .bg-sub-top.bg-02{background-image:url('/public/img/front/common/bg_sub_top_02.png');}
#contents-wrap .bg-sub-top.bg-03{background-image:url('/public/img/front/common/bg_sub_top_03.png');}
#contents-wrap .bg-sub-top.bg-04{background-image:url('/public/img/front/common/bg_sub_top_04.png');}
#contents-wrap .bg-sub-top.bg-05{background-image:url('/public/img/front/common/bg_sub_top_05.png');}

#contents-wrap .bg-sub-top.bg-intra-01{background-image:url('/public/img/front/common/bg_intranet_sub_top_01.png');}


#contents-wrap .bg-sub-top .txt-01{font-size:30px; line-height:normal; margin-bottom:15px; color:#ffffff; padding-top:75px;}
#contents-wrap .bg-sub-top .txt-02{font-size:13px; color:#ffffff;}

#contents-wrap .sub-wrap{position:relative; background-repeat:repeat-x; background-position:top; background-image:url('/public/img/front/common/bg_sub_pulse.png'); min-height:500px; border-top:1px solid #d3d3d3; }
#contents-wrap .inner-con{position:relative; clear:both; margin-top:70px; padding-bottom:100px;}


#footer{clear:both; position:relative; width:100%; text-align:center; background:#2f2f2f; padding:40px 0; height:80px;}
#footer .logo{float:left; padding:10px 50px 0 80px;}
#footer .info{float:left; color:#bbb; font-size:14px; line-height:28px; text-align:left;}
#footer .info .address{margin-top:10px;}
#footer .info .contact span{display:inline-block; padding-right:15px; margin-right:10px; background:url('/public/img/front/common/bg_bl_04.png') no-repeat right;}
#footer .info .contact span.last{background:none;}