@charset "utf-8";

/* ---------- import stylesheets ---------- */
@import url("reset.css");

/* ---------- common ---------- */

* {margin:0; padding:0; font-family:"돋움",Dotum,Helvetica,Sans-serif}
body {color:#464646;}
body .bg_index {background-color:#fbc32b;}

.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hidden {display:none;}

.orange {color:#f26522;}

/* ---------- main ---------- */
#index_wrap {height:100%; position:absolute; width:100%; background-color:#effbff;}
#index_wrap .main_top{background-color:#dcf5ff;width:100%; height:211px}
#index_wrap h1.title {text-indent:-9999px; overflow:hidden; background: url(../images/title_main_md.png) no-repeat 0 50px; width:320px; height:211px; background-size:100% auto; margin-left:auto; margin-right:auto;}
#index_wrap .menu_btn {position:absolute; top:440px; width:100%;}
#index_wrap .index_menu { text-align:center;}
#index_wrap .index_menu li {display:inline-block; padding-right:32px;}
#index_wrap .index_menu li:last-child {display:inline-block; padding-right:0px;}
#index_wrap .index_menu li a { color:#fff; display:block; width:71px; height:94px; margin-bottom:10px; }
#index_wrap .index_menu li a div {width:71px; height:71px; border-radius:50px; background: #FFF; border:1px solid #2b8aa4;}
#index_wrap .index_menu li a div img {width:26px; height:32px; margin-top:19px;}
#index_wrap .index_menu li a p {margin-top:10px; font-size:16px; color:#603913; }

.main_top .main_btn{width:300px; margin:0 auto}
.main_top .main_btn li{width:50%; height:100px; display:inline-block; float:left; text-align:center}
.main_top .main_btn li a div{width:72px; height:72px; margin: 0 auto}
.main_top .main_btn li a div.mb_icon01 img{width:55px; height:46px; margin-top:15px;}
.main_top .main_btn li a div.mb_icon02 img{width:62px; height:42px; margin-top:17px;}
.main_top .main_btn li a div.mb_icon03 img{width:63px; height:38px; margin-top:20px;}
.main_top .main_btn li a div.mb_icon04 img{width:55px; height:34px; margin-top:23px;}
.main_top .main_btn li p{color:#fff; font-size:16px;font-weight:bold; text-shadow:0px 2px 0px rgba(0,0,0, .20)}
.main_top .main_btn li.mb_01{background-color:#379ebb}
.main_top .main_btn li.mb_02{background-color:#3488a8}
.main_top .main_btn li.mb_03{background-color:#2b8aa4}
.main_top .main_btn li.mb_04{background-color:#2c6c85}


#help_wrap {height:100%; position:absolute; width:100%; }
#help_wrap h1.title {text-indent:-9999px; overflow:hidden; background: url(../images/help.png) no-repeat; width:320px; height:568px; background-size:100% auto; margin-left:auto; margin-right:auto;}

#overay_area { display:none;}
#overay_area .overay_bg { position: fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:100;}
#overay_area .layer {width:300px; height:200px; position: absolute  ; background-color:#fff; border-radius:5px; z-index:101; left:50%; top:140px; margin-left:-150px;}
#overay_area .layer h2.title {height:50px; line-height:50px; font-size:18px; color:#464646; text-align:center; border-radius:10px 10px 0 0 ; border-bottom:1px solid #d7d7d7; font-weight:bold;}
#overay_area .layer h3.con_title {font-size:16px; color:#f26522; text-align:center; font-weight:bold; padding:0 0 15px 0;}
#overay_area .layer .content {margin:15px; padding:10px; height:80px; overflow-y:scroll; }
#overay_area .layer .content .text {display:inline-block; font-size:14px;  font-weight:bold; text-align:center; line-height:21px; color:#464646;}
#overay_area .layer .content .text2 {display:inline-block; font-size:14px;  font-weight:normal text-align:left; line-height:21px; color:#464646;}
#overay_area .btn_area {float:left; height:50px;}
#overay_area .btn_area a {float:left;}
#overay_area .btn_area a.btn_cancel { display:inline-block; width:150px; height:50px; line-height:50px; color:#fff; border-radius:0 0 0 5px; font-size:14px; background-color:#555; font-weight:bold; text-align:center;}
#overay_area .btn_area a.btn_confirm { display:inline-block; width:150px; height:50px; line-height:50px; color:#fff; border-radius:0 0 5px 0; font-size:14px; background-color:#1f82f7; font-weight:bold; text-align:center;}
#overay_area .btn_area a.btn_confirm2 { display:inline-block; width:300px; height:50px; line-height:50px; color:#fff; border-radius:0 0 5px 5px; font-size:14px; background-color:#1f82f7; font-weight:bold; text-align:center;}

#contents_wrap {height:100%; background-color:#eee; position:absolute; width:100%;}

nav#gnb {position:fixed; bottom:0; width:100%; height:57px; background-color:#fbc32b; left:0; z-index:100;}
nav#gnb ul {border-top:1px solid #603913;}
nav#gnb li {display:inline-block; width:25%; height:57px; float:left; text-align:center;}
nav#gnb li a {display:block; width:100%; height:57px; position:relative;}
nav#gnb li a img {width:22px; height:25px; margin-top:7px;}
nav#gnb li p { color:#603913; font-weight:bold; margin-top:4px;}
nav#gnb li a.selected {background-color:#FFF;} 

.btn_line {clear:both; float:left; width:100%; height:100%; text-align:center;}
.btn_line a { display:inline-block; width:120px; height:32px; color:#464646; background-color:#FFF; line-height:32px; border:1px solid #c2c2c2; border-radius:5px; margin-left:2px; margin-right:2px; font-size:15px; font-weight:bold;}
.btn_line a.favo_reg { text-align:left; display:inline-block; width:150px; height:32px; color:#464646; background-color:#FFF; line-height:32px; border:1px solid #c2c2c2; border-radius:5px; margin-left:2px; margin-right:2px; font-size:15px; font-weight:bold;}
.btn_line img {float:left; width:15.5px; height:15.5px; margin-left:15px; margin-top:8px; margin-right:10px;}

header h1.title { text-align:center; height:45px; background-color:#FFF; line-height:45px; position:fixed; left:0; top:0; width:100%; z-index:100; }
header a.btn_back {left:0; position:absolute; display:inline-block; width:46px; text-align:center;}
header a.btn_back img {width:16px; height:24px; vertical-align:middle; margin-top:0px;}
header a.btn_viewmap {left:7px; position:absolute; display:inline-block; width:auto; height:28px; line-height:28px; border:1px solid #c2c2c2; padding:0 10px; border-radius:5px; text-align:center; font-weight:bold; font-size:14px; color:#464646; margin-top:8px;}
header a.btn_rank {/* right:7px; */left:7px; position:absolute; display:inline-block; width:auto; height:28px; line-height:28px; border:1px solid #c2c2c2; padding:0 10px; border-radius:5px; text-align:center; font-weight:bold; font-size:14px; color:#464646; margin-top:8px;}

header a.btn_back_with_other img {width:16px; height:24px; vertical-align:middle; margin-top:-2px; }
header a.btn_back_with_other {margin-left: -6px;left:0; position:absolute; display:inline-block; width:46px; text-align:center;}
header a.btn_viewmap_with_other {margin-left: 25px;left:7px; position:absolute; display:inline-block; width:auto; height:28px; line-height:28px; border:1px solid #c2c2c2; padding:0 10px; border-radius:5px; text-align:center; font-weight:bold; font-size:14px; color:#464646; margin-top:8px;}
header a.btn_rank_with_other {/* right:7px; */margin-left: 25px;left:7px; position:absolute; display:inline-block; width:auto; height:28px; line-height:28px; border:1px solid #c2c2c2; padding:0 10px; border-radius:5px; text-align:center; font-weight:bold; font-size:14px; color:#464646; margin-top:8px;}


header h1.title span {display:inline-block; color:#555; font-weight:bold; font-size:22px; vertical-align:middle; letter-spacing:-1px; line-height:45px }
header h1.title .small {display:inline-block; height:18px; font-size:14px; line-height:18px !important; padding-bottom:6px; vertical-align:middle;}
header h1.title .small_number {display:inline-block; height:18px; font-size:14px; line-height:18px !important; padding-bottom:3px; vertical-align:middle;}
header a.btn_search {right:45px; position:absolute; display:inline-block; width:46px; text-align:center;}
header a.btn_search img {width:21px; height:22px; vertical-align:middle; margin-top:-2px;}
header a.btn_home {right:35px; position:absolute; display:inline-block; width:40px; top:0;text-align:center; height:45px}
header a.btn_home img {width:24px; height:23px; vertical-align:middle; margin-top:0px;}

article#contents_area { position: fixed; bottom:0; width:100%; top:80px; overflow-y:auto; overflow-x:hidden; padding-bottom:58px;}
article#contents_area.search_add { top:80px;}

#contents {padding-bottom:10px; margin-top:5px;}
#contents fieldset {padding-top:2px !important;}
;
.report_info {clear:both; height:78px;}
.report_info.txt_form {padding:0 7px;}
.report_info p {float:left; margin-top:5px; width:100%; }
.report_info .info {border:1px solid #c2c2c2; border-radius:5px; background-color:#fff; line-height:32px; height:32px;}
.report_info .info span {padding-left:10px;}

.report_info2 {clear:both; height:78px; padding:0 7px 0 7px; padding-right:90px;}
.report_info2 p {float:left; margin-top:5px; width:100%;}
.report_info2 .info { border:1px solid #c2c2c2; border-radius:5px; background-color:#fff; line-height:32px; height:32px;}
.report_info2 .info span {padding-left:10px;}
.report_info2 .add_file { right:7px; position:absolute; width:71px; height:71px; border:1px solid #c2c2c2; background-color:#fff; border-radius:5px;}
.report_info2 .add_file img { width:100%; height:100%; border-radius:5px; border:hidden;}
.report_form {clear:both; height:120px; padding:0 7px 0 7px;}
.report_form p {float:left; margin-top:5px; width:100%;}
.report_form .text_input {border:1px solid #c2c2c2; border-radius:5px; }
.report_form .text_input textarea { float:left; border-radius:5px; border:hidden; padding:10px; background-color:#fff; width:100%; box-sizing:border-box; height:100px; font-size:14px; line-height:21px;}
.report_form2 {clear:both; padding:0 7px 0 7px;}
.report_form2 .textarea { float:left; margin-top:5px; border-radius:5px; border:1px solid #c2c2c2; padding:10px; background-color:#fff; width:100%; height:120px; box-sizing:border-box; font-size:14px; line-height:21px;}

.report_info.video_form{ height:70px; /*height:105px;*/ padding-right:0;}
.report_info.video_form select{ margin-left: 10px; height:20px; border:1px solid #a7a7a7; width:100%; background-color:#fff; border-radius:5px; font-size:12px;background: url(../images/bg_select.png) no-repeat right center, url(../images/bg_btn_round.png) repeat-x; background-size: auto 100%; border-radius:5px; border:1px solid #333;}

.image_area {margin:7px 7px 5px 7px; }
.image_area img {width:100%; max-height:180px; border-radius:5px; background-image:cover;}

.report_view {position:relative; padding:0 7px 0 7px; margin-top:7px;}
.report_view p.weather_ico {height:70px; width:50px; position:absolute; left:10px; top:0;}
.report_view p.weather_ico img {height:47px; width:47px;}
.report_view p.weather_ico span {display:inline-block; width:47px; text-align:center; font-size:11px; font-weight:bold; padding-top:5px; vertical-align:top;}
.report_view p.loaction.no_ico { margin-left:0;}
.report_view p.now_time {border:1px solid #c2c2c2; border-radius:5px; background-color:#fff; height:32px; line-height:32px; padding-left:10px; margin-left:60px; margin-top:5px;}
.report_view p.location_view { position:absolute; right:0; top:0;}
.report_view p.location_view a.btn_map { display:block; border:1px solid #c2c2c2; height:32px; background:url(../images/bg_ico_map.png) no-repeat 50% 50%; background-size:100%; width:32px; border-radius:5px; text-indent:-9999px; overflow:hidden;}

.report_view p.loaction {border:1px solid #c2c2c2; border-radius:5px; background-color:#fff; height:32px; line-height:32px; padding-left:10px; margin-left:60px; margin-right:40px; }
.report_view p.location_view a.btn_map{ display:block; border:1px solid #9fa8ae; height:32px; background:url(../images/bg_ico_map.png) no-repeat 50% 50%, #fff; background-size:50%; width:32px; border-radius:5px; text-indent:-9999px; overflow:hidden; margin-right:7px;}

/* ---------- weather icon ---------- */ 
.select_icon {padding:7px 7px 7px 7px;}
.select_icon  .weather_comment {border:1px solid #c2c2c2; border-radius:5px; background-color:#fff; min-height:22px; line-height:21px; padding:10px; font-size:14px;}

.report_ico {text-align:left;}
.report_ico li {display:inline-block; width:15.5%; height:77px;}
.report_ico li {padding-bottom:1px; text-align:center;}
.report_ico li a { display: inline-block; width:50px; height:77px; border-radius:3px;}
.report_ico li a p {padding-top:58px; font-size:11px; font-weight:normal; color:#707070; letter-spacing:-1px;}
.report_ico li a.selected p {padding-top:58px; font-size:11px; font-weight:bold; color:#000; letter-spacing:-1px;}

.report_ico li a.ico04 {background:url(/resources/app/images/ico/weather_ico04.png) no-repeat; background-size:100%;}
.report_ico li a.ico04.selected  {background:url(/resources/app/images/ico/weather_ico04_on.png) no-repeat; background-size:100%; }

.report_ico li a.ico21 {background:url(/resources/app/images/ico/weather_ico21.png) no-repeat; background-size:100%; }
.report_ico li a.ico21.selected  {background:url(/resources/app/images/ico/weather_ico21_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico05 {background:url(/resources/app/images/ico/weather_ico05.png) no-repeat; background-size:100%; }
.report_ico li a.ico05.selected  {background:url(/resources/app/images/ico/weather_ico05_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico06 {background:url(/resources/app/images/ico/weather_ico06.png) no-repeat; background-size:100%; }
.report_ico li a.ico06.selected  {background:url(/resources/app/images/ico/weather_ico06_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico10 {background:url(/resources/app/images/ico/weather_ico10.png) no-repeat; background-size:100%; }
.report_ico li a.ico10.selected  {background:url(/resources/app/images/ico/weather_ico10_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico08 {background:url(/resources/app/images/ico/weather_ico08.png) no-repeat; background-size:100%; }
.report_ico li a.ico08.selected  {background:url(/resources/app/images/ico/weather_ico08_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico24 {background:url(/resources/app/images/ico/weather_ico24.png) no-repeat; background-size:100%; }
.report_ico li a.ico24.selected  {background:url(/resources/app/images/ico/weather_ico24_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico11 {background:url(/resources/app/images/ico/weather_ico11.png) no-repeat; background-size:100%; }
.report_ico li a.ico11.selected  {background:url(/resources/app/images/ico/weather_ico11_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico23 {background:url(/resources/app/images/ico/weather_ico23.png) no-repeat; background-size:100%; }
.report_ico li a.ico23.selected  {background:url(/resources/app/images/ico/weather_ico23_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico22 {background:url(/resources/app/images/ico/weather_ico22.png) no-repeat; background-size:100%; }
.report_ico li a.ico22.selected  {background:url(/resources/app/images/ico/weather_ico22_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico09 {background:url(/resources/app/images/ico/weather_ico09.png) no-repeat; background-size:100%; }
.report_ico li a.ico09.selected  {background:url(/resources/app/images/ico/weather_ico09_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico07 {background:url(/resources/app/images/ico/weather_ico07.png) no-repeat; background-size:100%; }
.report_ico li a.ico07.selected  {background:url(/resources/app/images/ico/weather_ico07_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico25 {background:url(/resources/app/images/ico/weather_ico25.png) no-repeat; background-size:100%; }
.report_ico li a.ico25.selected  {background:url(/resources/app/images/ico/weather_ico25_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico26 {background:url(/resources/app/images/ico/weather_ico26.png) no-repeat; background-size:100%; }
.report_ico li a.ico26.selected  {background:url(/resources/app/images/ico/weather_ico26_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico27 {background:url(/resources/app/images/ico/weather_ico27.png) no-repeat; background-size:100%; }
.report_ico li a.ico27.selected  {background:url(/resources/app/images/ico/weather_ico27_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico28 {background:url(/resources/app/images/ico/weather_ico28.png) no-repeat; background-size:100%; }
.report_ico li a.ico28.selected  {background:url(/resources/app/images/ico/weather_ico28_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico29 {background:url(/resources/app/images/ico/weather_ico29.png) no-repeat; background-size:100%; }
.report_ico li a.ico29.selected  {background:url(/resources/app/images/ico/weather_ico29_on.png) no-repeat; background-size:100%;}

.report_ico li a.ico12 {background:url(/resources/app/images/ico/weather_ico12.png) no-repeat; background-size:100%; }
.report_ico li a.ico12.selected  {background:url(/resources/app/images/ico/weather_ico12_on.png) no-repeat; background-size:100%;}

article#image_area {position: fixed; bottom:0; width:100%; top:0px; bottom:50px; left:0; right:0; background-color:#000;}
article#image_area .select_image { position:absolute; left:4px; right:4px; top:0; bottom:0px;}
article#image_area img {width:100%; height:auto; position:absolute; left:0; top:50%; margin-top:-25%}

.select_btn{ height:50px; background:url(../images/bg_select_btn.png) repeat-x; background-size:auto 100%; position:fixed; left:0; bottom:0; width:100%;}
.select_btn a{ display:inline-block; width:50%; line-height:50px; color:#fff; font-weight:bold; text-align:center; font-size:15px;}
.select_btn a:first-child{background:url(../images/bg_select_btn_space.png) no-repeat right 0; background-size: contain; }

.sub_title { position:fixed; top:45px; left:0; width:100%; background-color:#707070; height:35px; line-height:35px; z-index:100; margin-bottom:7px;}
.sub_title p {color:#fff; line-height:35px; padding-left:7px; font-weight:bold; font-size:14px; letter-spacing:-1px;}
.sub_title p select {width:80px; height:25px; padding-left:5px; border-radius:5px; margin-top:-2px; background-color:#FFF; font-size:14px; }
.sub_title p .img_select {position:absolute; top:0; right:15px;}
.sub_title p .img_select img { width:9px; height:7px;}
.sub_title p.year {color:#fff; line-height:35px; padding-left:7px; font-weight:bold; font-size:14px; letter-spacing:-1px;}
.sub_title p.year select {width:100px; height:25px; padding-left:5px; border-radius:5px; margin-top:-2px; background-color:#FFF; font-size:14px; }
.sub_title p.year .img_select {position:absolute; top:0; right:102px;}
.sub_title p.year .img_select img { width:9px; height:7px;}

.sub_title2 {width:100%; height:35px; line-height:35px; background-color:#707070; color:#fff; line-height:35px; padding-left:7px; font-weight:bold; font-size:14px; letter-spacing:-1px;}

.sub_title dl { position:relative;}
.sub_title dt { position:absolute; left:0; top:0; width:62px; height:28px; border-right:1px solid #7e7e7e; line-height:28px; color:#fff; text-align:center; font-weight:bold; letter-spacing:-1px; z-index:10;}
.sub_title dd {border-left:1px solid #1d1d1d; height:28px; position:relative;  margin-left:63px;}
.sub_title dd ul {position:absolute; left:8px; right:5px;}
.sub_title dd li {display:inline-block; width:50%; padding-top:5px; float:left;}
.sub_title dd li select {height:18px; line-height:18px;  width:98%; font-size:12px; padding-left:10px; background: url(../images/bg_select.png) no-repeat right center, url(../images/bg_btn_round.png) repeat-x; background-size: auto 100%; border-radius:5px; border:1px solid #333;}

.list_contents {}
.list_contents li {margin-bottom:5px; background-color:#FFF;}
.list_contents li a {height:60px; position:relative; display:block; box-sizing:border-box; padding-left:70px; color:#797979; padding-top:5px;}

.list_contents2 {}
.list_contents2 li {margin-bottom:5px; background-color:#FFF;}
.list_contents2 li a {height:70px; position:relative; display:block; box-sizing:border-box;  color:#797979; }
.list_contents2 .menu_report {float:left; width:100%; padding:5px 7px 0 7px;}
.list_contents2 .menu_report li {float:left; margin-bottom:0; vertical-align:middle;}
.list_contents2 .menu_report li:first-child {padding-right:15px;}
.list_contents2 .menu_report li:first-child img {width:47.5px; height:47px; margin-top:3px; margin-top:6.5px;}
.list_contents2 .menu_report .text {display:inline-block; font-size:18px; font-weight:bold; line-height:60px;}
.list_contents2 .menu_report li:last-child {float:right; line-height:60px;  }
.list_contents2 .menu_report li:last-child img {width:12px; height:18px; margin-bottom:-4px; padding-right:14px;}

.list_contents li a dt.ico { position:absolute; width:48px; height:47px; left:7px; top:6px; }
.list_contents li a dt.ico img { width:100%; height:100%;}
.list_contents li a dd.date { color:#797979; font-size:14px; line-height:18px;}
.list_contents li a dd.address { color:#797979; font-size:12px; line-height:16px; }
.list_contents li a dd {width:58%; color:#797979; font-size:11px; line-height:16px;}
.list_contents li a .hits {position:absolute; right:63px; top:18px; height:25px; width:45px; line-height:25px; color:#fff; background-color:#707070; border-radius:5px; text-align:center; font-weight:bold;}
.list_contents li a .category { position:absolute; width:52px; height:41px; right:7px; top:0;}
.list_contents li a .category img{ width:100%; height:100%; margin-top:10px;}

.rank_contents li {margin-bottom:5px; background-color:#FFF; height:45px; position:relative; box-sizing:border-box; padding-left:40px; color:#797979;}
.rank_contents li dt.ico { position:absolute; width:18px; height:24px; left:10px; top:10px; }
.rank_contents li dt.ico img { width:100%; height:100%;}
.rank_contents li dd {display:inline-block;}
.rank_contents li dd.rank_num { width:20%; color:#797979; font-size:14px; line-height:45px; font-weight:bold; text-align:left;}
.rank_contents li dd.phone_num { width:40%; color:#797979; font-size:14px; line-height:45px; font-weight:bold; text-align:left;}
.rank_contents li .hits_detail {position:absolute; right:7px; top:10px; height:25px; width:70px; line-height:25px; color:#fff; background-color:#707070; border-radius:5px; text-align:center; font-weight:bold;}

.list_location {border:1px solid #c2c2c2; margin-bottom:7px; margin-top:2px; margin-left:7px; margin-right:7px; height:195px; background:url(../images/img_location.gif) no-repeat; background-image:cover;}

.round_btn { text-align:center; height:30px; line-height:30px; border:1px solid #c2c2c2; border-radius:30px; display:inline-block; width:80px; background:url(../images/ico_refresh.png) no-repeat 12px 50%, #FFF; padding-left:15px; background-size:auto 100%; font-weight:bold; font-size:14px; color:#464646;}

.map_view { border:1px solid #c2c2c2; position:fixed; top:128px; left:7px; bottom:64px; right:7px; background-color:#fff; border-radius:5px; }
.map_view img { width:100%; height:100%; border-radius:5px; }
.map_view .mark {position:absolute; top:100px; left:200px; width:23px; height:43px;}

.favo_list li {margin-bottom:5px; background-color:#FFF; height:45px; position:relative; box-sizing:border-box; padding-left:15px; color:#797979;}
.favo_list li .txt{ text-align:left; line-height:45px; padding-left:25px; background: url(../images/ico_location.png) no-repeat 0 10px; background-size:14px 25px; font-weight:bold; font-size:14px; color:#797979; letter-spacing:-1px;}
.favo_list li .btn{ position:absolute; right:7px; top:9px;}

.favo_txt{ padding-top:15px; color:#7d7c7c; font-weight:bold; line-height:18px; text-align:center; font-size:12px; letter-spacing:-1px; padding-bottom:15px;}
a.btn_small{ display:inline-block; width:45px; height:25px; background-color:#eee; text-align:center; line-height:25px; border:1px solid #828282; border-radius:5px; color:#666; margin-right:5px; font-weight:bold;}
a.btn_small:last-child { display:inline-block; width:45px; height:25px; background-color:#eee; text-align:center; line-height:25px; border:1px solid #828282; border-radius:5px; color:#666; margin-right:0px; font-weight:bold;}

.select_location {border:1px solid #bfc2c4; margin:0px 7px 13px 7px; background-color:#fff; border-radius:7px; }
.select_location li { position:relative; padding-left:75px; padding-right:10px; height:60px; line-height:60px; border-bottom:1px solid #c2c2c2;}
.select_location li:last-child { position:relative; padding-left:75px; height:60px; line-height:60px; border-bottom:none;}
.select_location li label {display:block; padding-left:12px; font-size:12px; position:absolute; left:0; top:0; height:60px; line-height:60px; font-weight:bold; font-size:14px;}
.select_location li select { height:30px; padding-left:7px; border:1px solid #c2c2c2; width:100%; background-color:#fff; font-size:14px; border-radius:5px;}
.select_location li input { height:30px; border:1px solid #c2c2c2; border-radius:5px; font-size:14px; padding:0 7px; width:80px; }
.select_location .img_select {position:absolute; top:0; right:20px;}
.select_location .img_select img { width:9px; height:7px;}

.loading{ position: fixed; text-align:center; width:100%; z-index:101; top:50%; margin-top:-35px;}
.loading .prograss{text-align:center;}
.loading .prograss img{width:48px; height:48px;}
.loading .per{ color:#fff; margin-top:5px; font-size:15px; font-weight:bold;}

.search_line p{font-size:12px; color:#fff; height:28px; line-height:28px; padding-left:12px; padding-right:7px; font-weight:bold;}
.search_line p img{ margin-top:2px;}


/* added by jhson */
nav#gnb li.menu01_on a{background:url(../images/btn_foot01.png) no-repeat center -57px; background-size:80px auto;}
nav#gnb li.menu02_on a{background:url(../images/btn_foot02.png) no-repeat center -57px; background-size:80px auto;}
nav#gnb li.menu03_on a{background:url(../images/btn_foot03.png) no-repeat center -57px; background-size:80px auto;}
nav#gnb li.menu04_on a{background:url(../images/btn_foot04.png) no-repeat center -57px; background-size:80px auto;}

#agree_area{ display:none; }
.agree_bg{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:100;}
.agree{ position: fixed  ; background-color:#fff; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.7); z-index:101; left:50%; top:50%; margin-left:-127px; margin-top:-178px;}
/*.agree{width:255px; height:298px; position: absolute  ; background-color:#fff; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.7); z-index:101; left:50%; top:50%; margin-left:-127px; margin-top:-148px;}*/
.agree h1{ height:38px; line-height:38px; background:url(../images/bg_main_pop.gif) no-repeat; background-size:100% 100%; font-size:15px; color:#fff; text-align:center; border-radius:5px 5px 0 0 ; border-bottom:1px solid #4f5050; overflow:hidden; font-weight:bold; border:1px solid #666; border-bottom:none;}
.agree ul{ text-align:center; padding-top:10px; padding-bottom:8px;}
.agree li{ display:inline-block; margin-left:10px; margin-right:-2px;}
.agree li a{ display:block; width:65px; height:68px; text-indent:-9999px; overflow:hidden;}
.agree li.btn01 a{ background:url(../images/bg_layer_btn01.png) no-repeat; background-size:100%;}
.agree li.btn02 a{ background:url(../images/bg_layer_btn02.png) no-repeat; background-size:100%;}
.agree li.btn03 a{ background:url(../images/bg_layer_btn03.png) no-repeat; background-size:100%;}
.agree .btn {text-align:center;margin-bottom:10px;}

/* 구글맵 */
.map_view #map-canvas{ width:100%; height:100%;}


/* 추가 네비게이션 */
#toggle-sidebar{position:absolute; right:0; top:0px; width:35px; height:33px;z-index:999; padding-top:14px; text-align:left}
#toggle-sidebar img{width:26px; height:20px}
.main-sidebar-wrapper{padding:0 !important}
.main-sidebar-wrapper .sidebar-top{ border-bottom:2px solid #227595; height:43px;}
.main-sidebar-wrapper .sidebar-top a{width:40px; height:29px;position:absolute; right:0px; top:0px; text-align:center; padding-top:14px}
.main-sidebar-wrapper .sidebar-top a img{width:15px; height:15px}
.main-sidebar-wrapper .sidebar-cont{margin-left:10px}
.main-sidebar-wrapper .sidebar-cont ul{ border-bottom:2px solid #333333; padding:5px 0}
.main-sidebar-wrapper .sidebar-cont ul li{line-height:40px; border-bottom:1px solid #ebebeb; padding-left:10px}
.main-sidebar-wrapper .sidebar-cont ul li:last-child{border-bottom:none}
.main-sidebar-wrapper .sidebar-cont ul li a{font-size:15px;text-align:left; color:#333; display:block}
.main-sidebar-wrapper .sidebar-cont ul li a.active {background:url(../images/menu_active.png) no-repeat;background-size:17px 12px; background-position:150px 12px; font-weight:bold; color:#227595}


.li_st01 {border:1px solid #bfc2c4; margin:0px 7px 13px 7px; background-color:#fff; border-radius:7px; margin-top:10px }
.li_st01 li { position:relative; padding-left:15px; padding-right:10px; height:50px; line-height:50px; border-bottom:1px solid #c2c2c2;}



.radio_div{position:relative;/* padding-top:20px; */}
.radio_div input[type="radio"]{position:absolute;width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.radio_div input[type="radio"] + label{padding-top:20px;display:inline-block;position:relative;padding-left:30px; cusor:pointer; -webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;}
.radio_div input[type="radio"] + label:before{content:'';position:absolute;left:0;top:15px;width:20px; height:20px; text-align:center; background:url(../images/radio_p.png)no-repeat; background-size:20px 20px}
.radio_div input[type="radio"]:checked + label:after{content:'';position:absolute;left:0;top:15px;width:20px; height:20px; text-align:center;background:url(../images/radio_n.png)no-repeat; background-size:20px 20px}

.po_list{padding:0px 20px 20px}
.po_list li{ line-height:16px}
.check_div{position:relative;padding-top:20px;display:inline-block}
.check_div input[type="checkbox"]{position:absolute;width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.check_div input[type="checkbox"] + label{display:inline-block;position:relative;padding-left:30px; cusor:pointer; -webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;}
.check_div input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:-4px;width:20px; height:20px; text-align:center; background:url(../images/check_p.png)no-repeat; background-size:20px 20px}
.check_div input[type="checkbox"]:checked + label:before{content:'';position:absolute;left:0;top:-2px;width:20px; height:20px; text-align:center;background:url(../images/check_n.png)no-repeat; background-size:20px 20px}
.check_div input[type="checkbox"]:checked + label:after{content:'';position:absolute;left:0;top:-2px;width:20px; height:20px; text-align:center;background:url(../images/check_n.png)no-repeat; background-size:20px 20px}
.help_icon {vertical-align:bottom;width:16px; height:16px; margin-left:10px;}
.help_icon img{width:16px; height:16px; vertical-align:-3px}

/* 로그인 */
.login_wrap{display:block;  padding:0 10px; margin-top:25px}
.input_row{position:relative; overflow:hidden;height:37px; margin:0 0 8px; display:block;border:1px solid #dadada;  border-radius:7px;background:#fff;padding:5px 29px 5px 11px;}
.input_box{display:block; overflow:hidden; }
.input_row input{ border:none; width:85%; background:#fff; font-size:14px; line-height:16px; position:relative; z-index:9; padding:12px 0 6px; color:#000}
.login_wrap .error{font-size:12px; line-height:16px; margin:-2px 0 12px 10px; color:#ff1616;}
.btn_login{ display:block; font-size:20px; font-weight:700; background:#3f75c6; border-radius:7px; width:100%; height:54px; color:#fff; border:none; margin:25px 0px 7px; cousor:pointer; text-align:center }
.login_chk .check_div{margin-right:20px}
.find_pw{font-size:12px; margin-top:25px;padding:6px 0 12px; color:#545353; border-bottom:1px solid #c2c2c2; text-align:center}
.find_pw a{color:#545353;}

.title strong{color:#3f75c6}

.data_tbl{background:#fff; border-top:2px solid #555555; border-bottom:2px solid #555555; margin-top:10px; margin-bottom:10px}
.data_tbl table{width:100%}
.data_tbl table thead tr th{line-height:35px; font-size:14px; text-align:center; color:#797979; border-bottom:1px solid #939393; background:#fbfbfb}
.data_tbl table tbody tr td{line-height:32px; font-size:12px; text-align:center; color:#333; border-bottom:1px solid #c2c2c2}
.data_tbl table tbody tr:last-child td{border-bottom:none}

.logout_icon{position:absolute; right:2px; top:0px; z-index:999; width:20px; height:20px; padding:13px 10px 13px 5px}
.logout_icon img{width:26px; height:22px}

.bt_btn{position:fixed; bottom:0; width:100%; height:57px; background-color:#2d538b; border-top:1px solid #1c3c6d; left:0; z-index:100; text-align:center; font-size:17px; font-weight:bold; color:#fff}
.bt_btn a{color:#fff; display:block; height:57px; line-height:57px;}
.bt_btn img.write_icon{width:18px; height:18px; vertical-align:-2px }
.bt_btn img.save_icon{width:20px; height:17px; vertical-align:-2px }

.li_st02 {border:1px solid #bfc2c4; margin:0px 7px 13px 7px; background-color:#fff; border-radius:7px; margin-top:10px }
.li_st02 li {padding-left:120px; position:relative;padding-right:10px;/*  height:50px; */ line-height:50px; border-bottom:1px solid #c2c2c2;}
.li_st02 li .w_se{width:100%; line-height:50px; position:relative}
.li_st02 li .w_se .inp{font-size:14px;width:95%; height:31px; border-radius:5px; border:1px solid #c2c2c2; background:#fff; padding-left:7px;}
.li_st02 li .w_se2{width:48%; line-height:50px; position:relative;display:inline-block;margin: 0 1px 0 0}
.li_st02 li .w_se2 .inp{font-size:14px;width:95%; height:31px; border-radius:5px; border:1px solid #c2c2c2; background:#fff; padding-left:7px;}

.li_st02 li .w_se2 select{ height:33px; padding-left:7px; border:1px solid #c2c2c2; width:100%; background-color:#fff; font-size:14px; border-radius:5px;}
.li_st02 li .w_se2 .img_select {position:absolute; top:0; right:10px;}
.li_st02 li .w_se2 .img_select img { width:9px; height:7px;}
.li_st02 li .w_se4{width:23.5%; line-height:50px; display:inline-block;margin: 0 1px 0 0;position:relative}
.li_st02 li .w_se4 .inp{font-size:14px;display:block; width:100%;height:33px; border-radius:5px; border:1px solid #c2c2c2; background:#fff;}
.li_st02 li input:disabled{background:#e5e5e5 !important}
.li_st02 li .w_se select{ height:33px; padding-left:7px; border:1px solid #c2c2c2; width:100%; background-color:#fff; font-size:14px; border-radius:5px;}
.li_st02 li .w_se .img_select {position:absolute; top:0; right:10px;}
.li_st02 li .w_se .img_select img { width:9px; height:7px;}
.li_lb{display:block; position:absolute; left:0; top:0; bottom:0; width:120px; text-align:center; line-height:20px; padding-top:20px}
.h100{height:100px !important}

.tab_01 {line-height:38px; height:38px; margin:10px 7px;}
.tab_01 li{width:50%; float:left; position:relative;}


.tab_01 li a{font-size:14px;overflow:hidden; display:block; height:38px; padding:0 5px; color:#555; text-align:center; line-height:38px;display:block;background:#fff;border:1px solid #c2c2c2}
.tab_01 li:first-child a{border-radius:5px 0 0 5px; border-right:none}
.tab_01 li:last-child a{border-radius: 0 5px 5px 0; border-left:none}
.tab_01 li.selected a{color:#fff; font-weight:700;background:#077fb7;border:1px solid #0b6995}
.tab_01 li:first-child.selected a{color:#fff; font-weight:700;background:#077fb7; }

.main-sidebar{width:200px !important}

.list_contents3 {}
.list_contents3 li {margin-bottom:5px; background-color:#FFF;padding:5px 10px}
.list_contents3 li a {height:60px; position:relative; display:block; box-sizing:border-box; color:#797979; padding-top:5px;}
.list_contents3 li a .n_title{font-size:14px; display:block;line-height:30px}
.list_contents3 li a .n_date{font-size:12px; color:#999; display:block;margin-top:5px}

.report_view{padding:0 7px;}
.report_view .report_inner{border-radius:5px; border:1px solid #c2c2c2; padding:10px; background-color:#fff; box-sizing:border-box; font-size:14px; line-height:21px;}
.report_view .report_inner2{border-radius:5px; border:1px solid #c2c2c2; padding:10px; background-color:#fff; box-sizing:border-box; font-size:14px; line-height:21px;min-height:120px; margin-bottom:10px}
.report_view .v_title{font-size:14px; display:block;line-height:30px}
.report_view .v_date{font-size:12px; color:#999; display:block;margin-top:5px}


.agree_area {border:1px solid #c2c2c2; border-radius:5px; background-color:#fff; padding:10px; margin-top:10px; line-height:18px}
.agree_area p{margin-bottom:10px; line-height:18px}
.agree_area h3{ line-height:18px; margin:10px 0; font-weight:bold}
.agree_area h4{ line-height:18px; margin:5px 0}


.li_st02 li .w_se3{width:31.6%; line-height:50px; display:inline-block;margin: 0 1px 0 0; position:relative}
.li_st02 li .w_se3 .inp{font-size:14px;display:block; width:100%;height:33px; border-radius:5px; border:1px solid #c2c2c2; background:#fff;}
.li_st02 li .w_se3 .img_select {position:absolute; top:0px; right:10px; line-height:33px}
.li_st02 li .w_se3 select{ height:30px; padding-left:5px; border:1px solid #c2c2c2; width:100%; background-color:#fff; font-size:14px; border-radius:5px;}
.li_st02 li .w_se3 .img_select img { width:9px; height:7px;}
.li_st02 li .w_se4{width:23.5%; line-height:50px; display:inline-block;margin: 0 1px 0 0;position:relative}
.li_st02 li .w_se4 .inp{font-size:14px;display:block; width:100%;height:33px; border-radius:5px; border:1px solid #c2c2c2; background:#fff;}
.li_st02 li .w_se4 .img_select {position:absolute; top:-10px; right:5px;}
.li_st02 li .w_se4 select{ height:30px; padding-left:5px; border:1px solid #c2c2c2; width:100%; background-color:#fff; font-size:14px; border-radius:5px;}
.li_st02 li .w_se4 .img_select img { width:9px; height:7px;}

a.btn_vos_modify {display:inline-block; width:auto; height:14px; line-height:14px; border:1px solid #c2c2c2; padding:0 10px; border-radius:5px; text-align:center; font-weight:bold; font-size:10px; color:#464646;}

.v_radio{margin-bottom:0px; margin-top:0px}
.r_label{margin-right:15px;padding-top:18px !important;}
.r_label1{margin-right:15px;padding-top:19px !important;}
.icon_p{width:15px; height:15px; vertical-align:middle}
.icon_m{width:15px; height:4px; vertical-align:middle}

.dot{background:url(/resources/app/images/icon_dot.png) no-repeat right 28px; background-size:2px 2px; padding-right:5px;display:inline-block}