/* 360*640 해상도가 기본사이즈 입니다. */

html{font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,span,button,th,td,a,table{border:0;margin:0;padding:0;font-weight:normal;list-style-type:none}
body{margin:0;line-height:1.4}
img,a{border:0}
li,dd,dt,ul,ol{list-style-type:none}

@media (max-width:360px){html{font-size:62.5%;}}
@media (min-width:361px) and (max-width:399px){html{font-size:64.5%;}}
@media (min-width:400px) and (max-width:439px){html{font-size:66.5%;}}
@media (min-width:440px) and (max-width:479px){html{font-size:68.5%;}}
@media (min-width:480px) and (max-width:519px){html{font-size:70.5%;}}
@media (min-width:520px) and (max-width:559px){html{font-size:72.5%;}}
@media (min-width:560px) and (max-width:599px){html{font-size:74.5%;}}
@media (min-width:600px) and (max-width:639px){html{font-size:76.5%;}}
@media (min-width:640px) and (max-width:679px){html{font-size:78.5%;}}
@media (min-width:680px) and (max-width:719px){html{font-size:80.5%;}}
@media (min-width:720px) and (max-width:759px){html{font-size:82.5%;}}
@media (min-width:760px) and (max-width:799px){html{font-size:84.5%;}}
@media (min-width:800px) and (max-width:839px){html{font-size:86.5%;}}
@media (min-width:840px) and (max-width:879px){html{font-size:88.5%;}}
@media (min-width:880px){html{font-size:100%;}}

.space5{clear:both;position:relative;height:5px}
.space10{clear:both;position:relative;height:10px}
.space15{clear:both;position:relative;height:15px}
.space20{clear:both;position:relative;height:20px}
.space30{clear:both;position:relative;height:30px}
.space40{clear:both;position:relative;height:40px}
.space50{clear:both;position:relative;height:50px}
.space55{clear:both;position:relative;height:58px}

.tap{background:#fff; width:100%;list-style-type:none;}
.tap li{float: left;padding:13px 0;text-align: center;width: 33.1%;font-size:1.4rem;font-weight:bold;background: #fff;border-bottom:1px solid #ccced1;border-right:1px solid #ccced1}
.tap li a,.tap .last a{color:#31363a;text-decoration: none;font-weight:bold}
.tap li a:active,.tap li a:hover,.tap .last a:active,.tap .last a:hover{color:#ff787e}
.tap .on{color:#ff6153 !important;border-bottom:5px solid #fd7377  !important;vertical-align: middle;margin-top:-4px}
.tap li .off{color:#adaeb0 !important;text-decoration: none;font-weight:bold;cursor:default}
.tap .last{float: left;padding:13px 0;text-align: center;width: 33.1%;font-size:1.4rem;font-weight:bold;background: #fff;border-bottom:1px solid #ccced1;border-right:0}

.my_info{position:relative;width: 100%;border:0;margin:0;padding:0;background: #eee}
.my_info tr{text-align: center;vertical-align:middle;width:100%}
.my_info .num{font-size:2.2rem;font-weight: bold;font-family: "Helvetica";letter-spacing: -.8px;color:#b1b1af;text-align: center; width: 15%;}
.my_info .box01{text-align: left; width: 15%;padding:10px 0;}
.my_info .box02{text-align: left; width:45%;}
.my_info .box02 dt{font-size:1.2rem;font-weight: bold;padding-left:8px;line-height:2}
.my_info .box02 dd{font-size:1.2rem;padding-left:8px}
.my_info .box03{width:25%;text-align:center}
.my_info td .score_box{width:80%;border:1px solid #b1b1af;background:#fff;}
.my_info td .score_box .num{font-size:2.6rem;font-weight: bold;font-family: "Helvetica";width:100%;color:#fd7377}
.my_info td .score_box .num span{font-size:0.8em;color:#afaeac}
.my_info td .score_box .grp01{background:#afaeac;width:100%;height:8px;}
.my_info td .score_box .grp02{background:#fd7377;height:8px;}
.my_info .pic{position:relative;float:left;width:75%;border:1px solid #b1b1af;padding:3px 3px 0 3px;background:#fff;text-align: center}
.my_info .pic img{position:relative;width:100%;margin:0 !important; padding:0 !important;}

.total_info{position:relative;width:auto;list-style-type:none}
.total_info .num_info{background:#afaeac;color:#fff;float:left;padding:6px 15px;margin-left:10px;border-radius:25px;font-size:1.2rem}
.total_info .txt{ float: right; padding:15px 15px 0 0;letter-spacing: -1px;font-size:1.1rem}
.total_info .txt01{font-size:1.2rem; padding:0 15px;line-height:1.5;letter-spacing: -1px;}
.total_info .txt02{border:1px solid #ccced1;width: 90%;font-size:1.2rem; padding:10px;line-height:1.5;letter-spacing: -1px;margin:0 auto}
.total_info .txt02 b{color:#fd7377;font-size:1.3rem}
.total_info .txt03{border-top:1px solid #ccced1;width: auto;font-size:1.2rem; padding:10px;line-height:1.8;letter-spacing: -1px;margin-top:15px;color:#3f80a5;font-weight: bold;}
.total_info .title{float:left;margin-left:2.5%;font-size:1.8rem;font-weight: bold;}
.total_info .right_box{ float: right;background:#afaeac;color:#fff;padding:5px 25px;margin-right:8px;border-radius:25px;text-decoration: none;font-size:1.2rem;font-weight: bold;}
.total_info .btn a{ float: right;background:#afaeac;color:#fff;padding:5px 18px;margin-right:8px;border-radius:25px;text-decoration: none;font-size:1.2rem}
.total_info .btn a:active,.total_info .btn a:hover{background:#ff6153;}
.total_info .btn .on{background:#ff6153;}

.event_list{position:relative;width: 96%;list-style-type:none;margin:0 auto}
.event_list li{border-bottom:1.5px solid #b1b8b7;background: #fff;padding:10px 0}
.event_list .not_li{border:0}

.event_list li table{width:100%;border:0;margin:0;padding:0}
.event_list li tr{text-align: center;vertical-align:middle;width:100%}
.event_list li td{;vertical-align:middle;}
.event_list li .num{font-size:2.2rem;font-weight: bold;font-family: "Helvetica";letter-spacing: -.8px;color:#b1b1af;text-align: center; width: 15%;}
.event_list li .box000{width: 50%;padding:0}
.event_list li .box01{width: 15%;text-align:center;}
.event_list li .box02{text-align: left; width:auto;}
.event_list li .box02 dt{font-size:1.4rem;font-weight: bold;padding-left:8px;line-height:2}
.event_list li .box02 dd{font-size:1.2rem;padding-left:8px;padding-bottom:4px}

.event_list li .box04{text-align: left; width:auto}
.event_list li .box04 dt{font-size:1.4rem;font-weight: bold;line-height:2;margin-left:-5px}
.event_list li .box04 dd{font-size:1.2rem;padding-bottom:4px;margin-left:-5px}

.event_list li .box03{width:25%;text-align:center;}
.event_list li .box03 .score_box{width:80%;}
.event_list li .box03 .score_box .num{font-size:2.6rem;font-weight: bold;font-family: "Helvetica";width:100%;color:#de573a}
.event_list li .box03 .score_box .num span{font-size:0.8em;color:#afaeac}
.event_list li .box03 .score_box .grp01{background:#afaeac;width:100%;height:6px;}
.event_list li .box03 .score_box .grp02{background:#de573a;height:6px;}
.event_list li .pic{position:relative;float:left;width:80%;height: auto;border:1px solid #b1b1af;padding:3px 3px 0 3px;margin-left:6px}
.event_list li .pic img{position:relative;width:100%;height: auto;text-align:center}
.event_list .box04{text-align: left; width:35%;font-size:1.2rem;text-align:center;}
.event_list .box05{text-align: left; width:50%;text-align:center;font-size:1.2rem}
.event_list .box06{width:15%;text-align:center}
.event_list .box06 img{width: 70%}
.event_list .box07{text-align: left; width:30%}
.event_list .box07 dt{font-size:1.2rem;font-weight: bold;padding-left:8px;line-height:2}
.event_list .box07 dd{font-size:1.2rem;padding-left:8px}
/*
.event_list .box00{width: 70%;text-align:center;padding:10% 0;font-size:1.2rem}
*/
.event_my_list{position:relative;width: 97%;list-style-type:none;text-align: center;padding:0 1.5%}
.event_my_list li{float: left;width: 30.5%;padding:0.548%;margin:0.548%;border:1px solid #b1b1af;font-size:1.2rem}
.event_my_list li img{position:relative;width:96%;margin-top:1.8% !important; padding:0 !important;}
.event_my_list table,.event_list table{width:100% !important;border-top:1.5px solid #afaeac;background: #fff;padding:10px 0}
.event_my_list table .box00,.event_list table .box00{text-align:center;padding:15% 0;font-size:1.2rem}
.event_my_list .end{position:relative;width:30.5%;}
.event_my_list .end img{width:96%;filter: url(grayscale.svg#greyscale);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: gray;-webkit-filter: grayscale(1);alpha(opacity=50);-ms-filter:alpha(opacity=50);opacity:.5}
.event_my_list .end .clear{position: absolute;width:94%;top:25%;left:3%;z-index: 2; -webkit-filter: grayscale(0%);opacity:1;z-index: 2;}

.vision_ent{position:relative;width: 100%;list-style-type:none;text-align: center;}
.vision_ent li{position:relative;padding:2%;border-bottom:1px solid #b1b1af}
.vision_ent li img{width: 98%;}
.vision_ent li .day{position: absolute;top:82%;right:5%;z-index: 2;color:#fff;font-size:1.2rem;text-decoration: none}
.vision_ent li .event_end{filter: url(grayscale.svg#greyscale);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: gray;-webkit-filter: grayscale(1);alpha(opacity=50);-ms-filter:alpha(opacity=50);opacity:.5}

/*개발 코드*/
.loader {width:100vw; height:99vh; display:table-cell; vertical-align:middle; text-align:center;}
.loader img{width:auto}
.truncate {max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.displayNone {display:none;}

/* 게시판 컨텐츠 */
#vision_ent{position:relative;margin: 0 2%;width:98%}
#vision_ent img{width: 98%}
#vision_ent.vision__event{width:100%;padding:0 15px;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#vision_ent.vision__event img{width:100%}

.tableset05{float:left;position:relative;width:100%;height:auto;border-top:2px solid #C4C6CB;margin:2% 0}
.tableset05 th{padding:0 1%;border:1px solid #E1E1E1;height:auto;line-height:2.8;font-weight:bold;vertical-align:middle;background:#F8F9FB;text-align:center;color:#666}
.tableset05 td{padding:0px 1%;border:1px solid #E1E1E1;line-height:2.5;vertical-align:middle;text-align:center}
.tableset05 caption{padding-bottom:2%;text-align:left}

/* 게시판 컨텐츠용 * 20130927 추가 */
.form02{position:relative;font-size:1.2rem}
.form02 b{font-weight:normal}
.form02 h1{padding-left:3.5%;background:url(../img/kor_b05.gif) no-repeat 0 8px;line-height:1.9;font-size:1.4rem;color:#373737;width:auto}
.form02 h2{margin-bottom:0;padding-bottom:5px;line-height:1.6;font-size:1.2rem;color:#5A5A5A;letter-spacing:-0.5px}
.form02 h2 b{color:#5A5A5A;font-weight:bold}
.form02 h3{margin-bottom:8px;padding-left:18px;background:url(../img/kor_b05.gif) no-repeat 0 7px;font-size:1.4rem;color:#555}
.form02 h4{font-size:1.2rem;display:block;padding-left:19px;background:url(../img/kor_b06.gif) no-repeat 6px 4px;line-height:1.8;color:#5A5A5A;}
.form02 h5{line-height:1.8;font-weight:normal;font-size:13px;color:#717171;letter-spacing:-0.5px}
.form02 table{width:100%;margin:0 auto}
.form02 h1 div{margin-left:10px;letter-spacing:0;display:inline;padding:5px 15px 5px 13px;vertical-align:top;border:1px solid #D5D5D5;font-size:12px;}
.form02 h1 div span{padding-right:10px}
.form02 h1 div b{font-weight:normal;color:#D91D2A;letter-spacing:0}
.form02 h6{margin-bottom:0;padding-bottom:5px;line-height:1.6;font-size:1.2rem;color:#5A5A5A;letter-spacing:-0.5px;}

.line{clear:both;position:relative;height:2px;margin:18px 0 18px 0;border-bottom:dotted 1px #D4D4D4}
.line00{position:relative;width:100%;margin:20px 0;border-bottom:1px solid #E1E1E1}
.line02{clear:both;position:relative;height:2px;margin:10px 0 12px;border-bottom:dotted 1px #E0E0E0}

.space5{clear:both;position:relative;height:5px}
.space10{clear:both;position:relative;height:10px}
.space15{clear:both;position:relative;height:15px}
.space20{clear:both;position:relative;height:20px}
.space30{clear:both;position:relative;height:30px}
.space40{clear:both;position:relative;height:40px}
.space50{clear:both;position:relative;height:50px}
.space55{clear:both;position:relative;height:58px}

.foot_btn{width: 96%;text-align:center;margin:2%;padding-bottom:20px}
.foot_btn a{color:#fff;text-decoration: none}
.foot_btn a .col00{width: 100%;background:#ff5c4f;line-height: 3.6;vertical-align:middle;font-size:1.4rem;;font-weight: bold;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}

/* 약관관련 */
table{clear:both;width:100%;border-collapse:collapse;border:0;table-layout:fixed}
.textbox01{border:0px solid #E6E6E6;font-family:"dotum","Arial","verdana","Helvetica"}
.textbox01 ul{padding:20px}
.textbox01 h1{margin:0;padding:5px 0;font-size:14px;line-height:2;color:#343536;font-weight:bold}
.textbox01 h1 a{margin:0;padding:5px 0;font-size:14px;line-height:2;color:#343536;font-weight:bold}
.textbox01 h1 a:hover{margin:0;padding:5px 0;font-size:14px;line-height:2;color:#343536;font-weight:bold}
.textbox01 h2{margin:0;padding:0 0 15px;background:none;font-size:13px;line-height:1.8;color:#4A4B4C}
.textbox01 a{color:#343536;text-decoration:none}

/* 2017-08-03*/
.t12 {font-size:1rem}


.content .chart{width:100%;height:auto;border:solid 1px #E1E1E1;font-family:gulim;font-size:12px;color:#666}
.content .chart .middle{vertical-align:middle}
.content .chart td{width:25% !important;padding:6px 10px;border:1px solid #E1E1E1;line-height:15px;word-wrap:break-word;word-break:break-all}
.content .chart .color{border:solid 1px #E1E1E1;background:#FBFBFB;font-weight:bold}
.content .chart .color01{border:solid 1px #E1E1E1;background:#fff;text-align:left;vertical-align:middle}
.content .chart .color02{border:solid 1px #9A9589;background:url(../img/score_bg02.gif) top left repeat-x #9d998d;color:#fff}
.content .chart th{padding:3px 10px;line-height:22px;color:#888;letter-spacing:-1px}
.content .chart.middle th{vertical-align:middle}
.content .chart.middle td{text-align:center;vertical-align:middle}
.content .chart .b{font-size:13px;color:#626262}

.right{text-align:right}
.text12{font-size:13px}
.space01{letter-spacing:-1px}
.space00{letter-spacing:0}
.content li{width:100%;margin:0 0 10px 0;line-height:1.6}
.content .btn_area{clear:both;padding:0;letter-spacing:-1px}
.content .btn_area div{float:right;padding-left:3px}

/* btn set */
.btn03{float:left;width:90px;height:32px;margin-left:1px;font-size:13px;background:#E46055;line-height:34px;color:#fff;text-align:center;cursor:pointer;font-family:gulim;font-weight:bold}
.btn03 a{display:block;height:32px;background:#CECECE;line-height:34px;color:#fff;font-family:gulim;font-weight:bold}
.btn03 a:hover{height:32px;background:#E46055;line-height:34px;color:#fff;font-family:gulim;font-weight:bold}

/* 변경 전 통합이용약관 보기 */
.totalSelectBox{margin-left:10px;margin-top:30px;padding-bottom:50px;}
.totalSelectBox select{padding:12px 28px 12px 16px;border:1px solid #1e1e1e;outline:none;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background:transparent url("../img/app/select_down.png") no-repeat 95% 50%;}
.totalSelectBox.on select{background:transparent url("../img/app/select_up.png") no-repeat 95% 50%;}

#terms{margin:0 10px;}