@charset "utf-8";
@import "../font/font.css";

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{ margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block;}
html {height:100%;}
body {font-size:12px;line-height:18px;font-family: 'NotoSans', sans-serif;background:#222;-webkit-text-size-adjust: none;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content:none;}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;color:#231815;}
a:hover {text-decoration:none;}
legend, caption, hr {display:none;}
em {font-style:normal;}
/*width:100%; 속성때문에 지도핀셋 안나옴*/
img {vertical-align:top;width:100%;}
/*img {vertical-align:top;width:100%;}*/
input {vertical-align:middle;-webkit-border-radius:0;border-radius:0;}
input[type=text]::-ms-clear {display:none;}
select , textarea {-webkit-border-radius:0;border-radius:0;}

/* 0218수정 */
#accessibility {position: absolute; margin: 0 auto;width: 100%;list-style:none;font-size:1.15em;top:-10.5em;left:0;z-index:999;}
#accessibility a:focus, #accessibility a:active {position:absolute;padding-top:0.5em;width:100%;height:2em;top:10.5em;z-index:999;text-align:center;color:#fff;background:#333;}

#wrap {width:100%;position:relative;overflow:hidden;}

.mt15 {margin-top:15px !important;}

#gnb {width:225px;height:100%;background:#222;position:fixed;left:-225px;top:0;z-index:2;}
#gnb.active {left:0;}
#gnb h1 {position:relative;border-bottom:1px solid #0e0e0e;}
#gnb h1 a {padding:23px 0 23px 15px;display:block;}
#gnb h1 a img {width:101px;}

#gnb .gnb_area {position:relative;height:100%;overflow-y:auto;box-sizing:border-box;overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);}

#gnb .gnb_area .gnb_search_area {width:162px;height:50px;position:relative;padding:0 43px 15px 15px;border-bottom:1px solid #0e0e0e;}
#gnb .gnb_area .gnb_search_area:before {content:'';width:190px;height:1px;background:#fff;position:absolute;left:15px;bottom:15px;}
#gnb .gnb_area .gnb_search_area input {width:100%;height:50px;line-height:50px;font-size:13px;color:#a9a9a9;background:#222;font-weight:900;}
#gnb .gnb_area .gnb_search_area .btn_search {width:28px;height:50px;position:absolute;right:15px;top:0;background:url('../images/main/gnb_search_white.png') no-repeat center center;background-size:18px;}

#gnb .gnb_area .gnb_map {height:35px;display:block;border-top:1px solid #353535;border-bottom:1px solid #0e0e0e;font-size:14px;color:#e8c77a;padding-left:15px;line-height:35px;}
#gnb .gnb_area .gnb_service {height:35px;display:block;border-top:1px solid #353535;border-bottom:1px solid #0e0e0e;font-size:14px;color:#e8c77a;padding-left:15px;line-height:35px;}
#gnb .gnb_area .gnb_ul {overflow:hidden;}
#gnb .gnb_area .gnb_ul > li {position:relative;}
#gnb .gnb_area .gnb_ul > li > a {height:35px;display:block;border-top:1px solid #353535;border-bottom:1px solid #0e0e0e;font-size:14px;color:#fff;padding-left:27px;line-height:35px;position:relative;background:#222;}
#gnb .gnb_area .gnb_ul > li > a:after {content:'';width:9px;height:1px;background:#bdbdbd;position:absolute;right:10px;top:17px;}
#gnb .gnb_area .gnb_ul > li > a:before {content:'';width:1px;height:9px;background:#bdbdbd;position:absolute;right:14px;top:13px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#gnb .gnb_area .gnb_ul > li > a.active {padding-left:15px;color:#99abb9;background:#141414;}
#gnb .gnb_area .gnb_ul > li > a.active:before {opacity:0;}

#gnb .gnb_area .gnb_ul > li .gnb_menu_ul {display:none;}
#gnb .gnb_area .gnb_ul > li .gnb_menu_ul li {position:relative;}
#gnb .gnb_area .gnb_ul > li .gnb_menu_ul li a {height:35px;display:block;border-top:1px solid #212121;border-bottom:1px solid #0e0e0e;font-size:12px;color:#fff;padding-left:33px;line-height:35px;position:relative;background:#181818;}
#gnb .gnb_area .gnb_ul > li .gnb_menu_ul li a.active {color:#99abb9;}

#gnb .gnb_area .gnb_side_ul {position:relative;border-top:1px solid #353535;padding-bottom:30px;}
#gnb .gnb_area .gnb_side_ul li {position:relative;}
#gnb .gnb_area .gnb_side_ul li a {height:35px;display:block;font-size:12px;color:#9c9c9c;padding-left:33px;line-height:35px;position:relative;}
#gnb .gnb_area .gnb_side_ul li .select {position: relative;display: block;margin: 0 auto;width: 100%;color:#9c9c9c;vertical-align: middle;text-align: left;}
#gnb .gnb_area .gnb_side_ul li .select .placeholder {width:60px;height:35px;position:relative;display:block;z-index:1;padding:0 7px;cursor: pointer;font-size:12px;color:#9c9c9c;line-height:35px;overflow:hidden;margin-left:26px;}
#gnb .gnb_area .gnb_side_ul li .select .placeholder:after {content:'';width:7px;height:4px;position:absolute;right:10px;top:50%;background:url('../images/m/common/select_cursor.png') no-repeat 0 0;background-size:7px;margin-top:-2px;}
#gnb .gnb_area .gnb_side_ul li .select.is-open .placeholder:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

#gnb .gnb_area .gnb_side_ul li .select.is-open ul {display: block;}
#gnb .gnb_area .gnb_side_ul li .select.select--white .placeholder {background: #fff;color: #9c9c9c;}
#gnb .gnb_area .gnb_side_ul li .select.select--white .placeholder:hover {background: #fafafa;}
#gnb .gnb_area .gnb_side_ul li .select ul {display:none;position:absolute;overflow:hidden;overflow-y:auto;width:74px;top:100%;left:26px;list-style: none;padding: 0;z-index: 100;box-sizing:border-box;}
#gnb .gnb_area .gnb_side_ul li .select ul li {display:block;text-align:left;padding:0;color: #9c9c9c;font-size:12px;cursor: pointer;}




/* 팝업 */
.pop_bg {width:100%;height:100%;position:fixed;left:0;top:0;z-index:1001;background:rgba(0,0,0,0.7);display:none;}
.pop_layer {width:100%;padding:0 15px;position:absolute;left:0;z-index:1002;display:none;box-sizing:border-box;}
.pop_layer .pop_close {width:23px;position:absolute;top:0;right:15px;}

.pop_layer .pop_inner {border:2px solid #333;position:relative;padding-top:5px;margin-top:30px;background:#fff;}
.pop_layer .pop_inner:before {content:'';width:100%;height:5px;background:#9aacba;position:absolute;left:0;top:0;}

.pop_login {width:250px;top:32px;left:50%;margin-left:-125px;}
.pop_login .login_ico {width:23px;margin:25px auto;}
.pop_login .login_text {font-size:10px;color:#000;font-weight:bold;text-align:center;line-height:10px;}
.pop_login .btn_login {width:85px;height:25px;display:block;margin:15px auto;background:#333;text-align:center;line-height:25px;font-size:10px;color:#fff;font-weight:bold;}

/* 0409수정 */
/*
.pop_login {width:300px;top:32px;left:50%;margin-left:-150px;}
.pop_login .login_ico {width:23px;margin:25px auto;}
.pop_login .login_text {font-size:10px;color:#000;font-weight:bold;text-align:center;line-height:10px;}
.pop_login .login_area {width:238px;margin:0 auto;position:relative;overflow:hidden;font-family: 'Nanum Gothic', sans-serif;padding-bottom:20px;}
.pop_login .login_area .id_area {height:27px;position:relative;overflow:hidden;margin-bottom:3px;}
.pop_login .login_area .pw_area {height:27px;position:relative;overflow:hidden;}
.pop_login .login_area .input_box {width:125px;height:25px;border:1px solid #333;float:left;}
.pop_login .login_area .input_box input {width:100%;height:25px;font-size:10px;color:#333;line-height:25px;text-indent:5px;}
.pop_login .login_area .text {width:43px;height:27px;float:left;font-size:10px;color:#222;font-weight:900;line-height:27px;}
.pop_login .login_area .sub_area {margin:5px 0 0 43px;position:relative;overflow:hidden;}
.pop_login .login_area .sub_area .check_box {position:relative;}
.pop_login .login_area .sub_area .check_box input {height:20px;display:inline-block;line-height:20px;}
.pop_login .login_area .sub_area .check_box label {font-size:10px;color:#999;padding-left:3px;cursor:pointer;}
.pop_login .login_area .sub_area .btn_area {overflow:hidden;margin-top:5px;}
.pop_login .login_area .sub_area .btn_area a {display:block;font-size:10px;color:#333;border:2px solid #333;text-align:center;line-height:26px;padding:0 11px;font-weight:900;float:left;background:#fff;}
.pop_login .login_area .sub_area .btn_area a.btn_reg {margin-right:5px;}
.pop_login .login_area .btn_login {width:65px;height:57px;position:absolute;right:0;top:0;background:#333;text-align:center;line-height:57px;font-size:10px;color:#fff;font-weight:900;}
*/

.pop_report {top:32px;}
.pop_inside {padding:8px;position:relative;}
.pop_inside .title {font-size:12px;color:#333;font-weight:bold;line-height:12px;padding-bottom:8px;border-bottom:1px solid #222;}
.pop_inside .form_dl {overflow:hidden;margin-top:7px;}
.pop_inside .form_dl dt {width:18%;float:left;min-height:23px;margin-bottom:5px;font-size:10px;color:#000;line-height:23px;font-weight:bold;}
.pop_inside .form_dl dd {width:82%;float:left;min-height:23px;margin-bottom:5px;}
.pop_inside .form_dl dd .phone_area {overflow:hidden;}
.pop_inside .form_dl dd span {font-size:10px;line-height:14px;display:inline-block;}
.pop_inside .form_dl dd .input_box {border:1px solid #d8d8d8;box-sizing:border-box;}
.pop_inside .form_dl dd .input_box input {width:100%;height:21px;line-height:21px;text-indent:5px;}
.pop_inside .form_dl dd .date_box {width:39%;float:left;padding-right:18px;position:relative;}
.pop_inside .form_dl dd .date_box img {width:15px;position:absolute;right:0;top:2px;}
.pop_inside .form_dl dd .date_box input {width:100%;height:21px;line-height:21px;text-indent:5px;border:1px solid #d8d8d8;box-sizing:border-box;}
.pop_inside .form_dl dd .input_box input {width:100%;height:21px;line-height:21px;text-indent:5px;}
.pop_inside .form_dl dd .input_box.phone {width:30%;float:left;}
.pop_inside .form_dl dd .input_box.phone input {text-align:center;text-indent:0;}
.pop_inside .form_dl dd .dot {width:5%;height:23px;float:left;font-size:14px;color:#333;text-align:center;line-height:23px;}
.pop_inside .form_dl dd .select_box {position:relative;}
.pop_inside .form_dl dd .select_box label {display:none;}
.pop_inside .form_dl dd .select_box select {width:100%;height:23px;border:1px solid #d8d8d8;font-size:10px;}
.pop_inside .form_dl dd textarea {width:100%;height:150px;border:1px solid #d8d8d8;padding:5px;box-sizing:border-box;margin-bottom:-5px;font-size:11px;}
.pop_inside .bottom_txt {border-top:1px solid #d8d8d8;border-bottom:2px solid #222;font-size:10px;color:#000;padding:8px 0;}
.pop_inside .btn_area {text-align:right;margin-top:10px;}
.pop_inside .btn_area a {display:inline-block;}
.pop_inside .btn_area a.btn_confirm {font-size:11px;color:#333;line-height:11px;font-weight:900;}
.pop_inside .btn_area a.btn_prev {font-size:11px;color:#333;line-height:11px;font-weight:900;float:left;}

.soon_box {position:relative;background:#f5f5f5;font-family: 'Nanum Gothic', sans-serif;text-align:center;padding:80px 0;margin-top:15px;}
.soon_box .ico {width:80px;margin:0 auto 15px;}
.soon_box .title {font-size:14px;color:#222;line-height:14px;margin-bottom:15px;}
.soon_box .title span {font-weight:900;}
.soon_box .text {font-size:10px;color:#222;line-height:18px;}

#move {position:relative;z-index:1;left:0;background:#fff;}
#move .gnb_dim {width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;background:#000;visibility:hidden;opacity:0;}
#move.active {width:100%;left:225px;position:fixed;}
#move.active .gnb_dim {visibility:visible;opacity:0.7;}
#header {position:relative;height:62px;background:#fff;overflow:hidden;}
#header a {display:block;vertical-align:top;}
#header .btn_gnb_menu {width:18px;position:absolute;left:22px;top:22px;}
#header .logo {width:101px;margin:22px auto 0;}
#header .btn_search {width:18px;position:absolute;right:22px;top:22px;}

#contents {position:relative;}
.main_area {position:relative; z-index:1;}
.main_slide_box {position:relative;}
#contents .main_area #slides {position:relative;}
#contents .main_area .slide_text {width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;text-align:center;}
#contents .main_area .slide_text .slide_text_inner {width:100%;height:100%;display:table;}
#contents .main_area .slide_text .slide_title {display:table-cell;font-size:18px;color:#fff;font-weight:900;vertical-align:middle;}

#contents .main_area #slides .slidesjs-control {z-index:1;}
#contents .main_area #slides .slidesjs-pagination {width:100%;position:absolute;left:0;bottom:10px;z-index:3;text-align:center;}
#contents .main_area #slides .slidesjs-pagination li {display:inline-block;margin:3px;}
#contents .main_area #slides .slidesjs-pagination li a {display: block;width:5px;height: 0;padding-top:5px;float: left;overflow: hidden;background:#fff;border-radius:5px;}
#contents .main_area #slides .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {background:#5a5a5a;}

#contents .main_area #slides a.slidesjs-play {width:8px;height:11px;display:block;position:absolute;left:15px;bottom:15px;text-indent:-9999em;background:url('../images/main/btn_play.png') no-repeat 0 0;z-index:4;background-size:8px;}
#contents .main_area #slides a.slidesjs-stop {width:8px;height:11px;display:block;position:absolute;left:15px;bottom:15px;text-indent:-9999em;background:url('../images/main/btn_pause.png') no-repeat 0 0;z-index:4;background-size:8px;}
#contents a.slidesjs-previous {display:none !important;}
#contents a.slidesjs-next {display:none !important;}

#contents .main_area #slides .slidesjs-pagination li a:hover {background-position: 0 -8px}

#contents .main_area .main_menu {overflow:hidden;position:relative;padding:15px;z-index:1;}
#contents .main_area .main_menu .title {position:relative;padding-left:10px;font-size:12px;color:#333;line-height:12px;margin-bottom:10px;}
#contents .main_area .main_menu .title span {font-weight:900;}
#contents .main_area .main_menu .title:before {content:'';width:4px;height:12px;background:#000;position:absolute;left:0;top:0;}

#contents .main_area .re_contents {overflow:hidden;position:relative;padding:15px;}
#contents .main_area .re_contents .title {position:relative;padding-left:10px;font-size:12px;color:#333;line-height:12px;margin-bottom:10px;}
#contents .main_area .re_contents .title span {font-weight:900;}
#contents .main_area .re_contents .title:before {content:'';width:4px;height:12px;background:#000;position:absolute;left:0;top:0;}

#slide_contents .main_menu_area {box-sizing:border-box;overflow:hidden;z-index:1;}
#slide_contents .main_menu_area .slide_box {width:49%;float:left;box-sizing:border-box;}
#slide_contents .main_menu_area .slide_box:first-child {margin-right:1%;}
#slide_contents .main_menu_area .slide_box:last-child {margin-left:1%;}
#slide_contents .main_menu_area .slide_box a {display:block;position:relative;text-align:center;}
#slide_contents .main_menu_area .slide_box a .img {display:block;margin-bottom:10px;}
#slide_contents .main_menu_area .slide_box a .text {font-size:12px;color:#3b3b3b;font-weight:900;}

#slide_main_menu .main_menu_area {box-sizing:border-box;overflow:hidden;}
#slide_main_menu .main_menu_area .slide_box {width:49%;float:left;box-sizing:border-box;border:1px solid #ececec;}
#slide_main_menu .main_menu_area .slide_box:first-child {margin-right:1%;}
#slide_main_menu .main_menu_area .slide_box:last-child {margin-left:1%;}
#slide_main_menu .main_menu_area .slide_box a {display:block;position:relative;}
#slide_main_menu .main_menu_area .slide_box a .img {display:block;}

#slide_main_menu .slidesjs-container {padding-bottom:62px;}
#slide_main_menu .main_menu_area .slide_box a .desc_area {padding:10px;background:#fff;overflow:hidden;display:block;}
#slide_main_menu .main_menu_area .slide_box a .desc_area .menu_title {font-size:13px;color:#333;line-height:13px;margin-bottom:10px;font-weight:900;display:block;}
#slide_main_menu .main_menu_area .slide_box a .desc_area .menu_desc {font-size:10px;color:#919191;line-height:14px;display:block;font-weight:700;}

#contents .main_menu .slidesjs-pagination {position:absolute;right:15px;top:15px;z-index:3;}
#contents .main_menu .slidesjs-pagination li {display:inline-block;margin:3px;}
#contents .main_menu .slidesjs-pagination li a {display: block;width:8px;height: 0;padding-top:8px;float: left;overflow: hidden;background:#e8e8e8;border:1px solid #5a5a5a;border-radius:5px;}
#contents .main_menu .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {background:#5a5a5a;border:1px solid #5a5a5a;}

#slide_contents .slidesjs-container {padding-bottom:6px;}
#contents .re_contents .slidesjs-pagination {position:absolute;right:15px;top:15px;z-index:3;}
#contents .re_contents .slidesjs-pagination li {display:inline-block;margin:3px;}
#contents .re_contents .slidesjs-pagination li a {display: block;width:8px;height: 0;padding-top:8px;float: left;overflow: hidden;background:#e8e8e8;border:1px solid #5a5a5a;border-radius:5px;}
#contents .re_contents .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {background:#5a5a5a;border:1px solid #5a5a5a;}

#contents .main_area .menu_guide {position:relative;padding:15px 0;overflow:hidden;}
#contents .main_area .menu_guide:after {content:'';width:100%;height:5px;background:url('../images/main/guide_bg.jpg') repeat-x 0 0;position:absolute;left:0;top:0;background-size:3px;}
#contents .main_area .menu_guide:before {content:'';width:100%;height:5px;background:url('../images/main/guide_bg.jpg') repeat-x 0 0;position:absolute;left:0;bottom:0;background-size:3px;}
#contents .main_area .menu_guide .menu_ul {overflow:hidden;padding:0 15px;}
#contents .main_area .menu_guide .menu_ul li {width:33.333%;float:left;position:relative;box-sizing:border-box;}
#contents .main_area .menu_guide .menu_ul li:nth-child(2n) {padding-left:5px;}
#contents .main_area .menu_guide .menu_ul li a {height:31px;display:block;padding:5px 0 0 33px;position:relative;}
#contents .main_area .menu_guide .menu_ul li a.guide1 {background:url('../images/main/ico_guide_news.png') no-repeat 0 0;background-size:31px;}
#contents .main_area .menu_guide .menu_ul li a.guide2 {background:url('../images/main/ico_guide_info.png') no-repeat 0 0;background-size:31px;}
#contents .main_area .menu_guide .menu_ul li a.guide3 {background:url('../images/main/ico_guide_community.png') no-repeat 0 0;background-size:31px;}
#contents .main_area .menu_guide .menu_ul li a .class {display:block;font-size:10px;color:#919191;line-height:10px;margin-bottom:3px;font-weight:700;}
#contents .main_area .menu_guide .menu_ul li a .text {display:block;font-size:10px;color:#333;line-height:20px;font-weight:700;letter-spacing:-1px;}

#contents .main_area .notice_area {height:28px;position:relative;overflow:hidden;border-bottom:1px solid #fff;background:#f1f1f1;}
#contents .main_area .notice_area .title {float:left;padding:0 10px 0 15px;font-size:11px;color:#333;line-height:28px;font-weight:700;}
#contents .main_area .notice_area a {display:block;overflow:hidden;font-size:10px;color:#5f5f5f;line-height:28px;position:relative;padding-right:67px;}
#contents .main_area .notice_area a .text {width:100%;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;}
#contents .main_area .notice_area a .date {position:absolute;right:15px;top:0;}
#contents .main_area .data_area {height:28px;position:relative;overflow:hidden;background:#f1f1f1;}
#contents .main_area .data_area .title {float:left;padding:0 10px 0 15px;font-size:11px;color:#333;line-height:28px;font-weight:700;}
#contents .main_area .data_area a {display:block;overflow:hidden;font-size:10px;color:#5f5f5f;line-height:28px;position:relative;padding-right:67px;}
#contents .main_area .data_area a .text {width:100%;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;}
#contents .main_area .data_area a .date {position:absolute;right:15px;top:0;}


#footer {position:relative;background:#222;padding:15px;}
#footer .footer_ul {overflow:hidden;border-bottom:1px solid #3c3c3c;}
#footer .footer_ul li {float:left;position:relative;margin-bottom:14px;box-sizing:border-box;}
#footer .footer_ul li a {display:block;font-size:10px;color:#9f9f9f;line-height:10px;}
#footer .footer_ul li.menu1 {width:28%;}
#footer .footer_ul li.menu1 a {text-align:left;}
#footer .footer_ul li.menu2 {width:40%;}
#footer .footer_ul li.menu2 a {text-align:center;border-left:1px solid #9f9f9f;border-right:1px solid #9f9f9f;color:#eb554d;}
#footer .footer_ul li.menu3 {width:32%;}
#footer .footer_ul li.menu3 a {text-align:center}
#footer .footer_ul li.menu4 {width:35%;}
#footer .footer_ul li.menu4 a {text-align:left;}
#footer .footer_ul li.menu5 {width:31%;}
#footer .footer_ul li.menu5 a {text-align:center;border-left:1px solid #9f9f9f;border-right:1px solid #9f9f9f;}
#footer .footer_ul li.menu6 {width:34%;}
#footer .footer_ul li.menu6 a {text-align:center;}

#footer .footer_middle {position:relative;overflow:hidden;padding:12px 0;}
#footer .footer_middle .footer_logo {width:69px;float:left;}
#footer .footer_middle .side_menu {float:right;overflow:hidden;}
#footer .footer_middle .side_menu .facebook_ico {width:23px;float:left;margin-right:5px;}
#footer .footer_middle .side_menu select {width:120px;height:23px;background:#fff;border:1px solid #d8d8d8;float:left;display:block;font-size:10px;line-height:23px;}



#footer .copyright {font-size:10px;color:#777;line-height:15px;}

.mot2 {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.mot3 {//
-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mot4 {
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}


/* --- EASYDROPDOWN DEFAULT THEME --- */

/* PREFIXED CSS */

.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

/* 0218수정 */
/*.dropdown .selected::after,*/
/*.dropdown.scrollable div::after{*/
	/*-webkit-pointer-events: none;*/
	/*-moz-pointer-events: none;*/
	/*-ms-pointer-events: none;*/
	/*pointer-events: none;*/
/*}*/

/* WRAPPER */

.dropdown{
	position: relative;
	width: 61px;
	height:39px;
	cursor: pointer;
	background: #333;
	border:1px solid #333;
	border-bottom:0;
}

.dropdown.open{
	z-index: 2;
}

.dropdown:hover{
	box-shadow: 0 0 5px rgba(0,0,0,.15);
}

.dropdown.focus{
	box-shadow: 0 0 5px rgba(51,102,248,.4);
}

/* CARAT */

.dropdown .carat{
	position: absolute;
	right: 7px;
	top: 50%;
	margin-top: -5px;
	border: 4px solid transparent;
	border-top: 6px solid #c5c5c5;
}

.dropdown.open .carat{
	margin-top: -10px;
	border-top: 4px solid transparent;
	border-bottom: 6px solid #c5c5c5;
}

.dropdown.disabled .carat{
	border-top-color: #999;
}

/* OLD SELECT (HIDDEN) */

.dropdown .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

.dropdown select{
	position: absolute;
	left: 0px;
	top: 0px;
}

.dropdown.touch .old{
	width: 100%;
	height: 100%;
}

.dropdown.touch select{
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* SELECTED FEEDBACK ITEM */

.dropdown .selected {padding:0;height:40px;line-height:36px;position:relative;left:-1px;}
.dropdown li{
	width:50px;
	display: block;
	font-size: 12px;
	line-height: 1;
	color: #222;
	padding: 9px 12px;
	overflow: hidden;
	white-space: nowrap;
}

.dropdown .selected{
	color: #fff;
}


/* DROP DOWN WRAPPER */

.dropdown div{
	position: absolute;
	height: 0;
	left: -1px;
	right: -1px;
	top: 100%;
	background: #fff;
	overflow: hidden;
	opacity: 0;
}

/* Height is adjusted by JS on open */

.dropdown.open div{
	opacity: 1;
	z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

.dropdown.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;

	box-shadow: inset 0 -50px 30px -35px #fff;
}

.dropdown.scrollable.bottom div::after{
	opacity: 0;
}

/* DROP DOWN LIST */

.dropdown ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
}

.dropdown.scrollable.open ul{
	overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */

.dropdown li{
	list-style: none;
	padding: 8px 9px;
}

/* .focus class is also added on hover */

.dropdown li.focus{
	background: #333;
	position: relative;
	z-index: 3;
	color: #dfc75b;
}

.dropdown li.active{
	font-weight: 700;
}

/* jhjin*/
#contents .logo_eng {position:absolute;left:48%;top:50px;margin-left:-645px;}


/* 이용불편신고 완료 팝업 */
.pop_inconv_apply_complete {width:240px;margin-left:-120px;left:50%;top:32px;}
.pop_inconv_apply_complete .top_complete {height:28px;padding-top:90px;font-size:11px;color:#fff;font-family: 'Nanum Gothic', sans-serif;font-weight:bold;text-align:center;background:url('../images/ico/ico_complete.png') no-repeat center 30px #9aacba;background-size:50px;}
.pop_inconv_apply_complete .bottom_complete {padding:25px 19px 15px 19px;background:#fff;font-family: 'Nanum Gothic', sans-serif;}
.pop_inconv_apply_complete .bottom_complete .title {font-size:10px;color:#000;text-align:center;text-decoration:underline;margin-bottom:5px;}
.pop_inconv_apply_complete .bottom_complete .apply_date {font-size:10px;color:#000;text-align:center;margin-bottom:20px;font-weight:900;line-height:14px;}
.pop_inconv_apply_complete .bottom_complete .text {font-size:10px;color:#888;line-height:14px;margin-bottom:10px;}
.pop_inconv_apply_complete .bottom_complete .btn_confirm {width:100%;height:25px;border:1px solid #333;background:#333;display:block;font-size:10px;color:#fff;line-height:25px;text-align:center;font-weight:bold;}