@import url('sub.css');



#container{margin: 0 auto;padding: 0 0 5rem; position: relative;}
#container:after{content: "";display: block;clear: both;}
.subvisual_wrap {width: 100%; max-width:1920px; height: 252px; margin: auto; position: relative;background-image:linear-gradient(45deg, var(--color-blue), var(--color-green)); background-size: cover; background-repeat:no-repeat; background-position:center; z-index: -1; }
.subvisual_wrap.sub01 {background-image:url('../../img/renewal/contents/subvisual01.jpg');}
.subvisual_wrap.sub02 {background-image:url('../../img/renewal/contents/subvisual02.jpg');}
.subvisual_wrap.sub03 {background-image:url('../../img/renewal/contents/subvisual03.jpg');}
.subvisual_wrap.sub04 {background-image:url('../../img/renewal/contents/subvisual04.jpg');}
.subvisual_wrap.sub05 {background-image:url('../../img/renewal/contents/subvisual05.jpg');}
.subvisual_wrap.sub06 {background-image:url('../../img/renewal/contents/subvisual06.jpg');}
.subvisual_wrap.subetc { background-image:url('../../img/renewal/contents/subvisual07.jpg'); }
.subvisual_wrap .sub_title {max-width: 100%; font-size: 46px; font-weight: 600; color: #fff; position: absolute; left: 50%; top:4rem; transform: translateX(-50%);}

.lnb_wrap {width: 1400px; margin: -60px auto 0; background: #fff;}
.lnb_wrap .lnb {display: flex; box-sizing: border-box; padding: 0 1rem;}
.lnb_wrap .lnb > li {width: 200px; position: relative;}
.lnb_wrap .lnb > li:last-child {width: 280px;}
.lnb_wrap .lnb > li:after {content:''; width: 1px; height: 1rem; background: #333; opacity: 0.2; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.lnb_wrap .lnb > li.home {width: 60px; height: 60px; text-align: center; line-height: 60px;}
.lnb_wrap .lnb > li > a {display: block; box-sizing: border-box; padding: 0 1.125rem;  font-size: 1.125rem; color: #333; font-weight: 600; line-height: 60px; color: inherit;letter-spacing:-1px;}
.lnb_wrap .lnb > li.depth-last > a {background: url('../../img/renewal/contents/ico-lnb-arrow-down.png') 90% center no-repeat;}
.lnb_wrap .lnb > li.active > a {color: var(--color-blue); background-image: url('../../img/renewal/contents/ico-lnb-arrow-up.png'); }
.lnb_wrap .lnb .depth-in {display: none;position: absolute; left: 0; top: 60px; width: 100%; border-top: 1px solid var(--color-blue); background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 10;}
.lnb_wrap .lnb .depth-in li a {display: block; padding: 0.5rem 1rem 0.5rem 0.5rem;}
.lnb_wrap .lnb .depth-in li a:hover {color: var(--color-blue);}


/* 나중에 주석처리 (확인위해 남겨둠) */
.sidebar{float: left;width: 300px;height: 100%;}
.sidebar_title{display: table-cell;width: 1%;height: 170px;padding: 0 10px;background-color: #0278dc;background-image: url(/resources/user/kcesi/img/common/bg_sidebar_title.png);background-position: bottom right;background-repeat: no-repeat;font-size: 28px;color: #fff;font-weight: 600;text-align: center;vertical-align: middle;}
#lnb a {position: relative;display: block;}
#lnb > ul > li {border: 1px solid #ddd;border-top: 0;}
#lnb > ul > li > a{padding: 17px 32px 17px 30px;color: #333;font-size: 18px;line-height: 25px;box-sizing: border-box;}
#lnb > ul > li > a[target="_blank"]:after{content: "";display: inline-block;width: 16px;height: 16px;margin-left: 10px;background-image: url(/resources/user/kcesi/img/common/icon_lnb_blank.png);background-repeat: no-repeat;vertical-align: -1px;}
#lnb > ul > li.on > a{color: #0278dc;border: 1px solid #0278dc;font-weight: 600;}
#lnb > ul > li.collapse > a{transition-duration: 0.3s;-webkit-transition-duration: 0.3s;}
#lnb > ul > li.collapse > a:before{content: "";display: inline-block;position: absolute;top: 50%;right: 20px;width: 12px;height: 2px;margin-top: -1px;background-color: #bbb;}
#lnb > ul > li.collapse > a:after{content: "";display: inline-block;position: absolute;top: 50%;right: 25px;width: 2px;height: 12px;margin-top: -6px;background-color: #bbb;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;}
#lnb > ul > li.collapse.on > a:before, #lnb > ul > li.collapse.on > a:after {background-color: #0278dc;}
#lnb > ul > li.collapse.on > a:after{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
#lnb > ul > li > ul {display: none;padding: 15px 15px 15px 30px;background-color: #fff;}
#lnb > ul > li > ul > li > a{position: relative;padding: 0 0 0 15px;font-size: 16px;color: #666;line-height: 30px;}
#lnb > ul > li > ul > li > a:before{content: "";position: absolute;left: 0;top: 15px;display: block;width: 4px;height: 4px;background-color: #e9e9e9;border-radius: 50%;}
#lnb > ul > li > ul > li > a[target="_blank"]:after{content: "";display: inline-block;width: 16px;height: 16px;margin-left: 10px;background-image: url(/resources/user/kcesi/img/common/icon_lnb_blank.png);background-repeat: no-repeat;vertical-align: -2px;}
#lnb > ul > li > ul > li.on > a{color: #333;font-weight: 500;text-decoration: underline;}
#lnb > ul > li > ul > li.on > a:before{background-color: #333;}
#lnb > ul > li > ul > li > a:hover{color: #333;}
#contents{min-height: 400px; padding-top: 5rem;}
.page_navigation {margin: 50px 0 60px;line-height: 1;}
.page_navigation li {display: inline-block;margin-right: 15px;padding-right: 21px;background-image: url(/resources/user/kcesi/img/common/arr_navigation.png);background-position: right center;background-size: 4px 6px;background-repeat: no-repeat;font-size: 14px;color: #666;}
.page_navigation li:last-child {background: none;margin-right: 0;padding-right: 0;font-weight: 600;color: #333;}
/* 나중에 주석처리 end */

.page_title{margin-bottom: 5rem;box-sizing: border-box; position: relative; text-align: center;}
.page_title > h4{font-size: 42px;color: #333;font-weight: 600;line-height: 1;}
.print{ position: absolute; right: 0; top: 0; width: 60px; height: 60px; box-sizing: border-box; background: #eee; overflow: hidden;white-space: nowrap;transition: .3s;-webkit-transition: .3s;}
.print img {display: block; text-align: center; margin: 1.125rem auto;}
.print:hover, .print:focus{background: var(--color-green); }
.print:hover img, .print:focus img {filter:brightness(5);}

.pattern_box{padding: 8px; background: var(--color-lightbl); border: 2px solid #ddedfd; box-sizing: border-box; }
.pattern_box_inner{display: table;width: 100%; padding: 40px 50px;box-sizing: border-box;}
.pattern_box .icon{display: table-cell; display: none; width: 90px;height: 90px;padding-right: 40px;vertical-align: middle;}
.pattern_box .icon img{width: 90px;height: 90px;}
.pattern_box .txt{display: table-cell;width: calc(100% - 130px);vertical-align: middle;}
.pattern_box .txt strong{display: block;font-size: 28px;color: #333;font-weight: 600;line-height: 1.4;word-break: keep-all;}
.pattern_box .txt p{margin-top: 15px;font-size: 18px;color: #666;line-height: 1.5;word-break: keep-all;}
.pattern_box .txt p + .btn_group{margin-top: 25px;}

/* 만족도조사 */
#satisfy{clear: both;padding-top: 6.25rem;}
.satisfy_inner{background-color: #fff;border: 1px solid #ddd; border-top: 2px solid var(--color-blue); box-sizing: border-box;}
.satisfy_bottom{padding: 18px 60px;background-color: var(--color-lightbl); box-sizing: border-box;}
.satisfy_bottom ul {display: flex; justify-content: flex-end;}
.satisfy_bottom ul li{background-position: center left;background-repeat: no-repeat;font-size: 16px;color: #333;font-weight: 600;}
.satisfy_bottom ul li.part{padding-left: 25px;background-image: url(/resources/user/kcesi/img/common/icon_part.png);}
.satisfy_bottom ul li.admin{padding-left: 22px;background-image: url(/resources/user/kcesi/img/common/icon_admin.png);}
.satisfy_bottom ul li.call{padding-left: 22px;background-image: url(/resources/user/kcesi/img/common/icon_call.png);}
.satisfy_bottom ul li + li{margin-left: 60px;}
.satisfy_bottom ul li span{margin-left: 17px;color: #666;font-weight: 400;}
.satisfy_body{padding: 40px 3rem;}
.satisfy_body:after{content: "";display: block;clear: both;}
.satisfy_body div.txt{float: left; padding-left: 4.5rem; position: relative;}
.satisfy_body div.txt:before {content:''; width: 48px; height: 47px; background: url('../../img/renewal/contents/ico-satisfy.png') center no-repeat; position: absolute; left: 0; top: 2px;}
.satisfy_body div.txt strong{font-size: 22px;color: #111; line-height: 1;}
.satisfy_body div.txt p{margin-top: 5px;font-size: 16px;color: #777;word-break: keep-all;}
.satisfy_score{float: right;}
.satisfy_score:after{content: "";display: block;clear: both;}
.satisfy_score ul{float: left;margin-top: 14px;margin-right: 60px;}
.satisfy_score ul li{float: left;text-align: left;}
.satisfy_score ul li + li{margin-left: 40px;}
.satisfy_score ul li input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: 0;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.satisfy_score ul li input[type="radio"]:focus {border:5px solid #000;}
.satisfy_score ul li input[type="radio"] + label {display: inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;font-size: 16px;color: #333;padding-left: 26px;}
.satisfy_score ul li input[type="radio"] + label:before{content: " ";display: block;position: absolute;left: 0;top: 4px;width: 18px;height: 18px;background-color: #fff;border: 1px solid #bbb;border-radius: 50%;box-sizing: border-box;text-align: center;vertical-align: middle;}
.satisfy_score ul li input[type="radio"] + label:after{content: " ";position: absolute;left: 0;top: 4px;width: 18px;height: 18px;background-image: url(/resources/user/kcesi/img/common/radio.png);background-position: center;background-repeat: no-repeat;}
.satisfy_score ul li input[type="radio"]:checked + label:before {background-color: var(--color-blue); border-color: var(--color-blue);}
.satisfy_score ul li input[type="radio"]:focus + label:before {content: ""; outline: 2px solid #000;} /* 20220624 : 추가 */
.btn_satisfy{float: left;padding: 11px 30px;background-color: #333;font-size: 20px;color: #fff;font-weight: 600;}

/* btn */
.btn_group{position: relative;text-align: center;font-size: 0;}
.btn_group:after{content: "";display: block;clear: both;}
.btn{display: inline-block;padding: 7px 15px;border: 1px solid transparent;box-sizing: border-box;font-size: 16px;font-weight: 400;text-align: center;cursor: pointer;transition: .3s;-webkit-transition: .3s;}
.btn + .btn{margin-left: 12px;}
.btn_xxs{padding: 2px 8px;font-size: 12px;}
.btn_xs{padding: 4px 10px;font-size: 14px;}
.btn_sm{padding: 0.75rem 2.25rem; font-size: 17px; line-height: 1.5;}
.btn_md{padding: 8px 20px;font-size: 16px;line-height: 1.5 ;}
.btn_lg{padding: 15px 43px;font-size: 20px;line-height: 1.6;}
.btn_bg01{background-color: #333;border: 1px solid #333;color: #fff;}
.btn_bg02{background-color: var(--color-blue);border: 1px solid var(--color-blue);color: #fff;}
.btn_bg03{background-color: #fff;border: 1px solid #ccc !important;color: #333;}
.btn_down{color: #fff;background: var(--color-blue); border-radius: 4rem; font-weight: 500; margin-top: 0.5rem;}
.btn_down i.icon{display: inline-block;width: 31px;height: 23px;margin-right: 9px;background: url(/resources/user/kcesi/img/renewal/contents/ico-download-wh.png);background-repeat: no-repeat;vertical-align: middle; margin-top: -2px;}
.btn_down:hover, .btn_down:focus{border-color: #333;}
.btn_link{background-color: #fff;border: 1px solid #ddd;color: #333;border-radius:4rem;}
.btn_link i.icon{display: inline-block;width: 16px;height: 16px;margin-right: 8px;background-image: url(/resources/user/kcesi/img/contents/icon_link.png);background-repeat: no-repeat;vertical-align: -2px;}
.btn_link:hover, .btn_link:focus{border-color: #333;}
.btn_link img {display: inline-block; margin-left: 5px; vertical-align: middle; margin-top: -3px;}
.btn_arr{background: linear-gradient(45deg, var(--color-blue), var(--color-green)); color: #fff; border-radius: 3rem; transition:0.2s all linear;}
.btn_arr i.icon{display: inline-block;width: 7px;height: 11px;margin-left: 16px;background-image: url(/resources/user/kcesi/img/renewal/main/btn-arrow-wh.png);background-repeat: no-repeat;vertical-align: 0;}
.btn_arr:hover, .btn_arr:focus{background:linear-gradient(45deg, var(--color-green), var(--color-blue)); transition:0.2s all linear;}

/*  */
.icon-phone {display: inline-block;width: 22px;height: 22px;margin-right: 8px;background-image: url(/resources/user/kcesi/img/renewal/contents/icon-phone.png);background-repeat: no-repeat;vertical-align: text-bottom;}
a.tel_link {display:inline-block; text-decoration: underline; font-weight:500}

/* 게시판 btn */
.btn_board_group{position: relative;margin-top: 40px;text-align: right;font-size: 0;}
.btn_board_group:after{content: "";display: block;clear: both;}
.btn_board_group a, .btn_board_group button{display: inline-block;width: 100px;height: 50px;line-height: 50px; padding: 0;border: 1px solid transparent;box-sizing: border-box;font-size: 18px;font-weight: 600;text-align: center;cursor: pointer;transition: .3s;-webkit-transition: .3s;}
.btn_board_group a + a, .btn_board_group button + button{margin-left: 20px;}

/* snb */
.snb{margin-top: 60px;}
.btn_snb{display: none;position: relative;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;min-height: 50px;box-sizing: border-box;padding: 10px 40px 10px 20px;background-color: #35383d;background-image: url(/resources/user/kcesi/img/contents/arr_snb.png);background-size: 16px 9px;background-position: calc(100% - 20px) center;background-repeat: no-repeat;box-shadow: 4px 6.928px 20px 0px rgba(0, 0, 0, 0.1);font-size: 16px;color: #fff;font-weight: 600;text-align: left;}
.snb_list{display: -webkit-box;display: -ms-flexbox;display: flex;flex-flow: row wrap;}
.snb_list > li{min-height: 60px;margin-bottom: -1px;}
.snb_list > li > a{display: -webkit-box;display: -ms-flexbox;display: flex;/* flex-wrap: wrap; */-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100%;margin-left: -1px;padding: 20px 25px;box-sizing: border-box;line-height: 1.3;background: #eee;font-size: 1.125rem;color: #333;letter-spacing: -1px;word-break: keep-all;text-align: center;}
.snb_list > li.on > a{position: relative;background-color: var(--color-blue);box-shadow: 4px 6.928px 20px 0px rgba(0, 0, 0, 0.1);color: #fff;font-weight: 600;}
.snb_list.snb_cell2 > li{flex: 0 0 50%;}
.snb_list.snb_cell3 > li{flex: 0 0 33.3%;}
.snb_list.snb_cell4 > li{flex: 0 0 25%;}
.snb_list.snb_cell5 > li{flex: 0 0 20%;}

/* text style */
.tit_style01{position: relative;margin-bottom: 1rem;font-size: 28px;color:#333; margin-top: 5rem;}
/*.tit_style01:before{content: "";position: absolute;left: 0;top: 13px;display: block;width: 30px;height: 24px;background-image: url(/resources/user/kcesi/img/contents/icon_tit_style01.png);background-repeat: no-repeat;}*/
.tit_style02{font-size: 20px;color:#333;font-weight: 600;word-break: keep-all;}
.txt_style01{margin: 0 0 20px;font-size: 1.125rem;color:#333;font-weight: 400;line-height: 1.6;word-break: keep-all;}
.txt_style02{margin: 0 0 25px;font-size: 1.125rem;color:#333;font-weight: 400;line-height: 1.6;word-break: keep-all;}
.txt_style03{margin: 0 0 25px;font-size: 1.125rem;color:#666 !important;font-weight: 400;line-height: 24px !important;word-break: keep-all;}
.tit_style02 + .txt_style02{margin-top: 10px;}
.snb + .tit_style01{margin-top: 5rem;}
.snb + .board_header{margin-top: 30px;}
.pattern_box + .tit_style01{margin-top: 2rem;}
.pattern_box + .board_header{margin-top: 30px;}
.tit_style01 + .dl_style01{margin-top: 2rem;}
.txt_style01 + .dl_style01{margin-top: 2rem;}
.txt_style01 + .tit_style02{margin-top: 2rem;}
.pattern_box + .snb{margin-top: 5rem;}

/* 20220516 start */
.dl_style01 {}
.dl_style01 dt{margin-top: 2.75rem;margin-bottom: 1rem;font-size: 20px; line-height: 1;font-weight: 600;word-break: keep-all;}
.dl_style01 dt.bsn_dt{margin-bottom: 0; font-size: 18px; line-height: 1.333;}
.dl_style01 dt.bsn_dt span{font-size: 14px; font-weight: 400;}
.dl_style01 dt:first-child{margin-top: 0;}
.dl_style01 dd{position: relative;padding-left: 1.25rem;font-size: 18px;color: #333;line-height: 26px;font-weight: 400;word-break: keep-all;}
.dl_style01 dd:before{content: " ";position: absolute;top: 8px;left: 0;width: 9px;height: 9px;background-color: var(--color-blue);}
dd>.list_style03 + .dl_style01 dd:before{display: none;}
.dl_style01 dd + dd{margin: 5px 0;}
.dl_style01 dd.dot_none{padding-left: 0;}
.dl_style01 dd.dot_none:before{display: none;}
.dl_style01 dd.txt_style02{padding-left: 0;line-height: 28px;}
.dl_style01 dd.txt_style02:before{display: none;}
.list_style01{}
.list_style01 > li, .list_dot01, .list_style03 > li{position: relative;padding-left: 1.375rem;font-size: 18px; font-weight: 400; line-height:26px; word-break: keep-all;}
.list_style01 > li + li, .list_dot01, .list_style03 > li + li {margin-top: 8px;}
.list_style01 > li:before, .list_dot01:before, .list_style03 > li:before{content: " ";position: absolute;top:8px;left: 0;width: 10px;height: 10px;background-color: var(--color-blue);}
.list_style01 > li.dot_none:before{display: none;}
.list_style02, .list_dot02{margin: 1rem 0;}
.list_style02 > li, .list_dot02 > span{position: relative;display: block;padding-left: 12px;font-size: 16px;color: #666;line-height: inherit;word-break: keep-all;}
.list_style02 > li:before, .list_dot02 > span:before{content: "";position: absolute;top: 11px;left: 0;width: 4px;height: 2px;background-color: #aaa;}
.list_style03 > li{margin-bottom: 10px; padding-left: 8px;}
.list_style03 > li:before{top: 8px; background-color: #ddd;}
.list_style_number {counter-reset:list-number; margin-top:6px;}
.dl_style01 dd .list_style_number:first-child {margin-top:0;}
.list_style_number > li{position: relative;font-size: 18px; padding-left:30px; font-weight: 400; line-height:32px; word-break: keep-all;counter-increment:list-number;}
.list_style_number > li:before{position:absolute; top:4px; left:0; background-color:var(--color-blue); color:#fff; border-radius:100%; width: 22px; height:22px; display: flex;  justify-content: center; align-items: center;  text-align:center; content:counter(list-number); font-size:0.9em;}
/* 20220516 end */
.list_txt_style01{margin-top: 20px;}
.list_txt_style01 > li{position: relative;margin-bottom: 5px;font-size: 20px;color: #333;line-height: 34px;word-break: keep-all;}

.gray_box{padding: 2rem; margin-top: 1.5rem; background-color: var(--color-lightgray);box-sizing: border-box;}
.gray_box > ul.list_style02 { margin: 0;}
.gray_box > ul > li,.gray_box p{font-size: 1.125rem;color: #666;word-break: keep-all; letter-spacing: -0.2px;}
.gray_box > ul > li + li{margin-top: 15px;}
.gray_box > ul > li.ex_mark{padding-left: 24px;background-image: url(/resources/user/kcesi/img/contents/icon_ex_mark.png);background-position: left 3px;background-repeat: no-repeat;}




@media screen and (max-width: 1400px){

   .lnb_wrap {width: 96%;}
   .wrapper {width: 96%;}
    
	/* 만족도조사 */
	#satisfy{padding-top: 100px;box-sizing: border-box;}
   .satisfy_score ul {margin-right: 3rem;}
   .satisfy_score ul li + li {margin-left: 1.5rem;}

   .pattern_box_inner {padding: 2.5rem;}
   .pattern_box .txt strong {font-size: 26px;}


}

@media screen and (max-width: 1200px){

   .lnb_wrap {margin: -50px auto 0;}
   .lnb_wrap .lnb > li.home {width: 50px; height: 50px; line-height: 50px;}
   .lnb_wrap .lnb > li > a {font-size: 1rem; line-height: 50px;}
   .subvisual_wrap .sub_title {top: 4.25rem;}
   .lnb_wrap .lnb .depth-in {top:50px;}
   .page_title > h4 {font-size: 38px;}

   .print{display: none;width: 30px;height: 30px;background-size: 12px;}

   /* 만족도조사 */
   #satisfy{padding-top:5rem;}
   .satisfy_body{padding: 2rem;}
   .satisfy_bottom {padding: 1rem 2rem;}
   .satisfy_bottom ul li + li {margin-left: 2.5rem;}
   .satisfy_score {padding-top: 0.5rem;}
   .satisfy_score ul{margin-right: 30px;}
   .satisfy_score ul li {letter-spacing: -0.5px;}
   .satisfy_score ul li + li{margin-left: 20px;}
   .btn_satisfy{padding: 0.5rem 1.5rem; font-size: 16px;}
   .satisfy_score ul {margin-top: 7px; margin-right: 1.5rem;}
   .satisfy_body div.txt {padding-left: 0;}
   .satisfy_body div.txt:before {display: none;}
   .satisfy_body div.txt p {font-size: 15px;}

   .pattern_box_inner {padding: 2rem;}
   .tit_style01 {font-size: 26px;}

}

@media screen and (max-width: 1080px){


}

@media screen and (max-width: 1024px){

   /* 만족도 조사 */
   .satisfy_body {padding: 2rem 2rem 1.625rem;}
   .satisfy_body div.txt {float: none; width: 100%; box-sizing: border-box;}
   .satisfy_score {float: none; width: 100%; padding-top: 1.25rem;}
   .satisfy_body div.txt {padding-left: 3.25rem; padding-top: 0.375rem;}
   .satisfy_body div.txt:before {display: block; width: 35px; height: 34px; background-size: cover;}
   .satisfy_body div.txt p {display: inline-block; margin-left: 1rem;}
   .satisfy_score ul li + li {margin-left: 3rem;}
   .satisfy_score ul {margin-right: 3rem; float: none; display: inline-block; vertical-align: middle; margin-top: 0;}
   .satisfy_score ul li {display: inline-block; vertical-align: middle;}
   .btn_satisfy {float: none; display: inline-block; vertical-align: middle;}
   .satisfy_bottom ul li {font-size: 15px;}

}

@media screen and (max-width: 970px){

   #container {padding: 0 0 3.75rem;}
   .subvisual_wrap {height: 230px;}
   .subvisual_wrap .sub_title {font-size: 34px;}
   .lnb_wrap .lnb {padding: 0;}
   .lnb_wrap .lnb > li {width: 25%;}
   .lnb_wrap .lnb > li:last-child {width: calc(100% - 50px - (25% * 2));}
   .lnb_wrap .lnb > li:last-child:after {display: none;}
   .lnb_wrap .lnb > li > a {overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap;}
   .lnb_wrap .lnb .depth-in li a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

   #contents {padding-top: 3.75rem;}
   .page_title {margin-bottom: 3.75rem;}
   .page_title > h4 {font-size: 38px;}

   /* 만족도 조사 */
   #satisfy {padding-top: 3.75rem;}
   .satisfy_score ul {margin-right: 2rem;}
   .satisfy_score ul li + li {margin-left: 2rem;}
   .btn_satisfy {font-size: 14px;}
   .satisfy_bottom {padding: 0.75rem 2rem;}

   .pattern_box {padding: 0;}
   .pattern_box .txt strong {font-size: 22px;}
   .pattern_box .txt p {font-size: 1rem;}
   .pattern_box + .snb{margin-top: 3.75rem;}
   
   .tit_style01 {font-size: 24px; margin-bottom: 0.75rem; margin-top: 3.75rem;} 
   .txt_style01 {line-height: 1.6; font-size: 1rem;}
   .snb + .tit_style01 {margin-top: 3.75rem;}
   .gray_box {padding: 1.5rem 1.75rem;}
   .gray_box > ul > li {font-size: inherit;}
   .list_style01 > li + li, .list_dot01, .list_style03 > li + li {margin-top: 5px;}
   .list_style01 > li, .list_dot01, .list_style03 > li {padding-left: 1.25rem;}
   .list_style01 > li:before, .list_dot01:before, .list_style03 > li:before {width: 8px; height: 8px;}
   .list_style_number {margin-top:6px;}
   .list_style_number > li{font-size:inherit; line-height:inherit; padding-left:24px;}
   .list_style_number > li:before{width: 18px;height:18px; top:2px;}
   .dl_style01 dd {font-size: 1rem; padding-left: 1.25rem;}
   .dl_style01 dd:before {width: 8px; height: 8px;}

   .btn_board_group a, .btn_board_group button {font-size: 16px; width: 80px; height: 42px; line-height: 42px;}


   
}

@media screen and (max-width: 768px){

   body {font-size: 15px;}
   .wrapper {width: 94%;}

	.page_title > h4 {font-size: 34px;}

	/* 만족도조사 */
   #satisfy{}
   .satisfy_body div.txt {padding-left: 3.75rem; padding-top: 0;}
   .satisfy_body div.txt:before {width: 45px; height:43px; top:3px}
   .satisfy_body div.txt strong {font-size: 20px; letter-spacing: -0.5px;}
   .satisfy_body div.txt p {display: block;margin-left: 0; letter-spacing: -0.5px;}

	.satisfy_bottom{padding: 12px 20px 7px;}
	.satisfy_bottom ul li{margin-right: 14px;margin-bottom: 5px;font-size: 14px;}
	.satisfy_bottom ul li + li{margin-left: 0.75rem;}
	.satisfy_bottom ul li span{margin-left: 10px;}
	.satisfy_body div.txt p{line-height: 20px;}
	.satisfy_score{float: left;width: 100%;}
	.satisfy_score ul{width: 100%;margin:0 0 1rem;}
	.satisfy_score ul li{width: 50%;margin-bottom: 3px;}
	.satisfy_score ul li + li{margin-left: 0;}
	.btn_satisfy{width: 100%;}

	/* btn */
	.btn_half_m{width: calc(50% - 7px) !important;}
	.btn_half_m + .btn_half_m{margin-left: 14px;}
	.btn_arr{position: relative;display: block;width: 100%;padding: 7px 20px;margin: 0 auto;text-align: left;word-break: keep-all; font-size: 15px;}
   .pattern_box .txt p + .btn_group {margin-top: 1rem;}
	.btn_arr + .btn_arr{margin-left: auto;margin-top: 14px;}
	.btn_arr i.icon{position: absolute;right: 0;top: 50%;margin-top: -5px;margin-left: 0;}
   .btn_sm {font-size: inherit; padding: 0.5rem 1.75rem; margin-top: 0.125rem;}
   .btn_down i.icon {width: 23px; height: 18px; background-size: contain;}
   .pattern_box .btn_arr i.icon {padding-right: 30px;}


	/* 게시판 btn */
	.btn_board_group{margin-top: 30px;}
	.btn_board_group a{width: 100%;height: 50px;line-height: 48px;font-size: 18px;}
   .btn_board_group button {font-size: 14px; width: 70px; height: 38px; line-height: 38px;}


	/* snb */
	.snb{margin-top: 40px;}
	.btn_snb{display: flex;}
	.snb_list{display: none;padding: 10px;background: #fff;border: 1px solid #eee;border-top: 0;box-sizing: border-box;}
	.snb_list > li{min-height: inherit;margin: 2px 0px;}
	.snb_list > li > a{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding: 5px 10px;margin-left: 0;border: 0;font-size: 15px;line-height: inherit;text-align: left;}

	.tit_style01{font-size: 20px; margin-top: 3.25rem;}
	.tit_style02{font-size: 18px;}
	.dl_style01 dt{margin-top: 1.5rem;font-size: 18px; margin-bottom: 0.75rem;}
	.dl_style01 dd{padding-left: 14px;line-height: 24px;}
  .list_style01 > li, .list_dot01, .list_style03 > li {font-size:inherit;}
	.list_style02 > li, .list_dot02 > span{line-height: inherit; font-size: inherit;}
  .list_txt_style01 > li{line-height: 30px; font-size: inherit;}


   .pattern_box_inner {padding: 1.5rem 1.75rem;}
   .pattern_box .txt strong {font-size: 20px;}
   .pattern_box .txt p {margin-top: 0.625rem; font-size: inherit;}

   .gray_box {margin-top: 1rem;}

   .txt_style01, .dl_style01 dd {font-size: inherit;}
   

   .snb + .tit_style01 {margin-top: 3rem;}
	.paging + .btn_board_group{margin-top: 60px;}
   .tit_style01 + .dl_style01{margin-top: 30px;}
   .txt_style01 + .dl_style01{margin-top: 35px;}
   .pattern_box + .snb{margin-top: 3.75rem;}

}

@media screen and (max-width: 640px){
 
   .subvisual_wrap {height: 200px;}
   .subvisual_wrap .sub_title {font-size: 32px; top:3.5rem;}
   .lnb_wrap .lnb > li {width: 28%;}
   .lnb_wrap .lnb > li:last-child {width: calc(100% - 50px - (28% * 2));}
   .page_title > h4 {font-size: 30px;}

   /* 만족도 조사 */
   .satisfy_body {padding: 1.75rem 1.5rem 1.5rem;}
   .satisfy_bottom {padding: 0.5rem 0 0.25rem;}
   .satisfy_bottom ul {letter-spacing: -0.5px; justify-content:center; flex-wrap: wrap;}
   .satisfy_bottom ul li + li {margin-left: 0.5rem;}
   .satisfy_bottom ul li.call {margin-right: 0;}



}

@media screen and (max-width: 480px){

   .subvisual_wrap {height: 140px;}
   .subvisual_wrap .sub_title {font-size: 28px; top:3.125rem;}
   .lnb_wrap { width: 100%; margin: 0 auto; border: 1px solid #ddd; border-left: none; border-right:none;}
   .lnb_wrap .lnb {flex-wrap:wrap;}
   .lnb_wrap .lnb > li.home {display: none;}
   .lnb_wrap .lnb > li {width: 32%; display: flex; align-items: center;}
   .lnb_wrap .lnb > li:last-child {width: 36%;}
   .lnb_wrap .lnb > li > a {font-size: 14px;;}
   .lnb_wrap .lnb .depth-in li a {font-size: 14px; padding: 0.5rem;}
   .page_title {margin-bottom: 3rem;}
   .page_title > h4 {font-size: 26px;}
   
   
   .tit_style01 {margin-top: 2.75rem;}
   .pattern_box_inner {padding: 1.5rem 1.375rem 1.375rem;}
   .pattern_box .txt strong {font-size: 18px; line-height: 1.4;}
   .pattern_box + .snb{margin-top: 3rem;}


   .gray_box {padding: 1.25rem;}
   .gray_box > ul > li + li {margin-top: 0.625rem;}
   .list_style01 > li:before, .list_dot01:before, .list_style03 > li:before {width: 6px; height: 6px; }
   .list_style01 > li, .list_dot01, .list_style03 > li {padding-left: 1rem;}
   .dl_style01 dd:before {width: 6px; height: 6px; top: 9px;}


   /* 만족도조사 */
   .satisfy_body {padding: 1.5rem 1.375rem 1.375rem;}
   .satisfy_body div.txt:before {display: none;}
   .satisfy_body div.txt {padding-left: 0;}
   .satisfy_body div.txt strong {font-size: 18px;}
   .satisfy_score ul li input[type="radio"] + label {font-size: 15px; padding-top: 1px;}

   .btn_sm {font-size: 14px; padding: 0.375rem 1.25rem; margin-top: 0.125rem;}
   .btn_down i.icon {width: 20px; height: 15px; background-size: contain;}


}

@media screen and (max-width: 380px){

   /* 만족도조사 */
   .satisfy_bottom ul li.part, .satisfy_bottom ul li.admin, .satisfy_bottom ul li.call {padding-left: 0; background: none;}

}
/* print */
@page {
    size: A4;
    margin: 0;padding: 0;
}
@media print {
    * {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
    }
    body{
        width: 21cm;
        height: 29.7cm;
        background-color: #fff;
    }
    #header{display: none;}
    #container{width: 100%;padding: 20px;}
    .sidebar{display: none;}
    #contents{width: 100%;}
    .page_title{margin-bottom: 20px;}
    .page_navigation{display: none;}
    .print{display: none;}
    #satisfy{display: none;}
    #footer{display: none;}
}