@charset "utf-8";


/* Reset */
* {
	font-family: 'Noto Sans KR', sans-serif, 'New Gulim'; 
}


html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object {margin:0;padding:0;}
html, body{height: 100%;}
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(218, 218, 218, 0.3);}
body{width:100%; background:#fff;  min-width:320px; letter-spacing:-0.5px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button{font-size:1em; font-family:'Noto Sans KR', sans-serif, 'New Gulim'; color:#333; background: #fff;}
ul,ol,li{list-style:none;}
table{border-spacing:0;border-collapse:collapse;font-size: 14px;}
pre{ font-size: 12px; white-space: pre-line; font-family:'Noto Sans KR', sans-serif, 'New Gulim'; }
table th{font-weight: 600;color: #333;}
img,fieldset{border:0;}
address,caption,cite,code,em{font-style:normal;font-weight:normal;}
em,address,i{font-style:normal;word-break:break-word}
img,input,select,textarea,button{ vertical-align: middle; }
select{height: 48px;}
label{vertical-align:middle; display: inline-block !important; }
caption,legend{line-height:0;font-size: 1px;overflow:hidden;}
hr{display:none;}
header,section,nav,hgroup,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:link,a:hover,a:active{text-decoration:none;}
input[readonly] { background: #F0F0F0 !important; }

/* Form */
input[type="text"]:disabled { background: #F0F0F0 !important; border-color: #ccc !important; }
input[type="checkbox"], input[type="radio"] {vertical-align: -4px; width: 18px !important; height: 18px !important; left:0 !important; top:60% !important; }
input[type="text"], input[type="password"] { padding: 3px; border: 1px solid #c9c9c9 !important; border-radius: 3px; background: #fff; }
input::-webkit-input-placeholder{color:#8f8f8f; font-size:14px; font-weight:normal; padding-top:2px;}
select { height: 26px; border: 1px solid #c9c9c9 !important; color: #333; padding: 4px 0 4px 8px; font-size: 13px; font-family: 'Noto Sans KR', sans-serif, 'New Gulim';border-radius: 3px; }
textarea { padding: 4px; color: #333; border: 1px solid #c9c9c9; font-family:'Noto Sans KR', sans-serif, 'New Gulim'; border-radius: 3px; }
textarea::-webkit-input-placeholder{color:#8f8f8f !important; font-size:14px; font-weight:normal;}

textarea:focus, input:focus, select:focus{outline: none;}
.ui-state-disabled{ opacity: 1 !important; }/*input disabled 투명도*/

input[type="checkbox"] { display: none; }
.ui-btn-icon-left:after { left: 0 !important; }
.ui-icon-check:after, html .ui-btn.ui-checkbox-on.ui-checkbox-on:after { background: url("/images/icon/icon_check_on.png") left center no-repeat !important; background-size: 18px !important; }
.ui-checkbox-off::after{ background:url("/images/icon/icon_check.png") no-repeat !important; background-size: 16px !important; width:16px !important; height: 16px !important; margin-top: -8px !important; border-radius: 0 !important; }

input{ height: 44px; border: 1px solid #c9c9c9 !important; border-radius: 5px !important; padding:0px 0px 0px 10px !important; }
select{ border: 1px solid #ddd !important; border-radius: 5px !important; padding:0px 0px 0px 15px !important; }

.ui-icon-carat-d:after{ background:url("/images/bl/arrow_slectBox.png") no-repeat !important; background-size: 16px !important; width:16px !important; height: 16px !important; margin-top: -8px !important; }
.ui-checkbox-off:after, .ui-btn.ui-radio-off:after { opacity: 1 !important; }

/* 접근성 */
.skip { display: block; position: absolute; left: -9999px; text-indent: 9999px; width: 0; height: 0; border: 0; overflow: hidden; font-size: 0; line-height: 0; white-space: nowrap } 
/*이미지대체텍스트*/
.ir_pm{display: block; position: absolute; left: -9999px; text-indent: 9999px; width: 0; height: 0; border: 0; overflow: hidden; font-size: 0; line-height: 0; white-space: nowrap}
.ellipsis{  text-overflow:ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; }

/* ********************/
/*text-style*/
strong{font-weight: 600 !important}
.text_sky{color: #1a90c0;}
.orange_txt{color: #fd4746;}
.notice_tit{text-align: left !important;color: red;font-weight: 600;}
.text_center{text-align: center;}

/*box-style*/
.gray_box{border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;background-color: #f3f3f3;padding: 1% 2%;}

/*btn-style*/
.btn { padding: 8px 0; color: #fff !important; font-weight: normal !important; display: inline-block; font-size: 1em; border-radius: 3px; text-align: center; display: block; width: 56px; }

.btn_gray { border: 1px solid #333; background: #4f4f4f;  }
.btn_gray01 { border: 1px solid #787878; background: #959595; }
.btn_gray02 { border: 1px solid #cdcdcd; background: #f8f8f8; }
.btn_blue { border: 1px solid #248ec0; background: #38a2d3; }
.btn_oran { border: 1px solid #df8900; background: #fba215; }
.btn_oran:active { border: 1px solid #d07f00; background: #ec9204; }
.btn_red { border: 1px solid #d73838; background: #e54b4b; }

.btn_gray_gra01{ border: 1px solid #cdcdcd; background: #f8f8f8; background:linear-gradient(#f8f8f8, #eeeeee);background:-webkit-linear-gradient(#f8f8f8, #eeeeee);background:-moz-linear-gradient(#f8f8f8, #eeeeee);background:-o-linear-gradient(#f8f8f8, #eeeeee); }
.btn_type { padding: 5px 10px !important; color: #fff !important; font-weight: 400 !important; display: inline-block; border-radius: 3px; background: #e54b4b; font-size: 13px; border: 1px solid #d73838; }

/* text Type */
.txtB { font-weight: bold }
.txtN { font-weight: normal }

/* Align Type */
.tL { text-align: left !important }
.tC { text-align: center !important }
.tR { text-align: right !important }
.vT { vertical-align: top !important }
.vM { vertical-align: middle !important }
.vB { vertical-align: bottom !important }
.fL { float: left !important }
.fR { float: right !important }
.fN { float: none !important }
.clear { overflow: hidden }
.clear2 { width: 100%; display: inline-block }
.clB{clear: both;}

/*percent*/
.w101{width: 101% !important;}
.w100{width: 100% !important;}
.w99{width: 99% !important;}
.w98{width: 98% !important;}
.w97{width: 97% !important;}
.w95{width: 95% !important;}
.w93{width: 93% !important;}
.w90{width: 90% !important;}
.w85{width: 85% !important; }
.w83{width: 83% !important;}
.w80{width: 80% !important;}
.w75{width: 75% !important;}
.w70{width: 70% !important;}
.w65{width: 65% !important;}
.w60{width: 60% !important;}
.w55{width: 55% !important;}
.w50{width: 50% !important;}
.w45{width: 45% !important;}
.w40{width: 40% !important;}
.w39{width: 39% !important;}
.w35{width: 35% !important;}
.w30{width: 30% !important;}
.w25{width: 25% !important;}
.w23{width: 23% !important;}
.w20{width: 20% !important;}
.w15{width: 15% !important;}
.w10{width: 10% !important;}
.w8{width: 8% !important;}
.w5{width: 5% !important;}

/* margin */
.mT30 { margin-top: 30px; }
.mT20 { margin-top: 20px; }
.mT10 { margin-top: 10px !important; }
.mT5 { margin-top: 5px; }
.mT0 { margin-top: 0 !important; }

.mB10 { margin-bottom: 10px; }

.mL0 { margin-left: 0 !important; }

/* padding */
.pT5 { padding-top: 5px !important; }
.p0 { padding: 0 !important; }

/* color */
.gray01{ color: #909090; }
.red { color: #db0816; }
.blue { color: #5077b8; }
.oran {color:#ff5400;}

/* border */
.bor_no{ border:none !important; }
.bor_t{ border-top:1px solid #ddd; }
.bor_b{ border-bottom:1px solid #ddd; }

/* header */
 div[data-role="header"] { position: fixed; width: 100%; z-index: 100; }
.header_wrap { position: relative; top: 0; left: 0; height: 60px; width: 100%;background: #fff; z-index: 3; border-bottom: 1px solid #ddd; }
.header_wrap h1 { text-align: center; }
.header_wrap h1 img{ width: 180px; margin-top: 0.4rem; }
.header_menu{ display: inline-block; position: absolute; top: 19px; left: 1.2rem; padding: 0 !important; width: 1.4rem; height: 1.4rem; background: url("/images/btn/btn_header_menu.png") 0 0 no-repeat; -webkit-background-size: 22px; background-size: 22px; }
.header_my{ display: inline-block; position: absolute; top: 19px; right: 1.2rem; padding: 0 !important; width: 1.4rem; height: 1.4rem; background: url("/images/btn/btn_header_mypage.png") 0 0 no-repeat; -webkit-background-size: 22px; background-size: 22px; }



/* footer */
.footer_corp{ padding-bottom: 1.5rem; background: #323232; text-align: center; font-size: 12px; border-top: 1px solid #ddd; }
/* sns */
.ft_sns_box{ display: flex; flex-wrap: wrap; justify-content: center; background: #414141; padding: 1rem 0; }
.ft_sns_box li{ margin: 0 5%; }
.ft_sns_box li img{ width:18px; }

.footer_menu{ line-height: 1.6; padding-top: 1.2rem; }
.footer_menu a{ color: #bbb; background: url('/images/bl/line_gray.gif') no-repeat left center; background-size: 1px; padding: 0 .4rem; font-size: 13px; font-weight: 400 !important; }
.footer_menu a:first-child{ background: none; padding-left: 0; }
.footer_menu a:hover{ color: #ddd !important; }
.footer_name{ padding-top: .6rem; }
.footer_name img{ width: 150px; }

/* 관련사이트 */
.dropbtn { width: 80% !important; background: #323232 url("/images/bl/arrow_site_gray.png") 94% center no-repeat !important; background-size: 13px !important; color: #999 !important; padding: .7rem 1.3rem !important; font-size: 13px !important; font-weight: 400 !important; border:1px solid #666 !important; margin: 0 !important; }
.dropup { width: 100%; position: relative; display: inline-block; margin: 1rem 0; }
.dropup-content { display: none; width: 80%; margin: 0 auto; background: #3f3f3f; z-index: 1; border:1px solid #666 !important; margin-top: -1px; position: absolute; left: 10%; }
.dropup-content a { color: #999; font-size: 13px; font-weight: 400 !important; padding: 12px 16px; text-decoration: none; display: block; border-bottom:1px solid #666; }
.dropup-content a:last-child{ border-bottom: none; }
.dropup-content a:hover { background: #2e2e2e; color:#999 !important; }
.dropup:hover .dropup-content { display: block; }
.dropup:hover .dropbtn { background: #2980B9; }

address{ margin: 10px 0 16px 0; }
address p{ color:#777; font-size: 12px; line-height: 1.4; margin-bottom: .3rem; }
address p:last-child{ margin-bottom: none; }



/* navi_panel */
.ui-panel{ width: 88% !important; }
.ui-panel-inner{ padding: 0 !important; box-shadow: rgba(0,0,0,0.7) 0 0 0 9999px; z-index: 100; }/*07.24수정*/
.ui-panel-dismiss-open { /* display: none !important;  */}
.nav_list_wrap{ height: 100vh; overflow-y: scroll; background: #fff; }/*07.24 수정*/
.nav_list{ position: relative; top: 0; left: 0; width: 100%; background: #dc1e26; z-index: 4; }
.nav_list .login_top{ display: inline-block; width: 100%; /*margin-bottom: .8rem;*/ }
.nav_list .login_text { padding: 1.6rem 1.2rem 1.6rem 1.2rem; background: url("/images/icon/icon_my.png") 1.2rem center no-repeat; background-size: 36px; }/*07.24 수정*/
.nav_list .login_text .top_info{ color: #fff; font-size: 16px; padding-left: 3rem; }
.nav_list .login_text .btn_close{ display: inline-block; position: absolute; top: 1.8rem; right: 1.2rem; width: 20px; height: 20px; background: url("/images/btn/btn_menu_close.png") right 0 no-repeat; -webkit-background-size: 20px; background-size: 20px; }

.nav_list .btn_login{ text-align: center; display: flex; justify-content: flex-end; margin-right: 1.2rem; margin-bottom: 0.8rem; }/*07.24 수정*/
.nav_list .btn_login li{ float: left; display: block; width: 4.2rem; border:1px solid #fff; border-radius: 5rem; padding: .2rem 0; }
.nav_list .btn_login li:hover{ background: #d5010a; }
.nav_list .btn_login li a{ display: block; color:#fff; font-size: 13px; font-weight: 400; }
.nav_list .btn_login li a:hover{ color:#fff; }
.nav_list .btn_login li:last-child{ margin-left: .4rem; }

.nav_list .top_link_box{ display: flex; border-top:1px solid #e4726b; }
.nav_list .top_link_box li{ width:33.333%; border-right: 1px solid #e4726b; text-align: center; }
.nav_list .top_link_box li:last-child{ border-right: none; }
.nav_list .top_link_box li a{ color:#fff; font-size: 13px; font-weight: 400; display: block; padding: .8rem 0; }
.nav_list .top_link_box li a:hover{ color:#fff; background: #d5010a; }
.nav_list .top_link_box li span{ display: flex; flex-direction: column; align-items: center; }
.nav_list .top_link_box li img{ width:22px; height: 22px; margin-bottom:.6rem; }


#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Noto Sans KR', sans-serif, 'New Gulim';
  font-size: 14px;
  position: relative;
}
#cssmenu {
  width: 100%;
}
#cssmenu a {
  line-height: 1.3;
}

#cssmenu > ul > li {
  background: #fff;
}
#cssmenu > ul > li:hover {
  background: #fff;
}
#cssmenu > ul > li > a {
  font-size: 16px;
  font-weight: bold;
  display: block;
  color: #333;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#cssmenu > ul > li > a:first-child { border-top: none; }
#cssmenu > ul > li > a > span {
  display: block;
  padding: 1rem 1.6rem;
}
#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active  {
  text-decoration: none; color:#222;
}

#cssmenu > ul > li.has-sub > a span {
  background: url('/images/btn/menu_open.png') 94% center no-repeat;
  background-size: 16px;
}
#cssmenu > ul > li.has-sub.active > a span {
  background: url('/images/btn/menu_fold.png') 94% center no-repeat;
  background-size: 16px;
}
/* Sub menu */
#cssmenu ul ul {
  display: none;
  background: #fff;
  /* border-right: 1px solid #a2a194;
  border-left: 1px solid #a2a194; */
}
#cssmenu ul ul li {
  padding: 0;
  border-bottom: 1px solid #ddd;
  border-top: none;
  background: #f8f8f8;
}
#cssmenu ul ul a {
  padding: .8rem 1.6rem;
  display: block;
  color: #555;
  font-size: 15px;
  font-weight: normal;
}
#cssmenu .site_link { margin-left: .4rem; }
#cssmenu .site_link img { width:.8rem; vertical-align: 0px; }
#cssmenu ul ul a:before {
  content: "－";
  /* content: "»"; */
  position: absolute;
  color: #555; font-size: 10px; top:14px;
}
#cssmenu ul ul a:hover {
  color: #444;
  font-weight: 500;
}
#cssmenu ul ul a span:first-child{ padding-left: 1.2rem; }

ol.n{ padding-left: 1rem !important; }
ol.n li{ list-style: decimal; }
li.style_no{ list-style: none !important; }

.ui-panel-dismiss-open { width: 0%; }

/* 회원탈퇴 */
.bottom_wiithdraw{ padding: 1rem 1.6rem; }/*07.24수정*/
.bottom_wiithdraw a{ font-size: 13px; color:#999; }/*07.24수정*/
.bottom_wiithdraw a:hover{ color:#999 !important; }/*07.24추가*/
.bottom_logout{ padding: 1rem 1.6rem; border-bottom: 1px solid #ddd; }/*07.24추가*/
.bottom_logout a{ font-size: 16px !important; color:#333; }/*07.24추가*/

.ui-loader{ display: none !important; }


/*pagination*/
.pagination_wrap{ text-align: center; margin: 1rem 0 3rem 0; display: inline-block; width: 100%; }
ul.pagination { display: flex; font-size: 14px; justify-content: center; align-items: center; }
ul.pagination li { float: left; margin: 0 6px; }
ul.pagination li:first-child{ margin-left:0; }
ul.pagination li a { color: #666; display: flex; justify-content: center; align-items: center; width:26px; height: 26px; }
ul.pagination li a:hover { text-decoration:underline;} 
ul.pagination li a.active { color:#ec1b30; font-weight:bold; background-color:#fff; }
ul.pagination li a.active:hover { color: #fff; margin: 3px; }
ul.pagination .btn_prevNext { margin: 0 5px; }
ul.pagination .btn_prevNext a{ border: none; background: none !important; }
ul.pagination .btn_prevNext img{ width:16px; height: 16px; } 





@media only screen and (max-width: 320px) {
  ul.pagination li { margin: 0 3px; }
  ul.pagination li a{width: 22px; height: 22px; }
}