@charset "UTF-8"; 
#wrap { padding-top:0rem; } 
@media (max-width:1024px){
#wrap { padding-top:0rem; }
} 
 
/* 서브 헤더 */
.header .header-logo a img { transform: translateY(-50%); }
.header .header-container.bottom { background: #fff; }
.header .header-container .layout .header-menu>ul>li>a>span { color:#222; }
.header.on .header-container .layout .header-menu>ul>li>a>span,
body.scroll .header .header-container .layout .header-menu>ul>li>a>span
{ color:#222; }
.header.on .header-container.bottom { background: #fff; }
.header .header-container .layout .header-util .header-pullmenu button i { color:#222; }
.header-popup { display: none; }
.header .header-container .layout .header-util .header-sitemap button i {color: #222 !important;}



.login_box{float: right;position: absolute; width:10%; right:6%}
.login_box a{display: inline-block; font-size: 1.2rem;}
.login_box a span:hover{color:#000}
.login_box a span{line-height: 100px;padding: 0 13px 0 9px; color:#222; font-size: 1.2rem;}

.login_box ul{width:100%; text-align: right}
.login_box li{display: inline-block;}
.login_box ul li a{display:inline-block;width: 100%;height: 100%;font-size: 0.88rem;text-align: center;padding: 3px 0;}
.login_box .btn_top_search:hover {background: url(../img/btn_top_search_b.png) no-repeat;}
.login_box .btn_top_search {width: 25px;height: 26px;background: url(../img/btn_top_search1.png) no-repeat;padding-right: 10px;position: absolute;top: 37%;left: 100%;}
.hidden {margin: 0;padding: 0;width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden;visibility: hidden;display: block;}

/* 헤더 스크롤 온*/
.header.on .header-container .layout .header-menu>ul>li>a>span, body.scroll .header .header-container .layout .header-menu>ul>li>a>span { color:#222; } 
.header.on .header-container .layout .login_box>ul>li>a>span { color:#222; } 

.header .header-container .layout .login_box .on { visibility: visible; opacity: 1; } 
.header.on .header-container.bottom { background: #fff; } 
body.scroll .header .header-container.bottom { background: #fff; transition: all .5s; } 
.header.on .header-container .layout .header-util .header-pullmenu button i { color:#222; } 
body.scroll .header .header-container .layout .header-util .header-pullmenu button i { color:#222; } 
.header.on .header-logo a img { transform: translateY(-50%); } 
body.scroll .header .header-logo a img { transform: translateY(-50%); } 
.header.all .header-logo a img {transform: translateY(-3rem);}



/*비주얼*/
.visual_part1{width:100%; height:300px; background: url(/res/site/img/sub_vbg1.jpg) no-repeat;position: relative;padding-top: 9rem;}
.visual_part2{width:100%; height:300px; background: url(/res/site/img/sub_vbg2.jpg) no-repeat;position: relative;padding-top: 9rem;}
.visual_part3{width:100%; height:300px; background: url(/res/site/img/sub_vbg3.jpg) no-repeat;position: relative;padding-top: 9rem;}
.visual_part4{width:100%; height:300px; background: url(/res/site/img/sub_vbg4.jpg) no-repeat;position: relative;padding-top: 9rem;}
.visual_part5{width:100%; height:300px; background: url(/res/site/img/sub_vbg5.jpg) no-repeat;position: relative;padding-top: 9rem;}
.visual_part6{width:100%; height:300px; background: url(/res/site/img/sub_vbg6.jpg) no-repeat;position: relative;padding-top: 9rem;}


.visual_title{font-family:"Godo"; color:#fff; font-size:4rem; text-align: center; font-weight: 600; line-height: 220px;}
.visual_part figure{width:100%; height:300px;position: relative;padding-top: 9rem;}

/*sub*/
.sub_wrap {width: 160rem; max-width: calc(100% - 4rem); margin-left: auto !important; margin-right: auto !important; position: relative; padding-bottom: 10rem;padding-top: 4rem;}

#snb {float: left; width: 240px; margin-bottom:20px;}
#snb .title {font-size: 2.2rem; font-weight: 800; color: #fff; height: 20rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding-top: 5rem; word-break: keep-all; text-align: center; }
#snb .title > .img {position: absolute;top: auto;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 100%;height: 100%;z-index: -2;display: block;overflow: hidden;border-radius: 1.4rem;top: 0;}
#snb .title > .img img {position: absolute;top: 30%;left: 50%;max-width: inherit;height: 90%;-o-object-fit: cover;object-fit: cover;-webkit-transform: translate(-50%, -50%) scale(1.1);transform: translate(-50%, -50%) scale(1.1);-webkit-animation: visual_scale 4s;animation: visual_scale 4s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}

#snb .list {overflow: hidden;border-radius: 1.2rem;margin-top: -7.9rem;-webkit-box-shadow: 0px 0px 20px 0px rgba(158, 158, 158, 0.3);box-shadow: 0px 0px 20px 0px rgba(158, 158, 158, 0.3);background-color: #fff;padding-top: 2rem;padding-bottom: 2rem;}
#snb .list > ul > li > a {display: block;position: relative;padding: 1.3rem 2rem;color: #555;font-size: 1.6rem;font-weight: 500;letter-spacing: -0.01rem;}
#snb .list > ul > li > a::before {content: "";width: calc(100% - 4.4rem);left: 50%;bottom: 0;height: 1px;position: absolute;background-color: #ddd;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
#snb .list > ul > li > a:hover, #snb .list > ul > li > a:focus {color: #2434B0;}
#snb .list > ul > li.type1 > a::after {position: absolute;top: auto;left: auto;right: auto;font-family: "remixicon";font-size: 1.4rem;right: 2.2rem;-webkit-transition: all 0.3s;transition: all 0.3s;content: "\ea4e";font-size: 1.8rem;font-weight: 500;color: #999;}
#snb .list > ul > li.type1 > a:hover::after, #snb .list > ul > li.type1 > a:focus::after {color: #2434B0;}
#snb .list > ul > li.active.type1 > a::after {-webkit-transform: rotate(180deg);transform: rotate(180deg);color: #2434B0;}
#snb .list > ul > li.active > a {color: #2434B0;font-weight: 800;}
#snb .list > ul > li.active > ul {visibility: visible;overflow: visible;width: auto;height: auto;opacity: 1;padding: 2rem 0.5rem;margin: 0 2.5rem;-webkit-transition: all 0.3s;transition: all 0.3s;border-bottom: 1px solid #ddd;}
#snb .list > ul > li.active > ul > li + li {margin-top: 5px;}
#snb .list > ul > li.active > a:before {height: 3px;background-color: #2434B0 !important;border-radius: 30px;}
#snb .list > ul > li > ul {visibility: hidden;overflow: hidden;width: 0;height: 0;opacity: 0;display: block !important;}
#snb .list > ul > li > ul .active a {font-weight: 700;color: #111;}
#snb .list > ul > li > ul a {position: relative;padding-left: 1.5rem;text-align: left;display: block;color: #555;}
#snb .list > ul > li > ul a::before {position: absolute;left: 0;top: auto;content: "";}
#snb .list > ul > li > ul a::before {top: 1rem;width: 0.5rem;height: 0.5rem;background-color: #A5A5A5;border-radius: 50%;}
#snb .list > ul > li > ul > .befor a::before {content: ""; display: none;}
#snb .list > ul > li > ul a.linkWindow::after {content: "\ecaf";font-family: "remixicon";font-size: 1.5rem;padding-left: 0.3rem;vertical-align: top;}
#snb .list > ul > li > ul a:hover, #snb .list > ul > li > ul a:focus {color: #111;font-weight: 600;}
#snb .list > ul > li:last-child > a:before {background-color: inherit;}
#snb .list > ul > li:last-child > ul {border-bottom: 0;}
.on_t{color:#020202}



#leftmenu{float: left; width: 240px; margin-bottom:20px;}
#leftmenu>ul{margin-top:20px}
#leftmenu>ul>li {position: relative; padding:0px 20px}
#leftmenu>ul>li>a {padding: 0px 1px;display: block;padding: 14px 4px;font-size: 16px;font-weight: 600; border-bottom:1px solid #ccc}
#leftmenu .tit {padding:19.5% 0px; text-align:center; font-size:32px; font-weight:700; border-bottom:2px solid #003b99;}
#leftmenu>ul>li span.ic_lm {display:block; position:absolute; right:20px; top:20px; width:5px; height:5px; text-indent:-50000px; overflow:hidden; border-bottom:2px solid #003b99; border-right:2px solid #003b99; transform:rotate(45deg);}
#leftmenu>ul>li span.ic_lmClose {top:21px; width:10px; height:2px; border-right:0; background:#fff; transform:none;}
#leftmenu>ul>li a {display:block;}
#leftmenu>ul>li.select {border-top:0px;}
#leftmenu>ul>li.select>a {padding:12px 4px; font-weight:600; color: #2434B0;font-weight: 800;}
#leftmenu>ul>li.select>a::before {content: ""; width: calc(100% - 4.4rem);left: 50%; bottom: 0; height: 3px; position: absolute; background-color: #0d3bd6;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

#leftmenu>ul>li>ul {display:none; margin:0px 1px; padding:8%; background:#f6f6f6;}
#leftmenu>ul>li>ul>li{padding-bottom:5px}
#leftmenu>ul>li.select>ul {display:block;}
#leftmenu>ul>li>ul>li>a { position:relative; padding:4px 2px 2px 8px; font-size:13px}
#leftmenu span.downlink {display:inline-block; padding-right:20px; background:url(/open_content/main/images/sub/ic_downBk.png) no-repeat right 3px ;}
#leftmenu span.gourl {display:inline-block; padding-right:20px; background:url(/open_content/main/images/sub/ic_linkBk.png) no-repeat right 5px ;}
#leftmenu a:hover span.gourl {text-decoration:underline;}
#leftmenu>ul>li>ul>li>:after {display:block; content:''; position:absolute; top:12px; left:0px; width:4px; height:0px; background:#353535;}
#leftmenu>ul>li>ul>li.select>:after {background:#0048bc;}
#leftmenu>ul>li>ul>li.select>a {display:block; font-weight:600; color:#0048bc; text-decoration:none; transform:skew(-0.03deg);}

/* 서브메뉴 목록 */
#leftmenu .sub{color:#555; padding-bottom: 0px;}
#leftmenu .sub_mn_list.on {display: block !important; padding-bottom: 20px;}
#leftmenu .sub_mn_list {display: none !important;}
#leftmenu .sub_mn_list li{padding:2px 2px 2px 8px;}

#leftmenu .sub_mn_list a{padding:2px 2px 2px 2p;}
#leftmenu .sub_mn_list a.select{padding:2px 2px 2px 2p; color:#0048bc; font-weight: bold;}
#leftmenu .sub_mn_tit{display:block; padding:4px 0px 4px 0px; cursor: pointer; color:#555}
#leftmenu .sub_mn_tit.select{color:#0048bc; font-weight: bold;}

#leftmenu .list {overflow: hidden;border-radius: 1.2rem;margin-top: -7.9rem;-webkit-box-shadow: 0px 0px 20px 0px rgba(158, 158, 158, 0.3);box-shadow: 0px 0px 20px 0px rgba(158, 158, 158, 0.3);background-color: #fff;padding-top: 2rem;padding-bottom: 2rem;}
#leftmenu .left_tit {font-size: 2.2rem; font-weight: 800; color: #fff; height: 20rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding-top: 5rem; word-break: keep-all; text-align: center; }
#leftmenu .left_tit > .img {position: absolute;top: auto;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 100%;height: 100%;z-index: -2;display: block;overflow: hidden;border-radius: 1.4rem;top: 0;}
#leftmenu .left_tit > .img img {position: absolute;top: 30%;left: 50%;max-width: inherit;height: 90%;-o-object-fit: cover;object-fit: cover;-webkit-transform: translate(-50%, -50%) scale(1.1);transform: translate(-50%, -50%) scale(1.1);-webkit-animation: visual_scale 4s;animation: visual_scale 4s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}

.mb-top{display:none}


@media (max-width:640px){
.sub_wrap {max-width: calc(100% - 2rem);padding-top: 2rem;}
.mb-top{display:block}
}

/*content*/

.contents {float: right;width: calc(100% - 31rem);display: block;margin-bottom:50px; }
.contents_top_area {width: 100%;  position: relative; background: url(/res/site/img/bg-titlebar.png) repeat-x bottom;}
.sub-tit-area {width: 56%;display: inline-block;}
.sub-title {font-size: 28px;color: #111;font-weight: 600;line-height: 1.3;margin-bottom: 1rem; font-family:"Godo";}
.contents_util {width: 43%;display: inline-block;}
.sub_location_path {text-align: right;padding-right: 0px;}

.sub_location_path .active{color:#1b4e06; font-weight: 600}

.contents_util .sub_location_path > li {display: inline;font-size: 13px;color: #767676;font-weight: 400;vertical-align: text-top;position: relative;}
.contents_util .sub_location_path > li.icon > a:before {content: "\ee1b";color: #555;font-size: 16px;font-family: "remixicon";display: inline-block;line-height: 0.8rem;}
.contents_util .sub_location_path > li + li::before {margin-right: 0.2rem; display: inline-block; position: relative; top: 7px; font-family: "remixicon"; vertical-align: top;content: "\ea6e";color: #999;}


.contents_util .util {float: right;height: 0;margin-top: -3.2rem;text-align: right; display:none}
.contents_util .share {display: inline-block;position: relative;z-index: 3;margin-right: 0rem;}
.contents_util .share .title {display: inline;}
.contents_util .util .btn:hover, .contents_util .util .btn:focus {border-color: #000;background-color: #000;color: #fff;}
.contents_util .util .btn {min-width: 0;border-radius: 20%;font-weight: 400;color: #999;vertical-align: middle;-webkit-transition: all 0.3s;transition: all 0.3s;line-height: 2.8rem;display: inline-block;overflow: hidden;text-align: center;width: 2.8rem;height: 2.8rem;border: 1px solid #999;margin-right: 0px;}
.contents_util .util .btn::before {font-family: "remixicon";content: "\f0fe";display: block;width: 100%;height: 100%;line-height: inherit;font-size: 1.6rem;}


.contents_util .share .item {visibility: hidden;overflow: hidden;width: 0;height: 0;opacity: 0;position: absolute;top: auto;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 89%;border-radius: 5rem;background-color: #efefef;text-align: center;}
.contents_util .share .item::before {left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);position: absolute;top: -0.5rem;width: 1rem;height: 1rem;background-color: #efefef;content: "";-webkit-transform: translateX(-50%) scaleX(0.5) rotate(45deg);transform: translateX(-50%) scaleX(0.5) rotate(45deg);}
.contents_util .share .close {position: absolute;top: auto;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);display: inline-block;overflow: hidden;width: 3rem;height: 3rem;text-align: center;line-height: 3rem;vertical-align: middle;-webkit-transition: all 0.3s;transition: all 0.3s;margin-top: -1.5rem;border-radius: 100%;background-color: rgba(0, 0, 0, 0.5);color: #fff;}
.contents_util .share .close::before {font-family: "remixicon";content: "\eb99";display: block;width: 100%;height: 100%;line-height: inherit;}
.contents_util .share .list {padding: 1.5rem 0;}
.contents_util .share .list a {display: inline-block;overflow: hidden;width: 2rem;height: 2rem;text-align: center;line-height: 2rem;vertical-align: middle;margin-bottom: 1rem;}
.contents_util .share .list a::before {-webkit-transition: all 0.3s;transition: all 0.3s;display: block;font-family: "remixicon";width: 100%;height: 100%;line-height: inherit;color: #555;font-weight: 500;font-size: 1.9rem;}
.contents_util .share .list a:hover::before, .contents_util .share .list a:focus::before {-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.contents_util .share .list .facebook a::before {content: "\ecbd  \ecbd";}
.contents_util .share .list .instagram a::before {content: "\ee65  \ee65";}
.contents_util .share .list .chat-2-fill a::before {content: "\eb4e  \eb4e";}
.contents_util .share .list .linkedin a::before {content: "\eeb5  \eeb5";}
.contents_util .share .list .twitter a::before {content: "\f23a  \f23a";}
.contents_util .share .list .band a::before {content: "B B";}
.contents_util .share .list .kakaostory a::before {content: "\f13c  \f13c";}
.contents_util .share .list .kakaotalk a::before {content: "\ee6c  \ee6c";}
.contents_util .share .list .link_share a::before {content: "\eeb2  \eeb2";}
.contents_util .share.active .label {border-color: #000;background-color: #000;color: #fff;}
.contents_util .share.active .item {visibility: visible;overflow: visible;width: 4rem;height: auto;opacity: 1;margin-top: 1.0rem;-webkit-transition: all 0.3s;transition: all 0.3s;}

.sub_content{width:100%; position: relative; padding:20px 0px}  
.sub_content1{width:100%; position: relative; padding:20px 20px}


.use-content {padding: 0; margin-top: 0; border: none; max-height: none;}
.use-content h6 {font-size: 18px; font-weight: 700; margin-bottom: 12px; position: relative; color: #0a7ed7; padding:20px 0; line-height: 26px; width:99.8%;letter-spacing: -0.7px;}
.use-content span {font-size: 16px; font-weight: 700; padding: 30px 10px 10px 0; position: relative; margin-left: 10px; display: block;}
.use-stit{font-size: 12px !important; font-weight: 500 !important; display: block; padding:0 0 10px 0 !important;}
.use-content li {font-size: 14px; position: relative; padding: 3px 0px 8px 26px; line-height: 22px; word-break: keep-all; text-align: left;}
.use-content ul.circle {font-size: 14px; position: relative; padding: 3px 0px 8px 13px; line-height: 22px; word-break: keep-all;width:100%;}
.use-content ul.circle li {text-indent: -15px;margin-left: 2px;}
.use-content ul.type1 {font-size: 14px;position: relative; padding: 3px 0px 8px 13px; line-height: 22px;word-break: keep-all;}
.use-content ul.type1 li {text-indent: -21px;margin-left: 14px;}
.use-content ul.type2 {font-size: 14px;position: relative;padding: 3px 0px 8px 13px;line-height: 22px;word-break: keep-all;margin-top: -14px;}
.use-content ul.type2 li {text-indent: -15px;margin-left: 2px;}

/* 이용약관 번호스타일1 */
.use-content ul.circle li:before {float:left; width:15px;}
.use-content ul.circle li.num1:before {content:'①';}
.use-content ul.circle li.num2:before {content:'②';}
.use-content ul.circle li.num3:before {content:'③';}
.use-content ul.circle li.num4:before {content:'④';}
.use-content ul.circle li.num5:before {content:'⑤';}
.use-content ul.circle li.num6:before {content:'⑥';}
.use-content ul.circle li.num7:before {content:'⑦';}
.use-content ul.circle li.num8:before {content:'⑧';}
.use-content ul.circle li.num9:before {content:'⑨';}

/* 이용약관 번호스타일2 */
.use-content ul.type1 li:before {float:left; width:20px; }
.use-content ul.type1 li.num1:before {content:'(1)';}
.use-content ul.type1 li.num2:before {content:'(2)';}
.use-content ul.type1 li.num3:before {content:'(3)';}
.use-content ul.type1 li.num4:before {content:'(4)';}
.use-content ul.type1 li.num5:before {content:'(5)';}
.use-content ul.type1 li.num6:before {content:'(6)';}
.use-content ul.type1 li.num7:before {content:'(7)';}
.use-content ul.type1 li.num8:before {content:'(8)';}
.use-content ul.type1 li.num9:before {content:'(9)';}

.use-content ul.type2 li:before {float:left; width:27px; }
.use-content ul.type2 li.num10:before {content:'(10)';}
.use-content ul.type2 li.num11:before {content:'(11)';}
.use-content ul.type2 li.num12:before {content:'(12)';}
.use-content ul.type2 li.num13:before {content:'(13)';}
.use-content ul.type2 li.num14:before {content:'(14)';}
.use-content ul.type2 li.num15:before {content:'(15)';}
.use-content ul.type2 li.num16:before {content:'(16)';}
.use-content ul.type2 li.num17:before {content:'(17)';}
.use-content ul.type2 li.num18:before {content:'(18)';}


@media (max-width:1024px){
#snb {display: none;}
.contents {float: left;width: calc(100% - 1rem);}
.sub-tit-area {width: 29%;}
.contents_util {width: 70%;}
.contents_util .sub_location_path > li + li::before {top: 10px;}
#leftmenu {display: none;}
.sub-title {font-size: 19px;}

}

@media (max-width:1024px) and (min-width:800px){
.visual_title {line-height: 180px;}


    
}
    
@media (max-width:768px){
.visual_part1 {height: 240px;}
.visual_part2 {height: 240px;}
.visual_part3 {height: 240px;}
.visual_part4 {height: 240px;}
.visual_part5 {height: 240px;}
.visual_part6 {height: 240px;}
.visual_title {line-height: 120px;font-size: 3.0rem;}    
.visual_part figure{height: 200px;padding-top: 6rem;}
}

@media (max-width:640px){
.contents {float: left;width: calc(100% - 0.4rem);}
.visual_part1 {height: 150px; padding-top: 4rem;}
.visual_part2 {height: 150px; padding-top: 4rem;}
.visual_part3 {height: 150px; padding-top: 4rem;}
.visual_part4 {height: 150px; padding-top: 4rem;}
.visual_part5 {height: 150px; padding-top: 4rem;}
.visual_part6 {height: 150px; padding-top: 4rem;}
.visual_title {font-size: 2.0rem;}
.sub-tit-area {width: 100%;}
.contents_util {width: 100%;}
.sub-title{font-size:1.3rem}
.sub_location_path {text-align: left; padding-right: 20px; }
.contents_util .util {margin-top: -3.8rem;}
.contents_util .util .btn::before {font-size:1.2rem}
.contents_util .util .btn {line-height: 2.2rem;width: 2.2rem;height: 2.2rem;}
.contents_util .sub_location_path > li + li::before {top: 12px;}
.terms_wrap {width: calc(100% - 0px);}
.sub_content1{width:100%; position: relative; padding:20px 0px}

}

/***********************************************************
 전략센터
************************************************************/
.card-set{width: 100%; min-height: 400px; margin: 30px 0px;}
.card-set .card{margin:10px 0px; border-top:0px solid #ddd; border-bottom:1px solid #ddd;}
.card-hd{padding:20px 0px 10px 0px;}
/**.card-set .card:hover{cursor: pointer;box-shadow: rgb(0 0 0 / 13%) 0px 8px 20px;}**/
.card-hd .title{font-size: 18px; font-weight:500;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;     color: #0C2340;}
.card:hover .title{}
.card:hover .title:hover{color:#12207f}

.card-bd{padding:10px 20px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 57px;}
.card-bd p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; width: 100%;line-height: 20px;overflow: hidden;text-overflow: ellipsis;}
.card-ft{padding:0px 20px 20px 10px; font-size:13px; color: #bab6b6; font-weight: 400;}
.date{font-size:14px}

.file-group-txt{position:relative; display: inline-block; left: 10px;}

.view-type-I>.top>.row ul{width:100%; border-bottom:1px solid #dedede; padding-bottom: 10px }
.view-type-I>.top>.row li{width:49%; display:inline-block;}

.word_t{text-align: left; font-size: 16px; color: #bab6b6; font-weight: 500;}
.url_t{text-align: left}
.btn_url{background-color: #2090ff; border-color: #2090ff;color: #fff;border-radius: 6px; min-width: 120px;height: 36px;padding: 10px 12px 11px;line-height: 1;font-size: 14px;font-weight: 400;text-align: center;text-decoration: none;box-sizing: border-box;cursor: pointer;}
.btn_url:hover{color:#fff; background: #212c70}

.center_title {font-size: 2rem;text-align: center;font-weight: 600;}
.center_title::after {content: '';display: block;width: 2.4rem;height: 2px;margin: 1.5rem auto;background: #000;}
.future {}
.future h4 {text-align:center; margin:50px 0; padding:0 5%;  border-left:8px solid #1a5bb1;  border-right:8px solid #1a5bb1;  position:relative;}
.future h4 span.sub {display:block; color:#000; font-size:24px; line-height:24px; margin:0 0 10px 0; font-weight: 600}
.future h4 strong.title {display:block; font-size:24px; line-height:40px; color:#000; font-weight:700;}
.future h4 strong.title span {font-size:24px; line-height:40px; font-weight:700;}
.future h4 span.sub:before,
.future h4 span.sub:after,
.future h4 strong.title:before,
.future h4 strong.title:after {content:""; display:block; width:12px; height:7px; background:#1a5bb1; position:absolute;}
.future h4 span:before {left:0; top:0;}
.future h4 span:after {right:0; top:0;}
.future h4 strong:before {left:0; bottom:0;}
.future h4 strong:after {right:0; bottom:0;}

.future .summery_box {
    padding: 45px 3.5%;
    margin: 0;
}
.summery_box {
    background: #f0f3f8;
    padding: 30px 10.5%;
    margin: 0 0 35px 0;
    position: relative;
}
.summery_box .title{text-align: left; font-size:18px; font-weight: 600}
.s_title{font-size: 15px; padding: 4px 0px;}

.t_title{margin:10px 0 10px 26px; font-size:15px} 

.infor_tit{display: block;margin: 2rem 0 1.5rem;font-size: 22px;font-weight: bold;color: #284780;text-align: center;word-break: keep-all;}
   
.infor_stit{font-size:16px; color:#5d5d5d; font-weight: 400}
.infor-center{text-align: center; display: block; padding-bottom:10px; font-weight: 600}

.cn_txt{font-weight: 300 !important;color: #555;}
.cn_txt_b{font-weight:600 }

.mb-t20{padding-top:20px}
.mb-b20{padding-bottom:20px}



@media (max-width:640px){
.center_title{font-size:1.4rem}
.future h4 span.sub{font-size: 1.2rem;}
.future h4 strong.title{font-size: 1.2rem; line-height: 20px;}
.future h4 strong.title span{font-size: 1.2rem;line-height: 20px;}

.summery_box .title{font-size:1rem}
.t_title{font-size:1.0rem}
.infor_tit{font-size: 1.1rem;}
.s_title{font-size:12px}
}



/***********************************************************
 정보제공
************************************************************/
/*최신동향*/
.board-card-list {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 2rem 3.2rem; margin-top: 20px;}
.board-card-list .box-board-card {position: relative; width: calc(33.33% - 2.2rem); height: 20.2rem; border: 4px solid #f5f5f5; background-color: #fcf8f8;}
.board-card-list .box-board-card> a {height: auto; width: 100%;}
.board-card-list .box-board-card> a >.card-text-info {width: 100%; padding:2rem}
.board-card-list .box-board-card> a >.card-text-info .tit {overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 500; font-size: 1.8rem; line-height: 1.4; color: #1c1c1c;letter-spacing: 0; height: 56px;word-break: keep-all;}
.board-card-list .box-board-card .box-util {padding: 0 0rem 0rem;}
.board-card-list .box-board-card:hover {background-color: #fff;border-color: #ffe141;}
.board-card-list .box-board-card> a >.card-text-info .txt {overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 20px 0px;font-weight: 400; font-size: 1.2rem; line-height: 1.6; color: #555; letter-spacing: 0;}

.aling-right{float: right;}
.f-12{font-size:1.2rem}
.url_t > li:first-child {margin-right: 10px;}
.url_t > li {display: inline-block;}

.btn_url {background-color: #2090ff; border-color: #2090ff; color: #fff; border-radius: 6px; min-width: 120px; height: 36px; padding: 10px 12px 11px; line-height: 1; font-size: 14px;font-weight: 400; text-align: center; text-decoration: none; box-sizing: border-box; cursor: pointer;}
.number_area{width:100%; padding:20px 0 0; font-size:14px; color:#333; font-weight: 600}
.align-right{text-align: right; float: right;}

.board_area1 {width: 100%; min-height: 400px; margin: 10px 0px;}
.board_area1-1 {width: 100%; min-height: 400px; margin: 10px 0px; margin-top:20px}

/*이슈브리프*/

/* .issue_area{width:100%; margin:30px 0}
.frame-set{width:100%; margin:30px 0}
.frame-set .frame {vertical-align: top;  display: inline-block; width: calc(100% - 51%); margin-bottom:30px}
.frame-set .frame-aside-L {width: 46%; display: inline-block; padding: 2px;}
.frame-set .frame-aside-L .pdf-cover {width: 100%; height: auto;  border: 1px solid #ddd; padding: 2px;}
.frame-set .frame-aside-R {width: 52%; vertical-align: top; display: inline-block; }
.frame-set .frame-aside-R .aside-top {font-size: 16px; font-weight: 400;}
.aside-top .no {position: relative; display: inline-block; padding: 10px 20px; color: #0059b3;}
.aside-top .view {position: relative; display: inline-block;color: gray;}
.view {padding-left: 20px;}
.aside-midle {padding: 10px; height: 250px; text-align: center;  font-size: 1.5em; font-weight: 600;}
.aside-midle .title {position: relative; display: block; font-size: 19px;  text-align: left; padding-left: 10px; color:#111}
.aside-bt {width: 100%;}
.cur {cursor: pointer;}
.aside-center {float: right;margin: 0px 25px 10px 0px;} */


.frame-set{width:100%; min-height:400px; margin:30px 0px;}
/**.frame-set .frame{vertical-align:top; display:inline-block; width: 47.5%;}**/
.frame-set .frame{vertical-align:top; display:inline-block; width:calc(100% - 687px); padding-bottom:50px}
.frame-set .frame:nth-child(odd){margin-right: 20px;}
.frame-set .frame-aside-L{width: 46%; display:inline-block; padding:2px}
.frame-set .frame-aside-L .pdf-cover{width: 100%; height: auto; border:1px solid #ddd; padding:2px}

.frame-set .frame-aside-R{width: 52%;  vertical-align:top; display:inline-block;}
.frame-set .frame-aside-R .aside-top{font-size: 16px; font-weight: 400;}
.aside-top .no{position: relative; display:inline-block; padding: 10px 20px; color: #0059b3;}
.aside-top .view{position: relative; display: inline-block; color: gray;}

.aside-midle{padding:10px; height:250px;  text-align: center; font-size: 1.5em; font-weight:600; }
.aside-midle .title{position:relative; display:block;font-size: 19px;text-align: left; padding-left: 10px; color:#111}

.aside-bt{width:100%;}
.aside-bt img{position: relative; left: 10%; top:10%;}
.aside-bt .detail-view-img{cursor: pointer}

.aside-center{float:right; margin:0px 25px 10px 0px; }/**주형**/
.txt-ctr{text-align: center;}

.cur{cursor: pointer;}

/* .down-img{width:80px; height: 80px; background: #5ca81a; border-radius: 50%; display: inline-block; text-align: center;color: #fff; font-size: 1.2rem;}
.down-img:hover{background:#0059b3}
.wh{color:#fff;width: 100%;vertical-align: middle; padding-top: 25%; font-size: 2rem;}

.detail-view-img{width:80px; height: 80px; background: #3ccab3; border-radius: 50%; display: inline-block; text-align: center;color: #fff; font-size: 1.2rem;}
.detail-view-img:hover{background:#0059b3}
 */

/*news*/
.news_no{width: 6%; min-width: 60px;}
.news_cat{width: 6%; min-width: 60px;}
.news_sour{width: 23%;}
.news_data{width: 14%;}
.news_hit{width: 8%; min-width: 80px;}
.news_t{overflow: hidden;  text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;letter-spacing: 0;word-break: keep-all;}
.news_title{width:100%}


/*뉴스클리핑*/
.n_no{width:9%; letter-spacing: -1px}
.n_sour{width:12%}
.n_data{width:12%}
.n_hit{width:6%}
.n_data1{width:12%}
.n_tdata1{width:12%}
.n_file{width:8%}
.n_data2{width:14%}
.n_data3{width:16%}


/*유관db */


.c-tab03 {position: relative;overflow: hidden;margin-bottom: 30px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;background: #f1f1f1;clear: both}
.c-tab03 li {float: left;width: 33.3%;font-size: 1.063em;text-align: center;}
.c-tab03 li a {display: block;background: #fff;border: 1px solid #ccc;border-left: 0;border-top: 0;transition: all .3s ease; cursor: pointer;}
.c-tab03 li a span {display: block;padding: 11px 24px 9px;color: #555;line-height: 1;white-space: nowrap;overflow: hidden;transition: all .3s ease}
.c-tab03 li a span:after {content: "";display: inline-block;vertical-align: middle;width: 23px;height: 23px;background: url(../img/arr_ctab01.png) no-repeat 0 0;transition: all .3s ease}
.c-tab03 li.over a, .c-tab03 li:hover a, .c-tab03 li a:hover, .c-tab03 li a:focus,.c-tab03 li a:active {background: #133779;border-color: #133779;font-weight: 600;}
.c-tab03 li.over a span, .c-tab03 li:hover a span, .c-tab03 li a:hover span,.c-tab02 li a:focus span, .c-tab03 li a:active span {color: #fff;}
.c-tab03 li.over a span:after, .c-tab03 li:hover a span:after, .c-tab03 li a:hover span:after,.c-tab03 li a:focus span:after, .c-tab03 li a:active span:after {margin-left: 26px}

.rp1_w9{width:8%}
.rp1_w12{width:12%}
.rp1_w14{width:14%}
.rp1_w15{width:15%}
.rp1_w25{width:25%}
.rp1_w35{width:35%}

.rp2_w9{width:8%}
.rp2_w10{width:10%}
.rp2_w12{width:12%}
.rp2_w21{width:21%}
.rp2_w15{width:15%}
.rp2_w25{width:25%}
.rp2_w35{width:35%}
.rp2_w11{width:11%}


.text-left{text-align: left}
.f-13{font-size:1.2rem !important;}
.parti-title{color:#000}

@media (max-width:1024px){
.board-card-list .box-board-card> a >.card-text-info .tit { font-size:1.6rem}
.searchbox .sch-btn{font-size:14px}
.aling-right {vertical-align: middle;line-height: 34px;}
.board .board_tbl thead th{font-size:1.1rem !important;}
.board-card-list .box-board-card {height: 15.2rem;}
.frame-set .frame {width: calc(48% - 10px);}

.board .board_view1 tbody td{font-size:1.0rem !important;}
.n_data2{width:26%}


}

@media (max-width:1024px) and (min-width:768px){
.issue_area .frame-aside-R .aside-top {font-size: 14px;}
.aside-midle .title {font-size: 14px;}
.aside-midle {height: 150px;font-size: 1.5em;}
.down-img {width: 60px;  height: 60px;font-size: 0.85rem}
.wh {font-size: 1.4rem;}
.detail-view-img{width: 60px;  height: 60px;font-size: 0.85rem}
.th_cat{width:14% !important;}
.th_no_list {width: 13% !important;}
.board .board_view thead .title{font-size:1.4rem !important;}
.board .board_view thead th{font-size:1.0rem !important;}
.site-list-bttn{width:20% !important;}
.board .board_view tbody td{font-size:1.2rem}
.bottom .before-frame{font-size:1.2rem}
.next-frame{font-size:1.2rem}
.board .board_view1 thead th{font-size:1.1rem !important; padding:10px 6px !important;}
.board .board_tbl tbody td{font-size:1.0rem !important;}

.summery_box{padding:30px 3.5%}

}

@media (max-width:1024px) and (min-width:800px){
.searchbox_B .sch-input {width: 66% !important;}
.searchbox_B .sch-input1 {width: 66% !important;}
.c-tab03 li {font-size: 1.0rem;}
 }

@media (max-width:1023px) and (min-width:769px){
.news_sour{width: 37% !important; }
.news_data {width: 23%;}
.rp1_w15{width:27%}

}

@media (max-width:820px) and (min-width:768px){
.board-card-list .box-board-card {width: calc(49% - 1.2rem);}

}

@media (max-width:768px){
.searchbox_B .sch-input {width: 60% !important; }
.searchbox_B .sch-input1 {width: 54% !important; }
button {font-size: 1.3rem;}
.issue_area .frame {width: calc(100% - 0%);margin-bottom: 30px;}
.issue_area .frame-aside-R .aside-top {font-size: 13px;}
.aside-midle .title{font-size: 13px;}
.aside-midle{height: 120px;}
.down-img {width: 60px;  height: 60px;font-size: 0.85rem}
.wh {font-size: 1.2rem;}
.detail-view-img{width: 60px;  height: 60px;font-size: 0.85rem}
.news_sour{width: 40%}
.news_data {width: 23%;}
.c-tab03 li {font-size: 1.0rem;}
.rp1_w9{width:12%}
.board .board_tbl thead th {font-size:0.85rem !important;}

}

@media (max-width:640px){
.searchbox .search-col-B {width: 100% !important;}
.searchbox .sch-field {width: 100% !important; margin-bottom:10px}
.searchbox_B .sch-input {width: 76% !important;}
.searchbox_B .sch-input1 {width: 48% !important;}
.board-card-list .box-board-card {position: relative; width: calc(100% - 0.2rem); height: 16.2rem; border: 4px solid #f5f5f5; background-color: #fcf8f8;}

.btn_url{font-size:12px; border-radius: 4px; padding:6px 12px 6px}
.url_t > li {display: block; margin-bottom:20px}
.url_t > li:last-child{margin-bottom:0px}
.news_sour{width: 54%; min-width: 80px;}
.c-tab03 li a span {padding: 11px 24px 9px 10px;}
.c-tab03 li.over a span:after, .c-tab03 li:hover a span:after, .c-tab03 li a:hover span:after, .c-tab03 li a:focus span:after, .c-tab03 li a:active span:after {margin-left: 18px;}
.f-12{font-size:1rem}
.align-right {line-height: 2.8;}
.board-card-list .box-board-card> a >.card-text-info .tit {font-size: 1.4rem;}
.frame-set .frame {width: calc(100% - 10px);}
.board .board_view1 thead th{font-size:0.85rem !important; padding:10px 6px !important;}
.n_sour{width:18%}
.n_no{width:18%}
.rp2_w21{width:24%}
.n_data1{width:22%}
.n_tdata1{width:21%}
.n_data2{width:23%}
.n_data{width:20%}
.n_hit{width:13%}

.rp2_w11{width:16%}

.summery_box{padding:30px 2.5%; }
}

@media (max-width:360px){
.searchbox_B .sch-input {width: 75% !important;}
.rp2_w9 {width: 16% !important;}

}


/***********************************************************
 소통참여
************************************************************/
.s_policy {width: 100%; margin: 10px 0; padding: 20px 20px; position: relative; border: 1px solid #ddd;}
.s_p_title {font-size: 20px; font-weight: 600; color: #5a32c9; padding-bottom: 20px;display: block;}
.s_p_stit{font-size:14px; width:100%; line-height: 1.8 }
.policy_img{position: absolute; right:20px; top:174px}

.subTit {font-size: 18px;line-height: 14px;letter-spacing: -.14px;font-weight: 700;margin: 16px 0 16px;position: relative;}
.icon-subTit {background-image: url(/res/site/img/line_arr.png);width: 30px;height:20px;}

.proposalUnit ul {display: flex;align-items: center;justify-content: flex-start;gap: 0;flex-direction: row;align-items: flex-start;flex-wrap: wrap;gap: 8rem 0;}
.proposalUnit ul li {width: 25%;padding-right: 4rem;position: relative;}
.proposalUnit ul li:not(:nth-child(4n)):before {content: '';position: absolute;width: 100%;height: 1px;top:15px;left: 0;z-index: -1;background-color: #cacaca;}
.proposalUnit ul li .num1 {width: 30px; height: 30px; font-size: 12px;color: #fff;font-weight: 500;border-radius: 50%;background-color: #3f3f3f;display: flex;align-items: center;justify-content: flex-start;gap: 0;flex-direction: row;justify-content: center;}
.proposalUnit ul li .tit {margin: 10px 0px 0px; font-size: 14px;font-weight: 700;}

.proposalUnit ul li .desc1 {font-size:13px;line-height: 1.8;}
.proposalUnit ul li .desc1 span {display: block;}
.proposal_count{width:100%; padding:10px 0 0 0}
.proposal_count p{font-size:13px}
.sb_txt{font-size:13px; color:#000; font-weight: 600}

.icon-lock {width: 1.2em; vertical-align: -2px; padding-right: 4px;}

.modal{position:absolute; z-index:100; background-color: white; border: solid 1px black; margin: 0 auto; top:40% !important; left:40% !important ; width: 300px; height: 140px; font-size: 0.86em; text-align: center;}
.modal-alert{display:inline-block; margin: 10px;}
.modal-input{width: 90% !important; height: 26px !important; margin: 8px auto !important; border:1px solid #888; }
.modal-btn-ok{width: 60px; height: 26px;  border: solid 1px black; border-radius: 3px; margin-right: 10px; font-size:13px}
.modal-btn-close{width: 60px; height: 26px; border: solid 1px black; border-radius: 3px; font-size:13px}
.dn{display: none;}

.bttn-area, .bttn-area-register {width: 100%; text-align: right; margin: 20px 0px;}

.bttn-regist{height:35px; width:80px;  background-color: #de5323; color: #fff; border-radius: 4px; border: none; font-size:14px}
.bttn-regist:hover{background-color: #00274f; }


.pro_status{width:16%}

.feedback{width:100%; margin-top:30px; position: relative;}
.feedback-title{font-weight: 600; padding:10px 0 6px 17px; position: relative;font-size: 1.4rem; color: #000;}
.feedback-title:before { content: ""; position: absolute; top: 17px;  left: 0; width: 8px; height: 8px; border-radius: 50%; background: #3d62b1;}
.feedback-textarea{width:100%;  border-bottom:1px solid #ddd; padding:10px; font-size:13px}

.btn-can {font-size: 13px;font-weight: 600;background: #9095a1;border-radius: 3px;padding: 0 20px;color: #fff;min-width: 100px;height: 40px;color: #fff;cursor: pointer;margin-right: 10px;cursor: pointer;}
.btn-can:hover{background:#3d3e3f; transition: all .4s ease;-webkit-transition: all .4s ease;}

.btn-back{font-size: 13px;font-weight:600;background: #9095a1;border-radius: 3px;padding: 0 20px;color: #fff;min-width: 100px;height:40px;color: #fff;cursor: pointer;margin-right: 10px;cursor: pointer;}
.btn-back-sm{font-size: 13px;font-weight:inherit;background: #505367;border-radius: 3px;padding: 0 8px;color: #fff;min-width: 60px;height: 40px;color: #fff;cursor: pointer;margin-right: 10px;cursor: pointer;}
.btn-back:hover{background:#3d3e3f; transition: all .4s ease;-webkit-transition: all .4s ease;}
.sb_txt1 {font-size: 13px; font-weight: 600; margin-right: 10px; color:#111}
.w60{width:60% !important;}


.guide-using {width: 100%;position: relative;background-color: #f7f8fa;margin-bottom: 20px; font-size:14px; color:#333}
.summary {padding: 10px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.summary1 {padding: 10px;border-top: 0px solid #ddd;border-bottom: 1px solid #ddd;}
.summary-row {padding: 10px;position: relative;}
.summary-row .word {display: inline-block; font-weight: 600; font-size: 0.85em;  font-style: normal; color: #1176c6; position: relative;}
.summary-row .word::after{display: block;position: absolute;right: -8px;top: 2px;bottom: 0;margin-top: auto; margin-bottom: auto;width: 1px;height: 13px;background-color: #d0d0d0;content: '';}
.summary-row .word1{display:inline-block; font-weight: 600;font-size:0.85em; font-style: normal; color: #1176c6; position: relative; padding-bottom:10px }
.pl12 {padding-left: 12px; font-size: 13px}
.summary-row ul li {display: inline-block; margin-right: 10px;}

.word-pd8 {padding: 0 10px;font-size: 0.85em;}
.align-r {text-align: right !important;padding-left: 0 !important;padding-right: 10px;}

.comment-area {width: 100%;clear: both;}
.line {margin-bottom: 10px;border-bottom: 1px solid #ddd;}
.line p {color: #555;font-size:16px;font-weight: 600;text-align: left;padding-bottom: 10px; position: relative; padding-left:22px}
.line p:before{display: inline-block; position: absolute;  left: 0; top: 8px; width: 17px; height: 17px; background-repeat: no-repeat; background-image: url(/res/site/img/free-write.png);content: '';}


.reg-cover {padding: 10px; background-color: #fff; color: #555;  margin-bottom: 20px;}
.reg-cover span {font-size: 15px; font-weight: 600;}
.non-login {color: #a4561a;}
.reg-cover>button { width: 100px; font-size: 15px; background-color: #fff; color: #000; border-radius: 3px; border: none; margin-left: 10px; padding: 0 10px;display: inline-block;height: 42px;margin: 2px 0;padding: 7px 20px 7px;border: 1px solid #aaa;border-radius: 4px;line-height: inherit;text-align: center;font-weight: 500;vertical-align: middle;text-decoration: none;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 20px;box-sizing: border-box;-webkit-appearance: none;}
.reg-cover>button:hover {font-size: 15px;padding: 7px 10px;border-color: #7a7d96;color: #363c5a;box-shadow: rgba(149, 157, 165, 0.2) 0px 2px 2px;}

.login-icon::after {background: url(/res/site/img/login_icon.png) no-repeat;display: inline-block;position: absolute;right: 0;top: 4px;width: 17px;height: 17px;background-repeat: no-repeat;content: '';}

.reg-form {padding: 10px 10px; border: 0px solid #ddd; margin-top: 10px; position: relative;}
.comment {padding-bottom: 12px;}
.registrant {font-size: 16px; font-weight: 600;}
.comment-txtarea {margin-top: 10px; width: 100%; height: 200px; padding: 10px; box-sizing: border-box; border: none; border-radius: 5px; font-size: 14px; resize: both; outline: none; border: 1px solid #ddd; color: #000; line-height: 1.8;}

.comment-buttons{padding: 10px 0;}
.comment-buttons button{margin-right: 5px;}
.comment-buttons .open-reply-form{padding:6px 0px; width: 80px; font-weight: 500; color: #000; font-size:12px; border:1px solid #ddd; border-radius: 10px}
.comment-buttons .open-reply-form:hover{color: #ec971f; }
.comment-buttons .btn-reg-reply{border-radius: 3px; padding:6px 0px; width: 80px; font-weight: 500; color: #fff; font-size:12px; background-color: #4d5062; border-color: #4d5062;}
.comment-buttons .btn-reg-reply:hover{background-color: #ec971f;}

.reply-content{margin-top:10px; width: 100%; height: 200px; padding: 10px; box-sizing: border-box; border: none; border-radius: 5px; font-size: 14px; resize: both; outline:none; border:1px solid #ddd; color:#000; line-height: 1.8}

.comment-buttons .bttn-cmt-register{border-radius: 3px; padding:6px 0px; width: 80px; font-weight: 500; color: #fff; font-size:12px;     background-color: #4d5062; border-color: #4d5062;}
.comment-buttons .bttn-cmt-register:hover{background-color: #ec971f; }
.comment-buttons .display-close {border-radius: 3px; padding: 6px 0px;  width: 80px; font-weight: 500; color: #fff; font-size: 12px; background-color: #f35f0c; border-color: #f35f0c;}
.comment-buttons .display-close:hover{ background-color: #c94800; border-color: #c94800;}

.view-type-I .middle {margin-bottom: 34px; min-height: 300px; padding: 10px 10px 10px 10px; color:#222}



.reg-form{ padding:10px 10px; border:0px solid #ddd; margin-top:10px; position: relative;}
.reg-form .middle{border:none; padding:0px; min-height:0px; font-size:15px; margin:4px 0px;}
.reg-form ul li{display:inline-block; margin-right:15px; font-size: 14px;}
.reg-form ul li:nth-child(3){margin-right:0px;}

/**.free-button-left{display:inline-block; text-align:left; width: 91%;}**/
.free-button-left{display:inline-block;}
/**.free-button-right{display:inline-block; padding-right: 10px; font-size:13px; vertical-align: bottom;}**/
.free-button-right{display:inline-block; padding-right: 10px; font-size:13px;}
/**.free-button-left1{display:inline-block; text-align:left; width: 84%; padding-left:56px}**/
.free-button-left1{padding-left:56px}

/**.free-buttons button{margin-right: 5px;}**/
.free-buttons .bttn-op-reg{border-radius: 3px; padding:6px 0px; width: 80px; font-weight: 500; font-size:12px; color: #fff; border-color: #5286be; background-color: #5286be; margin-right:5px;}
.free-buttons .bttn-op-reg:hover{background-color:#004fa8;}

.free-buttons .bttn-op-register{border-radius: 3px; padding:6px 0px; width: 80px; font-weight: 500; color: #fff; font-size:12px; background-color: #4d5062; border-color: #4d5062; margin-right:5px;}
.free-buttons .bttn-op-register:hover{background-color: #ec971f; }

.free-buttons .bttn-op-cancel{border-radius: 3px; padding:6px 0px; width: 80px; font-weight: 500; font-size:12px; color: #fff; background-color: #da2424;  border-color: #da2424;}
.free-buttons .bttn-op-cancel:hover{background-color: #ad0000;}

.free-buttons .bttn-op-register1{padding:6px 0px; width: 80px; font-weight: 500; color: #000; font-size:12px; border:1px solid #ddd; border-radius: 10px}
.free-buttons .bttn-op-register1:hover{color: #ec971f;}

.free-buttons .bttn-op-reg1{padding:6px 0px;  width: 80px; font-weight: 500; font-size:12px; color: #000; margin-right:10px; border:1px solid #ddd; border-radius: 10px}
.free-buttons .bttn-op-reg1:hover{color:#004fa8;}

.free-buttons .bttn-op-cancel1{padding:6px 0px; width: 78px;  font-size:12px; font-weight: 500; color: #da2424; border:1px solid #ddd; border-radius: 10px}
.free-buttons .bttn-op-cancel1:hover{color: #da2424; }

.opinion-txtarea{margin-top:10px; width: 100%; height: 200px; padding: 10px; box-sizing: border-box; border: none; border-radius: 5px; font-size: 14px; resize: both; outline:none; border:1px solid #ddd; color:#000; line-height: 1.8}
.opinion-set{padding:10px; background-color: #fff;}
.opinion-set .free-button-right{display:block; margin-top:10px;}
.registrant{font-size:16px; font-weight:600 }
.registrant span{font-size:16px; margin-right:8px; font-weight: 600}


.comment-icon {font-size: 14px; width: 100%; margin-top: 20px; padding-left: 30px; position: relative; line-height: 24px; padding-bottom: 10px;color: #0756b3; font-weight:600 }
.comment-icon::before {content: ''; position: absolute; top: 3px; left: 0px; background: url(../img/user.png)no-repeat; width: 20px; height: 20px;}

.comment-txt{font-size: 12px; color: #bdbdbd; font-weight: 500;}

.free-buttons{padding: 10px 0}

.middle textarea { width: 100%; min-height: 100px; background: #fff; padding: 10px; text-align: left; border:1px solid #eee; overflow-y:auto; font-size:13px; border-radius: 8px; margin-top:4px; outline: none}
.middle span{ }

.bg-mild-gray{width:100%; position: relative;}

.bg-mild-gray .middle{margin-left:56px}
.comment_reply_icon {position: absolute;left: 36px;top: 13px;}

.comment-reply-wrapper {margin-left: 56px;}

.commentw-icon {font-size: 13px;width: 100%;padding-left: 30px;position: relative;line-height: 24px;padding-bottom: 10px;color: #24282f;}
.commentw-icon::before {content: '';position: absolute;top: 3px;left: 0px;background: url(../img/user_w.png)no-repeat;width: 20px;height: 20px;}

.reg-form span{font-size:13px; font-weight: 500}

.btn-reply-cancel{border-radius: 3px; padding: 6px 0px;width: 76px;  font-size: 12px; font-weight: 500; background-color: #da2424; color: #fff; border: solid 1px #da2424;}

.fcolor-2 {color: #2c6f1e;}
.fcolor-3 {color: #1a3581;}

.comment-button-left {display: inline-block; text-align: left;width: 85%;}
.comment-button-right {display: inline-block; padding-right: 10px; font-size: 13px;vertical-align: bottom;}

.comment-buttons .modif-cmt {border-radius: 3px;  padding: 6px 0px; width: 80px; font-weight: 500; font-size: 12px; color: #fff; border-color: #5286be; background-color: #5286be;margin-right: 10px;}

.comment-buttons .delt-cmt:hover { background-color: #ad0000;}
.comment-buttons .delt-cmt {border-radius: 3px; padding: 6px 0px; width: 78px; font-size: 12px; font-weight: 500; background-color: #da2424; color: #fff; border: solid 1px #da2424;}
.comment-buttons button {margin-right: 5px;}

.free-buttons {display: flex ; justify-content: space-between;}



.view-title-area {width: 100%; background: #f3f3f3; padding: 10px;}
.view-type-I .top2 .row > .title {text-align: left; position: relative; display: block; font-size: 16px; font-weight: bold; color: #0C2340;}


button[class*="btn-modif"] {float: right; margin-right: 8px; margin-top:10px; width: 80px; height: 30px; color:white; font-size: 0.85em; border-radius: 3px;}
.btn-modif-fin{background-color:#006699;}
.btn-modif-cancel{background-color: #ff6699;}

.comment-button-left1 {display: inline-block; text-align: left;  width: 85%; padding-left: 56px;}

.box_text {margin-top: 10px; font-size: 16px; font-weight: 600;  color: #636363; line-height: 24px;}

.bu {margin: 10px 0 10px 10px; text-align: left;}

.bu>li {padding-left: 20px; position: relative; font-size: 16px; font-weight:500; color:#333 }
.bu>li::before {content: '';left: 0; top: 6px; width: 12px; height: 12px; border-radius: 50%; border-width: 3px; border-style: solid; border-color: #437dea;display: block; position: absolute;}


.poll-regist1{width:14%}
.h300{height: 300px}

.poll_count{width:100%; padding:10px 0px; font-size:13px}
.poll_icon {margin-bottom: 6px; padding-left: 20px;  font-size: 14px; font-weight: 600; background: url(/res/site/img/poll_icon.png) 2px 3px no-repeat; background-size: 16px; color:#333}

.poll-count {color: #f25030;}

.view {cursor: pointer;}

div .bttn-list{display:inline-block; background-color: gray; color: white; padding: 6px 12px; border-radius: 5px; font-size:14px}
.bttn-list:hover{background-color: #47004f;}

.flo-lf {float: left;}
.flo-rt {float: right;}

.bttn-regist:hover{background-color: #00274f; }


.free-area {width: 100%; background: #f4f5f9; border-color: #f4f5f9;  margin-bottom: 20px; padding: 20px 20px; border-radius: 8px; color:#333}
.free-tit {font-size: 18px;font-weight: 600;}
.free-col1 {color: #356e15;}

.view-type-I .bottom{float: left; width: 100%;}

.btn-reg{font-size: 13px;font-weight: 600;background: #164bad;border-radius: 3px;padding: 0 20px;color: #fff;min-width: 100px;height: 40px;color: #fff;cursor: pointer;margin-right: 10px;cursor: pointer;}
.btn-reg-sm{font-size: 13px;font-weight:600;background: #164bad;border-radius: 3px;padding: 0 8px;color: #fff;min-width: 60px;height: 40px;color: #fff;cursor: pointer;margin-right: 10px;cursor: pointer;}
.btn-reg:hover{background:#08305c; transition: all .4s ease;-webkit-transition: all .4s ease;}


.notic_box_wrap {position: relative;min-height: 150px;padding: 40px 40px 40px 170px;}
.notic_box_wrap:before {position:absolute; top:10px; background: url(/res/site/img/notice_icon1.png) no-repeat; width: 100px; height: 90px; content: '';left:38px;}
.box_title {margin-top: 0;font-size: 19px;font-weight: 500;color: #363c5a;line-height: 24px;}
.color-5 {color: #e5430b;}

.free-opinion-area {width: 100%;clear: both;}


.view-type-I .middle {margin-bottom: 34px;padding: 10px 10px 10px 10px; line-height: 1.8}
.poll-question {width: 100%; margin: 0.8em auto; border: dotted 2px #e3e3e3; padding: 1.5em 1.5em;}
.question-num {position: relative; display: inline-block;  padding-top: 0.2em; text-align: center; color: white; font-size: 1.63em;}
.question-num:before {width: 30px;  height: 30px; top: 19px; position: absolute; content: ""; background-image: url(/res/site/img/icon-q.png); background-repeat: no-repeat; vertical-align: top; padding-top: 4px;}
.question-txt {padding-left: 10px;  display: inline-block; width: 90%; color: #8245e3;  font-weight: 600; font-size: 14px; }

.poll-ex-group {margin-top: 1.5em; margin-bottom: 1.5em;  display: inline-block; width: 100%;}
.poll-ex-row {display: inline-block; width: 100%;  vertical-align: middle; padding-left: 20px;}
.poll-ex-group input[name^="example"] {margin-right: 10px; height: 12px;}
.poll-ex-group label {font-size: 0.9em;  cursor: pointer;}


.poll-submit{background-color: #394f60; color: white; font-size: 13px; font-weight: 600; border-radius: 3px; padding: 0 20px; color: #fff; min-width: 100px; height: 45px;cursor: pointer;margin-right: 10px;cursor: pointer;}
.poll-submit:hover{background-color:#000080; transition: all .4s ease;-webkit-transition: all .4s ease;}
.poll-list{font-size: 13px; font-weight: 600;  background: #9095a1; border-radius: 3px; padding: 0 20px; color: #fff; min-width: 100px;  height: 45px; color: #fff; cursor: pointer; margin-right: 10px;cursor: pointer;}
.poll-list:hover{background:#252634; transition: all .4s ease;-webkit-transition: all .4s ease;}

.free-button-right > .modify-ready{
    border-radius: 3px;
    width: 80px;
    padding:6px 0px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    border-color: #5286be;
    background-color: #5286be;
    margin-right: 5px;
}
.free-button-right1 > .modify-ready{
    padding: 6px 0px;
    width: 80px;
    font-weight: 500;
    font-size: 12px;
    color: #000;
    margin-right: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.free-button-right1 > .modify-ready:hover{
    color: #004fa8;
}


@media (max-width:1024px){

.proposalUnit ul li:last-child {padding-right: 1rem;}
input[type="text"], input[type="password"] {height: 3.8rem;}
.comment-button-left{width:49%}	
.comment-button-left1{width:49%}
.comment-button-right {width: 49%; text-align: right;}

.view-type-I .middle{font-size:13px}
}

@media (max-width:768px){
.box_title{font-size:14px}

}
@media (max-width:640px){
.proposalUnit ul{gap:1rem 0rem}
.proposalUnit ul li {width: 50%;}
.s_p_title {font-size: 14px;}
.s_p_stit {font-size:12px}
.subTit {font-size: 14px;}
.icon-subTit{width:24px; height:16px}


.input-area{width:100%}
.free-tit{font-size: 13px}
.summary-row .word{font-size: 12px}
.word-pd8{font-size: 12px !important; letter-spacing: -1px;}
.summary-row {padding: 10px 0px; font-size:12px}
.comment-button-left{width:43%}
.comment-button-right{width:57%}
.comment-button-left1{width:41%}

.reg-cover span{font-size:13px}
.reg-cover>button {font-size:13px !important; width:78px; height:42px; padding: 7px 10px}
.registrant{font-size:13px}

.notic_box_wrap{padding: 20px; width:100% ; min-height: auto}
.notic_box_wrap:before{display: none}
.box_title{font-size:13px}
.poll-regist1 {width: 18%;}

.question-num:before{display: none}

.comment-buttons .modif-cmt{width:60px}
.comment-buttons .delt-cmt{width:60px}
}






/***********************************************************
 기후환경기술 정책협의체
************************************************************/
.guide_box {position: relative; margin: 35px 0; border-radius: 3px; padding: 40px 40px 35px;background-color: #f6f7fa;}
.guide_box .top_tit {position: absolute;top: -15px;left: 40px;padding: 4px 28px 4px 14px;background-color: #414a73;border-radius: 30px;}
.guide_box .top_tit span {position: relative;padding-left: 27px;font-size: 16px;color: #fff;font-weight: 600;}
.guide_box .top_tit span:before {display: block;position: absolute;left: 0;top: 4px;background: url(/res/site/img/guide_icon.png) no-repeat 0px 2px;width: 15px;height: 16px; content:"" }

.guide_box .cont p{font-size:18px; color:#000; font-weight: 600}
.guide_box .cont ul.su_1 {margin: 15px 0 0; text-align: left}
.guide_box .cont ul.su_1 li {padding-bottom: 0;line-height: 32px;}
ul.su_1 > li {margin-bottom: 6px;}
ul.su_1 li {position: relative;margin: 0;padding: 0 0 0 20px;list-style: none;font-size: 18px;color: #333; font-weight:400  }


.par_tit{padding-left: 7px;font-size: 18px;font-weight: 400;line-height: 38px; color:#222}
.par_bold{font-weight: 600}

.pl-20{padding-left:40px !important;}

.guide_t{margin-top: 40px;margin-bottom: 20px;font-size: 24px;line-height: 30px;color: #008ff5; font-weight: 600}

.contents_box{margin-top: 20px; margin-bottom:20px}
.contents_box ul{display: flex;flex-wrap: wrap;align-items: stretch;margin: -10px;}
.contents_box li{width: 33.3%; padding:10px}
.contents_box ul > li > .inner {padding: 30px 40px;min-height: 200px; display: flex;flex-direction: column;justify-content: space-between;background-color: #f7f9fa;padding: 50px 36px;height: 100%;box-sizing: border-box;letter-spacing: -0.02em;min-height: 200px;border-bottom-right-radius: 80px;}
    
.contents_box .num {font-size: 21px;font-weight: 500;color: #06714b;margin-bottom: 10px;}
.contents_box .txt {height: 100%;font-size: 16px; color:#111}
.w-full{width:100%; margin-top:30px; margin-bottom: 30px}
.w-cont3{width:20%;display: inline-block; vertical-align: top}
.w-cont7{width:79%;display: inline-block; vertical-align: top}
.w-cont7 span{font-weight:600; line-height: 28px; display: block; }
.guide_t1{font-size: 24px;line-height: 30px;color: #008ff5; font-weight: 600}


.contents_box1{margin-top: 20px; margin-bottom:20px}
.contents_box1 ul{display: flex;flex-wrap: wrap;align-items: stretch;margin: -10px;}
.contents_box1 li{width: 50%; padding:10px}
.contents_box1 ul > li > .inner {padding: 30px 40px;min-height: 200px; display: flex;flex-direction: column;justify-content: space-between;background-color: #f6fff3;padding: 50px 36px;height: 100%;box-sizing: border-box;letter-spacing: -0.02em;min-height: 200px;border-bottom-right-radius: 80px;}
    
.contents_box1 .num {font-size: 21px;font-weight: 600;color: #4d0ba5;margin-bottom: 10px;}
.contents_box1 .txt {height: 100%;font-size: 16px; color:#111}

.contents_box2{margin-top: 20px; margin-bottom:20px}
.contents_box2 ul{display: flex;flex-wrap: wrap;align-items: stretch;margin: -10px;}
.contents_box2 li{width: 100%; padding:10px}
.contents_box2 ul > li > .inner {padding: 30px 40px;min-height: 200px; display: flex;flex-direction: column;justify-content: space-between;background-color: #f9f4f4;padding: 50px 36px;height: 100%;box-sizing: border-box;letter-spacing: -0.02em;min-height: 200px;border-bottom-right-radius: 80px;}
    
.contents_box2 .num {font-size: 21px;font-weight: 600;color: #4d0ba5;margin-bottom: 10px;}
.contents_box2 .txt {height: 100%;font-size: 16px; color:#111 }
.contents_box2 .txt p{line-height: 36px}

.guide_txt{margin-bottom:30px; font-size:16px; font-weight: 600; display: block; color:#111}    

.support{width:100%; padding:20px 0}



.c-tab04 {position: relative;overflow: hidden;margin-bottom: 30px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;background: #f1f1f1;clear: both}
.c-tab04 li {float: left;width: 25.00%;font-size: 1.063em;text-align: center;}
.c-tab04 li a {display: block;background: #fff;border: 1px solid #ccc;border-left: 0;border-top: 0;transition: all .3s ease}
.c-tab04 li a span {display: block;padding: 11px 24px 9px;color: #555;line-height: 1;white-space: nowrap;overflow: hidden;transition: all .3s ease}
.c-tab04 li a span:after {content: "";display: inline-block;vertical-align: middle;width: 23px;height: 23px;background: url(../img/arr_ctab01.png) no-repeat 0 0;transition: all .3s ease}
.c-tab04 li.over a, .c-tab04 li:hover a, .c-tab04 li a:hover, .c-tab04 li a:focus,.c-tab04 li a:active {background: #133779;border-color: #133779;font-weight: 600;}
.c-tab04 li.over a span, .c-tab04 li:hover a span, .c-tab04 li a:hover span,.c-tab02 li a:focus span, .c-tab04 li a:active span {color: #fff;}
.c-tab04 li.over a span:after, .c-tab04 li:hover a span:after, .c-tab04 li a:hover span:after,.c-tab04 li a:focus span:after, .c-tab04 li a:active span:after {margin-left: 26px}

.icon-lock{width: 1.2em; vertical-align: -2px; padding-right: 4px;}

.c-tab05 {position: relative;overflow: hidden;margin-bottom: 30px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;background: #f1f1f1;clear: both}
.c-tab05 li {float: left;width: 20.00%;font-size: 1.063em;text-align: center;}
.c-tab05 li a {display: block;background: #fff;border: 1px solid #ccc;border-left: 0;border-top: 0;transition: all .3s ease}
.c-tab05 li a span {display: block;padding: 11px 24px 9px;color: #555;line-height: 1;white-space: nowrap;overflow: hidden;transition: all .3s ease}
.c-tab05 li a span:after {content: "";display: inline-block;vertical-align: middle;width: 23px;height: 23px;background: url(../img/arr_ctab01.png) no-repeat 0 0;transition: all .3s ease}
.c-tab05 li.over a, .c-tab05 li:hover a, .c-tab05 li a:hover, .c-tab05 li a:focus,.c-tab05 li a:active {background: #133779;border-color: #133779;font-weight: 600;}
.c-tab05 li.over a span, .c-tab05 li:hover a span, .c-tab05 li a:hover span,.c-tab05 li a:focus span, .c-tab05 li a:active span {color: #fff;}
.c-tab05 li.over a span:after, .c-tab05 li:hover a span:after, .c-tab05 li a:hover span:after,.c-tab05 li a:focus span:after, .c-tab05 li a:active span:after {margin-left: 26px}




.box.basic {margin-bottom: 20px;padding: 0;border: 10px solid #ebecf2;border-radius: 0;}
.box {position: relative;margin: 20px 0;padding: 32px 40px;border: 1px solid #c5c9d6;border-radius: 3px;background-color: #fff;}
.box.basic:before {z-index: 1;display: block;position: absolute;top: 0;left: -10px;background: url(/res/site/img/box_icon1.png) no-repeat;background-position: left top; width: 190px;height: 110px; content:''; }
.box.basic .box_wrap {padding: 30px 30px 40px 180px;background: #fff;}
.box.basic:after {display: block;position: absolute;top: -10px;left: -10px;width: 190px;height: calc(100% + 10px);background-color: #fff; content:''; }
.box_text{font-weight: 600}


.box1.basic {margin-bottom: 20px;padding: 0;border: 10px solid #ebecf2;border-radius: 0;}
.box1 {position: relative;margin: 20px 0;padding: 32px 40px;border: 1px solid #c5c9d6;border-radius: 3px;background-color: #fff;}
.box1.basic:before {z-index: 1;display: block;position: absolute;top: 0;left: -10px;background: url(/res/site/img/box_icon2.png) no-repeat;background-position: left top; width: 190px;height: 110px; content:''; }
.box1.basic .box_wrap {padding: 30px 30px 40px 180px;background: #fff;}
.box1.basic:after {display: block;position: absolute;top: -10px;left: -10px;width: 190px;height: calc(100% + 10px);background-color: #fff; content:''; }
.box_text{font-weight: 600}

.box2.basic {margin-bottom: 20px;padding: 0;border: 10px solid #ebecf2;border-radius: 0;}
.box2 {position: relative;margin: 20px 0;padding: 32px 40px;border: 1px solid #c5c9d6;border-radius: 3px;background-color: #fff;}
.box2.basic:before {z-index: 1;display: block;position: absolute;top: 0;left: -10px;background: url(/res/site/img/box_icon3.png) no-repeat;background-position: left top; width: 190px;height: 110px; content:''; }
.box2.basic .box_wrap {padding: 30px 30px 40px 180px;background: #fff;}
.box2.basic:after {display: block;position: absolute;top: -10px;left: -10px;width: 190px;height: calc(100% + 10px);background-color: #fff; content:''; }
.box_text{font-weight: 600}


.box3.basic {margin-bottom: 20px;padding: 0;border: 10px solid #ebecf2;border-radius: 0;}
.box3 {position: relative;margin: 20px 0;padding: 32px 40px;border: 1px solid #c5c9d6;border-radius: 3px;background-color: #fff;}
.box3.basic:before {z-index: 1;display: block;position: absolute;top: 0;left: -10px;background: url(/res/site/img/box_icon4.png) no-repeat;background-position: left top; width: 190px;height: 110px; content:''; }
.box3.basic .box_wrap {padding: 30px 30px 40px 180px;background: #fff;}
.box3.basic:after {display: block;position: absolute;top: -10px;left: -10px;width: 190px;height: calc(100% + 10px);background-color: #fff; content:''; }
.box_text{font-weight: 600}


.mad_tit {font-size: 34px; font-weight: 600; padding-bottom: 24px; position: relative; color:#111}

.support {width: 100%;padding: 20px 0;}
.support h5 {font-size: 20px; position: relative;  padding: 0 0 10px 10px; font-weight: 600; color:#111}
.support h5::before {content: ''; width: 3px;  height: 14px; background: #0b3974; position: absolute; top: 5px; left: 0;}
.sp-cont1 {border-radius: 4px; padding: 40px 30px 30px 30px; line-height: 140%;  background: #f3f2f2; margin-bottom: 30px; position: relative;}

.forward{width:100%; position: relative; margin-bottom:50px}
.forward:before {content: '';position: absolute;left: 49.5%;top: 0;display: block;width: 0.5px;height: 62%;background: #bababa;}
.forward::after {content: '';position: absolute;left: 50%;top: 190px;display: block;width: 50%;height: 1px;}

	
.forward h4{position:relative;text-align: center; z-index: 1 }
.forward h4 span{position: relative; display: inline-block; width:300px; padding:14px 0 14px; background: #032d77; text-align: center; font-size:18px; color:#fff} 

.forward h5{position:relative;text-align: center; z-index: 1; margin:40px auto 40px; padding:0 0 10px 0 }
.forward h5 span{position: relative; display: inline-block; width:300px; padding:14px 0 14px; background: #3f4c63; text-align: center; font-size:18px; color:#fff}
.forward h5:before {display:none}

.forward h6{position: absolute; top:170px; right:0; min-width:200px; z-index: 2 }
.forward h6 span{width:220px;padding:10px 0 10px; text-align: center; background: #808FA8; font-size:16px; color:#fff}

.forward> ul {width: calc(100% + 20px);margin-left: -20px;font-size: 0; margin-top:80px}
.forward> ul >li {position: relative;display: inline-block;width: calc(28.42% - -34px);margin-left: 20px;vertical-align: top;}
.forward> ul h6 {position: relative;text-align: center;z-index: 1; top:30px }
.forward> ul h6 span {width: 100%;width: 228px;background: #808FA8;font-size: 16px;position: relative;display: inline-block;padding: 10px 0 12px;text-align: center;color: #fff;}

.forward>ul>li:after {content: '';position: absolute;left: 50%;top: -22px;display: block;width: calc(100% + 18px);height: 1px;background: #bababa;}
.forward>ul>li:before {content: '';position: absolute;left: 49%;bottom: 0%;display: block;width: 1px;height: 66px;background: #bababa;}

.forward>ul>li:nth-child(3):after{content: '';position: absolute;left: 10%;top: 10px;display: block;width: calc(1% + 20px);height: 0px;background: #bababa;}
.forward>ul>li:nth-child(3):before {content: '';display: block;height: 66px;}


.cli-basic{width: 100%;border-top: 2px solid #333;color:#092457;}
.cli-basic th{padding: 12px 0 12px 20px;text-align: center;border: 1px solid #e6e6e6;color:#092457;font-weight: 700;background: #effaff;vertical-align: middle;}
.cli-basic td{padding: 12px 15px;border: 1px solid #e6e6e6;vertical-align: middle; background:#fff}
.cli-basic td.fw{font-weight: 700}





.layer-popup{display:inline-block; position: fixed; top:50px; left:23%; z-index:1010; background-color: white; border: solid 1px black; width:57%; min-height: 700px; display: none;}
.layer-popup .layer-hd{padding: 30px 35px;}
.layer-popup .btn-close{float: right; padding:10px 25px; font-weight: bold; font-size: 1.6em; cursor: pointer;}
.layer-popup .layer-hd .layer-hd-row{padding: 10px 0px; border-bottom: solid 1px #eee;}
.layer-hd-row .title{font-size: 1.23em;}
.layer-hd-row .lab{display:inline-block; min-width: 6%; margin-right: 5px; text-align: center;}
.layer-hd-row .val{display:inline-block; min-width: 10%; margin-right: 5px;}
.layer-bd{padding: 0px 35px;}
.layer-bd .layer-bd-top{min-height: 300px; border-bottom: solid 1px #eee;}
.layer-bd .layer-bd-top textarea{border: none; resize:none; outline:none; overflow: auto; height:500px; font-size:14px}
.layer-bd .layer-bd-bottom{min-height: 100px; border-bottom: solid 1px #eee; padding:10px 0px; font-size:14px}
.layer-ft{padding: 10px 35px;}
.layer-ft .prev{cursor: pointer;}
.layer-ft .next{cursor: pointer;}

.f13 {font-size: 13px;font-weight: 600;color:#000}
.f131 {font-size: 13px;padding-left: 12px;}
.f14{font-size:14px; color:#111}
.f141{font-size:14px;}


.essential{color:#fc1471; position: relative;margin: 8px 0; padding-left: 22px; font-size: 15px;line-height: 22px; font-weight:600 }
.essential:before{display: block; position: absolute; top: 4px; left: 0; width: 16px; height: 16px;background-image: url(/res/site/img/mad_info.png); content: '';}


.title1 {color: #555;font-size:16px;font-weight: 600;text-align: left;padding-bottom: 10px; position: relative; padding-left:22px}
.title1:before{display: inline-block; position: absolute;  left: 0; top: 8px; width: 17px; height: 17px; background-repeat: no-repeat; background-image: url(/res/site/img/free-write.png); content: '';}





.cm-free-opinion-area{width:100%; clear: both;}
.cm-free-opinion-area .opinion-list{width: 100%; border-top: solid 1px #eee;}
.cm-free-opinion-area .opinion-list .opinion{width: 100%; border-bottom: solid 1px #eee;}
.cm-free-opinion-area .opin-hd{width: 100%; min-height: 30px; padding-left: 10px; margin-top: 10px;}

.cm-free-opinion-area .opin-hd .writer{padding-right: 50px;}
.cm-free-opinion-area .opin-hd .lab{padding-right: 10px; font-size:14px}
.cm-free-opinion-area .opin-bd{width: 100%; min-height: 120px; padding-left: 10px;}
.cm-free-opinion-area .opin-bd textarea{border: none; outline: none; resize: none; margin-bottom:10px}
.cm-free-opinion-area .opin-bd button{float: right; width:70px; height:28px; margin-right: 5px; border-radius: 3px; font-size: 13px; line-height:28px}
.cm-free-opinion-area .opin-bd .btn-confirm{background-color:#004080; color: white;}
.cm-free-opinion-area .opin-bd .btn-cancel{background-color:#800040; color: white;}
.cm-free-opinion-area .opin-ft{width: 100%; min-height: 30px; padding-left: 10px; margin-bottom:10px}
.cm-free-opinion-area .opin-ft button{float: right; width:70px; height:28px; margin-right: 5px; border-radius: 3px; font-size: 13px; line-height:28px}
.cm-free-opinion-area .opin-ft .btn-modif{background-color:#0066ff; color: white; margin-top:5px}
.cm-free-opinion-area .opin-ft .btn-delt{background-color:#e63900; color: white; margin-top:5px}

.search-row {width: 100%;margin: 10px 0px 10px 0px;}
.fixed-lab {background-color: #f94b15; color: white;  width: 60px; line-height:20px; height: 30px; display: inline-block; padding: 5px 5px; border-radius: 6px;}


.summary-row .title{color:#000}



.intro_event{width:100%;}
.g-items{width:30%;margin:0 20px; margin-bottom:90px;position:relative; display:inline-block; }
.g-items a{width:100%}
.g-items .photo{ width:100%;overflow:hidden;height:0;display:flex;align-items:center;background:#f2f2f2;position:relative; padding-bottom:133%; border:1px solid #ddd}
.g-items:hover .photo {box-shadow:6px 6px 15px rgba(0,0,0,.4); transition:box-shadow .25s;}
.g-items .photo .time{position:absolute;right:20px;top:20px;font-size:16px;color:#fff;font-weight:300;border-radius:10px;padding:8px 12px;background:rgba(0,0,0,.6);}
.g-items .down { display:flex; width:100%; height:100%; position:absolute;left:0;top:0;justify-content:center;align-items:center;}
.g-items .down i {position:absolute; left:50%; top:50%; display:block; opacity:0; text-align:center; transform:translate(-50%, -50%) scale(0.9); padding-top:18px; width:80px;height:80px; border-radius:50%; transition:all 0.3s ease; background:rgba(0,0,0,.6); }
.g-items:hover .down i {opacity:1; transform:translate(-50%, -100%) scale(1);}
.g-items .photo .top{position:absolute;right:22px;top:22px;display:flex;}
.g-items .photo .top span{margin-left:5px;display:flex;font-size:16px;font-weight:300;color:#fff;height:30px;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border-radius:5px; padding: 0 10px;}

.g-items .photo img{width:100%; position:absolute; left:50%; top:0%; height:auto; transform:translate(-50%, 0%); }
.g-items .tit{font-size:17px;line-height:31px;color:#2a2e35;font-weight:600;margin:15px 0 20px;width: 340px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.g-items .tit1{font-size:21px;line-height:31px;color:#2a2e35;font-weight:600;margin:25px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.g-items .tit span{background:#d8f6ff;font-size:14px;line-height:30px;border-radius:10px;padding:0 10px;margin-right:10px;font-weight:300;color:#004a71}
.g-items .tit span.bg1{background:#e6e6e6;color:#828282}
.g-items .tit span.bg2{background:none;color:#004a71;border:1px solid #004a71; }
.g-items .etc{display:flex;align-items:center;width:100%;font-size:16px;line-height:27px;color:#2a2e35;font-weight:500;}
.g-items .etc1{width:100%;font-size:16px;line-height:26px;color:#2a2e35;font-weight:300;}
.g-items .etc i{margin-right:5px;}

.event-tit {margin:10px 0px; background:#fffce9; font-size:18px; font-weight: 500; padding:10px 10px}

.search_lhe{vertical-align: middle;line-height: 40px;}

.w80{width:70px !important;}

.introduce_text p {font-size: 14px; color:#333}

.ess_t {color: #fc1471;font-weight: 600;}
.bttn-area, .bttn-area-register2 {width: 100%; text-align: center; margin: 40px 0px;}
.btn-go {display: inline-block; background-color: #001d59;  color: white; padding: 5px 5px;font-size: 0.85em; }
table tbody td .btn-delt {background-color: #f94b15; color: white; font-size:12px; padding:4px 6px; border-radius:4px }




@media (max-width:1024px){

.forward> ul >li {width: calc(27.42% - -31px);}
.forward>ul>li:before {height: 71px;}
.forward>ul>li:nth-child(3):before {height: 71px;}
.cli-basic th{font-size:16px}
.cli-basic td{font-size:14px}
.c-tab04 li{font-size:1.0rem}
.mad_tit{font-size:1.6rem}
.writer{font-size:14px}


}


@media (max-width:820px){
.contents_box ul > li > .inner{padding: 10px 8px;}
.forward> ul >li {width: calc(25.42% - -34px);}
.c-tab05 li {font-size: 14px;}

}

@media (max-width:768px){

.forward> ul >li {width: calc(24.42% - -36px);}
.forward> ul h6 span{width:180px}

}

@media (max-width:640px){
.guide_box{padding: 20px 10px 20px;}
.guide_box .cont ul.su_1 li {line-height: 1.8;}
ul.su_1 li{font-size:14px}
.guide_box .cont ul.su_1 li:before {top: 9px;}
.par_tit {font-size: 15px;line-height: 1.8;}

.contents_box li {width: 100%;}
.contents_box ul > li > .inner{min-height:140px}
.guide_t{font-size:18px}
.contents_box .num {font-size: 16px;}

.contents_box1 li {width: 100%;}
.contents_box1 ul > li > .inner{min-height:140px; padding: 20px 26px;}
.contents_box1 .num {font-size: 18px;}
.contents_box2 ul > li > .inner {padding:20px 18px; min-height: 140px}
.contents_box .txt {font-size: 13px;}
.contents_box1 .txt {font-size: 13px;}
.contents_box2 .txt {font-size: 13px;}
.guide_txt{font-size: 13px;}
.c-tab04 li a span {display: block;padding: 11px 9px 9px;}

.forward h4 span{width:50%}
.forward> ul >li {width: calc(17.42% - -36px);}
.forward h6{min-width: 100%;}
.forward> ul h6 span {width: 80%;margin-left: 0%;}
.sp-cont1 {padding: 40px 10px 30px 10px;}

.layer-popup{width:94%;left: 3%;height: 500px; min-height: 600px}
.layer-hd-row .title{font-size:1rem}

.layer-hd-row .lab {margin-right: 2px;}
.f13{font-size:12px}
.f131{font-size:12px}
.layer-bd .layer-bd-top {min-height: 300px;}
.layer-bd .layer-bd-top textarea{height: 260px;font-size: 12px;}
.layer-bd .layer-bd-bottom {min-height: 40px; font-size: 12px}
.layer-popup .layer-hd {padding: 10px 12px;}
.layer-bd {padding: 0px 12px;}
.layer-ft {padding: 10px 12px;}

.fixed-lab {width: 48px;}

.c-tab05 li {font-size: 12px; width:33.3%}

.cm-free-opinion-area .opin-hd span{font-size:13px}
.btn-go {font-size:12px}

.feedback-title{font-size: 1.2rem;}
.no-point{font-size:12px}

.g-items{width:100%; margin:0 0px 20px}
.g-items .tit {font-size: 14px;}
.g-items .etc {font-size:14px}
.event-tit {font-size: 14px;}
.middle {font-size:13px}	
.guide_box {padding:40px 10px 35px}
}

@media (max-width:390px){
.c-tab04 li {font-size: 0.85rem;}
.forward h4 span {width: 40%;}
.forward> ul >li {width: calc(17.42% - -36px);}	
.sp-cont1 {padding: 40px 10px 30px 10px;}
}


@media (max-width:380px){
.forward h4 span {width: 30%;}
.forward> ul h6 span {width: 60%;font-size: 1rem;}
.forward> ul >li {width: calc(15.42% - -38px);}

}


/*********************************************************
로그인
*********************************************************/
/* login */
.login_wrap {width: calc(100% - 40px); max-width: 640px; margin: 0 auto;display: table; table-layout: fixed;}
.login_wrap .login_inbox {vertical-align: middle; padding: 0px 0 80px; }
.login_wrap .login_inbox h2 {text-align: center; font-size: 22px; line-height: 31px; letter-spacing: -0.44px; font-weight: bold; color: #000; }
.login_wrap .login_inbox p{text-align:center; padding-top:10px}
.login_wrap .login_inbox .login_inputBox {margin-bottom: 30px; margin-top:30px}
.login_wrap .login_inbox .login_inputBox .id_input, .login_wrap .login_inbox .login_inputBox .pw_input {width: 100%; height: 44px; margin-top: 10px; border-bottom: 1px solid #d0d0d0; font-size: 15px; line-height: 28px; color: #000; border-top:none; border-right:none; border-left:none; outline: none; background-color:none}
.login_wrap .login_inbox .login_inputBox .id_input {font-family: "Noto Sans KR", arial, sans-serif;}
.login_wrap .login_inbox .login_inputBox input::-webkit-input-placeholder {color: #d0d0d0;}
.login_wrap .login_inbox .login_inputBox input::-moz-placeholder {color: #d0d0d0;}
.login_wrap .login_inbox .login_inputBox input:-ms-input-placeholder {color: #d0d0d0;}
.login_wrap .login_inbox .login_inputBox input::-ms-input-placeholder {color: #d0d0d0;}
.login_wrap .login_inbox .login_inputBox input::placeholder {color: #d0d0d0;}


.login_wrap .login_inbox .login_inputBox .login-btn {width: 100%; height: 44px; margin-top: 50px;font-size: 15px; line-height: 28px;letter-spacing: -0.28px; color: #fff;background: #000;-webkit-transition: all 0.3s;transition: all 0.3s;}
.login_wrap .login_inbox .login_inputBox .login-btn:focus{background: #16ef72; color: #000;}

.id_save_txt {vertical-align: middle; color:#333 }


.login_wrap .login_inbox .login_onetxt {margin-bottom: 20px; font-size: 15px; line-height: 28px; letter-spacing: -0.28px; color: #000; text-align: center; font-weight: normal; font-family: "NanumSquare", "나눔스퀘어", "돋움", dotum, arial, sans-serif;word-wrap: break-word;word-break: keep-all;}
.login_wrap .login_inbox .login_btTxt {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 10px 50px;}
.login_wrap .login_inbox .login_btTxt p {font-size: 15px;line-height: 28px;letter-spacing: -0.28px;color: #000;font-weight: normal;font-family: "NanumSquare", "나눔스퀘어", "돋움", dotum, arial, sans-serif;word-wrap: break-word;word-break: keep-all;}
.login_wrap .login_inbox .login_btTxt p a {text-decoration: underline;font-weight: bold;-webkit-transition: all 0.3s;transition: all 0.3s;}
.login-txt3{padding:10px 0px; text-align: center}


.btnbox {margin-top: 30px;text-align: center;}
.btnbox button {text-align: center; font-size: 16px; width: 160px; padding: 13px 0; margin: 0 10px; border-radius: 4px;}
.btnbox button:hover {background-color: #0b2d7b; color: #fff; /* border: 1px solid #06377b; */transition: all .25s ease;}
.btn-confirm, .btn-search {background: #164bad;color: #fff;}
.btn-cancel {background: rgb(153, 153, 153);color: rgb(255, 255, 255);}


.membox-btn {margin-top: 30px;text-align: center;}
.membox-btn .btn-confirm{background: #164bad;color: #fff; width: 30%;padding: 10px;border-radius: 4px;}
.membox-btn .btn-confirm:hover{background-color: #0b2d7b; color: #fff; /* border: 1px solid #06377b; */transition: all .25s ease;}


.mypage_area{width:100%;}
.mypage_area h5 {font-size: 20px; font-weight:500; padding: 0 0 14px; margin: 10px 0 0 0; border-bottom: 1px solid #eee;}
.mypage_area h5::before {content: "\ebcc";color: #0b303a;font-family: remixicon;}

.cir_req {display: inline-flex; align-items: center;  font-size: 14px; line-height: 24px; margin-left: 8px; color: #000; font-weight: normal;}
.cir_req {position: absolute;right: 0;}
em {display: inline-block; color: #e13c02; padding-right: 3px;}

.form-group {display: flex ; align-items: center; font-size: 14px; padding: 16px; border-bottom: 1px solid #eee;}
.form-group > span {width: 270px;position: relative; color: #0b3974;}
.form-write {width: 100%;}

.w8h4 {width: 10% !important;height: 40px !important; vertical-align: middle;}
.td-search {font-size: 12px; height: 32px; min-width: 68px; padding: 0 10px; background: #555; color: #f3f3f3; vertical-align: -1px; text-align: center; border: none;vertical-align: top;}


.form-group .inputnone{border: 0px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255);}
.form-group .inputnone:focus { outline: none; }


.terms_wrap {width: calc(100% - 40px); max-width: 1200px; margin: 0 auto;}
.terms_area {width: calc(100% - 40px); max-width: 1200px; margin: 0 auto;display: table; table-layout: fixed; background: url(/res/site/img/bg-titlebar.png) repeat-x bottom;}

.list-basic {width: 100%; border-top: 2px solid #0c59cd; font-size:13px;}
.list-basic th {  border-bottom: 1px solid #666; background: #fff; text-align: center; padding: 14px 0; font-weight: 700; border-right:1px solid #ddd; vertical-align: middle;}
.list-basic td {border-bottom: 1px solid #ddd; background: #fff; padding: 17px 10px; text-align: center; border-right:1px solid #ddd; vertical-align: middle;}
.list-basic td:last-child {border-right:none;}
.list-basic th:last-child {border-right:none;}
.list-rb{border-right:1px solid #ddd !important;}


.agreebox h4 {font-size: 20px;font-weight: 500;margin-bottom: 13px; color:#000}
.agree-txt {border:1px solid #d9d9d9; margin-bottom: 30px;}
.agree-txt ul {height: 200px; overflow-y: scroll; padding:20px;    }
.mem-chackbox {padding:15px 20px; border-top: 1px solid #d9d9d9;font-size: 14px;}


.join_w20{width:20% !important; height:3.2rem !important; display: inline-block;}
.join_w40{width:40% !important; height:3.2rem !important; display: inline-block;}
.input-wd22 {width: 80px !important; height: 3.8rem !important;}

@media (max-width:640px){
.login_wrap .login_inbox p {font-size:13px}
.id_save_txt{font-size:13px}
.id_input::placeholder {font-size:13px}
.btnbox button {width:130px}
.mem-result span{font-size:13px}
.mem-result-txt{font-size:13px}
.terms_wrap {width: calc(100% - 0px);}
.terms_area {width: calc(100% - 0px);}
.use-content h6 {padding: 5px 0; font-size:14px}
.use-content span {padding: 0px 10px 10px 0; font-size:14px}
.use-content li {font-size: 12px;}
.use-content ul.type1{padding: 3px 0px 8px 0px;}
.form-group {font-size: 12px !important;}
.form-group > span {width: 184px;}
.join_w20 {width: 100% !important;}
.join_w40 {width: 100%!important;}
.td-search {margin-top: 10px;width: 100%; }
.input-wd22 {width: 100% !important;height: 3rem !important;margin-bottom: 4px !important;}
.w8h4{width:29% !important;}
}


/***********************************************************
 통합검색
************************************************************/
.t_search_area{width:100%}
.t_search_lf{width:76%; border-right:1px solid #ddd; padding-right:20px; display: inline-block;}
.t_search_rf{width:23%; vertical-align: top; display: inline-block;}
.t_search_box{background-color: #f0f2f8;margin-bottom: 1rem;font-size: 1.5rem; padding:10px 20px}
.form-group {display: flex;align-items: center;font-size: 16px;padding: 16px;border-bottom: 1px solid #eee;}
.btn.type1{background: #1F3FAA;color: #fff;border-color: #1F3FAA;width: 90px;height: 39px; font-size:12px}
.btn.type1:hover{background: #172f7f;border: 1px solid #172f7f;}
.search_inputb{width: 88% !important;height: 40px !important;}

.search_title {padding: 20px 0;}
.search_title p {font-size: 16px;color: #585858;line-height: 27px;}
.search_title p .em_black {font-size: 18px;color: #000; font-weight: 500}
.search_title p .em_orange {font-size: 18px;color: #e10000;}

.search_list{width:100%; border-top:2px solid #333;  margin-bottom:20px}
.search_result{width:100%; position: relative; padding:10px 0}

.search_result h4 {font-size: 18px; font-weight: 500; margin-bottom: 10px;padding-bottom: 16px;border-bottom: 1px solid #ddd;}
.search_result span {font-size: 18px;font-weight: 500;}
.search_result .search_num {color: #9797a6;font-size: 16px;margin-left: 1rem;}

.dbody > li {padding: 16px 0;position: relative;border-bottom: 1px solid #e8e8e8;}
.dbody > li .group .title {font-size: 16px;font-weight: 600;margin-bottom: 0.5rem;color: #000;}
.dbody .group .desc {font-size: 14px;display: inline;width: 100%;white-space: normal;overflow: hidden;text-overflow: ellipsis;height: 4em;line-height: 1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.dbody .group .desc span{font-size:12px}

.more {position: absolute; right: 0; top: 13px; font-size: 14px; color: #868695; -webkit-transition: 0.2s; transition: 0.2s;}

.sr_only{font-size: 13px !important;font-weight: 500;}



.Sbox{display:inline-block;float:left;position:relative;width:100%;margin-top:10px;padding:0; padding-left:20px}
.Sbox h4{display:block;height:35px;font-weight:bold;font-size:1.167em;line-height:2.5em;color:#000; margin-bottom:10px}
.Sbox li{float:left;width:50%}
.Sbox li a{display:block;height:28px;border:1px solid #d6d6d6;background:#f4f1f1;font-size:13px;line-height:28px;color:#717171;text-align:center}
.Sbox li.on a{border-color:#adadad;background:#fff;color:#272e3c}
.Sbox .tab_obj{position:absolute;top:75px;left:0;width:100%; padding-left:20px}
.Sbox ol{display:inline-block;width:100%}
.Sbox ol li{display:block;float:left;width:100%;padding:10px 0}
.Sbox ol li span{overflow:hidden;display:block;float:left;width:16px;height:16px;margin-right:5px;padding:0;font-weight:bold;color:#272e3c;border:1px solid #929294;background:#fbfbfb;line-height:1.15em;letter-spacing:-0.1em;text-align:center; font-size:12px}
.Sbox ol li a{display:block;float:left;height:auto;border:0 none;background:#fff;font-size:13px;line-height:16px;color:#626262}


@media (max-width:1024px){
.search_inputb {width: 80% !important;height: 40px !important;}
.Sbox h4{font-size:1.4rem}
.dbody > li .group .title {font-size: 14px;}
.dbody .group .desc {height:3rem}
}

@media (max-width:768px){
.search_inputb {width: 76% !important;height: 40px !important;}

}
@media (max-width:640px){
.t_search_rf {display:none}
.t_search_lf {width: 100%; border-right:none; padding-right: 0px;display: inline-block;}
.search_inputb {width: 68% !important;}
.search_title p {font-size: 14px;}


}
/***********************************************************
 BOARD
************************************************************/
.board_area {width: 100%; min-height: 400px; margin: 30px 0px;}
.searchbox_B {margin-top: 0px; padding: 20px 10px; background-color: #f4f5f9;}
.searchbox {width: 100%;}
.searchbox .search-group {width: 100%; display: flex; flex-wrap: wrap;}
.searchbox .search-row {width: 100%; margin: 10px 0px 10px 0px;}
.searchbox .search-col-B {float: none; width: 84%; margin: 0 auto;}
.searchbox .sch-field {height: 40px; width: 114px;  font-size: 13px; border: solid 1px #ccc; vertical-align: top;}
.searchbox .sch-field1 {height: 40px; width: 114px;  font-size: 13px; border: solid 1px #ccc; vertical-align: top;}

.searchbox .search-col-L {width: 28%; margin-right:1%; display: inline-block;}
.searchbox .search-col-R {width: 70%; display: inline-block; text-align: right; vertical-align: middle;}

.searchbox_B .sch-input {height: 40px; width: 80%; border: solid 1px #ccc; vertical-align: top;}
.searchbox_B .sch-input1 {height: 40px; width: 78%; border: solid 1px #ccc; vertical-align: top;}
.button-location {display: inline-block;}
.searchbox .sch-btn {width: 70px; height: 39px; vertical-align: top; border: none; background: #0C2340; color: white; border-radius: 4px;}
select {font-size: 13px;height: 40px; padding: 0 28px 0 10px; background: white url(/res/site/img/select-down.svg) no-repeat right 5px center; border: 1px solid #e6e6e6; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle;}





.datatable {border-top: 2px solid #616b77; border-bottom: 1px solid #a7a7a7; width:100% ; width:92%; margin:0 auto; margin-bottom:20px}
.datatable table {margin-bottom: -2px;}
.datatable thead th {padding:10px; background-color: #03276f; color:#fff; font-size: 14px; font-weight: 600; border-right:1px solid #ddd;border-left:1px solid #ddd}
.datatable td {padding: 10px; font-size: 14px; border-bottom: 1px solid #ddd; font-size:13px; border-right:1px solid #ddd;border-left:1px solid #ddd; line-height: 22px; text-align: center}
.datatable body td {border-right:1px solid #ddd;}
.datatable td::last-of-type {border-right:none;}
.left{text-align: left !important;}
.bold{font-weight: 600 !important; color:#000}
.data_bg{background-color:#e3e8f1}

.data_t1{font-weight: 600; color:#222}
.data_t2{font-weight: 600; color:#113770}


.board {width: 100%;}
.board .board_view thead tr:first-child th {border-top: 0px solid #868686;}
.board .board_view thead th:first-child {border-left: 0;}
.board .board_view thead th {padding: 20px 10px; text-align: center; font-size: 1.5rem; line-height: 1.8rem; color: #868686; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; vertical-align: middle; font-weight: 600;  color:#111} 
.board .board_view thead .title {position: relative; padding-left: 20px; text-align: left; font-size: 1.6rem; color: #020202; line-height: 2.2rem;}
.board .board_view thead th.day,
.board .board_view thead th.writer,
.board .board_view thead th.view {text-align: left; padding-left: 12px;}
.board .board_view tbody td {border-bottom: 0px solid #ccc; padding:10px; line-height: 1.8; color:#333}
.board .board_view tfoot .btn_box {padding: 30px 0;}
.board .board_view tfoot .btn_box .left_box {float: left;}
.board .board_view tfoot .btn_box .right_box {float: right;}
.board .board_view tfoot .btn_box .btn_prev,
.board .board_view tfoot .btn_box .btn_next {float: left; margin-right: 5px; width: 80px;}
.board .board_view tfoot .btn_box .btn_next {background-color: #00636a; border: 1px solid #00636A; color:#fff;}


.board table.board_tbl {table-layout: fixed; width: 100%; border-top: 2px solid #171717; }
.board .board_tbl thead {width: 100%;}
.board .board_tbl thead th {border-bottom: 1px solid #171717; padding: 20px 5px; font-size: 1.5rem; font-weight: 600; background-color:#f8f8f8; color:#111}
.board .board_tbl tbody {width: 100%; text-align: center;}
.board .board_tbl tbody {width:100%; text-align: center;}
.board .board_tbl tbody tr:hover {background: #f9f9f9;}
.board .board_tbl tbody tr.board_noti td {font-weight: 700;}
.board .board_tbl tbody td {width: 100%; border-bottom: 1px solid #ccc; padding: 20px 5px; font-size: 1.4rem; line-height: 1.6rem; font-weight: 400; vertical-align: middle;}



.board {width: 100%;}
.board .board_view1 thead tr:first-child th {border-top: 1px solid #ccc;}
.board .board_view1 thead th:first-child {border-left: 0;}
.board .board_view1 thead th {padding: 20px 10px; text-align: center; font-size: 1.5rem; line-height: 1.8rem; color: #868686; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; vertical-align: middle; font-weight: 500;}
.board .board_view1 thead .title {position: relative; padding-left: 20px; text-align: left; font-size: 1.6rem; color: #020202; line-height: 2.2rem;}
.board .board_view1 thead th.day,
.board .board_view1 thead th.writer,
.board .board_view1 thead th.view {text-align: left; padding-left: 20px;}
.board .board_view1 tbody td {border-bottom: 0px solid #ccc; padding:10px; line-height: 1.8; color:#333}
.board .board_view1 tfoot .btn_box {padding: 30px 0;}
.board .board_view1 tfoot .btn_box .left_box {float: left;}
.board .board_view1 tfoot .btn_box .right_box {float: right;}
.board .board_view1 tfoot .btn_box .btn_prev,
.board .board_view1 tfoot .btn_box .btn_next {float: left; margin-right: 5px; width: 80px;}
.board .board_view1 tfoot .btn_box .btn_next {background-color: #00636a; border: 1px solid #00636A; color:#fff;}


.avt-basic, .avt-radio, .avt-list {width: 100%;border-top: 2px solid #333;color:#092457;}
.avt-basic th, .avt-basic2 th {padding: 12px 0 12px 20px;text-align: left;border: 1px solid #e6e6e6;border-bottom:1px solid  #e6e6e6;border-right: 1px solid  #e6e6e6;
  color:#092457; font-weight: 700; background: #f5f5f5; vertical-align: middle; font-size:14px;}
.avt-basic td, .avt-basic2 td {padding: 12px 15px;border: 1px solid #e6e6e6;vertical-align: middle;  font-size:14px;}

.h180 {
    height: 180px;
}
textarea {
    width: 100%;
    min-height: 70px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 10px;
    text-align: left;
    font-size: 14px;    
    color: #424242;
    font-weight: 400;
    font-family: 'Noto Sans KR';
   
}



.type_regist{width: 100%; border-top:solid 1px #7a7d96;}
.type_regist thead tr{float: left; width: 100%; height: 40px;}
.type_regist tbody th{padding:16px 10px;  background-color:#fff; text-align:center; font-weight: bold; vertical-align:middle; font-size:14px;  border-bottom: 1px solid #e5e7ee;}
.type_regist tbody {width: 100%; min-height: 70px; }
.type_regist tbody tr{width:100%; height: 50px;  font-size:0.95em;}
.type_regist tbody tr td{border-bottom: solid 1px #eee; font-size:13px; font-weight:500; padding:16px 10px;  }
.type_regist tr td > input{width:100%; height: 34px; padding: 0px 12px; line-height: 1.42857143; color: #555555; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; outline: none;}
.type_regist tr td > input:focus,.type_regist tr td > textarea:focus {border-color: #d9e2ef; }



/*page num*/
.site-paging{ width: 100%; clear:both;}
.pagination {display:flex;align-items:center;padding: 40px 0;justify-content: center;}
.pagination li {width: 40px;border-right:1px solid #dedede;border-top:1px solid #dedede;border-bottom:1px solid #dedede; cursor: pointer;}
.pagination li:first-child{border-left:1px solid #dedede;}
.pagination span{display:inline-block;font-size:12px;margin:0 0px;width:38px; height:38px;text-align:center;padding-top:12px;}
.pagination span:hover, .pagination span.choice {background:#292e42;color:#f3f3f3;}

.pc_hidden {display: none;}

/*이전글 다음글*/
.bottom {float: left;width: 100%;}
.bottom .before-frame {width: 100%;height: 50px;border-bottom: solid 1px #ddd;border-top: 1px solid #ddd;background: #fcfcfc;}
.before-hd {position: relative;display: inline-block;padding: 15px 10px 15px 40px;vertical-align: top;}
.before-hd:after {content: "";background-size: 100% auto;background: url(/res/site/img/up_arrow.png);position: absolute;top: 44%;right: 65px;width: 25px;height: 31px;background-repeat: no-repeat;}
.before-text {display: inline-block;padding: 15px 0px 15px 0px;width: 71%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.next-frame {border-bottom: 1px solid #ddd;}
.next-frame .next-hd {position: relative; display: inline-block; padding: 15px 10px 15px 40px; vertical-align: top;}
.next-hd:after {content: ""; background-size: 100% auto;  background: url(/res/site/img/arrow.png); position: absolute; top: 44%; right: 65px; width: 25px; height: 31px; background-repeat: no-repeat;}
.next-text {display: inline-block; padding: 15px 0px 15px 0px; width: 71%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.site-list-bttn {display: block; width: 10%; height: 45px; background-color: #002266; color: #fff; margin: 0 auto; font-size: 1.5rem; font-weight: 500; border-radius: 6px;}
.site-list-bttn:hover{background-color: #2d46c5; color:#fff;/* border: 1px solid #06377b; */transition: all .25s ease;}
.downbg{width: 24px;height: 22px; line-height: 22px; background: #076c0e; color: #fff;  text-align: center; font-size: 14px; border-radius: 2px; margin-right: 2px;border-radius: 4px; vertical-align: middle;}

.th_no{width:6%}
.th_no_list{width:10%}
.th_cat{width:8%}

.word{color:#555; display: inline-block; font-weight: 500; font-size: 13px}
.file-nm{color:#3594df; display: inline-block;}
.file-nm:hover {color:#137eb3}
.noticeview-file{display: inline-block; font-size:13px; font-weight: 500 }
	
}

@media (min-width:1024px) {

.board .board_tbl thead th{font-size: 1.0rem}
.board .board_tbl tbody td{font-size: 1.0rem}
.board .board_view thead th{font-size: 1.0rem}
.board .board_view tbody td{font-size: 1.0rem}
.bottom .before-frame{font-size: 1.0rem;}
.next-frame{font-size: 1.0rem;}
.before-hd:after {right: 46px;}
.next-hd:after {right: 46px;}
.th_no{width:10%}
.th_no_list{width:12%}
.th_cat{width:10%}
.board .m_hidden {display: none !important;}
.searchbox .sch-field {width: 80px; }



}



@media (max-width: 768px) {
.board .board_tbl tbody td {font-size: 1.0rem;}
.searchbox .search-col-L {width: 34%;}
.searchbox .search-col-R{width: 63%;}

}

@media (max-width:640px){
.pagination li {width: 30px;}
.pagination span {width: 30px;height: 36px;padding-top: 9px;}
.board .pc_hidden {display: block !important;}
.board .m_hidden {display: none !important;}
.board .board_view thead .title {padding-left: 0px;font-size: 1.2rem; line-height: 1.4;}
.board .board_view thead th {font-size: 0.85rem; padding:6px}
.board .board_view tbody td {font-size:0.85rem;word-break: break-all;}
.board .board_view tbody td img{width:100% !important;}
.board .board_tbl tbody td {font-size: 0.85rem; }
.date {font-size: 1.0rem;}
.num {font-size: 1.0rem; float: right;}
.before-hd span{font-size:0.9rem}
.before-hd:after {right: 36px;}
.before-hd {padding: 7px 10px 15px 40px;}
.before-text {padding: 16px 0px 15px 0px;font-size: 0.9rem;}

.next-hd span{font-size:0.9rem}
.next-hd:after {right: 36px;}
.next-frame .next-hd {padding: 6px 10px 15px 40px;}
.next-text {padding: 15px 0px 15px 0px;font-size: 0.9rem;}
.site-list-bttn {width: 100%; height: 45px;font-size: 1.2rem}

.th_no{width:4%}
.th_no_list{width:12%}
.th_cat{width:6%}

.board .m_hidden1 {display: none !important;}
.f-13{font-size:0.85rem !important;}
.rp2_w9{width:14%}

.avt-basic th, .avt-basic2 th {padding: 12px 0 12px 12px; font-size:1.0rem;}
.searchbox .search-col-L {width: 100%; padding-bottom:4px}
.searchbox .search-col-R {width: 100%;}
.searchbox_B .sch-input1 {width: 76%!important; }

.searchbox .sch-btn {width: 66px;}
.search_lhe {display: none !important;}
.bu>li {font-size: 13px;}
}

@media (max-width:360px){
.pagination li {width: 28px;}
.pagination span {width: 28px;height: 36px;padding-top: 9px;}

}


/************************************
만족도 조사
************************************/
.content-satis{display: block; overflow: hidden; position: relative; background-color: #F2F4F7; border-radius: 0.8rem; border-width: 0; padding: 1rem 2.4rem; margin:20px 0px}
.content-satis .question-answer-wrap {overflow: hidden;display: block;padding: 0 0 0.3rem 0;}
.content-satis .question-answer-wrap .question-wrap {display: block; background-color: transparent; background-repeat: no-repeat; background-image: url(/res/site/img/ico_chat.svg); background-size: 1.5rem auto;padding-left: 2.0rem;font-size: 14px;font-weight: 600;color: #4A5677;}
.answer-wrap {-ms-flex-wrap: nowrap;flex-wrap: nowrap;display: flex; gap: 0.4rem 3.6rem;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin-top: 1rem;text-align: left;padding-left:20px;}
.radio-control {min-width: 0; display: inline-block;}
.radio-control input {overflow: hidden;width:17px;height: 17px;background-color: transparent; background-repeat: no-repeat;background-position: 50% 50%;background-size: 100% auto;background-image: url(/res/site/img/form_radio_default.svg);vertical-align: middle;}
.radio-control input:checked, .radio-control-input:checked {background-image: url(/res/site/img/form_radio_checked.svg);}
.radio-control label {color: #222222;font-size: 14px;font-weight: 400;display: inline-block;vertical-align: middle;cursor: pointer;}
.answer-text-wrap {gap: 0rem;display: flex; }
.textarea-wrap {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-ms-flex-positive: 1;flex-grow: 1;position: relative;}
.textarea-control {padding: 1.4rem 1.6rem;max-height: 20rem;margin: 0; width:100%}
.answer-text-wrap .sch-btn {width: 120px;height: 80px;vertical-align: middle;border: none;background: #0C2340;color: white;margin: 1.4rem 1.6rem; border-radius: 4px;}
.answer-text-wrap .sch-btn:hover {background: #1a60ba;transition: all .25s ease;}


@media (max-width: 768px) {
.answer-text-wrap .sch-btn{font-size:1.0rem}
}

@media (max-width: 640px) {
.content-satis {padding: 1rem 1rem;}
.answer-wrap {gap: 0.4rem 1rem;padding-left: 0px; }
.textarea-control {padding: 1.4rem 0.6rem;}
.answer-text-wrap .sch-btn {width: 80px;margin: 1.4rem 0.6rem;}
.searchbox .sch-field1 {width:100%; margin-bottom:10px}
}


/*공통*/
.pointer {cursor: pointer;}
@media (max-width:640px){
input[type="text"], input[type="password"] {
    padding: 0 0.6rem;    
    font-size: 1.0rem;    
}
textarea{font-size:1.0rem}



}
/* 푸터 */
#footer { background: #262626;position:relative;bottom:0;width:100%; clear: both; }  
@media (max-width:640px){
#footer { padding:6rem 0 3rem 0; }
}



/*첨부파일*/
.file-group{float:left;}
.hide{visibility:hidden;}
#mask{position:fixed; width:100%; min-height:100vh; background : rgba(0,0,0, 70%); z-index: 1005; display: none;}

.attached-file-modal{
	position:absolute; top:80%; left:45%;
	width: 400px; height: 200px; background-color: white; z-index: 800; border: solid 1px #777;
}
.file-md-hd{float:left; width: 100%; height: 45px;}
.bttn-x{float: right; width: 30px; height: 30px; text-align: center; padding-top: 5px; margin:10px 10px 10px 10px; background-color: white; color: black; cursor: pointer;}

.file-md-bdy{float:left; width: 100%; height: 80px; margin-bottom: 2%;}
.file-md-bdy form{border: solid 1px black; width: 80%; height: 60px; margin-left:10%; margin-right:10%;}
.input-fnm{width:80%; margin-left:10%; margin-right:10%; margin-top:4%; background-color: #fff; font-size:12px}

.file-md-ftr{float:left; width: 100%; height: 60px;}
.bttn-upload{cursor:pointer; position:relative; display:block; margin: 0 auto; width: 120px; height: 30px; line-height:30px; background-color: black; color:white; border-radius: 4px; text-align: center;}
.bttn-del-file{width: 60px; height: 30px; text-align: center; background-color: #ff3b04; border-radius: 3px; margin-right: 5px; color:#fff; margin-left:10px; font-size:13px}
.bttn-file-add{width: 60px; height: 30px; text-align: center; background-color: #047895; color:white; border-radius: 3px; font-size:13px}
.dn {display: none;}

.textarea_w {width: 100%; height: 300px;}

.w45{width:45%; display: inline-block;}
.w45r{width:45%; display: inline-block; float: right; text-align: right}
.h30{height:30px}


/*분과별*/

.contents_box11{width:100%; margin-top:10px}

.org {position: relative; margin-top: 6rem;  font-size: 1.6rem; line-height: 1.4; text-align: center;}
.org:before {content: "";  position: absolute; top: 0;left: 50%; width: 1px;  height: 63%; background-color: #bdbdbd;}

.org-box {display: flex; justify-content: center;  align-items: center; position: relative; border-radius: .8rem; font-weight: 500; z-index: 1;}

.org-box[data-org-level="01"] {margin: 0 auto; width: 50rem; height: 6.4rem; background-color: #245c9c; color: #fff; font-size: 1.8rem; font-weight: 700;}

.org-box[data-org-level*="01-"] {width: 21rem;height: 4.8rem; color: #fff;}

.org-box[data-org-level="02"] {margin: 3.2rem auto 0; width: 50rem;  height: 4.8rem; background-color: #f9e5bc; color: #333;}

.org-group {display: flex ;position: relative;}

.org-item {position: relative;}


.org-box[data-org-level="02-01"] {width: 15rem;}
.org-box[data-org-level="02-01"] {height: 4.8rem;background-color: #fff;border: 1px solid #245c9c;color: #245c9c;}
.org-box {display: flex; justify-content: center; align-items: center; position: relative; border-radius: .8rem; font-weight: 500;z-index: 1;}

.org-group[data-org-group="02"] {flex-direction: column; align-items: flex-end; row-gap: .8rem; margin: 3.2rem auto 0; width: 100%;max-width: 64rem;flex-direction: column;gap: .8rem;}

.org-group[data-org-group="03"] > .org-item {padding: 0 .75rem;width: calc(100% / 3);}
.org-group[data-org-group="03"] {margin: 8rem -.75rem 0;}
.org-box[data-org-level="03"] {width: 100%;height: 4.8rem;  background-color: #f0f7ff; color: #245c9c;font-weight: 500;}

.org-group[data-org-group="03"] {background-color: #fff;}
.org-group[data-org-group="03"] > .org-item:before {content: "";position: absolute;top: -3.6rem;right: 50%;width: 100%;height: 16.6rem;background-color: #fff;border: solid #bdbdbd;border-width: 1px 1px 0 0;}
.org-group[data-org-group="03"] > .org-item:first-child:before {width: 0;}


.org-group[data-org-group="04"] > .org-item {padding: 0 .75rem;width: calc(100% / 1);}
.org-group[data-org-group="04"] {margin: 8rem -.75rem 0;}
.org-group[data-org-group="04"] {background-color: #fff;}
.org-box[data-org-level="04"] {width: 100%;height: 4.8rem;  background-color: #b9f9f6; color: #333;font-weight: 500;}

.04bg {background-color: #f0f7ff !important ;}



.org-group[data-org-group="05"] > .org-item {padding: 0 .75rem;width: calc(100% / 1);}
.org-group[data-org-group="05"] {margin: 8rem -.75rem 0;}
.org-box[data-org-level="05"] {width: 50%; margin:0 auto; height: 4.8rem;  background-color: #aad2ff; color: #000;font-weight: 500;}

.org-group[data-org-group="05"] {background-color: #fff;}
.org-group[data-org-group="05"] > .org-item:before {content: "";position: absolute;top: -3.6rem;right: 50%;width: 100%;height: 13.6rem;background-color: #fff;border: solid #bdbdbd;border-width: 1px 1px 0 0;}
.org-group[data-org-group="05"] > .org-item:first-child:before {width: 0;}



.org-group[data-org-group="06"] > .org-item {padding: 0 .75rem;width: calc(100% / 1);}
.org-group[data-org-group="06"] {margin: 8rem -.75rem 0;}
.org-box[data-org-level="06"] {width: 100%;height: 4.8rem;  background-color: #f0f7ff; color: #245c9c;font-weight: 500;}

.org-group[data-org-group="06"] {background-color: #fff;}
.org-group[data-org-group="06"] > .org-item:before {content: "";position: absolute;top: -3.6rem;right: 50%;width: 100%;height: 6.6rem;background-color: #fff;border: solid #bdbdbd;border-width: 1px 1px 0 0;}
.org-group[data-org-group="06"] > .org-item:first-child:before {width: 0;}

.w49{width:49.5%; display: inline-block;}



@media (min-width: 480px) {
.org-group[data-org-group="02"]:before {content: ""; position: absolute; top: 2.4rem; left: 50%; width: 50%; height: 1px; background-color: #bdbdbd;}
}


@media (min-width: 640px) {

.org-group[data-org-group="02"]:before {content: ""; position: absolute; top: 2.4rem; left: 50%; width: 50%; height: 1px; background-color: #bdbdbd;}
.org-group[data-org-group="03"] {background-color: #fff;}
.org-group[data-org-group="03"] > .org-item:before {content: ""; position: absolute; top: -3.6rem; right: 50%; width: 100%; height: 16.6rem; background-color: #fff;border: solid #bdbdbd; border-width: 1px 1px 0 0;}

}

@media (max-width: 640px) {
.org {margin-top: 2rem; font-size: 1.0rem;}
.org-box[data-org-level="01"] {width: 80%; height: 4.2rem; font-size: 1.0rem;}
.org-box[data-org-level="02"] {width: 80%;height: 4.3rem; font-size: 1.0rem;}
.org-group[data-org-group="02"]:before {content: ""; position: absolute; top: 1.4rem; left: 50%; width: 50%; height: 1px; background-color: #bdbdbd;}

.org-box[data-org-level="02-01"], .org-box[data-org-level="05"] {height: 2.8rem;}
.org-box[data-org-level="02-01"] {width: 10rem;}
.org-group[data-org-group="04"] {margin: 4rem -.75rem;}
.org-group[data-org-group="03"] > .org-item {width: calc(100% / 4);}
	
}


@media (max-width: 400px) {
.w49 {width: 48.5%;}
.org-group[data-org-group="06"] > .org-item {width: calc(100% / 2);}
.org-box[data-org-level="06"] {font-size:0.85rem;    height: 3.8rem;}
.org-group[data-org-group="05"] {margin: 5rem -.75rem 0;}
.org-group[data-org-group="06"] {margin: 5rem -.75rem 0;}
	
}