@charset "utf-8";

#wrapper {background:#fff;float: left;width: 100%;clear: both;}
.container{margin:0 auto;max-width:1300px;clear:both;}
#header .container{position: relative;}
/* 서브 공통 끝 */
#wrap { max-width: 1300px; margin: 0 auto; width: 100%; clear: both; }
#header { position: relative; z-index:100;float:left;width:100%;background-color: #fff; }
#header.onFixed {position: fixed;top:0;}
#header .gnbCon{height: 90px;clear: both;border-bottom: 3px solid #1f9ed9;}
#header .logo {padding:0;margin: 10px 20px 0 0;display:inline-block;float:left;}
.siteTitle{margin-top: 5px;display: inline-block;vertical-align: middle;margin-left: -5px;color:#877395;}
#content { max-width:1300px;width: 100%; position: relative; padding-left: 290px; float:left; padding-bottom:10px; }


/* 서브 공통 시작 */
.global_warp {position: relative; z-index:200;width:100%;height:41px;line-height:40px;border-bottom:1px solid #d5d5d5;float:left;}

/* btn list */
.btn, button{font-family: inherit;text-align: center;}
.btn.b-plus{padding-left: 55px;padding-right: 24px;}
.b-plus:after{content:"\f067";margin-left: 55px;}
.b-w4.b-plus:after{content:"\f067";margin-left: 32px;}
.btn.b-reg{padding-left: 55px;padding-right: 24px;}
/* .b-reg:after{content:"\f00c";margin-left: 55px;} */
.b-sh:after {display: inline-block;content:"\f002";margin-left:22px;}
.b-total:after{content:"\f039";margin-left:10px;}
/* .b-go:after {content:"\f061";margin-left:22px;} */
.b-sound:after{content:"\f028"; margin-left: 8px;}
.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-group .white{background-color:#fff;color:#333;border:1px solid #dadada;}
.btn-group .white.on{background-color:#605651;color:#fff;}

.gnb_con {float:left;width: 720px;height:90px;}
.gnb{float:left;height:86px;line-height:86px;font-family: FontAwesome, 'Noto Sans', serif;}
.gnb>ul{width:100%; margin:0}
.gnb>ul>li{float: left;}
.gnb li.on a {}
.gnb .active>a {color:#877395;}
.gnb .active .active>a { text-decoration: underline;}
.gnb .active .active .active>a { text-decoration: underline;}
.gnb li.on li a {background:none;}
.gnb>ul>li>a{margin: 0px 16px;display:inline-block;}
.gnb ul li a{position: relative;}
.gnb>ul>li>a:focus, .gnb>ul>li>a:active, .gnb>ul>li>a:hover{text-decoration: none;}
.gnb>ul>li.on>a:after,
.gnb>ul>li.active>a:after{content:"";position: absolute;left: 0;bottom: 22px;width: 100%;height: 2px;background-color: #877395;}
.gnb ul li a{color:#333;font-size:22px;letter-spacing:-1px;font-weight:400;white-space:nowrap}
.gnb ul ul{}
.gnb .d1info{background: url(/static/commons/img/gnbD2bg.png);}
.gnb .d1info>ul{background-color: #ccefff;width: 100%;float: left;height: 52px;padding-top:0;}
.gnb .d1info>ul>li{display: inline-block;margin-right: 5px;clear: both;}
.gnb .d1info>ul>li>a{width: auto;line-height: 45px;font-size:18px;letter-spacing:-1px;float: left;font-weight:400;margin-left: 20px;}
.gnb .d1info>ul>li>a,
.gnb .d1info>ul>li>ul,
.gnb .d1info>ul>li>.spacer{display: table-cell;vertical-align: top;}
.gnb .d1info>ul>li>ul,
.gnb .d1info>ul>li>.spacer{width: 100%;display: none;}
.gnb .m_1 .d1info>ul{padding-left:265px}
.gnb .m_2 .d1info>ul{padding-left:265px}
.gnb .m_3 .d1info>ul{padding-left: 640px;}
.gnb .m_4 .d1info>ul{padding-left: 808px;/* float: right; */}
.gnb .m_5 .d1info>ul{padding-left:265px}

.gnb ul li img{vertical-align: top}
.gnb ul li ul li a:hover{text-decoration: underline}
.gnb ul li ul li ul li{margin: 0;float: left;display: inline-block;margin-right: 20px;height: 40px;line-height: 40px;min-width: 130px;}
.gnb ul li ul li ul li a:before{content:"\2022";margin-right: 5px;}
.gnb ul ul ul{display: block;}
.gnb ul li ul li ul li a{font-weight:400;font-size: 15px;width: 100%;white-space: normal;line-height: 120%;margin-left: 20px;}

.d1info{display: none;width: 100%;position: absolute;left:0;z-index:100;top: 90px;background-color:#c7e9f9;}
.on .d1info{display: block;width: 100%;}
.d1info>.subTitle1,
.d1info>ul,
.d1info .empty{display: table-cell;}
.d1info .empty{background-color: #fff;width: 100%;}
.d1info>.subTitle1{width: 20%;vertical-align: top;}
.subTitle1 .title{line-height: 120%;font-size:30px;font-weight: 500;padding-top: 35px;padding-bottom: 18px;}
.subTitle1 .desc{line-height: 140%;}

.bg_gnb{width:100%;background: #fff;height:0;position:absolute;top:129px;left:0;z-index:0;height: 0px;overflow:hidden; }
.bg_gnb span{display: block;height: 100%;}
.bg_gnb .box{width: 100%;height: 100%;border-top:4px solid #209ed9; border-bottom:1px solid #dedede;float: left;padding: 0; overflow: hidden;}
.bg_gnb .box:before{content:"";width: 50%;height: 100%;background-color: #c7e9f9;float:left;}
.bg_gnb2 .box{background: url(/static/healthcare/img/common/bg_gnb2.jpg) 50% 100%}
.bg_gnb2 .box:before{background: none;}
/* .mobileGnb{position:fixed;z-index:1000;left: 0px;top:0;width:100%;height:100%;overflow-y:scroll;display: block;background-color:rgba(0,0,0,.6);display: none;}
.mobileGnb.on{display: block;} */

.bg_totalmenu{position: absolute;z-index:10;left: 0;top:130px;width: 100%;height:340px;display:none;background-color: #f5f4f2; border-top:4px solid #31a6dc;border-bottom:1px solid #dedede;}
.totalMenu{position: absolute;z-index:1010;left:0;top: 90px;width: 100%;display: none;font-family: FontAwesome, 'Noto Sans', serif;}
.totalMenu nav>ul{float: left;padding-top: 20px;padding-bottom: 20px;}
.totalMenu ul ul{width: 80%;float: left;text-align: left;padding-left: 20px;}
.totalMenu nav>ul>li{padding:4px 0;float: left;width: 100%;}
.totalMenu li li{display: inline-block;}
.totalMenu a{display: inline-block;font-size: 18px;line-height: 24px}
.totalMenu li li a{font-size: 16px;padding-right: 20px;}
.totalMenu li li a:before{content:"\2022";margin-right:5px;}
.totalMenu ul{}
.totalMenu nav>ul>li>a{width: 18%;float: left; border-right:2px solid #02aa9f;padding-right: 30px;}
.totalMenuOpen{}
.gnbSide .totalMenuClose{position: absolute;right: 0; top: 26px;width: 50px;height: 50px;background: url(/static/healthcare/img/common/totalmenuClose.gif) 0 0 no-repeat;}
.gnb ul li.on .bg_gnb {display:block;}
/* .subTitle1{display: none;position: absolute;left:-250px;top:150px;}
.on .subTitle1{display: block;}
.subTitle1 p{margin: 0;padding: 0;line-height: 25px;}
.subTitle1 p.title{font-size: 28px;letter-spacing: -1px;margin-bottom: 30px;font-weight: 500;} */

.gnbSide{text-align: right;float: right;}
.gnbSide a{display: inline-block;vertical-align: middle;font-size: 24px;}
.gnbSide a.searchOpen{border-right:1px solid #d5d5d5;padding-right:15px;margin-right:13px;}



/* .spot_visual { position: absolute; left: 0; top: -29px; z-index: -1; } */
.spot_visual {width:100%;text-align:center;position:relative;height:230px;float:left;z-index:1;overflow: hidden;}
.spot_visual .slogan{color:#fff;font-weight: 500;font-size: 20px; text-shadow: 1px 1px 6px rgba(0, 0, 0, 1); margin-top: 66px;}
.spot_visual .sloganDesc{color:#fff;font-weight: 500;font-size: 30px; text-shadow: 1px 1px 6px rgba(0, 0, 0, 1); margin-top: 12px;}
.spot_visual.visual1{background: url(/static/mayor/img/common/spot_01.jpg) repeat-x 50% 0; background-size: cover;}
.spot_visual.visual2{background: url(/static/mayor/img/common/spot_02.jpg) repeat-x 50% 0; background-size: cover;}
.spot_visual.visual3{background: url(/static/mayor/img/common/spot_03.jpg) repeat-x 50% 0; background-size: cover;}
.spot_visual.visual4{background: url(/static/mayor/img/common/spot_04.jpg) repeat-x 50% 0; background-size: cover;}
.spot_visual.visual{background: url(/static/mayor/img/common/spot_04.jpg) repeat-x 50% 0; background-size: cover;}


.spot_visual.visual1 .slogan,
.spot_visual.visual1 .sloganDesc,
.spot_visual.visual3 .slogan,
.spot_visual.visual3 .sloganDesc,
.spot_visual.visual4 .slogan,
.spot_visual.visual4 .sloganDesc{margin-right: 600px}
.spot_visual.visual2 .slogan,
.spot_visual.visual2 .sloganDesc{margin-left: 600px}


.location { position: absolute; bottom: 0; width: 100%; background: #877395; opacity: 0.85; }
.location ol { text-align: left;}
.location ol li { display: inline-block; padding: 0 9px 0 5px; line-height: 50px;font-weight: 500; }
.location ol li:after{content:"\f105";font-family: FontAwesome, serif;margin-left:13px; font-size: 18px;}
.location ol li:last-child:after{content:"";}
.location ol li.home { font-size: 20px; }
.relativeCts{position: absolute;right: 0;top: 0;height: 100%;width: 240px;}
.relativeCts i{float: right;margin-top: 20px;margin-right: 20px;transition:all 1s;}
.relativeCts.on i{ transform:rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transition:.3s}

.relativeCts .open{color:#fff;line-height: 50px;background:rgba(0,0,0, 0.15);display: block;width: 100%;height: 100%;text-align: left;padding-left: 30px;}
.relativeCts>div{background: #f5f4f2;display: none;padding:15px 30px;}
.relativeCts.on>div{display: block;}
.relativeCts .open:hover,
.relativeCts .open:focus,
.relativeCts .open:active{}

.relativeCts h3{margin: 0;text-align: left;font-size: 16px;}
.relativeCts hr{position: relative;width: 100%;opacity: 1;border-bottom: 1px solid #dedede;height: 0;margin-bottom: 15px;;}
.relativeCts ul{width: 100%;/* display: none; */}
.relativeCts li{display: block;}
.relativeCts li a{display: block;line-height:26px;text-align:left;}

/*   2023/3/10       열린구청장 메뉴4개라서 잠시 width값 변경
.depth1 > li {width: 25% !important;} */

@media screen and (max-width:767px) {
  /*#container{min-height:inherit;}*/
}
#container:before, #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

.lnb {float: left;width:240px;background-color: white;position: absolute;z-index:10;margin-right: 50px;border: 1px solid #dedede;border-top-style: none;border-bottom-style: none;font-family: FontAwesome, 'Noto Sans', serif;}
.lnb h2 {margin: 44px 20px 12px 20px;text-align: center;border-bottom: 2px solid #877395;font-size:26px;padding-bottom: 20px;}
.h2_deco_txt { margin: 0 0 25px 8px; }
.lnb>ul>li{ display: block;}
.lnb>ul>li>a{padding-left: 30px;display: block;font-size: 18px;font-weight: 500;line-height: 50px;position: relative;}
.lnb>ul>li>ul{width: 100%;background-color: #F3F3F3;border-bottom: 1px solid #cfcfcf;display: none;padding: 10px 0;}
.lnb>ul>li>ul>li{padding: 0 0 0 20px;margin-bottom:6px;background-image: url();display: block}
.lnb>ul>li>ul>li>a{display: inline-block;font-weight:400;font-size: 16px;line-height: 24px;text-indent: -10px;padding-top: 5px;padding-right: 10px;margin-left: 18px;letter-spacing:-1px;}
.lnb>ul>li.on>a, .lnb>ul>li>a:hover, .lnb>ul>li>a:focus, .lnb>ul>li>a:active{background:#877395;color:#fff;}
.lnb>ul>li>a:after{content:"▼";margin-right: 4px;font-size: 10px;line-height: 23px;position:absolute;right:15px;top:10px;color:#fff;}
.lnb>ul>li>ul>li>a:before{content:"·";margin-right: 4px;}
.lnb>ul>li.on ul li.on a, .lnb>ul>li ul li.on a, .lnb>ul>li ul li a:hover, .lnb>ul>li ul li a:active {border-bottom: 1px solid #6398ba;text-decoration: none;color: #0372a5;}
.lnb>ul>li.on ul { display: block; }
.lnb fieldset { margin: 32px 0 20px 0; }
.lnb fieldset input { border: none; padding: 0; margin: 0; }
.lnb fieldset .input_select { width: 173px; height: 24px; border: 1px solid #b0b1b2; background-color: #f2f2f2; line-height: 24px; margin-bottom: 2px; }
.lnb fieldset .input_txt { float: left; width: 136px; height: 24px; padding: 0 0 0 4px; line-height: 24px; }
.lnb fieldset .input_submit { float: left; width: 33px; height: 24px; text-indent: -999em; cursor: pointer; }




.hgroup { overflow: hidden;clear: both;}
#content .hgroup h2, #content .hgroup h3 {display: inline-block; }
#content .hgroup .reqInfor{margin-top: 40px;clear:none;float: right;}
.contentData{clear: both;}

/* 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 .fa{font-size: 30px;vertical-align: middle;margin-left:20px;}
@media screen and (max-width:1023px) {
  .hgroup .snsPrint{margin: 10px 0;}
  .snsPrint .snsIco{height: 30px;}
  #content .hgroup .snsPrint{line-height: 1;}
}


.siteGo { height: 95px; padding-top: 30px;}
/* #footer .addr { float: left; margin: 20px 0 0 0}

#footer .webMark { float: right; margin: 10px 0 0 140px } */
.reset { margin: 0 !important; padding: 0 !important; }

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

/* font color */
.col_point { color:#D90000}
.col_red { color: red; }
.col_grd { color: #329c03; }

/* blt Styles*/
.blt_chk { padding-left: 13px;  }
.bul_01 { line-height: 1.333em; background: no-repeat left 2px; padding-left: 16px; }
.bul_01 strong { font-weight: 400; color: #C54310; }
.bul_02 { line-height: 1.333em; background: no-repeat left 7px; padding-left: 10px; }

/* box Styles */
.box_gray, .box_gray ul {  }
.box_gray { padding: 11px 0 0; width: 740px; margin-top: 17px; margin-bottom: 30px; }
.box_gray ul { padding: 0 11px 16px 20px; background-position: 0 100%; margin: 0; }
.box_gray2, .box_gray2 ul {  }
.box_gray2 { padding: 11px 0 0; width: 740px; margin-top: 17px; margin-bottom: 30px; }
.box_gray2 ul { padding: 0 11px 16px 20px; background-position: 0 100%; }
.box_gray2 .list_type3 { margin-bottom: 0px; }
/* dl.Text Styles */

/* div.Text Styles */
.borard_deco { margin-bottom: 10px; }
/* Other Text Styles */
.tab_idfind {  margin: 20px 0 10px 0; padding: 16px 0 0 0; margin-left: 40px; }
.tab_idfind ul { overflow: hidden; padding: 0 0 8px 50px; }
.tab_idfind ul li { padding-right: 40px; float: left; padding-bottom: 10px; }
.tab_depth4 { margin: 0 0 25px 0; padding: 16px 0 0 0; }
.tab_depth4 ul { overflow: hidden; padding: 0 0 8px 0; }
.tab_depth4 ul li { width: 190px; text-align: center; float: left; padding-bottom: 10px;  }
.tab_depth4 ul li a { white-space: nowrap; }
.tab_depth4 ul li a:hover { }
.tab_depth4 ul li.on a { font-weight: 400; padding: 0 16px 0 0; text-decoration: underline; background: no-repeat 100% 0; }
.tab_depth4 ul li.end { background-image: url() }
.nolibg li { }

/* table */
/* .tview_1 { border-top: 3px solid #686c6f; margin-left: 22px }
.tview_1 table { width: 100%; }
.tview_1 table tr.fir th { font-weight: 400; background-color: #eaefee; color: #555555; }
.tview_1 table th { background-color: #f7fafa; text-align: center; }
.tview_1 table th, .tview_1 table td { border-right: 1px solid #c4c8cc; border-bottom: 1px solid #c4c8cc; padding: 10px 0; }
.tview_1 table th.color2 { font-weight: 500; background-color: #EAEFEE; color: #696C6C; }
.tview_1 table th.end, .tview_1 table td.end { border-right: 0 none; }
.tview_1 table .vrline { border-right: 1px solid #c4c8cc !important }
.tview_1 table td { text-align: left; padding-left: 15px; }
.tview_1_longtxt { }
.tview_1_longtxt table td { padding: 4px } */


.th_tac table th { text-align: center !important; padding-left: 0 !important }
.td_tac table td { text-align: center !important; }
.td_tac2 table td { text-align: center !important; padding: 0 4px; }
.td_type table td { padding: 4px 2px; text-align: center; }
.th_tal table th { text-align: left; padding-left: 10px; }
.tview_2 { border-top: 3px solid #686c6f; margin-left: 22px }
.tview_2 table { width: 100%; }
.tview_2 table tr.fir th { font-weight: 400; background-color: #eaefee; color: #555555; }
.tview_2 table th { background-color: #f7fafa; text-align: center; }
.tview_2 table th, .tview_2 table td { border-right: 1px solid #c4c8cc; border-bottom: 1px solid #c4c8cc; padding: 10px 0; }
.tview_2 table th.color2 { font-weight: 400; background-color: #EAEFEE; color: #696C6C; }
.tview_2 table th.end, .tview_2 table td.end { border-right: 0 none; }
.tview_2 table td { text-align: center; }
.tview_2 .tal { padding-left: 10px; }
.tview_2 .tit th { font-weight: 400; }
.td_tal tr td { text-align: left; padding: 4px; }
.tview_3 { border-top: 3px solid #686c6f; margin-left: 22px }
.tview_3 table { width: 100%; }
.tview_3 table tr.fir th { font-weight: 400; background-color: #eaefee; color: #555555; }
.tview_3 table th { background-color: #f7fafa; text-align: center; }
.tview_3 table th, .tview_3 table td { border-right: 1px solid #c4c8cc; border-bottom: 1px solid #c4c8cc; padding: 10px 0; }
.tview_3 table th.color2 { font-weight: 400; background-color: #EAEFEE; color: #696C6C; }
.tview_3 table .vrline { border-right: 1px solid #c4c8cc !important }
.tview_3 table td { text-align: left; padding-left: 15px; }
.tview_3_longtxt { }
.tview_3_longtxt table td { padding: 4px }
.th_tac table th { text-align: center !important; padding-left: 0 !important }
.td_tac table td { text-align: center !important; }
.td_tac2 table td { text-align: center !important; padding: 0 4px; }
.td_type table td { padding: 4px 2px; text-align: center; }
.th_tal table th { text-align: left; padding-left: 10px; }

.tview_4 { border-top: 3px solid #686c6f; margin-left: 22px;clear: both; }
.tview_4 table { width: 100%; }
.tview_4 table tr.fir th { font-weight: 400; background-color: #eaefee; color: #555555; }
.tview_4 table th { background-color: #f7fafa; text-align: center; }
.tview_4 table th, .tview_4 table td { border-right: 1px solid #c4c8cc; border-bottom: 1px solid #c4c8cc; padding: 10px 0; }
.tview_4 table th.color2 { font-weight: 400; background-color: #EAEFEE; color: #696C6C; }
.tview_4 table th.end, .tview_4 table td.end { border-right: 0 none; }
.tview_4 table .vrline { border-right: 1px solid #c4c8cc !important }
.tview_4 table td { text-align: center; }
.tview_4_longtxt { }
.tview_4_longtxt table td { padding: 4px }
/* table ul */
.tview_1 table p { padding: 0 0 4px 10px; line-height: 1.333em; background: no-repeat 0 7px; color: #595959; }
.tview_1 table li { padding: 0 0 4px 10px; line-height: 1.333em; background: no-repeat 0 7px; color: #595959; }
.tview_1 table li ul li { padding: 0 0 2px 10px; line-height: 1.333em;  color: #595959; }
.tview_3 table p { padding: 0 0 4px 10px; line-height: 1.333em; background: no-repeat 0 7px; color: #595959; }
.tview_3 table li { padding: 0 0 4px 10px; line-height: 1.333em; background: no-repeat 0 7px; color: #595959; }
.tview_3 table li ul li { padding: 0 0 2px 10px; line-height: 1.333em;  color: #595959; }
/* searchbox */





button.txt_type { border: none; background-color: transparent; }
.cur { cursor: pointer; }
/* input */
.input_txt { border: 1px solid #d0d0d0 }
/* ico */
.ico_need { padding: 0 4px 4px 0 }


/* pageInfo */
#pageInfo { margin: 40px 0 0 0; width: 100%; border:1px solid #dadada; float: left;}
#pageInfo .input_txt { border: 1px solid #d0d0d0 }
#pageInfo .satisfaction {width: 100%;position: relative;float: left;padding-bottom: 15px;border-bottom: 1px solid #dcdcdc;margin-bottom: 20px; }
#pageInfo .satisfaction ul { float: left; clear: both; }
#pageInfo .satisfaction ul li { float: left; }
#pageInfo .satisfaction ul li label { padding-right: 20px; }
#pageInfo .satisfaction .btn { position: absolute;right: 0; bottom: 15px;}
#pageInfo .idea {clear: both; }
#pageInfo form h3{padding:0;font-size: 16px;margin:0 0 5px 0;display:inline-block;float:left;}
#content #pageInfo form h3:before{content:"";margin: 0;}
#pageInfo .btn_set { margin: 10px 0 0 0; float: none }
#pageInfo .contents_adm_b { position: relative; left: -10px; height: 10px; width: 760px; }
#pageInfo .commentBtn{text-align: right;margin:20px 0;}
#pageInfo .snslogin{margin-bottom: 18px;}
.commentSet {padding:30px 50px;width:100%;float:left;background:url(/static/healthcare/img/pattern/pat1.gif);}
.vline {color:#ccc;margin:0 3px}
.commentList {overflow:hidden;}
.commentList .set {overflow:hidden;width:100%;padding-top:20px}
.commentList .set .i{padding-right:80px;position:relative;}
.commentList .set .textarea {display:block;width:100%;height:55px;padding:10px;border:1px solid #c9c9c9}
.commentList .set .submit {overflow:hidden;width:80px;height:55px;position:absolute;right:0;top:0;}
.commentList .set .infoAppend {height:25px;font-size:11px;line-height:25px;text-align:right}
.commentList .set .txtByte {font-weight:400;}
.commentList li {overflow:hidden;position:relative;width:100%;padding-left: 20px;margin: 0 0 30px 0;}
.commentList li.naver{border-left:4px solid #5ab534;}
.commentList li.twitter{border-left:4px solid #4bc2f1;}
.commentList li.facebook{border-left:4px solid #00549f;}
.commentList li.kakao{border-left:4px solid #f8e81e;}
.commentList li .cmtBody {margin:0 24% 0 0}
.commentList li .infoAppend {display:block;height:20px;margin-top:-5px;margin-bottom: 5px;}
.commentList li .txtDesc {line-height:18px;margin: 0 !important;}
.commentList li .cmtFoot {overflow:hidden;position:absolute;top:0;right:0;height:40px;}





.snslogin a{display: inline-block;width: 80px;height: 40px;margin-right: 7px; background-size: 100% 100%;}
.snslogin .sns_naver{background: url(/static/commons/img/sns_naver.png) no-repeat;}
.snslogin .sns_twitter{background: url(/static/commons/img/sns_twitter.png) no-repeat;}
.snslogin .sns_facebook{background: url(/static/commons/img/sns_facebook.png) no-repeat;}
.snslogin .sns_kakao{background: url(/static/commons/img/sns_kakao.png) no-repeat;}

.pageInfomation {display: block; width: 100%; clear: both;background-color: #f5f4f2;float: left; border-bottom:1px solid #dadada;}
.pageInfomation dl{padding:30px 45px;}
.pageInfomation dt, .pageInfomation dd{display: block;}
.pageInfomation dt{font-size: 16px;font-weight: 500;}
.pageInfomation .manager{border-right:1px solid #dadada; background: url(/static/commons/img/bg_book.gif) no-repeat 47px 50%;padding-left: 108px;}



.blank_div { position: absolute; }

/*2016-10-13*/
.m_bts20{margin-bottom:20px;}
.font_ps_span{font-size:14px;}
.font_ps_span2{font-size:14px;}
.quake_table{border-left:1px solid #6b6b6b; border-right:1px solid #6b6b6b;}
.quake_table th{border-right:1px solid #6b6b6b; border-bottom:1px solid #6b6b6b; border-top:1px solid #6b6b6b;}
.quake_table td{border-top:1px solid #6b6b6b; border-bottom:1px solid #6b6b6b; padding:5px 5px; text-align:left;}
.quake_table td > h2{margin-bottom:15px; font-size:15px;}
.quake_table td > p{margin-bottom:10px;}
.tex_ris{text-align:right; margin-top:5px;}



@media (max-width: 1299px){
.gnb_con{width: 610px;}
#header .container{width: 98%;}
#header .logo{margin-right: 80px;position: relative;}
#header .siteTitle{position:absolute;bottom: -5px;left: 60px;}
.gnb>ul>li>a{margin: 0px 18px;font-size:17px;}
.gnb .d1info>ul>li>a{font-size: 16px;}
.gnb .m_1 .d1info>ul{padding-left: 150px;}
.gnb .m_2 .d1info>ul{padding-left: 150px;}
.gnb .m_3 .d1info>ul{padding-left: 562px;}
.gnb .m_4 .d1info>ul{padding-left: 712px;}
.gnb .m_5 .d1info>ul{padding-left:265px}

}

@media screen and (max-width:1000px) {
  .spot_visual.visual1 .slogan,
  .spot_visual.visual1 .sloganDesc,
  .spot_visual.visual3 .slogan,
  .spot_visual.visual3 .sloganDesc
  .spot_visual.visual4 .slogan,
  .spot_visual.visual4 .sloganDesc{margin-right: 450px}

  .spot_visual.visual2 .slogan,
  .spot_visual.visual2 .sloganDesc{margin-left: 450px}
}


@media screen and (max-width:767px) {
  .bgBox{padding: 10px;}
}

.img4vs3{position: relative;}
.img4vs3:after{display: none;}
.img4vs3 img{display: block;position: relative;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: auto;max-height: 475px;max-width: 746px;}
.img4vs3 a{display: block;}