<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* #wrap {width:100%;position:relative;padding-top:89px;} */
#wrap {width:100%;position:relative;padding-top:89px;margin-left:-20px;}

#header {border-bottom:1px solid #d3d3d3;position:absolute;left:0;top:0;width:100%;background:#fff;z-index:200;transition:0.5s;overflow:hidden;height:88px;}
.nav-on #header {height:270px;box-shadow:0 3px 3px rgba(0,0,0,0.2);}
#header:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:88px;
	background:#d3d3d3;
	height:1px;
	width:100%;
}
#header .inner {width:1098px;margin:0 auto;height:88px;position:relative;z-index:10;}
#header .bg {position:absolute;left:0;top:89px;left:0;z-index:0;width:100%;height:200px;background:#fff;}
#header .logo {position:absolute;position:absolute;left:0;top:10px;}
#header .logo a {display:block;font-size:0;}
#header .tnb {position:absolute;right:0;top:30px;}
#header .tnb li {float:left;margin-left:-1px;border:1px solid #d3d3d3;}
#header .tnb li:first-child {margin-left:0;}
#header .tnb li a {display:block;font-size:12px;color:#000;height:29px;line-height:29px;padding:0 10px;}
#header .tnb li a:hover {background:#0f6ac7; color:#fff;}
#header .gnb {position:absolute;right:140px;top:0;}
#header .gnb &gt; li {float:left;}
#header .gnb &gt; li &gt; a {display:block;padding:0 25px;font-size:17px;color:#000;}
#header .gnb &gt; li &gt; a &gt; span {display:block;height:88px;line-height:88px;position:relative;}
#header .gnb &gt; li &gt; a &gt; span:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:-1px;
	width:0;
	transition:0.3s;
	background:#0061c3;
	height:3px;
}
#header .gnb li ul {padding-top:15px;}
#header .gnb li ul li a {display:block;font-size:14px;color:#616161;padding:7px 0 7px 25px;white-space:nowrap;}
#header .gnb &gt; li.active &gt; a,
#header .gnb &gt; li:hover &gt; a {color:#0f6ac7;}
#header .gnb &gt; li.active &gt; a &gt; span:before,
#header .gnb &gt; li:hover &gt; a &gt; span:before {width:100%;}

#header .gnb li ul li a{position:relative;}
#header .gnb li ul li a:after {content:""; position:absolute; top:0; left:50%; height:100%; background:#f5f5f5; width:0; z-index:-1; transition:.3s;}
#header .gnb li ul li a:hover {color:#0f6ac7;}
#header .gnb li ul li a:hover:after {width:100%; margin-left:-50%;}


#quick {position:fixed;right:0;top:0;width:100px;height:100%;z-index:300;background:#1f1f22;}
#quick .link {display:block;padding:35px 0 35px 20px;}
#quick .link &gt; * {display:block;}
#quick .link span {font-size:17px;color:#fff;line-height:22px;}
#quick .link em {margin-top:15px;}
#quick .link1 {background:#2274c7;}
#quick .link2 {background:#20b385;}
#quick .box {padding:30px 0 0 20px;}
#quick .box dt {font-size:15px;color:#7f7f7f;}
#quick .box dd {margin-top:15px;font-size:24px;color:#fff;font-weight:600;}
#quick .link3 {background: #FF9224;}
#quick .box {padding:30px 0 0 20px;}
#quick .box dt {font-size:15px;color:#7f7f7f;}
#quick .box dd {margin-top:15px;font-size:24px;color:#fff;font-weight:600;}
#quick .link4 {background: #AF841C;}
#quick .box {padding:30px 0 0 20px;}
#quick .box dt {font-size:15px;color:#7f7f7f;}
#quick .box dd {margin-top:15px;font-size:24px;color:#fff;font-weight:600;}
#quick .link5 {background:#cc66ff;}

#vis,
#vis .vis {height:535px;position:relative;width:100%;}
#vis .vis .inner {width:1098px;margin:0 auto;height:535px;position:relative;}
#vis .vis .txt {position:absolute;left:0;top:115px;}
#vis .vis .txt dl dt {font-size:22px;color:#4a4a4a;}
#vis .vis .txt dl dd {font-size:40px;color:#000;line-height:50px;margin-top:5px;}
#vis .vis .txt dl dd span {color:#0061c3;}

#vis .bx-pager {position:absolute;z-index:100;bottom:24px;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 {
	text-align:left;
	display:inline-block;
	margin:0 6px;
	width:15px;
	height:15px;
	background:#fff;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:50%;
}
#vis .bx-pager .bx-pager-item a.active {background:none;border:3px solid #fff;}

#vis .bx-controls-direction a {position:absolute;z-index:100;display:block;width:56px;height:129px;top:50%;margin-top:-64.5px;text-indent:-9999px;}
#vis .bx-controls-direction .bx-prev {background:url(../images/vis-prev.png) no-repeat;left:20px;}
#vis .bx-controls-direction .bx-next {background:url(../images/vis-next.png) no-repeat;right:80px;}

#element {width:1098px;margin:35px auto;}
#element:after {content:"";display:block;clear:both;}
#element .box {float:left;}
#element .box1 {width:302px;height:188px;border:1px solid #e4e4e4;border-right:none;padding:25px 37px 0;}
#element .tit {position:relative;border-bottom:1px solid #5e9ddd;padding-bottom:15px;margin-bottom:15px;}
#element .tit h3 {font-size:20px;font-weight:normal;color:#000;}
#element .tit .more {position:absolute;right:0;top:0;}
#element .list li {position:relative;padding:6px 0 6px 10px;}
#element .list li a {display:block;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#element .list li:before {
	content:"";
	position:absolute;
	left:0;
	top:10px;
	width:4px;
	height:4px;
	background:#9a9a9a;
	border-radius:50%;
}

#rel {border-top:1px solid #e6e6e6;}
#rel .inner {width:1034px;padding:0 32px;margin:0 auto;position:relative;}
#rel .bx-wrapper {margin:0 auto;}
#rel .bx-controls-direction a {position:absolute;z-index:100;display:block;width:32px;height:36px;top:50%;margin-top:-18px;text-indent:-9999px;}
#rel .bx-controls-direction .bx-prev {background:url(../images/rel-prev.gif) no-repeat;left:0;}
#rel .bx-controls-direction .bx-next {background:url(../images/rel-next.gif) no-repeat;right:0;}

#footer {background:#363d4c;padding:35px 0;}
#footer .inner {width:1098px;margin:0 auto;position:relative;}
#footer h2 {position:absolute;right:0;top:50%;margin-top:-21.5px;}
#footer .fnb {font-size:0;}
#footer .fnb li {display:inline-block;margin-right:20px;}
#footer .fnb li a {color:#8e94a0;font-size:13px;}
#footer .fnb li:first-child a {color:#fff;}
#footer address {font-size:12px;line-height:20px;color:#8e94a0;margin-top:18px;}

#svis {background:url(../images/svis1.jpg) no-repeat 50% 0;}
#svis .inner {width:1098px;margin:0 auto;height:190px;margin:0 auto;position:relative;}
#svis dl {position:absolute;right:30px;top:80px;color:#fff;}
#svis dl dt {font-size:18px;}
#svis dl dd {font-size:25px;margin-top:5px;}

.sub2 #svis {background-image:url(../images/svis2.jpg);}
.sub3 #svis {background-image:url(../images/svis3.jpg);}
.sub4 #svis {background-image:url(../images/svis4.jpg);}
.sub5 #svis {background-image:url(../images/svis5.jpg);}
.sub6 #svis {background-image:url(../images/svis6.jpg);}
.sub7 #svis {background-image:url(../images/svis7.jpg);}
.sub8 #svis {background-image:url(../images/svis8.jpg);}
.sub9 #svis {background-image:url(../images/svis9.jpg);}

#navi {border-bottom:1px solid #ddd;margin-bottom:35px;font-family:ng,sans-serif;}
#navi .inner {width:1098px;margin:0 auto;padding:12px 0;font-size:14px;color:#888;}
#navi .inner &gt; * {display:inline-block;}
#navi em {padding:0 3px;}
#navi span:last-child {color:#444;}

#sub {width:1098px;margin:0 auto 80px;}
#sub:after {content:"";display:block;clear:both;}

#lef {width:225px;float:left;}
#lef h2 {height:40px;font-weight:normal;font-size:25px;color:#000;}
#lef .lnb {border-top:2px solid #5e9ddd;border-bottom:1px solid #999;}
#lef .lnb &gt; li {border-top:1px solid #e2e2e2;}
#lef .lnb &gt; li:first-child {border-top:none;}
#lef .lnb &gt; li &gt; a {display:block;padding:12px 10px;font-size:14px;color:#444;}
#lef .lnb &gt; li:hover &gt; a,
#lef .lnb &gt; li.active &gt; a {background:#f5f5f5 url(../images/lnb-on.png) no-repeat 100% 50%;color:#156bc2;}
#lef .cs {margin-top:20px;}

#rig {width:825px;float:right;}

#tit {height:40px;border-bottom:1px solid #767676;margin-bottom:40px;}
#tit h3 {font-weight:600;color:#444;font-size:25px;}

#content {min-height:300px;}



.__login {padding:60px 90px;width:278px;border:1px solid #e2e2e2;margin:0 auto;}
.__login .tit {margin-bottom:10px;}
.__login .tit h3 {font-size:25px;font-weight:600;color:#156bc2;text-align:center;}
.__login .tit p {font-size:16px;color:#666;margin-top:47px;}
.__login .form .txt {border:1px solid #ddd;box-sizing:border-box;height:31px;line-height:29px;width:100%;text-indent:10px;font-size:14px;}
.__login .form .btn {display: block; width:100%;height:100%;border:none;background:#008bea;font-size:18px;height:54px;color:#fff;margin-top:14px; text-align: center;} /* ruby_2017-06-27 추가 text-align: center; display: block; */
.__login .bot {position:relative;margin-top:35px;text-align:center;}
.__login .bot &gt; * {display:inline-block;}
.__login .bot a {font-size:14px;}
.__login .bot a:first-child {color:#156bc2;}
.__login .bot span {padding:0 10px;}

.__find .box {border-top:1px solid #e5e5e5;margin-top:45px;padding-top:45px;}
.__find .box:first-child {border-top:none;margin-top:0;padding-top:0;}
.__find .form {width:392px;position:relative;padding:0 188px 50px 0;margin:40px auto 0;}

.__find .form dl {position:relative;padding-left:115px;font-size:14px;}
.__find .form dl dt {position:absolute;left:0;top:0;height:31px;line-height:31px;}
.__find .form .txt {border:1px solid #ddd;box-sizing:border-box;height:31px;line-height:29px;width:100%;text-indent:10px;}
.__find .form .btn {position:absolute;right:0;top:0;width:175px;height:72px;border:none;color:#fff;background:#008bea;font-size:18px;}
.__find .form .link {
	position:absolute;
	box-sizing:border-box;
	right:0;
	bottom:0;
	width:175px;
	height:40px;
	line-height:38px;
	text-align:center;
	border:1px solid #c5c5c5;
	font-size:16px;
}
.__find .box2 .form {padding-bottom:0;}
.__find .box2 .form .btn {height:65px;}


.__gray {color:#888 !important;}
.__red {color:#ea0000 !important;}
.__blue {color:#008bea !important;}
.__black {color:#000 !important;}

.__tit1 h4 {position:relative;padding-top:10px;font-weight:18px;font-weight:600;color:#008bea;font-size:18px;}
.__tit1 h4:before {
	content:"";
	display:block;
	width:29px;
	height:2px;
	background:#008bea;
	position:absolute;
	left:0;
	top:0;
}

.__txt1 {font-size:14px;line-height:20px;color:#666;}
.__txt2 {font-size:16px;line-height:26px;color:#666;position:relative;}
.__txt2.type2 {line-height:23px;padding-left:40px;background:url(../images/ico-alert.gif) no-repeat 0 5px;}

.__gwal {font-size:0;text-align:center;}
.__gwal:before,
.__gwal:after {content:"";display:inline-block;width:24px;height:93px;vertical-align:middle;}
.__gwal:before {background:url(../images/ico-lef.png) no-repeat;}
.__gwal:after {background:url(../images/ico-rig.png) no-repeat;}
.__gwal .txt {display:inline-block;padding:0 65px;font-size:16px;line-height:23px;vertical-align:middle;}

.__join-sel {text-align:center;font-size:0;}
.__join-sel a {display:inline-block;width:251px;height:251px;position:relative;text-align:center;border:1px solid #dfdfdf;background:#f5f5f5;margin:0 20px;box-sizing:border-box;}
.__join-sel a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__join-sel a .in {display:inline-block;vertical-align:middle;}
.__join-sel a .in &gt; * {display:block;}
.__join-sel a .in span {font-size:16px;line-height:23px;margin-top:23px;}
.__join-sel a:hover,
.__join-sel .active {background:#f2f8ff;border:2px solid #156bc2;}


.__join-bot {margin-top:10px;padding-top:5px;text-align:center;} /* ruby_2017-06-26 수정 border-top:1px solid #ddd; margin-top:50px;padding-top:40px; */
.__join-bot .area {display:none;}
.__join-bot .area.active {display:block;}

.__toparea {position:relative;margin-bottom:15px;}
.__toparea .rig {position:absolute;right:0;bottom:0;}

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

.__form {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	height:31px;
	line-height:29px;
	padding-left:5px;
	font-size:14px;
	border:1px solid #ddd;
}
.__form2 {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	height:26px;
	line-height:24px;
	padding-left:5px;
	font-size:13px;
	border:1px solid #ddd;
}
.__btn1 {
	box-sizing:border-box;
	display:inline-block;
	height:45px;
	line-height:43px;
	background:#fff;
	min-width:140px;
	padding:0 20px;
	color:#666;
	font-size:16px;
	text-align:center;
	border:1px solid #c5c5c5;
}
.__btn1.type2 {background:#008bea;border-color:#008bea;color:#fff;}
.__btn1.type3 {color:#ea0000;border-color:#ea0000;}

.__btn2 {
	box-sizing:border-box;
	display:inline-block;
	height:27px;
	line-height:25px;
	background:#008bea;
	padding:0 10px;
	color:#fff;
	font-size:14px;
	text-align:center;
	border:1px solid #008bea;
}
.__btn2.type2 {background:#fff;border-color:#008bea;color:#008bea;}
.__btn2.type3 {background:#fff;border-color:#ea0000;color:#ea0000;}
.__btn2.type4 {background:#fff;border-color:#c5c5c5;color:#666;height:31px;line-height:29px;}

.__btn6 {
	box-sizing:border-box;
	display:inline-block;
	padding:0 12px;
	height:26px;
	line-height:24px;
	border:1px solid #e1e1e1;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	background:#f4f4f4;
	color:#474747;
	font-family:돋움,dotum,sans-serif;
}
.__btn6.type2 {background:#4489ca;border-color:#4489ca;color:#fff;}
.__btn6.type3 {background:#9f9f9f;border-color:#9f9f9f;color:#fff;}
.__btn6.type4 {background:#464646;border-color:#464646;color:#fff;}
.__btn6.type5 {background:#008bea;border-color:#008bea;color:#fff;}

.__btn10 {
	box-sizing:border-box;
	display:inline-block;
	padding:0 25px;
	height:31px;
	line-height:29px;
	border:1px solid #c5c5c5;
	text-align:center;
	font-size:14px;
	letter-spacing:-0.075em;
	font-weight:normal;
	background:#fff;
	color:#666;
}
.__btn10.type2 {background:#008bea;border-color:#008bea;color:#fff;}


.__tbl {width:100%;border-top:2px solid #5e9ddd;}
.__tbl tr &gt; * {font-size:14px;border-right:1px solid #e0e0e0;text-align:center;}
.__tbl tr &gt; *:last-child {border-right:none;}
.__tbl thead th {background:#f5f5f5;padding:10px;}
.__tbl tbody tr &gt; * {padding:13px 10px;border-bottom:1px solid #e0e0e0;}

.__tbl-view {width:100%;table-layout:fixed;border-top:2px solid #b6b6b6;border-bottom:1px solid #ddd;}
.__tbl-view .top {padding:10px 15px;font-size:15px;font-weight:600;color:#333;}
.__tbl-view .mid {padding:10px 15px;border-top:1px solid #ddd;position:relative;font-size:13px;}
.__tbl-view .mid .rig {position:absolute;right:15px;top:10px;}
.__tbl-view .con {font-size:13px;line-height:1.5em;padding:30px 15px;min-height:200px;}

.__tbl-view .tbl {width:100%;table-layout:fixed;}
.__tbl-view .tbl tr &gt; * {border-bottom:1px solid #ddd;font-size:13px;font-weight:normal;text-align:left;padding:7px 25px;height:30px;}
.__tbl-view .tbl tr .subject {font-size:14px;font-weight:600;}
.__tbl-view .tbl tr td span {display:inline-block;margin-right:20px;}
.__tbl-view .tbl tr .file {background:#f4f4f4;}


.__tbl1 {width:100%;table-layout:fixed;}
.__tbl1 tr &gt; * {border:1px solid #ddd;font-size:13px;font-weight:normal;}
.__tbl1 tr th {text-align:left;background:#f4f4f4;padding-left:22px;height:35px;color:#000;}
.__tbl1 thead th {padding:5px 15px;height:auto;}
.__tbl1 tr td {padding:10px 15px;}
.__tbl1 label {display:inline-block;margin-right:20px;}
.__tbl1.type2 tr td {padding:10px;}
.__tbl1.type2 tr &gt; * {border-left:none;border-right:none;}

.__tbl1.type3 tr td {padding:10px;text-align:center;}
.__tbl1.type3 thead th {text-align:center;padding:12px 10px;}

.__tbl1.type4 {border-left:1px solid #ddd;border-right:1px solid #ddd;}
.__tbl1.type4 tr td {padding:10px;text-align:center;}
.__tbl1.type4 thead th {text-align:center;padding:12px 10px;}
.__tbl1.type4 tr td {border-right:none;border-left:none;}

.__tbl1.type5 tr &gt; * {font-size:14px;text-align:center;}
.__tbl1.type5 tr &gt; * {padding:10px 0 !important;line-height:20px;letter-spacing:-0.025em;}

.__tbl1.type6 {border:1px solid #ddd;}
.__tbl1.type6 tr th {color:#000;}
.__tbl1.type6 tr &gt; * {font-size:14px;text-align:center;}
.__tbl1.type6 tr &gt; * {padding:10px 0!important;line-height:20px;letter-spacing:-0.025em;border-right:none;border-left:none;}

.__tbl1.type7 tr &gt; * {font-size:14px;padding:5px 15px !important;}
.__tbl1.type7 tr th {text-align:center;color:#000;}

.__tbl2 {width:100%;table-layout:fixed;border-top:2px solid #b6b6b6;}
.__tbl2 tr &gt; * {border-bottom:1px solid #ddd;font-size:13px;font-weight:normal;text-align:center;}
.__tbl2 tr th {background:#f4f4f4;text-align:center;padding:10px 0;}
.__tbl2 tr td {padding:5px 15px;height:30px;}
.__tbl2 label {display:inline-block;margin-right:20px;}
.__tbl2 .subject {text-align:left;}

.__tbl3 {width:100%;}
.__tbl3 tr &gt; * {border:1px solid #ddd;font-size:14px;font-weight:normal;text-align:center;line-height:23px;padding:10px;}
.__tbl3 tr th {background:#f1f8ff;color:#000;}
.__tbl3 .gray &gt; * {background:#f5f5f5;}

.__harfcir {font-size:0;box-sizing:border-box;}
.__harfcir .box {width:50%;display:inline-block;margin-bottom:10px;}
.__harfcir .box &gt; * {display:inline-block;vertical-align:middle;}
.__harfcir .box dt {
	width:38px;
	height:38px;
	color:#fff;
	line-height:38px;
	text-align:center;
	background:#005999;
	font-size:20px;
	border-radius:50%;
	margin-right:5px;
}
.__harfcir .box dd {font-size:14px;}

.__dld &gt; * {font-size:14px;}
.__dld dt span {display:inline-block;background:#f0f0f0;padding:3px 8px;}
.__dld dd {margin-top:10px;}
.__dld.type2 &gt; * {display:inline-block;vertical-align:middle;margin-top:0;}
.__dld.type2 dt {text-align:center;width:70px;margin-right:10px;}
.__dld.type2 dt span {display:block;}

.__comw {background:#f4f4f4;padding:10px 15px;position:relative;border-top:1px solid #ddd;}
.__comw .txt {display:block;box-sizing:border-box;padding:10px;background:#fff;height:60px;border:1px solid #ddd;width:690px;}
.__comw .btn {display:block;position:absolute;right:15px;top:10px;height:60px;width:100px;color:#fff;background:#b5b5b5;border:none;font-size:13px;}

.__com .box {position:relative;padding:15px 100px 15px 15px;border-top:1px solid #ddd;}
.__com .box dl dt {font-size:13px;font-weight:600;color:#5a5a5a;}
.__com .box dl dd {font-size:13px;color:#5a5a5a;line-height:1.4em;margin-top:5px;}
.__com .box .del {position:absolute;right:15px;top:50%;margin-top:-15.5px;}

.__dot1 {position:relative;line-height:23px;padding-left:16px;font-size:14px;}
.__dot1:before {
	content:"";
	display:block;
	width:4px;
	height:4px;
	border:3px solid #c7c7c7;
	border-radius:50%;
	position:absolute;
	left:0;
	top:5px;
}

.__tbl-hit {width:100%;background:#eee;margin-bottom:30px;}
.__tbl-hit tr &gt; * {border:1px solid #ddd;padding:20px 10px;text-align:center;}
.__tbl-hit tr th {color:#000;font-size:15px;font-weight:600;}
.__tbl-hit tr th {color:#000;font-size:15px;font-weight:600; font-family: 나눔고딕,NanumGothic,ng,'맑은 고딕','Malgun Gothic',sans-serif;} /* ruby_2017-06-23 font-family 추가 */


.__datetop {font-size:0;text-align:center;margin-bottom:25px;}
.__datetop &gt; * {display:inline-block;vertical-align:middle;}
.__datetop span {font-size:22px;padding:0 40px;color:#000;}


.__mon {font-size:0;display:inline-block;vertical-align:middle;}
.__mon &gt; * {display:inline-block;width:75px;margin-left:-1px;border:1px solid #ddd;background:#fff;text-align:center;font-family:돋움,dotum,sans-serif;height:26px;line-height:24px;}
.__mon .active {background:#464646;color:#fff;border-color:#464646;}


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


.__paging {clear:both;text-align:center;font-size:0;}
.__paging a {
	display:inline-block;_display:inline;
	width:30px;
	height:28px;
	line-height:28px;
	border:1px solid #cbcbcb;
	text-align:center;
	vertical-align:middle;
	color:#999;
	margin:0 2px;
	font-family:돋움,dotum,sans-serif;
	font-size:14px;
	z-index:0;
	letter-spacing:-0.1em;
	position:relative;
}
.__paging a:first-child {margin-left:0;}
.__paging a:hover,
.__paging .active {border:1px solid #008bea;color:#fff;background:#008bea;z-index:1;}

.__yogi {text-align:center;}
.__yogi:after {content:"";display:block;clear:both;}
.__yogi .box {width:245px;margin:0 0 30px 44px;float:left;}
.__yogi .box:nth-child(3n+1) {clear:both;margin-left:0;}
.__yogi .box .info {font-size:14px;margin-top:10px;}
.__yogi .box:hover .info {color:#008bea;}

.__site:after {content:"";display:block;clear:both;}
.__site &gt; li {float:left;width:191px;margin:0 0 45px 20px;border-bottom:1px solid #e5e5e5;box-sizing:border-box;}
.__site &gt; li:nth-child(4n+1) {clear:both;margin-left:0;}
.__site &gt; li &gt; a {
	display:block;
	background:#008bea url(../images/site-bg.gif) no-repeat 100% 0;
	height:50px;
	line-height:50px;
	color:#fff;
	padding-left:20px;
	font-size:18px;
	font-weight:600;
}
.__site li ul {padding:15px 0;}
.__site li ul li a {display:block;font-size:14px;padding:8px 0 8px 20px;white-space:nowrap;}
.__site li ul li a:hover {color:#008bea;}


.__search2 {margin-top:25px;text-align:center;}
.__search2 select,
.__search2 .txt {
	display:inline-block;
	box-sizing:border-box;
	border:1px solid #dfdfdf;
	height:30px;
	padding-left:5px;
	font-size:13px;
}
.__search2 .btn {
	display:inline-block;
	box-sizing:border-box;
	border:1px solid #dfdfdf;
	height:30px;
	background:#fff;
	width:56px;
	text-align:center;
	font-size:14px;
	color:#525252;
}

.__search2.type2 {margin-top:0;}

.__gal-list .box {margin-bottom:10px;}
.__gal-list .box:after {content:"";display:block;clear:both;}
.__gal-list .box .img {float:left;}
.__gal-list .box .img a {display:block;position:relative;}
.__gal-list .box .img a span {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.__gal-list .box:hover .img a span {display:block;}
.__gal-list .box .img a span img {display:block;position:absolute;left:50%;top:50%;margin:-20.5px 0 0 -20.5px;}
.__gal-list .box .info {background:#f6f6f6;float:right;width:600px;height:134px;border:1px solid #ddd;box-sizing:border-box;padding:32px 30px 0;}
.__gal-list .box .info .subject {font-size:18px;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.__gal-list .box .info .subject a {color:#000;}
.__gal-list .box .info .date {margin-top:10px;font-size:14px;}
.__gal-list .box .info .hit {margin-top:3px;font-size:14px;}



/* ruby_2017-06-23 ~ 추가 */
.__tit2 {margin-bottom:10px;position:relative;}
.__tit2 h4 {font-size:15px;font-weight:600;color:#000;}
.__tit2 h4 label {display:inline-block;margin-left:20px;font-size:13px;font-weight:normal;color:#666;}
.__tit2 .rig {position:absolute;right:0;bottom:0;}

.__agree .area {width: 98%; border:1px solid #ddd;border-top:2px solid #b6b6b6;overflow-y:scroll;padding:20px;box-sizing:border-box;height:340px;line-height:1.5em;font-size:13px;}
.__agree .lab {font-size:13px;margin-top:10px;}

.__under { border-bottom: solid 1px; }



#pop {position:fixed;border:1px solid #7c7c7c;z-index:1000;}
#pop .btns {cursor:pointer; background:#ddd; width:100%; overflow:hidden;}
#pop .btns .today,
#pop .btns .close {line-height:30px; color:#666; font-size:13px;}
#pop .btns .today {float:left; margin-left:10px;}
#pop .btns .close {float:right; bordeR:0; padding:0 10px;}

</pre></body></html>