@charset "utf-8";

body{font-size: 16px;/* font-family: FontAwesome,'Noto Sans','맑은 고딕','Malgun Gothic','돋움','dotum',serif; */font-weight:400;line-height: 1.6em;color: #000;}
table {font-size: 15px;}
#content{
  
}
*:before, *:after{font-family: FontAwesome, serif;}
input[type=checkbox]:focus, input[type=checkbox]:active{border:1px dotted #333}
button, input, optgroup, select, textarea{vertical-align: middle;}
textarea{padding: 20px;min-height: 120px;line-height: normal;width: 100%;}
strong { font-weight:400; }
th{font-weight:400;}

a{color:#000;}
a:hover, a:focus, a:active { text-decoration:underline;}
caption {position: absolute; top: 0px; left: 0px; overflow: hidden; width: 1px; height: 1px; margin:-1px; line-height: 0;opacity:0}
address{font-style: normal;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{margin: 0;padding: 0;}
.spot_visual, strong{}
h1:before, h2:before, h3:before, h4:before, h5:before{}

h1{font-size: 36px;line-height: 60px;font-weight: 400;}
h2{font-size: 22px;line-height: 40px;font-weight: 500;}
h3{font-size: 20px;line-height: 30px;font-weight: 500;}
h4{font-size: 18px;line-height: 30px;font-weight: 400;}
h5{font-size: 17px;line-height: 18px;}
h6{font-size: 16px;line-height: 18px;}

.contentData h1, .contentData h2, .contentData h3, .contentData h4, .contentData h5, .contentData h6{float: left;width: 100%;}

/* button */
fieldset{clear: both;}
.siteGo fieldset{clear: none;}
input[type=text],input[type=password],input[type=file],select,
textarea{border:1px solid #cccccc; padding:5px;}
input[type=file]{-moz-border:inherit}
input[type=button]{margin:0 1px}
select{font-size: 15px;padding: 5px 42px 5px 5px;vertical-align: middle;height: 38px; background:url(/static/commons/img/selectBg.png) no-repeat 100% 0;
	-webkit-appearance:none;
	-ms-appearance:none;
	-moz-appearance:none;min-width: 100px;}
select:after{content:" ";width: 40px;height: 30px;border:1px solid #f00;}
select,textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], 
input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], 
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc;line-height:20px;height:34px;vertical-align:middle;
	-webkit-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075); 
	-moz-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075); 
	box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075); 
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s; 
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s; 
	-o-transition: border linear 0.2s, box-shadow linear 0.2s; 
	transition: border linear 0.2s, box-shadow linear 0.2s;}
input[type="checkbox"],input[type="radio"]{display: inline-block}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, 
input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, 
input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, 
.uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0;
  -webkit-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); 
  -moz-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); 
  box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}
.souceUrl{clear: both;}
.h-a{height: auto !important;}
.w-a{width: auto !important;}
.w10p{width: 10% !important;}
.w20p{width: 20% !important;}
.w30p{width: 30% !important;}
.w40p{width: 40% !important;}
.p0{padding: 0 !important;}
.panel-body{padding: 5px;}
.lh10{line-height: 10px !important;}
.lh4{line-height: 4px !important;}
hr{margin-top: 5px;margin-bottom: 5px;}
.wbka,
#content p{-ms-word-break: keep-all;word-break: keep-all;}

img{max-width:100%;}
i{font-style: normal;}

::-webkit-input-placeholder { color: #000}
::-moz-placeholder { color: #000}
:-ms-input-placeholder { color: #000}
:-moz-placeholder { color: #000}

.affix{top: 0;}
.affix.nav>li>a{padding-top: 5px;padding-bottom: 5px;}
.btnSet{clear: both;float: left;width: 100%;}
.animated { visibility: hidden; }
.animatedKey { visibility: visible !important; }
.visible {visibility: visible; }


/* layout */
#content>.hgroup:first-child{border-bottom:2px solid #dedede;margin-bottom: 5px;}
.mainSearch{position: absolute;left:260px;top:16px;width:834px; text-align: left; background-color:#f5f4f2;border:1px solid #dadada; padding: 4px;}
.mainSearch select{width: 20%;font-size: 15px;padding: 5px 55px 5px 15px;margin-left: 15px;vertical-align: middle;height: 46px; background:url(/static/portal/img/search/searchSelect.png) no-repeat 100% 0;border:none;
-o-box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.mainSearch input[type="text"]{border:none;-o-box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;background: none;width: 70%;font-size: 40px;height: 50px;}
.mainSearch button{background: none;border:none;font-size: 30px;}


.mb60{margin-bottom: 60px !important;}
.h40{height: 40px;}
.h50{height: 50px;}
.refer{position: relative;padding-left:20px;text-align: left;clear: both;color:#D90000;}
.refer:before{content:"※"; position: absolute;left: 0;}
.bdt1{border-top:1px solid #dedede;}
.bdb1{border-bottom:1px solid #dedede;}
.bdl1{border-left:1px solid #dedede;}
.bdr1{border-right:1px solid #dedede;}
.scrollY {overflow-y:scroll; height:250px;clear: both;}
.btn-xg{padding:25px;font-size:18px;line-height:1.3333333}
.btn-xg+.btn-xg{margin-left: 0;}
.btnArr:after{content:"\f061";font-family:FontAwesome;margin-left: 20px;}


/* bootStrap */
.dl-horizontal dt{width: 148px;}
.dl-horizontal dt:after{content:":";float: right;}
.dl-horizontal dd{margin-left: 150px;}

/* hidden */
.hiddenText{position: relative;}
.hiddenText .posa{position: absolute;width: 100%;height: 100%;left:0;top: 0;}
.hidden,
.hidden *,
.req span,
.accessibility{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.sdate, .edate, .brthdy{width: 120px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.bottom{bottom:0;}
.left{left:0;}
.right{right:0;}
.dib{display: inline-block;}
.borderLeft1{padding-left: 30px;}
.borderLeft1:before{content:"";width: 0;height: 90%;position: absolute;left: 0px;border-left: 1px solid #dadada}
.nodata{padding-top: 50px;padding-bottom: 50px;display:block;text-align: center; margin-bottom: 30px;}



/* dongjak commons */
.w-a{width: auto !important;}
h2+h3,
h3+h3,
h3+.hgroup>h3{margin-top: 0!important}
h3 + .hgroup .reqInfor{margin-top: 8px !important;}

.badge.lg{min-width: 40px;min-height: 40px;line-height: 40px;-moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;padding:0;background-color: #605651;}
.whsnw{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

.imeInactive{ime-mode:inactive}
.imeActive{ime-mode:active}
.imeDisabled{ime-mode:disabled}
.inputOnfocus{color:#666;}
.inputOnfocus:focus{color:#000;}

/* common */
.border1{padding: 10px;border:1px solid #dadada;}
.border2.padding{padding: 10px 40px 15px;}
.border2{border:2px solid #dadada;margin-bottom: 20px;}
.border4{border:4px solid #dadada;}
.box1gray{clear: both;border:1px solid #dadada; background-color: #f5f4f2; width: 100%;padding:15px 20px;margin-bottom: 20px;}
.box1gray strong{color:#000;}
.box-gray{background-color: #f5f4f2;padding: 40px;float: left;}
.btn.on{color:#ffffff;background-color:#d9534f;border-color:#d43f3a}
p.logo{display: inline-block;float: left;}


/* color */
.red,
.text_box strong{color:#D90000}
.blue {color:#0095da}
.green{color:#2E5841;}
.purple{color:#9f18ab;}
.white,
.btn-group .white.btn.on{color:#fff !important;}
.btn-group .white.btn{color:#333 !important;}
.uline{display: inline-block;border-bottom:1px solid #616160;padding-bottom: 5px;}
.bgblack{background-color: #605651;color:#fff;}
.bgyellow{background-color: #ffd96d;}
.bggreen{background-color: #d5efb7;}
.bgblue{background-color: #1f9ed9;color:#fff;}
.bggray{background-color: #f5f4f2;}
.circle{-moz-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;}
/* 이전 이후 화살표*/
.arrow-lg .fa{font-size: 120px;position: relative;height: 100%;color:#ddd;}
.arrow-lg .center{position: absolute;z-index: 10;width: 90%;height: 100%;margin-top: 40px;font-size: 20px;}

hr.arr-md{position: relative;float: left;border-bottom:1px solid #ccc; width: 100%;}
hr.arr-md:before{content:"\f0ab";text-align: center;background-color: #fff;position: absolute;left: 50%;top:-12px;width: 28px;height: 28px;font-size: 28px;color:#605651;z-index:10;}


/* ul, ol list */
ol.decimal{list-style-type: decimal;margin-left:20px;clear: both;}
ol.decimal>li{list-style-type: decimal;}

table .list{margin-left: 2%;width: 96%;}
table ul{text-align: left;}
table ul ul{margin-left: 5px;color: #666;margin-bottom: 10px;}
table ul ul ul{margin-bottom: 5px;}
table ul ul li{position: relative;margin-left: 5px;}
table ul ul li:before{content:"-";position: absolute;left: -10px;}
table ul ul ul li:before{content:"• ";position: absolute;left: -10px;}

.list { padding:0;float:left; width:100%; padding-left:20px; }
.list ul, .list li{width: 100%;display: block;float: left;}
.list li,
table td>ul>li{position: relative;}
.list li:before,
table td>ul>li:before{position: absolute;}
.list>li,
table td>ul>li{ margin: 5px 0; padding: 0 0 0 12px;}
dd>ul>li{margin: 0 !important}
dd>ul>li:before{top: 5px;}
dl .list{padding-left: 0;}
.list>li:before,
table td>ul>li:before{content: ""; width: 14px;height: 24px;background:url(/static/portal/img/common/bull.png) no-repeat 0 50%;display: inline-block;left: 0;}
.list>li>ul,
.list2 { padding: 0; margin-bottom: 15px; margin-left: 3px; }
.list>li>ul>li,
.list2>li,
.t2 { color: #595959; text-indent:0; line-height: 1.7em; padding-left: 12px; position: relative; }
.list>li>ul>li:before,
.list2>li:before,
.t2:before{content: ""; width: 14px;height: 20px;background:url(/static/portal/img/common/bullet.png) no-repeat -8px -138px;
	display: inline-block;position: absolute;left: 0;}
.list>li.bgn:before,
.list li.bgn:before,
.list2>li.bgn:before,
.list>li>ul>li.bgn:before{background: none;}
.list>li>ul>li>ul{margin-bottom: 0;}
.list>li>ul>li>ul>li { padding: 0px 0 0 10px; color: #595959; line-height: 1.3em; }
.list>li>ul>li>ul>li:before{content:"· ";vertical-align:middle;color:#000;left:0;}
.list p{margin: 0 0 0 13px;}
p.bull{position: relative;padding-left:14px;clear:both;margin-left:24px !important;}
p.bull:before{content:'•';position: absolute;top:4px;left:0;font-size: 18px;line-height: 16px;}

.listimgR img{float: right;margin-left: 30px;margin-bottom: 20px;}
.listimgR li{float: none;}
.listArr>li{position: relative;padding-left:20px;clear: both;/* word-break:keep-all; */}
.listArr>li:before{position: absolute;content:"\f138";left:0;}
.listArr>li>ul{padding-left: 0;}

.t1 {margin: 5px 0;padding: 0px 0 0 28px;clear: both;}
.t1:before{content: "";width: 12px;height: 24px;background: url(/static/portal/img/common/bull.png) no-repeat 0 17px;display: inline-block;margin-left: -12px;}

/* modal */
.modal{z-index: 2100;}
.modal-dialog{z-index:2350;width: 900px;}
.modal-content{z-index: 2500;}
.modal-header{background: #605651;color:#fff;}
#content .modal-header h4:before{content:"";}

.modal-content{-o-border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;
border:2px solid #605651;}
.modal-header .close{background-color: #fff;padding: 10px;opacity: 1;}

/* background */
.badge{font-size: 14px;}
.badge-md{width: 40px;height: 40px;line-height: 34px;font-size: 20px;border-radius:40px}
.bg-primary{color:#fff;background-color:#337ab7}
a.bg-primary:hover, a.bg-primary:focus{background-color:#286090}
.bg-success{background-color:#dff0d8}
a.bg-success:hover, a.bg-success:focus{background-color:#c1e2b3}
.bg-info{background-color:#d9edf7}
a.bg-info:hover, a.bg-info:focus{background-color:#afd9ee}
.bg-warning{background-color:#fcf8e3}
a.bg-warning:hover, a.bg-warning:focus{background-color:#f7ecb5}
.bg-danger{background-color:#ed5e74}
a.bg-danger:hover, a.bg-danger:focus{background-color:#ed5e74}
.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eeeeee}


.calendarzone input[type="button"]{position: absolute;left: -35px;top: -3px;}
.calendarzone{display:inline;position:relative;z-index:20}
.calendarzone .calendarSLayer{border:2px solid #333; display:none; position:absolute;z-index:10;top:35px;}
.calendarzone input[type="button"]{background:url("/static/commons/img/calendar.gif") no-repeat scroll 50% 50%;height:31px;border:medium none;margin:0;padding:0;width:31px;vertical-align:top; color:transparent;text-indent:30px;}

/* box */
.box-sm{width: 100px;height: 100px;display: inline-block; text-align: center; padding-top: 20px;line-height: 18px;margin-bottom: 5px;}
.bx1{border-radius: 10px;border:1px solid #ddd;padding:10px 20px;}
.bx1 h3{margin-top: 10px !important;}
.bx1 *:before{content:"" !important;margin-left: 0 !important;}
.bx2{background:#f3e3fc;color:#805794;font-size:15px;border-radius: 10px;padding:20px;}
.boxs1{clear: both;float: left;width: 100%;background: url(/static/portal/img/common/boxs1.gif) no-repeat;min-height: 310px;margin-top: 15px;}
.boxs1 .boxsLt{float: left;width: 70%;padding: 30px 40px;}
.boxs1 .boxsLt p,
.boxs1 .boxsLt li{max-width: 520px}
.boxs1 .boxsRt{float: left;width: 30%;text-align: center;padding: 33px 10px;}
.boxs1 .boxsRt .btn{width:230px;}
.boxs1 .boxsRt .btn:after{content:"\f061";font-family:FontAwesome;margin-left: 20px;float: right;}
#content .boxs1 h3{margin-bottom: 0;padding-left: 20px;margin-top: 10px;}
#content .boxs1 h3:before{content:"\f046";color:#1f9ed9;margin-left: -20px;}

/* members */
.border2.scrollY{height: 150px;}
.member{clear: both;}

.mbox, .mbox6{border:6px solid #1f9ed9; border-bottom-width:0;width: 100%;float: left;}
.mbox6>div{padding: 20px 50px;}
#content .mbox6 h3{margin-bottom: 0;padding-left: 20px;font-size: 24px;line-height: 30px;}
#content .mbox6 h3:before{content:"\f046";color:#1f9ed9;}


.mbox>div:first-child{border-right:6px solid #f5f4f2}
.mbox>div{padding: 30px 30px 0 30px;}
.mboxR{position: relative;border-right:6px solid #1f9ed9;float: left;}
.mboxR:after{display: block;position: absolute;top: 40%;right:-8px;width: 10px;height: 60%;background-color: #fff;}
.mboxR>div:first-child{border-right: none;}
#content .mboxR h3{}
#content .mboxR h3:before,
#content .mboxR .list>li:before{content:"\f138";}
#content .mboxR .list>li{padding-left: 15px;color:#666;}


.snsIcos{}
.snsIcos a{display: inline-block;width: 50px; height: 50px;vertical-align: top;}
.snsIcos a:last-child{margin-right: 0;}
.snsIcos .snsico01{background: url(/static/portal/img/member/sns_01.png) no-repeat;}
.snsIcos .snsico02{background: url(/static/portal/img/member/sns_02.png) no-repeat;}
.snsIcos .snsico03{background: url(/static/portal/img/member/sns_03.png) no-repeat;}
.snsIcos .snsico04{background: url(/static/portal/img/member/sns_04.png) no-repeat;}
.snsIcos .snsico05{background: url(/static/portal/img/member/sns_05.png) no-repeat;}
.login .input{width: 100%;margin-bottom: 20px;}
.login .memberinfo a{display: inline-block;padding: 5px 10px;}

.regAgreeOpen{position: fixed;z-index:1000;width: 100%;height: 100%;}

#content h2.nobull:before{display: none;}
#content .memberSet h2{padding-bottom: 20px;margin: 0;}
#content .memberSet  .pattern h2{padding-bottom: 10px;}
.memberSet .btn-xg{width: 100%;margin-bottom:20px;}

.panelList{clear:both;width: 100%;}
.panelList .box{position: relative;border:1px solid #dadada;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;overflow: hidden;margin-bottom: 10px;
-o-box-shadow: 0px 5px 5px rgba(0,0,0,0.1);-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
box-shadow: 0px 5px 5px rgba(0,0,0,0.1);text-align: center;}
.panelList li{position: relative;}
.panelList li:after{content:"\f054";font-size: 20px;position: absolute;right:-13px;top:40%;width:20px;height:20px;color:#ddd;font-family:FontAwesome;}
.panelList li:last-child::after{display: none;}
.panelList.bottom li{margin-bottom: 20px;}
.panelList.bottom li:after{content:"\f078";right: 45%;top: 94%;}
.panelList .title{position: relative;background:#605651;color:#fff;font-weight: 500;display: block;padding: 10px;margin-bottom: 10px;margin: 0 !important;}
.panelList .info{display: block;padding: 10px;}
.panelList ul li{text-align: left;}
.panelList.noArr li:after{content:" ";}
.panelList.noArr li:last-child::after{display: none;}



.boxGray{background: #f5f4f2;}
.view.boxGray{padding-bottom: 30px;padding-left: 20px;margin-bottom: 20px;}
.boxGray .subject{margin-bottom: 20px !important;}
.boxGray .desc{margin: 20px;}
.boxGray h2{text-align: center;border-bottom:1px solid #dadada;padding:13px 10px 14px 10px !important;margin:0 0 30px !important;}
.boxGray h2:before{background: none !important;}
.boxGray .img{display: inline-block;width: 302px;height: 240px; background:#fff url(/static/commons/img/thumbLogo.png) 50% 50% no-repeat;text-align: center;vertical-align: top;}
.boxGray .imglg{width: 100%;height: auto;float: left;}
.photolg>div{float: left;display: inline-block;}
.boxGray .imglg img{width: 100%;max-width: 475px;}


/* icons */
.user{color:#0095da;}
.user:before{content:"\f007";margin-right: 10px;font-family: FontAwesome, 'Noto Sans', serif;}
.req:after{content:"(*)";color:#c00000;}
.tel{color:#c00000;}
.tel:before{content:"\f095";margin-right:10px;font-family: FontAwesome, 'Noto Sans', serif;}
.fax:before{content:"\f1ac";margin-right:5px;}
.mobilephone{color:#c00000;}
.mobilephone:before{content:"\f10b";margin-right:10px;font-family: FontAwesome, 'Noto Sans', serif;}
.fileTexto:before{content:"\f0f6";margin-right:10px;font-family: FontAwesome, 'Noto Sans', serif;}
.bar:after{content:"|";color:#dadada;margin-left: 20px;margin-right: 20px;}


/* faqList */
#faqList { position: relative; margin: 30px 0 0; border-top: 3px solid #0552a9; border-bottom: 1px solid #707580; }
#faqList dt, #faqList dd { position: relative; padding: 10px 10px 12px 35px; border-bottom: 1px solid #d6d6d6; }
#faqList dt { line-height: 37px; padding-top: 0; padding-bottom: 0; }
#faqList dt button { display: block; line-height: 18px; background-color: transparent; border: 0; padding: 10px 0; width: 100%; text-align: left; }
#faqList dd { background: #f8f8f8; }
#faqList .qna_img { position: absolute; left: 0px; top: 7px; background: url(/static/commons/img/ico_q.png) 0 0 no-repeat; width: 24px; height: 24px; background-size: auto 100%; }
#faqList dd .qna_img { background-image: url(/static/commons/img/ico_a.png); }
#faqList #no-data { width: 100%; text-align: center; padding-left: 0; background-image: none; font-weight: bold; }
.fieldList .row { line-height: 34px; }
.fieldList .row + .row { margin-top: 10px; }


/* steps */

.step.len7 li{width: 14% !important;}
.step.len5 li{width: 17% !important;}
.step.len4 li{width: 21% !important;}
.step.len3 li{width: 33.3333% !important;}
.step{clear:both;width: 100%;text-align: center;display: table;margin-bottom: 10px;}
.step, .step li{list-style-type: none;position: relative;}
.step li{display: inline-block !important;padding:2px 3px 10px 3px; margin-right: 3%; margin-bottom: 5px;border:1px solid #ddd; vertical-align: top; width: 20%;min-height: 80px;
	-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; -ms-word-break: keep-all; word-break: keep-all;
	background: rgb(230, 230, 230);
	background: -webkit-linear-gradient(90deg, rgb(230, 230, 230) 2%, rgb(255, 255, 255) 28%);
	background: -ms-linear-gradient(90deg, rgb(230, 230, 230) 2%, rgb(255, 255, 255) 28%);
	background: linear-gradient(180deg, rgb(230, 230, 230) 2%, rgb(255, 255, 255) 28%);
	-webkit-box-shadow: inset 0px 3px 10px 0px rgba(255, 255, 255, 0.9);
	-moz-box-shadow: inset 0px 3px 10px 0px rgba(255, 255, 255, 0.9);
	box-shadow: inset 0px 3px 10px 0px rgba(255, 255, 255, 0.9)
}
.step li::after{content:"\f061";color:#ddd;position: absolute;right:-34px;top: 50%;width: 30px;margin-top: -15px;font-size: 30px;font-family: FontAwesome, 'Noto Sans', serif;}
.step li:last-child::after{display: none;}
.step li:last-child{margin-right: 0;}
.step li em{display: block;background: #035479;color:#fff;font-weight:400;border-radius: 0 0 90px 90px;padding: 5px 0;margin-bottom: 10px; text-transform: uppercase;}
.step li p{display: inline-block;border-top:1px dashed #bbb;width: 95%;padding-top: 10px;}

.steps li{display: block;float: left;border:1px solid #dedede;line-height: 48px;text-align: center;}
.steps li>span{display: block;}
.steps li.active>span:after{position: absolute;content:"\f061";right: 0;font-family:FontAwesome;font-size: 22px}
.steps li.active,
.steps li.on{height: 50px;line-height: 48px;background:#605651;position: relative;color:#fff;border:1px solid #605651;border-right-style:none;}
.steps li.on{border-right:1px solid #dedede;}
.steps li.active:before {content:"";position: absolute;left: 100%;top: 0;width: 0;height: 0;border-top: 25px solid transparent;
	border-left: 20px solid #605651;border-bottom: 25px solid transparent;}


.goStep{clear: both;border:1px solid #dadada;padding:14px 25px;}
.goStep .title{font-size: 24px;color:#1f9ed9;}
.goStep .title:after{display: inline-block;content:"\f018";color:#fff;background-color:#605651;width: 40px;height: 40px;font-size: 20px;line-height: 40px;
	-moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;margin-left: 15px;margin-right: 15px;}
.goStep li{display: inline-block;}
.goStep li:after{display: inline-block;content:"\f0a9";width: 30px;height:30px; text-align: center;}
.goStep li:last-child:after{display: none;}


.listPlus{ color:#fff; text-align: center;}
.listPlus li{position:relative;float: left;width: 140px;height: 140px; border-radius: 100px;background-color: #7cb238;margin-right: 40px;padding: 23px; word-break: keep-all;}
.listPlus li:after{content: "\f067";position: absolute; font-size: 20px;right: -30px;top:43%;width: 30px;height: 60%;color:#7cb238;}
.listPlus li:last-child{margin-right: 0;}
.listPlus li:last-child:after{display: none;}

.page-loader{position: fixed;z-index:10000;width: 100%;height: 100%;background:rgba(0,0,0,0.6);text-align: center;}
.page-loader .loader{display: block;float: left;width: 100%;height: 100%;background:url(/static/commons/img/loading.gif) no-repeat 50% 50%;}

.member-box6{position: relative;float: left;width: 100%;border:2px solid #1f9ed9;padding:15px 20px;margin-bottom: 10px;min-height: 80px;background: url(/static/portal/img/member/member-box6.gif) no-repeat 100% 50%;word-break: keep-all;}
.member-box6:before{content:"";position: absolute;bottom:-6px;left: -6px;background-color: #fff;width: 20px;height: 20px;}
.member-box6:after{content:"";position: absolute;top: -6px;right: -6px;background-color: #fff;width: 20px;height: 20px;}
.member-box6 .fa-xg{font-size: 44px;line-height: 65px;}
.member-box6 strong{font-weight: 700;}
.member-box6 .box1{margin:10px 0;padding: 10px;}
.member-box6 input, .member-box6 button{width: 100%;margin-bottom: 20px;}

.circleM{display: block;float: left;line-height: 40px;font-size: 20px;-moz-border-radius: 40px;vertical-align: middle;
	border-radius: 40px;width: 40px;height: 40px;background-color: #605651;color:#fff;}
.circleM2{display: inline-block;line-height: 89px;font-size: 38px;-moz-border-radius: 100px;vertical-align: middle;
	border-radius: 100px;width: 89px;height: 89px;background-color: #f6f6f6;color:#4f4f4f;text-align:center;} 
.circleM3{float:left;display: inline-block;line-height: 15px;font-size: 11px;-moz-border-radius: 40px;vertical-align: middle;
	border-radius: 40px;width: 15px;height: 15px;background-color: #1f9ed9;color:#fff;text-align:center;} 
.ico-xg{font-size: 40px;vertical-align: middle;}

/* patter Bg */
.pattern_01{background:url(/static/portal/img/member/pattern_01.gif);padding:20px 50px;max-width: 348px;display: inline-block;}
.pattern_02{background:url(/static/portal/img/member/pattern_02.gif);padding:20px 50px;max-width: 348px;display: inline-block;}
.pattern_03{background:url(/static/portal/img/member/pattern_03.gif);padding:20px 50px;max-width: 348px;display: inline-block;}
.pattern1{background:url(/static/commons/img/pattern1.gif);padding:15px 20px;float: left;width: 100%;}
.pattern1 .list{margin-left: 0;}
.pattern1 li{margin: 0 !important;-ms-word-break: keep-all;}

/* tabs */
.tabContent{float: left;width: 100%;margin-top: 10px;}
.tabs{width: 100%;clear: both;float: left;margin-bottom: 10px;}
.tabs ul{display: table;width: 100%;}
.tabs li{display: block;float: left;border: 1px solid #dee1e7;text-align: center;padding: 13px 5px;margin-left: -1px;width:25%;}
.tabs .tabsli_2 li{width: 50%;}
.tabs .tabsli_3 li{width: 33.3333%;}
.tabs .tabsli_4 li{width: 25%;}
.tabs .tabsli_5 li{width: 20%;}
.tabs .tabsli_6 li{width: 20%;}
.tabs .tabsli_7 li{width: 25%;}
.tabs .tabsli_8 li{width: 25%;}

.tabs .on{background: #605651;border-color: #605651;}
.tabs .on a{color: #fff;}
.tabs li:last-child{border-right: 1px solid #dee1e7;}
.tabs a{display: block;border-right-style: none;padding-left: 5px;padding-right: 5px;letter-spacing: -1px;font-size: 14px;}
.tabCon{display: none;min-height:600px;clear: both;}
.tabCon.on{display:block;}

.tab-interface{position: relative;width: 100%;}
.tabbox{display: table;width: 100%;}
.tabbox li{display: block;float: left;border: 1px solid #dee1e7;border-right-style: none;text-align: center;padding: 13px 5px;min-width: 120px;}
.tabbox>.on{background: #605651;border-color: #605651;}
.tabbox>.on>a{color: #fff;}
.tabbox li:last-child{border-right: 1px solid #dee1e7;}
.tabbox a{display: block;border-right-style: none;padding-left: 5px;padding-right: 5px;}
.tabCts{display: none;position: absolute;top: 70px;left:0;width: 100%;}

.tablink{text-align: center;}
.dotBg{display: inline-block;vertical-align: middle;width: 24px;height: 24px;line-height: 26px;text-align: center;color: #fff;}
.tabsub{margin-bottom: 20px;clear: both;}
.tabsub ul{clear: both;background: #f5f5f5;border: 1px solid #ddd;color: #000;display: table;padding: 10px;width: 100%;}
.tabsub li{display: table-cell;float: left;padding: 5px 10px;margin-right: 1px;}
.tabsub li.on a{color: #16729C;}
.tabsub li a:before{content:"\f138"; margin-right: 5px;}


/* 지도 맵 */
.mapView{width: 100%;height: 400px;margin-bottom: 20px;}


/* 부서 동 */
.deptDong{position: absolute; width: 550px;top: 41px;z-index: 150;display: none;}
.deptDong{padding:10px;border:1px solid #d5d5d5;border-radius: 5px;background:#fff}
.deptDong dl{}
.deptDong .dept{width:69%;padding-right:1%;float:left;border-right:1px solid #ddd;box-sizing:border-box;}
.deptDong .dong{width:30%;float:right;}
.deptDong dt{background:#626e97;color:#fff;width:100%;padding:5px 0;margin-bottom:1px;text-align:center;}
.deptDong dd{text-align:left;}
.deptDong dd a{display:block;float: none;padding:0 0 0 5px;}
.deptDong .dept .ddlist{display: block;float: left;width: 33.333%;}
.deptDong .dept .ddlist a{height: 35px;line-height:35px;}
.deptDong .dong .ddlist{display: block;float: left;width: 50%;}
.deptDong .dept ul{float:left;width:33.3%;}
.deptDong .dong ul{float:left;width:50%;}

.globalLink .siteLink5{position: relative;}
.globalLink ul li.siteLink5 dl a{background: none;color:#000;}
.globalLink ul li.siteLink5 dl dd a:hover{background:#626e97;color:#fff;}
.globalLink ul li.siteLink5 .close{clear:both;text-align:right;padding:10px;}
.globalLink ul li.siteLink5 .close a{color:#000;background: none;font-size:40px;}

.location .container{position: relative;}

/* paging */
.paging{clear: both;}
.paginationSet{text-align: center;clear: both;}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;text-align: center;}
.pagination>li{display:inline;text-align: center;}
.pagination>li>a, .pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#010101;background-color:#ffffff;border:1px solid #dddddd;margin:0 2px;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{z-index:2;color:#010101;background-color:#eeeeee;border-color:#dddddd}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{z-index:3;color:#ffffff;background-color:#337ab7;border-color:#337ab7;cursor:default}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus{color:#777777;background-color:#ffffff;border-color:#dddddd;cursor:not-allowed}
.pagination-lg>li>a, .pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}
.pagination-sm>li>a, .pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}
.pagination>li.first .s:before,
.pagination>li.first a:before{content:"\f100"; }
.pagination>li.prev .s:before,
.pagination>li.prev a:before{content:"\f104"; }
.pagination>li.next .s:before,
.pagination>li.next a:before{content:"\f105"; }
.pagination>li.end .s:before,
.pagination>li.end a:before{content:"\f101"; }
.pagination>li .s span,
.pagination>li.i a span{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0 }


.footLink{position: fixed;bottom: 0;z-index: 1000;float: left;width: 100%;margin-bottom:0;}
.footLink.active{position: relative;margin-bottom: 20px;}
.footLinkOpen{position: absolute;top:-50px;text-align: center;width: 100%;}
.footLinkOpener{position: relative;display: inline-block;width: 240px;height: 50px;border:none;border-radius: 50px 50px 0 0;background-color: #426fb2;
	color:white;box-shadow: 0px -5px 10px rgba(155, 155, 155, 0.2);}
.footLinkOpener:before{position: absolute;left: 50%;bottom: -15px;margin-left: -15px;content:"\f077";font-family:FontAwesome;width: 30px;height: 30px;line-height: 30px;background-color: #605651;color:#fff;border-radius:30px;}
.footLinkOpener.on:before{transform: rotate( -180deg );transition: transform 150ms ease;}

.footLink .container{position: relative;}
.footLink .container h2{position: absolute;display: inline-block;left:50%;top: 30px;height: 40px;width: 130px;margin-left: -65px;text-align: center;
border-top-left-radius: 5px; border-top-right-radius: 5px;}
.footLink .container h2 a{color:#fff;font-size: 15px;font-weight: normal;display:block;line-height:40px;}

.footLink .container h2 a:after{content:" + "; margin-left: 5px;}
.footLink .container h2.on a:after{content:" - "; margin-left: 5px;}
.footLink .container .footLinkH1{margin-left:-197px;}
.footLink .container .footLinkH3{margin-left:67px;}
.footLink .container>div{display: none;float: left;width: 100%;}
.footLink .container>div.on{display: block;}
.footLink .container>div a{color:#fff;line-height: 24px;}
.footLink .container>div>ul{padding-top:70px;float:left;width:100%;text-align:center;}
.footLink .container>div>ul>li{font-weight:400;display: inline-block;vertical-align: top;float: none;text-align: left;}
.footLink .container>div>ul>li>a{display: block;text-align: center;background-color: #fff;line-height: 50px;color:#000;}
.footLink .container>div>ul>li>ul{padding:10px 15px 10px 0;}
.footLink .container>div>ul>li>ul>li{font-size: 13px;font-weight:400;}
.footTot_1, .footLinkH1{background-color: #426fb2;}
.footTot_2, .footLinkH2{background-color: #b27d57;}
.footTot_3, .footLinkH3{background-color: #3a9aad;}




@media (max-width: 480px){
	.footLink .container h2{width: 100px;margin-bottom: 10px;top:25px;}
	.footLink .container>div{clear: both;}
	.footLink .container .footLinkH1{margin-left: -150px;}
	.footLink .container .footLinkH2{margin-left: -50px;}
	.footLink .container .footLinkH3{margin-left: 51px;}
	.footLink .container>div>ul>li{width: 49%;margin-right: 1%;float: left;}
	.footLink .container>div>ul>li:nth-child(even){width: 49%;margin-left: 1%;margin-right: 0;float: left;}
	.footLink .container>div>ul>li>ul>li{margin-bottom: 10px;}
	.footLink .container>div a{line-height:16px;display: block;}
}




/* card */
.card {box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12) !important;padding:10px; float: left; }
.card .head{display: block; padding:10px 0; }
.card .body{padding: 30px;text-align: left;}
.card dd>ul>li, .card p{text-align: justify;}
.card dd>ul>li:before{top: 0;}
.card-2{ }
.card-4,
.hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) !important }
.card-8 { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) !important }

.round { border-radius: 10px }
.round-xs{ border-radius: 3px }
.round-sm{ border-radius: 5px }
.round-lg { border-radius: 20px }
.round-xg { border-radius: 30px }


/* table */
.table-mx{width: 99.999%;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th,
.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{text-align: center;vertical-align: middle;border:1px solid #dadada;}
.table.tal>thead>tr>td, .table.tal>tbody>tr>td, .table.tal>tfoot>tr>td{text-align: left;}
.table-lg,
.table-md,
.table-sm,
.table-xs,
.bdList{overflow-x:auto;width: 100%;border-top: 2px solid #47413e;}
.table-lg table,
.table-md table,
.table-sm table{border-top:none;}
.table-lg table{min-width: 960px;}
.table-md table{min-width:700px;}
.table-sm table{min-width:500px;}

.table>thead>tr>th{border-bottom:1px solid #dadada;}
.bdView{border-top: 2px solid #47413e;margin-bottom: 30px;margin-top: 8px;float: left;width: 100%;}
.bdView table{margin: 0;width: 100%;border:none;}
.bdView > table > tbody > tr > td{text-align: center;vertical-align: middle;}
.bdView table .th{border-radius: 8px}
.bdView table th, 
.bdView table td,
.bdView table tbody th{border-bottom:1px solid #dadada;padding: 8px;text-align: center;}
.bdView .table td{text-align: left;}
.bdView table th,
.bdView table .th{ background: #f5f4f2;color: #3e3a30; text-align: center;padding:13px 5px 12px 5px}
.bdView table .title,
.bdView table .tit{text-align: left;}
.reqInfor{clear: both;text-align: right;}

/* sub 찟어져야 할 페이지 */
/* sitemap */
.sitemap{}
.sitemap>ul{margin: 0;clear:both;}
.sitemap>ul>li{float:left;width:100%;margin-bottom:20px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f5f4f2;}
.sitemap>ul>li>a{display: inline-block;float: left;width: 23%;padding:15px 0 10px 30px;letter-spacing: -1px;}
.sitemap>ul>li>a:before{display: inline-block;content:"\f016";margin-right: 5px;line-height: 30px;text-align: center;color:#fff; background:#605651;  width: 32px;height: 32px;-moz-border-radius: 20px;-webkit-border-radius: 20px; border-radius: 20px;}
.sitemap>ul>li>ul{width: 77%;background-color:#fff;padding: 15px 5px;float: left;}
.sitemap>ul>li>ul>li{display: inline-block;width: 32.3333%;vertical-align: top;}
.sitemap>ul>li>ul>li>a{display:block;font-size:16px;line-height:1.13;/* color: #333; */padding:2px 0;}
.sitemap>ul>li>ul>li>ul>li>a{display:block;font-size:14px;color: #666;padding:4px 0;padding-left:10%;line-height:1.13;}
.sitemap>ul.noList{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;float:left;width:100%;background:#f5f4f2;margin: 0;}
.sitemap>ul.noList>li{display: inline-block;width:33%;border:none;background:none;margin: 0;}
.sitemap>ul.noList>li>a{display:block;width:100%;letter-spacing:-1px;}
#content .sitemap>h2+h2{margin-top: 0;}

.imgBadge{position: relative;}
.imgBadge img{width: 100%;}
.imgBadge .before{display: block;position: absolute;left: -3px;top: 0;width: 75px;height: 35px;line-height: 30px;color:#fff;font-weight: bold;}

.btnCategory{clear: both;float: left;width: 100%;}
.btnCategory a{display: inline-block;margin-right: 20px;line-height: 30px; text-decoration:none;}
.btnCategory a:before{content:'• '; }
.btnCategory a.on,
.btnCategory a:hover,
.btnCategory a:focus{color:#16729C; border-bottom:1px solid #1776A3;}



/* gallery */
.gallery2{padding: 20px 0 0 0;border-top: 3px solid #686c6f;float: left;width: 100%;}
.gallery2 ul{}
.gallery2>ul>li{/* float:left; */position: relative;margin-bottom:20px;}
.gallery2 ul li img{margin-right: 30px;max-height: 160px;max-width: 100%;}
.gallery2 .img{width: 235px;height: 160px;}
.gallery2 dl{display: block;clear: right;margin-bottom: 10px;}
.gallery2 dl dt{margin-bottom: 5px;max-height: 45px;overflow: hidden;font-size: 16px;font-weight: 500;position: relative;white-space: nowrap;text-overflow: ellipsis;}
.gallery2 dl dt.whsn{white-space:inherit;max-height: 89px;}
.gallery2 dl dt.filetext:before{content:"\f0f6 ";position: absolute;left: 2px;}
.gallery2 dl dt a span{display: block;}
.gallery2 dl dd{line-height: 20px;}
.gallery2 dl li:before{content:"●";font-size:12px;vertical-align: top;font-family:arial, serif;margin-right: 5px;}

.gallery2 .btn i.fa-desktop{margin-right: 20px;}
.gallery2 .btn i.fa-home{margin-left: 8px;margin-right:8px;}
.gallery2 .img{display: block;float:left;margin-right:20px;}
.gallery2 .img img{width: 100%;}
.gallery2 .box{padding: 29px;float: none;/* width: 100%; *//* height: 220px; */position: relative;margin-left: 0;margin-right: 0;}
.gallery2 .right{position: absolute;right:30px;top: 55%;margin-top:-20px;}
.gallery2 dd>span{position: absolute;left: 26px;top: 30px;width: 75px;height: 35px;display: block;text-align: center;line-height: 28px;color:#fff;}
.gallery2 .card{line-height: 160px;width: 220px;text-align: center;}
.gallery2 ul li  .card{padding: 0;}
.gallery2 ul li  .card img{margin-right: 0;}
.gallery2 .box .txt {overflow:hidden;display:block;/* height:79px; */}



/* box */
.boxBlue{padding: 50px; background:#e9f6f8;float: left;width: 100%;}
.boxBlue .bdb1{clear: both; padding: 30px 0;float: left;}
.boxRed{padding: 50px; background:#fcf4f7;float: left;width: 100%;}
.boxTop{padding:20px 30px 20px 50px;margin: 10px 0 30px 0;border: 2px solid #dadada;text-align: left;float:left;width:100%;clear:both;}
.boxTop .h2{font-size: 50px;}
.boxTop .info{float: left;position: relative;padding-left: 60px;}
.boxTop .info:before{content:"\f05a";margin-right: 10px;display:inline-block;float:left;height:55px;font-size: 50px;
	position: absolute;top: 11px;left: 0px;}
	
	
@media screen and (max-width:767px) {
	.boxBlue {padding:10px;}
	.boxBlue ul {overflow:hidden;display:block;}
	.boxBlue .bdb1 .col-md-3 {text-align:center;}
	.card {float:none;}
	.tabs {padding:0 10px;}
}