@charset "UTF-8";

@font-face {font-family:notokrlight;src:url(../font/notokr-light.woff) format('woff')}
@font-face {font-family:notokrmedium;src:url(../font/notokr-medium.woff) format('woff')}
@font-face {font-family:notokrregular;src:url(../font/notokr-regular.woff) format('woff')}
@font-face {font-family:notokrbold;src:url(../font/notokr-bold.woff) format('woff')}
@font-face {font-family:centuryGothic;src:url(../font/CenturyGothic.woff) format('woff')}

/* reset */
html{height:100%;font-size:16px}
body{height:100%;background:#fff;font-family:notokrregular;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
* {margin:0;padding:0;border:0;line-height:1;vertical-align:top;font-weight:400;box-sizing:border-box}
*::before,*:after{box-sizing: border-box}
button,select{background-color: transparent}
input,textarea{font-family:'notokrregular'}
input::placeholder,textarea::placeholder{color:#cecece}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color:transparent}
strong{font-weight:700}
em{font-style: normal}
li,ol,ul{list-style:none}
table{border-collapse:collapse}
input{-webkit-tap-highlight-color:transparent;-webkit-appearance:none}
input:checked[type='checkbox']{-webkit-appearance: checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='number'],input[type='email'],input[type='button'],input[type='reset']{-webkit-appearance: none;border-radius:0}
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{-webkit-appearance:none}
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
textarea{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;display:inline-block;width:100%;padding:11px;font-size:0.875rem;line-height:1.818;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:3px;border:1px solid #e5e5e5}
button{border:0 none;border-radius:0;background:transparent;cursor:pointer;-webkit-appearance:button;outline:0}
button::-moz-focus-inner{border:0;padding:0}

/* select */
select{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand{display:none}
select{background:url(../img/select_ico.png) no-repeat right center;background-size:22px 7px}

/* input */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important}
input[type="text"]:focus{outline:0}
textarea:focus{outline:0}
input[type="checkbox"]:focus{outline:0}
input[type="radio"]:checked, input[type="radio"]:not(:checked),input[type="checkbox"]:checked, input[type="checkbox"]:not(:checked){position:absolute;left:-9999px}
input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label,input[type="checkbox"]:checked + label, input[type="checkbox"]:not(:checked) + label{width:49%;padding:15px 0 11px;font-family:notokrregular;font-size:13px;color:#8a8b97;text-align:center;border:1px solid #8a8b97}
label[for="apply_type1"]{float:left}
label[for="apply_type2"]{float:right;margin-left:2%}
input[type="radio"]:checked + label{background-color:#8a8b97;color:#fff;border-color:#fff}
input[type="radio"]:not(:checked) + label{background-color:#fff;color:#8a8b97;border-color:#8a8b97}

.texttype{width:100%;height:44px;padding-left:12px;font-size:12px;color:#303030;border:0}
.texttype::placeholder{line-height:1.818}
.texttype.tp1{height:134px;line-height:1.818}
.texttype.tp2{line-height:1.818}

/* table common */
.tbl_comm{display:table;width:100%;box-sizing:border-box}
.tbl_head,.tbl_cont{display:table-row}
.tbl_item{display:table-cell;font-size:12px}

/* select input common */
.ip_type{width:100%;padding:17px 15px 13px;line-height:1.25;background-color:#fff;font-family:notokrregular;font-size:13px;color:#272932;border:1px solid #dcdcdc;box-sizing:border-box;border-radius:0}
.ip_type option{text-align:center}

/* banner_comm common */
.intro_banner{padding:0}
.banner_comm, .banner_comm .banner-item{position:relative;-webkit-tap-highlight-color:transparent}
.banner_comm.banner-loaded{display:block;position:relative;width:100%}
.banner_comm .banner-stage-outer{overflow:hidden;position:relative}
.banner_comm .banner-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.banner_comm.banner-drag .banner-item{-ms-touch-action:pan-Y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.banner_comm .banner-item{overflow:hidden;float:left;min-height:1px}

/* slide list common */
.list_comm{display:block;width:100%;box-sizing:border-box}
.list_comm.tp1{border-bottom:1px solid #e5e5e5}
.list_cont{display:block;height:44px;border:1px solid #e5e5e5;border-bottom:0}
.list_cont a{display:block;position:relative;width:100%;height:44px;padding-left:15px;line-height:46px;font-size:12px;color:#303030;box-sizing:border-box}
.list_cont a i{display:inline-block;position:absolute;top:20px;right:15px;width:9px;height:5px;background-position:-117px 0;transform:rotate(0deg);transition:all 0.5s ease}
.list_cont a.active i{transform:rotate(180deg)}
.list_item{display:none;padding:12px 18px;background-color:#f8f8f8;font-size:12px;border:1px solid #e5e5e5;border-bottom:0}

/* loading */
.loading_wrap{position:relative;width:100%;height:100%}
.loading_wrap.tp1{position:fixed;z-index:9999;background-color:rgba(0,0,0,0.7)}
.loading_item{display:inline-block;position:absolute;top:50%;left:50%;z-index:9999;width:70px;height:70px;margin-left:-35px;margin-top:-35px;background-color:#2a47bf;border-radius:50%}
.loading_item .load_ico{display:block;width:38px;height:42px;margin:14px auto;background:url(../img/loading/1.png) no-repeat;background-size:38px 42px;animation-name:change;animation-duration:1.5s;animation-delay:0.2s;animation-iteration-count:infinite;-webkit-animation-name:change;-webkit-animation-duration:1.5s;-webkit-animation-delay:0.2s;-webkit-animation-iteration-count:infinite;opacity:1}
@-webkit-keyframes change{
	0%{background-image:url(../img/loading/1.png)}
	24.9%{background-image:url(../img/loading/1.png)}
	25%{background-image:url(../img/loading/2.png)}
	49.9%{background-image:url(../img/loading/2.png)}
	50%{background-image:url(../img/loading/3.png)}
	74.9%{background-image:url(../img/loading/3.png)}
	75%{background-image:url(../img/loading/4.png)}
	99.9%{background-image:url(../img/loading/4.png)}
	100%{background-image:url(../img/loading/1.png)}
}
@keyframes change{
	0%{background-image:url(../img/loading/1.png)}
	24.9%{background-image:url(../img/loading/1.png)}
	25%{background-image:url(../img/loading/2.png)}
	49.9%{background-image:url(../img/loading/2.png)}
	50%{background-image:url(../img/loading/3.png)}
	74.9%{background-image:url(../img/loading/3.png)}
	75%{background-image:url(../img/loading/4.png)}
	99.9%{background-image:url(../img/loading/4.png)}
	100%{background-image:url(../img/loading/1.png)}
}

/* main */
.intro_h{overflow:hidden;position:fixed;top:0;z-index:10;width:100%;height:55px;padding:18px 26px;background-color:#fff;box-sizing:border-box}
.intro_h h1.logo{float:left;display:inline-block;width:120px;height:20px;background-position:0 0;text-indent:-9999px}
.intro_h ul{overflow:hidden;float:right;margin-top:2px}
.intro_h ul li{float:left}
.intro_h ul li,.intro_h ul li a{font-family:notokrregular;font-size:13px;letter-spacing:-1px;line-height:1.25;color:#2f2f2f}
.intro_h ul li:before{content:"";float:left;display:inline-block;width:1px;height:10px;margin:3px 5px 0;background-color:#2f2f2f}
.intro_h ul li:first-child:before{content:"";display:none}
.swipe_icon{display:inline-block;position:absolute;top:50%;z-index:9999;width:0;height:0;margin-top:-8px;text-indent:-9999px;filter:drop-shadow(3px 3px 6px #000)}
.swipe_icon.left{left:0;border-top:16px solid transparent;border-right:16px solid #fff;border-bottom:16px solid transparent;border-left:16px solid transparent;animation:arrowLeft 0.7s ease-in-out infinite}
.swipe_icon.right{right:0;border-top:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid transparent;border-left:16px solid #fff;animation:arrowRight 0.7s ease-in-out infinite}
@keyframes arrowRight {
  0% {
    margin-right:0px;
  }
  50% {
    margin-right:5px;
  }
  100% {
    margin-right:0px;
  }
}
@keyframes arrowLeft {
  0% {
    margin-left:0px;
  }
  50% {
    margin-left:5px;
  }
  100% {
    margin-left:0px;
  }
}
.intro_wrap{overflow:hidden;width:100%;padding:60px 26px 0}
.center_list{width:100%}
.center_list .banner_comm .banner-stage{position:fixed;top:60px;z-index:10}
.center_list .banner_comm .banner-stage-outer{overflow:inherit}
.center_list .intro_banner .banner_comm .banner-nav.disabled{display:none}
.center_list .intro_banner .banner_comm .banner-nav button > span{display:none}
.center_list .banner-dots{display:none}
.center_list .intro_banner .banner_comm .banner-item .intro_link{overflow:hidden;padding:5px}
.center_list .banner_comm .banner-item .intro_imgwrap{overflow:hidden;display:block;position:relative;width:100%;background-color:#000;border-radius:20px;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.3)}
.center_list .banner_comm .banner-item .intro_img{display:block;width:100%;background-repeat:no-repeat;background-size:cover;opacity:0.3}
.center_list .banner_comm .banner-item .intro_img.tp1{background-image:url(../img/intro_01.jpg);background-position:-100px center}
.center_list .banner_comm .banner-item .intro_img.tp2{background-image:url(../img/intro_02.jpg);background-position:center left}
.center_list .banner_comm .banner-item .intro_img.tp3{background-image:url(../img/intro_03.jpg);background-position:-85px center}
.center_list .banner_comm .banner-item .intro_img.tp4{background-image:url(../img/intro_04.jpg);background-position:-100px center}
.center_list .banner_comm .banner-item .intro_img.tp5{background-image:url(../img/intro_05.jpg);background-position:center left}
.center_list .banner_comm .banner-item .intro_img.tp6{background-image:url(../img/intro_06.jpg);background-position:-30px center}
.center_list .intro_info{overflow:hidden;width:100%;height:112px;padding:15px 12px;box-sizing:border-box}
.center_list .banner_comm .banner-item .intro_link .intro_info{display:none}
.center_list .banner_comm .banner-item.active .intro_link .intro_info{display:block}
.center_list .banner_comm .banner-item.active .intro_imgwrap{background-color:#fff}
.center_list .banner_comm .banner-item.active .intro_img{opacity:1}
.center_list .intro_info .intro_t{float:left;color:#2f2f2f}
.center_list .intro_info .intro_t span{display:block;margin-bottom:5px;font-family:notokrlight;font-size:9px;line-height:1.25}
.center_list .intro_info .intro_t strong{display:block;margin-bottom:8px;font-family:notokrbold;font-size:23px;letter-spacing:-1px;line-height:1.25}
.center_list .intro_info .intro_t p{font-family:notokrregular;font-size:12px;letter-spacing:-1px;line-height:1.5}
.center_list .intro_info .btn_c{float:right;position:relative;width:70px;height:70px;margin-top:12px;background-color:#8a8b97;font-family:notokrregular;font-size:12px;color:#fff;letter-spacing:-1px;border-radius:50%}
.btn_c:before{content:"";display:inline-block;position:absolute;bottom:20px;left:50%;z-index:1;width:15px;height:4px;margin-left:-7px;background:url(../img/img_comm.png) no-repeat;background-size:150px 150px;background-position:-115px -42px}

/* login */
.lw_wrap{position:relative;width:100%;height:100%}
.login_header{width:100%;padding:30px 0;background-color:#fff;box-sizing:border-box}
.login_header h1.logo{display:block;width:120px;height:20px;margin:0 auto;background-position:0 0;text-indent:-9999px}
.login_h{position:fixed;top:0;z-index:10;width:100%;padding:30px 0;background-color:#fff;box-sizing:border-box}
.login_h h1.logo{display:block;width:120px;height:20px;margin:0 auto;background-position:0 0;text-indent:-9999px}
.login_wrap{width:100%;text-align:center}
.login_wrap h2{display:block;margin-bottom:10px;font-family:Arial;font-size:36px;color:#272932;font-weight:bold;letter-spacing:-1px;line-height:1.25}
.login_comm{width:100%;padding:20px 25px 0;text-align:center}
.login_input{width:100%;margin:20px 0}
.login_input input{margin-bottom:5px;padding:13px 15px 9px}
.login_input .caution{text-align:left;margin-top:5px;line-height:1.25}
.login_input .caution:first-of-type{margin-top:0}
.login_input .caution:before{top:5px}
.login_input .b_btn{margin-top:20px;padding:16px 0 12px;font-size:13px;font-weight:normal}
.login_sub{overflow:hidden;width:100%;margin-top:20px}
.login_sub a{display:inline-block;font-size:14px;color:#757575;line-height:1.25;letter-spacing:-1px}
/* 버튼 변경 시 삭제 */
.login_sub a{color:#fff}
.login_sub a.tp1{color:#ef6725}
.login_sub .line{display:inline-block;width:1px;height:14px;margin:0 5px;background-color:#e4e4e4}
.cs_info strong{font-family:notokrregular;font-size:15px;color:#272932;letter-spacing:-1px;line-height:1.25}
.cs_info strong em{display:inline-block;font-family:Arial;color:#e23334;font-weight:bold}
.cs_info p{font-family:notokrregular;font-size:12px;margin-top:5px;color:#8c8c8c;letter-spacing:-1px;line-height:1.25}

/* choice */
.c_bg{background:url(../img/choice_bg.jpg) no-repeat;background-size:cover;background-position:center}
.b_bg{position:relative;width:100%;height:100%;background-color:rgba(0,0,0,0.6)}
.choice_wrap{position:absolute;top:50%;width:100%;height:435px;margin-top:-217px}
.choice_wrap .choice_comm{position:absolute;left:50%;z-index:10;width:285px;height:135px;margin-left:-144px}
.choice_wrap .choice_comm a{display:block;width:285px;height:135px;padding:47px 0 43px;text-align:center;color:#fff;letter-spacing:-1px;box-sizing:border-box}
.choice_wrap .choice_comm strong{display:block;margin-bottom:12px;font-family:notokrbold;font-size:17px;font-weight:bold}
.choice_wrap .choice_comm p{font-family:notokrregular;font-size:12px}
.choice_wrap .choice_comm.tp1{background-color:rgba(246,123,147,0.7)}
.choice_wrap .choice_comm.tp2{background-color:rgba(255,158,60,0.7)}
.choice_wrap .choice_comm.tp3{background-color:rgba(0,204,220,0.7)}
.choice_wrap .choice_comm.st1{top:0}
.choice_wrap .choice_comm.st2{top:50%;margin-top:-68px}
.choice_wrap .choice_comm.st3{bottom:0}
.choice_wrap .choice_comm.st4{top:77px}
.choice_wrap .choice_comm.st5{bottom:78px}

/* header */
#rsHeader,#rsHeader.site_header.fixed{overflow:hidden;position:fixed;top:0;z-index:100;width:100%;height:55px;padding:15px;background-color:#2a47bf;border-bottom:1px solid #e5e5e5;text-align:center;box-sizing:border-box}
#rsHeader.site_header.fixed.scroll-view{opacity:1;visibility:visible;transition:all 0.3s ease;transform:translate(0,0)}
#rsHeader.site_header .h_tit.off{display:none}
#rsHeader .back_btn{display:inline-block;width:20px;height:17px;background-position:0 0;text-indent:-9999px}
#rsHeader .close{display:inline-block;position:absolute;z-index:1;top:3px;right:0;padding:15px}
#rsHeader .menulist{display:inline-block;width:19px;height:14px;margin-top:2px;background-position:-20px 0;text-indent:-9999px}
#rsHeader.site_header .back_btn{background-position:-57px -18px}
#rsHeader.site_header .menulist{margin-top:0;background-position:-77px -19px}
#rsHeader.site_header.fixed .back_btn{background-position:0 0}
#rsHeader.site_header.fixed .menulist{margin-top:2px;background-position:-20px 0}
#rsHeader h1{display:inline-block;padding-top:4px}
.plist_name,.rakyear_name{position:fixed;top:55px;z-index:9999;width:100%;height:48px;padding:15px 0;background-color:#fff;font-family:notokrbold;font-size:18px;color:#272932;letter-spacing:-1px;line-height:1.25;text-align:center;border-bottom:1px solid #d8d8d8;box-shadow:-9px 1px 6px 0px rgba(0,0,0,0.3)}
#rsHeader.tp1{z-index:10}
#rsHeader.tp1,#rsHeader.site_header.fixed.tp1{background-color:transparent;border-bottom:0}
#rsHeader.tp2,#rsHeader.site_header.fixed.tp2{background-color:#fff}
#rsHeader.site_header.fixed.tp1,#rsHeader.site_header.fixed.tp2{background-color:#fff;border-bottom:1px solid #e5e5e5}
#rsHeader.site_header.fixed.tp1 h1{color:#272932}
#rsHeader.tp2 h1,#rsHeader.site_header.fixed.tp2 h1{color:#272932}
#rsHeader .call,#rsHeader .back,#rsHeader .menu,#rsHeader .home{display:inline-block;position:absolute;top:8px;z-index:1;padding:10px}
#rsHeader .call span,#rsHeader .back span,#rsHeader .menu span,#rsHeader .home span{display:inline-block;width:18px;height:18px;background-position:-27px -63px;text-indent:-9999px}
#rsHeader .call,#rsHeader .menu{right:10px}
#rsHeader .back,#rsHeader .home{left:10px}
#rsHeader .back span{width:26px;height:17px;background-position:0 -63px}
#rsHeader .menu span{width:24px;height:16px;background-position:-126px 0}
#rsHeader .home span{width:19px;height:18px;background-position:-79px -82px}
#rsHeader.site_header.fixed.tp1 .call span{background-position:-74px -63px}
#rsHeader.site_header.fixed.tp1 .back span{background-position:-46px -63px}
#rsHeader.site_header.fixed.tp1 .home span{background-position:-79px -101px}

/* footer */
#rsFooter{display:block;position:fixed;bottom:0;z-index:999;width:100%;box-shadow:0px 1px 5px rgba(0,0,0,0.3)}
.top_btn{display:none;position:absolute;top:-105px;right:30px;width:42px;height:42px;padding:10px;background-color:#fff;font-family:notokrregular;font-size:10px;color:#272932;text-align:center;border-radius:50%;box-shadow:0px 0px 6px 0px;box-sizing:border-box;opacity:0.7}
.top_btn .img_comm{display:block;width:9px;height:5px;margin:0 auto 5px;background-position:-69px -20px}
#rsFooter .member_line{width:100%;padding:10px 0;background-color:#f9f9fa;text-align:center}
#rsFooter .member_line p{display:block;font-family:notokrregular;font-size:13px;color:#272932;letter-spacing:-1px;line-height:1.25}
#rsFooter .member_line span{display:inline-block;font-family:notokrbold;line-height:1.25}
#rsFooter .foot_menu{width:100%;background-color:#fff;border-top:1px solid #e3e3e3}
#rsFooter .foot_menu ul{overflow:hidden;width:100%}
#rsFooter .foot_menu ul li{float:left;width:33.3%;text-align:center;box-sizing:border-box}
#rsFooter .foot_menu ul li a{display:block;padding:10px;font-family:notokrregular;font-size:12px;color:#272932}
#rsFooter .foot_menu ul li a i{display:block;margin:0 auto 8px;text-indent:-9999px}
#rsFooter .foot_menu ul li a i.fm01{width:20px;height:20px;background-position:0 -42px}
#rsFooter .foot_menu ul li a i.fm02{width:20px;height:20px;background-position:-21px -42px}
#rsFooter .foot_menu ul li a i.fm03{width:20px;height:20px;background-position:-42px -42px}
#rsFooter .foot_menu ul li a i.fm04{width:20px;height:3px;margin:10px auto 15px;background-position:-62px -42px}
#footMenu{display:none;overflow:hidden;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%}
.side_on #footMenu{display:block}
#footMenu .menu_side{overflow-y:scroll;overflow-x:hidden;position:absolute;top:0;left:0;bottom:0;z-index:10000;width:100%;height:100%;background-color:#fff;box-sizing:border-box}
#footMenu .menu_wrap{height:100%;font-size:12px;color:#303030;box-sizing:border-box}
#footMenu .menu_wrap .menu_h{overflow:hidden;width:100%;padding:16px 18px;background-color:#fff;box-sizing:border-box;border-bottom:1px solid #e5e5e5}
#footMenu .menu_wrap .menu_h .name_area{overflow:hidden;float:left}
#footMenu .menu_wrap .menu_h .name_area .pic{float:left;width:32px;height:32px;background-position:-82px -20px}
#footMenu .menu_wrap .menu_h .name_area p{float:left;margin-top:9px;margin-left:5px;font-family:notokrregular;font-size:13px;color:#272932;line-height:1.25;letter-spacing:-1px}
#footMenu .menu_wrap .menu_h .name_area p span{display:inline-block;font-family:notokrbold;line-height:1.25;font-weight:bold}
#footMenu .menu_wrap .menu_h .logo{float:left}
#footMenu .menu_wrap .menu_h .logo .img_comm{display:inline-block;width:120px;height:20px;background-position:0 0;text-indent:-9999px}
#footMenu .menu_wrap .menu_h .close{float:right;padding:6px}
#footMenu .menu_wrap .menu_comm{padding:0 50px;background-color:#fff;box-sizing:border-box}
#footMenu .menu_wrap .menu_comm ul li{width:100%;border-bottom:1px solid #e3e3e3;text-align:center}
#footMenu .menu_wrap .menu_comm ul li a{display:block;padding:20px 0 16px;font-family:notokrregular;font-size:15px;color:#272932;letter-spacing:-1px}
#footMenu .menu_wrap .menu_comm.btn_area{padding:15px 50px 25px}
#footMenu .menu_wrap .menu_comm .btn{width:100%;margin-top:10px;padding:17px 0 13px;background-color:#8a8b97;font-family:notokrregular;font-size:13px;color:#fff;letter-spacing:-1px;text-align:center}
#footMenu .menu_wrap .menu_item{position:absolute;bottom:0;width:100%}
#footMenu .menu_wrap .menu_comm.cs_area{padding:17px 22px 13px;border-top:1px solid #e3e3e3}
#footMenu .menu_wrap .menu_comm.cs_area span{display:block;margin-bottom:3px; font-family:notokrbold;font-weight:bold;font-size:15px;color:#272932;letter-spacing:-1px}
#footMenu .menu_wrap .menu_comm.cs_area span em{color:#e23334}
#footMenu .menu_wrap .ftr_area{width:100%;padding:18px 22px;background-color:#f9f9fa;border-top:1px solid #e3e3e3}
#footMenu .menu_wrap .ftr_area p, #footMenu .menu_wrap .menu_comm.cs_area p{font-size:11px;color:#8c8c8c;line-height:1.25}
.tline{display:inline-block;width:1px;height:10px;margin:2px 3px 0;background-color:#e8e8e8}
.foot_notice{position:fixed;bottom:0;left:0;z-index:9990;width:100%}
.foot_notice .ntc{display:block;position:absolute;top:-39px;left:50%;z-index:99;width:88px;height:40px;padding-top:16px;margin-left:-44px;background-color:#fff;box-shadow:0px -12px 15px rgba(0,0,0,0.1);border-radius:5px 5px 0 0;box-sizing:border-box}
.foot_notice .ntc span{display:block;width:18px;height:11px;margin:0 auto;background-position:-123px -95px;background-size:200px 200px;text-indent:-9999px;transform:rotate(0deg);transition:all 0.2s}
.foot_notice .ntc.active span{transform:rotate(-180deg)}
.foot_notice_wrap{display:block;width:100%;background-color:#fff;box-sizing:border-box;box-shadow:0px -1px 20px rgba(0,0,0,0.4)}
.foot_notice_wrap ul{padding:16px 20px}
.foot_notice_wrap li{position:relative;margin-bottom:5px;padding-left:6px;font-size:12px;color:#8c8c8c;letter-spacing:-1px;line-height:1.25}
.foot_notice_wrap li:before{content:"";display:block;position:absolute;top:7px;left:0;z-index:99;width:1px;height:1px;background-color:#8c8c8c;border-radius:50%}

/* list rb */
.placelist{margin-top:15px}
.placelist .banner_comm .banner-item span{font-size:22px}
.placelist img{display:block;width:100%;height:100%;opacity:0.7}
.placelist .intro_banner .banner_comm .banner-nav.disabled{display:none}
.placelist .intro_banner .banner_comm .banner-nav button > span{display:none}
.placelist .intro_banner .banner_comm .banner-item .place_wrap{overflow:hidden}
.placelist .intro_banner .banner_comm .banner-nav button > span{text-indent:-9999px}
.placelist .banner-dots{display:none;overflow:hidden;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background-color:rgba(0,0,0,0.8)}
.placelist .intro_banner .banner_comm button.banner-dot{display:block;position:absolute;top:50%;right:30px;margin-top:-160px}
.placelist .intro_banner .banner_comm button.banner-dot span{display:block;padding:10px 0;font-family:notokrregular;font-size:13px;color:#fff}
.placelist .intro_banner .banner_comm button.banner-dot.active span{color:#ef6725}
.placelist .place_item{overflow:hidden;display:block;position:relative;width:100%;height:185px;margin-bottom:10px;background-color:#000}
.placelist .place_item a{display:block;width:100%;height:185px}
.placelist .place_item .ltext{position:absolute;top:53px;left:28px;z-index:1}
.placelist .place_item .ltext p{display:inline-block;font-family:notokrregular;font-size:11px;color:#f5da02}
.placelist .place_item .ltext strong{display:block;font-family:notokrregular;font-size:20px;color:#fff;line-height:1.25;font-weight:normal}
.placelist .place_item .ltext span{display:block;font-family:notokrregular;font-size:12px;color:#fff;line-height:1.25}
.sm_o{display:block;position:fixed;top:50%;right:0;z-index:999;width:28px;height:55px;margin-top:-22px;border-radius:100px 0 0 100px;background-color:#fff;box-shadow:0px 0px 6px 0px}
.sm_o i{display:inline-block;width:12px;height:21px;margin:17px 8px;background-position:-56px -20px;text-indent:-9999px;}
.smx{display:none;position:fixed;top:50%;right:0;z-index:9999;width:30px;height:30px;margin-top:-15px;margin-right:153px;background-color:#fff;border-radius:50%}
.smx i{display:inline-block;width:14px;height:14px;margin:7px;background-position:-19px -19px;text-indent:-9999px}

/* detail */
.dtimg_list{position:fixed;top:0;z-index:1;width:100%;height:285px}
.dtimg_list .banner_comm .banner-item img{display:block;width:100%;height:285px}
.dtimg_list .intro_banner .banner_comm .banner-nav.disabled{display:none}
.dtimg_list .intro_banner .banner_comm .banner-nav button > span{display:none}
.dtimg_list .intro_banner .banner_comm .banner-item .dtimg_wrap{overflow:hidden}
.dtimg_list .intro_banner .banner_comm .banner-nav button > span{text-indent:-9999px}
.dtimg_list .banner-dots{display:block;position:absolute;bottom:15px;left:0;z-index:10;width:100%;text-align:center}
.dtimg_list .intro_banner .banner_comm button.banner-dot{display:inline-block;margin-left:5px}
.dtimg_list .intro_banner .banner_comm button.banner-dot:first-child{margin-left:0}
.dtimg_list .intro_banner .banner_comm button.banner-dot span{display:inline-block;width:18px;height:2px;margin-top:3px;background-color:#fff}
.dtimg_list .intro_banner .banner_comm button.banner-dot.active span{height:6px;margin-top:0;background-color:#ef6725}
.detail_wrap{overflow:hidden;position:absolute;top:275px;z-index:80;width:100%;background-color:#f0f0f0;border-radius:10px 10px 0 0}
.detail_comm{margin-top:15px;background-color:#fff;border-bottom:1px solid #dbdbdb}
.detail_comm:first-child{margin-top:0}
#type01.detail_item span img,#type01.detail_item table{width:100% !important}
#type01.detail_item p,#type01.detail_item strong,#type01.detail_item span,#type01.detail_item font{color:#8c8c8c;font-family:notokrregular !important;font-size:12px !important;font-weight:normal !important;line-height:1.25 !important}
.detail_comm h3{padding:27px 25px 23px;font-family:notokrbold;font-size:17px;color:#272932;letter-spacing:-1px}
.detail_item{width:100%;padding:15px 25px;border-top:1px solid #e2e2e2;box-sizing:border-box}
#type01.detail_item img{width:100% !important}
.img_info{width:100%;margin-bottom:10px;padding:10px 0;text-align:center}
.img_info p .scale{display:inline-block;width:17px;height:17px;margin-right:5px;background-position:-45px -81px}
.iframe_wrap{overflow:hidden;position:relative;width:100%;height:100%}
.iframe_img{vertical-align:middle}
.leaflet-control{display:none}
#type01.detail_item .img_info p{font-size:11px !important;color:#8c8a95 !important;line-height:17px !important}
.popup_wrap .img_info p{font-size:12px;color:#2c2b31;line-height:18px}
.img_info p .p_scale{display:inline-block;width:16px;height:18px;margin-right:5px;background-position:-62px -81px}
.areabtn_area ul{overflow:hidden}
.areabtn_area ul li{float:left;width:25%;text-align:center}
.areabtn_area ul li a{display:block;height:50px;padding:17px 0 13px;font-family:notokrregular;font-size:14px;color:#272932;border-bottom:5px solid #fff}
.areabtn_area ul li.active a{border-bottom:3px solid #ef6725}
.areabtn_area.fixed{position:fixed;top:55px;z-index:9999;width:100%;background-color:#fff;border-bottom:1px solid #e2e2e2}
.areabtn_list .detail_item{padding-bottom:120px}
#type02.detail_item{padding-bottom:200px}
.am_list li{position:relative;padding-left:10px;margin-bottom:10px;font-family:notokrregular;font-size:12px;color:#8c8c8c;letter-spacing:1.25;word-break:keep-all}
.am_list li:before{content:"\002D";display:inline-block;position:absolute;top:0;left:0}
.att_list{overflow:hidden;margin:15px 0 25px}
.att_list .banner_comm .banner-item img{display:block;width:100%;height:245px}
.att_list .intro_banner .banner_comm .banner-nav.disabled{display:none}
.att_list .intro_banner .banner_comm .banner-nav button > span{display:none}
.att_list .intro_banner .banner_comm .banner-item .att_wrap{overflow:hidden}
.att_list .intro_banner .banner_comm .banner-nav button > span{text-indent:-9999px}
.att_list .banner-dots{display:block;position:absolute;top:222px;left:0;z-index:1;width:100%;text-align:center}
.att_list .intro_banner .banner_comm button.banner-dot{display:inline-block;margin-left:5px}
.att_list .intro_banner .banner_comm button.banner-dot:first-child{margin-left:0}
.att_list .intro_banner .banner_comm button.banner-dot span{display:inline-block;width:11px;height:11px;background-color:transparent;border:2px solid #fff;border-radius:50%}
.att_list .intro_banner .banner_comm button.banner-dot.active span{background-color:#fff;border:0}
.att_txt{margin-top:25px}
.att_info dl{margin-top:25px}
.att_info dl dt{margin-bottom:10px;font-family:notokrbold;font-weight:bold;font-size:12px;color:#272932;letter-spacing:-1px}
.att_info dl dd{margin-top:10px;font-family:notokrregular;font-size:12px;color:#8c8c8c;line-height:1.5;letter-spacing:-1px}
.att_info dl dd span{display:block;line-height:1.5}
.att_info p{font-family:notokrregular;font-size:12px;color:#272932;letter-spacing:-1px;line-height:1.25;text-align:center}
.map_area{width:100%;height:245px;background-color:#aaa}

/* resv */
.resv_info{margin-top:18px}
.resv_item{overflow:hidden;width:100%;margin-top:15px}
.resv_item .sub_tit{margin-bottom:5px}
.resv_item .resv_in{float:left;width:100%}
/*.resv_item .resv_in{float:left;width:32%;margin-left:2%}*/
.resv_item .resv_in:first-child{margin-left:0}
.resv_item p.caution{margin-top:5px}
.resv_item ul{margin-top:5px}
.resv_item textarea.ip_type{padding:16px;height:89px}
.resbtn_area{width:100%;background-color:#fff}
.resbtn_area ul{overflow:hidden}
.resbtn_area ul li{float:left;width:20%;text-align:center}
.resbtn_area ul li a{display:block;height:50px;padding:17px 0 13px;font-family:notokrregular;font-size:14px;color:#272932;border-bottom:5px solid #fff}
.resbtn_area ul li.active a{border-bottom:3px solid #ef6725}
.resc_pop{width:100%;margin-top:22px}
.resc_pop .d_info{margin-top:18px;padding-top:16px;border-top:1px solid #e2e2e2}
.resc_q span{font-family:notokrregular;font-size:13px;color:#272932;font-weight:normal}
.resc_q .q_box{width:100%;margin-top:10px;padding:15px;background-color:#f0f0f0}
.resc_q .q_box ul li.caution{font-size:12px;color:#272932}

/* list common */
.list_top,.search_top{width:100%;padding:75px 26px 17px;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #dadada}
.list_wrap,.search_wrap{width:100%;padding-bottom:117px}
.list_wrap.tp1,.search_wrap.tp1{width:100%;padding:0 15px 117px}
.list_info{width:100%;margin-top:14px;padding:20px 26px;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #dadada}
.list_info .detail_tit,.list_info .sub_tit,.list_top .sub_tit{margin-bottom:20px}
.d_info dl{overflow:hidden;margin-bottom:15px}
.d_info dl dt{float:left;width:30%}
.d_info dl dd{float:right;width:70%;text-align:right;word-break:keep-all}
.d_info dl dt,.d_info dl dd,.d_info dl dd p,.d_info dl dd font,.d_info dl dd strong,.d_info dl dd span{font-family:notokrregular !important;font-size:13px !important;color:#272932;font-weight:normal !important;line-height:1.25 !important}
.d_info dl.cc_list dt{line-height:30px !important}
.d_info dl dd em{display:inline-block;line-height:1.25}
.d_info.tp1{padding-top:15px;border-bottom:1px solid #e2e2e2}
.d_info.tp1 dt,.d_info.tp1 dd{font-size:12px}
.d_info.tp1 dl dd{color:#8c8c8c}
.d_info dl.tal dt{width:100%}
.d_info dl.tal dd{overflow-y:auto;float:left;width:100%;height:100px;margin-top:10px;padding:10px;text-align:left;border: 1px solid #e2e2e2;word-break:break-all}
.d_info dl.total{margin-bottom:0;padding-top:15px;border-top:1px solid #e2e2e2}
.d_info dl.total dt,.d_info dl.total dd{font-family:notokrbold;font-weight:bold}

/* search */
.search_top{padding:75px 15px 15px;background-color:#f0f0f0}
.animated{-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none}
.yt-loader{-webkit-animation-name:horizontalProgressBar;animation-name:horizontalProgressBar;-webkit-animation-timing-function:ease;animation-timing-function:ease;background:#ef6725;height:3px;width:0%;z-index:9999;opacity:1}
@keyframes horizontalProgressBar
{
    0%   {width:0%;opacity:1}
    25%  {width:22%;opacity:1}
    50%  {width:55%;opacity:1}
    75%  {width:83%;opacity:1}
    99%  {width:99%;opacity:1}
    100% {width:100%;opacity:0}
}
@-webkit-keyframes horizontalProgressBar /* Safari and Chrome */
{
    0%   {width:0%;opacity:1}
    25%  {width:22%;opacity:1}
    50%  {width:55%;opacity:1}
    75%  {width:83%;opacity:1}
    99%  {width:99%;opacity:1}
    100% {width:100%;opacity:0}
}
.search_wrap.tp1{padding-top:18px;background-color:#fff}
.search_top .ip_type{padding:12px 15px 9px;background-color:#fff}
.search_top .ip_type.sh{background-image:url(../img/search_ico.png);background-repeat:no-repeat;background-position:right center;background-size:25px 15px}
.search_top .sh_cal{overflow:hidden;width:100%;margin:10px 0;border:1px solid #dcdcdc}
.search_top .sh_cal .sh_chk{float:left;width:50%;padding:15px 20px;background-color:#fff;box-sizing:border-box;border-left:1px solid #dcdcdc}
.search_top .sh_cal .sh_chk:first-child{border-left:0}
.search_top .sh_cal .sh_chk p{margin-bottom:10px;font-family:notokrregular;font-size:14px;color:#272932;letter-spacing:-1px;line-height:1.25}
.search_top .sh_cal .sh_chk input[type='text']{font-family:notokrbold;font-size:16px;color:#272932;letter-spacing:-1px}
.search_top .sel_wrap{overflow:hidden;margin-bottom:10px}
.search_top .sel_wrap .ip_type{float:left;width:50%}
.search_top .sel_wrap .ip_type:first-child{border-right:0}
.search_wrap .detail_txt em{display:inline-block;color:#e23334;font-weight:bold;line-height:1.25}

/* pw_edit */
.pw_wrap{padding:102px 25px 57px;box-sizing:border-box}
.pw_wrap .ip_type{margin-bottom:5px;padding:12px 15px 10px}
.pw_wrap p{text-align:center}
.pw_wrap ul{margin-bottom:32px}
/*#cnumBtn{display:none}*/
.cnum_wrap{width:100%}
.cnum_item{overflow:hidden;width:100%}
.cnum_item .ip_type{float:left;width:54%}
.cnum_item button{float:right;width:44%}

/* policy */
.policy_item,.c_list{margin-top:20px}
.policy_item .detail_tit{margin-bottom:10px;line-height:1.5}
.policy_item p,.policy_item ul li,.policy_item ol li{display:block}
.policy_item p,.policy_item ul li,.policy_item ol li,.policy_item table th,.policy_item table td,.c_list table th,.c_list table td{font-family:notokrregular;font-size:11px;color:#8c8c8c;line-height:1.5}
.policy_item table,.c_list table{width:100%}
.policy_item table th,.policy_item table td,.c_list table th,.c_list table td{width:25%;text-align:center;border:1px solid #dcdcdc;border-left:0}
.policy_item table th:first-child,.policy_item table td:first-child,.c_list table th:first-child,.c_list table td:first-child{border-left:1px solid #dcdcdc}
.c_list table th,.c_list table td{width:67%}
.c_list table th:first-child,.c_list table td:first-child{width:33%}
.c_list table td{border-top:0}
.c_list table tr:first-child td{border-top:1px solid #dcdcdc}
.policy_item table th,.c_list table th{padding:13px 0;background-color:#f7f7f7;border-bottom:0}
.policy_item table td{height:150px;padding:10px;vertical-align:middle}
.c_list table td{height:86px;padding:10px;vertical-align:middle}
.policy_item table .b_btn{display:block;margin-top:5px;padding:10px 0 6px;font-size:11px;line-height:1.5}

/* notice */
.notice_wrap{width:100%;padding:55px 0 110px;box-sizing:border-box;background-color:#fff}
.notice_item,.notice_info{width:100%;padding:15px 26px;border-bottom:1px solid #d8d8d8}
.notice_item .notice_txt{position:relative;width:100%;padding-right:30px}
.notice_item .notice_txt:before{content:"";display:inline-block;position:absolute;top:50%;right:0;width:12px;height:7px;margin-top:-4px;background:url(../img/notice_ico.png) no-repeat;background-size:12px 7px;transform:rotate(0deg);transition:all 0.3s ease}
.notice_item .notice_txt.active:before{transform:rotate(180deg)}
.notice_item .notice_txt p,.notice_item .notice_txt span,.notice_info p{display:block;font-family:notokrregular;font-size:13px;color:#272932;letter-spacing:-1px;line-height:1.5}
.notice_item .notice_txt span,.notice_info p{margin-top:10px;font-size:11px;color:#8c8c8c}
.notice_info{background-color:#f0f0f0}

/* calender */
.cal_wrap{width:100%;padding:55px 0 0;box-sizing:border-box;background-color:#fff}
.cal_top{position:fixed;top:55px;z-index:999;width:100%;padding:14px 10px 10px;background-color:#f7f7f7;border-bottom:1px solid #e2e2e2}
.cal_top ul{overflow:hidden}
.cal_top ul li{float:left;width:14%;font-family:notokrregular;font-size:14px;color:#272932;text-align:center;line-height:1.25}
.cal_top ul li.sun{color:#e23334}
.cal_top ul li.sat{color:#2a47bf}
.cal_comm{padding:100px 0 162px}
.cal_comm.tp1{padding:42px 0 162px}
.cal_item{padding:0 10px}
.cal_item ul{overflow:hidden}
.cal_item ul li{float:left;position:relative;width:14%;height:34px;margin:5px 0;text-align:center}
.cal_item ul li span,.cal_item ul li a{display:block;padding:12px 0 8px;font-family:notokrregular;font-size:13px;color:#272932;letter-spacing:-1px}
.cal_item ul li.month{width:150%;margin-top:22px;padding:22px 0 0 15px;height:auto !important;background-color:#fff !important;box-sizing:border-box;text-align:left;border-top:1px solid #e2e2e2}
.cal_item ul li.month:first-child{margin-top:0;border-top:0}
.cal_item ul li.month span{display:inline-block;padding:0;font-family:notokrbold;font-size:20px;font-weight:bold;line-height:1.25}
.cal_item ul li.past span,.cal_item ul li a.past{color:#ababab}
.cal_item ul li.today a{position:absolute;top:8px;left:50%;z-index:12;width:20px;height:20px;padding:4px 0 4px;margin-left:-10px;background-color:#f06625;color:#fff;border-radius:50%}
.cal_item ul li .rtype{position:absolute;top:29px;left:50%;width:38px;margin-left:-19px;z-index:1;padding:0;font-family:notokrregular;font-size:10px;letter-spacing:-1px;color:#ef6725}
.cal_item ul li .rtype.tp1{color:#58b0af}
.cal_item ul li .rtype.tp2{color:#e23334}
.cal_item ul li .rtype.tp3{color:#e19236}
.cal_item ul li .rtype.tp4{color:#ababab}
.cal_item ul li .rtype.tp5{color:#96a63d}
.cal_item ul li .rtype.tp6{color:#e23334}
.cal_item ul li .rtype .line{display:inline-block;width:1px;height:7px;margin:1px 2px 0;background-color:#b9b8b8}
.cal_item ul li.select{background-color:#fff !important}
.cal_item ul li.select a{position:absolute;top:auto;left:50%;z-index:19;width:34px;height:34px;margin-left:-17px;padding:12px 0 8px;background-color:#2a47bf;color:#fff;border-radius:50%}
.cal_item ul li.checkin:after,.cal_item ul li.checkout:after{content:"";background-color:#d4daf2;display:block;position:absolute;z-index:10;top:0;bottom:0}
.cal_item ul li.checkin:after{left:50%;right:0}
.cal_item ul li.checkout:after{left:0;right:50%}
.cal_item ul li.checkin ~ li{background-color:#d4daf2}
.cal_item ul li.checkout ~ li,.cal_item ul li.checkin.checkout:after{background-color:#fff}
.cal_foot{position:fixed;bottom:0;z-index:999;width:100%;background-color:#fff;border-top:1px solid #e2e2e2}
.cal_item ul li a .tooltip{position:absolute;z-index:10;left:50%;bottom: 51px;width:78px;margin-top:-6px;margin-left:-36px;padding:8px 0 10px;background:#eb3f31;text-align:center;border-radius:6px;transition:opacity 0.3s;box-shadow:0px 1px 6px rgba(0,0,0,0.3)}
.cal_item ul li a .tooltip.fadeOut{opacity:0}
.cal_item ul li a .tooltip .inner{position:relative;line-height:1}
.cal_item ul li a .tooltip .inner::after{content:'';display:block;width: 10px;height:10px;background:#eb3f31;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;bottom:-14px;left:50%;margin-left:-5px}
.cal_item ul li a .tooltip span{display:block;color:#fff;font-size:0.688rem;padding:0 0 5px;margin-bottom:8px;border-bottom:1px solid #f37c6f}
.cal_item ul li a .tooltip strong{color:#ffffff;font-size:0.813rem}
.cal_foot .cal_info{overflow:hidden;padding:12px 0 10px;text-align:center;border-bottom:1px solid #dcdcdc}
.cal_foot .cal_info p{font-size:13px;color:#272932;line-height:1.25;letter-spacing:-1px}
.cal_foot .cal_info p .line{display:inline-block;width:1px;height:11px;margin:2px 8px 0;background-color:#d9d9d9}
.cal_foot .cal_r{overflow:hidden}
.cal_foot .cal_r .c_check{float:left;width:50%;padding:16px 0 12px;text-align:center}
.cal_foot .cal_r .c_check:first-child{border-right:1px solid #dcdcdc}
.cal_foot .cal_r .c_check p{display:block;margin-bottom:6px;font-family:notokrregular;font-size:14px;color:#272932;letter-spacing:-1px}
.cal_foot .cal_r .c_check span{display:block;font-family:notokrbold;font-size:18px;font-weight:bold;color:#272932;letter-spacing:-1px}

/* list_a */
.alist_wrap{overflow:hidden;width:100%}
.alist_wrap li{overflow:hidden;position:relative;width:100%;height:185px;margin-bottom:10px;background-color:#000}
.alist_wrap li a{display:block;position:absolute;top:0;left:0;z-index:99;width:100%;height:185px;padding:56px 0;color:#fff;text-align:center}
.alist_wrap li a strong{display:block;font-size:20px;line-height:1.25;font-weight:normal;margin-bottom:8px}
.alist_wrap li a p,.alist_wrap li a span{font-size:12px;line-height:1.25}
.alist_wrap li a span{display:inline-block;width:92px;height:21px;margin-top:10px;line-height:23px;background-color:rgba(0,0,0,0.7);text-align:center}
.alist_wrap li a span em{font-size:12px;color:#f5da02;line-height:23px}
.alist_wrap li a span.tp1{width:148px}
.alist_wrap li img{width:100%;height:100%;opacity:0.7}
.alist_wrap li.tp1 a strong{margin-bottom:0}

/* rak */
.raklist{position:relative;margin-top:15px}
.raklist .intro_banner .banner_comm .banner-nav.disabled{display:block}
.raklist .intro_banner .banner_comm .banner-nav{position:fixed;top:71px;left:0;z-index:9999;width:100%}
.raklist .intro_banner .banner_comm .banner-nav button{display:inline-block;position:absolute;top:-9px;z-index:9999;padding:10px}
.raklist .intro_banner .banner_comm .banner-nav button.banner-prev{left:15px}
.raklist .intro_banner .banner_comm .banner-nav button.banner-next{right:15px}
.raklist .intro_banner .banner_comm .banner-nav button > span{display:inline-block;width:9px;height:16px;background:url(../img/img_comm.png) no-repeat;background-size:150px 150px}
.raklist .intro_banner .banner_comm .banner-nav button.banner-prev > span{background-position:-80px -120px}
.raklist .intro_banner .banner_comm .banner-nav button.banner-next > span{background-position:-90px -120px}
.raklist .intro_banner .banner_comm .banner-nav button > span{text-indent:-9999px}
.raklist .banner-dots{display:none}
.raklist_item ul{overflow:hidden}
.raklist_item ul li{float:left;width:50%;padding:0 5px;margin-bottom:10px;box-sizing:border-box}
.raklist_item ul li a{display:block;position:relative;width:100%;max-width:158px;height:224px;margin:0 auto}
.raklist_item ul li .rak_see{display:block;position:absolute;top:0;left:0;z-index:10;width:100%;max-width:158px;height:224px;background-color:rgba(0,0,0,0.5)}
.raklist_item ul li .rak_see_txt{display:block;position:absolute;top:50%;left:50%;z-index:11;width:72px;height:44px;margin-left:-36px;margin-top:-22px}
.raklist_item ul li .rak_see_txt strong{display:block;font-family:notokrregular;font-size:19px;color:#fff;letter-spacing:-1px;line-height:1.25;text-align:center}
.raklist_item ul li .rak_see_txt p{margin-top:5px;font-family:notokrregular;font-size:12px;color:#fff;line-height:1.25;letter-spacing:1px;text-align:center}
.raklist_item ul li .rak_mgz{display:block;width:100%;max-width:158px;height:224px;margin:0 auto;background:url(/common/images/common/norak.jpg) no-repeat center #fff;background-size:158px 225px}
.raklist_item ul li .rak_mgz img{width:100%;height:100%}
.raklist .top_btn{position:fixed}

/* brand list */
.blist_wrap{overflow:hidden;width:100%}
.blist_wrap li{overflow:hidden;position:relative;width:100%;height:155px;margin-bottom:10px;background-color:#000}
.blist_wrap li img,.blist_wrap li a{width:100%;height:100%}
.blist_wrap strong{display:inline-block;position:absolute;bottom:0;left:0;z-index:99;width:150px;padding:7px 0;background-color:rgba(0,0,0,0.6);font-family:notokrregular;font-size:14px;color:#fff;font-weight:normal;letter-spacing:-1px;line-height:1.25;text-align:center;box-sizing:border-box}
.brand_item_wrap{overflow:hidden;position:fixed;top:0;left:0;z-index:99;padding:75px 25px 20px}
.brand_item_wrap .banner_comm .banner-stage-outer{overflow:inherit}
.brand_item_wrap .banner_comm .banner-nav,.brand_item_wrap .banner_comm .banner-dots{display:none}
.brand_item_wrap .brand_item{overflow:hidden;position:relative;width:100%;padding:18px 20px;background-color:#fff;box-sizing:border-box}
.brand_item_wrap .brand_item strong{display:block;font-family:notokrbold;font-size:15px;color:#272932;line-height:1.25;letter-spacing:-1px}
.brand_item_wrap .brand_item img{width:100%;height:126px;margin:15px 0}
.brand_item_wrap .brand_info{overflow-y:auto}
.brand_item_wrap .brand_info dl{overflow:hidden;position:relative;width:100%;margin-bottom:14px}
.brand_item_wrap .brand_info dt,.brand_item_wrap .brand_info dd{float:left;font-size:12px;color:#272932;letter-spacing:-1px;line-height:1.25}
.brand_item_wrap .brand_info dt{position:absolute;top:0;left:0;z-index:1;font-family:notokrbold}
.brand_item_wrap .brand_info dd{padding-left:50px;font-family:notokrregular}
.brand_item_wrap .brand_item p{position:absolute;bottom:70px;left:50%;z-index:1}
.brand_item_wrap .brand_item.tp1 p{bottom:20px}
.brand_item_wrap .brand_item button{position:absolute;bottom:20px;left:50%;z-index:1;height:40px;background-color:#ef6725;font-family:notokrregular;font-size:14px;color:#fff;text-align:center;vertical-align:middle}

/* popup_common */
.popupWrap,.resvOk{display:none}
.bg_dimmed{overflow:hidden;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background-color:rgba(0,0,0,0.7);transition:background 0.5s}
.popup_comm{display:block;position:fixed;top:50%;left:50%;width:290px;height:auto;z-index:9999;margin-left:-144px;margin-top:-107px;background-color:#fff;text-align:center}
.popup_cont{width:100%;text-align:center}
.popup_header{width:100%;padding:22px 0;border-bottom:1px solid #e3e3e3}
.popup_header strong{display:block;font-family:notokrbold;font-size:17px;color:#272932;letter-spacing:-1px}
.popup_item{width:100%;padding:24px 0 20px}
.popup_item p,.popup_item ul li,.popup_item p em{font-family:notokrregular;font-size:11px;color:#8c8c8c;line-height:1.25}
.popup_item p{display:block;margin-bottom:12px}
.popup_item p strong{display:block;color:#000;font-size:20px;line-height:1.25}
.popup_btn{overflow:hidden;width:100%}
.popup_btn button{float:left;width:50%;padding:24px 0 20px;background-color:#2a47bf;font-family:notokrbold;font-size:15px;color:#fff;font-weight:bold}
.popup_btn button:first-child{background-color:#bbb}
.popup_wrap{overflow-y:auto;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.popup_wrap .pop_header{overflow:hidden;position:fixed;top:0;z-index:100;width:100%;height:55px;padding:15px 0;background-color:#fff;border-bottom:1px solid #e5e5e5;text-align:center;box-sizing:border-box}
.popup_wrap .pop_header .h2_tit{display:inline-block;padding-top:4px;font-weight:bold;font-size:18px;color:#202020}
.popup_wrap .pop_header .close{display:inline-block;position:absolute;z-index:1;top:3px;right:0;padding:15px}
.popup_wrap .wrap_comm img{width:100%}
.popup_wrap .wrap_comm span img,.popup_wrap .wrap_comm table{width:100% !important}

/* main popup tp1 */
.mainpop .popup_comn{overflow:hidden;position:fixed;bottom:0;z-index:9999;width:100%;border-radius:20px 20px 0 0}
.mainpop .popup_header{padding:12px 0 8px;background-color:#1350a3;border-bottom-color:#5f88c1}
.mainpop .popup_header strong{font-size:25px;color:#fff;line-height:1.25}
.mainpop .popup_item{background-color:#fff;padding:24px 0 0}
#mainPop .popup_item .popup_txt{padding-bottom:25px}
#mainPop .popup_item .popup_txt span{font-family:notokrbold;font-size:20px;color:#1350a3;letter-spacing:-1px;line-height:1.25}
#mainPop .popup_item .popup_txt p{margin-top:10px;margin-bottom:0;font-family:notokrmedium;font-size:17px;color:#272932}
#mainPop .popup_item .popup_txt p.tp1{padding:0 10px;text-align:left}
#mainPop .popup_item .popup_txt p.tp1 i{font-style:normal}
#mainPop .pop_btn{width:100%;border-top:1px solid #e3e3e3}
#mainPop .pop_btn button{position:relative;width:100%;padding:15px 0;background-color:#fff;font-family:notokrbold;font-size:18px;color:#272932;letter-spacing:-1px;text-align:center}
#mainPop .pop_btn button:before{content:"";display:inline-block;position:absolute;top:15px;right:50%;z-index:1;width:15px;height:15px;margin-right:-34px;background:url(../img/img_comm.png) no-repeat;background-size:150px 150px;background-position:-19px -19px}

/* main popup tp2*/
.mainpop02{position:fixed;top:0;left:0;z-index:998;width:100%;height:100%;text-align:center}
.mainpop02 .popup_cont{overflow-y:scroll;height:100%}
.mainpop02 .popup_comn.tp1{overflow:initial;display:block;width:100%;background-color:#fff}
.mainpop02 .popup_comn.tp1 .popup_img img{width:100%;height:100%}
.mainpop02 .popup_comn.tp1 .mpop_close{display:inline-block;position:absolute;top:-40px;left:0;z-index:9999;width:25px;height:25px;padding:20px;background:url(../img/popup_close.png) no-repeat center;background-size:25px;text-indent:-9999px;cursor:pointer}
.mainpop02 .popup_comn.tp1 p:before{content:'';display:none}
.mainpop02 .popup_comn.tp1 .popup_item{overflow:hidden;position:relative;padding:0;text-align:center}
.mainpop02 .popup_comn.tp1 .popup_item .popup_text h2{padding:20px 0 18px;line-height:22px;font-family:notokrbold;font-size:18px;color:#272932;letter-spacing:-1px;font-weight:bold;border-bottom:1px solid #e2e2e2}
.mainpop02 .popup_comn.tp1 .popup_item .popup_text .text_detail{width:100%;padding:20px}
.mainpop02 .popup_comn.tp1 .popup_item .popup_text .text_detail .tal{text-align:left}
.mainpop02 .popup_item.tp2 .popup_text .text_detail p{text-align:left;word-break:keep-all}
.mainpop02 .popup_comn.tp1 .popup_item .popup_text .text_detail p, .mainpop02 .popup_comn.tp1 .popup_item .popup_text .text_detail em{margin:0;line-height:18px;font-family:notokrregular;font-size:14px;color:#8c8c8c;text-align:left;letter-spacing:-1px}
.mainpop02 .popup_comn.tp1 .popup_item .popup_text .text_detail p{word-break:keep-all}
.mainpop02 .popup_comn.tp1 .popup_item .popup_text .text_detail p strong{color:#ca5f51}
.mainpop02 .popup_comn.tp1 .popup_item .popup_text .text_detail strong{display:block;margin-bottom:10px;line-height:18px;font-family:notokrbold;font-weight:bold;font-size:14px;color:#8c8c8c;text-align:left;letter-spacing:-1px}
.mainpop02 .popup_comn.tp1 .popup_text button{position:absolute;left:0;bottom:0;width:100%;height:45px;background-color:#4e3a33;line-height:47px;text-align:center;font-family:notokrregular;font-size:16px;color:#fff}
.mainpop02 .mp_banner_comm,.mainpop02 .mp_banner_comm .banner-item{position:relative;-webkit-tap-highlight-color:transparent}
.mainpop02 .mp_banner_comm.banner-loaded{display:block;position:relative;width:100%;height:100%;z-index:99}
.mainpop02 .mp_banner_comm .banner-stage-outer{overflow:hidden;position:relative}
.mainpop02 .mp_banner_comm .banner-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.mainpop02 .mp_banner_comm.banner-drag .banner-item{-ms-touch-action:pan-Y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.5}
.mainpop02 .mp_banner_comm.banner-drag .banner-item.active{opacity:1}
.mainpop02 .mp_banner_comm .banner-item{overflow:hidden;float:left;min-height:1px}
.mainpop02 .mp_banner_comm .banner-nav button > span{text-indent:-9999px}
.mainpop02 .mp_banner_comm .banner-nav button > span,.mainpop02 .banner-dots{display:none}
.mainpop02 .mp_banner_comm .banner-nav.disabled{display:none}
.mainpop02 .banner-dots{overflow:hidden;display:block;position:absolute;bottom:84px;left:50%;z-index:999}
.mainpop02 .banner-dot{float:left;display:inline-block;margin-left:5px}
.mainpop02 .banner-dot:first-child{margin-left:0}
.mainpop02 .banner-dots span{display:inline-block;width:15px;height:15px;background-color:#e7e7e7;border-radius:50%}
.mainpop02 .banner-dot.active span{background-color:#2a47bf}
.mainpop02 .popup_comn p.popup_num{position:absolute;top:-26px;right:10px;z-index:999;margin:0;font-size:12px;color:#fff}
.mainpop02 .popup_btn{position:fixed;bottom:0;left:0;z-index:99}

/* info popup */
#infoPop{display:none}
#infoPop .popup_comn,#infoPop .popup_cont{text-align:left}
#infoPop .popup_header{position:relative;text-align:center}
#infoPop .popup_header strong{font-size:18px}
#infoPop .popup_header .close{display:inline-block;position:absolute;top:24px;right:50%;z-index:1;width:15px;height:15px;margin-right:-148px;background-position:-135px -20px;text-indent:-9999px}
#infoPop .popup_item{overflow-y:auto;height:380px;padding:15px 24px}
#infoPop .popup_item strong,#infoPop .popup_item span{font-family:notokrbold;font-size:12px;letter-spacing:-1px}
#infoPop .popup_item strong{color:#1350a3;line-height:1.5}
#infoPop .popup_item span{display:block;margin:12px 0 5px;color:#272932;line-height:1.25}
#infoPop .popup_item p,#infoPop .popup_item ul li{font-family:notokrregular;font-size:12px;color:#272932;line-height:1.5;letter-spacing:-1px}
#infoPop .popup_item p{margin-bottom:0}
#infoPop .popup_item ul li{position:relative;padding-left:5px}
#infoPop .popup_item ul li:before{content:"\002D";position:absolute;top:0;left:0;z-index:1}
#infoPop .popb_list{overflow:hidden;width:100%}
#infoPop .popb_list button{float:left;width:50%;padding:15px 0;font-family:notokrbold;font-size:17px;color:#fff;background-color:#1350a3;text-align:center;letter-spacing:-1px}
#infoPop .popb_list button:first-child{background-color:#3aabd0}

/* use popup */
#usePop .popup_comm{margin-top:-235px}
#usePop .popup_comm,#usePop .popup_cont{text-align:left}
#usePop .popup_header{padding:18px 25px 14px;background-color:#f9f9fa}
#usePop .popup_header strong{font-size:15px}
#usePop .popup_item{padding:15px 25px}

/* agree popup */
#agreePop .popup_comm{margin-top:-135px}
#agreePop .popup_comm,#agreePop .popup_cont{text-align:left}
#agreePop .popup_header{text-align:center}
#agreePop .popup_item{padding:22px 25px}
#agreePop .popup_item p{position:relative;padding-left:10px;margin-top:15px}
#agreePop .popup_item p:before{content:"\203B";display:inline-block;position:absolute;top:0;left:0;z-index:1}

/* cnumPop */
#cnumPop .popup_item{padding:22px 25px}
#cnumPop .popup_item p em{line-height:1.25}
#cnumPop .popup_btn button:first-child{float:none;width:100%;background-color:#2a47bf}

/* contect popup */
.cntpop{display:none}
.cntpop .cntpop_wrap{position:absolute;top:50%;left:50%;z-index:9999;width:230px;margin-left:-115px}
.cntpop .cnt_close{position:absolute;top:-40px;right:0;z-index:9999;display:block;width:46px;height:46px;background-position:-104px -95px;text-indent:-9999px}
.cntpop .cnt_list{display:none;width:100%}
.cntpop .cnt_list li{margin-top:20px}
.cntpop .cnt_list li a{display:block;width:100%;padding:24px 0 22px;background-color:rgba(0,204,220,0.7);line-height:1.25;font-size:20px;font-weight:bold;letter-spacing:-1px;color:#fff;text-align:center;word-break:keep-all}

/* popup add 200727 */
.mainpop02 .popup_comn.tp1 .popup_item .popup_text .text_detail.tp1{padding:10px}
.mainpop02 .popup_comn.tp1 .popup_item .popup_text .text_detail.tp1 th,.mainpop02 .popup_comn.tp1 .popup_item .popup_text .text_detail.tp1 td{padding:10px 5px;font-size:12px;vertical-align:middle}
.mainpop02 .popup_comn.tp1 .popup_item .popup_text .text_detail.tp1 th{background:#8a8b97;color:#fff}
.mainpop02 .popup_comn.tp1 .popup_item .popup_text .text_detail.tp1 td{border-bottom:#8a8b97 solid 1px}
.mainpop02 .popup_comn.tp1 .popup_item .popup_text .text_detail.tp1 table{width:100%}
.popup_btn.tp1 button{width:100%}
.popup_btn.tp1 button:first-child{background-color:#2a47bf}

/* index useinfo */
#mInfo{display:none;position:fixed;top:0;width:100%;height:100%;z-index:9999}
.m_info_wrap{position:relative;z-index:9999;width:100%;height:100%}
.m_info_wrap .m_item{position:absolute;z-index:9999}
.m_info_wrap .m_item.lr{top:60px;left:50%}
.m_info_wrap .m_item.ud{top:50%;left:40px;margin-top:-160px}
.m_info_wrap .m_item.clist{top:50%;right:40px;margin-top:5px}
.m_info_wrap .m_item span{display:block;position:relative;background-color:#fff}
.m_info_wrap .m_item.lr span{height:1px;margin-bottom:10px}
.m_info_wrap .m_item.lr span:before{content:"";display:inline-block;position:absolute;top:-4px;left:-10px;z-index:1;border-width:5px;border-style:solid;border-color:transparent #fff transparent transparent}
.m_info_wrap .m_item.lr span:after{content:"";display:inline-block;position:absolute;top:-4px;right:-10px;z-index:1;border-width:5px;border-style:solid;border-color:transparent transparent transparent #fff}
.m_info_wrap .m_item.ud span{width:1px;height:320px}
.m_info_wrap .m_item.ud span:before{content:"";display:inline-block;position:absolute;top:-10px;left:-4px;z-index:1;border-width:5px;border-style:solid;border-color:transparent transparent #fff transparent}
.m_info_wrap .m_item.ud span:after{content:"";display:inline-block;position:absolute;bottom:-10px;left:-4px;z-index:1;border-width:5px;border-style:solid;border-color:#fff transparent transparent transparent}
.m_info_wrap .m_item.clist span{display:inline-block;width:19px;height:1px}
.m_info_wrap .m_item.clist span:after{content:"";display:inline-block;position:absolute;top:-4px;right:-10px;z-index:1;border-width:5px;border-style:solid;border-color:transparent transparent transparent #fff}
.m_info_wrap .m_item p{font-family:notokrregular;font-size:12px;color:#fff;text-align:center;line-height:1.5}
.m_info_wrap .m_item.clist p,.m_info_wrap .m_item.ud p{position:absolute;top:50%;z-index:1;width:70px;margin-top:-35px}
.m_info_wrap .m_item.clist p{right:22px}
.m_info_wrap .m_item.ud p{left:10px}
.m_info_wrap .b_btn{position:fixed;bottom:0;z-index:9999}

/* statusbar */
.statusbar-overlay{background:#2a47bf}

/* common */
.view_dis2{overflow:hidden;touch-action:none}
.view_dis{overflow-x:hidden;user-select:none;touch-action:pan-y;-webkit-user-drag:none}
.view_is{touch-action:pinch-zoom}
.screen_out{overflow:hidden;position:absolute;border:0 !important;width:0;height:0;line-height:0;text-indent:-9999px}
.side_on{overflow:hidden;width:100%;height:100%}
.tac{text-align:center}
.tar{text-align:right}
.ofh{overflow:hidden}
.ofh_tp1{overflow:hidden;position:fixed;top:0;z-index:1}
.img_comm{background-image:url(../img/img_comm.png);background-repeat:no-repeat;background-size:150px 150px}
.wrap_comm{width:100%;padding:55px 15px 110px;box-sizing:border-box;background-color:#fff}
.wrap_comm.tp1{padding:55px 15px}
.wrap_comm.tp2{padding:103px 15px}
.wrap_comm.tp3{padding:70px 15px 110px}
.wrap_comm.tp4{padding:70px 15px 148px}
.wrap_comm.tp5{padding:70px 15px 0}
.wrap_comm.st1{overflow:hidden}
.wrap_comm.st2{padding:103px 10px;background-color:#f0f0f0}
.h_tit{font-weight:bold;font-size:18px;color:#fff}
.sub_tit{display:block;font-family:notokrregular;font-size:20px;color:#272932;letter-spacing:-1px;font-weight:normal;line-height:1.25}
.sub_tit span{font-family:notokrbold;font-weight:bold}
.sub_tit.tp1{font-size:13px}
.sub_tit.tp2{font-family:notokrbold;font-size:17px;font-weight:bold}
.detail_tit{display:block;font-family:notokrbold;font-size:14px;color:#272932;font-weight:bold;letter-spacing:-1px}
.detail_tit.tp1{font-size:12px}
.detail_txt{font-family:notokrregular;font-size:12px;color:#8c8c8c;letter-spacing:-1px;line-height:1.25}
.detail_txt.tp1{color:#272932}
.detail_txt.tp2{line-height:1.5}
.close .img_comm{display:inline-block;width:20px;height:20px;background-position:0 -20px;text-indent:-9999px}
.close.tp1 .img_comm{background-position:-115px -20px}
.lock{display:block;width:44px;height:58px;margin:0 auto 15px;background-position:0 -82px}
.caution{position:relative;padding-left:8px;line-height:16px;font-size:11px;color:#8c8c8c;word-break:keep-all}
.caution:before{content:"";display:inline-block;position:absolute;top:7px;left:0;z-index:1;width:2px;height:2px;background-color:#8c8c8c;border-radius:50%}
.fcr{color:#e23334 !important}
.fcy{color:#faab00}
.caution.fcr:before{background-color:#e23334 !important}
.bg_type{background-color:#f0f0f0}
.fwb{font-weight:bold}
.pt15{padding-top:15px}
.pt50{padding-top:50px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb40{margin-bottom:40px}
.mt8{margin-top:8px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt35{margin-top:35px}
.mt50{margin-top:50px}
.link_comm{display:inline-block;position:absolute;z-index:1}
.link_comm .img_comm{display:inline-block;text-indent:-9999px}
.link_comm.prev{top:3px;left:10px;padding:15px}
.link_comm.next{top:3px;right:10px;padding:15px}
.link_comm.prev .img_comm{width:10px;height:19px;background-position:-34px -20px}
.link_comm.next .img_comm{width:10px;height:19px;background-position:-45px -20px}
.b_btn{width:100%;padding:22px 0 18px;background-color:#ef6725;font-family:notokrregular;font-size:17px;color:#fff;font-weight:bold;text-align:center}
.b_btn.tp1{position:fixed;bottom:0;z-index:888}
.b_btn.tp2{padding:17px 0 13px;font-weight:normal;font-size:14px}
.b_btn.tp3{position:fixed;bottom:97px;z-index:888}
.b_btn.st1{background-color:#8a8b97}
.b_btn.st2{padding:14px 0 10px;background-color:#fff;color:#8a8b97;border:1px solid #8a8b97}
.b_btn.st3{position:absolute;left:0;bottom:0;background-color:#1350a3}
.b_btn.st3.tp4{position:fixed;background-color:#ef6725}
.b_btn.tp2.st4{background-color:#1350a3;font-size:16px;letter-spacing:0}
.b_btn.st3.tp5{background-color:#8a8b97}
.pbtn{width:100%;padding:22px 0 18px;background-color:#1350a3;font-family:notokrbold;font-size:15px;color:#fff;text-align:center}
.c_btn{width:85px;padding:10px 0 6px;font-family:notokrregular;font-size:12px;color:#8a8b97;text-align:center;border:1px solid #8a8b97}
.no_list{width:100%;padding-top:87px;text-align:center}
.no_list.tp1{padding-top:72px}
.no_list.tp2{padding-top:32px;padding-bottom:117px}
.no_list.tp3{position:absolute;top:50%;left:50%;width:118px;margin-top:-80px;margin-left:-59px;padding:0;}
.no_list i{display:block;width:42px;height:42px;margin:0 auto 15px;background-position:-106px -52px}

/* paging */
.page_wrap{display:block;width:100%;text-align:center;margin-top:20px}
.page_wrap .item_page{display:inline-block;height:30px;padding:0 9px;font-family:dotum,sans-serif;font-weight:bold;font-size:12px;color:#2a2a2a;line-height:30px;border:1px solid #fff}
.page_wrap .item_page.btn_np{border-color:#f0f0f0}
.page_wrap .item_page.active{background:#fff;border-color:#faab00;color:#faab00;cursor:pointer}
.page_wrap .item_page>a{display:block}
.page_wrap .item_page:hover>a{color:#fff}
.page_wrap .item_page:first-of-type{margin-left:0}
.item_page > span{vertical-align:middle;}
.page_wrap .img_comn{display:inline-block;position:relative;top:0;height:8px;text-indent:-9999px}
.page_wrap .img_comn.ico_pre{width:4px;background-position:-122px -25px}
.page_wrap .img_comn.ico_ppre{width:7px;background-position:-114px -25px}
.page_wrap .img_comn.ico_next{width:4px;background-position:-127px -25px}
.page_wrap .img_comn.ico_nnext{width:7px;background-position:-132px -25px}
.page_wrap .btn_next{margin-left:30px}
.page_wrap .btn_pre{margin-right:30px}