<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* reset default browser setting */
html {width:100%; height:100%; font-size:14px; color:#666; line-height:1.5em;}
body,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, fieldset, legend, input, button, textarea, p, blockquote ,th ,td {margin:0; padding:0; font-family:hmcL, '맑은 고딕', 'Malgun Gothic','돋움', Dotum, 'Apple Gothic', sans-serif; color:#666;}
body {position:relative; width:100%; height:100%; background:#fff none; font-size:14px; min-height:100%;}
form {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address {font-style: normal;}
del,ins {text-decoration:none;}
li {list-style-type:none;}
dd,dt {display:block;}
a {color:#666;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover, a:focus {text-decoration:none;}
th {text-align:center;}
td {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:baseline;}
sub {vertical-align:baseline;}
table caption, legend {text-indent:-9999px; font-size: 0; line-height: 0; width:0; height:0; overflow:hidden; padding:0; margin:0; border:0;}
button {border:0; margin:0; padding:0; background:transparent; cursor:pointer; overflow:visible;}
button:active {padding:0;}
input,img,select {vertical-align:middle;}
select {height:30px;line-height:28px;border:1px solid #d4d4d4;background:#fff;}
em {font-style:normal;}
.skipNavi {position:absolute; left:-999999px; display:block; width:100%; height:25px; background:#727272; font-size:16px; font-weight:bold; line-height:25px; text-align:center; z-index:10000;}
.skipNavi:focus, .skipNavi:active {left:0; color:#fff;}
.hideCont, .hidden {position:absolute; left:-999999px; overflow:hidden; font-size: 0; line-height:0;}

@font-face {font-family:hmcB; src:url('../font/hmcB.eot');  src:local('※'), url('../font/hmcB.woff') format("woff")/* , url('../font/hmcB.ttf') format("truetype"); */ }
@font-face {font-family:hmcL; src:url('../font/hmcL.eot');  src:local('※'), url('../font/hmcL.woff') format("woff")/* , url('../font/hmcL.ttf') format("truetype"); */ }
@font-face {font-family:hmcM; src:url('../font/hmcM.eot');  src:local('※'), url('../font/hmcM.woff') format("woff")/* , url('../font/hmcM.ttf') format("truetype"); */ }


/* layout */
body {width:100%; min-height:100%; background:#fff;}
.inner {position:relative;width:1120px;margin:0 auto;}
#wrap {position:relative; width:100%;}
#header {position:relative;width:100%;height:147px;border-bottom:2px solid #073d65;overflow:visible;z-index:10;}
	#header:before {content:"";display:block;position:absolute;left:0;top:37px;width:100%;height:1px;background:#e2e2e2;}
	#header .logo {position:absolute;top:62px;left:3px;}
	#header .topMenu {position:absolute;top:0;right:0;}
	#header .topMenu:after {content:'';display:block;clear:both;}
	#header .topMenu a {display:block;float:left; height:25px; padding:12px 24px 0;line-height:1em; font-size:13px;color:#333;border-left:1px solid #e2e2e2;}
	#header .topMenu .searchArea {float:left;}
	#header .topMenu .searchArea .inputSrch {width:0;height:27px;line-height:27px;margin-right:-5px;padding:5px 0;background:#ebebeb;border:0; display:none;} /* width 170 (border-box : 180px) */
	
	#header .snsArea {position:absolute;left:0;top:4px;width:140px;height:30px;overflow:hidden;}
	#header .snsArea:after {content:'';display:block;clear:both;}
	#header .snsArea a {display:block;float:left; width:30px; height:30px; margin-right:5px; background:url('../../images/common/bg_sns.png') no-repeat 0 0;font-size:0;text-indent:-9999px;}
	#header .snsArea .f {background-position:0 -43px;}
	#header .snsArea .f:hover {background-position:0 0;}
	#header .snsArea .t {background-position:-35px -43px;}
	#header .snsArea .t:hover {background-position:-35px 0;}
	#header .snsArea .b {background-position:-70px -43px;}
	#header .snsArea .b:hover {background-position:-70px 0;}
	#header .snsArea .y {background-position:-105px -43px;}
	#header .snsArea .y:hover {background-position:-105px 0;}
	
	
	
	

	
	#header .gnbWrap {position:absolute;right:77px;top:70px;}
	#header .gnbWrap .gnb {width:100%;}
	#header .gnbWrap .gnb:after {content:'';display:block;clear:both;}
	#header .gnbWrap .gnb &gt; li {position:relative;float:left;text-align:center;z-index:10;}
	#header .gnbWrap .gnb &gt; li {width:161px;}
	#header .gnbWrap .gnb &gt; li + li {width:94px;}
	#header .gnbWrap .gnb &gt; li + li + li {width:127px;}
	#header .gnbWrap .gnb &gt; li + li + li + li {width:108px;}
	#header .gnbWrap .gnb &gt; li + li + li + li + li {width:100px;text-align:left;padding-left:38px;white-space:nowrap;}
	#header .gnbWrap .gnb &gt; li &gt; a {display:inline-block;height:35px;line-height:35px;font-family:hmcM;font-size:22px;font-weight:bold;color:#333;}
	#header .gnbWrap .subMenu {display:none;position:absolute;left:0;top:80px;height:317px;padding:30px 0 0 18px;border-left:1px solid #dadada;text-align:left;}
	#header .gnbWrap .subMenu ul &gt; li {padding-bottom:8px;}
	#header .gnbWrap .subMenu ul &gt; li &gt; a {font-size:16px; letter-spacing:-0.02em;}
	#header .gnbWrap .subMenu ul &gt; li &gt; a:hover {font-family:hmcM;color:#000;text-decoration:underline;}
	#header .gnbWrap .subClose {display:none;position:absolute;right:0;top:94px;z-index:10;}
	#header .allMenu {position:absolute;top:76px;right:0; z-index:10;}
	.subBg {display:none;position:absolute;left:0;top:149px;width:100%; min-height:355px;border-bottom:2px solid #073d65;background:#fff;z-index:5; text-align:right;}
	.subBg::after {content:''; display:block; clear:both;}
	
	.wholeWrap {display:none;position:absolute;left:0;top:150px;width:100%; min-height:272px;border-bottom:2px solid #073d65;background:#fff;z-index:5; text-align:right;}
	.wholeWrap .wholeMenu {position:relative; width:1120px; margin:0 auto; text-align:center; overflow:hidden;}
	.wholeWrap .wholeMenu .whole {float:right; padding-right:45px;}
	.wholeWrap .wholeMenu .whole &gt; li {position:relative;float:left;text-align:center;z-index:1;}
	.wholeWrap .wholeMenu .whole &gt; li &gt; a {position:absolute; left:-9999px;}
	.wholeWrap .wholeMenu .whole &gt; li {width:161px;}
	.wholeWrap .wholeMenu .whole &gt; li + li {width:94px;}
	.wholeWrap .wholeMenu .whole &gt; li + li + li {width:127px;}
	.wholeWrap .wholeMenu .whole &gt; li + li + li + li {width:108px;}
	.wholeWrap .wholeMenu .whole &gt; li + li + li + li + li {width:170px;text-align:left;}
	.wholeWrap .wholeMenu .subMenu {position:static;height:242px;padding:30px 0 0 18px;border-left:1px solid #dadada;text-align:left;}
	.wholeWrap .wholeMenu .subMenu ul &gt; li {padding-bottom:8px;}
	.wholeWrap .wholeMenu .subMenu ul &gt; li:last-child {padding-bottom:20px;}
	.wholeWrap .wholeMenu .subMenu ul &gt; li &gt; a {font-size:16px; letter-spacing:-0.02em;}
	.wholeWrap .wholeMenu .subMenu ul &gt; li &gt; a:hover {font-family:hmcM;color:#000;text-decoration:underline;}
	.wholeWrap .wholeMenu .subClose {position:absolute;right:0;top:30px; z-index:2;}
	
#middle {position:relative;width:100%;height:39px;background:#f2f2f2;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;z-index:4;}
	#middle .location {width:1120px;margin:0 auto;}
	#middle .location:after {content:'';display:block;clear:both;}
	#middle .location a,	/* 20161207 add */
	#middle .location span {display:inline-block;float:left;position:relative;height:39px;line-height:39px;padding:0 48px;font-family:'맑은 고딕', 'Malgun Gothic';}
	#middle .location .home {width:54px;padding:0;background:url('../../images/common/icon_home.gif') no-repeat 50% 50% #e4e4e4;font-size:0;line-height:0;}
	#middle .location .home:after {display:none;}
	#middle .location span:after {content:'';display:block;position:absolute;right:0;top:0;width:13px;height:39px;background:url('../../images/common/icon_location_arrow.gif') no-repeat 0 0;}
	#middle .location strong {display:inline-block;padding-left:50px;font-weight:normal;font-family:'맑은 고딕', 'Malgun Gothic';line-height:39px;}

#container {position:static; padding:39px 0 80px; background:#f9f9f9;}
#container.main {background:#eee; padding:30px 0 !important;}
	#container #contentwrap {width:1120px;margin:0 auto;}
	#container #contentwrap:after {content:'';display:block;clear:both;}
	#container #lnb {float:left;width:220px;margin-right:50px;}	

	#container #lnb .lnbWrap {border:1px solid #dcdcdc;}
	#container #lnb .lnbWrap .lnbTit {height:100px; line-height:100px; padding-left:31px; font-family:hmcM; font-size:28px; color:#fff; background:#073d65;}
	#container #lnb .lnbWrap &gt; ul &gt; li {position:relative;border-top:1px solid #e5e5e5; background:#f2f2f2;}
	#container #lnb .lnbWrap &gt; ul &gt; li &gt; a {position:relative;display:block; padding:11px 0 11px 28px; font-size:18px; color:#333;}
	#container #lnb .lnbWrap &gt; ul &gt; li &gt; a + ul {display:none;}
	#container #lnb .lnbWrap &gt; ul &gt; li.on &gt; a {background:#1d60af; color:#fff;}
	#container #lnb .lnbWrap &gt; ul &gt; li.hasSub.open &gt; a + ul {display:block;}
	#container #lnb .lnbWrap &gt; ul &gt; li.hasSub:before {content:'';display:block;position:absolute;z-index:1;right:21px;top:15px;width:6px;height:6px;border-left:2px solid #000;border-bottom:2px solid #000;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
	#container #lnb .lnbWrap &gt; ul &gt; li.hasSub:hover:before,
	#container #lnb .lnbWrap &gt; ul &gt; li.hasSub.on:before {border-color:#fff;}
	#container #lnb .lnbWrap &gt; ul &gt; li.hasSub.open:before {top:19px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
	#container #lnb .lnbWrap &gt; ul &gt; li:hover &gt; a,
	#container #lnb .lnbWrap &gt; ul &gt; li.on &gt; a:hover,
	#container #lnb .lnbWrap &gt; ul &gt; li.on &gt; a {background:#1d60af; color:#fff;}
	#container #lnb .lnbBnn {margin-top:5px;}
	#container #lnb .lnbBnn li { margin-bottom:5px; }
	#container #lnb .lnbBnn li a {display:block;position:relative;height:45px; line-height:45px; padding-left:21px; background:#1d60af; font-size:16px; color:#fff;}
	#container #lnb .lnbBnn li a:after {content:''; display:block; position:absolute; right:8px; top:7px; width:32px; height:32px; background:url('../../images/common/icon_app.png') no-repeat 0 0;}
	#container #lnb .lnbBnn li + li a:after {background:url('../../images/common/icon_business.png') no-repeat 0 0;}
	#container #lnb .lnbWrap &gt; ul &gt; li &gt; ul &gt; li {border-top:1px solid #e5e5e5; background:#fff;}
	#container #lnb .lnbWrap &gt; ul &gt; li &gt; ul &gt; li &gt; a {display:block;padding:11px 0 11px 28px; font-size:16px; color:#666;}
	#container #lnb .lnbWrap &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover, 
	#container #lnb .lnbWrap &gt; ul &gt; li &gt; ul &gt; li.on &gt; a {color:#1d60af;}

	/* ginnie 추가 */
	 #container #lnb .lnbWrap &gt; ul &gt; li &gt; ul &gt; li &gt; ul {display:none;}
	 #container #lnb .lnbWrap &gt; ul &gt; li &gt; ul &gt; li.on &gt; a {background:#1d60af; color:#fff;}
	 #container #lnb .lnbWrap &gt; ul &gt; li &gt; ul &gt; li.hasSub2.open &gt; a + ul {display:block;}

	 #container #lnb .lnbWrap &gt; ul &gt; li &gt; ul &gt; li &gt; ul {border-top:1px solid #e6e6e6;}
	 #container #lnb .lnbWrap &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li{background:#fff;}
	 #container #lnb .lnbWrap &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {display:block;padding:10px 0 10px 28px; font-size:15px; color:#666;}
	 #container #lnb .lnbWrap &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:before {content:"└ ";}
	 #container #lnb .lnbWrap &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover,
	 #container #lnb .lnbWrap &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li.on &gt; a {color:#1d60af;}
	/* ginnie 추가 */


	#container #content {position:relative; float:left; width:850px; overflow:hidden; min-height:500px;}
	
	


#quickmenu {position:fixed; right:-113px; top:0; width:113px; height:100%; background:#155997; z-index:10;}
	.noQuick #quickmenu {width:0px;}
	#quickmenu .quickBtn {position:absolute; left:-44px; top:250px; width:20px; height:130px;}
	#quickmenu .quickBtn img {display:block;}
	#quickmenu .quickOpen {position:absolute; top:0; left:0; width:100%;}
	#quickmenu .quickOpen .tit {display:block;height:149px; background:#073d65; text-align:center;}
	#quickmenu .quickOpen .tit img {margin-top:41px;}
	#quickmenu .quickOpen .qr {display:block; margin:0 auto 5px;}
	#quickmenu .quickOpen ul {display:block; width:100%;}
	#quickmenu .quickOpen ul li {padding:20px 0;border-bottom:1px solid #447aac;}
	#quickmenu .quickOpen ul li a {display:block; color:#fff; text-align:center;}
	#quickmenu .quickOpen ul li a:before {content:'';display:block;margin:0 auto 10px auto;}
	#quickmenu .quickOpen ul li a:before {width:45px; height:39px; background:url('../../images/common/quick_menu01.png') no-repeat 0 0;}
	#quickmenu .quickOpen ul li + li a:before {width:35px; height:40px; background:url('../../images/common/quick_menu02.png') no-repeat 0 0;}
	#quickmenu .quickOpen ul li + li + li a:before {width:48px; height:35px; background:url('../../images/common/quick_menu03.png') no-repeat 0 0;}
	#quickmenu .quickOpen ul li + li + li + li a:before {width:40px; height:41px; background:url('../../images/common/quick_menu04.png') no-repeat 0 0;}
	#quickmenu .quickOpen ul li + li + li + li + li a:before {width:36px; height:52px; background:url('../../images/common/quick_menu05.png') no-repeat 0 0;}
	#quickmenu .quickTop {position:absolute;left:44px;bottom:65px;}

#conTop {position:fixed; right:0; bottom:30px; width:44px; height:49px; z-index:10;}

#footer {position:relative; width:100%; background:#fff;}
#footer:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:49px;background:#073d65;}
	#footer .links {width:100%; overflow:hidden; height:49px;}
	#footer .links li {position:relative;float:left; height:49px; padding:0 12px;}
	#footer .links li:before {content:'';display:block;position:absolute;left:0;top:50%;margin-top:-6px;width:2px;height:13px;background:#c1c6ce;}
	#footer .links li a {display:block; color:#fff; line-height:49px;}
	#footer .links li:first-child {padding-left:0;}
	#footer .links li:first-child:before {display:none;}
	#footer .address {margin-top:18px;}
	#footer .address p.copyright {padding:10px 0 54px;font-size:12px;color:#000;}
	#footer .outLinks {position:absolute; right:0; top:60px;}
	#footer .outLinks .familySite {float:right;}
	#footer .outLinks .familySite .selectItem {top:auto; bottom:38px; border-top:1px solid #d6d6d6; border-bottom:0;}
	#footer .outLinks .snsArea {position:absolute;right:205px;top:3px;width:140px;}
	#footer .outLinks .snsArea:after {content:'';display:block;clear:both;}
	#footer .outLinks .snsArea a {display:block;float:left; width:30px; height:30px; margin-right:5px; background:url('../../images/common/bg_sns.png') no-repeat 0 0;font-size:0;text-indent:-9999px;}
	#footer .outLinks .snsArea .f {background-position:0 -43px;}
	#footer .outLinks .snsArea .f:hover {background-position:0 0;}
	#footer .outLinks .snsArea .t {background-position:-35px -43px;}
	#footer .outLinks .snsArea .t:hover {background-position:-35px 0;}
	#footer .outLinks .snsArea .b {background-position:-70px -43px;}
	#footer .outLinks .snsArea .b:hover {background-position:-70px 0;}
	#footer .outLinks .snsArea .y {background-position:-105px -43px;}
	#footer .outLinks .snsArea .y:hover {background-position:-105px 0;}

	

	#footer .outLinks {top:70px;}
	#footer .address {padding-left:260px; margin-top:20px;}
	#footer .address p.copyright {padding-top:3px;}
	#footer .footCount {position:absolute; left:0; top:70px; line-height:20px; overflow:hidden; color:#fff;}
	#footer .footCount dt {clear:both; float:left; width:110px; height:20px; margin-bottom:1px; margin-right:1px; text-align:center; background:#073d65; color:#fff;}
	#footer .footCount dd {float:left; width:125px; height:20px; padding-right:10px; text-align:right; background:#073d65; color:#fff;}

	
	
	
.fakeSel {position:relative; display:inline-block; width:190px; height:37px; border:1px solid #d5d5d5; background-color:#fff;}
.fakeSel .current {position:relative;display:block; padding:0 23px 0 18px; line-height:37px; font-size:16px; color:#333; vertical-align:middle; text-align:left; background:#fff; cursor:default; }
.fakeSel .current:after {content:'';display:block;position:absolute;right:15px;top:14px;width:9px;height:8px;background:url('../../images/common/icon_foot_arrow.gif') no-repeat 0 0;}
.fakeSel .selectItem {position:absolute; top:38px; left:-1px; width:100%; z-index:9; overflow:auto; min-height:1em; max-height:100px;#height:expression(this.scrollHeight &gt; 100 ? "100px" : "auto"); border:1px solid #d6d6d6; border-top:none; background:#fff; padding:3px 0;display:none;}
.fakeSel .selectItem li {display:block;}
.fakeSel .selectItem li a {display:block; cursor:default; padding:2px 0 1px 18px; line-height:20px; height:20px;}
.fakeSel .selectItem li a:hover {background:#f2f2f2;}

/* Space/Align/Font */
.mt0 {margin-top:0 !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt60 {margin-top:60px !important;}
.pt0 {padding-top:0 !important;}
.pb50 {padding-bottom:50px !important;}
.pd0 {padding:0 !important;}
.vt {vertical-align:top !important;}
.sfont12 {font-family:'맑은 고딕', 'Malgun Gothic'; font-size:12px;}
.blue {color:#336699 !important;}
.blue02 {color:#0033ff !important;}
.purple {color:#9900cc !important;}
.green {color:#10ab10 !important;}
.red {color:#ff0000 !important;}
.sky {color:#0099ff !important;}
.txtType {margin-top:-6px; padding-bottom:43px; font-size:16px; color:#333; line-height:1.8em;}
.txtType2 &gt; li {font-family:hmcM; font-size:16px; color:#336699;}
.txtType3 &gt; li {font-family:'맑은 고딕', 'Malgun Gothic'; font-size:14px;}
.imgType {padding-bottom:50px; text-align:center; line-height:1; vertical-align:top;}
.imgType02 {margin-top:-50px; text-align:center; line-height:1; vertical-align:top;}
.imgType02_new {margin-top:-50px; margin-left:-50px; text-align:center; line-height:1; vertical-align:top;}

/* Title */
.titType {padding-bottom:10px; font-family:hmcM; line-height:28px; font-size:28px; color:#333;}
.titType99 {padding-bottom:5px; font-family:hmcM; line-height:20px; font-size:20px; color:#333;}
.stitType {font-family:hmcM; font-size:20px; color:#333; letter-spacing:-0.05em;}
.stitType.s1 {position:relative; height:39px; margin-bottom:50px; font-size:28px;}
.stitType.s1:before {content:''; display:block; position:absolute; left:0; bottom:0; width:46px; height:5px; background:#1d60af;}
.stitType02 {margin-top:30px; padding-bottom:10px; font-family:hmcM; font-size:18px; color:#333; letter-spacing:-0.05em;}
.stitType02 .required {font-family:hmcL; font-size:12px;}
.stitType03 {margin-top:30px; padding-bottom:10px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:18px; color:#333; letter-spacing:-0.05em;}
.stitType04 {margin-top:38px; padding-bottom:10px; font-family:hmcM; font-size:24px; color:#1d60af; letter-spacing:-0.05em;}
.stitType05 {margin-top:46px; padding-bottom:10px; font-family:hmcM; font-size:22px; color:#333; letter-spacing:-0.05em;}
.stitType06 {margin-top:26px; padding-bottom:10px; font-family:hmcM; font-size:16px; color:#333; letter-spacing:-0.05em;}
.stitType06 span {font-size:14px; color:#666; }
.stitType07 {margin-top:10px; padding-bottom:10px; font-family:hmcM; font-size:18px; color:#333; letter-spacing:-0.05em;}
.titCon {height:60px; font-size:18px; color:#205e9f; letter-spacing:-0.05em;}
.tbTit {padding:16px 0; border:1px solid #dadada; border-bottom:0; background:#e5e5e5; text-align:center; font-family:'맑은 고딕', 'Malgun Gothic'; color:#333;}


/* Contents */
.listTop {width:100%; margin-bottom:20px;}
.listTop:after {content:'';display:block;clear:both;}
.listTop .listSort {float:left;}
.listTop .listSort &gt; li {float:left;}
.listTop .listSort &gt; li &gt; button {display:block; min-width:70px; padding:5px 0 6px; border:1px solid #d4d4d4; background:#fff; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px; text-align:center; letter-spacing:-0.05em;}
.listTop .listSort &gt; li.on &gt; button {border:1px solid #434343; background:#434343; color:#fff;}
.listTop .listSrch {position:relative;float:right;}
.listTop .listSrch input[type="text"] {width:260px;}
.listTop .listSrch .submitForm {position:absolute;right:10px;top:5px;}
.listTop .listSrch .submitForm {position:absolute;right:10px;top:5px;}

.txtInfo {position:relative; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px; color:#333;}
.txtInfo:before {content:''; display:inline-block; width:9px; height:14px; margin-right:2px; background:url('../../images/common/icon_check.png') no-repeat 0 0;}
.txtMent {padding:30px 0 10px;font-family:'맑은 고딕', 'Malgun Gothic'; font-size:16px; color:#333; text-align:center; line-height:1.8em;}
.txtAgree {padding-top:6px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px;}

.agreeWrap {width:850px; margin:0 auto;}
.agreeWrap .scrollWrap {margin-top:0; height:190px;}
.agreeWrap .stitType {padding-bottom:10px;}
.agreeWrap &gt; p + .stitType {padding-top:25px;}

.txtList {padding:20px 20px 15px; border:1px solid #dcdcdc;}
.txtList &gt; li {padding-bottom:5px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px;}
.txtList02 {padding-top:6px;}
.txtList02 dt, .txtList02 dd, .txtList02 &gt; li {font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px;}
.infoList {}
.infoList &gt; li {padding-top:7px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:11px; line-height:1.2em;}

.addFile {padding-top:6px;}
.addFile dt,
.addFile dd {font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px; color:#333;}
.addFile dt {padding-bottom:5px;}
.addFile dd:before {content:''; display:inline-block; width:9px; height:14px; margin-right:2px; background:url('../../images/common/icon_check.png') no-repeat 0 0;}

/* Table */
dl.dataInfo {}
dl.dataInfo:after {content:'';display:block;clear:both;}
dl.dataInfo dt {float:left; clear:left; position:relative; font-family:'맑은 고딕', 'Malgun Gothic';}
dl.dataInfo dt:before {content:'·'; display:inline-block; padding-right:4px;}
dl.dataInfo dt:after {content:':'; display:inline-block; padding-left:4px; padding-right:4px;}
dl.dataInfo dd {float:left; font-family:'맑은 고딕', 'Malgun Gothic';}

.listWrap {margin-left:-20px; margin-bottom:-20px;}
.listWrap:after {content:'';display:block;clear:both;}
.listWrap .section {float:left; position:relative; width:289px; margin-left:20px; margin-bottom:20px; padding:27px 28px 17px 96px; border:1px solid #e5e5e5; border-radius:10px; background:#fff;}
.listWrap h2 {overflow:hidden;max-width:290px; margin-bottom:12px; font-size:18px; color:#010101; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.listWrap h2 a {color:#010101;}
.listWrap h2.off, .listWrap h2.off a {color:#666; cursor:default;}
.listWrap span.icon {position:absolute; left:19px; top:20px; display:block; width:60px; height:60px; line-height:60px; border-radius:50%; font-size:18px; color:#fff; text-align:center; letter-spacing:-0.05em;}
.listWrap span.icon.application {background:#1d60af;}
.listWrap span.icon.ready {background:#073d65;}
.listWrap span.icon.deadline {background:#b4b4b4;}

.viewWrap {padding-top:20px;border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.viewWrap h2 {margin-bottom:12px;}
.viewWrap span.icon, .bbsList .icon {display:inline-block; padding:3px 6px 5px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:12px; color:#fff; line-height:1; vertical-align:middle;}
.viewWrap span.icon.application, .bbsList .icon.application {background:#ff8608;}
.viewWrap span.icon.ready {background:#073d65;}
.viewWrap span.icon.deadline {background:#434343;}
.viewWrap .viewCon {margin-top:10px; padding:10px 25px; border-top:1px solid #e1e1e1;}

.writeWrap {margin-top:-1px; padding:0 19px 19px 19px; border:1px solid #dcdcdc; background:#fff;}
.writeWrap .tit {padding:25px 0 27px; border-bottom:1px solid #1d60af; font-family:hmcM; font-size:28px; color:#333; text-align:center;}
.writeWrap .titWrap {position:relative; margin-top:16px;}
.writeWrap .titWrap &gt; * {display:inline-block; color:#333;}
.writeWrap .titWrap .stitType {padding-bottom: 21px;}
.writeWrap .titWrap &gt; .txtInfo {margin-left:4px;}
.writeWrap .btn.delete {position:absolute; right:0; top:-5px;}
.writeWrap &gt; .txtInfo {padding-top:10px;}
.writeWrap .titWrap.topType {margin-top:20px; padding-top:16px; border-top:1px solid #1d60af;}
.writeWrap .btnWrap {padding-bottom:20px;}

.tbWrite {width:100%; border-top:1px solid #dadada; border-left:1px solid #dadada;}
.tbWrite tbody th, 
.tbWrite tbody td {height:30px; padding-top:12px; padding-bottom:12px; border-right:1px solid #dadada; border-bottom:1px solid #dadada; font-family:'맑은 고딕', 'Malgun Gothic'; font-weight:normal; color:#333; text-align:left;}
.tbWrite tbody th {padding-left:30px; background:#f0f0f0;}
.tbWrite tbody th.bg {padding-left:30px; background:#e5e5e5;}
.tbWrite tbody td {padding-left:19px; background:#f9f9f9; font-size:13px;}
.tbWrite tbody td table {width:100%; border-top:0; border-bottom:0;}
.tbWrite.depth2 tbody th {background:#e5e5e5;}
.tbWrite.depth2 tbody td table {width:100%; border-top:0 !important; border-bottom:0 !important;}
.tbWrite.depth2 tbody td table tbody th {padding-left:20px; background:#f0f0f0; border-bottom:0; border-right:0; border-left:1px solid #dadada; border-top:1px solid #dadada;}
.tbWrite.depth2 tbody td table tbody td {padding-left:15px; border-bottom:0; border-right:0; border-left:1px solid #dadada; border-top:1px solid #dadada;}
.tbWrite.depth2 tbody td table tbody tr:first-child th,
.tbWrite.depth2 tbody td table tbody tr:first-child td {border-top:0;}
.tbWrite.depth2 tbody td table tbody th:first-child,
.tbWrite.depth2 tbody td table tbody td:first-child {border-left:0;}
.tbWrite.depth2 tbody td table.center tbody th {padding-left:0; text-align:center;}
.tbWrite.depth2 tbody td table.center tbody td {padding-left:0; text-align:center;}
.tbWrite.depth2 tbody td table.tbList {border-top:0; border-left:0;}
.tbWrite.depth2 tbody td table.tbList thead th {height:auto; background:#f0f0f0; border-left:1px solid #dadada; border-right:0;}
.tbWrite.depth2 tbody td table.tbList thead th:first-child {border-left:0;}
.tbWrite.depth2 tbody td table.tbList tbody td {height:30px; padding:12px 0;}
.tbWrite.depth2 .center {padding-right:0; padding-left:0; text-align:center;}
.tbWrite.depth3 tbody th:first-child {background:#e5e5e5;}
.tbWrite.depth3 tbody th.dep {background:#f0f0f0; padding-left:20px;}
.tbWrite.depth3 tbody td {padding-left:15px;}

.tbWrite .no-right {border-right:0;}
.tbWrite .pd0 {padding:0;}
.tbWrite input[type="text"], .tbWrite input[type="password"] {width:180px;}




.tbWrite2 {width:100%; border-top:1px solid #dadada; border-left:1px solid #dadada;}
.tbWrite2 tbody th, 
.tbWrite2 tbody td {height:30px; padding-top:3px; padding-bottom:3px; border-right:1px solid #dadada; border-bottom:1px solid #dadada; font-family:'맑은 고딕', 'Malgun Gothic'; font-weight:normal; color:#333; text-align:left;}
.tbWrite2 tbody th {padding-left:30px; background:#f0f0f0;}
.tbWrite2 tbody th.bg {padding-left:30px; background:#e5e5e5;}
.tbWrite2 tbody td {padding-left:19px; background:#f9f9f9; font-size:13px;}
.tbWrite2 tbody td table {width:100%; border-top:0; border-bottom:0;}
.tbWrite2.depth2 tbody th {background:#e5e5e5;}
.tbWrite2.depth2 tbody td table {width:100%; border-top:0 !important; border-bottom:0 !important;}
.tbWrite2.depth2 tbody td table tbody th {padding-left:20px; background:#f0f0f0; border-bottom:0; border-right:0; border-left:1px solid #dadada; border-top:1px solid #dadada;}
.tbWrite2.depth2 tbody td table tbody td {padding-left:15px; border-bottom:0; border-right:0; border-left:1px solid #dadada; border-top:1px solid #dadada;}
.tbWrite2.depth2 tbody td table tbody tr:first-child th,
.tbWrite2.depth2 tbody td table tbody tr:first-child td {border-top:0;}
.tbWrite2.depth2 tbody td table tbody th:first-child,
.tbWrite2.depth2 tbody td table tbody td:first-child {border-left:0;}
.tbWrite2.depth2 tbody td table.center tbody th {padding-left:0; text-align:center;}
.tbWrite2.depth2 tbody td table.center tbody td {padding-left:0; text-align:center;}
.tbWrite2.depth2 tbody td table.tbList {border-top:0; border-left:0;}
.tbWrite2.depth2 tbody td table.tbList thead th {height:auto; background:#f0f0f0; border-left:1px solid #dadada; border-right:0;}
.tbWrite2.depth2 tbody td table.tbList thead th:first-child {border-left:0;}
.tbWrite2.depth2 tbody td table.tbList tbody td {height:30px; padding:12px 0;}
.tbWrite2.depth2 .center {padding-right:0; padding-left:0; text-align:center;}
.tbWrite2.depth3 tbody th:first-child {background:#e5e5e5;}
.tbWrite2.depth3 tbody th.dep {background:#f0f0f0; padding-left:20px;}
.tbWrite2.depth3 tbody td {padding-left:15px;}

.tbWrite2 .no-right {border-right:0;}
.tbWrite2 .pd0 {padding:0;}
.tbWrite2 input[type="text"], .tbWrite2 input[type="password"] {width:180px;}





.tbWrite3 {width:100%; border-top:1px solid #dadada; border-left:1px solid #dadada;}
.tbWrite3 tbody th, 
.tbWrite3 tbody td {height:30px; padding-top:12px; padding-bottom:12px; border-right:1px solid #dadada; border-bottom:1px solid #dadada; font-family:'맑은 고딕', 'Malgun Gothic'; font-weight:normal; color:#333; text-align:left;}
.tbWrite3 tbody th {padding-left:5px; background:#f0f0f0;}
.tbWrite3 tbody th.bg {padding-left:5px; background:#e5e5e5;}
.tbWrite3 tbody td {padding-left:5px; background:#f9f9f9; font-size:13px;}
.tbWrite3 tbody td table {width:100%; border-top:0; border-bottom:0;}
.tbWrite3.depth2 tbody th {background:#e5e5e5;}
.tbWrite3.depth2 tbody td table {width:100%; border-top:0 !important; border-bottom:0 !important;}
.tbWrite3.depth2 tbody td table tbody th {padding-left:5px; background:#f0f0f0; border-bottom:0; border-right:0; border-left:1px solid #dadada; border-top:1px solid #dadada;}
.tbWrite3.depth2 tbody td table tbody td {padding-left:5px; border-bottom:0; border-right:0; border-left:1px solid #dadada; border-top:1px solid #dadada;}
.tbWrite3.depth2 tbody td table tbody tr:first-child th,
.tbWrite3.depth2 tbody td table tbody tr:first-child td {border-top:0;}
.tbWrite3.depth2 tbody td table tbody th:first-child,
.tbWrite3.depth2 tbody td table tbody td:first-child {border-left:0;}
.tbWrite3.depth2 tbody td table.center tbody th {padding-left:0; text-align:center;}
.tbWrite3.depth2 tbody td table.center tbody td {padding-left:0; text-align:center;}
.tbWrite3.depth2 tbody td table.tbList {border-top:0; border-left:0;}
.tbWrite3.depth2 tbody td table.tbList thead th {height:auto; background:#f0f0f0; border-left:1px solid #dadada; border-right:0;}
.tbWrite3.depth2 tbody td table.tbList thead th:first-child {border-left:0;}
.tbWrite3.depth2 tbody td table.tbList tbody td {height:30px; padding:12px 0;}
.tbWrite3.depth2 .center {padding-right:0; padding-left:0; text-align:center;}
.tbWrite3.depth3 tbody th:first-child {background:#e5e5e5;}
.tbWrite3.depth3 tbody th.dep {background:#f0f0f0; padding-left:5px;}
.tbWrite3.depth3 tbody td {padding-left:5px;}

.tbWrite3 .no-right {border-right:0;}
.tbWrite3 .pd0 {padding:0;}
.tbWrite3 input[type="text"], .tbWrite input[type="password"] {width:180px;}



.tbList {width:100%; border-top:1px solid #dadada; border-left:1px solid #dadada;}
.tbList thead th, 
.tbList tbody td,
.tbList tbody th {padding:16px 0; border-right:1px solid #dadada; border-bottom:1px solid #dadada; font-family:'맑은 고딕', 'Malgun Gothic'; font-weight:normal; text-align:center;}
.tbList thead th {background:#f0f0f0; color:#333;}
.tbList tbody td {height:30px; padding:12px 0;}
.tbList thead th.bg, .tbList tbody th {background:#e5e5e5;}
.tbList tbody th {color:#333;}
.tbList tbody tr.bg td {background:#f0f0f0;}
.tbList tbody td.left {padding-left:19px; background:#f9f9f9;  text-align:left;}

.tbWrap {border-top:5px solid #1d60af;}

.bbsList {width:100%; }
.bbsList thead th {padding:17px 0; border-bottom:1px solid #e1e1e1; background:#f0f0f0; font-family:'맑은 고딕', 'Malgun Gothic'; font-weight:normal; color:#010101; text-align:center;}
.bbsList tbody td {padding:16px 0; border-bottom:1px solid #e1e1e1; background:#fff; font-family:'맑은 고딕', 'Malgun Gothic'; text-align:center; vertical-align:top;}
.bbsList .left {padding-left: 25px !important; text-align:left !important;}
.bbsList .qna {display:inline-block;}
.bbsList .qna:before {content:''; display:inline-block; width:10px; height:12px; margin-right:5px; background:url('../../images/common/icon_lock.gif') no-repeat 0 0;}
.bbsList .qnaReply:before {content:''; display:inline-block; width:12px; height:10px; margin-right:5px; background:url('../../images/common/icon_q_reply.gif') no-repeat 0 0;}
.bbsList .qnaReply .qna {position:relative; padding-left:14px;}
.bbsList .qnaReply .qna:before {content:'Re:'; display:inline-block; background:none; margin-right:15px; color:#1d60af;}
.bbsList .qnaReply .qna:after {content:''; display:inline-block; position:absolute; left:0; top:4px; width:10px; height:12px; background:url('../../images/common/icon_lock.gif') no-repeat 0 0;}

.faq {position:relative;border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; z-index:1;}
.faq .left {padding-left:0 !important;}
.faq td a:before {content:'Q.'; display:inline-block; padding-right:5px; font-family:'맑은 고딕', 'Malgun Gothic';}
.faq .replyWrap {display:none;}
.replyWrap {display:block; position:relative; margin:16px -201px -16px -161px; padding:30px 0 30px 106px; background:#ecf5ff; border-top:1px solid #e1e1e1; text-align:left; z-index:2;}
.replyWrap:before {content:''; display:block; position:absolute; left:38px; top:9px; width:44px; height:36px; background:url('../../images/common/bg_reply.png') no-repeat 0 0;}
.replyWrap .reply {position:relative; padding-left:17px;}
.replyWrap .reply:before {content:'A.'; display:block; position:absolute; left:0; top:0; font-family:'맑은 고딕', 'Malgun Gothic'; font-weight:bold; color:#1d60af;}
.qnaTxt {margin-top:27px; padding-top:27px; border-top:1px dashed #acacac;}

.bbsView {width:100%; border-left:1px solid #d2d2d2;}
.bbsView tbody th,
.bbsView tbody td {padding:16px 0; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; font-family:'맑은 고딕', 'Malgun Gothic';}
.bbsView tbody th {background:#f0f0f0; font-weight:normal; color:#333;}
.bbsView tbody td {background:#fff; text-align:center;}
.bbsView .left {padding-left:20px !important; text-align:left !important;}
.bbsView .conTxt {padding:30px !important; text-align:left !important;}
.bbsView .conTxt h2 {font-family:'맑은 고딕', 'Malgun Gothic'; font-size:14px;}
.bbsView .replyTxt {padding:0 !important; text-align:left !important;}
.bbsView .replyWrap {margin:0 !important; border-top:0;}
.bbsView .titlTxt {padding-left:30px; background:#f0f0f0; color:#333; text-align:left;}
.bbsView .vodCon {text-align:center;}
.bbsView.left th, .bbsView.left td {text-align:left;}
.bbsView.left th {padding-left:30px;;}
.bbsView.left td {padding-left:20px;}

.bbsWrite {width:100%; border-left:1px solid #d2d2d2;}
.bbsWrite tbody th,
.bbsWrite tbody td { border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; font-family:'맑은 고딕', 'Malgun Gothic';  text-align:left;}
.bbsWrite tbody th {padding:16px 0;background:#f0f0f0; padding-left:29px; font-weight:normal; color:#333;}
.bbsWrite tbody td {background:#f9f9f9; padding:12px 0 12px 20px;}
.bbsWrite .conTxt {height:445px; padding:0; background:#fff;}
.bbsWrite .num {color:#333;}


/* Form */
input[type="text"], input[type="password"] {height:28px; border:1px solid #d4d4d4; line-height:28px; padding:0 5px; overflow:hidden; box-sizing:content-box; background:#fff;}
.text {padding:5px; border:0; background:#fff; box-sizing:border-box; overflow:scroll; overflow-x:hidden;}
.checkList {width:500px; margin-bottom:-5px;}
.checkList:after {content:'';display:block;clear:both;}
.checkList li {float:left; width:33%; padding-bottom:5px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px;}
.checkList .w34 {width:34%;}
.checkList .w67 {width:67%;}
.checkList02 {width:100%; padding:10px 0;}
.checkList02 li {padding-top:15px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px;}
.checkList02 li:first-child {padding-top:0;}
.checkList03 {width:580px; margin-bottom:-5px;}
.checkList03:after {content:'';display:block;clear:both;}
.checkList03 li {float:left; width:20%; padding-bottom:5px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px;}
.checkList03 .w40 {width:40%;}

.radioList label {display:inline-block; padding-right:18px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px;}

textarea.inputTxt {}

/* Paging */
.paging {padding-top:40px; text-align:center;}
.paging &gt; a,
.paging &gt; strong {display:inline-block; width:33px; height:29px; line-height:29px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px; color:#666; border:1px solid #d9d9d9; background:#fff; vertical-align:middle;}
.paging &gt; strong, .paging &gt; a:hover {border:1px solid #1d60af; background:#1d60af; color:#fff;}
.paging [class|=btn]:hover {border:1px solid #d9d9d9; background:#fff;}
.paging [class|=btn] {position:relative; font-size:0; line-height:0;}
.paging [class|=btn]:before {content:''; display:block; position:absolute; top:50%; left:50%; width:5px; height:10px; margin-top:-5px; margin-left:-3px;}
.paging .btn-first:before {width:10px; margin-left:-5px; background:url('../../images/common/btn_first.png') no-repeat 0 0;}
.paging .btn-prev:before {width:5px; background:url('../../images/common/btn_prev.png') no-repeat 0 0;}
.paging .btn-next:before {width:5px; margin-right:-3px; background:url('../../images/common/btn_next.png') no-repeat 0 0;}
.paging .btn-last:before {width:10px; margin-right:-5px; background:url('../../images/common/btn_last.png') no-repeat 0 0;}

/* Prev/Next : 이전글, 다음글 */
.prevNext {border:1px solid #dcdcdc; overflow:hidden;}
.prevNext dt, 
.prevNext dd {float:left; height:40px; padding-left:16px; line-height:40px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px; box-sizing:border-box;}
.prevNext dt {position:relative; clear:left; width:12%; color:#333; }
.prevNext dt:before {content:''; display:block; position:absolute; right:30px; top:12px; width:1px; height:18px; background:#d4d4d4;}
.prevNext dt:after {content:'';display:block;position:absolute;right:10px;top:17px;width:5px;height:5px;border-left:1px solid #b4b4b4;border-bottom:1px solid #b4b4b4;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.prevNext dd {width:88%; border-left:1px solid #dadada; color:#666; }
.prevNext dt:first-child,
.prevNext dt:first-child + dd {border-bottom:1px solid #dcdcdc; background:#f0f0f0;}
.prevNext dt:first-child:after {-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}

/* Btn */
.btnWrap {padding:30px 0; text-align:center;}
.btnWrap.s1 {position:relative; text-align:right;}
.btnWrap.s1 .left {position:absolute; left:0; top:30px;}
.btn {display:inline-block; padding:11px 10px 15px; min-width:130px; background:#1d60af; font-family:'맑은 고딕', 'Malgun Gothic'; color:#fff; line-height:1; vertical-align:middle; text-align:center;}
.btn.s1 {background:#434343;}
.btn.s2 {background:#073d65;}
.btn.s3 {padding:7px 10px 10px; min-width:68px; background:#073d65;}
.btn.s4 {position:relative; padding:6px 10px 10px 20px; min-width:102px; background:#073d65; text-align:left; line-height:1;}
.btn.s4:after {content:'';display:block;position:absolute;right:10px;top:11px;width:5px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);}
.btn.delete {padding:7px 10px 10px; min-width:68px; background:#434343; color:#fff;}
.btn.delete:after {content:''; display:inline-block; width:12px; height:13px; margin-left:7px; background:url('../../images/common/icon_btn_delete.png') no-repeat 0 0; vertical-align:middle;}
.btn.post {position:relative; padding:6px 35px 8px 10px; min-width:auto; border:1px solid #d4d4d4; background:#fff; color:#666;}
.btn.post:after {content:''; position:absolute; right:10px; top:9px; display:inline-block; width:7px; height:10px; background:url('../../images/common/icon_arrow_right.gif') no-repeat 0 0;}
.btn.add {position:relative; padding:6px 10px 8px; min-width:75px; border:1px solid #d4d4d4; background:#fff; color:#666; text-align:left;}
.btn.add:after {content:''; position:absolute; right:8px; top:9px; display:inline-block; width:11px; height:10px; background:url('../../images/common/icon_btn_add.png') no-repeat 0 0;}
.btn.delete02 {position:relative; padding:6px 10px 8px; min-width:75px; border:1px solid #d4d4d4; background:#fff; color:#666; text-align:left;}
.btn.delete02:after {content:''; position:absolute; right:8px; top:9px; display:inline-block; width:9px; height:9px; background:url('../../images/common/icon_btn_delete02.png') no-repeat 0 0;}
.btn.down {position:relative;padding:7px 10px 9px; min-width:40px; font-size:12px; text-align:left;}
.btn.down:after {content:''; position:absolute; right:10px; top:7px; display:block; width:12px; height:13px; background:url('../../images/common/icon_down.png') no-repeat 0 0; vertical-align:middle;}

.sbtn {position:relative; display:inline-block; padding:7px 0 10px; min-width:100px; background:#073d65; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px; color:#fff; text-align:center; line-height:1;}
.sbtn.s1 {background:#ff8608;}
.sbtn.s2 {background:#a7a7a7; padding:7px 23px 10px;}
.sbtn.s3 {background:#1e5ba3; padding:12px 23px 15px;}
.sbtn.s4 {background:#e6e6e6; padding:7px 12px; border:1px solid #d2d2d2; font-size:14px; color:#333; min-width:56px; vertical-align:middle;}
.sbtn.s5 {background:#1d60af;}

/* Tab */
.tab {display:table; width:100%; table-layout:fixed; height:58px; margin-bottom:20px; }
.tab li {display:table-cell;position:relative; border-right:1px solid #dcdcdc; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; box-sizing:border-box; vertical-align:top; background:#f2f2f2; z-index:1;}
.tab li:first-child {border-left:1px solid #dfdfdf;}
.tab li &gt; a {position:relative; display:block; padding-top:17px; height:58px; font-size:16px; text-align:center; box-sizing:border-box;z-index:2;}
.tab li.on &gt; a {color:#fff;}
.tab li.on &gt; a:after {content:''; display:block; position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; height:60px; background:#073d65; box-sizing:border-box; z-index:-1;}

/* Box */
.boxType {border:1px solid #dadada; background:#fff;}
.titType + .boxType {margin-top:10px;}
.postTxt {padding:70px 0 70px 114px;}
.postTxt .point {display:inline-block; padding-top:12px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:20px; font-weight:bold; color:#333;}
.postTxt strong {color:#333;}
.postTxt ol {position:relative;}
.postTxt ol:before {content:''; display:block; position:absolute; left:21px; top::0; width:1px; height:82%; background:#d2dfef;}
.postTxt ol li {font-family:'맑은 고딕', 'Malgun Gothic';}
.postTxt ol &gt; li {position:relative; padding-left:58px; margin-bottom:22px;}
.postTxt ol &gt; li {position:relative; padding-left:58px;}
.postTxt ol &gt; li:before {content:''; display:block; position:absolute; left:0; top:0; width:42px; height:48px;}
.postTxt ol &gt; li:first-child:before {background:url('../../images/common/icon_num01.gif') no-repeat 0 0;}
.postTxt ol &gt; li:first-child + li:before {background:url('../../images/common/icon_num02.gif') no-repeat 0 0;}
.postTxt ol &gt; li:first-child + li + li:before {background:url('../../images/common/icon_num03.gif') no-repeat 0 0;}
.postTxt ol &gt; li:first-child + li + li + li:before {background:url('../../images/common/icon_num04.gif') no-repeat 0 0;}
.postTxt ol &gt; li:first-child + li + li + li + li:before {background:url('../../images/common/icon_num05.gif') no-repeat 0 0;}
.postTxt ol &gt; li &gt; ul {padding-top:5px;}
.postTxt ol &gt; li &gt; ul &gt; li {}
.postTxt ol &gt; li &gt; ul &gt; li:before {content:'·'; display:inline-block; margin-right:5px;}
.postTxt ol &gt; li &gt; ul &gt; li.stress {font-size:12px; color:#ff0000;}
.postTxt ol &gt; li &gt; ul &gt; li.stress:before {display:none;}
.boxType.s1 {margin-top:20px; padding:50px; border:0;}
.boxType.s2 {margin-top:20px; padding:50px; border:0; background:#e4e4e4;}
.boxType.s3 {margin-top:20px; padding:50px; border:0; background:#f2f2f2;}
.boxType.s4 {padding:20px; border:0; background:#f2f2f2; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:14px;}
.boxType.s4 {padding:20px; border:0; background:#f2f2f2; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:14px;}
.boxType.s5 {padding:50px; border:0; background:#fff;}
.boxType.s5 &gt; * { font-family:'맑은 고딕', 'Malgun Gothic';}

/* 썸네일배너 */
.imgWrap {text-align:center;}
.imgWrap .bigImg {margin-bottom:20px;}
.bannerWrap {margin:30px -30px -30px -30px; padding:20px 0; border-top:1px solid #d2d2d2; background:#f2f2f2;}
.bannerWrap .thumbList {position:relative; width:575px; height:73px; margin:0 auto;}
.bannerWrap .thumbList .prevBtn {position:absolute; left:0; top:0;}
.bannerWrap .thumbList .nextBtn {position:absolute; right:0; top:0;}
.bannerWrap .thumbList .scrollWrap {overflow:hidden !important; width:505px !important; height:73px !important; margin:0 auto !important; padding:0 !important; border:0 !important; background:none !important;}
.bannerWrap .thumbList .scrollWrap ul {width:100000px;}
.bannerWrap .thumbList .scrollWrap ul li {float:left; margin-left:5px;}
.bannerWrap .thumbList .scrollWrap ul li:first-child {margin-left:0;}
.bannerWrap .thumbList .scrollWrap ul li a {display:block;}
.bannerWrap .thumbList .scrollWrap ul li a img {border:1px solid #d2d2d2;}

/* 재단간행물 */
.postList {margin-left:-58px; padding:50px 0 20px 50px;}
.postList:after {content:''; display:block; clear:both;}
.postList li {float:left; width:210px; margin-left:58px; margin-bottom:30px;}
.postList .imgArea {display:block; margin-bottom:10px;}
.postList .imgArea img {border:1px solid #d2d2d2;}
.postList .btnArea {position:relative; display:block; height:30px;}
.postList .btnArea .sbtn.s1 {position:absolute; right:0; top:0;}
.postList .tit {padding:5px 0 2px; font-size:14px; color:#333;  text-align:center;}
.postList .dateAarea {display:block; font-size:13px;  text-align:center;}


/* 포토갤러리 */
.photoList {margin-left:-16px; margin-bottom:-16px; padding:29px 0 29px 28px;}
.photoList:after {content:''; display:block; clear:both;}
.photoList * {font-family:'맑은 고딕', 'Malgun Gothic';}
.photoList li {float:left; width:253px; margin-left:16px; margin-bottom:16px; }
.photoList li a {display:block; border:1px solid #d2d2d2;}
.photoList .infoDetail {height:76px; padding:9px 20px 0 20px; background:#f2f2f2; border-top:1px solid #d2d2d2; box-sizing:border-box;}
.photoList .infoDetail h2 {padding-bottom:3px; font-size:13px; line-height:1.4em;}
.photoList .infoDetail span {font-size:12px;}

/* Layerpopup : 회원검색 팝업 */
.layerPop {position:fixed; top:50%; left:50%; margin:-280px 0 0 -210px; width:419px; height:561px; border-top:10px solid #1d60af; background:#fff; z-index:99999;}
.layerPop::before {content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:-1;}
.layerPop .layerTit {position:relative; padding:20px; border:1px solid #dadada; border-top:0; background:#fff; z-index:99999;}
.layerPop .layerTit strong {display:block; font-family:hmcM; font-size:20px; color:#333;}
.layerPop .layerTit .layerClose {position:absolute; right:20px; top:19px;}
.layerPop .layerCon {position:relative; height:438px; padding:30px 20px 20px; border:1px solid #dadada; border-top:0; background:#fff; overflow:scroll; overflow-x:hidden; z-index:99999;}
.layerPop .layerCon.noScroll {height:auto; overflow:visible !important;}
.layerPop .layerSrch {padding-bottom:34px; text-align:center;}
.layerPop .txtInfo {margin-bottom:6px; text-align:center;}
.layerPop .ptbList {width:100%; border-top:1px solid #dadada; border-left:1px solid #dadada;}
.layerPop .ptbList thead th, 
.layerPop .ptbList tbody td {padding:7px 0; border-right:1px solid #dadada; border-bottom:1px solid #dadada; font-family:'맑은 고딕', 'Malgun Gothic'; font-weight:normal; text-align:center;}
.layerPop .ptbList thead th {background:#f0f0f0; color:#333;}
.layerPop .popTextarea textarea {height:235px; padding:5px; border:0; border:1px solid #d2d2d2; background:#fff; box-sizing:border-box; overflow:scroll; overflow-x:hidden;}
.layerPop .btnWrap {padding:30px 0 10px;}
.layerPop .btnWrap .btn {min-width:88px;}

.layerPop.modal {width:1120px; height:785px; position:fixed; left:50%; top:50%; margin:-396px 0 0 -490px; z-index:99999;}
.layerPop.modal .layerCon {height:672px;}
.modalPop {position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; background:url('../../images/common/bg_layer.png') no-repeat 0 0; z-index:9999;}

.no-bottom {border-bottom:0 !important;}

/* 멤버십 */
.boxWrap {}
.boxWrap.secede {padding:118px 0;}
.boxWrap .boxMent {padding:50px 0 30px; }
.boxWrap .boxMent span.img, .boxWrap .boxMent strong {display:block; text-align:center;}
.boxWrap .boxMent span.img {margin-bottom:50px;}
.boxWrap .boxMent strong {padding-bottom:8px; font-size:23px; color:#333;}
.boxWrap .boxMent p {font-size:16px; color:#999; text-align:center;}
.boxWrap .boxMent ul.txt {padding:15px 0 11px 90px; text-align:left;}
.boxWrap .boxMent ul.txt &gt; li {padding-bottom:5px; font-size:16px; color:#999; letter-spacing:-0.04em;}
.boxWrap .btnWrap {padding:0 0 50px 0;}

.loginArea {position:relative; width:491px; margin:0 auto 50px;}
.loginArea input[type="text"], 
.loginArea input[type="password"] {width:324px; height:43px; line-height:43px; padding-left:25px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px;}
.loginArea input[type="password"] {margin-top:-1px;}
.loginArea .btnLogin {position:absolute; right:0; top:0; display:block; width:120px; height:89px; line-height:89px; background:#1d60af; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:16px; font-weight:bold; color:#fff;}
.loginEtc {padding:40px 0 40px 196px; background:#f2f2f2; border-top:1px solid #dadada;}
.loginEtc li {padding-top:20px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px;}
.loginEtc li:first-child {padding-top:0;}
.loginEtc li p {margin-left:10px; padding-top:7px;}

.joinBtn {padding-bottom:49px; text-align:center;}
.joinBtn a {display:inline-block; width:154px; height:90px; border:1px solid #d2d2d2; background:#fff; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:16px; color:#999; line-height:90px; }
.joinBtn a:hover {background:#1d60af; color:#fff;}

.stepList {margin:10px 0; height:78px;border:1px solid #d2d2d2; background:#fff; box-sizing:border-box;}
.stepList:after {content:'';display:block;clear:both;}
.stepList li {float:left; position:relative; width:25%; height:76px; text-align:center; font-size:18px;z-index:1;}
.stepList li:after {content:''; display:block; position:absolute; right:0; top:0; width:39px; height:76px; background:url('../../images/common/bg_step_arrow.png') no-repeat 0 0;}
.stepList li + li + li + li:after {background:none;}
.stepList li + li + li + li.on span:after {display:none;}
.stepList li span {position:absolute; left:0; top:-1px; right:0; bottom:0; display:block; height:78px; padding-right:29px; line-height:76px; z-index:2;}
.stepList li.on:first-child span {left:-1px;}
.stepList li.on span {background:#1d60af; color:#fff;}
.stepList li.on:first-child span:before {display:none;}
.stepList li.on span:before {content:''; display:block; position:absolute; left:-39px; top:0; width:39px; height:78px; background:url('../../images/common/bg_step_arrow02.png') no-repeat 0 0;}
.stepList li.on span:after {content:''; display:block; position:absolute; right:0; top:0; width:39px; height:78px; background:url('../../images/common/bg_step_arrow03.png') no-repeat 0 0;}

.tabWrap {position:relative; margin-top:10px; height:290px; border:1px solid #dadada; background:#fff; z-index:1;}
.tabWrap:after {content:'';display:block;clear:both;}
.tabWrap .tit a {position:relative;display:block; height:58px; line-height:58px; font-size:18px; font-family:hmcM; color:#333; border-bottom:1px solid #dcdcdc; background:#f2f2f2; box-sizing:border-box; text-align:center;}
.tabWrap .tit.on a {background:#fff; border-bottom:1px solid #fff; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; z-index:2;}

.tabWrap .tit:first-child.on a {border-left:0; border-right:1px solid #dcdcdc;}
.tabWrap .tit:nth-child(6).on a {background:#fff; border-right:0; border-bottom:1px solid #fff; border-left:1px solid #dcdcdc;  z-index:2;}
.tabWrap .tit.on a:after {content:''; position:absolute; left:0; top:-1px; right:-1px; bottom:0; height:5px; background:#073d65;}
.tabWrap .tit:first-child.on a:after {left:-1px; right:0;}
.tabWrap .tit:nth-child(6).on a:after {right:-1px; right:0;}
.tabWrap .tit {float:left; width:16.667%;}
.tabWrap .tabCon {position:absolute; left:0; right:0; bottom:0; top:59px; padding:25px 0 0 30px; text-align:center;}
.tabWrap .tabCon .txt {padding-bottom:28px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:17px; color:#333; }
.tabWrap .tabCon p,
.tabWrap .tabCon dt, 
.tabWrap .tabCon dd {font-family:'맑은 고딕', 'Malgun Gothic'; text-align:left;}
.tabWrap .tabCon p span {font-size:12px;}
.tabWrap .tabCon .tabBtn {position:absolute; left:0; bottom:29px; width:100%; text-align:center;}
.tabWrap .tabCon dl dt {color:#1e5ba3;}

.tabWrap.meeting {height:522px;}
.tabWrap.meeting .tabCon {padding:30px 10px 9px 10px; text-align:left !important;}
.tabWrap.meeting .tabCon ul.meetInfo {padding-left:20px;}
.tabWrap.meeting .tabCon ul.meetThumb {width:838px; margin:28px 0 -12px -10px;}
.tabWrap.meeting .tabCon ul.meetThumb:after {content:''; display:block; clear:both;}
.tabWrap.meeting .tabCon ul.meetThumb li {float:left; margin-left:10px; margin-bottom:12px; vertical-align:top;}
.tabWrap.meeting .tabCon ul.meetThumb li a {display:block; width:198px; height:148px;}
.tabWrap.meeting .tabCon ul.meetThumb li:first-child a {width:412px; height:308px;}
.tabWrap.meeting .tabCon ul.meetThumb li:first-child a img {border:1px solid #e7e7e7; box-sizing:border-box;}
.tabWrap.meeting .tabCon ul.meetThumb li a img {width:100%; height:100%;}
.tabWrap.meeting .tabCon .bigThumb {position:absolute;left:0; top:125px; width:848px; height:620px; background:#3e3e3e; border-top:1px solid #dcdcdc; z-index:20;}
.tabWrap.meeting .tabCon .bigThumb .thumbClose {position:absolute;right:21px; top:18px;}
.tabWrap.meeting .tabCon .bigThumb .thumbBig {position:absolute;left:50%; top:50%; width:700px; height:500px; margin:-250px 0 0 -350px;}
.tabWrap.meeting .tabCon .bigThumb .thumbBig img {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.tabWrap.meeting .tabCon .bigThumb .thumbBig img.next {z-index:2;}
.tabWrap.meeting .tabCon .bigThumb .thumbPrev {position:absolute;left:0; top:273px;}
.tabWrap.meeting .tabCon .bigThumb .thumbNext {position:absolute;right:0; top:273px;}



.tabWrap2 {position:relative; margin-top:10px; height:290px; border:1px solid #dadada; background:#fff; z-index:1;}
.tabWrap2:after {content:'';display:block;clear:both;}
.tabWrap2 .tit a {position:relative;display:block; height:58px; line-height:58px; font-size:18px; font-family:hmcM; color:#333; border-bottom:1px solid #dcdcdc; background:#f2f2f2; box-sizing:border-box; text-align:center;}
.tabWrap2 .tit.on a {background:#fff; border-bottom:1px solid #fff; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; z-index:2;}

.tabWrap2 .tit:first-child.on a {border-left:0; border-right:1px solid #dcdcdc;}
.tabWrap2 .tit:nth-child(7).on a {background:#fff; border-right:0; border-bottom:1px solid #fff; border-left:1px solid #dcdcdc;  z-index:2;}
.tabWrap2 .tit.on a:after {content:''; position:absolute; left:0; top:-1px; right:-1px; bottom:0; height:5px; background:#073d65;}
.tabWrap2 .tit:first-child.on a:after {left:-1px; right:0;}
.tabWrap2 .tit:nth-child(7).on a:after {right:-1px; right:0;}
.tabWrap2 .tit {float:left; width:14.284%;}
.tabWrap2 .tabCon {position:absolute; left:0; right:0; bottom:0; top:59px; padding:25px 0 0 30px; text-align:center;}
.tabWrap2 .tabCon .txt {padding-bottom:28px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:17px; color:#333; }
.tabWrap2 .tabCon p,
.tabWrap2 .tabCon dt, 
.tabWrap2 .tabCon dd {font-family:'맑은 고딕', 'Malgun Gothic'; text-align:left;}
.tabWrap2 .tabCon p span {font-size:12px;}
.tabWrap2 .tabCon .tabBtn {position:absolute; left:0; bottom:29px; width:100%; text-align:center;}
.tabWrap2 .tabCon dl dt {color:#1e5ba3;}

.tabWrap2.meeting {height:522px;}
.tabWrap2.meeting .tabCon {padding:30px 10px 9px 10px; text-align:left !important;}
.tabWrap2.meeting .tabCon ul.meetInfo {padding-left:20px;}
.tabWrap2.meeting .tabCon ul.meetThumb {width:838px; margin:28px 0 -12px -10px;}
.tabWrap2.meeting .tabCon ul.meetThumb:after {content:''; display:block; clear:both;}
.tabWrap2.meeting .tabCon ul.meetThumb li {float:left; margin-left:10px; margin-bottom:12px; vertical-align:top;}
.tabWrap2.meeting .tabCon ul.meetThumb li a {display:block; width:198px; height:148px;}
.tabWrap2.meeting .tabCon ul.meetThumb li:first-child a {width:412px; height:308px;}
.tabWrap2.meeting .tabCon ul.meetThumb li:first-child a img {border:1px solid #e7e7e7; box-sizing:border-box;}
.tabWrap2.meeting .tabCon ul.meetThumb li a img {width:100%; height:100%;}
.tabWrap2.meeting .tabCon .bigThumb {position:absolute;left:0; top:125px; width:848px; height:620px; background:#3e3e3e; border-top:1px solid #dcdcdc; z-index:20;}
.tabWrap2.meeting .tabCon .bigThumb .thumbClose {position:absolute;right:21px; top:18px;}
.tabWrap2.meeting .tabCon .bigThumb .thumbBig {position:absolute;left:50%; top:50%; width:700px; height:500px; margin:-250px 0 0 -350px;}
.tabWrap2.meeting .tabCon .bigThumb .thumbBig img {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.tabWrap2.meeting .tabCon .bigThumb .thumbBig img.next {z-index:2;}
.tabWrap2.meeting .tabCon .bigThumb .thumbPrev {position:absolute;left:0; top:273px;}
.tabWrap2.meeting .tabCon .bigThumb .thumbNext {position:absolute;right:0; top:273px;}




.boxType .agreeWrap {width:auto !important; padding:30px 30px 0;}
.boxType .agreeWrap .scrollWrap {height:228px; border:1px solid #dcdcdc; overflow:scroll; overflow-x:hidden;}
.boxType .agreeWrap .stitType {padding-bottom:10px; font-family:hmcM; font-size:18px; color:#333;}
.boxType .agreeWrap &gt; p + .stitType {padding-top:25px;}
.boxType.company {position:relative; margin-top:10px; padding:50px 0;}
.boxType.company:before {content:''; display:block; position:absolute; left:-1px; top:-1px; right:-1px; bottom:0; height:5px; background:#073d65;}
.boxType.company &gt; ul {padding-left:189px;}

.loginCompany {position:relative; width:491px; margin:0 auto 20px;}
.loginCompany input[type="text"], 
.loginCompany input[type="password"] {width:324px; height:43px; line-height:43px; padding-left:25px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px;}
.loginCompany input[type="password"] {margin-top:-1px;}
.loginCompany .btnLogin {position:absolute; right:0; top:0; display:block; width:120px; height:89px; line-height:89px; background:#1e5ba3; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:16px; font-weight:bold; color:#fff;}

.findWrap {padding:50px 0 20px;}
.findWrap .tit {font-size:23px; color:#333; text-align:center;}
.findWrap p {padding:20px 0; font-size:16px; color:#999; text-align:center;}
.findWrap dl {width:530px; padding-left:190px;}
.findWrap dl:after {content:''; display:block; clear:both;}
.findWrap dl dt {float:left; clear:left; width:90px;}
.findWrap dl dt label {font-family:'맑은 고딕', 'Malgun Gothic'; font-size:14px; line-height:30px;}
.findWrap dl dd {float:left; width:440px;}
.findWrap dl dt, 
.findWrap dl dd {height:30px; padding-top:19px;}
.findWrap dl dt:first-child,
.findWrap dl dt:first-child + dd {padding-top:0;}
.boxType.passWord {margin-top:-1px; background:#f2f2f2;}

.scrollWrap {margin-top:10px; padding:20px; height:560px; border:1px solid #dcdcdc; overflow:scroll; overflow-x:hidden; background:#fff;}
.memberModify {padding:125px 0 95px;}
.memberModify p {padding-bottom:50px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:18px; color:#333; text-align:center; line-height:1.7em;}
.memberModify dl {width:360px; margin:0 auto;}
.memberModify dl:after {content:''; display:block; clear:both;}
.memberModify dl dt {float:left; clear:left; width:90px;}
.memberModify dl dt label {font-family:'맑은 고딕', 'Malgun Gothic'; font-size:14px; color:#333; line-height:30px;}
.memberModify dl dd {float:left; width:270px;}
.memberModify dl dt, 
.memberModify dl dd {height:30px; padding-top:19px;}
.memberModify dl dt:first-child,
.memberModify dl dt:first-child + dd {padding-top:0;}
.memberModify input {width:258px;}
.memberModify input[type="text"] {background:#eee;}

/* 대관신청 */
.appStep {width:746px; height:124px; margin:50px 0 50px 51px; background:url('../../images/common/bg_appstep.gif') no-repeat 0 0;}
.appStep &gt; li {float:left; width:124px; height:124px; margin-left:31px; font-size:16px; line-height:1.3em; color:#fff; letter-spacing:-0.05em; text-align:center;}
.appStep &gt; li:first-child {margin-left:0;}
.appStep &gt; li &gt; span {position:relative; display:block; width:34px; margin:0 auto 12px auto; padding-top:24px; font-family:hmcM; font-size:30px; line-height:1; color:#fff;}
.appStep &gt; li &gt; span:after {content:''; position:absolute; left:0; bottom:-4px; width:100%; height:1px; background:#fff;}

.calendarTop {position:relative; height:30px; margin-top:10px;}
.calendarTop button {display:inline-block; background:linear-gradient(to bottom, #f5f5f5, #f1f1f1);}
.calendarTop .dateSelect span {display:inline-block; margin-right:10px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:18px; color:#333; vertical-align:middle;}
.calendarTop .dateSelect span:after {content:''; display:block; clear:both;}
.calendarTop .dateSelect span button {float:left; width:34px; height:29px; border:1px solid #d9d9d9; border-radius:0 2px 2px 0; line-height:0; font-size:0; box-sizing:border-box;}
.calendarTop .dateSelect span button:first-child {margin-right:-1px; border-radius:2px 0 0 2px;}
.calendarTop .dateSelect span button:before {content:''; display:block; width:8px; height:13px; margin:0 auto; background:url('../../images/common/icon_calendar_next.gif') no-repeat 0 0;}
.calendarTop .dateSelect span button:first-child:before {background:url('../../images/common/icon_calendar_prev.gif') no-repeat 0 0;}
.calendarTop .dateToday {position:absolute; right:0; top:0;}
.calendarTop .dateToday .btnToday {display:inline-block; padding:6px 20px 8px 20px; line-height:1; border:1px solid #d9d9d9; border-radius:2px; font-family:'맑은 고딕', 'Malgun Gothic'; color:#444; box-sizing:border-box; text-align:center;}

.appCalendar {width:100%; margin-top:12px; border-top:1px solid #d2d2d2; border-right:1px solid #d2d2d2; table-layout:fixed; }
.appCalendar thead th {height:36px; background:#f3f3f3; border-left:1px solid #f3f3f3; border-bottom:1px solid #d2d2d2; text-align:left; padding-left:3px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px; font-weight:normal; color:#333;}
.appCalendar thead th:first-child {border-left:1px solid #d2d2d2;}
.appCalendar tbody td {height:121px; padding:2px; vertical-align:top; text-align:left; font-family:'맑은 고딕', 'Malgun Gothic'; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
.appCalendar tbody td span, .appCalendar tbody td button {display:block; width:100%; text-align:center; color:#333; line-height:1;}
.appCalendar tbody td span {}
.appCalendar tbody td button {margin-bottom:2px; padding:5px 0; font-size:12px;}
.appCalendar .big {background:#87b5eb;}
.appCalendar .small {background:#fead4c;}
.appCalendar .small3 {background:#A9D18E;}
.appCalendar .small4 {background:#FFD966;}
.appCalendar .small5 {background:#8C7DE3;}

.appCalendar .impossible {background:#cecece; cursor:default;}
.appCalendar .dateNum {height:39px; padding:2px 0 0 7px; font-size:13px;text-align:left;}
.appCalendar .today {background:#dfeeff;}
.appTit {margin:-30px -20px 0 -20px; padding:20px; line-height:1; border-bottom:1px solid #dadada; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:18px; font-weight:bold; color:#336699; letter-spacing:-0.05em;}
.appList {margin:0 -20px;}
.appList &gt; li {padding:20px; border-bottom:1px solid #dadada;}
.appList &gt; li &gt; ul &gt; li {position:relative; padding-left:9px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:14px; letter-spacing:-0.05em;}
.appList &gt; li &gt; ul &gt; li span em {color:#ff0000;}
.appList &gt; li &gt; ul &gt; li:before {content:''; position:absolute; left:0; top:12px; display:block; width:5px; height:1px; background:#666;}
.appList02 {border:1px solid #d2d2d2;}
.appList02 &gt; li {padding:20px 30px; border-top:1px solid #d2d2d2;}
.appList02 &gt; li:first-child {border-top:0;}
.appList02 &gt; li.cancel {background:#f2f2f2;}
.appList02 &gt; li &gt; ul &gt; li {position:relative; padding-left:9px; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:14px; letter-spacing:-0.05em;}
.appList02 &gt; li &gt; ul &gt; li span em {color:#ff0000;}
.appList02 &gt; li &gt; ul &gt; li:before {content:''; position:absolute; left:0; top:12px; display:block; width:5px; height:1px; background:#666;}
.appBox {margin-top:10px; padding:11px 0 14px; border:1px solid #d2d2d2; background:#fff; text-align:center; font-family:'맑은 고딕', 'Malgun Gothic'; line-height:1;}
.appBox * {display:inline-block; vertical-align:middle; font-weight:normal;}
.appBox em {color:#ff0000;}
.appBox .on {font-size:30px; color:#333; font-weight:normal;}

/* 재단소개 */
.introWrap {height:430px; margin:20px 0 40px; background:url('../../images/common/img_intro.jpg') no-repeat 0 0;}
.introWrap p {padding:37px 0 0 50px; font-size:28px; color:#205e9f; line-height:1.4em; letter-spacing:-0.05em;}
.introWrap p em {display:block; padding-bottom:15px; font-size:16px; color:#666;}
.introTxt {font-size:16px; line-height:1.4em;}
.introTxt strong {color:#000; font-weight:normal;}
.introTxt02 {margin:30px 0 55px; font-size:20px; line-height:1.4em;}
.ciTxt {position:relative; padding-bottom:15px; font-size:16px; line-height:1.4em;}
.ciTxt.s1 {padding-bottom:0; color:#336699;}
.ciTxt .btnDown {position:absolute; right:0; bottom:15px;}

.aboutList {width:722px; margin:0 auto;}
.aboutList:after {content:'';display:block;clear:both;} 
.aboutList dt, .aboutList dd {position:relative; float:left; padding:15px 0; border-bottom:1px dashed #ccc; font-family:hmcM; font-size:16px;}
.aboutList dt:first-child, .aboutList dt:first-child + dd {border-top:1px dashed #ccc;}
.aboutList dt:first-child:before {content:'';position:absolute; left:-14px; top:-7px; display:block; width:12px; height:14px; background:url('../../images/common/icon_diamond.gif') no-repeat 0 0;}
.aboutList dt:first-child + dd:after {content:'';position:absolute; right:-14px; top:-7px; display:block; width:12px; height:14px; background:url('../../images/common/icon_diamond.gif') no-repeat 0 0;}
.aboutList dt {clear:left; width:160px; padding-left:40px; color:#333; box-sizing:border-box;} 
.aboutList dd {width:562px;  box-sizing:border-box;} 
.aboutList dd span {color:#336699;} 

.strategyList {border-top:1px dashed #ccc;}
.strategyList &gt; li {border-bottom:1px dashed #ccc; overflow:hidden;}
.strategyList &gt; li:first-child, 
.strategyList &gt; li:first-child + li + li {background:#fbfbfb;}
.strategyList &gt; li:first-child + li + li span {color:#fff; background:url('../../images/common/bg_diamond.png') no-repeat -144px 0;}
.strategyList &gt; li:first-child + li + li span em {color:#fff;}
.strategyList &gt; li:first-child + li + li span em:before {background:#bac1c9;}

.strategyList dl {display:table; float:left; width:557px; table-layout:fixed; overflow:hidden;}
.strategyList dt, .strategyList dd {display:table-cell; border-top:1px dashed #ccc;}
.strategyList dt {width:173px; text-align:center; font-family:hmcM; font-size:16px; color:#333; vertical-align:middle;}
.strategyList dd {width:384px; padding:24px 0;}
.strategyList dd ul {}
.strategyList dd ul &gt; li {font-size:16px; padding-top:8px;}
.strategyList dd ul &gt; li:first-child {padding-top:0;}
.strategyList dd ul &gt; li:before {content:'·'; display:inline-block; margin-right:5px;}
.strategyList .diamond {float:left; position:relative; display:block; width:134px; height:155px; margin-top:24px; margin-left:59px; background:url('../../images/common/bg_diamond.png') no-repeat 0 0; font-family:hmcM; font-size:20px; color:#333; text-align:center; line-height:1.3em; box-sizing:border-box;}
.strategyList .diamond em {position:relative; display:block; margin:36px 0 15px; font-family:hmcB; font-size:20px; color:#1d60af; line-height:1;}
.strategyList .diamond em:before {content:'';position:absolute; left:50%; bottom:-2px; display:block; width:22px; height:1px; margin-left:-11px; background:#a4b5d5;}
.strategyList .diamond + dl dt, .strategyList .diamond + dl dd {border-top:0;}

.businessList {display:table; width:750px; background:#fbfbfb; table-layout:fixed;}
.businessList dt, .businessList dd {display:table-cell; border-bottom:1px dashed #ccc;}
.businessList dt {width:232px; background:#f8f8f8; vertical-align:middle; text-align:center;}
.businessList dd {padding-bottom:20px; padding-left:33px;}
.businessList dd h3 {margin-top:20px; font-family:hmcM; font-size:16px; color:#333;}
.businessList dt:first-child + dd h3 {margin-top:20px; font-family:hmcM; font-size:16px; color:#333;}
.businessList dd ul {margin-bottom:-2px;}
.businessList dd ul &gt; li {padding-bottom:2px; font-size:16px; letter-spacing:-0.03em;}
.businessList dd ul &gt; li:before {content:'·'; display:inline-block; margin-right:5px;}
.businessList span {display:inline-block; width:134px; height:155px; background:url('../../images/common/bg_diamond.png') no-repeat 0 -165px; font-family:hmcM; font-size:18px; color:#333; text-align:center; line-height:1.3em; box-sizing:border-box;}
.businessList span:before {content:'';display:inline-block; width:0; height:100%; vertical-align:middle;}
.businessList span em {display:inline-block; vertical-align:middle;}
.stitType.s1 + .businessList + .businessList span {color:#fff; background-position:-144px -165px;}
.stitType.s1 + .businessList + .businessList + .businessList + .businessList span {color:#fff; background-position:-144px -165px;}
.stitType.s1 + .businessList {border-top:1px dashed #ccc;}

.historyWrap {}
.historyWrap .historyTab {position:relative; text-align:center;}
.historyWrap .historyTab:before {content:''; position:absolute; left:40%; top:18px; width:580px; height:2px; margin-left:-220px; background:#1d60af;}
.historyWrap .historyTab &gt; li {display:inline-block; padding:0 35px;}
.historyWrap .historyTab &gt; li &gt; a {position:relative; display:block; padding-top:47px; font-size:18px;}
.historyWrap .historyTab &gt; li &gt; a:before {content:''; position:absolute; left:50%; top:10px; display:block; width:42px; height:38px; margin-left:-21px; background:url('../../images/common/icon_diamond02.gif') no-repeat 50% 0 #fff;}
.historyWrap .historyTab &gt; li.on &gt; a {font-family:hmcM; color:#333;}
.historyWrap .historyTab &gt; li.on &gt; a:before {top:0; background:url('../../images/common/icon_diamond03.gif') no-repeat 50% 0 #fff;}
.historyWrap .historyList {margin-top:65px; border-top:1px solid #e2e2e2;}
.historyWrap .historyList &gt; li {padding:20px 0; border-bottom:1px solid #e2e2e2; overflow:hidden;}
.historyWrap .historyList &gt; li &gt; * {font-family:'맑은 고딕', 'Malgun Gothic';}
.historyWrap .historyList &gt; li strong,
.historyWrap .historyList &gt; li p {float:left;}
.historyWrap .historyList &gt; li strong {display:block; width:134px;  color:#000; font-weight:normal; text-align:center;}
.historyWrap .historyList &gt; li p {width:616px;}
.historyWrap .historyList &gt; li p img {display:block; margin-top:9px; border:1px solid #d2d2d2;}

.businessList.info span {background-position:0 0;}
.stitType.s1 + .businessList.info + .businessList.info span {background-position:-288px 0;}
.stitType.s1 + .businessList.info + .businessList.info + .businessList.info + .businessList.info span { background-position:-288px 0;}

.txtStep {}
.txtStep &gt; li {font-family:hmcM; font-size:16px; color:#333;}
.txtStep .joinStep {margin-top:10px; padding:50px 0 50px 157px;background:#f2f2f2;}
.txtStep .joinStep ol {padding-bottom:10px;}
.txtStep .joinStep ol &gt; li {font-family:'맑은 고딕', 'Malgun Gothic'; font-size:14px; text-decoration:underline;}
.txtStep .joinStep + ul li {font-family:'맑은 고딕', 'Malgun Gothic'; font-size:12px;}
.appStep2 {width:591px; height:124px; margin:20px auto 45px; background:url('../../images/common/bg_appstep02.gif') no-repeat 0 0;}
.appStep2 &gt; li {float:left; width:124px; height:124px; margin-left:31px; font-size:16px; line-height:1.3em; color:#fff; letter-spacing:-0.05em; text-align:center;}
.appStep2 &gt; li:first-child {margin-left:0;}
.appStep2 &gt; li &gt; span {position:relative; display:block; width:34px; margin:0 auto 12px auto; padding-top:24px; font-family:hmcM; font-size:30px; line-height:1; color:#fff;}
.appStep2 &gt; li &gt; span:after {content:''; position:absolute; left:0; bottom:-4px; width:100%; height:1px; background:#fff;}

.eduStep {width:727px; margin:0 auto 20px;}
.eduStep:after {content:'';display:block;clear:both;}
.eduStep li {position:relative;float:left; width:79px; height:91px; margin-left:29px; background:url('../../images/common/icon_diamond04.gif') no-repeat 0 0; font-size:16px; color:#333; text-align:center;}
.eduStep li:before {content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.eduStep li:after {content:''; position:absolute; left:-20px; top:50%; display:block; width:10px; height:21px; margin-top:-10px; background:url('../../images/common/icon_arrow_step.gif') no-repeat 0 0;}
.eduStep li:first-child {margin-left:0;}
.eduStep li:first-child:after {display:none;}
.eduStep li span {display:inline-block;vertical-align:middle;}

.linkTbl {width:100%;border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4;}
.linkTbl tr.thead td {padding-left:0; text-align:center; background:#fff; font-size:13px;}
.linkTbl td {padding:4px 0 4px 12px; border-bottom:1px solid #d4d4d4;  border-right:1px solid #d4d4d4; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:12px; background:#e2e2e2; text-align:left; vertical-align:top;}
.linkTbl .bg {background:#f2f2f2;}

.tblTop {position:relative; height:30px; margin-bottom:10px;}
.tblTop .historySel {width:130px; height:28px;}
.tblTop .historySel .current {position:relative; display:block; padding:0 23px 0 18px; height:28px; line-height:28px; font-size:13px; color:#666;}
.tblTop .historySel .current:after {top:50%; right:0; margin-top:-8px; width:31px; height:18px; background-image:url('../../images/common/icon_arrow_sel.png');}
.tblTop .historySel .selectItem {position:absolute; top:30px; left:-1px;}
.tblTop .won {position:absolute; right:0; bottom:0; font-size:13px;}

.dotWrap {padding-top:1px; background:url('../../images/common/bg_td.gif') repeat-x 0 0;}
.dotView {width:100%;}
.dotView tbody th,
.dotView tbody td {padding:16px 0; background:url('../../images/common/bg_td.gif') repeat-x 0 100%;}
.dotView tbody th {padding-left:30px; background:url('../../images/common/bg_td.gif') repeat-x 0 100% #fbfbfb; color:#333; text-align:left; font-weight:normal;}
.dotView tbody th.dep {padding-left:45px;}
.dotView tbody td {text-align:right; padding-right:70px;}
.dotList {width:100%;}
.dotList thead th,
.dotList tbody td {padding:16px 0; background:url('../../images/common/bg_td.gif') repeat-x 0 100%;}
.dotList thead th {color:#333;  font-weight:normal; background:url('../../images/common/bg_td.gif') repeat-x 0 100% #fbfbfb;}
.dotList tbody td {text-align:center; }
.dotList tbody td.left {text-align:left; padding-left:105px;}
.dotList tbody td.right {text-align:right; padding-right:95px;}



.layerPop.sitemap {width:1120px; height:772px; margin: -346px 0 0 -560px; border-top:0;}
.layerPop.sitemap .siteMenu {width:1120px; height:772px;}
.layerPop.sitemap .siteMenu:after {content:''; display:block; clear:both;}
.layerPop.sitemap .siteMenu &gt; li {float:left; width:160px; height:772px; box-sizing:border-box; background:#fff;}
.layerPop.sitemap .siteMenu &gt; li:first-child ul,
.layerPop.sitemap .siteMenu &gt; li:first-child .siteTit {border-left:0;}
.layerPop.sitemap .siteMenu &gt; li &gt; ul {height:705px; padding:0 16px; border-left:1px solid #e1e1e1;}
.layerPop.sitemap .siteMenu &gt; li &gt; ul.s1 {background:#f3f3f3;}
.layerPop.sitemap .siteMenu &gt; li &gt; ul &gt; li {padding-top:15px;}
.layerPop.sitemap .siteMenu &gt; li:first-child &gt; ul &gt; li {padding-top:10px;} /* 20170525 */
.layerPop.sitemap .siteMenu &gt; li &gt; ul &gt; li &gt; a {font-size:16px; letter-spacing:-0.03em;}
.layerPop.sitemap .siteMenu &gt; li &gt; ul &gt; li &gt; a:hover {font-family:hmcM; color:#333;text-decoration:underline;}
.layerPop.sitemap .siteMenu &gt; li &gt; ul &gt; li &gt; ul {margin-top:-4px;}
.layerPop.sitemap .siteMenu &gt; li &gt; ul &gt; li &gt; ul &gt; li {line-height:1.3em;}
.layerPop.sitemap .siteMenu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {font-size:12px; color:#006699;}
.layerPop.sitemap .siteMenu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {text-decoration:underline;}
.layerPop.sitemap .siteMenu .siteTit {display:block;height:57px; line-height:57px; border-left:1px solid #3e74a6; font-size:18px; color:#fff; background:#155997; text-align:center;}
.layerPop.sitemap .siteMenu .siteTit.s1 {background:#073d65; border-left:1px solid #335e7e; text-align:center;}
.layerPop.sitemap .closeMenu {position:absolute; right:0; top:-37px;}


/* Main */
.mCon {float:left; position:relative; width:594px; height:564px;}
.pagerWrap {position:absolute; left:0; top:40px; width:100%; height:13px; text-align:center; line-height:0;}
.pagerWrap a {display:inline-block; width:14px; height:13px; font-size:0; line-height:0; background:url('../../images/common/icon_paging_off.png') no-repeat 0 0;}
.pagerWrap .pause {width:9px; height:13px; margin-right:10px; background:url('../../images/common/icon_pause.png') no-repeat 0 0;}
.pagerWrap .active {background:url('../../images/common/icon_paging_on.png') no-repeat 0 0;}
.mainBanner {}
.mainBanner .bannerItems {}
.mainBanner .bannerItems .item {display:none;}
.mainBanner .bannerItems .item.curr {display:block;}

/* 20161127 edit */
.mCon02 {position:relative;float:left; width:253px; height:259px; margin-left:10px; margin-bottom:10px;}
.mCon02 h2, .mCon03 h2 {padding-top:55px; font-size:28px; color:#fff; line-height:1.3em; text-align:center;}
.mCon02 .more, .mCon03 .more {position:absolute;right:10px;top:11px;}
.mCon02 .boxMore {position:absolute;right:10px;top:14px; display:block; width:31px; height:31px; border:1px solid #376282; box-sizing:border-box; font-size:0; line-height:0;}
.mCon02 .boxMore:before, .mCon02 .boxMore:after {content:''; position:absolute;left:50%;top:50%; display:block; background:#fff;}
.mCon02 .boxMore:before {width:14px; height:2px; margin:-1px 0 0 -7px;}
.mCon02 .boxMore:after {width:2px; height:14px; margin:-7px 0 0 -1px;}
.mCon02.business {background:#155997;}
.mCon02.business h2{padding-top:70px; font-size:28px; color:#fff; line-height:1.3em; text-align:center;}
.mCon02.business:after {content:''; position:absolute; left:50%; bottom:8px; display:block; width:128px; height:128px; margin-left:-64px; background:url('../../images/main/ico_ban_01.png') no-repeat 0 0;}
.mCon02.education {background:#073d65;}
.mCon02.education:after {content:''; position:absolute; left:50%; bottom:8px; display:block; width:128px; height:128px; margin-left:-64px; background:url('../../images/main/ico_ban_02.png') no-repeat 0 0;}

.mCon02.education2 {background:#073d65;}
.mCon02.education2:after {content:''; position:absolute; left:50%; bottom:8px; display:block; width:128px; height:128px; margin-left:-64px; background:url('../../images/main/main_banner2.png') no-repeat 0 0;}

.mCon02.vod h2, .mCon02.photo h2 {height:58px; line-height:58px; padding-top:0; padding-left:20px; background:#073d65; font-size:16px; color:#fff; box-sizing:border-box; text-align:left;}
.mCon02.photo {}
.mCon02.photo a.prevImg, .mCon02.photo a.nextImg {display:inline-block; position:absolute; top:14px; width:31px; height:31px; border:1px solid #376282;  box-sizing:border-box; font-size:0;line-height:0;}
.mCon02.photo a.prevImg {right:70px; background:url('../../images/common/icon_arrow_photo_left.png') no-repeat 50% 50% #063456;}
.mCon02.photo a.nextImg {right:40px; background:url('../../images/common/icon_arrow_photo_right.png') no-repeat 50% 50% #063456;}
.mCon02.photo a.nextImg, .mCon02.photo .boxMore {border-left:1px solid #5d7f99;}
.mCon03 {position:relative; float:left; width:253px; height:295px; margin-left:10px; margin-bottom:10px;}
.mCon03.online {background:#1b6fbd;}
.mCon03.online:before {content:''; position:absolute; left:50%; bottom:32px; display:block; width:128px; height:128px; margin-left:-64px; background:url('../../images/main/icon_monitor.png') no-repeat 0 0; z-index:5;}
.mCon03.online:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:89px; background:#155997;}
.mCon03.online p {text-align:center; font-size:16px; color:#fff;}

.mCon03.zone {background:#1b6fbd;}
.mCon03.zone:before {content:''; position:absolute; left:50%; bottom:32px; display:block; width:128px; height:128px; margin-left:-64px; background:url('../../images/main/main_banner1.png') no-repeat 0 0; z-index:5;}
.mCon03.zone:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:89px; background:#155997;}
.mCon03.zone p {text-align:center; font-size:16px; color:#fff;}



.mCon03.notice {}
.mCon03.notice .banner {position:relative; height:205px;}
.mCon03.notice .pagerWrap {display:inline-block; width:auto; left:18px; bottom:15px; top:auto;}
.mCon03.notice .noticeCon {height:90px; padding:14px 0  0 18px; border:1px solid #bdbdbd; background:#fff; box-sizing:border-box;}
.mCon03.notice .noticeCon h2 {font-family:hmcB; font-size:16px; color:#000; padding:0; text-align:left;}
.mCon03.notice .noticeCon p {font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px;}
/* // endof // 20161127 edit */

.mCon04 {clear:both; float:left; width:594px; height:259px;}
.mCon04.bbs {position:relative; height:259px; border:1px solid #d4d4d4; background:#f5f5f5; box-sizing:border-box; text-align:right; overflow:hidden;}
.mCon04.bbs h2 {position:relative; display:inline-block; font-size:16px; padding:0 13px; line-height:56px;}
.mCon04.bbs h2.active a {font-family:hmcM; color:#000; text-decoration:underline;}
.mCon04.bbs h2:before {content:''; position:absolute; left:0; top:50%; margin:-5px 0 0 0; display:block; width:1px; height:10px; background:#cacaca;}
.mCon04.bbs h2:first-child:before {display:none;}

.mCon04.bbs .bbsCon {position:absolute;left:0; top:56px; width:100%;}
.mCon04.bbs .bbsCon ul { background:#fff;}
.mCon04.bbs .bbsCon ul &gt; li {height:40px; padding:6px 30px 6px 22px; text-align:left;border-top:1px solid #d4d4d4; box-sizing:border-box;}
.mCon04.bbs .bbsCon ul &gt; li:first-child {height:41px;}
.mCon04.bbs .bbsCon ul &gt; li span {display:inline-block; vertical-align:middle;}
.mCon04.bbs .bbsCon .subject {width:442px;}
.mCon04.bbs .bbsCon .subject a {display:inline-block; overflow:hidden; width:430px; padding-top:4px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:13px;}
.mCon04.bbs .bbsCon .subject a:before {content:'·';display:inline-block;margin-right:5px;}
.mCon04.bbs .bbsCon .file {width:26px; text-align:left;}
.mCon04.bbs .bbsCon .date {text-align:center; font-family:'맑은 고딕', 'Malgun Gothic'; font-size:12px;}
.mCon04.bbs .bbsCon .allView {position:absolute;left:29px;top:-39px;font-family:hmcM; font-size:16px; color:#000;}

/* 20161105 add */
.pagerWrap .pause.on {background-image:url('../../images/common/icon_play.png');}
.mainBanner {overflow:hidden;}
.mainBanner .pagerWrap {z-index:2;}
.mainBanner .bannerItems {position:relative; width:100%; height:100%; z-index:1;}
.mainBanner .bannerItems .item {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.mainBanner .bannerItems .item.curr {z-index:2;}
.mainBanner .bannerItems .item.ing {z-index:5;}
.mCon03.notice .noticeBanner {height:295px; overflow:hidden;}
.mCon03.notice .noticeBanner .pagerWrap {bottom:110px; z-index:2;}
.noticeBanner .bannerItems {position:relative; width:100%; height:100%; z-index:1;}
.noticeBanner .bannerItems .item {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.noticeBanner .bannerItems .item.curr {z-index:2;}
.noticeBanner .bannerItems .item.ing {z-index:5;}
.photoRoller {overflow:hidden;}
.photoRoller .mover {}
.photoRoller .bannerItems {position:relative; width:253px; height:201px;}
.photoRoller .bannerItems .item {display:block; position:absolute; top:0; left:-100%; width:100%; height:100%; z-index:0;}
.photoRoller .bannerItems .item.curr {left:0; z-index:2;}
.photoRoller .bannerItems .item.ing {left:0; z-index:5;}





/* 반응형 */
.flex_00 #header {height:auto;}
.flex_00 #header .inner {text-align:center; padding-top:60px; padding-bottom:30px;}
.flex_00 #header .logo {position:static; display:inline-block; margin:0 auto;}
.flex_00 #header .gnbWrap {position:static; margin:30px auto 0; padding-right:50px;}
.flex_00 #header .gnbWrap li {width:20% !important; padding:0 !important; text-align:center !important;}
.flex_00 #header .gnbWrap li .subMenu {display:none !important;}
.flex_00 .subBg {display:none !important;}
.flex_00 #header .allMenu {top:145px;}
.flex_00 #lnb {display:none;}
.flex_00 #middle .location {width:100%;}
.flex_00 #container #contentwrap {width:100%; padding:0 20px; box-sizing:border-box;}
.flex_00 .layerPop.sitemap .siteMenu {width:100%; height:100%;}
.flex_00 .layerPop.sitemap .siteMenu &gt; li {width:20%; height:100%;}
.flex_00 #footer .outLinks .snsArea {right:0; top:45px;}

/* 반응형 - under 1120 */
.flex_01 body {min-width:840px;}
.flex_01 .inner {width:840px;}
.flex_01 #lnb {display:none;}
.flex_01 #container #content {float:none; margin:0 auto;}
.flex_01 .layerPop.sitemap {width:840px; height:700px; margin: -290px 0 0 -420px; border-top:0;}
.flex_01 .layerPop.sitemap .siteMenu &gt; li &gt; ul {height:633px;}
.flex_01 .layerPop.sitemap .siteMenu &gt; li:nth-child(6) {position:absolute; bottom:0; right:20%; height:257px;}
.flex_01 .layerPop.sitemap .siteMenu &gt; li:nth-child(7) {position:absolute; bottom:0; right:0; height:257px;}
.flex_01 .layerPop.sitemap .siteMenu &gt; li:nth-child(6) &gt; ul,
.flex_01 .layerPop.sitemap .siteMenu &gt; li:nth-child(7) &gt; ul {height:200px;}
.flex_01 .layerPop.sitemap .siteMenu &gt; li &gt; ul &gt; li {padding-top:13px;}
.flex_01 .layerPop.sitemap .siteMenu &gt; li:first-child &gt; ul &gt; li {padding-top:6px;}
/* 반응형 - under 857 */
.flex_02 body {min-width:600px;}
.flex_02 .inner {width:600px;}
.flex_02 #container {width:100%; overflow-x:auto; overflow-y:hidden;}
.flex_02 #container #contentwrap {min-width:870px;}
.flex_02 #container.flex #contentwrap {min-width:0; width:100%;}
.flex_02 #container.flex #content {float:none; width:100%;}
.flex_02 #container.flex #content .listWrap .section {float:none; width:auto;}
.flex_00 #footer .address {padding-right:200px;}
.flex_02 .layerPop.sitemap {width:600px; height:540px; margin: -210px 0 0 -300px; border-top:0;}
.flex_02 .layerPop.sitemap .siteMenu &gt; li &gt; ul {height:490px; white-space:nowrap;}
.flex_02 .layerPop.sitemap .siteMenu &gt; li {width:19%;}
.flex_02 .layerPop.sitemap .siteMenu &gt; li:first-child {width:24%;}
.flex_02 .layerPop.sitemap .siteMenu &gt; li:nth-child(6) {position:absolute; bottom:0; right:19%; height:180px;}
.flex_02 .layerPop.sitemap .siteMenu &gt; li:nth-child(7) {position:absolute; bottom:0; right:0; height:180px;}
.flex_02 .layerPop.sitemap .siteMenu &gt; li:nth-child(6) &gt; ul,
.flex_02 .layerPop.sitemap .siteMenu &gt; li:nth-child(7) &gt; ul {height:140px;}
.flex_02 .layerPop.sitemap .siteMenu &gt; li &gt; ul &gt; li {padding-top:5px;}
.flex_02 .layerPop.sitemap .siteMenu &gt; li:first-child li {line-height:1.1em;}
.flex_02 .layerPop.sitemap .siteMenu &gt; li:first-child &gt; ul &gt; li {padding-top:4px;} /* 20170525 */
.flex_02 .layerPop.sitemap .siteMenu &gt; li:first-child &gt; ul &gt; li &gt; ul {padding-top:3px;} /* 20170525 */
.flex_02 .layerPop.sitemap .siteMenu &gt; li:first-child &gt; ul &gt; li &gt; ul &gt; li {line-height:1em;} /* 20170525 */
.flex_02 .layerPop.sitemap .siteMenu &gt; li &gt; ul &gt; li &gt; a {font-size:12px;}
.flex_02 .layerPop.sitemap .siteMenu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {font-size:11px;}
.flex_02 .layerPop.sitemap .siteMenu .siteTit {height:40px; font-size:14px; line-height:40px;}

/* 반응형 메인 */
.flex_00 #container.main #contentwrap {position:relative; width:860px; padding:0; margin:0 auto; min-width:0;}
.flex_00 .mCon02.vod {clear:both; float:left; margin-left:0; margin-top:10px; width:292px; height:288px;}
.flex_00 .mCon02.vod &gt; a:not(.boxMore) {display:block; width:100%; height:230px;}
.flex_00 .mCon02.vod a img {display:bloock; width:100%; height:100%;}
.flex_00 .mCon02.photo {clear:none; float:left; margin-top:10px; width:292px;}
.flex_00 .mCon02.photo .bannerItems {width:292px; height:230px;}
.flex_00 .mCon02.photo .bannerItems a {display:block; width:100%; height:100%;}
.flex_00 .mCon02.photo .bannerItems a img {display:block; width:100%; height:100%;}

.flex_01 .mCon02.business {float:right;}
.flex_01 .mCon02.education {position:absolute; right:0; top:574px;}
.flex_01 .mCon02.education2 {position:absolute; right:0; top:574px;}



.flex_01 .mCon03.online {float:right;}
.flex_01 .mCon03.zone {float:right;}
.flex_01 .mCon03.notice {position:absolute; right:0; top:845px;}
.flex_01 .mCon04.bbs {clear:both; float:left; margin-right:100px;}

.flex_02 #container.main #contentwrap {width:600px;}
.flex_02 .mCon02.business {clear:both; float:left; margin-left:0; margin-top:10px; width:292px;}
.flex_02 .mCon02.education {clear:none; margin-left:10px; margin-top:10px; width:292px;}

.flex_02 .mCon02.education2 {clear:none; margin-left:10px; margin-top:10px; width:292px;}



.flex_02 .mCon03.online {clear:both; float:left; margin-left:0; margin-top:0; width:292px;}
.flex_02 .mCon03.zone {clear:both; float:left; margin-left:0; margin-top:0; width:292px;}
.flex_02 .mCon03.notice {clear:none; margin-left:10px; margin-top:0; width:292px;}
.flex_02 .mCon04.bbs {clear:both; float:left;}
.flex_02 .mCon03.notice .bannerItems {width:292px; height:295px;}
.flex_02 .mCon03.notice .bannerItems a {display:block; width:100%; height:100%;}
.flex_02 .mCon03.notice .bannerItems a img {display:block; width:100%; height:100%;}


/* 20161127 search list */
/* 336699 - blue color, f2f2f2 background */
/* tit : 20px */
/* tit : 18px */
/* list : 14px */
/* date : 12px */
.result_search_line {border-top:5px solid #073d65; margin-top:20px;}
.result_search {border:1px solid #dadada; border-top:0; background:#fff;}
.result_search .search_word {color:#336699;}
.result_search .result_search_tit {background:#f2f2f2; height:108px; font-size:20px; line-height:108px; white-space:nowrap; text-align:center;}
.result_search .list_search {border-top:1px solid #dadada; padding:30px;}
.result_search .list_search .top {position:relative;}
.result_search .list_search .top .tit {font-size:18px; color:#333;}
.result_search .list_search .top .tit::before {content:''; display:inline-block; width:6px; height:6px; border-radius:3px; background:#333; vertical-align:middle; margin-right:7px;}
.result_search .list_search .top .view_all {position:absolute; right:0; top:0;}
.result_search .list_search .list_ul {width:100%;}
.result_search .list_search .list_ul li {position:relative; margin-top:30px; padding-right:200px;}
.result_search .list_search .list_ul li .l {width:100%;}
.result_search .list_search .list_ul li .l .tit {font-size:14px;}
.result_search .list_search .list_ul li .l .add {font-size:12px;}
.result_search .list_search .list_ul li .r {position:absolute; right:0; top:50%; margin-top:-7px; line-height:14px; font-size:12px;}
.result_search .list_search .list_ul li .r .hit {display:inline-block; border-right:1px solid #666; padding-right:12px;}
.result_search .list_search .list_ul li .r .dat {display:inline-block; text-align:center; text-align:right; padding-left:7px;}


/* 약관 */
.info_box {margin-top:30px;}

.info_box {line-height:20px;}
.info_box * {font-family:'dotum';}
.info_box em {font-weight:bold; color:#666;}
.info_box p, .info_box li {font-size:12px; color:#777;}
.info_box .p_style01 {font-size:14px; font-weight:bold;}
.info_box .p_style02 {font-size:14px;}
.info_box li {margin-top:40px;}
.info_box li li {margin-top:20px;}
.info_box li li li {margin-top:10px;}
.info_box ol {margin-top:20px;}
.info_box ul {margin-top:20px;}
.info_box ol ol {margin-top:10px;}
.info_box ol ul {margin-top:10px;}
.info_box ul ol {margin-top:10px;}
.info_box ul ul {margin-top:10px;}
.info_box li &gt; em {color:#333; font-size:14px;}
.info_box li li &gt; em {color:#666; font-size:14px;}
.info_box .mt20 {margin-top:20px;}

/*20170218 : 현장방문 참석방법 팝업 : css는 common.css에 추가해 주세요.*/
.tbWrap2 {border-top:1px solid #d2d2d2;}
.tbWrap2 .bbsView tbody th {padding:10px 0;}
.tbWrap2 .bbsView tbody td {padding:10px; text-align:left;}









/* 20170412 - mainpage resize */
html:not(.flex_00) #container.main #contentwrap {width:1040px;}
html:not(.flex_00) .mCon {width:550px; height:520px;}
html:not(.flex_00) .mCon02 {position:relative;float:left; width:230px; height:240px; margin-left:10px; margin-bottom:10px;}
html:not(.flex_00) .mCon02 h2,
html:not(.flex_00) .mCon03 h2 {padding-top:50px; font-size:26px; color:#fff; line-height:1.3em; text-align:center;}
html:not(.flex_00) .mCon02.business h2 {padding-top:50px; font-size:26px;}
html:not(.flex_00) .mCon02.business:after {bottom:0px;}
html:not(.flex_00) .mCon02.education:after {bottom:0px;}

html:not(.flex_00) .mCon02.education2:after {bottom:0px;}


html:not(.flex_00) .mCon02.photo .photoRoller {width:230px; height:188px;}
html:not(.flex_00) .mCon02.vod &gt; h2,
html:not(.flex_00) .mCon02.photo &gt; h2 {height:52px; line-height:52px; padding:0 0 0 16px; font-size:16px; text-align:left; letter-spacing:-1px;}
html:not(.flex_00) .mCon02.vod &gt; a:not(.boxMore) {height:188px;}
html:not(.flex_00) .mCon03 {width:230px; height:270px;}
html:not(.flex_00) .mCon03.online:before {bottom:4px;}
html:not(.flex_00) .mCon03.online:after {height:60px;}

html:not(.flex_00) .mCon03.zone:before {bottom:4px;}
html:not(.flex_00) .mCon03.zone:after {height:60px;}


html:not(.flex_00) .mCon04 {width:550px; height:259px;}
html:not(.flex_00) .mCon04.bbs {height:240px;}
html:not(.flex_00) .mCon04.bbs h2 {line-height:50px;}
html:not(.flex_00) .mCon04.bbs .bbsCon {top:50px;}
html:not(.flex_00) .mCon04.bbs .bbsCon ul &gt; li {height:38px; padding:4px 30px 4px 22px; white-space:nowrap;}
html:not(.flex_00) .mCon04.bbs .bbsCon ul &gt; li:first-child {height:37px;}
html:not(.flex_00) .mCon04.bbs .bbsCon .subject {width:398px;}
html:not(.flex_00) .mCon04.bbs .bbsCon .subject a {width:100%;}
html:not(.flex_00) .mCon04.bbs .bbsCon .allView {top:-36px;}
html:not(.flex_00) .mCon02.photo a.prevImg,
html:not(.flex_00) .mCon02.photo a.nextImg {top:14px; width:28px; height:28px;}
html:not(.flex_00) .mCon02.photo a.prevImg {right:64px; background:url('../../images/common/icon_arrow_photo_left.png') no-repeat 50% 50% #063456;}
html:not(.flex_00) .mCon02.photo a.nextImg {right:36px; background:url('../../images/common/icon_arrow_photo_right.png') no-repeat 50% 50% #063456;}
html:not(.flex_00) .mCon02.photo .boxMore {width:28px; height:28px; right:8px;}
html:not(.flex_00) .mCon02.photo .photoRoller .bannerItems {width:100%; height:188px;}
html:not(.flex_00) .mCon02.photo .photoRoller .bannerItems .item {display:block; width:100%; height:100%;}
html:not(.flex_00) .mCon02.photo .photoRoller .bannerItems .item a {display:block; width:100%; height:100%;}
html:not(.flex_00) .mCon02.photo .photoRoller .bannerItems .item a img {display:block; width:100%; height:100%;}
.mainBanner .bannerItems .item img {display:block; width:100%; height:100%;}
.mCon02.vod &gt; a:not(.boxMore) {display:block; width:100%; height:100%;}
.mCon02.vod &gt; a:not(.boxMore) &gt; img {display:block; width:100%; height:100%;}
.mCon03.notice .banner {position:relative; height:100%;}
.mCon03.notice .banner .item a {display:block; width:100%; height:100%;}
.mCon03.notice .banner .item a img {display:block; width:100%; height:100%;}







/* 2017-04-26 : sns icon 변경 */
#header:before {top:48px;}

#header .logo,
#header .gnbWrap .gnb &gt; li,
#header .allMenu {padding-top:10px;}

#header .topMenu a {height:14px; padding:17px 24px; line-height:14px;}
#header .topMenu .searchArea {float:left; height:48px; background:#bebebe;}
#header .topMenu .searchArea .inputSrch {float:left; height:38px; margin-right:0; line-height:34px;}
#header .topMenu .searchArea input[type=image] {float:right; margin-top:5px;}

#header .snsArea {position:absolute;left:0;top:4px;width:135px;height:40px;}
#header .snsArea a {width:40px; height:40px; background:url('../../images/common/bg_sns2.png') no-repeat 0 0;}
#header .snsArea .t {display:none;}
#header .snsArea .f {background-position:center 0;}
#header .snsArea .b {background-position:0 0;}
#header .snsArea .y {background-position:right 0;}
#header .snsArea .f:hover {background-position:center 0;}
#header .snsArea .b:hover {background-position:0 0;}
#header .snsArea .y:hover {background-position:right 0;}

#footer .outLinks .snsArea {top:0;width:135px;}
#footer .outLinks .snsArea a {width:40px; height:40px; background:url('../../images/common/bg_sns2.png') no-repeat 0 0;}
#footer .outLinks .snsArea .t {display:none;}
#footer .outLinks .snsArea .f {background-position:center 0;}
#footer .outLinks .snsArea .b {background-position:0 0;}
#footer .outLinks .snsArea .y {background-position:right 0;}
#footer .outLinks .snsArea .f:hover {background-position:center 0;}
#footer .outLinks .snsArea .b:hover {background-position:0 0;}
#footer .outLinks .snsArea .y:hover {background-position:right 0;}


/* PC버전 - common.css 20230610 */
/* common.css에 추가하세요. */
.boxType.wide {border: 0; background: #f9f9f9;}
.photoList.wideList {margin-left:-16px; margin-bottom:0; padding:0;}
.photoList.wideList:after {content:''; display:block; clear:both;}
.photoList.wideList * {font-family:'맑은 고딕', 'Malgun Gothic';}
.photoList.wideList li {display:flex; float:left; width:calc(100% - 48px); margin-left:16px; margin-bottom:16px; padding:15px; border:1px solid #dadada; background:#fff; border-radius:10px;}
.photoList.wideList li a {display:block; border:0 !important;}
.photoList.wideList li a .imgWrap {z-index:3;position:absolute;margin:0 auto; width:225px; height: 150px; border:1px solid #d2d2d2;}
.photoList.wideList li a .imgWrap img {width:225px; height: 150px; border:0;background-size: cover;}
.photoList.wideList li a .imgArea img {width:225px; height: 150px; border:0;background-size: cover;}
.photoList.wideList .infoDetail {width:calc(100% - 225px); height:150px; padding:9px 5px 0 25px; background:#fff; border-top:0; box-sizing:border-box;}
.photoList.wideList .infoDetail h2 {padding-bottom:3px; font-size:13px; line-height:1.4em;}
.photoList.wideList .infoDetail p {display:flex; width:100%; font-size:15px;}
.photoList.wideList .infoDetail p .title {width:100px; font-size:15px; font-weight: bold;}
.photoList.wideList .infoDetail p .cont {width:calc(100% - 100px); font-size:15px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.photoList.wideList .infoDetail p a {border:0;}
.photoList.wideList .infoDetail p:last-child {padding-top:10px; border-top: 1px solid #ededed; }
/*.photoList.wideList .infoDetail p:nth-child(3) .cont {width:calc(100% - 100px); height: 45px;font-size:15px; white-space: normal;text-overflow:ellipsis;word-wrap:break-word;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; margin-bottom: 15px;}*/
.photoList.wideList .infoDetail p:nth-child(3) .cont {
    width: calc(100% - 100px);
    height: 50px;
    font-size: 15px;
    white-space: normal;
    /* text-overflow: ellipsis; */
    /* word-wrap: break-word; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 2; */
    /* -webkit-box-orient: vertical; */
    /* overflow: hidden; */
    margin-bottom: 15px;
    overflow-y: scroll;
}



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