@charset "utf-8";

/* **************************************** *
 * sub
 * **************************************** */
.gap {height:40px;clear:both;display:block;}
.sgap {height:25px;clear:both;display:block;}
.ssgap {height:15px;clear:both;display:block;}


/* -------- 공통 :: 탭 -------- */
.sub-cm-tab-wrapper{position:relative; height:76px; margin-bottom:60px;}
.sub-tab-cm-style{background-color:#f2f2f2; height:75px; border-bottom:1px solid #d9d9d9}
.sub-tab-cm-style ul{display:table; width:100%; table-layout:fixed; }
.sub-tab-cm-style ul li{display:table-cell; vertical-align:middle; position:relative; border:1px solid #d9d9d9; border-left:0}
.sub-tab-cm-style ul li:first-child{border-left:1px solid #d9d9d9}
.sub-tab-cm-style ul li a{display:table; height:74px; width:100%; }
.sub-tab-cm-style ul li a em{display:table-cell; vertical-align:middle; color:#111; font-size:16px; letter-spacing:-0.7px; text-align:center;}
.sub-tab-cm-style ul li.selected{z-index:1; border-bottom-color:#fff; border-top-color:#3bb0c4}
.sub-tab-cm-style ul li.selected a{background-color:#fff;}

/* 탭 */
.sub-tab-cm-style .bbs-tab-list li{background-color:#fff;}
.sub-tab-cm-style .bbs-tab-list li.selected{border-top-color:#000}
.sub-tab-cm-style .bbs-tab-list li a em{font-size:18px}

/* Tab Fixed Move*/
.sub-tab-cm-style.fixed{position:fixed; top:0px; left:0; width:100%; z-index:99; }
/* Tab Contents ( 임시 ) */
.sub-cm-tab-con{padding:30px; border:1px solid #ddd; min-height:200px; background-color:#f2f2f2; margin-top:20px;}

/* ----- 버튼 ----- */
.nw-btn {display:inline-block;margin-right:7px;font-size:.941em;margin:0 5px -9px 5px}
.nw-btn:after {content:"";display:inline-block;width:27px;height:27px;background:url(../_images/sub/style_spr.png) no-repeat -98px -81px;margin:0 0 -7px 10px}
.nw-btn:focus,
.nw-btn:hover {color:#0a60bc;text-decoration:underline}
.sw-btn:hover, .sg-btn:hover, .sp-btn:hover, .sdp-btn:hover,
.bw-btn:hover, .bg-btn:hover, .bp-btn:hover, .bdp-btn:hover,
.lw-btn:hover, .lg-btn:hover, .lp-btn:hover, .ldp-btn:hover,
.sw-btn:focus, .sg-btn:focus, .sp-btn:focus, .sdp-btn:focus,
.bw-btn:focus, .bg-btn:focus, .bp-btn:focus, .bdp-btn:focus,
.lw-btn:focus, .lg-btn:focus, .lp-btn:focus, .ldp-btn:focus,
.c-btn:hover, .c-btn:focus,
.sw-fbtn:hover, .sg-fbtn:hover, .sp-fbtn:hover, .sdp-fbtn:hover,
.bw-fbtn:hover, .bg-fbtn:hover, .bp-fbtn:hover, .bdp-fbtn:hover,
.lw-fbtn:hover, .lg-fbtn:hover, .lp-fbtn:hover, .ldp-fbtn:hover,
.sw-fbtn:focus, .sg-fbtn:focus, .sp-fbtn:focus, .sdp-fbtn:focus,
.bw-fbtn:focus, .bg-fbtn:focus, .bp-fbtn:focus, .bdp-fbtn:focus,
.lw-fbtn:focus, .lg-fbtn:focus, .lp-fbtn:focus, .ldp-fbtn:focus,
.c-fbtn:hover, .c-fbtn:focus {text-decoration:none}

/* 작은 컨텐츠 버튼 */
.sw-btn, .sg-btn, .sp-btn, .sdp-btn {display:inline-block;font-size:14px;font-weight:400;vertical-align:top;letter-spacing:-.05em;transition:all .3s ease}
.sw-btn, a.sw-btn {background:#fff;border:1px solid #547fce;color:#547fce}
.sw-btn:hover, .sw-btn:focus {background:#547fce;border:1px solid #547fce;color:#fff}
.sg-btn, a.sg-btn {background:#e7ecf5;border:1px solid #e7ecf5;color:#788297}
.sg-btn:hover, .sg-btn:focus {background:#8893a8;border:1px solid #8893a8;color:#fff}
.sp-btn, a.sp-btn {background:#2655ae;border:1px solid #2655ae;color:#fff}
.sp-btn:hover, .sp-btn:focus {background:#1e4182;border:1px solid #1e4182}
.sdp-btn, a.sdp-btn {background:#1e8ba9;border:1px solid #1e8ba9;color:#fff}
.sdp-btn:hover, .sdp-btn:focus {background:#215e6f;border:1px solid #215e6f}
a.sw-btn span, a.sg-btn span, a.sp-btn span, a.sdp-btn span {display:block;padding:9px 27px 10px;line-height:1}
input.sw-btn, input.sg-btn, input.sp-btn, input.sdp-btn, button.sw-btn, button.sg-btn, button.sp-btn, button.sdp-btn {padding:0 27px;height:35px}


/* 컨텐츠 버튼 */
.cw-btn, .cg-btn, .cp-btn, .cdp-btn {position:relative;display:inline-block;vertical-align:top;line-height:1.1;box-sizing:border-box;min-width:210px;/*max-width:300px;*/padding:0 40px 0 29px;font-size:0;transition:all .3s ease; margin-bottom:3px;}
.cw-btn, a.cw-btn {background:#fff;border:1px solid #547fce;color:#547fce}
.cw-btn:hover, .cw-btn:focus {background:#547fce;border:1px solid #547fce;color:#fff}
.cg-btn, a.cg-btn {background:#e7ecf5;border:1px solid #e7ecf5;color:#788297}
.cg-btn:hover, .cg-btn:focus {background:#8893a8;border:1px solid #8893a8;color:#fff}
.cp-btn, a.cp-btn {background:#2655ae;border:1px solid #2655ae;color:#fff}
.cp-btn:hover, .cp-btn:focus {background:#1e4182;border:1px solid #1e4182}
.cdp-btn, a.cdp-btn {background:#1e8ba9;border:1px solid #1e8ba9;color:#fff}
.cdp-btn:hover, .cdp-btn:focus {background:#215e6f;border:1px solid #215e6f}
a.cw-btn:before, a.cg-btn:before, a.cp-btn:before, a.cdp-btn:before {content:"";display:inline-block;width:0;height:53px;vertical-align:middle}
a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {display:inline-block;line-height:1.2;box-sizing:border-box;vertical-align:middle;font-size:17px}
input.cw-btn, button.cw-btn {position:relative;padding:0 40px 0 15px;height:40px;cursor:pointer;vertical-align:top}
.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {position:absolute;top:50%;right:18px;margin-top:-8px;content:"";display:block;width:18px;height:18px;background:url(../_images/sub/style_spr.png) no-repeat;transition:right .3s ease}
.cw-btn .arr:after, .cg-btn .arr:after, .cp-btn .arr:after, .cdp-btn .arr:after {right:17px}
.cw-btn:hover span:after, .cw-btn:focus span:after, .cw-btn:active span:after,
.cg-btn:hover span:after, .cg-btn:focus span:after, .cg-btn:active span:after,
.cp-btn:hover span:after, .cp-btn:focus span:after, .cp-btn:active span:after,
.cdp-btn:hover span:after, .cdp-btn:focus span:after, .cdp-btn:active span:after {right:21px}
.cw-btn:hover .arr:after, .cw-btn:focus .arr:after, .cw-btn:active .arr:after,
.cg-btn:hover .arr:after, .cg-btn:focus span.arrafter, .cg-btn:active .arr:after,
.cp-btn:hover .arr:after, .cp-btn:focus .arr:after, .cp-btn:active .arr:after,
.cdp-btn:hover .arr:after, .cdp-btn:focus .arr:after, .cdp-btn:active .arr:after {right:21px}
.cw-btn:focus span:after,
.cw-btn:hover span:after,
.cg-btn:focus span:after,
.cg-btn:hover span:after {background-position-y:-206px}
.cw-btn .arr:after {background-position:0px -150px}
.cw-btn .nw:after {background-position:-28px -150px}
.cw-btn .zoom:after {background-position:-56px -150px}
.cw-btn .down:after {background-position:-84px -150px}
.cw-btn .calendar:after {background-position:-112px -150px}
.cg-btn .arr:after {background-position:-0px -178px}
.cg-btn .nw:after {background-position:-28px -178px}
.cg-btn .zoom:after {background-position:-56px -178px}
.cg-btn .down:after {background-position:-84px -178px}
.cg-btn .calendar:after {background-position:-112px -178px}
.cp-btn .arr:after, .cdp-btn .arr:after {background-position:-0px -206px}
.cp-btn .nw:after, .cdp-btn .nw:after {background-position:-28px -206px}
.cp-btn .zoom:after, .cdp-btn .zoom:after {background-position:-56px -206px}
.cp-btn .down:after, .cdp-btn .down:after {background-position:-84px -206px}
.cp-btn .calendar:after, .cdp-btn .calendar:after {background-position:-112px -206px}
input.cp-btn, button.cp-btn {padding:11px 45px 11px 15px;height:40px;vertical-align:top}

.tbl-type01 tbody td >.c-list {margin-top:0 !important}

/* 리스트 스타일 (float:left 속성을 줄경우에는 ie6등에서 배경 이미지가 나오지 않을수 있으므로 width값 설정이 필요합니다.) */
.c-list01, .c-list02, .c-list03, .c-list04, .c-list04-1, .c-list05 {text-align:left}
.c-list01 > li, .c-list02 > li, .c-list01-li, .c-list02-li {position:relative;padding:0 0 15px 15px;margin:0;margin-top:1px; font-size:16px;}
.c-list01 > li:first-child, .c-list02 > li:first-child {margin-top:0}
.c-list01 > li:before, .c-list02 > li:before, .c-list01-li:before, .c-list02-li:before {display:block;content:"";position:absolute;top:5px;left:0;width:7px;height:3px;background:#547fce}
.c-list01 > li ul, .c-list02 > li ul, .c-list03 > li ul, .c-list04 > li ul, .c-list04-1 > li ul, .c-list05 > li ul{margin:7px 0 0 0}
.c-list01 > li ul li, .c-list02 > li ul li, .c-list03 > li ul li, .c-list04 > li ul li, .c-list04-1 > li ul li, .c-list05 > li ul li  {padding:0 0 0 11px;position:relative;font-size:.941em;color:#666}
.c-list01 > li ul li:before, .c-list02 > li ul li:before, .c-list03 > li ul li:before , .c-list04 > li ul li:before, .c-list04-1 > li ul li:before, .c-list05 > li ul li:before {display:block;content:"";width:3px;height:3px;background:#cfcfcf;position:absolute;top:11px;left:1px}
.c-list01 > li .tit, .c-list02 > li .tit {display:inline-block;color:#222}
.c-list01 > li .tit:after {display:inline-block;content:":";position:absolute;top:3px;right:5px;font-size:15px}
.c-list01 > li .tit {vertical-align:top;position:relative;padding:0 15px 0 0}
.c-list01 > li .txt {display:inline-block}

.c-list02 > li {padding-left:90px}
.c-list02 > li .tit {display:block;width:50px;position:absolute;top:0;left:15px}
.c-list02 > li .tit:after {display:block;content:"";position:absolute;top:10px;right:-13px;width:1px;height:10px;background:#e0e0e0}
.c-list02 > li ul {margin-left:-75px}

.c-list03 > li, .c-list03-li {position:relative;padding:3px 0 3px 28px}
.c-list03 > li .tit {color:#2655ae;position:absolute;top:3px;left:0;font-weight:500;width:20px;text-align:center}
.c-list03 > li .titStr {display:block;color:#000}
.c-list03 > li .tit:after,  .c-list03-li .tit:after {display:inline-block;content:"."}

.c-list04 > li, .c-list04-li {position:relative;padding:0 0 0 37px;margin-top:0px}
.c-list04 > li .titStr {display:block;color:#000}
.c-list04 > li:first-child {margin-top:0}
.c-list04 > li .tit, .c-list04-li .tit {display:block;width:23px;height:23px;line-height:23px;background:#2655ae;border-radius:50%;text-align:center;font-family:"prometo", sans-serif;color:#fff;font-size:14px;position:absolute;top:2px;left:0}

.c-list04-1 > li, .c-list04-1-li {position:relative;padding:0 0 0 37px;margin-top:7px}
.c-list04-1 > li:first-child {margin-top:0}
.c-list04-1 > li .num, .c-list04-1-li .num {display:inline-block;position:absolute;top:2px;left:0;width:23px;height:23px;line-height:23px;background:#e7ecf5;border-radius:50%;text-align:center;font-family:"prometo", sans-serif;color:#0d285b;font-size:14px}
.c-list04-1 > li .tit, .c-list04-1-li .tit {display:inline-block;color:#000}
.c-list04-1 > li .txt, .c-list04-1-li .txt {display:block}

.c-list05 {margin:15px 0}
.c-list05 > li {position:relative;padding:0 0 0 37px;margin-top:7px}
.c-list05 > li:first-child {margin-top:0}
.c-list05 > li .num {display:inline-block;position:absolute;top:2px;left:0;width:23px;height:23px;line-height:23px;background:#fff;border:1px solid #c5ccdb;border-radius:50%;text-align:center;font-family:"prometo", sans-serif;color:#0d285b;font-size:14px}
.c-list05 > li .tit {display:inline-block;color:#000}
.c-list05 > li .txt {display:block}
@media all and (max-width:999px) {
	.c-list01 > li:before, .c-list02 > li:before, .c-list01-li:before, .c-list02-li:before {top:11px}
	.c-list02 > li .tit:after {top:7px}
}
@media all and (max-width:768px) {
	.c-list01 > li:before, .c-list02 > li:before, .c-list01-li:before, .c-list02-li:before {top:10px}
	.c-list01 > li ul li:before, .c-list02 > li ul li:before, .c-list03 > li ul li:before, .c-list04 > li ul li:before, .c-list04-1 > li ul li:before, .c-list05 > li ul li:before {top:9px}
	.c-list04 > li, .c-list04-li,
	.c-list04-1 > li, .c-list04-1-li {padding:0 0 0 28px}
	.c-list04 > li .tit, .c-list04-li .tit,
	.c-list04 > li .num, .c-list04-li .num {width:20px;height:20px;line-height:20px;top:1px}
}
@media all and (max-width:699px) {
	.c-list01 > li, .c-list02 > li, .c-list01-li, .c-list02-li {padding:0 0 0 10px;margin-top:4px}
	.c-list01 > li:before, .c-list02 > li:before, .c-list01-li:before, .c-list02-li:before {width:5px;height:2px}
	.c-list02 > li {padding-left:90px}
}
@media all and (max-width:499px) {
}


.c-list {text-align:left; margin-top:25px; }
.c-list > li ul{margin:5px 0 0 0}
.c-list > li ul li  {padding:4px 0 4px 11px;position:relative;font-size:16px;color:#666; word-break:keep-all; letter-spacing:normal; line-height:1.5}


.c-list > li  {position:relative;padding:3px 0 3px 0}
.c-list > li .tit {color:#333367;font-weight:500; font-size:18px }
.c-list > li .titStr {display:block;color:#000}

.c-list > li ul li:before
{  display: block;
   content: "";
    width: 3px;
    height: 3px;
    background: #cfcfcf;
    position: absolute;
    top: 11px;
    left: 1px;
}



/* 서술형1 */
.publications {position:relative;box-sizing:border-box;padding:36px 30px 36px 247px;background:#f3f3f3;min-height:180px;overflow:hidden}
.publications .txt-sec {}
.publications .txt-sec .pTit {display:block;font-size:1.529em;font-weight:400;color:#0d285b;line-height:1.2;margin:0 0 11px}
.publications .txt-sec .pTxt {}
.publications .txt-sec .pTxt p {font-size:1.059em;line-height:1.66666666;margin:0 0 20px}
.publications .txt-sec .pTxt p:last-child {margin:0}
.publications.hasTitle .txt-sec .pTxt p {font-size:1em;line-height:1.764705}
@media all and (max-width:1024px) {
	.publications {padding:30px 30px 50px 170px;min-height:150px}
	.publications .ico-sec {width:118px;height:105px;left:20px}
	.publications .ico-sec:before {width:62px;height:60px;background-position:-15px -91px;background-size:378px auto}
}
@media all and (max-width:699px) {
	.publications {padding:20px 20px 40px 120px;min-height:140px}
	.publications .ico-sec {width:83px;height:73px;left:15px}
	.publications .ico-sec:before {width:43px;height:42px;background-position:-10px -64px;background-size:265px auto}
}
@media all and (max-width:499px) {
	.publications {padding:0 20px 20px;min-height:0}
	.publications:after {position:relative;right:auto;bottom:auto;margin:20px 0 0 auto}
	.publications .ico-sec {width:83px;height:73px;left:auto;top:auto;position:relative;margin:0 auto 20px;box-shadow:0 5px 10px rgba(0, 0, 0, .05)}
	.publications .ico-sec:before {width:43px;height:42px;background-position:-10px -64px;background-size:265px auto}
}
@media all and (max-width:399px) {
	.publications .ico-sec {width:58px;height:51px}
	.publications .ico-sec:before {width:30px;height:29px;background-position:-7px -45px;background-size:185px auto}
}

.re-box {width:100%;}
.re-box img {width:100%}

.re-left {width:49%; float:left}
.re-right {width:49%; float:right}

.re-left img {width:100%}
.re-right img {width:100%}

@media all and (max-width:1024px) {
.re-left {width:100%; float:none; margin-top:40px}
.re-right {width:100%; float:none; margin-top:40px}
	
}

 /* ******************  People  ********************** */
#greetingContent{max-width:1200px; margin:0px auto;}
.greeting-left-txt-con{position:relative; float:left; width:600px; font-size:17.5px; color:#555; letter-spacing:-0.7px; font-weight:400; box-sizing:border-box; padding-left:45px; line-height:1.2; color:#111; }
.greeting-left-txt-con:before{position:absolute; top:0px; left:0px; width:1px; height:100%; background-color:#e5e5e5; content:"";}
.greeting-left-txt-con:after{position:absolute; top:0px; left:0px; width:1px; height:90px; background-color:#000; content:"";}
.greeting-left-txt-con .greeting-bold-txt{font-size:40px; font-weight:300; margin-bottom:1em}
.greeting-left-txt-con .greeting-txt-con p{line-height:1.5; font-weight:300; margin-top:2.2em; font-size:.94em;}
.greeting-left-txt-con .greeting-txt-con p b{font-weight:600;}
.greeting-right-photo-con{float:right; width:486px; position:relative;}

@media all and (max-width:1024px) {
	
#sub {padding:0 10px;}	
}

#sub {max-width:1200px; margin:0px auto;}
#sub h4 {position:relative;font-size:28px;font-weight:500;color:#000;margin-bottom:16px;letter-spacing:-0.05em;line-height:1.4; text-align:left}
#sub h4:before {display:block;content:"";width:60px;height:3px;background:#6691c7;margin-bottom:15px}
#sub h5 {text-align:left; font-size:22px; line-height:1.5;  font-weight:600;  color: #2655ae;     margin: 0 0 15px; word-break:keep-all}
#sub p { font-size:16px; line-height:1.8; word-break:keep-all}

.icon-box2 img {
	width: 160px;
    height: 160px;
    border-radius: 150px; /* 레이어 반크기만큼 반경을 잡기*/    
    display: table-cell;
    vertical-align: middle;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
	border:1px solid #999;
} 

/* sub layout 16 */ 
.icon-box2{overflow:hidden; position:relative;} 
.icon-box2 li{display:inline-block; margin:0 1% 1.5% 0; text-align:center; padding:30px 10px 40px 10px; border-top:3px solid #00145a;background:#f9f9f9;  height:230px}
.icon-box2 li img{margin:0 auto 10px;}
.icon-box2 li h3{font-size:21px; color:#333; font-weight:500; line-height:1.2;}
.icon-box2 li p { font-weight:300; max-width:240px; margin:0 auto; font-size:13px !important; line-height:1.4 !important} 
.icon-box2 li p.email {font-weight:400; letter-spacing:-0.5px; font-size:15px !important; line-height:1.5; margin-top:7px  }
.icon-box2 li p.email:before{background:url(../_images/icon/icon_email.jpg) no-repeat; left:0; top:0; content:''; width:13px; height:10px; display:inline-block; padding-right:7px}
.icon-box2 li:first-child:nth-last-child(5),  
.icon-box2 li:first-child:nth-last-child(5)~li,
.icon-box2 li:first-child:nth-last-child(6), 
.icon-box2 li:first-child:nth-last-child(6)~li { width:17%; } 
.icon-box2 li:first-child:nth-last-child(7), 
.icon-box2 li:first-child:nth-last-child(7)~li,
.icon-box2 li:first-child:nth-last-child(2), 
.icon-box2 li:first-child:nth-last-child(2)~li,
.icon-box2 li:first-child:nth-last-child(4), 
.icon-box2 li:first-child:nth-last-child(4)~li,
.icon-box2 li:first-child:nth-last-child(8), 
.icon-box2 li:first-child:nth-last-child(8)~li { width: 22%; }  
 
 .icon-box2 li:first-child:nth-last-child(9), 
.icon-box2 li:first-child:nth-last-child(9)~li { width: 17%; }  
 

@media all and (max-width:699px) {
	.icon-box2{overflow:hidden; position:relative; margin-left:20px;} 
	
.icon-box2 li:first-child:nth-last-child(5),  
.icon-box2 li:first-child:nth-last-child(5)~li,
.icon-box2 li:first-child:nth-last-child(6), 
.icon-box2 li:first-child:nth-last-child(6)~li,
 .icon-box2 li:first-child:nth-last-child(9), 
.icon-box2 li:first-child:nth-last-child(9)~li  { width:42%; } 

}

/* sub layout 17 */ 
.blt-box{overflow:hidden; position:relative; text-align:center;width:100%} 
.blt-box li{display:inline-block; margin:0 0.5% 1.5%; text-align:center; padding: 100px 10px; border:1px solid #e8e8e8; background:#fff; min-height:322px; }
.blt-box li img{margin:0 0 20px;}
.blt-box li h3{font-size:24px; color:#014099; font-weight:500; margin:0 0 10px; line-height: 1.3;}
.blt-box li b{color:#333; font-weight:500; margin:0 0 10px; display:block;}
.blt-box li p { font-weight:300; margin:0 auto;}  
.blt-box li:first-child:nth-last-child(5),  
.blt-box li:first-child:nth-last-child(5)~li,
.blt-box li:first-child:nth-last-child(6), 
.blt-box li:first-child:nth-last-child(6)~li { width:15%; } 
.blt-box li:first-child:nth-last-child(7), 
.blt-box li:first-child:nth-last-child(7)~li,
.blt-box li:first-child:nth-last-child(4), 
.blt-box li:first-child:nth-last-child(4)~li,
.blt-box li:first-child:nth-last-child(8), 
.blt-box li:first-child:nth-last-child(8)~li { width: 25%; }  
 

/* sub layout 18 */ 
.circle-box{text-align:center; } 
.circle-box li{display:inline-block; width:24%; border:1px solid #ddd; position:relative; height:0; padding-bottom:24%; border-radius:100%; margin:0 -1%;}  
.circle-box li:nth-child(2n+1){border-color:#014099;}
.circle-box li .con{width:100%; padding:30px; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); } 
.circle-box li h3{color:#014099; font-size:22px; font-weight:500; line-height:1.3; margin:0 0 15px;}
.circle-box li p{font-weight:300;}

.circle-box2{text-align:center; position:relative;} 
.circle-box2:after{content:''; width:80%; height:1px; background:#ddd; position:absolute; left:10%; top:50%; z-index:-1;}
.circle-box2 li{display:inline-block; width:19%; margin:0 2%;  position:relative; height:0; padding-bottom:19%; border-radius:100%; }  
.circle-box2 li:nth-child(1){background:#014099;}
.circle-box2 li:nth-child(2){background:#0089d0;}
.circle-box2 li:nth-child(3){background:#183c6e;}
.circle-box2 li:nth-child(4){background:#282c37;}
.circle-box2 li .con{width:100%; padding:30px; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); } 
.circle-box2 li h3{color:#fff; font-size:22px; font-weight:400; line-height:1.3; margin:0 0;} 


.board-area {border-top:1px solid #e5e5e5; }


.board-area .board-wr {
    padding: 0 2.3em;
	
	margin-top:15px
/*	overflow-y: auto;*/
}
.board-area .board-wr ul {
    display: flex;
    align-content: flex-start;
    flex-direction: column;
}
.board-area .board-wr ul li {
    margin-bottom: 1.5em;
    border-bottom: 1px solid #dddddd;
	overflow:hidden;
	  padding:  1.5em 0;
}

.board-area .board-wr ul li .pic {width:26%; display:inline-block; margin-right:3%; vertical-align:top; }
.board-area .board-wr ul li .pic img {width:100%}

.board-area .board-wr ul li:last-child { border-bottom:1px solid #e5e5e5}
.board-area .board-wr ul li dl dd.date {font-family:'Play', Sans-serif;color:#004092;text-align:left; vertical-align: top;}
.board-area .board-wr ul li dl dd.date span {font-size:0.895rem;}
.board-area .board-wr ul li dl dd.date strong {font-size:0.895rem;}
.board-area .board-wr ul li dl {
    display: inline-block;
    width: 67%;
    margin: 18px 0;
}
.board-area .board-wr ul li dl dt {font-size:1.1rem;color:#000;margin-bottom: .3em;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board-area .board-wr ul li dl dd {
	font-size:1rem;
	color:#757575;
	width:100%;
	max-height:90px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.5;
	word-wrap: break-word;
	/*display: -webkit-box;*/
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.right-bn {display:inline-block;width: calc(33% - 1.7em);vertical-align: top;}




/* 반응형 테이블 안내창 */
.wauto-wrap {position:relative}
.is-wauto-box {position:relative;width:100%; overflow-x: initial; }
.is-wauto-box > table {min-width:720px}
.rsv-info {display:none}

@media all and (max-width:768px) {
	.is-wauto-box {overflow-x: scroll; padding-top:0}
	.rsv-info {display:block;position:relative;text-align:center; padding-top:50px;}
	.rsv-info .ico {display:inline-block;position:relative;padding:21px 59px;line-height:1.3;letter-spacing:0;font-size:16px}
	.rsv-info .ico:before,
	.rsv-info .ico:after {content:"";display:block;position:absolute;width:34px;height:15px;top:24px;background:url(../_images/sub/style_spr.png) no-repeat}
	.rsv-info .ico:before {left:0;background-position:-56px -118px}
	.rsv-info .ico:after {right:0;background-position:-100px -118px}

	.rsv-info .ico {font-size:16px}
}
@media all and (max-width:499px) {
	.rsv-info .ico {font-size:14px;padding:15px 59px;}
	.rsv-info .ico:before,
	.rsv-info .ico:after {top:17px}
}
@media all and (max-width:399px) {
	.rsv-info .ico:before,
	.rsv-info .ico:after {top:15px}
}


/* 테이블 */
.tbl-type01 {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #2655ae;font-size:1em;border-bottom:1px solid #e5e5e5;font-size:.941em}
.tbl-type01 thead th {position:relative;padding:18px 10px;background:#f2f3f6;color:#0d285b;font-weight:400}
.tbl-type01 thead th:after {content:"";display:block;position:absolute;width:1px;height:50%;background:#d8dbe5;right:0;top:50%;transform:translateY(-50%)}
.tbl-type01 thead th:last-child:after {display:none}
.tbl-type01 tbody th {font-weight:400;color:#353a44}
.tbl-type01 tfoot th {font-weight:400;color:#353a44}
.tbl-type01 tbody th,
.tbl-type01 tbody td,
.tbl-type01 tfoot th,
.tbl-type01 tfoot td {position:relative;border-bottom:1px solid #e5e5e5;padding:16px 16px 16px;overflow:hidden;border-right:1px dashed #e5e5e5}
.tbl-type01 tbody th:last-child,
.tbl-type01 tbody td:last-child,
.tbl-type01 tfoot th:last-child,
.tbl-type01 tfoot td:last-child {border-right:0}
.tbl-type01 tbody td:last-child,
.tbl-type01 tfoot td:last-child {border-right:0}
.tbl-type01.hasColRowThead thead th:after {display:none}
.tbl-type01.hasColRowThead thead th {position:static;border-right:1px solid #e5e5e5}
.tbl-type01.hasColRowThead thead th:last-child {border-right:0}
.tbl-type01.hasColRowThead thead th[colspan] {border-bottom:1px solid #e5e5e5}
@media all and (max-width:999px) {
	.tbl-type01 thead th:after {top:50%;transform:translateY(-50%)}
}
@media all and (max-width:768px) {
	.tbl-type01 thead th:after {height:50%}
	.tbl-type01 thead th {padding:10px 5px}
	.tbl-type01 tbody th,
	.tbl-type01 tbody td,
	.tbl-type01 tfoot th,
	.tbl-type01 tfoot td {padding:10px 5px}
}

/* 테이블 > 테이블 */
.tbl-type01 table {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;margin-left:-1px;font-weight:300;font-size:.882em;border-bottom:1px solid #ddd}
.tbl-type01 table th {}
.tbl-type01 table th:after {display:none}
.tbl-type01 table th,
.tbl-type01 table td {padding:10px 5px;border-left:1px solid #ddd;border-right:1px solid #ddd;word-wrap:break-word;word-break:break-all}
.tbl-type01 tfoot th,
.tbl-type01 tfoot td {color:#666;background:#fff}
.tbl-type01 table td {color:#444}
.tbl-type01 table thead th {background:#f6f6f6;color:#333;border-top:1px solid #ccc}
.tbl-type01 table th:first-child,
.tbl-type01 table td:first-child {border-left:0}
.tbl-type01 table th:last-child,
.tbl-type01 table td:last-child {border-right:0}
.tbl-type01 table tbody th:after,
.tbl-type01 table tbody td:after,
.tbl-type01 table tfoot th:after,
.tbl-type01 table tfoot td:after {display:none}
@media all and (max-width:768px) {
	.tbl-type-s01 th,
	.tbl-type-s01 td {padding:10px 5px}
}

.hfbox {position:relative; width:100%}
.hfhf {width:40%; float:left}

@media all and (max-width:999px) {
	.hfhf {width:100%; float:none; clear:both}
}