@charset "utf-8";

/**/


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 뉴스룸 서브메인
	연관단어 : newsroom

////////////////////////////////////////////////////////////////////////////// */
#sub.user #wrap.newsroom #container {padding-left:0; max-width:100%;}
#sub.user #wrap.newsroom #container #content {padding:0;}
.newsroom h4 {background:none; padding:0; font-size:28px; line-height:34px; letter-spacing:-1px; margin:0 0 12px 0;}
.newsroom .sec_1 {padding:50px 0.6%;}
.newsroom .sec_1 h4 {text-align:center;}	
.newsroom .sec_1 .more_btn {display:block; margin:0 auto; margin-top:20px; position:relative; width:58px; height:65px; text-indent:-9999px; overflow:hidden;}
.newsroom .sec_1 .more_btn:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/kor/content/newsroom_list_more.png) no-repeat center 50%;
animation-duration: 1.2s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
-webkit-animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.newsroom .sec_1 .more_btn:hover:after,
.newsroom .sec_1 .more_btn:active:after {background:url(/images/kor/content/newsroom_list_more_on.png) no-repeat center 50%; animation-name:rotate; -webkit-animation-name:rotate;}
@keyframes rotate {
	0%   {transform: rotateY(0deg);}
	100%   {transform: rotateY(360deg);}
}
@-webkit-keyframes rotate {
	0%   {-webkit-transform:rotateY(0deg);}
	100%   {-webkit-transform:rotateY(360deg);}
}
.news_list {max-width:1250px; margin:0 auto; position:relative; padding-top:70px; margin-top:25px;}
.news_list li {} 
.news_list li .tabbtn {position:absolute; left:50%; top:0; text-decoration:none; display:block; width:140px; text-align:center; font-size:16px; color:#4e4e4e; background:#ececec; height:48px; line-height:48px; border-radius:24px; -webkit-border-radius:24px;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.news_list li .tabbtn:after {content:""; display:block; position:absolute; bottom:-8px; left:50%; margin-left:-8px; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:10px solid #ececec;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.news_list li .tabbtn.on,
.news_list li .tabbtn:hover{background:#4c5769; color:#fff;}
.news_list li .tabbtn.on:after,
.news_list li .tabbtn:hover:after{border-top:10px solid #4c5769;}
/* .news_list li.tab1 .tabbtn {margin-left:-295px;} */ 
.news_list li.tab2 .tabbtn {margin-left:-215px;} 
.news_list li.tab3 .tabbtn {margin-left:-70px;} 
.news_list li.tab4 .tabbtn {margin-left:75px;} 
.news_list li .cont {display:none;}
.news_list li .cont ul {padding:0; margin:0;}
.news_list li .cont ul:after {content:""; display:block; clear:both;}
.news_list li .cont ul li {float:left; width:25%; padding:10px 15px; box-sizing:border-box;}
.news_list li .cont ul li .elem {overflow:hidden; background:#fff;}
.news_list li .cont ul li .elem a {display:block; height:100%; position:relative; text-decoration:none;}
.news_list li .cont ul li .elem a p {margin:16px 0 0 0; font-size:14px; color:#7c7c7c;}
.news_list li .cont ul li .elem a .category {position:absolute; margin:0; right:0; top:0; z-index:10; color:#fff; text-align:center; padding:8px 15px; font-size:14px;}
.news_list li .cont ul li .elem a .category.ty1 {background:#0072bb;}
.news_list li .cont ul li .elem a .category.ty2 {background:#00846a;}
.news_list li .cont ul li .elem a .category.ty3 {background:#cb470c;}
.news_list li .cont ul li .elem a .sum_photo {overflow:hidden; height:176px; margin-bottom:-32px; overflow:hidden; margin-top:0;}
.news_list li .cont ul li .elem a .sum_photo img {display:block; width:100%;}
.news_list li .cont ul li .elem a .infor {border:2px solid #e6e6e6; padding:48px 8% 18px 8%;}
.news_list li .cont ul li .elem a .title {overflow:hidden; height:60px; margin-top:0; font-size:16px; line-height:20px; color:#444; font-weight:600;}
.news_list li .cont ul li .elem a .text{display:none; overflow:hidden; height:44px;}
.news_list li .cont ul li .elem a .date {padding:0 0 0 20px; background:url(/images/kor/content/clock_ico.png) no-repeat left 4px;}
.news_list li .cont ul li .elem a .detail {position:absolute; left:0; top:0; z-index:20; width:100%; height:100%; margin:0; opacity:0; -webkit-opacity:0;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.news_list li .cont ul li .elem a .detail:before,
.news_list li .cont ul li .elem a .detail:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#313843 url(/images/kor/content/board_photo_activebg.png) no-repeat left bottom; opacity:0.9; -webkit-opacity:0.9;}
.news_list li .cont ul li .elem a .detail:after {background:url(/images/kor/content/board_photo_activebg.png) no-repeat right top;}
.news_list li .cont ul li .elem a .detail span {display:block; text-align:center; color:#fff; font-size:18px; font-weight:600; width:100%; position:absolute; left:0; top:50%; margin-top:-12px;}
.news_list li .cont ul li .elem a:hover .detail,
.news_list li .cont ul li .elem a:active .detail {opacity:1; -webkit-opacity:1;}

.newsroom .sec_2 {background:#f2f5f8; padding:65px 0.6%;}
.newsroom .sec_2 .layout {max-width:1250px; padding:0 15px;}
.newsroom .sec_2 .sns {width:49%; float:left; position:relative; transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.newsroom .sec_2 .sns ul {width:100%; position:relative;}
.newsroom .sec_2 .sns ul li {}
.newsroom .sec_2 .sns ul li .tabbtn {display:block; position:absolute; top:-49px; width:40px; height:40px; background:#1c4ea1; border-radius:50%; -webkit-border-radius:50%; overflow:hidden; text-indent:-9999px;}
.newsroom .sec_2 .sns ul li .cont {background:#fff; border:5px solid #b1c3de; padding:15px; box-sizing:border-box; height:260px; display:none; position:relative;}
.newsroom .sec_2 .sns ul li .cont:after {content:""; display:block; position:absolute; right:0; top:-11px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:8px solid #b1c3de;}
.newsroom .sec_2 .sns ul li .cont ul {overflow:auto; height:100%; position:relative;}
.newsroom .sec_2 .sns ul li .cont ul li {position:relative; padding:10px 15px 0 45px; min-height:32px; z-index:10;}
.newsroom .sec_2 .sns ul li .cont ul li:before {content:""; display:block; width:32px; height:32px; background:#fff; border:1px solid #000; border-radius:50%; -webkit-border-radius:50%; position:absolute; left:0; top:10px; box-sizing:border-box; z-index:5;}
.newsroom .sec_2 .sns ul li .cont ul li:after {content:""; display:block; width:3px; height:100%; background:#dadada; position:absolute; left:14px; top:0; z-index:1;}
.newsroom .sec_2 .sns ul li .cont ul li:first-child {padding-top:0;}
.newsroom .sec_2 .sns ul li .cont ul li:first-child:before {top:0;}
.newsroom .sec_2 .sns ul li .cont ul li p {margin:0;}
.newsroom .sec_2 .sns ul li .cont ul li p.title a {color:#767676; font-size:14px;}
.newsroom .sec_2 .sns ul li .cont ul li p.title strong,
.newsroom .sec_2 .sns ul li .cont ul li p.title span {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newsroom .sec_2 .sns ul li .cont ul li p.title strong {font-size:16px; font-weight:normal; margin-bottom:3px;}
.newsroom .sec_2 .sns ul li .cont ul li p.date {font-size:14px; padding:0 0 0 20px; margin-top:3px; color:#767676; background:url(/images/kor/content/clock_ico.png) no-repeat left 4px;}
.newsroom .sec_2 .sns ul li.fb .tabbtn {background:#1c4ea1 url(/images/kor/layout/gong_u_sns_tw.png) no-repeat center 50%; right:48px;}
.newsroom .sec_2 .sns ul li.fb .cont:after {right:56px;}
.newsroom .sec_2 .sns ul li.fb .cont ul li:before {border:1px solid #1e5bb7; background:#fff url(/images/kor/layout/gong_u_sns_tw2.png) no-repeat center 50%; background-size:auto 50%;}
.newsroom .sec_2 .sns ul li.fb .cont ul li p.title strong {color:#1c4ea1;}	
.newsroom .sec_2 .sns ul li.tw .tabbtn {background:#1da1f2 url(/images/kor/layout/gong_u_sns_fb.png) no-repeat center 50%; right:48px;}
.newsroom .sec_2 .sns ul li.tw .cont:after {right:56px;}
.newsroom .sec_2 .sns ul li.tw .cont ul li:before {border:1px solid #1da1f2; background:#fff url(/images/kor/layout/gong_u_sns_fb2.png) no-repeat center 50%; background-size:auto 40%;}
.newsroom .sec_2 .sns ul li.tw .cont ul li p.title strong {color:#1da1f2;}
.newsroom .sec_2 .sns ul li.bl .tabbtn {background:#4fa808 url(/images/kor/layout/gong_u_sns_bl.png) no-repeat center 50%; right:0;}
.newsroom .sec_2 .sns ul li.bl .cont:after {right:8px;}
.newsroom .sec_2 .sns ul li.bl .cont ul li:before {border:1px solid #4fa808; background:#fff url(/images/kor/layout/gong_u_sns_bl2.png) no-repeat center 50%; background-size:auto 40%;}
.newsroom .sec_2 .sns ul li.bl .cont ul li p.title strong {color:#4fa808;}
.newsroom .sec_2 .sns ul li.on .cont {display:block;}
.newsroom .sec_2 .webzine {width:200px; float:left; position:absolute; left:53%; z-index:10; transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.newsroom .sec_2 .webzine .cont {height:260px;}
.newsroom .sec_2 .webzine .cont:after {content:""; display:block; clear:both;}
.newsroom .sec_2 .webzine .cont li {float:left; width:200px; height:100%; overflow:hidden; box-shadow:5px 5px 13px rgba(0,0,0,0.2); -webkit-box-shadow:5px 5px 13px rgba(0,0,0,0.2);}
.newsroom .sec_2 .webzine .cont li:nth-child(2) {display:none;}
.newsroom .sec_2 .webzine .cont a {display:block; height:100%; position:relative;}
.newsroom .sec_2 .webzine .cont a:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background:url(/images/kor/content/newsroom_webzine_bg.png) repeat-y left top;}
.newsroom .sec_2 .webzine .cont a img {width:100%; height:100%;}
.newsroom .sec_2 .onair {width:43%; float:right; position:relative; box-sizing:border-box; padding-left:200px; margin-left:8%; transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.newsroom .sec_2 .onair .cont {height:260px; overflow:hidden;}
.newsroom .sec_2 .onair .cont a {display:block; height:100%; position:relative; background:#ddd;}
.newsroom .sec_2 .onair .cont a:before {content:""; display:block; width:88px; height:88px; position:absolute; margin:-70px 0 0 -44px; left:50%; top:50%; z-index:10; background:url(/images/kor/content/newsroom_onair_arrow.png) no-repeat center 50%;}
.newsroom .sec_2 .onair .cont a:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background:#000; opacity:0.7; -webkit-opacity:0.7;}
.newsroom .sec_2 .onair .cont a p {margin:0; width:100%; position:absolute; z-index:10; left:0; bottom:0; color:#fff; font-size:18px; box-sizing:border-box; padding:15px 8%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newsroom .sec_2 .onair .cont a p:after {content:""; display:block; border-top:1px solid #fff; width:100%; position:absolute; left:0; top:0; opacity:0.5; -webkit-opacity:0.5;}
.newsroom .sec_2 .onair .cont a span {position:absolute; width:1000px; height:100%; position:absolute; left:50%; top:0; margin-left:-500px;}
.newsroom .sec_2 .onair .cont a span img {display:block; margin:0 auto; height:100%;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.newsroom .sec_2 .onair .cont a:hover p,
.newsroom .sec_2 .onair .cont a:active p {text-decoration:underline;}
.newsroom .sec_2 .onair .cont a:hover span img,
.newsroom .sec_2 .onair .cont a:active span img {transform:scale(1.1);}
.newsroom .sec_2 .more_btn {display:block; border:1px solid #d4d4d4; background:#fff; width:28px; height:28px; position:absolute; right:0; top:2px; overflow:hidden; text-indent:-9999px;}
.newsroom .sec_2 .more_btn:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/kor/content/newsroom_more_bul.png) no-repeat center 50%;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.newsroom .sec_2 .more_btn:hover:after,
.newsroom .sec_2 .more_btn:active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 국민소통 서브메인
	연관단어 : talk

////////////////////////////////////////////////////////////////////////////// */
#sub.user #wrap.talk #visual {background:#6ebac2 url(/images/talk/layout/visual_bg.jpg) no-repeat center bottom; background-size:cover;}
#sub.user #wrap.talk #visual:before,
#sub.user #wrap.talk #visual:after {content:""; display:block; position:absolute; top:-40px; z-index:1; opacity:0; -webkit-opacity:0;
animation-name:talk_ani;
animation-delay: 0.3s;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
animation-timing-function: ease;
-webkit-animation-name:talk_ani;
-webkit-animation-delay: 0.3s;
-webkit-animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
}
#sub.user #wrap.talk #visual:before {background:url(/images/talk/layout/visual_bg1.png) no-repeat; left:0; width:586px; height:311px;}
#sub.user #wrap.talk #visual:after {background:url(/images/talk/layout/visual_bg2.png) no-repeat; right:0; width:523px; height:298px; left:auto;}
#sub.user #wrap.talk #visual .layout .slogon {font-family:"AritaBuri"; letter-spacing:0; font-weight:700; text-shadow:none; -webkit-text-shadow:none; color:#fcff27;}
#sub.user #wrap.talk #visual .layout .slogon img {display:block; margin:0 auto; margin-bottom:15px; width:100%; max-width:476px;}
#sub.user #wrap.talk #container {padding-left:0; max-width:100%;}
#sub.user #wrap.talk #container #content {padding:0;}
@keyframes talk_ani {
	0% {opacity:0; top:-40px;}
	100% {opacity:1; top:0;}
}
@-webkit-keyframes talk_ani {
	0% {opacity:0; top:-40px;}
	100% {opacity:1; top:0;}
}
.talk .slider {max-width:1250px; z-index:10; padding:55px 20px 40px;}		
.talk .more_btn {text-align:center; position:relative; margin:0 15px; margin-top:30px;}
.talk .more_btn:after {content:""; display:block; width:100%; height:1px; background:#e6e6e6; position:absolute; left:0; top:50%; z-index:1;}
.talk .more_btn a {display:inline-block; position:relative; text-decoration:none; z-index:10; vertical-align:top; text-align:center; background:#e2e2e2; color:#373737; font-weight:700; padding:13px 40px; font-size:16px; line-height:25px; border-radius:26px; -webkit-border-radius:26px;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.talk .more_btn a:after {content:"+"; display:inline-block; vertical-align:middle; color:#a2a2a2; margin-left:10px; font-size:22px; line-height:21px; height:24px;}
.talk .more_btn a:hover,
.talk .more_btn a:active {background:#d4d4d4;}
.talk .collusion {box-sizing:border-box; width:100%; overflow:hidden; position:relative;}
.talk .collusion ul.pc_type {display:block;}
.talk .collusion ul.mobile_type {display:none;}
.talk .collusion ul:after {content:""; display:block; clear:both;}
.talk .collusion ul li {float:left; width:33.333%;}
.talk .collusion ul li a {display:block; height:100%; padding:15px 4% 0 4%; position:relative; text-decoration:none;}
.talk .collusion ul li a .categoty {position:absolute; left:0; top:0; z-index:10; display:table; table-layout:fixed; width:74px; height:67px; background-size:100% auto !important; text-align:center; color:#fff;}
.talk .collusion ul li a .categoty span {display:table-cell; line-height:17px; padding:0 5px; vertical-align:middle; box-sizing:border-box;}
.talk .collusion ul li a .categoty.ty1 {background:url(/images/talk/content/bodo_box1.png) no-repeat center top;}
.talk .collusion ul li a .categoty.ty2 {background:url(/images/talk/content/bodo_box2.png) no-repeat center top;}
.talk .collusion ul li a .categoty.ty3 {background:url(/images/talk/content/bodo_box3.png) no-repeat center top;}
.talk .collusion ul li a .photo {height:245px; position:relative; background:#fff; margin-bottom:25px; overflow:hidden; box-shadow:5px 7px 15px rgba(0,0,0,0.2); -webkit-box-shadow:5px 7px 15px rgba(0,0,0,0.2);}
.talk .collusion ul li a .photo span {display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; opacity:0; -webkit-opacity:0;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.talk .collusion ul li a .photo span:before {content:""; display:block; background:url(/images/talk/content/collusion_onbg.png) no-repeat left bottom; position:absolute; left:0; top:0; width:100%; height:100%; z-index:5;}
.talk .collusion ul li a .photo span:after {content:"자세히보기"; text-align:center; color:#fff; box-sizing:border-box; padding-top:108px; font-size:20px; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.7); background-image:url(/images/talk/content/collusion_onbg.png); background-repeat:no-repeat; background-position:right top; position:absolute; left:0; top:0; z-index:3;}
.talk .collusion ul li a .photo img {display:block; width:100%; margin:0 auto; transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.talk .collusion ul li a:hover .photo span,
.talk .collusion ul li a:active .photo span {opacity:1; -webkit-opacity:1;}
.talk .collusion ul li a:hover .photo img,
.talk .collusion ul li a:active .photo img {transform:scale(1.1); -webkit-transform:scale(1.1);}
.talk .collusion ul li a p {margin:0;}
.talk .collusion ul li a .subject {font-size:18px; line-height:22px; color:#2e2e2e; font-weight:700; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.talk .collusion ul li a .date {color:#6e6e6e; margin-top:10px;}
.talk .collusion ul li a .infor {border-top:3px solid #dcdcdc; padding-top:10px; margin-top:15px;}
.talk .collusion ul li a .infor:after {content:""; display:block; clear:both;}
.talk .collusion ul li a .infor span {display:block;}
.talk .collusion ul li a .infor span em {display:inline-block; text-indent: -99999px;}
.talk .collusion ul li a .infor span.counter {float:left; color:#555; background:url(/images/talk/content/counter_ico.png) no-repeat left 50%; padding:0 0 0 22px;}
.talk .collusion ul li a .infor span.regist {float:right; color:#737373;}
.talk .collusion .scroll_ac {display:none;}
.talk .sec_2 {max-width:1220px; margin:0 auto; padding:0 20px 60px;}
.talk .sec_2:after {content:""; display:block; clear:both;}
.talk .sec_2 .popupzone {width:58.4%; float:left; height:280px; position:relative; background:#55708c;}
.talk .sec_2 .popupzone .control {height:auto; top:27px !important; bottom:auto !important; text-align:center; height:18px;} 
.talk .sec_2 .popupzone .control ul {position:relative; left:auto; bottom:0; width:auto; display:inline-block; vertical-align:top;}
.talk .sec_2 .popupzone .control ul li {margin-right:4px; margin-left:0;}
.talk .sec_2 .popupzone .control ul li a {width:18px; height:18px; box-shadow:none; -webkit-box-shadow:none; position:relative; background:none;}
.talk .sec_2 .popupzone .control ul li a:before,
.talk .sec_2 .popupzone .control ul li a:after {content:""; display:block; width:11px; height:11px; position:absolute; border-radius:50%; -webkit-border-radius:50%;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.talk .sec_2 .popupzone .control ul li a:before {background:#fff; opacity:0.5; -webkit-opacity:0.5; left:3px; top:3px;}
.talk .sec_2 .popupzone .control ul li a:after {border:3px solid #fff; left:0; top:0; opacity:0; -webkit-opacity:0;}
.talk .sec_2 .popupzone .control ul li a.on:before {opacity:0; -webkit-opacity:0;}
.talk .sec_2 .popupzone .control ul li a.on:after {opacity:1; -webkit-opacity:1;}
.talk .sec_2 .popupzone .control a[class*="btn_"] {position:relative; border:0; width:18px; height:18px;}
.talk .sec_2 .popupzone .control a.btn_left,
.talk .sec_2 .popupzone .control a.btn_right {display:none;}
.talk .sec_2 .popupzone .control a.btn_play,
.talk .sec_2 .popupzone .control a.btn_stop {right:auto; bottom:0;}
.talk .sec_2 .popupzone .control a.btn_play {background:url(/images/kor/content/talk_popupzone_play.png) no-repeat center 4px;}
.talk .sec_2 .popupzone .control a.btn_stop {background:url(/images/kor/content/talk_popupzone_stop.png) no-repeat center 4px;}
.talk .sec_2 .popupzone .move,
.talk .sec_2 .popupzone .move ul{overflow: visible;}
.talk .sec_2 .popupzone .move ul li a {cursor:pointer;}
.talk .sec_2 .suggest {width:38.5%; float:left; height:280px; position:relative; margin-left:3%;}
.talk .sec_2 .suggest a {display:block; height:100%; position:relative; text-decoration:none; box-sizing:border-box; padding:40px 8%; background:#e3ecdc;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.talk .sec_2 .suggest a:after {content:""; position:absolute; right:0; bottom:35px; display:block; width:178px; height:178px; background:url(/images/kor/content/talk_suggest_bg.png) no-repeat left top; background-size:100% auto;}
.talk .sec_2 .suggest h4 {margin:0 0 10px 0; background:none; padding:0; font-size:22px;}
.talk .sec_2 .suggest p {color:#777; margin:0 140px 15px 0;}
.talk .sec_2 .suggest p.link {display:inline-block; margin:0; background:#666c61; color:#fff; padding:5px 15px;}
.talk .sec_2 .suggest p.link span {display:inline-block; padding:0 15px 0 0; font-size:14px; background:url(/images/kor/content/talk_suggest_bul.png) no-repeat right 50%;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.talk .sec_2 .suggest a:hover,
.talk .sec_2 .suggest a:active {background:#d2e0c7;}
.talk .sec_2 .suggest a:hover p.link span,
.talk .sec_2 .suggest a:active p.link span {padding:0 25px 0 0;}
.talk .sec_2 .sns {float:left; width:100%; height:auto; position:relative; margin-top:35px; background:#e5e5e5; padding:35px 5%; box-sizing:border-box;}
.talk .sec_2 .sns:after {content:""; display:block; clear:both;}
.talk .sec_2 .sns h4 {margin:21px 0 0 0; background:none; padding:0; float:left; width:25%; font-size:22px;}
.talk .sec_2 .sns ul {float:left; width:75%;}
.talk .sec_2 .sns ul:after {content:""; display:block; clear:both;}
.talk .sec_2 .sns ul li {float:left; width:32%; margin-left:2%;}
.talk .sec_2 .sns ul li:first-child {margin-left:0;}
.talk .sec_2 .sns ul li a{overflow:hidden; display:block; height:70px; background-color:#fff; background-position:center 50% !important; background-repeat:no-repeat !important; text-indent:-9999px;
transition : all 0.3s ease;
-webkit-transition : all 0.3s ease;
border-radius:35px;
-webkit-border-radius:35px;
 }
.talk .sec_2 .sns ul li a:hover,
.talk .sec_2 .sns ul li a:active {box-shadow:0 3px 15px rgba(0,0,0,0.1); -webkit-box-shadow:0 3px 15px rgba(0,0,0,0.1);}
.talk .sec_2 .sns ul li a.fb {background-image:url(/images/kor/content/talk_sns_ico1.png);}
.talk .sec_2 .sns ul li a.tw {background-image:url(/images/kor/content/talk_sns_ico2.png);}
.talk .sec_2 .sns ul li a.bl {background-image:url(/images/kor/content/talk_sns_ico3.png);}
.talk .sec_2 .sns ul li a.yt {background-image:url(/images/kor/content/talk_sns_ico4.png);}
.talk .sec_2 .sns ul li a.fb:hover,
.talk .sec_2 .sns ul li a.fb:active {background-image:url(/images/kor/content/talk_sns_ico1_on.png);}
.talk .sec_2 .sns ul li a.tw:hover,
.talk .sec_2 .sns ul li a.tw:active {background-image:url(/images/kor/content/talk_sns_ico2_on.png);}
.talk .sec_2 .sns ul li a.bl:hover,
.talk .sec_2 .sns ul li a.bl:active {background-image:url(/images/kor/content/talk_sns_ico3_on.png);}
.talk .sec_2 .sns ul li a.yt:hover,
.talk .sec_2 .sns ul li a.yt:active {background-image:url(/images/kor/content/talk_sns_ico4_on.png);}

@media screen and (max-width: 1023px){
	.talk .slider{padding:45px 3% 35px;}
	.talk .collusion {overflow:hidden;}
	.talk .collusion ul.mobile_type {display:block;}
	.talk .collusion ul.pc_type {display:none;}	
	.talk .collusion ul li:nth-child(4) {display:block;}
	.talk .collusion ul li a .categoty {width:64px; height:58px;}
	.talk .collusion ul li a .categoty span{padding:0 15px;}
	.talk .collusion ul li a .photo {height:210px; margin-bottom:20px;}
	.talk .collusion ul li a .photo span:after {font-size:20px; padding-top:95px;}
	.talk .collusion ul li a .subject {max-height:48px; overflow:hidden;}
	.talk .collusion ul li a .date span {display:none;}
	.talk .collusion .scroll_ac,
	.talk .collusion .scroll_ac:after {
	animation-delay: 0.3s;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: linear;
	-webkit-animation-delay: 0.3s;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	}
	.talk .collusion .scroll_ac {display:block; background-color:rgba(0,0,0,0.7); box-shadow:0 0 12px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 12px rgba(0,0,0,0.5); position:absolute; z-index:501; left:50%; top:80px; margin:0 0 0 -100px; width:200px; height:80px; overflow:hidden; text-indent:-9999px; border-radius:40px; -webkit-border-radius:40px;
	animation-delay: 2.5s; -webkit-animation-delay: 2.5s;
	animation-duration: 0.5s; -webkit-animation-duration: 0.5s;
	animation-iteration-count: 1; -webkit-animation-iteration-count: 1;
	animation-name:scroll_ani1; -webkit-animation-name:scroll_ani1;}
	.talk .collusion .scroll_ac:after {content:""; display:block; background:url(/images/talk/content/scroll_ico.png) no-repeat center 50%; position:absolute; width:100%; height:100%; left:0; top:0; background-size:auto 60%;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
	animation-name:scroll_ani2; -webkit-animation-name:scroll_ani2;}
		@keyframes scroll_ani1 {
			0% {opacity:1;}
			100% {opacity:0;}
		}
		@-webkit-keyframes scroll_ani1 {
			0% {opacity:1;}
			100% {opacity:0;}
		}
		@keyframes scroll_ani2 {
			0% {opacity:0; background-position:30% 50%;}
			50% {opacity:1; background-position:50% 50%;}
			100% {opacity:0; background-position:70% 50%;}
		}
		@-webkit-keyframes scroll_ani2 {
			0% {opacity:0; background-position:30% 50%;}
			50% {opacity:1; background-position:50% 50%;}
			100% {opacity:0; background-position:70% 50%;}
		}
	.talk .sec_2 {padding:0 3% 50px;}
}
@media (max-width: 940px){
	.talk .sec_2 .suggest a{padding:30px 6% 100px;}
	.talk .sec_2 .suggest a:after{bottom:25px; width:130px; height:130px;}
	.talk .sec_2 .suggest p{margin:0 0 15px 0;}
	.talk .sec_2 .suggest h4{font-size:20px;}
	.talk .sec_2 .sns{margin-top:20px; padding:30px 4%;}
	.talk .sec_2 .sns h4{margin:15px 0 0 0; font-size:20px;}
	.talk .sec_2 .sns ul li a{height:55px;}
}
@media (max-width: 840px){
	.talk .collusion .scroll_ac {top:95px;}
	.talk .collusion ul li {width:50%;}
	.talk .collusion ul li a .photo {box-shadow:5px 7px 10px rgba(0,0,0,0.2); -webkit-box-shadow:5px 7px 10px rgba(0,0,0,0.2);}
	.talk .collusion ul li a .photo span:after {padding-top:110px;}
}
@media (max-width: 740px){
	.talk .sec_2 .popupzone{width:100%;}
	.talk .sec_2 .suggest{width:100%; height:auto; margin-top:10px; margin-left:0;}
	.talk .sec_2 .suggest a{padding:20px 4%;}
	.talk .sec_2 .suggest a:after{bottom:17px; width:120px; height:120px;}
	.talk .sec_2 .suggest p{margin:0 100px 15px 0;}
	.talk .sec_2 .sns{padding:20px 4%;}
	.talk .sec_2 .sns h4{width:28%; margin:11px 0 0 0;}
	.talk .sec_2 .sns ul{width:72%;}
	.talk .sec_2 .sns ul li a{height:45px;}
	.talk .sec_2 .sns ul li a.fb{background-size:71%;}
	.talk .sec_2 .sns ul li a.tw{background-size:75%;}
	.talk .sec_2 .sns ul li a.bl{background-size:41%;}
	.talk .sec_2 .sns ul li a.yt{background-size:57%;}
}
@media (max-width: 640px){
	.talk .slider {padding:35px 2%;}
	.talk .collusion .scroll_ac {top:85px;}
	.talk .collusion ul li a .categoty{width:57px; height:52px;}
	.talk .collusion ul li a .categoty span{font-size:14px;}
	.talk .collusion ul li a .photo {height:190px;}
	.talk .collusion ul li a .photo span:after {padding-top:95px; font-size:18px;}
	.talk .collusion ul li a .subject{font-size:16px;}
	.talk .collusion ul li a .date{margin-top:2px; font-size:13px;}
	.talk .collusion ul li a .infor{margin-top:12px; padding-top:6px;}
	.talk .collusion ul li a .infor span.counter,
	.talk .collusion ul li a .infor span.regist{font-size:13px;}
	.talk .sec_2 {padding:0 2% 40px;}
	.talk .sec_2 .popupzone{height:240px;}
	.talk .sec_2 .suggest h4{margin:0 0 5px 0; font-size:19px;}
	.talk .sec_2 .suggest a:after{bottom:10px;}
	.talk .sec_2 .sns h4{width:100%; margin:0 0 10px 0; font-size:19px;}
	.talk .sec_2 .sns ul{width:100%; padding:0 5%; box-sizing:border-box;}
	.talk .sec_2 .sns ul li{width:30%; margin-left:3%;}
}
@media (max-width: 540px){
	.talk .collusion .scroll_ac {top:110px; height:60px; width:150px; margin-left:-75px;}	
	.talk .collusion ul li {width:100%;}
	.talk .collusion ul li a .photo {height:230px;}
	.talk .collusion ul li a .photo span:after {padding-top:115px;}
	.talk .collusion ul li a .subject {max-height:inherit; width:auto; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
}
@media (max-width: 480px){
	.talk .sec_2 .popupzone{height:200px;}
	.talk .collusion .scroll_ac {top:100px;}
	.talk .collusion ul li a .photo span:after {padding-top:105px;}
	.talk .sec_2 .sns ul{padding:0;}
	.talk .sec_2 .sns ul li a{height:40px; border-radius:10px; -webkit-border-radius:10px;}
	}
@media (max-width: 400px){
	.talk .collusion .scroll_ac {top:85px;}	
	.talk .collusion ul li a .photo {height:200px;}	
	.talk .collusion ul li a .photo span:after {padding-top:95px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 동영상 리스트 (3개 타입)
	연관단어 : movie_player

////////////////////////////////////////////////////////////////////////////// */
.movie_player {margin:20px 0 0 0; border-top:2px solid #333333; padding:30px 0 40px 0;}
.movie_player .inner {background:#e8e8e8; padding:30px;}
.movie_player .inner:after {content:""; display:block; clear:both;}
.movie_player .inner .player {background:#3b3b3b; height:350px; float:left; width:67%; margin-right:3%;}
.movie_player .inner .infor {background:#fff; height:350px; float:right; width:30%; overflow:auto; box-sizing:border-box; padding:25px 3%;}
.movie_player .inner .infor p {margin:0;}
.movie_player .inner .infor .title {font-weight:600; font-size:18px; line-height:22px; color:#222;}
.movie_player .inner .infor .date {margin-top:5px; color:#9a9a9a; font-size:14px; line-height:18px;}
.movie_player .inner .infor .subtitle {border-top:1px solid #d9d9d9; margin-top:15px; padding:15px 0 0 0; font-size:14px;}
.movie_list ul {border-bottom:1px solid #dcdcdc;}
.movie_list ul:after {content:""; display:block; clear:both;}
.movie_list ul li {width:32%; margin-right:2%; float:left; margin-bottom:20px;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.movie_list ul li:nth-child(3n) {margin-right:0;}
.movie_list ul li a {display:block; height:100%; text-decoration:none; position:relative;}
.movie_list ul li a .photo {height:200px; overflow:hidden; background:#bbc4cc; position:relative;}
.movie_list ul li a .photo span {position:absolute; left:50%; top:0; height:100%; width:2000px; margin-left:-1000px;}
.movie_list ul li a .photo span img {display:block; margin:0 auto; height:100%;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.movie_list ul li a .photo:before,
.movie_list ul li a .photo:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; opacity:0; -webkit-opacity:0;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;} 
.movie_list ul li a .photo:before {z-index:5; content:"자세히 보기"; color:#fff; text-align:center; font-size:18px; line-height:24px; font-weight:600; padding-top:90px; background:url(/images/kor/content/board_photo_activebg.png) no-repeat left bottom;}
.movie_list ul li a .photo:after {background:#22498a url(/images/kor/content/board_photo_activebg.png) no-repeat right top; z-index:1;}
.movie_list ul li a:hover .photo:before,
.movie_list ul li a:active .photo:before,
.movie_list ul li a:hover .photo:after,
.movie_list ul li a:active .photo:after {opacity:0.9; -webkit-opacity:0.9;}
.movie_list ul li a .infor {height:40px; padding:10px 0;}
.movie_list ul li a .infor p {margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.movie_list ul li a .infor p.title {font-weight:600; font-size:16px; line-height:20px; color:#222;}
.movie_list ul li a .infor p.date {margin-top:3px; color:#7C7C7C; font-size:14px; line-height:18px;}
.movie_list ul li a:hover .photo span img,
.movie_list ul li a:active .photo span img {transform:scale(1.1); -webkit-transform:scale(1.1);}
.movie_list.ty2 ul {border:0;}
.movie_list.ty2 ul li:first-child {width:100%; margin-right:0;}
.movie_list.ty2 ul li:nth-child(3n) {margin-right:2%;}
.movie_list.ty2 ul li:nth-child(3n+1) {margin-right:0;}
.movie_list.ty2 ul li a .photo {height:175px;}
.movie_list.ty2 ul li a .photo:before,
.movie_list.ty2 ul li a .photo:after {display:none;}
.movie_list.ty2 ul li a .infor {border:1px solid #e6e6e6; padding:0 4%; border-top:0; height:60px; display:table; table-layout:fixed; word-wrap:break-word; box-sizing:border-box; width:100%;}
.movie_list.ty2 ul li a .infor p.title {width:100%; box-sizing:border-box; color:#626262; text-align:center; display:table-cell; vertical-align:middle;}
.movie_list.ty2 ul li a .infor p.title span,
.movie_list.ty2 ul li a .infor p.date {display:none;}
.movie_list.ty2 ul li a:before,
.movie_list.ty2 ul li a:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; opacity:0; -webkit-opacity:0;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.movie_list.ty2 ul li a:before {z-index:5; content:"자세히 보기"; color:#fff; text-align:center; font-size:18px; line-height:24px; font-weight:600; padding-top:105px; background:url(/images/kor/content/board_photo_activebg.png) no-repeat left bottom;}
.movie_list.ty2 ul li a:after {background:#22498a url(/images/kor/content/board_photo_activebg.png) no-repeat right top; z-index:1;}
.movie_list.ty2 ul li:first-child a:before {font-size:22px; line-height:26px; padding-top:220px;}
.movie_list.ty2 ul li:first-child a .photo {height:400px;}
.movie_list.ty2 ul li:first-child a .infor {height:80px; position:relative;}
.movie_list.ty2 ul li:first-child a .infor p.title {text-align:left; font-size:20px; line-height:24px; color:#222; padding-right:90px;}
.movie_list.ty2 ul li:first-child a .infor p.title span {display:inline-block; vertical-align:top; position:relative; font-size:15px; color:#878787; font-weight:normal; margin-left:15px; padding-left:15px;}
.movie_list.ty2 ul li:first-child a .infor p.title span:after {content:""; display:block; width:1px; height:18px; background:#e1e1e1; position:absolute; left:0; top:3px;}
.movie_list.ty2 ul li:first-child a .infor p.date {display:block; position:absolute; right:4%; top:50%; margin:-10px 0 0 0;}
.movie_list.ty2 ul li a:hover:before,
.movie_list.ty2 ul li a:active:before,
.movie_list.ty2 ul li a:hover:after,
.movie_list.ty2 ul li a:active:after {opacity:0.9; -webkit-opacity:0.9;}
.movie_list.ty3 {border-top:2px solid #333; margin-top:20px; padding:30px 0 0 0;}
.movie_list.ty3 ul li:first-child {width:66%; height:520px;}
.movie_list.ty3 ul li:nth-child(2),
.movie_list.ty3 ul li:nth-child(3) {margin-right:0;}
.movie_list.ty3 ul li:first-child a .photo {height:480px;}
.movie_list.ty3 ul li:first-child a .photo:before {font-size:22px; line-height:26px; padding-top:230px;}
.movie_list.ty3 ul li a .photo span img{height:138%; margin:-2% auto 0 auto;}
.movie_list.ty3 ul li:first-child a .photo span img{height:139%; margin:-5% auto 0 auto;}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : PDF 뷰어
	연관단어 : pdf_viewer_list

////////////////////////////////////////////////////////////////////////////// */
.pdf_viewer_list {border-top:2px solid #333; border-bottom:1px solid #dcdcdc; padding:40px 4%; margin-top:20px;}
.pdf_viewer_list ul {width:auto; display:flex; flex-wrap:wrap}
.pdf_viewer_list ul:after {content:""; display:block; clear:both;}
.pdf_viewer_list ul li{
	float:left; width:25%; margin-top:30px; box-sizing:border-box;
	transition : width 0.3s ease;	
	-webkit-transition : width 0.3s ease;
}
.pdf_viewer_list ul li:first-child,
.pdf_viewer_list ul li:nth-child(2),
.pdf_viewer_list ul li:nth-child(3),
.pdf_viewer_list ul li:nth-child(4){margin-top:0;}
.pdf_viewer_list ul li:nth-child(4n+1){padding:0 30px 0 0;}
.pdf_viewer_list ul li:nth-child(4n+2){padding:0 20px 0 10px;}
.pdf_viewer_list ul li:nth-child(4n+3){padding:0 10px 0 20px;}
.pdf_viewer_list ul li:nth-child(4n+4){padding:0 0 0 30px;}
.pdf_viewer_list ul li .photo {overflow:hidden; position:relative; max-height:318px; border:1px solid #e6e6e6; box-sizing:border-box;}
.pdf_viewer_list ul li .photo img {display:block; width:100%; transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.pdf_viewer_list ul li p{
	margin:0; padding:10px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;
	transition : all 0.3s ease;	
	-webkit-transition : all 0.3s ease;
}
.pdf_viewer_list ul li p span{overflow:hidden; display:block; height:36px;}
.pdf_viewer_list ul li p.title {font-size:15px; line-height:19px; font-weight:700; color:#222;}
/* .pdf_viewer_list ul li p.date {font-size:14px; line-height:18px; color:#9a9a9a;} */
.pdf_viewer_list ul li .btns:after {content:""; display:block; clear:both;}
.pdf_viewer_list ul li .btns a {
	float:left; width:50%; height:40px; line-height:38px; padding:0; min-width:10px;
	transition : all 0.3s ease;	
	-webkit-transition : all 0.3s ease;
}
.pdf_viewer_list ul li .btns a.view{background-color:#6b7689; border:1px solid #6b7689;}
.pdf_viewer_list ul li .btns a.view:hover{background-color:#fff;}
.pdf_viewer_list ul li .btns a.down {margin-left:0;}
.pdf_viewer_list ul li.no{width:100%; margin:0; text-align:center; padding:80px 0;}

#sub.user #wrap.pdf {height:100%;}
#sub.user #wrap.pdf #container {max-width:100%; height:100%; padding:0 0 0 250px;} 
#sub.user #wrap.pdf #container #content {padding:0; height:100%;}
#sub.user #wrap.pdf #container #content #txt {height:100%;}
#sub.user #wrap.pdf #container #content #txt .pdf_viewer {height:100%;}
#sub.user #wrap.pdf #container #content #txt .pdf_viewer .scroll_wrap {position:fixed; left:0; top:0; height:100%; overflow:auto; width:250px; background:#fafafa; z-index:10; box-shadow:0 5px 20px rgba(0,0,0,0.3); -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.3);}
#sub.user #wrap.pdf #container #content #txt .pdf_viewer .scroll_wrap ul {width:100%;}
#sub.user #wrap.pdf #container #content #txt .pdf_viewer .scroll_wrap ul li {border-bottom:1px solid #d9d9d9;}
#sub.user #wrap.pdf #container #content #txt .pdf_viewer .scroll_wrap ul li a {display:block; color:#6c6c6c; padding:12px 15px; text-decoration:none;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
#sub.user #wrap.pdf #container #content #txt .pdf_viewer .scroll_wrap ul li a.on,
#sub.user #wrap.pdf #container #content #txt .pdf_viewer .scroll_wrap ul li a:hover {color:#fff; background:#4f5f79;}
#sub.user #wrap.pdf #container #content #txt .pdf_viewer .view {height:100%;}
#sub.user #wrap.pdf #container #content #txt .pdf_viewer .view iframe {height:100% !important; border:0;}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 커뮤니티맵
	연관단어 : community

////////////////////////////////////////////////////////////////////////////// */
body.community_fixed {position:fixed;}
#sub.user #wrap.community {padding:90px 0 0 0; box-sizing:border-box;}
#sub.user #wrap.community .mobile_ck {display:none;}
#sub.user #wrap.community.type_map {overflow:hidden; height:100%;}
#sub.user #wrap.community #header {height:auto; padding:0;}
#sub.user #wrap.community #header:before,
#sub.user #wrap.community #header:after {display:none;}
#sub.user #wrap.community #header h1 {left:2%; margin-left:0; top:24px; width:205px; height:39px; overflow:hidden; background:url(/images/kor/content/community_logo.svg) no-repeat left top; text-indent:-9999px;}
#sub.user #wrap.community #header .community_close {position:absolute; right:2%; top:22px; overflow:hidden; text-indent:-9999px; width:42px; height:42px; border:1px solid #f5d09b;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
#sub.user #wrap.community #header .community_close:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/kor/content/gis_close_bul.png) no-repeat center 50%;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
#sub.user #wrap.community #header .community_close:hover,
#sub.user #wrap.community #header .community_close:active {border:1px solid #fff;}
#sub.user #wrap.community #header .community_close:hover:after,
#sub.user #wrap.community #header .community_close:active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#sub.user #wrap.community #container {max-width:100%; padding-left:0; height:100%;}
#sub.user #wrap.community #container #content {height:100%; padding:0;}
#sub.user #wrap.community #container #content #txt {height:100%;}
.community .find_map {background:#e78a05 url(/images/kor/content/community_headerbg.png) no-repeat center top; height:90px; position:fixed; left:0; top:0; width:100%; z-index:501;}
.community .find_map .layout {padding:20px 0;}
.community .find_map .category {width:auto; text-align:center;}
.community .find_map .category:after {content:""; display:block; clear:both;}
.community .find_map .category li {width:170px; display:inline-block; vertical-align:top; margin:0 3px;}
.community .find_map .category li a{display:block; text-align:center; height:45px; line-height:45px; color:#fff; border:1px solid #fff;}
.community .find_map .category li a:before {content:""; display:inline-block; vertical-align:middle; margin-top:-3px; width:20px; height:16px; margin-right:5px;} 
.community .find_map .category li.bn01 a:before {background:url(/images/kor/content/community_link_ico1.png) no-repeat center 50%;}
.community .find_map .category li.bn02 a:before {background:url(/images/kor/content/community_link_ico2.png) no-repeat center 50%; width:16px;}
.community .find_map .category li.bn03 a:before {background:url(/images/kor/content/community_link_ico3.png) no-repeat center 50%; width:11px;}
.community .find_map .category li a.on {background:#c24f02; border:1px solid #c24f02;}
.community .find_map .category li a span{font-size:16px;}
.community .cont {width:100%; position:relative;}
.community .cont .form {border-top:2px solid #333;}
.community .cont .form li {display:table; width:100%; table-layout:fixed; word-wrap:break-word; border-bottom:1px solid #dcdcdc;}
.community .cont .form li .title,
.community .cont .form li .input{display:table-cell; vertical-align:middle; box-sizing:border-box; padding:10px;}
.community .cont .form li .input p {margin:0; padding:8px 0;}
.community .cont .form li .title {background:#fafafa; width:160px; text-align:center; color:#222; border-right:1px solid #dcdcdc;}
.community .cont .form li textarea {width:100%; height:150px; resize:none; margin:0; display:block; padding:10px;}
.community .cont .form li span.guide {display:inline-block; vertical-align:middle; color:#a6a5a5; font-size:14px;}
.community .cont .form li .preview_photo {} 
.community .cont .form li .preview_photo:after {content:""; display:block; clear:both;}
.community .cont .form li .preview_photo li {background:#ccc; width:24%; height:160px; float:left; overflow:hidden; display:block; position:relative; border:0; margin-right:1%; margin-bottom:10px;} 
.community .cont .form li .preview_photo li img {display:block; width:100%; margin:0 auto;}
.community .cont .form li .preview_photo li .delete {position:absolute; right:0; top:0; width:25px; height:25px; background:#c92222 url(/images/kor/content/preview_delete_bul.png) no-repeat center 50%; overflow:hidden; text-indent:-9999px;}
.community .cont .form li .file {margin-top:10px; position:relative;} 
.community .cont .form li .file ul {width:75%;}
.community .cont .form li .file ul li {border:0; display:block; width:auto; overflow:hidden; position:relative; margin-top:5px;}
.community .cont .form li .file ul li input[type="file"] {width:40%; float:left; height:37px; line-height:37px; box-sizing:border-box; padding-right:10px; background:none;}
.community .cont .form li .file ul li input[type="text"] {width:60%; float:left;}
.community .cont .form li .file .add_btn {position:absolute; left:75%; top:0; margin-left:5px;}
.community .cont .form li .file .add_btn:before {content:""; display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-2px; width:12px; height:12px; background:url(/images/kor/content/community_addbtn_bul.png) no-repeat center 50%;}
.community .cont .form li .file .add_btn:hover:before {background:url(/images/kor/content/community_addbtn_bul_on.png) no-repeat center 50%;}
.community .cont .form li .symbol:after {content:""; display:block; clear:both;}
.community .cont .form li .symbol li {border:0; float:left; display:block; width:auto; margin-right:10px;}
.community .cont .form li .symbol li .dsi_radio input {left:50%; top:auto; bottom:1px; margin-left:-7px;}
.community .cont .form li .symbol li .dsi_radio label {padding:60px 0 0 0; position:relative; display:block; width:32px; z-index:10;}
.community .cont .form li .symbol li .dsi_radio label img {display:block; position:absolute; left:0; top:0} 
.community .cont .form li .symbol li .dsi_radio label:before {top:auto; bottom:7px; left:16px;}
.community .cont .form li .symbol li .dsi_radio input:checked+label:before {margin-left:-4px; top:auto; bottom:4px;}	
.community .cont .form li .symbol li .dsi_radio label:after {left:50%; top:auto; bottom:0; margin-left:-8px;}
.community .cont .form li .input #map {height:400px !important; margin-top:10px;}
.community .cont .form li .conform_check label{vertical-align:middle;}
.community.type_list .cont {padding:50px 0 40px 0; max-width:1400px; margin:0 auto;}
.community.type_list .cont .list {width:100%; border-top:2px solid #333;}
.community.type_list .cont .list li {display:table; table-layout:fixed; word-wrap:break-word; width:100%; border-bottom:1px solid #dcdcdc; position:relative; overflow:hidden;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.community.type_list .cont .list li.no{padding:15px 0; text-align:center;}
.community.type_list .cont .list li .no,
.community.type_list .cont .list li .state{width:8%;}
.community.type_list .cont .list li .subject,
.community.type_list .cont .list li .txt{width:auto;}
.community.type_list .cont .list li .open,
.community.type_list .cont .list li .edit,
.community.type_list .cont .list li .community{width:10%;}
.community.type_list .cont .list li .good {width:10%;}
.community.type_list .cont .list li .date {width:15%;}
.community.type_list .cont .list li.thead {background:#fafafa !important;}
.community.type_list .cont .list li:hover,
.community.type_list .cont .list li:active {background:#f8f9fa;}
.community.type_list .cont .list li strong,
.community.type_list .cont .list li p{
	display:table-cell; margin:0; padding:15px 10px; height:51px; box-sizing:border-box; text-align:center;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
.community.type_list .cont .list li p em{display:none;}
.community.type_list .cont .list li p a {color:#333;}
.community.type_list .cont .list li .good:before {content:""; display:inline-block; vertical-align:middle; margin-right:3px; width:13px; height:12px; background:url(/images/kor/content/community_good_ico.png) no-repeat;}
.community.type_list .cont .list li.thead .good:before {display:none;}
.community.type_list .cont .list li p.state {padding:11px 10px;}
.community.type_list .cont .list li p.state span {display:inline-block; vertical-align:top; color:#fff; font-size:14px; padding:5px 10px; box-sizing:border-box; min-width:70px;}
.community.type_list .cont .list li p.state span.ty1 {background:#00987d;}
.community.type_list .cont .list li p.state span.ty2 {background:#ea7400;}
.community.type_list .cont .list li p.state span.ty3 {background:#005baf;}
.community.type_list .cont .list li p.state span.ty4 {background:#bbb;}
.community.type_list .cont .list li strong {font-size:16px;}
.community.type_list .cont .list li p.subject,
.community.type_list .cont .list.mypage li p.txt{text-align:left;}
.community.type_list .cont .community_slt a{height:42px; line-height:42px; background:#333; border:1px solid #333;}
.community.type_list .cont .community_slt a:hover{background:#fff; color:#333;}
.community.type_list .cont .appli_btn:after {content:""; display:inline-block; vertical-align:middle; margin-top:-3px; width:6px; height:11px; margin-left:8px; background:url(/images/kor/layout/link_ico.png) no-repeat center 50%; background-size:100% auto;}
.community.type_list .cont .appli_btn:hover:after {background:url(/images/kor/layout/link_ico2_on.png) no-repeat center 50%;}
.community.type_map .cont {max-width:100%; overflow:hidden; height:100%; padding-left:335px; box-sizing:border-box;}
.community.type_map .cont .remote {
	position:absolute; left:0; top:0; z-index:51; width:335px; height:100%; background:#fff; box-shadow:5px 0 15px rgba(0,0,0,0.2); -webkit-box-shadow:5px 0 15px rgba(0,0,0,0.2); box-sizing:border-box;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
	opacity:0.95;
	-webkit-opacity:0.95;
}
.community.type_map .cont .remote.off {left:-335px;}
.community.type_map .cont .remote .title{width:100%; height:50px; margin:0; padding:0 15px; background:#6c7679; color:#fff; box-sizing:border-box;}
.community.type_map .cont .remote .title p {margin:0; line-height:50px;}
.community.type_map .cont .remote .title .location_regist .appli_btn{
	position:absolute; font-size:13px; height:30px; line-height:30px; right:15px; top:10px; padding:0 12px; display:inline-block; vertical-align:top; background:#fff; border:1px solid #fff; text-decoration:none; color:#767676; box-sizing:border-box;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
.community.type_map .cont .remote .title .location_regist .ca_list_btn{
	overflow:hidden; position:absolute; top:10px; right:88px; width:30px; height:30px; background:#fff url(/images/kor/content/community_lst_arrow.png) no-repeat center center; border:1px solid #fff; text-indent:-2000px; box-sizing:border-box;
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
} 
.community.type_map .cont .remote .title .location_regist .form {width:700px; border:0; box-sizing:border-box; padding:40px 70px; height:130px; left:-700px; position:absolute; z-index:51; display:none;}
.community.type_map .cont .remote .title .location_regist .form:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:#000; opacity:0.8; -webkit-opacity:0.8;}
.community.type_map .cont .remote .title .location_regist .form .inner {position:relative; height:50px; z-index:10; box-sizing:border-box; padding-right:190px;}
.community.type_map .cont .remote .title .location_regist .form .inner input[type="text"] {border:0; background:#fff; width:100%; height:100%; font-size:14px; line-height:50px;}
.community.type_map .cont .remote .title .location_regist .form .inner a,
.community.type_map .cont .remote .title .location_regist .form .inner input[type="submit"] {display:block; height:100%; text-decoration:none; position:absolute; text-align:center; top:0; width:50px; line-height:50px; box-sizing:border-box; overflow:hidden;}
.community.type_map .cont .remote .title .location_regist .form .inner input[type="submit"] {right:140px; text-indent:-9999px; background:#fff url(/images/kor/content/board_find_ov.png) no-repeat center 50%;}
.community.type_map .cont .remote .title .location_regist .form .inner a.write_btn {right:60px; background:#0b9579; color:#fff; width:80px;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.community.type_map .cont .remote .title .location_regist .form .inner a.write_btn:hover,
.community.type_map .cont .remote .title .location_regist .form .inner a.write_btn:active {background:#047f66;}
.community.type_map .cont .remote .title .location_regist .form .inner a.close_btn {border:1px solid #b0b0b0; right:0; text-indent:-9999px;}
.community.type_map .cont .remote .title .location_regist .form .inner a.close_btn:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/kor/content/gis_close_bul.png) no-repeat center 50%;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.community.type_map .cont .remote .title .location_regist .form .inner a.close_btn:hover:after,
.community.type_map .cont .remote .title .location_regist .form .inner a.close_btn:active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.community.type_map .cont .remote .title .location_regist .appli_btn:before {content:""; display:inline-block; vertical-align:middle; width:15px; height:17px; margin-right:3px; margin-top:-1px; background:url(/images/kor/content/location_regist_btn.png) no-repeat;}
.community.type_map .cont .remote .title .location_regist .appli_btn:hover,
.community.type_map .cont .remote .title .location_regist .appli_btn:active,
.community.type_map .cont .remote .title .location_regist .ca_list_btn:hover{border:1px solid #3d4446;}
.community.type_map .cont .remote .search {/*position:absolute; left:0; top:50px; z-index:101;*/position:relative; width:100%; height:50px; padding-right:50px; background:#eaeaea;  box-sizing:border-box;}
.community.type_map .cont .remote .search input[type="text"] {border:0; background:none; height:50px; line-height:50px; width:100%; font-size:14px;}
.community.type_map .cont .remote .search input[type="submit"] {color:#fff; width:50px; height:50px; position:absolute; right:0; top:0; overflow:hidden; text-indent:-9999px; background:#111 url(/images/kor/content/gis_search_ico.png) no-repeat center 50%;}
.community.type_map .cont .remote .tag {/* position:absolute; left:0; top:100px; z-index:101; */overflow:auto; width:100%; height:auto; max-height:100px; padding:14px 15px; background:#3d4a50; box-sizing:border-box;}
.community.type_map .cont .remote .tag a {display:inline-block; vertical-align:top; float:left; color:#fff; font-size:12px; text-decoration:none; border:1px solid #888f92; padding:2px 5px; margin:2px;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.community.type_map .cont .remote .tag a:hover,
.community.type_map .cont .remote .tag a:active {background:#fff; border:1px solid #fff; color:#444;}
.community.type_map .cont .remote .list {height:100%; overflow:auto;}
.community.type_map .cont .remote .list ul {width:100%;}
.community.type_map .cont .remote .list ul li {border-bottom:1px solid #dadada; position:relative;}
.community.type_map .cont .remote .list ul li.no_data {padding:18px 15px; text-align:center;}
.community.type_map .cont .remote .list ul li a {display:block; height:100%; padding:18px 15px; text-decoration:none; transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.community.type_map .cont .remote .list ul li a:hover,
.community.type_map .cont .remote .list ul li a:active {background:#f5f6f6;}
.community.type_map .cont .remote .list ul li p {margin:0; font-size:12px; color:#757575;}
.community.type_map .cont .remote .list ul li .name {font-weight:600; font-size:16px; color:#cd5200;margin-bottom:2px;}
.community.type_map .cont .remote .list ul li .infor {overflow:hidden;}
.community.type_map .cont .remote .list ul li .infor:after {content:""; display:block; clear:both;}
.community.type_map .cont .remote .list ul li .infor span {display:inline-block; vertical-align:top; float:left; padding:0 8px; position:relative;}
.community.type_map .cont .remote .list ul li .infor span:after {content:""; display:block; width:1px; height:10px; background:#dbdbdb; position:absolute; left:0; top:50%; margin-top:-5px;}
.community.type_map .cont .remote .list ul li .infor span:first-child {padding-left:0;}
.community.type_map .cont .remote .list ul li .infor span:first-child:after {display:none;}
.community.type_map .cont .remote .list ul li .infor span.good:before {content:""; display:inline-block; margin:-1px 3px 0 0; width:11px; height:10px; vertical-align:middle; background:url(/images/kor/content/community_good_ico.png) no-repeat center 50%; background-size:100% auto;}
.community.type_map .cont .remote .list .page {margin:20px 0 30px 0;}
.community.type_map .cont .remote .list .page a,
.community.type_map .cont .remote .list .page a.page_first, 
.community.type_map .cont .remote .list .page a.page_left, 
.community.type_map .cont .remote .list .page a.page_right, 
.community.type_map .cont .remote .list .page a.page_end{width:28px; height:28px; line-height:28px; font-size:13px;}
.community.type_map .cont .remote .list .page a:not([class*="page_"]):hover:before,
.community.type_map .cont .remote .list .page a strong{line-height:26px;}
.community.type_map .cont .remote .toggle_btn{display:none; height:50px; width:50px; position:absolute; right:-50px; top:0; z-index:10; overflow:hidden; background:#e14008; text-indent:-9999px; box-shadow:5px 0 15px rgba(0,0,0,0.2); -webkit-box-shadow:5px 0 15px rgba(0,0,0,0.2);
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.community.type_map .cont .remote .toggle_btn:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/kor/content/gis_map_togglebtn_bul.png) no-repeat center 50%;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.community.type_map .cont .remote .toggle_btn:hover,
.community.type_map .cont .remote .toggle_btn:active {background:#cb3704;}
.community.type_map .cont .remote .toggle_btn.off:after {transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
.community.type_map .cont .map {position:relative; width:100%; height:100%;}
/* .community.type_map .cont .map .pin {position:absolute; width:0; height:0;}
.community.type_map .cont .map .pin a {display:bvock; position:absolute; left:50%; top:50%; margin:-20px 0 0 0;} */
.community.type_map .cont .loca_icon{
	overflow:hidden; display:block; position:absolute; top:20px; right:2%; z-index:5; width:51px; height:51px; background-color:#fff; background-image:url(/images/kor/content/community_location.png); background-repeat:no-repeat; background-position:center center; border:1px solid #ccc; text-indent:-2000px; box-shadow:2px 3px 10px rgba(0,0,0,0.4); box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

.community.type_list .cont .expectation {width:100%; padding-top:5px; margin-bottom:45px;}
.community.type_list .cont .expectation:after {content:""; display:block; clear:both;}
.community.type_list .cont .expectation li {
	float:left; width:23.5%; min-height:280px; margin-left:2%; background:#eee; box-sizing:border-box; padding:50px 3%;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.community.type_list .cont .expectation li:first-child {margin:0;}
.community.type_list .cont .expectation li p {margin:0;}
.community.type_list .cont .expectation li p:before {content:""; display:block; width:100%; height:78px; margin-bottom:35px;}
.community.type_list .cont .expectation li.bn01 p:before {background:url(/images/kor/content/expectation_ico1.png) no-repeat center 50%;}
.community.type_list .cont .expectation li.bn02 p:before {background:url(/images/kor/content/expectation_ico2.png) no-repeat center 50%;}
.community.type_list .cont .expectation li.bn03 p:before {background:url(/images/kor/content/expectation_ico3.png) no-repeat center 50%;}
.community.type_list .cont .expectation li.bn04 p:before {background:url(/images/kor/content/expectation_ico4.png) no-repeat center 50%;}

.community.type_list .cont .participation:after{content:""; display: block; clear: both;}
.community.type_list .cont .participation li{float:left; width:50%; box-sizing:border-box;}
.community.type_list .cont .participation li:first-child{padding-right:1%;}
.community.type_list .cont .participation li:nth-child(2){padding-left:1%;}
.community.type_list .cont .participation li:last-child{width:100%; margin-top:20px;}
.community.type_list .cont .participation li [class*="bn0"]{
	display:table; position:relative; width:100%; padding:25px 60px; border:3px solid #ececec; box-sizing:border-box;
	border-radius:16px;
	-webkit-border-radius:16px;
}
.community.type_list .cont .participation li [class*="bn0"]:after{
	content:""; position:absolute; left:60px; top:50%; display:block; width:110px; height:110px; background-size:100% auto !important; margin-top:-55px;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.community.type_list .cont .participation li [class*="bn0"] .txts{display:table-cell !important; width:100%; height:100%; padding-left:140px; vertical-align:middle; box-sizing:border-box;}

.community.type_list .cont .participation li .bn01:after{background:#e3e9f0 url(/images/kor/content/participation_ico1.png) no-repeat center 50%;}
.community.type_list .cont .participation li .bn01.ico2:after{background:#e3e9f0 url(/images/kor/content/participation_ico2.png) no-repeat center 50%;}
.community.type_list .cont .participation li .bn02:after{background:#e3e9f0 url(/images/kor/content/participation_ico3.png) no-repeat center 50%;}

.community.type_list .cont .participation li .bn01{height:160px;}

.community.type_list .cont .participation li .bn02:after{top:25px !important; margin-top:0 !important;}
.community.type_list .cont .participation li .bn02 .txts{display:block !important;}
.community.type_list .cont .participation li .bn02 .step ol li{float:none; width:100%; margin-top:0; padding-left:0;}
.community.type_list .cont .participation li .bn02 .step ol li strong{
	position:relative; display:inline-block; margin-bottom:5px; padding:6px 15px; background:#1a96be; vertical-align:top; font-size:14px;  color:#fff;
	border-radius:20px;
	-webkit-border-radius:20px;
}
.community.type_list .cont .participation li .bn02 .step ol li strong em{font-style:normal; font-weight:600; color:#f7ff2a;}

/* //////////////////////////////////////////////////////////////////////////////

	커뮤니티맵_인트로페이지

////////////////////////////////////////////////////////////////////////////// */
#sub03.community.type_list .cont .expectation li{min-height:305px;}

#sub03.community.type_list .participation li a{
	text-decoration:none;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub03.community.type_list .participation li a:hover{border:3px solid #00957e;}
#sub03.community.type_list .cont .participation li .bn02 .step .spn_ol{display: block;}
#sub03.community.type_list .cont .participation li .bn02 .step .spn_ol strong{
	position:relative; display:inline-block; margin-bottom:8px; padding:6px 15px; background:#1178a7; vertical-align:top; font-size:14px;  color:#fff;
	border-radius:20px;
	-webkit-border-radius:20px;
}
#sub03.community.type_list .cont .participation li .bn02 span{display: block;}
#sub03.community.type_list .cont .participation li .bn02 .step .spn_ol strong em{font-style:normal; font-weight:600; color:#f7ff2a;}

@media screen and (max-width: 1474px){
	#sub03.community.type_list .cont{max-width:100%;}
}
@media screen and (max-width: 1420px) and (min-width:1241px){
	#sub03.community.type_list .cont .expectation li{min-height:315px; padding:30px 3%;}

	#sub03.community.type_list .cont .participation li [class*="bn0"]{padding:25px 40px;}
	#sub03.community.type_list .cont .participation li [class*="bn0"]:after{left:40px;}

}
@media screen and (max-width: 1240px) and (min-width:1024px){
	#sub03.community.type_list .cont .expectation {margin-bottom:15px;}
	#sub03.community.type_list .cont .expectation li {width:49%; margin-left:2%; margin-bottom:15px; padding:35px 3%; min-height:215px;}
	#sub03.community.type_list .cont .expectation li:nth-child(odd) {margin-left:0;}
	#sub03.community.type_list .cont .expectation li p:before {margin-bottom:15px; background-size:auto 100% !important; height:58px;}

	#sub03.community.type_list .cont .participation li [class*="bn0"]{padding:20px;}
	#sub03.community.type_list .cont .participation li [class*="bn0"]:after{left:20px; width:75px; height:75px; margin-top:-40px;}
	#sub03.community.type_list .cont .participation li [class*="bn0"] .txts{padding-left:95px;}
}
@media screen and (max-width: 1023px){
	#sub03.community.type_list .cont .participation li [class*="bn0"]{padding:25px 40px;}
	#sub03.community.type_list .cont .participation li [class*="bn0"]:after{left:40px; width:100px; height:100px; margin-top:-50px;}
	#sub03.community.type_list .cont .participation li [class*="bn0"] .txts{padding-left:130px;}
}
@media screen and (max-width: 840px){
	#sub03.community.type_list .cont .expectation li{min-height:215px;}

	#sub03.community.type_list .cont .participation li [class*="bn0"]{padding:20px;}
	#sub03.community.type_list .cont .participation li [class*="bn0"]:after{left:20px; width:75px; height:75px; margin-top:-40px;}
	#sub03.community.type_list .cont .participation li [class*="bn0"] .txts{padding-left:95px;}
}
@media screen and (max-width: 640px){
	#sub03.community.type_list .cont .expectation li{min-height:auto;}
	#sub03.community.type_list .cont .participation li a:hover{border:2px solid #00957e;}
}
@media screen and (max-width: 480px){
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 관할지사찾기
	연관단어 : gis

////////////////////////////////////////////////////////////////////////////// */
body.gis_fixed {position:fixed;}
#sub.user #wrap.gis {padding:87px 0 0 0; box-sizing:border-box;}
#sub.user #wrap.gis .mobile_ck {display:none;}
#sub.user #wrap.gis.type_map {overflow:hidden; height:100%;}
#sub.user #wrap.gis #header {height:auto; padding:0;}
#sub.user #wrap.gis #header:before,
#sub.user #wrap.gis #header:after {display:none;}
#sub.user #wrap.gis #header h1 {left:2%; margin-left:0; top:24px; width:180px; height:39px; overflow:hidden; background:url(/images/kor/content/gis_logo.svg) no-repeat left top; text-indent:-9999px;}
#sub.user #wrap.gis #header .gis_close {position:absolute; right:2%; top:22px; overflow:hidden; text-indent:-9999px; width:42px; height:42px; border:1px solid #44aea2;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
#sub.user #wrap.gis #header .gis_close:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/kor/content/gis_close_bul.png) no-repeat center 50%;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
#sub.user #wrap.gis #header .gis_close:hover,
#sub.user #wrap.gis #header .gis_close:active {border:1px solid #6dc3b9;}
#sub.user #wrap.gis #header .gis_close:hover:after,
#sub.user #wrap.gis #header .gis_close:active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#sub.user #wrap.gis #container {max-width:100%; padding-left:0; height:100%;}
#sub.user #wrap.gis #container #content {height:100%; padding:0;}
#sub.user #wrap.gis #container #content #txt {height:100%;}
.gis .find_map {background:#009180; position:fixed; left:0; top:0; width:100%; z-index:501;}
.gis .find_map .layout {padding:20px 0; max-width:880px;}
.gis .find_map .category {float:left; width:36%; margin-right:1.5%;}
.gis .find_map .category:after {content:""; display:block; clear:both;}
.gis .find_map .category li {float:left; width:50%;}
.gis .find_map .category li a {display:block; text-align:center; font-size:16px; height:45px; line-height:45px; color:#fff; border:1px solid #fff; margin-right:10px;}
.gis .find_map .category li a:before {content:""; display:inline-block; vertical-align:middle; margin-top:-3px; width:16px; height:16px; background:url(/images/kor/content/gis_link_ico2.png) no-repeat center 50%; margin-right:5px;} 
.gis .find_map .category li:first-child a:before {background:url(/images/kor/content/gis_link_ico1.png) no-repeat center 50%;}
.gis .find_map .category li a.on {background:#004f4f; border:1px solid #004f4f;}
.gis .find_map .search {float:left; width:62.5%; position:relative; box-sizing:border-box; padding-right:100px;}
.gis .find_map .search input[type="text"] {width:100%; border:0; font-size:16px; background:#fff; height:45px; line-height:45px;}
.gis .find_map .search input[type="submit"] {width:100px; padding-right:25px; border:0; font-size:17px; background:#000 url(/images/kor/content/gis_search_ico.png) no-repeat 76% 52%; color:#fff; height:45px; line-height:45px; position:absolute; right:0; top:0;}
.gis .cont {width:100%; position:relative;}
.gis.type_list .cont {padding:40px 0; max-width:1400px; margin:0 auto;}
.gis.type_list .cont .area_tab {margin-bottom:25px;}
.gis.type_list .cont .area_tab ul li {width:20%;}
.gis.type_list .cont .area_tab ul li a:hover {color:#495965; border:1px solid #798995; z-index:5; position:relative;}
.gis.type_list .cont .area_tab ul li.on a {border:1px solid #798995; z-index:10; position:relative;}
.gis.type_list .cont .area_tab ul li.on a:link,
.gis.type_list .cont .area_tab ul li.on a:visited,
.gis.type_list .cont .area_tab ul li.on a:active,a
.gis.type_list .cont .area_tab ul li.on a:hover {background-color:#798995; border:1px solid #798995; color:#fff;}
.gis.type_list .cont .cont_box.ico {min-height:90px; margin-bottom:25px; padding:20px 4%;}
.gis.type_list .cont .cont_box.ico:after {top:20px; width:90px; height:90px; background-color:#fff; background-image:url(/images/kor/content/find_ico.png);}
.gis.type_list .cont .cont_box.ico p {height:90px; margin-bottom:0; margin-left:90px; font-size:16px; display:table; table-layout:fixed; word-wrap:break-word;}
.gis.type_list .cont .cont_box.ico p span {display:table-cell; vertical-align:middle;}
.gis.type_list .cont .cont_box.ico .btns{width:100%; margin-left:90px; padding-left:3%; box-sizing:border-box;}
.gis.type_list .cont .list {width:100%; border-top:2px solid #333;}
.gis.type_list .cont .list li {width:100%; border-bottom:1px solid #dcdcdc; position:relative; overflow:hidden;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.gis.type_list .cont .list li .name {width:13%; font-weight:700;}
.gis.type_list .cont .list li .address {width:33%; margin-left:28%;}
.gis.type_list .cont .list li .tel {width:14%; position:absolute; left:13%;}
.gis.type_list .cont .list li .fax {width:14%; position:absolute; left:25%;}
.gis.type_list .cont .list li .area {width:26%;}
.gis.type_list .cont .list li.thead {background:#fafafa !important;}
.gis.type_list .cont .list li:hover,
.gis.type_list .cont .list li:active {background:#f8f9fa;}
.gis.type_list .cont .list li strong,
.gis.type_list .cont .list li p {margin:0; float:left; padding:15px 10px; box-sizing:border-box; text-align:center;}
.gis.type_list .cont .list li p span {display:none;}
.gis.type_list .cont .list li strong {font-size:16px;}
.gis.type_list .cont .list li p.address,
.gis.type_list .cont .list li p.area {text-align:left;}
.gis.type_list .cont .list li p.area {padding-right:60px;}
.gis.type_list .cont .list li .mail {position:absolute; right:20px; top:14px; background:#fff url(/images/kor/content/post_ico.png) no-repeat center 50%; display:block; overflow:hidden; text-indent:-9999px; border:1px solid #d9dbde; width:26px; height:22px;}
.gis.type_list .cont .list li .tel a,
.gis.type_list .cont .list li .fax a {text-decoration:none;}
/* 25.05.07 웹접근성 관련 수정  */
.gis.type_list .cont .table-list {width:100%; border-collapse:collapse; border-top:2px solid #333;}
.gis.type_list .cont .table-list th, .gis.type_list .cont .table-list td {padding:15px 10px; box-sizing:border-box; border-bottom:1px solid #dcdcdc; text-align:center; font-size:14px;}
.gis.type_list .cont .table-list th {background:#fafafa; font-weight:700; font-size:16px; text-align:center;}
.gis.type_list .cont .table-list td {font-size:15px;}
.gis.type_list .cont .table-list .name {width:13%; font-weight:700;}
.gis.type_list .cont .table-list .name .modal_link {font-size:15px;}
.gis.type_list .cont .table-list .tel {width:14%;}
.gis.type_list .cont .table-list .fax {width:14%;}
.gis.type_list .cont .table-list .tel span, .gis.type_list .cont .table-list .fax span {display:none;}
.gis.type_list .cont .table-list .address {width:30%; text-align:left;}
.gis.type_list .cont .table-list th.address {text-align:center;}
.gis.type_list .cont .table-list .area {width:22%; text-align:left;}
.gis.type_list .cont .table-list th.area {text-align:center;}
.gis.type_list .cont .table-list .message {width:7%;}
.gis.type_list .cont .table-list tr:hover, .gis.type_list .cont .table-list tr:active {background:#f8f9fa;}
.gis.type_list .cont .table-list .mail {display:inline-block; width:26px; height:22px; background:#fff url(/images/kor/content/post_ico.png) no-repeat center 50%; border:1px solid #d9dbde; text-indent:-9999px; overflow:hidden; vertical-align:middle;}
.gis.type_list .cont .table-list .tel a, .gis.type_list .cont .table-list .fax a {text-decoration:none;}
/* 25.05.07 웹접근성 관련 수정 */
.gis.type_map .cont {max-width:100%; overflow:hidden; height:100%; padding-left:335px; box-sizing:border-box;}
.gis.type_map .cont .list {position:absolute; box-sizing:border-box; padding:50px 0 0 0; left:0; top:0; z-index:51; width:335px; height:100%; background:#fff; box-shadow:5px 0 15px rgba(0,0,0,0.2); -webkit-box-shadow:5px 0 15px rgba(0,0,0,0.2);
transition : all 0.3s ease; -webkit-transition : all 0.3s ease; opacity:0.95; -webkit-opacity:0.95;}
.gis.type_map .cont .list.off {left:-335px;}
.gis.type_map .cont .list .counter {margin:0; height:50px; line-height:50px; padding:0 15px; box-sizing:border-box; position:absolute; left:0; top:0; background:#6c7679; width:100%; color:#fff;}
.gis.type_map .cont .list .counter span {color:#fff72a;}
.gis.type_map .cont .list .toggle_btn {display:none; height:50px; width:50px; position:absolute; right:-50px; top:0; z-index:10; overflow:hidden; background:#e14008; text-indent:-9999px; box-shadow:5px 0 15px rgba(0,0,0,0.2); -webkit-box-shadow:5px 0 15px rgba(0,0,0,0.2);
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.gis.type_map .cont .list .toggle_btn:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/kor/content/gis_map_togglebtn_bul.png) no-repeat center 50%;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.gis.type_map .cont .list .toggle_btn:hover,
.gis.type_map .cont .list .toggle_btn:active {background:#cb3704;}
.gis.type_map .cont .list .toggle_btn.off:after {transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
.gis.type_map .cont .list ul {height:100%; overflow:auto;}
.gis.type_map .cont .list ul li {border-bottom:1px solid #dadada; padding:20px 15px; position:relative; transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.gis.type_map .cont .list ul li.on {background:#f5f6f6;}
.gis.type_map .cont .list ul li p {margin:0; font-size:14px; color:#757575;}
.gis.type_map .cont .list ul li p.name {font-weight:600; font-size:16px; color:#222; margin-bottom:8px; cursor:pointer;}
.gis.type_map .cont .list ul li p a {text-decoration:none;}
.gis.type_map .cont .list ul li .more_btn {display:block; position:absolute; z-index:10; right:15px; top:20px; width:20px; height:20px; background:#a2a2a2; overflow:hidden; text-indent:-9999px;}
.gis.type_map .cont .list ul li .more_btn:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/kor/content/gis_link_bul.png) no-repeat center 50%;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.gis.type_map .cont .list ul li .more_btn:hover:after,
.gis.type_map .cont .list ul li .more_btn:active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.gis.type_map .cont .map {position:relative; width:100%; height:100%;}
.gis.type_map .cont .map div div div div div div {position:absolute; width:0; height:0;}
.gis.type_map .cont .map div div div div div div .pin {margin:0; text-align:center; background:#1458a5; color:#fff; font-size:14px; padding:5px 8px; box-sizing:border-box; width:100px; position:absolute; left:50%; bottom:0; margin-left:-50px;
box-shadow:1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.gis.type_map .cont .map div div div div div div .pin a {color:#fff;}
.gis.type_map .cont .map div div div div div div .pin:after {content:""; display:block; position:absolute; left:50%; margin-left:-7px; bottom:-7px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #1458a5;}
.gis.type_map .cont .map div div div div div div .infor {position:absolute; z-index:21; text-align:center; box-sizing:border-box; border:1px solid #273241; width:300px; padding-bottom:15px; height:auto; background:#fff; left:50%; bottom:-1px; margin-left:-150px;
box-shadow:1px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.3);}
.gis.type_map .cont .map div div div div div div .infor:after {content:""; display:block; position:absolute; left:50%; margin-left:-7px; bottom:-9px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #273241;}
.gis.type_map .cont .map div div div div div div .infor .name {margin:0; text-align:center; color:#fff; background:#273241; font-size:16px; font-weight:600; padding:10px;}
.gis.type_map .cont .map div div div div div div .infor ul {padding:14px 18px 10px 18px; margin:0;}
.gis.type_map .cont .map div div div div div div .infor ul li {margin:0 0 3px 0; font-size:14px; text-align:left;}
.gis.type_map .cont .map div div div div div div .infor ul li p {margin:0;}
.gis.type_map .cont .map div div div div div div .infor ul li a {text-decoration:none;}
.gis.type_map .cont .map div div div div div div .infor .modal_link {display:inline-block; text-decoration:none; position:relative; background:#818791; color:#fff; text-align:center; font-size:14px; padding:8px 15px;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.gis.type_map .cont .map div div div div div div .infor .modal_link:before {content:""; display:inline-block; width:12px; height:11px; margin-right:5px; background:url(/images/kor/content/gis_link_ico3.png) no-repeat;}
.gis.type_map .cont .map div div div div div div .infor .modal_link:hover,
.gis.type_map .cont .map div div div div div div .infor .modal_link:active {background:#6a707a;}
.gis.type_map .cont .map div div div div div div .infor .close_show {position:absolute; right:10px; top:7px; z-index:10; overflow:hidden; text-indent:-9999px; display:block; width:30px; height:30px; background:url(/images/kor/content/gis_modal_close.png) no-repeat center 50%;}
.gis.type_map .cont .loca_icon{
	overflow:hidden; display:block; position:absolute; top:20px; right:2%; z-index:5; width:51px; height:51px; background-color:#fff; background-image:url(/images/kor/content/community_location.png); background-repeat:no-repeat; background-position:center center; border:1px solid #ccc; text-indent:-2000px; box-shadow:2px 3px 10px rgba(0,0,0,0.4); box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
/* //////////////////////////////////////////////////////////////////////////////

	관할지사찾기 / 커뮤니티맵  모달팝업

////////////////////////////////////////////////////////////////////////////// */
.modal_popup {position:fixed; width:100%; height:100%; left:0; top:0; z-index:999; display:none;}
.modal_popup:after {content:""; display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.8; -webkit-opacity:0.8;}
.modal_popup .inner {background:#fff; position:relative; overflow:auto; box-sizing:border-box; padding:0 60px; max-width:1400px; margin:0 auto; position:relative; z-index:10;}
.modal_popup .inner .close_modal {display:block; width:54px; height:54px; overflow:hidden; text-indent:-9999px; background:#9c9c9c; position:absolute; right:0; top:0; z-index:10;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.modal_popup .inner .close_modal:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/kor/content/gis_modal_close.png) no-repeat center 50%;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.modal_popup .inner .close_modal:hover,
.modal_popup .inner .close_modal:active {background:#7d7d7d;}
.modal_popup .inner .close_modal:hover:after,
.modal_popup .inner .close_modal:active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.modal_popup .inner h4 {margin:60px 0 25px 0;}
.modal_popup .link {position:absolute; right:60px; z-index:10;}
.modal_popup .link a {display:inline-block; vertical-align:top; text-decoration:none; background:#818791; color:#fff; font-size:13px; padding:7px 12px; margin-left:5px;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.modal_popup .link a:before {content:""; display:inline-block; vertical-align:top; width:12px; height:12px; margin:3px 5px 0 0;}
.modal_popup .link a.send:before {background:url(/images/kor/content/gis_mail_ico.png) no-repeat center 50%;}
.modal_popup .link a.homepage:before {background:url(/images/kor/content/gis_homepage_ico.png) no-repeat center 1px;}
.modal_popup .link a:hover,
.modal_popup .link a:active {background:#6a6f78;}
.modal_popup .tab {margin:0 0 25px 0; position:relative;}
.modal_popup .tab:after {content:""; display:block; width:100%; border-bottom:1px solid #d6d6d6; position:absolute; left:0; bottom:0; z-index:1;}
.modal_popup .tab ul {padding-left:1px; padding-top:1px; position:relative; z-index:5;}
.modal_popup .tab ul:after {content:""; display:block; clear:both;}
.modal_popup .tab ul li {width:20%; float:left; margin-left:-1px;}
.modal_popup .tab ul li a {background:#fff; text-decoration:none; display:block; position:relative; font-size:16px; height:48px; line-height:46px; padding:0 15px; border:1px solid #d6d6d6; color:#393939; box-sizing:border-box; 
transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}
.modal_popup .tab ul li a:after {content:""; display:block; width:11px; height:6px; background:url(/images/kor/layout/tab_bul.png) no-repeat center 50%; position:absolute; right:15px; top:50%; margin-top:-3px;}
.modal_popup .tab ul li.on a,
.modal_popup .tab ul li.on a:hover,
.modal_popup .tab ul li.on a:active {color:#fff; background:#2e4455; border:1px solid #2e4455; z-index:5; position:relative;}
.modal_popup .tab ul li.on a:after {background:url(/images/kor/layout/tab_bul_on.png) no-repeat center 50%;}
.modal_popup .tab ul li a:hover,
.modal_popup .tab ul li a:active {color:#2e4455; border:1px solid #2e4455;}
.modal_popup .infor {background:#ededed;} 
.modal_popup .infor ul {width:100%;}
.modal_popup .infor ul:after {content:""; display:block; clear:both;}
.modal_popup .infor ul li {float:left; width:32%;}
.modal_popup .infor ul li.add {width:38%;}
.modal_popup .infor ul li.tel {width:30%;}
.modal_popup .infor ul li p {margin:0; position:relative; height:65px; display:table; table-layout:fixed; word-wrap:break-word; width:100%; box-sizing:border-box; padding:0 20px 0 80px;}
.modal_popup .infor ul li p:before {content:""; display:block; width:65px; height:65px; border-radius:50%; -webkit-border-radius:50%; position:absolute; left:0; top:0; background-size:100% auto !important;}
.modal_popup .infor ul li p span {display:table-cell; vertical-align:middle; width:100%;}
.modal_popup .infor ul li p a {text-decoration:none; display:inline-block;}
.modal_popup .infor ul li.add p:before {background:#a5bacf url(/images/kor/content/gis_modal_infor_ico1.png) no-repeat center 50%;}
.modal_popup .infor ul li.tel p:before {background:#a5bacf url(/images/kor/content/gis_modal_infor_ico2.png) no-repeat center 50%;}
.modal_popup .infor ul li.complaints p:before {background:#a5bacf url(/images/kor/content/gis_modal_infor_ico3.png) no-repeat center 50%;}
.modal_popup h6 {margin:20px 0;}
.modal_popup h6 span {font-weight:normal; color:#818181;}
.modal_popup .map_infor {border-top:1px solid #d6d6d6; padding:25px 0 60px 0;} 
.modal_popup .map_infor:after {content:""; display:block; clear:both;}
.modal_popup .map_infor .briefing {margin-bottom:20px; float:left; width:100%;} 
.modal_popup .map_infor .briefing .title {font-size:19px; color:#004090; font-weight:600;} 
.modal_popup .map_infor .api {width:60%; height:315px; float:left; box-sizing:border-box; border:1px solid #d6d6d6;} 
.modal_popup .map_infor .traffic {width:40%; float:left; box-sizing:border-box; padding-left:30px;} 
.modal_popup .employee {border-top:2px solid #333; margin-bottom:60px;}
.modal_popup .employee th {background:#fafafa;}
.modal_popup .employee th,
.modal_popup .employee td {border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
.modal_popup .employee tbody tr {transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.modal_popup .employee tbody tr:hover,
.modal_popup .employee tbody tr:active {background:#f8f9fa;}
.modal_popup .employee td a {text-decoration:none;}
.community.type_map .modal_popup .inner {max-width:1180px;}
.community.type_map .modal_popup .inner #add,
.community.type_map .modal_popup .inner #detail {display:none;}
.community.type_map .modal_popup h4 {border-bottom:1px solid #dcdcdc; padding-bottom:15px;}
.community.type_map .modal_popup .detail_view {width:100%;}
.community.type_map .modal_popup .detail_view:after {content:""; display:block; clear:both;}
.community.type_map .modal_popup .detail_view .photo {float:left; width:56%; position:relative; box-sizing:border-box; padding-right:140px;}
.community.type_map .modal_popup .detail_view .photo .prepare {width:100%; height:290px; overflow:hidden; position:absolute; left:0; top:0; z-index:10; background:#ddd;}
.community.type_map .modal_popup .detail_view .photo .prepare span {display:block; width:1000px; height:100%; position:absolute; left:50%; top:0; margin-left:-500px;} 
.community.type_map .modal_popup .detail_view .photo .prepare img {display:block; height:100%; margin:0 auto;}
.community.type_map .modal_popup .detail_view .photo .big {width:100%; height:290px; overflow:hidden; position:relative; background:#ddd;}
.community.type_map .modal_popup .detail_view .photo .big span {display:block; width:1000px; height:100%; position:absolute; left:50%; top:0; margin-left:-500px;} 
.community.type_map .modal_popup .detail_view .photo .big img {display:block; height:120%; margin:0 auto;}
.community.type_map .modal_popup .detail_view .photo ul {width:130px; position:relative; box-sizing:border-box; position:absolute; right:0; top:0;}
.community.type_map .modal_popup .detail_view .photo ul:after {content:""; display:block; clear:both;}
.community.type_map .modal_popup .detail_view .photo ul li {height:90px; overflow:hidden; margin-top:10px; background:#ddd; position:relative;}
.community.type_map .modal_popup .detail_view .photo ul li:first-child {margin-top:0;}
.community.type_map .modal_popup .detail_view .photo ul li a {display:block; width:100%; height:100%; position:relative; box-sizing:border-box; overflow:hidden;}
.community.type_map .modal_popup .detail_view .photo ul li a.on {border:2px solid #e78a05;}
.community.type_map .modal_popup .detail_view .photo ul li span {display:block; width:1000px; height:100%; position:absolute; left:50%; top:0; margin-left:-500px;}
.community.type_map .modal_popup .detail_view .photo ul li img {display:block; height:110%; margin:0 auto;}
.community.type_map .modal_popup .detail_view .summery {float:left; width:44%; box-sizing:border-box; padding-left:25px; position:relative;}
.community.type_map .modal_popup .detail_view .summery p {color:#cd3101; margin:0 90px 18px 0;}
.community.type_map .modal_popup .detail_view .summery p strong {display:block; font-size:18px; line-height:22px; color:#232323; margin-top:4px;}
.community.type_map .modal_popup .detail_view .summery .good_btn{position:absolute; right:0; top:0px; z-index:10; background:#d61737; box-sizing:border-box; border:1px solid #d61737; color:#fff; text-align:center; font-size:13px; display:inline-block; vertical-align:top; padding:5px 15px;
border-radius:16px; -webkit-border-radius:16px; text-decoration:none;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.community.type_map .modal_popup .detail_view .summery .good_btn:before {content:""; display:inline-block; vertical-align:middle; width:11px; height:10px; background:url(/images/kor/content/community_good_ico2.png) no-repeat center 50%; margin:-1px 3px 0 0;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.community.type_map .modal_popup .detail_view .summery .good_btn:hover,
.community.type_map .modal_popup .detail_view .summery .good_btn:active {background:#fff; color:#d61737;}
.community.type_map .modal_popup .detail_view .summery .good_btn:hover:before,
.community.type_map .modal_popup .detail_view .summery .good_btn:active:before{background:url(/images/kor/content/community_good_ico2_on.png) no-repeat center 50%;}
.community.type_map .modal_popup .detail_view .summery .good_btn.no{background-color:#fff; border:1px solid #ccc; color:#939393;}
.community.type_map .modal_popup .detail_view .summery .good_btn.no:hover,
.community.type_map .modal_popup .detail_view .summery .good_btn.no:active{background-color:#ccc; color:#fff;}
.community.type_map .modal_popup .detail_view .summery .good_btn.no:before {background:url(/images/kor/content/community_good_ico3.png) no-repeat center 50%; margin:-1px 3px 0 0;}
.community.type_map .modal_popup .detail_view .summery .good_btn.no:hover:before,
.community.type_map .modal_popup .detail_view .summery .good_btn.no:active:before{background:url(/images/kor/content/community_good_ico2.png) no-repeat center 50%;}
.community.type_map .modal_popup .detail_view .summery ul {border-top:2px solid #333; padding:19px 10px; border-bottom:1px solid #dcdcdc;}
.community.type_map .modal_popup .detail_view .summery ul li {padding:12px 0; padding-left:100px; position:relative; color:#939393; font-size:14px; margin-top:4px;}
.community.type_map .modal_popup .detail_view .summery ul li a {color:#939393;}
.community.type_map .modal_popup .detail_view .summery ul li:first-child {margin-top:0;}
.community.type_map .modal_popup .detail_view .summery ul li strong {display:block; width:100px; position:absolute; left:0; top:3px; line-height:38px; box-sizing:border-box; padding-left:45px; font-size:15px; color:#444;}
.community.type_map .modal_popup .detail_view .summery ul li strong:after {content:""; display:block; width:38px; height:38px; background:#000; background-size:100% auto !important; position:absolute; left:0; top:0; border-radius:50%; -webkit-border-radius:50%;}
.community.type_map .modal_popup .detail_view .summery ul li strong.address:after {background:#dcdcdc url(/images/kor/content/community_detail_ico1.png) no-repeat center 50%;}
.community.type_map .modal_popup .detail_view .summery ul li strong.call:after {background:#dcdcdc url(/images/kor/content/community_detail_ico2.png) no-repeat center 50%;}
.community.type_map .modal_popup .detail_view .summery ul li strong.good:after {background:#dcdcdc url(/images/kor/content/community_detail_ico3.png) no-repeat center 50%;}
.community.type_map .modal_popup .detail_view .summery ul li strong.tag:after {background:#dcdcdc url(/images/kor/content/community_detail_ico4.png) no-repeat center 50%;}
.community.type_map .modal_popup .opinion_write {position:relative; box-sizing:border-box; padding-right:120px;}
.community.type_map .modal_popup .opinion_write textarea {display:block; width:100%; height:90px; resize:none; padding:10px;}
.community.type_map .modal_popup .opinion_write input[type="button"] {display:block; width:120px; height:100%; position:absolute; right:0; top:0; border:0; cursor:pointer; background:#505466; color:#fff; font-weight:600;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.community.type_map .modal_popup .opinion_write input[type="button"]:hover,
.community.type_map .modal_popup .opinion_write input[type="button"]:active {background:#383c4f;}
.community.type_map .modal_popup .opinion_list {margin-bottom:60px;}
.community.type_map .modal_popup .opinion_list li {border-bottom:1px solid #ebebeb; padding:15px 0;}
.community.type_map .modal_popup .opinion_list li .writer {font-size:13px; margin:0 0 5px 0;}
.community.type_map .modal_popup .opinion_list li .writer span {display:inline-block; margin-right:10px;}
.community.type_map .modal_popup .opinion_list li .writer span.date {color:#aeaeae;}
.community.type_map .modal_popup .opinion_list li .writer a {display:inline-block; color:#444; text-decoration:none; border:1px solid #e0e0e0; padding:2px 5px; margin-left:3px; font-size:12px;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.community.type_map .modal_popup .opinion_list li .writer a:hover,
.community.type_map .modal_popup .opinion_list li .writer a:active {background:#bcbcbc; border:1px solid #bcbcbc; color:#fff;}
.community.type_map .modal_popup .opinion_list li p {font-size:13px; margin:0; color:#818181;} 
.community.type_map .modal_popup .inner .regist_btn {margin-bottom:60px;}
/* //////////////////////////////////////////////////////////////////////////////

	관할지사찾기_SMS팝업

////////////////////////////////////////////////////////////////////////////// */
#smspop {position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000; display:none;}
#smspop:after {content:""; display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.6; -webkit-opacity:0.6;}
#smspop .inner {background:#fff; position:absolute; box-sizing:border-box; width:520px; height:auto; left:50%; top:50%; margin:-166px 0 0 -260px; z-index:10;
transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#smspop .tt{position:relative; width:100%; height:60px; padding:0 20px; background-color:#009180; font-family:'Nanum Square'; box-sizing:border-box;}
#smspop .tt strong{display: block; line-height:60px; font-size:20px; color:#fff;}
#smspop .close_btn{position:absolute; top:12px; right:20px; width:35px; height:35px; border:1px solid rgba(255,255,255,0.3);}
#smspop .close_btn a{
	overflow: hidden; display: block; width:100%; height:100%; background:url(/images/kor/content/gis_sms_close.png) no-repeat center center; text-indent:-2000px; 
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition:transform 0.3s ease;
	-webkit-transition:transform 0.3s ease;
}
#smspop .close_btn a:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#smspop .txts{
	position:relative; width:100%; height:auto; padding:30px 30px 95px 285px; background:url(/images/kor/content/gis_sms_bg.png) no-repeat left 30px bottom; box-sizing:border-box;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#smspop .txts strong{
	display:block; line-height:26px; font-size:22px; font-family:'Nanum Square';
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
#smspop .txts strong:after{content:""; display: block; margin:15px 0; width:100%; height:1px; background-color:#e2e2e2;}
#smspop .txts span{display: block; margin-bottom:6px; font-size:17px; font-weight:700;}
#smspop .txts input[type="text"]{width:100%;}
#smspop .txts input::placeholder{font-size:12px;}
#smspop .txts a{position:absolute; bottom:30px; right:30px;}

@media screen and (max-width:560px){
	#smspop .inner {width:300px; margin:-103px 0 0 -150px;}
	#smspop .tt{height:40px; padding:0 10px;}
	#smspop .tt strong{line-height:40px; font-size:17px;}
	#smspop .close_btn{top:7px; right:10px; width:24px; height:24px;}
	#smspop .txts{padding:12px 12px 52px 142px; background:url(/images/kor/content/gis_sms_bg.png) no-repeat left 12px bottom; background-size:120px;}
	#smspop .txts strong{line-height:17px; font-size:16px;}
	#smspop .txts strong:after{margin:7px 0;}
	#smspop .txts strong br{display: none;}
	#smspop .txts span{margin-bottom:3px; font-size:14px;}
	#smspop .txts input[type="text"]{height:32px; line-height:32px; font-size:14px;}
	#smspop .txts a{bottom:12px; right:12px; min-width:70px; height:32px; line-height:30px;}
}
	


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 로그인
	연관단어 : login_page

////////////////////////////////////////////////////////////////////////////// */
#login_page .cont_box,
#login_page .cont_box.ty1 h5,
#login_page .certi,
#login_page .certi a img,
#login_page .sns_lst,
#login_page .sns_lst ul li a .logos,
#login_page .cont_box.ty2 img{transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

/*가이드 예외처리*/
#login_page .cont_box.ty1{padding:50px 60px;}
#login_page .cont_box.ty1 h5{margin:0 0 14px 0; font-size:23px;}
#login_page .cont_box ul li a{font-weight:700;}
#login_page .tip.ty3{margin:25px 0 30px;}

#login_page .login_lst{overflow: hidden;}
#login_page .login_lst a{text-decoration:none;}
#login_page .certi{padding-right:10px;}
#login_page .certi,
#login_page .sns_lst{float:left; width:33.33%; box-sizing:border-box;}
#login_page .certi a,
#login_page .sns_lst ul li a{
	background-color:#fff; border:1px solid #d1d1d1; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
/*휴대폰,아이핀인증*/
#login_page .certi a{display:table; width:100%; height:190px; background-color:#fff;}
#login_page .certi a img{width:100px; transform:scale(1); -webkit-transform:scale(1);}
#login_page .certi span{display:table-cell; width:100%; height:100%; padding:10px; text-align:center; vertical-align:middle; box-sizing:border-box;}
#login_page .certi span strong{display:block; margin-top:8px; font-size:17px;}
/*sns로긴*/
#login_page .sns_lst ul li{position:relative; display:table; width:100%; height:90px; margin-bottom:10px;}
#login_page .sns_lst ul li:nth-child(2){display:none;}
#login_page .sns_lst ul li:last-child{margin-bottom:0;}
#login_page .sns_lst ul li a{display:table-cell; width:100%; height:100%; padding:10px; text-align:center; vertical-align:middle; box-sizing:border-box;}
#login_page .sns_lst ul li a .logos{overflow: hidden; display: block; position:absolute; top:0; left:0; width:62px; height:100%; padding-left:0; text-indent:-2000px;}
#login_page .sns_lst ul li:first-child a .logos{background:#20ab09 url(/images/kor/content/login_sns01.png)  no-repeat center center;}
#login_page .sns_lst ul li:nth-child(2) a .logos{background:#37549d url(/images/kor/content/login_sns02.png)  no-repeat center center;}
#login_page .sns_lst ul li:last-child a .logos{background:#f3da06 url(/images/kor/content/login_sns03.png)  no-repeat center center;}
#login_page .sns_lst ul li a span{display: block; padding-left:70px; text-align:left; font-weight:700; box-sizing:border-box;}


/*페이스북 가림 : 옛날용
휴대폰,아이핀인증
#login_page .certi a{display:table; width:100%; height:225px; background-color:#fff;}
#login_page .certi a img{width:129px; transform:scale(1); -webkit-transform:scale(1);}
#login_page .certi span{display:table-cell; width:100%; height:100%; padding:10px; text-align:center; vertical-align:middle; box-sizing:border-box;}
#login_page .certi span strong{display:block; margin-top:8px; font-size:17px;}
sns로긴
#login_page .sns_lst ul li{position:relative; display:table; width:100%; height:68px; margin-bottom:10px;}
#login_page .sns_lst ul li:nth-child(2){display:none;}
#login_page .sns_lst ul li:last-child{margin-bottom:0;}
#login_page .sns_lst ul li a{display:table-cell; width:100%; height:100%; padding:10px; text-align:center; vertical-align:middle; box-sizing:border-box;}
#login_page .sns_lst ul li a .logos{overflow: hidden; display: block; position:absolute; top:0; left:0; width:62px; height:100%; padding-left:0; text-indent:-2000px;}
#login_page .sns_lst ul li:first-child a .logos{background:#20ab09 url(/images/kor/content/login_sns01.png)  no-repeat center center;}
#login_page .sns_lst ul li:nth-child(2) a .logos{background:#37549d url(/images/kor/content/login_sns02.png)  no-repeat center center;}
#login_page .sns_lst ul li:last-child a .logos{background:#f3da06 url(/images/kor/content/login_sns03.png)  no-repeat center center;}
#login_page .sns_lst ul li a span{display: block; padding-left:70px; text-align:left; font-weight:700; box-sizing:border-box;}*/


/*호버*/
#login_page .certi a:hover{border:1px solid #009b83;}
#login_page .certi a:hover img{transform:scale(0.9); -webkit-transform:scale(0.9);}
#login_page .sns_lst ul li:first-child a:hover{border:1px solid #20ab09;}
#login_page .sns_lst ul li:nth-child(2) a:hover{border:1px solid #37549d;}
#login_page .sns_lst ul li:last-child a:hover{border:1px solid #f3da06;}

#login_page .cont_box.ty2{position:relative; padding:40px 60px 40px 190px;}
#login_page .cont_box.ty2 > strong{display: block; line-height:20px; font-size:17px;}
#login_page .cont_box.ty2 img{position:absolute; top:50%; left:60px; margin-top:-52px;}

/******신고센터용 로그인******/
#login_page .tt{display: block; line-height:21px; margin-bottom:15px; font-size:17px; font-weight:700;}
#login_page .login_lst.ty02 .certi{width:50%; padding-right:25px;}
#login_page .login_lst.ty02 .certi.snd{padding-right:0;}
#login_page .login_lst.ty02 .sns_lst{display: none;}

@media screen and (max-width:1240px) and (min-width:1024px){
	#login_page .cont_box.ty1{padding:35px 40px;}
	#login_page .cont_box.ty1 h5{line-height:22px; font-size:20px;}
	#login_page .tip.ty3{margin:16px 0 20px;}
	/* #login_page .certi a{height:215px;} */
	#login_page .certi a{height:170px;}
	/* #login_page .certi a img{width:105px;} */
	#login_page .certi a img{width:85px;}
	#login_page .certi span strong,
	#login_page .cont_box.ty2 > strong{font-size:16px;}
	#login_page .sns_lst ul li{height:82px; margin-bottom:5px;}
	#login_page .sns_lst ul li a span{padding-left:62px;}

	#login_page .cont_box.ty2{padding:25px 40px 25px 150px;}
	#login_page .cont_box.ty2 img{left:40px; width:90px; margin-top:-45px;}
}
@media screen and (max-width:840px){
	#login_page .cont_box.ty1{padding:35px 40px;}
	#login_page .cont_box.ty1 h5{line-height:22px; font-size:20px;}
	#login_page .tip.ty3{margin:16px 0 20px;}
	/* #login_page .certi a{height:215px;} */
	#login_page .certi a{height:170px;}
	/* #login_page .certi a img{width:105px;} */
	#login_page .certi a img{width:85px;}
	#login_page .certi span strong,
	#login_page .cont_box.ty2 > strong{font-size:16px;}
	#login_page .sns_lst ul li{height:82px; margin-bottom:5px;}
	#login_page .sns_lst ul li a span{padding-left:62px;}

	#login_page .cont_box.ty2{padding:25px 40px 25px 150px;}
	#login_page .cont_box.ty2 img{left:40px; width:90px; margin-top:-45px;}

	#login_page .tt{margin-bottom:12px;}
}
@media screen and (max-width:740px){
	#login_page .certi{width:50%;}
	#login_page .certi.snd{padding-right:0;}
	#login_page .certi a{height:185px;}
	#login_page .sns_lst{width:100%; margin-top:10px;}
	#login_page .sns_lst ul li{float:left; width:50%; height:62px; box-sizing:border-box;}
	/* #login_page .sns_lst ul li:first-child,
	#login_page .sns_lst ul li:last-child{padding-right:10px;} */
	#login_page .sns_lst ul li:first-child{padding-right:10px;}

	#login_page .login_lst.ty02 .certi{padding-right:10px;}
}
@media screen and (max-width:640px){
	#login_page .cont_box.ty1 h5{line-height:21px; margin:0 0 8px 0; font-size:18px;}
	#login_page .tip.ty3{margin:8px 0 15px;}
	#login_page .certi span strong,
	#login_page .cont_box.ty2 > strong{font-size:15px;}
	#login_page .cont_box.ty2 > strong{line-height:17px;}

	#login_page .cont_box.ty1{padding:35px 25px;}
	#login_page .certi{padding-right:5px;}
	#login_page .certi a{height:150px;}
	#login_page .certi a img{width:85px;}
	#login_page .sns_lst{margin-top:5px;}
	#login_page .sns_lst ul li{height:45px;}
	/* #login_page .sns_lst ul li:first-child,
	#login_page .sns_lst ul li:last-child{padding-right:5px;} */
	#login_page .sns_lst ul li:first-child{padding-right:5px;}
	#login_page .sns_lst ul li:first-child a .logos{width:45px; background-size:35% !important;}
	#login_page .sns_lst ul li:nth-child(2) a .logos{width:45px; background-size:28% !important;}
	#login_page .sns_lst ul li:last-child a .logos{width:45px; background-size:65% !important;}
	#login_page .sns_lst ul li a span{padding-left:45px;}

	#login_page .cont_box.ty2{padding:25px 25px 25px 125px;}
	#login_page .cont_box.ty2 img{left:25px; width:80px; margin-top:-40px;}
	
	#login_page .tt{line-height:18px; margin-bottom:10px; font-size:16px;}
	#login_page .login_lst.ty02 .certi{padding-right:5px;}
}
@media screen and (max-width:540px){
	#login_page .sns_lst ul li{height:60px;}
}
@media screen and (max-width:480px){
	#login_page .cont_box.ty1{padding:30px 20px;}
	#login_page .certi a img{width:75px;}
	#login_page .sns_lst ul li{width:100%; height:45px; padding-right:0 !important;}
	
	#login_page .cont_box.ty2{padding:20px 20px 20px 100px;}
	#login_page .cont_box.ty2 img{top:20px; left:20px; width:60px; margin-top:0;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 사전정보공표_탭메뉴 예외처리
	연관단어 : publication_tab / .standard_tab

////////////////////////////////////////////////////////////////////////////// */
.publication_tab {width:100%; margin-bottom:25px;}
.publication_tab:after {content:""; display:block; clear:both;}
.publication_tab li {float:left; width:33.333%; box-sizing:border-box; padding:2px;}
.publication_tab li strong{display:table; table-layout:fixed; width:100%; height:52px; line-height:16px; padding:5px 15px; background:#c8ddda; text-align:center; font-size:16px; box-sizing:border-box;}
.publication_tab li strong .cell{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.publication_tab li strong .cell:before {content:""; display:inline-block; vertical-align:middle; margin-right:2px; width:23px; height:20px;}
.publication_tab li.tab1 strong .cell:before {background:url(/images/kor/content/publication_tab_ico1.png) no-repeat left 50%;}
.publication_tab li.tab2 strong .cell:before {background:url(/images/kor/content/publication_tab_ico2.png) no-repeat left 50%; width:26px;}
.publication_tab li.tab3 strong .cell:before {background:url(/images/kor/content/publication_tab_ico3.png) no-repeat left 50%;}
.publication_tab li strong .cell span{display:inline; width:auto; height:auto; vertical-align:middle;}
.publication_tab li ul {margin:0;}
.publication_tab li ul li {float:none; width:auto; padding:0; margin-top:4px;}
.publication_tab li ul li a {display:block; background:#ecf3f2; font-size:14px; padding:12px 12% 12px 6%; color:#3c3c3c; position:relative; text-decoration:none;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease; min-height: 66px; box-sizing: border-box;}
.publication_tab li ul li a:after {content:""; display:block; width:7px; height:12px; background:url(/images/kor/content/publication_tab_bul.png) no-repeat; position:absolute; right:6%; top:50%; margin-top:-6px;}
.publication_tab li ul li a.on,
.publication_tab li ul li a:hover,
.publication_tab li ul li a:active {background:#0e7465; color:#fff;}
.publication_tab li ul li a.on:after,
.publication_tab li ul li a:hover:after,
.publication_tab li ul li a:active:after {background:url(/images/kor/content/publication_tab_bul_on.png) no-repeat;}

.standard_tab {width:100%; height:auto; margin-bottom:25px;}
.standard_tab li a p {text-align:left !important;}
.standard_tab li a span {display:inline-block; vertical-align:top; padding:0 0 0 45px; line-height:32px; position:relative;}
.standard_tab li a span:after {content:""; display:block; width:38px; height:32px; position:absolute; left:0; top:7px;}
.standard_tab li.tab0 a span:after {background:url(/images/kor/content/standard_tab_ico1.png) no-repeat left 50%;}
.standard_tab li.tab1 a span:after {background:url(/images/kor/content/standard_tab_ico2.png) no-repeat left 50%; height:35px; top:5px;}
.standard_tab li.tab2 a span:after {background:url(/images/kor/content/standard_tab_ico3.png) no-repeat left 50%;}
.standard_tab li.tab3 a span:after {background:url(/images/kor/content/standard_tab_ico4.png) no-repeat left 50%;}
.standard_tab li.tab4 a span:after {background:url(/images/kor/content/standard_tab_ico7.png) no-repeat left 50%;}
.standard_tab li.tab5 a span:after {background:url(/images/kor/content/standard_tab_ico5.png) no-repeat left 50%;}
.standard_tab li.tab6 a span:after {background:url(/images/kor/content/standard_tab_ico6.png) no-repeat left 50%;}
.standard_tab li.tab0.on a span:after {background:url(/images/kor/content/standard_tab_ico1_on.png) no-repeat left 50%;}
.standard_tab li.tab1.on a span:after {background:url(/images/kor/content/standard_tab_ico2_on.png) no-repeat left 50%;}
.standard_tab li.tab2.on a span:after {background:url(/images/kor/content/standard_tab_ico3_on.png) no-repeat left 50%;}
.standard_tab li.tab3.on a span:after {background:url(/images/kor/content/standard_tab_ico4_on.png) no-repeat left 50%;}
.standard_tab li.tab4.on a span:after {background:url(/images/kor/content/standard_tab_ico7_on.png) no-repeat left 50%;}
.standard_tab li.tab5.on a span:after {background:url(/images/kor/content/standard_tab_ico5_on.png) no-repeat left 50%;}
.standard_tab li.tab6.on a span:after {background:url(/images/kor/content/standard_tab_ico6_on.png) no-repeat left 50%;}

@media screen and (max-width:1240px) and (min-width:1023px){
	.publication_tab li ul li a{min-height:87px;}
}
@media screen and (max-width:1023px){
	.publication_tab li strong {font-size:15px;}
	.publication_tab li ul li a {font-size:13px;}
}
@media screen and (max-width:840px){
	.publication_tab li {float:none; width:auto; position:relative; box-sizing:border-box; padding:0 0 0 25%; margin-top:7px;}
	.publication_tab li:first-child {margin-top:0;}
	.publication_tab li strong {display:block; position:absolute; left:0; top:0; width:25%; height:100%; box-sizing:border-box; font-size:15px; padding:11px;}
	.publication_tab li strong .cell{display:block;}
	.publication_tab li strong .cell:before{display:none;}
	.publication_tab li ul li a {padding:12px 40px 12px 15px;min-height:auto;}
	.publication_tab li ul li a:after {right:15px;}
	.standard_tab li a span {padding:0;}
	.standard_tab li a span:after {display:none;}
}
@media screen and (max-width:640px){
	.publication_tab li {padding:0 0 0 32%;}
	.publication_tab li strong {width:32%; font-size:14px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 공공데이터개방
	연관단어 : opendata_iframe

////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width:840px){
	.opendata_iframe iframe{height:800px !important;}	
}
@media screen and (max-width:640px){
	.opendata_iframe iframe{height:500px !important;}	
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 땅과사람들 구독신청
	연관단어 : sub020502

////////////////////////////////////////////////////////////////////////////// */
#sub020502{}
input.postbx{width:150px !important;}
#sub020502 .agree p{display: inline-block; margin:0;}
#sub020502 .adrs li{position:relative; margin-bottom:2px; padding-left:80px; box-sizing:border-box;}
#sub020502 .adrs li:last-child{margin-bottom:0;}
#sub020502 .adrs li strong{position:absolute; top:50%; left:0; width:80px; margin-top:-10px;}

@media screen and (max-width:740px){
	input.postbx{width:85px !important;}
	#sub020502 .adrs li{padding-left:0;}
	#sub020502 .adrs li strong{position:static; top:auto; left:auto; display: block; width:auto; margin-top:0;}
}
@media screen and (max-width:480px){
	#sub020502 .agree p{display: block;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 학술자료
	연관단어 : sub020601

////////////////////////////////////////////////////////////////////////////// */
#sub020601 .pt_bg,
#sub020601 .txtbx,
#sub020601 .txtbx .bg .txts{transition:font-size 0.3s ease; -webkit-transition:font-size 0.3s ease;}
#sub020601 .book_lst ul li,
#sub020601 .book_lst ul li .li_wr,
#sub020601 .book_lst ul li .li_wr .book_img,
#sub020601 .book_lst ul li .li_wr .book_img em{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub020601 .txtbx,
#sub020601 .pt_bg{background:url(/images/kor/content/talent_pattern.png) repeat left top;}
#sub020601 .pt_bg{width:100%; height:20px; padding:0 90px; box-sizing:border-box;}
#sub020601 .pt_bg:before{content:""; display: block; width:100%; height:100%; background-color:#fff;}
#sub020601 .txtbx{position:relative; width:100%; height:auto; padding:0 20px; box-sizing:border-box;}
#sub020601 .txtbx .bg{width:100%; background-color:#fff;}
#sub020601 .txtbx .bg .txts{position:relative; width:100%; padding:30px 75px; box-sizing:border-box;}
#sub020601 .txtbx .bg .txts p{margin:15px 0 0; font-size:16px;}
#sub020601 .txtbx .bg .txts p span{font-weight:700;}
#sub020601 .txtbx .bg .txts p,
#sub020601 .txtbx .bg .txts strong{position:relative; z-index:10;}
#sub020601 .txtbx .bg .txts strong{display: block;}
#sub020601 .txtbx .bg .txts strong span{font-size:18px; text-align:center; color:#004eae;}
#sub020601 .txtbx .bg .txts strong img{display: inline-block; margin-top:-3px; padding-top:5px;}
#sub020601 .txtbx .bg .txts strong img:first-child{margin-right:5px; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#sub020601 .txtbx .bg .txts strong img:last-child{margin-left:5px;}

#sub020601 .book_lst{margin-top:40px;}
#sub020601 .book_lst ul{overflow: hidden;}
#sub020601 .book_lst ul li{float:left; width:50%; height:auto; box-sizing:border-box;}
#sub020601 .book_lst ul li:first-child{padding-right:25px;}
#sub020601 .book_lst ul li:last-child{padding-left:25px;}
#sub020601 .book_lst ul li .li_wr{padding:60px 0 50px; background-color:#f3f4f6; text-align:center;}
#sub020601 .book_lst ul li .li_wr .book_img{position:relative; width:222px; margin:0 auto;}
#sub020601 .book_lst ul li .li_wr .book_img em{position:absolute; top:0; left:0; display: block; width:110px; height:35px; line-height:35px; background-color:#0059a4; font-style:normal; text-align:center; color:#fff;}
#sub020601 .book_lst ul li .li_wr .book_img img{width:100%; box-shadow:7px 7px 15px rgba(0,0,0,0.2);}
#sub020601 .book_lst ul li .li_wr a{margin-top:30px;}

@media screen and (max-width:1140px) and (min-width:1024px){
	#sub020601 .book_lst ul li:first-child{padding-right:15px;}
	#sub020601 .book_lst ul li:last-child{padding-left:15px;}
	#sub020601 .book_lst ul li .li_wr{padding:40px 0 30px;}
	#sub020601 .book_lst ul li .li_wr .book_img{width:200px;}
	#sub020601 .book_lst ul li .li_wr .book_img em{width:95px; height:30px; line-height:30px; font-size:14px;}
}
@media screen and (max-width:740px){
	#sub020601 .br{display: none;}
	#sub020601 .pt_bg{height:16px; padding:0 65px;}
	#sub020601 .txtbx{padding:0 16px;}
	#sub020601 .txtbx .bg .txts{padding:15px 55px;}
	#sub020601 .txtbx .bg .txts strong img{width:20px; margin-top:-2px;}
	#sub020601 .txtbx .bg .txts strong img:first-child{margin-right:2px;}
	#sub020601 .txtbx .bg .txts strong img:last-child{margin-left:2px;}
	
	#sub020601 .book_lst{margin-top:30px;}
	#sub020601 .book_lst ul li:first-child{padding-right:15px;}
	#sub020601 .book_lst ul li:last-child{padding-left:15px;}
	#sub020601 .book_lst ul li .li_wr{padding:40px 0 30px;}
	#sub020601 .book_lst ul li .li_wr .book_img{width:200px;}
	#sub020601 .book_lst ul li .li_wr .book_img em{width:95px; height:30px; line-height:30px; font-size:14px;}
}
@media screen and (max-width:640px){
	#sub020601 .txtbx .bg .txts strong span{line-height:19px; font-size:17px;}
	#sub020601 .txtbx .bg .txts p{line-height:19px; font-size:15px;}
	
	#sub020601 .book_lst ul li:first-child{padding-right:10px;}
	#sub020601 .book_lst ul li:last-child{padding-left:10px;}
	#sub020601 .book_lst ul li .li_wr{padding:30px 0 25px;}
	#sub020601 .book_lst ul li .li_wr .book_img{width:150px;}
	#sub020601 .book_lst ul li .li_wr .book_img em{width:75px; height:25px; line-height:25px; font-size:13px;}
	#sub020601 .book_lst ul li .li_wr .book_img img{box-shadow:3px 3px 12px rgba(0,0,0,0.2);}
	#sub020601 .book_lst ul li .li_wr a{margin-top:20px;}
}
@media screen and (max-width:540px){
	#sub020601 .pt_bg{display: none;}
	#sub020601 .txtbx{padding:0 16px; background:none;}
	#sub020601 .txtbx .bg .txts{padding:0;}
	#sub020601 .txtbx .bg .txts strong img{width:18px;}
	#sub020601 .txtbx .bg .txts strong img:first-child{margin-right:2px;}
	#sub020601 .txtbx .bg .txts strong img:last-child{margin-left:2px;}
	#sub020601 .book_lst{margin-top:10px;}
}
@media screen and (max-width:480px){
	#sub020601 .book_lst ul li{float: none; width:100%; padding:0 !important;}
	#sub020601 .book_lst ul li:first-child{margin-bottom:10px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 국민소통 : 제안 목록보기
	연관단어 : suggest2

////////////////////////////////////////////////////////////////////////////// */
#suggest2{}
#suggest2 .sug_lst ul{}
#suggest2 .sug_lst ul:after{content:""; display: block; clear:both;}
#suggest2 .sug_lst ul li{float:left; width:33.33%; margin-top:45px; box-sizing:border-box;}
#suggest2 .sug_lst ul li:first-child,
#suggest2 .sug_lst ul li:nth-child(2),
#suggest2 .sug_lst ul li:nth-child(3){margin-top:0;}
#suggest2 .sug_lst ul li:nth-child(3n+1){padding-right:2%;}
#suggest2 .sug_lst ul li:nth-child(3n+2){padding:0 1% 0 1%;}
#suggest2 .sug_lst ul li:nth-child(3n){padding-left:2%;}
#suggest2 .sug_lst ul li .lstbx{position:relative; height:auto; border:1px solid #c4c9cb;}
#suggest2 .sug_lst ul li .lstbx .title{position:relative; width:100%; height:50px; padding:0 100px 0 62px;  background-color:#c4c9cb; box-sizing:border-box;}
#suggest2 .sug_lst ul li .lstbx .title strong{line-height:54px;}
#suggest2 .sug_lst ul li .lstbx .title span{
	position:absolute; top:12px; right:12px; display: block; width:auto; height:28px; line-height:28px; text-align:center; font-size:14px;
	border-radius:30px;
	-webkit-border-radius:30px;
}
#suggest2 .sug_lst ul li .lstbx a{display: block; width:100%; height:auto; line-height:22px; padding:17px 22px 20px 22px; box-sizing:border-box;}
#suggest2 .sug_lst ul li .lstbx a span{overflow: hidden; display: block; height:65px;}
#suggest2 .sug_lst ul li .lstbx a:hover{color:#636363;}
#suggest2 .sug_lst ul li .lstbx a img{display: inline-block; padding-left:6px; vertical-align:middle; margin-top:-2px;}
#suggest2 .sug_lst ul li .lstbx .info{overflow: hidden; width:100%; height:45px; padding:0 22px; border-top:1px solid #ececec; box-sizing:border-box;}
#suggest2 .sug_lst ul li .lstbx .info .show{margin-right:8px;}
#suggest2 .sug_lst ul li .lstbx .info .show,
#suggest2 .sug_lst ul li .lstbx .info .like{float:left; display:inline-block;; line-height:45px; font-size:16px; vertical-align:middle;}
#suggest2 .sug_lst ul li .lstbx .info .show img,
#suggest2 .sug_lst ul li .lstbx .info .like img{display: inline-block; padding-right:4px; vertical-align:middle; margin-top:-4px;}
#suggest2 .sug_lst ul li .lstbx .info .date{float:right; display:inline-block;; line-height:45px; font-size:14px; color:#737373;}

#suggest2 li .bx{display:table; position:absolute; top:0; left:0; width:50px; height:50px; background-repeat:no-repeat; background-position:center center; background-size:100%;}
#suggest2 li .bx .cell{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
#suggest2 li .bx .cell p{line-height:18px; margin:0; text-align:center; font-size:14px; color:#fff;}
/*접수*/
#suggest2 li.receipt .bx{background-color:#0f71cf;}
/*심사*/
#suggest2 li.ing .bx{background-color:#0f71cf;}
/*불채택*/
#suggest2 li.nope .bx{background-color:#353535;}
/*채택*/
#suggest2 li.select .bx{background-color:#00957e;}
/*답변완료*/
#suggest2 li.ok .bx{background-color:#d1154e;}

#suggest2 .btns{text-align:right; padding-top:30px;}

@media screen and (max-width:1140px) and (min-width:1024px){
	#suggest2 .sug_lst ul li{margin-top:35px;}
	#suggest2 .sug_lst ul li .lstbx .title{height:45px; padding:0 92px 0 57px;}
	#suggest2 .sug_lst ul li .lstbx .title strong{line-height:45px;}
	#suggest2 .sug_lst ul li .lstbx .title span{top:9px; font-size:13px;}
	#suggest2 .sug_lst ul li .lstbx a{padding:12px 15px 15px 15px;}
	#suggest2 .sug_lst ul li .lstbx a span{height:40px;}
	#suggest2 .sug_lst ul li .lstbx .info{height:40px; padding:0 15px;}
	#suggest2 .sug_lst ul li .lstbx .info .show,
	#suggest2 .sug_lst ul li .lstbx .info .like{line-height:40px; font-size:15px;}
	#suggest2 .sug_lst ul li .lstbx .info .show img,
	#suggest2 .sug_lst ul li .lstbx .info .like img{margin-top:-2px; padding-right:4px;}
	#suggest2 .sug_lst ul li .lstbx .info .date{line-height:40px;}
	#suggest2 li .bx{width:45px; height:45px;}
	#suggest2 .sug_lst ul li .lstbx .info .date{font-size:13px;}
}
@media screen and (max-width:840px){
	#suggest2 .sug_lst ul li{margin-top:35px;}
	#suggest2 .sug_lst ul li .lstbx .title{height:45px; padding:0 92px 0 57px;}
	#suggest2 .sug_lst ul li .lstbx .title strong{line-height:45px;}
	#suggest2 .sug_lst ul li .lstbx .title span{top:9px; font-size:13px;}
	#suggest2 .sug_lst ul li .lstbx a{padding:12px 15px 15px 15px;}
	#suggest2 .sug_lst ul li .lstbx a span{height:40px;}
	#suggest2 .sug_lst ul li .lstbx .info{height:40px; padding:0 15px;}
	#suggest2 .sug_lst ul li .lstbx .info .show,
	#suggest2 .sug_lst ul li .lstbx .info .like{line-height:40px; font-size:15px;}
	#suggest2 .sug_lst ul li .lstbx .info .show img,
	#suggest2 .sug_lst ul li .lstbx .info .like img{margin-top:-2px; padding-right:4px;}
	#suggest2 .sug_lst ul li .lstbx .info .date{line-height:40px;}
	#suggest2 li .bx{width:45px; height:45px;}
	#suggest2 .sug_lst ul li .lstbx .info .date{font-size:13px;}
}
@media screen and (max-width:740px){
	#suggest2 .sug_lst ul li{width:50%;}
	#suggest2 .sug_lst ul li:nth-child(3){margin-top:35px;}
	#suggest2 .sug_lst ul li:nth-child(odd){padding-right:1.5%; padding-left:0;}
	#suggest2 .sug_lst ul li:nth-child(even){padding-left:1.5%; padding-right:0;}
	#suggest2 .sug_lst ul li .lstbx a span{height:65px;}
}
@media screen and (max-width:480px){
	#suggest2 .sug_lst ul li{width:100%; margin-top:10px !important; padding:0 0 0 10px !important;}
	#suggest2 .sug_lst ul li:nth-child(2){margin-top:20px;}
	#suggest2 .sug_lst ul li .lstbx a span {height:45px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 제안 목록보기_상세
	연관단어 : suggest_view

////////////////////////////////////////////////////////////////////////////// */
#suggest_view{}
#suggest_view .sgt_view{border-top:2px solid #333333; border-bottom:1px solid #dcdcdc;}
#suggest_view .sgt_view .text p,
#suggest_view .sgt_view .info p{margin:0;}
#suggest_view .sgt_view .title{
	position:relative; width:100%; height:auto; padding:30px 3%; background-color:#fafafa; border-bottom:1px solid #dcdcdc; box-sizing:border-box;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#suggest_view .sgt_view .title strong{font-size:22px; line-height:30px; display:block; margin-left:70px; font-weight:700;}
#suggest_view .sgt_view .title span{
	position:absolute; top:50%; left:3%; display: block; width:60px; height:60px; line-height:60px; margin-top:-30px; font-size:17px; text-align:center; color:#fff;
	border-radius:50%;
	-webkit-border-radius:50%;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#suggest_view .sgt_view .title span.receipt{background-color:#0f72cf;}
#suggest_view .sgt_view .title span.ing{background-color:#0f72cf;}
#suggest_view .sgt_view .title span.select{background-color:#00957e;}
#suggest_view .sgt_view .title span.nope{background-color:#333;}
#suggest_view .sgt_view .title span.ok{background-color:#d1154f;}
/*글이 길어서 예외처리..*/
#suggest_view .sgt_view .title span.ok{line-height:19px; padding:11px; box-sizing:border-box;}

#suggest_view .sgt_view .title span:after {display:none;}
#suggest_view .sgt_view .title span.receipt:after{content:"접수";}
#suggest_view .sgt_view .title span.ing:after{content:"심사중";}
#suggest_view .sgt_view .title span.select:after{content:"채택";}
#suggest_view .sgt_view .title span.nope:after{content:"불채택";}
#suggest_view .sgt_view .title span.ok:after{content:"답변완료";}
#suggest_view .sgt_view .info{overflow: hidden;}
#suggest_view .sgt_view .info_wr{
	float:left; position:relative; width:50%; height:auto; border-bottom:1px solid #dcdcdc;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
#suggest_view .sgt_view .info_wr.long{width:100%;}
#suggest_view .sgt_view .info_wr .infott{
	position:absolute; top:0; left:0; width:160px; height:100%; background-color:#fafafa;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
#suggest_view .sgt_view .info_wr .infott .cell{display:table; width:100%; height:100%;}
#suggest_view .sgt_view .info_wr strong{display:table-cell; width:100%; height:100%; font-weight:700; font-size:16px; vertical-align: middle; text-align:center;}
#suggest_view .sgt_view .info_wr p{padding:15px 15px 15px 180px;}

#suggest_view .sgt_view .text{position:relative; min-height:55px; border-bottom:1px solid #dcdcdc;}
#suggest_view .sgt_view .text:last-child{border-bottom:0;}
#suggest_view .sgt_view .text .text_wr{
	position:absolute; top:0; left:0; width:160px; height:100%; background-color:#fafafa;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
}
#suggest_view .sgt_view .text .text_wr .cell{display:table; width:100%; height:100%;}
#suggest_view .sgt_view .text .text_wr strong{display:table-cell; width:100%; height:100%; font-weight:700; font-size:16px; padding:0 10px; vertical-align: middle; text-align:center;}
#suggest_view .sgt_view .text p,
#suggest_view .sgt_view .text ul{
	min-height:100px; padding:15px 15px 15px 180px;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#suggest_view .sgt_view .text.files ul {min-height:10px;}
#suggest_view .sgt_view.ans .title{
	padding:38px 30px; text-align:center;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#suggest_view .btns{padding-top:30px; text-align:right;}

/*버튼아이콘*/
#suggest_view .files ul li a{height:auto; min-height:25px; line-height:17px; padding:0 0 0 20px; background-image:url(/images/core/folder.png); background-position:left top; background-repeat:no-repeat; font-size:15px;}

/*좋아요 버튼*/
#suggest_view .sgt_view .text .likebox a.like_btn,
#suggest_view .sgt_view .text .likebox a.like_btn:before,
#suggest_view .sgt_view .text .likebox a.like_btn span,
#suggest_view .sgt_view .text .likebox a.like_btn span:before{transition:all 0.3s ease;	-webkit-transition:all 0.3s ease;}
#suggest_view .sgt_view .text .likebox{min-height:auto; padding:15px; text-align:center;}
#suggest_view .sgt_view .text .likebox a.like_btn{
	display:inline-block; min-width:134px; height:38px; line-height:38px; padding:0 10px; background-color:#d61737; border:1px solid #d61737; color:#fff;
	border-radius:40px;
	-webkit-border-radius:40px;
}
#suggest_view .sgt_view .text .likebox a.like_btn:hover,
#suggest_view .sgt_view .text .likebox a.like_btn:active{background-color:#fff; color:#d61737; text-decoration:none;}
#suggest_view .sgt_view .text .likebox a.like_btn:before{content:""; display:inline-block; width:17px; height:15px; margin-top:-2px; margin-right:5px; background:url(/images/kor/content/like_btn_icon.png) no-repeat center center; vertical-align:middle;}
#suggest_view .sgt_view .text .likebox a.like_btn:hover:before,
#suggest_view .sgt_view .text .likebox a.like_btn:active:before{background:url(/images/kor/content/like_btn_icon_ov.png) no-repeat center center;}
#suggest_view .sgt_view .text .likebox a.like_btn span{color:#fff;}
#suggest_view .sgt_view .text .likebox a.like_btn:hover span,
#suggest_view .sgt_view .text .likebox a.like_btn:active span{color:#404040;}
#suggest_view .sgt_view .text .likebox a.like_btn span:before{content:""; display:inline-block; width:1px; height:12px; margin:0 8px; background-color:#ec647b; vertical-align:middle;}
#suggest_view .sgt_view .text .likebox a.like_btn:hover span:before{background-color:#ccc;}

@media screen and (max-width:740px){
	#suggest_view .sgt_view .info_wr{width:100%;}
	#suggest_view .sgt_view .title{padding:25px 3%;}
	#suggest_view .sgt_view.ans .title{padding:32px 30px;}
	#suggest_view .sgt_view .title strong{font-size:19px; line-height:24px; margin-left:60px;}
	#suggest_view .sgt_view .title span{width:50px; height:50px; line-height:52px; margin-top:-25px; font-size:15px;}
	#suggest_view .sgt_view .title span.ok{line-height:18px; padding:7px;}
	#suggest_view .sgt_view .info_wr strong,
	#suggest_view .sgt_view .info_wr p,
	#suggest_view .sgt_view .text .text_wr strong,
	#suggest_view .sgt_view .text p{font-size:15px;}
	#suggest_view .sgt_view .info_wr .infott,
	#suggest_view .sgt_view .text .text_wr{width:120px;}
	#suggest_view .sgt_view .info_wr p{padding:15px 15px 15px 140px;}
	#suggest_view .sgt_view .text p,
	#suggest_view .sgt_view .text ul{line-height:21px; padding:15px 15px 15px 140px;}
}
@media screen and (max-width:640px){
	#suggest_view .sgt_view .title strong{line-height:21px; font-size:17px;}
	#suggest_view .sgt_view .title span{top:50%; width:45px; height:45px; margin-top:-23px; line-height:45px; font-size:14px;}
	#suggest_view .sgt_view .title span.ok{line-height:16px;}
	#suggest_view .files ul li a{font-size:14px;}
	
	#suggest_view .sgt_view .text .likebox a.like_btn{min-width:115px; height:32px; line-height:32px; font-size:14px;}
	#suggest_view .sgt_view .text .likebox a.like_btn:before{width:15px; background-size:100%;}
	#suggest_view .sgt_view .text .likebox a.like_btn:hover:before{background-size:100%;}
	#suggest_view .sgt_view .text .likebox a.like_btn span:before{margin:-2px 5px 0;}
}
@media screen and (max-width:450px){
	#suggest_view .sgt_view .info_wr .infott,
	#suggest_view .sgt_view .text .text_wr{width:90px;}
	#suggest_view .sgt_view .info_wr p,
	#suggest_view .sgt_view .text p,
	#suggest_view .sgt_view .text ul{padding:15px 15px 15px 110px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 국민소통 : 결과창
	연관단어 : step03

////////////////////////////////////////////////////////////////////////////// */
#step03 .cont_box{text-align:center;}
#step03 .cont_box img{
	width:235px;
	transition:width 0.3s ease;
	-webkit-transition:width 0.3s ease;
	}
#step03 .cont_box p{
	padding-top:20px; font-weight:700; font-family:"Nanum Square"; font-size:24px; text-align:center;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

@media screen and (max-width:940px){
	#step03 .cont_box img{width:200px;}
	#step03 .cont_box p{padding-top:15px; font-size:21px;}
}
@media screen and (max-width:640px){
	#step03 .cont_box img{width:150px;}
	#step03 .cont_box p{ line-height:21px; padding-top:12px; font-size:18px; font-weight:400;}
}
/* @media screen and (max-width: 600px){
	.table.ttype2,
	.table.ttype2 thead,
	.table.ttype2 tbody,
	.table.ttype2 tr,
	.table.ttype2 tr th,
	.table.ttype2 tr td{display:block; width:auto; box-sizing:border-box;}
	.table.ttype2 tr td{height:auto;}
	.table.ttype2 tr th{border-top:1px solid #dcdcdc; border-right:0 !important;}
	.table.ttype2 tr th:first-child,
	.table.ttype2 tr td:first-child{border-right:0 !important;}
	.table.ttype2 tr:first-child th{border-top:0;}
	.table.ttype2 tr td:last-child{border-bottom:0;}
} */



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 경영공시 : 국제교류 셀렉박스
	연관단어 : suggest2

////////////////////////////////////////////////////////////////////////////// */
.exchange_category {text-align:right; margin-bottom:20px;}
.exchange_category:after {content:""; display:block; clear:both;}
.exchange_category select,
.exchange_category .submit {display:inline-block; vertical-align:top; box-sizing:border-box;}
.exchange_category .submit {background:#333; color:#fff; height:42px; line-height:42px; padding:0 20px; border:1px solid #333; text-decoration:none;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
.exchange_category .submit:hover,
.exchange_category .submit:active {background:#fff; color:#333;}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 통합공시(ALIO) / 공사 자체공시
	연관단어 : sub030401 / .alio_lst.ty2

////////////////////////////////////////////////////////////////////////////// */
#sub030401 .bx,
#sub030401 .bx .tt,
#sub030401 .bx .alio_bx > ul{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub030401{overflow: hidden;}
#sub030401 .bx{float:left; width:33.33%; padding-right:25px; box-sizing:border-box;}
#sub030401 .bx:last-child{padding-right:0;}
#sub030401 .bx .tt{width:100%; height:auto; padding:8px 20px; background-color:#dae0e4; box-sizing:border-box;}
#sub030401 .bx .tt strong{display: inline-block; padding-left:5px; font-size:17px; vertical-align:middle;}
#sub030401 .bx .tt img{vertical-align:middle;}
#sub030401 .bx .alio_lst > li{margin-bottom:20px;}
#sub030401 .bx .alio_bx > ul{width:100%; padding:15px 20px; background-color:#fdfdfd; border:1px solid #e1e1e3; box-sizing:border-box;}

/*공사자체공시*/
#sub030401.gongci .bx{float: none; width:100%;}
#sub030401.gongci .bx .alio_lst{}
#sub030401.gongci .bx .alio_lst > li{display: inline-block; width:31.6%; padding-right:2%; vertical-align:top;}
#sub030401.gongci .bx .alio_lst > li:nth-child(3n+3){padding-right:0;}

@media screen and (max-width:1140px){
	#sub030401 .bx{padding-right:20px;}
	#sub030401 .bx .tt{padding:6px 15px;}
	#sub030401 .bx .tt strong{padding-left:2px; font-size:16px;}
	#sub030401 .bx .alio_bx > ul{padding:12px 15px;}

	#sub030401.gongci .bx .alio_lst > li{display: inline-block; width:32%; padding-right:1.3%; vertical-align:top;}
}
@media screen and (max-width:740px){
	#sub030401 .bx{padding-right:20px;}
	#sub030401 .bx .tt{padding:6px 10px;}
	#sub030401 .bx .tt strong{font-size:15px;}
	#sub030401 .bx .tt img{width:23px;}
	#sub030401 .bx .alio_bx > ul{padding:12px 15px;}
}
@media screen and (max-width:640px){
	#sub030401 .bx{width:100%; padding:0 !important;}
	#sub030401 .bx:last-child{margin-top:10px;}
	#sub030401 .bx .tt strong{font-size:15px;}
	#sub030401 .bx .tt img{width:23px;}
	#sub030401 .bx .alio_lst > li{margin-bottom:10px;}

	#sub030401.gongci .bx .alio_lst > li{display: inline-block; width:100%; padding-right:0; vertical-align:top;}
	#sub030401.gongci .bx .alio_lst > li:last-child{margin-bottom:0;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 일반현황 > 사규정보(스타일예외처리)
	연관단어 : sague_sty

////////////////////////////////////////////////////////////////////////////// */
.board.view.sague_sty .texts h4:first-child{margin-top:0 !important;}
.board.view.sague_sty .texts .jo strong {display:block; width:100%; margin-top:12px; padding-top:0 !important; padding-bottom:6px; font-size:18px; font-weight:700; cursor:default; pointer-events: none; color:#008a75;}
/* .board.view.sague_sty .texts #jo .jeon{padding-left:20px; box-sizing:border-box;} */
/*새창링크*/
.board.view.sague_sty .texts .jo a.lawlk{font-weight:700; text-decoration:underline; color:#1d49a3;}
.board.view.sague_sty .texts .jo a.lawlk:after{content:""; display:inline-block; width:12px; height:12px; margin-top:-2px; margin-left:3px; background:url(/images/core/win.gif) no-repeat center center !important; vertical-align:middle;}
.board.view.sague_sty .texts .ho{padding-left:18px;}
.board.view.sague_sty .texts .mok{padding-left:35px;}
@media screen and (max-width: 840px){
	.board.view.sague_sty .texts .jo strong {margin-top:8px;}	
}
@media screen and (max-width: 640px){
	.board.view.sague_sty .texts .jo strong {margin-top:6px;}
	.board.view.sague_sty .texts .ho{padding-left:16px;}
	.board.view.sague_sty .texts .mok{padding-left:32px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 예산편성 및 결산현황
	연관단어 : sub030405_4

////////////////////////////////////////////////////////////////////////////// */
#sub030405_4 .graph{width:100%; height:auto; padding:50px 70px; background-color:#eef2f8; text-align:center; box-sizing:border-box;}

@media screen and (max-width:1480px){
	#sub030405_4 .graph img{width:100%;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	#sub030405_4 .graph{padding:40px 60px;}
}
@media screen and (max-width:940px){
	#sub030405_4 .graph{padding:40px 60px;}
}
@media screen and (max-width:740px){
	#sub030405_4 .graph{padding:30px;}
}
@media screen and (max-width:480px){
	#sub030405_4 .graph{padding:15px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : LX 일자리 정보
	연관단어 : sub040201

////////////////////////////////////////////////////////////////////////////// */
#sub040201 ul.lx_work{overflow: hidden;}
#sub040201 ul.lx_work li{
	float:left; width:33.33%; height:260px; margin-top:20px; padding-right:20px; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub040201 ul.lx_work li:first-child,
#sub040201 ul.lx_work li:nth-child(2),
#sub040201 ul.lx_work li:nth-child(3){margin-top:0;}
#sub040201 ul.lx_work li:nth-child(3n+1){padding:0 10px 0 0;}
#sub040201 ul.lx_work li:nth-child(3n+2){padding:0 10px;}
#sub040201 ul.lx_work li:nth-child(3n+3){padding:0 0 0 10px;}
#sub040201 ul.lx_work li .li_wr{position:relative; display: block; width:100%; height:100%; background-repeat:no-repeat; background-position:top 15% center; background-size:cover;  border:1px solid #e0e1e3; box-sizing:border-box;}
#sub040201 ul.lx_work li:first-child .li_wr{background-image: url(/images/kor/content/workinfo_pic01.jpg);}
#sub040201 ul.lx_work li:nth-child(2) .li_wr{background-image: url(/images/kor/content/workinfo_pic02.jpg);}
#sub040201 ul.lx_work li:nth-child(3) .li_wr{background-image: url(/images/kor/content/workinfo_pic03.jpg);}
#sub040201 ul.lx_work li:nth-child(4) .li_wr{background-image: url(/images/kor/content/workinfo_pic04.jpg);}
#sub040201 ul.lx_work li:nth-child(5) .li_wr{background-image: url(/images/kor/content/workinfo_pic05.jpg);}
#sub040201 ul.lx_work li:last-child .li_wr{background-image: url(/images/kor/content/workinfo_pic06.jpg);}
#sub040201 ul.lx_work li .li_wr span{
	position:absolute; bottom:0; left:0; table-layout:fixed; width:100%; height:80px; padding:0 10px; background-color:#fff; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub040201 ul.lx_work li .li_wr span:before{
	content:""; position:absolute; top:-20px; left:50%; z-index:0; width:40px; height:40px; margin-left:-20px; background-color:#fff;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
#sub040201 ul.lx_work li .li_wr span:after{content:""; position:absolute; top:-9px; left:50%; width:18px; height:18px; margin-left:-9px; background: url(/images/kor/content/workinfo_more.png) no-repeat center center;
transform:rotate(0deg);
transition:transform 0.3s ease;}
#sub040201 ul.lx_work li .li_wr span strong{position:relative; z-index:10; display: block; padding-top:25px; font-size:18px; text-align:center;}

#sub040201 ul.lx_work li .li_wr:hover span{height:95px; text-decoration:none;}
#sub040201 ul.lx_work li .li_wr:hover span:after{transform:rotate(180deg); -wekkit-transform:rotate(270deg);}

@media screen and (max-width:740px){
	#sub040201 ul.lx_work li{width:50%; height:230px;}
	#sub040201 ul.lx_work li:nth-child(3){margin-top:10px;}
	#sub040201 ul.lx_work li:nth-child(odd){padding:0 5px 0 0;}
	#sub040201 ul.lx_work li:nth-child(even){padding:0 0 0 5px;}
}
@media screen and (max-width:480px){
	#sub040201 ul.lx_work li{width:100%; height:210px; padding:0 !important;}
	#sub040201 ul.lx_work li:nth-child(2){margin-top:10px;}
	#sub040201 ul.lx_work li .li_wr span{height:50px;}
	#sub040201 ul.lx_work li .li_wr span strong{padding-top:14px;}
	#sub040201 ul.lx_work li .li_wr:hover span{height:50px;}
}
@media screen and (max-width:380px){
	#sub040201 ul.lx_work li{height:180px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 일자리 PLAN
	연관단어 : sub040205

////////////////////////////////////////////////////////////////////////////// */
#sub040205 .bx1 .txtbx,
#sub040205 .bx1 .txtbx .line,
#sub040205 .bx1 .bx_lst ul li,
#sub040205 .bx1 .bx_lst ul li .tt,
#sub040205 .bx2 ul li,
#sub040205 .bx2 ul li .li_wr,
#sub040205 .bx2 ul li .li_wr ol,
#sub040205 .bx2 .txtbx strong{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub040205 .line{width:100%; height:100%; border:1px solid rgba(255,255,255,0.4); box-sizing:border-box;}

#sub040205 .bx1{padding-top:30px; background:url(/images/kor/content/workplan_arrow.png) no-repeat center top; box-sizing:border-box;}
#sub040205 .bx1 .txtbx{
	width:100%; height:auto; padding:8px; background:url(/images/kor/content/gradation.jpg) no-repeat left top; background-size:cover; box-sizing:border-box;
	border-radius:60px;
	-webkit-border-radius:60px; 
}
#sub040205 .bx1 .txtbx .line{
	padding:15px 20px;
	border-radius:60px; 
	-webkit-border-radius:60px;
}
#sub040205 .bx1 .txtbx span{display: block; font-size:17px; color:#fff; text-align:center; font-weight:700;}
#sub040205 .bx1 .txtbx strong{display: block; line-height:22px; padding-top:10px; font-size:22px; text-align:center;}
#sub040205 .bx1 .txtbx p{display:inline-block; line-height:22px; padding-top:10px; font-size:22px; text-align:center;}
#sub040205 .bx1 .txtbx.ty2{margin-top:15px; background:#ecf2f7; border:2px solid #d1d9df; box-sizing:border-box;}
#sub040205 .bx1 .txtbx.ty2 .line{border:1px solid rgba(255,255,255,0);}
#sub040205 .bx1 .txtbx.ty2 span{color:#828588;}

#sub040205 .bx1 .bx_lst .titles{position:relative; width:100%; height:25px; margin-top:22px; margin-bottom:14px; text-align:center;}
#sub040205 .bx1 .bx_lst .titles:before,
#sub040205 .bx1 .bx_lst .titles:after{content:""; position:absolute; top:0; left:0; display: block; width:2px; height:100%; background-color:#b5d3e7;}
#sub040205 .bx1 .bx_lst .titles:after{left:auto; right:0;}
#sub040205 .bx1 .bx_lst .titles strong{display:inline-block; width:20%; line-height:25px; font-size:18px; color:#07469b;}
#sub040205 .bx1 .bx_lst .titles .line{overflow: hidden; display: inline-block; width:40%; height:2px; background-color:#b5d3e7; text-indent:-2000px;}
#sub040205 .bx1 .bx_lst .titles strong,
#sub040205 .bx1 .bx_lst .titles .line{vertical-align:middle;}
#sub040205 .bx1 .bx_lst ul{overflow: hidden;}
#sub040205 .bx1 .bx_lst ul li{float:left; width:33.333%; padding-right:5px; box-sizing:border-box;}
#sub040205 .bx1 .bx_lst.bx_lst02 ul li{float:left;width: 25%;padding-right:5px;box-sizing:border-box;}
#sub040205 .bx1 .bx_lst ul li:first-child,
#sub040205 .bx1 .bx_lst ul li:nth-child(2){margin-bottom:5px;}
#sub040205 .bx1 .bx_lst ul li .tt{display:table; table-layout:fixed; width:100%; height:54px; padding:0 10px; background-color:#5b7083; box-sizing:border-box;}
#sub040205 .bx1 .bx_lst ul li .tt strong{display:table-cell; width:100%; height:100%; line-height:19px; vertical-align:middle; text-align:center; font-size:16px; color:#fff;}
#sub040205 .bx1 .bx_lst ul li ol{width:100%; min-height:165px; margin:2px 0 0 0; padding:20px; background-color:#f5f7f8; box-sizing:border-box;}
#sub040205 .bx1 .bx_lst ul li ol li{float: none; width:100%; padding-right:0;}
#sub040205 .bx1 .bx_lst ul li ol li em{background-color:#d9dfe2; color:#5e5e5e;}

#sub040205 .bx1 .bx_lst.bx_lst02 ul li ol{width:100%; min-height:165px; margin:2px 0 0 0; padding:20px; background-color:#f5f7f8; box-sizing:border-box;}
#sub040205 .bx1 .bx_lst.bx_lst02 ul li ol li{float: none; width:100%; padding-right:0;}
#sub040205 .bx1 .bx_lst.bx_lst02 ul li ol li em{background-color:#d9dfe2; color:#5e5e5e;}

#sub040205 .bx2{margin-top:30px;}
#sub040205 .bx2 .txtbx{width:100%; height:auto; padding:5px; background-color:#616d8a; box-sizing:border-box;}
#sub040205 .bx2 .txtbx strong{display: block; padding:10px; font-size:18px; text-align:center; color:#fff; box-sizing:border-box;}
#sub040205 .bx2 ul{overflow: hidden;}
#sub040205 .bx2 ul li{float:left; width:50%; margin-top:3px; padding-right:5px; box-sizing:border-box;}
#sub040205 .bx2 ul li:nth-child(even){padding-right:0;}
#sub040205 .bx2 ul li .li_wr{position:relative; width:100%; height:100%; padding:30px; background-color:#f5f6f8; box-sizing:border-box;}
#sub040205 .bx2 ul li .li_wr img{position:absolute; top:35px; left:30px;}
#sub040205 .bx2 ul li .li_wr ol{min-height:139px; margin:0;}
#sub040205 .bx2 ul li .li_wr ol li{float:none; width:100%; margin-top:0; padding:0 0 0 30px;}
#sub040205 .bx2 ul li .li_wr ol li em{width:auto;}
#sub040205 .bx2 ul li:nth-child(10) .li_wr ol li,
#sub040205 .bx2 ul li:nth-child(11) .li_wr ol li,
#sub040205 .bx2 ul li:nth-child(12) .li_wr ol li,
#sub040205 .bx2 ul li:nth-child(13) .li_wr ol li{padding:0 0 0 38px;}

@media screen and (max-width:1440px){
	#sub040205 .bx2 ul li .li_wr{padding:25px;}
	#sub040205 .bx2 ul li .li_wr img{left:25px;}
}
@media screen and (max-width:1380px){
	#sub040205 .bx2 ul li .li_wr ol{min-height:115px;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	#sub040205 .bx1 .bx_lst .titles .line{width:38%;}
	#sub040205 .bx1 .bx_lst .titles strong{width:24%;}
	#sub040205 .bx1 .bx_lst ul li .tt strong{font-size:15px;}
	#sub040205 .bx1 .bx_lst ul li ol{min-height:145px;}
	#sub040205 .bx2 ul li .li_wr{padding:20px;}
	#sub040205 .bx2 ul li .li_wr img{left:20px;}
	#sub040205 .bx2 ul li .li_wr ol{min-height:140px;}
}
@media screen and (max-width:940px){
	#sub040205 .bx1 .bx_lst .titles .line{width:38%;}
	#sub040205 .bx1 .bx_lst .titles strong{width:24%;}
	#sub040205 .bx1 .bx_lst ul li ol{min-height:155px;}
	#sub040205 .bx1 .bx_lst.bx_lst02 ul li ol{min-height:180px;}
}
@media screen and (max-width:840px){
	#sub040205 .bx1 .bx_lst .titles .line{width:38%;}
	#sub040205 .bx1 .bx_lst .titles strong{width:24%;}
	#sub040205 .bx2 ul li .li_wr ol{min-height:140px;}
}
@media screen and (max-width:740px){
	#sub040205 .bx1 .bx_lst .titles:before,
	#sub040205 .bx1 .bx_lst .titles:after,
	#sub040205 .bx1 .bx_lst .titles .line{display: none;}
	#sub040205 .bx1 .bx_lst .titles strong{width:auto;}

	#sub040205 .bx1 .bx_lst ul li{float: none; width:100%; margin-bottom:5px; padding-right:0;}
	#sub040205 .bx1 .bx_lst ul li:last-child{margin-bottom:0;}
	#sub040205 .bx1 .bx_lst ul li .tt{height:45px;}
	#sub040205 .bx1 .bx_lst ul li ol{min-height:auto;}
	#sub040205 .bx1 .bx_lst ul li ol li{margin-bottom:0;}

	#sub040205 .bx1 .bx_lst.bx_lst02 ul li{float: none; width:100%; margin-bottom:5px; padding-right:0;}
	#sub040205 .bx1 .bx_lst.bx_lst02 ul li:last-child{margin-bottom:0;}
	#sub040205 .bx1 .bx_lst.bx_lst02 ul li .tt{height:45px;}
	#sub040205 .bx1 .bx_lst.bx_lst02 ul li ol{min-height:auto;}
	#sub040205 .bx1 .bx_lst.bx_lst02 ul li ol li{margin-bottom:0;}
	
	#sub040205 .bx2{margin-top:25px;}
	#sub040205 .bx2 ul li{float:none; width:100%; padding-right:0;}
	#sub040205 .bx2 ul li .li_wr{padding:20px;}
	#sub040205 .bx2 ul li .li_wr img{top:25px;}
	#sub040205 .bx2 ul li .li_wr ol{min-height:auto;}
	#sub040205 .bx2 .txtbx strong{padding:7px;}
}
@media screen and (max-width:640px){
	#sub040205 .bx1 .txtbx span{font-size:16px;}
	#sub040205 .bx1 .txtbx strong{padding-top:6px; font-size:20px;}
	#sub040205 .bx1 .txtbx p{padding-top:6px; font-size:20px;}
	#sub040205 .bx1 .bx_lst ul li .tt strong{line-height:16px; font-size:14px;}
	#sub040205 .bx1 .bx_lst .titles{margin-top:15px; margin-bottom:8px;}
	#sub040205 .bx1 .bx_lst .titles strong,
	#sub040205 .bx2 .txtbx strong{font-size:17px;}
}
@media screen and (max-width:540px){
	#sub040205 .bx1 .txtbx{border-radius:15px; -webkit-border-radius:15px;}
	#sub040205 .bx1 .txtbx .line{border-radius:10px; -webkit-border-radius:10px;}
	#sub040205 .bx1 .txtbx.ty2{margin-top:5px;}
}
@media screen and (max-width:480px){
	#sub040205 .bx1 .txtbx .line{padding:10px 15px;}
	#sub040205 .bx1 .txtbx span{font-size:15px;}
	#sub040205 .bx1 .txtbx strong{padding-top:2px; font-size:18px;}
	#sub040205 .bx1 .txtbx p{padding-top:2px; font-size:18px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 일자리위원회소개
	연관단어 : sub040206

////////////////////////////////////////////////////////////////////////////// */
#sub040206 .ttbx{
	width:100%; height:auto; padding:30px 20px; background-color:#ecf2f7; border:2px solid #d1d9df; box-sizing:border-box;
	border-radius:60px;
	-webkit-border-radius:60px;
}
#sub040206 .ttbx p{line-height:24px; font-size:20px; font-weight:700; text-align:center; color:#507086;}
#sub040206 .organ{width:100%; padding:30px 3%; border:2px solid #e8e8e8; box-sizing:border-box;}
#sub040206 .organ img{display: block; width:100%; max-width:940px; margin:0 auto;}

@media screen and (max-width:840px){
	#sub040206 .ttbx p{line-height:22px; font-size:18px;}
}
@media screen and (max-width:740px){
	#sub040206 .ttbx{border-radius:0; -webkit-border-radius:0;}
	#sub040206 .organ{padding:20px 3%;}
}
@media screen and (max-width:640px){
	#sub040206 .ttbx{padding:20px;}
	#sub040206 .ttbx p{line-height:18px; font-size:16px;}
}
@media screen and (max-width:480px){
	#sub040206 .ttbx p br{display: none;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 윤리경영소개 > 윤리경영추진체계
	연관단어 : sub040301_1

////////////////////////////////////////////////////////////////////////////// */
#sub040301_1 .bx .tt,
#sub040301_1 .bx .txts,
#sub040301_1 .bx .txts p,
#sub040301_1 .bx .txts ul li,
#sub040301_1 .bx .txts ul li .li_wr{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub040301_1 .bx{
	position:relative; width:100%; height:auto; margin-bottom:20px; padding-left:20%; background-color:#f6f7f9; border:2px solid #dbdee5; box-sizing:border-box;
	border-radius:10px;
	-webkit-border-radius:10px;
}
#sub040301_1 .bx.ty1{height:120px;}
#sub040301_1 .bx.ty2{height:230px;}
#sub040301_1 .bx.ty3{height:120px;}
#sub040301_1 .bx .tt{display: table; position:absolute; top:0; left:0; width:20%; height:100%; background-color:#ebeef3;border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;}
#sub040301_1 .bx .tt strong{display:table-cell; width:100%; height:100%; line-height:20px; font-size:18px; text-align:center; vertical-align:middle;}

#sub040301_1 .bx .txts{width:100%; text-align:center; box-sizing:border-box;}
#sub040301_1 .bx .txts ul{overflow: hidden;}
#sub040301_1 .bx .txts ul li{float:left; box-sizing:border-box;}
/*비전*/
#sub040301_1 .bx.ty1 .txts{padding:42px 40px;}
#sub040301_1 .bx.ty1 .txts p{display: inline-block; font-size:23px; font-weight:700;}
/*2018 목표*/
#sub040301_1 .bx.ty2 .txts{height:100%; padding:40px 0;}
#sub040301_1 .bx.ty2 .txts ul{display: inline-block;}
#sub040301_1 .bx.ty2 .txts ul li{padding-right:100px;}
#sub040301_1 .bx.ty2 .txts ul li:last-child{padding-right:0;}
#sub040301_1 .bx.ty2 .txts ul li p{line-height:18px; padding-top:20px; font-weight:700; text-align:center;}
/*5대 전략과제*/
#sub040301_1 .bx.ty3 .txts{padding:30px 40px;}
#sub040301_1 .bx.ty3 .txts ul li{width:20%; padding-right:8px;}
#sub040301_1 .bx.ty3 .txts ul li:last-child{padding-right:0;}
#sub040301_1 .bx.ty3 .txts ul li .li_wr{
	display:table; width:100%; padding:10px; background-color:#dbe1ee; box-sizing:border-box;
	border-radius:30px;
	-webkit-border-radius:30px;
}
#sub040301_1 .bx.ty3 .txts ul li span{display: table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; line-height:18px; font-weight:700; color:#334771;}

@media screen and (max-width:1360px){
	/*5대 전략과제*/
	#sub040301_1 .bx.ty3{min-height:138px;}
	#sub040301_1 .bx.ty3 .txts{padding:30px 20px;}
	#sub040301_1 .bx.ty3 .txts ul li .li_wr{min-height:75px;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	/*2018 목표*/
	#sub040301_1 .bx.ty2 .txts ul li{padding-right:50px;}
}
@media screen and (max-width:940px){
	/*비전*/
	#sub040301_1 .bx.ty1 .txts p{font-size:20px;}
	/*2018 목표*/
	#sub040301_1 .bx.ty2 .txts ul li{padding-right:50px;}
	/*5대 전략과제*/
	#sub040301_1 .bx.ty3{min-height:120px;}
	#sub040301_1 .bx.ty3 .txts{padding:20px 20px;}
}
@media screen and (max-width:740px){
	#sub040301_1 .bx{height:auto !important; padding-left:0; padding-top:40px;}
	#sub040301_1 .bx .tt{width:100%; height:40px;}
	#sub040301_1 .bx .tt strong{display: block; line-height:40px;}
	#sub040301_1 .bx .txts{padding:20px !important;}
}
@media screen and (max-width:640px){
	#sub040301_1 .bx .tt strong{font-size:16px;}
	/*비전*/
	#sub040301_1 .bx.ty1 .txts p{font-size:18px;}
	/*2018 목표*/
	#sub040301_1 .bx.ty2 .txts ul li{padding-right:20px;}
	#sub040301_1 .bx.ty2 .txts ul li img{width:60px;}
	#sub040301_1 .bx.ty2 .txts ul li p{padding-top:12px;}
	/*5대 전략과제*/
	#sub040301_1 .bx.ty3 .txts ul li{width:50%; margin-bottom:5px; padding-right:5px;}
	#sub040301_1 .bx.ty3 .txts ul li:nth-child(even){padding-right:0;}
	#sub040301_1 .bx.ty3 .txts ul li:last-child{margin-bottom:0; padding-right:5px;}
	#sub040301_1 .bx.ty3 .txts ul li .li_wr{min-height:auto;}
	#sub040301_1 .bx.ty3 .txts ul li .li_wr br{display: none;}
}
@media screen and (max-width:480px){
	#sub040301_1 .bx.ty2 .txts{padding:0 !important;}
	#sub040301_1 .bx.ty2 .txts ul{display: block;}
	#sub040301_1 .bx.ty2 .txts ul li{position:relative; float: none; width:100%; padding:25px 20px 25px 86px !important; border-bottom:1px dashed #ccc;}
	#sub040301_1 .bx.ty2 .txts ul li:last-child{border-bottom:0;}
	#sub040301_1 .bx.ty2 .txts ul li img{position:absolute; top:50%; left:20px; width:46px; margin-top:-23px;}
	#sub040301_1 .bx.ty2 .txts ul li p{padding-top:0; text-align:left;}
	#sub040301_1 .bx.ty2 .txts ul li p br{display: none;}
}
@media screen and (max-width:380px){
	#sub040301_1 .bx.ty3 .txts ul li{width:100%; padding:0 !important;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 윤리경영소개 > 윤리기준
	연관단어 : sub040301_3

////////////////////////////////////////////////////////////////////////////// */
#sub040301_3 .constitution,
#sub040301_3 .constitution:after,
#sub040301_3 .constitution ul li,
#sub040301_3 .constitution ul li .li_wr,
#sub040301_3 .constitution ul li .li_wr em,
#sub040301_3 .book_lst ul li,
#sub040301_3 .book_lst ul li .li_wr{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub040301_3 .constitution{overflow: hidden; position:relative; width:100%; height: auto; padding:35px 13% 40px; background-color:#fff; border:2px solid #e1e2e4; text-align:center; box-sizing:border-box;}
#sub040301_3 .constitution:after{content:""; position:absolute; top:-110px; right:-110px; z-index:0; display: block; width:417px; height:417px; background-image: url(/images/kor/content/constitution_img.png);}
#sub040301_3 .constitution h4{position:relative; z-index:5; background:url(/images/kor/layout/h4_bul.gif) no-repeat center top;}
#sub040301_3 .constitution ul{position:relative; z-index:5;}
#sub040301_3 .constitution ul li{display:table; width:100%; height:107px; padding:20px; border-bottom:2px dotted #e3e4e6; box-sizing:border-box;}
#sub040301_3 .constitution ul li .li_wr{position:relative; display:table-cell; width:100%; height:100%; vertical-align:middle; box-sizing:border-box;}
#sub040301_3 .constitution ul li .li_wr em{
	position:absolute; top:50%; left:0; display: block; width:65px; height:65px; line-height:65px; margin-top:-32px; background-color:#e6ecf5; font-size:23px; font-style:normal; font-weight:700;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub040301_3 .constitution ul.nums li .li_wr{padding-left:85px;}
#sub040301_3 .constitution ul.nums li:last-child{border-bottom:0;}

#sub040301_3 .book_lst{margin-top:30px;}
#sub040301_3 .book_lst ul{overflow: hidden;}
#sub040301_3 .book_lst ul li{float:left; width:33.33%; height:auto; box-sizing:border-box;}
#sub040301_3 .book_lst ul li:first-child{padding-right:20px;}
#sub040301_3 .book_lst ul li:nth-child(2){padding:0 10px;}
#sub040301_3 .book_lst ul li:last-child{padding-left:20px;}
#sub040301_3 .book_lst ul li .li_wr{width:100%; height:100%; padding:50px 19%; background-color:#f3f3f3; box-sizing:border-box;}
#sub040301_3 .book_lst ul li .li_wr span{position:relative; display: block; width:100%; max-width:202px; margin-bottom:30px; box-shadow:8px 8px 15px rgba(0,0,0,0.2);}
#sub040301_3 .book_lst ul li .li_wr a{width:100%;}

@media screen and (max-width:1450px){
	#sub040301_3 .book_lst ul li .li_wr span img{width:100%;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	#sub040301_3 .constitution{padding:20px 6% 30px;}
	#sub040301_3 .constitution:after{width:380px; height:380px; background-size:100%;}
	#sub040301_3 .constitution ul li{padding:15px 20px;}
	#sub040301_3 .constitution ul li .li_wr{padding-left:75px;}
	#sub040301_3 .constitution ul li .li_wr em{margin-top:-27px; width:55px; height:55px; line-height:55px; font-size:20px;}

	#sub040301_3 .book_lst ul li:first-child{padding-right:13px;}
	#sub040301_3 .book_lst ul li:nth-child(2){padding:0 7px;}
	#sub040301_3 .book_lst ul li:last-child{padding-left:13px;}
	#sub040301_3 .book_lst ul li .li_wr{padding:35px 15%;}
}
@media screen and (max-width:940px){
	#sub040301_3 .constitution{padding:20px 6% 30px;}
	#sub040301_3 .constitution:after{width:380px; height:380px; background-size:100%;}
	#sub040301_3 .constitution ul li{padding:15px 20px;}
	#sub040301_3 .constitution ul.nums li .li_wr{padding-left:75px;}
	#sub040301_3 .constitution ul li .li_wr em{margin-top:-27px; width:55px; height:55px; line-height:55px; font-size:20px;}

	#sub040301_3 .book_lst ul li:first-child{padding-right:13px;}
	#sub040301_3 .book_lst ul li:nth-child(2){padding:0 7px;}
	#sub040301_3 .book_lst ul li:last-child{padding-left:13px;}
	#sub040301_3 .book_lst ul li .li_wr{padding:35px 15%;}
}
@media screen and (max-width:740px){
	#sub040301_3 .book_lst ul li:first-child{padding-right:7px;}
	#sub040301_3 .book_lst ul li:nth-child(2){padding:0 3px;}
	#sub040301_3 .book_lst ul li:last-child{padding-left:7px;}
	#sub040301_3 .book_lst ul li .li_wr{padding:25px 13%;}
}
@media screen and (max-width:640px){
	#sub040301_3 .constitution{padding:10px 30px 20px; border:1px solid #e1e2e4;}
	#sub040301_3 .constitution:after{width:320px; height:320px;}
	#sub040301_3 .constitution ul li{padding:10px 10px;}
	#sub040301_3 .constitution ul.nums li .li_wr{padding-left:65px;}
	#sub040301_3 .constitution ul li .li_wr em{margin-top:-27px; width:55px; height:55px; line-height:55px;}
	
	#sub040301_3 .book_lst ul li .li_wr{padding:20px 13%;}
	#sub040301_3 .book_lst ul li .li_wr span{margin-bottom:20px;}
}
@media screen and (max-width:480px){
	#sub040301_3 .constitution{padding:0 20px 20px; border:1px solid #e1e2e4;}
	#sub040301_3 .constitution:after{top:-70px; right:-70px; width:220px; height:220px;}
	#sub040301_3 .constitution ul li{padding:10px 0;}
	#sub040301_3 .constitution ul.nums li .li_wr{padding-left:50px;}
	#sub040301_3 .constitution ul li .li_wr em{top:30px; width:40px; height:40px; line-height:40px; font-size:17px;}

	#sub040301_3 .book_lst ul li{float: none; width:100%; margin-bottom:10px; padding:0 !important;}
	#sub040301_3 .book_lst ul li .li_wr{padding:25px 30%;}
	#sub040301_3 .book_lst ul li .li_wr span{margin:0 auto 20px auto;}
}
@media screen and (max-width:380px){
	#sub040301_3 .book_lst ul li .li_wr{padding:20px 25%;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 윤리경영소개 > 윤리경영 추진조직/프로세스
	연관단어 : sub040301_4

////////////////////////////////////////////////////////////////////////////// */
#sub040301_4 .directors .colbx,
#sub040301_4 .ceo,
#sub040301_4 .txtbx,
#sub040301_4 .linebx,
#sub040301_4 ul li ul li ul li .grays .colbx,
#sub040301_4 .subbx:after,
#sub040301_4 img{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub040301_4 ul.list_02 li:first-child{margin-top:0 !important;}
#sub040301_4 ul.list_02 li{font-weight:700;}
/*컬러박스*/
#sub040301_4 .colbx{width:240px; height:60px; padding:5px; box-sizing:border-box;}
#sub040301_4 .directors .colbx{background-color:#0265a4;}
#sub040301_4 .ceo .colbx{background-color:#007c67;}
#sub040301_4 .grays .colbx{background-color:#657089;}
#sub040301_4 .colbx .cell{width:100%; height:100%; border:1px solid rgba(255,255,255,0.4); text-align:center; box-sizing:border-box;}
#sub040301_4 .colbx strong{display: block; line-height:50px; color:#fff;}
/*라인박스*/
#sub040301_4 .linebx{position:relative; width:200px; height:60px; background-color:#fff; border:3px solid #4c5c7f; box-sizing:border-box;}
#sub040301_4 .linebx strong{display: block; line-height:54px; text-align:center; color:#4c5c7f;}
/*회색내용박스*/
#sub040301_4 .txtbx{position:relative; z-index:10; display: table; width:240px; height:75px; padding:15px 20px; background-color:#e4e9f0; box-sizing:border-box;}
#sub040301_4 .txtbx span{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; font-weight:700;}

#sub040301_4 .organ strong{font-size:17px;}
#sub040301_4 .organ > ul{max-width:508px; margin:0 auto;}
#sub040301_4 .aslt,
#sub040301_4 .organ ul li ul li ul li{margin-top:30px;}
#sub040301_4 .colbx{position:relative; width:240px;}
#sub040301_4 .colbx:after{content:""; position:absolute; top:-30px; left:50%; margin-left:-1px; width:2px; height:30px; background-color:#ccc;}
#sub040301_4 .directors .colbx:after{display: none;}
#sub040301_4 .aslt{position:relative;}
#sub040301_4 .aslt .subbx{position:absolute; top:50%; right:0; margin-top:-30px;}
#sub040301_4 .aslt .subbx .txtbx{width:200px; height:56px;}
#sub040301_4 .subbx:after{content:""; position:absolute; top:50%; left:-68px; margin-top:-1px; width:68px; height:2px; background-color:#ccc; z-index:0;}

#sub040301_4 .aslt.ty2 .subbx{margin-top:-58px;}
#sub040301_4 .aslt.ty2 .subbx:before{content:""; position:absolute; bottom:-100%; left:50%; width:2px; height:100%; margin-left:-1px; background-color:#ccc;}

#sub040301_4 img{display: block; max-width:1028px; width:100%; margin:100px auto 0 auto;}

@media screen and (max-width:940px){
	#sub040301_4 img{margin:60px auto 0 auto;}
}
@media screen and (max-width:640px){
	#sub040301_4 .colbx{height:50px;}
	#sub040301_4 .colbx strong{line-height:40px;}
	#sub040301_4 .txtbx{height:60px; padding:10px 15px;}
	#sub040301_4 .organ strong{font-size:15px;}
	#sub040301_4 .linebx{height:45px; border:2px solid #4c5c7f;}
	#sub040301_4 .linebx strong{line-height:41px;}

	#sub040301_4 img{margin:40px auto 0 auto;}
}
@media screen and (max-width:580px){
	#sub040301_4 .organ > ul{width:100%;}
	#sub040301_4 .colbx,
	#sub040301_4 .ceo,
	#sub040301_4 .txtbx,
	#sub040301_4 ul li ul li ul li .grays .colbx{width:100%;}
	#sub040301_4 .directors,
	#sub040301_4 .ceo,
	#sub040301_4 ul li ul li ul li .grays{width:100%; padding-right:140px; box-sizing:border-box;}
	#sub040301_4 .linebx{width:120px;}
	#sub040301_4 .aslt .subbx{margin-top:-22px;}
	#sub040301_4 .aslt.ty2 .subbx{margin-top:-51px;}
	#sub040301_4 .subbx:after{left:-22px; width:22px;}
	#sub040301_4 .aslt .subbx .txtbx{width:120px;}
}

/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 윤리경영소개 > 윤리실천평가 및 보상
	연관단어 : sub040301_6

////////////////////////////////////////////////////////////////////////////// */
#sub040301_6 img{max-width:1009px; width:100%;}
#sub040301_6 .crlst{
	margin-top:45px; background-color:#fdfdfd;
	transition:margin 0.3s ease;
	-webkit-transition:margin 0.3s ease;
}
#sub040301_6 .crlst > ul > li:first-child{border-top:1px dotted #ccc;}
#sub040301_6 .crlst > ul > li{width:100%; height:auto; padding:30px 25px; border-bottom:1px dotted #ccc; box-sizing:border-box;}

@media screen and (max-width:840px){
	#sub040301_6 .crlst{margin-top:50px;}
}
@media screen and (max-width:640px){
	#sub040301_6 .crlst{margin-top:40px;}
	#sub040301_6 .crlst > ul > li{padding:25px 20px;}
}
@media screen and (max-width:480px){
	#sub040301_6 .crlst{margin-top:25px;}
	#sub040301_6 .crlst > ul > li{padding:20px 20px;}
}





/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 신고센터
	연관단어 : sub040306

////////////////////////////////////////////////////////////////////////////// */
#sub040306 .process ul li .li_wr img{display: block; width:39px; margin:0 auto;}
#sub040306 .process ul li .li_wr em{display: block; line-height:16px; padding:8px 0; font-size:16px; font-style:normal; text-align:center; color:#4a4a4a;}
#sub040306 .process ul li .li_wr strong{display: block; line-height:18px; text-align:center; font-size:16px;}
#sub040306 .cont_box .cingo_btn{margin-left:30px;}

/*신고센터 아이콘*/
#sub040306_report .table td ul li a{height:28px; line-height:25px; background-repeat:no-repeat; background-position:left center; padding-left:23px;}
#sub040306_report .table td ul li .link {background-image:url(/images/kor/content/file_ico2.png);}
#sub040306_report .table td ul li .pdf {background-image:url(/images/kor/content/file_ico4.png);}
#sub040306_report .table td ul li .jpg {background-image:url(/images/kor/content/file_ico5.png);}
#sub040306_report .table td ul li .hwp {background-image:url(/images/kor/content/file_ico6.png);}
#sub040306_report .table td ul li .xls {background-image:url(/images/kor/content/file_ico7.png);}
#sub040306_report .table td ul li .zip {background-image:url(/images/kor/content/file_ico8.png);}
#sub040306_report .table td ul li .folder {background-image:url(/images/kor/content/file_ico9.png);}

@media screen and (max-width:1140px) and (min-width:1024px){
	#sub040306 .process ul li .li_wr img{width:34px;}
	#sub040306 .process ul li .li_wr em{padding:5px 0;}
	#sub040306 .process ul li .li_wr strong{display: block; line-height:17px; text-align:center; font-size:15px;}
}
@media screen and (max-width:840px){
	#sub040306 .process ul li .li_wr img{width:34px;}
	#sub040306 .process ul li .li_wr em{line-height:15px; padding:5px 0; font-size:15px;}
	#sub040306 .process ul li .li_wr strong{display: block; line-height:17px; text-align:center; font-size:15px;}
}
@media screen and (max-width:640px){
	#sub040306 .cont_box .cingo_btn{margin-left:25px;}
}
@media screen and (max-width:480px){
	#sub040306 a.btn{min-width:160px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 누리지 봉사단_소개
	연관단어 : sub040401_1

////////////////////////////////////////////////////////////////////////////// */
#sub040401_1 .cont_box,
#sub040401_1 .cont_box img,
#sub040401_1 .nuri_lst ul li,
#sub040401_1 .nuri_lst ul li img,
#sub040401_1 .nuri_lst ul li em,
#sub040401_1 .book_lst ul li,
#sub040401_1 .book_lst ul li .li_wr{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub040401_1 .cont_box{position:relative; padding:30px 3% 30px 330px; box-sizing:border-box;}
#sub040401_1 .cont_box img{position:absolute; top:50%; left:60px; width:210px; margin-top:-28px;}
#sub040401_1 .cont_box .txts strong{display: block; padding-bottom:6px; font-size:20px;}

#sub040401_1 .nuri_lst ul{overflow: hidden; background-color:#f8f9fa; border:2px solid #e0e1e3; box-sizing:border-box;}
#sub040401_1 .nuri_lst ul li{float:left; width:25%; height:180px; padding:30px 10px; border-right:1px dashed #e0e1e3; text-align:center; box-sizing:border-box;}
#sub040401_1 .nuri_lst ul li:last-child{border-right:0;}
#sub040401_1 .nuri_lst ul li strong,
#sub040401_1 .nuri_lst ul li em,
#sub040401_1 .nuri_lst ul li img{display: inline-block;}
#sub040401_1 .nuri_lst ul li strong{display: block; padding:8px 0 4px; text-align:center;}
#sub040401_1 .nuri_lst ul li em{line-height:30px; font-weight:700; font-size:30px; font-style:normal;}
#sub040401_1 .nuri_lst ul li em span{font-size:18px;}

#sub040401_1 .nuri_lst ul li.list1{color:#007962;}
#sub040401_1 .nuri_lst ul li.list2{color:#1570a7;}
#sub040401_1 .nuri_lst ul li.list3{color:#00529b;}
#sub040401_1 .nuri_lst ul li.list4{color:#556681;}

#sub040401_1 .book_lst ul{overflow: hidden;display: flex;flex-wrap: wrap;}
#sub040401_1 .book_lst ul li{ float:left;width: 33.3%;height: auto; background-color:#f3f3f3;}
#sub040401_1 .book_lst ul li .li_wr{width:100%; height:100%; padding:30px; text-align:center; box-sizing:border-box;}
#sub040401_1 .book_lst ul li .li_wr span{display: block; max-width:204px; box-shadow:10px 6px 12px rgba(0,0,0,0.2);margin: auto;}
#sub040401_1 .book_lst ul li .li_wr strong{display: block; padding:20px 0 10px; line-height:19px; font-size:17px;}
#sub040401_1 .book_lst.bg{
	 background-color:#f3f3f3;
}
@media screen and (max-width:1480px){
	#sub040401_1 .book_lst ul li .li_wr span img{width:100%;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	#sub040401_1 .book_lst ul li .li_wr{padding:25px;}
	#sub040401_1 .book_lst ul li .li_wr strong{line-height:18px; padding:15px 0 10px; font-size:16px;}
}
@media screen and (max-width:1023px){
	#sub040401_1 .cont_box{padding:25px 3% 25px 330px;}
}
@media screen and (max-width:840px){
	#sub040401_1 .book_lst ul li .li_wr{padding:25px;}
	#sub040401_1 .book_lst ul li .li_wr strong{line-height:18px; padding:15px 0 10px; font-size:16px;}
}
@media screen and (max-width:740px){
	#sub040401_1 .cont_box{padding:25px 3% 25px 240px;}
	#sub040401_1 .cont_box img{left:40px; width:160px; margin-top:-22px;}
}
@media screen and (max-width:740px) and (min-width:641px){
	#sub040401_1 .book_lst ul li{width:50%; background-color:transparent; box-sizing:border-box;}
	#sub040401_1 .book_lst ul li:nth-child(odd){padding-right:5px;}
	#sub040401_1 .book_lst ul li:nth-child(even){padding-left:5px;}
	#sub040401_1 .book_lst ul li:first-child,
	#sub040401_1 .book_lst ul li:nth-child(2){margin-bottom:10px;}
	#sub040401_1 .book_lst ul li .li_wr{position:relative; padding:20px 175px 20px 20px; background-color:#f3f3f3;}
	#sub040401_1 .book_lst ul li .li_wr span{max-width:130px; box-shadow:4px 4px 8px rgba(0,0,0,0.2);}
	#sub040401_1 .book_lst ul li .li_wr .txts{position:absolute; top:50%; right:20px; width:135px; margin-top:-31px; text-align:left;}
	#sub040401_1 .book_lst ul li .li_wr strong{padding:0 0 10px;}
}
@media screen and (max-width:640px){
	#sub040401_1 .cont_box{padding:20px 3% 20px 240px;}
	#sub040401_1 .cont_box .txts strong{font-size:18px; padding-bottom:3px;}

	#sub040401_1 .nuri_lst ul li{height:155px; padding:25px 10px;}
	#sub040401_1 .nuri_lst ul li img{height:50px;}
	#sub040401_1 .nuri_lst ul li em{line-height:23px; font-size:23px;}
	#sub040401_1 .nuri_lst ul li em span{font-size:16px;}
	
	#sub040401_1 .book_lst ul li{width: 100%;}
	#sub040401_1 .book_lst ul li:first-child .li_wr,
	#sub040401_1 .book_lst ul li:nth-child(2) .li_wr{padding:25px 25px 0;}
	#sub040401_1 .book_lst ul li .li_wr span{max-width:180px; margin:0 auto;}
}
@media screen and (max-width:480px){
	#sub040401_1 .cont_box{padding:20px 3% 20px 3%;}
	#sub040401_1 .cont_box img{position:static; display: block; margin:20px auto;}
	#sub040401_1 .cont_box .txts strong{font-size:18px; padding-bottom:3px;}

	#sub040401_1 .nuri_lst ul li{width:50%; height:145px; padding:20px 10px;}
	#sub040401_1 .nuri_lst ul li:first-child,
	#sub040401_1 .nuri_lst ul li:nth-child(2){border-bottom:1px dashed #e0e1e3;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 누리지 봉사단_추진전략
	연관단어 : sub040401_2

////////////////////////////////////////////////////////////////////////////// */
#sub040401_2 .ttbx,
#sub040401_2 .nuri_lst ul li{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub040401_2 .ttbx{
	width:100%; max-width:850px; height:auto; margin:0 auto; background-color:#ecf2f7; padding:25px 10px; border:2px solid #d7dee3; text-align:center; box-sizing:border-box;
	border-radius:50px;
	-webkit-border-radius:50px;
}
#sub040401_2 .ttbx strong{font-size:23px;}
#sub040401_2 .imgbx{max-width:787px; margin: 30px auto 50px auto;}
#sub040401_2 .imgbx img{width:100%;}

#sub040401_2 .nuri_lst{background-color:#fdfdfd;}
#sub040401_2 .nuri_lst ul li{position:relative; width:100%; height:auto; padding:30px 30px 30px 123px; border-bottom:1px dotted #ccc; box-sizing:border-box;}
#sub040401_2 .nuri_lst ul li:first-child{border-top:1px dotted #ccc;}
#sub040401_2 .nuri_lst ul li img{position:absolute; top:50%; left:40px; width:43px; height:45px; margin-top:-22px;}
#sub040401_2 .nuri_lst ul li strong{display: block; line-height:22px; padding-bottom:10px; font-size:20px;}

@media screen and (max-width:840px){
	#sub040401_2 .ttbx{padding:20px 10px;}
	#sub040401_2 .ttbx strong{font-size:20px;}
	
	#sub040401_2 .nuri_lst ul li{padding:25px 25px 25px 113px;}
	#sub040401_2 .nuri_lst ul li strong{line-height:20px; font-size:18px; padding-bottom:8px;}
	#sub040401_2 .nuri_lst ul li img{left:35px;}
}
@media screen and (max-width:740px){
	#sub040401_2 .ttbx{border:1px solid #d7dee3; border-radius:0; -webkit-border-radius:0;}
	
	#sub040401_2 .nuri_lst ul li{padding:20px 20px 20px 103px;}
	#sub040401_2 .nuri_lst ul li img{left:30px;}
}
@media screen and (max-width:640px){
	#sub040401_2 .ttbx{padding:15px 10px;}
	#sub040401_2 .ttbx strong{font-size:17px;}
	
	#sub040401_2 .nuri_lst ul li{padding:20px 20px 20px 83px;}
	#sub040401_2 .nuri_lst ul li strong{line-height:20px; font-size:16px; padding-bottom:6px;}
	#sub040401_2 .nuri_lst ul li img{top:20px; left:20px; margin-top:0;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 누리지 봉사단_조직도
	연관단어 : sub040401_3

////////////////////////////////////////////////////////////////////////////// */
#sub040401_3 .organ .bx,
#sub040401_3 .organ ul li{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub040401_3 .organ{position:relative;}
#sub040401_3 .organ:after{content:""; position:absolute; top:0; left:50%; z-index:0; width:2px; height:100%; background-color:#e0e0e0;}
#sub040401_3 .organ ul{position:relative; z-index:5;}
#sub040401_3 .organ .bx{display:table; width:200px; height:60px; padding:5px; text-align:center; box-sizing:border-box;}
#sub040401_3 .organ .bx.col_b{margin:0 auto 120px auto; background-color:#0265a4;}
#sub040401_3 .organ .bx.col_g{margin:0 auto 240px auto; background-color:#007c67;}
#sub040401_3 .organ .bx.col_h{width:100%; background-color:#657089;}
#sub040401_3 .organ .bx.lines{background-color:#fff; border:3px solid #4c5c7f; box-sizing:border-box;}
#sub040401_3 .organ .bx.lines strong{color:#4c5c7f;}
/*사회적책임위원회*/
#sub040401_3 .organ .abslt1{position:absolute; top:90px; left:50%; margin-left:120px;}
#sub040401_3 .organ .abslt1:after{content:""; position:absolute; top:50%; left:-120px; z-index:0; width:120px; height:2px; background-color:#e0e0e0;}
/*전담부서*/
#sub040401_3 .organ .abslt2{position:absolute; top:90px; left:50%; margin-left:-320px;}
#sub040401_3 .organ .abslt2:after{content:""; position:absolute; top:50%; right:-120px; z-index:0; width:120px; height:2px; margin-top:-25px; background-color:#e0e0e0;}
#sub040401_3 .organ .skybx{display: block; width:200px; height:50px; line-height:50px; background-color:#e4e9f0; font-weight:700; text-align:center; color:#5d5d5d;}

#sub040401_3 .organ strong{display:table-cell; width:100%; height:100%; line-height:18px; padding:5px; border:1px solid rgba(255,255,255,0.4); text-align:center; vertical-align:middle; font-size:16px; color:#fff; box-sizing:border-box;}
#sub040401_3 .organ ul{clear:both;}
#sub040401_3 .organ ul li ul li{position:relative;}
#sub040401_3 .organ ul li ul li ul:after{content:""; display: block; clear:both;}
#sub040401_3 .organ ul li ul li ul li{position:relative; float:left; width:20%; box-sizing:border-box;}
#sub040401_3 .organ ul li ul li ul li:nth-child(3):before{display: none;}
#sub040401_3 .organ ul li ul li ul li:nth-child(1){padding:0 10px 0 0;}
#sub040401_3 .organ ul li ul li ul li:nth-child(2),
#sub040401_3 .organ ul li ul li ul li:nth-child(3),
#sub040401_3 .organ ul li ul li ul li:nth-child(4){padding:0 10px;}
#sub040401_3 .organ ul li ul li ul li:nth-child(5){padding:0 0 0 10px;}
#sub040401_3 .organ ul li ul li ul li:before{content:""; position:absolute; top:-25px; left:50%; margin-left:1px; width:2px; height:25px; background-color:#e0e0e0;}
#sub040401_3 .organ ul li ul li ul li:after{content:""; position:absolute; top:-25px; left:0; width:100%; height:2px; background-color:#e0e0e0;}
#sub040401_3 .organ ul li ul li ul li:nth-child(1):after{width:60%; left:50%; margin-left:1px;}
#sub040401_3 .organ ul li ul li ul li:nth-child(5):after{width:60%; left:auto; right:50%; margin-right:-1px;}

@media screen and (max-width:840px){
	#sub040401_3 .organ ul li ul li ul li:nth-child(1){padding:0 5px 0 0;}
	#sub040401_3 .organ ul li ul li ul li:nth-child(2),
	#sub040401_3 .organ ul li ul li ul li:nth-child(3),
	#sub040401_3 .organ ul li ul li ul li:nth-child(4){padding:0 5px;}
	#sub040401_3 .organ ul li ul li ul li:nth-child(5){padding:0 0 0 5px;}
}
@media screen and (max-width:740px){
	#sub040401_3 .organ:after{left:30px;}
	#sub040401_3 .organ .bx{width:100%; height:50px;}
	#sub040401_3 .organ br{display: none;}
	#sub040401_3 .organ .bx.col_b,
	#sub040401_3 .organ .bx.col_g{position:relative; margin:0;}
	#sub040401_3 .organ .bx.col_b:before,
	#sub040401_3 .organ .bx.col_g:before{content:""; display: block; position:absolute; bottom:-45px; left:30px; width:70%; height:2px; background-color:#e0e0e0;}
	#sub040401_3 .organ .abslt1,
	#sub040401_3 .organ .abslt2{float:right; position:relative; left:auto; top:auto; width:50%; margin:20px 0;}
	#sub040401_3 .organ .abslt1:after,
	#sub040401_3 .organ .abslt2:after{display: none;}
	#sub040401_3 .organ .skybx{width:100%; height:40px; line-height:40px;}

	#sub040401_3 .organ ul li ul li ul li{float:none; width:100%; margin-bottom:5px; padding:0 !important;}
	#sub040401_3 .organ ul li ul li ul li:after,
	#sub040401_3 .organ ul li ul li ul li:before{display: none;}	
}
@media screen and (max-width:640px){
	#sub040401_3 .organ strong{line-height:17px; font-size:15px;}
}
@media screen and (max-width:540px){
	#sub040401_3 .organ:after,
	#sub040401_3 .organ .bx.col_b:before,
	#sub040401_3 .organ .bx.col_g:before{left:20px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 누리지 활동
	연관단어 : sub040402

////////////////////////////////////////////////////////////////////////////// */
#sub040402 .pt_bg,
#sub040402 .txtbx,
#sub040402 .txtbx .bg .txts{transition:font-size 0.3s ease; -webkit-transition:font-size 0.3s ease;}

#sub040402 .txtbx,
#sub040402 .pt_bg{background:url(/images/kor/content/talent_pattern.png) repeat left top;}
#sub040402 .pt_bg{width:100%; height:20px; padding:0 90px; box-sizing:border-box;}
#sub040402 .pt_bg:before{content:""; display: block; width:100%; height:100%; background-color:#fff;}
#sub040402 .txtbx{position:relative; width:100%; height:auto; padding:0 20px; box-sizing:border-box;}
#sub040402 .txtbx .bg{width:100%; background-color:#fff;}
#sub040402 .txtbx .bg .txts{position:relative; width:100%; padding:30px 75px; box-sizing:border-box;}
#sub040402 .txtbx .bg .txts p{margin:15px 0 0; font-size:16px;}
#sub040402 .txtbx .bg .txts p span{font-weight:700;}
#sub040402 .txtbx .bg .txts p,
#sub040402 .txtbx .bg .txts strong{position:relative; z-index:10;}
#sub040402 .txtbx .bg .txts strong{display: block;}
#sub040402 .txtbx .bg .txts strong span{letter-spacing:-1px; font-size:18px; text-align:center; color:#004eae;}
#sub040402 .txtbx .bg .txts strong img{display: inline-block; margin-top:-3px; padding-top:5px;}
#sub040402 .txtbx .bg .txts strong img:first-child{margin-right:5px; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#sub040402 .txtbx .bg .txts strong img:last-child{margin-left:5px;}

@media screen and (max-width:740px){
	#sub040402 .br{display: none;}
	#sub040402 .pt_bg{height:16px; padding:0 65px;}
	#sub040402 .txtbx{padding:0 16px;}
	#sub040402 .txtbx .bg .txts{padding:15px 55px;}
	#sub040402 .txtbx .bg .txts strong img{width:20px; margin-top:-2px;}
	#sub040402 .txtbx .bg .txts strong img:first-child{margin-right:2px;}
	#sub040402 .txtbx .bg .txts strong img:last-child{margin-left:2px;}
}
@media screen and (max-width:640px){
	#sub040402 .txtbx .bg .txts strong span{letter-spacing:0; line-height:19px; font-size:17px;}
	#sub040402 .txtbx .bg .txts p{line-height:19px; font-size:15px;}
}
@media screen and (max-width:540px){
	#sub040402 .pt_bg{display: none;}
	#sub040402 .txtbx{padding:0 16px; background:none;}
	#sub040402 .txtbx .bg .txts{padding:0;}
	#sub040402 .txtbx .bg .txts strong img{width:18px;}
	#sub040402 .txtbx .bg .txts strong img:first-child{margin-right:2px;}
	#sub040402 .txtbx .bg .txts strong img:last-child{margin-left:2px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 사이클선수단
	연관단어 : sub040404_1

////////////////////////////////////////////////////////////////////////////// */
#sub040404_1 .main_pt,
#sub040404_1 .main_pt strong,
#sub040404_1 .cycle_lst > ul > li,
#sub040404_1 .cycle_lst ul li .li_wr,
#sub040404_1 .cycle_lst ul li .li_wr .photos,
#sub040404_1 .cycle_lst ul li .li_wr .txts{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

 /*메인이미지*/
#sub040404_1 .main_pt{width:100%; height:700px; margin-bottom:40px; padding:60px 20%; background-color:#0f5d96; background-image: url(/images/kor/content/cycle_2022_bg.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:cover; box-sizing:border-box;}
#sub040404_1 .main_pt strong{display: block; line-height:40px; margin-bottom:15px; font-size:32px; text-align:center;}
#sub040404_1 .main_pt p{text-align:center;}
/*리스트공통*/
#sub040404_1 .cycle_lst > ul > li{margin-top:20px;}
#sub040404_1 .cycle_lst ul li .li_wr{position:relative; width:100%; height:100%; min-height:260px; padding:30px; background-color:#fdfdfd; border:1px solid #e0e1e3; box-sizing:border-box;}

#sub040404_1 .cycle_lst ul li .li_wr .photos{overflow: hidden; position:absolute; background-color:#c8c8c8; border:1px solid #c8c8c8; box-sizing:border-box;}
#sub040404_1 .cycle_lst ul li .li_wr .photos .ptwr{position:relative; width:100%; height:100%;}
#sub040404_1 .cycle_lst ul li .li_wr .photos span{display: block; position:absolute; top:0; left:50%; width:20000px; height:100%; margin-left:-10000px; text-align:center;}
#sub040404_1 .cycle_lst ul li .li_wr .photos img{height:100%;}

#sub040404_1 .cycle_lst ul li .li_wr .txts{width:100%; padding-left:175px; box-sizing:border-box;}
#sub040404_1 .cycle_lst ul li .li_wr .txts .names{padding-bottom:8px; background-image: url(/images/kor/content/member_img.jpg); background-repeat:no-repeat; background-position:bottom left; border-bottom:1px solid #e0e1e3;}
#sub040404_1 .cycle_lst ul li .li_wr .txts .names strong{display: inline-block; padding-right:3px; font-size:23px;}
#sub040404_1 .cycle_lst ul li .li_wr .txts .names span{font-size:17px; font-weight:700; color:#7b7b7b;}
#sub040404_1 .cycle_lst ul li .li_wr .txts .career{margin-top:15px;}
#sub040404_1 .cycle_lst ul li .li_wr .txts .career strong{font-size:17px;}
#sub040404_1 .cycle_lst ul li .li_wr .txts .career ul{margin:6px 0 0 0;}
/*감독, 코치 리스트*/
#sub040404_1 .cycle_lst.ty1 > ul > li:first-child{margin-top:0;}
#sub040404_1 .cycle_lst.ty1 ul li .li_wr .photos{top:30px; left:30px; width:145px; height:200px;}
#sub040404_1 .cycle_lst.ty1 ul li .li_wr .txts{padding-left:175px;}
/*선수 리스트*/
#sub040404_1 .cycle_lst.ty2 > ul{overflow: hidden;}
#sub040404_1 .cycle_lst.ty2 > ul > li{float:left; width:50%; height:auto; box-sizing:border-box;}
#sub040404_1 .cycle_lst.ty2 > ul > li:nth-child(odd){padding-right:10px;}
#sub040404_1 .cycle_lst.ty2 > ul > li:nth-child(even){padding-left:10px;}
#sub040404_1 .cycle_lst.ty2 ul li .li_wr .photos{top:30px; left:30px; width:135px; height:185px;}
#sub040404_1 .cycle_lst.ty2 ul li .li_wr .txts{padding-left:165px;}

@media screen and (max-width:1440px){
	#sub040404_1 .main_pt{padding:60px 12%;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	#sub040404_1 .main_pt{height:550px; padding:45px 7%;}
	#sub040404_1 .main_pt strong{margin-bottom:10px; font-size:27px;}

	/*선수 리스트*/
	#sub040404_1 .cycle_lst.ty2 ul li .li_wr .photos{top:25px; left:25px; width:85px; height:115px;}
	#sub040404_1 .cycle_lst.ty2 ul li .li_wr .txts{padding-left:110px;}
}
@media screen and (max-width:840px){
	#sub040404_1 .main_pt{height:550px; margin-bottom:30px; padding:45px 7%;}
	#sub040404_1 .main_pt strong{margin-bottom:10px; font-size:25px;}
	/*리스트공통*/
	#sub040404_1 .cycle_lst ul li .li_wr{min-height:215px; padding:25px;}
	#sub040404_1 .cycle_lst ul li .li_wr .txts .names strong{font-size:21px;}
	#sub040404_1 .cycle_lst ul li .li_wr .txts .names span{font-size:17px;}
	#sub040404_1 .cycle_lst ul li .li_wr .txts .career{margin-top:10px;}
	#sub040404_1 .cycle_lst ul li .li_wr .txts .career strong{font-size:16px;}
	#sub040404_1 .cycle_lst ul li .li_wr .txts .career ul{margin:4px 0 0 0;}
	/*감독, 코치 리스트*/
	#sub040404_1 .cycle_lst.ty1 ul li .li_wr .photos{top:25px; left:25px; width:120px; height:165px;}
	#sub040404_1 .cycle_lst.ty1 ul li .li_wr .txts{padding-left:150px;}
	/*선수 리스트*/
	#sub040404_1 .cycle_lst.ty2 ul li .li_wr .photos{top:25px; left:25px; width:85px; height:115px;}
	#sub040404_1 .cycle_lst.ty2 ul li .li_wr .txts{padding-left:110px;}
}
@media screen and (max-width:740px){
	/*선수 리스트*/
	#sub040404_1 .cycle_lst.ty2 > ul > li{width:100%; padding:0 !important; height:auto !important;}
	/*선수 리스트*/
	#sub040404_1 .cycle_lst.ty2 ul li .li_wr .photos{top:25px; left:25px; width:120px; height:165px;}
	#sub040404_1 .cycle_lst.ty2 ul li .li_wr .txts{height:auto !important; padding-left:150px;}
}
@media screen and (max-width:640px){
	#sub040404_1 .main_pt{height:auto; margin-bottom:20px; padding:35px 10% 50%; background-size:100%;}
	#sub040404_1 .main_pt strong{line-height:26px; margin-bottom:6px; font-size:20px;}
	/*리스트공통*/
	#sub040404_1 .cycle_lst ul li .li_wr{min-height:175px; padding:20px;}
	#sub040404_1 .cycle_lst > ul > li{margin-top:10px;}
	/*감독, 코치 리스트 / 선수 리스트*/
	#sub040404_1 .cycle_lst.ty1 ul li .li_wr .photos,
	#sub040404_1 .cycle_lst.ty2 ul li .li_wr .photos{top:20px; left:20px; width:100px; height:135px;}
	#sub040404_1 .cycle_lst.ty1 ul li .li_wr .txts,
	#sub040404_1 .cycle_lst.ty2 ul li .li_wr .txts{padding-left:120px;}
}
@media screen and (max-width:480px){
	#sub040404_1 .main_pt strong{line-height:21px; font-size:17px;}
	/*리스트공통*/
	#sub040404_1 .cycle_lst ul li .li_wr{min-height:115px;}
	#sub040404_1 .cycle_lst ul li .li_wr .txts .names strong{font-size:18px;}
	#sub040404_1 .cycle_lst ul li .li_wr .txts .names span{font-size:15px;}
	#sub040404_1 .cycle_lst ul li .li_wr .txts .career{margin-top:8px;}
	#sub040404_1 .cycle_lst ul li .li_wr .txts .career strong{font-size:15px;}
	#sub040404_1 .cycle_lst ul li .li_wr .txts .career ul{margin:2px 0 0 0;}
	/*감독, 코치 리스트 / 선수 리스트*/
	#sub040404_1 .cycle_lst.ty1 ul li .li_wr .photos,
	#sub040404_1 .cycle_lst.ty2 ul li .li_wr .photos{width:55px; height:75px;}
	#sub040404_1 .cycle_lst.ty1 ul li .li_wr .txts,
	#sub040404_1 .cycle_lst.ty2 ul li .li_wr .txts{padding-left:75px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 동반성장 소개_소개
	연관단어 : sub040501_1

////////////////////////////////////////////////////////////////////////////// */
#sub040501_1 .bx1 .txtbx,
#sub040501_1 .bx1 .txtbx .line,
#sub040501_1 .bx1 .bx_lst ul li,
#sub040501_1 .bx1 .bx_lst ul li .tt,
#sub040501_1 .bx2 ul li,
#sub040501_1 .bx2 ul li .li_wr,
#sub040501_1 .bx2 ul li .li_wr ol,
#sub040501_1 .bx2 .txtbx strong{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub040501_1 .line{width:100%; height:100%; border:1px solid rgba(255,255,255,0.4); box-sizing:border-box;}

#sub040501_1 .bx1{padding-top:30px; background:url(/images/kor/content/public_arrow.png) no-repeat center top; box-sizing:border-box;}
#sub040501_1 .bx1 .txtbx{
	width:100%; height:auto; padding:8px; background:url(/images/kor/content/gradation.jpg) no-repeat left top; background-size:cover; box-sizing:border-box;
	border-radius:50px;
	-webkit-border-radius:50px; 
}
#sub040501_1 .bx1 .txtbx .line{
	padding:15px 20px;
	border-radius:50px; 
	-webkit-border-radius:50px;
}
#sub040501_1 .bx1 .txtbx span{display: block; font-size:17px; color:#fff; text-align:center; font-weight:700;}
#sub040501_1 .bx1 .txtbx strong{display: block; line-height:22px; padding-top:10px; font-size:22px; text-align:center;}

#sub040501_1 .bx1 .bx_lst .titles{position:relative; width:100%; height:25px; margin-top:22px; margin-bottom:14px; text-align:center;}
#sub040501_1 .bx1 .bx_lst .titles:before,
#sub040501_1 .bx1 .bx_lst .titles:after{content:""; position:absolute; top:0; left:0; display: block; width:2px; height:100%; background-color:#b5d3e7;}
#sub040501_1 .bx1 .bx_lst .titles:after{left:auto; right:0;}
#sub040501_1 .bx1 .bx_lst .titles strong{display:inline-block; width:20%; line-height:25px; font-size:18px; color:#07469b;}
#sub040501_1 .bx1 .bx_lst .titles .line{overflow: hidden; display: inline-block; width:40%; height:2px; background-color:#b5d3e7; text-indent:-2000px;}
#sub040501_1 .bx1 .bx_lst .titles strong,
#sub040501_1 .bx1 .bx_lst .titles .line{vertical-align:middle;}
#sub040501_1 .bx1 .bx_lst ul{overflow: hidden;}
#sub040501_1 .bx1 .bx_lst ul li{float:left; width:33.33%; padding-right:5px; box-sizing:border-box;}
#sub040501_1 .bx1 .bx_lst ul li:last-child{padding-right:0;}
#sub040501_1 .bx1 .bx_lst ul li .tt{width:100%; padding:15px; background-color:#708698; box-sizing:border-box;}
#sub040501_1 .bx1 .bx_lst ul li .tt strong{display: block; text-align:center; font-size:16px; color:#fff;}
#sub040501_1 .bx1 .bx_lst ul li ol{width:100%; min-height:100px; margin:2px 0 0 0; padding:20px; background-color:#f5f7f8; box-sizing:border-box;}
#sub040501_1 .bx1 .bx_lst ul li ol li{float: none; width:100%; padding-right:0;}
#sub040501_1 .bx1 .bx_lst ul li ol li em{background-color:#d9dfe2; color:#5e5e5e;}

#sub040501_1 .bx2{margin-top:30px;}
#sub040501_1 .bx2 .txtbx{width:100%; height:auto; padding:5px; background-color:#7c88a3; box-sizing:border-box;}
#sub040501_1 .bx2 .txtbx strong{display: block; padding:10px; font-size:18px; text-align:center; color:#fff; box-sizing:border-box;}
#sub040501_1 .bx2 ul{overflow: hidden;}
#sub040501_1 .bx2 ul li{float:left; width:50%; margin-top:3px; padding-right:5px; box-sizing:border-box;}
#sub040501_1 .bx2 ul li:nth-child(even){padding-right:0;}
#sub040501_1 .bx2 ul li .li_wr{position:relative; width:100%; height:100%; padding:30px; background-color:#f5f6f8; box-sizing:border-box;}
#sub040501_1 .bx2 ul li .li_wr img{position:absolute; top:35px; left:30px;}
#sub040501_1 .bx2 ul li .li_wr ol{min-height:70px; margin:0;}
#sub040501_1 .bx2 ul li .li_wr ol li{float:none; width:100%; margin-top:0; padding:0 0 0 30px;}
#sub040501_1 .bx2 ul li .li_wr ol li em{width:auto;}

@media screen and (max-width:1440px){
	#sub040501_1 .bx2 ul li .li_wr{padding:25px;}
	#sub040501_1 .bx2 ul li .li_wr img{left:25px;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	#sub040501_1 .bx1 .bx_lst .titles .line{width:38%;}
	#sub040501_1 .bx1 .bx_lst .titles strong{width:24%;}
	#sub040501_1 .bx1 .bx_lst ul li .tt strong{font-size:15px;}
	#sub040501_1 .bx1 .bx_lst ul li ol{min-height:145px;}
	#sub040501_1 .bx2 ul li .li_wr{padding:20px;}
	#sub040501_1 .bx2 ul li .li_wr img{left:20px;}
	#sub040501_1 .bx2 ul li .li_wr ol{min-height:115px;}
}
@media screen and (max-width:940px){
	#sub040501_1 .bx1 .bx_lst .titles .line{width:38%;}
	#sub040501_1 .bx1 .bx_lst .titles strong{width:24%;}
	#sub040501_1 .bx1 .bx_lst ul li ol{min-height:155px;}
}
@media screen and (max-width:840px){
	#sub040501_1 .bx1 .bx_lst .titles .line{width:38%;}
	#sub040501_1 .bx1 .bx_lst .titles strong{width:24%;}
	#sub040501_1 .bx2 ul li .li_wr ol{min-height:115px;}
}
@media screen and (max-width:740px){
	#sub040501_1 .bx1 .bx_lst .titles:before,
	#sub040501_1 .bx1 .bx_lst .titles:after,
	#sub040501_1 .bx1 .bx_lst .titles .line{display: none;}
	#sub040501_1 .bx1 .bx_lst .titles strong{width:auto;}

	#sub040501_1 .bx1 .bx_lst ul li{float: none; width:100%; margin-bottom:10px; padding-right:0;}
	#sub040501_1 .bx1 .bx_lst ul li:last-child{margin-bottom:0;}
	#sub040501_1 .bx1 .bx_lst ul li .tt{padding:10px;}
	#sub040501_1 .bx1 .bx_lst ul li ol{min-height:auto;}
	#sub040501_1 .bx1 .bx_lst ul li ol li{margin-bottom:0;}
	
	#sub040501_1 .bx2{margin-top:25px;}
	#sub040501_1 .bx2 ul li{float:none; width:100%; padding-right:0;}
	#sub040501_1 .bx2 ul li .li_wr{padding:20px;}
	#sub040501_1 .bx2 ul li .li_wr img{top:25px;}
	#sub040501_1 .bx2 ul li .li_wr ol{min-height:auto;}
	#sub040501_1 .bx2 .txtbx strong{padding:7px;}
}
@media screen and (max-width:640px){
	#sub040501_1 .bx1 .txtbx span{font-size:16px;}
	#sub040501_1 .bx1 .txtbx strong{padding-top:6px; font-size:20px;}
	#sub040501_1 .bx1 .bx_lst ul li .tt strong{font-size:15px;}
	#sub040501_1 .bx1 .bx_lst .titles{margin-top:15px; margin-bottom:8px;}
	#sub040501_1 .bx1 .bx_lst .titles strong,
	#sub040501_1 .bx2 .txtbx strong{font-size:17px;}
}
@media screen and (max-width:540px){
	#sub040501_1 .bx1 .txtbx{border-radius:15px; -webkit-border-radius:15px;}
	#sub040501_1 .bx1 .txtbx .line{border-radius:10px; -webkit-border-radius:10px;}
}
@media screen and (max-width:480px){
	#sub040501_1 .bx1 .txtbx .line{padding:10px 15px;}
	#sub040501_1 .bx1 .txtbx span{font-size:15px;}
	#sub040501_1 .bx1 .txtbx strong{padding-top:2px; font-size:18px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 동반성장 소개_추진조직
	연관단어 : sub040501_2

////////////////////////////////////////////////////////////////////////////// */
#sub040501_2 .organ{
	width:100%; height:auto; padding:30px 3%; border:2px solid #e9e9e9; box-sizing:border-box;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#sub040501_2 .organ img{display: block; max-width:940px; width:100%; margin:0 auto;}

@media screen and (max-width:740px){
	#sub040501_2 .organ{padding:25px 3%;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 공간정보산업 활성화
	연관단어 : sub040502

////////////////////////////////////////////////////////////////////////////// */
#sub040502 ul.pt_lst li,
#sub040502 ul.pt_lst2 li{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub040502 ul.pt_lst{overflow: hidden;}
#sub040502 ul.pt_lst li{float:left; width:33.33%; height:212px; padding-right:20px; box-sizing:border-box;}
#sub040502 ul.pt_lst li:last-child{padding-right:0;}
#sub040502 ul.pt_lst li span{overflow: hidden; display: block; width:100%; height:100%; background-repeat: no-repeat; background-position:center center; background-size:auto 100%; text-indent:-2000px;}
#sub040502 ul.pt_lst li:first-child span{background-image: url(/images/kor/content/040502_pic01.jpg);}
#sub040502 ul.pt_lst li:nth-child(2) span{background-image: url(/images/kor/content/040502_pic02.jpg);}
#sub040502 ul.pt_lst li:last-child span{background-image: url(/images/kor/content/040502_pic03.jpg);}

#sub040502 ul.pt_lst2{overflow: hidden;}
#sub040502 ul.pt_lst2 li{float:left; width:50%; height:auto; box-sizing:border-box;}
#sub040502 ul.pt_lst2 li:first-child{padding-right:10px;}
#sub040502 ul.pt_lst2 li:last-child{padding-left:10px;}
#sub040502 ul.pt_lst2 li span{overflow: hidden; display: block; width:100%; height:100%; padding:0 5%; background-repeat: no-repeat; background-position:center center; border:1px solid #dddfe2; text-indent:-2000px; box-sizing:border-box;}
#sub040502 ul.pt_lst2 li img{display: block; max-width:443px; width:100%; margin:0 auto; box-sizing:border-box;}

@media screen and (max-width:740px){
	#sub040502 ul.pt_lst li{height:160px; padding-right:10px;}
	#sub040502 ul.pt_lst2 li:first-child{padding-right:5px;}
	#sub040502 ul.pt_lst2 li:last-child{padding-left:5px;}
}
@media screen and (max-width:640px){
	#sub040502 ul.pt_lst2 li{float: none; max-width:300px; width:100%; margin:0 auto; padding:0 !important;}
	#sub040502 ul.pt_lst2 li:last-child{margin-top:5px;}
}
@media screen and (max-width:540px){
	#sub040502 ul.pt_lst li{height:130px;}
}
@media screen and (max-width:480px){
	#sub040502 ul.pt_lst li{float: none; width:100%; margin-bottom:5px; padding-right:0;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 지적확정측량 공동수행 / 민간기업 R&D 지원강화 / 중소기업 상생협력
	연관단어 : sub040503 / sub040504 / sub040505

////////////////////////////////////////////////////////////////////////////// */
#sub040503 span.stars,
#sub040504 span.stars,
#sub040505 span.stars{display:block; font-size:14px; color:#0c7bc8;}

#sub040505 .result img,
#sub040505 .result .txts,
#sub040505 img,
#sub040505 .bx .lst01 li,
#sub040505 .bx .lst01 li .txts,
#sub040505 .bx .lst02 li,
#sub040505 .bx .lst02 li .li_wr{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub040505 .result{display:table; table-layout:fixed; position:relative; width:100%; height:187px; padding:25px; background-color:#f3f4f6; box-sizing:border-box;}
#sub040505 .result img{position:absolute; top:25px; left:25px; width:180px;}
#sub040505 .result .txts{display:table-cell; width:100%; height:100%; padding-left:205px; vertical-align:middle; box-sizing:border-box;}

#sub040505 .cont_box{text-align:center;}
#sub040505 .cont_box ul{display: inline-block;}
#sub040505 .cont_box ul li{text-align:left;}
#sub040505 .bx{margin-top:80px; background: url(/images/kor/content/040505_3_arrow.png) no-repeat center center;}
#sub040505 .bx ul{overflow: hidden;}
#sub040505 .bx ul li{float:left; width:50%; box-sizing:border-box;}
#sub040505 .bx ul li:nth-child(1){padding-right:20px;}
#sub040505 .bx ul li:nth-child(2){padding-left:20px;}
#sub040505 .bx ul li .list_02 li{float: none; width:auto; text-align:left;}
#sub040505 .bx ul li .list_02 li:nth-child(1):before{display: none;}

#sub040505 .bx .lst01 li{text-align:center;}
#sub040505 .bx .lst01 li .tt{display: block; width:100%; height:auto; line-height:22px; padding:10px 5px; font-size:18px; font-weight:700; color:#fff; box-sizing:border-box;}
#sub040505 .bx .lst01 li:nth-child(1) .tt{background-color:#008873;}
#sub040505 .bx .lst01 li:nth-child(2) .tt{background-color:#096ab0;}
#sub040505 .bx .lst01 li .txts{width:100%; height:auto; min-height:185px; padding:25px 50px; background-color:#fff; border:1px solid #dfdfdf; box-sizing:border-box;}
#sub040505 .bx .lst01 li .txts strong{display: block; line-height:20px; padding-bottom:15px; font-size:17px;}

#sub040505 img{display: block; width:417px; margin:0 auto 30px;}
#sub040505 .bx .lst02{margin-top:40px;}
#sub040505 .bx .lst02 li{position:relative;}
#sub040505 .bx .lst02 li:nth-child(1):before{content:""; position:absolute; top:50%; right:-43px; z-index:10; display: block; width:86px; height:80px; margin-top:-40px; background-image: url(/images/kor/content/040505_3_img02.png); background-repeat:no-repeat;}
#sub040505 .bx .lst02 li .li_wr{min-height:190px; padding:25px 50px; box-sizing:border-box;}
#sub040505 .bx .lst02 li:nth-child(1) .li_wr{background-color:#f2f2f2;}
#sub040505 .bx .lst02 li:nth-child(2) .li_wr{background-color:#ecf5fd;}
#sub040505 .bx .lst02 li .li_wr strong{display: block; padding-bottom:5px; font-size:18px; text-align:center;}

@media screen and (max-width:1340px){
	#sub040505 .bx{margin-top:50px;}
	#sub040505 .bx .lst02 li:nth-child(1):before{width:70px; height:66px; right:-35px; margin-top:-33px; background-size:100%;}
	#sub040505 .bx ul li:nth-child(1){padding-right:15px;}
	#sub040505 .bx ul li:nth-child(2){padding-left:15px;}
	#sub040505 .bx .lst01 li .txts{padding:25px 30px;}
	#sub040505 .bx .lst02{margin-top:30px;}
	#sub040505 .bx .lst02 li .li_wr{padding:25px 30px;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	#sub040505 .bx .lst01 li .txts{min-height:232px;}
	#sub040505 .bx .lst02 li .li_wr{min-height:210px;}
}
@media screen and (max-width:840px){
	#sub040505 .bx{margin-top:50px;}
	#sub040505 .bx .lst01 li .txts{min-height:215px; padding:20px 30px;}
	#sub040505 .bx .lst01 li .txts strong{padding-bottom:8px;}
	#sub040505 .bx .lst02 li .li_wr{min-height:200px; padding:20px 30px;}
}
@media screen and (max-width:740px){
	#sub040505 .bx ul li:nth-child(1){padding-right:10px;}
	#sub040505 .bx ul li:nth-child(2){padding-left:10px;}
	#sub040505 .bx .lst02{margin-top:20px;}
	#sub040505 .bx .lst02 li .li_wr{min-height:225px;}
	#sub040505 .bx .lst02 li:nth-child(1):before{right:-30px; width:60px; height:56px; margin-top:-28px;}
}
@media screen and (max-width:640px){
	#sub040505 .bx{margin-top:30px; background:none;}
	#sub040505 .bx ul li{width:100%;}
	#sub040505 .bx ul li:nth-child(1){padding-right:0;}
	#sub040505 .bx ul li:nth-child(2){margin-top:20px; padding-left:0;}
	#sub040505 .bx .lst01 li .tt{padding:8px 5px; font-size:17px;}
	#sub040505 .bx .lst01 li .txts{min-height:auto; padding:12px 25px;}
	#sub040505 .bx .lst01 li .txts strong{padding-bottom:2px; font-size:16px;}
	#sub040505 .bx .lst01 li .txts strong br{display: none;}

	#sub040505 .bx .lst02 li:nth-child(1){padding-right:0;}
	#sub040505 .bx .lst02 li:nth-child(2){padding-left:0;}
	#sub040505 .bx .lst02 li:nth-child(1):before{right:auto; left:50%; top:auto; bottom:-34px; width:50px; height:47px; margin-left:-30px;}
	#sub040505 .bx .lst02 li .li_wr{min-height:auto; padding:20px 25px;}
	#sub040505 .bx .lst02 li:nth-child(2){margin-top:20px;}
	#sub040505 .bx .lst02 li .li_wr strong{padding-bottom:0; font-size:16px; text-align:left;}
}
@media screen and (max-width:540px){
	#sub040505 .result{padding:20px;}
	#sub040505 .result img{top:20px; left:50%; margin-left:-90px;}
	#sub040505 .result .txts{padding-left:0; padding-top:145px;}
}
@media screen and (max-width:480px){
	#sub040505 img{width:300px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 방문상담서비스
	연관단어 : sub050102

////////////////////////////////////////////////////////////////////////////// */
#sub050102 .process.ty2 ul li .li_wr img{display: block; width:44px; margin:0 auto;}
#sub050102 .process.ty2 ul li .li_wr span{display: block; line-height:16px; padding:8px 0; font-size:16px; text-align:center; color:#4a4a4a;}
#sub050102 .process.ty2 ul li .li_wr strong{display: block; line-height:19px; font-size:16px; text-align:center;}

@media screen and (max-width:1480px){
	#sub050102 .process.ty2 ul li .li_wr span{padding:4px 0;}
}
@media screen and (max-width:1340px){
	#sub050102 .process.ty2 ul li .li_wr img{width:38px;}
	#sub050102 .process.ty2 ul li .li_wr span{padding:2px 0;}
	#sub050102 .process.ty2 ul li .li_wr strong{line-height:17px;}
	#sub050102 .process.ty2 ul li .li_wr span,
	#sub050102 .process.ty2 ul li .li_wr strong{font-size:15px;}
}
@media screen and (max-width: 1140px) and (min-width: 741px){
	#sub050102 .process.ty2 ul li .li_wr img{width:30px;}
	#sub050102 .process.ty2 ul li .li_wr strong{line-height:16px;}
	#sub050102 .process.ty2 ul li .li_wr span,
	#sub050102 .process.ty2 ul li .li_wr strong{font-size:14px;}
}
@media screen and (max-width: 740px){
	#sub050102 .process.ty2 ul li .li_wr img{width:38px;}
	#sub050102 .process.ty2 ul li .li_wr span{padding:2px 0;}
	#sub050102 .process.ty2 ul li .li_wr strong{line-height:17px;}
	#sub050102 .process.ty2 ul li .li_wr span,
	#sub050102 .process.ty2 ul li .li_wr strong{font-size:15px;}
}
@media screen and (max-width: 480px){
	#sub050102 .process.ty2 ul li .li_wr img{width:30px;}
	#sub050102 .process.ty2 ul li .li_wr strong{line-height:16px;}
	#sub050102 .process.ty2 ul li .li_wr span,
	#sub050102 .process.ty2 ul li .li_wr strong{font-size:14px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 온라인 측량민원
	연관단어 : sub050201

////////////////////////////////////////////////////////////////////////////// */
#sub050201 .cont_box.ty2{
	position:relative; padding:25px 263px 25px 25px;
	transition:padding 0.3s ease;
	-webkit-transition:padding 0.3s ease;
}
#sub050201 .cont_box.ty2 .btns{position:absolute; top:50%; right:25px; margin-top:-18px;}
#sub050201 .way{background-color:#fdfdfd;}
#sub050201 .way > ul > li:first-child{border-top:1px dotted #ccc;}
#sub050201 .way > ul > li{width:100%; height:auto; padding:30px 25px; border-bottom:1px dotted #ccc; box-sizing:border-box;}

@media screen and (max-width:840px){
	#sub050201 .cont_box p{line-height:23px; font-size:19px;}
	#sub050201 .cont_box.ty2 p{line-height:18px; font-size:16px;}
	#sub050201 .way{margin-top:50px;}
}
@media screen and (max-width:640px){
	#sub050201 .br{display: none;}
	#sub050201 .cont_box p{line-height:20px; font-size:17px;}
	#sub050201 .cont_box .gray{font-size:14px;}
	#sub050201 .cont_box.ty2 p{line-height:17px; font-size:15px;}
	#sub050201 .cont_box.ty2{padding:25px 3%;}
	#sub050201 .cont_box.ty2 .btns{position:static; margin-top:10px;}
	#sub050201 .way{margin-top:40px;}
	#sub050201 .way > ul > li{padding:25px 20px;}
}
@media screen and (max-width:480px){
	#sub050201 .way{margin-top:25px;}
	#sub050201 .way > ul > li{padding:20px 20px;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 고객서비스헌장
	연관단어 : sub050401

////////////////////////////////////////////////////////////////////////////// */
#sub050401 .constitution,
#sub050401 .constitution:after,
#sub050401 .txts .lst,
#sub050401 .txts .lst ul li{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub050401 .constitution{overflow: hidden; position:relative; width:100%; height:auto; margin-bottom:60px; padding:60px 5%; background-color:#fff; border:2px solid #e1e2e4; text-align:center; box-sizing:border-box;}
#sub050401 .constitution:after{content:""; position:absolute; top:-55px; right:-55px; z-index:0; width:270px; height:270px; background:url(/images/kor/content/constitution_img.png) no-repeat center center; background-size:100%;}
#sub050401 .txts{position:relative; z-index:5;}
#sub050401 .txts h4{margin-top:0; margin-bottom:15px; background:url(/images/kor/layout/h4_bul.gif) no-repeat center top; font-size:24px;}
#sub050401 .txts strong.tt{display: block; line-height:23px; font-size:17px; font-weight:700; text-align:center;}

#sub050401 .txts .lst{
	width:100%; height:auto; margin-top:25px; padding:40px 10%; background-color:#f6f7f9; box-sizing:border-box;
	border-radius:20px;
	-webkit-border-radius:20px;
}
#sub050401 .txts .lst .fst_p{line-height:23px; margin-bottom:25px; font-size:17px; font-weight:700;}
#sub050401 .txts .lst .lst_p{line-height:23px; margin-top:25px; font-size:17px;}
#sub050401 .txts .lst ul li{padding:12px 0; border-bottom:1px dashed #dddee0; text-align:left; font-size:17px;}
#sub050401 .txts .lst ul li:first-child{border-top:1px dashed #dddee0;}

#sub050401 .table td{text-align:left;}
#sub050401 .table .table td{text-align:center;}
#sub050401 .tblst li{width:100%; height:auto; padding:15px 20px; border-top:1px solid #dfdfdf; box-sizing:border-box;}
#sub050401 .tblst li:last-child{border-bottom:1px solid #dfdfdf;}
#sub050401 .tblst li .table_scroll{margin-top:10px;}
#sub050401 .tblst li h5 a{display: block; text-decoration:none; color:#1d49a3;}
#sub050401 .tblst li h5 a:after{
	content:""; position:absolute; top:0; right:0; display: block; width:18px; height:100%; background:url(/images/kor/content/constitution_arrow.png) no-repeat center center; transform:rotate(180deg); -webkit-transform:rotate(180deg);
	transition:transform 0.3s ease;
	-webkit-transition:transform 0.3s ease;
}
#sub050401 .tblst li h5 a.on:after{transform:rotate(0deg); -webkit-transform:rotate(0deg);}

/* 20231012 추가 */
#sub050401 .tblst.tblst2 li{width:100%;height:auto;padding:0px;border-top:0px;box-sizing:border-box;}
#sub050401 .tblst.tblst2 li:last-child{border-bottom:0px;}
#sub050401 .tblst.tblst2 li .table_scroll{margin-top:10px;}
#sub050401 .tblst.tblst2 li h5{display: inline-block;padding: 0px 10px;background-color:#00957e;}
#sub050401 .tblst.tblst2 li h5 a{display: block; text-decoration:none; color: #ffffff; padding: 10px; font-size:16px; font-weight:500;}
#sub050401 .tblst.tblst2 li h5 a:after{
	content:""; position:absolute; top:0; right:0; display: none; width:18px; height:100%; background:url(/images/kor/content/constitution_arrow.png) no-repeat center center; transform:rotate(180deg); -webkit-transform:rotate(180deg);
	transition:transform 0.3s ease;
	-webkit-transition:transform 0.3s ease;
}
#sub050401 .tblst .tblst2 li h5 a.on:after{transform:rotate(0deg); -webkit-transform:rotate(0deg);}




#sub050401 .accordion {display:none;}
#sub050401 .table_scroll .move .table .table{width:100%;}

#sub050401 .txts .lst_info {text-align: left; margin-top:30px}

@media screen and (max-width:1380px){
	#sub050401 .txts .lst{padding:30px 7%;}
}
@media screen and (max-width:1140px) and (min-width:1024px){
	#sub050401 .constitution{padding:45px 30px; border:1px solid #e1e2e4;}
	#sub050401 .constitution:after{width:240px; height:240px;}
	#sub050401 .txts .lst{padding:25px 35px;}
	#sub050401 .txts .lst .fst_p,
	#sub050401 .txts .lst .lst_p,
	#sub050401 .txts .lst ul li{font-size:16px;}
}
@media screen and (max-width:840px){
	#sub050401 .constitution{padding:45px 30px; border:1px solid #e1e2e4;}
	#sub050401 .constitution:after{width:240px; height:240px;}
	#sub050401 .txts h4{font-size:22px;}
	#sub050401 .txts .lst{padding:25px 35px;}
	#sub050401 .txts .lst .fst_p,
	#sub050401 .txts .lst .lst_p,
	#sub050401 .txts .lst ul li{font-size:16px;}
}
@media screen and (max-width:640px){
	#sub050401 .constitution{padding:40px 25px;}
	#sub050401 .constitution:after{width:210px; height:210px;}
	#sub050401 .txts h4{margin-bottom:10px; font-size:20px;}
	#sub050401 .txts strong.tt{line-height:20px; font-size:16px;}
	#sub050401 .txts strong.tt br{display: none;}
	#sub050401 .txts .lst{border-radius:8px; -webkit-border-radius:8px;}
	#sub050401 .txts .lst .fst_p{margin-bottom:20px;}
	#sub050401 .txts .lst .lst_p{margin-top:20px;}
	#sub050401 .txts .lst .fst_p,
	#sub050401 .txts .lst .lst_p{line-height:20px;}
	#sub050401 .txts .lst .fst_p,
	#sub050401 .txts .lst .lst_p,
	#sub050401 .txts .lst ul li{font-size:15px;}
}
@media screen and (max-width:480px){
	#sub050401 .constitution{margin-bottom:30px; padding:30px 15px;}
	#sub050401 .constitution:after{width:200px; height:200px;}
	#sub050401 .txts .lst{margin-top:20px; padding:20px 25px;}
	#sub050401 .txts .lst ul li{padding:8px 0;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 민원사무편람
	연관단어 : sub050601

////////////////////////////////////////////////////////////////////////////// */
#sub050601 ul li a{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub050601 ul{overflow: hidden;}
#sub050601 ul li{position:relative; display:table; float: left; width:50%; height:140px; border:1px solid #e2e3e4; border-top:0; box-sizing:border-box;}
#sub050601 ul li:first-child,
#sub050601 ul li:nth-child(2){border-top:1px solid #e2e3e4;}
#sub050601 ul li:nth-child(2n+2){border-left:0;}
#sub050601 ul li a{display:table-cell; width:100%; height:100%; padding:10px 61px 10px 155px; vertical-align:middle; box-sizing:border-box;}
#sub050601 ul li a strong{line-height:19px; font-size:17px;}
#sub050601 ul li a span{display: block;}
#sub050601 ul li a .icons{
	overflow: hidden; position:absolute; top:50%; left:35px; width:85px; height:85px; margin-top:-43px; text-indent:-2000px;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub050601 ul li.lst01 a .icons{background:#edf1f5 url(/images/kor/content/050601_icon01.png) no-repeat center center;}
#sub050601 ul li.lst02 a .icons{background:#edf1f5 url(/images/kor/content/050601_icon02.png) no-repeat center center;}
#sub050601 ul li.lst03 a .icons{background:#edf1f5 url(/images/kor/content/050601_icon03.png) no-repeat center center;}
#sub050601 ul li.lst04 a .icons{background:#edf1f5 url(/images/kor/content/050601_icon04.png) no-repeat center center;}
#sub050601 ul li.lst05 a .icons{background:#edf1f5 url(/images/kor/content/050601_icon05.png) no-repeat center center;}
#sub050601 ul li.lst06 a .icons{background:#edf1f5 url(/images/kor/content/050601_icon06.png) no-repeat center center;}
#sub050601 ul li.lst07 a .icons{background:#edf1f5 url(/images/kor/content/050601_icon07.png) no-repeat center center;}
#sub050601 ul li.lst08 a .icons{background:#edf1f5 url(/images/kor/content/050601_icon08.png) no-repeat center center;}
#sub050601 ul li.lst09 a .icons{background:#edf1f5 url(/images/kor/content/050601_icon09.png) no-repeat center center;}

#sub050601 ul li a .more{
	overflow: hidden; position:absolute; top:50%; right:35px; width:16px; height:16px; margin-top:-8px; background:url(/images/kor/content/050601_more.png) no-repeat center center; text-indent:-2000px; transform:rotate(0deg); -webkit-transform:rotate(0deg);
	transition: transform 0.5s ease;
	-webkit-transition: transform 0.5s ease;
}
#sub050601 ul li a:hover{background-color:#f9f9f9;}
#sub050601 ul li a:hover .more{transform:rotate(270deg); -webkit-transform:rotate(270deg);}

@media screen and (max-width:1140px) and (min-width:1024px){
	#sub050601 ul li a{padding:10px 51px 10px 125px;}
	#sub050601 ul li a .icons{left:30px; width:70px; height:70px; margin-top:-35px; background-size:55% !important;}
	#sub050601 ul li a .more{right:25px;}
}
@media screen and (max-width:740px){
	#sub050601 ul li a{padding:10px 51px 10px 125px;}
	#sub050601 ul li a .icons{left:30px; width:70px; height:70px; margin-top:-35px; background-size:55% !important;}
	#sub050601 ul li a .more{right:25px;}
}
@media screen and (max-width:640px){
	#sub050601 ul li{width:100%; height:110px;}
	#sub050601 ul li:nth-child(2n+2){border-left:1px solid #e2e3e4;}
	#sub050601 ul li:nth-child(2){border-top:0;}
	#sub050601 ul li a{padding:10px 46px 10px 105px;}
	#sub050601 ul li a .icons{left:20px;}
	#sub050601 ul li a strong{font-size:16px;}
	#sub050601 ul li a .more{right:20px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 땅의 주민등록, 지적(地籍)
	연관단어 : sub060101_1

////////////////////////////////////////////////////////////////////////////// */
#sub060101_1 img.info,
#sub060101_1 .bx,
#sub060101_1 .bx > img,
#sub060101_1 .bx ul,
#sub060101_1 .bx ul li,
#sub060101_1 .bx ul li .li_wr,
#sub060101_1 .bx ul li .li_wr img{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub060101_1 img{display: block; margin:0 auto;}
#sub060101_1 img.info{width:85%; max-width:496px; padding-top:40px;}
#sub060101_1 img.exam{width:100%; max-width:624px; padding-top:40px;}
#sub060101_1 .bx{width:100%; margin-top:80px; padding:25px 0 40px; background-color:#f7f7f7; text-align:center; box-sizing:border-box;}
#sub060101_1 .bx ul{overflow: hidden; display: inline-block; margin-top:40px;}
#sub060101_1 .bx ul li{float:left; padding-right:30px; box-sizing:border-box;}
#sub060101_1 .bx ul li:last-child{padding-right:0;}
#sub060101_1 .bx ul li .li_wr{
	display:block; width:216px; height:216px; padding:35px 40px; background-color:#fff; border:3px solid #e0e0e0; text-decoration:none; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub060101_1 .bx ul li .li_wr strong{display: block; line-height:19px; margin-top:20px; font-size:17px; text-align:center;}
#sub060101_1 .bx ul li .li_wr span{
	overflow: hidden; display:inline-block; width:37px; height:12px; margin-top:12px; background:url(/images/kor/content/060101_arrow.png) no-repeat left top; text-indent:-2000px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub060101_1 .bx ul li .li_wr:hover{border-color:#009a84;}
#sub060101_1 .bx ul li .li_wr:hover span{margin-left:15px;}

@media screen and (max-width:1440px){
	#sub060101_1 .bx{padding:25px 0 35px;}
	#sub060101_1 .bx ul{margin-top:30px;}
	#sub060101_1 .bx ul li{padding-right:15px;}
	#sub060101_1 .bx ul li .li_wr{width:175px; height:175px; padding:25px 30px;}
	#sub060101_1 .bx ul li .li_wr strong{line-height:17px; margin-top:10px; font-size:15px;}
	#sub060101_1 .bx ul li .li_wr span{margin-top:8px;}
	#sub060101_1 .bx ul li .li_wr img{width:55px;}
}
@media screen and (max-width:1240px){
	#sub060101_1 .bx{padding:25px 0 30px;}
	#sub060101_1 .bx > img{width:245px;}
	#sub060101_1 .bx ul{margin-top:20px;}
	#sub060101_1 .bx ul li{padding-right:15px;}
	#sub060101_1 .bx ul li .li_wr{width:165px; height:165px; padding:20px 30px; border:2px solid #e0e0e0;}
	#sub060101_1 .bx ul li .li_wr span{width:30px; background-size:100%;}
	#sub060101_1 .bx ul li .li_wr:hover span{margin-left:12px;}
}
@media screen and (max-width:1140px) and (min-width:1024px){
	#sub060101_1 .bx{padding:25px 0;}
	#sub060101_1 .bx > img{width:230px;}
	#sub060101_1 .bx ul{margin-top:15px;}
	#sub060101_1 .bx ul li{padding-right:10px;}
	#sub060101_1 .bx ul li .li_wr{width:145px; height:145px; padding:25px 20px; border:2px solid #e0e0e0;}
	#sub060101_1 .bx ul li .li_wr strong{margin-top:7px;}
	#sub060101_1 .bx ul li .li_wr img{width:40px;}
	#sub060101_1 .bx ul li .li_wr span{width:27px; margin-top:6px;}
	#sub060101_1 .bx ul li .li_wr:hover span{margin-left:12px;}
}
@media screen and (max-width:840px){
	#sub060101_1 .bx{margin-top:90px;}
}
@media screen and (max-width:840px) and (min-width:741px){
	#sub060101_1 .bx{padding:25px 0;}
	#sub060101_1 .bx > img{width:230px;}
	#sub060101_1 .bx ul{margin-top:15px;}
	#sub060101_1 .bx ul li{padding-right:10px;}
	#sub060101_1 .bx ul li .li_wr{width:145px; height:145px; padding:25px 20px; border:2px solid #e0e0e0;}
	#sub060101_1 .bx ul li .li_wr strong{margin-top:7px;}
	#sub060101_1 .bx ul li .li_wr img{width:40px;}
	#sub060101_1 .bx ul li .li_wr span{width:27px; margin-top:6px;}
	#sub060101_1 .bx ul li .li_wr:hover span{margin-left:12px;}
}
@media screen and (max-width:740px){
	#sub060101_1 .bx ul{width:345px;}
	#sub060101_1 .bx ul li:first-child,
	#sub060101_1 .bx ul li:nth-child(2){margin-bottom:15px;}
	#sub060101_1 .bx ul li:nth-child(2){padding-right:0;}
}
@media screen and (max-width:640px){
	#sub060101_1 img.info,
	#sub060101_1 img.exam{padding-top:25px;}
	#sub060101_1 .bx{margin-top:60px;}
}
@media screen and (max-width:540px){
	#sub060101_1 img.info,
	#sub060101_1 img.exam{padding-top:15px;}
	#sub060101_1 .bx{margin-top:35px; padding:25px 0;}
	#sub060101_1 .bx > img{width:230px;}
	#sub060101_1 .bx ul{width:300px; margin-top:15px;}
	#sub060101_1 .bx ul li{padding-right:10px;}
	#sub060101_1 .bx ul li:first-child,
	#sub060101_1 .bx ul li:nth-child(2){margin-bottom:10px;}
	#sub060101_1 .bx ul li .li_wr{width:145px; height:145px; padding:25px 20px; border:2px solid #e0e0e0;}
	#sub060101_1 .bx ul li .li_wr strong{margin-top:7px;}
	#sub060101_1 .bx ul li .li_wr img{width:40px;}
	#sub060101_1 .bx ul li .li_wr span{width:27px; margin-top:6px;}
	#sub060101_1 .bx ul li .li_wr:hover span{margin-left:12px;}
}
@media screen and (max-width:380px){
	#sub060101_1 .bx{padding:20px 0;}
	#sub060101_1 .bx > img{width:210px;}
	#sub060101_1 .bx ul{width:280px; margin-top:15px;}
	#sub060101_1 .bx ul li .li_wr{width:135px; height:135px;}
	#sub060101_1 .bx ul li .li_wr strong{line-height:16px; margin-top:6px; font-size:14px;}
	#sub060101_1 .bx ul li .li_wr img{width:40px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 사업개요
	연관단어 : sub060201

////////////////////////////////////////////////////////////////////////////// */
#sub060201 .bx1 ul li,
#sub060201 .bx1 ul li .li_wr,
#sub060201 .bx1 ul li .li_wr strong,
#sub060201 .bx2 .borbx strong,
#sub060201 .bx2 .objt,
#sub060201 .bx2 .objt ul li,
#sub060201 .bx2 .objt ul li .tt,
#sub060201 .bx2 .protect,
#sub060201 .bx2 .protect ul li,
#sub060201 .bx2 .txts p{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub060201 .bx1{margin:20px 0; padding:20px 0; background-color:#f8f8f8; text-align:center;}
#sub060201 .bx1 ul{overflow: hidden; display: inline-block;}
#sub060201 .bx1 ul li{float:left; padding-right:25px; box-sizing:border-box;}
#sub060201 .bx1 ul li:last-child{padding-right:0;}
#sub060201 .bx1 ul li .li_wr{
	width:245px; height:245px; padding:40px 30px; background-color:#fff; border:3px solid #ebebeb; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub060201 .bx1 ul li .li_wr img{width:60px; margin:0 auto;}
#sub060201 .bx1 ul li .li_wr strong{display: block; line-height:19px; margin:15px 0; font-size:17px;}
#sub060201 .bx1 ul li .li_wr em{line-height:22px; font-size:22px; font-style:normal; font-weight:700;}

#sub060201 .bx2{margin:20px 0; padding:30px 40px; background-color:#f8f8f8;}
#sub060201 .bx2 .objt,
#sub060201 .bx2 .protect{position:relative; padding-left:240px; box-sizing:border-box;}
/*왼쪽둥근박스*/
#sub060201 .bx2 .borbx{position:absolute; left:0;}
#sub060201 .bx2 .borbx span{position:relative; display: block;}
#sub060201 .bx2 .borbx span:after{content:""; position:absolute; top:50%; right:-20px; z-index:0; width:42px; height:58px; margin-top:-29px; background: url(/images/kor/content/060201_arrow.png) no-repeat center center; transform:rotate(270deg); -webkit-transform:rotate(270deg);}
#sub060201 .bx2 .borbx strong{position:relative; z-index:5; display: block; width:190px; height:50px; line-height:44px; background-color:#fff; border:3px solid #dbdee5; text-align:center; font-weight:700; color:#6b7582; box-sizing:border-box;
	border-radius:40px;
	-webkit-border-radius:40px;}
/*네모박스*/
#sub060201 .bx2 .txts{display: table; width:100%; height:100px; background-color:#f6f7f9; border:2px solid #dbdee5; table-layout:fixed; word-wrap:break-word; box-sizing:border-box;}
#sub060201 .bx2 .txts p{display:table-cell; width:100%; height:100%; padding:10px; text-align:center; vertical-align:middle; font-weight:700;}
/*재조사대상*/
#sub060201 .bx2 .objt .borbx{top:70px;}
#sub060201 .bx2 .objt ul{overflow: hidden;}
#sub060201 .bx2 .objt ul li{float:left; width:33.33%; padding-right:20px; box-sizing:border-box;}
#sub060201 .bx2 .objt ul li:last-child{padding-right:0;}
#sub060201 .bx2 .objt ul li .tt{
	display: block; width:100%; height:40px; line-height:40px; margin-bottom:10px; text-align:center; color:#fff;
	border-radius:30px;
	-webkit-border-radius:30px;
}
#sub060201 .bx2 .objt ul li:first-child .tt{background-color:#005bac;}
#sub060201 .bx2 .objt ul li:nth-child(2) .tt{background-color:#007f68;}
#sub060201 .bx2 .objt ul li:last-child .tt{background-color:#657089;}
/*보호재산권*/
#sub060201 .bx2 .protect{margin-top:20px;}
#sub060201 .bx2 .protect .borbx{top:90px;}
#sub060201 .bx2 .protect .tt{
	display: block; width:100%; margin-bottom:20px; padding:12px 10px; background-color:#e4e9f0; text-align:center; color:#005bac; box-sizing:border-box;
	border-radius:30px;
	-webkit-border-radius:30px;
}
#sub060201 .bx2 .protect ul:after{content:""; display: block; clear:both;}
#sub060201 .bx2 .protect ul li{float:left; width:33.33%; padding-right:20px; box-sizing:border-box;}
#sub060201 .bx2 .protect ul li:last-child{padding-right:0;}
#sub060201 .bx2 .protect ul li .txts{position:relative;}
#sub060201 .bx2 .protect ul li .txts:before{content:""; position:absolute; top:-45px; left:50%; width:42px; height:58px; margin-left:-21px; background: url(/images/kor/content/060201_arrow.png) no-repeat center center;}

#sub060201 .bx2 .borbx strong,
#sub060201 .bx2 .txts p,
#sub060201 .bx2 .objt ul li .tt,
#sub060201 .bx2 .protect .tt{font-size:17px;}

@media screen and (max-width:1240px) and (min-width:1024px){
	#sub060201 .bx1 ul li{padding-right:20px;}
	#sub060201 .bx1 ul li .li_wr{width:220px; height:220px; padding:35px 20px;}
	#sub060201 .bx1 ul li .li_wr strong{margin:10px 0; font-size:16px;}
	#sub060201 .bx1 ul li .li_wr em{line-height:20px; font-size:20px;}

	#sub060201 .bx2{padding:30px 20px;}
	#sub060201 .bx2 .objt,
	#sub060201 .bx2 .protect{padding-left:180px;}
	#sub060201 .bx2 .borbx strong{width:130px;}
	#sub060201 .bx2 .borbx strong,
	#sub060201 .bx2 .txts p,
	#sub060201 .bx2 .objt ul li .tt,
	#sub060201 .bx2 .protect .tt{font-size:16px;}
}
@media screen and (max-width:1140px) and (min-width:1024px){
	#sub060201 .bx1 ul li{padding-right:15px;}
	#sub060201 .bx1 ul li .li_wr{width:185px; height:185px; padding:30px 15px; border:2px solid #ebebeb;}
	#sub060201 .bx1 ul li .li_wr img{width:50px;}
	#sub060201 .bx1 ul li .li_wr strong{line-height:17px; font-size:15px;}
	#sub060201 .bx1 ul li .li_wr em{line-height:17px; font-size:17px;}
}
@media screen and (max-width:940px){
	#sub060201 .bx1 ul li{padding-right:20px;}
	#sub060201 .bx1 ul li .li_wr{width:220px; height:220px; padding:35px 20px;}
	#sub060201 .bx1 ul li .li_wr strong{margin:10px 0; font-size:16px;}
	#sub060201 .bx1 ul li .li_wr em{line-height:20px; font-size:20px;}
}
@media screen and (max-width:840px){
	#sub060201 .bx1 ul li{padding-right:15px;}
	#sub060201 .bx1 ul li .li_wr{width:185px; height:185px; padding:30px 15px; border:2px solid #ebebeb;}

	#sub060201 .bx2{padding:30px 20px;}
	#sub060201 .bx2 .objt,
	#sub060201 .bx2 .protect{padding-left:180px;}
	#sub060201 .bx2 .borbx strong{width:130px;}
	#sub060201 .bx2 .borbx strong,
	#sub060201 .bx2 .txts p,
	#sub060201 .bx2 .objt ul li .tt,
	#sub060201 .bx2 .protect .tt{font-size:16px;}
}
@media screen and (max-width:840px) and (min-width:741px){
	#sub060201 .bx1 ul li .li_wr img{width:50px;}
	#sub060201 .bx1 ul li .li_wr strong{line-height:17px; font-size:15px;}
	#sub060201 .bx1 ul li .li_wr em{line-height:17px; font-size:17px;}
}
@media screen and (max-width:740px){
	#sub060201 .bx1{padding:0;}
	#sub060201 .bx2 .txts{height:auto; border:1px solid #dbdee5;}
	#sub060201 .bx2 .borbx{top:0 !important;}
	#sub060201 .bx2 .borbx strong{height:40px; line-height:36px; border:2px solid #dbdee5;}
	#sub060201 .bx2 .borbx span:after{width:36px; background-size:100%;}
	#sub060201 .bx1 ul{display: block;}
	#sub060201 .bx1 ul li{float: none; padding-right:0; border-bottom:1px dashed #ebebeb;}
	#sub060201 .bx1 ul li:first-child{border-top:1px dashed #ebebeb;}
	#sub060201 .bx1 ul li .li_wr{width:100%; height:auto; padding:20px; border:none; border-radius:0; -webkit-border-radius:0;}	
	
	#sub060201 .bx2 br{display:none;}
	#sub060201 .bx2 .objt ul li{float:none; width:100%; margin-bottom:5px; padding-right:0;}
	#sub060201 .bx2 .objt ul li:last-child{margin-bottom:0;}
	#sub060201 .bx2 .objt ul li .tt{margin-bottom:0; border-radius:0; -webkit-border-radius:0;}
	
	#sub060201 .bx2 .protect .tt{margin-bottom:10px; border-radius:0; -webkit-border-radius:0;}
	#sub060201 .bx2 .protect ul li{float: none; width:100%; padding-right:0; padding-bottom:5px;}
	#sub060201 .bx2 .protect ul li .txts:before{display: none; top:-32px; width:30px; height:42px;  background-size:100%;}
	#sub060201 .bx2 .protect ul li:first-child .txts:before{display: block;}
}
@media screen and (max-width:640px){
	#sub060201 .bx1 ul li .li_wr img{width:50px;}
	#sub060201 .bx1 ul li .li_wr strong{line-height:17px; font-size:15px;}
	#sub060201 .bx1 ul li .li_wr em{line-height:17px; font-size:17px;}
	
	#sub060201 .bx2 .borbx strong,
	#sub060201 .bx2 .txts p,
	#sub060201 .bx2 .objt ul li .tt,
	#sub060201 .bx2 .protect .tt{font-size:15px;}
}
@media screen and (max-width:480px){
	#sub060201 .bx1 ul li .li_wr img{width:50px;}
	#sub060201 .bx1 ul li .li_wr strong{line-height:17px; font-size:15px;}
	#sub060201 .bx1 ul li .li_wr em{line-height:17px; font-size:17px;}
	
	#sub060201 .bx2 .objt,
	#sub060201 .bx2 .protect{padding-left:0;}
	#sub060201 .bx2 .borbx{position:static; margin-bottom:15px;}
	#sub060201 .bx2 .borbx strong{width:100%; height:50px; line-height:46px; border-radius:0; -wekbit-border-radius:0;}
	#sub060201 .bx2 .borbx span:after{display: none;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 사업추진절차
	연관단어 : sub060202

////////////////////////////////////////////////////////////////////////////// */
#sub060202 ul li,
#sub060202 ul li .icons{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub060202 ul li{position:relative; width:100%; height:auto; margin-bottom:34px; padding:40px 40px 40px 143px; background-color:#f2f2f2; box-sizing:border-box;}
#sub060202 ul li:last-child{margin-bottom:0;}
#sub060202 ul li:after{content:""; position:absolute; bottom:-15px; left:50%; z-index:0; width:40px; height:40px; margin-left:-20px; background-color:#f2f2f2; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#sub060202 ul li:last-child:after{display: none;}
#sub060202 ul li .icons{
	position:absolute; top:23px; left:40px; width:83px; height:83px; background-color:#d9e0e8; background-repeat:no-repeat; background-position:center center;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub060202 ul li:first-child .icons{background-image: url(/images/kor/content/060202_icon01.png);}
#sub060202 ul li:nth-child(2) .icons{background-image: url(/images/kor/content/060202_icon02.png);}
#sub060202 ul li:nth-child(3) .icons{background-image: url(/images/kor/content/060202_icon03.png);}
#sub060202 ul li:nth-child(4) .icons{background-image: url(/images/kor/content/060202_icon04.png);}
#sub060202 ul li:nth-child(5) .icons{background-image: url(/images/kor/content/060202_icon05.png);}
#sub060202 ul li:nth-child(6) .icons{background-image: url(/images/kor/content/060202_icon06.png);}
#sub060202 ul li:nth-child(7) .icons{background-image: url(/images/kor/content/060202_icon07.png);}
#sub060202 ul li:last-child .icons{background-image: url(/images/kor/content/060202_icon08.png);}
#sub060202 ul li .txts{position:relative; z-index:5;}
#sub060202 ul li .txts strong{display:inline-block; line-height:22px; margin-right:5px; font-size:20px;}
#sub060202 ul li .txts strong em{
	display: inline-block; width:21px; height:21px; line-height:19px; margin-right:7px; margin-top:-4px; background-color:#464f56; font-style:normal; font-size:15px; text-align:center; vertical-align:middle; color:#fff;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub060202 ul li .txts span{font-weight:700; font-size:17px; color:#008762;}
#sub060202 ul li .txts p{margin:6px 0 0;}

@media screen and (max-width:840px){
	#sub060202 ul li .txts strong{line-height:20px; margin-right:2px; font-size:18px;}
	#sub060202 ul li .txts strong em{width:19px; height:19px; margin-right:4px; margin-top:-2px; font-size:13px;}
	#sub060202 ul li .txts span{font-size:16px;}
}
@media screen and (max-width:740px){
	#sub060202 ul li{margin-bottom:25px; padding:36px 30px 36px 130px;}
	#sub060202 ul li:after{bottom:-10px;}
	#sub060202 ul li .icons{left:30px; width:75px; height:75px; background-size:70%;}
}
@media screen and (max-width:640px){
	#sub060202 ul li{margin-bottom:20px; padding:32px 25px 32px 120px;}
	#sub060202 ul li:after{bottom:-6px;}
	#sub060202 ul li .icons{top:15px; left:25px;}
	#sub060202 ul li .txts strong{line-height:18px; margin-right:2px; font-size:16px;}
	#sub060202 ul li .txts strong em{width:17px; height:17px; line-height:17px; margin-top:-3px; font-size:12px;}
	#sub060202 ul li .txts span{font-size:14px;}
	#sub060202 ul li .txts p{margin:3px 0 0;}
}
@media screen and (max-width:480px){
	#sub060202 ul li{padding:27px 20px 27px 100px;}
	#sub060202 ul li .icons{left:20px; width:65px; height:65px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 지적재조사 신청
	연관단어 : sub060204

////////////////////////////////////////////////////////////////////////////// */
#sub060204 .call_input{display: inline-block;}
#sub060204 .search{position:relative; margin:2px 0; padding-left:73px; box-sizing:border-box;}
#sub060204 .search .small{position:absolute; top:0; left:0;}
#sub060204 select{height:35px; margin-top:1px;}

@media screen and (max-width:480px){
	#sub060204 .search{padding-left:63px;}
}	



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 공간정보인프라구축
	연관단어 : sub060302

////////////////////////////////////////////////////////////////////////////// */
/*도로명주소기본도*/
#sub060302 .bx .cont_box ul,
#sub060302 .bx2 .cont_box ul{overflow: hidden; margin:0 auto;}
#sub060302 .bx .cont_box ul li,
#sub060302 .bx2 .cont_box ul li{float:left; width:50%; padding-right:5px; box-sizing:border-box;}
#sub060302 .bx .cont_box ul li img,
#sub060302 .bx2 .cont_box ul li img{width:100%;}

#sub060302 .bx .cont_box ul{max-width:520px;}
#sub060302 .bx .cont_box ul li{width:50%;}
#sub060302 .bx2 .cont_box ul{max-width:779px;}
#sub060302 .bx2 .cont_box ul li{width:33.33%;}
/*도로대장 운영ㆍ관리*/
#sub060302 .bx3 img{max-width:698px; width:100%;}
#sub060302 .bx4 .cont_box{position:relative; display:table; table-layout:fixed; width:100%; min-height:320px;}
#sub060302 .bx4 .cont_box ol{
	display:table-cell; width:100%; height:100%; padding-right:532px; vertical-align:middle;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub060302 .bx4 .cont_box img{
	display: block; position:absolute; top:25px; right:3%; width:522px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
/*지하공간통합지도 구축*/
#sub060302 .bx5 ul{overflow: hidden;}
#sub060302 .bx5 ul li{float:left; width:50%; box-sizing:border-box;}
#sub060302 .bx5 ul li:first-child{padding-right:10px;}
#sub060302 .bx5 ul li:last-child{padding-left:10px;}
#sub060302 .bx5 ul li img{display: block; max-width:428px; width:100%; margin:0 auto;}
#sub060302 .bx5 ul li strong{display: block; padding-top:10px; text-align:center;}
/*국가지점번호 검증*/
#sub060302 .pt_bg,
#sub060302 .txtbx,
#sub060302 .txtbx .bg .txts{transition:font-size 0.3s ease; -webkit-transition:font-size 0.3s ease;}
#sub060302 .txtbx,
#sub060302 .pt_bg{background:url(/images/kor/content/talent_pattern.png) repeat left top;}
#sub060302 .pt_bg{width:100%; height:20px; padding:0 90px; box-sizing:border-box;}
#sub060302 .pt_bg:before{content:""; display: block; width:100%; height:100%; background-color:#fff;}
#sub060302 .txtbx{position:relative; width:100%; height:auto; padding:0 20px; box-sizing:border-box;}
#sub060302 .txtbx .bg{width:100%; height:100%; background-color:#fff;}
#sub060302 .txtbx .bg .txts{position:relative; width:100%; padding:30px 75px; box-sizing:border-box;}
#sub060302 .txtbx .bg .txts strong{position:relative; z-index:10;}
#sub060302 .txtbx .bg .txts strong{display: block; text-align:center;}
#sub060302 .txtbx .bg .txts strong span{font-size:20px; text-align:center; color:#004eae;}
#sub060302 .txtbx .bg .txts strong img{display: inline-block; margin-top:-3px; padding-top:5px;}
#sub060302 .txtbx .bg .txts strong img:first-child{margin-right:5px; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#sub060302 .txtbx .bg .txts strong img:last-child{margin-left:5px;}

#sub060302 .bx6{margin-top:25px;}
#sub060302 .bx6 img{display: block; width:100%; max-width:648px; margin:0 auto;}
#sub060302 .point_txt{display: block; line-height:24px; margin-bottom:25px; font-size:17px; text-align:center;}
#sub060302 .bx7 img{display: block; width:100%; max-width:1025px; margin:0 auto;}

@media screen and (max-width:1140px) and (min-width:1024px){
	#sub060302 .bx4 .cont_box{min-height:230px;}
	#sub060302 .bx4 .cont_box ol{padding-right:400px;}
	#sub060302 .bx4 .cont_box img{width:390px;}
}
@media screen and (max-width:840px){
	#sub060302 .bx4 .cont_box{min-height:230px;}
	#sub060302 .bx4 .cont_box ol{padding-right:400px;}
	#sub060302 .bx4 .cont_box img{width:390px;}

	#sub060302 .bx5 ul li:first-child{padding-right:5px;}
	#sub060302 .bx5 ul li:last-child{padding-left:5px;}
}
@media screen and (max-width:740px){
	#sub060302 .br{display: none;}
	#sub060302 .pt_bg{height:16px; padding:0 65px;}
	#sub060302 .txtbx{padding:0 16px;}
	#sub060302 .txtbx .bg .txts{padding:15px 55px;}
	#sub060302 .txtbx .bg .txts strong img{width:20px; margin-top:-2px;}
	#sub060302 .txtbx .bg .txts strong img:first-child{margin-right:2px;}
	#sub060302 .txtbx .bg .txts strong img:last-child{margin-left:2px;}
}
@media screen and (max-width:640px){
	#sub060302 .bx4 .cont_box ol{padding-right:0; padding-top:230px;}
	#sub060302 .bx4 .cont_box img{left:50%; margin-left:-195px;}
	
	#sub060302 .txtbx .bg .txts strong span{line-height:19px; font-size:17px;}
	#sub060302 .bx6{margin-top:20px; margin-bottom:15px;}
	#sub060302 .point_txt{line-height:21px; margin-bottom:15px; font-size:15px;}
}
@media screen and (max-width:540px){
	#sub060302 .pt_bg{display: none;}
	#sub060302 .txtbx{padding:0 16px; background:none;}
	#sub060302 .txtbx .bg .txts{padding:0;}
	#sub060302 .txtbx .bg .txts strong img{width:18px;}
	#sub060302 .txtbx .bg .txts strong img:first-child{margin-right:2px;}
	#sub060302 .txtbx .bg .txts strong img:last-child{margin-left:2px;}
}
@media screen and (max-width:480px){
	#sub060302 .bx2 .cont_box ul li{width:50%;}
	#sub060302 .bx2 .cont_box ul li:last-child{margin-top:5px;}

	#sub060302 .bx4 .cont_box ol{padding-top:170px;}
	#sub060302 .bx4 .cont_box img{left:50%; width:280px; margin-left:-140px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 공간정보인프라구축_공간정보플랫폼
	연관단어 : sub060302_5

////////////////////////////////////////////////////////////////////////////// */
/*공간정보플랫폼*/
#sub060302_5 .stars{display: block; font-size:14px; color:#0c7bc8;}
#sub060302_5 .cont_box{position:relative; margin-top:30px; padding:40px 60px 40px 405px;}
#sub060302_5 .cont_box .photos{position:absolute; top:50%; left:60px; width:345px; margin-top:-166px; text-align:center;}
#sub060302_5 .cont_box .plat_lst{overflow: hidden; width:100%; padding-left:12%; box-sizing:border-box;}
#sub060302_5 .cont_box .plat_lst > li{float:left; width:33.33%; margin-top:20px; padding-right:5px; box-sizing:border-box;}
#sub060302_5 .cont_box .plat_lst > li:first-child,
#sub060302_5 .cont_box .plat_lst > li:nth-child(2),
#sub060302_5 .cont_box .plat_lst > li:nth-child(3){margin-top:0;}
#sub060302_5 .cont_box .plat_lst > li:nth-child(3n+3){padding-right:0;}
#sub060302_5 .cont_box .plat_lst > li .icons{
	overflow: hidden; width:77px; height:77px; background-color:#fff; background-repeat:no-repeat; background-position:center center; text-indent:-2000px;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub060302_5 .cont_box .plat_lst > li:first-child .icons{background-image: url(/images/kor/content/060302_icon01.png);}
#sub060302_5 .cont_box .plat_lst > li:nth-child(2) .icons{background-image: url(/images/kor/content/060302_icon02.png);}
#sub060302_5 .cont_box .plat_lst > li:nth-child(3) .icons{background-image: url(/images/kor/content/060302_icon03.png);}
#sub060302_5 .cont_box .plat_lst > li:nth-child(4) .icons{background-image: url(/images/kor/content/060302_icon04.png);}
#sub060302_5 .cont_box .plat_lst > li:nth-child(5) .icons{background-image: url(/images/kor/content/060302_icon05.png);}
#sub060302_5 .cont_box .plat_lst > li:last-child .icons{background-image: url(/images/kor/content/060302_icon06.png);}
#sub060302_5 .cont_box .plat_lst > li strong{display: block; margin-top:8px;}
#sub060302_5 .cont_box .plat_lst > li > ul{margin-top:3px;}
#sub060302_5 .cont_box .plat_lst > li ul li{float: none; width:auto;}

@media screen and (max-width:1380px){
	#sub060302_5 .cont_box{padding:30px 40px 30px 338px;}
	#sub060302_5 .cont_box .photos{left:40px; width:300px; margin-top:-147px;}
	#sub060302_5 .cont_box .photos img{width:100%;}
	#sub060302_5 .cont_box .plat_lst{padding-left:8%;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	#sub060302_5 .cont_box{padding:30px 40px 30px 308px;}
	#sub060302_5 .cont_box .photos{left:40px; width:270px; margin-top:-135px;}
	#sub060302_5 .cont_box .photos img{width:100%;}
	#sub060302_5 .cont_box .plat_lst{padding-left:8%;}
	#sub060302_5 .cont_box .plat_lst > li{width:50%; margin-top:10px; padding-right:5px !important;}
	#sub060302_5 .cont_box .plat_lst > li:nth-child(2n+2){padding-right:0 !important;}
	#sub060302_5 .cont_box .plat_lst > li:nth-child(3){margin-top:10px;}
	#sub060302_5 .cont_box .plat_lst > li .icons{width:50px; height:50px; background-size:67%;}
	#sub060302_5 .cont_box .plat_lst > li > ul{min-height:78px;}
}
@media screen and (max-width:940px){
	#sub060302_5 .cont_box{padding:30px 30px 30px 328px;}
	#sub060302_5 .cont_box .photos{width:290px; margin-top:-141px;}
}
@media screen and (max-width:840px){
	#sub060302_5 .cont_box{padding:30px 40px 30px 308px;}
	#sub060302_5 .cont_box .photos{left:40px; width:270px; margin-top:-135px;}
	#sub060302_5 .cont_box .photos img{width:100%;}
	#sub060302_5 .cont_box .plat_lst{padding-left:8%;}
	#sub060302_5 .cont_box .plat_lst > li .icons{width:50px; height:50px; background-size:67%;}
	#sub060302_5 .cont_box .plat_lst > li > ul{min-height:78px;}
}
@media screen and (max-width:840px) and (min-width:741px){
	#sub060302_5 .cont_box .plat_lst > li{width:50%; margin-top:10px; padding-right:5px !important;}
	#sub060302_5 .cont_box .plat_lst > li:nth-child(2n+2){padding-right:0 !important;}
	#sub060302_5 .cont_box .plat_lst > li:nth-child(3){margin-top:10px;}
}
@media screen and (max-width:740px){
	#sub060302_5 .cont_box{padding:30px;}
	#sub060302_5 .cont_box .photos{position:static; width:235px; margin-top:0; margin:0 auto;}
	#sub060302_5 .cont_box .plat_lst{padding-left:0; padding-top:20px;}
	#sub060302_5 .cont_box .plat_lst > li .icons{margin:0 auto;}
	#sub060302_5 .cont_box .plat_lst > li strong,
	#sub060302_5 .cont_box .plat_lst > li ul li{text-align:center;}
	#sub060302_5 .cont_box .plat_lst > li ul li{padding-left:0 !important;}
	#sub060302_5 .cont_box .plat_lst > li ul li:after{display:none;}
}
@media screen and (max-width:640px){
	#sub060302_5 .cont_box{padding:20px;}
	#sub060302_5 .cont_box .plat_lst > li > ul{min-height:64px;}
}
@media screen and (max-width:480px){
	#sub060302_5 .cont_box .plat_lst > li{width:50%; margin-top:10px; padding-right:5px !important;}
	#sub060302_5 .cont_box .plat_lst > li:nth-child(2n+2){padding-right:0 !important;}
	#sub060302_5 .cont_box .plat_lst > li:nth-child(3){margin-top:10px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 공간정보서비스지원
	연관단어 : sub060303

////////////////////////////////////////////////////////////////////////////// */
#sub060303 img{
	display: block; width:100%; margin:0 auto;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
/*침수흔적도 조사ㆍ작성*/
#sub060303 .bx3 img{max-width:677px;}
#sub060303 .bx3 strong{display: block; padding-top:10px; text-align:center;}
#sub060303 .bx4 img{max-width:591px;}
#sub060303 .bx4 strong{display: block; padding-top:10px; text-align:center;}
/*랜디랑*/
#sub060303 .bx5 .cont_box{position:relative;}
#sub060303 .bx5 .cont_box h5,
#sub060303 .bx5 .cont_box p{padding-left:243px;}
#sub060303 .bx5 .cont_box img{position:absolute; top:50%; left:3%; width:auto; height:auto; margin-top:-43px;}
#sub060303 .bx6 .cont_box img{max-width:918px;}
#sub060303 .bx6 .cont_box img.pc{display: block;}
#sub060303 .bx6 .cont_box img.mob{display: none;}
/*부동산행정정보*/
#sub060303 .bx8 img{max-width:1021px;}
#sub060303 .bx9 img{max-width:927px;}
#sub060303 .bx9 img.pc{display: block;}
#sub060303 .bx9 img.tab,
#sub060303 .bx9 img.mob{display:none;}
#sub060303 .bx10 img{max-width:809px;}

@media screen and (max-width:640px){
	#sub060303 .bx5 .cont_box h5,
	#sub060303 .bx5 .cont_box p{padding-left:180px;}
	#sub060303 .bx5 .cont_box img{top:20px; width:160px; margin-top:0;}
	#sub060303 .bx9.cont_box{padding:0; background:transparent;}
	#sub060303 .bx9 img.tab{display: block;}
	#sub060303 .bx9 img.pc,
	#sub060303 .bx9 img.mob{display:none;}
}
@media screen and (max-width:480px){
	#sub060303 .bx5 .cont_box img{left:50%; margin-left:-80px;}
	#sub060303 .bx5 .cont_box h5,
	#sub060303 .bx5 .cont_box p{padding-left:0;}
	#sub060303 .bx5 .cont_box h5{padding-top:85px;}
	#sub060303 .bx6 .cont_box img.pc{display: none;}
	#sub060303 .bx6 .cont_box img.mob{display: block; width:auto;}

	#sub060303 .bx9 img.mob{display: block;}
	#sub060303 .bx9 img.pc,
	#sub060303 .bx9 img.tab{display:none;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 공간정보서비스지원 > 드론 조종자 양성
	연관단어 : sub060303_1

////////////////////////////////////////////////////////////////////////////// */
#sub060303_1 .scheme{display: block; width:100%; max-width:871px; margin:0 auto;}
#sub060303_1 .bx{margin-bottom:50px;}

#sub060303_1 .immu_tt{position:relative; width:100%; height:25px; margin-top:22px; margin-bottom:14px; text-align:center;}
#sub060303_1 .immu_tt:before,
#sub060303_1 .immu_tt:after{content:""; position:absolute; top:0; left:0; display: block; width:2px; height:100%; background-color:#b5d3e7;}
#sub060303_1 .immu_tt:after{left:auto; right:0;}
#sub060303_1 .immu_tt strong{display:inline-block; width:20%; line-height:25px; font-size:18px; color:#07469b;}
#sub060303_1 .immu_tt .line{overflow: hidden; display: inline-block; width:40%; height:2px; background-color:#b5d3e7; text-indent:-2000px;}
#sub060303_1 .immu_tt strong,
#sub060303_1 .immu_tt .line{vertical-align:middle;}
#sub060303_1 .immu{overflow: hidden;}
#sub060303_1 .immu li{float:left; width:25%; height:auto; box-sizing:border-box;}
#sub060303_1 .immu li:first-child{padding:0 7px 0 0;}
#sub060303_1 .immu li:nth-child(2),
#sub060303_1 .immu li:nth-child(3){padding:0 7px;}
#sub060303_1 .immu li:last-child{padding:0 0 0 7px;}
#sub060303_1 .immu li .li_wr{border:1px solid #e5e5e5; box-sizing:border-box;}
#sub060303_1 .immu li .li_wr .photos{overflow: hidden; width:100%; height:100px; background-repeat:no-repeat; background-position:center center; background-size:cover; text-indent:-2000px;}
#sub060303_1 .immu li:first-child .li_wr .photos{background-image: url(/images/kor/content/060303_pic02_1.jpg);}
#sub060303_1 .immu li:nth-child(2) .li_wr .photos{background-image: url(/images/kor/content/060303_pic02_2.jpg);}
#sub060303_1 .immu li:nth-child(3) .li_wr .photos{background-image: url(/images/kor/content/060303_pic02_3.jpg);}
#sub060303_1 .immu li:last-child .li_wr .photos{background-image: url(/images/kor/content/060303_pic02_4.jpg);}
#sub060303_1 .immu li .li_wr .txts{min-height:110px; padding:15px; box-sizing:border-box;}
#sub060303_1 .immu li .li_wr .txts strong{display: block; text-align:center; font-weight:700; color:#07469b;}
#sub060303_1 .immu li .li_wr .txts p{min-height:45px; text-align:center;}

@media screen and (max-width:1140px) and (min-width:1024px){
	#sub060303_1 .immu_tt strong{width:24%;}
	#sub060303_1 .immu_tt .line{width:38%;}
	#sub060303_1 .immu li:first-child{padding:0 5px 0 0;}
	#sub060303_1 .immu li:nth-child(2),
	#sub060303_1 .immu li:nth-child(3){padding:0 5px;}
	#sub060303_1 .immu li:last-child{padding:0 0 0 5px;}
	#sub060303_1 .immu li .li_wr .txts{padding:10px;}
}
@media screen and (max-width:840px){
	#sub060303_1 .immu_tt strong{width:24%;}
	#sub060303_1 .immu_tt .line{width:38%;}
	#sub060303_1 .immu li:first-child{padding:0 5px 0 0;}
	#sub060303_1 .immu li:nth-child(2),
	#sub060303_1 .immu li:nth-child(3){padding:0 5px;}
	#sub060303_1 .immu li:last-child{padding:0 0 0 5px;}
	#sub060303_1 .immu li .li_wr .txts{padding:10px;}
}
@media screen and (max-width:640px){
	#sub060303_1 .bx{margin-bottom:30px;}

	#sub060303_1 .immu_tt{margin-top:20px; margin-bottom:5px; text-align:left;}
	#sub060303_1 .immu_tt strong{width:auto; font-size:16px;}
	#sub060303_1 .immu_tt:before,
	#sub060303_1 .immu_tt:after,
	#sub060303_1 .immu_tt .line{display: none;}
	#sub060303_1 .immu li{width:50%;}
	#sub060303_1 .immu li:first-child,
	#sub060303_1 .immu li:nth-child(2){margin-bottom:10px;}
	#sub060303_1 .immu li:first-child,
	#sub060303_1 .immu li:nth-child(3){padding:0 5px 0 0;}
	#sub060303_1 .immu li:nth-child(2),
	#sub060303_1 .immu li:last-child{padding:0 0 0 5px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 공간정보서비스지원 > 빈집정보
	연관단어 : sub060303_4

////////////////////////////////////////////////////////////////////////////// */
#sub060303_4 .role.cont_box .gra_tt,
#sub060303_4 .role.cont_box ul li,
#sub060303_4 .role.cont_box ul li .icons{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#sub060303_4 .role.cont_box{padding:40px 8%; background-color:#f8f8f8; text-align:center;}
#sub060303_4 .role.cont_box .gra_tt{
	display:table; width:100%; height:70px; padding:15px 20px; background:url(/images/kor/content/gradation.jpg) no-repeat left top; background-size:cover; box-sizing:border-box;
	border-radius:100px;
	-webkit-border-radius:100px;
}
#sub060303_4 .role.cont_box .gra_tt strong{display:table-cell; width:100%; height:100%; line-height:22px; vertical-align:middle; text-align:center; font-size:17px; color:#fff;}
#sub060303_4 .role.cont_box .tip{display: inline-block; margin:20px 0;}
#sub060303_4 .role.cont_box .tip:after{display: none;}
#sub060303_4 .role.cont_box .tip:before{
	content:"!"; display: inline-block; width:20px; height:20px; line-height:20px; margin-right:5px; background:#cfd7e2; text-align:center; font-weight:700; font-size:12px; color:#7388a8;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub060303_4 .role.cont_box ul{overflow: hidden;}
#sub060303_4 .role.cont_box ul li{float:left; width:33.33%; padding:0 15px; text-align:center; box-sizing:border-box;}
#sub060303_4 .role.cont_box ul li:nth-child(2){border-right:1px dashed #d1d1d1; border-left:1px dashed #d1d1d1;}
#sub060303_4 .role.cont_box ul li .icons{
	overflow: hidden; width:140px; height:140px; margin:0 auto; background-color:#fff; background-repeat:no-repeat; background-position:center center; border:2px solid #ececec; text-indent:-2000px;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub060303_4 .role.cont_box ul li:first-child .icons{background-image: url(/images/kor/content/060303_icon01.png);}
#sub060303_4 .role.cont_box ul li:nth-child(2) .icons{background-image: url(/images/kor/content/060303_icon02.png);}
#sub060303_4 .role.cont_box ul li:last-child .icons{background-image: url(/images/kor/content/060303_icon03.png);}
#sub060303_4 .role.cont_box ul li strong{display: block; line-height:22px; padding:15px 0 6px; font-size:18px; text-align:center;}
#sub060303_4 .role.cont_box ul li p{text-align:center;}
#sub060303_4 .role.cont_box a{margin-top:50px;}

@media screen and (max-width:1240px) and(min-width:1024px){
	#sub060303_4 .role.cont_box a{margin-top:35px;}
}
@media screen and (max-width:840px){
	#sub060303_4 .role.cont_box{padding:35px 5%;}
	#sub060303_4 .role.cont_box .tip{margin:15px 0;}
	#sub060303_4 .role.cont_box ul li .icons{width:105px; height:105px; background-size:52%;}
	#sub060303_4 .role.cont_box ul li strong{padding:12px 0 4px; font-size:17px;}
	#sub060303_4 .role.cont_box a{margin-top:35px;}
}
@media screen and (max-width:640px){
	#sub060303_4 .role.cont_box{padding:25px 5%;}
	#sub060303_4 .role.cont_box .gra_tt{padding:12px 15px; border-radius:10px; -webkit-border-radius:10px;}
	#sub060303_4 .role.cont_box .gra_tt strong{line-height:19px; font-size:15px;}
	#sub060303_4 .role.cont_box .tip{margin:12px 0;}
	#sub060303_4 .role.cont_box ul li .icons{width:85px; height:85px;}
	#sub060303_4 .role.cont_box ul li strong{padding:10px 0 4px; font-size:16px;}
	#sub060303_4 .role.cont_box a{margin-top:30px;}
}
@media screen and (max-width:480px){
	#sub060303_4 .role.cont_box ul li{position:relative; width:100%; min-height:87px; padding:10px 0 10px 75px; border-bottom:1px dashed #d1d1d1;}
	#sub060303_4 .role.cont_box ul li:first-child{border-top:1px dashed #d1d1d1;}
	#sub060303_4 .role.cont_box ul li:nth-child(2){border-right:0; border-left:0;}
	#sub060303_4 .role.cont_box ul li .icons{position:absolute; top:10px; left:0; width:60px; height:60px;}
	#sub060303_4 .role.cont_box ul li strong{padding:5px 0 0;}
	#sub060303_4 .role.cont_box ul li strong,
	#sub060303_4 .role.cont_box ul li p{text-align:left;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 해외사업현황
	연관단어 : sub060402

////////////////////////////////////////////////////////////////////////////// */
#sub060402 strong{display: block; margin-bottom:20px; font-size:27px; text-align:center; color:#004080;}

@media screen and (max-width:840px){
	#sub060402 strong{font-size:24px;}
}
@media screen and (max-width:640px){
	#sub060402 strong{margin-bottom:15px; font-size:20px;}
}
@media screen and (max-width:480px){
	#sub060402 strong{margin-bottom:10px; font-size:18px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 국제회의
	연관단어 : sub060403

////////////////////////////////////////////////////////////////////////////// */
#sub060403 > ul > li,
#sub060403 > ul > li .photos,
#sub060403 > ul > li .txts{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub060403 > ul > li{width:100%; height:auto; min-height:345px; margin-bottom:20px; padding:40px; background-color:#f0f2f7; box-sizing:border-box;}
#sub060403 > ul > li .tt{display: block; margin-bottom:15px; font-size:23px; color:#07469b;}
#sub060403 > ul > li .li_wr{position:relative; width:100%;}
#sub060403 > ul > li .photos{position:absolute; top:0; left:0; width:285px;}
#sub060403 > ul > li .photos img{width:100%;}
#sub060403 > ul > li .txts{width:100%; padding-left:315px; box-sizing:border-box;}
#sub060403 > ul > li .txts strong{font-size:15px; color:#07469b;}

#sub060403 > ul > li.ptnone{min-height:auto; /*margin-bottom:0;*/}
#sub060403 > ul > li.ptnone .txts{padding-left:0;}

@media screen and (max-width:1240px) and (min-width:1024px){
	#sub060403 > ul > li{padding:30px;}
	#sub060403 > ul > li .photos{width:230px;}
	#sub060403 > ul > li .txts{padding-left:255px;}
}
@media screen and (max-width:940px){
	#sub060403 > ul > li{padding:30px;}
	#sub060403 > ul > li .tt{margin-bottom:10px; font-size:21px;}
	#sub060403 > ul > li .photos{width:230px;}
	#sub060403 > ul > li .txts{padding-left:255px;}
}
@media screen and (max-width:740px){
	#sub060403 > ul > li{padding:20px;}
	#sub060403 > ul > li .photos{width:180px;}
	#sub060403 > ul > li .txts{padding-left:200px;}
}
@media screen and (max-width:640px){
	#sub060403 > ul > li{margin-bottom:10px;}
	#sub060403 > ul > li .tt{margin-bottom:10px; font-size:18px;}
	#sub060403 > ul > li .photos{position:static; width:auto;}
	#sub060403 > ul > li .photos img{width:180px; margin-right:5px;}
	#sub060403 > ul > li .photos a{vertical-align:bottom;}
	#sub060403 > ul > li .txts{padding-left:0; padding-top:10px;}
	#sub060403 > ul > li .txts strong{font-size:14px;}
	#sub060403 > ul > li.ptnone .txts{padding-top:0;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 국제협력지도
	연관단어 : sub060404

////////////////////////////////////////////////////////////////////////////// */
#sub060404 strong{display: block; margin-bottom:12px; font-size:23px; text-align:center; color:#004080;}
#sub060404 p{margin-bottom:35px; text-align:center;}

@media screen and (max-width:840px){
	#sub060404 strong{margin-bottom:8px; font-size:21px;}
	#sub060404 p{margin-bottom:25px;}
}
@media screen and (max-width:640px){
	#sub060404 strong{margin-bottom:6px; font-size:18px;}
	#sub060404 p{margin-bottom:20px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 인사말
	연관단어 : sub070101

////////////////////////////////////////////////////////////////////////////// */
#sub070101 .txts strong,
#sub070101 .txts strong span,
#sub070101 .txts .txt_p p,
#sub070101 .photos .signs strong{transition:font-size 0.3s ease; -webkit-transition:font-size 0.3s ease;}
#sub070101 .txts,
#sub070101 .txts strong:after,
#sub070101 .photos .signs{transition:margin 0.3s ease, padding 0.3s ease; -webkit-transition:margin 0.3s ease, padding 0.3s ease;}

#sub070101{position:relative;}
#sub070101 .txts{width:100%; height:auto; min-height:665px; padding-right:460px; box-sizing:border-box;}
#sub070101 .txts strong{display: block; line-height:38px; font-size:25px; font-weight:700;}
#sub070101 .txts strong:after{content:""; display: block; width:100%; height:1px; margin:25px 0; background-color:#e9e9e9;}
#sub070101 .txts strong span{font-size:33px;}
#sub070101 .txts .txt_p span{font-weight:700;}

#sub070101 .photos{position:absolute; top:0; right:0;}
#sub070101 .photos .signs{padding-top:25px;}
#sub070101 .photos .signs strong{display: inline-block; line-height:23px; padding-right:20px; font-size:18px; font-weight:700; vertical-align:middle;}
#sub070101 .photos .signs img{vertical-align:middle;}

@media screen and (max-width:1260px){
	#sub070101 .txts{padding-right:370px;}
	#sub070101 .photos > img{
		width:340px;
		transition:width 0.3s ease;
		-webkit-transition:width 0.3s ease;
	}
}
@media screen and (max-width:1260px) and (min-width:1024px){
	#sub070101 .txts strong{line-height:34px; font-size:23px;}
	#sub070101 .txts strong span{font-size:30px;}
	#sub070101 .txts strong:after{margin:20px 0;}
	#sub070101 .txts .txt_p p{margin:0 0 15px 0;}

	#sub070101 .photos .signs{padding-top:15px;}
}
@media screen and (max-width:1150px) and (min-width:1024px){
	#sub070101 .txts{padding-right:320px;}
	#sub070101 .txts strong{line-height:31px; font-size:21px;}
	#sub070101 .txts strong span{font-size:28px;}
	#sub070101 .txts strong:after{margin:20px 0;}
	#sub070101 .txts .txt_p p{margin:0 0 10px 0; font-size:14px;}

	#sub070101 .photos > img{width:300px;}
	#sub070101 .photos .signs strong{line-height:21px; padding-right:10px; font-size:17px;}
	#sub070101 .photos .signs img{width:109px;}
}
@media screen and (max-width:840px){
	#sub070101 .txts{padding-right:320px;}
	#sub070101 .txts strong{line-height:31px; font-size:21px;}
	#sub070101 .txts strong span{font-size:28px;}
	#sub070101 .txts strong:after{margin:20px 0;}

	#sub070101 .photos > img{width:300px;}
	#sub070101 .photos .signs{padding-top:15px;}
	#sub070101 .photos .signs strong{line-height:21px; padding-right:10px; font-size:17px;}
	#sub070101 .photos .signs img{width:109px;}
}
@media screen and (max-width:740px){
	#sub070101 .txts{padding-right:0; padding-top:447px;}
	#sub070101 .txts strong{line-height:27px; font-size:18px;}
	#sub070101 .txts strong:after{margin:15px 0;}
	#sub070101 .txts strong span{font-size:25px;}

	#sub070101 .photos{right:auto; left:50%; margin-left:-130px;}
	#sub070101 .photos > img{width:260px;}
	#sub070101 .photos .signs{padding-top:12px;}
	#sub070101 .photos .signs strong{padding-right:5px; font-size:15px;}
	#sub070101 .photos .signs img{width:95px;}

	#sub070101 .br{display:none;}
}
@media screen and (max-width:640px){
	#sub070101 .txts strong{line-height:23px; font-size:17px;}
	#sub070101 .txts strong:after{margin:15px 0;}
	#sub070101 .txts strong span{font-size:21px;}
}
@media screen and (max-width:540px){
	#sub070101 .txts{padding-top:350px;}
	#sub070101 .photos{margin-left:-100px;}
	#sub070101 .photos > img{width:200px;}
	#sub070101 .photos .signs{margin-left:-25px;}
	#sub070101 .photos .signs strong{padding-right:2px;}
	#sub070101 .photos .signs img{width:90px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : ceo 경영방침
	연관단어 : sub070102

////////////////////////////////////////////////////////////////////////////// */
#sub070102{}
#sub070102 img{width:100%;}
#sub070102 .ceo_lst{
	margin-top:45px; background-color:#fdfdfd;
	transition:margin 0.3s ease;
	-webkit-transition:margin 0.3s ease;
}
#sub070102 .ceo_lst > ul > li:first-child{border-top:1px dotted #ccc;}
#sub070102 .ceo_lst > ul > li{width:100%; height:auto; padding:30px 25px; border-bottom:1px dotted #ccc; box-sizing:border-box;}

@media screen and (max-width:840px){
	#sub070102 .ceo_lst{margin-top:50px;}
}
@media screen and (max-width:640px){
	#sub070102 .ceo_lst{margin-top:40px;}
	#sub070102 .ceo_lst > ul > li{padding:25px 20px;}
}
@media screen and (max-width:480px){
	#sub070102 .ceo_lst{margin-top:25px;}
	#sub070102 .ceo_lst > ul > li{padding:20px 20px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 비전 2030
	연관단어 : sub070201

////////////////////////////////////////////////////////////////////////////// */
#sub070201 .bx1,
#sub070201 .bx1 .txtbx ul li,
#sub070201 .bx1 .value ul,
#sub070201 .bx1 .value ul li,
#sub070201 .bx1 .value ul li .li_wr,
#sub070201 .bx1 .value ul li .li_wr strong,
#sub070201 .bx2 .direct,
#sub070201 .bx2 .direct .line,
#sub070201 .bx2 .list ul li,
#sub070201 .stg_lst ul li,
#sub070201 .stg_lst ul li .stg_tt{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub070201 .bx1{width:100%; height:auto; background-image: url(/images/kor/content/2030_bg.png); background-repeat:no-repeat; background-position:center top 45px;}
#sub070201 .bx1 .txtbx ul li{
	width:100%; height:auto; padding:15px; box-sizing:border-box;
	border-radius:100px;
	-webkit-border-radius:100px;
}
#sub070201 .bx1 .txtbx ul li:first-child{margin-bottom:15px; background-color:#ecf2f7; border:2px solid #d1d9df;}
#sub070201 .bx1 .txtbx ul li:first-child strong{color:#005fba;}
#sub070201 .bx1 .txtbx ul li:first-child p{color:#507086;}
#sub070201 .bx1 .txtbx ul li:last-child{background-color:#f0f6f7; border:2px solid #c8d7da;}
#sub070201 .bx1 .txtbx ul li:last-child strong{color:#00907b;}
#sub070201 .bx1 .txtbx ul li:last-child p{color:#466267;}
#sub070201 .bx1 .txtbx ul li strong,
#sub070201 .bx1 .txtbx ul li p{display: block; text-align:center;}
#sub070201 .bx1 .txtbx ul li strong{line-height:20px; padding-bottom:8px; font-size:18px;}
#sub070201 .bx1 .txtbx ul li p{line-height:23px; margin:0; font-size:19px; font-weight:700;}

#sub070201 .bx1 .value{margin-top:20px; text-align:center;}
#sub070201 .bx1 .value .tt{display: block; line-height:26px; padding-bottom:6px; font-size:21px; text-align:center;}
#sub070201 .bx1 .value ul{overflow: hidden; display: inline-block; width:850px;}
#sub070201 .bx1 .value ul li{float:left; padding-right:4%; box-sizing:border-box;}
#sub070201 .bx1 .value ul li:last-child{padding-right:0;}
#sub070201 .bx1 .value ul li .li_wr{width:180px; height:180px; background-color:#fff; border:3px solid #ebebeb;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub070201 .bx1 .value ul li .li_wr strong{display: block; line-height:22px; padding-top:50px; padding-bottom:10px; font-size:19px;}
/*전략방향*/
#sub070201 .bx2{margin-top:20px;}
#sub070201 .bx2 .direct{
	width:100%; padding:6px; background-image: url(/images/kor/content/gradation.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; box-sizing:border-box;
	border-radius:70px;
	-webkit-border-radius:70px;
}
#sub070201 .bx2 .direct .line{
	width:100%; height:auto; border:1px solid rgba(255,255,255,0.3); box-sizing:border-box;
	border-radius:70px;
	-webkit-border-radius:70px;
}
#sub070201 .bx2 .direct .line strong{display: block; height:70px; line-height:70px; text-align:center; font-size:21px; color:#fff;}

#sub070201 .bx2 .list{width:100%;}
#sub070201 .bx2 .list ul{overflow: hidden;}
#sub070201 .bx2 .list ul li{float:left; display:block; width:25%; height:80px; margin-top:15px; box-sizing:border-box;}
#sub070201 .bx2 .list ul li:first-child{padding-right:10px;}
#sub070201 .bx2 .list ul li:nth-child(2),
#sub070201 .bx2 .list ul li:nth-child(3){padding:0 10px;}
#sub070201 .bx2 .list ul li:last-child{padding-left:10px;}
#sub070201 .bx2 .list ul li .cell{display:table; width:100%; height:100%; padding:0 30px; background-color:#e7edf1; border:2px solid #c8d7da; text-align:center; vertical-align:middle; box-sizing:border-box;}
#sub070201 .bx2 .list ul li .cell p{display:table-cell; line-height:20px; vertical-align:middle; text-align:center; font-size:16px; font-weight:700;}
/*전략목표+전략과제*/
#sub070201 .stg_lst ul{overflow: hidden;}
#sub070201 .stg_lst ul li{position:relative; float:left; width:25%; margin-top:20px; box-sizing:border-box;}
#sub070201 .stg_lst ul li:before{content:""; position:absolute; top:-20px; left:50%; width:2px; height:20px; margin-left:-1px; background-color:#ebebeb;}
#sub070201 .stg_lst > ul > li:first-child{padding-right:10px;}
#sub070201 .stg_lst > ul > li:nth-child(2),
#sub070201 .stg_lst > ul > li:nth-child(3){padding:0 10px;}
#sub070201 .stg_lst > ul > li:last-child{padding-left:10px;}
#sub070201 .stg_lst ul li .stgbx{position:relative; width:100%; min-height:185px; padding:50px 15px 5px; border:2px solid #ebebeb; text-align:center; box-sizing:border-box;}
#sub070201 .stg_lst ul li .stg_tt{position:absolute; top:-2px; left:0; width:100%; height:45px; padding:9px 0; background-color:#096aac; text-align:center; box-sizing:border-box;}
#sub070201 .stg_lst.objt ul li .stg_tt:before{content:""; display:block; position:absolute; left:-2px; top:0; width:2px; height:100%; background:#009884;}
#sub070201 .stg_lst.objt ul li .stg_tt:after{content:""; display:block; position:absolute; right:-2px; top:0; width:2px; height:100%; background:#009884;}
#sub070201 .stg_lst.task ul li .stg_tt:before{content:""; display:block; position:absolute; left:-2px; top:0; width:2px; height:100%; background:#096aac;}
#sub070201 .stg_lst.task ul li .stg_tt:after{content:""; display:block; position:absolute; right:-2px; top:0; width:2px; height:100%; background:#096aac;}


#sub070201 .stg_lst ul li .stg_tt strong{vertical-align:middle; font-size:17px; color:#fff;}
#sub070201 .stg_lst ul li .stg_tt em{
	display: inline-block; width:22px; height:22px; line-height:20px; margin-left:5px; background-color:#fff; text-align:center; vertical-align:middle; font-size:14px; font-style:normal; font-weight:700; color:#096bae;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub070201 .stg_lst ul li p{text-align:center;}
#sub070201 .stg_lst ul li ul li{float:none; width:100%; margin-top:0;}
#sub070201 .stg_lst ul li ul li:after{display: none;}
#sub070201 .stg_lst ul li ul li:before{display: none;}
#sub070201 .stg_lst ul li ul li img{display: inline-block; margin-top:-3px; padding:0 5px; vertical-align:middle;}
 /*전략목표*/
#sub070201 .stg_lst.objt{margin-top:10px;}
#sub070201 .stg_lst.objt:before{content:""; display: block; width:105px; height:45px; margin: 0 auto; background-image: url(/images/kor/content/2030_arrow.png); background-size:100%; background-repeat:no-repeat; background-position:center top;}
 #sub070201 .stg_lst.objt ul li:after{content:""; position:absolute; top:-20px; height:2px; background-color:#ebebeb;}
#sub070201 .stg_lst.objt ul li:first-child:after{left:50%; width:50%;}
#sub070201 .stg_lst.objt ul li:nth-child(2):after,
#sub070201 .stg_lst.objt ul li:nth-child(3):after{left:0; width:100%;}
#sub070201 .stg_lst.objt ul li:last-child:after{right:50%; width:50%;}
#sub070201 .stg_lst.objt ul li .stg_tt{background-color:#007c67;}
#sub070201 .stg_lst.objt ul li .stg_tt em{color:#009a84;}
#sub070201 .stg_lst.objt ul li ul li:first-child{margin-bottom:15px;}
/*전략과제*/
#sub070201 .stg_lst.task ul li .stgbx{padding:50px 15px 5px;}
#sub070201 .stg_lst.task ul li ul li{display:table; height:45px; border-bottom:1px solid #eee;}
#sub070201 .stg_lst.task ul li ul li:last-child{border-bottom:0;}
#sub070201 .stg_lst.task ul li ul li .cell{display:table-cell; width:100%; height:100%; line-height:19px; text-align:center; vertical-align:middle;}

@media screen and (max-width:1360px){
	#sub070201 .bx1 .value ul{width:820px;}
	#sub070201 .bx1 .value ul li{padding-right:3%;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	#sub070201 .bx1 .value ul{width:750px;}
	#sub070201 .bx1 .value ul li{padding-right:2%;}
	#sub070201 .bx1 .value ul li .li_wr{width:170px; height:170px;}
	#sub070201 .bx1 .value ul li .li_wr strong{padding-top:45px;}
}
@media screen and (max-width:1140px) and (min-width:1024px){
	#sub070201 .bx1 .value ul{width:665px;}
	#sub070201 .bx1 .value ul li{padding-right:20px;}
	#sub070201 .bx1 .value ul li .li_wr{width:145px; height:145px; border:2px solid #ebebeb;}
	#sub070201 .bx1 .value ul li .li_wr strong{line-height:20px; padding-top:35px; font-size:18px;}
	#sub070201 .bx1 .value ul li .li_wr img{width:65px;}

	#sub070201 .stg_lst > ul > li:first-child{padding-right:5px;}
	#sub070201 .stg_lst > ul > li:nth-child(2),
	#sub070201 .stg_lst > ul > li:nth-child(3){padding:0 5px;}
	#sub070201 .stg_lst > ul > li:last-child{padding-left:5px;}
	#sub070201 .stg_lst ul li .stgbx{padding:60px 10px 10px;}
	#sub070201 .stg_lst.task ul li .stgbx{min-height:210px; padding:55px 10px 5px;}
	#sub070201 .stg_lst.task ul li ul li{height:48px;}
}
@media screen and (max-width:940px){
	#sub070201 .bx1 .value ul{width:750px;}
	#sub070201 .bx1 .value ul li{padding-right:2%;}
	#sub070201 .bx1 .value ul li .li_wr{width:170px; height:170px;}
	#sub070201 .bx1 .value ul li .li_wr strong{padding-top:45px;}
}
@media screen and (max-width:840px){
	#sub070201 .bx1{background-size:260px;}
	#sub070201 .bx1 .txtbx ul li:first-child{margin-bottom:10px;}
	#sub070201 .bx1 .txtbx ul li p{line-height:21px; font-size:18px;}
	
	#sub070201 .bx1 .value{margin-top:25px;}
	#sub070201 .bx1 .value .tt{line-height:24px; font-size:19px;}
	#sub070201 .bx1 .value ul{width:665px;}
	#sub070201 .bx1 .value ul li{padding-right:20px;}
	#sub070201 .bx1 .value ul li .li_wr strong{line-height:20px; font-size:18px;}
	
	#sub070201 .bx2 .direct .line strong{font-size:20px;}
	
	#sub070201 .stg_lst > ul > li:first-child{padding-right:5px;}
	#sub070201 .stg_lst > ul > li:nth-child(2),
	#sub070201 .stg_lst > ul > li:nth-child(3){padding:0 5px;}
	#sub070201 .stg_lst > ul > li:last-child{padding-left:5px;}
	#sub070201 .stg_lst ul li .stgbx{padding:60px 10px 10px;}
	#sub070201 .stg_lst.task ul li .stgbx{min-height:210px; padding:55px 10px 5px;}
	#sub070201 .stg_lst.task ul li ul li{height:48px;}
}
@media screen and (max-width:840px) and (min-width:741px){
	#sub070201 .bx1 .value ul li .li_wr{width:145px; height:145px; border:2px solid #ebebeb;}
	#sub070201 .bx1 .value ul li .li_wr strong{padding-top:35px;}
	#sub070201 .bx1 .value ul li .li_wr img{width:65px;}
}
@media screen and (max-width:740px){
	#sub070201 .bx1{background-size:460px; background-position:center top 130px;}

	#sub070201 .bx1 .value ul{width:375px;}
	#sub070201 .bx1 .value ul li:nth-child(2),
	#sub070201 .bx1 .value ul li:last-child{padding-right:0;}
	#sub070201 .bx1 .value ul li:first-child,
	#sub070201 .bx1 .value ul li:nth-child(2){margin-bottom:20px;}

	#sub070201 .bx2 .direct{border-radius:14px;  -webkit-border-radius:14px;}
	#sub070201 .bx2 .direct .line{border-radius:10px;  -webkit-border-radius:10px;}
	#sub070201 .bx2 .list ul li{float:none; width:100%; height:auto; margin-top:8px;}
	#sub070201 .bx2 .list ul li:first-child{margin-top:12px; padding-right:0;}
	#sub070201 .bx2 .list ul li:nth-child(2),
	#sub070201 .bx2 .list ul li:nth-child(3){padding:0;}
	#sub070201 .bx2 .list ul li:last-child{padding-left:0;}
	#sub070201 .bx2 .list ul li .cell{padding:12px;}
	#sub070201 .bx2 .list ul li .cell p{font-size:15px;}
	#sub070201 .bx2 .list ul li .cell p .br{display:none;}

	#sub070201 .stg_lst ul li:before,
	#sub070201 .stg_lst.objt ul li:after{display: none;}
	#sub070201 .stg_lst ul li{float:none; width:100%; margin-top:15px; padding:0px !important;}
	#sub070201 .stg_lst > ul > li:first-child{margin-top:0;}
	#sub070201 .stg_lst ul li .stg_tt{height:auto; padding:8px 0;}
	#sub070201 .stg_lst ul li .stg_tt em{width:20px; height:20px; line-height:18px;}
	#sub070201 .stg_lst ul li p{margin-bottom:0;}
	#sub070201 .stg_lst ul li .stgbx{min-height:auto; padding:50px 10px 10px;}
	#sub070201 .stg_lst ul li .br{display:none;}
	#sub070201 .stg_lst.objt ul li ul li:first-child{margin-bottom:5px;}
	#sub070201 .stg_lst.task{margin-top:20px;}
	#sub070201 .stg_lst.task ul li .stgbx{min-height:auto; padding:40px 20px 0;}
	#sub070201 .stg_lst.task ul li ul li{height:auto; padding:10px 0 !important;}
	#sub070201 .stg_lst.task ul li ul li .cell{display:block;}
}
@media screen and (max-width:640px){
	#sub070201 .bx1{background-size:380px;}
	#sub070201 .bx1 .txtbx ul li{padding:20px; border-radius:10px; -webkit-border-radius:10px;}
	#sub070201 .bx1 .txtbx ul li:first-child{border:1px solid #d1d9df;}
	#sub070201 .bx1 .txtbx ul li:last-child{border:1px solid #c8d7da;}
	#sub070201 .bx1 .txtbx ul li strong{padding-bottom:5px; font-size:18px;}
	#sub070201 .bx1 .txtbx ul li p{line-height:19px; font-size:16px;}
	
	#sub070201 .bx1 .value{margin-top:20px;}
	#sub070201 .bx1 .value .tt{line-height:22px; font-size:17px;}
	#sub070201 .bx1 .value ul{width:320px;}
	#sub070201 .bx1 .value ul li .li_wr{width:145px; height:145px; border:2px solid #ebebeb;}
	#sub070201 .bx1 .value ul li .li_wr strong{line-height:18px; padding-top:35px; font-size:16px;}
	#sub070201 .bx1 .value ul li .li_wr img{width:60px;}

	#sub070201 .bx2 .direct .line strong{height:60px; line-height:60px; font-size:18px;}
	#sub070201 .bx2 .list ul li .cell{padding:15px; border:1px solid #c8d7da;}

	#sub070201 .stg_lst ul li{margin-top:10px;}
	#sub070201 .stg_lst ul li .stgbx{padding:57px 10px 12px; border:1px solid #ebebeb;}
	#sub070201 .stg_lst ul li .stg_tt{padding:10px 0;}
	#sub070201 .stg_lst ul li .stg_tt strong{font-size:16px;}
	#sub070201 .stg_lst.objt ul li ul li:first-child{margin-bottom:8px;}
	#sub070201 .stg_lst.task ul li .stgbx{padding:45px 15px 0;}
	#sub070201 .stg_lst.task ul li ul li{height:45px;}
}
@media screen and (max-width:480px){
	#sub070201 .bx1{background-size:290px; background-position:center top 220px;}
	#sub070201 .bx1 .value ul {width:280px;}
	#sub070201 .bx1 .value ul li{padding-right:10px;}
	#sub070201 .bx1 .value ul li:first-child,
	#sub070201 .bx1 .value ul li:nth-child(2){margin-bottom:10px;}
	#sub070201 .bx1 .value ul li .li_wr{width:130px; height:130px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 연혁
	연관단어 : sub070202

////////////////////////////////////////////////////////////////////////////// */ 
#sub070202 .title_bg .cell strong .w_txt,
#sub070202 .title_bg .cell strong span,
#sub070202 .history ol > li .blue,
#sub070202 .history .hty_bx strong{transition:font-size 0.3s ease; -webkit-transition:font-size 0.3s ease;}
#sub070202 .title_bg,
#sub070202 .history ol > li,
#sub070202 .history .hty_bx,
#sub070202 .history .hty_bx:after{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub070202 .title_bg{position:relative; display:table; width:100%; height:240px; margin-bottom:20px; padding:10px; background-image: url(/images/kor/content/history_bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; box-sizing:border-box;}
#sub070202 .title_bg .cell{display:table-cell; width:100%; height:100%; padding:0 20px; border:1px solid rgba(255,255,255,0.4); vertical-align:middle; text-align:center; box-sizing:border-box;}
#sub070202 .title_bg .cell strong{display:block;}
#sub070202 .title_bg .cell strong .w_txt{display: inline-block; line-height:40px; margin-right:15px; border-top:1px solid rgba(255,255,255,0.2); font-size:40px; font-weight:400; color:#f3f3f3;}
#sub070202 .title_bg .cell strong span{line-height:45px; font-size:45px; font-weight:400;}
#sub070202 .title_bg .cell strong span em{line-height:52px; font-style:normal; font-weight:800; font-size:52px;}

#sub070202 .history{position:relative;}
#sub070202 .history:before{content:""; position:absolute; top:0; left:95px; height:100%; border-left:1px dashed #dcdcdc;}
#sub070202 .history ol > li{position:relative; width:100%; margin-bottom:20px; padding-left:145px; box-sizing:border-box;}
#sub070202 .history ol > li .blue{position:absolute; top:19px; left:0; font-size:27px;}
#sub070202 .history .hty_bx{position:relative; width:100%; height:auto; padding:25px 30px; background-color:#f4f4f4; border:1px solid #e8e8e8; box-sizing:border-box;}
#sub070202 .history .hty_bx:before{content:""; position:absolute; top:36px; left:-50px; width:50px; height:1px; background-color:#e8e8e8;}
#sub070202 .history .hty_bx:after{content:""; position:absolute; top:23px; left:-65px; width:29px; height:29px; background-image: url(/images/kor/content/history_list_bul.png); background-repeat:no-repeat; background-position:left top;}
#sub070202 .history .hty_bx .date{position:relative; margin-top:5px;}
#sub070202 .history .hty_bx .date:first-child{margin-top:0;}
#sub070202 .history .hty_bx strong{position:absolute; top:0; left:0; line-height:19px; font-size:19px;}
#sub070202 .history .hty_bx ul{width:100%; padding-left:60px; box-sizing:border-box;}
#sub070202 .history .hty_bx ul li{color:#7b7b7b;}
#sub070202 .history .hty_bx ul li:after{background:#d2d2d2;}

@media screen and (max-width:840px){
	#sub070202 .title_bg{height:160px;}
	#sub070202 .title_bg .cell strong .w_txt{line-height:36px; margin-right:10px; font-size:33px;}
	#sub070202 .title_bg .cell strong span{line-height:40px; font-size:40px;}
	#sub070202 .title_bg .cell strong span em{line-height:47px; font-size:47px;}
}
@media screen and (max-width:640px){
	#sub070202 .title_bg{height:140px;}
	#sub070202 .title_bg .cell strong .w_txt{line-height:30px; margin-right:6px; font-size:26px;}
	#sub070202 .title_bg .cell strong span{line-height:34px; font-size:34px;}
	#sub070202 .title_bg .cell strong span em{line-height:38px; font-size:38px;}
	#sub070202 .history:before{left:80px;}
	#sub070202 .history ol > li{margin-bottom:10px; padding-left:115px;}
	#sub070202 .history ol > li .blue{top:13px; font-size:23px;}
	#sub070202 .history .hty_bx{padding:20px 25px;}
	#sub070202 .history .hty_bx:before{top:28px; left:-35px; width:35px;}
	#sub070202 .history .hty_bx:after{top:16px; left:-48px; width:25px; height:25px; background-size:100%;}
	#sub070202 .history .hty_bx .date{margin-top:2px;}
	#sub070202 .history .hty_bx strong{line-height:17px; font-size:17px;}
	#sub070202 .history .hty_bx ul{padding-left:55px;}
}
@media screen and (max-width:480px){
	#sub070202 .title_bg{height:110px;}
	#sub070202 .title_bg .cell strong .w_txt{line-height:24px; margin-right:6px; font-size:20px;}
	#sub070202 .title_bg .cell strong span{line-height:24px; font-size:24px;}
	#sub070202 .title_bg .cell strong span em{line-height:30px; font-size:30px;}
	#sub070202 .history:before{left:70px;}
	#sub070202 .history ol > li{padding-left:95px;}
	#sub070202 .history ol > li .blue{top:13px; font-size:21px;}
	#sub070202 .history .hty_bx{padding:20px;}
	#sub070202 .history .hty_bx:before{top:28px; left:-25px; width:25px;}
	#sub070202 .history .hty_bx:after{top:18px; left:-35px; width:20px; height:20px; background-size:100%;}
	#sub070202 .history .hty_bx .date{margin-top:2px;}
	#sub070202 .history .hty_bx strong{line-height:17px; font-size:17px;}
	#sub070202 .history .hty_bx ul{padding-left:55px;}
}
@media screen and (max-width:380px){
	#sub070202 .history .hty_bx{padding:15px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 경영목표
	연관단어 : sub070203

////////////////////////////////////////////////////////////////////////////// */
#sub070203 .bx1 ul li .tt,
#sub070203 .bx1 ul li .tt strong,
#sub070203 .bx1 ul li ul,
#sub070203 .bx1 ul li ul li,
#sub070203 .bx1 ul li ul li .li_wr,
#sub070203 .bx1 ul li ul li .li_wr img,
#sub070203 .bx2 ul li,
#sub070203 .bx2 ul li .stg,
#sub070203 .bx2 ul li .stg_2 p:before,
#sub070203 .bx3 .tt,
#sub070203 .bx3 ul li{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub070203 .cell{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}

#sub070203 .bx1{}
#sub070203 .bx1 ul li .tt{position:relative; width:235px; height:auto; margin:0 auto 87px auto; background: url(/images/kor/content/gradation.jpg) no-repeat center; background-size:cover;}
#sub070203 .bx1 ul li .tt:after{content:""; position:absolute; bottom:-42px; left:50%; display: block; width:2px; height:42px; background-color:#ebebeb;}
#sub070203 .bx1 ul li .tt strong{display:block; padding:20px 10px; font-size:21px; color:#fff; text-align:center; box-sizing:border-box;}
#sub070203 .bx1 ul li ul{width:1060px; margin:0 auto;}
#sub070203 .bx1 ul li ul:after{content:""; display: block; clear:both;}
#sub070203 .bx1 ul li ul li{position:relative; float:left; padding-right:20px; box-sizing:border-box;}
#sub070203 .bx1 ul li ul li:last-child{padding-right:0;}
#sub070203 .bx1 ul li ul li .li_wr{
	position:relative; display:table; width:250px; height:250px; border:3px solid #ebebeb; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub070203 .bx1 ul li ul li .li_wr:before{content:""; display: block; position:absolute; top:-45px; left:50%; width:2px; height:45px; background-color:#ebebeb;}
#sub070203 .bx1 ul li ul li .li_wr:after{content:""; display: block; position:absolute; top:-45px; left:0; width:120%; height:2px; background-color:#ebebeb;}
#sub070203 .bx1 ul li ul li:first-child .li_wr:after{left:50%; width:65%;}
#sub070203 .bx1 ul li ul li:last-child .li_wr:after{left:auto; right:50%; width:65%;}
#sub070203 .bx1 ul li ul li .li_wr .cell{padding:0 55px; box-sizing:border-box;}
#sub070203 .bx1 ul li ul li .li_wr p{line-height:20px; margin:0; padding-top:18px; font-size:18px; font-weight:700; text-align:center;}
#sub070203 .bx1 ul li ul li .li_wr img{width:58px;}

/*전략방향+전략목표*/
#sub070203 .bx2 ul{position:relative; padding-top:120px; background-image: url(/images/kor/content/goal_arrow.png); background-repeat:no-repeat; background-position:center top; box-sizing:border-box;}
#sub070203 .bx2 ul:before{content:"전략방향"; position:absolute; top:50px; left:50%; display: block; margin-left:-36px; text-align:center; font-size:18px; font-weight:700;}
#sub070203 .bx2 ul:after{content:""; display: block; clear:both;}
#sub070203 .bx2 ul li{float:left; width:25%; height:auto; box-sizing:border-box;}
#sub070203 .bx2 ul li:first-child{padding-right:10px;}
#sub070203 .bx2 ul li:nth-child(2),
#sub070203 .bx2 ul li:nth-child(3){padding:0 10px;}
#sub070203 .bx2 ul li:last-child{padding-left:10px;}
#sub070203 .bx2 ul li .stg{display:table; width:100%; height:120px; padding:10px; background-color:#00826d; table-layout:fixed; word-wrap:break-word; box-sizing:border-box;}
#sub070203 .bx2 ul li .stg .cell{padding:10px; border:1px solid rgba(255,255,255,0.3); box-sizing:border-box;}
#sub070203 .bx2 ul li .stg p{line-height:22px; margin:0; font-size:18px; font-weight:700; text-align:center; color:#fff;}
/*전략목표예외처리*/
#sub070203 .bx2 ul.sec{margin-top:20px;}
#sub070203 .bx2 ul.sec:before{content:"전략목표";}
#sub070203 .bx2 ul.sec li .stg{background-color:#096aac;}
#sub070203 .bx2 ul li .stg_2 p:before{content:""; display: block; width:21px; height:13px; margin:17px auto 14px auto; background-image: url(/images/kor/content/goal_arrow2.png); background-repeat:no-repeat; background-position:center;}
#sub070203 .bx2 ul li .stg_2 p{line-height:22px; margin:0; font-size:18px; font-weight:700; text-align:center;}

/*전략과제*/
#sub070203 .bx3{margin-top:30px;}
#sub070203 .bx3 .tt{display:table; width:100%; height:100px; margin-bottom:15px; padding:10px; background-color:#566b7d; box-sizing:border-box;}
#sub070203 .bx3 .tt .cell{border:1px solid rgba(255,255,255,0.4);}
#sub070203 .bx3 .tt strong{font-size:21px; color:#fff;}
#sub070203 .bx3 ul{overflow: hidden;}
#sub070203 .bx3 ul li{float:left; width:25%; height:100px; margin-bottom:10px; padding-right:20px; box-sizing:border-box;}
#sub070203 .bx3 ul li:nth-child(4n+4){padding-right:0;}
#sub070203 .bx3 ul li .li_wr{display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:100%; background-color:#e7edf1; border:2px solid #c8d7da; box-sizing:border-box;}
#sub070203 .bx3 ul li .li_wr .cell{padding:10px;}
#sub070203 .bx3 ul li .li_wr p{margin:0; text-align:center;}

@media screen and (max-width:1460px){
	#sub070203 .bx1 ul li .tt{width:200px; margin:0 auto 77px auto;}
	#sub070203 .bx1 ul li .tt:after{bottom:-40px; height:40px;}
	#sub070203 .bx1 ul li .tt strong{padding:18px 10px; font-size:19px;}
	#sub070203 .bx1 ul li ul{width:860px;}
	#sub070203 .bx1 ul li ul li .li_wr{width:200px; height:200px;}
	#sub070203 .bx1 ul li ul li .li_wr:before{top:-40px; height:40px;}
	#sub070203 .bx1 ul li ul li .li_wr:after{top:-40px;}
	#sub070203 .bx1 ul li ul li .li_wr .cell{padding:0 30px;}
	#sub070203 .bx1 ul li ul li .li_wr p{line-height:19px; padding-top:13px; font-size:17px;}

	#sub070203 .bx2 ul li .stg p,
	#sub070203 .bx2 ul li .stg_2 p,
	#sub070203 .bx2 ul:before{line-height:21px; font-size:17px;}
	#sub070203 .bx3 .tt strong{font-size:19px;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	#sub070203 .bx1 ul li .tt{width:170px; margin:0 auto 67px auto;}
	#sub070203 .bx1 ul li .tt:after{bottom:-35px; height:35px;}
	#sub070203 .bx1 ul li .tt strong{padding:15px 10px; font-size:18px;}
	#sub070203 .bx1 ul li ul{width:690px;}
	#sub070203 .bx1 ul li ul li{padding-right:10px;}
	#sub070203 .bx1 ul li ul li .li_wr{width:165px; height:165px; border:2px solid #ebebeb;}
	#sub070203 .bx1 ul li ul li .li_wr:before{top:-35px; height:35px;}
	#sub070203 .bx1 ul li ul li .li_wr:after{top:-35px;}
	#sub070203 .bx1 ul li ul li .li_wr .cell{padding:0 20px;}
	#sub070203 .bx1 ul li ul li .li_wr img{width:46px;}
	#sub070203 .bx1 ul li ul li .li_wr p{line-height:18px; padding-top:8px; font-size:15px;}

	#sub070203 .bx2 ul li .stg p,
	#sub070203 .bx2 ul li .stg_2 p,
	#sub070203 .bx2 ul:before{line-height:20px; font-size:16px;}
	#sub070203 .bx2 ul:before{top:40px; margin-left:-32px;}
	#sub070203 .bx2 ul{padding-top:100px; background-size:180px;}
	#sub070203 .bx2 ul li .stg{height:110px;}
	#sub070203 .bx2 ul li .stg_2 p:before{margin:13px auto 8px auto;}
}
@media screen and (max-width:940px){
	#sub070203 .bx1 ul li .tt{width:170px; margin:0 auto 67px auto;}
	#sub070203 .bx1 ul li .tt:after{bottom:-35px; height:35px;}
	#sub070203 .bx1 ul li .tt strong{padding:15px 10px; font-size:18px;}
	#sub070203 .bx1 ul li ul{width:690px;}
	#sub070203 .bx1 ul li ul li{padding-right:10px;}
	#sub070203 .bx1 ul li ul li .li_wr{width:165px; height:165px; border:2px solid #ebebeb;}
	#sub070203 .bx1 ul li ul li .li_wr:before{top:-35px; height:35px;}
	#sub070203 .bx1 ul li ul li .li_wr:after{top:-35px;}
	#sub070203 .bx1 ul li ul li .li_wr .cell{padding:0 20px;}
	#sub070203 .bx1 ul li ul li .li_wr img{width:46px;}
	#sub070203 .bx1 ul li ul li .li_wr p{line-height:18px; padding-top:8px; font-size:16px;}

	#sub070203 .bx2 ul li .stg p,
	#sub070203 .bx2 ul li .stg_2 p,
	#sub070203 .bx2 ul:before{line-height:18px; font-size:16px;}
	#sub070203 .bx2 ul:before{top:40px; margin-left:-32px;}
	#sub070203 .bx2 ul{padding-top:100px; background-size:180px;}
	#sub070203 .bx2 ul li .stg{height:110px;}
	#sub070203 .bx2 ul li .stg_2 p:before{margin:13px auto 8px auto;}
	
	#sub070203 .bx3 .tt{height:90px;}
	#sub070203 .bx3 .tt strong{font-size:18px;}
}
@media screen and (max-width:740px){
	#sub070203 .bx1{position:relative;}
	#sub070203 .bx1 ul li .tt{width:100%; margin:0 0 20px 0;}
	#sub070203 .bx1 ul li .tt:after{display: none;}
	#sub070203 .bx1 ul li ul{width:auto;}
	#sub070203 .bx1 ul li ul li{float:none; margin-bottom:10px; padding:0;}
	#sub070203 .bx1 ul li ul li:last-child{margin-bottom:0;}
	#sub070203 .bx1 ul li ul li .li_wr{width:100%; height:auto; background-color:#fff; border-radius:0;}
	#sub070203 .bx1 ul li ul li .li_wr:after,
	#sub070203 .bx1 ul li ul li .li_wr:before{display: none;}
	#sub070203 .bx1 ul li ul li .li_wr .cell{padding:15px;}
	
	#sub070203 .bx2 ul{margin-top:20px;}
	#sub070203 .bx2 ul li{width:100%; margin-bottom:10px; padding:0 !important;}
	#sub070203 .bx2 ul li:last-child{margin-bottom:0;}
	#sub070203 .bx2 ul li .stg{height:auto;}
	#sub070203 .bx2 ul li .stg p .br{display: none;}
	#sub070203 .bx2 ul li .stg .cell{padding:12px;}
	#sub070203 .bx2 ul li .stg_2 p:before{margin:10px auto 6px auto;}

	#sub070203 .bx3{margin-top:20px;}
	#sub070203 .bx3 ul li{padding-right:10px;}
}
@media screen and (max-width:640px){
	#sub070203 .bx3 ul li .li_wr p .br{display: none;}
}
@media screen and (max-width:480px){
	#sub070203 .bx1 ul li .tt{margin:0 0 13px 0;}
	#sub070203 .bx1 ul li .tt strong{padding:12px 10px; font-size:16px;}
	#sub070203 .bx1 ul li ul li .li_wr .cell{padding:12px;}
	#sub070203 .bx1 ul li ul li .li_wr p,
	#sub070203 .bx2 ul li .stg p,
	#sub070203 .bx2 ul li .stg_2 p,
	#sub070203 .bx2 ul:before{line-height:17px; font-size:15px;}

	#sub070203 .bx2 ul{margin-top:15px; padding-top:82px; background-size:150px;}
	#sub070203 .bx2 ul:before{top:35px;}
	#sub070203 .bx2 ul.sec{margin-top:15px;}

	#sub070203 .bx3{margin-top:15px;}
	#sub070203 .bx3 .tt strong{font-size:16px;}
	#sub070203 .bx3 ul li{width:33.33%;}
	#sub070203 .bx3 ul li:nth-child(4n+4){padding-right:10px;}
	#sub070203 .bx3 ul li:nth-child(3n+3){padding:0;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : CI/BI_CI
	연관단어 : sub070204

////////////////////////////////////////////////////////////////////////////// */
#sub070204 ul li,
#sub070204 ul li .ptbx,
#sub070204 img{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub070204 .blue,
#sub070204 .green{font-weight:700;}
/*모눈*/
#sub070204 .bx1 .ptbx{background:#fff url(/images/kor/content/cibi_pattern.png) repeat left top;}
/*기본형(대표)*/
#sub070204 .bx1{overflow: hidden;}
#sub070204 .bx1 .photos{float:left; width:43%; padding-right:20px; box-sizing:border-box;}
#sub070204 .bx1 .txts{float:left; width:57%;}
/*흰박스공통*/
#sub070204 .imgtt{display: block; padding-bottom:5px;}
#sub070204 .ptbx{display: table; width:100%; height:auto; background:#fff; border:1px solid #d3d3d3; box-sizing:border-box;}
#sub070204 .ptbx .cell{display:table-cell; width:100%; height:100%; padding:0 10px; text-align:center; vertical-align:middle;}
/*4개짜리*/
#sub070204 ul.lst_4bx{overflow: hidden; padding:35px 3% 45px; border:1px solid #d3d3d3; box-sizing:border-box;}
#sub070204 ul.lst_4bx li{float:left; width:25%; padding:0 10px; text-align:center; box-sizing:border-box;}
#sub070204 ul.lst_4bx li .li_wr{display: inline-block;}
#sub070204 ul.lst_4bx li .li_wr strong{display: block; text-align:left;}
#sub070204 ul.lst_4bx li .li_wr img{width:100%;}
/*통이미지*/
#sub070204 .cibi_img{width:100%; padding:70px 5%; border:1px solid #d3d3d3; box-sizing:border-box;}
#sub070204 .cibi_img img{display: block; width:100%; margin:0 auto;}

@media screen and (max-width:840px){
	#sub070204 ul.lst_4bx{padding:25px 3% 35px;}
	#sub070204 .imgtt{padding-bottom:3px;}
	#sub070204 .cibi_img{padding:40px 5%;}
}
@media screen and (max-width:640px){
	#sub070204 .bx1 .photos{float:none; width:100%; padding-right:0; padding-bottom:15px;}
	#sub070204 .bx1 .txts{float:none; width:100%;}

	#sub070204 ul.lst_4bx li{width:50%;}
	#sub070204 ul.lst_4bx li:nth-child(3),
	#sub070204 ul.lst_4bx li:nth-child(4){margin-top:10px;}
	#sub070204 .cibi_img{padding:30px 5%;}
}

/******tab01******/
#sub070204 #tab01 .bx1 .photos .ptbx{height:185px;}
#sub070204 #tab01 .bx1 .photos .ptbx img:first-child{padding-right:8%;}

#sub070204 ul.lst_4bx li .li_wr{max-width:140px;}

#sub070204 #tab01 .bx3.cibi_img img{max-width:585px;}
#sub070204 #tab01 .bx4.cibi_img img{max-width:592px;}

@media screen and (max-width:1300px) and (min-width:1024px){
	#sub070204 #tab01 .bx1 .photos .ptbx img:first-child{max-width:150px; padding-right:2%;}
	#sub070204 #tab01 .bx1 .photos .ptbx img:last-child{max-width:78px;}
}
@media screen and (max-width:940px){
	#sub070204 #tab01 .bx1 .photos .ptbx img:first-child{max-width:150px; padding-right:2%;}
	#sub070204 #tab01 .bx1 .photos .ptbx img:last-child{max-width:78px;}
}
@media screen and (max-width:740px) and (min-width:640px){
	#sub070204 #tab01 .bx1 .photos .ptbx img:first-child{max-width:135px;}
	#sub070204 #tab01 .bx1 .photos .ptbx img:last-child{max-width:70px;}
}
@media screen and (max-width:640px){
	#sub070204 #tab01 .bx1 .photos .ptbx{height:143px;}
}

/******tab02******/
#sub070204 #tab02 .bx1 .photos .ptbx{height:185px;}
#sub070204 #tab02 .bx1 .photos .ptbx img:first-child{max-width:193px; padding-right:12%;}

#sub070204 ul.lst_4bx.bx2 li .li_wr{max-width:145px;}
#sub070204 ul.lst_4bx.bx3 li .li_wr{max-width:181px;}

#sub070204 #tab02 .bx4.cibi_img img{max-width:403px;}
#sub070204 #tab02 .bx5.cibi_img img{max-width:523px;}

@media screen and (max-width:1240px) and (min-width:1024px){
	#sub070204 #tab02 .bx1 .photos .ptbx img:first-child{max-width:166px; padding-right:3%;}
	#sub070204 #tab02 .bx1 .photos .ptbx img:last-child{max-width:35px;}
}
@media screen and (max-width:840px){
	#sub070204 #tab02 .bx1 .photos .ptbx img:first-child{max-width:166px; padding-right:3%;}
	#sub070204 #tab02 .bx1 .photos .ptbx img:last-child{max-width:35px;}
}
@media screen and (max-width:740px){
	#sub070204 #tab02 .bx1 .photos .ptbx{height:143px;}
	#sub070204 #tab02 .bx1 .ptbx img:first-child{padding-right:60px;}
}
@media screen and (max-width:540px){
	#sub070204 #tab02 .bx1 .ptbx img:first-child{width:200px; padding-right:20px;}
}
@media screen and (max-width:380px){
	#sub070204 #tab02 .bx1 .ptbx img:first-child{width:165px; padding-right:15px;}
	#sub070204 #tab02 .bx1 .ptbx img:last-child{width:80px;}
}

/******tab03******/
#sub070204 #tab03 .bx ul{overflow: hidden;}
#sub070204 #tab03 .bx ul li{float:left; width:50%; box-sizing:border-box;}
#sub070204 #tab03 .bx ul li:first-child{padding-right:15px;}
#sub070204 #tab03 .bx ul li:last-child{padding-left:15px;}
#sub070204 #tab03 .bx ul li .ptbx{height:220px;}
#sub070204 #tab03 .bx ul li:first-child .ptbx img{width:366px;}
#sub070204 #tab03 .bx ul li:last-child .ptbx img{width:400px;}

@media screen and (max-width:1280px) and (min-width:1024px){
	#sub070204 #tab03 .bx ul li .ptbx img{width:280px !important;}
}
@media screen and (max-width:1023px){
	#sub070204 #tab03 .bx ul li:first-child{padding-right:10px;}
	#sub070204 #tab03 .bx ul li:last-child{padding-left:10px;}
}
@media screen and (max-width:940px){
	#sub070204 #tab03 .bx ul li .ptbx{height:185px;}
	#sub070204 #tab03 .bx ul li .ptbx img{width:280px !important;}
}
@media screen and (max-width:740px){
	#sub070204 #tab03 .bx ul li .ptbx{height:160px;}
	#sub070204 #tab03 .bx ul li .ptbx img{width:200px !important;}
}
@media screen and (max-width:540px){
	#sub070204 #tab03 .bx ul li{float: none; width:100%; padding:0 !important;}
	#sub070204 #tab03 .bx ul li:first-child{margin-bottom:10px;}
	#sub070204 #tab03 .bx ul li .ptbx{height:130px;}
}

/******tab04******/
#sub070204 #tab04 .bx1 .photos .ptbx{height:240px;}
#sub070204 #tab04 .bx1 .photos .ptbx img{max-width:140px;}

#sub070204 #tab04 .crt_list ul{overflow: hidden;}
#sub070204 #tab04 .crt_list ul li{float:left; width:33.33%; margin-top:20px; box-sizing:border-box;}
#sub070204 #tab04 .crt_list ul li:first-child,
#sub070204 #tab04 .crt_list ul li:nth-child(2),
#sub070204 #tab04 .crt_list ul li:nth-child(3){margin-top:0;}
#sub070204 #tab04 .crt_list ul li:nth-child(3n+1){padding-right:15px;}
#sub070204 #tab04 .crt_list ul li:nth-child(3n+2){padding:0 15px;}
#sub070204 #tab04 .crt_list ul li:nth-child(3n+3){padding-left:15px;}
#sub070204 #tab04 .crt_list ul li .ptbx{height:230px;}

@media screen and (max-width:1340px){
	#sub070204 ul.lst_3bx li:nth-child(3n+1){padding-right:10px;}
	#sub070204 ul.lst_3bx li:nth-child(3n+2){padding:0 10px;}
	#sub070204 ul.lst_3bx li:nth-child(3n+3){padding-left:10px;}
}
@media screen and (max-width:740px){
	#sub070204 #tab04 .bx1 .photos .ptbx{height:220px;}
	#sub070204 #tab04 .bx1 .photos .ptbx img{max-width:130px;}
	
	#sub070204 #tab04 .crt_list ul li{float:left; width:50%; box-sizing:border-box;}
	#sub070204 #tab04 .crt_list ul li:nth-child(3){margin-top:20px !important;}
	#sub070204 #tab04 .crt_list ul li:nth-child(odd){padding:0 10px 0 0;}
	#sub070204 #tab04 .crt_list ul li:nth-child(even){padding:0 0 0 10px;}
	#sub070204 #tab04 .crt_list ul li .ptbx{height:185px;}
	#sub070204 #tab04 .crt_list ul li .ptbx img{height:140px;}
}
@media screen and (max-width:640px){
	#sub070204 #tab04 .bx1 .photos .ptbx{height:190px;}
	#sub070204 #tab04 .bx1 .photos .ptbx img{max-width:120px;}
}
@media screen and (max-width:540px){
	#sub070204 #tab04 .crt_list ul li{float:left; width:100%; margin-top:10px !important; padding:0 !important; box-sizing:border-box;}
	#sub070204 #tab04 .crt_list ul li:nth-child(2),
	#sub070204 #tab04 .crt_list ul li:nth-child(3){margin-top:10px !important;}
	#sub070204 #tab04 .crt_list ul li .ptbx{height:160px;}
	#sub070204 #tab04 .crt_list ul li .ptbx img{height:120px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : LX공공혁신
	연관단어 : sub070301

////////////////////////////////////////////////////////////////////////////// */
#sub070301 .bx1 .txtbx,
#sub070301 .bx1 .txtbx .line,
#sub070301 .bx1 .bx_lst ul li,
#sub070301 .bx1 .bx_lst ul li .tt,
#sub070301 .bx2 ul li,
#sub070301 .bx2 ul li .li_wr,
#sub070301 .bx2 ul li .li_wr ol,
#sub070301 .bx2 .txtbx strong{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub070301 .line{width:100%; height:100%; border:1px solid rgba(255,255,255,0.4); box-sizing:border-box;}

#sub070301 .bx1{padding-top:30px; background:url(/images/kor/content/public_arrow.png) no-repeat center top; box-sizing:border-box;}
#sub070301 .bx1 .txtbx{
	width:100%; height:auto; padding:8px; background:url(/images/kor/content/gradation.jpg) no-repeat left top; background-size:cover; box-sizing:border-box;
	border-radius:50px;
	-webkit-border-radius:50px; 
}
#sub070301 .bx1 .txtbx .line{
	padding:15px 20px;
	border-radius:50px; 
	-webkit-border-radius:50px;
}
#sub070301 .bx1 .txtbx span{display: block; font-size:17px; color:#fff; text-align:center; font-weight:700;}
#sub070301 .bx1 .txtbx strong{display: block; line-height:22px; padding-top:10px; font-size:22px; text-align:center;}

#sub070301 .bx1 .bx_lst .titles{position:relative; width:100%; height:25px; margin-top:22px; margin-bottom:14px; text-align:center;}
#sub070301 .bx1 .bx_lst .titles:before,
#sub070301 .bx1 .bx_lst .titles:after{content:""; position:absolute; top:0; left:0; display: block; width:2px; height:100%; background-color:#b5d3e7;}
#sub070301 .bx1 .bx_lst .titles:after{left:auto; right:0;}
#sub070301 .bx1 .bx_lst .titles strong{display:inline-block; width:20%; line-height:25px; font-size:18px; color:#07469b;}
#sub070301 .bx1 .bx_lst .titles .line{overflow: hidden; display: inline-block; width:40%; height:2px; background-color:#b5d3e7; text-indent:-2000px;}
#sub070301 .bx1 .bx_lst .titles strong,
#sub070301 .bx1 .bx_lst .titles .line{vertical-align:middle;}
#sub070301 .bx1 .bx_lst ul{overflow: hidden;}
#sub070301 .bx1 .bx_lst ul li{float:left; width:25%; padding-right:5px; box-sizing:border-box;}
#sub070301 .bx1 .bx_lst ul li:last-child{padding-right:0;}
#sub070301 .bx1 .bx_lst ul li .tt{width:100%; padding:15px; background-color:#708698; box-sizing:border-box;}
#sub070301 .bx1 .bx_lst ul li .tt strong{display: block; text-align:center; font-size:16px; color:#fff;}
#sub070301 .bx1 .bx_lst ul li ol{width:100%; min-height:132px; margin:2px 0 0 0; padding:20px; background-color:#f5f7f8; box-sizing:border-box;}
#sub070301 .bx1 .bx_lst ul li ol li{float: none; width:100%; padding-right:0;}
#sub070301 .bx1 .bx_lst ul li ol li em{background-color:#d9dfe2; color:#5e5e5e;}

#sub070301 .bx2{margin-top:30px;}
#sub070301 .bx2 .txtbx{width:100%; height:auto; padding:5px; background-color:#7c88a3; box-sizing:border-box;}
#sub070301 .bx2 .txtbx strong{display: block; padding:10px; font-size:18px; text-align:center; color:#fff; box-sizing:border-box;}
#sub070301 .bx2 ul{overflow: hidden;}
#sub070301 .bx2 ul li{float:left; width:50%; margin-top:3px; padding-right:5px; box-sizing:border-box;}
#sub070301 .bx2 ul li:nth-child(even){padding-right:0;}
#sub070301 .bx2 ul li .li_wr{position:relative; width:100%; height:100%; padding:30px 30px 30px 114px; background-color:#f5f6f8; box-sizing:border-box;}
#sub070301 .bx2 ul li .li_wr img{position:absolute; top:35px; left:30px;}
#sub070301 .bx2 ul li .li_wr ol{min-height:70px; margin:0;}
#sub070301 .bx2 ul li .li_wr ol li{float:none; width:100%; margin-top:0; padding:0 0 0 30px;}
#sub070301 .bx2 ul li .li_wr ol li em{width:auto;}

@media screen and (max-width:1440px){
	#sub070301 .bx2 ul li .li_wr{padding:25px 25px 25px 104px;}
	#sub070301 .bx2 ul li .li_wr img{left:25px;}
	#sub070301 .bx2 ul li .li_wr ol{min-height:135px;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	#sub070301 .bx1 .bx_lst .titles .line{width:38%;}
	#sub070301 .bx1 .bx_lst .titles strong{width:24%;}
	#sub070301 .bx1 .bx_lst ul li ol{min-height:155px;}
	#sub070301 .bx2 ul li .li_wr{padding:20px 20px 20px 94px;}
	#sub070301 .bx2 ul li .li_wr img{left:20px;}
}
@media screen and (max-width:940px){
	#sub070301 .bx1 .bx_lst .titles .line{width:38%;}
	#sub070301 .bx1 .bx_lst .titles strong{width:24%;}
	#sub070301 .bx1 .bx_lst ul li ol{min-height:155px;}
}
@media screen and (max-width:840px){
	#sub070301 .bx1 .bx_lst .titles .line{width:38%;}
	#sub070301 .bx1 .bx_lst .titles strong{width:24%;}
}
@media screen and (max-width:740px){
	#sub070301 .bx1 .bx_lst .titles:before,
	#sub070301 .bx1 .bx_lst .titles:after,
	#sub070301 .bx1 .bx_lst .titles .line{display: none;}
	#sub070301 .bx1 .bx_lst .titles strong{width:auto;}

	#sub070301 .bx1 .bx_lst ul li{float: none; width:100%; margin-bottom:10px; padding-right:0;}
	#sub070301 .bx1 .bx_lst ul li:last-child{margin-bottom:0;}
	#sub070301 .bx1 .bx_lst ul li .tt{padding:10px;}
	#sub070301 .bx1 .bx_lst ul li ol{min-height:auto;}
	#sub070301 .bx1 .bx_lst ul li ol li{margin-bottom:0;}
	
	#sub070301 .bx2{margin-top:25px;}
	#sub070301 .bx2 ul li{float:none; width:100%; padding-right:0;}
	#sub070301 .bx2 ul li .li_wr{padding:20px 20px 20px 94px;}
	#sub070301 .bx2 ul li .li_wr img{top:25px;}
	#sub070301 .bx2 ul li .li_wr ol{min-height:auto;}
	#sub070301 .bx2 .txtbx strong{padding:7px;}
}
@media screen and (max-width:640px){
	#sub070301 .bx1 .txtbx span{font-size:16px;}
	#sub070301 .bx1 .txtbx strong{padding-top:6px; font-size:20px;}
	#sub070301 .bx1 .bx_lst ul li .tt strong{font-size:15px;}
	#sub070301 .bx1 .bx_lst .titles{margin-top:15px; margin-bottom:8px;}
	#sub070301 .bx1 .bx_lst .titles strong,
	#sub070301 .bx2 .txtbx strong{font-size:17px;}
}
@media screen and (max-width:540px){
	#sub070301 .bx1 .txtbx{border-radius:15px; -webkit-border-radius:15px;}
	#sub070301 .bx1 .txtbx .line{border-radius:10px; -webkit-border-radius:10px;}
}
@media screen and (max-width:480px){
	#sub070301 .bx1 .txtbx .line{padding:10px 15px;}
	#sub070301 .bx1 .txtbx span{font-size:15px;}
	#sub070301 .bx1 .txtbx strong{padding-top:2px; font-size:18px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 조직도
	연관단어 : sub070401

////////////////////////////////////////////////////////////////////////////// */
#sub070401 ul.or_left,
#sub070401 ul.or_right,
#sub070401 ul li .ceo,
#sub070401 ul li .vice,
#sub070401 .bonbu,
#sub070401 .organ2,
#sub070401 .edubx li,
#sub070401 ul.or_right .linebx,
#sub070401 ul.or_right .linebx:before{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub070401 a:hover{text-decoration:none;}
#sub070401 .cell{display:table-cell; width:100%; height:100%; padding:6px; vertical-align:middle; text-align:center; }

/*감사*/
#sub070401 ul.or_right{float:left; width:20%; padding-left:3%; box-sizing:border-box;}
#sub070401 ul.or_right .bonbu{background-color:#096aac;}
#sub070401 ul.or_right .bonbu:before{display: none;}
#sub070401 ul.or_right .bonbu strong{font-size:20px;}
#sub070401 ul.or_right li{float:none; width:100%;}
/*메인조직도*/
#sub070401 .organ{overflow: hidden;}
#sub070401 ul.or_left{float:left; width:80%; padding-right:3%; box-sizing:border-box;}
/*사장,부사장*/
#sub070401 ul li .ceo{background-color:#096aac;}
#sub070401 ul li .vice{ position: relative;}
#sub070401 ul li .vice>div{background-color:#007c67; color: #fff;}
#sub070401 ul li .ceo{display:table;position:relative;width: 182px;height:60px;margin:0 auto 25px auto;padding:5px;box-sizing:border-box;}
#sub070401 ul li .vice>div{display:table;position:relative;width: 182px;height:60px;margin:0 auto 25px auto;padding:5px;box-sizing:border-box;}
#sub070401 ul li .ceo:after,
#sub070401 ul li .vice:after{content:"";position:absolute;bottom: -26px;left:50%;width:2px;height: 113px;margin-left:-1px;background-color:#e0e0e0;z-index: -1;}
#sub070401 ul li .ceo .cell,
#sub070401 ul li .vice .cell{border:1px solid rgba(255,255,255,0.3);}
#sub070401 ul li .ceo strong{font-size:20px; color:#fff;}
#sub070401 ul li .vice .cell strong{font-size:20px; color:#fff;}

#sub070401 ul li .vice .skybx{position: absolute;width: 290px;right: 0;top: 0;display: flex;height: 100%;/*justify-content: flex-end;*/ }
#sub070401 ul li .vice .skybx li{ width:38%; margin: 0 2px;}
#sub070401 ul li .vice .linebx { margin-top: 0;}
#sub070401 ul li .vice .linebx strong{ font-size: 15px;}
#sub070401 ul li .vice .linebx:before{ width: 100px; height: 2px; top: 50%; margin-left: -100px; z-index: -1;}

@media screen and (max-width:1430px) {
	#sub070401 ul li .vice .skybx{position: relative;width: auto;left: 50%;margin-left: 42px;justify-content: flex-start; }
	#sub070401 ul li .vice .skybx li{ width: 109px;}
}


/*4개리스트*/
#sub070401 .or_lst{margin-top:50px;}
#sub070401 .or_lst:after{content:""; display:block; clear:both;}
#sub070401 .or_lst > li{position:relative; float:left; width:25%; box-sizing:border-box;}
#sub070401 .or_lst > li:first-child{padding-right:10px;}
#sub070401 .or_lst > li:nth-child(2),
#sub070401 .or_lst > li:nth-child(3){padding:0 10px;}
#sub070401 .or_lst > li:last-child{padding-left:10px;}
#sub070401 .or_lst li:after{content:""; position:absolute; top:-25px; height:2px; background-color:#e0e0e0;}
#sub070401 .or_lst > li:first-child:after{left:50%; width:70%; margin-left:-6px;}
#sub070401 .or_lst > li:nth-child(2):after,
#sub070401 .or_lst > li:nth-child(3):after{left:0; width:100%;}
#sub070401 .or_lst > li:last-child:after{right:50%; width:70%; margin-right:-6px;}
/*본부*/
#sub070401 .bonbu{display:table; position:relative; table-layout:fixed; word-wrap:break-word; width:100%; height:60px; margin-bottom:15px; padding:5px; background-color:#657089; box-sizing:border-box;}
#sub070401 .bonbu:before{content:""; position:absolute; top:-25px; left:50%; width:2px; height:25px; margin-left:-1px; background-color:#e0e0e0;}
#sub070401 .bonbu:after{content:""; position:absolute; bottom:-15px; left:50%; width:2px; height:15px; margin-left:-1px; background-color:#e0e0e0;}
#sub070401 .bonbu .cell{border:1px solid rgba(255,255,255,0.3);}
#sub070401 .bonbu strong{font-size:17px; color:#fff;}
/*파란라인박스*/
#sub070401 ul li ul li ul li{float:none; width:100%;}
#sub070401 .linebx{display:table; position:relative; table-layout:fixed; word-wrap:break-word; width:100%; height:60px; margin-top:7px;}
#sub070401 .linebx:before{content:""; position:absolute; top:-7px; left:50%; width:2px; height:7px; margin-left:-1px; background-color:#e0e0e0;}
#sub070401 .linebx strong{border:3px solid #4c5c7f; box-sizing:border-box;}
#sub070401 .linebx.no{margin-top:15px;}
#sub070401 .linebx.no:before{display:none;}
#sub070401 ul.or_right .linebx{margin-top:212px;}
#sub070401 ul.or_right .linebx:before{top:-212px; height:212px;}
#sub070401 .linebx strong{display:table-cell; width:100%; height:100%; line-height:18px; padding:6px; vertical-align:middle; text-align:center; font-size:16px; color:#4c5c7f;}
/*하늘색박스*/
#sub070401 ul.skybx li{display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:50px; margin-bottom:1px; background-color:#e4e9f0; box-sizing:border-box;}
#sub070401 ul.skybx li strong{font-weight:400;}
#sub070401 ul.skybx li.gisa{background-color:#4c5c7f;}
#sub070401 ul.skybx li.gisa strong{font-size:16px; font-weight:700; color:#fff;}
/*파란색박스*/
#sub070401 .organ2{margin-top:130px;}
#sub070401 .edubx{overflow: hidden;}
#sub070401 .edubx li{float:left; width:20%; padding-right:40px;}
#sub070401 .bluebx{display: table; width:100%; height:60px; background-color:#4c5c7f;}
#sub070401 .bluebx strong{font-size:16px; color:#fff;}
#sub070401 .skybx li{float:none; padding-right:0 !important;}




/*@media screen and (max-width:1240px) and (min-width:1024px){
	#sub070401 ul.or_left{padding-right:2%;}
	#sub070401 ul.or_right{padding-left:2%;}
	#sub070401 ul.or_right .bonbu{height:52px;}
	#sub070401 ul.or_right .linebx{margin-top:188px;}
	#sub070401 ul.or_right .linebx:before{top:-188px; height:188px;}
	#sub070401 ul.or_right .bonbu strong{font-size:18px;}

	#sub070401 ul li .ceo,
	#sub070401 ul li .vice{width:170px; height:52px; margin:0 auto 20px auto;}
	#sub070401 ul li .ceo:after,
	#sub070401 ul li .vice:after{bottom:-20px; height:20px;}
	#sub070401 ul li .ceo strong,
	#sub070401 ul li .vice strong{font-size:18px;}

	#sub070401 .or_lst{margin-top:40px;}
	#sub070401 .or_lst li:after{top:-20px;}
	#sub070401 .or_lst > li:first-child{padding-right:6px;}
	#sub070401 .or_lst > li:nth-child(2),
	#sub070401 .or_lst > li:nth-child(3){padding:0 6px;}
	#sub070401 .or_lst > li:last-child{padding-left:6px;}
	#sub070401 .or_lst > li:first-child:after{margin-left:-3px;}
	#sub070401 .or_lst > li:last-child:after{margin-right:-3px;}
	
	#sub070401 .bonbu:before{top:-20px; height:20px;}
	#sub070401 .bonbu strong{font-size:16px;}
	#sub070401 .linebx strong{font-size:15px;}

	#sub070401 .organ2{margin-top:100px;}
	#sub070401 .edubx li{padding-right:20px;}
}*/
@media screen and (max-width:840px){
	/*#sub070401 ul.or_left{padding-right:10px;}

	#sub070401 ul li .ceo,
	#sub070401 ul li .vice{width:170px; height:52px; margin:0 auto 20px auto;}
	#sub070401 ul li .vice{margin:0 auto;}
	#sub070401 ul li .ceo:after,
	#sub070401 ul li .vice:after{bottom:-20px; height:20px;}
	#sub070401 ul li .ceo strong,
	#sub070401 ul li .vice strong{font-size:18px;}

	#sub070401 .or_lst{margin-top:40px;}
	#sub070401 .or_lst li:after{top:-20px;}
	#sub070401 .or_lst > li:first-child{padding-right:6px;}
	#sub070401 .or_lst > li:nth-child(2),
	#sub070401 .or_lst > li:nth-child(3){padding:0 6px;}
	#sub070401 .or_lst > li:last-child{padding-left:6px;}
	#sub070401 .or_lst > li:first-child:after{margin-left:-3px;}
	#sub070401 .or_lst > li:last-child:after{margin-right:-3px;}*/
	
	#sub070401 .bonbu:before{top:-20px; height:20px;}
	#sub070401 .bonbu strong{font-size:16px;}
	#sub070401 .linebx strong{font-size:15px;}
	
	#sub070401 ul.or_right{padding-left:10px;}
	#sub070401 ul.or_right .bonbu{height:52px;}
	#sub070401 ul.or_right .bonbu strong{font-size:18px;}
	#sub070401 ul.or_right .linebx{margin-top:188px;}
	#sub070401 ul.or_right .linebx:before{top:-188px; height:188px;}

	#sub070401 .organ2{margin-top:100px;}
	#sub070401 .edubx li{padding-right:20px;}
	#sub070401 .bluebx strong,
	#sub070401 ul.skybx li.gisa strong{font-size:15px;}
}
@media screen and (max-width:740px){
	#sub070401 .organ{padding:0 20%;}
	#sub070401 ul.or_left,
	#sub070401 ul.or_right,
	#sub070401 ul li .ceo,
	#sub070401 ul li .vice,
	#sub070401 .or_lst li{width:100%;}
	#sub070401 ul li .ceo:after,
	#sub070401 ul li .vice:after,
	#sub070401 .or_lst li:after,
	#sub070401 .linebx:before{display: none;}

	#sub070401 ul li .vice .skybx{ left: 0; margin-left:50px; flex-wrap: wrap; }
	#sub070401 ul li .vice .skybx li{ width: 100%; margin-top: 5px; }
	#sub070401 ul li .vice .linebx:before{top:50%; left:-20px; width:20px; height:2px; margin-top:-1px; margin-left:0; content: ""; display: block;}
	
	#sub070401 ul li .ceo,
	#sub070401 ul li .vice>div{height:55px; width: 100%;}
	#sub070401 .bonbu{height:50px;}
	#sub070401 .linebx,
	#sub070401 ul.skybx li{height:45px;}
	
	#sub070401 ul.or_left{position:relative; padding-right:0;}
	#sub070401 ul.or_left:before{content:""; position:absolute; top:0; left:30px; width:2px; height:100%; background-color:#e0e0e0;}
	#sub070401 .or_lst{padding-left:50px; box-sizing:border-box; margin-top: 10px;}
	#sub070401 .or_lst > li{margin-top:20px; padding:0 !important;}
	#sub070401 .bonbu{margin-bottom:12px;}
	#sub070401 .bonbu:before{top:50%; left:-20px; width:20px; height:2px; margin-top:-1px; margin-left:0;}
	#sub070401 .bonbu:after{bottom:-12px; height:12px;}
	
	#sub070401 ul.or_right{margin-top:25px; padding-left:0;}
	#sub070401 ul.or_right .linebx{margin-top:0;}

	#sub070401 .organ2{margin-top:60px;}
	#sub070401 .edubx li{width:33.33%; box-sizing:border-box;}
	#sub070401 .edubx li:last-child{padding-right:0;}
	#sub070401 .bluebx{height:45px;}
}
@media screen and (max-width:640px){
	#sub070401 ul.or_right{top:140px;}
	#sub070401 ul li .ceo strong,
	#sub070401 ul li .vice strong{font-size:17px;}
	#sub070401 .bonbu strong{font-size:15px;}
	#sub070401 .linebx strong{font-size:14px;}
	#sub070401 .bluebx strong,
	#sub070401 ul.skybx li.gisa strong{font-size:14px;}
	
	#sub070401 ul.or_right .bonbu strong{font-size:17px;}
}
@media screen and (max-width:480px){
	#sub070401 .organ{padding:0 12%;}
	#sub070401 .organ .or_left:before{left:20px;}
	#sub070401 .or_lst{padding-left:40px;}
	#sub070401 ul li .ceo,
	#sub070401 ul li .vice>div{height:50px;}
	#sub070401 .bonbu{height:45px;}
	#sub070401 .linebx,
	#sub070401 ul.skybx li{height:40px;}
	#sub070401 ul li .vice .skybx { margin-left: 40px;}


	#sub070401 .organ2{margin-top:40px;}
	#sub070401 .edubx li{width:100%; margin-bottom:10px; padding-right:0;}
	#sub070401 .bluebx{height:45px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 임원소개
	연관단어 : sub070402

////////////////////////////////////////////////////////////////////////////// */
#sub070402 > ul > li,
#sub070402 ul li .li_wr,
#sub070402 ul li .li_wr img{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub070402 > ul{overflow: hidden; display:flex; flex-wrap:wrap;}
#sub070402 > ul > li{float:left; width:50%; height:auto; margin-top:15px; box-sizing:border-box;}
#sub070402 > ul > li:first-child,
#sub070402 > ul > li:nth-child(2){margin-top:0;}
#sub070402 > ul > li:nth-child(2n+1){padding-right:10px;}
#sub070402 > ul > li:nth-child(2n){padding-left:10px;}
#sub070402 ul li .li_wr{position:relative; padding:30px; background-color:#fdfdfd; border:1px solid #e0e1e3; box-sizing:border-box;}
#sub070402 ul li .li_wr img{position:absolute; top:30px; left:30px; border:1px solid #e6e7e8; box-sizing:border-box;}
#sub070402 ul li .li_wr .txts{width:100%; padding-left:110px; box-sizing:border-box;}
#sub070402 ul li .li_wr .txts .names{padding-bottom:8px; background-image: url(/images/kor/content/member_img.jpg); background-repeat:no-repeat; background-position:bottom left; border-bottom:1px solid #e0e1e3;}
#sub070402 ul li .li_wr .txts .names strong{display: inline-block; padding-right:3px; font-size:24px;}
#sub070402 ul li .li_wr .txts .names span{font-size:18px; font-weight:700; color:#7b7b7b;}
#sub070402 ul li .li_wr .txts .career{margin-top:15px;}
#sub070402 ul li .li_wr .txts .career strong{font-size:17px;}

#sub070402 ul li ul{margin:6px 0 0 0;}
#sub070402 ul li ul li{margin-top:4px; font-size:14px;}
#sub070402 ul li ul li:after{background:#818ca5;}

@media screen and (max-width:1240px) and (min-width:1024px){
	#sub070402 ul li .li_wr{padding:25px;}
	#sub070402 ul li .li_wr img{top:25px; left:25px; width:75px;}
	#sub070402 ul li .li_wr .txts{padding-left:95px;}
	#sub070402 ul li .li_wr .txts .career{margin-top:10px;}
	#sub070402 ul li .li_wr .txts .names strong{padding-right:0; font-size:21px;}
	#sub070402 ul li .li_wr .txts .names span{font-size:17px;}
	#sub070402 ul li .li_wr .txts .career strong{font-size:16px;}
	#sub070402 ul li ul{margin:4px 0 0 0;}
}
@media screen and (max-width:1140px) and (min-width:1024px){
	#sub070402 ul li .li_wr{padding:20px;}
	#sub070402 ul li .li_wr img{top:20px; left:20px; width:65px;}
	#sub070402 ul li .li_wr .txts{padding-left:80px;}
}
@media screen and (max-width:940px){
	#sub070402 ul li .li_wr{padding:25px;}
	#sub070402 ul li .li_wr img{top:25px; left:25px; width:75px;}
	#sub070402 ul li .li_wr .txts{padding-left:95px;}
	#sub070402 ul li .li_wr .txts .names strong{padding-right:0; font-size:21px;}
	#sub070402 ul li .li_wr .txts .names span{font-size:17px;}
	#sub070402 ul li .li_wr .txts .career{margin-top:10px;}
	#sub070402 ul li .li_wr .txts .career strong{font-size:16px;}
	#sub070402 ul li ul{margin:4px 0 0 0;}
}
@media screen and (max-width:740px){
	#sub070402 > ul > li{float:left; width:100%; padding:0 !important;}
	#sub070402 > ul > li:nth-child(2){margin-top:15px;}
	#sub070402 ul li .li_wr{height:auto !important;}
}
@media screen and (max-width:540px){
	#sub070402 > ul > li,
	#sub070402 > ul > li:nth-child(2){margin-top:10px;}
	#sub070402 ul li .li_wr{padding:20px;}
	#sub070402 ul li .li_wr img{top:20px; left:20px; width:65px;}
	#sub070402 ul li .li_wr .txts{padding-left:80px;}
	#sub070402 ul li ul{margin:2px 0 0 0;}
	#sub070402 ul li ul li{margin-top:2px;}
}
@media screen and (max-width:480px){
	#sub070402 ul li .li_wr{padding:20px;}
	#sub070402 ul li .li_wr img{top:20px; left:20px; width:55px;}
	#sub070402 ul li .li_wr .txts{padding-left:70px;}
	#sub070402 ul li .li_wr .txts .names strong{font-size:18px;}
	#sub070402 ul li .li_wr .txts .names span{font-size:15px;}
	#sub070402 ul li .li_wr .txts .career{margin-top:8px;}
	#sub070402 ul li .li_wr .txts .career strong{font-size:15px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 청소년방문
	연관단어 : sub070601

////////////////////////////////////////////////////////////////////////////// */
#sub070601 .cont_box{display:table; table-layout:fixed; word-wrap:break-word; height:182px; box-sizing:border-box;}
#sub070601 .cont_box img{position:absolute; top:50%; left:3%; width:133px; margin-top:-64px;}
#sub070601 .cont_box p{display:table-cell; width:100%; height:100%; padding-left:153px; vertical-align:middle;}
#sub070601 .link_box2{overflow: hidden;}
#sub070601 .link_box2 li{
	float:left; display:table; table-layout:fixed; word-wrap:break-word; width:100%; height:150px; margin-top:20px; box-sizing:
	border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub070601 .link_box2 li .li_wr{
	position:relative; display:table-cell; width:100%; height:100%; padding:20px 20px 20px 250px; background-color:#fdfdfd; border:1px solid #e0e1e3; vertical-align:middle; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub070601 .link_box2 li .photos{
	overflow: hidden; display:table; position:absolute; top:20px; left:20px; width:210px; height:110px; background-color:#fff; border:1px solid #e0e1e3; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub070601 .link_box2 li .photos .ptwr{display:table-cell; width:100%; height:100%; padding:10px; vertical-align:middle; text-align:center; box-sizing:border-box;}
#sub070601 .link_box2 li .photos .ptwr img{max-width:100%;}

@media screen and (max-width:640px){
	#sub070601 .cont_box img{width:110px; margin-top:-53px;}
	#sub070601 .cont_box p{padding-left:125px;}

	#sub070601 .link_box2 li .li_wr{padding:20px 20px 20px 210px;}
	#sub070601 .link_box2 li .photos{width:170px;}
}
@media screen and (max-width:480px){
	#sub070601 .cont_box img{display: none;}
	#sub070601 .cont_box p{padding-left:0;}
	#sub070601 .link_box2 li{margin-top:10px;}
	#sub070601 .link_box2 li .li_wr{padding:20px; text-align:center;}
	#sub070601 .link_box2 li .photos{position:static; width:150px; height:100px; margin:0 auto;}
	#sub070601 .link_box2 li p{padding-top:10px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 공사인재상
	연관단어 : sub070701

////////////////////////////////////////////////////////////////////////////// */
#sub070701 .pt_bg,
#sub070701 .txtbx,
#sub070701 .txtbx .bg .txts,
#sub070701 .bx ul,
#sub070701 .bx ul li,
#sub070701 .bx ul li .circle,
#sub070701 .bx ul li .circle .g_cir:after,
#sub070701 .bx ul li .circle img{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#sub070701 .txtbx .bg .txts strong span,
#sub070701 .bx ul li .circle strong{transition:font-size 0.3s ease; -webkit-transition:font-size 0.3s ease;}

#sub070701 .txtbx,
#sub070701 .pt_bg{background:url(/images/kor/content/talent_pattern.png) repeat left top;}
#sub070701 .pt_bg{width:100%; height:20px; padding:0 90px; box-sizing:border-box;}
#sub070701 .pt_bg:before{content:""; display: block; width:100%; height:100%; background-color:#fff;}
#sub070701 .txtbx{position:relative; width:100%; height:auto; padding:0 20px; box-sizing:border-box;}
#sub070701 .txtbx .bg{width:100%; background-color:#fff;}
#sub070701 .txtbx .bg .txts{position:relative; width:100%; padding:30px 75px; box-sizing:border-box;}
#sub070701 .txtbx .bg .txts p{margin-bottom:15px; font-size:16px;}
#sub070701 .txtbx .bg .txts p,
#sub070701 .txtbx .bg .txts strong{position:relative; z-index:10;}
#sub070701 .txtbx .bg .txts strong{display: block; text-align:center;}
#sub070701 .txtbx .bg .txts strong span{font-size:20px; text-align:center; color:#004eae;}
#sub070701 .txtbx .bg .txts strong img{display: inline-block; margin-top:-3px; padding-top:5px;}
#sub070701 .txtbx .bg .txts strong img:first-child{margin-right:5px; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#sub070701 .txtbx .bg .txts strong img:last-child{margin-left:5px;}

#sub070701 .bx{margin-top:50px;}
#sub070701 .bx ul{overflow: hidden; width:940px; margin:0 auto;}
#sub070701 .bx ul li{float:left; width:315px; height:auto; margin-left:-4px;}
#sub070701 .bx ul li:first-child{margin-left:0;}
#sub070701 .bx ul li .circle{
	position:relative; width:100%; height:315px; padding:50px; border:1px solid #e6e6e6; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub070701 .bx ul li .circle .g_cir{overflow: hidden; position:absolute; bottom:0; left:0; z-index:10; width:100%; height:50%;}
#sub070701 .bx ul li .circle .g_cir:after{
	content:""; position:absolute; bottom:0; left:0; width:100%; height:315px; border:3px solid #00957e; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub070701 .bx ul li .circle img{display: block; width:90px; margin:0 auto;}
#sub070701 .bx ul li .circle .line{width:100%; height:1px; margin:30px 0 40px 0; background-color:#e6e6e6;}
#sub070701 .bx ul li .circle p{line-height:25px; margin-bottom:6px; font-size:20px; font-weight:700; text-align:center;}
#sub070701 .bx ul li .circle strong{display: block; line-height:30px; font-size:30px; text-align:center;}
/*가운데원*/
#sub070701 .bx ul li .circle.ct{background-color:#eef7f6; border:0;}
#sub070701 .bx ul li .circle.ct .g_cir{top:0; bottom:auto;}
#sub070701 .bx ul li .circle.ct .g_cir:after{top:0; bottom:auto;}

#sub070701 .bx ul li .gray{line-height:20px; margin:25px 0 0; padding:0 20px; font-size:17px; text-align:center;}

@media screen and (max-width:1370px){
	#sub070701 .bx ul{width:790px;}
	#sub070701 .bx ul li{width:265px;}
	#sub070701 .bx ul li .circle,
	#sub070701 .bx ul li .circle .g_cir:after{height:265px;}
	#sub070701 .bx ul li .circle .line{margin:25px 0;}
	#sub070701 .bx ul li .circle img{width:83px;}
	#sub070701 .bx ul li .circle p{margin-bottom:4px; font-size:18px;}
	#sub070701 .bx ul li .circle strong{font-size:27px;}
	#sub070701 .bx ul li .gray{margin:20px 0 0; padding:0 15px; font-size:16px;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	#sub070701 .bx{margin-top:35px;}
	#sub070701 .bx ul{width:655px;}
	#sub070701 .bx ul li{width:220px;}
	#sub070701 .bx ul li .circle{padding:45px;}
	#sub070701 .bx ul li .circle,
	#sub070701 .bx ul li .circle .g_cir:after{height:220px;}
	#sub070701 .bx ul li .circle .line{margin:15px 0;}
	#sub070701 .bx ul li .circle img{width:70px;}
	#sub070701 .bx ul li .circle p{margin-bottom:2px; font-size:17px;}
	#sub070701 .bx ul li .circle strong{font-size:24px;}
	#sub070701 .bx ul li .gray{line-height:17px; margin:12px 0 0; padding:0 3px; font-size:15px;}
}
@media screen and (max-width:840px){
	#sub070701 .bx{margin-top:35px;}
	#sub070701 .bx ul{width:655px;}
	#sub070701 .bx ul li{width:220px;}
	#sub070701 .bx ul li .circle{padding:45px;}
	#sub070701 .bx ul li .circle,
	#sub070701 .bx ul li .circle .g_cir:after{height:220px;}
	#sub070701 .bx ul li .circle .line{margin:15px 0;}
	#sub070701 .bx ul li .circle img{width:70px;}
	#sub070701 .bx ul li .circle p{margin-bottom:2px; font-size:17px;}
	#sub070701 .bx ul li .circle strong{font-size:24px;}
	#sub070701 .bx ul li .gray{line-height:17px; margin:12px 0 0; padding:0 3px; font-size:15px;}
}
@media screen and (max-width:740px){
	#sub070701 .br{display: none;}
	#sub070701 .pt_bg{height:16px; padding:0 65px;}
	#sub070701 .txtbx{padding:0 16px;}
	#sub070701 .txtbx .bg .txts{padding:15px 55px;}
	#sub070701 .txtbx .bg .txts strong img{width:20px; margin-top:-2px;}
	#sub070701 .txtbx .bg .txts strong img:first-child{margin-right:2px;}
	#sub070701 .txtbx .bg .txts strong img:last-child{margin-left:2px;}

	#sub070701 .bx ul{width:auto;}
	#sub070701 .bx ul li{position:relative; float: none; width:100%; margin:0; padding:25px 25px 25px 120px; border-top:1px dashed #e6e6e6; box-sizing:border-box;}
	#sub070701 .bx ul li:nth-child(2){background-color:#eef7f6;}
	#sub070701 .bx ul li:last-child{border-bottom:1px dashed #e6e6e6;}
	#sub070701 .bx ul li .circle{position:static; height:auto; padding:0; border:0; border-radius:0; -webkit-border-radius:0;}
	#sub070701 .bx ul li .circle .g_cir,
	#sub070701 .bx ul li .circle .line{display: none;}
	#sub070701 .bx ul li .circle img{position:absolute; top:50%; left:25px; width:auto; height:60px; margin:0; margin-top:-30px;}
	#sub070701 .bx ul li .circle p,
	#sub070701 .bx ul li .circle strong{display: inline-block; font-size:20px;}
	#sub070701 .bx ul li .circle p{font-size:18px;}
	#sub070701 .bx ul li .gray{line-height:18px; margin:5px 0 0; padding:0; font-size:16px; text-align:left;}
}
@media screen and (max-width:640px){
	#sub070701 .txtbx .bg .txts strong span{line-height:19px; font-size:17px;}
	#sub070701 .txtbx .bg .txts p{line-height:19px; font-size:15px;}
}
@media screen and (max-width:540px){
	#sub070701 .pt_bg{display: none;}
	#sub070701 .txtbx{padding:0 16px; background:none;}
	#sub070701 .txtbx .bg .txts{padding:0;}
	#sub070701 .txtbx .bg .txts strong img{width:18px;}
	#sub070701 .txtbx .bg .txts strong img:first-child{margin-right:2px;}
	#sub070701 .txtbx .bg .txts strong img:last-child{margin-left:2px;}
	
	#sub070701 .bx ul li{padding:20px 20px 20px 95px;}
	#sub070701 .bx ul li .circle p{display: inline-block; font-size:17px;}
	#sub070701 .bx ul li .circle strong{font-size:18px;}
	#sub070701 .bx ul li .circle img{left:20px; height:48px; margin-top:-24px;}
	#sub070701 .bx ul li .gray{line-height:17px; margin:0px 0 0; font-size:15px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 채용안내
	연관단어 : sub070702

////////////////////////////////////////////////////////////////////////////// */
#sub070702 .hire_lst.ty02 > li,
#sub070702 .hire_lst.ty02 > li .cell .tt{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub070702 .hire_lst{background-color:#f9fbfb; border-top:2px solid #4f5f79; border-bottom:2px solid #4f5f79;}
#sub070702 .hire_lst > li{position:relative; display:table; width:100%; height:90px; padding:0 30px 0 290px; border-bottom:1px dotted #b0b0b0; box-sizing:border-box;}
#sub070702 .hire_lst > li:last-child{border-bottom:0;}
#sub070702 .hire_lst > li .cell{display:table-cell; width:100%; height:100%; vertical-align:middle;}
#sub070702 .hire_lst > li .cell .tt{position:absolute; top:0; left:0; width:290px; height:100%; padding:0 30px; box-sizing:border-box;}
#sub070702 .hire_lst > li .cell .tt strong{display:inline-block; line-height:90px;}
#sub070702 .hire_lst > li .cell .tt img{display: inline-block; padding-right:10px; vertical-align:middle;}

#sub070702 .hire_lst.ty02 > li{padding:0 30px 0 190px;}
#sub070702 .hire_lst.ty02 > li .cell .tt{width:190px;}

#sub070702 .process ul li .li_wr img{display: block; width:49px; margin:0 auto;}
#sub070702 .process ul li .li_wr strong{display: block; line-height:19px; padding:20px 0 5px; font-size:16px; text-align:center;}
#sub070702 .process ul li .li_wr p{line-height:17px; text-align:center; color:#686868;}

@media screen and (max-width:1480px){
	
}
@media screen and (max-width:1340px) and (min-width:1024px){
	#sub070702 .process ul li .li_wr strong{line-height:17px; padding:12px 0 3px; font-size:15px;}
	#sub070702 .process ul li .li_wr p{line-height:15px; font-size:13px;}
}
@media screen and (max-width:1140px) and (min-width:1024px){
	#sub070702 .process ul li .li_wr img{width:42px;}
	#sub070702 .process ul li .li_wr strong{padding:10px 0 3px;}
}
@media screen and (max-width:940px){
	#sub070702 .process ul li .li_wr strong{line-height:17px; padding:12px 0 3px; font-size:15px;}
	#sub070702 .process ul li .li_wr p{line-height:15px; font-size:13px;}
}
@media screen and (max-width:840px) and (min-width:741px){
	#sub070702 .process ul li .li_wr img{width:42px;}
	#sub070702 .process ul li .li_wr strong{padding:10px 0 3px;}
}
@media screen and (max-width:640px){
	#sub070702 .hire_lst > li{height:100px; padding:0 20px 0 140px;}
	#sub070702 .hire_lst > li .cell .tt{width:140px; padding:10px 20px;}
	#sub070702 .hire_lst > li .cell .tt strong{display: block; line-height:normal; padding-top:6px; text-align:center;}
	#sub070702 .hire_lst > li .cell .tt img{display: block; width:27px; margin:0 auto; padding-right:0;}
	
	#sub070702 .hire_lst.ty02 > li{padding:0 30px 0 110px;}
	#sub070702 .hire_lst.ty02 > li .cell .tt{width:110px; padding:23px 20px;}
	#sub070702 .hire_lst.ty02 > li .cell .tt img{width:auto;}
}
@media screen and (max-width:480px){
	#sub070702 .process ul li .li_wr img{width:42px;}
	#sub070702 .process ul li .li_wr strong{padding:10px 0 3px;}
}
@media screen and (max-width:380px){
	#sub070702 .hire_lst > li{height:120px;}
	#sub070702 .hire_lst > li .cell .tt{padding:20px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 찾아오시는길
	연관단어 : sub070801

////////////////////////////////////////////////////////////////////////////// */
#sub070801 .map_api #map,
#sub070801 .map_api #map .wrap_map,
#sub070801 .map_api .info,
#sub070801 .map_api .info ul li,
#sub070801 .map_api .info ul li .icons,
#sub070801 .map_api .info .map_btn,
#sub070801 .bus,
#sub070801 .bus .icons,
#sub070801 .train,
#sub070801 .car_lst{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#sub070801 .map_api .info ul li strong,
#sub070801 .map_api .info ul li p,
#sub070801 .bus .txts strong{transition:font-size 0.3s ease; -webkit-transition:font-size 0.3s ease;}
#sub070801 .map_api{position:relative; width:100%; height:auto; background-color:#ccc;}
#sub070801 .map_api #map {height:510px; font-size:0;}
#sub070801 .map_api #map .wrap_map {height:510px;}
#sub070801 .map_api #map .wrap_map .wrap_btn_zoom{display:none;}
#sub070801 .map_api #map .root_daum_roughmap{padding:0 !important; border:0 !important;}
#sub070801 .map_api #map .root_daum_roughmap .wrap_controllers{display:none;}
#sub070801 .map_api .info{position:absolute; bottom:0; left:0; z-index:10; width:100%; height:auto; padding-right:115px; background-color:rgba(71,111,145,0.9); box-sizing:border-box;}
#sub070801 .map_api .info ul{overflow: hidden; width:100%; padding:0 5%; box-sizing:border-box;}
#sub070801 .map_api .info ul li{position:relative; float:left; height:115px; padding-left:58px; box-sizing:border-box;}
#sub070801 .map_api .info ul li:first-child{width:68%; padding-right:20px;}
#sub070801 .map_api .info ul li:last-child{width:32%;}
#sub070801 .map_api .info ul li .icons{
	overflow: hidden; position:absolute; top:35px; left:0; width:48px; height:48px; background-color:#fff; background-repeat:no-repeat; background-position:center center; text-indent:-2000px;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub070801 .map_api .info ul li:first-child .icons{background-image: url(/images/kor/content/way_address.png);}
#sub070801 .map_api .info ul li:last-child .icons{background-image: url(/images/kor/content/way_call.png);}
#sub070801 .map_api .info ul li .txts{position:relative; display:table; width:100%; height:100%; vertical-align:middle;}
#sub070801 .map_api .info ul li strong{display: inline-block; line-height:115px; padding-right:8px; font-size:18px;}
#sub070801 .map_api .info ul li p{display:table-cell; width:100%; height:100%; line-height:24px; margin:0; font-weight:700; vertical-align:middle; font-size:18px; color:#fff;}
#sub070801 .map_api .info .map_btn{
	position:absolute; bottom:0; right:0; width:115px; height:100%; padding:23px 10px; background-color:#39607f; text-decoration:none; box-sizing:border-box;
	transition:background-color 0.3s ease;
	-webkit-transition:background-color 0.3s ease;
}
#sub070801 .map_api .info .map_btn:hover{background-color:#2f516e;}
#sub070801 .map_api .info .map_btn img{display:block; width:34px; margin:0 auto; padding-bottom:8px;}
#sub070801 .map_api .info .map_btn strong{display: block; font-size:14px; text-align:center; color:#fff;}

#sub070801 .bus,
#sub070801 .train,
#sub070801 .car_lst{position:relative; width:100%; min-height:70px; padding-left:100px; box-sizing:border-box;}
#sub070801 .bus .icons,
#sub070801 .train .icons,
#sub070801 .car_lst .icons{
	overflow: hidden; position:absolute; top:0; left:0; width:70px; height:70px; background-repeat:no-repeat; background-position:center center; text-indent:-2000px;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub070801 .bus .txts strong,
#sub070801 .train .txts strong,
#sub070801 .car_lst .txts > strong{display: block; margin-bottom:6px; font-size:21px;}

#sub070801 .bus{margin-bottom:20px;}
#sub070801 .bus .icons{background-color:#0a6fb0; background-image: url(/images/kor/content/way_bus.png);}
#sub070801 .bus .txts strong{color:#0a6fb0;}
#sub070801 .bus .txts p em{display: inline-block; width:40px; height:20px; margin-right:8px; line-height:20px; background-color:#037d00; font-size:14px; font-style:normal; text-align:center; color:#fff;}
#sub070801 .bus .txts p span{display:inline-block; padding-bottom:3px; margin-right:5px;}
#sub070801 .bus .txts p a {vertical-align:middle;}
#sub070801 .car_lst{margin-bottom:30px;}
#sub070801 .car_lst .icons{background-color:#009782; background-image: url(/images/kor/content/way_car.png);}
#sub070801 .car_lst .txts > strong{color:#007c67;}
#sub070801 .car_lst .txts ul li{border-bottom:1px solid #ebebeb;}
#sub070801 .car_lst .txts ul li:last-child{border-bottom:0;}
#sub070801 .car_lst .txts ul li strong{display: block; margin-top:15px; padding-bottom:6px; font-size:17px;}
#sub070801 .car_lst .txts ul li:first-child strong{margin-top:0;}
#sub070801 .car_lst .txts ul li:last-child strong{padding-bottom:0;}
#sub070801 .train .icons{background-color:#978700; background-image: url(/images/kor/content/way_train.png);}
#sub070801 .train .txts > strong{color:#978700;}
#sub070801 .train .txts ul li{border-bottom:1px solid #ebebeb;}
#sub070801 .train .txts ul li:last-child{border-bottom:0;}
#sub070801 .train .txts ul li strong{display: inline-block; margin-top:15px; padding-bottom:6px; font-size:17px;}


@media screen and (max-width:1240px) and (min-width:1024px){
	#sub070801 .map_api .info{padding-right:100px;}
	#sub070801 .map_api .info ul{padding:0 25px;}
	#sub070801 .map_api .info ul li{height:100px;}
	#sub070801 .map_api .info ul li:first-child{width:62%;}
	#sub070801 .map_api .info ul li:last-child{width:38%;}
	#sub070801 .map_api .info ul li .icons{top:27px;}
	#sub070801 .map_api .info ul li strong,
	#sub070801 .map_api .info ul li p{font-size:16px;}
	#sub070801 .map_api .info ul li strong{line-height:100px;}
	#sub070801 .map_api .info ul li p{line-height:20px;}
	#sub070801 .map_api .info .map_btn{width:100px; padding:15px 10px;}
}
@media screen and (max-width:1023px){
	#sub070801 .bus .txts strong,
	#sub070801 .train .txts strong,
	#sub070801 .car_lst .txts > strong{margin-bottom:3px; font-size:19px;}
}
@media screen and (max-width:940px){
	#sub070801 .map_api #map,
	#sub070801 .map_api #map .wrap_map{height:420px;}
	#sub070801 .map_api .info{padding-right:100px;}
	#sub070801 .map_api .info ul{padding:0 25px;}
	#sub070801 .map_api .info ul li{height:100px;}
	#sub070801 .map_api .info ul li:first-child{width:62%;}
	#sub070801 .map_api .info ul li:last-child{width:38%;}
	#sub070801 .map_api .info ul li .icons{top:27px;}
	#sub070801 .map_api .info ul li strong,
	#sub070801 .map_api .info ul li p{font-size:16px;}
	#sub070801 .map_api .info ul li strong{line-height:100px;}
	#sub070801 .map_api .info ul li p{line-height:20px;}

	#sub070801 .map_api .info .map_btn{width:100px; padding:15px 10px;}
}
@media screen and (max-width:740px){
	#sub070801 .map_api #map,
	#sub070801 .map_api #map .wrap_map{height:270px;}
	
	#sub070801 .map_api .info{padding-right:0; padding-bottom:50px; position:relative; left:auto; background-color:rgba(70,118,159,1);}
	#sub070801 .map_api .info ul{padding:20px 25px;}
	#sub070801 .map_api .info ul li{float: none; width:100% !important; height:auto;}
	#sub070801 .map_api .info ul li:first-child{margin-bottom:10px; padding-right:0;}
	#sub070801 .map_api .info ul li .icons{top:0; width:42px; height:42px;}
	#sub070801 .map_api .info ul li strong{line-height:20px; padding-right:0;}
	#sub070801 .map_api .info ul li p{display:inline-block; height:auto;}
	#sub070801 .map_api .info .map_btn{width:100%; height:50px; padding:0; text-align:center;}
	#sub070801 .map_api .info .map_btn img{display: inline-block; width:18px; padding-bottom:0; vertical-align:middle;}
	#sub070801 .map_api .info .map_btn strong{display: inline-block; line-height:50px;}
}
@media screen and (max-width:640px){
	#sub070801 .map_api .info ul li .icons{top:0; width:42px; height:42px;}
	#sub070801 .map_api .info ul li strong,
	#sub070801 .map_api .info ul li p{font-size:15px;}
	#sub070801 .bus,
	#sub070801 .train,
	#sub070801 .car_lst{padding-left:75px;}
	#sub070801 .bus .txts strong,
	#sub070801 .train .txts strong,
	#sub070801 .car_lst .txts > strong{font-size:18px;}
	#sub070801 .bus .icons,
	#sub070801 .train .icons,
	#sub070801 .car_lst .icons{width:55px; height:55px; background-size:50%;}
	#sub070801 .bus{margin-bottom:10px;}
	#sub070801 .bus .txts p em{font-size:13px;}
	#sub070801 .car_lst .txts ul li strong{padding-bottom:3px; font-size:16px;}
}
@media screen and (max-width:480px){
	#sub070801 .map_api #map,
	#sub070801 .map_api #map .wrap_map{height:200px;}
	#sub070801 .map_api .info{padding-bottom:40px;}
	#sub070801 .map_api .info ul{padding:15px 20px;}
	#sub070801 .map_api .info ul li:first-child{margin-bottom:5px;}
	#sub070801 .map_api .info .map_btn{height:40px;}
	#sub070801 .map_api .info .map_btn img{width:15px; margin-top:-4px;}
	#sub070801 .map_api .info .map_btn strong{line-height:40px;}

	#sub070801 .bus,
	#sub070801 .train,
	#sub070801 .car_lst{padding-left:60px;}
	#sub070801 .bus .icons,
	#sub070801 .train .icons,
	#sub070801 .car_lst .icons{width:45px; height:45px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 설문조사
	연관단어 : anne(개인정보 수집 동의서) / survey(설문조사질문) /survey_databox(개인정보 입력)

////////////////////////////////////////////////////////////////////////////// */
body { counter-reset: section; }
#survey{margin:40px 0;}
#survey ol li .head{position:relative; display:block; padding-left:23px; margin-bottom:5px; font-size:15px;}
#survey ol li .head:before{content:"[설문"counter(section)"]"; counter-increment:section; margin-right:3px; color:#00957e;}
#survey ol li .head:after{content:"Q"; display:block; position:absolute; top:-4px; left:0; font-size:20px; font-weight:700; color:#2c68c0;}

.survey_databox .head strong{display:block; margin-bottom:15px; font-size:17px;}
.survey_databox ul li{margin-top:10px;}
.survey_databox ul li strong{display:inline-block; width:100px;}
.survey_databox ul li .survey_input{width:275px;}

#survey .midd { margin-bottom: 30px; padding-left:27px}

@media screen and (max-width:640px){
	#survey{margin:30px 0;}
}
@media screen and (max-width:480px){
	.survey_databox .head strong{line-height:20px; margin-bottom:12px; font-size:15px;}
	.survey_databox ul li strong{display:block; width:auto; margin-bottom:4px;}
	.survey_databox ul li input{font-size:14px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 시민모니터단(나중에수정)
	연관단어 : aaaa

////////////////////////////////////////////////////////////////////////////// */
#aaaa .bx{display:table; table-layout:fixed; width:100%; height:330px; padding:25px 20px; border:1px solid #ccc; box-sizing:border-box;}
#aaaa .bx .txts{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
#aaaa .bx img{max-width:440px; width:100%;}
#aaaa .tt{display: block; line-height:26px; margin-bottom:20px; font-size:23px;}
#aaaa .tt span{position:relative; display:inline-block; padding-bottom:5px;}
#aaaa .tt span:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#07469b;}
#aaaa label{overflow: hidden; display: inline-block; text-indent:-2000px;}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 퇴직지적인
	연관단어 : retire01~03

////////////////////////////////////////////////////////////////////////////// */
#retire_step,
#retire_step strong,
#retire_step ul,
#retire_step ul li,
#retire_step ul li .photos,
#retire_step ul li.on .txts{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#retire_step{display: table; table-layout:fixed; width:100%; height:378px; background-color:#f3f4f6;}
#retire_step .txtbx{display:table-cell; width:100%; height:100%; padding:0 40px; text-align:center; vertical-align: middle; box-sizing:border-box;}
#retire_step strong{display:inline-block; position:relative; line-height:26px; font-size:23px; font-family:"Nanum Square";}
#retire_step strong:after{content:""; display: block; width:100%; height:1px; margin:12px 0 25px; background-color:#ccc;}
#retire_step ul{overflow: hidden; width:435px; margin:0 auto;}
#retire_step ul li{float:left; position:relative; padding-right:70px;}
#retire_step ul li:last-child{padding-right:0;}
#retire_step ul li:after{content:""; display: block; position:absolute; top:37px; right:10px; width:44px; height:24px; background-image: url(/images/kor/content/retire_step_arrow.png); background-repeat:no-repeat; background-position:center right;}
#retire_step ul li:last-child:after{display: none;}
#retire_step ul li .photos{width:98px; height:98px; background-color:#bababa; background-size:100%; border-radius:50%; -webkit-border-radius:50%;}
#retire_step ul li .photos span{overflow: hidden; display: block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; text-indent:-2000px;}
#retire_step ul li:first-child .photos span{background-image: url(/images/kor/content/retire_step_first.png);}
#retire_step ul li:nth-child(2) .photos span{background-image: url(/images/kor/content/retire_step_second.png);}
#retire_step ul li:last-child .photos span{background-image: url(/images/kor/content/retire_step_third.png);}
#retire_step ul li .txts{line-height:20px; padding-top:8px; font-family:"Nanum Gothic","돋움",Dotum,Helvetica,Verdana,Arial,sans-serif; font-size:17px; color:#7c7c7c;}
#retire_step ul li .txts:after{display: none;}

#retire_step ul li.on:after{background-image: url(/images/kor/content/retire_step_arrow_ov.png);}
#retire_step ul li.on .photos{background-color:transparent; background-image: url(/images/kor/content/retire_step_ov.png);}
#retire_step ul li.on .txts{color:#066aa8;}

#retire .bx{display:table; table-layout:fixed; width:100%; height:330px; padding:25px 20px; border:1px solid #ccc; box-sizing:border-box;}
#retire .bx .txts{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
#retire .bx img{max-width:440px; width:100%;}
#retire .tt{display: block; line-height:26px; margin-bottom:20px; font-size:23px;}
#retire .tt span{position:relative; display:inline-block; padding-bottom:5px;}
#retire .tt span:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#07469b;}
#retire .cont_box{padding:25px 215px 25px 30px;}
#retire .cont_box a{position:absolute; top:50%; right:3%; margin-top:-22px;}

@media screen and (max-width:1023px){
	#retire .cont_box{padding:25px 195px 25px 30px;}
}
@media screen and (max-width:640px){
	#retire_step{height:330px;}
	#retire_step strong{line-height:24px; font-size:20px;}
	#retire_step ul{width:375px;}
	#retire_step ul li{padding-right:60px;}
	#retire_step ul li:after{right:6px; top:32px;}
	#retire_step ul li .photos{width:85px; height:85px;}
	#retire_step ul li:first-child .photos span{background-size:46%;}
	#retire_step ul li:nth-child(2) .photos span{background-size:55%;}
	#retire_step ul li:last-child .photos span{background-size:35%;}
	#retire_step ul li .txts{line-height:18px; padding-top:6px; font-size:16px;}
	
	#retire .tt{line-height:26px; font-size:20px;}
	#retire .tt span{padding-bottom:1px;}
	#retire .cont_box{padding:20px 4%;}
	#retire .cont_box a{position:static; margin-top:15px;}
}
@media screen and (max-width:480px){
	#retire_step{height:270px;}
	#retire_step .txtbx{padding:0 25px;}
	#retire_step strong{line-height:22px; font-size:18px;}
	#retire_step ul{width:252px;}
	#retire_step ul li{padding-right:28px;}
	#retire_step ul li:after{right:7px; top:24px; width:15px;}
	#retire_step ul li .photos{width:65px; height:65px;}
	#retire_step ul li .txts{line-height:17px; padding-top:4px; font-size:15px;}
	
	#retire .bx{height:290px;}
	#retire .tt{line-height:24px; font-size:18px;}
	#retire .tt span:after{height:1px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 개인정보처리방침
	연관단어 : No

////////////////////////////////////////////////////////////////////////////// */
#person a.btn{vertical-align:middle !important;}
#person span.date{float: right; display: block; font-size:13px; color:#828282;}
.privacybold{
	color:#0079bf;
	text-decoration-line: underline;
	font-weight: 700;
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 사이트맵
	연관단어 : sitemap

////////////////////////////////////////////////////////////////////////////// */
#sitemap .menu-info {display:none;}
#sitemap hr{display:none;}
#sitemap ul{overflow:hidden; opacity:1 !important; height:auto !important;}
#sitemap ul li,
#sitemap ul li a{box-sizing:border-box;}
#sitemap ul li a:hover{text-decoration:none;}

#sitemap ul li[class*="num"]{display:inline-block; width:33%; margin-top:50px; vertical-align:top;}
#sitemap ul li.sub01,
#sitemap ul li.sub02,
#sitemap ul li.sub03{margin-top:0;}
#sitemap ul li[class*="num"]:nth-child(3n+1){padding:0 1.5% 0 0;}
#sitemap ul li[class*="num"]:nth-child(3n+2){padding:0 1.5%;}
#sitemap ul li[class*="num"]:nth-child(3n+3){padding:0 0 0 1.5%;}
#sitemap ul li[class*="num"] > a{display:block; width:100%; height:55px; line-height:55px; padding:0 20px; background-color:#f0f2f4; border-top:2px solid #b9ccd6;}
#sitemap ul li[class*="num"] > a span{font-size:19px; font-weight:700; color:#1b4292;}

#sitemap ul li ul li{padding:15px; border-bottom:1px solid #dfe1e3;}
#sitemap ul li ul li a{display:block;}
#sitemap ul li ul li a span{font-size:17px; font-weight:700;}

#sitemap ul li ul li ul{margin-top:3px;}
#sitemap ul li ul li ul li{border-bottom:0; padding:0;}
#sitemap ul li ul li ul li a{display:inline; position:relative; width:100%; padding-left:10px; margin-bottom:0;}
#sitemap ul li ul li ul li a:before{content:""; display:block; position:absolute; top:9px; left:0; width:6px; height:2px; background-color:#b3b3b3;}
#sitemap ul li ul li ul li a:hover{text-decoration:underline;}
#sitemap ul li ul li ul li a span{font-size:15px; font-weight:400;}

#sitemap ul li ul li ul li ul{display:none; margin-top:1px; padding-left:10px;}
#sitemap ul li ul li ul li ul li{line-height:19px;}
#sitemap ul li ul li ul li ul li a{padding-left:8px;}
#sitemap ul li ul li ul li ul li a:before{top:7px; width:3px; height:3px;}
#sitemap ul li ul li ul li ul li a span{font-size:14px;}

@media screen and (max-width:1260px) and (min-width:1024px){
	#sitemap ul li[class*="num"]{width:32.9%;}
}
@media screen and (max-width:900px){
	#sitemap ul li[class*="num"]{width:32.9%;}
}
@media screen and (max-width:740px){
	#sitemap ul li[class*="num"]{width:49.5%; margin-top:30px;}
	#sitemap ul li[class*="num"]:nth-child(odd){padding:0 1.5% 0 0;}
	#sitemap ul li[class*="num"]:nth-child(even){padding:0 0 0 1.5%;}
	#sitemap ul li.sub01,
	#sitemap ul li.sub02{margin-top:0;}
}
@media screen and (max-width:480px){
	#sitemap ul li[class*="num"]{width:100%; margin-top:20px; padding:0 !important;}
	#sitemap ul li.sub01{margin-top:0;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 이미지(회색배경)
	연관단어 : process

////////////////////////////////////////////////////////////////////////////// */
.procedure{background:#f8f8f8;}
.procedure img{display:block; margin:0 auto; width:100%;}

/*업무처리절차*/
#sub010102 .procedure{padding:40px 5%;}
#sub010102 .procedure img{max-width:906px;}
/*민원처리절차*/
#sub050201 .procedure{padding:40px 4%;}
#sub050201 .procedure img{max-width:949px;}
/*imgbx 공통*/
.imgbx{width:100%; height:auto; box-sizing:border-box;}
.imgbx img{display: block; width:100%; margin:0 auto;}
/*해외사업현황*/
#sub060402 .imgbx{padding:50px 5% 30px; background-color:#d9e1e6;}
#sub060402 .imgbx img{max-width:928px;}
/*국제협력지도*/
#sub060404 .imgbx{padding:40px 3%; border:1px solid #ccc;}
#sub060404 .imgbx img{max-width:959px;}
/*공간정보아카데미*/
#sub040202 .ptbx{width:100%; padding:20px 3%; box-sizing:border-box;}
#sub040202 .ptbx img{display: block; width:100%; max-width:636px; margin:0 auto;}

@media screen and (max-width:640px){
	#sub010102 .procedure{padding:25px 5%;}
	#sub050201 .procedure{padding:25px 4%;}
	#sub060402 .imgbx{padding:25px 5%;}
	#sub060404 .imgbx{padding:25px 5%;}
	#sub040202 .ptbx{width:100%; padding:5px 3%; box-sizing:border-box;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 절차(공통)
	연관단어 : process

////////////////////////////////////////////////////////////////////////////// */
/*공통*/
.process ul,
.process ul li,
.process ul li .li_wr{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

.process ul{overflow: hidden; margin:0 auto;}
.process ul li{float:left;}
.process ul li .li_wr{
	position:relative; border:3px solid #ccc; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.process ul li .li_wr:after{content:""; display:block; position:absolute; top:50%; width:24px; height:26px; margin-top:-13px; background:url(/images/kor/content/hire_pro_arrow.png) no-repeat center center;}
.process ul li:last-child .li_wr:after{display: none;}
/*4개짜리 절차*/
.process.ty1 ul{width:1030px;}
.process.ty1 ul li{padding-right:90px;}
.process.ty1 ul li:last-child{padding-right:0;}
.process.ty1 ul li .li_wr{width:190px; height:190px; padding:35px 30px;}
.process.ty1 ul li .li_wr:after{right:-60px;}
.process.ty1 ul li:last-child .li_wr:after{display: none;}
/*5개짜리 절차*/
.process.ty2 ul{width:1010px;}
.process.ty2 ul li{padding-right:40px;}
.process.ty2 ul li:last-child{padding-right:0;}
.process.ty2 ul li .li_wr{width:170px; height:170px; padding:25px 30px;}
.process.ty2 ul li .li_wr:after{right:-35px;}

@media screen and (max-width:1480px){
	.process.ty1 ul{width:890px;}
	.process.ty1 ul li{padding-right:50px;}
	.process.ty1 ul li .li_wr:after{right:-40px;}
	.process.ty1 ul li .li_wr{width:185px; height:185px;}
	
	.process.ty2 ul{width:910px;}
	.process.ty2 ul li .li_wr{width:150px; height:150px; padding:20px;}
}
@media screen and (max-width:1340px){
	.process.ty2 ul{width:760px;}
	.process.ty2 ul li{padding-right:30px;}
	.process.ty2 ul li .li_wr{width:128px; height:128px; padding:15px; border:2px solid #ccc;}
	.process.ty2 ul li .li_wr:after{right:-26px; width:16px; height:19px; margin-top:-9px; background-size:100%;}
}
@media screen and (max-width:1340px) and (min-width:1024px){
	.process.ty1 ul{width:760px;}
	.process.ty1 ul li{padding-right:40px;}
	.process.ty1 ul li .li_wr{border:2px solid #ccc;}
	.process.ty1 ul li .li_wr:after{right:-34px;}
	.process.ty1 ul li .li_wr{width:160px; height:160px; padding:30px 20px;}
}
@media screen and (max-width:1140px) and (min-width:1024px){
	.process.ty1 ul{width:650px;}
	.process.ty1 ul li{padding-right:30px;}
	.process.ty1 ul li .li_wr:after{right:-26px; width:16px; height:19px; margin-top:-9px; background-size:100%;}
	.process.ty1 ul li .li_wr{width:140px; height:140px; padding:25px 15px; border:2px solid #ccc;}
	
	.process.ty2 ul{width:655px;}
	.process.ty2 ul li{padding-right:20px;}
	.process.ty2 ul li .li_wr{width:115px; height:115px;}
	.process.ty2 ul li .li_wr:after{right:-19px; width:14px; height:16px; margin-top:-8px;}
}
@media screen and (max-width:940px){
	.process.ty1 ul{width:760px;}
	.process.ty1 ul li{padding-right:40px;}
	.process.ty1 ul li .li_wr:after{right:-34px;}
	.process.ty1 ul li .li_wr{width:160px; height:160px; padding:30px 20px; border:2px solid #ccc;}
}
@media screen and (max-width:840px){
	.process.ty1 ul{width:650px;}
	.process.ty1 ul li{padding-right:30px;}
	.process.ty1 ul li .li_wr:after{right:-26px; width:16px; margin-top:-8px; background-size:100%;}

	.process.ty2 ul{width:655px;}
	.process.ty2 ul li{padding-right:20px;}
	.process.ty2 ul li .li_wr{width:115px; height:115px;}
	.process.ty2 ul li .li_wr:after{right:-19px; width:14px; height:16px; margin-top:-8px;}
}
@media screen and (max-width:840px) and (min-width:741px){
	.process.ty1 ul li .li_wr{width:140px; height:140px; padding:25px 15px; border:2px solid #ccc;}
}
@media screen and (max-width:740px){
	.process.ty1 ul{width:350px;}
	.process.ty1 ul li:first-child,
	.process.ty1 ul li:nth-child(2){padding-bottom:30px;}
	.process.ty1 ul li:nth-child(2){padding-right:0;}
	.process.ty1 ul li .li_wr:after{right:-32px; width:30px; height:2px; margin-top:-1px; background:none; background-color:#009d85;}
	.process.ty1 ul li:nth-child(2) .li_wr:after{
		top:73%; left:-22px; right:auto; width:2px; height:110px; margin-top:0;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
	}

	.process.ty2 ul{width:350px;}
	.process.ty2 ul li{padding-right:30px;}
	.process.ty2 ul li:first-child,
	.process.ty2 ul li:nth-child(2),
	.process.ty2 ul li:nth-child(3),
	.process.ty2 ul li:nth-child(4){padding-bottom:30px;}
	.process.ty2 ul li:nth-child(2),
	.process.ty2 ul li:nth-child(4){padding-right:0;}
	.process.ty2 ul li .li_wr{width:160px; height:160px; padding:30px 25px;}
	.process.ty2 ul li .li_wr:after{right:-32px; width:30px; height:2px; margin-top:-1px; background:none; background-color:#009d85;}
	.process.ty2 ul li:nth-child(2) .li_wr:after,
	.process.ty2 ul li:nth-child(4) .li_wr:after{
		top:73%; left:-22px; right:auto; width:2px; height:110px; margin-top:0;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
	}
}
@media screen and (max-width:480px){
	.process.ty1 ul{width:290px;}
	.process.ty1 ul li{padding-right:20px;}
	.process.ty1 ul li:first-child,
	.process.ty1 ul li:nth-child(2){padding-bottom:20px;}
	.process.ty1 ul li .li_wr{width:135px; height:135px; padding:20px 10px;}
	.process.ty1 ul li .li_wr:after{right:-22px; width:20px;}
	.process.ty1 ul li:nth-child(2) .li_wr:after{left:-16px; height:88px;}

	.process.ty2 ul{width:290px;}
	.process.ty2 ul li{padding-right:20px;}
	.process.ty2 ul li:first-child,
	.process.ty2 ul li:nth-child(2),
	.process.ty2 ul li:nth-child(3),
	.process.ty2 ul li:nth-child(4){padding-bottom:20px;}
	.process.ty2 ul li .li_wr{width:135px; height:135px; padding:20px 10px;}
	.process.ty2 ul li .li_wr:after{right:-22px; width:20px;}
	.process.ty2 ul li:nth-child(2) .li_wr:after,
	.process.ty2 ul li:nth-child(4) .li_wr:after{left:-16px; height:88px;}
}



.map_summery {width:330px; display:none; height:330px; background:rgba(0,0,0,0.7); border-radius:50%; -webkit-border-radius:50%; position:fixed; left:50%; top:50%; margin:-115px 0 0 -5px; z-index:101;
box-shadow:0 5px 15px rgba(0,0,0,0.3); -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.3);}
.map_summery p {margin:0; padding:60px 0 0 0; text-align:center; color:#fff; font-size:19px; line-height:24px; font-family:"Nanum Square";}
.map_summery p span {display:block; position:relative; width:156px; height:144px; margin:0 auto 15px auto;}
.map_summery p span:before,
.map_summery p span:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-size:100% auto !important;}
.map_summery p span:before {background:url(/images/kor/content/mascot_bg1.png) no-repeat center 50%; z-index:5;}
.map_summery p span:after {background:url(/images/kor/content/mascot_bg2.png) no-repeat center 50%; z-index:1;
animation-name:ani;
animation-duration: 0.5s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
-webkit-animation-name:ani;
-webkit-animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
}
.map_summery p strong {color:#f5ed0d; font-weight:400;}
@keyframes ani {
	0%   {transform:rotate(0deg);}
	100%   {transform:rotate(10deg);}
}
@-webkit-keyframes ani {
	0%   {-webkit-transform:rotate(0deg);}
	100%   {-webkit-transform:rotate(10deg);}
}

@media screen and (max-width:1023px){
.map_summery {width:270px; height:270px; margin:-135px 0 0 32px;}	
.map_summery p {padding:40px 0 0 0; font-size:17px; line-height:22px;}
.map_summery p span {width:126px; height:116px;}
}	

@media screen and (max-width:640px){
.map_summery {width:230px; height:230px; margin:-115px 0 0 -115px;}	
.map_summery p {padding:35px 0 0 0; font-size:16px; line-height:20px;}
.map_summery p span {width:106px; height:98px;}
}



#sub070301 .bx1 .bx_lst.bx_lst_type2 .titles:before, 
#sub070301 .bx1 .bx_lst.bx_lst_type2  .titles:after{ display:none}
#sub070301 .bx1 .bx_lst.bx_lst_type2 p{ text-align:center; color:#fff; background:#708698; padding:15px; font-size:16px; font-weight:600}
.innovation-list:after{ display:block; content:""; clear:both}
.innovation-list{ margin:0 -10px 0 -10px}
.innovation-list > li{ float:left; width:33.3333%; box-sizing:border-box; padding:10px 5px; }
.innovation-list div{ padding:20px 16px; background:#f5f6f8; min-height:45px}
.innovation-list > li > div > strong{ color:#00957e; font-size:15px; text-indent:-19px ; display:inline-block; padding-left:20px}
.innovation-list ol ol{ font-size:13px}
.innovation-list .num{ display:inline-block; background:#7c88a3; color:#fff; font-weight:bold; height:19px; width:19px; text-align:center; box-sizing:border-box;  font-size:12px; line-height:19px; position:absolute; top:17px}
.innovation-list > li > div > ol > li{ position:relative; border-top: 1px dashed #dedede; padding:14px 0; }
.innovation-list > li > div > ol > li:first-child{ border:none}
.innovation-list> li > div > ol > li > strong{ font-size:14px; display:inline-block; padding-left:25px; }
.innovation-list .pt{ background:#3ab9a2; color:#fff; padding:1px 4px 1px 4px;}

.innovation-list.innovation-list_type2 div{  min-height:250px}

@media screen and (max-width:1223px){
.innovation-list > li{ float:none; width:100%; padding:5px 10px }
.innovation-list div{ min-height:auto}
.innovation-list li li li{ float:left;  border-left:1px solid #dedede; padding:0 10px; margin-bottom:5px  }
.innovation-list ol ol:after{ display:block; clear:both; content:""}
}


.demand-analysis{ margin: 0 -20px}
.demand-analysis div{float:left; width: 33.3%; box-sizing: border-box; padding: 0 20px}
.demand-analysis:after{content:""; display:block; clear:both}
@media screen and (max-width:880px){
  .demand-analysis div{width: 100%; padding-top:10px;}
  .demand-analysis img{ display:none}
}


.org-list:after{display:block; clear:both; content:""}
.org-list > li{float:left;width:25%;padding: 4px;box-sizing:border-box;}
.org-list.org-list-type2 > li{margin-bottom:15px}
.org-list > li > a{display:block; padding:10px ; border:1px solid rgba(0,0,0,0.15);text-decoration:none; transition: all 0.3s ease }
.org-list > li > a:hover{border:1px solid rgba(0,0,0,1);text-decoration:none;}
.org-list > li > a.blank{ background-position: 95% center}
.org-list  li div{padding:10px 10px 5px 10px;height:150px;border: 1px solid #dedede; border-top:none}
.org-list  li li{ padding:2px 0 2px 12px; position:relative;}
.org-list  li ul{ margin-bottom:10px}
.org-list  li li a{display:block; font-size:14px}
.org-list  li li:after{background:#d2d2d2;content:""; display:block; width:3px; height:3px; position:absolute; left:2px; top:11px;}

.org-list  li a.f-more{ text-align:center; background:#eceff5; padding:7px; display:block;font-size:14px; text-decoration:none; transition:all ease 0.3s;cursor:pointer}
.org-list  li a.f-more:hover{background:#cfd8e7}

@media screen and (max-width:1360px){
  .org-list > li{ width:33.333%}
}
@media screen and (max-width:800px){
  .org-list > li{ width:50%}
}

@media screen and (max-width:480px){
  .org-list > li{ width:100%}
  .org-list  li div{min-height:auto;}
}

/*온라인측정민원 민원처리절차 추가 220902*/

.iconBox {
    display: flex;
    justify-content: flex-start;
    margin-top: 70px;
}
  .iconBox li {
    flex: 1;
    /* height: 200px; */
    margin-right: 20px;
    padding: 0 20px 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    text-align: center;
}
.iconBox li .txtArea .title {
    display: block;
    margin-bottom: 20px;
    font-family: "NanumSquare R";
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.9px;
    color: #333;
}
.iconBox li .txtArea p {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: -0.7px;
    color: #333;
    text-align: center;
}

.iconBox li .txtArea strong{display:block;margin-top: 5px;}

.iconBox li .txtArea .yellow {
    display: block;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: -0.7px;
}

.iconBox li .icon{
    width: 60px;
    height: 60px;
    margin: -30px auto 0;
}
.iconBox li .txtArea {
    padding-top: 20px;
    box-sizing: border-box;
}
.iconBox li .icon.phone {
    background: url(/images/kor/content/ico-smartPhone.png);
}
.iconBox li .icon.post {
    background: url(/images/kor/content/ico-post.png);
}

.iconBox li .icon.clock {
    background: url(/images/kor/content/ico-clock.png);
}

.iconBox li .icon.fax {
    background: url(/images/kor/content/ico-fax.png);
}

.iconBox li .icon.tell {
    background: url(/images/kor/content/ico-tell.png);
}

.iconBox li .icon.email {
    background: url(/images/kor/content/ico-email.png);
}

/* LX디지털 상담소 */
.iconBox li .icon.advice {
    background: url(/images/kor/content/ico-advice.png);
}

/* 정부기관 */
.iconBox li .icon.government{
    background: url(/images/kor/content/ico-government.png);
}

/* 홈페이지 */
.iconBox li .icon.home{
    background: url(/images/kor/content/ico-home.png);
}

/* 서면 */
.iconBox li .icon.visit{
    background: url(/images/kor/content/ico-visit.png);
}







.colorType.yellow {
    color: #e78700;
}

@media (max-width: 768px){
    .iconBox li {
        display: flex;
        align-items: flex-start;
        height: auto;
        padding: 0;
        border: 0;
        margin-bottom: 20px;
    }   
    
    
    .iconBox li .txtArea p {
        display: inline-block;
        font-size: 12px;
        line-height: 12px;
    }
    
    
    .iconBox {
        display: block;
        margin-top: 20px;
    }
    
    
    .iconBox li .icon.phone, .iconBox li .icon.post, .iconBox li .icon.clock, .iconBox li .icon.fax, .iconBox li .icon.tell, .iconBox li .icon.email, .iconBox li .icon.advice, .iconBox li .icon.government, .iconBox li .icon.home, .iconBox li .icon.visit {
        background-size: cover;
    }
    

    
    .iconBox li .txtArea {
        padding-top: 0;
        margin-left: 20px;
        text-align: left;
    }
    
    
    .iconBox li .txtArea .title {
        margin-bottom: 0;
        font-size: 14px;
    }
    
    
    .iconBox li .txtArea p {
        display: inline-block;
        font-size: 12px;
        line-height: 12px;
    }

      .iconBox li .icon {
       margin:0;
    }
    }



/* 개인정보 처리방침 업데이트 20240702 */


.datalist *,
.datalist *::before,
.datalist *::after{box-sizing:border-box;}
.datalist{margin-top:3em;margin-bottom:2em;letter-spacing:-0.06em;font-size:16px;}
.datalist>.head{text-align:center;}
.datalist>.head>strong{font-weight:700; font-size:1.4117em; color:#333;}
.datalist>.midd{display:flex;padding: 2.5em 1.5em;border:1px solid #E0E0E0;border-radius:0.4em;}
.datalist>.midd>ul{/* display:flex; */flex-wrap:wrap; width:50%;}
.datalist>.midd>ul>li{/* width:50%; */padding:0 1em;}

.datalist>.midd>ul>li:nth-child(n+2){margin-top:1.1em;}
.datalist>.midd>ul>li>a{font-weight:500; font-size:16px; color:#333;line-height: 1.6;}
.datalist>.midd>ul>li>a:hover{text-decoration:underline;}

.datalist>.head+.midd{margin-top:1.5em;}

[data-icon*="userData-"]{display:block;position:relative;min-height:2.1em;padding: 0.35em 0 0 2.4em;font-size:inherit;color:inherit;}
h5>[data-icon*="userData-"]{padding-left:2.5em;padding-top: 1em;}
[data-icon*="userData-"]::before{content:""; display:block; position:absolute; left:0; top:calc(50% - 1.8em); width:3.6em; height:3.6em; font-size:0.5882em; background-image:url(/images/kor/content/user-data_02.svg); background-repeat:no-repeat; background-size:60em auto;}
[data-icon="userData-1"]::before{background-position:calc(-3.6em * 0) -10em;}
[data-icon="userData-2"]::before{background-position:calc(-3.6em * 1) -10em;}
[data-icon="userData-3"]::before{background-position:calc(-3.6em * 2) -10em;}
[data-icon="userData-4"]::before{background-position:calc(-3.6em * 3) -10em;}
[data-icon="userData-5"]::before{background-position:calc(-3.6em * 4) -10em;}
[data-icon="userData-6"]::before{background-position:calc(-3.6em * 5) -10em;}
[data-icon="userData-7"]::before{background-position:calc(-3.6em * 6) -10em;}
[data-icon="userData-8"]::before{background-position:calc(-3.6em * 7) -10em;}
[data-icon="userData-9"]::before{background-position:calc(-3.6em * 8) -10em;}
[data-icon="userData-10"]::before{background-position:calc(-3.6em * 9) -10em;}
[data-icon="userData-11"]::before{background-position:calc(-3.6em * 10) -10em;}
[data-icon="userData-12"]::before{background-position:calc(-3.6em * 11) -10em;}
[data-icon="userData-13"]::before{background-position:calc(-3.6em * 12) -10em;}
[data-icon="userData-14"]::before{background-position:calc(-3.6em * 13) -10em;}
[data-icon="userData-15"]::before{background-position:calc(-3.6em * 14) -10em;}
[data-icon="userData-16"]::before{background-position:calc(-3.6em * 15) -10em;}
[data-icon="userData-17"]::before{background-position:calc(-3.6em * 16) -10em;}
[data-icon="userData-18"]::before{background-position:calc(-3.6em * 17) -10em;}

.per_info{font-size: 1.6em;padding-top: 16px;margin-top: 30px;font-weight: 700;font-family: "Nanum Square";}

@media screen and (max-width: 900px) {
	.databox[data-page]>.midd>.midd{display: block;/* padding: 10px; */align-items:center;justify-content:center;position:fixed; left:0;top:0; z-index:1000;width:100%;height: calc(100%);padding: 3em 1.5em;margin-top: 0; background-color:rgba(0,0,0,0.7);}
    .databox[data-page]>.midd>.midd>ul{max-height:100%; background-color:#fff; border-radius:1em;}
    .databox[data-page]>.midd>.midd>ul>li{border:none;padding-left: 10px;}
    .databox[data-page]>.midd>.midd>ul>li>ul::before{display:none;}
    .databox[data-page]>.midd>.midd>ul>li>ul>li{width:100%; padding:0;}
    .databox[data-page]>.midd>.midd>ul>li>ul>li:nth-child(n+2){margin-top:2em;}
    .databox>.midd>.midd>ul>li>.foot{padding:0.5em 0 0 0;}
    .databox>.midd>.head>ul{overflow:auto;}

    .datalist>.midd{padding:2em;}
    .datalist>.midd>ul>li{/* width: calc((100% - 1em) / 2); */padding:0;}
    .datalist>.midd>ul>li:nth-child(2n+1){margin-right:1em;}
}
@media screen and (max-width: 700px){
	.datalist>.midd>ul>li>a{font-size:14px;}
	.table.info th{display:block; border-left:1px solid #bbb !important;}
}
@media screen and (max-width: 600px) {
	.per_info{font-size: 1.4em;}
	.datalist>.midd{padding:2em 1em;display: block;}
	.info_p{line-height: 1.4;}
  	.datalist>.midd>ul{width:100%;}
    .datalist>.midd>ul>li{width:100%; margin-right:0 !important;}
    .datalist>.midd>ul>li:nth-child(n+2){margin-top:0.6em;}
    .datalist>.midd>ul:nth-child(2){margin-top:0.6em;}
	.m_bt10{margin-top:10px;}
}

.dep_01 {border: 1px solid #d6d6d6; margin: 0 auto; padding: 0 20px 30px; border-radius: 10px; } 
.dep_02 { display: flex; } 
.dep_02:first-child { margin-top: 0; } 
.dep_03 {padding: 30px 0 0 0; width: 33.3%; } 
.dep_03:nth-child(n+2) { margin-left: 20px; } 

.dep_03 .dep_img { border: 1px solid #d6d6d6; border-radius: 10px; text-align: center; height: 135px; } 
.dep_03 .dep_img span img { padding: 16px 60px 16px; text-align: center; } 
.dep_03 .dep_img p { padding: 10px 20px; margin-bottom: 0; margin-top: 0; text-align: center; background: #dde7f8; border-radius: 0 0 10px 10px; letter-spacing: -1px; /* display: inline-block; */ } 
.dep_info { margin-top: 10px; } 
.small_2 { font-size: 12px; } 

@media screen and (max-width: 700px){
 .dep_02 { width: 100%; } 
 .dep_03 { width: 100%; display: inline-block; } 
 .dep_03:nth-child(n+2) { margin-left: 0px; } 
 .dep_02 { display: block; width: 100%; } 
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 공개제한 공간정보
	연관단어 : sub06030401

////////////////////////////////////////////////////////////////////////////// */
#sub06030401 ul li,
#sub06030401 ul li{position:relative;width:100%;height:auto;margin-bottom:34px;padding: 40px 40px 40px 40px;background-color:#f2f2f2;box-sizing:border-box;}
#sub06030401 ul li:last-child{margin-bottom:0;}
#sub06030401 ul li:after{content:""; position:absolute; bottom:-15px; left:50%; z-index:0; width:40px; height:40px; margin-left:-20px; background-color:#f2f2f2; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#sub06030401 ul li:last-child:after{display: none;}

#sub06030401 ul li .txts{position:relative; z-index:5;}
#sub06030401 ul li .txts strong{display:inline-block; line-height:22px; margin-right:5px; font-size:20px;}
#sub06030401 ul li .txts strong em{
	display: inline-block; width:21px; height:21px; line-height:19px; margin-right:7px; margin-top:-4px; background-color:#464f56; font-style:normal; font-size:15px; text-align:center; vertical-align:middle; color:#fff;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub06030401 ul li .txts span{font-weight:700; font-size:17px; color:#008762;}
#sub06030401 ul li .txts p{margin: 6px 30px 0;}

@media screen and (max-width:840px){
	#sub06030401 ul li .txts strong{line-height:20px; margin-right:2px; font-size:18px;}
	#sub06030401 ul li .txts strong em{width:19px; height:19px; margin-right:4px; margin-top:-2px; font-size:13px;}
	#sub06030401 ul li .txts span{font-size:16px;}
}
@media screen and (max-width:740px){
	#sub06030401 ul li{margin-bottom:25px; padding:30px;}
	#sub06030401 ul li:after{bottom:-10px;}
}
@media screen and (max-width:640px){
	#sub06030401 ul li{margin-bottom:20px;padding: 30px;}
	#sub06030401 ul li:after{bottom:-6px;}
	#sub06030401 ul li .txts strong{line-height:18px;margin-right:2px;font-size:16px;}
	#sub06030401 ul li .txts strong em{width:17px; height:17px; line-height:17px; margin-top:-3px; font-size:12px;}
	#sub06030401 ul li .txts span{font-size:14px;}
	#sub06030401 ul li .txts p{margin: 3px 22px 0;}
}
@media screen and (max-width:480px){
	#sub06030401 ul li{padding: 20px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 심사 대상 및 기준 절차
	연관단어 : sub06030402

////////////////////////////////////////////////////////////////////////////// */
#sub06030402 .bx1 .txtbx,
#sub06030402 .bx1 .txtbx .line,
#sub06030402 .bx1 .bx_lst ul li,
#sub06030402 .bx1 .bx_lst ul li .tt,
#sub06030402 .bx2 ul li,
#sub06030402 .bx2 ul li .li_wr,
#sub06030402 .bx2 ul li .li_wr ol,
#sub06030402 .bx2 .txtbx strong{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub06030402 .line{width:100%; height:100%; border:1px solid rgba(255,255,255,0.4); box-sizing:border-box;}


#sub06030402 .bx1 .txtbx{
	width:100%; height:auto; padding:8px; background:url(/images/kor/content/gradation.jpg) no-repeat left top; background-size:cover; box-sizing:border-box;
	border-radius:60px;
	-webkit-border-radius:60px; 
}
#sub06030402 .bx1 .txtbx .line{
	padding:15px 20px;
	border-radius:60px; 
	-webkit-border-radius:60px;
}
#sub06030402 .bx1 .txtbx span{display: block; font-size:17px; color:#fff; text-align:center; font-weight:700;}
#sub06030402 .bx1 .txtbx strong{display: block; line-height:22px; padding-top:10px; font-size:22px; text-align:center;}
#sub06030402 .bx1 .txtbx.ty2{margin-top:15px; background:#ecf2f7; border:2px solid #d1d9df; box-sizing:border-box;}
#sub06030402 .bx1 .txtbx.ty2 .line{border:1px solid rgba(255,255,255,0);}
#sub06030402 .bx1 .txtbx.ty2 span{color:#828588;}

#sub06030402 .bx1 .bx_lst .titles{position:relative; width:100%; height:25px; margin-top:22px; margin-bottom:14px; text-align:center;}
#sub06030402 .bx1 .bx_lst .titles:before,
#sub06030402 .bx1 .bx_lst .titles:after{content:""; position:absolute; top:0; left:0; display: block; width:2px; height:100%; background-color:#b5d3e7;}
#sub06030402 .bx1 .bx_lst .titles:after{left:auto; right:0;}
#sub06030402 .bx1 .bx_lst .titles strong{display:inline-block; width:20%; line-height:25px; font-size:18px; color:#07469b;}
#sub06030402 .bx1 .bx_lst .titles .line{overflow: hidden; display: inline-block; width:40%; height:2px; background-color:#b5d3e7; text-indent:-2000px;}
#sub06030402 .bx1 .bx_lst .titles strong,
#sub06030402 .bx1 .bx_lst .titles .line{vertical-align:middle;}
#sub06030402 .bx1 .bx_lst ul{overflow: hidden;}
#sub06030402 .bx1 .bx_lst ul li{float:left;width: 50%;padding-right:5px;box-sizing:border-box;}
#sub06030402 .bx1 .bx_lst ul li:first-child,
#sub06030402 .bx1 .bx_lst ul li:nth-child(2){margin-bottom:5px;}
#sub06030402 .bx1 .bx_lst ul li .tt{display:table; table-layout:fixed; width:100%; height:54px; padding:0 10px; background-color:#5b7083; box-sizing:border-box;}
#sub06030402 .bx1 .bx_lst ul li .tt strong{display:table-cell; width:100%; height:100%; line-height:19px; vertical-align:middle; text-align:center; font-size:16px; color:#fff;}
#sub06030402 .bx1 .bx_lst ul li ol{width:100%;min-height:165px;margin:2px 0 0 0;padding:20px;background-color:#f5f7f8;box-sizing:border-box;min-height: 640px;}
#sub06030402 .bx1 .bx_lst ul li ol li{float: none; width:100%; padding-right:0;}
#sub06030402 .bx1 .bx_lst ul li ol li em{background-color:#d9dfe2; color:#5e5e5e;}


@media screen and (max-width:1440px){
	#sub06030402 .bx2 ul li .li_wr{padding:25px;}
	#sub06030402 .bx2 ul li .li_wr img{left:25px;}
}
@media screen and (max-width:1380px){
	#sub06030402 .bx2 ul li .li_wr ol{min-height:115px;}
}
@media screen and (max-width:1240px) and (min-width:1024px){
	#sub06030402 .bx1 .bx_lst .titles .line{width:38%;}
	#sub06030402 .bx1 .bx_lst .titles strong{width:24%;}
	#sub06030402 .bx1 .bx_lst ul li .tt strong{font-size:15px;}
	#sub06030402 .bx1 .bx_lst ul li ol{min-height: 640px;}
	#sub06030402 .bx2 ul li .li_wr{padding:20px;}
	#sub06030402 .bx2 ul li .li_wr img{left:20px;}
	#sub06030402 .bx2 ul li .li_wr ol{min-height:140px;}
}
@media screen and (max-width:940px){
	#sub06030402 .bx1 .bx_lst .titles .line{width:38%;}
	#sub06030402 .bx1 .bx_lst .titles strong{width:24%;}
	#sub06030402 .bx1 .bx_lst ul li ol{min-height: 645px;}
}
@media screen and (max-width:840px){
	#sub06030402 .bx1 .bx_lst .titles .line{width:38%;}
	#sub06030402 .bx1 .bx_lst .titles strong{width:24%;}
	#sub06030402 .bx2 ul li .li_wr ol{min-height:140px;}
}
@media screen and (max-width:740px){
	#sub06030402 .bx1 .bx_lst .titles:before,
	#sub06030402 .bx1 .bx_lst .titles:after,
	#sub06030402 .bx1 .bx_lst .titles .line{display: none;}
	#sub06030402 .bx1 .bx_lst .titles strong{width:auto;}

	#sub06030402 .bx1 .bx_lst ul li{float: none; width:100%; margin-bottom:5px; padding-right:0;}
	#sub06030402 .bx1 .bx_lst ul li:last-child{margin-bottom:0;}
	#sub06030402 .bx1 .bx_lst ul li .tt{height:45px;}
	#sub06030402 .bx1 .bx_lst ul li ol{min-height:auto;}
	#sub06030402 .bx1 .bx_lst ul li ol li{margin-bottom:0;}
	
	#sub06030402 .bx2{margin-top:25px;}
	#sub06030402 .bx2 ul li{float:none; width:100%; padding-right:0;}
	#sub06030402 .bx2 ul li .li_wr{padding:20px;}
	#sub06030402 .bx2 ul li .li_wr img{top:25px;}
	#sub06030402 .bx2 ul li .li_wr ol{min-height:auto;}
	#sub06030402 .bx2 .txtbx strong{padding:7px;}
}
@media screen and (max-width:640px){
	#sub06030402 .bx1 .txtbx span{font-size:16px;}
	#sub06030402 .bx1 .txtbx strong{padding-top:6px; font-size:20px;}
	#sub06030402 .bx1 .bx_lst ul li .tt strong{line-height:16px; font-size:14px;}
	#sub06030402 .bx1 .bx_lst .titles{margin-top:15px; margin-bottom:8px;}
	#sub06030402 .bx1 .bx_lst .titles strong,
	#sub06030402 .bx2 .txtbx strong{font-size:17px;}
}
@media screen and (max-width:540px){
	#sub06030402 .bx1 .txtbx{border-radius:15px; -webkit-border-radius:15px;}
	#sub06030402 .bx1 .txtbx .line{border-radius:10px; -webkit-border-radius:10px;}
	#sub06030402 .bx1 .txtbx.ty2{margin-top:5px;}
}
@media screen and (max-width:480px){
	#sub06030402 .bx1 .txtbx .line{padding:10px 15px;}
	#sub06030402 .bx1 .txtbx span{font-size:15px;}
	#sub06030402 .bx1 .txtbx strong{padding-top:2px; font-size:18px;}
}



/* //////////////////////////////////////////////////////////////////////////////


	페이지정보 : LX디지털상담소

////////////////////////////////////////////////////////////////////////////// */


.area_flex {
    /* border:1px solid red; */
    display: flex;
}

.area_flex div {
    width: 50%;
}

.area_list li {
    display: inline-block;
    width: 48%;
    margin-left: 4px;
    border-radius: 30px;
    border: 2px solid #00957e;
    box-sizing: border-box;
    padding: 10px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    margin-top: 6px;
}

@media screen and (max-width: 1300px) {
    .area_list li {
        font-size: 13px;
    }
}

@media screen and (max-width: 1130px) {
    .area_flex {
        display: inline-block;
    }

    .area_flex div {
        width: 100%;
    }

}


@media screen and (max-width: 720px) {
    .area_list li {
        padding: 6px;
        font-size: 14px;
    }
}

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

    .area_list li {
        font-size: 12px;
        padding: 4px;
        margin-left: 2px;
    }

}

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

   .area_list li{
	   width:100%;
   }

}


/* 공간정보표준 */
.sub01030201 {}
.sub01030201_img ul{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 20px;align-items: flex-start;}
.sub01030201_img ul li{
    /* width: 47%; */
    margin:0 12px;
    text-align: center;
}
.sub01030201_img ul li:nth-child(1){
	width:50%;
}
.sub01030201_img ul li:nth-child(2){
	width:40%;
}
.sub01030201_img ul li span{
	font-size: 19px;
	font-weight:700;
	margin-bottom:14px;
	display:inline-block;
	background: #298770;
	color: #ffffff;
	padding: 4px 16px;
	border-radius: 20px;
	margin-bottom: 0px;
}
@media screen and (max-width: 700px){
.sub01030201_img ul li span{font-size:16px;}
.sub01030201_img ul li:nth-child(1){
	width:100%;
}
.sub01030201_img ul li:nth-child(2){
	width:100%;
}
} 

/* 공간정보 품질관리 */
#sub01030202 ul li,
#sub01030202 ul li .icons{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#sub01030202 ul li{position:relative; width:100%; height:auto; margin-bottom:34px; padding:40px 40px 40px 143px; background-color:#f2f2f2; box-sizing:border-box;}
#sub01030202 ul li:last-child{margin-bottom:0;}
#sub01030202 ul li:after{content:""; position:absolute; bottom:-15px; left:50%; z-index:0; width:40px; height:40px; margin-left:-20px; background-color:#f2f2f2; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#sub01030202 ul li:last-child:after{display: none;}
#sub01030202 ul li .icons{
	position:absolute; top:23px; left:40px; width:83px; height:83px; background-color:#d9e0e8; background-repeat:no-repeat; background-position:center center;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub01030202 ul li:first-child .icons{background-image: url(/images/kor/content/sub01030202_icon01.png);}
#sub01030202 ul li:nth-child(2) .icons{background-image: url(/images/kor/content/sub01030202_icon02.png);}
#sub01030202 ul li:nth-child(3) .icons{background-image: url(/images/kor/content/sub01030202_icon03.png);}
#sub01030202 ul li:nth-child(4) .icons{background-image: url(/images/kor/content/sub01030202_icon04.png);}
#sub01030202 ul li:nth-child(5) .icons{background-image: url(/images/kor/content/sub01030202_icon05.png);}
#sub01030202 ul li:nth-child(6) .icons{background-image: url(/images/kor/content/sub01030202_icon06.png);}
#sub01030202 ul li .txts{position:relative; z-index:5;}
#sub01030202 ul li .txts strong{display:inline-block; line-height:22px; margin-right:5px; font-size:20px;}
#sub01030202 ul li .txts strong em{
	display: inline-block; width:21px; height:21px; line-height:19px; margin-right:7px; margin-top:-4px; background-color:#464f56; font-style:normal; font-size:15px; text-align:center; vertical-align:middle; color:#fff;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub01030202 ul li .txts span{font-weight:700; font-size:17px; color:#008762;}
#sub01030202 ul li .txts p{margin:6px 0 0;}

@media screen and (max-width:840px){
	#sub01030202 ul li .txts strong{line-height:20px; margin-right:2px; font-size:18px;}
	#sub01030202 ul li .txts strong em{width:19px; height:19px; margin-right:4px; margin-top:-2px; font-size:13px;}
	#sub01030202 ul li .txts span{font-size:16px;}
}
@media screen and (max-width:740px){
	#sub01030202 ul li{margin-bottom:25px; padding:36px 30px 36px 130px;}
	#sub01030202 ul li:after{bottom:-10px;}
	#sub01030202 ul li .icons{left:30px; width:75px; height:75px; background-size:70%;}
}
@media screen and (max-width:640px){
	#sub01030202 ul li{margin-bottom:20px; padding:32px 25px 32px 120px;}
	#sub01030202 ul li:after{bottom:-6px;}
	#sub01030202 ul li .icons{top:15px; left:25px;}
	#sub01030202 ul li .txts strong{line-height:18px; margin-right:2px; font-size:16px;}
	#sub01030202 ul li .txts strong em{width:17px; height:17px; line-height:17px; margin-top:-3px; font-size:12px;}
	#sub01030202 ul li .txts span{font-size:14px;}
	#sub01030202 ul li .txts p{margin:3px 0 0;}
}
@media screen and (max-width:480px){
	#sub01030202 ul li{padding:27px 20px 27px 100px;}
	#sub01030202 ul li .icons{left:20px; width:65px; height:65px;}
}

.standard_process{
    display: flex;
    flex-wrap: wrap;
}
.standard_process li{
    box-sizing: border-box;
    text-align: center;
    /* width: calc(25% - 24px);
    margin: 0 12px; */
    background-color: #0059a4;
    width: 74px;
    height: 74px;
    border-radius: 50%;
}
.standard_process li div p{
    word-break: keep-all;
    text-align: center;
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 지적측량신청
	연관단어 : sub050101

////////////////////////////////////////////////////////////////////////////// */



#sub050101 img.info,
#sub050101 .bx,
#sub050101 .bx > img,
#sub050101 .bx ul,
#sub050101 .bx ul li,
#sub050101 .bx ul li .li_wr,
#sub050101 .bx ul li .li_wr img{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub050101 img{display: block; margin:0 auto;}
#sub050101 img.info{width:85%; max-width:496px; padding-top:40px;}
#sub050101 img.exam{width:100%; max-width:624px; padding-top:40px;}
#sub050101 .bx{width:100%; margin-top:40px; padding:25px 0 40px; background-color:#f7f7f7; text-align:center; box-sizing:border-box;}
#sub050101 .bx ul{overflow: hidden; display: inline-block; margin-top:40px;}
#sub050101 .bx.bx2 ul li{float:left; padding-right:60px; box-sizing:border-box;}
#sub050101 .bx ul li:last-child{padding-right:0;}
#sub050101 .bx.bx2 ul li:last-child{padding-right:0;}
#sub050101 .bx ul li .li_wr{
	display:block; width:216px; height:216px; padding:35px 40px; background-color:#fff; border:3px solid #e0e0e0; text-decoration:none; box-sizing:border-box;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub050101 .bx.bx2 ul li .li_wr{padding: 14px;}
#sub050101 .bx ul li .li_wr strong{display: block; line-height:19px; margin-top:20px; font-size:17px; text-align:center;}
#sub050101 .bx.bx2 ul li .li_wr strong{margin-top:10px;}
#sub050101 .bx.bx2 ul li .li_wr em{text-align:center;margin-bottom:0px;line-height: 20px;margin-top: 4px; display: inline-block; font-style:normal;}
#sub050101 .bx ul li .li_wr span{
	overflow: hidden; display:inline-block; width:37px; height:12px; margin-top:12px; background:url(/images/kor/content/060101_arrow.png) no-repeat left top; text-indent:-2000px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#sub050101 .bx ul li .li_wr:hover{border-color:#009a84;}
#sub050101 .bx ul li .li_wr:hover span{margin-left:15px;}

@media screen and (max-width:1440px){
	#sub050101 .bx{padding:25px 0 35px;}
	#sub050101 .bx ul{margin-top:30px;}
	#sub050101 .bx ul li{padding-right:15px;}
	#sub050101 .bx ul li .li_wr{width:175px; height:175px; padding:25px 30px;}
	#sub050101 .bx ul li .li_wr strong{line-height:17px; margin-top:10px; font-size:15px;}
	#sub050101 .bx.bx2 ul li .li_wr em{font-size: 12px;}
	#sub050101 .bx ul li .li_wr span{margin-top:8px;}
	#sub050101 .bx ul li .li_wr img{width:55px;}
}
@media screen and (max-width:1240px){
	#sub050101 .bx{padding:25px 0 30px;}
	#sub050101 .bx > img{width:245px;}
	#sub050101 .bx ul{margin-top:20px;}
	#sub050101 .bx ul li{padding-right:15px;}
    #sub050101 .bx.bx2 ul li{padding-right:35px;}
	#sub050101 .bx ul li .li_wr{width:165px; height:165px; padding:20px 30px; border:2px solid #e0e0e0;}
	#sub050101 .bx.bx2 ul li .li_wr{padding: 10px;}
	#sub050101 .bx ul li .li_wr span{width:30px; background-size:100%;}
	#sub050101 .bx ul li .li_wr:hover span{margin-left:12px;}
}
@media screen and (max-width:1140px) and (min-width:1024px){
	#sub050101 .bx{padding:25px 0;}
	#sub050101 .bx > img{width:230px;}
	#sub050101 .bx ul{margin-top:15px;}
	#sub050101 .bx ul li{padding-right:10px;}
	#sub050101 .bx ul li .li_wr{width:145px; height:145px; padding:25px 20px; border:2px solid #e0e0e0;}
	#sub050101 .bx ul li .li_wr strong{margin-top:7px;}
	#sub050101 .bx ul li .li_wr img{width:40px;}
	#sub050101 .bx ul li .li_wr span{width:27px; margin-top:6px;}
	#sub050101 .bx ul li .li_wr:hover span{margin-left:12px;}
}
@media screen and (max-width:840px){
	#sub050101 .bx{margin-top:90px;}
}
@media screen and (max-width:840px) and (min-width:741px){
	#sub050101 .bx{padding:25px 0;}
	#sub050101 .bx > img{width:230px;}
	#sub050101 .bx ul{margin-top:15px;}
	#sub050101 .bx ul li{padding-right:10px;}
	#sub050101 .bx ul li .li_wr{width:145px; height:145px; padding:25px 20px; border:2px solid #e0e0e0;}
	#sub050101 .bx ul li .li_wr strong{margin-top:7px;}
	#sub050101 .bx ul li .li_wr img{width:40px;}
	#sub050101 .bx ul li .li_wr span{width:27px; margin-top:6px;}
	#sub050101 .bx ul li .li_wr:hover span{margin-left:12px;}
}
@media screen and (max-width:740px){
	#sub050101 .bx ul{width:345px;}
	#sub050101 .bx ul{width:365px;}
	#sub050101 .bx ul li:first-child,
	#sub050101 .bx ul li:nth-child(2){margin-bottom:15px;}
	#sub050101 .bx ul li:nth-child(2){padding-right:0;}
	#sub050101 .bx.bx2 ul li{padding-right:10px;}
}
@media screen and (max-width:640px){
	#sub050101 img.info,
	#sub050101 img.exam{padding-top:25px;}
	#sub050101 .bx{margin-top:60px;}
}
@media screen and (max-width:540px){
	#sub050101 img.info,
	#sub050101 img.exam{padding-top:15px;}
	#sub050101 .bx{margin-top:35px; padding:25px 0;}
	#sub050101 .bx > img{width:230px;}
	#sub050101 .bx ul{width:300px; margin-top:15px;}
	#sub050101 .bx ul li{padding-right:10px;}
	#sub050101 .bx ul li:first-child,
	#sub050101 .bx ul li:nth-child(2){margin-bottom:10px;}
	#sub050101 .bx.bx2 ul li{padding-right:4px;}
	#sub050101 .bx.bx2 ul li:nth-child(2){padding-right:6px;}
	#sub050101 .bx ul li .li_wr{width:145px; height:145px; padding:25px 20px; border:2px solid #e0e0e0;}
	#sub050101 .bx ul li .li_wr strong{margin-top:7px;}
	#sub050101 .bx ul li .li_wr img{width:40px;}
	#sub050101 .bx ul li .li_wr span{width:27px; margin-top:6px;}
	#sub050101 .bx ul li .li_wr:hover span{margin-left:12px;}
}
@media screen and (max-width:380px){
	#sub050101 .bx{padding:20px 0;}
	#sub050101 .bx > img{width:210px;}
	#sub050101 .bx ul{width:280px; margin-top:15px;}
	#sub050101 .bx ul li .li_wr{width:135px; height:135px;}
	#sub050101 .bx ul li .li_wr strong{line-height:16px; margin-top:6px; font-size:14px;}
	#sub050101 .bx ul li .li_wr img{width:40px;}
}