@charset "UTF-8"; 

#lnb{width:18.5%; float:left; }
#lnb .lnb_top{text-align:center; color:#ed5361; line-height:60px; font-size:1.8em; margin:0; border-bottom:2px solid #ed5361;}
#lnb h2{    display: block; background: url(../images/sub/lnb_bg.png)repeat; height: 130px; margin: 0; color: #fff; text-align: center; line-height: 130px; font-size: 1.8em;}
#lnb #sideNav {position:relative;width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; padding-top:5px;}
#lnb #sideNav .btnClose {position:absolute; top:-40px; left:-1px; width:30px; height:40px; border:1px solid #ddd; border-bottom:none; background:#f5f5f5; border-radius:2px 2px 0 0; font-size:0; line-height:0;}
#lnb #sideNav .btnClose:before {content:''; position:absolute; top:7px; left:50%; margin-left:-6px; width:12px; height:12px; background:url('../images/sub/sp_ico_layout.png') no-repeat 0 -185px;}
#lnb #sideNav .sideNavMenu {float:left; background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:10px 0px;}
#lnb #sideNav .sideNavMenu > ul {display:block; position: relative; margin:0 auto;}
#lnb #sideNav .sideNavMenu > ul > li {display:block; position:relative; margin-top:3px; border:1px solid #e0e0e0;}
#lnb #sideNav .sideNavMenu > ul > li:first-child {margin-top:0;}
#lnb #sideNav .sideNavMenu > ul > li li {position:relative;}
#lnb #sideNav .sideNavMenu > ul > li > a {display:block; position:relative; padding:16px 30px 16px 15px; border-radius:2px; color:#333; font-size:120%; line-height:1.2; font-weight:bold; text-align:left; text-decoration:none; -webkit-box-sizing:border-box; box-sizing:border-box;}
#lnb #sideNav .sideNavMenu > ul > li:hover > a, #sideNav .sideNavMenu > ul > li > a:focus {background-color:#f5f5f5;}
#lnb #sideNav .sideNavMenu > ul > li .btnMenuDropDown {display:block; position:absolute; top:5px; right:0; width:30px; overflow:hidden; text-indent:-9999px;}
#lnb #sideNav .sideNavMenu > ul > li .btnMenuDropDown:before {content:''; position:absolute; top:50%; left:50%; margin:-4px 0 0 0px; width:9px; height:9px; text-align:center; background:url('../images/sub/bg_arrow_sidenav_depth1.png') no-repeat 0 0;}
#lnb #sideNav .sideNavMenu > ul > li .btnMenuDropDown:hover:before, #sideNav .sideNavMenu > ul > li .btnMenuDropDown:focus:before {margin:-4px 0 0 0px; width:9px; height:9px; background:url('../images/sub/bg_arrow_sidenav_depth1.png') no-repeat 0 0;}
#lnb #sideNav .sideNavMenu > ul > li > .btnMenuDropDown {top:14px; right:5px;}
#lnb #sideNav .sideNavMenu > ul > li.active > a { background:url('../images/sub/sp_ico_snsArrow.png') no-repeat 95% 50%; 
background-color:#3267ac; color:#fff; border-radius:2px; border-color:#3267ac;}
#lnb #sideNav .sideNavMenu > ul > li.active > .btnMenuDropDown:before {margin:35px 0 0 0px; width:9px; height:9px;}
#lnb #sideNav .sideNavMenu > ul > li.active > ul {display:block;}
#lnb #sideNav .sideNavMenu > ul > li > ul {display:none; position:relative; padding:7px 5px 13px; overflow:hidden; background-color:#fafafa;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li {position:relative;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li:first-child {padding-top:0}
#lnb #sideNav .sideNavMenu > ul > li > ul > li:last-child {padding-bottom:0}
#lnb #sideNav .sideNavMenu > ul > li > ul > li > a {display:block; padding:6px 30px 6px 5px; color:#666; font-size:110%;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li.active > a, #sideNav .sideNavMenu > ul > li > ul > li:hover > a, #sideNav .sideNavMenu > ul > li > ul > li > a:focus {color:#333; font-weight:bold;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li.active > .btnMenuDropDown:before {margin:-2.5px 0 0 -4px; width:8px; height:5px; background-position:-40px 0;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li.active > ul {display:block;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul {display:none; padding:6px 14px; margin:0 0 4px 0; overflow:hidden; background:#f0f0f0; border-radius:3px; font-size:105%;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > a {padding:3px 16px 3px 0;display:block; color:#666;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li.active > a, #sideNav .sideNavMenu > ul > li > ul > li > ul > li:hover > a, #sideNav .sideNavMenu > ul > li > ul > li > ul > li > a:focus {color:#333; font-weight:bold;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li { padding:3px 8px 2px 10px; position:relative; }
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li a:before { content:""; width:3px; height:3px; position:absolute;top:10px; /*top:47% !important;*/ left:5% !important; background:#c7c7c7; }
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li a { padding-left:4px; color:#aeaeae; }
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li.active > a, #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li:hover > a, #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li > a:focus {color:#333; font-weight:bold;}
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > .btnMenuDropDown { width:25px; height:25px; right:0; }
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul { padding:6px 3px 6px 14px !important; }
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li:first-child { margin-top:4px; }
#lnb #sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li:last-child { margin-bottom:4px; }

/* 컨텐츠 */
.content{width:76%; float:right; min-height:500px; margin-bottom:50px;}
.content .sub_tit{width:100%; padding:20px 0 20px 0; border-bottom:1px solid #e3e3e3;}
.sub_tit h1{width:100%; color:#262626; padding:0; font-size:2.0em; font-weight:700; margin:0;}
.scrum{display:inline-block; padding:20px 0 0 0; font-weight: 100; font-size: 1.1em;}
.scrum span.home{display:inline-block; width:16px; height:14px; background:url('../images/sub/home.png')no-repeat; margin-right:4px;}
.scrum span.arrow{width:7px; height:10px; background:url('../images/sub/scrum_arrow.png')no-repeat left center; padding:2px 4px 2px 12px; }
.tit_link{float:right; display:inline-block; padding:20px 0 0 0;}

.sub_Content{margin-top:20px;}

@media (max-width:1024px){
#lnb{display:none;}
.content{width:100%; border-top:2px solid #343434;display:block; padding: 0px 15px;}
.content .sub_tit{padding:16px 0px 20px 0px;}
}

@media all and (min-width:1024px) { /* pc ver */
    #lnb #sideNav {float:left; border-top:none; border-bottom:none; height:100%; padding-bottom:0;}
    #lnb #sideNav .btnClose {display:none;}
    
	.tit_link ul li {float:left; margin-left:4px;}
	.tit_link ul dl dd a{display:block; border-radius:4px; width:30px; height:30px; line-height:27px; text-align:center;}
	.tit_link ul li dl dt a{width:34px; height:34px; display:block; background:url('../images/sub/top_link_pc.png')no-repeat;} 
	.tit_link ul li:nth-child(2) a{ width:34px; height:34px; display:block; background:url('../images/sub/print_pc.png')no-repeat;}
	.tit_link ul a img{display:none;}
	.tit_link ul span {color:#fff;}
	.tit_link ul dl {position:relative; height:34px; overflow:hidden;}
	.tit_link ul dl.show {/* height:90px;  */overflow:visible;}
	.tit_link ul dd {position:absolute; top:40px;}
	.tit_link ul dd.sns1 {left:-67px;}
	.tit_link ul dd.sns2 {left:-33px;}
	.tit_link ul dd.sns3 {left: 1px;}
	.tit_link ul dd.sns4 {display:none;}
	.tit_link ul dd.sns5 {left: 35px;}
	.tit_link ul dd.sns6 {display:none;}
	.tit_link ul dd a {background-color:transparent; background-image:url(../images/ico/ico-content-social_pc.png); background-repeat:no-repeat;} 
	.tit_link ul dd.sns2 a {background-position:-30px 0;}
	.tit_link ul dd.sns3 a {background-position:-60px 0;} 
	.tit_link ul dd.sns4 a {display:none;}
	.tit_link ul dd.sns5 a {background-position:-90px 0;} 
	.tit_link ul dd.sns6 a {display:none;} 

    
}
@media all and (min-width:1200px) { /* pc ver2 */

}
@media all and (min-width:768px) and (max-width:1023px) { /* tablet ver */
    #lnb #sideNav {display:none; position:fixed; z-index:99; top:141px; bottom:0; left:13px; -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1); box-shadow:0 2px 4px rgba(0,0,0,0.1);}
    #lnb #sideNav .btnClose {position:absolute; top:-40px; left:-1px; width:30px; height:40px; border:1px solid #ddd; border-bottom:none; background:#f5f5f5; border-radius:2px 2px 0 0; font-size:0; line-height:0;}
    #lnb #sideNav .btnClose:before {content:''; position:absolute; top:7px; left:50%; margin-left:-6px; width:12px; height:12px; background:url('../imgages/common/sp_ico_layout.png') no-repeat 0 -185px;}
    #lnb #sideNav.opened {display:block;}
    #lnb #sideNav.opened .sideNavMenu {height:100%; overflow:auto; overflow-x:hidden;}
    #lnb #sideNav.opened + .sideNavBackDv {display:block; position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(255,255,255,0.5); z-index:98;}
    
    .tit_link ul li {float:left; margin-left:4px;}
	.tit_link ul a {display:block; border-radius:4px; width:30px; height:30px; line-height:27px; text-align:center; background:#666;}
	.tit_link ul span {color:#fff;}
	.tit_link ul dl {position:relative; height:30px; overflow:hidden;}
	.tit_link ul dl.show {/* height:90px; */ overflow:visible;}
	.tit_link ul dd {position:absolute; top:34px;}
	.tit_link ul dd.sns1 {left:-136px;}
	.tit_link ul dd.sns2 {left:-102px;}
	.tit_link ul dd.sns3 {left:-68px;}
	.tit_link ul dd.sns4 {left:-34px;}
	.tit_link ul dd.sns5 {left:0px;}
	.tit_link ul dd.sns6 {left:34px;}
	.tit_link ul dd a {background-color:transparent; background-image:url(../images/ico/ico-content-social.png); background-repeat:no-repeat;} 
	.tit_link ul dd.sns2 a {background-position:-30px 0;}
	.tit_link ul dd.sns3 a {background-position:-60px 0;} 
	.tit_link ul dd.sns4 a {background-position:-90px 0;} 
	.tit_link ul dd.sns5 a {background-position:-120px 0;} 
	.tit_link ul dd.sns6 a {background-position:-150px 0;} 
}
@media all and (max-width:767px) { /* mobile ver */
    #lnb #sideNav {display:none;}
    
    .tit_link ul li {float:left; margin-left:4px;}
	.tit_link ul a {display:block; border-radius:4px; width:30px; height:30px; line-height:27px; text-align:center; background:#666;}
	.tit_link ul span {color:#fff;}
	.tit_link ul dl {position:relative; height:30px; overflow:hidden;}
	.tit_link ul dl.show {height:40px; overflow:visible;}
	.tit_link ul dd {position:absolute; top:34px;}
	.tit_link ul dd.sns1 {left:-136px;}
	.tit_link ul dd.sns2 {left:-102px;}
	.tit_link ul dd.sns3 {left:-68px;}
	.tit_link ul dd.sns4 {left:-34px;}
	.tit_link ul dd.sns5 {left:0px;}
	.tit_link ul dd.sns6 {left:34px;}
	.tit_link ul dd a {background-color:transparent; background-image:url(../images/ico/ico-content-social.png); background-repeat:no-repeat;} 
	.tit_link ul dd.sns2 a {background-position:-30px 0;}
	.tit_link ul dd.sns3 a {background-position:-60px 0;} 
	.tit_link ul dd.sns4 a {background-position:-90px 0;} 
	.tit_link ul dd.sns5 a {background-position:-120px 0;} 
	.tit_link ul dd.sns6 a {background-position:-150px 0;} 
}

@media (max-width:640px){
    .sub_tit {overflow:hidden;}
	.sub_tit h1{padding:16px 0 0 0;}
	.scrum{}
	.scrum span.arrow{padding:2px 2px 2px 10px; }
}

@media (max-width:400px){
	.content .sub_tit{padding:8px 0}
	.sub_tit h1{width:100%; font-size:1.6em;}
	.scrum{padding:12px 0px 6px 0px;}
	.tit_link{padding:0;}
}

.w100{display:block; width:100%;}
.table_water{width:100%;}

ul.measure{width:100%;}
ul.measure li{padding:8px 10px; border:1px solid #ccc; border-radius:4px; margin:4px; display:inline-block;}
ul.measure li.on {border-color:#0f74bd; background-color:#0f83d7;}
ul.measure li.on a {color:#fff;}
.measure_btn{background:#ee5361; color:#fff; padding:3px 8px;}
.measure_btn:hover{color:#fff;}

.table_st01 tr th, .table_st02 tr th{background:#f5f4f4}
.table_st01 tr td{text-align:left; color:#555; font-weight:normal; vertical-align:top}

.table_st02 tr td{text-align:center; color:#555; font-weight:normal;}

.openDiv a{display:table; color: #fff;  padding: 10px 15px; background-color: #ee5361; line-height: 1.42857143; text-decoration:none;}
.hiddenDiv{/*display:none;*/}

.down_btn{display:inline-block; padding:4px 8px; border:1px solid #0f83d5; border-radius:4px; margin:2px 0;}

/*뉴스레터*/
.letterHeader img {width:100%;}
.letterContent {overflow: hidden;margin: 0 0 30px;}
.letterContent .letterItem {float:left;width:33.3%;padding: 40px 20px 20px;border-bottom: 1px solid #dedede;}
.letterContent .letterItem dl {margin:0 0 20px; padding:0;}
.letterContent .letterItem dl dt {font-size: 1.1em;line-height: 32px;margin-bottom: 10px;color:#fff;}
.letterContent .letterItem dl dt span {background: #007dc6;padding:5px 10px;}
.letterContent .letterItem dl dd {text-align:center; font-size:1.2em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.letterContent .letterItem dl dd > .Item_img {width:100%;/* max-width:268px; */height:192px;overflow:hidden;/* background:#dedede; */margin-bottom:10px;}
.letterContent .letterItem dl dd > .Item_img a {display:block;}

.btn_ul_list {overflow:hidden; margin:0px;}
.btn_ul_list li a:hover, .btn_ul_list li a:active, .btn_ul_list li a:focus {font-weight:500; text-decoration:underline; border-color:#0b717b; transition: border-color 0.2s linear;}
.btn_ul_list li {float:left; display:inline-block; margin-bottom:10px; padding-left:10px;}
.btn_ul_list li a {display:block; position:relative; padding:3px 8px 3px 50px; border:1px solid #ddd;}
.btn_ul_list li a span {display:table-cell;height:98px;line-height:1.2;vertical-align:middle;word-break:break-all;padding-left: 56px;}

.btn_ul_list.col_2 li {width:50%}
.btn_ul_list.col_2 li a span {height:98px;font-size: 18px;/* font-weight: bold; */}

.btn_icon {display:block;position:absolute;left: 20px;top:50%;margin-top:-34px;width:72px;height:72px;}
.btn_icon.bcon01 {background-image:url(../images/sub/letter_icon01.png);} /*활동소식*/
.btn_icon.bcon02 {background-image:url(../images/sub/letter_icon02.png);} /*지난호*/


@media (max-width:1024px){
	.letterContent .letterItem {width:50%;}
}

@media (max-width:640px){
	.letterContent .letterItem {width:100%;}
	.btn_ul_list.col_2 li {width:100%}
}

.fixed-table-body {
  overflow-x: auto;
}

/* hidden 처리 */
.blind{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}