@charset "utf-8";

body{font-size: 16px;font-weight:400;line-height: 1.6em;color: #000;}
table {font-size: 15px;}
#content,
.notice>ul>li>a{}
*: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:none;}
address{font-style: normal;}
figure{margin: 0 0 20px;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{margin: 0;padding: 0;}
.h4{line-height: 28px;margin-bottom: 10px;}
.spot_visual, strong, .tabs>ul>li>a, .deptDong dt,
.gallery2 dl dt{}
.tabs>ul>li>a{font-size: 17px;line-height: 18px;}
h1:before, h2:before, h3:before, h4:before, h5:before{}
#content h3.bgn:before{content:"";margin-left:0;margin-right:0;vertical-align:bottom;}
#content h2.bgn{padding-left: 0;}
#content h2.bgn:before{display:none;}

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

#container {width:100%;display:block;position:relative;clear:both;/* float:left; */min-height:1000px;}
#container:before, #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
/* .contentData h1, .contentData h2, .contentData h3, .contentData h4, .contentData h5, .contentData h6{float: left;width: 100%;}*/
.contentData .hgroup h1, .contentData .hgroup h2, .contentData .hgroup h3, .contentData .hgroup h4, .contentData .hgroup h5, .contentData .hgroup h6{display: inline-block;width: auto;}
.contentData .hgroup .fr{margin-top: 5px;}
.contentData h3{text-indent: -25px;padding-left: 30px;}
.contentData h3 + .view,
.contentData h2 + .view{margin-top: 0;}
h4.no-bef:before{display: none;}
ul >li.no-bef:before{display: none;}
h5.no-bef:before{display: none;}
ul>li>ul>li.no-bef:before{display: none;}

/* button */
.form-group{margin-bottom: 5px;}
/* .boxTop .form-group{position:relative;} */
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 5px 5px 5px;vertical-align: middle;height: 38px; min-width: 100px;}
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 #d9d9d9;padding:4px;line-height:20px;height:34px;vertical-align:middle;margin-bottom: 5px;
	-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;margin-right: 5px;margin: -6px 5px 0 0;}
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);}
.b-req:after{content:"\f10c";margin-left: 10px;}
.b-remove:after{content:"\f00d";margin-left: 10px;}

.souceUrl{clear: both;}
.h-a{height: auto !important; max-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;}
.fa-xg{font-size: 70px;}

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;width: 100%;}
.animated { visibility: hidden; }
.animatedKey { visibility: visible !important; }
.visible {visibility: visible; }

.text-shadow{text-shadow:0px 1px #fff, 4px 4px 0px #e1d8d3;}

/* layout */
.gnbSideLeft>a{display: none;}
#content>.hgroup:first-child{border-bottom:2px solid #dedede;margin-bottom: 5px;}

/* search */
.gnbSide{text-align: right;float: right;padding-top: 22px;}
.gnbSide a{display: inline-block;vertical-align: middle;font-size:24px;padding: 10px;}
.mainSearchSet{position: absolute;right: 50px;}
.mainBestKeyword{position:absolute;right: -50px;bottom:0;width: 376px;}
@media screen and (min-width:1025px){
.mainBestKeyword{display:none}
}
/* .mainSearchSet{width: 100%;margin:0 auto;text-align: center;}
.mainSearchSet .mainSearch{float: none;margin:0 auto;max-width: 630px;width: auto;}
.mainSearchSet .mainSearch input[type="text"]{width: 100%;height: 46px;line-height: 46px;padding-left: 20px;}
.mainSearchSet .mainSearch button.searchOk{position: absolute;z-index: 10;right: 0;top: 0;color:#ee5689;width: 55px;height: 46px; }
.mainSearchSet .mainSearch button.searchOk:before{position: absolute;left: 0;top: 13px;content:"";display: inline-block;width: 1px;height: 25px;border-left:2px solid #8ed6f8;padding-right: 10px;}
 */
.mainBestKeyword{}
.mainBestKeyword>span{display:inline-block;width:90px;float:left;line-height: 27px;}
.mainBestKeyword ul{padding: 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 278px;float: left;height: 25px;}
.mainBestKeyword li{display: inline-block;padding-left: 3px;padding-right: 3px;float:left;height: 25px;}
.mainBestKeyword li:last-child{border-right: none;}
.mainBestKeyword li a{line-height: 20px;font-size: 14px;padding:0;}
.mainBestKeyword li a span{display:inline-block;padding-right:5px}

.mainSearch{position: relative;z-index:100;width: 240px;text-align: left;background-color:#fff;border:2px solid #1f9ed9;background: #1f9ed9;padding: 2px;float: left;}
.mainSearch form{margin-bottom: 0;}
.mainSearch select{width: 100px;font-size: 15px;padding: 2px 5px;margin-left: 2px;vertical-align: middle;height: 34px;background: url(/static/portal/img/search/searchSelect.png) no-repeat 100% 50%;border:none;-o-box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.mainSearch input[type="text"]{border:none;background: #fff;width: 182px;font-size: 18px;height: 34px;/* padding-right: 50px; */margin-bottom: 0;}
.mainSearch button{background: none;border:none;font-size: 30px;}
.mainSearch button.searchOk{color:#f9e920;position: absolute;right: 5px;}
.keyListOpener{position: absolute;right: 50px;top:5px;}
.dqAuto {position:absolute;top: 40px;left: 0px;background-color:white;border:1px solid #c9c9c9;width: 280px;z-index:1000;display:none;font-size: 14px;}
.dqAuto.on{display: block;}
.dqAuto li{display:block;color:#767676;text-decoration:none;line-height: 40px;padding: 0px 10px;}
.dqAuto .bottom{border-top:1px solid #ededed;background-color:#fafafa;overflow:hidden;text-align: center;}
.gnbSide .dqAuto a{font-size: 16px;line-height: 24px;padding: 8px 0;display: block;}
.dqAuto .bottom a:hover{background:none}
.dqAuto .bottom a{color:#4e4e4e}
.dqAuto .bottom a span{padding-left:20px}
.dqAuto .bottom a.off{text-decoration:underline;font-size: 14px;}
.dqAuto .bottom a.off span{}



.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_black{position: relative;padding-left:20px;text-align: left;clear: both;}
/*.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;}
.scrollX{overflow-x: auto;clear: both;width: 100%;}
.scrollY {overflow-y:scroll; height:250px;clear: both;}

/* btn list */
.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;}

.btn-group .white{background-color:#fff;color:#333;border:1px solid #dadada;}
.btn-group .white.on{background-color:#605651;color:#fff;}

.btn, button{text-align: center;text-indent: 0;}
.btn.b-plus{padding-left: 55px;padding-right: 24px;}
.b-plus:after{content:"\f067";margin-left: 10px;}
.b-w4.b-plus:after{content:"\f067";margin-left: 10px;}
.btn.b-reg{padding-left: 55px;padding-right: 24px;}
.b-reg:after{content:"\f00c";margin-left: 10px;}
.b-sh:after {display: inline-block;content:"\f002";margin-left:10px;}
.b-total:after{content:"\f039";margin-left:10px;}
.b-go:after {content:"\f061";margin-left:10px;}
.b-sound:after{content:"\f028"; margin-left: 10px;}
.b-refresh:after{content:"\f021";margin-left: 10px;}
.b-left:before{content:"\f04a";}
.b-right:before{content:"\f04e";}
.b-play:before{content:"\f04b";}
.b-stop:before{content:"\f04c";}
.btn, .b-go, .b-down, .b-add, .b-cancel, .b-ok, .b-list, .b-select, .b-reset, .b-reg, .b-move, .b-sh, .b-del
{display: inline-block; font-family: inherit; font-size: 14px; color: #292929; background:#fff; line-height: 20px; padding: 6px; border: 1px solid #aeaeae; border-radius: 6px;vertical-align: middle;}
.sh .b-sh{background:#eb6565;color:#fff;}
.sh .b-sh:after{content: ''; display: inline-block;  vertical-align: top; width: 13px; height: 15px; margin-left: 5px; margin-top: 3px;background:url(/static/portal/img/main/2022/brd_search_btni1.png) no-repeat;}
.b-go:after{content: ''; display: inline-block; vertical-align: top; width: 13px; height: 13px; background: url(/static/portal/img/main/2022/itb_nWbt_bg.jpg) no-repeat; margin-left: 4px; margin-top: 3px;}
.btn.b-preview{padding:4px 5px 3px 5px;}

.b-go u{text-decoration:none;}
.b-title.on,
.b-photo.on{background-color: #605651;color:#fff;border:1px solid #605651;}
.b-title,
.b-photo{background-color: #fff;color:#000;border:1px solid #605651; padding: 6px 20px; font-size:14px; line-height:1.42857143; }

.imgVodon{position:relative;display:inline-block;}
.imgVodon:before{content:"\f01d"; position:absolute;z-index:2;left:40%; top:30%;opacity:0.8;color:#fff;font-size:50px;}

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

/* 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 }
caption{position: relative;width: 100%;height:1px;margin:0;padding: 0;opacity:0;}
.sdate, .edate, .brthdy, .cntrctDt{width: 130px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.bottom{bottom:0;}
.left{left:0;}
.right{right:0;}
.dib{display: inline-block;}
.d-i{display: inline !important;}
/* .borderLeft1{padding-left: 30px;}
.borderLeft1:before{content:"";width: 5px;height: 71%;position: absolute;left: 55%;top: 50px;border-left: 1px solid #dadada;} */
.nodata{padding-top: 50px;padding-bottom: 50px;display:block;text-align: center; margin-bottom: 30px;}
.noImage{background:#f5f4f2 url(/static/commons/img/noimage_w.gif) no-repeat 50% 50%;display: block;clear: both;}
.noImage2{width: 100%; height: 205px; background: #fff url(/static/commons/img/thumbLogo.png) 50% 50% no-repeat;}


/* dongjak commons */
.noListData{height: 100px;}

.w-a{width: auto !important;}



/* heading */
#content h1,
.hgroup .snsPrint{margin-top: 30px;margin-bottom:14px;}
#content h1{display: inline-block;}
#content .hgroup .snsPrint{float: right;line-height: 60px;}
#content .hgroup .snsPrint a{display:inline-block;}
#content .hgroup .fa{font-size: 30px;vertical-align: middle;margin-left:20px;}
.blt_1, #content h2 { margin:30px 0 10px 1px; position: relative; clear: both;}
#content h2:before{content:"";width:3px;height: 20px;background-color: #1f9ed9;display:inline-block;margin-right:12px;}

#content h2:before{content: '';position: absolute;left: 0;top: 3px;width: 9px;height: 21px;background: #ec6e61;border-radius: 8px;}

#content h3 {margin-bottom: 10px;margin-top: 25px;float: left;clear: both;width: 100%;}
#content h3:before{content:"\f105";margin-left:13px;margin-right:8px;font-size: 16px;vertical-align:bottom;}
#content h3.bgn:before{content:"";margin-left:0;margin-right:0;vertical-align:bottom;}

#content h3.tit_01{background:url(/portal/images/contents/04/bu_01.gif) no-repeat left 45%;margin-left:20px;padding-left:15px}
#content h3.blt_2 { margin: 0 0 0 22px; padding: 1px 0 1px 17px; background: no-repeat 0 0; }
#content .h4.bull {position: relative;padding-left: 20px;line-height: 30px;clear: both;}
#content .h4.bull:before{content:"\f105";position: absolute;left:0;}
.h3{position: relative;font-size: 20px;line-height: 30px;clear: both;}

.blt_2 { padding: 1px 0 1px 17px; background: no-repeat 0 0; margin: 15px 0; }
#content h4{padding-left: 40px;padding-bottom: 5px;margin-top: 10px;position: relative;}
#content h4:before{content:"- ";/* font-size:11px; */vertical-align:bottom;position: absolute;left: 26px;}
#content .h5 { padding: 0 0 0 17px; background: no-repeat 0 0; clear: both; }
#content h5 { padding: 1px 0 1px 15px;margin-left: 20px;}
#content h5:before{content:"-";margin-right:5px;vertical-align:middle;}
#content h6 { padding: 1px 0 1px 15px;margin-left:25px; margin-top: 10px;}
#content h6:before{content:"· ";font-size: 20px;margin-right:2px;vertical-align:baseline;}
#content p{margin: 10px 0;}
#content p.info{margin: 0;}
.location .container{padding-left: 0;padding-right: 0;}

.hgroup { overflow: hidden;clear: both;margin-bottom: 5px;}
#content .hgroup h2, #content .hgroup h3 {display: inline-block;width: auto;margin: 10px 0 0;}
#content .hgroup .reqInfor{margin-top: 40px;clear:none;float: right;}
.contentData{clear: both;min-height:700px;}

#content .none_tit h2, #content .none_tit h3 { margin-left: 0px; }
#content .none_tit .list_type { margin-left: 18px; }


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,
.overflow{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;}

.memberSet .border1 h2{padding-left: 0;}

.box2{border:2px solid #c4c7cc;text-align: center;}
.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;width: 100%;}
.btn.on{color:#ffffff;background-color:#d9534f;border-color:#d43f3a}
p.logo{display: inline-block;float: left;}

/* box */
.text_box {border:1px #d5d5d5 solid;margin-bottom: 20px;background:#fff;width: 100%; padding:20px 30px;font-size: 18px;font-weight: 500;line-height: 130%;
-webkit-box-shadow: inset 0px 0px 0px 7px #f5f5f5; -moz-box-shadow:inset 0px 0px 0px 7px #f5f5f5;box-shadow:inset 0px 0px 0px 7px #f5f5f5;}
/* .boxTop{background: #f4f5f9; padding: 30px 3%; letter-spacing: -1px; margin-bottom: 40px;clear:both;} */
.boxTop{background: #f4f5f9; padding: 30px 3%; letter-spacing: -1px; margin-bottom: 40px;clear:both;}
.boxTop:after{content: ""; display: block; height: 0px; clear: both; visibility: hidden;}
.boxTop .h2{font-size: 50px;}
.boxTop .info{float: left;font-family: FontAwesome, 'Noto Sans', serif;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;}
.boxTop .info.type:before{color:#1f9ed9;}
.boxTop  .fa-info-circle{position: absolute;top: 50%;margin-top: -27px;left: 6%;color: #109fb0 !important;}
.boxTop  .col-md-2{width:13%}
.boxTop .row{margin-left: 0;margin-right: 0;position: relative;}
.boxTop .container-fluid{padding-left: 0;padding-right: 0;}

.p20Box{padding: 20px;clear: both;margin-top: 10px;}
.p20Box small:after{content:"\f0a9"; margin-left:10px;}


/* color */
.red,
.text_box strong{color:#D90000;}
.black {color:#000;}
.gray {color:#555;}
.blue {color:#0095da;}
.green{color:#2E5841;}
.purple{color:#9f18ab;}
.bright-red{color:#ec6e61;}
.white,
.btn-group .white.btn.on{color:#fff !important;}
.btn-group .white.btn{color:#333 !important;}
.uline{/* display: inline-block; */}
.uline:after{content:"\f14c";margin-left:8px;margin-right: 5px;}
.bgblack{background-color: #605651;color:#fff;}
.bgyellow{background-color: #ffd96d;}
.bggreen{background-color: #d5efb7;}
.bgblue{background: #1f9ed9 !important;color:#fff;}
.bggray{background: #f5f4f2 !important;}
.bgwhite{background-color: #fff;}
.bgBrightRed{background-color: #ec6e61;color:#fff;}

/* 이전 이후 화살표*/
.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 tr .list{margin-left: 2%;width: 96%;padding-left: 0;}
table ul{text-align: left;}
table ul ul{margin-left: 5px;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;}


.ml1{margin-left: 24px !important;}
.ml2{margin-left: 34px !important;}

.g-list{margin-left: 15px;}
.list { padding:0;width:100%; padding-left:20px; clear: both;}
.list ul, .list ul li{width: 100%;display: block;}
.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;clear: both;}
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;}
.tabCon .list>li:before, table td>ul>li:before{display: none;}
.tabCon img{width: auto;height: auto;}
.list>li>ul,
.list2 { padding: 0; margin-bottom: 15px; margin-left: 3px; }
.list>li>ul>li,
.list2>li,
.t2 {text-indent:0;line-height: 1.7em;padding-left: 12px;position: relative;clear: both;}
#content .t2{margin-left: 25px;}
.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; line-height: 1.5em; }
.list>li>ul>li>ul>li:before{content:"· ";vertical-align:middle;color:#000;left:0;}
.list>li>ul.step>li,
.list>li>ul>li>ul.step>li{padding-left: 0;clear: none;}
.list>li>ul.step>li:before,
.list>li>ul>li>ul.step>li:before{display: none;}

.list p{margin: 0;}
.bull{position: relative;padding-left:14px;clear:both;}
.bull:before{content:'•';position: absolute;top:4px;left:0;font-size: 18px;line-height: 16px;}

.bull_null{position: relative;padding-left:14px;clear:both;font-weight:bold;}

.noBull{margin-left: 0 !important;}
.noBull:before{content:"" !important;}

.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;}
#content .mbox6 h4.arrH3{position: relative;padding-left:30px;clear: both;word-break:keep-all;}
#content .mbox6 h4.arrH3:before{content:"\f138";left:10px;position: absolute;}


.table .t1{padding-left: 12px;}
.table .list{margin-left: 0;}
.t1 {margin: 5px 0;padding: 0px 0 0 33px;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;max-width: 450px;}
.modal-content{z-index: 2500; margin-top: 156px;}
.modal-header{background: #605651;color:#fff;padding: 10px 15px;}
#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: 2px 5px;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: 5;}
.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;width: 100%;min-height: 310px;margin-top: 15px;display: table}
.boxs1 .boxsLt{width: 70%;padding: 30px 40px;display: table-cell;background:#f5f4f2 url(/static/portal/img/common/boxs1_lt.gif) no-repeat 100% 0;background-size: cover;vertical-align:top;}
.boxs1 .boxsLt p,
.boxs1 .boxsLt li{max-width: 520px}
.boxs1 .boxsRt{display: table-cell;width: 30%;text-align: center;padding: 13px 3px;background:#f5f4f2 url(/static/portal/img/common/boxs1_rt.gif) no-repeat 100% 0; background-size: cover;}
.boxs1 .boxsRt .btn{width:230px;padding-top:20px;padding-bottom:20px;box-shadow: 0px 5px 5px rgba(0,0,0,0.2);}
.boxs1 .boxsRt .btn:after{content:"\f061";font-family:FontAwesome;margin-left: 20px;float: right;}
#content .boxs1 h3{margin-bottom: 0;margin-top: 10px;text-indent: 0;position: relative;padding-left: 25px;}
#content .boxs1 h3:before{content:"\f046";color:#1f9ed9;position: absolute;left: -10px;}
.bgBox{background:#f6f1fa;padding: 50px;float: left;width: 100%;}

.boxs1 .boxsLt2{width: 70%;padding: 30px 40px;display: table-cell;background:#f5f4f2;background-size: cover;vertical-align:top;}
.boxs1_min0{min-height: 0px}
/* members */
.border2.scrollY{height: 150px;}
.member{clear: both;}

/* border */
.border6{border:3px solid #1f9ed9;border-bottom-width:0;padding: 30px;clear: both;}
.border6.bbw3{border-bottom-width: 3px}
.border6Gray{border:3px solid #dedede;width: 100%;clear: both;text-align: center;}
.border6Gray:before, .border6Gray:after,
.border6:before, .border6:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.border6Gray h2{background: #f5f4f2 !important; margin-top: 0 !important; padding:10px 0;}
.border6Gray ul{padding: 10px 15px;clear: both;}
.border6Blue{border-color: #d2edf5;background-color:#d2edf5;}
.border6Blue h2{background: #a4dff0 !important;}
.border6Yellow{border:3px solid #e0e6c9;padding: 20px;clear: both;}


.mbox2{clear: both;width: 92%;margin: 0 4%;}
.mbox2 dl{display: table; border:1px solid #dadada; width: 100%;}
.mbox2 dt,
.mbox2 dd{display: table-cell;vertical-align: middle; text-align: center;}
.mbox2 dt{position: relative;background-color: #ec6e61;color: #fff;height: 80px;width: 27%;}
.mbox2 dd{text-align: left;padding: 20px 0;}
.mbox2 dt:after{content:"▶";color: #ec6e61;position: absolute; right: -10px;top: 50%;margin-top: -8px;}
.mbox2 dd>ul>li:before{top: 0;}
.mbox2 ul{padding-left: 5%;}
.mbox2 p.h1{text-align: center;position: relative;}
.mbox2 .txt.h4{display: inline-block;position: absolute;right: 0;}

.mbox, .mbox6{border:3px solid #ec6e61;width: 100%;}
.mbox6>div,
.border6Gray .inBox{padding: 20px 50px;}

/* 2023-02-22 */
.mbox3{clear: both; width: 100%;}
.mbox3 dl{position: relative; display: table; border:1px solid #dadada; width: 100%; margin-bottom: 35px;}
.mbox3 dt,
.mbox3 dd{display: table-cell;vertical-align: middle; text-align: center;}
.mbox3 dt{position: relative; background-color: #ec6e61;color: #fff;height: 80px;width: 34%; font-size: 17px; padding:10px;}
.mbox3 dt::after {content: "\f063"; font-size: 25px; font-weight: 900; color: #555; position: absolute; left: 50%; bottom: -38px; transform: translateX(-50%); }
.mbox3 dl:last-child dt::after {content: none;}
.mbox3 dd{text-align: left;padding: 20px 10px;}
.mbox3 dd>ul>li:before{top: 0;}
.mbox3 ul{padding-left: 20px; margin-left: 0;}
.mbox3.type02 dl {margin-bottom: 10px;}
.mbox3.type02 dt {height: 50px;}
.mbox3.type02 dt::after {content: none;}
/* //2023-02-22 */

@media screen and (max-width:767px) {
  .mbox6>div,
  .border6Gray .inBox{padding: 20px;}
  .boxTop .form-group:after{content:''; display: block; clear: both;}
}
#content .mbox6 h3{margin-bottom: 0;padding-left: 28px;font-size: 24px;line-height: 30px;margin-bottom: 20px;letter-spacing: -2px;}
#content .mbox6 h3:before{content:"\f046";color:#1f9ed9;margin-left: 0;}

h3.icocheck{margin-top: 0 !important;}
h3.icocheck:before{content:"\f046";color:#1f9ed9;}

#content .mbox6 .listArr{clear: both;}
#content .mbox6 .b-go{margin: 10px 0 20px;}

.mbox>div:first-child{border-right:3px solid #f5f4f2}
.mbox>div{padding: 30px 30px 0 30px;}
@media screen and (max-width:767px) {
	.mbox>div{padding: 15px 15px 0 15px;}
}
.mboxR{position: relative;border-right:3px solid #ec6e61;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{padding-left:30px;}
#content .mboxR .list>li{padding-left:15px;color:#666;}
#content .mboxR .list>li:before{font-size: 14px;}
#content .mboxR hr.arr-md{margin-top: 15px;margin-bottom: 20px;}

.stepBox{/* word-break: keep-all; */margin-bottom: 20px;width: 100%;}
.stepBox li{position: relative;margin-bottom: 10px;}
.stepBox.arr>li:after{content:"\f061";position: absolute;right: -10px;top: 47%;font-size: 20px;color:#1f9ed9;}
.stepBox.arr>li:last-child:after{display: none;}
.stepBox .head{padding:15px 0;position: relative;margin-bottom: 0 !important;text-align: center;clear: both;}
.stepBox .head:before{content:"▼";position: absolute;bottom: -15px;left: 50%;color:#f1a098 ;margin-left: -7px;}
.stepBox .head.noList{min-height:135px;padding-top: 55px;}
.stepBox .head.noList:before{content:"";}
.stepBox>li>ul{background-color: #f9f9f9;border:1px solid #dadada;border-top-width: 0;padding:20px 10px;margin-left: 0;}
@media screen and (max-width:767px) {
	.stepBox>li>ul{min-height: auto !important}
}


.sns-print .sns .dw > div{display: none; position: relative; left: 0;}
.sns-print .sns .snsIco{height: 30px;}
.sns-print .print-nbk{display: inline-block;     vertical-align: top;}
#content .sns-print .print-nbk .fa{margin-left: 0;}

.sns-print .snsIco{display: inline-block;width: 30px;height: 60px;margin-right: 5px; vertical-align: middle;}
.sns-print .sns-fb{background: url(/static/commons/img/sns/snsShare_fb.png) no-repeat 50% 50%; background-size: 100% auto;}
.sns-print .sns-tw{background: url(/static/commons/img/sns/snsShare_tw_1.png) no-repeat 50% 50%; background-size: 100% auto;}
.sns-print .sns-ks{background: url(/static/commons/img/sns/snsShare_ks.png) no-repeat 50% 50%; background-size: 100% auto;}
.sns-print .sns-nv{background: url(/static/commons/img/sns/snsShare_nv.png) no-repeat 50% 50%; background-size: 100% auto;}

.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;}
.memberSet .snsIcosBx2 a{width:50px; background-size:100% auto; margin-bottom: 5px; }
.login .input{width: 100%;margin-bottom: 20px;}
.login .input.pattern1{background:url(/static/portal/img/member/pattern_01.gif);}
.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;background-color: #fff;}
#content p.answer{position: relative;background-color: #fff;margin: 0;padding:20px 10px 20px 30px;text-align: left;}
#content p.answer:before{content:"\f064"; position: absolute;left: 10px;}
.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; text-align: left; word-break: keep-all;}
.panelList ul li{text-align: left;}
.panelList.noArr li:after{content:" ";}
.panelList.noArr li:last-child::after{display: none;}

/* circleList Arr*/
.circle{-moz-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;}
.circle-lg{display: inline-block;width: 120px;height: 120px; text-align: center; -moz-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;}
.circleListArr .circle{display: inline-block;position: relative;width: 100px;height: 100px;text-align: center;padding: 15px;}
.circleListArr .circle:before{}
.circleListArr .circle:after{content:"\f061"; position: absolute;right: -40px; top: 40%;font-size: 30px;color:#1f9ed9;}
.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;}

.noArr:after{display: none;}

.boxGray{background: #f5f4f2;}
.view.boxGray{padding-bottom: 30px;padding-left: 20px;margin-bottom: 20px;float: left;}
.boxGray .subject{margin-bottom: 20px !important;}
.boxGray .desc{margin: 20px;}
.boxGray .desc a{word-break: break-all;}
.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 img{width: 100%;height: 100%;}
.boxGray .img,
.box .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;}
@media screen and (max-width:767px) {
	.boxGray .img{width:100%;height: auto;}
}
.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;}
.req:after{content:"(*)";color:#c00000;}
.tel{color:#c00000;}
.tel:before{content:"\f095";margin-right:5px;}
.fax:before{content:"\f1ac";margin-right:5px;}
.volPhone:after{content:"\f2a0";margin-left:5px;}
.mobilephone{color:#c00000;}
.mobilephone:before{content:"\f10b";margin-right:10px;}
.fileTexto:before{content:"\f0f6";margin-right:10px;}
.bar:after{content:"|";color:#ccc;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;margin-right: 4%;}
.step.len3>li{width: 30% !important;}

.step.wn7>li{width:calc(100%/ 7 - 3%);}/* 2023-02-22 */

.step li strong{display: inline-block;}
.step{clear:both;width: 100%;text-align: center;display: table;margin-bottom: 10px;}
.step, .step>li{list-style-type: none;position: relative;}
.step>li{
	font-family: FontAwesome, 'Noto Sans', serif;
	display: inline-block !important;
	padding: 0 0 10px 0; margin-right: 3%; margin-bottom: 5px; border:1px solid #ddd; vertical-align: top; width: 20%; min-height: 116px;
	border-radius: 5px; -ms-word-break: keep-all; word-break: keep-all; background: #fff; float: left;	}
.step.grayBox{margin-bottom: 0;}
.step.grayBox>li{border:none;background: none;min-height: auto;}
.step.grayBox>li em{background-color: #605651;color:#d7f2ff; border-radius: 5px;padding:15px 0;}
.step.grayBox>li p.bgwhite em{margin: 0;}
.step.grayBox>li p.bgwhite{margin:0 !important;}
.step.grayBox>li p.bgwhite .bxinfo{display:block;border:1px solid #605651; margin-top: -3px;border-top-width:0; padding: 10px 4px; text-align: left;font-size: 13px;}

.step>li.lastArr:last-child::after,
.step>li::after{content:"\f061";color: #605651;position: absolute;right:-34px;top: 50%;width: 30px;margin-top: -15px;font-size: 22px;}
.step.noArr>li::after{display: none;}
.step>li:last-child::after{display: none;}
.step>li:last-child{margin-right: 0;}
.step>li em{display: block;background: #ec6e61;color:#fff;font-weight:400;padding: 8px 0;letter-spacing: -1px;margin-bottom: 10px;text-transform: uppercase;}
.step>li em.bgGray{background: #7a7a7a;}
.step>li p{display: inline-block;width: 95%;font-size: 15px;}

.step.noDesc li,
.step li.noDesc{background: #7a7a7a;color: #fff;vertical-align: middle;padding-top: 26px;font-family: FontAwesome, 'Noto Sans', serif;}

.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;width: 100%;}
.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: 26px 12px 12px 12px;word-break: keep-all;display: table-cell;}
.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;width: 100%;border:2px solid #ef6e61;padding:15px 20px;margin-bottom: 10px;min-height: 80px;background: #fff 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 .fa{position: absolute;left: 60px;top: 50%;margin-top: -33px;}
.member-box6 .mt20{margin-top: -30px !important;}
.member-box6 strong{font-weight: 700;}
.member-box6 .box1{margin:10px 0;padding: 10px;position:relative;}
.member-box6 .circleM{position:relative;left:0;top:4px;margin-top:0;}
.member-box6 .circleM.t15{top:15px}
.member-box6 input, .member-box6 button{width: 100%;margin-bottom: 20px;}


.list5>li{width: 19%; margin:0 1% 20px 0;float: left;}
.list5>li .box ul{padding-left: 5px;padding-right: 5px;font-size: 14px;}

@media screen and (max-width:767px) {
  .member-box6{margin-top:0}
}

.border3{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;}
.border3:before{content:"";position: absolute;bottom:-6px;left: -6px;background-color: #fff;width: 20px;height: 20px;}
.border3:after{content:"";position: absolute;top: -6px;right: -6px;background-color: #fff;width: 20px;height: 20px;}
.border3 .fa-xg{font-size: 90px;line-height: 100px;}
.border3 strong{font-weight: 700;}
.border3 .box1{margin:10px 0;padding: 10px;}
.w-sm{width: 200px;}
.w-md{width: 300px;}
.w-lg{width: 500px;}

.ico-xg{font-size: 40px;vertical-align: middle;}

/* patter Bg */
.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;}
.patDot1{background: url(/static/reservation/img/01/patDot1.gif);padding: 40px;clear: both;width: 100%;}
.patDot1:after{content:'';display:block;clear:both;}

.mbox6>div.mapInfo{padding: 0;}
.mapInfo dt{position: relative;background-color: #eff9fe;border:1px solid #45addd;text-align: center;padding:15px 0;margin-top: 20px;margin-bottom: 20px;}
.mapInfo dt:before{content:"";background: url(/static/portal/img/05/200663_a01.png) no-repeat;width: 17px;height: 15px;position: absolute;left: 50%;bottom: -14px;margin-left: -9px;}
.mapInfo.rt-box dt{background-color: #fff1ee;border:1px solid #ef7356;}
.mapInfo.rt-box dt:before{background: url(/static/portal/img/05/200663_a02.png) no-repeat;}
.mapInfo dd ul li{padding-bottom: 4px;padding-left: 5px;padding-right: 5px;}
.badge{width: 51px;height: 39px;line-height: 30px; -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;margin-right: 5px;}
.mapInfo .badge{background-color: #1f9ed9;color:#fff;}
.mapInfo .badge.b-red{background-color: #ec5835;color:#fff;}
.badgebox{display: inline-block;vertical-align: middle;padding:5px 10px;background-color: #605651;margin-bottom: 5px;}


/* tabs */
.tabContent{float: left;width: 100%;margin-top: 10px;}
.tabs{width: 100%;clear: both;float: left;margin-bottom:20px;margin-top: -7px;background-color: #fff;}
.tabs ul{}
.tabs>li,
.tabs>ul>li{display: inline-block;float: left;border: 1px solid #dee1e7;margin-left: -1px;text-align: center;padding: 13px 0;width: 33.3333%;}
.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: 33.3333%;}
.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: 0;font-size: 14px;}
.tabCon{display: none;min-height:600px;clear: both;}
.tabCon.on{display:block;}

.tab-interface{position: relative;width: 100%;clear: both;}
.tabbox{display: table;width: 100%;}
.tabbox>li{display:inline-block;float: left;border: 1px solid #dee1e7;text-align: center;padding:0;min-width: 120px;margin-bottom: 0;}
.tabbox>li.active{border:1px solid #605651;}
.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: 2px;padding-right: 2px;}
.tab-content{width: 100%;float: left;}
/* .tabCts{display: none;position: absolute;top: 70px;left:0;width: 100%;text-align: left;} */
.nav-tabs{border:none;margin-bottom: 20px;}
.nav-tabs.len3>li{width: 33.3333%;}
.nav-tabs>li>a{border-radius: 0;line-height:50px;margin: 0;border: none;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border:none;background:#605651;color:#fff;margin: 0;}
.nav>li>a{padding: 0;}
.nav-tabs > li > a:focus{outline: 2px dashed red; outline-offset: 1px;}


.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;}
/* 20230731_수정 */
.tabsub li.on a{/*color: #ec6e61;*/position:relative;color:#B0554B;font-weight:600;}
.tabsub li.on a:after{content:'';position:absolute;display:inline-block;width:100%;height:2px;background:#B0554B;bottom:-2px;left:0;}
/* 20230731_수정 */
.tabsub li a:before{content:"\f138"; margin-right: 5px;}
.t-lg{width:25%;}
.t-md{width: 20%;}

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

.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;font-family: FontAwesome, 'Noto Sans', serif;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:#ec6e61;border-color:#ec6e61;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:-48px;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>span{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, .footTot_1 .footLinkOpener{background-color: #426fb2;}
.footTot_2, .footLinkH2, .footTot_2 .footLinkOpener{background-color: #b27d57;}
.footTot_3, .footLinkH3, .footTot_3 .footLinkOpener{background-color: #3a9aad;}
.reqRevMail{margin-top: 20px;}
.reqRevMail input[type="text"]{width: 220px;margin-bottom:0}


/* thumbnam image */
.thumbnail>img, .thumbnail a>img{width: 100%;}
.box-gray .thumbnail{padding: 20px;border:1px solid #c4c7cc; margin-bottom: 0;}
.box-gray .title{line-height: 50px;}


/* 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;background: #fff;}
.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-md,
.table-sm,
.table-xs,
.bdList{overflow-x:auto;width: 100%;}
.table-lg>table{min-width: 960px;}
.table-md>table{min-width:700px;}
.table-sm>table{min-width:500px;}
.table, .bdList>table{border-top: 2px solid #47413e}
.tal_mani{background-color: #ececd9}

.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;}
.bdWrite > table > tbody > tr > td{text-align: left;}
.bdWrite label + label{margin-left: 5px;}

.reqInfor{clear: both;text-align: right;}
.dbData{display: block;float: left;width: 96%;clear: both;padding: 20px;min-height:600px}
#content .dbData p{word-break:keep-all;}

/* 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;clear: none;}
.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;}

@media screen and (max-width:767px) {
  .sitemap>ul>li>a{padding-left: 0;text-align: center;}
  .sitemap>ul>li>a:before{display: block;margin: 0 auto;}
  .sitemap>ul>li>ul>li{width: 49%;}
}

.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 .col1>li {margin-bottom: 20px;}
/* .gallery2 ul{}
.gallery2>ul>li{position: relative;margin-bottom:20px;} */
.gallery2 ul li img{max-height: 160px;}
/*.gallery2 ul li .box .box_area .img img{width:100%;height:auto;max-height:inherit !important;}*/
.gallery2 .col1 a{display:inline-block;position:relative;z-index:10;float:left;width:100%;}
.gallery2 .col1 a.img{width:auto}
.gallery2 .col1 a:focus,
.gallery2 .col1 a:active{border:1px dashed #000}

@media screen and (min-width:992px) and (max-width:1250px) {
	.gallery2 ul li img{max-width:150px; max-height:84px;}
}

@media screen and (min-width:1251px) {
	.gallery2 ul li img{max-width:220px;}
}
@media screen and (max-width:991px) {
	.gallery2 ul li img{max-height: inherit;}
}
.gallery2 .img+dl{display: table-cell;margin-bottom: 10px;}
.gallery2 dl dt{margin-bottom: 5px;max-height: 45px;overflow: hidden;font-size: 16px;font-weight: 500;/* width: 200px; */height: 44px;display: block;}
.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:"• ";display: inline-block;margin-right: 10px;}
.gallery2 .g-list>li{text-indent: -5px;padding-left: 10px;}
.gallery2 .g-list>li:before{content:"• ";display: inline-block;margin-right: 0px;}

.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;width:210px;height: 160px;margin-right: 20px;/* background: #f5f4f2 url(/static/commons/img/noimage_w.gif) 50% 50% no-repeat; */}
.gallery2 .img img{/* width: 100%; */}
#content p.img{margin-right: 20px;}
.gallery2 .box{padding: 25px;float: none;width: 100%;height: auto;position: relative;margin-left: 0;margin-right: 0;margin-bottom: 20px;z-index:1;}
/*.gallery2 ul li:first-child .box{text-align:center;height:auto !important;}*/
/*.gallery2 ul li:first-child .box .img{height:auto;width:auto !important;}*/
.gallery2 ul li .box .box_area .img{margin-right:10%;}
.gallery2 ul li .box .box_area .img img{width:310px;height:auto;max-height:inherit !important;max-width:inherit !important;}
.gallery2 ul li .box .box_area dl{margin-top:150px;display:block;}
.gallery2 ul li .box .box_area dl, .gallery2 ul li .box .box_area span{text-align:left;}
.gallery2 ul li .box .box_area span.btn-group{float:left;}
/*.gallery2 .box:first-child .img img{width:100%;height:auto;max-height:auto;}*/
.gallery2 ul li .box .box_area{display:inline-block;min-width:650px;}
.gallery2 .right{position: absolute;right:30px;top: 55%;margin-top:-20px;}
.gallery2 .rightHompageLink{position: absolute;top:26px;right: 25px;}
.gallery2 .col1 .rightHompageLink{position: absolute;top:26px;right: 25px;width:auto;}
.gallery2 dd>span{position: absolute;left: 12px;top: -9px;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;}
@media screen and (max-width:767px) {
	.gallery2 .box{min-height:auto}
}

.stat{display:inline-block;width:93px;height:32px;line-height:32px;color:#fff;}
.stat1_1{background: url(/static/portal/img/common/stat1_01.png) 0 0 no-repeat;}
.stat1_2{background: url(/static/portal/img/common/stat1_02.png) 0 0 no-repeat;}
.stat1_3{background: url(/static/portal/img/common/stat1_03.png) 0 0 no-repeat;}
.stat1_4{background: url(/static/portal/img/common/stat1_04.png) 0 0 no-repeat;}

/* 한줄 갤러리 정보 + 홈페이지버튼  */
.gallery2 .col1 .list{padding-top: 10px;padding-left: 10px;font-weight: bold;}
.gallery2 .col1 .list>li{margin: 0;}
.gallery2 .col1 .gtitle{font-weight: bold;}
.gallery2 .col1 .desc{margin-top: 46px;/* padding-top: 10px; */max-height: 100px;overflow: hidden;line-height: 25px;}
.gallery2 .col1 .desc:before{content:"";width: 1px;height: 90px;border-left:1px solid #dadada;float: left;padding-left: 20px;}
.gallery2 .col1 .desc.descBdln{padding-left:20px}
.gallery2 .col1 .desc.descBdln:before{display:none;}
/* 한줄 Desc */
.gallery2 .col1 .desc2{max-height: 56px;overflow: hidden;line-height: 25px;padding-left: 36px;clear: both;}

@media screen and (max-width:991px) {
	.gallery2 .col1 .desc:before{display: none;}
}
.gallery2 .col1 .desc br{display: none;}
.gallery2 .col1 dl{padding-left: 20px;padding-top: 30px;}
.gallery2 .col1 .descRb{position: relative;padding-right: 20px;}
.gallery2 .col1 .descRb .btn{position: absolute;right:0;top:20px;}

/* box */
.boxBlue{padding: 50px; background:#e9f6f8;/*float: left;*/width: 100%;}
.boxBlue .bdb1{clear: both; padding: 30px 0;float: left;}
.boxRed{padding: 50px; background:#fcf4f7;width: 100%;}



/* 댓글 */
.vline {color:#ccc;margin:0 3px}
.recomentList {overflow:hidden;padding:0 20px}
.recomentList .set {overflow:hidden;width:100%;padding-top:20px}
.recomentList .set .i{padding-right:80px;position:relative;}
.recomentList .set .characterLen {display:block;width:100%;height:100px;min-height: 100px;padding:10px;border:1px solid #c9c9c9}
.recomentList .set .b-submit {overflow:hidden;width:80px;height:100px;position:absolute;right:0;top:0;}
.recomentList .set .infoAppend {height:25px;font-size:11px;line-height:25px;color:#666;text-align:right}
.recomentList .set .characterLenDeco {font-weight:bold;color:#17439c;text-align:right;}
.recomentList li {overflow:hidden;position:relative;width:100%;padding:15px 0;border-bottom:1px solid #ccc}
.recomentList li .cmtBody {margin:0 150px 0 0}
.recomentList li .infoAppend {display:block;height:20px}
.recomentList li .name {font-weight:bold;color:#888}
.recomentList li .time {color:#b1b1b1}
.recomentList li .txtDesc {font-size:12px;line-height:18px}
.recomentList li .cmtFoot {overflow:hidden;position:absolute;top:15px;right:0;height:40px;font-size:11px}

.b-submit{background-color:#605651;border:1px solid #605652;background-image:none;padding:9px 20px;color:#fff;line-height:1;width:auto;height:auto;}

.siteGo { height: 95px; padding-top: 30px;}
@media screen and (max-width:767px) {
	.siteGo{height: auto;padding-left: 10px;padding-top: 10px;}
}
body #footer *{font-size: 14px;line-height: 1.6em;}
#footer {clear: both;background: #f4f4f4;width: 100%;float: left;position: relative;z-index: 300;margin-bottom: 0;}
#footer .container{padding-bottom: 20px;padding-left: 0;padding-right: 0;}
#footer select{width: 75%;}
#footer .flogo { float: left; padding: 14px 28px 0 14px; }
#footer fieldset{ float: left; width: 25%;}
#footer fieldset select{margin-bottom:0}
#footer .fLinkSet { border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; overflow: hidden; clear: both;float: left;width: 100%; position: relative;z-index:1;}
#footer .fLink{float: left;margin-top: 12px;}
#footer .fLink li {float: left;padding-right: 10px;margin-right: 10px;}
#footer .fLink li:last-child{margin-right: 9px;padding-right: 0;}
#footer .fLink a{line-height: 60px;}
.bannerZoneSet{position: relative;float: right;width: 570px;}
.bannerZone {  padding: 12px 0; }
.bannerZone .ctrl {position: absolute;right:0;top:21px;}
.bannerZone .ctrl h2 { margin: 0 0 5px 0px; }
.bannerZone .ctrl button { float: left; cursor: pointer; color:#fff; font-size: 12px;padding: 7px 10px;
	-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 20px;}
.bannerZone .ctrl .b-play{display: none;}
.bannerZone .ctrl .b-stop{}
.bannerZone .ctrl button:before{width: 14px;height: 14px;}
.bannerZone .ctrl .btn + .btn{margin-left: 2px;}
.bannerZone .area { width: 450px; height: 50px; position: relative;overflow: hidden; margin-top: 5px;}
.bannerZone .area ol { width:100%; height:60px; position: relative; }
.bannerZone .area ol li { float: left; width: 110px;height: 40px;}
.bannerZone .area img { width: 110px;height: 40px;}
#footer .addr { float: left; margin: 20px 0 0 0}
#footer .webMark { position: absolute;right: 0;bottom: 30px;}
@media screen and (max-width:767px) {
	#footer .fLink{margin: 5px 0; width:100%;}
	#footer .fLink li, #footer .fLink li:last-child{height:30px;line-height:30px}
	#footer .webMark{clear: both;padding-top: 10px; position: static;}
}


/* slick */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list.dragging { cursor: pointer;}
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
#visual .slick-slide a:focus,
.bizInfoArea .slick-slide a:focus,
.bannerZone .slick-slide a:focus{border:1px dotted #000;display:grid;width:100%;float:left;}
.slick-slide.slick-loading img { display: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-slide {overflow: hidden;}
.slick-slide img { width: 100%; }
/* Dots */
.visualPaging { }
.visualPaging { position: absolute; z-index: 10; bottom: 25px; display: block; width: 100%;height: 50px;max-height: 200px; padding: 0; margin: 0; list-style: none; text-align: center;}
.visualPaging li { display: inline-block; background: none; }
.visualPaging li button { display: inline-block; background-color:rgba(22, 102, 196, 0.2); width: 120px; height: 12px; margin-right: 5px; border: 1px solid #fff; }
.visualPaging li.slick-active button { background-color: #1666c4; border-color:#1666c4}


.viewInfo {background: #f5f4f2;float: left;width: 100%;}
.viewInfo>div{border-bottom: 1px solid #dadada;float: left;width: 100%;padding: 0 3%;}
.viewInfo div dl{display: inline-block;padding: 0;float: right;}
.viewInfo div dl:first-child{padding: 0;float: left;}
.viewInfo dl{line-height: 60px;}
.viewInfo dt{margin-right: 10px;}
.viewInfo dt,
.viewInfo dd{display: inline-block;}

.viewInfo .files{float: none !important;border: none;padding: 8px 3%;border-bottom: 1px solid #dadada;clear: both;}
.viewInfo .files dl{display: table;width: 100%;float: none !important;line-height: 1;}
.viewInfo .files dl>*{display: table-cell;/* padding: 5px 0; */vertical-align: middle;}
.viewInfo .files dl dt{width: 5%;white-space: nowrap;vertical-align: top;padding-right: 5px;line-height: 34px;}
.viewInfo .files dl dd{text-align: left;}
.viewInfo .files dl dd a.file{
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
}
.viewInfo .files dl dd a.btn{}
.viewInfo .files dl dd{}
.viewInfo .files .row+.row{margin-top: 5px;}
.viewInfo .files .ml{text-align: right;}
@media screen and (max-width:767px) {
	.viewInfo .files .ml{text-align: left;}
}

.view.col1>dl>dt{width: 20%;}
.view>dl>dd .btn_lg{white-space: normal;max-width: 350px;text-align: right;}


.globalLinkOpener, .global a.globalLinkCloser{display: none;}
.global_warp {position: relative;	z-index:200;width:100%;height:41px;line-height:40px;border-bottom:1px solid #d5d5d5;float:left;}
.global {position:relative;z-index:200;max-width:1300px;margin:0 auto;color:#fff;}
.global_warp .global{font-size: 14px;}
.global p {float:left;width:337px;}
.global p strong {font-size:14px;font-weight:400;color:#a5dffa;}
.global a{font-family: FontAwesome, 'Noto Sans', serif;}

.global .link {float:right;}
.global .link li {float:left;height:37px;line-height:37px;padding-right:20px;padding-left:20px;}
.global a {display:block;height:37px;}
.global .link li.lang_tit {padding-right:0;margin-right:0; position: relative;}
.global .link li.lang_tit select {margin-top:6px;color:#fff;border:none;background:#8e9057;padding:4px 0;}
.global .link li.lang_tit>a {display:block;width:120px;border:1px solid #dedede;text-align: center;margin:4px;height: 30px;line-height: 30px;
	-o-border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px; border-radius: 30px;}
.global .link li.lang_tit>a:after{content:"\f078";margin-left: 30px;}
.global .lang{display:none; position:absolute; right: 0px; top: 0px; border: 1px solid #ddd; z-index:710; width: 125px; height: 163px; padding:4px 6px; background: #fff; }
.global .lang li{display:block;line-height:40px;height:40px; text-align: center;width: 100%;}
.globalLink>ul{float: left;height: 41px;}
.globalLink>ul>li{position: relative;display: inline-block;list-style-type: none;float: left;}
.globalLink>ul>li>a{position: relative;color:#fff;font-weight: 500;display: block;float: left;padding:0 20px;line-height: 41px;height: 41px;}
.globalLink>ul>li.siteLink1 a{color:#fff; }
.globalLink>ul>li.siteLink1 a{background:#1f9ed9; color:#fff;border-left:1px solid #dedede;}
.globalLink>ul>li.siteLink1 i{display: inline-block;width: 20px;height: 40px;vertical-align: middle;background:url(/static/commons/img/logo_xs.png) no-repeat 50% 40%;}
.globalLink>ul>li.siteLink2 a{background:#03aaa0;color:#fff;}
.globalLink>ul>li.siteLink3 a{background:#109fb0;color:#fff;}
.globalLink>ul>li.siteLink4 a{background:#628196;color:#fff;}
.globalLink>ul>li.siteLink5>a{background:#626e97;}
.globalLink>ul>li.siteLink6 a{background:#877395;color:#fff}
.globalLink>ul>li.siteLink7 a{background:#88626d;color:#fff;border-right:1px solid #dedede;}
.globalLink>ul>li.siteLink1.on a,
.globalLink>ul>li.siteLink1 a:hover,
.globalLink>ul>li.siteLink1 a:focus,
.globalLink>ul>li.siteLink1 a:active{background:#fff; color:#1f9ed9;}
.globalLink>ul>li.siteLink2.on a,
.globalLink>ul>li.siteLink2 a:hover,
.globalLink>ul>li.siteLink2 a:focus,
.globalLink>ul>li.siteLink2 a:active{background:#fff; color:#03aaa0;}
.globalLink>ul>li.siteLink3.on a,
.globalLink>ul>li.siteLink3 a:hover,
.globalLink>ul>li.siteLink3 a:focus,
.globalLink>ul>li.siteLink3 a:active{background:#fff; color:#109fb0;}
.globalLink>ul>li.siteLink4.on a,
.globalLink>ul>li.siteLink4 a:hover,
.globalLink>ul>li.siteLink4 a:focus,
.globalLink>ul>li.siteLink4 a:active{background:#fff; color:#628196;}
.globalLink>ul>li.siteLink5.on>a,
.globalLink>ul>li.siteLink5 a:hover,
.globalLink>ul>li.siteLink5 a:focus,
.globalLink>ul>li.siteLink5 a:active{background:#fff;color:#626e97;}
.globalLink>ul>li.siteLink6.on a,
.globalLink>ul>li.siteLink6 a:hover,
.globalLink>ul>li.siteLink6 a:focus,
.globalLink>ul>li.siteLink6 a:active{background:#fff; color:#877395;}
.globalLink>ul>li.siteLink7 a:hover,
.globalLink>ul>li.siteLink7 a:focus,
.globalLink>ul>li.siteLink7 a:active{background:#fff; color:#877395;}
.globalLink>ul>li>ul{position: absolute;z-index:210;top: 40px;width: 180px;display: none; visibility: hidden;}
.globalLink>ul>li.siteLink6>ul{width: 200px;}
.globalLink>ul>li>ul.card{padding: 0;}
.globalLink>ul>li.open>ul{display: block;visibility: visible;
	-webkit-animation-name: fadeInUp; animation-name: fadeInUp;
	-webkit-animation-duration:0.1s; animation-duration:0.1s; }
.globalLink>ul>li>ul>li{display: block;clear: both;}
.globalLink>ul>li.siteLink1 li a, .globalLink>ul>li.siteLink6 li a{border:none;}
.globalLink>ul>li>ul>li>a{padding: 0px 26px;opacity:0.9;}
.globalLink>ul>li>ul>li>a:before{content:"• "; margin-right: 5px;}
.deptDong{position: absolute; width: 590px;top: 41px;z-index:210;display: none;padding:20px 10px;border:1px solid #d5d5d5;border-radius: 5px;background:rgba(255, 255, 255, 0.9)}
.open .deptDong{display: block;}
.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:15px 0;margin-bottom:15px;text-align:center;font-size:18px}
.deptDong dd{text-align:left;}
.deptDong dd a{display:block;float: none;padding:0 0 0 5px;height: 35px;line-height:35px;display: block;float: left;width: 33.333%;}
.deptDong .dong a{display: block;float: left;width: 50%;}
.deptDong .dept ul{float:left;width:33.3%;}
.deptDong .dong ul{float:left;width:50%;}

.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;}
.globalLink>ul>li:nth-child(1),
.globalLink>ul>li:nth-child(2),
.globalLink>ul>li:nth-child(3){z-index: 250}
.mobileGnb{position:fixed;z-index:1000;left: 0px;top:40px;width:100%;height:100%;overflow-y:scroll;display: block;background-color:rgba(0,0,0,.6);display: none;}
.mobileGnb.on{display: block;}

.img-lg{clear: both;margin-bottom: 30px;}
@media (max-width: 1300px) {
	/* common */
	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,
	.sh label{font-size: 13px;}
	input[type=text], input[type=password], input[type=file], select, textarea{padding-left: 3px;padding-right: 3px;}
	.boxTop{padding: 15px 5px;}
	.boxTop .sh .w-sm{width: 15%;}
	.boxTop .btn + .btn{margin-top: 0;}
	.sh .btn:after{margin-left: 10px;}
	.gallery2 dl dt{width: 100%;}
	.gallery2 ul li .box .box_area dl dt{width:auto;}
	.gallery2 .box{height: auto;padding: 15px;}
	.gallery2 .img{width: 100%;height: auto;background: none;margin-bottom: 5px;}
	.gallery2.galleryiMax .img{height:180px}

	.boxs1 .boxsLt{padding:15px;}
	.boxs1 .boxsLt p,
	.boxs1 .boxsLt li{max-width: 96%}
	.boxs1 .boxsRt{text-align: center;padding:15px;}
	.boxs1 .boxsRt .btn{width:100%;}

	.globalLink>ul>li>a,
	.global .link li{padding: 0px 10px;}
	#footer select{width: 69%;}

	.tabs a{font-size: 12px;}

}

@media (min-width:1001px)  and (max-width:1200px) {
	.step>li em.lg_txt{font-size: 13px;letter-spacing: 0;}
	.step>li::after{font-size: 16px;right: -27px;}
	.boxGray .img, .box .img{width: 100%;height: auto;}
	.member-box6 .fa{left: 40px;}
}
@media (max-width:1000px) {

	.gallery2 .col1 a.img img{width:100%}
	.contentData{min-height:500px;}
	.boxBlue{padding: 25px;}
	.dbData{min-height:auto}

	.bar:after{margin-left:2px;margin-right: 2px;}
	.viewInfo dl{line-height: 30px;}
	.viewInfo dt, .viewInfo dd{margin-right: 3px;}

	h2, .h2{font-size: 17px;line-height: 25px;font-weight: 500;}
	h3, .h3{font-size: 16px;line-height: 20px;font-weight: 500;}
	h4, .h4{font-size: 15px;line-height: 19px;font-weight: 400;}
	h5, .h5{font-size: 14px;line-height: 20px;}
	h6, .h6{font-size: 13px;line-height: 20px;}
	.mapView{width: 80%;margin:0 10% 20px 10%;}


	/*  layout */
	#header .logo{width: 100%;margin: 0;text-align: center;}
	.gnb_con.on{display: block;}
	.global ul li a{padding: 0px;font-size: 14px;}
	.global a i{display: block;font-size: 30px;line-height: 40px;width: 40px;height: 40px;}
	.gnb_con{display: none;}
	.global .link li{padding-left: 0;padding-right: 0;}
	.global .link li.lang_tit>a:after{margin-left:10px}
	.global .link li.lang_tit>a{width: 90px;float: right;}

	.globalLink>ul>li>a{padding: 0px 10px}
	.globalLink.on{position: fixed;top: 38px;height: 100%; width: 100%; background: rgba(0,0,0,0.6);padding-left: 40px;}

	.gallery2 .box{margin-bottom: 10px;padding: 15px;}
	.gallery2 ul{padding-left: 0;}
	.gallery2.galleryiMax .img{height:auto}

	.globalLink>ul,
	.member-box6 .fa{display: none;}
	a.globalLinkOpener{display:block;float: right;position: absolute;right: 0;top: 4px;}
	a.globalLinkOpener.on{top:123px}
	a.globalLinkOpener{display:block;float: right;}
	.global a.globalLinkOpener.on{position: relative;}
	.global .on a.globalLinkCloser{position: absolute;left: 0;display: block;width: 100%;height: 100%;text-align: center;line-height: 40px;}
	a.globalLinkCloser,
	a.globalLinkCloser:hover,
	a.globalLinkCloser:focus,
	a.globalLinkCloser:active{color:#fff;}

	.global ul li a{font-size: 12px;}
	.global a{font-size: 13px;}
	.global a i{display: block;font-size: 12px;line-height: 40px;width: auto;text-align: center;margin:0 5px}
	.global .globalLink a i{font-size:24px;text-align:left;}
	.global a .icoLogout{max-width:90px;overflow:hidden}
	.global a .icoSitemap .g-txt{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0 }
	.global a .icoSitemap{background: url(/static/commons/img/icoSitemap.gif) no-repeat;background-size: 100% 100%;width: 42px;}
	.globalLink.on>ul{display: block;}
	.globalLink>ul>li>ul.card{display: none;}
	.global_warp,
	.globalLink>ul{height: auto;width: 100%;}
	.globalLink.globalLink>ul>li>a{padding: 0;width: 100%;text-align: center;}
	.globalLink>ul>li.siteLink3>ul,
	.globalLink>ul>li.siteLink6>ul{right: 0;}
	.deptDong{width: 100%; max-width:300px;left:0;top:0;margin:0 auto;padding: 0;}
	.deptDong .dept,
	.deptDong .dong{width: 100%;padding-right: 0;}
	.deptDong dd{padding-left: 10px;}
	.deptDong dd a{padding: 0;font-size: 12px;height: 25px;line-height: 25px;padding-left: 10px;}
	.deptDong .dong .ddlist,
	.globalLink.globalLink>ul>li,
	.deptDong .dong a{width: 50%;border-bottom: 1px solid #fff;}
	.globalLink>ul>li{position: static;}
	.globalLink.globalLink>ul>li>a{height: 60px;line-height: 60px;font-size: 18px;}
	.globalLink.globalLink>ul>li.siteLink1{width: 100%;}
	.global .link{float: left;width: 100%;}
	.global .link li{padding-left: 0;padding-right:0;}
	.global .lang li{width: 100%;}
	.global .link li.lang_tit{float: right;}

	.gnbSideLeft a{display: inline-block;margin-right:10px;}

	.gnbOpener,
	.gnbOpener:hover,
	.gnbOpener:focus,
	.gnbOpener:active,
	.globalLinkOpener,
	.globalLinkOpener:hover,
	.globalLinkOpener:focus,
	.globalLinkOpener:active{font-size: 30px;line-height: 70px;width: 50px;text-align: center;color:#1f9ed9;}
	.gnbSideLeft{display: block;position: absolute;left: 30px;}
	.gnbSideLeft i{font-size: 30px;}
	.mobileGnbArea{position: relative;	width: 80%;max-width: 280px;clear: both;background-color: #fff;	}
	.mobileGnbCloser{position: absolute;z-index:10;right: 0;top:10px;font-size:30px;color:#fff;padding-right: 30px;width: 100%;height: 100%;text-align: right;}
	.mobileGnbArea>ul{position: relative;z-index:20;}

	.mobileGnbArea>ul>li>ul>li.active>a{background-color: #004d71; color: #fff;}
	.mobileGnbArea>ul>li>ul>li>ul>li.active>a{background-color: #bbb;}
	.mobileGnbArea>ul>li>ul>li>ul{display:none;}
	.mobileGnbArea>ul>li>ul>li.active>ul{display:block;}
	.mobileGnbArea>ul>li>ul>li>ul>li>ul{display:none;}
	.mobileGnbArea>ul>li.active>ul>li.active>ul>li>ul{display:none;}
	.mobileGnbArea>ul>li>ul>li>ul>li.active>ul{display:block;}
	.mobileGnb.on > nav > ul > li > ul > li > ul{display: none;}
	.mobileGnb.on > nav > ul > li > ul > li.active > ul{display: block;}
	.mobileGnb.on > nav > ul > li > ul > li > ul > li > ul{display: none;}
	.mobileGnb.on > nav > ul > li > ul > li > ul > li.active > ul{display: block;}

	.mobileGnb li{display: block;background-color: #cdefff; border-bottom:1px solid #c3ecff;}
	.mobileGnb li li{background-color: #e6f7ff;}
	.mobileGnb li li li{background-color: #fff;}
	.mobileGnb li>ul{display: none; height: 0;overflow: hidden;}
	.mobileGnb li.on ul{height: auto;}
	.mobileGnb li.on ul,
	.mobileGnb li.active ul{display: block;height: auto;}
	.mobileGnb .active>a,
	.mobileGnb li.on>a{background-color: #1f9ed9;}
	.mobileGnb li.on{overflow: hidden;}
	.mobileGnb li.on ul{-webkit-animation: slideInDown 0.3s 0s forwards; animation: slideInDown 0.3s 0s forwards;}
	.mobileGnb .active .active {background-color: #d5d5d5;}
	.mobileGnb .active .active .active {background-color: #f1f1f1;}
	.mobileGnb li a{display: block;font-size: 18px;line-height:34px;padding-left: 10px;}
	.mobileGnb li li a{font-size: 16px;line-height: 30px;padding-left: 20px;}
	.mobileGnb li li li a{font-size: 14px;line-height: 28px;padding-left: 30px;}
	.mobileGnbArea>ul>li>a:before{content:"";width: 3px;height: 19px;background-color: #1f9ed9; margin-right:5px;display: inline-block;vertical-align:text-bottom;margin-bottom:3px;}
	.mobileGnbArea>ul>li.on>a:before{background-color: #fff; color:#000;}
	.mobileGnbArea>ul>li>ul>li>a:before{content:"\f105";margin-right: 5px;}
	.mobileGnbArea>ul>li>ul>li>ul>li a:before{content:"• ";}
	.gnbSide a.totalMenuOpen{display: none;}

	/* 4뎁스 추가 */
	.mobileGnb.on > nav > ul > li > ul > li > ul > li > ul{
		background-color: #F3F3F3;
		border-top: 1px solid #cfcfcf;
	}
	.mobileGnb.on > nav > ul > li > ul > li > ul > li > ul > li{border:none;background-color:transparent;padding:0 0 0 10px;}
	.mobileGnb.on > nav > ul > li > ul > li > ul > li > ul > li > a{background-color:transparent}
	.mobileGnb.on > nav > ul > li > ul > li > ul > li > ul > li > a:before{content:'- '}
	.mobileGnb.on > nav > ul > li > ul > li > ul > li > ul > li.active,
	.mobileGnb.on > nav > ul > li > ul > li > ul > li > ul > li.active > a{background-color:#d5d5d5!important}


	/*box */
	.box-gray,
	.boxRed{padding: 15px;}
	.boxRed .h3{font-size: 16px;line-height: 130%;}
	.box-gray .thumbnail{padding: 5px;}
	.boxTop  .col-md-2{width:16.666666%}
	.boxTop  .fa-info-circle{margin-top: -10px;left:5%;}

	.stepBox.arr>li{margin-right: 30px;/* float: left; *//* width: 100%; */}
	.panelList>li:after,
 	.stepBox.arr>li:after{position: relative;top: auto;left: 50%;margin-left: -13px;display: inline-block;margin-top: 5px;
 		transform:rotate(90deg);
 		-ms-transform:  rotate(90deg);
 		-webkit-transform:  rotate(90deg);}


	.refer{display: block !important;margin-left: 0 !important;}
	.step>li::after{right: -27px;}
	#container {min-height: 595px;}
	.step>li em,
	.step>li{font-size: 13px;}
	.gallery2 .col1 .desc{max-height: 97px;}

	.reqRevMail{text-align:center;width:100%;padding-right: 0;}
	.reqRevMail .input-group{margin:0 auto }
	.reqRevMail input[type='text']{width:200px}

}

@media (min-width: 768px) and  (max-width: 1279px) {
	.tabs>ul>li>a{font-size: 14px;letter-spacing:-1px}
}

@media (max-width: 767px) {
	.gallery2 ul li .box .box_area{width:auto;min-width:auto;}
	.gallery2 ul li .box .box_area dl {clear: both}
	.photoGallerySetBox .downloadbtnset #prettyPhotoOpen{display:none}
	.deptDong{height:100%;overflow-y:scroll}
	.deptDong .dong{margin-bottom:50px}
	.img-lg{overflow-x:auto; width: 100%;}
	.img-lg .imgScroll,
	.img-lg>img{min-width: 760px;}

	.boxBlue{padding: 15px;}
	.mbox2 dt,
	.mbox2 dd{display:block;width: 100%; height:auto;width: 100%;padding:10px;}
	.mbox2 dd{padding-top: 15px;padding-bottom: 15px;}
	.mbox2 dt:after{display: none;}
	.mbox2 dd>ul>li:before{top: 0;}
	.mbox2 ul{padding-left: 5%;}
	.mbox2 p.h1{text-align: left;font-size:16px;}
	.mbox2 .txt.h4{font-size: 14px;}

	.noListData{position: relative !important;width: 100% !important;min-height: 100px;top: 40px !important;margin-left: -15% !important;}
	td.noListData{top: 0 !important;margin: 0 !important;vertical-align: middle;}
	.tabsub li{padding:5px;}
	/* common */
	.reqRevMail input[type="text"]{width: 100%}
	body,
	table{font-size: 13px;color:#333;}
	 .contentData h3{text-indent: -27px;padding-left: 27px;margin-top: 15px;margin-top: 15px;}
	 #content h3{margin-top:15px;margin-bottom:5px}
	 .list{padding-left: 12px;}
	 .list>li>ul, .list2{margin-left: 0;}
	 .location li{color:#000;}
	 .b-go,
	 .btn,
	.b-down,
	.b-add,
	.b-cancel,
	.b-ok,
	.b-list,
	.b-reset,
	.b-reg,
	.b-title,
	.b-photo,
	.b-move,
	.b-sh{font-size: 13px;padding: 3px 6px;}
	.btnSet .fl,
	.btnSet .fr{display: inline-block;width: auto;}

	/*  layout */
	.gnbSideLeft{display: block;position: absolute;left: 20px;top: 0;}
	.mobileGnbArea{position: relative;	width: 80%;clear: both;background-color: #fff;	}
	#header .logo{margin-left: 0 !important;}
	.globalLink>ul>li>a{height: 60px;line-height: 60px;font-size: 16px;}

	/* box */
	.view.boxGray{padding-left: 5px;}
	.boxGray .desc{margin:5px;}
	.dl-horizontal dt{width: 90px;float: left;/* position: absolute; */}
	.dl-horizontal dd{margin-left: 100px;}
	.patDot1{padding:15px;float: left;}
	.tabbox>li{min-width:auto}

	/* step */
	.goStep{padding: 10px;margin-top: 5px;margin-bottom: 5px;}
	.goStep li:after{width: 20px;}
	.step>li{width: 100% !important;margin-bottom: 50px;}
	.step>li::after{left: 50%;margin-left: -15px;bottom: -30px;top: auto;
 		transform:rotate(90deg);
 		-ms-transform:  rotate(90deg);
 		-webkit-transform:  rotate(90deg);}
	.step.len7>li,
	.step.len5>li,
	.step.len4>li,
	.step.len3>li{width: 100% !important;}
	.steps>li.w20p{width: 33.3333% !important;}

	.visualPaging li button { width: 30px; height: 30px; }
	.member-box6,
	.border3{background: none;}
	.w-sm,
	.w-md,
	.w-lg{width: 100%;}
	.mbox>div:first-child{border-right: none;}
	.hgroup .snsPrint .hgroupPrint{display: none !important;}
	.boxTop .sh .b-sh{clear: left;}
	.boxTop .sh .keyword{/* width: calc(100% - 207px); */}
	.dateGroup{display: none;}

	/* box */
	.box-gray{padding: 10px;}
	.member-box6 .btn{width: 100%;margin-bottom: 5px;}
	.member-box6 .btn+.btn{margin-left: 0;}
	.member-box6 i.fa{display: none;}


	/*bootstrap*/
	.modal-body{padding:5px;}


	.btn + .btn{margin-left: auto !important;margin-top: 5px;}
	.btn-group .btn + .btn{margin-top:0;margin-left: -1px !important;}
	.reqRevMail .btn{margin-top: 0;width: 49%;}

	/* board */

	/* gallery */
	.gallery2 .right{position: relative;right:0px;top: 0%;margin-top:0px}

	.minh-a{min-height: auto !important;}

	.bdWrite th,
	.bdWrite td{display: block;clear: both;width: 100% !important;}
	.bdWrite td label{display: inline-block !important;width: auto !important;}

}

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

	.boxs1 .boxsLt,
	.boxs1 .boxsRt{display: block;width: 100%;}

	.sitemap>ul>li>a,
	.sitemap>ul>li>ul{width: 100%; text-align: left;}
	.sitemap>ul>li>a:before{display: inline-block; margin-right: 10px;}
}


@media (max-width: 320px){

}

/* tmp 최종적으로 제거 해야 함 */
.zclip{position: relative !important;left:0 !important;top:0 !important;}
/* 이미지 비율 체크 가운데 정렬 */
.img4vs3{position: relative;}
.img4vs3:after{/* content: ''; *//* display: block; *//* padding-top: 75%; *//* width: 100%; */}
.img4vs3 img{display: block;position: absolute;top: 0;left: 0;right: 0;margin:auto;width:auto;height: 100%;max-width:inherit;bottom: 0;}
.img4vs3 img.height100p{height:auto;width: 100%;}
.img4vs3 img.width100p{width:auto;height:100%;max-height: 478px;}
.img4vs3 a{display: block;}

.galleryThumbs a{
	display: block;
	text-align: center;
	padding: 2px;
	/* outline: 1px red; */
}
.galleryThumbs a img{display: inline;}
.galleryThumbs .img4vs3 a img{width: 100%;height: 100%;}
.boxGray .photoviewSlick a{display: block;}
.boxGray .photoviewSlick a img{max-width: inherit;}

.contentData>*:first-child{margin-top:20px}
.contentData>form:first-child{margin-top:0}
.contentData>script:first-child+form>.boxTop:first-child,
.contentData>.movPlayerSet:first-child{margin-top:-7px}
.contentData>.boxBlue:first-child{margin-top:-7px}
.contentData>.member-box6:first-child{margin-top:-7px}
.contentData>.mbox:first-child{margin-top:-7px}
.contentData>form:first-child .boxTop,
.contentData>form:first-child .view{margin-top:-7px;}
.contentData>.view:first-child{margin-top:-7px;}
.tabs+.contentData>.member-box6:first-child,
.tabs+.contentData>form:first-child .boxTop,
.tabs+.contentData>form:first-child .view{margin-top: 0;}
#content .contentData>h2:first-child{margin-top: 0;}


.alignDefault{text-align: left;}


.ico_file,
.ico_hwp,
.ico_img,
.ico_pdf,
.ico_ppt,
.ico_word,
.ico_xls {  display: inline-block;  background-image: url("/static/commons/img/file.png");  width: 26px;  height: 26px;  vertical-align: middle;}

.ico_file {
  background-position: 0px 0px; }

.ico_hwp {
  background-position: -36px 0px; }

.ico_img {
  background-position: 0px -35px; }

.ico_pdf {
  background-position: -36px -35px; }

.ico_ppt {
  background-position: -72px 0px; }

.ico_word {
  background-position: -72px -35px; }

.ico_xls {
  background-position: 0px -70px; }

  .fs{font-size:12px;}
  .lineT{border-top:1px solid #ddd;margin-top:20px;padding-top:10px;}

.add03201{float:left;}
#footer .add03201 .fLink{float:none; margin-top:10px;}
#footer .add03201 .fLink:after{content:"";display:block;height:0px;clear:both;visibility:hidden;font-size:0px;overflow:hidden;}
#footer .add03201 .fLink a{line-height:22px;}

.add03202{float:left; padding-top:17px; margin-left:40px;}


.lastestSet3_02-0321{padding:35px 30px 0px 30px; text-align:center;}
#content .lastestSet3_02-0321 h2{display:inline-block; font-weight:bold; margin:0px; vertical-align:top; padding-left:30px; background:url('/static/mayor/img/main_2018/bell-icon.png') no-repeat 0px 4px;}
.ss-box321{margin-top:22px; border:1px solid #dedede; height:228px;}
.ss-box321 a{width:50%; height:50%; display:block; float:left;}
.ss-box321 .left1, .ss-box321 .left2{border-right:1px solid #dedede;}
.ss-box321 .left1, .ss-box321 .right1{border-bottom:1px solid #dedede;}
.ss-box321 a p{text-align:center; padding-top:68px; font-size:16px; color:#4f4f4f; font-weight:bold; margin:14px 0px 0px !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ss-box321 .left1 p{background:url('/static/mayor/img/main_2018/n-icon2-1.png') no-repeat center top;}
.ss-box321 .left2 p{background:url('/static/mayor/img/main_2018/n-icon2-3.png') no-repeat center top;}
.ss-box321 .right1 p{background:url('/static/mayor/img/main_2018/n-icon2-2.png') no-repeat center top;}
.ss-box321 .right2 p{background:url('/static/mayor/img/main_2018/n-icon2-4.png') no-repeat center top;}


.mm-box{padding: 20px 30px;background: #ffd8d4 url(/static/commons/img/mmb_bg.png) no-repeat right bottom;}
.mmb-in{padding-left: 140px;background: url(/static/commons/img/mmb_cont_bg.png) no-repeat left top;}
#content .mmb-txt{padding-left: 20px;margin: 0;font-size: 16px;line-height: 25px;color: #fff;background: url(/static/commons/img/mmb_txt_bg.png) no-repeat left 7px;}

.dzg-jy321 img{vertical-align:top; max-width:100%;}
.dzg-jy321 .left{float:left; margin-right:30px;}
.dzg-jy321 .right{float:left;}
#content .dzg-jy321 .right h2{margin:0px 0px 20px; width:auto; clear:none; float:none; display:block;}
.dzg-jy321 .right .list{margin-bottom:25px; float:none; width:auto;}
.dzg-jy321 .right .list li{float:none;}
.dzg-jy321 .right .btn{margin-left:0px; margin-top:0px; vertical-align:top;}

/* 20200626 보건소 온라인겅강관리 추가 시작 */
.bg_ctxb{padding: 50px; padding-right: 250px; background: url(/static/commons/img/bg_ctxb_bg1.jpg) no-repeat 90% bottom #faf8f6; }
.bg_ctxb > dl{display: table;}
.bg_ctxb > dl > dt{display: table-cell; vertical-align: top; white-space: nowrap; font-size: 35px; color: #02aa9f;  line-height: 35px;}
.bg_ctxb > dl > dd{display: table-cell; vertical-align: top; font-size: 26px; color: #000; line-height: 35px; padding-top: 4px; padding-left: 10px;}

.fprs_bk{overflow: hidden; margin-left: -8px; }
.fprs_bk > div{float: left; width: calc(50% - 8px); margin-left: 8px; margin-top: 30px;}
.fprs_bk > div > dl > dt{display: table; width: 100%; text-align: center;}
.fprs_bk > div > dl > dt > span{display: table-cell; vertical-align: middle; height: 30px; padding: 6px; font-size: 16px; color: #000; font-weight: 600;}
.fprs_bk > div > dl.bg1 > dt > span{border: 3px solid #605651;}
.fprs_bk > div > dl.bg2 > dt > span{border: 3px solid #877395;}
.fprs_bk > div > dl > dd{padding: 25px 30px; background: #f5f5f5; border: 1px solid #dedede; border-top: none; }

.fprs_ls{min-height: 240px;}
.fprs_ls > li{padding-left: 16px; position: relative; margin-top: 16px; font-size: 20px; color: #000; line-height: 26px; font-weight: 600;}
.fprs_ls > li:before{content: ''; position: absolute; left: 0; top: 3px; width: 3px; height: 20px; background: #02a59a;}
.fprs_ls > li:first-child{margin-top: 0;}
.fprs_ls > li .btb > a{display: inline-block; width: 130px; font-size: 16px; color: #fff; font-weight: 400; line-height: 22px; padding: 4px 0; margin-top: 8px; text-align: center; }
.fprs_bk > div > dl.bg1 .btb > a{background: #605651;}
.fprs_bk > div > dl.bg2 .btb > a{background: #877395;}
.fprs_ls > li > p.co_r{font-size: 16px; color: #d13d3d; line-height: 22px;}

.btb > a > span{font-size: 11px;float: right;margin-right: 5px;}
.fprs_ls > li > a > span{font-size: 12px;}
#content .fprs_ls > li > p.co_r{margin: 8px 0 0;}

#content h3.nbl{padding-left: 0; text-indent: 0;}
#content h3.nbl:before{display: none;}

/* 20200626 보건소 온라인겅강관리 추가 끝 */

@media screen and (max-width:710px){
	.dzg-jy321 .left{float:none; margin-right:0px; margin-bottom:15px;}
	.dzg-jy321 .right{float:none;}
}
.gallery2 .box_area0328 .img{width:auto; height:auto;}



/* 청년일자리센터 */

.img04121{margin-bottom:45px;}
.img04122{text-align:center;}
.img04122 .left412{float:left;}
.img04122 .right412{float:right;}
.img04122 .div1{position:relative;}
#content .img04122 .div1 .btmT{background:url('./images/hbtbg.png') repeat 0 0; margin:0px; height:39px; line-height:39px; font-size:17px; color:#fff; position:absolute; left:0px; bottom:0px; width:100%; box-sizing:border-box; padding:0px 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.img04122 .div2{padding:15px 5px; line-height:130%; font-size:15px; font-weight:bold; color:#333333;}
.left412 .title413{font-size:30px; font-weight:bold; color:#ec5836; margin-bottom:20px;}
.right412 .title413{font-size:30px; font-weight:bold; color:#1f9fd9; margin-bottom:20px;}

.s151{color:#ec5836; font-weight:bold;}
.s152{color:#1f9fd9; font-weight:bold;}

.stitle0419{margin-bottom:10px;}
.text-box419{font-size:20px; font-weight:bold; margin-bottom:35px;}
.col-md-0419{width:100%; float:none;}
.gallery2 .col-md-0419 a{display:block; float:none;}
.gallery2 .col-md-0419 dl dt{max-height:none; height:auto;}
.pdleft3019{padding-left:30px;}
.gallery2.gallery2-2 ul li .box{height: auto;width: auto;}
.gallery2.gallery2-2 ul li .box .img{height: auto;width: 100%;}



/* 20200513 마을공동체 관련 추가  */
.circleList.circle-sm.nc4 > ul > li{background: #fff; margin-bottom: 20px;}
.circleList.circle-sm.nc4 > ul > li > p{display: table; width: 100%; height: 100%; margin: 0;}
.circleList.circle-sm.nc4 > ul > li > p > span{display: table-cell; vertical-align: middle; font-size: 14px;  color: #000;}

#content  p.mw_pbk1{max-width: 600px; margin: 0 0 20px;}

.ico_tbls{overflow: hidden; width: 100%; }
.ico_tbls > li{float: left; width: 21%; margin: 0 2% 15px;}
.ico_tbls > li > dl{display: table; width: 100%;}
.ico_tbls > li > dl > dt{display: table-cell; vertical-align: top; width: 55px;}
.ico_tbls > li > dl > dd{display: table-cell; vertical-align: middle; padding-left: 10px;}

#content .nw_cbk h3{float: none;}

/* 20210312 부서안내 변경건 */
.divfirst{margin-left: 32px; margin-top: 15px;}
.connect-ntg{overflow: hidden; position: relative; margin-top: 20px;}
.connect-ntg:before{content: ''; position: absolute; top: 50%; left: 50%; width: 4px; height: 70px; margin-left: -2px; margin-top: -35px; background: url(/static/commons/img/cnn_ntgb.jpg) center 0 repeat-y; }
.connect-ntg > div{width: 50%; float: left; box-sizing: border-box; padding: 20px 3%;}
.connect-ntg > div > div{padding: 20px 40px; background: #f1f1f1;}
.cnn-box .c-ls > li{font-size: 15px; color: #000; line-height: 24px; letter-spacing: -1px; padding-left: 30px; background-position: 0 2px; background-repeat: no-repeat;}
.cnn-box .c-ls > li + li{margin-top: 6px;}
.cnn-box .c-ls > li:nth-child(1){background-image: url(/static/commons/img/c_ls_bg1.png);}
.cnn-box .c-ls > li:nth-child(2){background-image: url(/static/commons/img/c_ls_bg2.png);}
.cnn-box .c-ls > li:nth-child(3){background-image: url(/static/commons/img/c_ls_bg3.png);}

.tlk-bx{}
.tlk-bx > a{display: block;     text-decoration: none; background: url(/static/commons/img/cnn_tlbg.png) right bottom no-repeat;}
.tlk-bx > a > dl{max-width: 170px; letter-spacing: -1px;}
.tlk-bx > a > dl > dt{font-weight: 600; font-size: 24px; color: #000; line-height: 30px; padding-bottom: 5px; border-bottom: 1px solid #000;}
.tlk-bx > a > dl > dd{font-size: 16px; color: #000; line-height: 22px; margin-top: 4px;}
/* 20210312 부서안내 변경건  */

.step.step_cg > li{min-height: 200px;}

.job_space_ibk{overflow: hidden; margin-left: -2%; text-align: center; margin-top: 20px;}
.job_space_ibk > div{float: left; width: 48%; margin-left: 2%;}
.job_space_ibk > div > dl{margin-top: 20px;}
.job_space_ibk > div > dl > dt{font-size: 30px; font-weight: 600;}
.job_space_ibk > div > dl > dd{margin-top: 15px;}
.job_space_ibk > div > dl > dd > img{width: 100%;}
.job_space_ibk > div > dl > dd > p{ display: table; width: 100%;}
.job_space_ibk > div > dl > dd > p > span{display: table-cell; vertical-align: middle; height: 44px; font-size: 14px; line-height: 20px;}


#content .job_space_ibk > div > dl > dd > p{margin: 0;}

.pc_br{display: block;}


@media screen and (max-width: 1024px){
	.connect-ntg > div > div{padding: 15px;}
}

@media screen and (max-width: 990px){
	.connect-ntg > div {padding: 10px 2%;}
	.cnn-box .c-ls > li{font-size: 16px;}
}

@media screen and (max-width: 768px){
	.ico_tbls > li{width: 46%; }
	.bg_ctxb{padding: 20px 3%; background-image: none;}
	.bg_ctxb > dl, .bg_ctxb > dl > dt, .bg_ctxb > dl > dd{display: block; padding-left: 0;}

	.fprs_bk{margin-left: 0;}
	.fprs_bk > div{float: none; width: auto; margin-left: 0;}
	.fprs_ls{min-height: 0;}

	.fprs_bk > div > dl > dd{    padding: 20px 3%;}
	.fprs_ls > li .btb > a{width: 120px;}

	.job_space_ibk{margin: 0;}
	.job_space_ibk > div{float: none; width: auto; margin: 20px 0 0;}
	.job_space_ibk > div > dl > dt{font-size: 20px;}
	.pc_br{display: inline;}
	.mo_br{display: block; margin-top: 10px;}
}

@media screen and (max-width: 640px){
	.circleList.circle-sm.nc4 > ul > li{margin-right: 6px;}
	.circleList.circle-sm.nc4 > ul > li:after{display: none;}
}
@media screen and (max-width: 600px){
.connect-ntg:before{display: none;}
.connect-ntg > div {padding: 10px 0; float: none; width: auto;}
}

@media screen and (max-width: 500px){
.circleList.circle-sm.nc4 > ul{max-width: 280px; margin: 0 auto;}
.circleList.circle-sm.nc4 > ul > li{margin: 0 12px 20px;}
}
/* 20200513 마을공동체 관련 추가  끝*/

@media screen and (max-width:1330px){
	.img04122 .left412, .img04122 .right412{float:none; margin:0 auto; width:495px;}
}

@media screen and (max-width:520px){
	.img04122 .left412, .img04122 .right412{width:100%;}
	.img04122 .div1 > img{width:100%;}
	.img04122 .div2{font-size:13px;}
	.left412 .title413{font-size:26px; margin-bottom:15px;}
	#content .img04122 .div1 .btmT{font-size:15px;}
}

@media screen and (min-width:1251px) {
	.gallery2.gallery2-2 ul li img{max-width:100%;max-height: 400px;}
}

@media screen and (min-width:992px) and (max-width:1250px) {
	.gallery2.gallery2-2 ul li img{max-width:100%;max-height: 400px;}

}

@media screen and (max-width: 767px) {
	.mm-box{background: #4066a9;}
	.mmb-in{padding-left: 0px;background: none;}
	.mmb-txt br{display: none;}
}
@media screen and (max-width: 360px){
.tlk-bx > a > dl{max-width: 150px;}
.tlk-bx > a > dl > dd{font-size: 15px;}
}
@media (min-width:992px) {
	.col-md-5.rts{float: right;}
}

/* 2022.11.07 -- https://www.dongjak.go.kr/portal/main/contents.do?menuNo=200664 수정 */
.table.mcg-stb .mo-dn{}

.mcg-cw1{width: 10%;}
.mcg-cw2, .mcg-cw3, .mcg-cw4{width: 18%;}


@media screen and (max-width: 650px){
.table.mcg-stb .mo-dn{display: none;}
.table.mcg-stb thead > tr > th, .table.mcg-stb tbody > tr > th{font-size: 14px;}

.mcg-cw1{width: 19%;}
.mcg-cw2{width: 28%;}
.mcg-cw3{width: 21%;}
.mcg-cw4{width: 27%;}

.table.mcg-stb .b-go{padding: 3px;}
}

.regAgree textarea{font-size: 16px; height: 148px;}


.boxs1.bg-fix .boxsLt{padding-right: 250px; background-size: auto;}

@media screen and (max-width: 768px){
.boxs1.bg-fix{min-height: 150px; }
.boxs1.bg-fix .boxsLt{padding-right: 120px; background-size: 360px;}
}

@media screen and (max-width: 480px){
.boxs1.bg-fix{min-height: 0; }
.boxs1.bg-fix .boxsLt{min-height: 90px; padding-right: 70px; background-size: 200px;}
}

.gallery2 .box{text-align: center;}
.gallery2 .img{float: none;}
.gallery2 a.img{float: none; max-width: 128px; margin: 0 auto; display: inline-block; }
.gallery2 a.img .img{margin: 0; width: 100%;}
.gallery2 .img img{width: 100%; height: 180px; max-width: none; max-height: none;}
.gallery2 .img + dl{display: block; max-width: 210px; margin: 20px auto 10px;}
.gallery2 .img + dl > dt{font-size: 17px; color: #000; line-height: 24px; text-align: center;}
.gallery2 .btn-group:after{content: ''; display: block; clear: both;}

.gallery2 ul li .box .box_area{display: block; min-height: 0;}
.gallery2 ul li .box .box_area .img{float: none; max-width: 260px; margin: 0 auto;}
.gallery2 ul li .box .box_area .img img{width: 100%; height: auto;}
.gallery2 ul li .box .box_area dl{max-width: 260px; margin: 20px auto 10px;}
.gallery2 ul li .box .box_area dl > dt{font-size: 22px; color: #000; line-height: 26px; height: auto; text-align: center;}
.gallery2 ul li .box .box_area span.btn-group{float: none;}

@media (max-width: 767px){
.gallery2 a.img{max-width: 260px; }
.gallery2 .img img{height: auto;}
}

.gallery2.h-fix .row-fluid > li:nth-child(2n + 1){clear: both;}
.gallery2.h-fix a.img{margin-bottom: 0;}
.gallery2.h-fix a.img img{margin-bottom: 10px;}
.gallery2.h-fix a.img + dl{max-width: none; text-align: left; min-height: 110px; margin: 0;}
.gallery2.h-fix .img + dl > dt{    display: flex; align-items: center; height: 48px; max-height: 48px; text-align: left;}
.gallery2.h-fix .img + dl > dt > a{overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical;   -webkit-line-clamp: 2; text-overflow: ellipsis;}
.gallery2b ul.row-fluid > .col-md-6:nth-child(odd){clear: both;}
.text-danger.ft18{font-size: 26px;}