@charset "euc-kr";

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

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;}
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;}

.brd-n{border:none !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:#777; color:#fff;}
.blue{background:#3e5395; color:#fff;}

/*========================================================================
common tab
========================================================================*/
.com-tab-01{width:100%; border-bottom:2px solid #e0433a; height:40px;}
.com-tab-01>li{float:left; padding:0 5px 0 0px;}
.com-tab-01>li:first-child{padding-left:0px; background:none;}
.com-tab-01>li>a{display:inline-block; padding:10px; font-size:18px; color:#fff; background:#3a518b; border:2px solid #3a518b; border-bottom:2px solid #e0433a; border-top-left-radius:3px; border-top-right-radius:3px; text-align:center; min-width:126px;}
.com-tab-01>li>a:hover,
.com-tab-01>li>a.on{color:#d9382f; background:#fff; border:2px solid #e0433a; border-bottom:2px solid #fff; }


/*========================================================================
common List
========================================================================*/
.com-llist-01{position:relative; padding:34px 0;}
.com-llist-01.brd-b{border-bottom:1px solid #d9d9d9;}
.com-llist-01>dt{font-size:23px; color:#454545; font-weight:600; line-height:normal; margin-bottom:15px;}
.com-llist-01>dd{font-size:15px; color:#454545; line-height:30px; margin-bottom:10px;}
.com-llist-01>dd strong{font-weight:600;}

.com-llist-02{position:relative; padding:15px 0;}
.com-llist-02.brd-b{border-bottom:1px solid #d9d9d9;}
.com-llist-02>dt{font-size:19px; color:#454545; font-weight:600; line-height:normal; margin-bottom:15px;}
.com-llist-02>dd{font-size:15px; color:#454545; line-height:30px; margin-bottom:10px; padding-left:15px;}
.com-llist-02>dd strong{font-weight:600;}



/*========================================================================
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/common/bl_01.png) left no-repeat; background-size:4px auto;}
table.write-tbl td{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; background:#ebedf4;}
table.list-tbl td{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;}

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

table.view-tbl{border-top:1px solid #dedede; border-left:1px solid #dedede;}
table.view-tbl th{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{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%; margin-top:50px;}
#header .header-wrap{clear:both; position:relative; padding:0; height:85px; background:#e0433a;}
#header .header-wrap h1{position:absolute; z-index:11; border:1px solid #d9d1d1;}
#header .header-wrap .gnb-wrap{float:right; padding-top:35px; margin-left:90px; }
#header .header-wrap .gnb-wrap .gnb{position:relative;}
#header .header-wrap .gnb-wrap .gnb>li{position:relative; float:left; text-align:center; margin-left:30px;}
#header .header-wrap .gnb-wrap .gnb>li:first-child{margin-left:0px;}
#header .header-wrap .gnb-wrap .gnb>li>a{display:inline-block; color:#fff; font-size:15px; font-weight:400;}
#header .header-wrap .gnb-wrap .gnb>li:hover>a{_font-weight:600; border-bottom:3px solid #f0a19d; padding-bottom:2px;}

#header .header-wrap .gnb-wrap .gnb-sub{display:none; position:absolute; z-index:11; width:100%; padding:20px 0 10px; min-height:50px; background:#e0433a; min-width:120px;}
#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:#fff; text-decoration:underline;}


/* #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:-40px;}
#header .header-wrap .login-box a{ font-size:15px; color:#333; text-decoration:underline;}




#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 .bg-sub-top{position:relative; background-repeat:no-repeat; background-size:cover; background-position:center; text-align:center; height:264px; }
#contents-wrap .bg-sub-top.bg-01{background-image:url('/public/img/front/common/bg_sub_top_01.jpg');}
#contents-wrap .bg-sub-top.bg-02{background-image:url('/public/img/front/common/bg_sub_top_02.jpg');}
#contents-wrap .bg-sub-top.bg-03{background-image:url('/public/img/front/common/bg_sub_top_03.jpg');}
#contents-wrap .bg-sub-top.bg-04{background-image:url('/public/img/front/common/bg_sub_top_04.jpg');}
#contents-wrap .bg-sub-top.bg-05{background-image:url('/public/img/front/common/bg_sub_top_05.jpg');}

#contents-wrap .bg-sub-top .txt-01{font-size:40px; line-height:normal; margin-bottom:15px; color:#ffffff; padding-top:75px; text-align:left;}
#contents-wrap .bg-sub-top .txt-02{font-size:16px; color:#ffffff; font-weight:400; text-align:left;}


#contents-wrap .con-header{clear:both; padding-bottom:30px; padding-top:50px;}
#contents-wrap .con-header.brd{border-bottom:1px solid #d9d9d9; }
#contents-wrap .con-header h2{font-size:40px; color:#3a518b; line-height:normal; font-weight:600; padding-bottom:10px;}
#contents-wrap .con-header .summary{font-size:15px; color:#454545; line-height:30px;}
/*
#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 .con-body{position:relative; clear:both; padding-bottom:100px;}


#footer{clear:both; position:relative; width:100%; text-align:center; background:#222b4a; padding:40px 0; height:90px;}
#footer .logo{float:left; padding:10px 60px 0 35px;}
#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;}



#loading-bar{display:none;}