@charset "UTF-8"; 

/* 서브컨텐츠 */
.subContents{position:relative; margin:0 auto; max-width:1280px; margin-bottom:60px;}
.subContents h3{color:#333; font-size:30px; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:30px}
.subContents h4{color:#108ad3; font-size:24px; margin-top:0; margin-bottom:10px; font-weight:500;}
.subContents h5{position:relative; font-size:18px; color:#001f64; margin-bottom:10px; padding-left:12px; font-weight:500;}
.subContents h5:before{content:''; position:absolute; top:7px; left:0; width:4px; height:16px; background-color:#001f64;}
.subContents .content{max-width:100%; margin:0 auto; padding:0 0 0 300px;}

.int_cont{overflow:hidden;}
.ul_dot {position:relative; margin-bottom:30px; font-size:18px;}
.ul_dot > li{padding-left:20px; margin-bottom:5px}
.ul_dot > li:before {display:block; content:''; position:absolute; left:12px; width:3px; height:3px; background-color:#484848; margin-top:11px; color:#000}
.ul_dot > li > ul{padding-bottom:5px}
.ul_dot > li > ul > li{margin:5px 0; background:url(../images/list_bul.png) no-repeat left 9px; padding-left:8px}
.list_bul{margin:0 0 3px 0; background:url(../images/list_bul.png) no-repeat left 9px; padding-left:8px}
.hiddenTxt {display:block; position:absolute; top:-9999px;}

.list_2st{margin-bottom:20px}
.list_2st li{margin:2px 0; background:url(../images/list_bul.png) no-repeat left 9px; font-size:14px}
.img_coming{position:relative; margin-top:80px; text-align:center;}
.img_mt40{margin-bottom:60px;}

/** responsible **/
.forPc{display:block !important;}
.forTab,.forMbl,.hidePc{display:none !important;}

/* tab */
.view_Tab .tab_area{display:block; position:relative; margin:40px 0 30px 0; line-height:1.333; letter-spacing:-1px; overflow:hidden; border-left:1px solid #cdcdcd;}
.view_Tab .tab_area ul{width:100%; text-align:center;}
.view_Tab .tab_area li{float:left; vertical-align:top; text-align:center; color:#000; cursor:pointer;}
.view_Tab .tab_area li a{display:block; height:50px; line-height:50px; border:1px solid #cdcdcd; border-left:none;}
.view_Tab .tab_area li > a.On{background:#f6f6f6; color:#000; font-weight:500;}
.tabBody{display:none;}
.tabBody.On{display:block; padding-bottom:20px;}
.tabBody.maintab.On{display:block; position:absolute; left:0; padding:20px 40px; width:100%;}

/* 탭 갯수 */
.t_d2 ul li {width:50%;}
.t_d3 ul li {width:33.33%;}
.t_d4 ul li {width:25%;}
.t_d6 ul li {width:16.66%;}

/* 만족도 */
.satisfy{clear:both; position:relative; margin-top:80px; padding:10px 35px; background:#f6f6f6; border:1px solid #ddd; border-top:1px solid #555;}
.satisfy > ul{height:45px;}
.satisfy > ul > li{display:inline-block; vertical-align:middle; margin-right:50px; line-height:45px; color:#555;}
.satisfy > ul > li b{display:inline-block; margin-right:8px; font-weight:500}
.satisfy  .checkArea{position:relative ;height:72px; border-top:1px solid #ddd;}
.satisfy  .checkArea > b{display:block; position:absolute; left:0; top:0; font-weight:500; padding-left:50px; height:72px; background:url(../images/icon_checkArea.png) no-repeat left center;  color:#555; line-height:68px;}
.satisfy  .checkArea ul{margin-left:320px;}
.satisfy  .checkArea ul li{display:inline-block; vertical-align:middle; margin-right:16px; line-height:72px;}
.satisfy  .checkArea ul li input{display:inline-block; margin-right:5px; vertical-align:baseline;}
.satisfy  .checkArea ul li img{display:inline-block; vertical-align:text-bottom;}
.satisfy  .checkArea > a{display:block; position:absolute; bottom:15px; right:0; width:92px; height:32px; background:#162b58; color:#fff; line-height:32px; text-align:center;}
.satisfy.type2{margin-top:0;border-top:0px none;}
.satisfy.type2 .checkArea{border-top:0px none;}

/* 사업개요 */
.int_cont .int_table{float:left; width:60%}
.int_cont .int_img{float:right; width:40%; text-align:center;}
.int_cont .int_img img{height:300px}

.uit {position:relative; margin-bottom:20px; background:#f1f3f5; overflow:hidden;}
.uit:after {content:""; position:absolute; top:0; left:0; width:180px; height:100%; background:#1fbcbe;}
.uit:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#108ad3;}
.uit .inner {position:relative; z-index:1; margin:5px; padding:30px; background-color:#fff;}
.uit > .inner > .ul_dot{margin-bottom:0;}

/* 수소산업거점지구 육성로드맵 */
.roadmap dl dt{clear:both; position:relative; float:left; display:table; margin:0 0 40px; width:100%; font-size:24px; line-height:130%; text-align:center;}
.roadmap dl dt.bg1 {background:url(../images/bg_dt01.png) no-repeat center top; color:#fff; height:138px;}
.roadmap dl dt span {display:table-cell; vertical-align:middle;}
.roadmap .type1{width:100%; display:inline-block; border:1px solid #cdcdcd; padding:30px 40px; margin-bottom:60px; text-align:center; font-size:20px; font-weight:800; letter-spacing:-0.08em;}
.roadmap .type1 span{color:#108ad3}
.roadmap .type2{overflow:hidden; margin:0 0 60px 0}
.roadmap .type2 div,.roadmap .type3 div{position:relative; display:inline-block; float:left; margin-left:2%; margin-bottom:20px;}
.roadmap .type2 div:first-child,.roadmap .type3 div:first-child{margin-left:0;}
.roadmap .type2 div span{display:block; padding-top:22px; margin-bottom:5px; font-size:24px; color:#fff; font-weight:500; text-align:center; height:80px;}
.roadmap .type2 div span.color1{background:#4d99ce}
.roadmap .type2 div span.color2{background:#099b9d}
.roadmap .type2 div span.color3{background:#104990}
.roadmap .type2 div ul {border:1px solid #cdcdcd; padding:20px; height:200px;}
.roadmap .type2 div ul li{font-size:14px; letter-spacing:-0.08em;}
.roadmap .type2 div ul li.tt-01,.roadmap .type2 div ul li.tt-02,.roadmap .type2 div ul li.tt-03{font-size:18px; font-weight:500; padding-bottom:10px;}
.roadmap .type2 div ul li.tt-01{color:#4d99ce}
.roadmap .type2 div ul li.tt-02{color:#099b9d}
.roadmap .type2 div ul li.tt-03{color:#104990}
.roadmap .type2 .bg2{width:95%; height:80px; background:url(../images/bg_dt02.png) no-repeat center top;}
.roadmap .type3 {overflow:hidden; width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.roadmap .type3 div{background:#f1f1f1;}
.roadmap .type3 div span{display:block; width:100%; height:200px; overflow: hidden;}
.roadmap .type3 div span img{width:100%;}
.roadmap .type3 div b{display:block; padding:20px; font-size:18px; color:#000; text-align:center; font-weight:500;}
.d3 div{width:32%;}
.d2 div{width:49%}

/* 수소산업거점지구 토지이용계획 */
.land_t {border:1px solid #cdcdcd; padding:20px 30px; box-sizing:border-box; margin-top:20px}
.land_t li {float:left; width:25%;}
.land_t li p {width:35px; height:10px; float:left; margin:7px 5px;}
.land_t li .col_01 {background: #7f81f8;}
.land_t li .col_02 {background: #f8f917;}
.land_t li .col_03 {background: #fff;border: 1px solid #d2afa2;}
.land_t li .col_04 {background: #c37ff1;}
.land_t li .col_05 {background: #40d60b;}
.land_t li .col_06 {background: #0082f8;}
.land_t li .col_07 {background: #fd819d;}
.land_t li .col_08 {background: #00b9f0;}
.land_t li .col_09 {background: #41c8f5;}
.land_t li .col_10 {background: #00baed;}
.land_t li .col_11 {background: #92d6d5;}
.land_t li .col_12 {background:#b9b9b9;}
.land_t li .col_13 {background: #40caf4;}
.land_t li .col_14 {background:#6be509;}
.land_t li .col_15 {background:#0071e0;}
.land_t li .col_16 {background: #a8a9ad;/* border:1px solid #ddd; */}
.land_t li .col_17 {background:#fff; border:1px dashed #222;}
.land_t li .col_18 {background:#e4eef7;}
.land_t li .col_19 {background:#f5cbe7;}
.land_t li .col_20 {background:#fee990;}
.land_t li .col_21 {background:#feebcd;}
.land_t li .col_22 {background:#cee9da;}
.land_t li .col_23 {background:#9599c8;}
.land_t li .col_24 {background:#d7e8c4;}
.land_t li .col_25 {background:#b1d46e;}
.land_t li .col_26 {background:#d3c8c6;}
.land_t li .col_27 {background:#fb7f00;}
.land_t li .col_28 {background:#fd1312;}
.land_t li .col_29 {background:#c5ff7a;}
.land_t li .col_30 {background:#e1e10a;}
.land_t li .col_31 {background:#fbacb1;}
.land_t li span {font-size:13px;}
.land_t:after {clear:both; display:block; content:"";}

/* 연구기관 */
.ul_dot .inner{overflow:hidden; padding:20px 0}
.ul_dot .inner .txt_box1,.ul_dot .inner .txt_box2{float:left}
.ul_dot .inner .txt_box1{width:15%}
.ul_dot .inner .txt_box2{width:85%}
.ul_dot .inner .txt_box1 span.tt01{position:relative; font-size:18px; color:#1a2273; padding-left:12px; font-weight:500}
.ul_dot .inner .txt_box1 span.tt01:before{content:''; position:absolute; top:5px; left:0; width:4px; height:16px; background-color:#001f64;}
.ul_dot .inner .txt_box2 span.tt02{display:block;  font-weight:500; line-height:30px; color:#333;}

/* 연혁 */
.history {font-size:20px;}

.history .list li {padding:35px 0; padding-left:15%; position:relative; border-bottom:1px solid #dedede;}
.history .list li .year {font-size:30px; line-height:35px; color:#108ad3; font-weight:400; position:absolute; left:0; top:35px;}
.history .list li .year span {display:block; margin-left:20px; color:#108ad3;}
.history .list li ul {border:0;}
.history .list li ul li {padding:0 0 0 10%; border:0; margin-top:10px;}
.history .list li ul li:first-child {margin-top:0;}
.history .list li ul li .day {color:#666; position:absolute; left:0; top:0;}
.history .list li ul li p {color:#333;}
.history .list li ul li ul {background:#f8f8f8; margin:10px 0 25px 0; padding:13px 15px;}
.history .list li ul li ul li {padding:0 0 0 12px; font-size:14px; color:#666; margin-top:3px;}
.history .list li ul li ul li:after {top:10px;}
.history .list li ul li ul li:first-child {margin-top:0;}
.history a:hover {text-decoration:underline;}

/* 오시는길 */
.map {height:440px;overflow:hidden;font-size:0;background:#eee;}
.adr_info {position:relative; background:#f6f6f6; padding:30px 4%; font-size:17px; color:#000}
.adr_info span{display:block}

/* 조직안내 - 조직구성 */
.organization {position:relative; margin-bottom:60px}
.organization:before {content:""; display:block; width:1px; height:70%; background:#ddd; position:absolute; left:50%; top:0;}
.organization li {text-align:center; box-sizing:border-box; position:relative;}
.organization li:before {content:''; position:absolute; right:20%; top:97px; width:30%; height:1px; background-color:#ddd;}
.organization li em {color:#fff; text-decoration:none; display:block; padding:12px 5%;}
/*.organization li strong.ceo {display:block; position:relative; z-index:10; margin:0 auto; font-size:25px; color:#fff; text-align:center; width:120px; height:138px; line-height:120px; background:url(../images/bg_dt01.png) no-repeat center 50%; background-size:100% auto;}*/
.organization li strong.ceo{ position: relative; z-index: 10; width: 218px; height: 55px;line-height: 28px;font-size: 18px; background: #011f65; text-align: center; display: inline-block; vertical-align: top; margin-bottom:50px; border-radius: 50px;}
.organization li p {position:absolute; width:100%; top:170px; left:0; box-sizing:border-box;}
.organization li a.develop {position:absolute; top:75px; right:50%; margin-right:-350px;}
.organization li a.develop span {position:relative;}
.organization li a.develop span em {margin-bottom:0; padding:10px 5%; min-width:150px; background-color:#f4f4f4; border:none; color:#666; font-size:inherit;}
.organization li span.side {display:block; margin-top:50px; box-sizing:border-box;}
.organization li span.side em {color:#011f65; font-size:18px; background:#fff; border:2px solid #011f65; text-align:center; display:inline-block; vertical-align:top; margin-bottom: 7px}
.organization li ul {padding:25px 0 0 0;}
.organization li ul:after {content:""; display:block; clear:both;}
.organization li ul li {width:33.333%; float:left; padding-left:5%; padding-right:5%; margin-top:0; position:relative;}
.organization li ul li.l_edge:after {content:""; display:block; width:50%; height:10px; background:#fff; position:absolute; left:0; top:-2px;}
.organization li ul li.r_edge:after {content:""; display:block; width:50%; height:10px; background:#fff; position:absolute; right:0; top:-2px;}
.organization li ul li:before {content:""; display:block; width:100%; height:1px; background:#d1d3d5; position:absolute; left:0; top:-1px;}
.organization li ul li strong {display:block; font-weight:500; padding-top:30px; position:relative; z-index:10;}
.organization li ul li.l_edge strong:before,.organization li ul li.r_edge strong:before  {content:""; display:block; width:1px; height:30px; background:#ddd; position:absolute; left:50%; top:0;}
.organization li ul li strong em {padding:10px 5%; background:#108ad3;}
.organization li ul li ul {padding:0; z-index:10; position:relative;}
.organization li ul li ul li {width:auto; float:none; padding-left:0; padding-right:0; margin-top:5px; margin-bottom:0; padding-top:0;}
.organization li ul li ul li:before {display:none;}
.organization li ul li ul li strong {padding-top:5px;}
.organization li ul li ul li strong:before {display:none;}
.organization li ul li ul li strong em {background:#6b7786; color:#fff;}
.organization li ul li ul li em {background:#f4f4f4; color:#666; padding:10px 5%;}

/* 입주기업현황 */
.form-filed {background:#fff; border:1px solid #ddd; border-top:2px solid #1b4681; margin-bottom:40px; padding:10px 0 10px 20px;}
.form-filed dl{width:100%; height:auto; margin:10px 0 0 0; position:relative; padding-left:110px; vertical-align:middle;}
.form-filed dl dt {width:90px; position:absolute; left:0; right:0; font-weight:500; color:#000; height:30px; line-height:30px; }
.form-filed dl dt:after {width:1px; height:14px; background-color:#ccc; display:inline-block; content:''; position:absolute; right:0; top:9px;}
.form-filed dl dd a:hover {text-decoration:underline;}
.form-filed dl dd .active:hover {text-decoration:none;}
.form-filed dl dd .btn-area label {height:30px; line-height:30px; padding:0 10px; border-radius:5px; overflow:hidden; display:inline-block;}
.form-filed dl dd .btn-area > a.active {background-color:#108ad3; color:#fff;}
.form-filed dl .search {position:relative; padding-right:100px;}
.form-filed dl .search .btn {position:absolute; vertical-align:middle; right:20px; top:0;}
.form-filed dl .search .btn span{display:inline-block; color:#fff; background-color:#011f65; text-align:center; height:40px; line-height:40px; padding:0 20px; vertical-align:middle; min-width:80px;}

/* 정보메뉴 */
.infomenu{position:relative; width:100%; margin:20px 0;}
.infomenu span{color:#000;}
.infomenu span b{color:#ff6600}
.result_map{position:relative; width:100%; height:330px; margin-bottom:30px; background:#d1d7db; overflow:hidden;}
.result_map img{max-width:none;}

.result_list {margin:20px 0 0 -20px;}
.result_list .box {display:block; width:33.33%; padding-left:20px; margin-top:20px; float:left; text-align:center;}
.box_line {display:block; height:100%; width:100%; border:1px solid #ddd; background:#fff; padding:25px 0; text-align:center;}
.box_line .list_head {margin-bottom:18px;}
.box_line .list_head span {background-color:#108ad3; height:36px; line-height:36px; padding:0 20px; border-radius:30px; color:#fff; display:inline-block; font-weight:500;}
.box_line .list_body {padding:0 20px 5px 20px;}
.box_line .list_body .position {font-size:15px; margin:10px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal;}
.box_line .list_body .name {font-size:20px; color:#108ad3; font-weight:500; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal;}
.box_line .btn_view {display:inline-block; border:1px solid #011f65;}
.box_line .btn_view a{color:#011f65; padding:0 30px; display:block; line-height:25px; background-color:#fff;}
.box_line .btn_view a:hover{background-color:#011f65; color:#fff}
.list_dot {position:relative; margin:15px 0;}
.list_dot > li{padding-left:20px; text-align:left;}
.list_dot > li:before {display:block; content:''; position:absolute; left:12px; width:3px; height:3px; background-color:#484848; margin-top:11px; color:#000}
.list_dot > li b{font-weight:500;}
.result_overBox {position:absolute; top:-1px; left:-1px; width:150px;}
.result_overBox a {color:#10307c; display:block; font-size:14px; padding:2px; background:#fff; border:1px solid #10307c; text-align:center; box-sizing:border-box;}
.result_overBox a:hover {color:#fff; background:#10307c;}


/* 기본정보 */
.biz_info{border:1px solid #ddd; padding:3% 5%; margin-bottom:30px}
.biz_info ul li{margin:.666em 0; padding:0 0 0 6.5em; overflow:hidden;}
.biz_info ul li b{float:left; width:6.5em; margin:0 0 0 -6.5em; font-weight:500; color:#000}
.biz_info ul li b i{display:inline-block; width:5px; height:9px; vertical-align:middle; background:url(../images/ic_arrow.png) no-repeat; margin-right:10px;}
.biz_info ul li span{float:left; width:100%;}
.biz_info ul.ul_line{list-style:none; display:block; position:relative; margin:.666em 0; border-top:1px solid #e7e7e7;}
.biz_info ul li a{display:inline-block; margin-left:10px; vertical-align:middle;}
.biz_info ul li a span{background-color:#ebebeb; height:30px; line-height:28px; padding:0 20px; min-width:auto; border:1px solid #ddd; font-size:14px; color:#333;}

/* 맵레이어창 */
.result_pop{z-index:100; left:-37px; top:-69px; display:block; position:absolute; width:220px; height:130px; border:1px solid #666;}
.result_pop:before{content:""; position:absolute; top:128px; left:100px; border-top:10px solid #666; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:0 solid transparent;}
.result_pop .btn_close{z-index:100; position:absolute; right:10px; top:10px; width:12px; height:12px; background:url(../images/icon_close.png) no-repeat;}
.result_pop .btn_close span{overflow:hidden; position:absolute; text-indent:-99999px;}
.result_pop .box_line{font-size:14px; padding:5px;}
.result_pop .box_line .list_body{padding:0;}
.result_pop .box_line .list_body .name{font-size:18px;}
.result_pop .box_line .list_dot{margin:8px 0;}

/* 민원업무안내 */
.minwon_info {margin-top:40px;}
.minwon_info > ul > li { float:left; width:50%; padding:30px 0 30px 154px; box-sizing:border-box;}
.minwon_info > ul > li h4 {color:#333; font-size:18px; font-weight:600; margin-bottom:5px;}
.minwon_info > ul > li p {color:#666;margin-bottom:20px;}
.minwon_info > ul > li.bg1 {background:url(../images/icon_iconList_1.png) no-repeat 25px 30px; border-right:1px solid #ebebeb;}
.minwon_info > ul > li.bg2 {background:url(../images/icon_iconList_2.png) no-repeat 25px 30px;}
.minwon_info > ul > li.bg3 {background:url(../images/icon_iconList_3.png) no-repeat 25px 30px; border-right:1px solid #ebebeb; border-top:1px solid #ebebeb;}
.minwon_info > ul > li.bg4 {background:url(../images/icon_iconList_4.png) no-repeat 25px 30px; border-top:1px solid #ebebeb;}

/* 전자민원 */
.topIconBox {border:1px solid #ddd; border-top:3px solid #1e5095; padding:35px 40px; word-break:keep-all;}
.topIconBox .right {border-left:1px solid #ddd; padding-left:20px;} 
.decoIcon {background:url(../images/icon_iconList_5.png) no-repeat 50px 60px;padding-left:180px;}

/* 버튼 (다운로드, 바로가기) */
a.btn { display:inline-block; padding:10px 30px; border:1px solid #c2c2c2; color:#333; font-weight:600; } 
a.btn_link { padding-right:50px; background:url(../images/ic_arrow.png) no-repeat 90% center; background-size:5px;}

/**  로그인 **/
.login_area{max-width:100%; border:1px solid #e4e4e4; background-color:#f5f5f5; border-radius:5px; padding:60px 0; margin:80px auto;}
.login_box{width:40%; margin:0 auto;}
.login_box h3{border-bottom:0; height:58px; background:url(../images/logo_header.png) no-repeat 50% 50%}
.login_box h3 span{overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}
.login_box .login_txt{margin:30px 0 0; color:#000; text-align:center}
.login_box fieldset input{display:block; width:100%; height:46px; padding:5px; line-height:36px; border:1px solid #d2d2d2;}
.login_box fieldset input:hover,.login_box fieldset input:active,.login_box fieldset input:focus{background:#fffcda}
.login_box fieldset input[type="submit"]{color:#fff; font-size:18px; text-align:center; border-color:#3b414d; cursor:pointer; background:#3b414d}
.login_box fieldset input[type="submit"]:hover,.login_box fieldset input[type="submit"]:active,.login_box fieldset input[type="submit"]:focus{border-color:#0c0c0c; background:#0c0c0c}
.login_box fieldset label{top:13px; left:13px;color:#7a7979; font-size:15px; z-index:88}
.login_box fieldset p{position:relative; margin-bottom:7px}

.login_box .login_member {margin-bottom:20px; text-align:center;}
.login_box .login_member li {display:inline-block; vertical-align:middle; line-height:28px;}
.login_box .login_member li label, .login_box .login_member li a {display:inline-block; vertical-align:top;}
.login_box .login_member li+li:before {display:inline-block; content:''; width:1px; height:14px; margin:-3px 12px 0 10px; vertical-align:middle; background-color:#cecece;}

.login_sns{overflow:hidden}
.login_sns li{float:left; width:100%; margin-bottom:7px}
.login_sns li a{display:block;}
.login_sns li a{position:relative; padding-left:90px; line-height:48px; color:#fff}
.login_sns li a:before{content:''; display:block; position:absolute; top:10px; left:16px; width:25px; height:27px; transition:all .2s;background-position:100% -39px}
.login_sns li .sns_f{background:#3b5998 url(../images/ic_sns_facebook.png) 50px center no-repeat;}
.login_sns li .sns_t{background:#2795db url(../images/ic_sns_twitter.png) 50px center no-repeat;}
.login_sns li .sns_n{background:#00c73c url(../images/ic_sns_naver.png) 50px center no-repeat;}
.login_sns li .sns_k{color: #3c1e20; background:#fce000 url(../images/ic_sns_kakao.png) 50px center no-repeat;}
.login_sns li a:hover:before{-webkit-animation:vibes2 1.5s;animation:vibes2 1.5s}

/** sns 공유 **/
.sns_area{display:none; position:absolute; top:80px; right:0px; width:250px; padding:15px; border:1px solid #b8b8b8; border-radius:4px; box-sizing:border-box; background:#fff; z-index:9}
.sns_area ul{overflow:hidden}
.sns_area li{float:left; width:20%; text-align:center}
.sns_area li a{display:block; position:relative; padding-top:40px; text-align:center}
.sns_area li a:hover,.sns_area li a:active,.sns_area li a:focus{text-decoration:underline}
.sns_area li a:before,.sns_area li a:after{content:''; display:block; position:absolute}
.sns_area li a:before{top:0; width:40px; height:40px;}
.sns_area li .sns_f:before{background:url(../images/ic_share_facebook.png) no-repeat center; background-size:100%;}
.sns_area li .sns_t:before{background:url(../images/ic_share_twitter.png) no-repeat center; background-size:100%;}
.sns_area li .sns_k:before{background:url(../images/ic_share_kakao.png) no-repeat center; background-size:100%;}
.sns_area li .sns_b:before{background:url(../images/ic_share_naver.png) no-repeat center; background-size:100%;}
.sns_area li .sns_l:before{background:url(../images/ic_share_link.png) no-repeat center; background-size:100%;}

/* 테이블 */
.tableBox{margin-bottom:30px;}
.tableBox table{width:100%; border-top:2px #011f65 solid;}
.tableBox table th{background:#f6f6f6; color:#333; font-weight:500}
.tableBox table td, .tableBox table th {border-bottom:1px #e5e5e5 solid;}
.tableBox table.tb_type01 td {border-right:1px #e5e5e5 solid; text-align:center; padding:12px 5px}
.tableBox table.tb_type01 td.left{text-align:left; padding-left:15px}
.tableBox table.tb_type01 td.alignLeft {padding-left:20px;}
.tableBox table.tb_type01 thead th{padding:12px 5px; border-right:1px solid #e5e5e5; text-align:center; border-bottom:1px solid #929bad;}
.tableBox table.tb_type01 thead th:last-of-type{border-right:0}
.tableBox table.tb_type01 tbody td:last-of-type{border-right:0}
.tableBox table .bgBlue{background:#f9fcff; font-weight:800; color:#005cb9; font-weight:500}
table.tb_type2{margin-top:5px; border:1px #e5e5e5 solid; border-bottom:none;}
table.tb_type2 thead th{font-size:14px;}
.tableBox table.tb_type01 tbody td table.tb_type2 td{padding:5px 10px; font-size:13px}

/** paging **/
.paging {width:100%; padding-top:60px; text-align:center; display:inline-block;}
.paging a {width:30px; height:30px; margin:0 4px 4px 0; display:inline-block; line-height:28px; border:1px solid #ddd; text-align:center; vertical-align:bottom; text-decoration:none;}
.paging a.first {background:#eaeaea url(../images/ic_paging_first.png) no-repeat center;}
.paging a.prev {background:#eaeaea url(../images/ic_paging_pre.png) no-repeat center;}
.paging a.next { background:#eaeaea url(../images/ic_paging_next.png) no-repeat center;}
.paging a.last {background:#eaeaea url(../images/ic_paging_last.png) no-repeat center;}
.paging span {vertical-align:top;}
span.blind{position:absolute; margin:-1px; padding:0; width:1px; height:1px; overflow:hidden; border:0; clip:rect(0,0,0,0);}
.paging span a {text-decoration:none;}
.paging span a.on,.paging span a:hover,.paging span a:active,.paging span a:focus {background-color:#011f65; color:#fff; text-decoration:none; border:1px solid #011f65}

/** input **/
.input_ty {width:100%; height:40px; padding:0 10px; font-size:15px; background:#fff; border:1px solid #ccc; box-sizing:border-box; color:#1c1c1c; vertical-align:top; transition:background 0.3s, border 0.3s;}

/** 기본 버튼 **/
.btn_area{text-align:center; margin:25px 0}
.btn_area a {position:relative; display:inline-block; margin:0 1px; box-sizing:border-box; color:#303030; font-size:18px; text-align:center; height:50px; line-height:50px; vertical-align:middle; min-width:130px;}
.btn_area .btn_white{color:#0172cb; background:#fff; border:1px solid #0172cb;}
.btn_area .btn_navy{color:#fff; background:#162b58; border:1px solid #162b58;}
.btn_area .btn_navy:hover{background:#000;}
.btn_area .btn_gray{color:#fff; background:#666; border:1px solid #666;}
.btn_area .btn_black{color:#fff; background:#333; border:1px solid #333;}

/* Ci소개 */
.btn_area a.type_download:after {content:""; display:inline-block; width:16px; height:14px; background:url(../images/bul_download.png) no-repeat; vertical-align:middle; margin:-3px 0 0 10px;}
.btn_area a.type_download{min-width:180px; margin:0 10px;}
.atcBd{border-top:1px solid #dfdfdf; margin:60px 0;}
.ciImg02{margin-left:-40px; margin-top:20px;}
.ciImg02:after{content:""; display:block; clear:both;}
.ciImg02 .imgs{float:left; width:50%; padding:0 0 40px 40px; box-sizing: border-box;}

.color_wrap:last-child{margin-bottom:0;}
.color_wrap ul{padding-top:10px; overflow:hidden;}
.color_wrap ul li{float:left; width:calc(25% - 15px); box-sizing:border-box; margin-right:20px;}
.color_wrap ul li:last-child{margin-right:0;}
.color_wrap ul li .c_color{width:100%; height:130px; box-sizing:border-box; padding:28px 0 0 28px;}
.color_wrap ul li .c_color p{color:#fff;}
.color_wrap ul li .c_color span{display:block; font-size:14px; color:#fff; font-weight:300}
.color_wrap .c_color{display:block; padding:20px}
.color_wrap .color_01{background:#2a3890}
.color_wrap .color_02{background:#0089cf}
.color_wrap .color_03{background:#b5b6b6}
.color_wrap .color_04{background:#c8b158}
.color_wrap .c_txt{padding-top:24px}
.full{width:100% !important;}

/* 미디어쿼리 적용 */
@media screen and (max-width:1420px) {
	.mainContents,.subContents{padding:0 15px}
	.satisfy > .date{top:20px;}
	.satisfy > ul > li{margin-right:15px;}
	.satisfy .checkArea{height:auto;}
	.satisfy .checkArea ul{margin:0;}
	.satisfy .checkArea > b{position:static;}
	.satisfy .checkArea ul li{margin-bottom:8px;line-height:140%;}
	.satisfy .checkArea > a{bottom:inherit;top:20px;}
}

@media screen and (max-width:1250px) {
	.roadmap .type3 div span img{height: 100%;}
	.minwon_info > ul > li {padding:140px 0 30px 0; text-align:center;}
	.minwon_info > ul > li.bg1 {background:url(../images/icon_iconList_1.png) no-repeat center 20px;}
	.minwon_info > ul > li.bg2 {background:url(../images/icon_iconList_2.png) no-repeat center 20px;}
	.minwon_info > ul > li.bg3 {background:url(../images/icon_iconList_3.png) no-repeat center 20px;}
	.minwon_info > ul > li.bg4 {background:url(../images/icon_iconList_4.png) no-repeat center 20px;}
}

@media screen and (max-width:1050px) {
	#subNav > li {display:none;}
	#subNav > li:last-child {display:block; width:100%;}
	.subContents .content{padding:0 0 0 0;}
	.subContents .submenu{display:none}
}

@media screen and (max-width:830px) {
	.int_cont .int_table,.int_cont .int_img{width:100%}
	.int_cont .int_img{float:left}
	.result_list .box {width:50%;}
}

@media screen and (max-width:767px) {
	.view_Tab .tab_area li a{height:44px; line-height:44px; border:1px solid #cdcdcd; border-left:none; border-top:none;}
	.view_Tab .tab_area{border-top: 1px solid #cdcdcd;}
	.view_Tab .t_d3 ul li,.view_Tab .t_d4 ul li{width:50%;}
	.uit .inner {padding:15px 10px;}
	.land_t {padding:20px;}
	.land_t li {width:50%;}
	.land_t li span {font-size:12px;}
	.roadmap .type1{padding:20px; font-size:18px; margin-bottom:30px;}
	.roadmap .type2 {margin-bottom:30px;}
	.roadmap .type2 div{width:100%; margin-left:0;}
	.roadmap .type2 div ul {height:120px;}
	.roadmap .type2 div ul.H180 {height:180px;}
	.roadmap .type2 div span{padding-top:16px; height:60px;}
	.roadmap .type2 .bg2{width:100%}
	.roadmap .type3{text-align:center}
	.roadmap .type3 div{float:none; max-width:300px; width:auto; height:auto;}
	.form-filed {padding:10px;}
	.form-filed dl {width:100%;padding-left:0 !important;height:auto;}
	.form-filed dl dt {position:static !important;height:auto;line-height:1.4;margin-bottom:0;padding:5px 10px;width:100%;color:#333;}
	.form-filed dl dt:after{display:none}
	.form-filed dl dd {padding:2px 10px 5px 10px !important;}
	.form-filed dl dd .btn-area a {font-size:14px; border:1px solid #ccc; margin:0 0 5px 5px; vertical-align:top;}
	.form-filed dl dd .btn-area a:hover {text-decoration:none;}
	.form-filed dl dd .btn-area > a.active {border-color:#108ad3;}
	.form-filed dl .search .btn {position:static;}
	.form-filed dl .search .btn span {width:100%; min-width:100%;}
	.login_box{width:90%;}
	
	.organization li a.develop {right:0; margin-right:0;}
}

@media screen and (max-width:640px) {
	.tableBox{width:100%; overflow-y:hidden;}
	.tableBox:before{content:"※ 아래 테이블을 좌우로 이동하세요!"; padding:10px; color:#0072bc; font-weight:800;}
	.tableBox table{width:700px}
	.tabBody.On {padding:20px 30px;}
	.subContents h3{font-size:26px;}
	.subContents h4{font-size:20px;}
	.satisfy{padding:10px 15px;}
	.satisfy > ul{margin-bottom:10px; height:auto;}
	.satisfy > ul > li{line-height:25px;}
	.satisfy > .date{top:10px; right:5%;}
	.satisfy .checkArea > b{padding:10px 0; height:auto; background:none; line-height:140%;}
	.satisfy .checkArea ul li{display:block;}
	.satisfy .checkArea > a{width:auto; padding:0 10px; top:inherit; bottom:0;}
	.tableBox table{font-size:13px}
	.tableBox table.tb_type01 td.left{padding-left:10px}
	.organization li ul li {width:33.333%; padding-left:2%; padding-right:2%;}
	.result_list .box {width:100%;}
	.login_area{padding:30px 30px; margin:30px auto}
	.img_mt40{margin-bottom:40px;}
  
  	.roadmap .type3 {flex-direction:column; align-items:center;}
  	.roadmap .type3 div {margin-left:0;}

	.history .list li {padding:25px 0;}
	.history .list li .year {font-size:26px; line-height:26px; top:auto; left:auto; position:relative; margin-bottom:12px; display:block;}
	.history .list li ul li{padding: 0 0 0 26%;}
	.history .list li ul li ul {margin:7px 0 15px 0; padding:10px 12px;}
	.history .list li ul li ul li {font-size:13px;}
	.adr_info {padding:20px 4%; font-size:14px;}

	.btn_area a.type_download{min-width:150px; margin:0 5px;}
	.btn_area a{font-size:15px}
	.atcBd{border-top:1px solid #dfdfdf; margin:40px 0;}
	.ciImg02{margin-left:0;}
	.ciImg02 .imgs{padding:0 0 20px 0; width:100%}
	.color_wrap ul li{width:100%}
	.color_wrap .c_txt{padding-top:10px;}
	.top_bin{display:block; margin-top:20px}
	
	.minwon_info {margin-top:0;}
	.minwon_info > ul > li {width:100%;}
	.minwon_info > ul > li.bg1 {border-right:none;}
	.minwon_info > ul > li.bg2 {border-top:1px solid #ebebeb;}
	.minwon_info > ul > li.bg3 {border-right:none; border-top:1px solid #ebebeb;}
	.minwon_info > ul > li.bg4 {border-top:1px solid #ebebeb;}

	.topIconBox {padding:20px;}
	.topIconBox .right {border-left:none; padding-left:20px;} 
	.decoIcon{background:none; padding-left:0;}
}

@media screen and (max-width:480px) {
	.subContents{margin-bottom:30px;}
	.mainContents .content,.subContents .content{font-size:14px;}
	.biz_info ul li b{background:url(../images/ic_arrow.png) no-repeat left 6px;}
	.satisfy{margin-top:40px;}
	.login_box{width:98%;}
	.login_sns li a{padding-left:60px; font-size:14px;}
	.login_sns li .sns_f{background:#3b5998 url(../images/ic_sns_facebook.png) 30px center no-repeat;}
	.login_sns li .sns_t{background:#2795db url(../images/ic_sns_twitter.png) 30px center no-repeat;}
	.login_sns li .sns_n{background:#00c73c url(../images/ic_sns_naver.png) 30px center no-repeat;}
	.login_sns li .sns_k{background:#fce000 url(../images/ic_sns_kakao.png) 30px center no-repeat;}

	.forPc{display:none !important;}
	.forTab,.hidePc{display:block !important;}
	
	.organization li a.develop span em {min-width:100px;}
}
@media screen and (max-width:380px) {
	.int_cont .int_img img{height:260px}
	.roadmap .type2 div ul {height:180px;}
}

/* 인사말 */
.greeting_nbox {margin-top:60px; margin-bottom:20px; padding-bottom:50px; background:url(../images/img_greetingbg.png) left top no-repeat;}
.greeting_nfix {}
.greeting_nfix:after {content:''; display:block; visibility:hidden; clear:both;}
.greeting_nimg {float:right; width:44%;}
.greeting_ntxt {float:left; width:55%; padding-right:40px;}
.greeting_ntxt p {margin-top:30px;}

/*media query*/
@media screen and (max-width:1024px){
}
@media screen and (max-width:920px) {
	.greeting_nbox {margin-top:0; padding-top:20px;}
  	.greeting_ntxt {padding-right:0;}
  	.greeting_ntxt h4 {margin-top:30px;}
  	.greeting_ntxt p {margin-top:20px; font-size:16px;}
	.greeting_nimg, .greeting_ntxt {float:none; width:inherit; text-align:center;}
	.greeting_ntxt .sign_box img {width:230px;}
}
@media screen and (max-width:767px) {
	.greeting_nbox {padding-top:10px; font-size:1.6rem;}
}
@media screen and (max-width:640px) {
	.greeting_ntxt .sign_box img {width:200px;}
}
@media screen and (max-width:480px) {
}

/* 인사말 수정으로 추가 0328 */

@font-face {
    font-family: 'TmonMonsori';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.new_greeting_nbox {padding-top:70px; margin-bottom:20px; padding-bottom:50px; background:url(/s/media/data.do?mediaId=MEDIA_00000000001054) left top no-repeat;}
.new_greeting_nfix:after {content:''; display:block; visibility:hidden; clear:both;}
.new_greeting_nimg {float:right; width:44%; margin-top:200px;}
.new_greeting_ntxt .top {position:relative; margin-bottom:30px; padding-top:50px;}
.new_greeting_ntxt .top:before {content:''; width:112px; height:35px; position:absolute; top:0; left:0; display:block;background:url(/s/media/data.do?mediaId=MEDIA_00000000001055) no-repeat;}
.new_greeting_ntxt .top h4 {color:#000; font-size:3.0rem; line-height:60px; font-family: 'TmonMonsori';}
.new_greeting_ntxt .top span {background-image: linear-gradient(130deg, rgba(0,140,206,1) 0%,rgba(201,0,42,1) 100%); background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.new_greeting_ntxt {float:left; width:55%; padding-right:40px;}
.new_greeting_ntxt p:nth-child(1){margin-bottom:0;}
.new_greeting_ntxt p {margin-bottom:26px; font-size:18px;}

.new_greeting_ntxt p:last-child{margin-bottom:0;}
.new_greeting_ntxt p:last-child span{font-weight:bold; font-size:24px; margin-left:5px;}

/*media query*/
@media screen and (max-width:1024px){
}
@media screen and (max-width:920px) {
	.new_greeting_nbox {margin-top:0; padding-top:20px;}
  	.new_greeting_ntxt {padding-right:0;}
  	.new_greeting_ntxt h4 {margin-top:30px;}
  	.new_greeting_ntxt p {margin-top:20px; font-size:16px;}
	.new_greeting_nimg, .new_greeting_ntxt {float:none; width:inherit; text-align:center; margin-top:0;}
	.new_greeting_ntxt .txt {text-align:left;}
	.new_greeting_nimg {margin-bottom:40px;}
	.new_greeting_ntxt .top {padding-top:20px;}
	.new_greeting_ntxt .top:before {width:112px; height:35px; left:50%; margin-left:-50px;}
	.new_greeting_ntxt .top h4 {font-size:2.8rem; line-height:60px;}
	
}
@media screen and (max-width:767px) {
	.new_greeting_nbox {padding-top:10px; font-size:1.6rem;}
}
@media screen and (max-width:640px) {
	.new_greeting_ntxt .top h4 {font-size:2.2rem; line-height:36px;}
}
@media screen and (max-width:480px) {
	.new_greeting_ntxt .top h4 {font-size:2.0rem;}
}

/*02개발계획 > 01개발계획 > 03개발로드맵*/
.boldTxt {font-weight:500; color:#121212;}
.ufezVision {position: relative; width: 100%; height: auto; padding:30px; margin:0px; border: 1px solid #eee; box-sizing:border-box; letter-spacing:-0.5px; }
.ufezVision dl {padding:0px 0px;margin:0px 0px 30px 0px;overflow:hidden;background:none;}
.ufezVision dl dt {float:left;position:relative;width:20%;padding: 20px 0px;text-align:center;color:#fff;background-color:#347B8B;font-size:1.4rem;border-radius:2px;box-sizing:border-box;}
.ufezVision .tit1{}
.ufezVision .tit2{}
.ufezVision .tit3{}

.ufezVision .txt1{}
.ufezVision .txt2{}
.ufezVision .txt3{}

.ufezVision dl:last-child {margin:0 0 0 0;}
.ufezVision dl:first-child dt {background-color:#2D3E56;}
.ufezVision dl:last-child dt {background-color:#40548C;}
.ufezVision dl dd {float:right;position:relative;width:75%; border:1px solid #e5e5e5;margin:0px auto;font-size:1.1rem;color:#333;padding: 20px;box-sizing:border-box;}

/*media query*/
@media screen and (max-width:1024px){
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
  .ufezVision {padding:10px;}
  .ufezVision dl {margin-bottom:20px;}
  .ufezVision dl dt {float:none !important;  width:100%;  padding:10px 0px 10px 0px; margin:0px 0px 10px 0px; font-size:20px;}

  .ufezVision .txt1{/* height:50px; */background:#fff;}
  .ufezVision .txt2{/*height:50px*/height:auto;}
  .ufezVision .txt3{/*height:180px*/height:auto;}

  .ufezVision dl dd {float:none !important;width:100%;font-size:16px;/* padding:15px 20px 20px 20px; */}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}

/** 개발안내지도 **/
/* 박스 */
.cm_box1 {display:flex; flex-direction:column; justify-content:center; min-height:115px; margin:20px 0; padding:20px 40px; background-color:#f7f8f9; color:#222; font-size:17px; line-height:1.5; word-break: keep-all;}

/* 버튼 */
.btn_area_dw {text-align:left; margin:25px 0}
.btn_area_dw a {position:relative;display:inline-block;margin:0 1px;box-sizing:border-box;border-radius:3px;color:#303030;font-size: 14px;text-align:center;height: 42px;line-height: 42px;vertical-align:middle;min-width: 180px;}
.btn_area_dw .btn_down {color:#fff; background:#162b58; border:1px solid #162b58;}

.btn_area_dw a.type_download:after {content:""; display:inline-block; width:16px; height:14px; background:url(../images/bul_download.png) no-repeat; vertical-align:middle; margin:-3px 0 0 10px;}
.btn_area_dw a.type_download{min-width:180px;margin: 0 10px 0 0;}


/*순서도*/
.step_box {position:relative;}
.step_box:after {content:''; display:block; visibility:hidden; clear:both;}
.step_box.add_line {border:1px solid #e9e9e9;}
.step_box {}
.step_box ol {}
.step_box ol > li {position:relative; display:table; float:left; padding:0 5% 5% 0;}
.step_box ol > li:after {content:''; position:absolute; right:4%; top:36%; width:18px; height:16px; line-height:1; background:url(/s/media/data.do?mediaId=MEDIA_00000000001044) 0 0 no-repeat;}
.step_box ol > li:last-child:after {display:none;}
.step_box ol > li:first-child .step_cont {color:#fff; background-color:#011f65; border:1px solid #011f65;}
.step_box ol > li:first-child .step_cont i span {border-color:rgba(255,255,255,0.5);}
.step_box ol > li:first-child .step_cont .tit {color:#fff;}
.step_box ol > li:last-child .step_cont {background-color:#ffc42f; border:1px solid #cf9c1b;}
.step_box ol > li:last-child .step_cont i span {border-color:rgba(255,255,255,0.7);}
.step_box ol > li:last-child .step_cont em {border-top-color:rgba(255,255,255,1.0);}
.step_box .step_cont {display:table-cell; text-align:center; vertical-align:middle; padding:10px 20px; border-radius:5px; border:1px solid #dbdbdb; box-shadow:3px 3px 6px rgba(0,0,0,0.1);}
.step_box .step_cont i {display:block; font-size:1.2rem;}
.step_box .step_cont i span {display:inline-block; margin-bottom:5px; padding:2px 12px; border-radius:20px; border:1px solid #ddd;}
.step_box .step_cont .tit {display:block; font-weight:500; color:#333;}
.step_box .step_cont em {display:block; margin-top:10px; padding-top:10px; line-height:1.2; border-top:1px dashed #ddd;}
.step_box .step_cont em.none {padding-top:0; border-top:none;}

	/*내부 높이조정*/
.step_box ol.re_h_150 .step_cont {height:150px;}
.step_box ol.re_h_200 .step_cont {height:200px;}

.step_box ol.step_col4 li {width:25%;}
.step_box ol.step_col3 li {width:33.3333%;}
.step_box ol.step_col2 li {width:50%;}

/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {
  	.step_box ol.step_col4 li {width:33.333%;}
    .stf_box {margin-top:40px;}
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
	.step_box ol > li:after {right:2%;}
	.step_box ol.step_col4 li, .step_box ol.step_col3 li {width:50%;}
}

@media screen and (max-width:640px) {
	.step_box ol > li {padding-right:6%;}
}
@media screen and (max-width:480px) {
	.step_box ol > li {padding-right:0; padding-bottom:36px;}
	.step_box ol > li:after {right:50%; top:auto; bottom:6px; margin-right:-11px; width:22px; height:22px; background-position:-19px 0;}
	.step_box .step_cont {padding:20px 20px 30px;}
	.step_box ol.step_col4 li, .step_box ol.step_col3 li, .step_box ol.step_col2 li {width:100%; margin-right:0;}

	/*순서도 내부 높이조정*/
	.step_box ol.re_h_150 .step_cont,
	.step_box ol.re_h_200 .step_cont {height:auto;}
}

/* 오시는 길 버스이용안내 추가 0331 */
.businfo {border-bottom:#d1d1d1 solid 1px; padding-bottom:30px; margin-bottom:30px;}
.businfo dt {position:relative; font-size:18px; color:#001f64; margin-bottom:10px; padding-left:12px; font-weight:500;}
.businfo dt:before {content:''; position:absolute; top:7px; left:0; width:4px; height:16px; background-color:#001f64;}

.traffic li {font-weight:300; margin-bottom:10px; word-break:keep-all; position:relative; padding-left:12px; font-weight:500; font-size:18px; letter-spacing:0;}
.traffic li:before {content:''; width:16px; height:19px; position:absolute; top:7px; left:20px; background:url(/s/media/data.do?mediaId=MEDIA_00000000001056) no-repeat;}
.ico {display:inline-block; box-sizing:border-box; height:32px; line-height:32px; border-radius:5px; background:#355cba; padding:0 15px 0 35px; color:#fff; font-size:15px; margin-right:10px; font-weight:600; letter-spacing:2px;}
.traffic .type {background:#fb5852;}/*급행*/
.traffic .type2 {background:#50a332;}/*일반*/
.traffic .type3 {background:#8305b7;}/*순환*/
.traffic .type4 {background:#355cba;}/*좌석*/


/* 텍스트 외부링크 안내 */
a.tg_link {position:relative; padding:0 25px 0 5px; font-weight:500;}
a.tg_link[target="_blank"] span:after {content:''; display:inline-block; width:1.45rem; height:1.45rem; margin-left: .2rem; background:url(/s/media/data.do?mediaId=MEDIA_00000000001063) no-repeat 50% 50%;position:absolute;top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);}

/* 강조구문 */
.em_red {color:#E4032E;}
.em_orange {color:#ff4b40;}
.em_green {color:#28ab3a;}
.em_sky {color:#317ad7;}