@charset "utf-8";

/* 공통 */
.defText{margin-bottom:15px;font-weight:300;color:#000}
.defTit{display:block;text-align:left;font-weight:500;font-size:28px;line-height:38px;letter-spacing:-0.05em;word-break:keep-all;margin-bottom:9px}

@media (max-width:1000px) {
.defTit{font-size:24px;line-height:36px}
}

@media (max-width:767px) {
.defTit{font-size:18px;line-height:26px}
}

/*청장소개*/
.greenround{margin:3px 1px;padding:9px 20px;position:relative;display:block;border-radius:18px;background:#fff;min-width:85px;border:1px solid #00c386;color:#1E842D;margin-right:30px;line-height:100%;float:left}
.career .greenround{width:180px}
.book .greenround{text-align:center}
.dhWrap li{overflow:hidden}

.dht{width:100%;position:relative;padding:20px 26px;border:1px solid #a3a3a3;border-left:0;border-right:0;overflow:hidden}
.dht .txt_list{float:left;margin:28px 0 0 0}
.dht .txt_list>li{margin-left:0;background:url(../images/common/bul_listb.gif) left 9px no-repeat;margin-bottom:2px}
.dht .txt_list>li:before { display: none; }
.greenround+p{display:block;overflow:hidden}

.profile{width:172px;float:left;margin-right:67px}

.nameBox{padding-top:30px;overflow:hidden}
.nameBox img{vertical-align:bottom;margin-left:10px}

.nameBox_new{padding-top:100px;overflow:hidden}
.nameBox_new img{vertical-align:bottom;margin-left:10px}

.dhWrap{width:100%;overflow:hidden;position:relative}
.dhWrap>div{padding-bottom:20px;border-bottom:1px solid #a3a3a3;box-sizing:border-box;display:block;width:100%;float:left}
.dhWrap li{display:table}
.dhWrap li>p{display:table-cell;text-align:left;vertical-align:middle}

.dphoto em{margin-left:10px;font-family:'NanumSquare', 'Noto Sans Kr', sans-serif;font-size:24px;color:#111;font-weight:500;line-height:24px;}

@media (max-width:642px){
    .greenround{margin-right:15px}
}
@media (max-width:628px){
    .profile{margin-right:25px}
}
@media (max-width:586px){
    .profile{width:100%;text-align:center;margin-right:0}
    .nameBox{display:inline-block;width:100%;padding-top:10px}
    .dphoto{text-align:center}
    .dht .txt_list{margin-top:10px}
}
@media (max-width:427px){
    .career .greenround{width:100%}

    .greenround{margin:0;padding:0;border:0;color:#209a70;line-height:150% ;float:left}
    .greenround:before{content:'';display:inline-block;width:4px;height:4px;background-color:#00c386;border-radius:100%;vertical-align:3px;margin-right:4px}
    .greenround+p{width:100%;padding-left:8px}
    .book .greenround{text-align:left}
    .dhWrap li{display:block;margin-top:3px}
    .dhWrap li:first-child{margin-top:0}
    .dhWrap li>p{display:block}
}
@media (max-width:384px){
    .dht{height:auto}
}

/*레이어팝업갤러리*/
.form_wrap.popup_gl .pgwSlideshow .ps-current{}
.form_wrap.popup_gl .pgwSlideshow .ps-caption{margin-top:20px;/*background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";*/text-align:left;font-size:1rem;color:#fff;/*position:absolute;left:0;bottom:0;*/padding:0 10px;width:100%;display:none;font-weight:300}
.form_wrap.popup_gl .pgwSlideshow .ps-caption ul li{position:relative;padding-left:10px;margin-top:5px}
.form_wrap.popup_gl .pgwSlideshow .ps-caption ul li:first-child{margin-top:0}
.form_wrap.popup_gl .pgwSlideshow .ps-caption ul li:before{content:"";display:block;position:absolute;left:0;top:9px;width:3px;height:3px;background:#00c386}
.form_wrap.popup_gl .pgwSlideshow .ps-caption a b{font-weight:500}
.form_wrap.popup_gl .pgwSlideshow a{color:#fff}
.ps-list .slideComment{display:none}


#enterPopup{z-index:9999;position:absolute;left: 30%;border:1px solid rgba(0, 0, 0, 0.7);background-color:rgba(0, 0, 0, 0.7);}
#enterPopup a{display:block}

#enterPopup .ep_cookie_close{position:relative;text-align:right}
#enterPopup .ep_cookie_close .day_close{position:absolute;top:0;left:10px}
#enterPopup .ep_cookie_close a{display:block;padding-right:10px;text-align:right;color:#fff;}
#enterPopup .ep_cookie_close a img{vertical-align:-8px}

@media (max-width:640px) {
#enterPopup{width:85%;top:350px;left:50px;}
#enterPopup .ep_cookie_close{position:relative;text-align:right}
#enterPopup .ep_cookie_close .day_close{position:absolute;top:0;left:5px}
#enterPopup .ep_cookie_close a{display:block;padding-right:10px;text-align:right;color:#fff;}
#enterPopup .ep_cookie_close a img{vertical-align:-8px}
}

#enterPopup2{z-index:9999;position:absolute;top:50%;left: 30%;border:1px solid rgba(0, 0, 0, 0.7);background-color:rgba(0, 0, 0, 0.7);}
#enterPopup2 a{display:block}

#enterPopup2 .ep_cookie_close{position:relative;text-align:right}
#enterPopup2 .ep_cookie_close .day_close{position:absolute;top:0;left:10px}
#enterPopup2 .ep_cookie_close a{display:block;padding-right:10px;text-align:right;color:#fff;}
#enterPopup2 .ep_cookie_close a img{vertical-align:-8px}

@media (max-width:640px) {
#enterPopup2{width:85%;top:350px;left:50px;}
#enterPopup2 .ep_cookie_close{position:relative;text-align:right}
#enterPopup2 .ep_cookie_close .day_close{position:absolute;top:0;left:5px}
#enterPopup2 .ep_cookie_close a{display:block;padding-right:10px;text-align:right;color:#fff;}
#enterPopup2 .ep_cookie_close a img{vertical-align:-8px}
}


/* 회원가입_공통 및 회원구분 */
.memberWrap.wd{max-width:100%}
.memberWrap h4.hd{margin-top:-15px}

.memberWrap{max-width:1000px;margin:0 auto;padding:10px 10px}
.memberWrap h3{padding-bottom:17px;color:#313a68;font-size:36px;line-height:36px;border-bottom:2px solid #a0a0a0;text-align:center}
.memberWrap h4{margin:50px 0 20px;color:#323232;font-size:28px}
.memberWrap ul:after{content:"";display:block;clear:both}
.memberWrap ul.memberType{margin-top:60px}
.memberWrap ul.memberType li{padding:39px 24px;float:left;width:100%;text-align:center;border-width:1px 1px 1px 0;border-style:solid;border-color:#d2d2d2}
.memberWrap ul.memberType li:first-child{border-left:1px solid #d2d2d2}
.memberWrap ul.memberType li strong{font-size:28px;color:#323232;font-weight:500}
.memberWrap ul.memberType li .icon{width:117px;height:115px;margin:30px auto}
.memberWrap ul.memberType li.t01 .icon{background:url(../images/content/member/icon_member_t01.png) center bottom no-repeat}
.memberWrap ul.memberType li.t02 .icon{background:url(../images/content/member/icon_member_t02.png) center bottom no-repeat}
.memberWrap ul.memberType li span{color:#323232;font-weight:300;font-size:18px}
.memberWrap ul.memberType li a{margin-top:40px;display:block;padding:23px 0 25px;text-align:center;background:#007B7E;color:#fff;font-size:20px;border-radius:5px}
.memberWrap ul.memberType li a:hover{padding:22px 0 24px;background:#fff;color:#03a2a4;border:1px solid #03a2a4}

/* 회원가입_절차 */
.memberStep{background:#f2f5f8;padding:34px 0}
.memberStep ul li{position:relative;float:left;padding-top:102px;width:25%;text-align:center;color:#323232}
.memberStep ul li:before{content:"";display:block;position:absolute;left:50%;margin-left:-45px;top:0;width:90px;height:90px;background:url(../images/content/member/icon_memStep.png)}
.memberStep ul li.step1:before{background-position:0 0}
.memberStep ul li.step2:before{background-position:-100px 0}
.memberStep ul li.step3:before{background-position:-200px 0}
.memberStep ul li.step4:before{background-position:-300px 0}
.memberStep ul li.step1.on:before{background-position:0 -100px}
.memberStep ul li.step2.on:before{background-position:-100px -100px}
.memberStep ul li.step3.on:before{background-position:-200px -100px}
.memberStep ul li.step4.on:before{background-position:-300px -100px}

/* 회원가입_코멘트 */
.memberCmt{padding:30px 15px;color:#444;font-size:17px;text-align:center;line-height:26px;border-bottom:1px solid #a3a3a3}
.memberCmt>div{line-height:23px}
.memberCmt .point{color:#05775d}

/* 회원가입 소제목 */
.mem_titBox{margin:50px 0 15px;overflow:hidden}
.mem_titBox strong{float:left;font-size:28px;color:#323232;font-weight:500;line-height:28px}
.mem_titBox label{margin:7px 20px 0 0}
.mem_titBox label input{vertical-align:middle}

/* 회원가입 약관박스 */
.clauseBox{padding:20px;height:200px;overflow:auto;border:1px solid #d2d2d2;color:#494949}
.clauseBox strong{display:inline-block;margin-top:20px;font-size:20px;color:#0085d8;font-weight:500}
.clauseBox strong:first-child{margin-top:0}
.clauseBox h6{margin:15px 0 5px;font-weight:500;color:#323232;font-size:17px}
.clauseBox h6:first-child{margin-top:0}
.clauseBox p{color:#494949;margin-left:0}
.clauseBox ul{margin:5px 0}
.clauseBox ul li{position:relative;margin-top:5px;padding-left:24px}
.clauseBox ul li:first-child{margin-top:0}
.clauseBox ul li:before{content:"";display:block;position:absolute;left:3px;top:11px;width:12px;height:1px;background:#494949}
.clauseBox em{display:inline-block;margin:10px 0 5px;font-weight:500;color:#323232}
.clauseBox table tr td{word-break:break-all}


/* 회원가입 약관박스 new 20230920*/
.clauseBox_new{padding:20px;border:1px solid #d2d2d2;color:#494949}
.clauseBox_new strong{display:inline-block;margin-top:20px;font-size:20px;color:#0085d8;font-weight:500}
.clauseBox_new strong:first-child{margin-top:0}
.clauseBox_new h6{margin:15px 0 5px;font-weight:500;color:#323232;font-size:17px;clear:both}
.clauseBox_new h6:first-child{margin-top:0}
.clauseBox_new p{color:#494949;margin-left:0}
.clauseBox_new ul{margin:5px 0}
.clauseBox_new ul li{position:relative;margin-top:5px;padding-left:24px}
.clauseBox_new ul li:first-child{margin-top:0}
.clauseBox_new ul li:before{content:"";display:block;position:absolute;left:3px;top:11px;width:12px;height:1px;background:#494949}
.clauseBox_new em{display:inline-block;margin:10px 0 5px;font-weight:500;color:#323232}
.clauseBox_new table tr td{word-break:break-all}
.clauseBox_new label{margin:7px 10px 0 0}



.agrChk_wrap{margin:20px 0 40px;overflow:hidden}
.agrChk_wrap .agrChk_box{float:left;width:50%;text-align:center}
.agrChk_wrap .agrChk_box>div{display:inline-block;position:relative;padding-left:68px}
.agrChk_wrap .agrChk_box>div>strong{position:absolute;left:0;top:0;font-weight:500}
.agrChk_wrap .agrChk_box>div>label{margin-left:8px}
.agrChk_wrap .agrChk_box>div>label>input{margin-right:5px}

.mem_nextBtn{display:block;padding:30px 0;color:#fff !important;text-align:center;font-size:22px;background:#007b7e;font-weight:500}
.mem_nextBtn:hover{padding:29px 0;background:#fff;color:#03a2a4 !important;border:1px solid #03a2a4}

.certiWrap{display:table;width:100%;margin-top:60px}
.certiWrap:after{content:"";display:block;clear:both}
.certiWrap li{display:table-cell;width:33%;border-width:1px 1px 1px 0;border-style:solid;border-color:#d2d2d2;text-align:center}
.certiWrap li:first-child{border-left:1px solid #d2d2d2}
.certiWrap li .certiBox{padding:39px 24px}
.certiWrap li .certiBox strong{font-size:28px;color:#323232;font-weight:500;line-height:32px;}
.certiWrap li .certiBox .icon{width:113px;height:110px;margin:30px auto 20px}
.certiWrap li.t00 .certiBox .icon{background:url(../images/content/member/icon_certification_01.gif) center center no-repeat}
.certiWrap li.t01 .certiBox .icon{background:url(../images/content/member/icon_certification_01.gif) center center no-repeat}
.certiWrap li.t02 .certiBox .icon{background:url(../images/content/member/icon_certification_02.gif) center center no-repeat}
.certiWrap li.t03 .certiBox .icon{background:url(../images/content/member/icon_certification_03.gif) center center no-repeat}
.certiWrap li .certiBox .msg{margin-bottom:20px;height:140px;overflow:hidden;color:#323232;font-size:18px;line-height:23px}
.certiWrap li .certiBox .msg.sm_msg{height:66px}
.certi_btn{display:block;font-weight:500;color:#fff !important;text-align:center;padding:17px 0;background:#019292;border-radius:5px;border:2px solid transparent;font-size:18px}
.certi_btn:hover{border-color:#03a2a4;color:#03a2a4 !important;background:#fff}
.certiWrap li .comment{padding:24px;border-top:1px solid #d2d2d2;background:#f2f5f8;color:#666;font-size:16px;line-height:23px}

.certiWrap li.t00{width:100%}



.certiWrap2{display:table;width:100%;margin-top:60px}
.certiWrap2:after{content:"";display:block;clear:both}
.certiWrap2 li{display:table-cell;width:50%;border-width:1px 1px 1px 0;border-style:solid;border-color:#d2d2d2;text-align:center}
.certiWrap2 li:first-child{border-left:1px solid #d2d2d2}
.certiWrap2 li .certiBox{padding:39px 24px}
.certiWrap2 li .certiBox strong{font-size:28px;color:#323232;font-weight:500;line-height:32px;}
.certiWrap2 li .certiBox .icon{width:113px;height:110px;margin:30px auto 20px}
.certiWrap2 li.t00 .certiBox .icon{background:url(../images/content/member/icon_certification_01.gif) center center no-repeat}
.certiWrap2 li.t01 .certiBox .icon{background:url(../images/content/member/icon_certification_01.gif) center center no-repeat}
.certiWrap2 li.t02 .certiBox .icon{background:url(../images/content/member/icon_certification_02.gif) center center no-repeat}
.certiWrap2 li.t03 .certiBox .icon{background:url(../images/content/member/icon_certification_03.gif) center center no-repeat}
.certiWrap2 li .certiBox .msg{margin-bottom:20px;height:140px;overflow:hidden;color:#323232;font-size:18px;line-height:23px}
.certiWrap2 li .certiBox .msg.sm_msg{height:66px}


/* 회원가입_정보입력 */
.memberF_wrap{padding:30px;border:1px solid #d2d2d2;background:#fff}
.memberF_wrap:after {content:"";display:block;clear:both}
.memberF_wrap .memberF_box{position:relative;padding-left:150px;margin-top:20px}
.memberF_wrap .memberF_box.first,
.memberF_wrap .memberF_box:first-of-type{margin-top:0}
.memberF_wrap .memberF_box .tit{position:absolute;left:0;font-weight:500;font-size:17px;color:#323232}
.memberF_wrap .memberF_box.name .tit{position:absolute;left:0;top:50%;margin-top:-9px}/*이름 제목 위치*/
.memberF_wrap .memberF_box.name input[type=text]{width:auto}
.memberF_wrap .memberF_box .tit.inte{top:0}/*관심분야 제목 위치*/
.memberF_wrap .memberF_box .tit .point{color:#d31f2e}
.memberF_wrap .memberF_box input[type=text],
.memberF_wrap .memberF_box input[type=password],
.memberF_wrap .memberF_box select{margin-bottom:5px;background:#fff;width:100%;color:#606060}
.memberF_wrap .memberF_box>em{display:inline-block;margin-top:3px;color:#606060}
.memberF_wrap .memberF_box input[type=text].user_id{padding-right:50px}
.memberF_wrap .memberF_box .id_Btn{position:absolute;right:0;top:0}
.memberF_wrap .memberF_box.textarea{padding:0}
.memberF_wrap .memberF_box.textarea .tit{position:static;margin-bottom:10px}
.memberF_wrap .memberF_box.textarea textarea{width:100%;padding:10px;border-color:#d2d2d2}

.memberF_wrap .memberF_box .memMulti_box{overflow:hidden}
.memberF_wrap .memberF_box .memMulti_box input{float:left;width:24.625%;margin-left:0.5%}
.memberF_wrap .memberF_box .memMulti_box input:first-child{margin-left:0}

@media (max-width:767px) {
.memberF_wrap .memberF_box .memMulti_box input{width:49.5%;margin:0 0 1% 1%}
.memberF_wrap .memberF_box .memMulti_box input:nth-child(3){margin-left:0}
}
.memberF_wrap .memberF_box.break{padding-left:0}
.memberF_wrap .memberF_box.break .tit{position:static}

.memberF_wrap .memberF_box .memCheck_box{margin-top:5px}
.memberF_wrap .memberF_box .memCheck_box ul{overflow:hidden}
.memberF_wrap .memberF_box .memCheck_box ul li{float:left;width:13.85%;padding:5px;margin-left:0.5%;border:1px solid #d2d2d2}
.memberF_wrap .memberF_box .memCheck_box ul li:first-child{margin-left:0}
.memberF_wrap .memberF_box .memCheck_box ul li em{display:block;padding:0 0 5px;font-weight:400;font-size:14px;text-align:center;border-bottom:1px solid #d2d2d2}
.memberF_wrap .memberF_box .memCheck_box ul li span{display:block;margin-top:5px;text-align:center}
.memberF_wrap .memberF_box .memCheck_box ul li span label{font-size:14px}
.memberF_wrap .memberF_box .memCheck_box ul li span input{width:40px;height:30px;margin:0 5px;font-size:14px}

@media (max-width:1160px) {
.memberF_wrap .memberF_box .memCheck_box ul li{width:24.625%;margin:0 0 0.5% 0.5%}
.memberF_wrap .memberF_box .memCheck_box ul li:nth-child(5){margin-left:0}
}

@media (max-width:520px) {
.memberF_wrap .memberF_box .memCheck_box ul li{width:32.66%;margin:0 0 1% 1%}
.memberF_wrap .memberF_box .memCheck_box ul li:nth-child(5){margin-left:1%}
.memberF_wrap .memberF_box .memCheck_box ul li:nth-child(3n+1){margin-left:0}
}
@media (max-width:520px) {
.memberF_wrap .memberF_box .memCheck_box ul li{width:49.5%}
.memberF_wrap .memberF_box .memCheck_box ul li:nth-child(3n+1){margin-left:1%}
.memberF_wrap .memberF_box .memCheck_box ul li:nth-child(2n+1){margin-left:0}
}
.agree_checkbox{margin-top:20px;text-align:center}

.inputPlace{position:relative}
.inputPlace span{position:absolute;left:5px;top:50%;margin-top:-10px;color:#606060;font-size:16px}

.memEmail_box{position:relative;padding-right:0px}
.memEmail_box .email_sel{width:45% !important}
.memEmail_box .email_inputBox{position:relative;}
.memEmail_box .email_inputBox>*{float:left}
.memEmail_box .email_inputBox input[type=text]:first-child{width:50%}
.memEmail_box .email_inputBox input[type=text]{width:44%}
.memEmail_box .email_inputBox>span{width:6%;line-height:40px;text-align:center}

.id_Btn{width:66px;height:40px;background:transparent url(../images/common/icon_idSch1.png) center center no-repeat;text-indent:-9999px}

.telBox select,
.telBox input{width:120px !important}
.telBox input{text-align:center;text-indent:0}

.postBox{display:inline-block;position:relative}
.postBox input{width:151px !important;padding-right:50px}
/* .postBox .postBtn{position:absolute;right:0;top:0;display:block;width:40px;height:40px;background:url(../images/common/icon_idSch.png) center center no-repeat;text-indent:-9999px} */
.postBox .postBtn{position:absolute;right:0;top:0;display:block;width:85px;height:40px;font-size:14px;color:#FFF;background:#5571cb;padding:10px 5px;text-align:center}
.inteBox{overflow:hidden}
.inteBox label{float:left;width:20%;color:#606060;margin-bottom:10px;font-size:16px}
.inteBox label input[type=checkbox]{margin:3px;vertical-align:middle}

.snsId{overflow:hidden}
.snsId li{position:relative;padding:8px 0 8px 94px;width:100%;margin-bottom:20px;text-align:left;}
.snsId li.t01,
.snsId li.t03{margin-left:0}
.snsId li input[type=checkbox]{position:absolute;left:0;top:50%;margin-top:-7px;vertical-align: middle}
.snsId li .icon{position:absolute;left:22px;top:0;display:inline-block;width:56px;height:56px;border:1px solid #d2d2d2;border-radius:50%}
.snsId li.t01 .icon{background:#fff url(../images/content/member/naver.png) center center no-repeat;text-indent:-9999px;}
.snsId li.t02 .icon{background:#fff url(../images/content/member/kakao.png) center center no-repeat;text-indent:-9999px;}
.snsId li.t03 .icon{background:#fff url(../images/content/member/facebook.png) center center no-repeat;text-indent:-9999px;}
.snsId li.t04 .icon{background:#fff url(../images/content/member/google.png) center center no-repeat;text-indent:-9999px;}
.snsId li input[type=text]{margin-bottom:0 !important;border-width:0 0 1px 0;border-style:solid;border-color:#535353;vertical-align:middle}

/* 마이페이지>sns아이디 20210514 */

.other_social a { display: block; padding: 20px 20px 20px 100px; border: 1px solid #d2d2d2;border-radius: 5px;  margin-bottom: 16px;position: relative; box-sizing: border-box; }
.other_social a:hover:after{ content:""; display: block; padding: 20px 20px 20px 100px; border: 2px solid #00c386;border-radius: 5px; position: absolute; box-sizing: border-box;top:-1px; left: -1px;right: -1px; bottom: -1px; }

.other_social a .icon { width: 30px; height: 30px; overflow: hidden; position: absolute; top:50%; ; left: 30px;margin-top: -15px;}
.other_social a .icon.naver { background: url(../images/content/member/naver.png) center center no-repeat; }
.other_social a .icon.kakao { background: url(../images/content/member/kakao.png) center center no-repeat; }
.other_social a .icon.facebook { background: url(../images/content/member/facebook.png) center center no-repeat; }
.other_social a .icon.google { background: url(../images/content/member/google.png) center center no-repeat; }
.other_social a .so_txt { position: relative; font-size: 18px; }
.other_social a:hover .so_txt {font-weight:500}
.other_social a:before { content: "";display: block;position: absolute;width: 1px;height: 60px;background: #d2d2d2;top: 50%;margin-top: -30px;left: 87px; }




.memberF_btnArea{margin-top:40px}
.memberF_btnArea .memJoin,
.memberF_btnArea .cancel{position:relative;float:left;display:block;width:48%;height:90px;line-height:90px;color:#fff !important;text-align:center;font-size:22px}

.memberF_btnArea .memJoin{background:#03a2a4;transition:all .3s}
.memberF_btnArea .memJoin:before{content:"";display:inline-block;margin-right:7px;position:relative;width:32px;height:26px;background:url(../images/content/member/icon_joinCheck.png) no-repeat;transition:all .3s}
.memberF_btnArea .memJoin:hover{background:#fff;color:#03a2a4 !important;border:1px solid #03a2a4}
.memberF_btnArea .memJoin:hover:before{background:url(../images/content/member/icon_joinCheck_ov.png) no-repeat}
.memberF_btnArea .cancel{margin-left:4%;background:#798084}
.memberF_btnArea .cancel:hover{color:#798084 !important;border:1px solid #798084;background:#fff}

.layer_Dup{position:absolute;right:0;top:40px;background:#fff;padding:45px 25px 40px;border:1px solid #505050;z-index:2}
.layer_Dup .l_DupTit{display:block;font-size:28px;color:#323232;font-weight:normal;padding-bottom:30px;padding-right:57px;line-height:25px;margin-top:-7px}
.layer_Dup .l_DupCon{padding:20px 0;border-width:1px 0;border-style:solid;border-color:#d2d2d2}
.layer_Dup .l_DupCon p{color:#606060;font-size:16px}
.layer_Dup .l_DupCon p .point{color:#0085d8;letter-spacing:-0.02em}
.layer_Dup .l_DupBtn{margin-top:20px;text-align:center}
.layer_Dup .l_DupBtn a,
.layer_Dup .l_DupBtn button{display:inline-block;padding:0 30px;height:42px;line-height:38px;text-align:center;border-radius:5px;vertical-align:top}
.layer_Dup .l_DupBtn .bg_bBtn{color:#fff !important;background-color:#4864dc}
.layer_Dup .l_DupBtn .bg_fBtn{border:2px solid #0085d8;color:#0085d8 !important;background-color:#fff}
.l_Close, .popClose{display:inline-block;position:relative;width:60px;height:60px;background:#f2f5f8;border-radius:50%;text-indent:-9999px}
.l_Close:before,
.popClose:before{content:"";display:block;position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px;width:20px;height:20px;background:url(../images/common/layer_dupClose.png) no-repeat;transition:all .3s}
.l_Close:hover:before,
.popClose:hover:before{transform:rotate(180deg)}

.layer_Dup.popup{position:relative;top:0;margin:10px}
.layer_Dup.popup a, button{display:inline-block;vertical-align:middle;}

.layer_Dup .l_Close,
.layer_Dup .popClose{position:absolute;right:20px;top:20px}

/* 인트로 산불, 산사태 관련영상 */
.layer_Dup.intro{border:0;margin:0;padding:37px 25px 25px}
.layer_Dup.intro .l_Close, .layer_Dup.intro .popClose{top:10px}
.layer_Dup.intro .l_DupTit{padding-bottom:25px;border-bottom:4px solid #545361}
.layer_Dup.intro .l_DupCon{border-top:0}
.videoPop{overflow:hidden}
.videoPop>video{width:100%;max-width:600px}
.videoPop .videoA{float:left;width:49%;margin-right:2%}
.videoPop .videoA video{width:100%;height:295px;background-color:#000}
.videoPop .videoInfo{overflow:hidden}
.videoPop .video_sel{position:relative;padding-right:63px;margin-bottom:5px}
.videoPop .video_sel select{width:100%}
.videoPop .video_sel .btn{padding:10px 15px;position:absolute;right:0;top:0;margin:0;border-radius:0}
.videoPop .video_txt{border:1px solid #ccc;height:250px;background:#f2f5f8;overflow:auto}
.videoPop.t2 .video_txt{height:296px}
.videoPop .video_txt>div{padding:10px;line-height:23px}

@media all and (max-width:640px){
    .videoPop .videoA{float:none;width:100%;margin-right:0}
    .videoPop .videoA video{height:auto}

    .videoInfo{margin-top:10px}
    .videoPop .video_txt{height:auto}
    .videoPop.t2 .video_txt{height:250px}
}

/*회원가입완료*/
.memberWrap.join_complete{width:700px;overflow:hidden;margin:0 auto}
.join_complete .join_txt{padding:60px;text-align:center;border:1px solid #d2d2d2}
.join_complete .join_txt .join_img{margin-bottom:20px;display:block}
.join_complete .join_txt p{text-align:center;color:#444;font-size:18px}
.join_complete .join_txt strong{display:block;padding:25px 0;font-size:24px;color:#0085d8;font-weight:normal}

/* 아이디찾기 */
.mC_Box{padding:30px 20px;background:#f2f5f8;text-align:center}
.mC_Box p{text-align:center}
.mC_Box p strong{color:#008c5f;font-weight:normal}
.memberWrap.memsch .certiWrap{margin-top:15px}
.lrBox{overflow:hidden;margin-top:50px;line-height:30px}
.lrBox h4{float:left;margin:0;line-height:30px}
.lrBox .memGb{float:right;margin-top:8px}
.lrBox .memGb label{display:inline-block;margin-left:10px}
.lrBox .memGb label input{margin-right:3px}

/* 외국인 아이디 찾기 */
.userSchWrap{margin-top:20px;padding:40px;border:1px solid #d2d2d2}
.userSchWrap strong{display:block;font-size:28px;color:#323232;margin-bottom:30px;font-weight:normal;line-height:28px}
.userSchBox{position:relative;padding-left:100px;margin-top:20px}
.userSchBox label{position:absolute;left:0;top:50%;margin-top:-9px}
.userSchBox input[type=text]{width:100%;background:#fff}

.userSchBtn{text-align:center;margin-top:30px}
.userSchBtn .fCon_btn{display:inline-block;width:300px;padding:20px 0;color:#fff;text-align:center;background:#5271f4;border-radius:5px;font-size: 18px;}
.userSchBtn .fCon_btn:hover{padding:19px 0;border:1px solid #5271f4;background:#fff;color:#5271f4}

.certiWrap_02{display:none}

.memSel{position:relative;padding-top:30px;margin-bottom:20px}
.memSel .memSel_input{position:absolute;left:50%;margin-left:-105px;top:0}
.memSel .memSel_input label{margin-left:10px}
.memSel .memSel_input label:first-child{margin-left:0}
.memSel .memSel_input label input{margin-right:3px}
.memSel .memId_input{position:relative;padding-left:70px;max-width:260px;margin:0 auto}
.memSel .memId_input label{position:absolute;left:0;top:50%;margin-top:-9px}
.memSel .memId_input input{width:100%}

.mberType label{margin-left:10px}
.mberType label:first-child{margin-left:0}
.mberType input{margin-right:3px}

/* 비밀번호찾기_질문/답변 입력 */
.pw_queBox{}
.pw_queBox .pw_que{position:relative;padding-left:50px;margin-top:10px}
.pw_queBox .pw_que label{position:absolute;left:0;top:50%;margin-top:-9px}
.pw_queBox .pw_que input[type=text],
.pw_queBox .pw_que select{width:100%;background:#fff}

.pw_queBox .pw_new{position:relative;padding-left:125px;margin-top:10px}
.pw_queBox .pw_new label{position:absolute;left:0;top:50%;margin-top:-9px}
.pw_queBox .pw_new input[type=text],
.pw_queBox .pw_new select{width:100%;background:#fff}

/* 아이디 재검색 팝업 */
.ridInput{position:relative;padding:0 110px 0 110px;margin-top:10px}
.ridInput label{position:absolute;left:0;top:50%;margin-top:-9px}
.ridInput input[type=text]{width:100%}
.ridInput .btn{position:absolute;right:0;top:0;margin:0;padding:10px 35px}

.pass_reiss:before{content:"";display:block;clear:both}
.pass_reiss li{float:left;width:50%;padding:30px 20px}
.pass_reiss li{margin:-1px 0 0 -1px;border:1px solid #a3a3a3}
.pass_reiss li strong{display:block;text-align:center;color:#323232;font-size:28px;line-height:28px;font-weight:500}
.pass_reiss li .icon{width:96px;height:110px;margin:30px auto 20px}
.pass_reiss li.t01 .icon{background:url(../images/content/member/icon_pwRes_01.png) center center no-repeat}
.pass_reiss li.t02 .icon{background:url(../images/content/member/icon_pwRes_02.png) center center no-repeat}
.pass_reiss li.t03 .icon{background:url(../images/content/member/icon_pwRes_03.png) center center no-repeat}
.pass_reiss li.t04 .icon{background:url(../images/content/member/icon_pwRes_04.png) center center no-repeat}
.pass_reiss li p{text-align:center;height:53px;overflow:hidden;text-overflow:ellipsis}
.pass_reiss li em{display:block;margin:15px 0 20px;text-align:center;color:#008c5f;font-weight:500;min-height:21px}

@media all and (max-width:1000px){
    .inputPlace span{margin-top:-8px;font-size:14px}
    .ridInput{padding:0 105px 0 95px}
}
@media all and (max-width:720px){
    .pass_reiss li strong{font-size:20px}
}
@media all and (max-width:705px){
    .certiWrap li .certiBox strong{font-size:24px}
    .certiWrap li .certiBox .msg{height:90px;font-size:15px}
    .certiWrap li .certiBox .msg.sm_msg{height:65px}
    .certiWrap li .comment{font-size:14px}
}
@media (max-width:700px){
    .memberWrap.join_complete{width:100%}
    .join_complete .join_txt{padding:20px}
    .join_complete{width:100%}
    .join_complete .join_txt p{font-size:14px}
    .join_complete .join_txt strong{font-size:18px}

    .inteBox label{font-size:14px}
}
@media all and (max-width:680px){
    .inteBox label{width:33.3%}

    .snsId li{height:auto;padding:0 0 0 70px}
    .snsId li .icon{width:40px;height:40px}
    .snsId li.t01 .icon{background-size:15px}
    .snsId li.t02 .icon{background-size:15px}
    .snsId li.t03 .icon{background-size:10px}
    .snsId li.t04 .icon{background-size:15px}
}
@media all and (max-width:650px){
    .memEmail_box .email_inputBox input[type=text]{width:45% !important}
    .memEmail_box .email_inputBox>span{width:10%}
}
@media all and (max-width:640px){
    .memberWrap h3{font-size:30px}
    .memberWrap h4{font-size:22px;margin:30px 0 10px}
    .memberWrap ul.memberType{margin-top:30px}
    .memberWrap ul.memberType li{padding:20px 15px}
    .memberWrap ul.memberType li strong{font-size:22px}
    .memberWrap ul.memberType li .icon{width:80px;height:79px;margin:15px auto}
    .memberWrap ul.memberType li.t01 .icon{background-size:80px}
    .memberWrap ul.memberType li.t02 .icon{background-size:70px}
    .memberWrap ul.memberType li span{font-size:14px}
    .memberWrap ul.memberType li a{margin-top:20px}
    /*.certiWrap li .comment{display:none}*/

    .memberF_wrap{padding:30px 15px}

    .lrBox h4{float:none;margin:0}
    .lrBox .memGb{clear:both;float:none;text-align:center;margin-top:20px}
}
@media all and (max-width:610px){
    .telBox select, .telBox input{width:calc(33.3% - 10px) !important}
}
@media all and (max-width:600px){
    .memberStep{padding:20px 0}
    .memberStep ul li{padding-top:70px}
    .memberStep ul li:before{width:60px;height:60px;margin-left:-30px;background-size:260px}
    .memberStep ul li.step1:before{background-position:0 0}
    .memberStep ul li.step2:before{background-position:-65px 0}
    .memberStep ul li.step3:before{background-position:-130px 0}
    .memberStep ul li.step4:before{background-position:-195px 0}
    .memberStep ul li.step1.on:before{background-position:0 -65px}
    .memberStep ul li.step2.on:before{background-position:-65px -65px}
    .memberStep ul li.step3.on:before{background-position:-130px -65px}
    .memberStep ul li.step4.on:before{background-position:-195px -65px}

    .memberCmt{padding:20px 10px;text-align:justify;font-size:14px;line-height:20px}
    .memberCmt>br{display:none}

    .certiWrap li .certiBox{padding:30px 17px}
    .certiWrap li .certiBox strong{font-size:22px}

    .inputPlace span{position:relative;left:0;margin-top:0;font-size:13px;line-height:16px}

    .memberF_wrap .memberF_box{padding-left:0}
    .memberF_wrap .memberF_box .tit,
    .memberF_wrap .memberF_box.name .tit{position:static;display:inline-block;margin-bottom:5px;font-size:16px;line-height:17px}
    .memberF_wrap .memberF_box.name strong{margin-left:15px;font-size:16px}
    .memberF_wrap .memberF_box.name .tit{width:100px}
    .postBox{display:block}
    .postBox input{width:100% !important}
    .inteBox{margin-top:5px}

    .memberF_btnArea{margin-top:20px}
    .memberF_btnArea .memJoin, .memberF_btnArea .cancel{height:50px;line-height:50px;font-size:16px}
    .memberF_btnArea .memJoin:hover{height:50px}
    .memberF_btnArea .memJoin:before{width:20px;height:16px;background-size:100%}
    .memberF_btnArea .memJoin:hover:before{background-size:100%}

    .layer_Dup{top:62px;padding:37px 20px 25px}
    .layer_Dup.intro{padding:27px 20px 20px}
    .l_Close,
    .popClose{width:45px;height:45px}
    .l_Close .l_Close:before,
    .l_Close .popClose:before{width:14px;height:14px;margin-top:-7px;margin-left:-7px}
    .layer_Dup .l_DupTit{font-size:22px;padding-bottom:23px}
}
@media all and (max-width:550px){
    .mem_titBox{margin-top:25px}
    .mem_titBox strong{font-size:22px}
    .clauseBox{height:200px}
    .agrChk_wrap{margin:20px 0 20px}
    .agrChk_wrap .agrChk_box{width:100%;margin-bottom:15px}

    .pass_reiss li{width:100%;padding:20px 15px}
    .pass_reiss li .icon{height:80px;margin:10px auto}
    .pass_reiss li.t01 .icon{background-size:60px}
    .pass_reiss li.t02 .icon{background-size:60px}
    .pass_reiss li.t03 .icon{background-size:50px}
    .pass_reiss li.t04 .icon{background-size:50px}
    .pass_reiss li p{height:auto}

}
@media all and (max-width:530px){
    .certiWrap{margin-top:20px;display:block}
    .certiWrap li{margin-top:10px;display:list-item;width:100%;border-left:1px solid #d2d2d2}
    .certiWrap li .certiBox{padding:25px 15px}
    .certiWrap li .certiBox .icon{width:80px;height:78px;margin:20px auto}
    .certiWrap li.t01 .certiBox .icon{background-size:auto 100%}
    .certiWrap li.t02 .certiBox .icon{background-size:100% auto}
    .certiWrap li .certiBox .msg,
    .certiWrap li .certiBox .msg.sm_msg{height:auto}
}
@media all and (max-width:500px){
    .snsId li{width:100%;margin-left:0}

    .mC_Box br{display:none}

    .userSchWrap{padding:20px}
    .userSchWrap strong{font-size:20px;margin-bottom:20px}
    .userSchBox{margin-top:10px;padding-left:70px}
    .userSchBtn .fCon_btn{width:100%}
}

/* 문서뷰어 */
.viewer .viewerTop{position:relative;height:46px;padding:0 15px;background:#cfd2d6;overflow:hidden}
.viewer .viewerTop .logo{position:absolute;left:15px;top:50%;margin-top:-15px}
.viewer .viewerTop .viewer_fname{padding:10px 45px 10px 100px;vertical-align:middle;height:46px}
.viewer .viewerTop .viewer_fname img{position:relative;top:0;margin-right:7px;vertical-align:middle}
.viewer .viewerTop .viewer_fname strong{display:block;position:relative;top:1px;font-weight:normal;font-size:16px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.viewer .viewerTop .viewer_fname strong span{position:relative;top:1px}
.viewer .viewerTop .download{position:absolute;right:15px;top:50%;margin-top:-17px;float:right}
.viewer .viewerTop .download img{width:34px}

@media all and (max-width:600px){
    .viewer .viewerTop{padding:0 10px}
    .viewer .viewerTop .logo{left:10px}
    .viewer .viewerTop .download{right:10px}
}

/* 생태공예 */
.author_intro{position:relative;padding:0 0 20px 274px;min-height:270px;border-bottom:1px solid #a3a3a3}
.author_intro .author_img{position:absolute;left:0;top:0;border-radius:15px;overflow:hidden}
.author_intro .author_con{}

@media all and (max-width:640px){
    .author_intro{padding:0 0 20px 0}
    .author_intro .author_img{position:static;text-align:center}
}

/* 컨텐츠_아이프레임 */
.iframe_area{width:100%;overflow-x:auto;line-height:normal}
.iframe_area.srcnone{overflow-x:hidden}/* 아이프레임 스크롤 감추기 */
.iframe_area iframe{width:100%;border:0}
.iframe_Cont{width:100%;border:0}

/*징글징글숲교실*/
.multi_tab{display:table;width:100%;overflow:hidden;border:1px solid #c6c6c6}
.multi_tab .tab_item{display:table-cell;border-left:1px solid #c6c6c6}
.multi_tab .tab_item:first-child{border-left-width:0}
.multi_tab .tab_item .item_title{padding-top:20px;text-align:center}
.multi_tab .tab_item .item_title strong{display:block;margin-top:5px;font-weight:500;font-size:17px;color:#323232}
.multi_tab .tab_item .item_list{padding:20px 40px}
.multi_tab .tab_item .item_list li{margin-top:10px;text-align:center}
.multi_tab .tab_item .item_list li:first-child{margin-top:0}
.multi_tab .tab_item .item_list li a{display:block;line-height:100%;border-radius:5px;-webkit-border-radius:5px;border:1px solid #4f76f8;background-color:#fff;color:#323232}
.multi_tab .tab_item .item_list li a span{display:block;padding:10px 0;font-weight:400;font-size:17px;border-radius:4px;-webkit-border-radius:4px;border:1px solid transparent}
.multi_tab .tab_item .item_list .on{border-color:#4f76f8;color:#2b5bd5}
.multi_tab .tab_item .item_list .on span{border-color:#005183}

.multi_tab .tab_item.on{background-color:#4864dc}
.multi_tab .tab_item.on .item_title{}
.multi_tab .tab_item.on .item_title strong{color:#fff}

.multi_tab.col_3 .tab_item{width:33.33%}
.multi_tab.col_4 .tab_item{width:25%}

@media(max-width:1170px){
    .multi_tab .tab_item .item_list{padding:40px 20px}
}
@media(max-width:1000px) {
    .multi_tab{display:block}

    .multi_tab.col_3 .tab_item, .multi_tab.col_4 .tab_item{width:100%}

    .multi_tab .tab_item{display:table;border-left-width:0;border-top:1px solid #c6c6c6}
    .multi_tab .tab_item:first-child{border-top-width:0}
    .multi_tab .tab_item .item_title, .multi_tab .tab_item .item_list{display:table-cell;padding:30px 0;vertical-align:middle}
    .multi_tab .tab_item .item_title{width:120px;text-align:center}
    .multi_tab .tab_item .item_list{overflow:hidden;padding-right:20px}

    .multi_tab .tab_item .item_title img{max-width:40%}
    .multi_tab .tab_item .item_title strong{margin-top:10px;font-size:16px}

    .multi_tab .tab_item .item_list li{float:left;width:49.5%;margin:1% 0 0 1%}
    .multi_tab .tab_item .item_list li:nth-child(odd){margin-left:0}
    .multi_tab .tab_item .item_list li:nth-child(2){margin-top:0}
    .multi_tab .tab_item .item_list li a span{font-size:14px;word-spacing:-1px}
}

@media(max-width:560px) {
    .multi_tab .tab_item .item_list li,
    .multi_tab .tab_item .item_list li:nth-child(odd),
    .multi_tab .tab_item .item_list li:nth-child(2){float:none;width:100%;margin:10px 0 0 0}
    .multi_tab .tab_item .item_list li:first-child{margin-top:0}
}

.goal_box{display:table;width:100%;min-height:150px;border:1px solid #a3a3a3}
.goal_box>div{display:table-cell;height:100%;vertical-align:middle}
.goal_box .label{position:relative;width:250px;padding-left:170px;background:url(../images/content/goal.png) no-repeat 70px 50%;color:#0085d8}
/*.goal_box .label:after{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:60px;margin-top:-30px;background-color:#a3a3a3}*/
.goal_box .label strong{font-weight:500;font-size:24px;}

.goal_box .pt{padding:20px 20px 20px 30px;background:url(../images/content/edu_forest/bg_goal_line.gif) left center no-repeat}
.goal_box .pt p{font-size:20px;color:#323232}

@media(max-width:1000px) {
    .goal_box{min-height:120px}
    .goal_box .label{width:200px;padding-left:125px;background-position:40px 50%;background-size:60px auto}
    .goal_box .pt p{font-size:18px}
}

@media(max-width:767px) {
    .goal_box{display:block;min-height:0;padding:10px;border-width:0;background-color:#f9f9f9}
    .goal_box .label{display:block;width:auto;padding:15px 0 20px 45px;background-position:5px 5px;background-size:30px auto;border-bottom:1px solid #a3a3a3;}
    .goal_box .label:after{display:none}
    .goal_box .label strong{font-weight:400;font-size:22px}
    .goal_box .pt{padding:10px 5px 0;background:none}
    .goal_box .pt p{font-size:17px;color:#000}
}

/*찾아오시는길*/
#map{border:1px solid #d2d2d2;width:100%;height:400px;position:relative;overflow:hidden}
.map_list li{position:relative;padding:25px 25px 20px 110px;min-height:90px;box-sizing:border-box;margin-top:10px;line-height:28px}
.map_list li .mp{display:block;width:90px;height:90px;position:absolute;top:0;left:0;font-size:0;color:#fff;text-indent:-9999px}
.map_list li .mp.icon01{background: url(../images/content/map_img02.png) no-repeat}
.map_list li .mp.icon02{background: url(../images/content/map_img03.png) no-repeat}
.map_list li .mp.icon03{background: url(../images/content/map_img04.png) no-repeat}
.map_list li .mp.icon04{background: url(../images/content/map_img05.png) no-repeat}
.button_right{overflow:hidden}
.button_right h4{float:left}
.button_right .btn{float:right}

@media (max-width:1000px){
    .map_list li{line-height:22px}
    .map_list li .mp{width:70px;height:70px;top:10px}
    .map_list li{padding:25px 25px 20px 90px}
    .map_list li .mp.icon01{background: url(../images/content/map_img02.png) no-repeat;background-size: 70px}
    .map_list li .mp.icon02{background: url(../images/content/map_img03.png) no-repeat;background-size: 70px}
    .map_list li .mp.icon03{background: url(../images/content/map_img04.png) no-repeat;background-size: 70px}
    .map_list li .mp.icon04{background: url(../images/content/map_img05.png) no-repeat;background-size: 70px}
}
@media (max-width:520px){
    .map_list li{padding:0;min-height:0}
    .map_list li .mp{width:100%;height:auto;position:relative;top:auto;left:auto;font-size:16px;font-weight:bold;color:#00c386;text-indent:inherit;margin-bottom:5px}
    .map_list li .mp.icon01{background:none}
    .map_list li .mp.icon02{background:none}
    .map_list li .mp.icon03{background:none}
    .map_list li .mp.icon04{background:none}
}

/* 첨부파일 다운로드 팝업 */
.open_dataPop{padding:15px;background:#f2f5f8;border:1px solid #cbcbcb}
.open_dataPop .sel{position:relative;padding-left:80px}
.open_dataPop .sel label{position:absolute;left:0;top:50%;margin-top:-7px}
.open_dataPop .sel select{width:100%}

.api_textarea{margin-top:15px}
.api_textarea textarea{width:100%;padding:10px}

.single_img, .multi_img{text-align:center;padding:20px;margin:20px 0;border:1px solid #d2d2d2}
.single_img *{display:block}
.single_img span{display:block;margin-top:5px;color:#333}
.single_img img{display:inline}

.multi_img{}
.multi_img:after{content:'';display:block;clear:both}
.multi_img div{display:inline-block}
.multi_img div .photoswipe{width:300px;float:left}

@media (max-width:767px) {
.multi_img div .photoswipe{width:50%}
}
.single_img a, .multi_img a{margin:4px 2px}

.normal_thumb_list{}
.normal_thumb_list .item{padding:20px 0;border-top:1px solid #d2d2d2}
.normal_thumb_list .item:after{content:'';display:block;clear:both}
.normal_thumb_list .item:first-child{padding-top:0;border-top-width:0}
.normal_thumb_list .item .thumb{float:left;margin-right:20px}
.normal_thumb_list .item .pt{overflow:hidden}
.normal_thumb_list .item .pt .title{display:block;margin-bottom:10px;font-weight:500}
.normal_thumb_list .item .pt p{}

/*링크리스트*/
.link_list{overflow:hidden}
.link_list li{width:32.5%;margin-right:1%;margin-bottom:1%;float:left;text-align:center}
.link_list li a{display:block;padding:15px 10px;border:1px solid #00c386}

.link_list li:nth-child(3n){margin-right:0}

@media (max-width:767px){
    .link_list li{width:49%}
    .link_list li:nth-child(3n){margin-right:1%}
    .link_list li:nth-child(2n){margin-right:0}
}
@media (max-width:420px){
    .link_list li{width:100%}
}

/*민원상담_민원상담안내*/
.greenround.minwon{width:115px;text-align:center;font-weight:bold}
.dhWrap.minwon>div{border-bottom:0}
.dhWrap.minwon>div ul li .red{font-weight:bold}
.minwon_list{background:#f2f5f8;padding:40px 20px;border:1px solid #d2d2d2;border-radius:10px;overflow:hidden}
.minwon_list ul li{width:33.33%;float:left;text-align:center;position:relative;padding:0 50px 0 50px}
.minwon_list ul li .ml_top{position:relative;padding-left:25px;margin:0 auto}
.minwon_list ul li .ml_top:before{display:block;content:"";position:absolute;right:-77px;top:50%;width:46px;height:36px;margin-top:-18px;background:url(../images/common/minwon_arr.png) no-repeat}
.minwon_list ul li:nth-child(3n) .ml_top:before{display:none}
.minwon_list ul li .ml_top .num{padding:10px;border-radius:50%;background:#5271f4;position:absolute;top:6px;left:0;display:block;width:41px;height:41px;color:#fff;font-weight:bold}
.minwon_list ul li .ml_top .m_txt{padding:18px 0;background:#fff;color:#000;display:block;border-radius:50px;box-sizing:border-box;font-size:20px}
.minwon_list .ml_bottom{padding:15px}
.minwon_list .ml_bottom span{display:block;text-align:left;line-height:28px;margin: 0 auto;padding-left:25px;min-height:112px}
@media (max-width:1360px){
    .minwon_list ul li{width:50%}
    .minwon_list ul li:nth-child(3n) .ml_top:before{display:block}
    .minwon_list ul li:nth-child(2n) .ml_top:before{display:none}
}
@media (max-width:1000px) {
    .minwon_list ul li .ml_top .m_txt{font-size:16px}
    .minwon_list ul li .ml_top .num{padding:12px}
}
@media (max-width:767px){
    .minwon_list ul li{padding:0 30px}
    .minwon_list ul li .ml_top:before{right:-53px;width:40px;height:30px;background-size:40px;margin-top:-15px}
}
@media (max-width:640px){
    .minwon_list ul li{width:100%;padding:0}
    .minwon_list ul li .ml_top:before{display:none}
    .minwon_list ul li:before{display:block;content:"";position:absolute;width:40px;height:30px;background:url(../images/common/minwon_arr.png) no-repeat;background-size:40px;bottom:-25px;left:50%;transform:rotate(90deg);top:auto;margin-left:-13px}

    .minwon_list ul li:nth-child(2n) .ml_top:before{display:none}
    .minwon_list ul li:nth-child(3n) .ml_top:before{display:none}
    .minwon_list .ml_bottom span{min-height:inherit}
    .minwon_list ul li{margin-bottom:60px;min-height:136px}
    .minwon_list ul li.last:before{display:none}
}
@media (max-width:427px){
    .greenround.minwon{text-align:left}
}

/*민원상담 전화상담안내*/
.minwon_list.icon_type ul li{width:25%;padding:0 15px 0 15px}
.minwon_list.icon_type .icon_sn{width:90px;height:90px;display:block;margin:20px auto 0}
.minwon_list.icon_type .icon_sn.icon01{background: url(../images/common/minwon_sn_img01.png) center center no-repeat}
.minwon_list.icon_type .icon_sn.icon02{background: url(../images/common/minwon_sn_img02.png) center center no-repeat}
.minwon_list.icon_type .icon_sn.icon03{background: url(../images/common/minwon_sn_img03.png) center center no-repeat}
.minwon_list.icon_type .icon_sn.icon04{background: url(../images/common/minwon_sn_img04.png) center center no-repeat}
.minwon_list.icon_type ul li:before{display: block;content:"";position:absolute;right:-30px;top:69%;width:46px;height:36px;margin-top:-18px;background:url(../images/common/minwon_arr.png) no-repeat}
.minwon_list.icon_type ul li .ml_top:before{display:none}
.minwon_list.icon_type ul .last:before{display:none}

@media(max-width:820px){
    .minwon_list.icon_type ul li{width:50%;margin-bottom:20px}
    .minwon_list.icon_type ul .second:before{display:none}
}
@media(max-width:640px){
    .minwon_list.icon_type ul li{width:100%}
    .minwon_list.icon_type ul .ml_top{width:250px}
}

@media(max-width:420px){
    .minwon_list.icon_type ul .ml_top{width:100%}
    .minwon_list.icon_type .icon_sn{width:70px;height:70px}
    .minwon_list.icon_type .icon_sn.icon01{background-size:50px}
    .minwon_list.icon_type .icon_sn.icon02{background-size:50px}
    .minwon_list.icon_type .icon_sn.icon03{background-size:50px}
    .minwon_list.icon_type .icon_sn.icon04{background-size:50px}
    .minwon_list.icon_type ul li:before{display:none}
}

/*민원상담 아이콘상관관계*/
.boxTable.iconTitle.icon{position:relative;padding:60px;padding-left:300px}
.boxTable.iconTitle .icon_tit{position:absolute;top:60px;left:60px}
.boxTable.iconTitle.boxTable.icon:before{top:140px;left:88px}

.boxTable.iconTitle .icon_tit .i_txt{padding:18px 40px;display:inline-block;vertical-align:middle;background:#fff;font-size:20px;border-radius:50px}
.boxTable.iconTitle .icon_tit .icon_wrap{position:relative;padding-left:25px}
.boxTable.iconTitle .icon_tit .icon_wrap .i_num{position:absolute;width:41px;height:41px;padding:10px;display:inline-block;background:#5271f4;border-radius:50%;color:#fff;font-weight:bold;top:50%;left:0;margin-top:-20.5px}

@media (max-width:1000px){
    .boxTable.iconTitle .icon_tit{position:relative;display:block;top:auto;left:auto;margin-bottom:20px}
    .boxTable.iconTitle.icon{padding:40px 20px;padding-left:20px}
    .boxTable.iconTitle{padding:40px}
    .boxTable.iconTitle .boxTable_cell{display:block;padding-left:25px}
    .boxTable.boxTable.icon strong{font-size:16px}
}

/* MI소개 */
.commponent-thumb2.thumb-left .thumb{float:left;margin-right:30px}
.commponent-thumb2.thumb-right .thumb{float:right;margin-left:30px}
.commponent-thumb2.thumb-center .thumb{padding:0 40px;text-align:center;margin-bottom:20px}
.commponent-thumb2.thumb-center .thumb img{border-radius:inherit}

.commponent-thumb2 .descript{}
.commponent-thumb2 .descript p{margin-bottom:25px;font-weight:300;color:#000}
.commponent-thumb2 .descript strong{display:block;text-align:justify;font-weight:500;font-size:28px;line-height:38px;letter-spacing:-0.05em;word-break:keep-all;margin-bottom:9px}

@media all and (max-width:1210px){
    .director_intro .descript strong .br{display:inline-block;margin-left:7px}
}
@media all and (max-width:1200px){
    .commponent-thumb.thumb-left.director_intro .thumb{width:172px !important}
}
@media all and (max-width:640px){
    .commponent-thumb.thumb-left.director_intro .thumb{width:100% !important}
}

.commponent-thumb2.column{}
.commponent-thumb2.column .descript{overflow:hidden}

.commponent-thumb-wide{display:table;width:100%;background:#f2f5f8;position:relative;margin-top:25px;margin-bottom:50px;padding:50px 85px;border-radius:10px;border:1px solid #cbcbcb}
.commponent-thumb-wide .thumb{text-align: center}
.commponent-thumb-wide .thumb img{}
@media (max-width: 1121px){
    .commponent-thumb-wide{padding:50px}
}

.commponent-thumb-wide .thumb .colorwrap{float:left;width:45.1%;margin-left:9.8%;position:relative;overflow:hidden;margin-bottom:40px;min-height:200px}
.commponent-thumb-wide .thumb .colorwrap:nth-child(2n+1){margin-left:0}
.commponent-thumb-wide .thumb .colorwrap>span{width:100%;height:58px;display:block}
.commponent-thumb-wide .thumb .colorwrap:first-child>span{background:#043763}
.commponent-thumb-wide .thumb .colorwrap:nth-child(2)>span{background:#e4012e}
.commponent-thumb-wide .thumb .colorwrap:nth-child(3)>span{background:#565655}
.commponent-thumb-wide .thumb .colorwrap:nth-child(4)>span{background:#fff;border:1px solid #b6b7b6;box-sizing:border-box}
.commponent-thumb-wide .thumb .colorwrap:nth-child(3),
.commponent-thumb-wide .thumb .colorwrap:nth-child(4){margin-bottom:0}
.commponent-thumb-wide .thumb .colorwrap strong{font-size:16px;text-align:left;width:100%;height:40px;line-height:40px;border-bottom:1px solid #8c8e8f;display:block}
.commponent-thumb-wide .thumb .colorwrap ul li{width:100%;float:left;text-align:left;font-size:14px;line-height:14px;margin-top:10px}
.commponent-thumb-wide .thumb .colorwrap ul li .color_tit{width:105px;display:block;float:left}
.commponent-thumb-wide .thumb .colorwrap ul li .color_txt{display:block;overflow:hidden}
.commponent-thumb-wide .thumb .colorwrap ul li span{line-height:18px}
@media (max-width:840px){
    .commponent-thumb-wide .thumb .colorwrap{min-height:200px;width:49%;margin-left:2%}
    .commponent-thumb-wide{padding:40px 20px}
    .commponent-thumb-wide .thumb .colorwrap ul li .color_tit{width:85px}
}
@media (max-width:540px){
    .commponent-thumb-wide .thumb .colorwrap{width:100%}
    .commponent-thumb-wide .thumb .colorwrap:nth-child(2n){margin-left:0}
    .commponent-thumb-wide .thumb .colorwrap{margin-bottom:20px;min-height:0}
    .commponent-thumb-wide .thumb .colorwrap:nth-child(3),
    .commponent-thumb-wide .thumb .colorwrap:nth-child(4){margin-bottom:20px}
}

.thumb.color{background:#f2f5f8;border:1px solid #cbcbcb;border-radius:10px}
.commponent-thumb2:after{content:'';display:block;clear:both}
.commponent-thumb2+*{clear:both}
.commponent-thumb2 .thumb img{border-radius:10px;-webkit-border-radius:10px;background:#f2f5f8;border:1px solid #cbcbcb;position:relative}

/* 캐릭터 소개 */
.gappl_wrap{overflow:hidden}
.gappl{width:48.2%;margin-right:3.6%;float:left;margin-bottom:40px}
#txt .gappl:nth-of-type(2n){margin-right:0}
.gappl .gapplimg{display:block;text-align:center}
.gappl .gapptit strong{display:block;width:100%;background:#f2f5f8;text-align:center;padding:20px}
.gappl .gapptit strong{font-size:18px}
.car_imgbox{padding:20px}

@media (max-width: 1000px){
    .gappl .gapptit strong{font-size:16px}
}

@media (max-width: 640px){
    .gappl{width:100%;margin-right:0;float:none;margin-bottom:20px}
    .gappl .gapptit strong{padding:15px 10px}
}

.emodown{width:100%;display:block;background:#f8fafb;position:relative;overflow:hidden;padding:25px 40px}
.emodown ul{float:left}
.emodown ul li.pngdw{line-height:40px}
.emodown ul li.pngdw:before{content:"";width:30px;height:33px;margin-right:12px;margin-bottom:-10px;background:url(../images/content/pngdw.png) center center no-repeat;display:inline-block}
.emodown ul li.aidw{line-height: 40px}
.emodown ul li.aidw:before{content:"";width:30px;height:33px;margin-right:12px;margin-bottom:-10px;background:url(../images/content/aidw.png) center center no-repeat;display:inline-block}
.emodown ul li a{width:40px;height:40px;margin-left:15px;margin-bottom:-13px;background:url(../images/common/bul_down_color.png) center center no-repeat;display:inline-block}

/* 청장인사말 */
.director_intro .descript strong .br{display:block}
.director_intro .descript p em{margin-left:10px;font-size:24px;color:#111;font-weight:500}

@media all and (max-width:1210px){
    .director_intro .descript strong .br{display:inline-block;margin-left:7px}
}
@media all and (max-width:640px){
    .commponent-thumb.thumb-left.director_intro .thumb{width:100% !important}
}

/* 역대청장 */
.smTopBox{margin-bottom:50px;padding:20px 35px 20px 76px;border:1px solid #cbcbcb;color:#323232;background:#f2f5f8 url(../images/content/bul_smTop_01.png) 35px 15px no-repeat;line-height:24px}
.year_tit{position:relative;margin:50px 0 30px;color:#00a591;font-size:40px;font-weight:bold;background:url(../images/content/bg_yearTit_line.gif) 0 26px repeat-x}
.year_tit strong{display:inline-block;padding:0 15px 0 3px;background:#fff}

.director_history{width:102%;overflow:hidden}
.director_history li{float:left;width:18%;margin:0 2% 20px 0;border:1px solid #a3a3a3;text-align:center}
.director_history li a{display:block;padding:35px 10px;}
.director_history li strong{display:block;margin:15px 0 10px;color:#444;font-weight:500}
.director_history li span{color:#444}

@media all and (max-width:1250px){
    .director_history li{width:31.3%}
}

@media all and (max-width:640px){
    .smTopBox { background:#f2f5f8 url(../images/content/bul_smTop_01.png) 30px center no-repeat;font-size: 18px; }
}
@media all and (max-width:540px){
    .director_history li{width:48%;margin:0 2% 10px 0}
    .director_history li a{padding:20px 10px}
}

/* 우편번호찾기 */
.zipcode_Sch{position:relative;padding:0;float:left;width:100%;}
.zipcode_Sch label{position:absolute;left:0;top:25%;margin-top:-7px;display:inline-block;width:70px;}
.zipcode_Sch input[type=text]{float:left;width:50%;height:40px;border:1px solid #d2d2d2;text-indent:5px;background:#f2f5f8;color:#323232;margin-right:10px;}
.layer_Dup .l_DupBtn .zipCode_btn{float:left;margin:0;display:inline-block;padding:0;width:85px;height:40px;line-height:38px;text-align:center;border-radius:5px;vertical-align:top;background:#5271f4;color:#fff;transition:background .3s;border:1px solid #aaa;}
.layer_Dup .l_DupBtn .zipCode_btn:hover{background:#fff;color:#5271f4;border:2px solid #5271f4}
.postPageNum{font-size:14px;margin:10px 0}
.select_post{margin-top:30px;}
.select_post table a:hover{color:#5271f4;text-decoration:underline}
.layer_Dup .l_DupBtn .zipCode_btnSan{padding:0;margin:0;width:100px;height:40px;text-align:center;border-radius:5px;background:#0099ff;color:#fff;transition:background .3s;border:1px solid #aaa;}
.layer_Dup .l_DupBtn .zipCode_btnSan:hover{background:#fff;color:#0099ff;border:2px solid #5271f4}

/* 보안프로그램&뷰어프로그램 */
.banner_wrap.secur{position: relative;padding:20px;padding-left: 120px;border-top: 1px solid #a3a3a3;}
#txt>div>.banner_wrap.secur:last-of-type{border-bottom: 1px solid #a3a3a3;}
.banner_wrap.secur a{padding: 12px 35px;border:2px solid #00c386;}

.banner_wrap.secur .bn_img {position: absolute;top: 70px;left: 20px;display: block;}
.banner_wrap.secur .bn_img img {width: 40px; height:auto;}

.banner_wrap.secur .bn_txt p .sp_tit {position: relative;margin-right: 20px;font-weight: bold; }

.banner_wrap.copyr{position: relative;padding:20px; padding-left: 180px;border-top: 1px solid #a3a3a3;margin-top:15px}
.copyr_icon>.banner_wrap.copyr:last-child{border-bottom:1px solid #a3a3a3}
.banner_wrap.copyr .bn_img {position: absolute;top:50%;margin-top:-48px;left: 20px;display: block;}
.banner_wrap.copyr .bn_img img{width:auto;height:auto}
.banner_wrap.copyr .bn_txt p .sp_tit {position: relative;margin-right: 20px;font-weight: bold; }

@media (max-width:1000px) {
    .banner_wrap.secur .bn_txt p .sp_tit { width: 50px;margin-right: 10px; }
    .banner_wrap.secur { padding: 20px 20px 20px 195px; }
}
@media (max-width:540px) {
    .banner_wrap.secur { padding: 20px; }
    .banner_wrap.secur .bn_img { position: relative; top: auto; left: auto;text-align: center; }

    .banner_wrap.copyr{padding:20px 0}
    .banner_wrap.copyr .bn_img{position:static;width:100%;text-align:center;margin-top:0}
}

.banner_wrap.secur.viewer .bn_img {position:absolute;top:50px;left:20px;display:block}
.banner_wrap.secur.viewer .bn_img.codec {position:absolute;top:65px;left:20px;display:block}
.banner_wrap.secur.viewer .bn_img.renmc {position:absolute;top:60px;left:20px;display:block}

@media (max-width:1000px) {
    .banner_wrap.secur.viewer .bn_txt p .sp_tit{width:50px;margin-right:10px}
    .banner_wrap.secur.viewer{padding: 20px 20px 20px 195px}
}
@media (max-width:540px) {
    .banner_wrap.secur.viewer{padding:20px}
    .banner_wrap.secur.viewer .bn_img{position:relative;top:auto;left:auto;text-align:center}
    .banner_wrap.secur.viewer .bn_img.codec{position:relative;top:auto;left:auto;text-align:center}
    .banner_wrap.secur.viewer .bn_img.renmc{position:relative;top:auto;left:auto;text-align:center}
}

.banner_wrap.secur .btn.down2{display:inline-block;font-weight: 500;border-color:#4f76f8}
.banner_wrap.secur .btn.down2.ad{border-color:#009900}
.banner_wrap.secur .btn.down2.io{border-color:#737373}
.banner_wrap.secur .btn.down2:hover{background:#4f76f8;border-color:#4f76f8}
.banner_wrap.secur .btn.down2.ad:hover{background:#009900;border-color:#009900}
.banner_wrap.secur .btn.down2.io:hover{background:#737373;border-color:#737373}
.banner_wrap.secur .btn.down2:hover:before{background:url(../images/content/bul_down2_hover.png) no-repeat}
/*.banner_wrap.secur .btn.down2:before{content:"";display:inline-block;width:21px;height:20px;margin-right:5px;margin-top:-4px;background:url(../images/content/bul_down2.png) no-repeat;vertical-align:middle}*/
/*.btn.down span{padding-left:23px;background:url(../images/common/bul_down_sm.png) left 2px no-repeat}*/
.banner_wrap.secur .btn.down2:hover span{color:#fff}

/*사이트 이용방법*/
.banner_wrap.secur.howto{position: relative;padding:30px;padding-left:330px}
.banner_wrap.secur.howto .bn_txt p .sp_tit{line-height: 30px}
.banner_wrap.secur.howto .bn_txt p .sp_txt{line-height: 30px}
.banner_wrap.secur.howto .bn_txt p:first-child{margin-bottom:10px}
.banner_wrap.secur.howto .bn_img{left:50px;top:50%;margin-top:-32px}
.banner_wrap.secur.howto .bn_img span{font-size:24px;color:#018b5e;font-weight:bold}
.banner_wrap.secur.howto .bn_img img{width:70px;vertical-align:middle;margin-right:10px}

@media (max-width:1000px) {
    .banner_wrap.secur.howto .bn_txt p .sp_tit{margin-right:10px}
    .banner_wrap.secur.howto{padding:20px 20px 20px 270px}
    .banner_wrap.secur.howto .bn_img{left:10px}
    .banner_wrap.secur.howto .bn_img img{width:50px}
}
@media (max-width:540px) {
    .banner_wrap.secur.howto{padding:20px}
    .banner_wrap.secur.howto .bn_img{position:relative;top:auto;left:auto;text-align:center;margin-top:0}

    .banner_wrap.secur.howto:nth-child(3) .bn_img,
    .banner_wrap.secur.howto:nth-child(5) .bn_img{top:auto}
    .banner_wrap.secur.howto:nth-child(6) .bn_img{top:auto}
    .banner_wrap.secur.howto .bn_txt{margin-top:10px}
}

/* 사이트맵 */
.sitemap_head{display:table;width:100%;padding-top:15px;text-align:center;border-top:2px solid #454b49}
.sitemap_head .head_title{display:table-cell;height:100px;line-height:100px;vertical-align:middle;font-size:28px;color:#018b5e;border:1px solid #cbcbcb;background-color:#f2f5f8}
.sitemap_head .head_title img{margin-right:10px;vertical-align:middle;position:relative;top:-2px;}

*+.sitemap_head{margin-top:30px}

.sitemap_body{}
.sitemap_body a[target="_blank"]:after{content:"";display:inline-block;width:15px;height:18px;background:url(../images/common/bul_blank.png) no-repeat;vertical-align:middle;margin:-3px 0 0 5px}
.sitemap_body a[target="_blank"]:hover:after{background:url(../images/common/bul_blank02.png) no-repeat}
.sitemap_body .body_row{padding:20px 0}
.sitemap_body .body_row:after{content:'';display:block;clear:both}
.sitemap_body .body_row{padding-top:20px;margin-top:20px;border-top:1px solid #a3a3a3}
.sitemap_body .body_row:first-child{margin-top:0;border-top-width:0}

.sitemap_body .body_row .row_title{float:left;width:145px;font-size:20px}
.sitemap_body .body_row .row_title a{line-height:25px}
.sitemap_body .body_row .row_list{overflow:hidden}
.sitemap_body .body_row .row_list li a{display:inline-block;font-size:16px}
.sitemap_body .body_row .row_list ul li a{font-size:15px}

.sitemap_body .body_row .row_list:after{content:'';display:block;clear:both}
.sitemap_body .body_row .row_list>li{float:left;width:25%;margin-bottom:5px}
.sitemap_body .body_row .row_list>li>a{font-weight:400;padding-left:14px;letter-spacing:-1px}
.sitemap_body .body_row .row_list>li>a:before{content:'';display:inline-block;width:6px;height:6px;margin:0 8px 0 -14px;vertical-align:4px;background-color:#d5dadf}
.sitemap_body .body_row .row_list>li>a span{line-height:20px;border-bottom:1px solid transparent}
.sitemap_body .body_row .row_list>li>a:hover span{border-bottom-color:#019062;color:#019062}

.sitemap_body .body_row .row_list>li>ul{margin:5px 0 20px 10px}
.sitemap_body .body_row .row_list>li>ul>li{line-height:24px}
.sitemap_body .body_row .row_list>li>ul>li>a{padding-left:13px;letter-spacing:-1px}
.sitemap_body .body_row .row_list>li>ul>li>a:before{content:'';display:inline-block;width:7px;height:1px;margin:0 6px 0 -13px;vertical-align:6px;background-color:#606060}

.sitemap_body .body_row .row_list>li>ul>li>ul{margin-left:10px}
.sitemap_body .body_row .row_list>li>ul>li>ul>li{line-height:24px}
.sitemap_body .body_row .row_list>li>ul>li>ul>li>a{padding-left:13px;letter-spacing:-1px;font-size: 14px;}
.sitemap_body .body_row .row_list>li>ul>li>ul>li>a:before{content:'';display:inline-block;width:2px;height:2px;margin:0 6px 0 -13px;vertical-align:5px;background-color:#4ea682}

@media (max-width:1000px) {
    .sitemap_body .body_row .row_list>li{width:50%}
}

@media (max-width:767px) {
    .sitemap_body .body_row .row_title{float:none;width:auto;margin-bottom:10px}
    .sitemap_body .body_row .row_title>a>b{}
    .sitemap_body .body_row .row_title>a>b br{display:none}

    .sitemap_body .body_row .row_list{margin-left:10px}
}

/* 정책정보 */
.policytop{text-align: center;position: relative;width: 170px;height: 170px; border-radius: 50%;display:block;background: #5271f4;margin: 20px auto 32px;padding-top: 15px;}
.policytop span.p_icon{width: 81px;height: 81px;display: block;background: url(../images/content/policy_icon.png) center center no-repeat;margin: 0 auto 3px;}
.policytop span.p_icon.icon01{background-position: 0 0}
.policytop span.p_icon.icon02{background-position: -81px 0}
.policytop span.p_icon.icon03{background-position: -162px 0}
.policytop span.p_icon.icon04{background-position: -243px 0}
.policytop span.p_icon.icon05{background-position: -324px 10px}
.policytop span.p_icon.icon06{background-position: -405px 10px}

@media (max-width:1000px) {
    .policytop{width: 160px;height: 160px;}
}

.policytop span:nth-child(2){font-size: 19px;color:#ffffff;line-height:26px}

.policytop:after{content: "";width:1px;height:32px;background:#a3a3a3;position:absolute;top:170px;left:50%}
#txt div>.boxTable.policyinfo:last-of-type{border-bottom:1px solid #cbcbcb}
.boxTable.policyinfo{border-radius:0;background:#fff;margin-bottom:0;border-bottom:0}
.boxTable.policyinfo h5{margin-top:0}
.boxTable.policyinfo .btn{font-weight:bold;margin-top:20px}

@media (max-width:1000px) {
    .policytop:after{position:absolute;top:160px}
    .policytop span:nth-child(2){font-size:16px}
}
@media (max-width:640px) {
    .policytop span:nth-child(2) br{display:none}
}
@media (max-width:631px) {
    .boxTable.policyinfo .btn{margin-top:5px}
}

/* cms 컨텐츠 */
/*비전미션 연혁cms*/
.vision_wrap{position:relative}
.vs_tab{overflow:hidden;margin-top: 60px;width: 100%;/* margin:0 auto; */position:relative;border: 1px solid #ccc;border-bottom: 2px solid #00717b;}
.vs_tab:after{content:"";height:1px;width:80%;position:absolute;display:block;top:130px;left:40px;background:#00717b;z-index:-1}
.vs_tab li{float:left;text-align:center;margin-left: 0;width: 50%;}
.vs_tab li:first-child{margin-left:0;position:relative}
.vs_tab li a{display:block;width:100%;height: 70px;box-sizing:border-box;text-align:center;border-radius: 0;/* border: 2px solid #00717b; */margin:0 auto;color: #000;font-size: 24px;font-weight:bold;vertical-align: middle;position:relative;background:#fff;z-index:1;padding: 25px 0;}


.vs_tab li.on a{/* border:4px solid #00717b; */background: #00717b;color: #fff;}
.vs_tab_con{clear:both;width:935px;margin:0 auto}
.vs_tab_con div{display:none;background:#fff;line-height:100px;text-align:center;margin-top:40px;overflow:hidden}
.vs_tab_con div dl{margin-top:10px}
.vs_tab_con div dl:first-child{margin-top:0}
.vs_tab_con div dl dt{float:left;padding:15px 30px;border-radius:30px;background:#ecf1f6;width:225px;text-align:left;font-size:21px;font-weight:600}
.vs_tab_con div dl dd{overflow:hidden;text-align:left;padding:15px 20px;font-size:17px}

@media (max-width:1280px){
    .vs_tab{width:100%}
    .vs_tab li{/* width:20%; */margin-left:0}
    .vs_tab_con{width:100%}
}
@media (max-width:840px){
    .vs_tab li a{width:100px;height:100px;font-size:18px;padding-top:19px;line-height:19px}
    .vs_tab:after{top:109px}
    .vs_tab_con div dl dd{font-size:16px}
    .vs_tab_con div dl dt{font-size:16px;width:160px}
    .vs_tab li.on a:before{width:30px;height:30px;background-size:30px;margin-left:-15px;top:-15px}
}
@media (max-width:580px){
    .vs_tab li a{width:70px;height:70px;font-size:14px;line-height:10px}
    .vs_tab li.on a{border:3px solid #00717b}
    .vs_tab li a{border:1px dashed #00717b}
    .vs_tab:after{top:73px}
    .vs_tab li.on a:before{width:25px;height:25px;background-size:25px;margin-left:-12.5px;top:-12.5px}
    .vs_tab_con div dl dt{padding:10px;width:150px;font-size:16px}
    .vs_tab_con div dl dd{padding:10px;font-size:16px}
    .vs_tab li a{font-weight:normal}
    .vs_tab{padding-top:40px}
}
@media (max-width:360px){
    .vs_tab li a{width:68px;height:68px}
}

/* 정책정보 cms */
.workPlan{border-width:2px 0;border-style:solid;border-color:#00c386}
.workPlan dl{display:table;width:100%;border-top:1px dotted #aaa}
.workPlan dl:first-child{border-top:0}
.workPlan dl dt,
.workPlan dl dd{display:table-cell;vertical-align:middle}
.workPlan dl dt{padding:12px 10px;width:200px;text-align:center;background:#f2f5f8;font-weight:500}
.workPlan dl dd{padding:12px 20px}
.workPlan dl dd strong{display:block;margin:10px 0 5px;font-weight:500}
.workPlan dl dd strong:first-child{margin-top:0}
.workPlan dl dd .txt_list{margin-top:0}
.workPlan dl dt a{margin-top:5px;font-weight:normal}
.ebook_btn{display:inline-block;padding:3px 10px;background:#fff;color:#2b5bd5;font-size:15px;border:1px solid #ccc;}
.ebook_btn:before{content:"";position:relative;top:3px;display:inline-block;width:15px;height:15px;margin-right:5px;background:url(../images/common/ico_down.png) no-repeat;}
.ebook_btn span{color:#777}
.ebook_btn:hover {border:1px solid #4f76f8;color:#2b5bd5}

.workP_list li{margin-top:5px;font-weight:500}
.workP_list li:first-child{margin-top:0}

@media all and (max-width:1000px){
    .ebook_btn{font-size:14px}
}
@media all and (max-width:600px){
    .workPlan dl{display:block}
    .workPlan dl dt{display:block;width:auto;text-align:left}
    .workPlan dl dt br{display:none}
    .workPlan dl dd{display:block;}
    .workPlan dl dt a{margin-top:0;margin-left:5px}
}

/*산림비전 cms*/
.sanrim_wrap{position:relative}
.sanrim_wrap .sn_title{display:block;width:210px;height:210px;border-radius:50%;background:url(../images/content/cms/sanrim_img01.png) no-repeat;margin:0 auto;font-size:0;color:#fff;text-indent:-9999px}

.sanrim_wrap p{margin:20px auto 0;width:1000px;text-align:center;font-size:24px;font-weight:400;padding:40px 20px;background:#fff;border-radius:50px;border:2px solid #4f76f8}
.sanrin_txtbox{position:relative;overflow:hidden;padding-top:165px}

.sanrin_txtbox .division_tit{padding:25px 0;border-radius:50px;border:2px solid #4f76f8;position:absolute;top:125px;left:50%;width:350px;text-align:center;margin-left:-175px;background:#fff;box-sizing:border-box;font-size:24px;color:#4f76f8}

.sanrin_txtbox .division_tit:before{width:172px;height:102px;content:"";display:block;background: url(../images/content/cms/sanrim_img02.png) no-repeat;position:absolute;top:-103px;left:50%;margin-left:-86px}

.sanrim_contxt{border:1px solid #ddd;overflow:hidden;width:50%;float:left;background:#f2f5f8}
.sanrim_contxt_end{border:1px solid #ddd;overflow:hidden;width:100%;float:left;background:#f2f5f8}
.sanrim_contxt.first{border-right:0;background:#f2f5f8}

/* 20190716 비젼미션 명도대비 접근성수정 s */
.sncon{float:left;width:100%;text-align:center;overflow:hidden;padding:60px}
.sncon strong{font-size:24px;color:#4f76f8;display:block;margin-bottom:20px}
.sncon p{text-align:center;font-size:18px;color:#323232;font-weight:600}
.sncon div{overflow:hidden;margin-top:10px}
.sncon div span{display:block;float:left;padding:10px 0;text-align:center;border:1px solid #4f76f8;border-radius:50px;width:47.5%;margin-left:5%;background:#4267E2;color:#fff;font-weight:600;position:relative}
.sncon div span:first-child{margin-left:0;border:1px solid #4267E2;color:#4267E2;background:#fff}

.sncon.one{border-bottom:1px solid #ddd}
.sncon.one div span:first-child:before{width:9px;height:12px;content:"";display:block;position:absolute;background:url(../images/content/cms/sanrim_img11.png) no-repeat;top:50%;margin-top:-6px;right:-9%}
.sncon.two div span:first-child:before{width:9px;height:12px;content:"";display:block;position:absolute;background:url(../images/content/cms/sanrim_img11.png) no-repeat;top:50%;margin-top:-6px;right:-9%}
.sncon.three div span:first-child:before{width:9px;height:12px;content:"";display:block;position:absolute;background:url(../images/content/cms/sanrim_img11.png) no-repeat;top:50%;margin-top:-6px;right:-9%}
.sncon.four div span:first-child:before{width:9px;height:12px;content:"";display:block;position:absolute;background:url(../images/content/cms/sanrim_img11.png) no-repeat;top:50%;margin-top:-6px;right:-9%}

.sncon.two{border-bottom:1px solid #ddd}
.sncon.two strong{font-size:24px;color:#02999b;display:block;margin-bottom:20px}
.sncon.two p{text-align:center;font-size:18px;color:#323232;font-weight:600}
.sncon.two div{overflow:hidden;margin-top:10px}
.sncon.two div span{display:block;float:left;padding:10px 0;text-align:center;border:1px solid #007D7F;border-radius:50px;width:47.5%;margin-left: 5%;background:#007D7F;color:#fff;font-weight:500}
.sncon.two div span:first-child{margin-left:0;border:1px solid #007D7F;color:#007D7F;background:#fff}

.sncon.three{text-align:center;overflow:hidden}
.sncon.three strong{font-size:24px;color:#4f76f8;display:block;margin-bottom:20px}
.sncon.three p{text-align:center;font-size:18px;color:#323232;font-weight:600}
.sncon.three div{overflow:hidden;margin-top:10px}
.sncon.three div span{display:block;float:left;padding:10px 0;text-align:center;border:1px solid #4f76f8;border-radius:50px;width:47.5%;margin-left:5%;background:#4267E2;color:#fff;font-weight:600}
.sncon.three div span:first-child{margin-left:0;border:1px solid #4267E2;color:#4267E2;background:#fff}

.sncon.four strong{font-size:24px;color:#02999b;display:block;margin-bottom:20px}
.sncon.four p{text-align:center;font-size:18px;color:#323232;font-weight:600}
.sncon.four div{overflow:hidden;margin-top:10px}
.sncon.four div span{display:block;float:left;padding:10px 0;text-align:center;border:1px solid #007D7F;border-radius:50px;width:47.5%;margin-left:5%;background:#007D7F;color:#fff;font-weight:500}
.sncon.four div span:first-child{margin-left:0;border:1px solid #007D7F;color:#007D7F;background:#fff}
.sncon>div.single span{width:100%;margin-left:0;background:#007D7F;color:#fff}
/* 20190716 비젼미션 명도대비 접근성수정 e */

.sncon.five{width:50%;text-align:center;overflow:hidden;float:none;margin:0 auto;}
.sncon.five strong{font-size:24px;color:#4f76f8;display:block;margin-bottom:20px}
.sncon.five p{text-align:center;font-size:18px;color:#323232;font-weight:600}
.sncon.five div{overflow:hidden;margin-top:10px}
.sncon.five div span{display:block;float:left;padding:10px 0;text-align:center;border:1px solid #4f76f8;border-radius:50px;width:47.5%;margin-left:5%;background:#4267E2;color:#fff;font-weight:600}
.sncon.five div span:first-child{margin-left:0;border:1px solid #4267E2;color:#4267E2;background:#fff}


.work_vision{overflow:hidden;margin-top:40px}
.work_vision .wk_left{float:left;width: 100%;position:relative;/* margin-right:2%; */margin-bottom: 20px;}
.work_vision .wk_left .icon_box{/* margin-top: 40px; */}
.work_vision .wk_left .icon_box div{width: 100%;display: inline-block;text-align: left;padding: 10px;background:#f2f5f8;/* margin-left: 0.5%; *//* min-height:390px; */border:1px solid #ddd;position:relative;margin-bottom: 10px;}

.work_vision .wk_left .icon_box div:nth-child(4):before{display:none}

.work_vision .wk_left .icon_box div:first-child{margin-left:0}
.work_vision .wk_left .icon_box div p{text-align:center;font-size:17px}
.work_vision .wk_left .icon_box{width: 65%;position:relative;float: right;margin-left: 20px;}

.work_vision .wk_left strong{float: left;width: 30%;padding:20px 0;text-align:center;margin:0 auto;border:2px solid #4f76f8;/* border-radius:50px; */color:#4f76f8;font-size:20px;position:relative}


.work_vision .wk_right{/* width:12%; *//* float:left; */clear: both;width: 50%;margin: 0 auto;}

.work_vision .wk_left .icon_box div .icon{width:85px;height:60px;margin:0 auto 10px;display:block}
.work_vision .wk_right .icon_box div .icon{width:76px;height:60px;margin:0 auto 10px;display:block}

.work_vision .wk_right .icon_box div{padding:20px 10px;min-height:389px;border:1px solid #ddd}

.work_vision .wk_left .icon_box div .numco{color:#4f76f8;padding: 0 15px;/* border-bottom:1px solid #ddd; */display:inline-block;font-size:20px;font-weight:bold}
.work_vision .wk_right .icon_box div .numco{color:#02999b;padding:15px;border-bottom:1px solid #ddd;display:inline-block;font-size:20px;font-weight:bold}
/*
.work_vision .wk_left .icon_box div .icon_01{background:url(../images/content/cms/sanrim_img03.png) center center no-repeat;width:66px}
.work_vision .wk_left .icon_box div .icon_02{background:url(../images/content/cms/sanrim_img04.png) center center no-repeat;width:60px}
.work_vision .wk_left .icon_box div .icon_03{background:url(../images/content/cms/sanrim_img05.png) center center no-repeat}
.work_vision .wk_left .icon_box div .icon_04{background:url(../images/content/cms/sanrim_img06.png) center center no-repeat;width:66px}
.work_vision .wk_left .icon_box div .icon_05{background:url(../images/content/cms/sanrim_img07.png) center center no-repeat;width:63px}
.work_vision .wk_left .icon_box div .icon_06{background:url(../images/content/cms/sanrim_img08.png) center center no-repeat;width:67px}
.work_vision .wk_left .icon_box div .icon_07{background:url(../images/content/cms/sanrim_img09.png) center center no-repeat;width:44px}
.work_vision .wk_right .icon_box div .icon_08{background:url(../images/content/cms/sanrim_img10.png) center center no-repeat}
*/
.work_vision .wk_right strong{display:block;padding:20px 0;text-align:center;margin:0 auto;border: 2px solid #02999b;border-radius:50px;color:#02999b;font-size:20px;position:relative}

.work_vision .wk_right strong:before{content:"";position:absolute;bottom:-43px;left:50%;width:1px;height:42px;background:#333}

.work_vision .wk_right .icon_box{margin-top:40px}
.work_vision .wk_right .icon_box div{text-align:center;float: left;width: 50%;}
.work_vision .wk_right .icon_box div p{text-align:center;font-size:17px}
.work_vision .wk_right .icon_box{overflow:hidden;width:100%;background:#f2f5f8}

@media (max-width:1230px){
    .sncon{padding:60px 20px}
}
@media (max-width:1000px){
    .work_vision .wk_left{width:100%;margin-bottom:40px}
    .work_vision .wk_right{width:100%}
    .work_vision .wk_right strong{width:200px}
    .work_vision .wk_right .icon_box div{min-height:0}
    .work_vision .wk_left .icon_box div{/* min-height:310px; */}
}
@media (max-width:840px){
    .sanrim_wrap p{width:100%;padding:30px 20px}
}
@media (max-width:767px){
    .sanrim_contxt{width:100%}
    .sanrim_contxt.first{border-right:1px solid #ddd;border-bottom:0}
    .sanrin_txtbox .division_tit{width:100%;left:0;margin-left:0}
    .sanrim_wrap p{font-size:20px}
   .work_vision .wk_left strong {width:100%;}
    .work_vision .wk_left {width:100%;}
    .work_vision .wk_left .icon_box{width: 100%;}
    .work_vision .wk_left .icon_box div {width:100%;}
    .work_vision .wk_left .icon_box div:nth-child(4){margin-left:0}
    .work_vision .wk_left .icon_box div:nth-child(7){margin-left:0}
}

@media (max-width:480px){
    .work_vision .wk_left .icon_box div{width:100%;min-height:0;margin-left:0}
    .work_vision .wk_left .icon_box div:nth-child(5){margin-left:0}
}

/* 썸네일형 게시글(발간자료) */
.thumb_board.t01>li{border-width:0 1px 1px 1px;border-style:solid;border-color:#e2e2e2}
.thumb_board.t01>li:first-child{border-top:2px solid #8d8d8d}
.thumb_board.t01>li{display:block;padding:20px 15px}
.thumb_board.t01>li>.thum_wrap{position:relative;padding-left:171px;overflow:hidden}
.thumb_board.t01>li>.thum_wrap>.thum_img{width:143px;height:auto;position:absolute;left:0;top:0;overflow:hidden}
.thumb_board.t01>li>.thum_wrap>.thum_img img{height:100%;transition:all .3s}
.thumb_board.t01>li:hover>.thum_wrap>.thum_img img{transform:scale(1.1)}
.thumb_board.t01>li>.thum_wrap>.thum_info{min-height:178px}
.thumb_board.t01>li>.thum_wrap>.thum_info>strong{display:block;font-size:17px;color:#444;padding-bottom:15px;border-bottom:1px solid #e2e2e2;margin-bottom:15px}
.thumb_board.t01>li>.thum_wrap>.thum_info>strong>a{color:#444}
.thumb_board.t01>li>.thum_wrap>.thum_info>strong>a:hover{text-decoration:underline}
.thumb_board.t01>li>.thum_wrap>.thum_info>ul{/*padding-top:15px*/}
.thumb_board.t01>li>.thum_wrap>.thum_info>ul>li{margin-top:10px;padding-left:11px;color:#555}
.thumb_board.t01>li>.thum_wrap>.thum_info>ul>li:first-child{margin-top:0}
.thumb_board.t01>li>.thum_wrap>.thum_info>ul>li>span{color:#f36d21}
.thumb_board.t01>li>.thum_wrap>.thum_info>p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;max-height:3em;text-align: left;}
.thumb_board.t01>li>.thum_wrap>.thum_info>.writeInfo{display:inline-block;margin-top:10px;font-size:12px;color:#888}
.thumb_board.t01>li>.thum_wrap>.thum_info>.writeInfo>span{position:relative;padding-left:8px;margin-left:5px;}
.thumb_board.t01>li>.thum_wrap>.thum_info>.writeInfo>span:before{content:"";display:block;position:absolute;left:0;top:5px;width:1px;height:13px;background:#e2e2e2}
.thumb_board.t01>li>.thum_wrap>.thum_info>.writeInfo>span:first-child{margin-left:0;padding-left:0}
.thumb_board.t01>li>.thum_wrap>.thum_info>.writeInfo>span:first-child:before{display:none}

@media (max-width:640px){
    .thumb_board.t01>li>.thum_wrap>.thum_img{position:relative;left:auto;top:auto;margin:0 auto 20px}
    .thumb_board.t01>li>.thum_wrap{padding-left:0}
}

/* 조직및기능 cms */
.organization_wrap{margin-top:30px;position:relative;}
.organ_customer{text-align:center}
.organ_tit{display:block;margin:20px 0 15px;font-size:18px;color:#323232}

.belong_organ{overflow:hidden;margin-bottom:40px}
.belong_organ li{float:left;width:13.42857142857143%;height:80px;margin-left:1%;background:#e7ecf1;color:#2c3865;text-align:center}
.belong_organ li:first-child{margin-left:0}
.belong_organ li a{display:table;width:100%;height:80px;vertical-align:middle;color:#2c3865;text-align:center;line-height:24px}
.belong_organ li a span{display:table-cell;vertical-align:middle;line-height:24px;font-size:16px!important}
.belong_organ li.link{display:table}
.belong_organ li.link a{display:inline;height:auto;width:auto;font-size:16px}
.belong_organ li.link .another_link{display:table-cell;vertical-align:middle;line-height:24px}

.org{position:relative;/* padding-bottom:500px */}
.org .org_rep{position: relative;left:0;bottom:0;width:100%;text-align:center}

.org .org_rep .org_rep_box.marboth{margin: 0 9.5% 0 6.5% !important;}/* 수정함 20221229 조직도변경추가*/

.org .org_rep .org_rep_box{position:relative;height: 400px;/* height:359px; */margin:0 6.727272727272727%;border-bottom:1px solid #777777}
.org .org_rep .org_rep_box:after{content:"";position:absolute;left:50%;top:0;display:block;width:0;height:100%;border-left:1px solid #777777;z-index:-1}
.org .org_rep .org_rep_box h5{position:absolute;top: 0;left:50%;margin: 0 0 0 -70px;font-weight:normal;line-height:normal;padding-left:0;background:none}/* 수정0918반영 */
.org .org_rep .org_rep_box h5 a{display:block;width:130px;height:130px;margin:0 auto;color:#fff;background:#3c65f3;border-radius:50%;text-align:center;line-height:130px;font-size:20px}
.org .org_rep .org_rep_box h6{position:absolute;bottom:50px;left:50%;margin: 0 0 0 -80px;font-weight:normal;line-height:normal;padding-left:0;background:none;font-size: 16px;}
.org .org_rep .org_rep_box h6 a{display:block;width:160px;height:60px;margin:0 auto;line-height:60px;border:2px solid #2b5bd5;color:#2b5bd5;text-align:center;border-radius:30px;background:#fff}
.org .org_rep .org_rep_box .spokteam{position:absolute;top: 180px;right:50%;padding-right:100px}/* 수정0918반영 */
.org .org_rep .org_rep_box .spokteam:before{content:"";display:block;position:absolute;left:0;top:50%;width:100%;height:0;border-top:1px solid #777777;z-index:-1}
.org .org_rep .org_rep_box .snForest{position:absolute;/* top:142px; */top:120px;right:50%;padding-right:100px}/* 수정0918반영 */
.org .org_rep .org_rep_box .snForest:before{content:"";display:block;position:absolute;left:0;top:50%;width:100%;height:0;border-top:1px solid #777777;z-index:-1}
.org .org_rep .org_rep_box .spokteam a,
.org .org_rep .org_rep_box .snForest a{display:inline-block;padding:19px 20px;color:#028076;text-align:center;background:#fff;border:2px solid #00a396;border-radius:30px;width:200px;font-size: 16px;}
.org .org_rep .org_rep_box .spokteam a{min-width:160px}

/* 20200814 추가 */
.org .org_rep .org_rep_box .c19{position:absolute;top:190px;right:50%;padding-right:100px}/* 수정0918반영 */
.org .org_rep .org_rep_box .c19 a{display:inline-block;padding:19px 20px;color:#028076;text-align:center;background:#fff;border:2px dotted #00a396;border-radius:30px;}
.org .org_rep .org_rep_box .c19:before{content:"";display:block;position:absolute;left:0;top:50%;width:100%;height:0;border-top:1px solid #777777;z-index:-1}

/* 20200814 추가 */
.org .org_rep .org_rep_box .namu{position:absolute;top: 180px;left:50%;padding-left:100px;font-size: 16px;}/* 수정0918반영 */
.org .org_rep .org_rep_box .namu a{display:inline-block;padding:19px 20px;color:#028076;text-align:center;background:#fff;border:2px dotted #00a396;border-radius:30px;width:260px;}
.org .org_rep .org_rep_box .namu:before{content:"";display:block;position:absolute;left:0;top:50%;width:100%;height:0;border-top:1px solid #777777;z-index:-1}


 /* 2022 산림재난통제과 */
.organization_wrap .safe{position:absolute;top: 480px;right: 0;padding-right: 0;padding-left:100px;}
.organization_wrap .safe a{display:inline-block;padding:15px 25px;text-align:center;background:#fff;border:1px solid #4f76f8;font-weight:normal;}
.organization_wrap .safe:before{content:"";display:block;position:absolute;left:0;top:50%;width:100%;height:0;border-top:1px solid #777777;z-index:-1}

/* 수정0918반영 */
.org .org_rep .org_rep_box .snForest1{position:absolute;top:18px;left:50%;padding-left:135px}
.org .org_rep .org_rep_box .snForest1 a{display:inline-block;padding:19px 20px;color:#028076;text-align:center;background:#fff;border:2px solid #00a396;border-radius:30px}
.org .org_rep .org_rep_box .snForest1:before{content:"";display:block;position:absolute;left:0;top:50%;width:100%;height:0;border-top:1px solid #777777;z-index:-1}

.org .org_team{position:relative}
.org .org_team>ul{overflow:hidden}
.org .org_team>ul>li{position:relative;min-height: 580px;float:left;width:13%;margin-left:1%;padding-top: 150px;}
.org .org_team>ul>li:before{content:"";position:absolute;left:50%;top: 0;display:block;width:0;height:148px;border-left:1px solid #777777;z-index:-1}
.org .org_team>ul>li:first-child{margin-left:0}
.org .org_team>ul>li>a{display:table;position:absolute;top: 44px;left:0;width:100%;height:54px;padding:0 5px;text-align:center;color:#fff;background:#3C65F3}
.org .org_team>ul>li.team.t01>a{position:absolute;top: 148px;left:0;width:100%;height:54px;padding:0 5px;text-align:center;background:#fff;border:1px solid #4f76f8;color:#323232}
.org .org_team>ul>li>a>span{display:table-cell;vertical-align:middle;font-size: 16px;letter-spacing: -1.5px;}
.org .org_team>ul>li>ul{position:absolute;top: 148px;left:0;width:100%}
.org .org_team>ul>li>ul>li{position:relative;margin-top:5px}
.org .org_team>ul>li>ul>li:first-child{margin-top:0}
.org .org_team>ul>li>ul>li>a{display:table;width:100%;height:54px;padding:0 2px;background:#fff;color:#323232;text-align:center;border:1px solid #4f76f8;/* font-size: 10px!important; */}
.org .org_team>ul>li>ul>li>a.dotted{border:2px dotted #4f76f8}
.org .org_team>ul>li>ul>li>a:before{content:"";display:block;position:absolute;left:50%;bottom:100%;width:0;height:5px;border-left:1px solid #777777}
.org .org_team>ul>li>ul>li:first-child>a:before{display:none}
.org .org_team>ul>li>ul>li>a>span{display:table-cell;vertical-align:middle;font-size: 15px!important;}
    
@media all and (max-width:1260px){
    .belong_organ{}
    .belong_organ li{width:25%;margin-left:0;border-width:0 1px 1px 0}
    .belong_organ li:nth-child(4n+1){border-left:1px solid #777777}
    .belong_organ li:nth-child(1),
    .belong_organ li:nth-child(2),
    .belong_organ li:nth-child(3),
    .belong_organ li:nth-child(4){border-top:1px solid #777777}
}
@media all and (max-width:1000px){
    .belong_organ li,
    .belong_organ li a{height:50px}
    .belong_organ li a span{line-height:20px}
    .belong_organ li.link{display:list-item}
    .belong_organ li.link .another_link{line-height:20px;display:block;height:50px;padding:2px 0}
    .belong_organ li.link a{font-size:14px}
}
@media all and (max-width:640px){
    .organ_customer img{width:170px}

    .belong_organ{margin-bottom:30px}

    .org{padding-bottom:0}
    .org .org_rep{position:static}
	.org .org_rep .org_rep_box.marboth{margin:0 6.5% !important;border-bottom:0;}/* 수정함 20221229 조직도변경추가*/
    .org .org_rep .org_rep_box{margin:0;border-top:0;height: 300px;padding-bottom: 0;}
    .org .org_rep .org_rep_box h5{position:static;margin:0 0 8px}
    .org .org_rep .org_rep_box h5 a{width:100%;height:auto;border-radius:0;line-height:50px}
    .org .org_rep .org_rep_box h6{position:static;margin:0 0 5px 0} /* 수정0918반영 */
    .org .org_rep .org_rep_box h6 a{width:100%;height:auto;border-radius:0;line-height:50px}/* 수정0918반영 */
    .org .org_rep .org_rep_box .spokteam,
	.org .org_rep .org_rep_box .snForest{position: absolute;width:100%;padding:0}
	.org .org_rep .org_rep_box .c19{position: absolute;width:100%;padding:0;bottom:0;right:0;top: 190px;}
	.org .org_rep .org_rep_box .imup{position: absolute;width:100%;padding:0;bottom:0;right:0;top: 250px;}
    .org .org_rep .org_rep_box .snForest1{position:absolute;width:100%;padding:0}/* 수정0918반영 */
    .org .org_rep .org_rep_box .spokteam{bottom:0;left:0;top: 130px;}
	 .org .org_rep .org_rep_box .namu{bottom:0;left:0;top: 200px;padding-left:0;width:100%;}
    .org .org_rep .org_rep_box .snForest{bottom:0;right:0;top: 180px;}
    .org .org_rep .org_rep_box .snForest1{position:static;margin:3px 0 8px}/* 수정0918반영 */
    .org .org_rep .org_rep_box .snForest1 a{display:block;padding:14px 20px;border-radius:0}/* 수정0918반영 */

    .org .org_rep .org_rep_box .spokteam:before,
	.org .org_rep .org_rep_box .c19:before,
    .org .org_rep .org_rep_box .snForest:before{display:none}
    .org .org_rep .org_rep_box .snForest1:before, /* 수정0918반영 */
    .org .org_rep .org_rep_box .spokteam a, .org .org_rep .org_rep_box .namu a,
    .org .org_rep .org_rep_box .snForest a{display:block;padding:14px 10px;border-radius:0;font-size:15px;width:100%;}
    .org .org_rep .org_rep_box .spokteam a{border-right-width:1px;min-width:inherit;width:100%;}
    .org .org_rep .org_rep_box .snForest a{border-left-width:1px;width:100%;}
	
	.organization_wrap .safe{position:static;padding:0;width:100%;}
	.organization_wrap .safe a{width:100%;margin-bottom:10px;}

	.org .org_rep .org_rep_box .c19 a{display:block;padding:14px 10px;border-radius:0;font-size:15px;width:100%;}

    .org_team{margin-top:20px;padding:10px;border:1px solid #777777}
    .org_team:before{content:"";display:block;position:absolute;left:50%;top:-21px;width:0;height:21px;border-left:1px solid #777777}
    .org .org_team>ul>li{padding-bottom:0;width:100%;margin-left:0;min-height:inherit;margin-top:20px;padding-top:0;}
    .org .org_team>ul>li:first-child{margin-top:0;padding-top:0;}
    .org .org_team>ul>li:before{display:none}
    .org .org_team>ul>li>a,
    .org .org_team>ul>li.team.t01>a{position:static;height:40px}
    .org .org_team>ul>li>ul{position:static;margin-top:5px}
    .org .org_team>ul>li>ul>li>a{height:40px}
    .org .org_team>ul>li>ul>li:first-child>a:before{display:block}
}
@media all and (max-width:500px){
    .belong_organ li{width:33.3%}
    .belong_organ li:nth-child(4){border-top:0}
    .belong_organ li:nth-child(4n+1){border-left:0}
    .belong_organ li:nth-child(3n+1){border-left:1px solid #777777}
}

/*맞춤형사전정보*/

.nationInfo{margin-top:20px}
.nationInfo>li{position:relative;padding-left:30%;margin-top:40px}
.nationInfo>li.t06{padding-bottom:5px;}
.nationInfo>li:first-child{margin-top:0}
.nationInfo>li>.nationInfo_tit{position:absolute;left:0;top:0;width:30%;height:239px;padding:46px 15px;border:1px solid #cbcbcb;border-radius:8px;background:#e7ecf1;text-align:center}
.nationInfo>li>.nationInfo_tit>.nI_icon{display:block;margin:0 auto;width:150px;height:100px}
.nationInfo>li.t06>.nationInfo_tit>.nI_icon{background:url(../images/content/cms/plus01_icon06.png) center center no-repeat}
.nationInfo>li.t01>.nationInfo_tit>.nI_icon{background:url(../images/content/cms/plus01_icon01.png) center center no-repeat}
.nationInfo>li.t02>.nationInfo_tit>.nI_icon{background:url(../images/content/cms/plus01_icon02.png) center center no-repeat}
.nationInfo>li.t03>.nationInfo_tit>.nI_icon{background:url(../images/content/cms/plus01_icon03.png) center center no-repeat}
.nationInfo>li.t04>.nationInfo_tit>.nI_icon{background:url(../images/content/cms/plus01_icon04.png) center center no-repeat}
.nationInfo>li.t05>.nationInfo_tit>.nI_icon{background:url(../images/content/cms/plus01_icon05.png) center center no-repeat}
.nationInfo>li>.nationInfo_tit>.nI_tit{display:block;margin-top:18px;font-size:20px;color:#323232;font-weight:600}
.nationInfo>li>ul{padding-left:93px;width:50%;background:url(../images/content/cms/bg_nationInfo_line5.png) left 20px no-repeat}
.nationInfo>li.t06>ul{float:left;}
.nationInfo>li.t06>ul:last-child{padding-left:85px;background:none;}
.nationInfo>li.t06:after{content:"";display:block;clear:both}
.nationInfo>li.t05>ul{background:url(../images/content/cms/bg_nationInfo_line6.png) left 20px no-repeat}
.nationInfo>li>ul>li{margin-top:10px;border:1px solid #4f76f8;border-radius:5px;color:#323232;text-align:center;height:40px;line-height:40px;background:#fff}

.nationInfo>li>ul>li:first-child{margin-top:0}
.nationInfo>li>ul>li>a{color:#264cc5}
.nationInfo>li>ul>li>a:hover{text-decoration:underline}
.nationInfo>li>ul>li>.srwapbx{position:absolute;right:0;top:0;width:35%;padding-left:40px}
.nationInfo>li>ul>li>.srwapbx:before{content:"";display:block;position:absolute;left:0;top:50%;width:40px;height:0;border-bottom:1px solid #a3a3a3}
.nationInfo>li>ul>li>.srwapbx>.txt_list{margin:0;text-align:left;padding:6px 5px 6px 18px;border:1px solid #a3a3a3;border-radius:5px;background:#fff;overflow:hidden}
.nationInfo>li>ul>li>.srwapbx>.txt_list>li{float:left;margin-bottom:5px;line-height:22px;margin-right:20px}
.nationInfo>li>ul>li>.srwapbx>.txt_list>li>a{color:#4065de}
.nationInfo>li>ul>li>.srwapbx>.txt_list>li>a:hover{text-decoration:underline}

.nationInfo>li.t01>ul>li>.srwapbx:before{top:20px}
.nationInfo>li.t02>ul>li>.srwapbx.t01{top:0}
.nationInfo>li.t02>ul>li>.srwapbx.t02{top:50px}
.nationInfo>li.t02>ul>li>.srwapbx.t03{top:100px}
.nationInfo>li.t02>ul>li>.srwapbx.t04{top:150px}
.nationInfo>li.t02>ul>li>.srwapbx.t04:before{top:20px}

.nationInfo>li.t03>ul>li>.srwapbx.t01{top:150px}
.nationInfo>li.t03>ul>li>.srwapbx.t01:before{top:20px}

.nationInfo>li.t04>ul>li>.srwapbx.t01{top:50px}
.nationInfo>li.t04>ul>li>.srwapbx.t02{top:100px}

.nationInfo>li.t05>ul>li>.srwapbx.t01{top:25px}
.nationInfo>li.t05>ul>li>.srwapbx.t01:before{top:45px}
.nationInfo>li.t05>ul>li>.srwapbx.t02{top:100px}

@media all and (max-width:1420px){
    .nationInfo>li>ul>li>.srwapbx>.txt_list>li>a{font-size:15px}
}
@media all and (max-width:1350px){
    .nationInfo>li>.nationInfo_tit{width:20%}
    .nationInfo>li{padding-left:20%}
    .nationInfo>li>ul>li>.srwapbx{width:40%}
    .nationInfo>li>.nationInfo_tit>.nI_icon{width:auto;background-size:80px !important}
}
@media all and (max-width:1225px){
    .nationInfo>li>ul{padding-left:75px;width:45%}
    .nationInfo>li>ul>li{font-size:15px}
    .nationInfo>li>ul>li>.srwapbx{width:44%}
    .nationInfo>li>ul>li>.srwapbx>.txt_list>li>a{font-size:14px}
}
@media all and (max-width:1150px){
    .nationInfo>li>ul,
    .nationInfo>li.t05>ul{background-position:-20px}
    .nationInfo>li>ul{padding-left:40px}
}
@media all and (max-width:785px){
    .nationInfo>li{padding-left:0}
    .nationInfo>li>.nationInfo_tit{width:100%;position:static;padding:10px 10px 15px;height:auto}
    .nationInfo>li>.nationInfo_tit>.nI_icon{height:50px;background-size:50px !important}
    .nationInfo>li>.nationInfo_tit>.nI_tit{margin-top:5px;font-size:18px}
    .nationInfo>li>ul,
    .nationInfo>li.t05>ul{margin-top:10px;position:relative;padding:0 60% 0 0;background:none !important;width:auto}
	.nationInfo>li.t06>ul{width:100%;padding:0;}
	.nationInfo>li.t06>ul:last-child{padding-left:0;}
    .nationInfo>li>ul>li{margin-top:5px}
    .nationInfo>li>ul>li>.srwapbx{width:60%}
    .nationInfo>li.t05>ul>li>.srwapbx.t01{top:50px}
    .nationInfo>li.t05>ul>li>.srwapbx.t01:before{top:50%}
}
@media all and (max-width:670px){
    .nationInfo>li{margin-top:20px}
    .nationInfo>li>ul, .nationInfo>li.t05>ul{padding:0}
    .nationInfo>li>ul>li{height:auto}
    .nationInfo>li>ul>li>.srwapbx{width:auto;position:static;padding-left:0}
    .nationInfo>li>ul>li>.srwapbx>.txt_list{border:0;display:block}
    .nationInfo>li>ul>li>.srwapbx:before{display:none}
    .nationInfo>li>ul>li>.srwapbx>.txt_list>li{float:none}
}

.plus_box{overflow:hidden;margin-top:20px}
.plus_box ul li{float:left;width:31.3%;margin-right:3%;margin-bottom:3%}
.plus_box ul li a{display:block;text-align:center;padding:40px 20px 20px;background:#e7ecf1;box-sizing:border-box;min-height:239px;border-radius:10px;border:1px solid #cbcbcb;position:relative}
.plus_box ul li a:hover{background:#fff;border:0}
.plus_box ul li a:hover:after{content:"";border:4px solid #4f76f8;position:absolute;top:0;left:0;right:0;bottom:0;display:block;border-radius:10px}
.plus_box ul li a:hover .pl_dt{display:block}
.plus_box ul li:nth-child(3n){margin-right:0}
.plus_box ul li a .icon{display:block;margin:0 auto 10px}
.plus_box ul li a .icon.icon02_01{width:114px;height:101px;background:url(../images/content/cms/plus02_icon01.png) center center no-repeat}
.plus_box ul li a .icon.icon02_02{width:110px;height:101px;background:url(../images/content/cms/plus02_icon02.png) center center no-repeat}
.plus_box ul li a .icon.icon02_03{width:113px;height:101px;background:url(../images/content/cms/plus02_icon03.png) center center no-repeat}
.plus_box ul li a .icon.icon02_04{width:112px;height:101px;background:url(../images/content/cms/plus02_icon04.png) center center no-repeat}
.plus_box ul li a .icon.icon02_05{width:139px;height:101px;background:url(../images/content/cms/plus02_icon05.png) center center no-repeat}
.plus_box ul li a .icon.icon02_06{width:137px;height:101px;background:url(../images/content/cms/plus02_icon06.png) center center no-repeat}

.plus_box ul li a .icon.icon03_01{width:114px;height:101px;background:url(../images/content/cms/plus03_icon01.png) center center no-repeat}
.plus_box ul li a .icon.icon03_02{width:110px;height:101px;background:url(../images/content/cms/plus03_icon02.png) center center no-repeat}
.plus_box ul li a .icon.icon03_03{width:125px;height:101px;background:url(../images/content/cms/plus03_icon03.png) center center no-repeat}
.plus_box ul li a .icon.icon03_04{width:127px;height:101px;background:url(../images/content/cms/plus03_icon04.png) center center no-repeat}
.plus_box ul li a .icon.icon03_05{width:125px;height:101px;background:url(../images/content/cms/plus03_icon05.png) center center no-repeat}
.plus_box ul li a .icon.icon03_06{width:125px;height:101px;background:url(../images/content/cms/plus03_icon06.png) center center no-repeat}
.plus_box ul li a .icon.icon03_07{width:125px;height:101px;background:url(../images/content/cms/plus03_icon07.png) center center no-repeat}
.plus_box ul li a .icon.icon03_08{width:125px;height:101px;background:url(../images/content/cms/plus03_icon08.png) center center no-repeat}
.plus_box ul li a .icon.icon03_09{width:125px;height:101px;background:url(../images/content/cms/plus03_icon09.png) center center no-repeat}
.plus_box ul li a .icon.icon03_10{width:125px;height:101px;background:url(../images/content/cms/plus02_icon04.png) center center no-repeat}

.plus_box ul li a .icon.icon04_01{width:125px;height:101px;background:url(../images/content/cms/plus04_icon01.png) center center no-repeat}
.plus_box ul li a .icon.icon04_02{width:125px;height:101px;background:url(../images/content/cms/plus04_icon02.png) center center no-repeat}
.plus_box ul li a .icon.icon04_03{width:155px;height:101px;background:url(../images/content/cms/plus04_icon03.png) center center no-repeat}
.plus_box ul li a .icon.icon04_04{width:125px;height:101px;background:url(../images/content/cms/plus04_icon04.png) center center no-repeat}
.plus_box ul li a .icon.icon04_05{width:125px;height:101px;background:url(../images/content/cms/plus04_icon05.png) center center no-repeat}
.plus_box ul li a .icon.icon04_06{width:125px;height:101px;background:url(../images/content/cms/plus04_icon06.png) center center no-repeat}

.plus_box ul li a .icon.icon05_01{width:165px;height:101px;background:url(../images/content/cms/plus05_icon01.png) center center no-repeat}
.plus_box ul li a .icon.icon05_02{width:125px;height:101px;background:url(../images/content/cms/plus05_icon02.png) center center no-repeat}
.plus_box ul li a .icon.icon05_03{width:125px;height:101px;background:url(../images/content/cms/plus05_icon03.png) center center no-repeat}
.plus_box ul li a .icon.icon05_04{width:125px;height:101px;background:url(../images/content/cms/plus05_icon04.png) center center no-repeat}

.plus_box ul li a .icon.icon06_01{width:125px;height:101px;background:url(../images/content/cms/plus06_icon01.png) center center no-repeat}
.plus_box ul li a .icon.icon06_02{width:125px;height:101px;background:url(../images/content/cms/plus06_icon02.png) center center no-repeat}
.plus_box ul li a .icon.icon06_03{width:125px;height:101px;background:url(../images/content/cms/plus06_icon03.png) center center no-repeat}
.plus_box ul li a .pl_tt{display:block;margin-bottom:10px;color:#323232;font-size:20px;font-weight:600}
.plus_box ul li a .pl_dt{display:none;padding-top:2px;background:#4f76f8;border-radius:50%;width:30px;height:30px;font-weight:bold;color:#fff;margin:0 auto;font-size:25px}

@media (max-width:767px){
    .plus_box ul li{width:47%}
    .plus_box ul li:nth-child(2n){margin-right:0}
    .plus_box ul li:nth-child(3n){margin-right:3%}
    .plus_box ul li:last-child{margin-right:0}
    .plus_box ul li a .pl_tt{font-size:16px}
}
@media (max-width:480px){
    .plus_box ul li a{padding:30px 20px 20px;min-height:210px}
    .plus_box ul li a .icon.icon02_05,
    .plus_box ul li a .icon.icon02_06,
    .plus_box ul li a .icon.icon04_03,
    .plus_box ul li a .icon.icon05_01{width:auto;background-size:100% auto}
}

#conversationService{padding:20px 0;background-color:#ebebf0;/*#f8fafb*/}
#conversationService .service_wrap{max-width:580px;margin:0 auto;background-color:#fff}
#conversationService .item{
    opacity: 0;
    transform-origin:50% 0;
    -webkit-transform-origin:50% 0;
    transform:scale(0.9, 0.9);
    -webkit-transform:scale(0.9, 0.9);
    transition:transform 300ms ease-in-out, opacity 300ms ease-in-out;
    -webkit-transition:-webkit-transform 300ms ease-in-out, opacity 300ms ease-in-out;
}
#conversationService .view{opacity:1;transform:scale(1, 1);-webkit-transform:scale(1, 1);}

.welcome_info{position:relative;padding:30px 0 15px;margin:0 15px;text-align:center;border-bottom:1px solid #a3a3a3}
.welcome_info strong{display:block;margin:15px 0 10px;line-height:130%;font-weight:500;font-size:28px;color:#323232}
.welcome_info span{font-size:17px;color:#444}
.welcome_info .img{width:130px;height:130px;-webkit-border-radius:100%;border-radius:100%}

.welcome_info.t01{padding:60px 0 15px}
.talk_prevBtn{position:absolute;left:19px;top:20px;border:0;display:block;width:80px;height:80px;background:transparent}

.conversation{overflow:hidden;min-height:500px;padding-bottom:30px}
.conversation .host{transform-origin:0 0;-webkit-transform-origin:0 0;min-height:70px;margin:30px 0 0 15px;padding-left:90px;background:url(../images/main/cvrt/host.png) no-repeat 0 0}
.conversation .host .item{transform-origin:0 0;-webkit-transform-origin:0 0;}

.conversation .guest{transform-origin:100% 0;-webkit-transform-origin:100% 0;overflow:hidden;margin:0 15px 30px 0}
.conversation .guest .item{transform-origin:100% 0;-webkit-transform-origin:100% 0;}

.conversation .ment{overflow:hidden;margin-top:20px;font-size:17px;color:#323232}
.conversation .ment span{display:block;line-height:130%;padding:20px;font-size:17px;color:#323232}

.conversation .img{font-size:16px}

.conversation .img img{width:100%}
.conversation .img .photoswipe a{display:block;width:290px;position:relative;overflow:hidden;margin-bottom:5px;border-radius:20px}
.conversation .img .photoswipe a:after{content:'';position:absolute;bottom:5px;right:5px;width:44px;height:44px;background:url(../images/main/cvrt/img_view.png)}
.conversation .img .photoswipe{width:290px;}

.conversation .descpt .photoswipe a{border-radius:20px 20px 0 0;margin-bottom:0}

.conversation .link>a{display:block;width:290px;margin-bottom:5px}
.conversation .link .thumb{padding:20px 0;text-align:center;border-radius:20px 20px 0 0;border:1px solid #d9edfe}
.conversation .link .icon{min-height:20px;padding-top:3px;font-size:16px;padding-left:25px;background:url(../images/main/cvrt/link_icon.png) no-repeat 0 0}
.conversation .single{min-height:20px;padding-top:3px;font-size:16px;padding-left:25px;background:url(../images/main/cvrt/link_icon.png) no-repeat 0 0}

.conversation .descript{display:block;max-width:290px;padding:10px 10px 20px 15px;font-size:16px;color:#444;background-color:#d9edfe;border-radius:0 0 20px 20px}

.conversation .descript b{letter-spacing:-1px;display:block;margin-bottom:10px;line-height:135%;font-weight:500;font-size:17px}
.conversation .descript span,
.conversation .descript span a{display:block;line-height:130%;font-size:14px;word-break:break-all;color:#606060}

.conversation .host .ment{margin-right:100px}
.conversation .host .ment span{float:left;width:100%;border-radius:0 20px 20px 20px;background-color:#d9edfe;word-break:break-all}
.conversation .host .ment span a{display:block}
.conversation .host .ment span a b{display:block;margin-bottom:5px}
.conversation .guest .ment{margin-left:100px}
.conversation .guest .ment span{float:right;border-radius:20px 0 20px 20px;background-color:#f2f5f8}

.conversation .ment, .conversation .emoticon, .conversation .img, .conversation .link{margin:20px 0 10px}

.conversation .emoticon+.ment{margin-top:10px}
.conversation .host .emoticon{padding-right:100px;}
.conversation .guest .emoticon{padding-left:100px;}

.conversation  .guest .emoticon, .conversation .guest .img, .conversation .guest .link{text-align:right}

.conversation .host .questions{}
.conversation .host .questions .q_ti{position:relative;display:block;height:50px;padding:20px 0 0 63px;background:url(../images/main/cvrt/img_detail_q.png) no-repeat 0 100%}
.conversation .host .questions ul{margin:-3px 0 0 0;padding:15px 20px;-webkit-border-radius:0 20px 20px 20px;border-radius:0 20px 20px 20px;border:3px solid #d9edfe}
.conversation .host .questions ul li{position:relative;padding-left:15px;margin-top:5px}
.conversation .host .questions ul li a{display:inline-block;font-weight:500;border-bottom:1px solid transparent}
.conversation .host .questions ul li a:hover{border-bottom-color:#000;color:#000}

.conversation .link_list{margin-top:30px;padding:0 15px;border-top:10px solid #f8fafb;}
.conversation .link_list .list_title{overflow:hidden;padding:18px 0 10px 20px;border-bottom:1px solid #a3a3a3}
.conversation .link_list .list_title .icon{float:left;margin-right:15px}
.conversation .link_list .list_title .icon.div{overflow:hidden}
.conversation .link_list .list_title span{display:block;padding-top:10px;line-height:100%;font-weight:400;font-size:17px;color:#444}
.conversation .link_list .list_title strong{letter-spacing:-1px;font-family:'NanumSquare', 'Noto Sans Kr', sans-serif;line-height:100%;display:block;margin-top:10px;font-weight:500;font-size:33px;color:#018b5e}

.conversation .list_wrap{padding:25px 0 40px}
.conversation .list_wrap .item{padding-top:15px;margin-top:15px;border-top:1px solid #eaeaed}
.conversation .list_wrap .item:first-child{padding-top:0;margin-top:0;border-top-width:0}
.conversation .list_wrap .item a{min-height:70px;position:relative;display:block;padding-left:100px}
.conversation .list_wrap .item .icon{position:absolute;left:30px;top:0}
.conversation .list_wrap .item .thumb{position:absolute;left:10px;top:0;width:70px;height:70px;-webkit-border-radius:100%;border-radius:100%;;overflow:hidden}
.conversation .list_wrap .item .thumb img{width:100%;height:100%;}
.conversation .list_wrap .item b{position:relative;display:inline-block;margin-bottom:10px;font-weight:500;line-height:100%;font-size:24px;color:#323232;padding-right: 60px;}
.conversation .list_wrap .item b:after{content:'';position:absolute;top:-8px;right:10px;width:40px;height:40px;background:url(../images/main/cvrt/list_new_window.png)}
.conversation .list_wrap .item i{display:block;margin-bottom:10px;font-weight:400;font-style:normal;line-height:120%;font-size:17px;color:#323232}
.conversation .list_wrap .item span{display:block;line-height:120%;font-size:17px;color:#606060}
.conversation .list_wrap .item.icon_non b:after{display:none}

@media (max-width:640px){
    .talk_prevBtn { width: 60px;height: 60px; }
    .welcome_info strong { font-size: 20px; }
    #conversationService .service_wrap{padding:0 5px}
}

@media (max-width:420px){
    .conversation .img .photoswipe { width: 100%; }
    .conversation .img .photoswipe a { width: 100%; }
    .conversation .descript { width: 100%; }
}
@media (max-width:400px){
    .conversation .link>a { width: 100%; }
    .conversation .descript { width: 100%; }
}

/*임시 그림이 없어서 정의서에있는걸 가져오느라 강제로 늘림*/
.conversation .list_wrap img[src*='list_bullet_img_']{width:70px;height:70px}
.conversation .detail_exp{max-width:80%;margin:30px auto;text-align:center}
.conversation .detail_exp .detail_expBtn{display:block;padding:118px 0 10px;width:290px;height:190px;margin:0 auto 30px;background:url(../images/main/cvrt/img_detail_exp_01.png) no-repeat;text-align:center;color:#fff;font-weight:500}
.conversation .detail_exp .detail_expBtn span{position:fixed;top:-1px;left:-1px;width:1px;height:1px;overflow:hidden;color:#000;background:#fff}
.conversation .detail_exp .detail_expCon{display:none;padding:15px;text-align:left;background:#d9edfe;border-radius:15px;max-width:290px;margin:0 auto;}
.conversation .detail_exp .detail_expCon strong{display:block;max-width:290px;margin:15px 0 10px;color:#323232;font-size:19px;font-weight:500}

/* 선택형서비스 */
#service_Container{position:relative}
#service_Container .service_topBox{background:#ebebf0}

.serviceTop_select{padding:45px 0;border-bottom:1px solid #f2f5f8;text-align:center;background:url(../images/main/selService/bg_serviceTop_select.png) right 100px bottom 31px no-repeat}
.serviceTop_select strong{display:inline-block;margin-bottom:15px;font-size:30px;color:#323232;padding:0 5px 10px;border-bottom:2px solid #454b49;font-weight:500}
.serviceTop_select strong>img{vertical-align:-7px}
.serviceTop_select em{display:block;font-size:24px;color:#323232;line-height:normal}
.serviceTop_select p{text-align:center}

.select_Condition{padding:49px 0}
.select_Condition dl{position:relative;display:table;width:100%;height:60px;border-bottom:1px solid #a3a3a3;overflow:hidden}
.select_Condition dl:first-child{border-top:1px solid #a3a3a3}
.select_Condition dl dt,
.select_Condition dl dd{display:table-cell;padding:15px 0;vertical-align:middle}
.select_Condition dl dt{width:180px;padding-left:13px;font-size:17px;color:#323232;font-weight:500}

.select_Condition dl dd ul{overflow:hidden}
.select_Condition dl dd ul li{float:left}
.select_Condition dl dd ul li label{display:inline-block;margin:0 9px;padding:4px 9px;border:2px solid transparent}
.select_Condition dl dd ul li input[type=radio]{display:none;position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;clip:rect(0,0,0,0)}
.select_Condition dl dd ul li input[type=radio]:checked+label{border:2px solid #2b5bd5;border-radius:19px;color:#2b5bd5;font-weight:500;letter-spacing:-0.03em}

.select_Condition dl.result{background:#f8fafb;border-bottom:none}
.select_Condition dl.result dd{padding-left:20px}
.select_Condition dl.result dd .pt{color:#209a70;font-weight:normal}

.svc_btnBox{margin-top:29px;text-align:center}
.svc_btnBox button,
.svc_btnBox a{display:inline-block;width:170px;height:45px;line-height:40px;text-align:center;color:#fff;border-radius:4px;border:2px solid transparent;transition:all .3s}
.svc_result{background:#5271f4}
.svc_result:before{content:"";display:inline-block;width:25px;height:20px;margin-right:5px;background:url(../images/main/selService/icon_svgB_chk.png) no-repeat;transition:all .3s;vertical-align:-1px}
.svc_result:hover{background:#fff;border-color:#5271f4;color:#5271f4;font-weight:500}
.svc_result:hover:before{background:url(../images/main/selService/icon_svgB_chk_ov.png) no-repeat}
.svc_cancel{background:#595b5c}
.svc_cancel:hover{background:#fff;border-color:#595b5c;color:#595b5c;font-weight:500}

.svcResult_wrap{display:table;width:100%;border-top:1px solid #a3a3a3;table-layout:fixed}
.svcResult_wrap:after{content:"";display:block;clear:both}
.svcResult_wrap .sel_svgR_left{display:table-cell;width:28.2%;padding:35px 3% 35px 0;border-right:1px solid #a3a3a3;vertical-align: top}
.svcResult_wrap .sel_svgR_right{display:table-cell;width:71.8%;padding:35px 0 35px 3%}

.svcResult_wrap.reverse{border-top:0}
.svcResult_wrap.reverse>div{padding:30px 0}
.svcResult_wrap.reverse .sel_svgR_left{position:relative;float:left;width:67.3%;padding:35px 3% 35px 0;border-right:0}
.svcResult_wrap.reverse .sel_svgR_left:before{content:"";display:block;position:absolute;right:0;top:0;width:0;height:100%;border-right:1px solid #dbdbd5}
.svcResult_wrap.reverse .sel_svgR_right{float:left;width:32.7%;padding:35px 0 35px 3%}
.svcResult_wrap.reverse #portalSearchDiv>ul{padding-bottom:30px;border-bottom:1px solid #a3a3a3}
.svcResult_wrap.reverse #portalSearchDiv>ul:last-of-type{padding-bottom:0;border-bottom:0}

.sC_row{border-bottom:1px solid #a3a3a3;margin-bottom:40px;padding-bottom:15px}
.sC_row.t01{margin-bottom:15px}
.sC_row#naverList li{margin-top:25px}
.sC_row#naverList li:first-child{margin-top:0}

.sel_svgR_tit{overflow:hidden;line-height:normal;margin-bottom:35px}
.sel_svgR_tit strong{float:left;font-size:28px;color:#323232;font-weight:normal}
.sel_svgR_tit strong b{color:#209a70}
.sel_svgR_tit span{float:right;font-size:16px;color:#444;margin-top:16px}

.svc_bigTab{overflow:hidden;margin-bottom:15px}
.svc_bigTab li{float:left;width:29.3%;margin-left:6%;padding-bottom:8px}
.svc_bigTab li:first-child{margin-left:0}
.svc_bigTab li a{display:block;position:relative;text-align:center;color:#323232;font-weight:normal;background:#f2f5f8;padding-top:100%;border-radius:50%}
.svc_bigTab li a span{position:absolute;left:0;top:50%;margin-top:-8px;width:100%;text-align:center;}
.svc_bigTab li a.on{background:#5271f4;color:#fff}
.svc_bigTab li a.on:after{content:"";display:block;position:absolute;left:50%;margin-left:-10px;bottom:-7px;width:20px;height:8px;background:url(../images/main/selService/img_bigT_onArr.png) no-repeat}
.svc_bigTab li a.on span{display:block;padding-top:36px;margin-top:-26px}
.svc_bigTab li a.t01.on span{background:url(../images/main/selService/icon_bigT_01.png) center 1px no-repeat}
.svc_bigTab li a.t02.on span{background:url(../images/main/selService/icon_bigT_02.png) center 5px no-repeat}
.svc_bigTab li a.t03.on span{background:url(../images/main/selService/icon_bigT_03.png) center top no-repeat}

.svc_smTab{overflow:hidden;border-bottom:1px solid #a3a3a3}
.svc_smTab li{float:left;width:25%}
.svc_smTab li a{display:block;padding:7px 0;text-align:center;border-bottom:4px solid transparent}
.svc_smTab li a.on{color:#0085d8;font-weight:500;border-color:#5271f4}

.hotCon_Wrap{background:#fbfcfd;padding:0 19px;border-bottom:1px solid #a3a3a3}
.hotCon_Wrap ul li{padding:20px 0;border-top:1px solid #a3a3a3}
.hotCon_Wrap ul li:first-child{border-top:0}
.schC_top{overflow:hidden;margin-bottom:15px;height:44px}
.schC_top>b{float:left;font-size:30px;color:#323232;line-height:normal}
.schC_top>.flag{float:left;display:inline-block;padding:4px 7px;border-radius:10px;color:#fff;background:#d31f2e;font-size:14px;margin:12px 0 0 10px}
.schC_top .new{float:left;display:inline-block;margin-top:11px;padding:5px 10px;color:#fff;background:#595b5c;border-radius:12px;font-size:13px}
.schC_view{float:right}
.number1{display:inline-block}
.number1>img{vertical-align:-13px}
.view_icon{display:inline-block;margin:15px 0 0 3px;padding-left:34px;background:url(../images/main/selService/icon_view.png) left center no-repeat}
.number1 + .view_icon{color:#dc683b;font-weight:normal}

.schC .sC_tit{margin-bottom:5px}
.schC .sC_tit a{font-size:18px;color:#2b5bd5;text-decoration:underline;}
.schC .sC_tit a[target="_blank"]{padding-right:22px;background:url(../images/common/bul_blank02.png) right 5px no-repeat}
/*.schC .sC_tit .date{margin-left:}*/
.schC .sC_tit .date{position:relative;margin-left:10px;padding-left:10px;display:inline-block}
.schC .sC_tit .date:before{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-7px;width:1px;height:15px;background:#a3a3a3}
.schC .sC_path,
.schC .sC_path>a{word-break:break-all;font-size:16px;color:#209a70;margin:5px 0;letter-spacing: -0.02em}
.schC .sC_path>span{margin-left:10px;color:#606060}
.schC .sC_txt{color:#444;line-height:27px;overflow: hidden;text-overflow: ellipsis;white-space: normal;display:-webkit-box;-webkit-line-clamp: 3 !important;-webkit-box-orient: vertical;max-height:80px}
.schC .sC_media{color:#444;font-size:15px;line-height:20px}

.result_wlist{padding-bottom:15px;overflow:hidden}
.result_wlist li{float:left;width:25%;padding:0 20px;border-left:1px dotted #a3a3a3;min-height:231px}
.result_wlist li:first-child{border-left:0}
.result_wlist li:nth-child(4n+1){clear:both;border-left:0}
.result_wlist li .schC .sC_txt{-webkit-line-clamp: 3;}

.sC_more{display:block;width:30px;height:30px;margin:0 auto;text-indent:-9999px;background:url(../images/main/selService/icon_downArr.png) center center no-repeat}

.sC_mediaList .sC_mediaLogo{margin-bottom:10px}
.sC_mediaList .sC_thumb{position:relative;width:100%;height:112px;text-align:center;margin-bottom:10px}
.sC_mediaList .sC_thumb img{height:100%}
.sC_mediaList .sC_thumb:after{content:"";display:block;width:44px;height:44px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;background:url(../images/main/selService/icon_play.png) no-repeat;transition:all 1s}
.result_wlist li a:hover .sC_mediaList .sC_thumb:after{transform:rotateY(360deg)}

.sC_mediaList .schC .sC_tit{height:52px;font-size:20px;color:#0085d8;text-decoration:none;line-height:27px;overflow: hidden;text-overflow: ellipsis;white-space: normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.sC_moreBox{text-align:right;line-height:normal}
.sC_txtMore{color:#209a70 !important;font-size:16px;padding-right:16px;margin-right:10px;background:url(../images/main/selService/icon_sCtxt_more.png) right center no-repeat}

.sC_def li{margin-top:25px;}
.sC_def li:first-child{margin-top:0}
.sC_def li .schC .sC_txt{-webkit-line-clamp:2}

/* 키워드형서비스 */
.serviceTop_keyword{padding:45px 0;border-bottom:1px solid #f2f5f8;text-align:center;background:url(../images/main/selService/bg_serviceTop_keyword.png) right 90px bottom 12px no-repeat}
.serviceTop_keyword strong{display:inline-block;margin-bottom:15px;font-size:30px;color:#323232;padding:0 5px 10px;line-height:30px;font-weight:500}
.serviceTop_keyword strong>img{vertical-align:middle}

.svcT_kwd_sch{position:relative;width:100%;max-width:840px;margin:20px auto 0;padding:0 0 0 190px;text-align:left}
.svcT_kwd_sch label{position:absolute;left:0;top:50%;margin-top:-24px;font-size:24px;color:#323232;line-height:normal}
.svcT_kwd_sch label em{font-size:30px;}
.svcT_kwd_sch input[type=text]{width:100%;background:#fff;border:2px solid #5271f4;height:50px}
.svcT_kwd_sch .kwdInput{position:relative;padding-right:170px}
.svcT_kwd_sch .kwdInput .schBtn{position:absolute;right:0;top:0;width:170px;height:50px;text-align:center;color:#fff;background:#5271f4}
.svcT_kwd_sch .kwdInput .schBtn span:before{content:"";display:inline-block;position:relative;top:2px;width:17px;height:17px;margin-right:5px;background:url(../images/main/selService/icon_schBtn.png) no-repeat}

.result_thumbS li{position:relative;margin-top:25px;padding-left:18%;min-height:120px}
.result_thumbS li:first-child{margin-top:0}
.result_thumbS li .thumb_Photo{position:absolute;left:0;top:0;width:16%;height:120px;background:#f8fafb;overflow:hidden}
.result_thumbS li .thumb_Photo img{max-width:inherit;display:block;height:100%;margin:0 auto;transition:all .3s}
.result_thumbS li .thumb_Photo a:hover img{transform:scale(1.1)}
.result_thumbS li .schC .sC_txt{-webkit-line-clamp:2;}

.sC_rowTit{display:block;margin:30px 0 25px;font-size:28px;color:#323232;font-weight:normal;line-height:normal}

.sC_imgList{overflow:hidden}
.sC_imgList li{float:left;width:32.8%;border:1px solid #f2f5f8;margin-left:0.5%}
.sC_imgList li a{display:block;height:200px}
.sC_imgList li a img{display:block;height:100%;margin:0 auto}

/*.sC_tip .sC_tit a{padding-left:22px;background:url(../images/main/selService/img_tip_que.png) left 5px no-repeat}*/
.sC_tip .sC_tit:before{content:"";display:inline-block;width:15px;height:18px;background:url(../images/main/selService/img_tip_que.png) left top no-repeat;margin-right:3px;vertical-align:middle}
.sC_tip .sC_txt:before{content:"";display:inline-block;width:15px;height:18px;background:url(../images/main/selService/img_tip_answer.png) left top no-repeat;margin-right:3px;vertical-align:middle}
.sC_reply{margin-top:5px;}
.sC_reply a{color:#606060;font-size:15px;font-weight:normal}
.sC_reply a span{margin-left:5px;color:#209a70}

.sC_mediaHalf{overflow:hidden}
.sC_mediaHalf li{float:left;width:49%;margin-left:2%}
.sC_mediaHalf li:first-child{margin-left:0}
.sC_mediaHalf li a:hover .sC_mediaList .sC_thumb:after{transform:rotateY(360deg)}

.gru_recmd_wrap{position:relative}
.gru_recmd_wrap>strong{display:block;margin-bottom:20px;font-size:28px;color:#323232;font-weight:normal;line-height:normal}
.gru_recmd{width:100%;max-width:416px;overflow:hidden}
.gru_recmd .gruR_view{position:relative;width:100%;overflow:hidden}
.gru_recmd ul{position:relative;width:10000px}
.gru_recmd ul li{float:left}
.gru_recmd .gruR_img{background:#f8fafb;height:275px;overflow:hidden;margin-bottom:20px}
.gru_recmd .gruR_img img{display:block;height:100%;margin:0 auto;transition:all .3s}
.gru_recmd .gruR_img a:hover img{transform:scale(1.1)}
.gru_recmd ul li .schC .sC_txt{-webkit-line-clamp:5;margin-bottom:25px}

.gruR_control{position:absolute;right:0;top:2px}
.gruR_control:after{content:"";display:block;clear:both}
.gruR_control button{float:left;border:1px solid #a3a3a3;margin-left:-1px;text-indent:-9999px;width:37px;height:40px;transition:all .3s}
.gruR_control button.gruR_prev{border-radius:18px 0 0 18px;background:#fff url(../images/main/selService/icon_gruR_prev.gif) center center no-repeat}
.gruR_control button.gruR_next{border-radius:0 18px 18px 0;background:#fff url(../images/main/selService/icon_gruR_next.gif) center center no-repeat}
.gruR_control button:hover{background-color:#f2f5f8}

/* 검색결과표시(사이트) */
.resultSite{margin-bottom:30px;display:block;padding:8px 15px;background:#ecf1f6;border-radius:3px;font-size:22px;color:#323232;font-weight:500}
.resultSite span{display:block;padding:8px 0 8px 42px;background-position:left top;background-repeat:no-repeat;min-height:38px}
.resultSite.naver span{background-image:url(../images/content/icon_resultS_naver.png)}
.resultSite.daum span{background-image:url(../images/content/icon_resultS_daum.png)}
.resultSite.youtube span{background-image:url(../images/content/icon_resultS_youtube.png)}
.resultSite.kforest span{background-image:url(../images/content/icon_resultS_kforest.png)}

/* 선택, 키워드형 서비스 반응형 */
@media all and (max-width:1400px){
    .svcResult_wrap.reverse>div{padding:30px 10px}
}
@media all and (max-width:1350px){
    .serviceTop_keyword{background-position:right 20px bottom 12px}
}
@media all and (max-width:1280px){
    .result_thumbS li{margin-top:10px;padding:0 0 10px 165px}
    .result_thumbS li .thumb_Photo{width:150px;height:100px}
    /*.result_thumbS li .schC .sC_path{display:none}*/

    .svcResult_wrap .sel_svgR_left,
    .svcResult_wrap .sel_svgR_right{display:block;width:100%;padding:20px 10px}
    .svcResult_wrap .sel_svgR_left{border-right:0}
    .svc_bigTab li{width:100px}

    .svcResult_wrap.reverse{display:block}
    .svcResult_wrap.reverse .sel_svgR_left,
    .svcResult_wrap.reverse .sel_svgR_right{width:100%;padding:20px 10px}
    .svcResult_wrap.reverse .sel_svgR_left:before{display:none}

    .gru_recmd{margin:0 auto}
}
@media all and (max-width:1200px){
    .serviceTop_select{background-position:right 20px bottom 31px}
    .serviceTop_keyword{background:none}
}
@media all and (max-width:1000px){
    .view_icon{line-height:20px}
    .schC .sC_tit a,
    .sC_mediaList .schC .sC_tit{font-size:17px}
    .schC .sC_path,
    .schC .sC_path>a{font-size:15px}
}
@media all and (max-width:870px){
    .serviceTop_select{padding:25px 0;background:none}
    .serviceTop_keyword{padding:25px 0}
    .serviceTop_select strong{font-size:22px}
    .serviceTop_keyword strong{width:90%;font-size:20px}
    .serviceTop_select strong>img{width:30px}
    .serviceTop_keyword strong>img{width:45px}
    .serviceTop_select em{font-size:18px}
    .serviceTop_select p{padding:0 10px}

    .result_wlist li{width:50%;padding-bottom:10px;border-bottom:1px dotted #a3a3a3}
    .result_wlist li:nth-child(2n+1){border-left:0;clear:both}
    .sC_mediaList{padding-top:15px}
    .svcT_kwd_sch{width:90%;margin:0 auto;padding:30px 0 0 0}
    .svcT_kwd_sch label{top:0;margin-top:0;font-size:18px}
    .svcT_kwd_sch label em{font-size:22px}
}
@media all and (max-width:768px){
    .sC_imgList li a{height:150px}
}
@media all and (max-width:640px){
    .select_Condition dl dt, .select_Condition dl dd{padding-top:10px;padding-bottom:10px}
    .select_Condition dl dt{width:110px;font-size:14px}
    .select_Condition dl dd ul li label{margin:0 5px;padding:4px 8px}
    .svc_btnBox button, .svc_btnBox a{width:130px}

    .sC_row{margin-bottom:20px}
    .sC_rowTit{font-size:24px;margin:20px 0 15px}
    .gru_recmd_wrap>strong{font-size:24px}

    .resultSite{padding:10px;font-size:20px;margin-bottom:15px}
}
@media all and (max-width:580px){
    .svcT_kwd_sch .kwdInput{padding:0 0 58px}
    .svcT_kwd_sch .kwdInput .schBtn{top:inherit;bottom:0;width:100%}

    .sC_imgList li a{height:100px}
}
@media all and (max-width:400px){
    .svc_bigTab li{width:29.3%}

    .gru_recmd .gruR_img{height:200px}
}


/* 카카오네비 버튼 */
.kakaoNavi{display:inline-block;padding:5px 25px;border:2px solid #4f76f8;color:#2b5bd5 !important;font-weight:500;background:#fff;border-radius:5px;text-align:center}
.kakaoNavi span{display:inline-block;padding:5px 0 5px 29px;background:url(../images/content/icon_kakaoNavi.png) left center no-repeat}
.kakaoNavi:hover{background:#4f76f8;color:#fff !important}

/*온라인국민참여*/
.b_content.gl_type .survey_gl strong{ display: block;font-size: 18px; text-align: left; }
.b_content.gl_type .survey_gl .sv_wrap { margin-top: 20px;overflow: hidden;padding: 0 20px; }
.b_content.gl_type .survey_gl { padding: 40px 0; border-bottom: 1px solid #b7b7b7; }
.b_content.gl_type .survey_gl:first-of-type { border-top: 0; }
.b_content.gl_type .survey_gl .sv_left { display: block;margin-right: 20px; width: 30%;float: left; }
.b_content.gl_type .survey_gl .sv_left.max { width: 100%;float: none;margin-bottom: 5px; }
.b_content.gl_type .survey_gl .sv_left.max span { font-weight: 500; }
.b_content.gl_type .survey_gl .sv_left span { line-height: 140%; }
.b_content.gl_type .survey_gl .sv_right { float: left;padding: 5px 0;width: 67%; }
.b_content.gl_type .survey_gl .sv_right.max { width: 100%; float: none; }
.b_content.gl_type .survey_gl .sv_right .g_warp { width: 72%;height: 16px;margin: 0 5px 0 0;border: 1px solid #ccc;background: #e9e9e9;display:block;float: left; }
.b_content.gl_type .survey_gl .sv_right .g_warp .gAction { height: 16px;margin: -1px;border: 1px solid #0bb09c ;background: #0bb09c ;display: block; }
.b_content.gl_type .survey_gl .sv_right .g_txt { display: block;overflow: hidden; width: 26%; text-align: right; }
.b_content.gl_type .survey_gl .sv_right .g_txt b { margin-left: 10px;display: inline-block; width: 75px; }
.b_content.vote strong { font-size: 18px;display: block; text-align: left; }
.b_content.vote label { margin-top: 10px; }
.b_content.vote label:first-of-type { margin-top: 0; }
.b_content.vote textarea { width: 100%; }
.b_content.vote .vote_agree { padding: 20px;border: 1px solid #b7b7b7; }
@media (max-width:1000px){
    .b_content.gl_type .survey_gl .sv_right .g_txt b { width: 60px; }
}
@media (max-width:767px){
    .b_content.gl_type .survey_gl .sv_left { display: block; width: 100%; }
    .b_content.gl_type .survey_gl .sv_right { width: 100%; }
    .b_content.gl_type .survey_gl .sv_left span { display: block; margin-bottom: 5px;}
    .b_content.gl_type .survey_gl .sv_wrap { padding: 0; }
}
@media (max-width:540px){
    .b_content.gl_type .survey_gl .sv_right .g_warp { width: 56%; }
    .b_content.gl_type .survey_gl .sv_right .g_txt { width: 42%; }
    .b_content.gl_type .survey_gl .sv_right .g_txt b { margin-left: 10px; }
}

/* 소관법령 */
.tdLeft td{text-align:left}
.engLink{display:inline-block;margin-left:3px;padding:0 5px;background:#eee;border:1px solid #4f76f8;border-radius:3px}
.engLink:hover{background:#bfeaf5;}
.condition{position:relative;padding:25px 30px;overflow:hidden;border-width:1px 0;border-style:solid;border-color:#a3a3a3;margin-bottom:30px}
.condition_input{position:relative;padding-left:60px;margin-bottom:10px}
.condition_input .title02{position:absolute;left:0;top:50%;margin-top:-9px;width:60px}
.condition_input .searword{width:100%}

@media all and (max-width:860px){
    .condition{padding:20px 10px}
}
@media all and (max-width:765px){
    .condition{margin-bottom:20px}
}

/* 개인정보처리방침 팝업 */
.mem_rule{border:1px solid #ccc;height:250px;overflow-y:scroll}
@media all and (max-width:640px){
    .mem_rule{padding:0 10px}
}


/* excel, pdf 버튼 */
.btn.excel, .btn.pdf{padding:10px 20px;color:#222}
.btn.excel span{padding-left:28px;background:url(../images/content/bul_icon_excel.png) left center no-repeat}
.btn.pdf span{padding-left:28px;background:url(../images/common/ico_down.png) left center no-repeat}
.btn.excel:hover, .btn.pdf:hover{background:#fff;color:#2b5bd5}

/* 귀산촌 통계 */
.img_list{overflow:hidden;width:101%;margin:15px 0 !important;}
.img_list li{float:left;width:49%;margin:0 1% 0 0 !important;padding-left:0 !important;background:none !important;text-align:center}

/* 소속기관소개 */
.belongTo{overflow:hidden;width:105%}
.belongTo li{float:left;width:28.3%;margin:0 5% 40px 0}
.belongTo li .belongT_img{position:relative;height:213px;margin-bottom:18px;border:1px solid #cbcbcb;border-radius:7px;overflow:hidden;text-align:center}
.belongTo li .belongT_img img{width:100%;height:100%;object-fit:cover}
.bl_Btn{display:block;padding:10px;font-weight:500;background-color:#fff;border:2px solid #4f76f8;border-radius:5px;text-align:center;color:#222 !important}
.bl_Btn:before{content:"";display:inline-block;position:relative;top:2px;margin-right:5px;width:15px;height:18px;background:url(../images/common/bul_blank02.png) no-repeat}
.bl_Btn:hover{background-color:#4f76f8;color:#fff !important}
.bl_Btn:hover:before{background:url(../images/common/bul_blank02_hover.png) no-repeat}

@media all and (max-width:1300px){
    .belongTo{width:102%}
    .belongTo li{width:31.3%;margin:0 2% 40px 0}
}
@media all and (max-width:1180px){
    .belongTo li .belongT_img{margin-bottom:10px}
    .belongTo li{width:48%;margin:0 2% 30px 0}
}
@media all and (max-width:580px){
    .belongTo{width:100%}
    .belongTo li{width:100%;margin:0 0 20px 0}
}

/* 마이페이지 */
.myPageLink{width:103%}
.myPageLink:after{content:"";display:block;clear:both}
.myPageLink li{float:left;width:30.3%;margin:0 3% 3% 0}
.myPageLink li .mP_box{position:relative;padding:50px 20px;height:298px;border:1px solid #cbcbcb;background:#e7ecf1;border-radius:8px;text-align:center}
.myPageLink li a:hover .mP_box:after{content:"";display:block;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border:2px solid #00a396;border-radius:8px}
.myPageLink li .mP_box .mP_img{height:110px}
.myPageLink li .mP_box strong{color:#323232;font-size:20px;line-height:normal}
.myPageLink li .mP_box p{margin-top:10px;text-align:center}

@media all and (max-width:768px){
    .myPageLink li .mP_box{padding:30px 15px;height:250px}
    .myPageLink li .mP_box .mP_img{height:70px}
    .myPageLink li .mP_box .mP_img img{height:50px}
    .myPageLink li .mP_box strong{font-size:17px}
}
@media all and (max-width:660px){
    .myPageLink li{width:47%}
    .myPageLink li .mP_box{height:220px}
    .myPageLink li .mP_box .mP_img{height:60px}
}
@media all and (max-width:440px){
    .myPageLink, .myPageLink li{width:100%}
    .myPageLink li .mP_box{padding:20px 15px;height:auto}
}

/* 자주찾는서비스설정 */
.oftenFind{padding:20px 4% 50px;background:#eff3f6;margin-bottom:50px}
.oftenFind .oF_list{width:102%}
.oftenFind .oF_list:after{content:"";display:block;clear:both}
.oftenFind .oF_list li{float:left;width:14.6667%;margin:30px 2% 0 0;text-align:center}
.oftenFind .oF_list li:nth-child(6n+1){clear:both}
.oftenFind .oF_list li .oF_icon{display:table;width:110px;height:110px;background:#fff;border-radius:50%;margin:0 auto 8px}
.oftenFind .oF_list li .oF_icon>span{display:table-cell;vertical-align: middle}
.oftenFind .oF_list li input[type="checkbox"]{display:none;position:fixed;top:-1px;left:-1px;width:1px;height:1px;overflow:hidden;color:#000;background:#fff}
.oftenFind .oF_list li input[type="checkbox"]:checked+label .oF_icon{border:2px solid #00a396}
.oftenFind .oF_list li label em{display:block}

@media all and (max-width:800px){
    .oftenFind .oF_list li{width:23%}
    .oftenFind .oF_list li:nth-child(6n+1){clear:none}
    .oftenFind .oF_list li:nth-child(4n+1){clear:both}
}

@media all and (max-width:600px){
    .oftenFind{padding:5px 2% 30px;margin-bottom:20px}
    .oftenFind .oF_list li{margin:15px 2% 0 0}
    .oftenFind .oF_list li .oF_icon{width:80px;height:80px}
    .oftenFind .oF_list li .oF_icon img{height:35px}
}
@media all and (max-width:450px){
    .oftenFind .oF_list li{width:31.3%}
    .oftenFind .oF_list li:nth-child(4n+1){clear:none}
    .oftenFind .oF_list li:nth-child(3n+1){clear:both}
}

/*페이지오류*/
.error_page { padding: 75px;text-align: center; }
.error_page strong{ font-size: 40px; color:#8f95a6;line-height: 130%; font-weight: 500; }
.error_page p { text-align: center; }

.error_page .txt_con { margin-top: 30px; }
.error_page .error_icon { width: 102px;height: 100px; display: block; margin:0 auto; background: url(../images/content/error_img01.png) no-repeat;margin-bottom: 20px; }

@media (max-width:640px){
    .error_page { padding: 20px; }
    .error_page strong { font-size: 26px; }
    .error_page .error_icon { width: 92px;height: 90px;background-size: 92px; }
}

/* 주요정책이슈 아이콘 */
.issue_box{padding:30px;background:#eff3f6}
.issue_box .issue_icon{width:102%}
.issue_box .issue_icon:after{content:"";display:block;clear:both}
.issue_box .issue_icon li{float:left;width:10.5%;margin:0 2% 20px 0}
.issue_box .issue_icon li .img{display:table;width:80px;height:80px;background:#03a2a4;border-radius:50%;text-align:center;margin:0 auto}
.issue_box .issue_icon li .img:hover{background:#fff}
.issue_box .issue_icon li .img .icon{display:table-cell;vertical-align:middle}
.issue_box .issue_icon li>span{display:block;text-align:center;margin-top:7px}

@media all and (max-width:800px){
    .issue_box .issue_icon li{width:18%}
}
@media all and (max-width:550px){
    .issue_box{padding:15px}
    .issue_box .issue_icon li{width:31.3%}
}

/*검색오류*/
.svcResult_wrap.reverse .not_result {overflow: hidden;text-align:center;border:1px solid #a3a3a3;margin:100px auto}
.not_result strong { font-size: 30px;color:#8f95a6;margin-bottom: 20px; display: block; font-weight: 500;line-height: 130%;text-align:left}

.not_result strong img { vertical-align: -1px; }
.not_result ul li { padding: 3px 0 3px 8px;color:#444444;font-size: 15px; position: relative;text-align:left}
.not_result ul li:before { content: "";width: 2px; height: 2px; position: absolute; top: 12px; left: 0; background: #444; }
.not_result div { padding: 10px 0 10px 180px; overflow: hidden; position: relative; min-height:149px;display:inline-block}
.not_result div .icon{ width: 149px;height: 149px;position: absolute; top: 0; left: 0; background: url(../images/search/no_img03.png) no-repeat;display: block; }

@media (max-width:710px){
    .svcResult_wrap.reverse .not_result{width:100%}
}
@media (max-width:640px){
    .not_result div .icon { position: relative; top: auto; left: auto; margin: 0 auto; margin-bottom: 20px; }
    .not_result div { padding-left: 0; }
    .not_result strong { font-size: 26px; }
    .svcResult_wrap.reverse .not_result { padding: 100px 10px; }
}

/* 산림일자리 중요성 */
.f_workImp{margin-top:20px}
.f_workImp>li{margin-top:40px}
.f_workImp>li:first-child{margin-top:0}
.work_imp{position:relative;display:table;width:100%;min-height:250px}
.work_imp .workImp_tit{display:table-cell;width:38%;padding:32px 3%;color:#fff;background-color:#4a60b0;background-repeat:no-repeat}
.work_imp .workImp_tit.t01{background-image:url(../images/content/bg_workImg_01.gif);background-position:right bottom}
.work_imp .workImp_tit.t02{background-image:url(../images/content/bg_workImg_02.gif);background-position:right 26px bottom 30px}
.work_imp .workImp_tit.t03{background-image:url(../images/content/bg_workImg_03.gif);background-position:right bottom}
.work_imp.titR .workImp_tit{display:block;position:absolute;right:0;top:0;height:100%}
.work_imp .workImp_tit strong{position:relative;padding-bottom:15px;margin-bottom:15px;display:inline-block;font-size:34px;font-weight:300;line-height:normal;border-bottom:1px solid #8190c8}

/*.work_imp .workImp_tit strong:after{content:"";position:absolute;left:0;bottom:0;display:block;width:50%;height:0;border-width:1px 0 0;border-style:solid;border-color:#7888bf}*/
.work_imp .workImp_tit strong b{font-weight:bold}
.work_imp .workImp_tit p{width:75%;color:#fff;opacity:1}

.work_imp .workImp_con{display:table-cell;vertical-align:top;padding:32px 35px;background:#ecf0f4;min-height:250px}
.work_imp.titR .workImp_con{display:block;width:100%;padding-right:41%}

.workImp_list li{position:relative;margin-top:20px;padding-left:15px;line-height:27px}
.workImp_list li:before{content:"";display:block;position:absolute;left:0;top:12px;width:7px;height:3px;background:#00a396}
.workImp_list li:first-child{margin-top:0}
.workImp_list li .point{color:#007931;font-weight:normal}
.workImp_list li .black{display:block;color:#323232;font-weight:normal}

.det_box{position:absolute;left:40px;bottom:40px}
.det_btn{position:relative;display:inline-block;padding:10px 65px 10px 25px;color:#444 !important;background:#fff;border-radius:4px;border:2px solid #fff;font-size:18px;font-weight:500;font-style:italic;font-family:"nanummyeongjo",arial,serif;transition:all .3s}
.det_btn:hover{border-color:#000;color:#000 !important}
.det_btn:after{content:"";display:block;position:absolute;right:25px;top:50%;margin-top:-4px;width:29px;height:8px;background:url(../images/content/icon_defBtn_arrow.png) no-repeat;opacity:.4}
.det_btn:hover:after{opacity:1;animation:arrow infinite .7s}

@media all and (max-width:1000px){
    .f_workImp>li{margin-top:20px}
    .work_imp .workImp_tit strong{font-size:25px}
    .work_imp .workImp_tit p{width:100%}
}
@media all and (max-width:640px){
    .work_imp{display:block}
    .work_imp .workImp_tit{display:block;width:100%;padding:20px 5%}
    .work_imp .workImp_tit strong{font-size:22px}
    .work_imp .workImp_con{display:block;width:100%;min-height:auto;padding:20px 5%}

    .work_imp.titR .workImp_tit{position:static}
    .work_imp.titR .workImp_con{padding-right:5%}

    .work_imp .workImp_tit.t01,
    .work_imp .workImp_tit.t02,
    .work_imp .workImp_tit.t03{background-size:100px;background-position:right 10px bottom 10px}
}

@keyframes arrow {
    50%{right:22px}
    100%{right:25px}
}

/* 레이어팝업 */
.ly_modal{display:none;width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.5);z-index:199;top:0;left:0;overflow:auto}
.ly_Popup{position:absolute;left:50%;margin-left:-588px;top:50%;width:1176px;padding:35px;background:#fff;border:1px solid #505050;z-index:999}
.ly_Popup .lyPop_tit{padding:0 80px 30px 0;border-bottom:1px solid #d2d2d2;margin-bottom:30px;line-height:normal}
.ly_Popup .lyPop_tit strong{font-size:28px;color:#323232;font-weight:normal}

.lyPop_close{position:absolute;right:30px;top:18px}
.lyClose{display:inline-block;position:relative;width:60px;height:60px;background:#f2f5f8;border-radius:50%;text-indent:-9999px}
.lyClose:before{content:"";display:block;position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px;width:20px;height:20px;background:url(../images/common/layer_dupClose.png) no-repeat;transition:all .3s}
.lyClose:hover:before{transform:rotate(180deg)}

.ly_imgBox{text-align:center}

@media all and (max-width:1200px){
    .ly_Popup{width:100%;margin-left:-50%}
}
@media all and (max-width:600px){
    .ly_Popup{padding:20px}
    .ly_Popup .lyPop_tit{padding:4px 65px 20px 0;margin-bottom:15px}
    .ly_Popup .lyPop_tit strong{font-size:23px}
    .lyPop_close{right:20px}
    .lyClose{width:45px;height:45px}
}
@media all and (max-width:450px){
    .ly_Popup{padding:20px 10px}
}

.lyP_slide{padding:0 50px;margin-bottom:0 !important}
.lyP_slide .slick-slide{}
.lyP_slide .slick-slide img{margin:0 auto}
.lyP_slide .slick-prev,.lyP_slide .slick-next{width:35px;height:35px;border:1px solid #d2d2d2;text-indent:-9999px}
.lyP_slide .slick-prev{left:0;background:url(../images/main/sceen3/ctl_prevmenu.png) center center no-repeat}
.lyP_slide .slick-next{right:0;background:url(../images/main/sceen3/ctl_nextmenu.png) center center no-repeat}
.lyP_slide .slick-prev:hover, .lyP_slide .slick-prev:focus{background:url(../images/main/sceen3/ctl_prevmenu_ov.png) center center no-repeat}
.lyP_slide .slick-next:hover, .lyP_slide .slick-next:focus{background:url(../images/main/sceen3/ctl_nextmenu_ov.png) center center no-repeat}

.lyP_slide .slick-dots{position:static}
.lyP_slide .slick-dots li:before{display:none}
.lyP_slide .slick-dots li button:before{font-size:30px}

.lyP_imgBox{border:1px solid #d2d2d2;padding:20px;text-align:center}
.lyP_imgBox img{display:inline}

@media all and (max-width:600px){
    .lyP_slide{padding:0}
    .lyP_slide .slick-prev,.lyP_slide .slick-next{display:none !important}
}
/* 일자리중요성_추진체계 */
.work_load_view.workImpo{margin-top:20px;margin-bottom:40px}
.work_load_view.workImpo:last-of-type{margin-bottom:0}
.work_load_view.workImpo .work_box{padding:40px 40px 87px 40px}
.work_load_view.workImpo .work_box>p{width:80%}
.work_load_view.workImpo .work_box.box01>p,
.work_load_view.workImpo .work_box.box04>p{color:#fff;font-size:18px;}
.work_load_view.workImpo .work_box.box01{background:#2CA47E url(../images/content/bg_workImg_04.gif) right 33px bottom no-repeat}
.work_load_view.workImpo .work_box.box02{background:#ecf0f4 url(../images/content/bg_workImg_05.gif) right 19px bottom no-repeat}
.work_load_view.workImpo .work_box.box03{background:#ecf0f4 url(../images/content/bg_workImg_06.gif) right 44px bottom 27px no-repeat}
.work_load_view.workImpo .work_box.box04{background:#2CA47E url(../images/content/bg_workImg_07.gif) right 16px bottom no-repeat}
.work_load_view.workImpo .work_box strong .br{display:block}

.borderBox{border:1px solid #d2d2d2;padding:20px;background:#f2f5f8}
.borderBox strong{font-size:25px}

@media all and (max-width:1280px){
    .work_load_view.workImpo .work_box strong .br{display:inline-block;margin-right:3px}
}
@media all and (max-width:1000px){
    .work_load_view.workImpo .work_box strong{font-size:25px}
    .borderBox strong{font-size:20px}
}
@media all and (max-width:800px){
    .work_load_view.workImpo .work_box p{width:100%}
}
@media all and (max-width:640px){
    .work_load_view.workImpo{margin-bottom:0}
    .work_load_view.workImpo .work_box{padding:20px 20px 67px 20px}
    .work_load_view.workImpo .work_box strong{font-size:22px}
    .work_load_view.workImpo .work_box .det_box{left:20px;bottom:20px}

    .work_load_view.workImpo .work_box.box01,
    .work_load_view.workImpo .work_box.box02,
    .work_load_view.workImpo .work_box.box03,
    .work_load_view.workImpo .work_box.box04{background-size:100px}
}


/*일자리 로드맵 및 상황판*/
.work_load_view { overflow: hidden;display: table;width: 100%; }
.work_load_view.bottom { margin-top: 40px; }
.work_load_view .work_box { padding: 40px 40px 87px 40px;width: 50%;display: table-cell;vertical-align:top;position:relative}
.work_load_view .work_box>strong { font-size: 34px; line-height: 130%;font-weight: normal;display: inline-block; padding-bottom:15px; }
.work_load_view .work_box.box01>strong { color:#fff; border-bottom: 1px solid #6cbfa5;}
.work_load_view .work_box.box02>strong { color:#000; border-bottom: 1px solid #b4b7b9;}
.work_load_view .work_box.box03>strong { color:#000; border-bottom: 1px solid #b4b7b9;}
.work_load_view .work_box.box04>strong { color:#fff; border-bottom: 1px solid #6cbfa5;}
.work_load_view .work_box>ul { overflow: hidden; padding: 20px 0; }
.work_load_view .work_box>p { overflow: hidden; padding: 20px 0;font-size: 18px; }
.work_load_view .work_box.box02>p { width: 88%; }
.work_load_view .work_box>ul>li { font-size: 18px; line-height:180%}
.work_load_view .work_box.box01>ul>li { padding: 3px 0;padding-left: 20px; position: relative;color:#fff;}
.work_load_view .work_box.box02>ul>li { padding: 3px 0;padding-left: 20px; position: relative;color:#000;}
.work_load_view .work_box.box03>ul>li { padding: 3px 0;padding-left: 20px; position: relative;color:#000;}
.work_load_view .work_box.box04>ul>li { padding: 3px 0;padding-left: 20px; position: relative;font-size:18px;color:#fff;}
.work_load_view .work_box.box01>ul>li:before { content: "";display: block; width: 8px;height: 4px; background: #fff; position: absolute; left: 0; top: 16px; }
.work_load_view .work_box.box02>ul>li:before { content: "";display: block; width: 8px;height: 4px; background: #2ca47e; position: absolute; left: 0; top: 16px; }
.work_load_view .work_box.box03>ul>li:before { content: "";display: block; width: 8px;height: 4px; background: #2ca47e; position: absolute; left: 0; top: 16px; }
.work_load_view .work_box.box04>ul>li:before { content: "";display: block; width: 8px;height: 4px; background: #fff; position: absolute; left: 0; top: 16px; }
.work_load_view .work_box.rnltks_02>ul>li:before { content: "";display: block; width: 8px;height: 4px; background: #2ca47e; position: absolute; left: 0; top: 16px; }

.work_load_view .work_box.box01 { background:#2ca47e  url(../images/content/work_load_img01.png) 94% 125% no-repeat; }
.work_load_view .work_box.box02 { background:#ecf0f4  url(../images/content/work_load_img02.png) 91% 91% no-repeat; }
.work_load_view .work_box.box03 { background:#ecf0f4  url(../images/content/work_load_img03.png) 94% 84% no-repeat; }
.work_load_view .work_box.box04 { background:#2ca47e  url(../images/content/work_load_img04.png) 88% 91% no-repeat; }

.work_load_view .work_box.rnltks_01{padding-bottom:20px;background:#2ca47e url(../images/content/work_load_rnltks_01.png) 95% 100% no-repeat;}
.work_load_view .work_box.rnltks_02{padding-bottom:20px;background:#ecf0f4 url(../images/content/work_load_rnltks_02.png) 96% 100% no-repeat;}
.work_load_view .work_box.rnltks_03{padding-bottom:20px;background-image:none}
.work_load_view .work_box.rnltks_04{padding-bottom:20px;background:#2ca47e url(../images/content/work_load_rnltks_04.png) 90% 80% no-repeat;}
.work_load_view .work_box.rnltks_04 .det_box{position:relative;bottom:0;left:0}

/* .work_vs_box { overflow: hidden; }
.work_vs_box div { width: 49.5%;margin-left: 1%; float: left;padding: 10px; }
.work_vs_box .w_left { margin-left: 0;background: #4f76f8;border-radius: 50px;font-size: 24px; }
.work_vs_box .w_left span { width: 50%;float: left; display: block;padding: 20px 25px;color:#fff;font-weight: 500; }
.work_vs_box .w_left span:last-child { text-align: left; background: #fff;border-radius: 50px; color:#4f76f8;font-weight: 500; }

.work_vs_box .w_right { background: #02999b;border-radius: 50px;font-size: 24px; }
.work_vs_box .w_right span { width: 50%;float: left; display: block;padding: 20px 25px;color:#fff;font-weight: 500; }
.work_vs_box .w_right span:last-child { text-align: left; background: #fff;border-radius: 50px; color:#02999b;font-weight: 500; }
*/

/* 이달의 일자리 이슈 */
.work_vs_box_new{background: #eaf9fd;margin-top: 20px;display: block;}
.work_vs_box_new>ul { overflow: hidden;padding: 5px 0 5px 20px;}
.work_vs_box_new>ul>li { padding: 3px 0;padding-left: 20px; position: relative;color:#000; font-size: 18px; line-height:180%}
.work_vs_box_new>ul>li:before { content: "";display: block; width: 8px;height: 4px;background: #006c75; position: absolute; left: 0; top: 16px;}



.isue_box { overflow: hidden; padding-top:25px; }
.isue_box ul li { width: 31%;margin:30px 0 0 3%;float: left;padding: 50px 30px;background: #f2f5f8;position: relative;min-height:200px}
.isue_box ul li:first-child { margin-left: 0; }
.isue_box ul li:nth-child(3n+1){clear:both;margin-left:0}
.isue_box ul li:first-child,
.isue_box ul li:first-child+li,
.isue_box ul li:first-child+li+li{margin-top:0}
.isue_box ul li .num { position: absolute; width:45px; height: 45px;display: block; top: -22.5px; left: 50%; margin-left:-22.5px;text-align: center; padding-top: 12px;background: #2594e8;border-radius: 50px;font-size: 18px;color:#fff;}
.isue_box .txt { font-size: 20px;text-align: center;display: block; line-height: normal; font-weight: 500; min-height: 48px;margin-bottom: 20px;color:#000; }
.isue_box .date { text-align: center;display: inline-block; font-size: 20px;color:#000;padding-left: 24px;background: url(../images/content/isue_ico01.png) left 3px no-repeat;font-weight: 500; }
@media (max-width:1150px){
    .work_vs_box .w_right { font-size: 20px; }
    .work_vs_box .w_left { font-size: 20px; }
}
@media(max-width:1040px){
    .isue_box ul li { width: 100%;padding: 15px;margin:0 0 10px 0;text-align: left; padding-left:80px;min-height:inherit}
    .isue_box .txt { min-height: 0;text-align: left; margin-bottom: 0;padding: 12px 0; }
    .isue_box ul li .num { top: 20px;margin-top: 0;left: 20px;margin-left: 0; }
    .isue_box .center { text-align: left; }

}
@media (max-width:1000px){
    .work_load_view .work_box ul li { font-size: 14px; }
    .work_load_view .work_box p { font-size: 14px; }

    .work_load_view .work_box.box01>ul>li:before,
    .work_load_view .work_box.box02>ul>li:before,
    .work_load_view .work_box.box03>ul>li:before,
    .work_load_view .work_box.box04>ul>li:before {top:12px}
    .work_vs_box div { width: 100%;margin-left: 0; }
    .work_vs_box div:first-child { margin-bottom: 5px; }
    .isue_box { padding-top: 0; }
}
@media (max-width:800px){
    .work_load_view .work_box { width: 100%;display: block; }
    .work_load_view .work_box strong br {display: none;}
    .work_load_view .work_box strong { font-size: 28px; }
}
@media (max-width:640px){
    .work_load_view .work_box strong { font-size: 24px; }
    .work_load_view.bottom { margin-top: 20px; }
    .work_vs_box .w_left { font-size: 16px; }
    .work_vs_box .w_right { font-size: 16px; }
    .isue_box .txt { font-size: 16px; }
    .isue_box .date { font-size: 16px;padding: 3px 0;padding-left: 23px;background: url(../images/content/isue_ico01.png) left 5px no-repeat; }
    .isue_box ul li .num { width: 30px;height: 30px;padding-top: 6px;top: 25px; }
    .isue_box ul li { padding-left: 60px; }
    .work_load_view .work_box { padding:20px 20px 87px 20px  }
    .det_box { left: 20px;bottom:20px; }
    .work_load_view .work_box>ul { padding: 15px 0; }
}
@media (max-width:420px){
    .work_load_view .work_box strong { font-size: 22px; }
    .work_vs_box .w_left span{padding: 15px;}
    .work_vs_box .w_right span{padding: 15px;}
}

/*산림일자리 소개*/
.produce_wrap { overflow: hidden; position: relative; }
.produce_wrap .pr_box { overflow: hidden; }
.produce_wrap .pr_box>ul { overflow: hidden; display: block;width: 100%; }
.produce_wrap .pr_box>ul>li { width: 32%; display: block;margin-left:2%; float: left; }

.produce_wrap .pr_box>ul>li:first-child { margin-left: 0;  }
.produce_wrap .pr_box>ul>li .pt_tit { padding: 30px 20px;background:#4a60b0; color:#fff; padding-left:80px;position: relative; }
.produce_wrap .pr_box>ul>li .pt_tit .num { width: 43px;height: 43px; display: block; position: absolute; top:50%;left: 25px;margin-top: -21.5px; background: #fff;border-radius: 50%; color:#4a60b0;text-align: center; padding-top: 11px;font-weight: bold;font-size: 20px; }
.produce_wrap .pr_box>ul>li .pt_tit .num_tit { font-size: 30px;font-weight: 400;color:#fff;background: none;margin: 0;padding: 0; }
.produce_wrap .pr_box>ul>li .pt_con { padding: 25px 30px; background: #f0f3f6;}

.produce_wrap .pr_box>ul>li .pt_tit.tit_01 { background: #4a60b0 url(../images/content/produce_img02.png) right 15px top 14px no-repeat; }
.produce_wrap .pr_box>ul>li .pt_tit.tit_02 { background: #4a60b0 url(../images/content/produce_img03.png) right 15px top 14px no-repeat; }
.produce_wrap .pr_box>ul>li .pt_tit.tit_03 { background: #4a60b0 url(../images/content/produce_img04.png) right 15px top 14px no-repeat; }
.produce_wrap .pr_box>ul>li .pt_tit.tit_04 { background: #4a60b0 url(../images/content/produce_img05.png) right 15px top 14px no-repeat; }
.produce_wrap .pr_box>ul>li .pt_tit.tit_05 { background: #4a60b0 url(../images/content/produce_img06.png) right 15px top 14px no-repeat; }
.produce_wrap .pr_box>ul>li .pt_tit.tit_06 { background: #4a60b0 url(../images/content/produce_img07.png) right 15px top 14px no-repeat; }

.produce_wrap .pr_box>ul>li .pt_con h5 { margin: 0;margin: 15px 0 10px 0; }
.produce_wrap .pr_box>ul>li .pt_con h5:first-child { margin-top: 0; }
.produce_wrap .pr_box>ul>li .pt_con>ul>li>a{ padding: 15px;border:1px solid #c8c9ca;font-size: 16px;background: url(../images/content/produce_img01.png) right 15px center no-repeat;color:#323232; display: block;box-sizing: border-box;border-top: 0; position: relative; }
.produce_wrap .pr_box>ul>li .pt_con>ul>li>div.no_popup { padding: 15px;border:1px solid #c8c9ca;font-size: 16px;background: url(../images/content/produce_img01.png) right 15px center no-repeat;color:#323232; display: block;box-sizing: border-box; position: relative;background: none; }

.produce_wrap .pr_box>ul>li .pt_con>ul>li>div.no_popup.no_line { border-top: 0; }

.produce_wrap .pr_box>ul>li .pt_con>ul>li:first-child a{border-top: 1px solid #c8c9ca; }
.produce_wrap .pr_box>ul>li .pt_con>ul>li>a:hover:before { border: 1px solid #000;position: absolute; top: 0;left: 0;right: 0;bottom: 0; display: block;content: ""; }
.produce_wrap .pr_box>ul>li .pt_con>ul>li>a.no_popup:hover { background: #fff; }

.produce_wrap .pr_box>ul>li .pt_con>ul>li>a:hover { background: #fff url(../images/content/produce_img01.png) right 15px center no-repeat; }
.produce_wrap .pr_box>ul>li .pt_con>ul>li>.no_popup:hover { background: #fff }

.produce_wrap .pr_box.top>ul>li .pt_con {min-height: 751px; }
.produce_wrap .pr_box.bottom>ul>li .pt_con {min-height: 495px; }

@media (max-width:1350px){
    .produce_wrap .pr_box>ul>li { width: 100%;margin-left: 0;margin-top: 20px; }
    .produce_wrap .pr_box>ul>li:first-child { margin-top: 0; }
    .produce_wrap .pr_box.top>ul>li .pt_con { min-height: 0; }
    .produce_wrap .pr_box.bottom { margin-top: 0; }
    .produce_wrap .pr_box.bottom>ul>li .pt_con { min-height: 0; }
    .produce_wrap .pr_box.bottom>ul>li { margin-top: 20px; }
    .produce_wrap .pr_box>ul>li .pt_tit.tit_01{ background: #4a60b0; }
    .produce_wrap .pr_box>ul>li .pt_tit.tit_02{ background: #4a60b0; }
    .produce_wrap .pr_box>ul>li .pt_tit.tit_03{ background: #4a60b0; }
    .produce_wrap .pr_box>ul>li .pt_tit.tit_04{ background: #4a60b0; }
    .produce_wrap .pr_box>ul>li .pt_tit.tit_05{ background: #4a60b0; }
    .produce_wrap .pr_box>ul>li .pt_tit.tit_06{ background: #4a60b0; }
}

@media (max-width:767px){
    .produce_wrap .pr_box>ul>li .pt_tit .num_tit { font-size: 24px; }
    .produce_wrap .pr_box>ul>li .pt_tit .num { width: 35px;height: 35px;margin-top: -17.5px;font-size: 16px; padding-top: 9px; }
    .produce_wrap .pr_box>ul>li .pt_tit { padding: 20px; padding-left: 71px; }
    .produce_wrap .pr_box>ul>li .pt_con>ul>li>a { padding: 10px 15px; }
    .produce_wrap .pr_box>ul>li .pt_con>ul>li>a { font-size: 16px; }
}

/* 숲에서 일하는 100가지 방법 */
.tbl a[target="_blank"]{position:relative}
.tbl a[target="_blank"]:after{content:"";display:inline-block;position:relative;top:2px;width:15px;height:15px;background:url(../images/common/ico_view.png) no-repeat;margin-left:5px}
.tbl a[target="_blank"]:hover:after{background:url(../images/common/ico_view.png) no-repeat}

.quaTable{margin-top:40px}
.quaTable a[target="_blank"]{position:relative}
.quaTable a[target="_blank"]:after{content:"";display:inline-block;position:relative;top:2px;width:15px;height:15px;background:url(../images/common/ico_view.png) no-repeat;margin-left:5px}
.quaTable a[target="_blank"]:hover:after{background:url(../images/common/ico_view.png) no-repeat}
.quaTable a.btn:after{display:none}
@media all and (max-width:640px){
    .quaTable{margin-top:20px}
}

.dashed_hr{margin:40px 0;border-width:1px 0 0 0;border-style:dashed;border-color:#999}

/*귀산촌 길라잡이*/
.rnltks_cont{position:relative;padding-left:200px}
.rnltks_cont .rc_ti{position:absolute;top:0;left:0}
.rnltks_cont .rc_ti h5{margin:0;overflow:hidden}
.rnltks_cont .rc_ti p{margin-top:5px;line-height:130%;margin-left:23px;font-size:14px;color:#111}
.rnltks_cont .cont_item{position:relative;margin-top:20px;padding:25px 25px 25px 170px;border:1px solid #d2d2d2}
.rnltks_cont .cont_item .item_region{position:absolute;top:25px;left:25px;font-weight:500;display:block;width:120px;text-align:center;padding:10px 0;border-radius:5px;-webkit-border-radius:5px}
.rnltks_cont .cont_item .item_region.color_1{background-color:#ecf0f4}
.rnltks_cont .cont_item .item_region.color_2{background-color:#2ca47e;color:#fff}
.rnltks_cont .cont_item .item_ti{display:block;margin:10px 0 15px}
.rnltks_cont .cont_item .txt_list{}

@media(max-width:767px) {
    .rnltks_cont{padding-left:0;margin-top:20px}
    .rnltks_cont .rc_ti{position:relative}
    .rnltks_cont .rc_ti p{position:absolute;bottom:0;right:0}
    .rnltks_cont .rc_ti p br{display:none}
}
@media(max-width:639px) {
    .rnltks_cont .cont_item{padding-left:25px}
    .rnltks_cont .cont_item .item_region{position:relative;top:-10px;left:-10px}

    .rnltks_cont .rc_ti+.cont_item{margin-top:10px}
}
@media(max-width:450px) {
    .rnltks_cont .rc_ti p{position:static}
}
.rnltks_borderbox{padding-left:25px}
.rnltks_borderbox .rb_item{position:relative;margin-top:30px;padding:25px 25px 25px 170px;border:1px solid #d2d2d2}
.rnltks_borderbox .rb_item:first-child{margin-top:0}
.rnltks_borderbox .rb_item strong{position:absolute;top:30px;left:30px;font-size:18px}
.rnltks_borderbox .rb_item p{position:relative;padding-left:15px}
.rnltks_borderbox .rb_item p:before{content:':';display:block;position:absolute;top:3px;left:0;line-height:100%}

@media(max-width:639px) {
    .rnltks_borderbox{padding-left:0}
    .rnltks_borderbox .rb_item{padding-left:25px}
    .rnltks_borderbox .rb_item strong{position:static}
    .rnltks_borderbox .rb_item p{margin-top:10px}
}

h5 a.anchor{color:#2b5bd5;border-color:#2b5bd5}

.rnltks_cont.line_break{padding-left:250px}
.rnltks_cont.line_break .cont_item{padding:60px 25px 25px}
.rnltks_cont.line_break .cont_item .item_flag{position:absolute;top:0;left:0;width:100%;font-size:18px;padding:15px 10px;background-color:#f9f9f9;font-weight:600}

@media(max-width:767px) {
    .rnltks_cont.line_break{padding-left:0}
}

.rnltks_link{margin-top:20px;padding:20px;border:1px solid #d2d2d2}
.rnltks_link  .ri_list{position:relative;padding:15px 80px 15px 10px;border-top:1px dotted #a3a3a3}
.rnltks_link  .ri_list:first-child{border-top-width:0}
.rnltks_link  .ri_list a{position:absolute;top:10px;right:10px}
.rnltks_link  .ri_list:hover{background-color:#f9f9f9}

/*숲속의 대한민국*/
.work_box.box02.last_box strong{ font-size: 24px; }
.work_box.box02.last_box strong b { font-size: 32px; }
.work_box.box02.last_box strong b.f_text { color:#2ca47e; }
.work_box.box02.last_box strong b.s_text { color:#4a60b0; }
.work_box.box02.last_box strong { padding-bottom: 0; border-bottom: 0; }

.forest .work_load_view.forest_01 .work_box.box01 { background: #2ca47e url(../images/content/forest_korimg02.png) 94% 102% no-repeat; }
.forest .work_load_view.forest_01 .work_box.box02 { background: #ecf0f4 url(../images/content/forest_korimg03.png) 94% 90% no-repeat; }

.forest .work_load_view.forest_02 .work_box.box03 { background: #ecf0f4 url(../images/content/forest_korimg04.png) 94% 108% no-repeat; }
.forest .work_load_view.forest_02 .work_box.box04 { background: #2ca47e url(../images/content/forest_korimg05.png) 94% 101% no-repeat; }
.forest .work_load_view.forest_03 .work_box.box01 { background: #2ca47e url(../images/content/forest_korimg06.png) 94% 106% no-repeat; }
.forest .work_load_view.forest_03 .work_box.box02 { background: #ecf0f4 url(../images/content/forest_korimg07.png) 94% 90% no-repeat; }
.forest .work_load_view.forest_04 .work_box.box03 { background: #ecf0f4 url(../images/content/forest_korimg08.png) 94% 90% no-repeat; }
.forest .work_load_view.forest_04 .work_box.box04 { background: #2ca47e url(../images/content/forest_korimg09.png) 94% 115% no-repeat; }
.forest .work_load_view.forest_05 .work_box.box01 { background: #2ca47e url(../images/content/forest_korimg10.png) 94% 90% no-repeat; }
.forest .work_load_view.forest_05 .work_box.box02.last_box { background: #ecf0f4 url(../images/content/forest_korimg01.png) 86% 192px no-repeat;min-height: 317px; }

@media (max-width:1280px){
    .work_box.box02.last_box strong br { display: none; }
}
@media (max-width:880px){
    .forest .work_load_view.forest_05 .work_box.box02.last_box {
        background: #ecf0f4 url(../images/content/forest_korimg01.png) center 192px no-repeat;}
    .work_box.box02.last_box strong{ font-size: 20px; }
    .work_box.box02.last_box strong b { font-size: 28px; }
}

/* 숲속의 대한민국_트리형태 */
.kor_forest{position:relative}
.kor_forest .korF_tit{position:relative;padding-bottom:37px;text-align:center}
.kor_forest .korF_tit:after{content:"";display:block;width:3px;height:100%;position:absolute;top:0;left:50%;margin-left:-2px;background:#24ae80;z-index:-1}
.kor_forest .korF_purpose{position:relative;width:87%;height:197px;padding:0 5% 0 23%;display:table;border:3px solid #24ae80;margin:0 auto;border-radius:98px}
.kor_forest .korF_purpose strong{display:block;position:absolute;left:.8%;top:50%;margin-top:-90px;width:181px;height:181px;padding-top:28px;font-size:26px;font-weight:bold;color:#17471c;background:url(../images/content/img_korForest_2.png) no-repeat;text-align:center}
.kor_forest .korF_purpose .korF_purpose_con{display:table-cell;vertical-align:middle}
.kor_forest .korF_purpose .korF_purpose_con>ol>li{margin-top:10px;color:#666;font-size:19px;font-weight:bold}
.kor_forest .korF_purpose .korF_purpose_con>ol>li:first-child{margin-top:0}
.kor_forest .korF_purpose .korF_purpose_con>ol>li>span{display:inline-block;width:23px;height:23px;background:#2f8301;border-radius:50%;font-size:14px;color:#fff;line-height:23px;text-align:center;font-weight:bold;margin-right:5px}
.kor_forest .korF_purpose .korF_purpose_con>p{margin-top:10px;color:#ED6413;font-size:19px;font-weight:bold}
.kor_forest .korF_pj_titbox{position:relative;padding-top:50px;}
.kor_forest .korF_pj_tit{display:block;width:47%;height:85px;line-height:85px;background:#129d50;text-align:center;color:#fff;border-radius:43px;font-size:26px;font-weight:500;margin:0 auto}
.kor_forest .korF_pj_tit:before{content:"";display:block;width:3px;height:100%;position:absolute;top:0;left:50%;margin-left:-2px;background:#23ae80;z-index:-1}
.kor_forest .korF_pj_sub{margin-top:-50px;padding-top:90px;background:url(../images/content/img_korForest_line.png) center top no-repeat;overflow:hidden}
.kor_forest .korF_pj_sub>li{float:left;width:33.3%;text-align:center;padding-bottom:161px;min-height:545px}
.kor_forest .korF_pj_sub>li.t01{background:url(../images/content/img_korForest_listB_1.png) center bottom no-repeat}
.kor_forest .korF_pj_sub>li.t02{background:url(../images/content/img_korForest_listB_2.png) center bottom no-repeat}
.kor_forest .korF_pj_sub>li.t03{background:url(../images/content/img_korForest_listB_3.png) center bottom no-repeat}
.kor_forest .korF_pj_sub>li>ol{display:inline-block;width:75%;margin-top:30px}
.kor_forest .korF_pj_sub>li>ol>li{text-align:left;font-size:16px;margin-top:10px}
.kor_forest .korF_pj_sub>li>ol>li:first-child{margin-top:0}
.kor_forest .korF_pj_sub>li>ol>li>span{display:inline-block;margin-right:5px;width:23px;height:23px;background:#2f8301;text-align:center;color:#fff;font-size:14px;line-height:23px;font-weight:bold;border-radius:50%}
.kor_forest .korF_pj_sub>li:nth-child(3)>ol{width:60%}

.korF_plan{margin-top:50px;overflow:hidden}
.korF_plan>li{float:left;width:50%;padding-top:29px;text-align:center}
.korF_plan>li>.korF_planBox{position:relative;display:inline-block;width:90%;padding:0 10%;height:192px;background:#ebebf0;border-radius:96px}
.korF_plan>li>.korF_planBox>strong{display:block;width:70%;margin:-29px auto 0;padding:17px 0;background:#fff;border:3px solid #24ae80;font-size:20px;color:#333;text-align:center;border-radius:30px}
.korF_plan>li>.korF_planBox>ol{display:inline-block;width:75%;margin-top:30px}
.korF_plan>li>.korF_planBox>ol>li{margin-top:10px;text-align:left}
.korF_plan>li>.korF_planBox>ol>li:first-child{margin-top:0}
.korF_plan>li>.korF_planBox>ol>li>span{display:inline-block;margin-right:5px;width:23px;height:23px;line-height:23px;color:#fff;font-weight:bold;text-align:center;background:#2F8301;font-size:14px;border-radius:50%}

@media all and (max-width:1410px){
    .korF_plan>li>.korF_planBox>ol{width:78%}
}
@media all and (max-width:1400px){
    .kor_forest .korF_pj_sub>li>ol{width:80%}
    .kor_forest .korF_pj_sub>li:nth-child(3)>ol{width:65%}
}
@media all and (max-width:1350px){
    .kor_forest .korF_pj_sub{background-size:70%}

    .kor_forest .korF_pj_sub>li>ol{width:85%}
    .kor_forest .korF_pj_sub>li:nth-child(3)>ol{width:70%}
}
@media all and (max-width:1285px){
    .kor_forest .korF_pj_sub>li>ol{width:90%}
    .kor_forest .korF_pj_sub>li:nth-child(3)>ol{width:85%}
}
@media all and (max-width:1240px){
    .korF_plan>li>.korF_planBox>ol{width:85%}
}
@media all and (max-width:1220px){
    .kor_forest .korF_tit img{width:180px}

    .kor_forest .korF_pj_tit{font-size:20px}
    .kor_forest .korF_purpose{padding:0 5% 0 30%}
    .kor_forest .korF_purpose .korF_purpose_con>ol>li,
    .kor_forest .korF_purpose .korF_purpose_con>p{font-size:15px}

    .kor_forest .korF_pj_sub>li>img{width:180px}
    .kor_forest .korF_pj_sub>li>ol>li{font-size:14px}

    .korF_plan>li>.korF_planBox>strong{font-size:18px}
    .korF_plan>li>.korF_planBox>ol>li{font-size:14px}
}
@media all and (max-width:1100px){
    .kor_forest .korF_pj_sub>li:nth-child(3)>ol{width:60%}
}
@media all and (max-width:950px){
    .kor_forest .korF_pj_sub>li:nth-child(3)>ol{width:80%}
}
@media all and (max-width:835px){
    .kor_forest .korF_pj_sub>li>ol,
    .kor_forest .korF_pj_sub>li:nth-child(3)>ol{width:90%}
}
@media all and (max-width:767px){
    .kor_forest .korF_tit{padding-bottom:20px}
    .kor_forest .korF_pj_titbox{padding-top:20px}

    .kor_forest .korF_purpose{width:100%;height:150px;padding:0 5% 0 155px}
    .kor_forest .korF_purpose strong{width:134px;height:135px;font-size:17px;background-size:134px;margin-top:-67px}
    .kor_forest .korF_purpose .korF_purpose_con>ol>li,
    .kor_forest .korF_purpose .korF_purpose_con>p{font-size:14px}

    .kor_forest .korF_pj_tit{width:100%;font-size:16px;height:60px;line-height:60px}

    .kor_forest .korF_pj_sub{background:none;padding-top:60px;text-align:center}
    .kor_forest .korF_pj_sub>li{position:relative;width:400px;padding:20px 0 20px 160px;min-height:160px;display:inline-block;text-align:left;float:none}
    .kor_forest .korF_pj_sub>li.t01,
    .kor_forest .korF_pj_sub>li.t02,
    .kor_forest .korF_pj_sub>li.t03{background:none}
    .kor_forest .korF_pj_sub>li>img{position:absolute;left:0;top:50%;margin-top:-70px;width:140px}
    .kor_forest .korF_pj_sub>li>ol{margin-top:0;display:table-cell;vertical-align:middle;width:100%;overflow:hidden}
    .kor_forest .korF_pj_sub>li:nth-child(3)>ol{width:100%}

    .korF_plan{margin-top:20px}
    .korF_plan>li>.korF_planBox{padding:0 20px 15px;border-radius:5px;height:auto}
    .korF_plan>li>.korF_planBox>strong{width:auto;padding:17px 20px}
    .korF_plan>li>.korF_planBox>ol{width:100%;margin-top:10px}
}
@media all and (max-width:590px){
    .korF_plan>li{width:100%;margin-top:20px}
    .korF_plan>li:first-child{margin-top:0}
    .korF_plan>li>.korF_planBox{width:100%}
}
@media all and (max-width:580px){
    .kor_forest .korF_purpose{padding:20px 5%;display:block;height:auto;border-radius:5px}
    .kor_forest .korF_purpose strong{margin-bottom:20px;width:auto;height:auto;background:none;padding:0;position:static;margin-top:0;font-size:20px}
}
@media all and (max-width:450px){
    .kor_forest .korF_pj_sub>li{padding:10px 0;text-align:center;width:auto}
    .kor_forest .korF_pj_sub>li>img{display:block;position:static;margin:0 auto}
    .kor_forest .korF_pj_sub>li>ol,
    .kor_forest .korF_pj_sub>li:nth-child(3)>ol{display:inline-block;width:auto;margin-top:10px}
}

/* 2019 04 23 */
.border_box{padding:30px;border:1px solid #ddd;background-color:#f9f9f9}

/* 2019 11 04 */
.boxTable .boxTable_cell .info_list_dm:after{content:"";display:block;clear:both}
.boxTable .boxTable_cell .info_list_dm li{float:left}

.boxTable .boxTable_cell .info_list_dm span {padding-left:25px;padding-right:45px;display:inline-block;position:relative;background:url(/kfs/images/board/ic_down.png) no-repeat  83px 10px; margin-left:5px}
.boxTable .boxTable_cell .info_list_dm a span:hover{color:#00c386}

/*숲가꾸기 신청*/
.formbox_border{}
.formbox_border label{}
.formbox_border input{}
.formbox_border .name input{}
.formbox_border .phon input{}
.formbox_border .phon select{}

/*입력양식 공통화*/
[class^='formStyle']{}
[class^='formStyle'] input,
[class^='formStyle'] select{width:100%;height:45px;padding-left:10px;border-color:#d2d2d2;background-color:#fff}
[class^='formStyle'] input{padding:0 10px} 
.formStyle_normal{}
.formStyle_tell{}
.formStyle_tell input,
.formStyle_tell select{}
.formStyle_tell:after{content:'';display:block;clear:both}
.formStyle_tell div{float:left;width:30%}
.formStyle_tell div.mid{width:5%;padding-top:21px;text-align:center}
.formStyle_tell div.mid:before{content:'';display:block;width:10px;height:1px;margin:0 auto;background-color:#545454}

/*사업신청서 작성 - 인증*/
.formbox_border{padding:40px 20px;border:1px solid #d2d2d2;}
.formbox_border .frombox_wrap{max-width:650px;margin:0 auto}
.formbox_border .frombox_wrap label{float:left;width:150px;padding-top:13px;font-weight:600;font-size:18px}
.formbox_border .frombox_wrap [class^='formStyle']{overflow:hidden}
.formbox_border .frombox_wrap .name, .formbox_border .frombox_wrap .phone:after{content:'';display:block;clear:both}
.formbox_border .frombox_wrap .name{margin-bottom:20px}

.frombox_button{margin-top:30px;text-align:center}
.frombox_button button{
    width:100%;max-width:300px;padding:25px 0;
    font-weight:500;font-size:20px;background-color:#03a2a4;color:#fff;
    -webkit-border-radius:7px;border-radius:7px;
}

@media (max-width:1000px) {
.formbox_border{padding:20px}
.frombox_button button{padding:15px 0;font-size:16px}
}

@media (max-width:767px) {
.formbox_border .frombox_wrap label{float:none;padding-top:0;margin-bottom:10px;font-weight:500;font-size:16px}
}

/*사업신청서 작성 - 정보입력*/
.addr_info{padding:20px 30px;margin:20px 0;border:0 solid #d2d2d2;border-width:1px 0}

/* 청소년산림생태탐방 */
.ecoWrap{overflow:hidden}
.ecoWrap .ecoBox{}
.ecoWrap .ecoBox.left{float:left;width:60%}
.ecoWrap .ecoBox.right{float:right;width:40%}

.ecoArea_list{margin-bottom:35px;background:#e7ecf1;border:1px solid #cbcbcb}
.ecoArea_list ul{overflow:hidden;padding:8px 0}
.ecoArea_list ul li{position:relative;float:left;width:12.5%}
.ecoArea_list ul li:before{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-14px;width:0;height:28px;border-left:1px solid #a3a3a3}
.ecoArea_list ul li:nth-child(8n+1):before{display:none;clear:both}
.ecoArea_list ul li a{display:block;padding:10px 0;text-align:center}
.ecoArea_list ul li a span{display:inline-block;padding-bottom:6px;border-bottom:1px solid transparent;color:#323232;font-weight:500}
.ecoArea_list ul li a:hover span{color:#313a68;font-weight:600;border-bottom:1px solid #313a68}
.ecoArea_list ul li a.on span{padding-left:25px;background:url(../images/content/bul_mountain.gif) left top no-repeat;background-size:21px;border-bottom:1px solid #313a68;color:#313a68;font-weight:600}

.ecoSlide{padding:35px 20px 25px;border-top:2px solid #00c386;border-bottom:1px solid #b7b7b7}
.ecoSlide .pgwSlideshow{margin:0}

@media all and (max-width:1250px){
    .ecoArea_list ul li{width:16.66666666666667%}
    .ecoArea_list ul li:nth-child(8n+1):before{display:block;clear:none}
    .ecoArea_list ul li:nth-child(6n+1):before{display:none;clear:both}
}
@media all and (max-width:767px){
    .ecoWrap .ecoBox.right img{width:90%}
    .ecoArea_list{margin-bottom:20px}
    .ecoArea_list ul{padding:5px 0}
    .ecoArea_list ul li:before{height:20px;margin-top:-10px}
    .ecoArea_list ul li a{padding:5px 0}
    .ecoArea_list ul li a span{font-size:14px}
    .ecoArea_list ul li a.on span{padding-left:22px;background-size:18px}
}
@media all and (max-width:640px){
    .ecoWrap .ecoBox.left{width:100%}
    .ecoWrap .ecoBox.right{width:100%;text-align:center}
    .ecoWrap .ecoBox.right img{width:70%}
    .ecoArea_list ul li{width:33.3%}
    .ecoArea_list ul li:nth-child(6n+1):before{display:block;clear:none}
    .ecoArea_list ul li:nth-child(3n+1):before{display:none;clear:both}

    .ecoSlide{padding:20px 10px 15px}
}

/* 100대명산 */
.mountain_100{position:relative;padding:33px;background:#eff3f6;margin:20px 0}
.mountain_100 .m100_wrap{display:table;width:100%}
.mountain_100 .m100_wrap .m100_mapAll{display:table-cell;width:50%;text-align:center}
.mountain_100 .m100_wrap .m100_mapAll .mA_tit{display:inline-block;padding:10px 24px;background:#fff;border-radius:24px}
.mountain_100 .m100_wrap .m100_mapAll .mA_tit span{display:inline-block;padding:4px 0 6px 40px;background:url(../images/content/mountain100/img_m100_i.png) left top no-repeat}
.mountain_100 .m100_wrap .m100_mapAll .mA_map{display:inline-block;position:relative;margin-top:29px}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a{position:absolute;display:inline-block;font-weight:500;font-size:16px}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a:before{content:"";display:block;position:absolute;left:50%;margin-left:-7px;width:14px;height:18px;background:url(../images/content/mountain100/img_map_pin.png) no-repeat}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a:hover:before{animation:rotate .8s infinite ease-in-out}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.pin_up{padding-top:20px}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.pin_dw{padding-bottom:20px}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.pin_up:before{top:0}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.pin_dw:before{bottom:0}

.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area1{left:80px;top:86px}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area2{left:192px;top:70px}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area3{left:55px;top:181px}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area4{left:127px;top:166px}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area5{left:207px;top:219px}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area6{left:161px;top:317px}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area7{left:74px;top:271px}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area8{left:54px;top:349px}
.mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area9{left:54px;top:453px}

.mountain_100 .m100_wrap .detailMap{display:none;position:relative;text-align:center;background:#fff;border-radius:9px;vertical-align:middle;padding:0 20px}
.mountain_100 .m100_wrap #m100_01.detailMap{display:table-cell}
.mountain_100 .m100_wrap .detailMap>img{margin-top:25px}
.mountain_100 .m100_wrap .detailMap strong{position:absolute;top:-12px;left:50%;margin-left:-25%;display:inline-block;width:50%;padding:18px;background:#667ac6;color:#fff;font-size:25px;font-weight:500;border-radius:0 0 9px 9px}
.mountain_100 .m100_wrap .detailMap strong:before,
.mountain_100 .m100_wrap .detailMap strong:after{content:"";display:block;width:8px;height:12px;position:absolute;top:0}
.mountain_100 .m100_wrap .detailMap strong:before{left:-8px;background:url(../images/content/mountain100/img_dMap_titL.png) no-repeat}
.mountain_100 .m100_wrap .detailMap strong:after{right:-8px;background:url(../images/content/mountain100/img_dMap_titR.png) no-repeat}
@keyframes rotate {
    100%{transform:rotateY(180deg)}
}
@media all and (max-width:1330px){
    .mountain_100 .m100_wrap .detailMap strong{font-size:20px}
}
@media all and (max-width:1100px){
    .mountain_100{padding:30px 20px 20px}
    .mountain_100 .m100_wrap .detailMap strong{padding:18px 0}
}
@media all and (max-width:850px){
    .mountain_100 .m100_wrap .m100_mapAll .mA_map{width:280px}
    .mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area1{left:54px;top:65px}
    .mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area2{left:147px;top:50px}
    .mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area3{left:37px;top:140px}
    .mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area4{left:96px;top:118px}
    .mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area5{left:160px;top:165px}
    .mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area6{left:132px;top:254px}
    .mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area7{left:53px;top:215px}
    .mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area8{left:33px;top:272px}
    .mountain_100 .m100_wrap .m100_mapAll .mA_map ul li a.area9{left:36px;top:352px}
}
@media all and (max-width:768px){
    .mountain_100{padding:20px 15px}
    .mountain_100 .m100_wrap .m100_mapAll{display:block;width:100%}
    .mountain_100 .m100_wrap .m100_mapAll .mA_map{display:block;margin:20px auto 0}
    .mountain_100 .m100_wrap .detailMap{width:100%;margin-top:40px;padding:30px 10px}
    .mountain_100 .m100_wrap .detailMap strong{font-size:18px}
    .mountain_100 .m100_wrap #m100_01.detailMap{display:block}
}

/*수목 편람*/
.planting_menual{padding:50px 0;text-align:center;background-color:#eff3f6}
.planting_menual .menual_ti{display:none}
.planting_menual .menual_btn{}
.planting_menual .menual_btn .menual_down{display:inline-block;padding:20px 30px;font-size:19px;-webkit-border-radius:7px;border-radius:7px;background-color:#4f76f8;color:#fff}
.planting_menual .menual_btn .menual_down img{margin-right:12px;vertical-align:-5px}

@media (max-width:767px) {
.planting_menual .menual_btn .menual_down{padding:10px 20px;font-size:16px}
.planting_menual .menual_btn .menual_down img{width:20px;vertical-align:-3px;margin-right:7px}
}
@media (max-width:600px) {
.planting_menual .menual_ti{display:block;margin-bottom:20px;font-size:20px;}
}

/*휴양복지 > 수목장림 > 수목장림소개 > 해외사례*/
.tree_overseas{padding:50px 0;margin:30px 0;text-align:center;border:1px solid #ddd}
.tree_overseas:after{content:'';display:block;clear:both;}
.tree_overseas .overseas_item{display:inline-block;width:26.5%;margin-left:5%;border-radius:13px;background-color:#f1f1f1}
.tree_overseas .overseas_item:first-child{margin-left:0}
.tree_overseas .overseas_item .item_thumb{}
.tree_overseas .overseas_item .item_thumb img{max-width:none;width:100%}
.tree_overseas .overseas_item .pt{display:table;width:100%;height:50px;}
.tree_overseas .overseas_item .pt span{display:table-cell;vertical-align:middle;font-size:16px;font-weight:400}

@media (max-width:1000px) {
.tree_overseas .overseas_item .pt span{font-size:14px}
}
@media (max-width:767px) {
.tree_overseas{padding:20px}
.tree_overseas .overseas_item{width:100%;margin:0 0 20px}
.tree_overseas .overseas_item .item_thumb img{max-width:none;width:100%}
}

/*채종원 및 시험린 현황*/
.chaejongwon_status_map{margin:50px 0;text-align:center}

.col_4_img{overflow:hidden;margin-top:20px}
.col_4_img .img_item{float:left;width:24.25%;margin:0 0 2% 1%;text-align:center}
.col_4_img .img_item:nth-child(4n+1){margin-left:0}
.col_4_img .img_item img{max-width:none;width:100%;padding:5px;border:1px solid #d2d2d2}
.col_4_img .img_item span{display:block;height:40px;margin-top:10px;font-size:16px;line-height: 20px;font-weight:400;}

.col_4_img .img_item a{display:block;padding:5px;border:1px solid #d2d2d2;background-color:#fff}
.col_4_img .img_item a .thumb{position:relative;overflow:hidden;padding-top:66.2%;background-color:#f9f9f9;}
.col_4_img .img_item a .thumb img{position:absolute;top:50%;left:50%;height:100%;padding:0;border-width:0;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}

@media (max-width:1000px) {
.col_4_img .img_item span{font-size:14px}
}
@media (max-width:767px) {
.col_4_img .img_item span{letter-spacing:-1px}
}
@media (max-width:639px) {
.col_4_img .img_item{width:32.66%}
.col_4_img .img_item:nth-child(4n+1){margin-left:1%}
.col_4_img .img_item:nth-child(3n+1){margin-left:0}
}
@media (max-width:479px) {
.col_4_img .img_item{width:49.5%}
.col_4_img .img_item:nth-child(3n+1){margin-left:1%}
.col_4_img .img_item:nth-child(2n+1){margin-left:0}
}

.col_3_img{overflow:hidden;margin-top:20px}
.col_3_img .img_item{float:left;width:32.66%;margin:0 0 2% 1%;text-align:center}
.col_3_img .img_item:nth-child(3n+1){margin-left:0}
.col_3_img .img_item img{max-width:none;width:100%;padding:5px;border:1px solid #d2d2d2}
.col_3_img .img_item span{display:block;height:40px;margin-top:10px;line-height:20px;font-size:16px;font-weight:400;}

@media (max-width:1000px) {
.col_3_img .img_item span{font-size:14px}
}
@media (max-width:767px) {
.col_3_img .img_item span{letter-spacing:-1px}
}
@media (max-width:639px) {
.col_3_img .img_item{width:49.5%}
.col_3_img .img_item:nth-child(3n+1){margin-left:1%}
.col_3_img .img_item:nth-child(2n+1){margin-left:0}
}
@media (max-width:479px) {
.col_3_img .img_item{width:100%;margin:25px 0 0 0}
.col_3_img .img_item:first-child{margin-top:0}
.col_3_img .img_item:nth-child(2n+1){margin-left:0}
}

.col_2_img{overflow:hidden;padding:20px 100px 0;}
.col_2_img .img_item{float:left;width:47.5%;margin:0 0 2% 5%;text-align:center;}
.col_2_img .img_item:nth-child(1){margin-left:0;}
.col_2_img .img_item img{max-width:none;width:100%;padding:5px;border:1px solid #d2d2d2}
.col_2_img .img_item span{display:block;height:40px;margin-top:10px;line-height:20px;font-size:16px;font-weight:400;}

.col_2_img.max_img{padding:0}
.col_2_img.max_img .img_item{width:49.5%;margin:0 0 0 1%}
.col_2_img.max_img .img_item:nth-child(1){margin-left:0}
.col_2_img.max_img .img_item img{padding:0;border-width:0}

@media (max-width:1000px) {
.col_2_img .img_item span{font-size:14px}
}
@media (max-width:767px) {
.col_2_img{padding:20px 0 0}
.col_2_img .img_item{width:49%}
.col_2_img .img_item span{letter-spacing:-1px}
}
@media (max-width:670px) {
.col_2_img .img_item{width:100%;margin:0 0 25px 0}
.col_2_img.max_img .img_item{width:100%;margin:0 0 1%}
}

/* 텍스트박스 스타일 */
.tbox{margin:10px 0;padding:15px 20px;border:1px solid #cbcbcb;background:#f2f5f8;line-height:24px;word-break:keep-all}


/* 동의합니다 단독 */
.agree_input_row{padding:15px 0;text-align:center;border:1px solid #d2d2d2}
.agree_input_row label{}
.agree_input_row input{width:15px;height:15px;vertical-align:middle;position:relative;top:-1px}

/* 카드형 이미지 목록 */
.cardType_img{width:102%;overflow:hidden;margin-top:30px}
.cardType_img>li{float:left;width:23%;margin-right:2%;margin-bottom:22px}
.cardType_img>li:nth-child(4n+1){clear:both}
.cardType_img>li>.cT_item{padding:15px;border:1px solid #d8d8d8;background:#e7ecf1;min-height:313px;border-radius:8px;text-align:center}
.cardType_img>li>.cT_item>strong{display:block;margin:13px 0;font-size:22px;color:#323232;line-height:24px}
.cardType_img>li>.cT_item>p{font-size:16px;line-height:24px;letter-spacing: -0.02em}

@media all and (max-width:840px){
    .cardType_img>li{width:31.3%}
    .cardType_img>li:nth-child(4n+1){clear:none}
    .cardType_img>li:nth-child(3n+1){clear:both}
}
@media all and (max-width:640px){
    .cardType_img>li{width:48%;margin-bottom:15px}
    .cardType_img>li:nth-child(3n+1){clear:none}
    .cardType_img>li:nth-child(2n+1){clear:both}
    .cardType_img>li>.cT_item>strong{font-size:18px}
    .cardType_img>li>.cT_item>p{font-size:15px}
}
@media all and (max-width:400px){
    .cardType_img>li{width:98%}
    .cardType_img>li>.cT_item{min-height:inherit}
}

/* 테이블, 이미지(좌우 정렬) - 임업기계지원센터안내 등 */
.table_imgR{overflow:hidden}
.table_imgR .timg_left{float:left;width:58%;margin-right:2%}
.table_imgR .timg_right{float:right;width:40%;text-align:center}

@media all and (max-width:900px){
    .table_imgR .timg_left,
    .table_imgR .timg_right{float:none;width:100%}
    .table_imgR .timg_left{margin-bottom:20px}
}

/* 산림병해충 발생조사 시기 */
.tbl td.bar_b{background: url(../images/content/bar_b.gif) repeat-x 0 19px;}
.tbl td.bar_o{background: url(../images/content/bar_o.gif) repeat-x 0 19px;}
.tbl td.bar_g{background: url(../images/content/bar_g.gif) repeat-x 0 19px;}
.tbl td.bar_p{background: url(../images/content/bar_p.gif) repeat-x 0 19px;}
.tbl td.cell_point{background:#f2f5f8;}
.tbl td.no_point{background: none;}
.tbl_wrap .ta01{width: 80%;margin-right: 15px;float: left;}
.tbl_wrap .ta02{width: 15%;margin: 0;padding: 0;float: left;}

/* 목재팰릿 생산 및 판매량*/
.pallet{position: relative; min-width: 900px;}
.tbl_wrap .pallet .palleft{ min-width:auto; width:81%; table-layout: auto; float: left; margin-right: 1%;}
.tbl_wrap .pallet .palright{min-width:auto; width:18%; table-layout: auto;float: left;}
.palright td{padding: 6px 12px; line-height: 26px;}

@media all and (max-width:1400px){
   .palright td{padding:12px 10px; line-height: 27px;}
}

/* 카카오맵관련 */
.wrap_controllers.hide{position:static;top:inherit;left:inherit;width:auto;height:auto;color:inherit}

/*백두대간 지도*/
.map_list{}
.map_list .list_item{display:none}
.map_list .list_item:first-child{display:block}
.moScript .tab_title{display:none}
.moScript .subTab{display:block}

@media (max-width:580px) {
.moScript{}
.moScript .tab_title{display:block;}
.moScript .tab_title button{position:relative;display:block;width:100%;padding:20px 0;line-height:100%;font-weight:400;font-size:18px;background-color:#00a370;color:#fff}
.moScript .tab_title button:after{content:'';position:relative;top:-2px;display:inline-block;width:16px;height:9px;margin:0 0 0 10px;transition:transform 300ms;background:url(../images/common/bul_tabArr.png) no-repeat}
.moScript .tab_title button.on:after{transform:rotate(180deg)}

.moScript .subTab{margin:3px 0 0;display:none}
.moScript .subTab li{}
.moScript .subTab li a{display:block;padding-top:11px;}
.moScript .subTab li a.on:after{top:-2px;left:-1px;right:-1px;border:3px solid #00c386}
}

/* 점봉산 예약 */
.default_order{display:table;width:100%;overflow:hidden;margin:20px 0;border:1px solid #c6c6c6}
.default_order .order_item{display:table-cell;position:relative;vertical-align:middle;width:33.3%;height:70px;padding:0 20px 0 82px;color:#555;font-size:17px;font-weight:500}
.default_order .order_item:after{content:"";display:block;width:27px;height:69px;position:absolute;right:-26px;top:0;background:url(../images/content/reservation/bg_stepArr_off.png) right center no-repeat;background-size:auto 100%;z-index:9}
.default_order .order_item:last-child{border-right-width:1px}
.default_order .order_item:last-child:after{display:none}

.default_order .order_item:first-child a{border-left:1px solid #d2d2d2}
.default_order .order_item.on{border-color:#9a9a9a;color:#fff}
.default_order .order_item.on:after{background:url(../images/content/reservation/bg_stepArr_on.png) right center no-repeat}
.default_order .order_item.icon_1{background:url(../images/content/reservation/icon_defOrder_1.png) 37px center no-repeat}
.default_order .order_item.icon_2{background:url(../images/content/reservation/icon_defOrder_2.png) 37px center no-repeat}
.default_order .order_item.icon_3{background:url(../images/content/reservation/icon_defOrder_3.png) 37px center no-repeat}
.default_order .order_item.icon_4{background:url(../images/content/reservation/icon_defOrder_4.png) 37px center no-repeat}
.default_order .order_item.icon_1.on{background:#4f76f8 url(../images/content/reservation/icon_defOrder_1.png) 37px center no-repeat}
.default_order .order_item.icon_2.on{background:#4f76f8 url(../images/content/reservation/icon_defOrder_2.png) 37px center no-repeat}
.default_order .order_item.icon_3.on{background:#4f76f8 url(../images/content/reservation/icon_defOrder_3.png) 37px center no-repeat}
.default_order .order_item.icon_4.on{background:#4f76f8 url(../images/content/reservation/icon_defOrder_4.png) 37px center no-repeat}

.default_order.col_4 .order_item{width:25%}

/* 20191202_숲사랑지도원이되는길 단계 추가 s */
.default_order.flove .order_item{padding:0 20px;text-align:center}
.default_order.flove .order_item.icon_1,
.default_order.flove .order_item.icon_2,
.default_order.flove .order_item.icon_3,
.default_order.flove .order_item.icon_4{background:none}
.default_order.flove .order_item.icon_1.on,
.default_order.flove .order_item.icon_2.on,
.default_order.flove .order_item.icon_3.on,
.default_order.flove .order_item.icon_4.on{background:#4f76f8}
@media all and (max-width:450px){
    .default_order.flove .order_item{padding:0 10px}
    .default_order.flove .order_item:nth-child(2),
    .default_order.flove .order_item:nth-child(3){text-align:right}
    .default_order.flove .order_item:nth-child(4){padding:0 20px;text-align:right}
}
/* 20191202_숲사랑지도원이되는길 단계 추가 e */

@media all and (max-width:700px){
    .default_order .order_item{padding:0 10px 0 35px;font-size:15px}
    .default_order .order_item:first-child{padding-left:10px}
    .default_order .order_item.icon_1,
    .default_order .order_item.icon_2,
    .default_order .order_item.icon_3,
    .default_order .order_item.icon_4,
    .default_order .order_item.icon_1.on,
    .default_order .order_item.icon_2.on,
    .default_order .order_item.icon_3.on,
    .default_order .order_item.icon_4.on{background-image:none}
}

.scheduls_calender .resEnd{display:block;margin:5px 0;color:#e22a2a}
.scheduls_calender .resPos{display:block;margin:5px 0 10px;color:#0172da}
.scheduls_calender.jbs table tbody tr td>a{padding:0;background:none}
.scheduls_calender.jbs table tbody tr td>a span{display:block;max-width:100%;padding:2px 5px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;background-color:#f9f9f9;color:#666}
.scheduls_calender.jbs table tbody tr td>div span{display:block;line-height:24px;}
.scheduls_calender.jbs table tbody tr td.to_day>a span{background:#fff}
@media all and (max-width:767px){
    .scheduls_calender table tbody tr td.to_day span b{display:block;color:#1f9e50}
    .scheduls_calender.jbs table tbody tr td>div a span{float:none;width:auto;border-radius:0;background:none;display:block;margin-bottom: 0;text-align:left;text-decoration:underline}
}

.clauseBox.t2>ul{margin:5px 0 5px 10px}
.clauseBox.t2>ul>li{position:relative;margin-top:5px;padding-left:17px}
.clauseBox.t2>ul>li:first-child{margin-top:0}
.clauseBox.t2>ul>li:before{content:"";display:block;position:absolute;left:3px;top:11px;width:6px;height:1px;background:#494949}
.clauseBox.t2>ul>li ul li{padding-left:0}
.clauseBox.t2>ul>li ul li:before{display:none}

@media all and (max-width:550px){
    .clauseBox.t2{padding:10px}
}

.jbsTit_lr{margin:40px 0 0}
.jbsTit_lr:after{content:"";display:block;clear:both}
.jbsTit_lr h4{float:left}
.jbsTit_lr .jbsT_right{float:right;margin-top:5px}
@media all and (max-width:590px){
    .jbsTit_lr h4{float:none;margin-bottom:0;}
    .jbsTit_lr .jbsT_right{float:none;width:100%;text-align:right;margin-top:0}
    .jbsTit_lr .jbsT_right p{font-size:14px}
}
.lineB{padding:23px;border:1px solid #d2d2d2}
.lineB .lB_row{overflow:hidden;margin-top:20px}
.lineB .lB_row:first-child{margin-top:0}
.lB_row .lB_col{}
.lB_row.multi .lB_col{float:left;margin-left:3%}
.lB_row .lB_col:first-child{margin-left:0}
.lB_row.first .lB_col{width:69%}
.lB_row.first .lB_col:first-child{width:28%}
.lB_row.resInfo .lB_col{float:none;overflow:hidden}
.lB_row.resInfo .lB_col:first-child{width:294px;float:left}
.lB_row .lB_col:after{width:100%}

.lB_row .lB_col label,
.lB_row .lB_col .label{float:left;margin:9px 10px 0 0;min-width:75px;font-weight:500}
.lB_row .lB_col .lB_input{overflow:hidden}
.lB_row .lB_col .lB_input b{display:inline-block;margin-top:9px}
.lB_row .lB_col input[type=text],
.lB_row .lB_col select{width:100%;max-width:220px}
.lB_row .lB_col .point{display:inline-block;font-size:16px;color:#cc1524;margin:5px 0}
.lB_row .lB_col .point.t2{vertical-align:-6px}
.lB_row .lB_col .btn{margin:0;padding:13px 20px}

.resLink{padding:12px 20px}
.btn.board.resBtn{padding:13px 20px}

@media all and (max-width:1340px){
    .lB_row.first .lB_col{width:100%;margin:20px 0 0}
    .lB_row.first .lB_col:first-child{width:100%;margin:0}

    .lB_row .lB_col label, .lB_row .lB_col .label{width:140px}
}
@media all and (max-width:1230px){
    .lB_row.resInfo .lB_col{margin-left:0;margin-top:20px}
    .lB_row.resInfo .lB_col:first-child{float:none;margin-top:0}
}
@media all and (max-width:1170px){
    .lB_row .lB_col .btn.lB_btn{display:block;width:220px;font-size:15px;margin:5px 0;text-align:center}
}
@media all and (max-width:1100px){
    .lB_row .lB_col .btn.lB_btn{display:inline-block;width:auto;}
}
@media all and (max-width:768px){
    .lineB .lB_row{margin-top:10px}
    .lB_row.first .lB_col{width:100%;margin:10px 0 0 0}
    .lB_row.first .lB_col:first-child{width:100%;margin:0}
}
@media all and (max-width:640px){
    .lineB{padding:10px 15px}
    .lB_row .lB_col .btn.lB_btn{display:block;width:220px}
    .lB_row .lB_col .point{font-size:14px}
}
@media all and (max-width:460px){
    .lB_row .lB_col label, .lB_row .lB_col .label{float:none;width:100%;margin:0 0 5px}
    .lB_row .lB_col input[type=text],
    .lB_row .lB_col select{width:100%;max-width:inherit}
}

.resEndWrap{padding:60px 20px;border:1px solid #d2d2d2;background:#f2f5f8;text-align:center}
.resEndWrap strong{display:block;margin-bottom:40px;font-size:20px;color:#333;line-height:27px;word-break:keep-all}

.phoneCrtWrap{text-align:center}
.phoneCrtWrap>em{line-height:27px}
.phoneCrt{position:relative;margin:20px auto 0;padding:0 67px 0 65px;max-width:400px;}
.phoneCrt label{position:absolute;left:0;top:50%;margin-top:-10px;}
.phoneCrt input[type=text]{width:100%}
.phoneCrt .btn{position:absolute;right:0;top:0;padding:10px 15px;margin:0}

.jbsInfo:after{content:"";display:block;clear:both}
.jbsInfo .jbsInfo_left{float:left;margin-right:20px}
.jbsInfo .jbsInfo_left .txt_list li{margin-bottom:3px}
.jbsInfo .jbsInfo_right{float:left;border-left:1px solid #ddd}
@media all and (max-width:670px){
    .jbsInfo .jbsInfo_right{float:none;width:100%;border-left:0;text-align:center}
}

.jbsTable th,
.jbsTable td{padding:5px;font-size:15px}

.defLineBox{padding:15px 20px;border:1px solid #ddd;background-color:#f9f9f9;line-height:20px}

.jbsThumb{margin-left:30px}
.jbsThumb:after{content:"";display:block;clear:both}
.jbsThumb .jbsT_img{float:left;margin:0 20px 0 0}
.jbsThumb .jbsT_con{overflow:hidden}
@media all and (max-width:600px){
    .jbsThumb{margin-left:0}
    .jbsThumb .jbsT_img{float:none;width:100%;margin-bottom:10px;text-align:center}
}

/* 저작권표시 */
.con_copyR{margin-top:40px;text-align:right}
.con_copyR img{margin:2px;height:45px}

/* 숲가꾸기 사업신청 진행현황 */
.fG_head{display:block;margin:30px 0 10px;font-weight:500;color:#333;line-height:24px}
.fG_head span{margin-right:10px;color:#00a591}
.forestGrow_step{padding:30px;border:1px solid #d9d9d9}
.forestGrow_step .fG_list{overflow:hidden}
.forestGrow_step .fG_list li{position:relative;float:left;margin-left:9.09%;width:27.24%}
.forestGrow_step .fG_list li:before{content:"";display:block;position:absolute;top:50%;margin-top:-20px;left:-25%;width:46px;height:39px;background:url(../images/content/icon_fG_arrow.png) no-repeat}
.forestGrow_step .fG_list li:first-child{margin-left:0}
.forestGrow_step .fG_list li .fG_step{position:relative;padding-top:21px;text-align:center}
.forestGrow_step .fG_list li .fG_step strong{position:absolute;top:0;left:50%;margin-left:-53px;display:inline-block;padding:13px 20px;border:1px solid #d8d8d8;font-size:17px;color:#666;text-align:center;font-weight:normal;background-color:#fff;border-radius:23px}
.forestGrow_step .fG_list li .fG_step .fG_icon{height:169px;background-color:#f4f7f9;border-width:1px 1px 0 1px;border-style:solid;border-color:#d8d8d8;background-position:center 60%;background-repeat:no-repeat}
.forestGrow_step .fG_list li .fG_step.icon1 .fG_icon{background-image:url(../images/content/icon_fG1.png)}
.forestGrow_step .fG_list li .fG_step.icon2 .fG_icon{background-image:url(../images/content/icon_fG2.png)}
.forestGrow_step .fG_list li .fG_step.icon3 .fG_icon{background-image:url(../images/content/icon_fG3.png)}
.forestGrow_step .fG_list li .fG_step .fG_tit{display:table;width:100%;background:#767d98;height:60px}
.forestGrow_step .fG_list li .fG_step .fG_tit span{display:table-cell;padding:0 5px;vertical-align:middle;text-align:center;color:#fff;font-size:18px;font-weight:500;word-break:keep-all;line-height:24px}

.forestGrow_step .fG_list.on1 li .fG_step.icon1 strong,
.forestGrow_step .fG_list.on2 li .fG_step.icon2 strong,
.forestGrow_step .fG_list.on3 li .fG_step.icon3 strong{background:#00a591;border-color:#00a591;color:#fff}
.forestGrow_step .fG_list.on1 li .fG_step.icon1 .fG_icon{background-image:url(../images/content/icon_fG1_ov.png)}
.forestGrow_step .fG_list.on2 li .fG_step.icon2 .fG_icon{background-image:url(../images/content/icon_fG2_ov.png)}
.forestGrow_step .fG_list.on3 li .fG_step.icon3 .fG_icon{background-image:url(../images/content/icon_fG3_ov.png)}
.forestGrow_step .fG_list.on1 li .fG_step.icon1 .fG_tit,
.forestGrow_step .fG_list.on2 li .fG_step.icon2 .fG_tit,
.forestGrow_step .fG_list.on3 li .fG_step.icon3 .fG_tit{background-color:#4f76f8}

@media all and (max-width:1260px){
    .forestGrow_step .fG_list li:before{left:-26%}
}
@media all and (max-width:860px){
    .forestGrow_step .fG_list li:before{left:-25%;margin-top:-15px;width:36px;height:31px;background-size:36px}
}
@media all and (max-width:740px){
    .forestGrow_step .fG_list li:before{left:-27%}
}
@media all and (max-width:640px){
    .forestGrow_step{padding:15px}
    .forestGrow_step .fG_list li .fG_step{padding-top:0}
    .forestGrow_step .fG_list li .fG_step strong{display:block;padding:10px 5px;position:relative;left:0;margin-left:0;border-radius:0}
    .forestGrow_step .fG_list li .fG_step .fG_icon{display:none}
    .forestGrow_step .fG_list li .fG_step .fG_icon{background-size:40%}
    .forestGrow_step .fG_list li .fG_step .fG_tit span{font-size:15px}
    .forestGrow_step .fG_list li:before{background-size:20px;width:20px;height:15px}
}
@media all and (max-width:450px){
    .forestGrow_step .fG_list li{padding-top:33px;width:100%;margin-left:0}
    .forestGrow_step .fG_list li:first-child{padding-top:0}
    .forestGrow_step .fG_list li:before{left:50%;margin-left:-10px;top:100%;margin-top:10px;transform:rotate(90deg)}
    .forestGrow_step .fG_list li .fG_step{padding-left:100px}
    .forestGrow_step .fG_list li .fG_step strong{position:absolute;left:0;top:0;width:100px;height:45px;line-height:23px;font-size:15px}
    .forestGrow_step .fG_list li .fG_step .fG_tit{height:45px}
}

.qas_list{margin:20px 0;border-top:2px solid #535a75;border-bottom:1px solid #b3b7c7}
.qas_list>li{border-top:1px solid #e5e5e9}
.qas_list>li:first-child{border-top:0}
.qas_list>li>a{position:relative;display:block;padding:15px 50px 15px 65px;transition:all .3s}
.qas_list>li>a:hover,
.qas_list>li>a.on{color:#000}
.qas_list>li>a:before{content:"";display:block;width:31px;height:31px;position:absolute;left:18px;top:50%;margin-top:-15px;background:url(../images/content/bul_qas_q.png)}
.qas_list>li>a.on:before{background:url(../images/content/bul_qas_q_on.png)}
.qas_list>li>a:after{content:"";display:block;width:16px;height:8px;position:absolute;right:26px;top:50%;margin-top:-4px;background:url(../images/content/icon_qas_arrow.png);transition:all .3s}
.qas_list>li>a.on:after{transform:rotate(180deg);background:url(../images/content/icon_qas_arrow_on.png)}
.qas_list>li>.qas_con{display:none;padding:30px 20px 30px 65px;border-top:1px solid #e5e5e9;background:#f1f4f9 url(../images/content/bul_qas_a.png) 19px 27px no-repeat}
.qas_list>li>.qas_con>a{color:#0056a6}
.qas_list>li>.qas_con>a:hover{text-decoration:underline}

@media all and (max-width:768px){
    .qas_list>li>a{padding:10px 35px 10px 55px}
    .qas_list>li>a:before{left:10px}
    .qas_list>li>a:after{right:10px}
    .qas_list>li>.qas_con{padding:15px 15px 15px 55px;background-position:10px 13px}
}

/*정보공개 제도 서식*/
.file_group{}
.file_group:after{content:'';display:block;clear:both}
.file_group .item{position:relative;float:left;width:49%;padding:25px 70px 25px 30px;margin:0 0 2% 2%;border-bottom:1px solid #bdcbdb;background-color:#f6f9fb}
.file_group .item:nth-child(odd){margin-left:0}
.file_group .item .ti{display:block;font-size:20px;line-height:110%;color:#222}
.file_group .item .sm_icon_bl{position:absolute;top:18px;right:15px}
.file_group .item .sm_icon_bl{position:absolute;top:18px;right:15px}
.file_group .item:hover .sm_icon_bl .bul_blank{background-image: url(../images/common/bul_blank_color_ov.png)}
@media (max-width:767px) {
    .file_group .item{width:100%;margin-left:0}
}
@media (max-width:639px) {
    .file_group .item .ti{font-size:17px;}
}

/*2020.02.21*/
.sv_wrap .gl_wrap { overflow:hidden; }
.b_content.vote.sm strong { padding:25px 0 10px 0; }
.b_content.vote.sm .boxTable {margin-bottom: 20px; padding:20px 25px;}
.b_content.vote.sm textarea { border:1px solid #cbcbcb; }
.b_content.vote.sm .lb label { margin-right:3px;margin-top:10px;display:block; }
.b_content.vote.sm .lb label:first-of-type { margin-top:0; }
.b_content.vote.sm .lb label:last-of-type { margin-right:0; }
.b_content.vote.sm .lb label input { margin-right:3px; }
.b_content.vote.sm .lb label:last-of-type input { margin-right:0; }
.str_wrap { padding:0 20px;overflow:hidden; }
.str_wrap .imp_st { padding:0 7px; }
.board_view .b_content.vote.sm { border-bottom:0; }
@media(max-width:767px){
	.b_content.vote.sm strong { font-size:17px; }
	
}

.numSquare{display:inline-block;margin-right:5px;width:25px;height:25px;line-height:25px;color:#fff;background:#2b5bd5;text-align:center;font-size:16px;border-radius:3px}
.jb_agree label:first-child {margin-right:20px;}





/* k 포레스트 상세추진계획*/
.work_load_view .work_box.kforest01>strong { color:#fff; border-bottom: 1px solid #6cbfa5;}
.work_load_view .work_box.kforest02>strong { color:#000; border-bottom: 1px solid #b4b7b9;}
.work_load_view .work_box.kforest03>strong { color:#000; border-bottom: 1px solid #b4b7b9;}
.work_load_view .work_box.kforest04>strong { color:#fff; border-bottom: 1px solid #6cbfa5;}

.work_load_view .work_box.kforest02>p { width: 88%; }
.work_load_view .work_box.kforest01>ul>li { padding: 3px 0;padding-left: 20px; position: relative;color:#fff;}
.work_load_view .work_box.kforest02>ul>li { padding: 3px 0;padding-left: 20px; position: relative;color:#000;}
.work_load_view .work_box.kforest03>ul>li { padding: 3px 0;padding-left: 20px; position: relative;color:#000;}
.work_load_view .work_box.kforest04>ul>li { padding: 3px 0;padding-left: 20px; position: relative;font-size:18px;color:#fff;}
.work_load_view .work_box.kforest01>ul>li:before { content: "";display: block; width: 8px;height: 4px; background: #fff; position: absolute; left: 0; top: 16px; }
.work_load_view .work_box.kforest02>ul>li:before { content: "";display: block; width: 8px;height: 4px; background: #2ca47e; position: absolute; left: 0; top: 16px; }
.work_load_view .work_box.kforest03>ul>li:before { content: "";display: block; width: 8px;height: 4px; background: #2ca47e; position: absolute; left: 0; top: 16px; }
.work_load_view .work_box.kforest04>ul>li:before { content: "";display: block; width: 8px;height: 4px; background: #fff; position: absolute; left: 0; top: 16px; }

.work_load_view .work_box.box01 { background:#2ca47e  url(../images/content/work_load_img01.png) 94% 125% no-repeat; }
.work_load_view .work_box.box02 { background:#ecf0f4  url(../images/content/work_load_img02.png) 91% 91% no-repeat; }
.work_load_view .work_box.box03 { background:#ecf0f4  url(../images/content/work_load_img03.png) 94% 84% no-repeat; }
.work_load_view .work_box.box04 { background:#2ca47e  url(../images/content/work_load_img04.png) 88% 91% no-repeat; }

.work_box.kforest02.last_box strong{ font-size: 24px; }
.work_box.kforest02.last_box strong b { font-size: 32px; }
.work_box.kforest02.last_box strong b.f_text { color:#2ca47e; }
.work_box.kforest02.last_box strong b.s_text { color:#4a60b0; }
.work_box.kforest02.last_box strong { padding-bottom: 0; border-bottom: 0; }

.forest .work_load_view.forest_01 .work_box.kforest01 { background: #2ca47e url(../images/content/kf_planImg01.png) 94% 102% no-repeat; }
.forest .work_load_view.forest_01 .work_box.kforest02 { background: #ecf0f4 url(../images/content/kf_planImg02.png) 94% 102% no-repeat; }

.forest .work_load_view.forest_02 .work_box.kforest03 { background: #ecf0f4 url(../images/content/kf_planImg03.png) 94% 108% no-repeat; }
.forest .work_load_view.forest_02 .work_box.kforest04 { background: #2ca47e url(../images/content/kf_planImg04.png) 94% 101% no-repeat; }
.forest .work_load_view.forest_03 .work_box.kforest01 { background: #2ca47e url(../images/content/kf_planImg05.png) 100% 106% no-repeat; }
.forest .work_load_view.forest_03 .work_box.kforest02.last_box { background: #ecf0f4 url(../images/content/kf_planImg06.png) 100% 110% no-repeat;min-height: 317px; }


#back{position: absolute;z-index : 100;background-color:#000000;display:none;left:0;top:0;}

#loadingBar{position: absolute;left:50%;top:40%;display:none;z-index:200;}




/*************************
찾아오시는길
*************************/
.tbl_map a{text-decoration:none;margin-right:10px;}
.tbl_map{width:100%;table-layout:fixed;border-collapse:collapse;border-top:2px solid #00c386;line-height:20px;margin-top:20px;}
.tbl_map th{background:#f9f9f9;color:#323232;font-weight:500;text-align:center;}
.tbl_map td{color:#444;word-break:break-all;text-align:left;line-height:32px;}
.tbl_map th, .tbl_map td{padding:15px 20px;border:1px solid #a3a3a3}
.tbl_map thead th{background:#f2f5f8;color:#222;text-align:center;}
.tbl_map thead th[rowspan]{border-left-width:1px}
/*.tbl_map thead th[rowspan]:first-child{border-left-width:0}*/
.tbl_map tfoot th, .tbl_map tfoot td{background-color:#f3f4f6;color:#000}
.tbl_map tbody th{color:#222}
.tbl_map tfoot th, .tbl_map tfoot td{border-bottom:1px solid #a3a3a3}
.tbl_map tfoot td{border-left:1px solid #a3a3a3}
.tbl_map tfoot td:first-child{border-left-width:0}
span.chiefht{position:fixed;top:-100px;left:-100px;width:1px;height:1px;overflow:hidden;color:#000;background:#fff}/* 접근성으로 인한 display:none 작성 금지 */



/*************************
개인정보처리방침 추가 20220914
*************************/
.per_info_box{margin-bottom:20px;padding:15px;border:1px solid #ccc;}
h4.per {margin:50px 0 15px 0;text-align:center;background:none;padding:0;}
.per_label_wrap ul{margin: 30px auto;width: 100%;}
.per_label_wrap ul:after{clear:both;display:block;content:"";}
.per_label_wrap ul li{width:20%;height: 160px;box-sizing:border-box;padding:20px;border-radius:10px;border:1px solid #ddd;background:#fff;position:relative;float: left;text-align: center;vertical-align: middle;box-shadow: 5px 5px #eee;}
.per_label_wrap ul li:nth-child(2){margin:0 5%;}
.per_label_wrap ul li:nth-child(3){margin:0 5% 0 0;}
.per_label_wrap ul li p.label_txt{font-size:14px;margin-top:20px;font-weight:300;line-height:18px;}
.per_list{border:1px solid #ccc;padding:20px;float:none;position:relative;border-radius:10px;width: 100%;margin: auto;}
.per_list ul{width: 100%;margin: 0 auto;display:flex;flex-flow:row wrap;justify-content:space-between}
.per_list ul li{width: 40%;margin-bottom: 20px;position:relative;box-sizing:border-box;line-height: 42px;}
.per_list ul li:nth-child(odd){width:60%;}
.per_list ul li a{padding-left: 32px;/* height: 50px; */font-size:17px;display: block;/* letter-spacing: -1px; */line-height:32px;}
.per_list ul li a.i01{background: url(../images/content/per_h4_01.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i02{background: url(../images/content/per_h4_02.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i03{background: url(../images/content/per_h4_03.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i04{background: url(../images/content/per_h4_04.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i05{background: url(../images/content/per_h4_05.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i06{background: url(../images/content/per_h4_06.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i07{background: url(../images/content/per_h4_07.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i08{background: url(../images/content/per_h4_08.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i09{background: url(../images/content/per_h4_09.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i10{background: url(../images/content/per_h4_10.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i11{background: url(../images/content/per_h4_11.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i12{background: url(../images/content/per_h4_12.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i13{background: url(../images/content/per_h4_13.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i14{background: url(../images/content/per_h4_14.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i15{background: url(../images/content/per_h4_15.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i16{background: url(../images/content/per_h4_16.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i17{background: url(../images/content/per_h4_17.jpg) left center no-repeat;background-size: 25px;}
.per_list ul li a.i18{background: url(../images/content/per_h4_18.jpg) left center no-repeat;background-size: 25px;}

#per01 {padding-left: 35px;display: block;background: url(../images/content/per_h4_01.jpg) left center no-repeat;background-size: 30px;}
#per02 {padding-left: 35px;display: block;background: url(../images/content/per_h4_02.jpg) left center no-repeat;background-size: 30px;}
#per03 {padding-left: 35px;display: block;background: url(../images/content/per_h4_03.jpg) left center no-repeat;background-size: 30px;}
#per04 {padding-left: 35px;display: block;background: url(../images/content/per_h4_04.jpg) left center no-repeat;background-size: 30px;}
#per05 {padding-left: 35px;display: block;background: url(../images/content/per_h4_05.jpg) left center no-repeat;background-size: 30px;}
#per06 {padding-left: 35px;display: block;background: url(../images/content/per_h4_06.jpg) left center no-repeat;background-size: 30px;}
#per07 {padding-left: 35px;display: block;background: url(../images/content/per_h4_07.jpg) left center no-repeat;background-size: 30px;}
#per08 {padding-left: 35px;display: block;background: url(../images/content/per_h4_08.jpg) left center no-repeat;background-size: 30px;}
#per09 {padding-left: 35px;display: block;background: url(../images/content/per_h4_09.jpg) left center no-repeat;background-size: 30px;}
#per10 {padding-left: 35px;display: block;background: url(../images/content/per_h4_10.jpg) left center no-repeat;background-size: 30px;}
#per11 {padding-left: 35px;display: block;background: url(../images/content/per_h4_11.jpg) left center no-repeat;background-size: 30px;}
#per12 {padding-left: 35px;display: block;background: url(../images/content/per_h4_12.jpg) left center no-repeat;background-size: 30px;}
#per13 {padding-left: 35px;display: block;background: url(../images/content/per_h4_13.jpg) left center no-repeat;background-size: 30px;}
#per14 {padding-left: 35px;display: block;background: url(../images/content/per_h4_14.jpg) left center no-repeat;background-size: 30px;}
#per15 {padding-left: 35px;display: block;background: url(../images/content/per_h4_15.jpg) left center no-repeat;background-size: 30px;}
#per16 {padding-left: 35px;display: block;background: url(../images/content/per_h4_16.jpg) left center no-repeat;background-size: 30px;}


@media (max-width:1024px) {
.per_list ul li{width: 100%;margin-bottom:20px;}
.per_list ul li:nth-child(odd){width:100%;}
.per_label_wrap ul li {padding:20px 10px;}
}


/*************************
저작권정책
*************************/
.tbl_open a{text-decoration:none;margin-right:10px;}
.tbl_open{width:100%;table-layout:fixed;border-collapse:collapse;border-top:2px solid #00c386;line-height:20px;margin:20px 0;}
.tbl_open th{background:#f9f9f9;color:#323232;font-weight:500;text-align:center;}
.tbl_open td{color:#444;word-break:break-all;text-align:center;line-height:32px;}
.tbl_open td img{margin:10px 0}
.tbl_open th, .tbl_open td{padding:15px 20px;border:1px solid #a3a3a3}
.tbl_open th{background:#f2f5f8;color:#222;text-align:center;}

.red_box {padding: 0px 3px;background:#bccef8;border:1px solid #97b3f4;font-size: 15px;line-height: 24px !important;margin-left:5px;border-radius:3px;}
.blue_box {padding: 0px 3px;background:#ffd4b2;border:1px solid #ffc291;font-size: 15px;line-height: 24px !important;margin-left:5px;border-radius:3px;}




/****************************
동서트레일 설문조사
****************************/
.voteimg{max-width: 1008px;margin: 30px auto 0;position: relative;display:block;text-align:center;width: 100%;/* float: left; *//* height: 100%; */}
.voteimg .votegrid{margin: 0 auto;float: left;}
.voteimg .votegrid li:last-child{margin:0}
.voteimg .votegrid li {float: left;width: 320px;margin-right: 23px;}
.voteimg .votegrid li .votecon {background: #fff;border: 1px solid #aaa;padding-bottom: 5px;}
.voteimg .votegrid li > p {font-size: 15px;line-height: 21px;padding: 10px 10px 0 10px;color:#666;}


@media (max-width:1280px) {
.voteimg .votegrid {float:none;}
.voteimg .votegrid li {float:none;display:block;margin:20px auto;}
.voteimg .votegrid li:last-child{margin:20px auto}
.board_view .b_content.vote.sm {width:100%;}
.b_content.vote.sm .boxTable {padding:15px;}
}





/**************************
글자크기조정안내
**************************/
.txtConWrap{margin-top:25px;border: 1px solid #ddd;}
.txtConWrap:after{content:'';display:block;clear:both;}
.txtConWrap .titArea{float:left;width: 450px;padding: 20px;}
.txtConWrap .titArea dt{position:relative;padding-top:70px;font-size:20px;color:#111111;}
.txtConWrap .titArea dt:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:51px;background:url('/images/common/ico_fs6.png') no-repeat top left;}
.txtConWrap .titArea.ico1 dt:before{background-image:url(../images/content/ico_cr.png);} 
.txtConWrap .titArea.ico2 dt:before{background-image:url(../images/content/ico_eg.png);}
.txtConWrap .titArea.ico3 dt:before{background-image:url(../images/content/ico_fx.png);}
.txtConWrap .titArea.ico4 dt:before{background-image:url(../images/content/ico_sf.png);}
.txtConWrap .titArea.ico5 dt:before{background-image:url(../images/content/ico_ie.png);}
.txtConWrap .titArea dd{position:relative;margin-top:20px;padding-top:20px;}
.txtConWrap .titArea dd:before{display:block;content:'';position:absolute;top:0;left:0;width:50px;height:1px;background:#5d92af;}
.txtConWrap .imgArea{float:right;margin-right:0;margin-bottom:0;}




/**************************
이야기가 있는 보호수
**************************/
.story_wrap{position:relative;width:100%;clear:both;content:"";display:block;float:left;border-bottom:1px solid #ccc;padding:20px 0;}
.story_wrap:last-child{border:none}
.story_wrap .story_img{float:left;width:55%;}
.story_wrap .story_con{float:right;width: 45%;}

.story_mapWrap{position:relative;overflow: hidden;}
.story_mapWrap .story_map{float: left;width: 45%;border-radius:15px;border:1px solid #ccc;padding: 1% 0 0 1%;height: 100%;margin: 0 2% 2% 0;}
.story_mapWrap .story_mapbg {background: url('/kfs/images/data/down/bohosu/story_map_bg.jpg') no-repeat top right;float: right;top: 0;right:0;width: 50%;height: 590px;/* background-size: 90%; */margin: 0;padding: 0;position: relative;max-height: 600px;}
.story_mapWrap .story_mapbg a{padding: 20px 0;position:absolute;display:block;line-height:120%;text-align:center;font-weight:500;font-size:18px;border-radius:100%;color:#fff;}
.story_mapWrap .story_mapbg a.map_1{width: 100px;height: 100px;top: 115px;right: 230px;background:#033b88;}
.story_mapWrap .story_mapbg a.map_2{width: 90px;height: 90px;top: 90px;right: 120px;background:#860388;}
.story_mapWrap .story_mapbg a.map_3{width: 100px;height: 100px;top: 240px;right: 250px;background:#03880f;}
.story_mapWrap .story_mapbg a.map_4{width: 100px;height: 100px;top: 360px;right: 250px;background:#037488;}
.story_mapWrap .story_mapbg a.map_5{width:110px;height:110px;top: 300px;right: 100px;background:#886403;}
.story_mapWrap .story_mapbg a.map_6{width: 70px;height: 70px;bottom: 0px;right: 330px;background:#b42701;}





.story_tbl{width:100%;table-layout:fixed;border-collapse:collapse;border-top:2px solid #00c386;line-height:20px;}
.story_tbl th{background:#f9f9f9;color:#323232;font-weight:500;font-size:16px}
.story_tbl td{color:#444;word-break:break-all;line-height:17px;font-size:15px}
.story_tbl td span{color:#0066ff;font-weight:500;}
.story_tbl th, .story_tbl td{padding:5px;text-align:center;border:1px solid #a3a3a3}
.story_tbl thead th{background:#f2f5f8;color:#222}
.story_tbl thead th[rowspan]{border-left-width:1px}	
.story_tbl tfoot th, .story_tbl tfoot td{background-color:#f3f4f6;color:#000}
.story_tbl tbody th{color:#222}



@media (max-width:1024px) {
.story_mapWrap .story_mapbg a{padding: 20px 0;position:absolute;display:block;line-height:120%;text-align:center;font-weight:500;font-size:18px;border-radius:100%;color:#fff;}
.story_mapWrap .story_mapbg a.map_1{width: 100px;height: 100px;top: 115px;right: 230px;background:#033b88;}
.story_mapWrap .story_mapbg a.map_2{width: 90px;height: 90px;top: 90px;right: 120px;background:#860388;}
.story_mapWrap .story_mapbg a.map_3{width: 100px;height: 100px;top: 240px;right: 250px;background:#03880f;}
.story_mapWrap .story_mapbg a.map_4{width: 100px;height: 100px;top: 360px;right: 250px;background:#037488;}
.story_mapWrap .story_mapbg a.map_5{width:110px;height:110px;top: 300px;right: 100px;background:#886403;}
.story_mapWrap .story_mapbg a.map_6{width: 70px;height: 70px;bottom: 0px;right: 330px;background:#b42701;}

}

@media all and (max-width:786px) {
.story_wrap .story_img{width:100%;}
.story_wrap .story_con{width:100%;}
.story_mapWrap .story_map{width: 45%}
.story_mapWrap .story_mapbg {background-size:90%;width: 50%;height: 460px;margin: 0;padding: 0;position: relative;max-height: 600px;}
.story_mapWrap .story_mapbg a.map_1{width: 80px;height: 80px;top: 115px;right: 180px;background:#033b88;}
.story_mapWrap .story_mapbg a.map_2{width: 70px;height: 70px;top: 70px;right: 100px;background:#860388;}
.story_mapWrap .story_mapbg a.map_3{width: 80px;height: 80px;top: 200px;right: 180px;background:#03880f;}
.story_mapWrap .story_mapbg a.map_4{width: 80px;height: 80px;top: 280px;right: 190px;background:#037488;}
.story_mapWrap .story_mapbg a.map_5{width:90px;height:90px;top: 250px;right: 60px;background:#886403;}
.story_mapWrap .story_mapbg a.map_6{width: 70px;height: 70px;bottom: 0px;right: 230px;background:#b42701;}


}



@media all and (max-width:680px) {
.story_wrap .story_img{width:100%;}
.story_wrap .story_con{width:100%;}
.story_mapWrap .story_map{display:none;width:100%;}
.story_mapWrap .story_mapbg {background:none;width:100%;}
.story_mapWrap .story_mapbg a.map_1,.story_mapWrap .story_mapbg a.map_2,.story_mapWrap .story_mapbg a.map_3,.story_mapWrap .story_mapbg a.map_4,.story_mapWrap .story_mapbg a.map_5,.story_mapWrap .story_mapbg a.map_6{width:100%;border-radius: 10px;top: 0;right: 0;height: 60px;padding: 5px;position: relative;margin: 5px 0;}
}