@charset "UTF-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css');
@import url('/css/default/notosanskr.css');
@import url('/css/default/NanumSquare.css');
@import url('/css/default/remixicon.css');

/* default definition */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea, dd{margin:0; padding:0;}
html{ overflow-y:scroll; /*overflow-x:hidden;*/}
/* html {overflow:hidden;}*/ /* 기본 스크롤 제거 */
body {/* overflow-x:hidden;*/ font-family:"Noto Sans KR", 'Nanum Gothic', '나눔고딕', sans-serif; font-size:16px; color:#656565; line-height:1.6;  position:relative; -webkit-text-size-adjust:none;  letter-spacing: -0.02em;} /* 대체 스크롤 생성 */
table, div {border-collapse:collapse;}
select, textarea, input, option, fieldset {font-family:"Noto Sans KR", 'Nanum Gothic', '나눔고딕', sans-serif;   font-size:15px; color:#656565; vertical-align:top;  line-height:1.5; }
input, select{vertical-align:middle;border:1px solid #ccc;padding:0; background:#fff; font-size:inherit; color:inherit;}
form, ul, ol, dl, table, div, h1, h2, h3 ,h4 {margin:0;padding:0;}
h1, h2, h3 ,h4, h5, h6{font-size:16px; text-decoration:none; font-weight:normal;}
img, fieldset {border:0; margin:0; padding:0; }
select, input, li, img {vertical-align:middle; }
ul, li, dl, dt, dd{list-style-type : none; vertical-align:middle; }
caption {text-indent:-5000px; line-height:0; font-size:0;}
legend{text-indent:-5000px; line-height:0; font-size:0; position:absolute;  top:0; left:0;}
hr{display:none;}
a {color:#656565;}
a:link {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none;}
a:visited {text-decoration:none;}
em {font-style:normal;}
b, strong {font-weight:700;}
.hidden{position:absolute;left:-999em;top:-999em;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.skip {position:absolute; left:0; top:-10000px; width:0; height:0; font-size:0; line-height:1; overflow:hidden;}
.blind {display: block;left: 0;overflow: hidden;position: absolute;top: -1000em;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
caption{display:none;}

/*skipNavigation*/
#skipNavigation a{position:absolute; left:0; top:0; overflow:hidden; display:block; width:0px; height:0px; text-align:center; color:#000; z-index:1000;}
#skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active {width:100%; height:auto; padding:5px 0; background:#02336b !important; color:#fff !important; font-weight:bold; border:1px solid #ddd; display:block;}

img,input{vertical-align:top;}
label{vertical-align:middle; font-size:14px;}
input{vertical-align:middle}
input[type="text"], input[type="password"]{-webkit-appearance:none}
/* input[type="checkbox"]{-webkit-appearance:none;-webkit-border-radius:0}
input:checked[type="checkbox"]{-webkit-appearance:checkbox} */
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
textarea{-webkit-appearance:none; }

/* html5 reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, canvas{display:block; margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}

/*정렬클래스*/
.of {overflow:hidden !important; width:100%;}
.fl {float:left !important;}
.fr {float:right !important;} 
.cl {clear:both !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important; overflow:hidden;}
.at {vertical-align:top !important;}
.am {vertical-align:middle !important;}
.ab {vertical-align:bottom !important;}
.dis_b {display:block;}
.dis_n {display:none;}


/*마진,패딩 클래스*/
.fl{float:left;}
.fr{float:right;}
.mt0 {margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt90{margin-top:90px !important;}

.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb90{margin-bottom:90px !important;}

.ml0 {margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml08{margin-left:8px !important;}
.ml09{margin-left:9px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml18{margin-left:18px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml44{margin-left:44px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml52{margin-left:52px !important;}

.mr0 {margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}

.pt0 {padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt90{padding-top:90px !important;}

.pb0 {padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}

.pl0 {padding-left:0px !important;}
.pl05 {padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}
.pl60{padding-left:60px !important;}
.pl65{padding-left:65px !important;}
.pl70{padding-left:70px !important;}
.pl75{padding-left:75px !important;}
.pl85{padding-left:85px !important;}
.pl95{padding-left:95px !important;}

.pr0 {padding-right:0 !important;}
.pr05 {padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}

.plr{padding:0px 10px;}

.star{
    background: url('/images/ico_review.png') no-repeat right 0;
    background-size: auto 100%;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    text-indent: -9999px;
    cursor: pointer;
}
.star.on{background-position:0 0;}

.viewImgDiv{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100000;
    transform: translate(-50%, -50%);
}
div.popup{position: absolute;left:50%; top: 50%;  z-index: 100000; transform:translate(-50%, -50%); }
div.popup div.event_bg{background:#fff; width: 800px; margin:0 auto; box-sizing:border-box; position:relative; padding:60px 20px 20px ; overflow-y:auto; height:635px;}
div.popup div.event_bg .btn_close{position:absolute; top:20px; right:20px; z-index:100;}
div.popup div.event_bg h4.tit{position:relative;height:40px; line-height:40px; margin-bottom:20px; font-size:24px; display:inline-block;}
div.popup div.event_bg h4.tit span{display:inline-block; background:#DA291C; color:#fff; height:40px; line-height:40px; padding:0 15px;}
div.popup div.event_bg .radio{display:block; margin:5px 0;}
div.popup div.event_bg .cont{height:500px; overflow-y:auto;}