@charset "utf-8";
/* CSS Document */


/* 헤더 */
#header {display:inline-block; vertical-align:middle; position:fixed; left:0; right:0; top:0; z-index:999; min-width:320px; height:60px; padding:10px; background-color:#fff; box-shadow:0 5px 10px rgba(35, 31, 32, 0.06); transition:0.3s; -webkit-transition:0.3s;}
#header div {display:inline-block; vertical-align:middle;}

#header .h_logo {position:relative; z-index:9; float:left; width:160px; height:40px; transition:0.3s; -webkit-transition:0.3s;}
#header .h_logo a {display:inline-block; vertical-align:middle; position:relative; width:100%; height:100%; background-image:url("../images/common/logo.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transition:0.3s; -webkit-transition:0.3s;}
#header .h_menu {float:right;}
#header .h_menu ul {display:inline-block; vertical-align:middle;}
#header .h_menu li {display:inline-block; vertical-align:middle; float:left;}
#header .h_menu a,
#header .h_menu button {display:inline-block; vertical-align:middle; width:40px; height:40px; margin:0; padding:0; border:none; border-radius:20px; background-image:url("../images/common/icon_header.png"); background-repeat:no-repeat; background-size:200% auto;}
#header .h_menu a:active,
#header .h_menu button:active {background-color:#f5f5f5;}
#header .h_menu .hm_search {background-position:left 0;}
#header .h_menu .hm_alarm {background-position:left -40px;}
#header .h_menu .hm_search:active {background-position:right 0;}
#header .h_menu .hm_alarm:active {background-position:right -40px;}
#header .h_back {display:none; float:left; width:40px; height:40px;}
#header .h_back button {display:inline-block; vertical-align:middle; position:relative; width:40px; height:40px; margin:0; padding:0; border:none; border-radius:20px; background:none; outline:none;}
#header .h_back button:before {content:""; position:absolute; left:50%; top:50%; width:8px; height:8px; margin-top:-5px; margin-left:-3px; color:#231f20; border-top:solid 2px currentColor; border-left:solid 2px currentColor; transition:0.2s; -webkit-transition:0.2s; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#header .h_back button:active {background-color:#f5f5f5;}
#header .h_back button:active:before {color:#0c4da2;}
#header .h_back button:before {box-sizing:content-box;}
#header .h_title {display:block; position:absolute; left:90px; right:90px; top:10px; bottom:10px; font-size:17px; font-weight:700; color:#0c4da2; line-height:40px; text-align:center;}
#header .h_title h2 {margin:0; font-size:17px; font-weight:700; color:#0c4da2; line-height:40px;}

/* 검색 */
#search {position:fixed; left:0; right:0; top:-100%; bottom:100%; z-index:999999; overflow:auto; background-color:#f5f5f5; opacity:0; transition:0.3s; -webkit-transition:0.3s;}
#search.on {top:0; bottom:0; opacity:1;}
#search .s_head {display:inline-block; vertical-align:middle; width:100%; height:60px; padding:10px 60px; background-color:#fff; box-shadow:0 5px 10px rgba(35, 31, 32, 0.06);}
#search .s_close {display:inline-block; vertical-align:middle; position:absolute; left:10px; top:10px; width:40px; height:40px;}
#search .s_close:before {content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-top:-1px; margin-left:-10px; border-radius:1px; background-color:#231f20; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#search .s_close:after {content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-top:-1px; margin-left:-10px; border-radius:1px; background-color:#231f20; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#search .s_input {display:inline-block; vertical-align:middle; width:100%; height:40px; margin:0; padding:0; border:none; font-size:14px; color:#231f20; line-height:40px; text-align:left;}
#search .s_ok {display:inline-block; vertical-align:middle; position:absolute; right:10px; top:10px; width:40px; height:40px; border-radius:20px; background-image:url("../images/common/icon_header.png"); background-repeat:no-repeat; background-size:200% auto; background-position:left 0;}
#search .s_ok:active {background-color:#f5f5f5; background-position:right 0;}
#search .s_title {display:inline-block; vertical-align:middle; width:100%; padding:10px 20px;}
#search .s_title .title {float:left; font-size:15px;}
#search .s_title button {display:inline-block; vertical-align:middle; float:right; width:50px; height:20px; margin-top:5px; border-radius:2px; background-color:#0c4da2; font-size:10px; color:#fff; line-height:20px; text-align:center;}
#search .s_title button:active {background-color:#231f20;}
#search .s_word {position:relative; min-height:150px;}
#search .s_word:before {content:"최근 검색어 내역이 없습니다."; position:absolute; left:0; right:0; top:0; z-index:-1; font-size:16px; font-weight:400; color:#ddd; line-height:150px; letter-spacing:-0.5px;}
#search .s_word ul {display:inline-block; vertical-align:middle; width:100%; min-height:150px; border-top:#e5e5e5 solid 1px; background-color:#f5f5f5;}
#search .s_word li {display:inline-block; vertical-align:middle; width:100%; position:relative; border-bottom:#eee solid 1px; font-size:15px; font-weight:400; line-height:20px; letter-spacing:-0.5px;}
#search .s_word a {display:block; margin-right:40px; padding:10px 20px; color:#231f20; text-align:left;}
#search .s_word span {position:absolute; right:40px; top:10px; font-size:13px; color:#959494; text-align:right;}
#search .s_word .sl_delete {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; width:40px; height:40px;}
#search .s_word .sl_delete:before {content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; border-radius:1px; background-color:#231f20; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#search .s_word .sl_delete:after {content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; border-radius:1px; background-color:#231f20; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#search .s_body .category {margin-top:10px; margin-bottom:0;}
#search .s_list {padding:10px 20px; background-color:#fff;}
#search .s_list > ul > li {display:inline-block; vertical-align:middle; width:100%; padding:10px 0; border-bottom:#f5f5f5 solid 1px;}
#search .s_list > ul > li:last-child {border-bottom:none;}
#search .s_list > ul > li.on {display:none;}
#search .s_list .sl_wrap {position:relative;}
#search .s_list .sl_thumbnail {position:absolute; left:0; top:0; overflow:hidden; width:80px; border-radius:2px; background-color:#f5f5f5; background-repeat:no-repeat; background-position:center; background-size:cover;}
#search .s_list .sl_thumbnail:before {content:"No Images"; position:absolute; left:0; right:0; top:50%; margin-top:-10px; font-size:11px; font-weight:700; color:#231f20; line-height:20px; opacity:0.2;}
#search .s_list .sl_thumbnail[style^="background-image"]:before {content:"";}
#search .s_list .sl_thumbnail img {display:inline-block; vertical-align:middle; float:left; width:100%; height:auto;}
#search .s_list .sl_thumbnail + .sl_info {min-height:60px; padding-left:100px;}
#search .s_list .sl_info {position:relative; min-height:40px;}
#search .s_list .sl_info > ul {display:inline-block; vertical-align:middle; width:100%; margin:5px 0;}
#search .s_list .sl_info > ul > li {display:inline-block; vertical-align:middle; position:relative; float:left; margin-right:10px; padding-right:10px; font-size:12px; font-weight:300; color:#959494; line-height:20px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#search .s_list .sl_info > ul > li:before {content:""; position:absolute; right:0; top:50%; width:1px; height:10px; margin-top:-4px; background-color:#f0f0f0;}
#search .s_list .sl_info > ul > li:first-child,
#search .s_list .sl_info > ul > li:last-child {margin:0; padding:0;}
#search .s_list .sl_info > ul > li:first-child:before,
#search .s_list .sl_info > ul > li:last-child:before {display:none;}
#search .s_list .sl_info > ul > li.sli_subject {width:100%; margin-bottom:5px;}
#search .s_list .sl_info > ul > li a {color:#959494;}
#search .s_list .sl_info > ul > li a:active {color:#231f20; text-decoration:underline solid #eee;}
#search .s_list .sl_info .sli_subject {display:block; font-size:15px; font-weight:400; color:#231f20; line-height:20px; letter-spacing:0; text-align:left; text-overflow:ellipsis; word-break:break-word;}
#search .s_list .sl_info .sli_subject strong {display:inline-block; vertical-align:middle; margin-top:-10px; padding:2px 8px; border-radius:3px; background-color:#231f20; font-size:12px; color:#fff; line-height:16px;}
#search .s_list .sl_info .sli_subject strong.on {background-color:#0c4da2;}
#search .s_list .sl_info .sli_subject strong.off {background-color:#c43c3c;}
#search .s_list .sl_info .sli_subject a {display:block; color:#231f20; overflow:hidden; text-overflow:ellipsis; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#search .s_list .sl_info .sli_subject a:active {color:#0c4da2;}

#disaster_search2 {position:fixed; left:0; right:0; top:-100%; bottom:100%; z-index:999999; overflow:auto; background-color:#f5f5f5; opacity:0; transition:0.3s; -webkit-transition:0.3s;}
#disaster_search2.on {top:0; bottom:0; opacity:1;}
#disaster_search2 .s_head {display:inline-block; vertical-align:middle; width:100%; height:60px; padding:10px 60px; background-color:#fff; box-shadow:0 5px 10px rgba(35, 31, 32, 0.06);}
#disaster_search2 .s_close {display:inline-block; vertical-align:middle; position:absolute; left:10px; top:10px; width:40px; height:40px;}
#disaster_search2 .s_close:before {content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-top:-1px; margin-left:-10px; border-radius:1px; background-color:#231f20; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#disaster_search2 .s_close:after {content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-top:-1px; margin-left:-10px; border-radius:1px; background-color:#231f20; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#disaster_search2 .s_input {display:inline-block; vertical-align:middle; width:100%; height:40px; margin:0; padding:0; border:none; font-size:14px; color:#231f20; line-height:40px; text-align:left;}
#disaster_search2 .s_ok {display:inline-block; vertical-align:middle; position:absolute; right:10px; top:10px; width:40px; height:40px; border-radius:20px; background-image:url("../images/common/icon_header.png"); background-repeat:no-repeat; background-size:200% auto; background-position:left 0;}
#disaster_search2 .s_ok:active {background-color:#f5f5f5; background-position:right 0;}
#disaster_search2 .s_title {display:inline-block; vertical-align:middle; width:100%; padding:10px 20px;}
#disaster_search2 .s_title .title {float:left; font-size:15px;}
#disaster_search2 .s_title button {display:inline-block; vertical-align:middle; float:right; width:50px; height:20px; margin-top:5px; border-radius:2px; background-color:#0c4da2; font-size:10px; color:#fff; line-height:20px; text-align:center;}
#disaster_search2 .s_title button:active {background-color:#231f20;}
#disaster_search2 .s_word {position:relative; min-height:150px;}
#disaster_search2 .s_word:before {content:"최근 검색어 내역이 없습니다."; position:absolute; left:0; right:0; top:0; z-index:-1; font-size:16px; font-weight:400; color:#ddd; line-height:150px; letter-spacing:-0.5px;}
#disaster_search2 .s_word ul {display:inline-block; vertical-align:middle; width:100%; min-height:150px; border-top:#e5e5e5 solid 1px; background-color:#f5f5f5;}
#disaster_search2 .s_word li {display:inline-block; vertical-align:middle; width:100%; position:relative; border-bottom:#eee solid 1px; font-size:15px; font-weight:400; line-height:20px; letter-spacing:-0.5px;}
#disaster_search2 .s_word a {display:block; margin-right:40px; padding:10px 20px; color:#231f20; text-align:left;}
#disaster_search2 .s_word span {position:absolute; right:40px; top:10px; font-size:13px; color:#959494; text-align:right;}
#disaster_search2 .s_word .sl_delete {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; width:40px; height:40px;}
#disaster_search2 .s_word .sl_delete:before {content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; border-radius:1px; background-color:#231f20; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#disaster_search2 .s_word .sl_delete:after {content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; border-radius:1px; background-color:#231f20; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#disaster_search2 .s_body .category {margin-top:10px; margin-bottom:0;}
#disaster_search2 .s_list {padding:10px 20px; background-color:#fff;}
#disaster_search2 .s_list > ul > li {display:inline-block; vertical-align:middle; width:100%; padding:10px 0; border-bottom:#f5f5f5 solid 1px;}
#disaster_search2 .s_list > ul > li:last-child {border-bottom:none;}
#disaster_search2 .s_list > ul > li.on {display:none;}
#disaster_search2 .s_list .sl_wrap {position:relative;}
#disaster_search2 .s_list .sl_thumbnail {position:absolute; left:0; top:0; overflow:hidden; width:80px; border-radius:2px; background-color:#f5f5f5; background-repeat:no-repeat; background-position:center; background-size:cover;}
#disaster_search2 .s_list .sl_thumbnail:before {content:"No Images"; position:absolute; left:0; right:0; top:50%; margin-top:-10px; font-size:11px; font-weight:700; color:#231f20; line-height:20px; opacity:0.2;}
#disaster_search2 .s_list .sl_thumbnail[style^="background-image"]:before {content:"";}
#disaster_search2 .s_list .sl_thumbnail img {display:inline-block; vertical-align:middle; float:left; width:100%; height:auto;}
#disaster_search2 .s_list .sl_thumbnail + .sl_info {min-height:60px; padding-left:100px;}
#disaster_search2 .s_list .sl_info {position:relative; min-height:40px;}
#disaster_search2 .s_list .sl_info > ul {display:inline-block; vertical-align:middle; width:100%; margin:5px 0;}
#disaster_search2 .s_list .sl_info > ul > li {display:inline-block; vertical-align:middle; position:relative; float:left; margin-right:10px; padding-right:10px; font-size:12px; font-weight:300; color:#959494; line-height:20px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#disaster_search2 .s_list .sl_info > ul > li:before {content:""; position:absolute; right:0; top:50%; width:1px; height:10px; margin-top:-4px; background-color:#f0f0f0;}
#disaster_search2 .s_list .sl_info > ul > li:first-child,
#disaster_search2 .s_list .sl_info > ul > li:last-child {margin:0; padding:0;}
#disaster_search2 .s_list .sl_info > ul > li:first-child:before,
#disaster_search2 .s_list .sl_info > ul > li:last-child:before {display:none;}
#disaster_search2 .s_list .sl_info > ul > li.sli_subject {width:100%; margin-bottom:5px;}
#disaster_search2 .s_list .sl_info > ul > li a {color:#959494;}
#disaster_search2 .s_list .sl_info > ul > li a:active {color:#231f20; text-decoration:underline solid #eee;}
#disaster_search2 .s_list .sl_info .sli_subject {display:block; font-size:15px; font-weight:400; color:#231f20; line-height:20px; letter-spacing:0; text-align:left; text-overflow:ellipsis; word-break:break-word;}
#disaster_search2 .s_list .sl_info .sli_subject strong {display:inline-block; vertical-align:middle; margin-top:-10px; padding:2px 8px; border-radius:3px; background-color:#231f20; font-size:12px; color:#fff; line-height:16px;}
#disaster_search2 .s_list .sl_info .sli_subject strong.on {background-color:#0c4da2;}
#disaster_search2 .s_list .sl_info .sli_subject strong.off {background-color:#c43c3c;}
#disaster_search2 .s_list .sl_info .sli_subject a {display:block; color:#231f20; overflow:hidden; text-overflow:ellipsis; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#disaster_search2 .s_list .sl_info .sli_subject a:active {color:#0c4da2;}


/* 네비 */
#nav {display:inline-block; vertical-align:middle; position:fixed; left:0; right:0; bottom:0; z-index:999; min-width:320px; height:70px; background-color:#0c4da2; box-shadow:0 -10px 30px rgba(35, 31, 32, 0.08); transition:0.3s; -webkit-transition:0.3s;}
#nav div {display:inline-block; vertical-align:middle;}
#nav > ul {display:inline-block; vertical-align:middle; width:100%;}
#nav > ul > li {display:inline-block; vertical-align:middle; position:relative; float:left; width:25%;}
#nav > ul > li:before {content:""; position:absolute; right:0; top:0; bottom:0; width:1px; background-color:#000; opacity:0.06;}
#nav > ul > li:last-child:before {display:none;}
#nav > ul > li .n_btn {display:inline-block; vertical-align:middle; position:relative; width:100%; height:70px; margin:0; padding:0; border:none; background:none; outline:none;}
#nav > ul > li .n_btn:before {content:""; position:absolute; left:50%; top:15px; width:30px; height:30px; margin-left:-15px; background-image:url("../images/common/icon_navi.png"); background-repeat:no-repeat; background-size:200% auto;}
#nav > ul > li .n_menu:before {background-position:left 0px;}
#nav > ul > li .n_home:before {background-position:left -30px;}
#nav > ul > li .n_write:before {background-position:left -60px;}
#nav > ul > li .n_mypage:before {background-position:left -90px;}
#nav > ul > li .n_btn span {display:inline-block; vertical-align:middle; position:relative; width:100%; height:15px; margin-top:45px; margin-bottom:10px; font-size:10px; color:#fff; line-height:15px; text-align:center; opacity:0.4;}
#nav > ul > li .n_btn:active {background:#fff;}
#nav > ul > li .n_menu:active:before {background-position:right 0px;}
#nav > ul > li .n_home:active:before {background-position:right -30px;}
#nav > ul > li .n_write:active:before {background-position:right -60px;}
#nav > ul > li .n_mypage:active:before {background-position:right -90px;}
#nav > ul > li .n_btn:active span {font-weight:700; color:#0c4da2; opacity:1;}
#nav .n_wrap {position:fixed; left:-100%; top:0; bottom:0; z-index:9999; width:100%; background-color:rgba(35, 31, 32, 0.8); opacity:0; transition:0.3s; -webkit-transition:0.3s;}
#wrap.on #nav .n_wrap {left:0; opacity:1;}
#nav .n_wrap > .n_menu {position:fixed; right:-100%; top:0; bottom:0; z-index:1; width:100%;}
#wrap.on #nav .n_wrap > .n_menu {right:0;}

#nav .n_head {position:absolute; left:0; top:0; z-index:3; width:320px; height:180px; background-image:url("../images/common/bg_menu.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover;}
#nav .n_head .nh_close {position:absolute; left:10px; top:10px; width:40px; height:40px; outline:none;}
#nav .n_head .nh_close:before {content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-top:-1px; margin-left:-10px; border-radius:1px; background-color:#fff; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#nav .n_head .nh_close:after {content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; margin-top:-1px; margin-left:-10px; border-radius:1px; background-color:#fff; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#nav .n_head .nh_user {width:100%; padding-top:40px;}
#nav .n_head .nh_user .nhu_pic {width:80px; height:80px; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:cover; box-shadow:0 2px 5px rgba(35, 31, 32, 0.15);}
#nav .n_head .nh_user .nhu_pic img {display:inline-block; vertical-align:middle; float:left; width:80px; height:80px;}
#nav .n_head .nh_user .nhu_name {width:100%; margin-top:5px; font-size:15px; font-weight:400; color:#fff; line-height:30px;}
#nav .n_head .nh_user .nhu_name strong {font-weight:700; color:#fff;}
#nav .n_head .nh_btn {position:absolute; right:10px; top:10px; width:40px; height:40px; background-image:url("../images/common/icon_user.png"); background-repeat:no-repeat; background-size:100% auto;}
#nav .n_head .nh_btn.nh_login {background-position:center top;}
#nav .n_head .nh_btn.nh_mypage {background-position:center bottom;}

#nav .n_body {position:absolute; left:0; top:180px; bottom:0; z-index:2; overflow:auto; width:320px; background-color:#fff;}
#nav .n_body > ul {display:block; width:auto; margin:10px 20px 20px;}
#nav .n_body > ul > li {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:10px 0; border-bottom:#f5f5f5 solid 1px;}
#nav .n_body > ul > li > a {display:block; position:relative; width:auto; padding:10px 40px 10px 50px; font-size:16px; font-weight:400; color:#231f20; line-height:20px; letter-spacing:-0.5px; text-align:left;}
#nav .n_body > ul > li > a:before {content:""; position:absolute; left:0; top:0; width:40px; height:40px; background-image:url("../images/common/icon_menu.png"); background-repeat:no-repeat; background-size:100% auto;}
#nav .n_body > ul > li > a.notice:before {background-position:center 0px;}
#nav .n_body > ul > li > a.about:before {background-position:center -40px;}
#nav .n_body > ul > li > a.schedule:before {background-position:center -80px;}
#nav .n_body > ul > li > a.survey:before {background-position:center -120px;}
#nav .n_body > ul > li > a.disaster:before {background-position:center -160px;}
#nav .n_body > ul > li > a.volunteer:before {background-position:center -200px;}
#nav .n_body > ul > li > a.conference:before {background-position:center -240px;}
#nav .n_body > ul > li > a.mall:before {background-position:center -280px;}
#nav .n_body > ul > li > a.share:before {background-position:center -320px;}
#nav .n_body > ul > li > a.board:before {background-position:center -360px;}
#nav .n_body > ul > li > a:after {content:""; position:absolute; right:17px; top:17px; width:7px; height:7px; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#nav .n_body .nm_alarm {display:inline-block; vertical-align:middle; position:absolute; right:30px; top:10px; width:40px; height:40px; background-image:url("../images/common/icon_alarm.png"); background-repeat:no-repeat; background-position:right center; background-size:auto 100%;}
#nav .n_body .nm_alarm.on {background-position:left center;}

#wrap.off #header,
#wrap.off #nav {display:none;}


/* 컨텐츠 */
#contents {min-width:320px; padding:70px 0;}
#contents .c_box {margin-bottom:10px; background-color:#fff; box-shadow:0 5px 10px rgba(35, 31, 32, 0.04);}
#contents .c_box > div {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_box .cb_head {padding:10px 20px; box-shadow:inset 0 -1px 0 #f0f0f0;}
#contents .c_box .cb_head .title {float:left;}
#contents .c_box .cb_head .cb_more {display:inline-block; vertical-align:middle; float:right; width:50px; height:20px; margin-top:5px; border-radius:2px; background-color:#0c4da2; font-size:10px; color:#fff; line-height:20px; text-align:center;}
#contents .c_box .cb_head .cb_more:active {background-color:#231f20;}
#contents .c_box .cb_list {padding:10px 20px;}
#contents .c_box .cb_list > ul > li {display:inline-block; vertical-align:middle; width:100%; padding:10px 0; border-bottom:#f5f5f5 solid 1px;}
#contents .c_box .cb_list > ul > li:last-child {border-bottom:none;}
#contents .c_box .cb_list > ul > li.on {display:none;}
#contents .c_box .cb_list .cbl_wrap {position:relative;}
#contents .c_box .cb_list .cbl_thumbnail {position:absolute; left:0; top:0; overflow:hidden; width:80px; border-radius:2px; background-color:#f5f5f5; background-repeat:no-repeat; background-position:center; background-size:cover;}
#contents .c_box .cb_list .cbl_thumbnail:before {content:"No Images"; position:absolute; left:0; right:0; top:50%; margin-top:-10px; font-size:11px; font-weight:700; color:#231f20; line-height:20px; opacity:0.2;}
#contents .c_box .cb_list .cbl_thumbnail[style^="background-image"]:before {content:"";}
#contents .c_box .cb_list .cbl_thumbnail img {display:inline-block; vertical-align:middle; float:left; width:100%; height:auto;}
#contents .c_box .cb_list .cbl_thumbnail + .cbl_info {min-height:60px; padding-left:100px;}
#contents .c_box .cb_list .cbl_slide .item {overflow:hidden; background-color:#f5f5f5; background-repeat:no-repeat; background-position:center; background-size:cover;}
#contents .c_box .cb_list .cbl_slide .item:before {content:"No Images"; position:absolute; left:0; right:0; top:50%; margin-top:-10px; font-size:11px; font-weight:700; color:#231f20; line-height:20px; opacity:0.2;}
#contents .c_box .cb_list .cbl_slide .item[style^="background-image"]:before {content:"";}
#contents .c_box .cb_list .cbl_slide .item img {display:inline-block; vertical-align:middle; float:left; width:100%; height:auto;}
#contents .c_box .cb_list .cbl_slide .owl-nav {display:none;}
#contents .c_box .cb_list .cbl_slide .owl-dots {display:inline-block; vertical-align:middle; position:absolute; left:0; bottom:10px; width:100%;}
#contents .c_box .cb_list .cbl_slide .owl-dot {display:inline-block; vertical-align:middle; width:20px; height:20px;}
#contents .c_box .cb_list .cbl_slide .owl-dot span {display:inline-block; vertical-align:middle; width:6px; height:6px; margin:7px; border-radius:3px; background-color:#ddd;}
#contents .c_box .cb_list .cbl_slide .owl-dot.active span {background-color:#0c4da2;}
#contents .c_box .cb_list .cbl_address {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-bottom:10px; padding:5px 10px; background-color:#959494; font-size:13px; font-weight:400; color:#fff; line-height:20px; letter-spacing:-0.5px; text-align:left;}
#contents .c_box .cb_list .cbl_info {position:relative; min-height:40px;}
#contents .c_box .cb_list .cbl_info > ul {display:inline-block; vertical-align:middle; width:100%; margin:5px 0;}
#contents .c_box .cb_list .cbl_info > ul > li {display:inline-block; vertical-align:middle; position:relative; float:left; margin-right:10px; padding-right:10px; font-size:12px; font-weight:300; color:#959494; line-height:20px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .c_box .cb_list .cbl_info > ul > li:before {content:""; position:absolute; right:0; top:50%; width:1px; height:10px; margin-top:-4px; background-color:#f0f0f0;}
#contents .c_box .cb_list .cbl_info > ul > li:first-child,
#contents .c_box .cb_list .cbl_info > ul > li:last-child {margin:0; padding:0;}
#contents .c_box .cb_list .cbl_info > ul > li:first-child:before,
#contents .c_box .cb_list .cbl_info > ul > li:last-child:before {display:none;}
#contents .c_box .cb_list .cbl_info > ul > li.cbli_subject {width:100%; margin-bottom:5px;}
#contents .c_box .cb_list .cbl_info > ul > li a {color:#959494;}
#contents .c_box .cb_list .cbl_info > ul > li a:active {color:#231f20; text-decoration:underline solid #eee;}
#contents .c_box .cb_list .cbl_info .cbli_subject {display:block; font-size:15px; font-weight:400; color:#231f20; line-height:20px; letter-spacing:0; text-align:left; text-overflow:ellipsis; word-break:break-word;}
#contents .c_box .cb_list .cbl_info .cbli_subject strong {display:inline-block; vertical-align:middle; margin-top:-10px; padding:2px 8px; border-radius:3px; background-color:#231f20; font-size:12px; color:#fff; line-height:16px;}
#contents .c_box .cb_list .cbl_info .cbli_subject strong.on {background-color:#0c4da2;}
#contents .c_box .cb_list .cbl_info .cbli_subject strong.off {background-color:#c43c3c;}
#contents .c_box .cb_list .cbl_info .cbli_subject a {display:block; color:#231f20; overflow:hidden; text-overflow:ellipsis; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#contents .c_box .cb_list .cbl_info .cbli_subject a:active {color:#0c4da2;}
#contents .c_box .cb_list .cbl_info .cbli_category {font-weight:500; color:#231f20;}
#contents .c_box .cb_list .cbl_buy {height:40px; margin:5px 0; font-size:14px; line-height:38px;}
#contents .c_box .cb_list .cbl_share {display:inline-block; vertical-align:middle; position:absolute; right:-10px; bottom:0; z-index:1; width:30px; height:30px; border-radius:15px; background-image:url("../images/common/icon_share.png"); background-position:center; background-size:100% auto;}
#contents .c_box .cb_list .cbl_share:active {background-color:#f5f5f5;}
#contents .c_box .cb_list .cbl_share + .cbl_info > ul {padding-right:20px;}
#contents .c_box .cb_list .cbl_more + ul > .cbli_subject {padding-right:20px !important;}
#contents .c_box .cb_list .cbl_more .cblm_open {display:inline-block; vertical-align:middle; position:absolute; right:-10px; top:0; z-index:9; width:30px; height:30px; color:#231f20;}
#contents .c_box .cb_list .cbl_more .cblm_open i {display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:3px; height:3px; margin-top:-1.5px; margin-left:-1.5px; border-radius:2px; background-color:currentColor;}
#contents .c_box .cb_list .cbl_more .cblm_open i:before {content:""; position:absolute; left:0; top:-5px; width:100%; height:100%; border-radius:2px; background-color:currentColor;}
#contents .c_box .cb_list .cbl_more .cblm_open i:after {content:""; position:absolute; left:0; bottom:-5px; width:100%; height:100%; border-radius:2px; background-color:currentColor;}
#contents .c_box .cb_list .cbl_more .cblm_wrap {position:fixed; left:0; right:0; top:100%; bottom:-100%; z-index:99999; background:rgba(35, 31, 32, 0.8); opacity:0; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_box .cb_list .cbl_more .cblm_wrap.on {top:0; bottom:0; opacity:1;}
#contents .c_box .cb_list .cbl_more .cblm_wrap ul {position:absolute; left:10px; right:10px; bottom:10px;}
#contents .c_box .cb_list .cbl_more .cblm_wrap li {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}
#contents .c_box .cb_list .cbl_more .cblm_wrap a {display:inline-block; vertical-align:middle; width:100%; height:50px; border-radius:3px; background-color:#fff; font-size:15px; font-weight:400; color:#231f20; line-height:50px; letter-spacing:-0.5px;}
#contents .c_box .cb_list .cbl_more .cblm_wrap button {display:inline-block; vertical-align:middle; width:100%; height:50px; margin:0; padding:0; border-radius:3px; background-color:#0c4da2; font-size:15px; font-weight:400; color:#fff; line-height:50px; letter-spacing:-0.5px;}
#contents .c_box .cb_list .cbl_location {position:absolute; right:0; top:50%; overflow:hidden; width:50px; height:50px; margin-top:-25px;}
#contents .c_box .cb_list .cbl_location a {display:block; width:50px; height:50px; border-radius:25px; background-repeat:no-repeat;}
#contents .c_box .cb_list .cbl_location .cbll_map {background-color:#f5f5f5; background-image:url("../images/common/icon_location.png"); background-position:left center; background-size:200% auto;}
#contents .c_box .cb_list .cbl_location .cbll_map:active {background-color:#0c4da2; background-position:right center;}
#contents .c_box .cb_list .cbl_location .cbll_more {background-image:url("../images/common/icon_arrow_type1.png"); background-position:right 10px center; background-size:11px auto;}
#contents .c_box .cb_list .cbl_location + .cbl_info {padding-right:70px}
#contents .c_box .cb_list .cbl_comment {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_box .cb_list .cbl_comment li {display:inline-block; vertical-align:middle; position:relative; float:left; width:100%; margin-top:5px; border-radius:3px; background-color:#f5f5f5;}
#contents .c_box .cb_list .cbl_comment li:before {content:""; position:absolute; left:10px; top:11px; width:6px; height:6px; color:#d3d2d2; border-left:currentColor solid 2px; border-bottom:currentColor solid 2px;}
#contents .c_box .cb_list .cbl_comment p {padding:5px 30px; text-align:left;}
#contents .c_box .cb_list .cbl_comment a {display:inline-block; vertical-align:middle; position:absolute; right:0; top:2px; width:30px; height:30px; outline:none;}
#contents .c_box .cb_list .cbl_comment a:before {content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; border-radius:1px; background-color:#959494; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#contents .c_box .cb_list .cbl_comment a:after {content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; border-radius:1px; background-color:#959494; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#contents .c_box .cb_best {padding:15px 20px 20px; background-color:#f5f5f5;}
#contents .c_box .cb_best h4 {display:inline-block; vertical-align:middle; width:100%; margin-bottom:15px; font-size:15px; font-weight:500; color:#0c4da2; line-height:20px; letter-spacing:-0.5px; text-align:left;}
#contents .c_box .cb_best > ul{display:inline-block; vertical-align:middle; width:calc(100% + 10px); margin-left:-5px;}
#contents .c_box .cb_best > ul > li {display:inline-block; vertical-align:middle; float:left; width:33.333%;}
#contents .c_box .cb_best .cbb_wrap {position:relative; padding:0 5px;}
#contents .c_box .cb_best .cbb_thumbnail {display:inline-block; vertical-align:middle; position:relative; width:100%; border-radius:2px; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:cover;}
#contents .c_box .cb_best .cbb_thumbnail:before {content:"No Images"; position:absolute; left:0; right:0; top:50%; margin-top:-10px; font-size:11px; font-weight:700; color:#231f20; line-height:20px; opacity:0.2;}
#contents .c_box .cb_best .cbb_thumbnail[style^="background-image"]:before {content:"";}
#contents .c_box .cb_best .cbb_thumbnail img {display:inline-block; vertical-align:middle; float:left; width:100%; height:auto;}
#contents .c_box .cb_best .cbb_subject {margin-top:10px;}
#contents .c_box .cb_best .cbb_subject a {display:block; overflow:hidden; height:40px; font-size:15px; font-weight:400; color:#231f20; line-height:20px; letter-spacing:0; text-align:left; overflow:hidden; text-overflow:ellipsis; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#contents .c_box .cb_best .cbb_subject a:active {color:#0c4da2;}
#contents .c_box .cb_best .cbb_like {display:inline-block; vertical-align:middle; width:100%; margin-top:5px;}
#contents .c_box .cb_best .cbb_like i {display:inline-block; vertical-align:middle; float:left; width:20px; height:20px; background-image:url("../images/common/icon_count.png"); background-repeat:no-repeat; background-position:right -60px; background-size:200% auto;}
#contents .c_box .cb_best .cbb_like span {display:inline-block; vertical-align:middle; float:left; font-size:12px; font-weight:300; color:#959494; line-height:20px; letter-spacing:-0.5px;}
#contents .c_box .cb_best.t1 {padding:20px 20px 15px; background-color:#fff;}
#contents .c_box .cb_best.t1 .cbb_thumbnail {background-color:#f5f5f5;}
#contents .c_box .cb_category {display:inline-block; vertical-align:middle; width:100%; height:40px; overflow:auto; font-size:0; white-space:nowrap;}
#contents .c_box .cb_category li {display:inline-block; vertical-align:middle; width:62px; height:40px; background-color:#f0f0f0; box-shadow:inset 1px 0 0 #ddd;}
#contents .c_box .cb_category li:first-child {box-shadow:none;}
#contents .c_box .cb_category li a {display:block; font-size:15px; font-weight:400; color:#0c4da2; line-height:40px; letter-spacing:-1px;}
#contents .c_box .cb_category li a.on {background-color:#0c4da2; color:#fff;}
#contents .c_box .cb_partner {height:90px; line-height:90px;}
#contents .c_box .cb_partner .owl-nav {display:inline-block; vertical-align:middle; position:absolute; left:10px; bottom:10px; width:55px; z-index:3;}
#contents .c_box .cb_partner .owl-nav div {display:inline-block; vertical-align:middle; position:absolute; bottom:0; z-index:2; width:25px; height:25px; margin-top:-20px; border:#dedede solid 1px; background-color:#fff; font-size:0; line-height:0; text-indent:-9999px; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_box .cb_partner .owl-nav div:active {border-color:#0c4da2; background-color:#0c4da2;}
#contents .c_box .cb_partner .owl-nav div:before {content:""; position:absolute; left:50%; top:50%; width:7px; height:7px; margin-top:-4px; color:#231f20; border-top:solid 1px currentColor; border-right:solid 1px currentColor; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_box .cb_partner .owl-nav div:active:before {color:#fff;}
#contents .c_box .cb_partner .owl-nav .owl-prev {left:0;}
#contents .c_box .cb_partner .owl-nav .owl-prev:before {margin-left:-2px; transform:rotate(-135deg); -ms-transform:rotate(-135deg);}
#contents .c_box .cb_partner .owl-nav .owl-next {right:0;}
#contents .c_box .cb_partner .owl-nav .owl-next:before {margin-left:-7px; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#contents .c_box .cb_partner .owl-item img {display:inline-block; vertical-align:middle; max-width:200px;}
#contents .c_box .cb_control {display:inline-block; vertical-align:middle; position:absolute; right:10px; bottom:10px; z-index:4;}
#contents .c_box .cb_control .cbc_btn {display:inline-block; vertical-align:middle; position:relative; width:25px; height:25px; border:#dedede solid 1px; background-color:#fff; outline:none; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_box .cb_control .cbc_btn:before {content:""; position:absolute; left:50%; top:50%;}
#contents .c_box .cb_control .cbc_btn.play:before {margin-left:-4px; margin-top:-4.5px; border-top:transparent solid 4.5px; border-left:#231f20 solid 7px; border-bottom:transparent solid 4.5px;}
#contents .c_box .cb_control .cbc_btn.stop:before {width:3px; height:9px; margin-top:-4.5px; margin-left:-4px; border-left:#231f20 solid 2px; border-right:#231f20 solid 2px;}
#contents .c_box .cb_control .cbc_btn.on {display:inline-block;}
#contents .c_box .cb_control .cbc_btn.off {display:none;}
#contents .c_box.t1 .cb_head .bullet:before {background-color:#008f4c;}
#contents .c_box.t1 .cb_head .cb_more {background-color:#008f4c;}
#contents .c_box.t1 .cb_list .cbl_info .cbli_subject a:active {color:#008f4c;}
#contents .c_box.t1 .cb_best h4 {color:#008f4c;}
#contents .c_box.t1 .cb_category li a {color:#008f4c;}
#contents .c_box.t1 .cb_category li a.on {background-color:#008f4c; color:#fff;}
#contents .c_box.t2 .cb_head .bullet:before {background-color:#faa61a;}
#contents .c_box.t2 .cb_head .cb_more {background-color:#faa61a;}
#contents .c_box.t2 .cb_list .cbl_info .cbli_subject a:active {color:#faa61a;}
#contents .c_box.t2 .cb_best h4 { color:#faa61a;}
#contents .c_box.t2 .cb_category li a {color:#faa61a;}
#contents .c_box.t2 .cb_category li a.on {background-color:#faa61a; color:#fff;}
#contents .c_box.t3 {background:none; box-shadow:none;}
#contents .c_box.t3 .cb_head {padding-top:0; box-shadow:none;}
#contents .c_box.t3 .cb_body {display:block; position:relative; width:auto; margin:0 10px; border-radius:5px; background-color:#fff; box-shadow:0 5px 10px rgba(35, 31, 32, 0.04);}

#contents .c_banner {position:relative; overflow:hidden; margin-top:-10px; margin-bottom:15px; padding-top:20px;}
#contents .c_banner .cb_slide {display:inline-block; vertical-align:middle; width:calc(100% - 40px);}
#contents .c_banner .cb_slide .owl-stage-outer {padding:0 40px; margin-left:-40px; overflow:visible;}
#contents .c_banner .cb_slide .owl-item {border-radius:5px; overflow:hidden; box-shadow:0 0 20px rgba(35, 31, 32, 0.2);}
#contents .c_banner .cb_slide .owl-nav {display:none;}
#contents .c_banner .cb_slide .owl-dots {display:inline-block; vertical-align:middle; width:100%; margin-top:5px;}
#contents .c_banner .cb_slide .owl-dot {display:inline-block; vertical-align:middle; width:20px; height:20px;}
#contents .c_banner .cb_slide .owl-dot span {display:inline-block; vertical-align:middle; width:6px; height:6px; margin:7px; border-radius:3px; background-color:#ddd;}
#contents .c_banner .cb_slide .owl-dot.active span {background-color:#0c4da2;}
#contents .c_banner .cb_slide a {display:block;}
#contents .c_banner .cb_slide img {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_banner > img {display:inline-block; vertical-align:middle; width:100%;}

/* 회원가입 */
#contents .c_join {padding:20px;}
#contents .c_join .cj_agree {text-align:left;}
#contents .c_join .cj_agree li {display:inline-block; vertical-align:middle; width:100%; padding:5px 0;}
#contents .c_join .cj_agree li:first-child {padding-top:0; border-bottom:#f5f5f5 solid 1px;}
#contents .c_join .cj_agree a {display:inline-block; vertical-align:middle; float:right; font-size:12px; font-weight:400; color:#959494; line-height:30px;}

/* 로그인 */
#contents .c_login {padding:3vw 0 1vw;}
#contents .c_login > div {display:inline-block; vertical-align:middle; width:100%; margin-top:40px; padding:0 60px;}
#contents .c_login .cl_logo {position:relative; z-index:9; width:100%; height:60px; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_login .cl_logo a {display:inline-block; vertical-align:middle; position:relative; width:100%; height:100%; background-image:url("../images/common/logo.png"); background-repeat:no-repeat; background-position:center; background-size:auto 100%; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_login .cl_form .clf_wrap {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-bottom:10px;}
#contents .c_login .cl_form .clf_title {position:absolute; left:15px; top:50%;width:30px; height:30px; margin-top:-15px; background-image:url("../images/common/icon_login_input.png"); background-repeat:no-repeat; background-size:100% auto;}
#contents .c_login .cl_form .clf_title.id {background-position:center top;}
#contents .c_login .cl_form .clf_title.pw {background-position:center bottom;}
#contents .c_login .cl_form .clf_input {display:inline-block; vertical-align:middle; overflow:hidden; width:100%; height:50px; padding-left:50px; border-radius:3px; background-color:#fff; box-shadow:0 5px 10px rgba(35, 31, 32, 0.04);}
#contents .c_login .cl_form .clf_input input {display:inline-block; vertical-align:middle; float:left; width:100%; height:50px; margin:0; padding:0; border:none; font-size:14px; font-weight:400; color:#231f20; line-height:50px; text-indent:10px;}
#contents .c_login .cl_form .clf_autologin {margin-left:-5px; margin-top:5px;}
#contents .c_login .cl_form .clf_autologin label {float:left;}
#contents .c_login .cl_form .clf_autologin.checkbox label i {box-sizing:border-box; border:#959494 solid 1px;}
#contents .c_login .cl_form .clf_autologin.checkbox label i:before {margin-left:4px; margin-top:5px;}
#contents .c_login .cl_form .clf_autologin.checkbox input:checked + label i {border:transparent solid 1px;}
#contents .c_login .cl_sns {margin-top:10px;}
#contents .c_login .cl_sns.ios {display:none;}
#contents .c_login .cl_sns ul {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_login .cl_sns li {position:relative; margin-top:10px;}
#contents .c_login .cl_sns li:last-child div {height:50px !important; width:100% !important; min-width:140px; max-width:100% !important; background-color:#000 !important; border-radius:3px; cursor:pointer;}
#contents .c_login .cl_sns li:last-child .cls_apple {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; z-index:1; width:100%;}
#contents .c_login .cl_sns li:last-child .cls_apple:before {content:"Apple로 로그인"; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; margin-left:-10px; padding-left:35px; font-size:16px; font-weight:700; color:#fff; line-height:50px; pointer-events:none;}
#contents .c_login .cl_sns li:last-child .cls_apple:after  {content:""; position:absolute; left:50%; top:50%; width:30px; height:30px; margin-left:-77px; margin-top:-15px; background-image:url("../images/common/icon_apple.svg"); background-repeat:no-repeat; background-size:100%;}
#contents .c_login .cl_sns .btn span {position:relative; margin-left:-10px; padding-left:35px;}
#contents .c_login .cl_sns .btn span:before {content:""; position:absolute; left:0; top:50%; width:30px; height:30px; margin-top:-15px; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
#contents .c_login .cl_sns .cls_kakao {background-color:#fee500; color:#3c1b1d !important;}
#contents .c_login .cl_sns .cls_kakao span:before {background-image:url("../images/common/icon_sns_kakao.png");}
#contents .c_login .cl_sns .cls_naver {background-color:#00c73c;}
#contents .c_login .cl_sns .cls_naver span:before {background-image:url("../images/common/icon_sns_naver.png");}
#contents .c_login .cl_btn {margin-top:10px;}
#contents .c_login .cl_btn ul {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_login .cl_btn li {display:inline-block; vertical-align:middle;}
#contents .c_login .cl_btn li:nth-child(1) {float:left;}
#contents .c_login .cl_btn li:nth-child(2) {float:right;}
#contents .c_login .cl_btn a {display:inline-block; vertical-align:middle; font-size:13px; font-weight:400; color:#231f20; line-height:30px; letter-spacing:-0.5px;}
#contents .c_login .cl_btn li:nth-child(1) a {font-weight:700;}

/* 마이페이지 */
#contents .c_mypage .cm_user {display:inline-block; vertical-align:middle; width:100%; padding:40px 0 30px; background-image:url("../images/common/bg_mypage.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover;}
#contents .c_mypage .cm_user .cmu_pic {display:inline-block; vertical-align:middle; width:80px; height:80px; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:cover; box-shadow:0 2px 5px rgba(35, 31, 32, 0.15);}
#contents .c_mypage .cm_user .cmu_pic img {display:inline-block; vertical-align:middle; float:left; width:80px; height:80px;}
#contents .c_mypage .cm_user .cmu_name {display:inline-block; vertical-align:middle; width:100%; margin-top:5px; font-size:15px; font-weight:400; color:#fff; line-height:30px;}
#contents .c_mypage .cm_user .cmu_name strong {font-weight:700; color:#fff;}
#contents .c_mypage .cm_user .cmu_info {margin:20px; padding:10px 20px; margin-bottom:-10px; border-radius:10px; background-color:#fff; box-shadow:0 5px 10px rgba(35, 31, 32, 0.1);}
#contents .c_mypage .cm_user .cmu_info li {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:5px 0; padding-left:75px; border-bottom:#f5f5f5 solid 1px; text-align:left;}
#contents .c_mypage .cm_user .cmu_info li:last-child {border:none;}
#contents .c_mypage .cm_user .cmu_info strong {position:absolute; left:0; top:5px;}
#contents .c_mypage .cm_user .cmu_info .cmui_more {display:inline-block; vertical-align:middle; width:50px; height:20px; margin-top:5px; border-radius:2px; background-color:#0c4da2; font-size:10px; color:#fff; line-height:20px; text-align:center;}
#contents .c_mypage .cm_user .cmu_info .cmui_more:active {background-color:#231f20;}
#contents .c_mypage .cm_notification .cmn_edit {display:inline-block; vertical-align:middle; position:fixed; right:10px; top:10px; z-index:9999; width:40px; height:40px; border-radius:20px; background-image:url("../images/common/icon_header.png"); background-repeat:no-repeat; background-position:left -80px; background-size:200% auto;}
#contents .c_mypage .cm_notification .cmn_edit:active {background-color:#f5f5f5; background-position:right -80px;}
#wrap.on #contents .c_mypage .cm_notification .cmn_edit {z-index:99;}
#contents .c_mypage .cm_notification .cmn_register {display:inline-block; vertical-align:middle; position:fixed; right:50px; top:10px; z-index:9999; width:40px; height:40px; border-radius:20px; background-image:url("../images/common/icon_header.png"); background-repeat:no-repeat; background-position:left -120px; background-size:200% auto;}
#contents .c_mypage .cm_notification .cmn_register:active {background-color:#f5f5f5; background-position:right -120px;}
#wrap.on #contents .c_mypage .cm_notification .cmn_register {z-index:99;}
#contents .c_mypage .cm_notification .cmn_ok {display:none; vertical-align:middle; position:fixed; right:10px; top:10px; z-index:9999; width:40px; height:40px; border-radius:20px; background-image:url("../images/common/icon_header.png"); background-repeat:no-repeat; background-position:left -160px; background-size:200% auto;}
#contents .c_mypage .cm_notification .cmn_ok:active {background-color:#f5f5f5; background-position:right -160px;}
#wrap.on #contents .c_mypage .cm_notification .cmn_ok {z-index:99;}
#contents .c_mypage .cm_notification .cmn_reset {display:none; width:calc(100% - 20px); margin:10px; border-radius:3px; background-color:#c43c3c; font-size:14px; font-weight:400; color:#fff; line-height:30px; letter-spacing:-0.5px;}
#contents .c_mypage .cm_notification .cmn_delete {display:none; vertical-align:middle; position:absolute; right:0; top:50%; width:30px; height:30px; margin-top:-15px; outline:none;}
#contents .c_mypage .cm_notification .cmn_delete:before {content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; border-radius:1px; background-color:#959494; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#contents .c_mypage .cm_notification .cmn_delete:after {content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; border-radius:1px; background-color:#959494; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#contents .c_mypage .cm_notification > ul {display:block; width:auto; margin:10px 20px;}
#contents .c_mypage .cm_notification > ul > li {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:10px 0; border-bottom:#f5f5f5 solid 1px;}
#contents .c_mypage .cm_notification > ul > li:last-child {border:none;}
#contents .c_mypage .cm_notification .cmn_wrap {position:relative; padding-left:50px;}
#contents .c_mypage .cm_notification .cmn_wrap:before {content:""; position:absolute; left:0; top:50%; width:40px; height:40px; margin-top:-20px; background-image:url("../images/common/icon_alarm.png"); background-repeat:no-repeat; background-position:left center; background-size:auto 100%;}
#contents .c_mypage .cm_notification .cmn_time {margin-top:5px;}
#contents .c_mypage .cm_notification.on .cmn_edit {display:none;}
#contents .c_mypage .cm_notification.on .cmn_register {display:none;}
#contents .c_mypage .cm_notification.on .cmn_ok {display:inline-block;}
#contents .c_mypage .cm_notification.on .cmn_reset {display:inline-block;}
#contents .c_mypage .cm_notification.on .cmn_delete {display:inline-block;}
#contents .c_mypage .cm_notification.on .cmn_wrap {padding-right:40px;}
#contents .c_mypage .cm_keyword {display:inline-block; vertical-align:middle; width:100%; margin-top:20px; padding-top:15px; border-top:#f5f5f5 solid 1px;}
#contents .c_mypage .cm_keyword li {display:inline-block; vertical-align:middle; position:relative; float:left; margin-top:5px; margin-right:5px; padding:0 30px 0 10px; border:#eee solid 1px; border-radius:3px;}
#contents .c_mypage .cm_keyword p {font-size:14px; font-weight:400; color:#231f20; line-height:30px; letter-spacing:-0.5px;}
#contents .c_mypage .cm_keyword button{display:inline-block; vertical-align:middle; position:absolute; right:0; top:50%; width:30px; height:30px; margin-top:-15px; outline:none;}
#contents .c_mypage .cm_keyword button:before {content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; border-radius:1px; background-color:#959494; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#contents .c_mypage .cm_keyword button:after {content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; border-radius:1px; background-color:#959494; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}

#contents .c_awards {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_awards li {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:5px 0; padding-left:75px; border-bottom:#f5f5f5 solid 1px; text-align:left;}
#contents .c_awards li:last-child {border:none;}
#contents .c_awards strong {position:absolute; left:0; top:5px;}
#contents .c_awards .cmui_more {display:inline-block; vertical-align:middle; width:50px; height:20px; margin-top:5px; border-radius:2px; background-color:#0c4da2; font-size:10px; color:#fff; line-height:20px; text-align:center;}
#contents .c_awards .cmui_more:active {background-color:#231f20;}

#contents .c_award {display:inline-block; vertical-align:middle; width:100%; margin-top:15px;}
#contents .c_award li {display:inline-block; vertical-align:middle; position:relative; float:left; width:100%; margin-top:5px; border-radius:3px; background-color:#f5f5f5;}
#contents .c_award p {padding:5px 30px 5px 10px; text-align:left;}
#contents .c_award a {display:inline-block; vertical-align:middle; position:absolute; right:0; top:2px; width:30px; height:30px; outline:none;}
#contents .c_award a:before {content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; border-radius:1px; background-color:#959494; transform:rotate(45deg); -ms-transform:rotate(45deg);}
#contents .c_award a:after {content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; border-radius:1px; background-color:#959494; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}

#contents .c_setting {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_setting > div > ul > li {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:10px; border-bottom:#f5f5f5 solid 1px; text-align:left;}
#contents .c_setting > div > ul > li:first-child {border-top:#f5f5f5 solid 1px;}
#contents .c_setting .cs_ver {display:inline-block; vertical-align:middle; width:100%; padding:5px 10px; background-color:#0c4da2; font-size:13px; font-weight:400; color:#fff; line-height:20px; letter-spacing:-0.5px; text-align:left;}
#contents .c_setting .cs_ver strong {float:left; font-weight:700;}
#contents .c_setting .cs_ver span {float:right;}
#contents .c_setting .cs_switch input {display:none;}
#contents .c_setting .cs_switch label {cursor:pointer;}
#contents .c_setting .cs_switch label i {display:inline-block; vertical-align:middle; position:relative; float:right; width:40px; height:24px; margin:3px; border-radius:15px; background-color:#959494; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_setting .cs_switch label i:before {content:""; display:inline-block; vertical-align:middle; float:right; width:20px; height:20px; margin:2px; border-radius:12px; background-color:#fff; box-shadow:0 5px 10px rgba(35, 31, 32, 0.3); transition:0.2s; -webkit-transition:0.2s;}
#contents .c_setting .cs_switch input:checked + label i {background-color:#0c4da2;}
#contents .c_setting .cs_switch input:checked + label i:before {float:left;}
#contents .c_setting .cs_switch label span {display:inline-block; vertical-align:middle; width:100%; font-size:14px; font-weight:400; color:#231f20; line-height:30px; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_setting .cs_switch label span:hover {color:#231f20;}
#contents .c_setting .cs_switch label strong {font-weight:700;}
#contents .c_setting .cs_switch p {display:inline-block; vertical-align:middle; width:100%; margin-top:5px; font-size:12px; font-weight:400; color:#959494; line-height:20px; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_setting .cs_switch p.css_tip {display:inline-block;}
#contents .c_setting .cs_switch input:checked + label p.css_tip {display:none;}
#contents .c_setting .cs_font > ul > li > button {display:inline-block; vertical-align:middle; position:relative; z-index:1; width:100%; font-size:14px; font-weight:400; color:#231f20; line-height:30px; text-align:left;}
#contents .c_setting .cs_font > ul > li > button:after {content:""; position:absolute; right:5px; top:12px; width:7px; height:7px; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#contents .c_setting .cs_font .csf_wrap input {display:none;}
#contents .c_setting .cs_font .csf_wrap label {cursor:pointer;}
#contents .c_setting .cs_font .csf_wrap label span {display:none; vertical-align:middle; font-size:14px; font-weight:700; color:#231f20; line-height:30px;}
#contents .c_setting .cs_font .csf_wrap input:checked + label span {display:inline-block; position:absolute; right:30px; top:10px;}
#contents .c_setting .cs_font .csf_wrap button {display:none;}
#contents .c_setting .cs_font .csf_wrap.on {position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; background:rgba(35, 31, 32, 0.8); opacity:1; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_setting .cs_font .csf_wrap.on ul {position:absolute; left:10px; right:10px; bottom:70px;}
#contents .c_setting .cs_font .csf_wrap.on li {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}
#contents .c_setting .cs_font .csf_wrap.on label span {display:inline-block; vertical-align:middle; width:100%; height:50px; border-radius:3px; background-color:#fff; font-size:15px; font-weight:400; color:#231f20; line-height:50px; letter-spacing:-0.5px; text-align:center;}
#contents .c_setting .cs_font .csf_wrap.on input:checked + label span {display:inline-block; position:relative; right:auto; top:auto;}
#contents .c_setting .cs_font .csf_wrap.on button {display:inline-block; vertical-align:middle; position:absolute; left:10px; right:10px; bottom:10px; width:calc(100% - 20px); height:50px; margin:0; padding:0; border-radius:3px; background-color:#0c4da2; font-size:15px; font-weight:400; color:#fff; line-height:50px; letter-spacing:-0.5px;}

#contents .c_category ul {display:inline-block; vertical-align:middle; width:100%; box-shadow:inset -1px -1px 0 #eee;}
#contents .c_category li {display:inline-block; vertical-align:middle; float:left; width:50%; box-shadow:inset -1px -1px 0 #eee;}
#contents .c_category a {display:inline-block; vertical-align:middle; width:100%; padding:20px 30px; text-align:left;}
#contents .c_category strong {display:inline-block; vertical-align:middle; padding:5px 0; font-size:15px; font-weight:500; color:#231f20; line-height:30px;}
#contents .c_category span {display:inline-block; vertical-align:middle; padding:5px 0; font-size:12px; color:#959494; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
#contents .c_category li:first-child a {background-color:#0c4da2; color:#fff;}
#contents .c_category li:first-child strong {color:#fff;}
#contents .c_category .cc_icon {display:inline-block; vertical-align:middle; width:40px; height:40px; margin-right:10px; background-repeat:no-repeat; background-size:200% auto;}
#contents .c_category .cc_icon.t1 {background-position:left 0;}
#contents .c_category .cc_icon.t2 {background-position:right 0;}
#contents .c_category .cc_icon.t3 {background-position:left -40px;}
#contents .c_category .cc_icon.t4 {background-position:right -40px;}
#contents .c_category .cc_icon.t5 {background-position:left -80px;}
#contents .c_category .cc_icon.t6 {background-position:right -80px;}
#contents .c_category .cc_icon.t7 {background-position:left -120px;}
#contents .c_category .cc_icon.t8 {background-position:right -120px;}
#contents .c_category .cc_icon.t9 {background-position:left -160px;}
#contents .c_category .cc_icon.t10 {background-position:right -160px;}
#contents .c_category .cc_icon.t11 {background-position:left -200px;}
#contents .c_category .cc_icon.t12 {background-position:right -200px;}
#contents .c_category .cc_icon.t13 {background-position:left -240px;}
#contents .c_category .cc_icon.t14 {background-position:right -240px;}
#contents .c_category .cc_icon.t15 {background-position:left -280px;}
#contents .c_category .cc_icon.t16 {background-position:right -280px;}
#contents .c_category .cc_icon.t17 {background-position:left -320px;}
#contents .c_category .cc_icon.t18 {background-position:right -320px;}
#contents .c_category.volunteer .cc_icon {background-image:url("../images/common/icon_volunteer.png");}
#contents .c_category.mall a {padding:15px 10px; text-align:center;}
#contents .c_category.mall strong {width:100%; margin-top:5px; padding:0;}
#contents .c_category.mall span {width:100%; margin-top:2px; padding:0;}
#contents .c_category.mall li:first-child {width:100%;}
#contents .c_category.mall .cc_icon {margin:0; background-image:url("../images/common/icon_mall.png");}
#contents .c_category.share a {padding:15px 10px; text-align:center;}
#contents .c_category.share strong {width:100%; margin-top:5px; padding:0;}
#contents .c_category.share span {width:100%; margin-top:2px; padding:0;}
#contents .c_category.share li:first-child {width:100%;}
#contents .c_category.share .cc_icon {margin:0; background-image:url("../images/common/icon_sharetool.png");}

#contents .c_board .cb_hero img {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_board .cb_count {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:5px 10px; background-color:#0c4da2; font-size:13px; font-weight:400; color:#9eb8da; line-height:20px; letter-spacing:-0.5px; text-align:left;}
#contents .c_board .cb_count strong {display:inline-block; vertical-align:middle; font-weight:700; color:#fff;}
#contents .c_board .cb_count span {display:inline-block; vertical-align:middle;}
#contents .c_board .cb_count button.like {display:inline-block; vertical-align:middle; margin:0; margin-right:15px; padding:0; border:none; background:none; font-size:13px; font-weight:700; color:#fff; line-height:20px; letter-spacing:-0.5px;}
#contents .c_board .cb_count .cbc_icon {position:relative; padding-left:25px !important;}
#contents .c_board .cb_count .cbc_icon:before {content:""; position:absolute; left:0; top:50%; width:20px; height:20px; margin-top:-10px; background-image:url("../images/common/icon_count.png"); background-repeat:no-repeat; background-size:200% auto;}
#contents .c_board .cb_count .cbc_icon.list:before {background-position:left 0;}
#contents .c_board .cb_count .cbc_icon.comment:before {background-position:left -20px;}
#contents .c_board .cb_count .cbc_icon.like:before {background-position:left -40px;}
#contents .c_board .cb_count .cbc_icon.like.on:before {background-position:left -60px;}
#contents .c_board .cb_count .cbc_icon.best:before {background-position:left -80px;}
#contents .c_board .cb_count .cbc_icon.vote:before {background-position:left -100px;}
#contents .c_board .cb_count select {display:inline-block; vertical-align:middle; position:absolute; right:3px; top:3px; bottom:3px; padding:0 10px; border:none; border-radius:3px; background-color:#fff; font-size:13px; font-weight:500; color:#0c4da2; letter-spacing:-0.5px;}
#contents .c_board .cb_folding {display:inline-block; vertical-align:middle; position:absolute; right:3px; top:3px; bottom:3px; padding:0 10px; border-radius:3px; background-color:#fff; font-size:13px; font-weight:500; color:#0c4da2; line-height:24px; letter-spacing:-0.5px;}
#contents .c_board .cb_folding:after {content:"접기";}
#contents .c_board .cb_folding.on:after {content:"보기";}
#contents .c_board .cb_map {height:200px; background-color:#e5e5e5;}
#contents .c_board .cb_address {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:5px 10px; background-color:#959494; font-size:13px; font-weight:400; color:#fff; line-height:20px; letter-spacing:-0.5px; text-align:left;}
#contents .c_board .cb_info {display:block; width:auto; padding:10px 20px;}
#contents .c_board .cb_info li {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:7px 0; padding-left:85px; border-bottom:#f5f5f5 solid 1px; text-align:left;}
#contents .c_board .cb_info li:last-child {border:none;}
#contents .c_board .cb_info strong {position:absolute; left:0; top:7px; padding-left:10px;}
#contents .c_board .cb_info strong:before {content:""; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:2px; background-color:#0c4da2;}
#contents .c_board .cb_view {min-height:150px; padding:20px; border-top:#e5e5e5 solid 1px; text-align:left;}
#contents .c_board .cb_view > img {margin-bottom:20px; border-radius:3px;}
#contents .c_board .cb_comment {padding:10px;}
#contents .c_board .cb_comment img {max-width:100%;}
#contents .c_board .cb_comment .cbc_form {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-bottom:10px; padding-right:85px;}
#contents .c_board .cb_comment .cbc_form .btn {position:absolute; right:0; top:0; width:80px; height:60px;}
#contents .c_board .cb_comment .cbc_form + ul {margin-top:0; padding-top:10px; border-top:#eee solid 1px;}
#contents .c_board .cb_comment > ul > li {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:10px; border-bottom:#f5f5f5 solid 1px;}
#contents .c_board .cb_comment > ul > li:last-child {border-bottom:none;}
#contents .c_board .cb_comment > ul > li > ul {display:inline-block; vertical-align:middle; width:100%; margin:5px 0; padding-right:20px;}
#contents .c_board .cb_comment > ul > li > ul > li {display:inline-block; vertical-align:middle; position:relative; float:left; margin-right:10px; padding-right:10px; font-size:12px; font-weight:300; color:#959494; line-height:20px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .c_board .cb_comment > ul > li > ul > li:before {content:""; position:absolute; right:0; top:50%; width:1px; height:10px; margin-top:-4px; background-color:#f0f0f0;}
#contents .c_board .cb_comment > ul > li > ul > li:last-child {margin:0; padding:0;}
#contents .c_board .cb_comment > ul > li > ul > li:last-child:before {display:none;}
#contents .c_board .cb_comment > ul > li > ul > li a {color:#959494;}
#contents .c_board .cb_comment > ul > li > ul > li a.comment {display:inline-block; vertical-align:middle; margin-top:-2px; padding:0 8px; border-radius:3px; background-color:#959494; font-size:12px; color:#fff; line-height:16px;}
#contents .c_board .cb_comment > ul > li > p {display:inline-block; vertical-align:middle; width:100%; padding-right:20px; text-align:left;}
#contents .c_board .cb_comment .cbc_more .cbcm_open {display:inline-block; vertical-align:middle; position:absolute; right:0px; top:10px; z-index:9; width:30px; height:30px; color:#231f20;}
#contents .c_board .cb_comment .cbc_more .cbcm_open i {display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:3px; height:3px; margin-top:-1.5px; margin-left:-1.5px; border-radius:2px; background-color:currentColor;}
#contents .c_board .cb_comment .cbc_more .cbcm_open i:before {content:""; position:absolute; left:0; top:-5px; width:100%; height:100%; border-radius:2px; background-color:currentColor;}
#contents .c_board .cb_comment .cbc_more .cbcm_open i:after {content:""; position:absolute; left:0; bottom:-5px; width:100%; height:100%; border-radius:2px; background-color:currentColor;}
#contents .c_board .cb_comment .cbc_more .cbcm_wrap {position:fixed; left:0; right:0; top:100%; bottom:-100%; z-index:99999; background:rgba(35, 31, 32, 0.8); opacity:0; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_board .cb_comment .cbc_more .cbcm_wrap.on {top:0; bottom:0; opacity:1;}
#contents .c_board .cb_comment .cbc_more .cbcm_wrap ul {position:absolute; left:10px; right:10px; bottom:10px;}
#contents .c_board .cb_comment .cbc_more .cbcm_wrap li {display:inline-block; vertical-align:middle; width:100%; margin-top:10px;}
#contents .c_board .cb_comment .cbc_more .cbcm_wrap a {display:inline-block; vertical-align:middle; width:100%; height:50px; border-radius:3px; background-color:#fff; font-size:15px; font-weight:400; color:#231f20; line-height:50px; letter-spacing:-0.5px;}
#contents .c_board .cb_comment .cbc_more .cbcm_wrap button {display:inline-block; vertical-align:middle; width:100%; height:50px; margin:0; padding:0; border-radius:3px; background-color:#0c4da2; font-size:15px; font-weight:400; color:#fff; line-height:50px; letter-spacing:-0.5px;}
#contents .c_board .cb_comment.t1 {padding:0;}
#contents .c_board .cb_comment.t1 .cbc_form {margin-bottom:0; padding-right:85px;}
#contents .c_board .cb_comment .cbc_reply {margin-top:10px; padding:0 10px; border:#eee solid 1px; border-radius:5px; background-color:#f5f5f5;}
#contents .c_board .cb_comment .cbc_reply > ul > li {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:10px; border-bottom:#eee solid 1px;}
#contents .c_board .cb_comment .cbc_reply > ul > li:last-child {border-bottom:none;}
#contents .c_board .cb_comment .cbc_reply > ul > li > ul {display:inline-block; vertical-align:middle; width:100%; margin:5px 0; padding-right:20px;}
#contents .c_board .cb_comment .cbc_reply > ul > li > ul > li {display:inline-block; vertical-align:middle; position:relative; float:left; margin-right:10px; padding-right:10px; font-size:12px; font-weight:300; color:#959494; line-height:20px; letter-spacing:-0.5px; word-wrap:normal; word-break:keep-all;}
#contents .c_board .cb_comment .cbc_reply > ul > li > ul > li:before {content:""; position:absolute; right:0; top:50%; width:1px; height:10px; margin-top:-4px; background-color:#f0f0f0;}
#contents .c_board .cb_comment .cbc_reply > ul > li > ul > li:last-child {margin:0; padding:0;}
#contents .c_board .cb_comment .cbc_reply > ul > li > ul > li:last-child:before {display:none;}
#contents .c_board .cb_comment .cbc_reply > ul > li > ul > li a {color:#959494;}
#contents .c_board .cb_comment .cbc_reply > ul > li > ul > li a.comment {display:inline-block; vertical-align:middle; margin-top:-2px; padding:0 8px; border-radius:3px; background-color:#959494; font-size:12px; color:#fff; line-height:16px;}
#contents .c_board .cb_comment .cbc_reply > ul > li > p {display:inline-block; vertical-align:middle; width:100%; padding-right:20px; text-align:left;}
#contents .c_board .cb_comment .cbc_reply .paging {padding-top:10px;}
#contents .c_board .cb_comment .cbc_reply .paging a {background-color:#fff;}
#contents .c_board .cb_comment .cbc_reply .paging a.on {background-color:#0c4da2;}

#contents .c_board .cb_write .cbw_edit {min-height:200px;}
#contents .c_board .cb_write .cbw_ok {display:inline-block; vertical-align:middle; position:fixed; right:10px; top:10px; z-index:9999; width:40px; height:40px; border:rgba(0, 0, 0, 0.06) solid 1px; border-radius:20px; font-size:14px; font-weight:700; color:#231f20; line-height:38px; letter-spacing:-0.5px;}
#contents .c_board .cb_write .cbw_ok:active {border-color:#0c4da2; background-color:#0c4da2; color:#fff;}
#wrap.on #contents .c_board .cb_write .cbw_ok {z-index:99;}
#contents .c_board .cb_write .panel {margin:0;}
#contents .c_board .cb_write legend {display:none;}
#contents .c_board .cb_write .panel-heading {display:inline-block; vertical-align:middle; width:100%; text-align:right;}
#contents .c_board .cb_write .btn-sm {height:30px;padding:0 8px;}
#contents .c_board .cb_write .panel-heading.note-toolbar {padding:0 0 3px 3px;}
#contents .c_board .cb_write .panel-heading.note-toolbar>.btn-group {margin:3px 3px 0 0;}
#contents .c_board .cb_write .note-style,
#contents .c_board .cb_write .note-fontname,
#contents .c_board .cb_write .note-fontsize,
#contents .c_board .cb_write .note-color,
#contents .c_board .cb_write .note-table,
#contents .c_board .cb_write .btn-codeview,
#contents .c_board .cb_write .note-para > button:first-child,
#contents .c_board .cb_write .note-para > button:nth-child(2),
#contents .c_board .cb_write .note-view button:last-child,
#contents .c_board .cb_write .note-insert button:last-child {display:none;}
#contents .c_board .cb_write .btn-fullscreen,
#contents .c_board .cb_write .dropdown-toggle,
#contents .c_board .cb_write .note-insert button:first-child {border-radius:3px;}
#contents .c_board .cb_write .note-font,
#contents .c_board .cb_write .note-para {float:left;}
#contents .c_board .cb_write .note-view {float:right;}
#contents .c_board .cb_write .modal-dialog {margin-top:70px;}
#contents .c_board .cb_write .note-editor.note-frame.fullscreen {top:60px;}
#contents .c_board .cb_write .modal-body,
#contents .c_board .cb_write .note-editable {text-align:left;}
#contents .c_board .cb_write .checkbox, #contents .c_board .cb_write .radio {margin-bottom:0;}
#contents .c_board .cb_write .checkbox label, #contents .c_board .cb_write .radio label {padding-left:0;}
#contents .c_board .cb_schedule .cbs_calendar .custom_calendar_table {width:100%; box-shadow:inset 0 -1px 0 #eee;}
#contents .c_board .cb_schedule .cbs_calendar .cal_date {padding:7px 0; background-color:#0c4da2;}
#contents .c_board .cb_schedule .cbs_calendar .cal_date th:first-child {text-align:left;}
#contents .c_board .cb_schedule .cbs_calendar .cal_date th:last-child {text-align:right;}
#contents .c_board .cb_schedule .cbs_calendar .cal_date th p {font-size:16px; font-weight:500; color:#fff; line-height:26px; letter-spacing:-0.5px;}
#contents .c_board .cb_schedule .cbs_calendar .cal_date button {display:inline-block; vertical-align:middle; position:relative; width:26px; height:26px; margin:7px; padding:0; border:none; border-radius:3px; background-color:#fff; font-size:12px; color:#0c4da2; line-height:26px;}
#contents .c_board .cb_schedule .cbs_calendar .cal_date {border-bottom:#eee solid 1px;}
#contents .c_board .cb_schedule .cbs_calendar .cal_week th {position:relative; padding:10px 15px; border-top:#0c4da2 solid 1px; border-bottom:#eee solid 1px; font-size:12px; color:#231f20; font-weight:700;}
#contents .c_board .cb_schedule .cbs_calendar .cal_week th:before {content:""; position:absolute; left:0; top:50%; width:1px; height:16px; margin-top:-8px; background-color:#eee;}
#contents .c_board .cb_schedule .cbs_calendar .cal_week th:first-child:before {display:none;}
#contents .c_board .cb_schedule .cbs_calendar .cal_week th:first-child {color:#c43c3c;}
#contents .c_board .cb_schedule .cbs_calendar .cal_week th:last-child {color:#0c4da2;}
#contents .c_board .cb_schedule .cbs_calendar tbody tr:first-child td {border-top:none;}
#contents .c_board .cb_schedule .cbs_calendar tbody td {padding:10px 15px; border:#eee solid 1px; font-size:12px; line-height:22px; cursor:pointer;}
#contents .c_board .cb_schedule .cbs_calendar tbody td:first-child {color:#c43c3c;}
#contents .c_board .cb_schedule .cbs_calendar tbody td:last-child {color:#0c4da2;}
#contents .c_board .cb_schedule .cbs_calendar tbody td.on {position:relative; background-color:#f5f5f5;}
#contents .c_board .cb_schedule .cbs_calendar tbody td.on:before {content:""; position:absolute; left:50%; bottom:7px; width:4px; height:4px; margin-left:-2px; border-radius:2px; background-color:#0c4da2;}
#contents .c_board .cb_schedule .cbs_calendar tbody td.today {position:relative; color:#0c4da2; font-weight:700;}
#contents .c_board .cb_schedule .cbs_calendar tbody td.today:after {content:""; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; border:#0c4da2 solid 4px;}
#contents .c_board .cb_schedule .cbs_calendar tbody td.select_day {font-weight:700; background-color:#eee;}
#contents .c_board .cb_schedule .cbs_empty {padding:10px 20px; border-bottom:#eee solid 1px;}
#contents .c_board .cb_schedule .cbs_btn {display:inline-block; vertical-align:middle; position:fixed; right:10px; bottom:80px; z-index:99; width:40px; height:40px; border-radius:20px; border-radius:30px; background-color:#231f20; color:#fff; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_board .cb_schedule .cbs_btn:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:18px; height:2px; margin-top:-1px; margin-left:-9px; border-radius:2px; background-color:currentColor; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_board .cb_schedule .cbs_btn:after {content:""; display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:18px; height:2px; margin-top:-1px; margin-left:-9px; border-radius:2px; background-color:currentColor; transform:rotate(90deg); -ms-transform:rotate(90deg); transition:0.2s; -webkit-transition:0.2s;}
#contents .c_board .cb_schedule .cbs_btn:active {background-color:#0c4da2; transform:rotate(90deg); -ms-transform:rotate(90deg);}

#contents .c_board .cb_survey .cbs_chart .item {padding:10px 50px; min-height:210px;}
#contents .c_board .cb_survey .cbs_chart .item h3 {position:relative; z-index:2;}
#contents .c_board .cb_survey .cbs_chart .cbsc_wrap {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents .c_board .cb_survey .cbs_chart .cbsc_graph {position:absolute; left:-35px; top:-20px; z-index:1; width:200px; height:200px;} 
#contents .c_board .cb_survey .cbs_chart .cbsc_wrap ul {position:relative; z-index:2; margin-top:20px; margin-left:145px; text-align:left;}
#contents .c_board .cb_survey .cbs_chart .cbsc_wrap ul li {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:5px 0; border-bottom:#eee solid 1px;}
#contents .c_board .cb_survey .cbs_chart .cbsc_wrap ul li:last-child {border-bottom:none;}
#contents .c_board .cb_survey .cbs_chart .cbsc_wrap strong {display:inline-block; vertical-align:middle; position:absolute; left:0; top:5px;}
#contents .c_board .cb_survey .cbs_chart .cbsc_wrap span {display:block; padding-left:35px; overflow:hidden; text-overflow:ellipsis; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#contents .c_board .cb_survey .cbs_chart .owl-nav div {display:inline-block; vertical-align:middle; position:absolute; top:50%; z-index:2; width:30px; height:30px; margin-top:-15px; border:#dedede solid 1px; border-radius:20px; background-color:#fff; font-size:0; line-height:0; text-indent:-9999px; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_board .cb_survey .cbs_chart .owl-nav div:active {border-color:#0c4da2; background-color:#0c4da2;}
#contents .c_board .cb_survey .cbs_chart .owl-nav div:before {content:""; position:absolute; left:50%; top:50%; width:7px; height:7px; margin-top:-4px; color:#231f20; border-top:solid 1px currentColor; border-right:solid 1px currentColor; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_board .cb_survey .cbs_chart .owl-nav div:active:before {color:#fff;}
#contents .c_board .cb_survey .cbs_chart .owl-nav .owl-prev {left:10px;}
#contents .c_board .cb_survey .cbs_chart .owl-nav .owl-prev:before {margin-left:-2px; transform:rotate(-135deg); -ms-transform:rotate(-135deg);}
#contents .c_board .cb_survey .cbs_chart .owl-nav .owl-next {right:10px;}
#contents .c_board .cb_survey .cbs_chart .owl-nav .owl-next:before {margin-left:-6px; transform:rotate(45deg); -ms-transform:rotate(45deg);}

#contents .c_board .cb_survey .cbs_form {text-align:left;}
#contents .c_board .cb_survey .cbs_form ul {margin:5px 0;}
#contents .c_board .cb_survey .cbs_form li {position:relative; overflow:hidden; margin:5px 0; padding:10px; border-radius:10px; background-color:#fff;}
#contents .c_board .cb_survey .cbs_form li:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; border-radius:10px; box-shadow:inset 0 0 15px rgba(0, 0, 0, 0.08);}
#contents .c_board .cb_survey .cbs_form li input[type='checkbox'], #contents .c_board .cb_survey .cbs_form li input[type='radio'] {display:none;}
#contents .c_board .cb_survey .cbs_form li label {display:block; position:relative; z-index:3; padding-left:35px; cursor:pointer;}
#contents .c_board .cb_survey .cbs_form li label i {display:inline-block; vertical-align:middle; position:absolute; left:5px; top:50%; width:20px; height:20px; margin-top:-10px; margin-right:10px; overflow:hidden; border-radius:3px; background-color:#fff; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_board .cb_survey .cbs_form li label i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:8px; height:4px; margin-left:5px; margin-top:6px; border-bottom:solid 2px currentColor; border-left:solid 2px currentColor; color:#959494; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transition:0.2s; -webkit-transition:0.2s;}
#contents .c_board .cb_survey .cbs_form li input:checked + label i {background-color:#0c4da2;}
#contents .c_board .cb_survey .cbs_form li input:checked + label i:before {color:#fff;}
#contents .c_board .cb_survey .cbs_form li label strong {display:inline-block; vertical-align:middle; width:100%; font-size:14px; font-weight:500; color:#231f20; line-height:25px; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_board .cb_survey .cbs_form li input:checked + label strong {color:#0c4da2;}
#contents .c_board .cb_survey .cbs_form li label span {display:inline-block; vertical-align:middle; font-size:13px; font-weight:300; color:#959494; line-height:20px; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_board .cb_survey .cbs_form li input:checked + label span {color:#231f20;}
#contents .c_board .cb_survey .cbs_form .cbsf_pic {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; width:45px; height:45px; border-radius:5px; background-repeat:no-repeat; background-size:cover; background-position:center;}
#contents .c_board .cb_survey .cbs_form .cbsf_pic a {display:inline-block; vertical-align:middle; width:100%; height:100%;}
#contents .c_board .cb_survey .cbs_form .cbsf_fill {position:absolute; left:0; top:0; bottom:0; z-index:1; background-color:#d3dff0;}

#contents .c_disaster .cd_search {display:inline-block; vertical-align:middle; position:fixed; left:60px; right:10px; top:10px; z-index:999; width:auto; height:40px; opacity:1; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_disaster .cd_search .cbs_wrap {padding-right:50px;}
#contents .c_disaster .cd_search .cbs_ok {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; width:40px; height:40px; border-radius:20px; background-image:url("../images/common/icon_header.png"); background-repeat:no-repeat; background-size:200% auto; background-position:left 0;}
#contents .c_disaster .cd_search .cbs_ok:active {background-color:#f5f5f5; background-position:right 0;}
#wrap.on #contents .c_disaster .cd_search {left:100%; opacity:0;}
#contents .c_disaster .cd_tab {position:fixed; left:0; right:0; bottom:70px; z-index:2; padding-top:50px; background-color:#fff; box-shadow:0 -10px 30px rgba(35, 31, 32, 0.08);}
#contents .c_disaster .cd_tab.on {top:70px; max-height:100%;}
#contents .c_disaster .cd_tab.on:before {content:"위치 또는 탭을 선택해주세요."; position:absolute; left:0; right:0; top:50%; z-index:-1; margin-top:-15px; font-size:16px; font-weight:400; color:#ddd; line-height:30px; letter-spacing:-0.5px;}
#contents .c_disaster .cd_tab .switch {position:absolute; left:50%; top:0; width:60px; height:15px; margin-left:-30px;}
#contents .c_disaster .cd_tab .switch:before {content:""; position:absolute; left:0; right:0; bottom:0; height:5px; border-radius:5px; background-color:#eee;}
#contents .c_disaster .cd_tab .tab {position:absolute; left:0; top:15px;}
#contents .c_disaster .cd_tab .cbt_wrap {height:105px; background-color:#fff;}
#contents .c_disaster .cb_list {position:absolute; left:0; right:0; top:50px; bottom:0; z-index:1; overflow:auto; padding:0; background-color:#fff;}
#contents .c_disaster .cb_list > ul > li {padding:0;}
#contents .c_disaster .cb_list .cbl_info {padding:10px; padding-top:0;}
#contents .c_disaster .cb_list .paging {padding-bottom:20px;}
#contents .c_disaster .cd_map {position:fixed; left:0; right:0; top:70px; bottom:80px; z-index:1; background-color:#d5d5d5;}

#contents .c_people > ul {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_people > ul > li {display:inline-block; vertical-align:middle; float:left; width:33.333%;}
#contents .c_people .cp_wrap {padding:5px;}
#contents .c_people .cp_pic {display:inline-block; vertical-align:middle; position:relative; width:100%; border-radius:2px; background-color:#f5f5f5; background-repeat:no-repeat; background-position:center; background-size:cover;}
#contents .c_people .cp_pic:before {content:"No Images"; position:absolute; left:0; right:0; top:50%; margin-top:-10px; font-size:11px; font-weight:700; color:#231f20; line-height:20px; text-align:center; opacity:0.2;}
#contents .c_people .cp_pic[style^="background-image"]:before {content:"";}
#contents .c_people .cp_pic img {display:inline-block; vertical-align:middle; float:left; width:100%; height:auto;}
#contents .c_people .cp_txt {display:inline-block; vertical-align:middle; width:100%; margin:5px 0; text-align:center;}
#contents .c_people .cp_txt span,
#contents .c_people .cp_txt strong {display:inline-block; vertical-align:middle; width:100%;}

#c_map {height:300px;}

/* 컨텐츠 사이즈 */
#contents.list_small .c_box .cb_list .cbl_address {font-size:11px; line-height:20px;}
#contents.list_small .c_box .cb_list .cbl_info > ul > li {font-size:11px; line-height:20px;}
#contents.list_small .c_box .cb_list .cbl_info .cbli_subject {font-size:13px; line-height:20px;}
#contents.list_small .c_box .cb_list .cbl_info .cbli_subject strong {font-size:11px; line-height:16px;}
#contents.list_small .c_box .cb_best .cbb_subject a {font-size:13px; line-height:20px;}
#contents.list_small .c_box .cb_best .cbb_like span {font-size:11px; line-height:20px;}
#contents.list_small .c_board .cb_schedule .cbs_calendar tbody td {font-size:11px;}
#contents.list_small .c_board .cb_survey .cbs_form li label strong {font-size:12px; line-height:25px;}
#contents.list_small .c_board .cb_survey .cbs_form li label span {font-size:11px; line-height:20px;}

#contents.list_big .c_box .cb_list .cbl_address {font-size:15px; line-height:22px;}
#contents.list_big .c_box .cb_list .cbl_info > ul > li {font-size:14px; line-height:22px;}
#contents.list_big .c_box .cb_list .cbl_info .cbli_subject {font-size:17px; line-height:22px;}
#contents.list_big .c_box .cb_list .cbl_info .cbli_subject strong {font-size:14px; line-height:18px;}
#contents.list_big .c_box .cb_best .cbb_subject a {font-size:17px; line-height:22px;}
#contents.list_big .c_box .cb_best .cbb_like span {font-size:14px; line-height:22px;}
#contents.list_big .c_board .cb_schedule .cbs_calendar tbody td {font-size:14px;}
#contents.list_big .c_board .cb_survey .cbs_form li label strong {font-size:16px; line-height:27px;}
#contents.list_big .c_board .cb_survey .cbs_form li label span {font-size:15px; line-height:22px;}

#contents.view_small .c_board .cb_comment .cbc_reply > ul > li > ul > li {font-size:11px; line-height:20px;}
#contents.view_big .c_board .cb_comment .cbc_reply > ul > li > ul > li {font-size:14px; line-height:22px;}


#footer {padding-bottom:20px; background-color:#231f20;}
#footer .f_menu {display:inline-block; vertical-align:middle; width:100%;}
#footer .f_menu li {display:inline-block; vertical-align:middle; position:relative; float:left; width:50%; box-shadow:inset -1px -1px 0 #1a1617;}
#footer .f_menu li a {display:inline-block; vertical-align:middle; width:100%; font-size:14px; font-weight:400; color:#bcbcbc; line-height:50px; letter-spacing:-0.5px; text-align:left; text-indent:20px;}
#footer .f_menu li a:active {background-color:#1a1617; color:#fff;}
#footer .f_info {padding:20px; padding-bottom:0;}
#footer .f_info ul {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#footer .f_info li {font-size:14px; font-weight:400; color:#bcbcbc; line-height:30px; letter-spacing:-0.5px; text-align:left;}
#footer .f_info li strong {font-weight:700; color:#fff;}
#footer .f_copyright {padding:0 20px; padding-top:10px; font-size:12px; font-weight:400; color:#fff; line-height:30px; letter-spacing:-0.5px; text-align:left;}
#footer .f_copyright mark {font-weight:700; color:#0c4da2;}


/* 가이드 */
#guide {position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; background-image:url("../images/common/bg_guide.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center;}
#guide .g_slide,
#guide .owl-stage-outer,
#guide .owl-stage,
#guide .owl-item,
#guide .item {height:100%;}
#guide .g_slide .owl-nav {display:none;}
#guide .g_slide .owl-dots {display:inline-block; vertical-align:middle; position:absolute; left:0; top:7.2222vw; width:100%;}
#guide .g_slide .owl-dot {display:inline-block; vertical-align:middle; width:20px; height:20px;}
#guide .g_slide .owl-dot span {display:inline-block; vertical-align:middle; width:8px; height:8px; margin:6px; border-radius:100px; background-color:#54606d;}
#guide .g_slide .owl-dot.active span {background-color:#fff;}
#guide .g_move {position:absolute; right:4.1667vw; top:4.1667vw; width:11.1111vw; height:11.1111vw; background-image:url("../images/common/icon_guide_slide.png"); background-repeat:no-repeat; background-size:100%; background-position:center;}
#guide .g_txt {position:absolute; left:0; top:19.4444vw; width:100%; font-size:6vw; font-weight:400; color:#b9c9dd; line-height:9vw; letter-spacing:-0.2778vw; text-align:center;}
#guide .g_txt strong {font-size:7.5vw; font-weight:700; color:#fff;}
#guide .g_pic {position:absolute; left:0; right:0; top:44.4444vw; bottom:25vw; background-repeat:no-repeat; background-size:auto 100%; background-position:center;}
#guide .g_btn {display:inline-block; vertical-align:middle; position:absolute; left:5.5556vw; right:5.5556vw; bottom:5.5556vw;}
#guide .g_btn button {display:inline-block; vertical-align:middle; width:100%; height:13.8889vw; border-radius:1.3889vw; background-color:#0c4da2; font-size:4.4444vw; font-weight:400; color:#fff; line-height:13.8889vw;}
#guide .g_btn.start button {background-color:#fff861; color:#000;}


@media all and (max-width:425px) {
#contents .c_login > div {padding:0 30px;}

}