@charset "utf-8";
* {letter-spacing:-0.05em;word-spacing:-0.025em;word-break:keep-all;}
img {max-width:100%;}

#wrap {padding-top:87px;}

#header {position:absolute;top:0;z-index:200;height:87px;background:#fff;width:100%;box-sizing:border-box;}
#header .logo {position:absolute;left:30px;top:24px;}
#header .logo * {display:block;}
#header .menu {position:absolute;right:0;top:0;box-sizing:border-box;background:url(/images/ico-menu.png) no-repeat 50% 50%;border:none;border-left:1px solid #e7e7e7;width:97px;height:100%;text-indent:-9999px;}
#header .gnb {position:absolute;right:190px;top:0;font-size:0;}
#header .gnb > li {display:inline-block;position:relative;vertical-align:top;}
#header .gnb > li > a {display:block;box-sizing:border-box;width:150px;font-size:18px;color:#000;height:87px;line-height:87px;position:relative;overflow:hidden;text-align:center;}
#header .gnb > li > a:before {
	content:"";
	border:8px solid transparent;
	border-bottom:8px solid #0085d9;
	display:block;
	height:0;
	left:50%;
	margin-left:-4px;
	position:absolute;
	bottom:-8px;
	width:0;
	opacity:0;
	transition:0.3s;
}
#header .gnb > li > ul {width:175px;position:absolute;left:50%;margin-left:-87.5px;top:100%;background:rgba(0,133,217,0.9);text-align:center;display:none;}
#header .gnb > li > ul > li {border-top:1px solid rgba(255,255,255,0.2);position:relative;}
#header .gnb > li > ul > li:first-child {border-top:none;}
#header .gnb > li > ul > li > a {display:block;font-size:14px;color:#fff;padding:9px 0;white-space:nowrap;}
#header .gnb > li > ul > li > ul {position:absolute;top:0;left:100%;display:none;text-align:left;}
#header .gnb > li > ul > li > ul > li ~ li {border-top:1px solid #dbdad9;}
#header .gnb > li > ul > li > ul > li > a {display:block;font-size:14px;color:#555;padding:9px 15px;white-space:nowrap;background:rgba(255,255,255,0.9);}
#header .gnb > li > ul > li > ul > li:hover > a,
#header .gnb > li > ul > li > ul > li.active > a {background:#d5dadc;color:#000;}
#header .gnb > li > ul > li:hover > ul {display:block;}

#header .gnb > li.active > a,
#header .gnb > li:hover > a {color:#0085d9;}
#header .gnb > li:hover > a:before {bottom:0;opacity:1;}
#header .gnb > li:hover > ul {display:block;}
#header .gnb > li > ul > li.active > a,
#header .gnb > li > ul > li:hover > a {background:#069fdb;}

#vis {position:relative;}
#vis .vis {height:361px;background-repeat:no-repeat;background-position:50% 50%;position:relative;}
#vis .vis .txt {max-width:1200px;margin:0 auto;box-sizing:border-box;height:100%;padding:0 30px;}
#vis .vis .txt dl {display:inline-block;text-align:center;position:absolute;top:50%;transform:translate(0,-50%);color:#fff;box-sizing:border-box;text-shadow:1.5px 1.5px 1px rgba(0,0,0,0.2);}
#vis .vis .txt dl dt {/*font-size:48px;*/font-size:43px;line-height:1.1em;transition:1.2s;opacity:0;transform:scale(1.2,1.2);}
#vis .vis .txt dl dt > * {display:block;}
#vis .vis .txt dl dt strong {font-weight:normal;}
#vis .vis .txt dl dt span {font-weight:100;}
#vis .vis .txt dl dd {font-size:16px;line-height:1.4em;color:#fff;margin-top:15px;transition:1.2s;opacity:0;transform:scale(1.2,1.2);transition-delay:0.5s;}
#vis .vis.active .txt dl dt,
#vis .vis.active .txt dl dd {transform:scale(1,1);opacity:1;}
#vis > .roll > .vis:nth-child(n+2) {display:none;}

#vis .bx-pager {position:absolute;z-index:100;bottom:32px;left:50%;margin-left:-100px;width:200px;text-align:center;}
#vis .bx-pager .bx-pager-item {display:inline;}
#vis .bx-pager .bx-pager-item a {
	display:inline-block;
	margin:0 2px;
	width:12px;
	height:7px;
	background:#fff;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:3.5px;
	transition:0.3s;
}
#vis .bx-pager .bx-pager-item a.active {background:#35c2f0;width:70px;}
#vis .bx-controls-direction a {position:absolute;z-index:100;display:block;width:40px;height:76px;top:50%;margin-top:-38px;text-indent:-9999px;}
#vis .bx-controls-direction .bx-prev {background:url(/images/vis-prev.png) no-repeat;left:22px;}
#vis .bx-controls-direction .bx-next {background:url(/images/vis-next.png) no-repeat;right:22px;}



#main {padding:43px 10px 80px;}
#main .inner {max-width:1200px;margin:0 auto;}
#main .one {}
#main .one:after {content:"";display:block;clear:both;}
#main .one .top .box {position:relative;padding-right:50%;display:none;}
#main .one .top .box .info {padding-right:70px;box-sizing:border-box;min-height:284px;padding-bottom:70px;position:relative;}
#main .one .top .box .info dt {font-size:42px;color:#0072bb;font-weight:bold;line-height:1.2em;}
#main .one .top .box .info dd {font-size:20px;line-height:1.5em;margin-top:40px;}
#main .one .top .box .info .btn {position:absolute;left:0;bottom:0;}
#main .one .top .box .info .btn a {display:inline-block;box-sizing:border-box;width:170px;height:44px;line-height:44px;border-radius:22px;color:#fff;text-align:center;font-size:18px;font-weight:300;background:#069edb;}
#main .one .top .box .img {position:absolute;right:0;top:0;width:50%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;}
#main .one .top .box.active {display:block;}
#main .one .pager {margin:35px -8px 0;font-size:0;}
#main .one .pager .box {box-sizing:border-box;display:inline-block;vertical-align:top;padding:0 8px;width:25%;/*width:25%;*/}
#main .one .pager .box a {display:block;box-sizing:border-box;padding:8px 25px 0;color:#222;border-top:1px solid #bfbebe;position:relative;}
#main .one .pager .box a:before {content:"";display:block;height:5px;background:#069edb;transition:0.3s;position:absolute;left:0;bottom:100%;opacity:0;width:0;}
#main .one .pager .box a > * {display:block;}
#main .one .pager .box a em {font-size:18px;line-height:1em;}
#main .one .pager .box a span {font-size:20px;line-height:1.3em;}
#main .one .pager .box.active a {color:#069edb;}
#main .one .pager .box.active a:before {opacity:1;width:100%;}
#main .one .pager .box.active a span {font-weight:bold;}

#main .two {background:#0c90e3;padding:30px;font-size:0;text-align:center;margin-top:50px;}
#main .two > * {display:inline-block;vertical-align:middle;box-sizing:border-box;width:50%;}
#main .two .info {text-align:center;color:#fff;}
#main .two .info dl dt {font-size:56px;font-weight:300;line-height:1em;}
#main .two .info dl dd {font-size:20px;font-weight:300;line-height:1.4em;margin-top:15px;padding:50px 20px 0;position:relative;}
#main .two .info dl dd:before {content:"";display:block;position:absolute;left:50%;top:0;width:1px;height:45px;background:#fff;}
#main .two .info p {margin-top:35px;}
#main .two .info p a {display:inline-block;box-sizing:border-box;width:170px;height:44px;line-height:44px;border-radius:22px;color:#fff;font-size:18px;font-weight:300;background:#0062a0;}
#main .two .ico ul {margin:0 -14px;}
#main .two .ico ul li {box-sizing:border-box;padding:0 14px;width:33.333333%;display:inline-block;}

#main .thr {margin-top:30px;}
#main .thr:after {content:"";display:block;clear:both;}
#main .thr > * {box-sizing:border-box;height:306px;}
#main .thr .lef {width:calc(65% - 10px);float:left;overflow:hidden;}
#main .thr .lef > * {display:block;height:100%;box-sizing:border-box;float:left;}
#main .thr .lef .img {background-size:cover;background-position:50% 50%;background-repeat:no-repeat;width:55%;}
#main .thr .lef .info {background:#dedede;width:45%;padding:30px 25px;position:relative;}
#main .thr .lef .info h3 span {display:inline-block;box-sizing:border-box;height:36px;line-height:36px;width:128px;border-radius:18px;background:#069edb;text-align:center;color:#fff;font-size:18px;font-weight:normal;}
#main .thr .lef .info .sum {font-size:22px;line-height:1.4em;max-height:4.2em;overflow:hidden;margin-top:20px;font-weight:300;color:#333;}
#main .thr .lef .info .sum a {display:block;}
#main .thr .lef .info .more {font-size:15px;position:absolute;right:20px;bottom:25px;font-size:15px;color:#333;line-height:1em;}
#main .thr .rig {width:calc(35% - 10px);float:right;background:#f5f5f5;position:relative;padding:25px 30px;}
#main .thr .rig .tab {border-bottom:1px solid #bcbcbc;font-size:0;margin-bottom:15px;}
#main .thr .rig .tab a {margin-bottom:-1px;display:inline-block;padding:0 10px 14px;position:relative;color:#000;}
#main .thr .rig .tab a span {font-size:18px;line-height:1em;}
#main .thr .rig .tab a:before {content:"";display:block;width:0;position:absolute;left:0;bottom:0;height:3px;background:#069edb;opacity:0;transition:0.3s;}
#main .thr .rig .tab .active {font-weight:bold;}
#main .thr .rig .tab .active:before {width:100%;opacity:1;}
#main .thr .rig .area {display:none;}
#main .thr .rig .area.active {display:block;}
#main .thr .rig .area ul li {border-top:1px solid #ebebeb;}
#main .thr .rig .area ul li:first-child {border-top:none;}
#main .thr .rig .area ul li a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:18px;padding:8px 0;}
#main .thr .rig .more {font-size:15px;position:absolute;right:20px;bottom:25px;font-size:15px;color:#333;line-height:1em;}


#main .fou {margin:50px -10px 0;}
#main .fou:after {content:"";display:block;clear:both;}
#main .fou > div {float:left;box-sizing:border-box;}
#main .fou .lef {width:66%;font-size:0;}
#main .fou .lef:after {content:"";display:block;clear:both;}
#main .fou .lef .area {box-sizing:border-box;width:50%;float:left;padding-right:20px;}
#main .fou .lef .area .tit {position:relative;height:46px;}
#main .fou .lef .area .tit h4 {font-size:19px;font-weight:bold;color:#000;}
#main .fou .lef .area .tit a {font-size:15px;position:absolute;right:0;bottom:20px;font-size:15px;color:#333;line-height:1em;}
#main .fou .lef .area .box a {display:block;position:relative;overflow:hidden;transition:0.5s;}
#main .fou .lef .area .box a em {display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;height:240px;transition:1.5s;}
#main .fou .lef .area .box a:hover {background:#000;}
#main .fou .lef .area .box a:hover em {transform:scale(1.1);opacity:0.8;}
#main .fou .lef .area .box a span {display:block;box-sizing:border-box;height:74px;color:#fff;background:#0276bc;padding:15px 20px 0;position:relative;z-index:10;}
#main .fou .lef .area .box a span strong {display:block;height:2.8em;line-height:1.4em;color:#fff;font-size:16px;overflow:hidden;font-weight:normal;}
#main .fou .lef .area ~ .area .box a span {background-color:#45ac56;}

#main .fou .rig {width:34%;background:#f5f5f5;position:relative;padding:25px 30px;height:360px;box-sizing:border-box;}
#main .fou .rig .tit {border-bottom:1px solid #bcbcbc;font-size:0;margin-bottom:15px;position:relative;}
#main .fou .rig .tit h4 {margin-bottom:-1px;display:inline-block;padding:0 10px 14px;position:relative;color:#000;font-weight:bold;}
#main .fou .rig .tit h4 span {font-size:18px;line-height:1em;}
#main .fou .rig .tit h4:before {content:"";display:block;width:100%;position:absolute;left:0;bottom:0;height:3px;background:#069edb;}
#main .fou .rig .tit .more {font-size:15px;position:absolute;right:0;bottom:10px;color:#333;line-height:1em;}
#main .fou .rig .area ul li {border-bottom:1px solid #dfdfdf;}
#main .fou .rig .area ul li:first-child {border-top:none;}
#main .fou .rig .area ul li a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;padding:13px 0;}

#main .fou .bx-pager {text-align:center;margin-top:10px;}
#main .fou .bx-pager .bx-pager-item {display:inline-block;margin:0 3px;}
#main .fou .bx-pager .bx-pager-item a {
	display:block;
	width:12px;
	height:12px;
	background:#fff;
	border:1px solid #acacac;
	box-sizing:border-box;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:6px;
	transition:0.3s;
}
#main .fou .bx-pager .bx-pager-item a.active {background:#0276bc;border-color:#0276bc;width:20px;}
#main .fou .area ~ .area .bx-pager .bx-pager-item a.active {background:#45ac56;border-color:#45ac56;}


#footer .fnb {background:#f8f8f8;padding:0 10px;}
#footer .fnb .inner {max-width:1200px;margin:0 auto;font-size:0;position:relative;}
#footer .fnb ul li {display:inline-block;padding:0 15px;position:relative;}
#footer .fnb ul li:before {content:"";display:block;width:1px;height:14px;position:absolute;left:0;top:50%;margin-top:-7px;background:#dadbda;}
#footer .fnb ul li:first-child {padding-left:0;}
#footer .fnb ul li:first-child:before {display:none;}
#footer .fnb ul li:last-child {padding-right:0;}
#footer .fnb ul li a {display:block;height:49px;line-height:49px;font-size:16px;}

#footer .fam {position:absolute;right:0;top:-74px;background:#fff;border:1px solid #ddd;color:#333;font-size:12px;padding:0 10px;height:28px;letter-spacing:0;}

#footer .info {padding:35px 10px;}
#footer .info .inner {max-width:1200px;margin:0 auto;position:relative;}
#footer .info address {font-size:14px;line-height:1.6em;color:#797979;}
#footer .info address > * {display:inline-block;vertical-align:middle;}
#footer .info address em {padding:0 5px;}
#footer .info .copy {display:block;letter-spacing:0;}
#footer .info .hannet {margin-top:5px;}
#footer .info h2 {position:absolute;font-size:0;right:0;top:50%;margin-top:-34.5px;white-space:nowrap;font-size:0;}
#footer .info h2 > * {display:inline-block;vertical-align:middle;}
#footer .info h2 img {width:109px;}
#footer .info h2 span {font-size:13px;line-height:1.4em;color:#797979;white-space:normal;margin-left:13px;font-weight:normal;}


#gotop {position:fixed;right:50px;bottom:50px;border:none;background:url(/images/gotop.png) no-repeat;background-size:100% 100%;z-index:200;text-indent:-9999px;width:60px;height:60px;}


#svis {background-color: #e7f3f8;}
#svis .inner {height:370px;box-sizing:border-box;max-width:1200px;margin:0 auto;position:relative;padding-bottom:58px;background: url(/images/svis1.png) no-repeat; background-position: right bottom;}
#svis .inner:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#svis dl {color:#000;display:inline-block;vertical-align:middle;white-space:nowrap;}
#svis dl > * {line-height:1em;}
#svis dl dt {font-size:50px; font-weight:bold; margin-bottom:30px;}
#svis dl dd {font-size:18px;margin-top:8px;}
#svis .snb {position:absolute;left:0;bottom:0;width:100%;height:58px;background:#fff;font-size:0;}
#svis .snb li {display:inline-block;box-sizing:border-box;width:16.666%;height:58px;position:relative;text-align:center;}
#svis .snb li:before {content:"";display:block;position:absolute;left:0;top:50%;margin-top:-9px;background:#e5e5e5;width:1px;height:18px;}
#svis .snb li a {display:block;height:58px;position:relative;}
#svis .snb li a span {font-size:18px;display:block;position:absolute;width:100%;left:0;top:50%;transform:translate(0,-50%);box-sizing:border-box;}
#svis .snb .active a {color:#fff;background:#0c90e3;}

.sub2 #svis {background-color: #e5f8ed;}
.sub2 #svis .inner {background-image:url(/images/svis2.png);}
.sub3 #svis {background-color: #fcf1da;}
.sub3 #svis .inner {background-image:url(/images/svis3.png);}
.sub4 #svis {background-color: #fbeef4;}
.sub4 #svis .inner {background-image:url(/images/svis4.png);}


/*
.sub2 #svis {background-image:url(/images/svis2.jpg);}
.sub3 #svis {background-image:url(/images/svis3.jpg);}
.sub4 #svis {background-image:url(/images/svis4.jpg);}
*/
.sub2 #svis .snb li {width:25%;/*width:25%;*/}
/*
.sub2 #svis .snb li:nth-child(1){width:33%;}
.sub2 #svis .snb li:nth-child(2){width:33%;}
.sub2 #svis .snb li:nth-child(3){width:34%;}
*/

#sub {padding:60px 10px;}

#tit {margin-bottom:60px;text-align:center;}
#tit h2 {font-size:46px;font-weight:normal;color:#444;line-height:1em;}
#tit p {position:relative;font-size:24px;font-weight:300;padding-top:60px;margin-top:20px;line-height:1.4em;}
#tit p:before {content:"";display:block;position:absolute;left:50%;top:0;height:45px;background:#ccc;width:1px;}

#content {max-width:1200px;margin:0 auto;min-height:30vh;}


#fam {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:100;font-size:0;white-space:nowrap;text-align:center;display:none;box-sizing:border-box;padding:0 10px;}
#fam:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#fam .inner {display:inline-block;vertical-align:middle;z-index:1000;width:756px;max-width:100%;border:2px solid #009edb;background-color:#fff;white-space:normal;text-align:left;position:relative;}
#fam .inner > div {display:table-cell;vertical-align:top;}
#fam .group01 {width:238px; height:550px; padding:15px 20px 9px 20px;background-color:#009edb;box-sizing:border-box;}
#fam .group01 h4 {margin-top:38px;padding-bottom:13px;border-bottom:3px solid #fff;font-size:17px;color:#fff;font-weight:normal;}
#fam .group01 h4:first-child {margin-top:0;}
#fam .group01 li > * {display:block;height:35px;border-bottom:1px solid #33b1e2;font-size:13px;line-height:35px;color:#fff;position:relative;}
#fam .group01 li > *:before {content:"\f105";display:none;position:absolute;right:0;top:0;font-size:18px;color:#fff;font-family:axicon;}
#fam .group01 li > *:hover:before,
#fam .group01 li > *.on:before {display:block;}
#fam .group02 {overflow:hidden;position:relative;width:518px;font-size:14px;color:#444;}
#fam .group02 div[class*="list"] {display:none;position:absolute;left:0;top:0;width:100%;height:550px;padding:50px 10px 0 294px;background-repeat:no-repeat;background-position:0 0;box-sizing:border-box;}
#fam .group02 div[class*="list"].on {display:block;}
#fam .group02 .list01 {background-image:url(/images/bg_family_image01.jpg);}
#fam .group02 .list02 {background-image:url(/images/bg_family_image02.jpg);}
#fam .group02 .list03 {background-image:url(/images/bg_family_image03.jpg);}
#fam .group02 .list05 {background-image:url(/images/bg_family_image05.jpg);}
#fam .group02 .list10 {background-image:url(/images/bg_family_image10.jpg);}
#fam .group02 .list11 {background-image:url(/images/bg_family_image11.jpg);}
#fam .group02 .tit h5 {margin-top:10px;font-size:28px;color:#444;}
#fam .group02 .con {margin-top:35px;line-height:22px;}
#fam .group02 .con a {position:absolute;right:30px;bottom:30px;width:192px;height:44px;border:1px solid #009edb;font-size:15px;line-height:44px;color:#009edb;text-align:center;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
#fam .group02 .con a :hover{border-color:#0071bc;color:#0071bc;}
#fam .close {overflow:hidden;position:absolute;right:10px;top:10px;width:30px;height:30px;font-size:0;color:#0c90e3;background:none;border:none;}
#fam .close i {font-size:28px;}


.__blue {color:#0072bb !important;}

.__ico1 {display:inline-block;width:80px;height:26px;line-height:26px;border-radius:5px;text-align:center;color:#fff;background:#afafaf;font-size:14px;}
.__ico1.type2 {background-color:#0c90e3;}


.__btn1 {display:inline-block;box-sizing:border-box;height:32px;line-height:30px;text-align:center;border:1px solid #a1a1a1;border-radius:3px;padding:0 12px;font-size:13px;}
.__btn1.list:before {content:"\f0c9";display:inline-block;font-family:axicon;margin-right:7px;}
.__btn1.prev:before {content:"\f104";display:inline-block;font-family:axicon;margin-right:7px;}
.__btn1.next:after {content:"\f105";display:inline-block;font-family:axicon;margin-left:7px;}

.__btn2 {display:inline-block;box-sizing:border-box;height:42px;line-height:40px;text-align:center;background:#0c90e3;border:1px solid #0c90e3;color:#fff;border-radius:3px;padding:0 30px;font-size:18px;}

.__btn3 {display:inline-block;box-sizing:border-box;height:30px;line-height:28px;text-align:center;border:1px solid #666;background:#666;color:#fff;padding:0 10px;font-size:13px;}

.__tab1 {margin-right:-3px;margin-bottom:50px;font-size:0;padding:1px 0 0 1px;}
.__tab1 a {box-sizing:border-box;display:inline-block;width:33.33333%;height:60px;text-align:center;background:#fcfcfc;border:1px solid #ccc;margin:-1px 0 0 -1px;position:relative;white-space:nowrap;padding:0 5px;}
.__tab1 a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__tab1 a span {display:inline-block;vertical-align:middle;font-size:18px;line-height:1.2em;white-space:normal;max-width:100%;letter-spacing:-0.075em;word-spacing:-0.05em;}
.__tab1 .active {border:3px solid #0c90e3;background:#fff;z-index:10;}
.__tab1 .active span {font-weight:bold;color:#0c90e3;}
.__tab1.leng5 {margin-right:-5px;}
.__tab1.leng5 a {width:20%;}

.__tab2 {margin-right:-3px;margin-bottom:50px;margin-top:-10px;font-size:0;padding:1px 0 0 1px;text-align:center;}
.__tab2 a {box-sizing:border-box;display:inline-block;/*width:33.33333%;*/width:110px;height:45px;text-align:center;background:#fff;border:1px solid #d6d6d6;margin:-1px 0 0 -1px;position:relative;white-space:nowrap;padding:0 5px;}
.__tab2 a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__tab2 a span {display:inline-block;vertical-align:middle;font-size:17px;line-height:1.2em;white-space:normal;max-width:100%;/*letter-spacing:-0.075em;word-spacing:-0.05em;*/}
.__tab2 .active {border:0;background: linear-gradient(to right, rgba(12,149,227,1), rgba(121,204,137,1));z-index:10;}
.__tab2 .active span {color:#fff;}


.__botarea {margin-top:30px;min-height:32px;position:relative;}
.__botarea .cen {text-align:center;}
.__botarea .lef {position:absolute;left:0;top:0;}
.__botarea .rig {position:absolute;right:0;top:0;}


.__paging {font-size:0;}
.__paging a {display:inline-block;_display:inline;box-sizing:border-box;text-align:center;vertical-align:middle;color:#888;}
.__paging .num {font-size:15px;margin:0 10px;}
.__paging .arr {margin:0 2px;}
.__paging .num:hover,
.__paging .arr:hover {color:#000;}
.__paging .num.active {color:#2d81ff;text-decoration:underline;}
.__paging .prev {margin-right:30px;}
.__paging .next {margin-left:30px;}


.__board-view {border-bottom:1px solid #c2c2c2;}
.__board-view .top {border-bottom:1px solid #707070;padding-bottom:20px;}
.__board-view .top .cate {margin-bottom:5px;}
.__board-view .top h3 {font-weight:normal;color:#000;font-size:28px;line-height:1.3em;}
.__board-view .top .info {font-size:0;margin-top:7px;}
.__board-view .top .info li,
.__board-view .top .info li > * {display:inline-block;vertical-align:middle;}
.__board-view .top .info li {position:relative;padding:0 15px;}
.__board-view .top .info li br {display:none;}
.__board-view .top .info li:first-child {padding-left:0;}
.__board-view .top .info li:first-child:before {display:none;}
.__board-view .top .info li:before {content:"";width:1px;position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#ddd;}
.__board-view .top .info li > * {font-size:14px;color:#999;}
.__board-view .top .info li strong {font-weight:normal;color:#444;margin-right:5px;}
.__board-view .top .info li a + a {margin-left:10px;}
.__board-view .con {padding:40px 0;font-size:16px;line-height:1.6em;min-height:20vh;}
/* .__board-view .con * {max-width:100% !important;height:auto !important;word-break:break-all !important;} 20190814 ������ ������ ���� ���̰� ���� */
.__board-view .con * {max-width:100% !important;word-break:break-all !important;}


.__webzine-list {border-top:2px solid #707070;}
.__webzine-list .box {border-bottom:1px solid #959595;padding:30px 40px;overflow:hidden;}
.__webzine-list .box > * {box-sizing:border-box;}
.__webzine-list .box .img {float:left;width:25%;padding-right:45px;}
.__webzine-list .box .img + .info {float:right;width:75%;}
.__webzine-list .box .info {position:relative;height:160px;}
.__webzine-list .box .info .subject a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:22px;color:#000;}
.__webzine-list .box .info .sum {font-size:16px;line-height:1.6em;margin-top:15px;max-height:3.2em;overflow:hidden;}
.__webzine-list .box .info .date {font-size:14px;color:#999;position:absolute;left:0;bottom:0;}


.__tbl-list {width:100%;table-layout:fixed;border-top:2px solid #707070;}
.__tbl-list tr > * {border-bottom:1px solid #e7e7e7;padding:13px 10px;font-size:15px;text-align:center;}
.__tbl-list tr th {border-bottom:1px solid #959595;font-weight:normal;color:#000;}
.__tbl-list tr td {}
.__tbl-list col.num {width:100px;}
.__tbl-list col.cate {width:130px;}
.__tbl-list col.file {width:110px;}
.__tbl-list col.date {width:160px;}
.__tbl-list col.during {width:220px;}
.__tbl-list col.state {width:130px;}
.__tbl-list td.subject {text-align:left;}
.__tbl-list td.subject a {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:90%;display:inline-block;}
.__tbl-list tr.notice > * {background:#edf6fb;}
.__tbl-list tr.notice .__ico1 {background:#0c90e3;}
.__tbl-list tr.notice td.subject a {color:#0c90e3;}
.__tbl-list.auto {table-layout:auto;}



.__greeting {text-align:center;background:url(/images/greeting-img-2311.png) no-repeat 0 100%;}
.__greeting .tit {text-align:center;}
.__greeting .tit dt {font-size:42px;font-weight:300;color:#777;line-height:1.2em;}
.__greeting .tit dt span {color:#0072bb;font-size:46px;}
.__greeting .tit dd {margin-top:15px;font-size:18px;color:#000;font-weight:300;}
.__greeting .area {font-size:18px;line-height:1.8em;font-weight:300;text-align:justify;margin:60px 0 15px;padding-left:490px;}
.__greeting .sign {text-align:right;font-size:18px;font-weight:300;}
.__greeting .sign span {color:#000;display:inline-block;margin:0 10px 0 5px;font-weight:normal;}

.__greeting2 .area {font-size:20px;line-height:1.8em;font-weight:500;text-align:justify;margin:60px 0 15px;}
.__greeting2 .sign {font-size:18px;font-weight:700;}
.__greeting2 .sign img {margin-left:15px;}

.__executive {text-align:center;font-size:0;}
.__executive dl > * {line-height:1em;}
.__executive .top .info {margin-top:15px;}
.__executive .top .info dt {font-size:26px;font-weight:bold;color:#000;}
.__executive .top .info dd {font-size:16px;margin-top:5px;}
.__executive .bot {margin-top:50px;}
.__executive .bot:after {content:"";display:block;clear:both;}
.__executive .bot h4 {position:relative;text-align:center;margin-bottom:40px;}
.__executive .bot h4:before {content:"";display:block;width:100%;height:1px;background:#f2f2f2;position:absolute;left:0;top:50%;}
.__executive .bot h4 span {display:inline-block;width:155px;height:46px;line-height:46px;color:#fff;font-size:20px;font-weight:bold;background:#009edb;border-radius:23px;position:relative;z-index:10;}
.__executive .bot .area {box-sizing:border-box;float:left;}
.__executive .bot .area:first-child {width:66.66666%;padding-right:15px;}
.__executive .bot .area:first-child .box {width:20%;}
.__executive .bot .area:last-child {width:33.333333%;padding-left:15px;}
.__executive .bot .area:last-child .box {width:50%;}
.__executive .bot .area .box {display:inline-block;vertical-align:top;}
.__executive .bot .area .box .img {padding:0 5px;}
.__executive .bot .area .box .info {margin-top:15px;}
.__executive .bot .area .box .info dt {font-size:18px;color:#333;font-weight:bold;}
.__executive .bot .area .box .info dd {font-size:14px;margin-top:6px;line-height:1.4em; word-break: normal;}


.__orga {text-align:center;padding:45px 10px;background:#f9f9f9;}


.__history {max-width:1000px;margin:0 auto;position:relative;padding:60px 0;}
.__history:before,
.__history:after {position:absolute;line-height:1em;font-size:150px;color:#fbfbfb;left:65px;font-weight:bold;letter-spacing:0.05em;}
.__history:before {content:attr(data-first);top:0;}
.__history:after {content:attr(data-last);bottom:0;}
.__history .box {position:relative;padding-left:150px;margin-top:20px;z-index:10;}
.__history .box:first-child {margin-top:0;}
.__history .box h3 {position:absolute;left:0;top:0;line-height:1em;font-size:48px;color:#000;letter-spacing:-0.025em;font-weight:normal;}
.__history .box .area {position:relative;padding:0 0 50px 40px;}
.__history .box .area:before {content:"";display:block;width:9px;height:9px;background:#000;border-radius:50%;position:absolute;left:-4.5px;top:24px;}
.__history .box .area:after {content:"";display:block;position:absolute;left:0;top:50px;height:calc(100% - 50px);width:1px;background:#ddd;}
.__history .box .area dl {position:relative;padding-left:60px;font-size:16px;line-height:2.2em;}
.__history .box .area dl dt {position:absolute;left:0;top:0;color:#000;}


.__location {border-top:2px solid #333;}
.__location .top {padding:25px;font-size:0;}
.__location .top li {margin-top:10px;}
.__location .top li:first-child {margin-top:0;}
.__location .top li > * {display:inline-block;font-size:16px;}
.__location .top li strong {color:#000;width:65px;margin-left:50px;}
.__location .top li strong:first-child {margin-left:0;}
.__location .bot .root_daum_roughmap {width:100% !important;}
.__location .bot .wrap_map {height:550px !important;}
.__location .bot .wrap_controllers {display:none;}


.__donation > .btn {display:block;text-align:right;margin-bottom:30px;}
.__donation > .btn a {display:inline-block;vertical-align:top;margin-left:10px;}
.__donation > .btn a img {width:210px;}

@media all and (max-width:1000px){
	.__donation > .btn a {width:31%;margin-left:5px;}
	.__donation > .btn a img {width:100%;}
}

.__donation .top {background:url(/images/donation-bg.jpg) no-repeat 100% 100%;box-sizing:border-box;padding:140px 65px;}
.__donation .top .tit dl {color:#fff;display:inline-block;background:rgba(9,177,192,0.9);padding:25px;}
.__donation .top .tit dl dt {font-size:46px;line-height:1em;font-weight:300;}
.__donation .top .tit dl dd {font-size:28px;line-height:1.3em;margin-top:10px;}
.__donation .top .tit p {font-size:18px;color:#acf8ff;margin-top:30px;}
.__donation .top .txt {margin-top:60px;color:#fff;}
.__donation .top .txt dt {font-size:20px;}
.__donation .top .txt dd {font-size:48px;font-weight:normal;line-height:1em;}
.__donation .bot {margin-top:35px;padding:0 15px;}
.__donation .bot dt {font-size:24px;color:#000;}
.__donation .bot dd {font-size:16px;line-height:2em;margin-top:13px;}
.__donation .bot.type2 dd {position:relative;/* padding-right:255px; */}
.__donation .bot.type2 dd .btn {display:block;text-align:center;/* position:absolute;top:50%;margin-top:-65px; */right:0;margin-top:30px;}
.__donation .bot.type2 dd .btn a {display:inline-block;vertical-align:top;}
.__donation .bot.type2 dd .btn a ~ a {margin-left:10px;}
.__donation .bot.type2 dd .btn a ~ a img {width:211px;}


.__business .area {position:relative;padding:50px 0 0 365px;box-sizing:border-box;min-height:325px;}
.__business .area h3 {width:325px;height:325px;position:absolute;left:0;top:-77px;text-align:center;font-size:0;color:#fff;background:#0c90e3;font-weight:normal;}
.__business .area h3:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__business .area h3 span {font-size:32px;line-height:1.3em;display:inline-block;vertical-align:middle;max-width:100%;box-sizing:border-box;padding:0 10px;}
.__business .area dl dt {font-size:26px;color:#000;margin-bottom:15px;}
.__business .area dl dt:empty {margin-bottom:0 !important;}
.__business .area dl dd {font-size:18px;line-height:1.5em;}
.__business.bullet .area dl {position:relative;padding-left:22px;}
.__business.bullet .area dl:before {content:"";display:block;width:13px;height:21px;background:url(/images/ico-bullet.gif) no-repeat 0 50%;background-size:contain;position:absolute;left:0;top:11px;}

.__business2 .area {position:relative;padding:30px 0 0 365px;box-sizing:border-box;min-height:230px;}
.__business2 .area h3 {width:325px;height:230px;position:absolute;left:0;top:-110px;text-align:center;font-size:0;color:#fff;background:#0c90e3;font-weight:normal;}
.__business2 .area h3:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__business2 .area h3 span {font-size:30px;line-height:1.3em;display:inline-block;vertical-align:middle;max-width:100%;box-sizing:border-box;padding:0 10px;}
.__business2 .area dl dt {font-size:26px;color:#000;margin-bottom:5px;}
.__business2 .area dl dt:empty {margin-bottom:0 !important;letter-spacing:0;word-spacing:0.05em;}
.__business2 .area dl dd {font-size:18px;line-height:1.5em;letter-spacing:0;word-spacing:0.05em;}
.__business2 .area dl.bullet {position:relative;padding-left:22px;margin-bottom:40px;}
.__business2 .area dl.bullet:before {content:"";display:block;width:13px;height:21px;background:url(/images/ico-bullet.gif) no-repeat 0 50%;background-size:contain;position:absolute;left:0;top:11px;}

._tabbox {display:none;}
._tabbox.active {display:block;}

.__tbl-write {width:100%;table-layout:fixed;border-top:2px solid #707070;}
.__tbl-write tr > * {border-bottom:1px solid #ddd;padding:10px;font-size:15px;text-align:left;}
.__tbl-write tr th {font-weight:normal;color:#000;width:150px;padding-left:30px;background:#f3f3f3;}
.__tbl-write tr th .impor {display:inline-block;position:relative;}
.__tbl-write tr th .impor:before {content:"*";position:absolute;left:-10px;color:red;}
.__tbl-write tr td {}


.__agree {margin-top:30px;}
.__agree h3 {font-size:18px;font-weight:bold;color:#333;margin-bottom:10px;}
.__agree .area {border:1px solid #ddd;padding:15px;box-sizing:border-box;overflow-y:auto;font-size:14px;line-height:1.5em;height:200px;}
.__agree .lab {margin-top:15px;font-size:14px;}

.__form1 {display:inline-block;box-sizing:border-box;width:100%;border:1px solid #ddd;height:30px;padding-left:5px;font-size:14px;max-width:100%;}
select.__form1 {width:auto;}
textarea.__form1 {padding:10px;height:200px;}

.__tbl {table-layout:auto;width:100%;}
.__tbl tr > * {border:1px solid #ddd;font-size:12px;padding:5px;line-height:1.4em;text-align:center;}
.__tbl tr th {background:#fafafa;color:#333;font-weight:normal;}
.__tbl thead tr th {background:#f3f3f3;color:#333;}


#captcha img {width:100px;}


.__popup {position:fixed;z-index:300;display:none;}
.__popup .area {background:#fff;border:1px solid #ddd;padding:10px;font-size:14px;line-height:1.5em;max-width:100%;overflow-y:auto;}
.__popup .area * {max-width:100%;height:auto !important;}
.__popup .bot {background:#1f4bb4;text-align:right;padding:7px 10px;}
.__popup .bot > * {display:inline-block;vertical-align:middle;color:#fff;font-size:14px;}
.__popup .bot button {border:none;background:none;color:#fff;}
.__popup .bot label {margin-right:20px;}
.__popup .bot label input {vertical-align:middle;}

@media all and (max-width:1000px){
	.__popup {left:0 !important;top:0 !important;max-width:100% !important;position:absolute !important;}
	.__popup .area {box-sizing:border-box;font-size:13px;max-height:80vh !important;}
	.__popup .bot {padding:5px 10px;}
	.__popup .bot > * {font-size:13px;}
}

.__jaejung {margin-bottom:60px;}
.__jaejung .wrap ~ .wrap {margin-top:70px;}
.__jaejung .wrap h3 {font-size:22px;font-weight:bold;color:#333;margin-bottom:15px;}
.__jaejung .wrap .area:after {content:"";display:block;clear:both;}
.__jaejung .wrap .area > div {box-sizing:border-box;width:50%;}
.__jaejung .wrap .area .img {float:left;padding-right:20px;}
.__jaejung .wrap .area .info {float:right;padding-left:20px;}
.__jaejung .wrap .area .info p {font-size:13px;margin-bottom:10px;text-align:right;}


.__tbl-jae {width:100%;table-layout:fixed;border-top:2px solid #707070;}
.__tbl-jae tr > * {border-bottom:1px solid #e7e7e7;padding:13px 10px;font-size:15px;text-align:center;}
.__tbl-jae tr th {border-bottom:1px solid #959595;font-weight:normal;color:#000;}
.__tbl-jae tr td {}
.__tbl-jae col.num {width:100px;}
.__tbl-jae col.cate {width:130px;}
.__tbl-jae col.file {width:110px;}
.__tbl-jae col.date {width:160px;}
.__tbl-jae col.during {width:220px;}
.__tbl-jae col.state {width:130px;}
.__tbl-jae td.subject {text-align:left;}
.__tbl-jae td.subject a {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:90%;display:inline-block;}
.__tbl-jae tr.notice > * {background:#edf6fb;}
.__tbl-jae tr.notice .__ico1 {background:#0c90e3;}
.__tbl-jae tr.notice td.subject a {color:#0c90e3;}
.__tbl-jae.auto {table-layout:auto;}


@media all and (max-width:1000px){
	.__jaejung {margin-bottom:30px;}
	.__jaejung .wrap ~ .wrap {margin-top:30px;}
	.__jaejung .wrap h3 {font-size:18px;margin-bottom:10px;}
	.__jaejung .wrap .area > div {width:100%;}
	.__jaejung .wrap .area .img {float:none;padding-right:0;text-align:center;}
	.__jaejung .wrap .area .info {float:none;padding-left:0;margin-top:10px;}

	.__tbl-jae {}
	.__tbl-jae tr > * {font-size:13px;padding:7px 5px;}
}

.report_wrap > ul {display:flex;  flex-wrap:wrap; }
.report_wrap > ul > li {width:16.6%; margin:0 1%; margin-bottom:40px; }
.report_wrap > ul > li > a {display:block; width:100%; height:100%;}
.report_wrap .report_thumb {width:100%; height:auto; line-height:280px;  border:1px solid #ddd; text-align:center}
.report_wrap .report_thumb img {max-width:100%; vertical-align:middle;}

.report_wrap .txt_area {
    padding-top:20px;

    width: 100%;
    
    background: #fff;
    font-size:20px;
    font-weight:700;

}


@media all and (max-width:1000px){
    .report_wrap > ul > li {width:23%;}
    .report_wrap .txt_area {font-size:16px; padding-top:12px;}
}

@media all and (max-width:640px){
    .report_wrap > ul > li {width:31%;}
}

@media all and (max-width:500px){
    .report_wrap > ul > li {width:48%;}
}


/*
@media all and (max-width:1000px){
    .report_wrap > ul  {flex-direction:column; justify-content:center; align-items:center;}
    .report_wrap > ul > li {width:376px;}
}
*/

.paging a {
    font-size: 1.500rem;
}

.paging a.on {
    text-decoration: none;
    color: #FF0000;
    font-weight: bold;
}

/** �������߰� (2019.12.13) **/
.m_bt_40 {margin-bottom:40px !important;}




.flex_conson{display: flex; gap: 15px; justify-content: space-between; margin-bottom: 30px;}
.flex_conson .bullet_box{border: 1px solid #e0e1e5; border-radius: 15px; width: calc(100%/3 - 10px);
	padding: 15px;
}

.flex_conson .bullet_box .day{font-size: 19px; color: #000; margin-bottom: 15px; position: relative; display: flex; align-items: center;}

.flex_conson .bullet_box .txt_bb_s{font-size: 17px;}


.flex_conson .bullet_box .day::before {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 1rem;
    border: 0.4rem solid #0099DA;
    border-radius: 100%;
    background: #fff0;
}

.bullet_box .btn {
  display: flex;
  align-items: center;
  padding: 0.5em 1em;
  background-color: #1C335C;
  color: #fff;
  gap: 10px;
  border-radius: 4px;
  font-size: 16px;
  justify-content: center
}
.bullet_box .btn img{max-width: 17px;}
.bullet_box .btn:hover {
  background: #0099DA;
  text-decoration: underline;
}


.flex_conson.flex_conson2 .bullet_box:first-of-type{width: 33%;}
.flex_conson.flex_conson2 .bullet_box:last-of-type{width: 66%;}


@media all and (max-width:840px){
.flex_conson{flex-direction: column;}
.flex_conson .bullet_box{width: calc(100%/1); padding: 5px; box-sizing: border-box; border-radius: 5px;}
.flex_conson .bullet_box .day{font-size: 15px; margin-bottom: 5px;}
.flex_conson .bullet_box .txt_bb_s{font-size: 14px;}
.flex_conson .bullet_box .day::before{width: 1rem; height: 1rem;}
.bullet_box .btn{border-radius: 5px;font-size: 14px;}
.bullet_box .btn img{max-width: 14px;}
.flex_conson.flex_conson2 .bullet_box:first-of-type{width: 100%;}
.flex_conson.flex_conson2 .bullet_box:last-of-type{width: 100%;}
}