@charset "utf-8";   
/* base */  
*  { -webkit-text-size-adjust:none;   } 



html	{ width:100%;}
body { width:100%; height:100%; font-family:'Noto Sans KR', sans-serif, 'Apple SD Gothic Neo', 'Dotum', '돋움', 'Gulim', '굴림', '굴림체','opensans', serif ;font-size:100%;}

a{cursor:pointer;} 
	
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, span, a, table, thead, tfoot, tbody, th, td, form, legend, label, input, textarea, address, strong, em, pre, q, abbr, acronym, cite, blockquote, object, iframe {margin:0; padding:0; }  
img, fieldset, hr {border:0; margin:0; padding:0;}
img {vertical-align:top; }
ul, ol {list-style-type:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
select, input, textarea { font-size:100%; vertical-align:middle;font-family:'Noto Sans KR', sans-serif, 'Apple SD Gothic Neo', 'Dotum', '돋움', 'Gulim', '굴림', '굴림체','opensans', serif ; outline:none;}
table {border-collapse:collapse; table-layout:fixed;}
address {font-style:normal;}
hr {clear:both; display:none;}
legend, caption {width:0; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}

/* link */
	
a{ text-decoration:none; color:#777777; outline:0; }
a:hover{ text-decoration:none; color:#02baf5;outline:0; }
a img{ border:none; }
a {selector-dummy: expression(this.hideFocus=true);}
a,img {selector-dummy: expression(this.hideFocus=true);}
a,img,input{selector-dummy: expression(this.hideFocus=true);}

/* float */
.FL {float:left;}
.FR {float:right;}
.clear {clear:both;content:"";display:block;}


/* font */
.fB {font-weight:bold;}
.text-r {text-align:right;}
.text-l {text-align:left;}
.text-c {text-align:center;}
.mar_t30 {margin-top:30px;}
.mar_b30 {margin-bottom:30px;}
.mar20 {margin:20px;}
.f_red {color:#ff3b3b;}
.f_red2 {color:#c41010;}
.f_blue {color:#00c4b4;}
.f_gray {color:#9f9f9f;}
.white_back {background:#fff;}
.point {color:#3482ec;}



/* Layout  */
body		 {width:100%; height:100%; min-width:320px;color:#282828;background:#fff;letter-spacing:-0.05em;} 
#wrapper	 {position:relative;background:#fff;padding:1.2em;letter-spacing:-0.05em;min-height:93%;} 
#wrapper_no	 {position:relative;letter-spacing:-0.05em;height:100%;} 
header {z-index:100;width:100%;padding:0;position:relative;}
h1 {font-size:110%;font-weight:bold;}
h2 {font-size:105%;}
h3 {font-size:100%;color:#626262;font-weight:bold;}
.tit_label{color:#626262;font-weight:bold;font-size:90%;margin-bottom:0.5em;display:block;}

.divider {display:block; height:1em; background:#e9eaed;}

/*checkbox 디자인*/
.check_box {position: relative;}
.check_box label{color:#626262;font-weight:bold;font-size:90%;}
.check_box input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
.check_box input[type="checkbox"] + label:before {content: ' ';display: inline-block;width: 1.3em;height: 1.3em;
line-height: 20px;margin: -2px 8px 0 0;text-align: center;vertical-align: middle;background:url(../img/img_uncheck.png) #fff no-repeat center/100% 100%;border: 2px solid #e0e1e3;
float: right}
.check_box input[type="checkbox"] + label:active:before,
.check_box input[type="checkbox"]:checked + label:active:before {background:url(../img/img_check.png) #fff no-repeat center/100% 100%; float: right; border:2px solid #3482ec;}
.check_box input[type="checkbox"]:checked + label:before {background:url(../img/img_check.png) #fff no-repeat center/100% 100%; float: right; border:2px solid #3482ec;}
.check_box:after{clear:both; display:block; content:""}


/*checkbox 디자인*/
.check_boxL {position: relative;}
.check_boxL label{color:#626262;font-weight:bold;font-size:90%;}
.check_boxL input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
.check_boxL input[type="checkbox"] + label:before {content: ' ';display: inline-block;width: 1.3em;height: 1.3em;
line-height: 20px;margin: -2px 8px 0 0;text-align: center;vertical-align: middle;background:url(../img/img_uncheck.png) #fff no-repeat center/100% 100%;border: 1px solid #e0e1e3;
float: left}
.check_boxL input[type="checkbox"] + label:active:before,
.check_boxL input[type="checkbox"]:checked + label:active:before {background:url(../img/img_check.png) #fff no-repeat center/100% 100%; float: left}
.check_boxL input[type="checkbox"]:checked + label:before {background:url(../img/img_check.png) #fff no-repeat center/100% 100%; float: left}
.check_boxL:after{clear:both; display:block; content:""}

input {font-size:95%;border:1px solid #e0e1e3; width:100%;padding:.6em 0.5em;
   -webkit-appearance: none; -webkit-border-radius: 0;}
input::placeholder{font-size:100%;letter-spacing:-0.03em;color:#909090;padding-right:0.3em;}

textarea {font-size:95%;border:1px solid #e0e1e3; width:100%;padding:.6em 0.5em;height:60%;}
textarea::placeholder{font-size:95%;letter-spacing:-0.05em;color:#909090}

.checks {position: relative;float:left;margin-right:1em;padding-bottom:0.8em;}
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0;  overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="radio"] + label {color:#626262; font-size:95%; display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 2; width: 18px; height: 18px; text-align: center; background: #fff; border: 1px solid #e0e1e3; border-radius: 100%; }
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="radio"]:checked + label:before { background: #fff; border-color: #e0e1e3; }
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 7px; left: 5px; width: 10px; height: 10px; background: #3482ec; border-radius: 100%; }

.checks:after{clear:both;display:block;content:""}

/**/
select {
padding: .7em .5em;
border: 1px solid #e0e1e3;
background: url('../img/ico_select_arrow.png') no-repeat right 9px center;
background-size:8px;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color:#999;
font-size:92%;
letter-spacing:-0.05em;
}

select::-ms-expand {
display: none;
}



/*버튼 디자인*/
.act_button {padding:0.8em 0;background:#3482ec;font-size:100%;font-weight:bold;letter-spacing:-0.05em;border:0px;border-radius:5px;width:100%;color:#fff;display:block;margin:0.8em 0;}
.dis_button {padding:0.8em 0;background:#fff;font-size:100%;font-weight:bold;letter-spacing:-0.05em;border:1px solid #3482ec;border-radius:5px;width:100%;color:#3482ec;display:block;margin:0.8em 0;}
.dis_button2 {padding:0.8em 0;background:#fff;font-size:100%;font-weight:bold;letter-spacing:-0.05em;border:1px solid #3482ec;border-radius:5px;width:100%;color:#3482ec;margin:0.8em 0;}

.s_button_g {border:1px solid #e0e1e3;color:#000;background:#f6f6f6;float:right;padding:0.65em 0.2em ;font-weight:bold;font-size:95%;letter-spacing:-0.05em;width:25%;}
.s_button_g:after{cleat:both;display:block;content:"";}
.s_button_m {border:1px solid #e0e1e3;color:#000;background:#f6f6f6;float:;padding:0.65em 0.2em ;font-weight:bold;font-size:95%;letter-spacing:-0.05em;width:25%;}
.s_button_m:after{cleat:both;display:block;content:"";}

.bottom_div {position:fixed;width:90%;bottom:0;}

.join_top {margin-bottom:1em;margin-bottom:0.5em;}
.join_top .logo {width:3.5em;}
.join_top .logo img {max-width:100%;}

.s_tit {background:#f6f6f6;border-top:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3;font-size:95%;color:#626262;font-weight:bold;padding:1em;}
.s_tit label{display:inline-block; border-radius:5px; background:#626262; color:#Fff;font-weight:normal; font-size:80%;padding:2px 8px;margin-right:0.5em;}

.main_cont {background:#fff;}
.cont {background:#fff;height:100%;}
.service_cont {background:#fafafa; border:1px solid #e0e1e3; height:18%;overflow:scroll;font-size:95%;margin:1em 0;padding:0.5em;}
.img_area {width:35%;text-align:center;margin:2em auto;}
.img_area img{max-width:100%;}

.join_form dt{font-size:90%;margin-bottom:0.5em;margin:0.5em 0;font-weight:bold;color:#626262;}
.join_form dl dd{margin:0.0em 0 0.5em 0;}
.join_form dl dd.id_ok {color:#000; font-size:110%;text-align:center;border-bottom:1px solid #e0e1e3;margin-top:2em;padding:0.5em;}
.join_form dl dd.info_txt {color:#000; font-size:100%;border-bottom:1px solid #e0e1e3;padding-bottom:0.5em;}

.join_out:before{clear:both; display:block;content:"";}
.join_out {margin:1em 0; text-decoration:underline; color:#909090;font-weight:bold; font-size:90%;text-align:center;width:100%;}

.out_cont {padding:1em 0;margin:1em;}
.out_cont ul { border-top:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3;padding:1em 0;margin-bottom:1em;font-size:90%;}
.out_cont li{letter-spacing:0.01em;line-height:1em;margin-bottom:1em;}

.notice_list ul li {padding:1em;border-bottom:1px solid #e0e1e3;font-size:100%;}
.date{font-size:90%; color:#909090;display:block;}
.notice_tit {padding:1em;border-top:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3;background:#fafafa;font-weight:bold;}
.notice_view {padding:1em;font-size:100%; color:#000;}
.pad {padding:1.2em;}

.pr_list ul li {padding:1em;border-bottom:1px solid #e0e1e3;font-size:100%;}
.pr_list ul li p{font-weight:bold;padding-bottom:0.5em;}
.pr_list ul li div{font-size:92%;color:#909090;}

.tv_list_tit {background:#3482ec;font-size:110%;color:#fff;font-weight:bold;text-align:center;
letter-spacing:-0.01em;font-family:lato;padding:1em;margin:0 auto;height:1.5em;position:relative;}
.tv_list_tit .arrow{width:1.5em;float:left;}
.tv_list_tit .arrow img{max-width:100%;}
.tv_list_tit .tv_date {float:left;margin:0 0.5em}
.tv_top:after {clear:both; display:block;content:""}
.tv_top {margin:0 auto;text-align:center;width:9em;}
.ico_date {width:1.3em;position:absolute;top:1.1em; right:1em}
.ico_date img{max-width:100%;}

table {border-top:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3;border-collapse: collapse;width:100%;}
td {padding:1em 0.8em; border-top:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3;position:relative;}
td:first-child {text-align:center;border-right:1px solid #e0e1e3;width:25%}
td.list_on {color:#3482ec;font-weight:bold;background:#f6f6f6}
td p {color:#626262}
td .btn_div{width:3.7em;position:absolute; right:0.5em; top:0.8em;}
td img{max-width:100%;}

.live_img {position:relative;margin:0 auto;background:#000;}
.ico_play{width:2.2em;position:absolute; top:50%; left:50%; margin-top:-1.1em; margin-left:-1.1em;}
.ico_play img{max-width:100%;}
.live_img img{max-width:100%;}
.live_txt {text-align:center; font-size:100%;padding:1.3em 0 1.2em 0;color:#000;position:relative;background:#fff;}
.live_txt p{color:#626262;font-size:90%}
.onair {position:absolute; width:5em;top:-1.2em;left:50%;margin-left:-2.5em;}
.onair img{max-width:100%;}

.minis_img {position:relative;background:#fff;width:100%;}
.minis_img img{max-width:100%;width:100%;}
.minis_txt {text-align:justify; font-size:90%; padding:1em;color:#626262}
.minis_txt h3{font-size:110%;color:#000;padding-bottom:0.5em;border-bottom:1px solid #e0e1e3;margin-bottom:0.5em;}

.banner_tv_list {background:#f4f8fe;margin:1em;padding:1em;border:1px solid #e0e1e3;height:2em;padding-top:1.3em;font-weight:bold;}
.ico_tv_view {width:1.2em;float:left; margin-right:0.5em;}
.ico_tv_list {width:1.8em;float:right;}
.banner_tv_list img{max-width:100%;}

.mission_list {padding:1em;}
.mission_list .list_img{width:30%;float:left;margin-right:1em;}
.mission_list .list_img img{max-width:100%;}
.mission_list dt{font-size:100%;}
.mission_list dd{font-size:90%;color:#626262}
.list_item {border-bottom:1px solid #e0e1e3;float:left;padding-bottom:1em;margin-bottom:1em;}
.list_item:after {cleat:both;display:block;content:"";}


.pray_img {position:relative;margin:0 auto;}
.pray_img img{max-width:100%;}
.pray_txt {position:absolute;top:35%;color:#fff;text-align:center;width:100%;}
.pray_tit {border-top:1px solid #fff;border-bottom:1px solid #fff;font-size:85%;opacity:0.8;}
.pray_txt p {font-size:100%;padding-top:0.5em;}
.btn_pray {padding:1em;font-weight:bold;border-top:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3;margin:0 auto;text-align:center;background:#fff;}
.icon img {width:0.5em;padding-top:0.4em;padding-left:0.3em;}

.pray_list {margin:1em;border:1px solid #e0e1e3;background:#fff;}
.p_list_tit {padding:0.9em;background:#f6f6f6;border-bottom:1px solid #e0e1e3;font-weight:bold;}
.p_list_tit img{width:1em;margin-right:0.5em;padding-top:0.1em;}
.p_list_cont {color:#626262;padding:1em;font-size:90%;}
.p_writer {margin-top:0.5em;font-size:90%;color:#909090}
.p_writer_1 {font-size:90%;color:#909090;margin-bottom:0.5em;}
.p_writer span{color:#d0d0d0;font-size:85%;padding:0 0.3em;}

.btn_p {padding:0.8em;font-weight:bold;border-top:1px solid #e0e1e3;margin:0 auto;text-align:center;background:#fff;font-size:90%;}
.btn_pray1 {width:49%;float:left;}
.btn_pray1 span{display:inline-block;padding:0 0.5em;color:#3482ec}
.btn_pray1 img{width:0.9em;margin-right:0.5em;padding-top:0.2em;}
.btn_reply {width:49%;float:right;}
.btn_reply span{display:inline-block;padding:0 0.5em;color:#3482ec}
.btn_reply img{width:1.2em;margin-right:0.5em;padding-top:0.2em;}
.btn_p .divider1 {color:#e0e0e0;font-weight:normal;}

.pray_view{border-top:1px solid #e0e1e3}
.p_view_cont {color:#626262;padding:1em;font-size:95%;background:#fff}

.btn_pray_v {padding:0 1em;color:#787878;background:#fff;padding-bottom:1em;}
.btn_pray_v span{display:inline-block;padding:0 0.2em;color:#3482ec}
.btn_pray_v img{width:0.9em;margin-right:0.5em;padding-top:0.2em;opacity:0.5}

.reply_cont { border-top:2px solid #e0e1e3; padding:1em;background:#fff}
.reply_tit {border-bottom:1px solid #e0e1e3;font-weight:bold;padding-bottom:1em;}
.re_writer {font-size:95%;font-weight:bold;}
.re_writer span{color:#909090;font-weight:normal;padding-left:0.5em;}
.reply_list {border-bottom:1px solid #e0e1e3;padding:1em 0em;font-size:95%;color:#626262}

.reply_write {background:#fff;border-top:1px solid #e0e1e3;float:left;
			width:100%;z-index:100;bottom:0;position:absolute;}
.btn_write {width:3em;float:right}
.btn_write img{max-width:100%;}
.reply_input {float:left;width:80%;}
.reply_input input {border:0px;width:100%;outline:none;}
.reply_write:after{clear:both; display:block; content:""}

.pray_write {padding:1em;}
.support_div {border-top:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3}
.support_cont {padding:1em;}
.s_txt {font-size:85%;opacity:0.8}
.mission_div {margin:1em;border:1px solid #e0e1e3;background:#fff;text-align:center;}
.mission_div .m_ico{width:4.7em; margin:0 auto;}
.mission_div .m_ico img{max-width:100%;}
.mission_div:after{clear:both; display:block; content:""}
.m_center{margin:0 auto;padding:1em;}
.m_center li{width:30%;display:inline-block;text-align:center;margin:0 auto;font-size:90%;letter-spacing:-0.1em;}
.m_center li span{display:block;}

.c_menu {}
.c_menu ul{width:100%;color:#626262}
.c_menu li{width:48%;display:inline-block;zoom:1;text-align:center;padding:1em 0;}
.c_menu .on{color:#3482ec;font-weight:bold;}
.c_menu .on span{border-bottom:2px solid #3482ec;padding-bottom:0.9em;}
.c_nav {padding:1em;color:#626262;font-size:90%;}
.c_nav span{color:#3482ec; font-weight:bold;}


.cinema_img {height:33%;position:relative;background-repeat:no-repeat;}
.cinema_img img{max-width:100%;}
.cinema_img .c_txt{color:red;text-align:center;position:absolute;bottom:3em;left:45%;color:#fff;font-weight:bold;width:55%;margin-left:-25%}
.s_on {width:1em;}
.s_off {width:0.5em;}
.slider {position:absolute;bottom:1em;left:50%; margin-left:-2em;}
.slider img{max-width:100%;}
.slider div{display:inline-block;}

.c_tit {padding:1em; font-size:100%; font-weight:bold;border-bottom:2px solid #e0e1e3;}
.c_tit div{width:0.5em;float:right;padding-top:0.4em;}
.c_tit div img{max-width:100%;}
.c_tit:after{clear:both;display:block;content:""}


.cinema_list_div {padding-left:0.5em;padding-bottom:1em;}
.scrolling-wrapper {width:100%;overflow-x:scroll;overflow-y:hidden;height:11em;white-space: nowrap;-webkit-overflow-scrolling: touch;padding:1em 0;}
.cinema_list{display: inline-block;margin:0 0.5em;width:7em;}
.cinema_list img{max-width:100%;border:1px solid #e0e1e3;margin-bottom:0.3em;}
.cinema_list h2 {font-size:90%;letter-spacing:-0.1em;color:#626262;}
.cinema_list h2 img{width:1em;border:0px;padding-top:0.3em;padding-right:0.1em;}

.cine_list{}

.scrolling-wrapper {
  &::-webkit-scrollbar {
    display: none;
  }
}

.cine_div{padding:1em 0.5em; }
.cine_div .cinema_list{margin-bottom:1em;width:26%;}
.cine_div .cinema_list h2{font-size:80%;}

.c_view{padding:1em;}
.c_level {width:1.5em;display:block;}
.c_level img {max-width:100%;}

.c_view_tit {font-weight:bold;}
.c_icon{padding:1em 0;}
.c_icon li{border:1px solid #e0e1e3;margin-right:-1px;background:#fcfcfc;display:inline-block;float:left;width:33%;text-align:center;padding:0.5em 0}
.c_icon div{width:1.7em;margin:0 auto;}
.c_icon div img{max-width:100%;}
.c_icon h3{font-weight:normal; font-size:65%;padding-top:0.4em;}
.c_icon span{display:inline-block;padding:0 0.5em;color:#3482ec;}
.c_icon:after{clear:both; display:block; content:""}
.c_view_info li {color:#626262;font-size:95%;}
.c_view_info li span{font-weight:bold;color:#000;display:inline-block;width:25%;}

.c_view_cont{padding:1em;font-size:90%; color:#626262;text-align:justify;margin-bottom:1em;}
.c_view_cont .c_vtit{padding-bottom:1em;border-bottom:1px solid #e0e1e3;font-weight:bold;margin-bottom:1em;font-size:110%;color:#000;}

.search_list{padding:1em; border-bottom:1px solid #eeeeee}
.search_list label{display:inline-block;padding:0.5em 1em;margin-right:0.2em; border-radius:3px;border:1px solid #e0e1e3;font-size:85%;color:#626262;}
.search_list label.on{color:#fff;background:#3482ec}

.join_tab{padding:0em 0 1em 0;}
.join_tab li{display:inline-block;font-size:90%;width:49%;text-align:center;border:1px solid #e0e1e3;zoom:1;padding:0.8em 0;float:left;border-bottom:1px solid #3482ec;color:#ccc;}
.join_tab li.on {border:1px solid #3482ec;font-weight:bold;color:#3482ec;}

.join_tab:after{clear:both; display:block;content:"";}

.login_top {margin-bottom:1em;margin-bottom:0.5em;z-index:100}
.login_top .logo {width:3.5em;margin-top:1em;}
.login_top .logo img {max-width:100%;}
.login_top h2{letter-spacing:-0.1em;font-size:100%;margin:1em 0;}
.login_cont {margin-top:5em;}

.login_cont input {padding:0.8em;}
.login_cont button {padding:0.8em;}

.login_cont .check_box {position: relative;margin:1em 0 2em 0;}
.login_cont .check_box label{color:#626262;font-weight:normal;font-size:90%;}
.login_cont .check_box input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
.login_cont .check_box input[type="checkbox"] + label:before {content: ' ';display: inline-block;width: 1.3em;height: 1.3em;
line-height: 20px;margin: -2px 8px 0 0;text-align: center;vertical-align: middle;background:url(../img/img_uncheck.png) #fff no-repeat center/100% 100%;border: 2px solid #e0e1e3;
float: left}
.login_cont .check_box input[type="checkbox"] + label:active:before,
.login_cont .check_box input[type="checkbox"]:checked + label:active:before {background:url(../img/img_check.png) #fff no-repeat center/100% 100%; float: left;border: 2px solid #3482ec}
.login_cont .check_box input[type="checkbox"]:checked + label:before {background:url(../img/img_check.png) #fff no-repeat center/100% 100%; float: left;border: 2px solid #3482ec}
.foot_txt {font-size:90%; text-align:center; color:#626262; margin-top:2em;}
.foot_txt span{font-size:80%; color:#ccc; padding:0 0.5em;}


.step_ui{padding:0em 0 0em 0;border-bottom:1px solid #3482ec;margin-bottom:1em;}
.step_ui li{display:inline-block;font-size:90%;width:23%;text-align:center;border:1px solid #e0e1e3;zoom:1;padding:0.8em 0;float:left;color:#ccc;border-bottom:0px;}
.step_ui li.on {border:1px solid #3482ec;font-weight:bold;color:#3482ec;border-bottom:0px;}
.step_ui:after{clear:both; display:block; content:""}