@charset "utf-8";

/* Mobile */
/*취임사*/
@font-face {
    font-family: 'Chosunilbo_myungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.greeting{padding:20px;border: 1px #ebebeb solid;}
.greeting h4{font-family: 'Chosunilbo_myungjo';  margin: 10px 0;padding: 0; font-size:26px; color:#0089d0;}
.greeting h4:after{display:none;}
.greeting p{margin-bottom:20px; font-size:16px;}
.greeting p.tit{font-family: 'Chosunilbo_myungjo'; font-size: 31px;line-height: 43px;font-weight: 600;text-align: center;}
.greeting p.tit01{font-family: 'Chosunilbo_myungjo'; font-size: 20px;color: #0f447f;line-height: 32px;font-weight: 600;}
.greeting p.tit02 strong{display:block;margin-bottom: 6px;font-size: 17px;color:#0f447f;line-height: 25px;}
.greeting p.bold {color: #000; font-weight: 500;}
.greeting p.sign strong {color: #000; letter-spacing: 2px;  padding: 5px 15px 0 0;  display: inline-block;  font-weight: 600;}

/* 프로필 */
.history::before { content: ''; display: block;  width: 100%;  height: 250px;  background: #fff url( /upload_data/user_file/02_governor/sub01/hs_img.png) no-repeat;  background-size: contain;}
.history {position: relative; margin-top: 20px; border-bottom: 2px solid #000;}
.history .name::before {content: 'profile';display: block; width: 100%;  font-size: 30px; color:#f7f7f7; font-weight: 700;letter-spacing: 0.15em; padding-bottom: 5px;  padding-top: 10px;font-family: 'Pretendard', sans-serif;}
.history .name { margin-bottom: 50px;padding-bottom: 20px; margin-top: 20px;font-size: 23px; font-weight: 600; border-bottom: 2px #000 solid;}
.history .name strong { font-size: 1.2em; vertical-align: baseline;font-weight: 700; }
.history h6:nth-of-type(2)::before { content: 'a major honor'; display: block;  width: 100%;  font-size: 30px;  color: #f3f5f8;  font-weight: 700;      letter-spacing: 0.05em; padding-bottom: 5px; transform: skewX(-10deg);}
.bd_color {border-top: 1px solid #000;  opacity: .45;}

.history ul.hs02{position: relative; padding: 20px 0; z-index: 0;}
.history ul.hs02::before{content: ''; position: absolute; top: 0; display: inline-block; width: 5px; height: 100%;  background: #f7f7f7; z-index: -1;}
.history ul.hs02::after{content: ''; position: absolute; top: 0; left: 4px; display: inline-block; width: 1px; height: 100%;  background: #ededed; border-radius: 5px; z-index: -1;}
.history ul.hs02 li{margin-bottom: 16px;}
.history ul.hs02 li::before{content: '';display: inline-block;width: 5px;height: 5px;margin-right: 10px;margin-top: 14px;background: #034694;}
.history ul.hs02 li strong{display: inline-block;margin-bottom: 10px;padding: 4px 10px;text-align: center;font-size: 17px;line-height: 17px;}
.history ul.hs02 li span{display: block; margin: 0 0 0 30px; color: #666; font-size: 16px;}



/* 걸어온 길 */
.the_way { text-align: center;}
.the_way h5 {letter-spacing: -.1rem; margin: 30px 0 0 0; text-align: center; font-size: 25px; font-weight: 400; }
 .the_way h5::after {content: " ";  width: 95px;  display: block;  margin: -17px auto 0px auto; position: relative;z-index: -1;height: 15px;background: #eaf2ff;}
.the_way .way_box {margin: 30px 0;display: flex;  flex-direction: column;}
.way_box .way_wrap {display: flex; flex-direction: column;  align-items: center; padding-bottom: 50px;  border-bottom: 1px solid #000;  margin-bottom: 50px;}
.way_box .way_wrap:first-of-type {border-top: 3px solid #252525; padding-top: 70px;}
.way_box .way_wrap dt {letter-spacing: -.08rem;margin-bottom: 20px;color: #444;  font-weight: 700; font-size: 25px;  line-height: normal;  word-break: keep-all;transform: skewX(-5deg); display: block;}
.way_box .way_wrap dt strong {color: #00954d;  vertical-align: baseline;  line-height: 1.5;}
.way_box .way_wrap dd {color: #696969;  font-size: 16px; font-weight: 500; margin: 10px 0;  line-height: 1.5;word-break: keep-all;}
.way_box .way_wrap dl:last-of-type dd { width: 250px; overflow: hidden;}
/* .way_box .way_wrap dl:last-of-type dd.fd { width: auto;  background: #cfcfcf;  border-radius: 3px;  padding: 10px;}*/
.way_box .way_wrap dl:last-of-type dd img {width: 100%;}
.way_box .way_wrap:nth-of-type(even) dt strong {color:#0045a3;}


/* SNS */
.sns_menu .link_box { background: -webkit-linear-gradient(-45deg, #f1f6fc 0%,#f0fbf3 100%);  border: 0; padding: 50px 20px;}
.sns_menu .link_box li {position:relative;}
.sns_menu .link_box li img {transition: .2s ease;max-width: 300px;width: 100%;  margin: 0 auto 10px;  box-shadow: 0 10px 10px rgb(221 240 241); overflow: hidden;display: block;}
.sns_menu .link_box .sns_box {margin: 0 0 70px;}
.sns_menu .sns_tit { max-width: 500px;  margin: auto; text-align: center;  color: #666;  font-weight: 500;font-size: 18px;}
.sns_menu .sns_tit img { max-width: 400px; border: 0;  box-shadow: none;}
.sns_menu .link_box strong { font-size: 20px;  font-weight: 500;  margin-bottom: 50px;}
.sns_menu .sns_tit strong { margin: 5px 0;}
.sns_menu .link_box .basic_btn a::before {content:''; background:#0080c8; width:50px; height:100%; position:absolute; right:0; z-index: 0; top: 0;}
.sns_menu .link_box .basic_btn a {background: #fff;position:relative;  color: #666;padding: 10px;  border-bottom: 1px solid #222;  text-align: left;  font-size: 14px;display: block;}
.sns_menu .link_box  a.btn_new:after { position: absolute;  right: 15px}
.sns_menu .sns_tit {text-align: center; font-size: 14px;  line-height: 1.6; color: #14427c;}
.sns_menu .sns_tit strong img{width:100%;max-width:500px;}

/*민원신청하기 상단*/
.hope_box .box {padding: 35px 1px;  display: flex;  justify-content: center;}
.hope_box .box img {width:100%; border: 2px solid #f3f5f8; border-top: 2px solid #013d7c;}

/*도정비전 및 지표*/
.new_jb .basic_step3>ol>li strong:before {content:none;}
.new_jb .basic_step3>ol>li strong { background: #0f447f;  color: #fff;}
.new_jb .basic_step3>ol>li strong.list1 {padding: 45px 20px;}
.new_jb .basic_step3>ol>li div {vertical-align: middle;}
.new_jb>div.w100 {margin:30px 0 50px;}
.new_jb img {width: 100%;}
.indi_box .basic_step2 li {position:relative;}
.indi_box .basic_step2>ol>li strong::before {content:none;}
.indi_box .basic_step2 li strong {font-size: 1.2rem;}
.indi_box .basic_step2 li span { color: #0f447f; line-height: 2em;  font-weight: 500;}
/*.indi_box .basic_step2 li::before {content:''; width:20px; height:20px; position:absolute; top:0; background-size:100%;background:url(/images/02_governor/sub04/arrow.png) no-repeat center; transform: rotate(90deg);  left: 48%;}*/
.indi_box .basic_step2 li:nth-of-type(1)::before {content:none;}
.indi_box li span:before{content:"";display:block;width:60px;height:60px;margin:0 auto;background:url("/upload_data/user_file/02_governor/sub04/dj_icon.png")no-repeat center top;}
.indi_box li:nth-child(1) span:before{background-position-y: 11px;}
.indi_box li:nth-child(2) span:before{background-position-y:-70px;}
.indi_box li:nth-child(3) span:before{background-position-y: -147px;}
.indi_box li:nth-child(4) span:before{background-position-y: -221px;}
.indi_box li:nth-child(5) span:before{background-position-y: -302px;}

/*도정 운영방침*/
.new_dojung { margin: 10px 0 50px;}
.new_dojung .doimg_box{color: #666; font-size:16px; word-break: keep-all; min-height: 230px; margin-bottom:20px; text-align: left; border-bottom: 1px solid #ddd;}
.new_dojung .doimg_box:last-of-type { border-bottom:0;}
.new_dojung .doimg_box .circle{min-width: 300px;  overflow: hidden;  height: 200px; background: #eff6ff; max-width: 500px; margin: 0 auto; display: flex;    align-items: center;}
.new_dojung .doimg_box .dj02 {background: #fbfaef; }
.new_dojung .doimg_box .dj03 {background: #fff5f9; }
.new_dojung .circle img {width:100%;  max-width: 300px; margin: 0 auto;}
.new_dojung h5 { font-weight: 600; color: #444;}

.new_dojung .dotxt_box{overflow: hidden; text-align:left;}
.new_dojung .dotxt_box .dj_text{margin-bottom:40px; font-size:17px}
.dotxt_box .dj_text span{font-size: 22px; padding-left:35px; font-weight:600;/*font-family: 'NotoSans';*/}
.dotxt_box .dj_text .ar01{background: url('/images/02_governor/sub04/ar01.png') no-repeat left; color:#006d98;}
.dotxt_box .dj_text .ar02{background: url('/images/02_governor/sub04/ar02.png') no-repeat left; color:#14847e;}
.dotxt_box .dj_text .ar03{background: url('/images/02_governor/sub04/ar03.png') no-repeat left; color: #3e002d;}
.new_dojung ol li{font-size:13px; margin-bottom:10px}
.new_dojung .sub_txt{text-align:left;}
.new_dojung02{background:#fff;border-top:1px solid #ddd;}
.new_dojung02 .tit{color:#333;margin-bottom:20px;}
.new_dojung02 li:before{background:#a6a3a3;}

/*5대목표*/
.shape_box{margin:30px 0 50px;position:relative;}
.shape_box .top{background:url("/images/02_governor/sub04/vi_b.png")no-repeat bottom center;background-size:100%;padding:30px 0 80px;text-align:center;position:relative;border:solid 1px #e8f2fb;border-bottom:none;}
.shape_box .top h4{line-height: 1.5;color:#fff;width:220px; height: 90px; padding: 65px 0;text-align:center;background:#0f447f;border-radius:100%;margin:0 auto;font-size:25px;border:solid 30px #e8f2fb;}
.shape_box .top h4:nth-of-type(2) {font-size: 18px; font-weight: 400;}
.shape_box .top h4 strong{display:block;font-size:30px;padding:7px 0;}
.shape_box .top li{line-height: 1.4; background: #3e6bb9;  border:30px solid #e8f5ff; width: 200px;  height: 70px;margin:10px auto;font-size:20px;border-radius:100%;color:#fff;display:inline-block;word-break:keep-all;padding: 60px 0; line-height: 1.4;}
.shape_box .top li strong{display:block;font-weight:bold;font-size:25px;}
.shape_box .middle{padding:30px;border:solid 1px #e8f2fb;border-top:0;background: #e8f2fb;}
.shape_box .middle dl{text-align: center;}
.shape_box .middle dt{font-size:28px;padding: 10px 0;  font-weight: bold;  color: #0f447f;}

.new_5goal .sub_container{text-align: center;overflow: hidden;margin-top: 30px;border-top: none;position: relative;left: 50%;transform: translateX(-50%);}
.new_5goal .sub_box{ border: 1px solid #ddd; width: 98%;margin-top: 20px;overflow: hidden;margin: 0 auto;margin-bottom: 20px;}
.new_5goal .sub_box h5{padding: 15px 30px; font-size: 20px; color: white; margin: 0; word-break: keep-all; background: linear-gradient(45deg, #1c497b 50%, #3a86d3);color: white;}
.new_5goal .sub_box ul{padding: 10px 30px; color: #0f447f;}
.new_5goal .sub_box ul li{text-align: left;list-style: decimal;font-size: 15px;list-style: decimal;}
.new_5goal .sub_box ul li::marker{ font-weight: 500;}
.new_5goal .sb01{background: #f7f9fb url('/images/02_governor/sub04/sb01.png')no-repeat right bottom;}
.new_5goal .sb02{background: #f7f9fb url('/images/02_governor/sub04/sb02.png')no-repeat right bottom;}
.new_5goal .sb03{background: #f7f9fb url('/images/02_governor/sub04/sb03.png')no-repeat right bottom;}
.new_5goal .sb04{background: #f7f9fb url('/images/02_governor/sub04/sb04.png')no-repeat right bottom;}
.new_5goal .sb05{background: #f7f9fb url('/upload_data/user_file/02_governor/sub04/sb05_1.png')no-repeat right bottom 5px;}

.new_5goal .toggle{margin: 20px 0 0 0; overflow: hidden;}
.new_5goal .toggle h4{overflow: hidden;border: 2px solid;padding: 12px 0 12px 70px;margin: 7px 0 0 0; color:#000;font-size: 16px;text-align: left;position: relative;border: 1px solid #ddd; }
.new_5goal .toggle h4:after{background:none; content:none;}
.new_5goal .toggle h4 a{background: url('/images/02_governor/sub04/toggle_open.png') no-repeat right;display: block;margin-right: 20px;font-size: 15px;letter-spacing: -1px;}
.new_5goal .toggle .on a{background:url('/images/02_governor/sub04/toggle_close.png') no-repeat right center;}
.new_5goal .toggle>div{padding: 20px; border: 1px solid gainsboro ;  background: #fcfcfc;  margin-bottom: 20px; border-top: 0;}
.over_info { text-align: center; color: #f26a29; font-size: 14px;  font-weight: 500;}
.new_5goal .toggle>div .on{display: block;}
.new_5goal .toggle h4:nth-of-type(1)>div{background: url('/images/02_governor/sub04/sb01.png') no-repeat center center #e8f2fb;width: 45px;height: 37px;position: absolute;left: 0;top: 0;padding: 2px 5px 15px 8px;}
.new_5goal .toggle h4:nth-of-type(2)>div{background: url('/images/02_governor/sub04/sb02.png') no-repeat center center #e8f2fb;width: 45px;height: 40px;position: absolute;left: 0;top: 0;padding: 2px 5px 10px 8px;}
.new_5goal .toggle h4:nth-of-type(3)>div{background: url('/images/02_governor/sub04/sb03.png') no-repeat center center #e8f2fb;width: 45px;height: 40px;position: absolute;left: 0;top: 0;padding: 2px 5px 10px 8px;}
.new_5goal .toggle h4:nth-of-type(4)>div{background:url('/images/02_governor/sub04/sb04.png') no-repeat center center #e8f2fb;width: 45px;height: 40px;position: absolute;left: 0;top: 0;padding: 2px 5px 10px 8px;}
.new_5goal .toggle h4:nth-of-type(5)>div{background: url('/upload_data/user_file/02_governor/sub04/sb05_1.png') no-repeat center center #e8f2fb;width: 45px;height: 40px;position: absolute;left: 0;top: 0;padding: 5px 5px 10px 8px;}

.new_5goal .basic_table thead th{font-size:17px; background: #0f447f; color: #fff;}
.new_5goal .basic_table thead th, .new_5goal .basic_table thead td {border: 1px solid #ddd;}
.new_5goal .basic_table .tt03{font-size:16px; font-weight:500; background: #f7f9fb;}

/* Tablet */
@media all and (min-width:768px) {
/*취임사*/
.greeting{padding:40px; position:relative;}
.greeting:before{content:'';position: absolute;top: -1px;left: -1px;display:block; width:51px; height:51px;background: url('/images/02_governor/sub01/greeting_icon.png') no-repeat;}
.greeting:after{content:'';position: absolute;top: -1px;right: -1px;display:block; width:51px; height:51px;background: url('/images/02_governor/sub01/greeting_icon.png') no-repeat;transform: rotate(90deg);}
.greeting .gr_box{border-radius: 5px; padding: 40px;background: url('/images/02_governor/sub01/greeting_bg.jpg');}
.greeting p.tit { font-size: 40px; line-height: 50px; background: #0f447f;  width: 65%;  margin: 10px auto 30px;  color: #fff; transform: skewX(-5deg); padding: 5px;}

/*프로필*/
.history::before {position: absolute;  right: 0;  top: 0;  width: 355px;}
.history .name::before {font-size: 45px;text-transform: uppercase; opacity: .8;  letter-spacing: 0.2em;  padding-bottom: 10px;}
.history .name { font-size: 28px;}
.history h6 {font-size: 25px;}
.history h6:nth-of-type(2)::before { opacity: 1;font-size: 40px; text-transform: uppercase; padding-bottom: 10px}

.history:before{position:absolute; right:0; top:0;width: 355px;}
.history ul.hs02{padding: 6px 0;}
.history ul.hs02 li:last-child{margin: 0;}
.history ul.hs02 li span{display: inline-block;margin: 0 0 12px 9px;padding: 0;font-size: 15px;line-height: 15px;}
/*.history::after {content:'Major Honor';letter-spacing: 2px;display: block; width: 60%;  font-size: 100px; color: #f7f7f7;  font-weight: 700; transform: skewX(-10deg); padding-top: 10px;right: -15%; position: absolute; bottom:20%; word-break: keep-all;  line-height: normal; font-family: 'Pretendard', sans-serif;}
*/
/* 걸어온 길 */
.the_way h5 { font-size: 35px;}
 .the_way h5::after {width: 135px;margin: -25px auto 0px auto;height: 25px;}
.way_box .way_wrap dt {font-size: 27px; margin-bottom: 40px;}
.way_box .way_wrap dl:last-of-type dd { width: 490px;margin-top: 30px;;}

/* SNS */
.sns_menu {overflow: hidden;position:relative; z-index: 1;}
.sns_menu .sns_tit {font-size: 20px;}
.sns_menu .sns_tit strong {font-size: 30px;}

/*도정 운영방침*/
.new_dojung{padding:30px 0;}
.new_dojung .doimg_box{padding: 10px; text-align: center; border-bottom:0; border-right: 1px dashed #ddd;height: 400px;  width: calc(100%/3 - 24px); display: inline-block; margin-bottom:0;}
.new_dojung .doimg_box:last-of-type{border-right: 0;}
.new_dojung .doimg_box .circle{height: 200px;min-width: 200px;}

/*5대목표*/
.shape_box .top h4{color:#fff;width: 250px; height: 170px;padding:75px 0 0 0;font-size:30px;}
.shape_box .top h4 strong {font-size:40px;}
.shape_box .top{background-size:auto;}
.shape_box .top div{padding-bottom:200px;}
.shape_box .top:before{display:block;content:'';background:url("/images/02_governor/sub04/vi_p.png")no-repeat bottom center;width:100%;height:75px;position:absolute;top:65px;z-index:-1;opacity: .5;}
.shape_box dt{font-size:28px;}

.new_5goal .sub_box ul{padding:15px 35px;}
.new_5goal .sub_box ul li{list-style: decimal;font-size: 16px; margin-bottom:3px}
.new_5goal .sub_box h5{font-size: 22px;}
.new_5goal .sub_box{width: 47%; margin-top: 20px;overflow: hidden;margin: 0 auto;margin-bottom: 20px;}

.new_5goal .toggle h4 a{font-size:20px;}
.new_5goal .toggle .tg01>div{width: 50px;height: 50px;}
.new_5goal .toggle .tg02>div{width: 50px;height: 50px;}
.new_5goal .toggle .tg03>div{width: 50px;height: 50px;}
.new_5goal .toggle .tg04>div{width: 50px;height: 50px;}
.new_5goal .toggle .tg05>div{width: 50px;height: 50px;}

.new_5goal .toggle h4:nth-of-type(1)>div{width: 45px;height: 40px;position: absolute;left: 0;top: 0;padding: 6px 5px 10px 8px;}
.new_5goal .toggle h4:nth-of-type(2)>div{width: 45px;height: 40px;position: absolute;left: 0;top: 0;padding: 6px 5px 10px 8px;}
.new_5goal .toggle h4:nth-of-type(3)>div{width: 45px;height: 40px;position: absolute;left: 0;top: 0;padding: 5px 5px 10px 8px;}
.new_5goal .toggle h4:nth-of-type(4)>div{width: 45px;height: 40px;position: absolute;left: 0;top: 0;padding: 5px 5px 10px 8px;}
.new_5goal .toggle h4:nth-of-type(5)>div{width: 45px;height: 40px;position: absolute;left: 0;top: 0;padding: 5px 5px 10px 8px;}

}

/* Desktop */
@media all and (min-width:1023px) {
.history::before { top: 115px; }
.history .name::before { padding-bottom: 0;  right: -64%; font-size: 75px;  position: absolute;  text-transform: uppercase;  opacity: .8;  top: -10px;}
.history .name { font-size: 35px; padding-left: 10px;}
.history h6 { margin-left: 20px;}
.history h6:nth-of-type(2)::before {right: -26%;font-size: 80px;position: absolute;  text-transform: uppercase;  opacity: .8;  bottom: 30px;}
.history .basic_ul { margin-left: 20px;margin-bottom: 50px;}
.history ul.hs02 li strong{padding-top:0;}

.history:before{width: 350px;}
.history {position:relative;}
.history ul.hs01{margin-bottom: 60px;}
.history>div{font-size: 0;vertical-align: top; }
.history>div div{display:inline-block;width: 50%;min-height: 600px;}
.bd_color { padding-bottom: 30px;}
.history ul.hs02 li{margin-bottom: 7px;}
.history::after { transform: none;letter-spacing: 5px;width: 100%; font-size: 90px; right: -43%; bottom:5%;}

/* 걸어온 길 */
.the_way h5 {font-size:45px; padding: 80px 0 50px;}
.the_way h5::after {width: 170px;margin: -30px auto 0px auto;height: 30px;}
.way_box .way_wrap {text-align: left; flex-direction: unset;padding-bottom: 100px;margin-bottom: 80px; text-align: left;justify-content: space-around;}
.way_box .way_wrap:nth-of-type(even) { flex-direction: row-reverse; text-align: right;}
.way_box .way_wrap dl:first-of-type {width: 50%;}
.way_box .way_wrap dl:nth-of-type(even) {text-align: right;}
.way_box .way_wrap dl:nth-of-type(even):first-of-type dd {width:auto;}

/* SNS */
.sns_menu {border-radius: 70px 0;}
.sns_menu  .link_box { padding: 70px 50px;}
.sns_menu  .link_box ul {padding: 10px 20px 30px;}
.sns_menu .link_box li {width:calc(100%/2 - 25px); margin-right: 50px;}
.sns_menu .link_box li>img {border-radius: 30px 0; }
.sns_menu .link_box li:nth-of-type(2n) {margin-right: 0;}
.sns_menu .link_box li:hover::before, .sns_menu .link_box li:focus::before {content:''; transition:.2s ease;  border-radius: 30px 0; background:rgb(19 50 87);  width: 100%;  height: 66%; position: absolute;  z-index: 2;  left: 65px;  opacity: .8; max-width: 300px;}
.sns_menu .link_box li:hover, .sns_menu .link_box li:focus {cursor:pointer;}
.sns_menu .link_box .basic_btn a {max-width: 70%;  margin: auto;}
.sns_menu .link_box li::before, .sns_menu .link_box li::after {content:'';transition:.2s ease;}
.sns_menu .link_box li:hover::after, .sns_menu .link_box li:focus::after {content:'';background:url(/upload_data/user_file/01_portal/sub1/sns_ico.png) no-repeat;  width: 70px;  height: 70px; position: absolute;  z-index:3;  left: 42%; top:25%; }
.sns_menu .link_box li.sico2:hover::after, .sns_menu .link_box li.sico2:focus::after {background-position: center 30%;}
.sns_menu .link_box li.sico3:hover::after, .sns_menu .link_box li.sico3:focus::after {background-position: center 64%;}
.sns_menu .link_box li.sico4:hover::after, .sns_menu .link_box li.sico4:focus::after {background-position: center 98%;}


/*민원신청하기 상단*/
.hope_box .box {padding: 30px 2px 100px;}

/*도정비전 및 지표*/
.indi_box .basic_step2 li::before {transform: none; left: 102%; top: 40%;}
.indi_box .basic_step2 li:nth-of-type(1)::before {content:'';}

/*도정 운영방침*/
.new_dojung .doimg_box{padding: 30px;height: 350px;width: calc(100%/3 - 64px);}
.new_dojung h5 {font-size: 30px;}

/*5대목표*/
.shape_box{position: relative;width: 100%x;height: auto;left:0;transform:none;}
.shape_box .top h4 { border: solid 25px #e8f2fb; width: 200px;  height: 140px;  padding: 55px 0 0 0;  font-size: 25px;}
.shape_box .top h4 strong {font-size: 35px;}
.shape_box .top li { width: 150px;height: 85px;  padding: 30px 0;font-size: 18px;  border: solid 25px #e8f5ff;}

.new_5goal .pt01{left: 79px;}
.new_5goal .pt02{left:320px;}
.new_5goal .pt03{right: 40px;}
.new_5goal .pt04{left: 160px;top: 169px;}
.new_5goal .pt05{right: 119px;top: 168px;}
.new_5goal .pt05 .cr_con{top: 151px;}
.new_5goal .shape_box #bg1{top: 20px;left: 10px;}
.new_5goal .shape_box #bg2{top: 172px;right: 35px;}
.new_5goal .n_jb{bottom:420px; left:610px;transform:none;}
.new_5goal .n_jb img{transform: rotate(0);}
.new_5goal .n_jb p{ position:absolute;top: 43px;left: 81px;}
.new_5goal .dojung{overflow:hidden; width: 319px;position:relative; bottom:370px; left:270px}
.new_5goal .sub_container{position:relative;bottom: auto;right: 149px;}
.new_5goal .sub_container .sub_box{margin: 0 2px 10px 0; padding:0;display:inline-block;left: 0;}
.new_5goal .sub_box{width: 293px;}
.new_5goal .sub_box h5{font-size: 18px;}
.new_5goal .toggle{margin:0; position:relative; bottom: -20px; margin-bottom: 50px;}
.over_info {display:none;}
}

@media all and (min-width:1400px){

}