@charset "utf-8";
@import url("../font.css");

/* Reset */
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;}
body {width:100%;height:100%;background:#fff;min-width:320px;letter-spacing:-1px;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {font-size:1rem;font-family:'Malgun Gothic','맑은 고딕',NanumGothic,'나눔고딕','Apple SD Gothic Neo','Noto Sans KR',sans-serif;color:#000;}
p,span,td,th,a {font-family:'Malgun Gothic','맑은 고딕',NanumGothic,'나눔고딕','Apple SD Gothic Neo','Noto Sans KR',sans-serif; font-weight:normal;}
ul,ol,li{list-style:none;}
table {border-spacing:0;border-collapse:collapse;}
img,fieldset {border:0;}
address,caption,cite,code,em {font-style:normal;font-weight:normal;}
img,input,select,textarea,button,label {vertical-align:middle;}
caption,legend {visibility:hidden;width:0;height:0;line-height:0;font-size:1px;overflow:hidden;}
hr {display:none;}
header,section,nav,hgroup,footer,aside,article,figure {display:block;}
.hide {visibility:hidden;position:absolute;overflow:hidden;text-indent:-9999px;}
.hand {cursor:pointer; cursor:hand;}
.pointer {cursor: pointer;}
.img img {width:100%;}
.none{display:none;}
.hidden{visibility:hidden;}

a, a:link {color:#333; text-decoration:none;}
a:hover {text-decoration:none;color:#000;}
a.white:link 	{color: #fff; text-decoration: none;}
a.white:hover {color: #fff; text-decoration: none; cursor:pointer;}
a.blue:link 		{color: #3399ff; text-decoration: none;}
a.blue:hover 	{color: #FF6600; text-decoration: none;}

.mt03 {margin-top:3px;}
.mt05 {margin-top:5px;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mr05 {margin-right:5px !important;}
.bld {font-weight:bold;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.black {color:#333;}
.green {color:#228d17;}
.red {color:#ed4f01;}
.darkred {color:#a82d2d;}
.gray {color:#a6a6a6;}
.orange {color:#e86404;}
.blue{color:#03c;}
.bluesky{color:#507ABB;}
.darkblue{color:#2D5797;}
.pink{color:#b42a5b;}
.darkpink{color:#a12d56;}
.olive {color:#655800;}
.purple {color:#bb3c8c;}

.lbl {padding:4px 6px 6px 32px !important; border:0 !important; font-weight:normal !important;} /*label 공통*/
.left {text-align:left !important;}

/*플룻해제 정의*/
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

::placeholder{font-size:0.8125rem;color:#b5b5b5}
::-webkit-input-placeholder{font-size:0.8125rem;color:#b5b5b5}
::-moz-placeholder{font-size:0.8125rem;color:#b5b5b5}
:-moz-placeholder{font-size:0.8125rem;color:#b5b5b5}
::-ms-input-placeholde{font-size:0.8125rem;color:#b5b5b5}
:-ms-input-placeholder{font-size:0.8125rem;color:#b5b5b5}

/* Layout */
#header {position:relative;background:#fff;text-align:center;margin:5px 0 8px 0;}
#header h1 a {display:inline-block; width:96px; height:30px;}
#header .home {position:absolute;top:10px;left:10px;display:inline-block;width:22px;height:27px;overflow:hidden;text-indent:-9999px;
background:url('../../imgs/mobile/home_icon.gif') no-repeat left top;background-size:100%; }
#header .menu {position:absolute;top:10px;right:10px;display:inline-block;width:22px;height:25px;overflow:hidden;text-indent:-9999px;
background:url('../../imgs/mobile/menu_icon.gif') no-repeat left top;background-size:100%; }
#header .not {display:none;}

.header_top{position:relative; background:url('../../imgs/mobile/header_bg.jpg') repeat-x left top; height:32px; color:#fff;}
.header_top .txt{font-size:12px;line-height:100%;font-family:'나눔고딕',NanumGothic;padding:9px 0 0 8px; background:url('../../imgs/mobile/txt_bullet.gif') no-repeat left 10px; margin-left:10px;}
.header_top .txt .name{color:#ffcc01;}
.header_top a.btn_login{position:absolute;top:5px;right:5px;display:inline-block;width:52px;height:18px;text-align:center; 
color:#fff;border-radius:3px;background:#521738; padding:4px 0 0 0; font-size:11px;line-height:120%;}

.header_sub_top{position:relative; background:url('../../imgs/mobile/header_bg.jpg') repeat-x left top; height:2px; color:#fff;}

#main_tab ul{margin:10px 4px 0 4px;}
#main_tab ul li{width:20%; float:left; color:#222; text-align:center; padding-bottom:6px; background:url('../../imgs/mobile/tab_bullet.gif') no-repeat left top;}
#main_tab ul li a{font-size:0.875rem; letter-spacing:-1px; font-weight:bold; display:inline-block; width:100%; }
#main_tab ul li.fst{background:none;}
#main_tab ul li.on{border-bottom:2px solid #b42a5b;}
#main_tab ul li.on a{color:#9c1444;}
.tab_bg{background:url('../../imgs/mobile/tab_bg.png') repeat-x left top; height:12px;}
.tab_bg_c{background:url('../../imgs/mobile/tab_bg2.png') repeat-x left top; height:12px;}

/* Main */
#content{background-color:#f7f7f7;}
#content span.tit_c{color:#892e61; font-weight:bold;}

#content .news{position:relative; border:1px solid #e0e0e0; border-bottom:1px solid #babfc6; padding:10px 15px 5px 15px; margin:0 5px; background-color:#fff; }
#content .news h3{margin:0; border-bottom:2px solid #d7dce3; padding:0 0 8px 0; font-size:1rem;}
#content .news span.more a{display:block; position:absolute; right:15px; top:12px; color:#999; font-size:12px;}
#content .main_news_list {position:relative; overflow:hidden;}
#content .main_news_list li.style1 {position:relative;padding-left:120px;line-height:16px;min-height:90px; border-bottom:1px dashed #d7dce3; padding-bottom:8px;}
#content .main_news_list li.style1 a {display:block;padding:10px;}
#content .main_news_list li.style1 .thumb {width:120px;height:80px;position:absolute;top:10px;left:0;}
#content .main_news_list li.style1 .thumb img {width:100%;height:100%;}
#content .main_news_list li.style1 .tit {font-size:0.938rem;display:block;color:#444;font-weight:bold;margin-bottom:4px;}
#content .main_news_list li.style1 .txt {color:#777; font-size:0.813rem; line-height:100%;}
#content .main_news_list li.style2 {position:relative;border-bottom:1px dashed #d7dce3;}
#content .main_news_list li.style2 a {display:block; padding:9px 10px 9px 0; font-size:1rem;}
#content .main_news_list li em {color:#0099ff;font-size:0.813rem;}
#content .main_news_list li.bor_none{border-bottom:0 none;}

#content .dojun{position:relative; border:1px solid #e0e0e0; border-bottom:1px solid #babfc6; padding:10px 15px 5px 15px; margin:0 5px; background-color:#fff; margin-top:5px; }
#content .dojun h3{font-size:1rem;border-bottom:2px solid #d7dce3; padding-bottom:8px;}
#content .dojun span.more a{font-size:12px;display:block; position:absolute; right:15px; top:12px; color:#999;}
#content .dojun li.lst{border-bottom:0 none; padding-bottom:0;}

#content .sunbul{position:relative; border:1px solid #e0e0e0; border-bottom:1px solid #babfc6;padding:10px 15px 0 15px; margin:0 5px; background-color:#f2f2f2; margin-top:5px;}
#content .sunbul h3{font-size:1rem;padding-bottom:8px;}
#content .sunbul {position:relative; overflow:hidden;}
#content .sunbul li {position:relative;padding:60px 0 10px 0;  float:left; width:48%;}
#content .sunbul li.bg{background:url('../../imgs/mobile/media_bg.gif') no-repeat right top;background-size:1px 94px;}
#content .sunbul li a {display:block;padding:20px 12px 0 12px;}
#content .sunbul li .thumb {width:123px;height:70px;position:absolute;top:0;left:0; }
#content .sunbul li .thumb img {width:100%;height:100%;}
#content .sunbul li .thumb2 {width:123px;height:70px;position:absolute;top:0;left:15px;}
#content .sunbul li .thumb2 img {width:100%;height:100%;}
#content .sunbul li .tit{font-size:0.75rem;display:block;color:#444;}
#content .sunbul li .tit2 {font-size:0.75rem;display:block;color:#444;padding-left:15px;}
#content .sunbul li .txt{font-size:0.75rem;line-height:100%; color:#444;}
#content .sunbul li .txt2 {font-size:0.75rem;line-height:100%; padding-left:15px;color:#444;}

#content .chunson{position:relative; border:1px solid #e0e0e0; border-bottom:1px solid #babfc6; padding:10px 15px 0 15px; margin:0 5px; background-color:#fff; margin-top:5px; }
#content .chunson h3{border-bottom:2px solid #d7dce3; padding-bottom:8px; font-size:1rem;}
#content .chunson span.more a{font-size:12px; display:block; position:absolute; right:15px; top:12px; color:#999;}
#content .chunson li.style2 {position:relative;border-bottom:1px dashed #d7dce3; }
#content .chunson li.style2 a {display:block; padding:10px 10px 10px 0;}
#content .chunson li.style2 span{color:#a08066;}
#content .chunson li.lst{border-bottom:0 none; padding-bottom:0;}

#content .photo{position:relative; border:1px solid #e0e0e0; border-bottom:1px solid #babfc6; padding:10px 10px 10px; margin:0 5px; background-color:#fff; margin-top:5px;}
#content .vodbg {background-color:#f3f3f3;}
#content .photo h3{font-size:1rem; padding-bottom:8px; padding-left:4px;}
#content .photo {overflow:hidden;}
#content .photo li {float:left; width:33.33%;}
#content .photo li a {display:block; padding:0 4px; }
#content .photo li span.thumb{position:relative; min-width:86px;}
#content .photo li span.thumb img {display:block; width:100%; border:1px solid #fff;}
#content .photo li span.txt {display:block; overflow:hidden; color:#444; font-size:0.75rem; letter-spacing:-1px; text-align:center; padding:5px 0 0 0;}
#content .photo li em {color:#0099ff;font-size:0.688rem;}
#content .photo span.more a{display:block; position:absolute; right:15px; top:12px; color:#999; font-size:12px;}

/* Sub */
#sub_content{background-color:#f7f7f7;}
#board_content{background-color:#fff;}
.content_box{border:1px solid #c4c3c3; margin:0 4px 16px 4px; background-color:#fff;}

/* 메인하단배너 */
.main_menu ul{margin:10px 5px 0 5px;}
.main_menu ul li{float:left; width:49.1%;}
.main_menu ul li a{display:block;}
.main_menu ul li.menu1 a{display:block; height:50px; background:url('../../imgs/mobile/menu_txt_1.png') 18px 12px  no-repeat ; background-size:auto 50%;}
.main_menu ul li.menu2 a{display:block; height:50px; background:url('../../imgs/mobile/menu_txt_2.png') 22px 12px  no-repeat ; background-size:auto 50%;}
.main_menu ul li.menu3 a{display:block; height:50px; background:url('../../imgs/mobile/menu_txt_3.png') 18px 13px  no-repeat ; background-size:auto 55%;}
.main_menu ul li.menu4 a{display:block; height:50px; background:url('../../imgs/mobile/menu_txt_4.png') 22px 13px  no-repeat ; background-size:auto 55%;}
.main_menu ul li.menu01 a{display:block; height:45px; background:url('../../imgs/mobile/menu_txt_01.png') 22px 10px  no-repeat ; background-size:auto 65%;}
.main_menu ul li.menu02 a{display:block; height:45px; background:url('../../imgs/mobile/menu_txt_02.png') 22px 10px  no-repeat ; background-size:auto 65%;}
.main_menu ul li.menu03 a{display:block; height:45px; background:url('../../imgs/mobile/menu_txt_03.png') 22px 10px  no-repeat ; background-size:auto 65%;}
.main_menu ul li.menu04 a{display:block; height:45px; background:url('../../imgs/mobile/menu_txt_04.png') 22px 10px  no-repeat ; background-size:auto 65%;}
.main_menu ul li.menu1, .main_menu ul li.menu01 {
background-image: -o-linear-gradient(bottom, #7eb651 50%, #5a922d 100%);
background-image: -moz-linear-gradient(bottom, #7eb651 50%, #5a922d 100%);
background-image: -webkit-linear-gradient(bottom, #7eb651 50%, #5a922d 100%);
background-image: linear-gradient(to bottom, #7eb651 50%, #5a922d 100%);}
.main_menu ul li.menu2, .main_menu ul li.menu02 {
background-image: -o-linear-gradient(bottom, #4eb481 50%, #2a905d 100%);
background-image: -moz-linear-gradient(bottom, #4eb481 50%, #2a905d 100%);
background-image: -webkit-linear-gradient(bottom, #4eb481 50%, #2a905d 100%);
background-image: linear-gradient(to bottom, #4eb481 50%, #2a905d 100%);}
.main_menu ul li.menu3, .main_menu ul li.menu03 {
background-image: -o-linear-gradient(bottom, #5A9ABC 50%, #367698 100%);
background-image: -moz-linear-gradient(bottom, #5A9ABC 50%, #367698 100%);
background-image: -webkit-linear-gradient(bottom, #5A9ABC 50%, #367698 100%);
background-image: linear-gradient(to bottom, #5A9ABC 50%, #367698 100%);}
.main_menu ul li.menu4, .main_menu ul li.menu04 {
background-image: -o-linear-gradient(bottom, #7881b4 50%, #545d90 100%);
background-image: -moz-linear-gradient(bottom, #7881b4 50%, #545d90 100%);
background-image: -webkit-linear-gradient(bottom, #7881b4 50%, #545d90 100%);
background-image: linear-gradient(to bottom, #7881b4 50%, #545d90 100%);}

.sns_menu{height:75px; background-color:#e5e5e5; margin-top:18px; position:relative;}
.sns_menu ul{padding:0 0 0 0px; position:absolute; left:50%; top:0; margin-left:-153px;}
.sns_menu ul li{ float:left; padding:13px 12px 13px 0; }
.sns_menu ul li a{text-align:center; color:#797979; font-size:11px;}
.sns_menu ul li img{width:35px; height:35px;}
.sns_menu ul li .txt{background:url('../../imgs/mobile/sns_bullet.gif') right 8px no-repeat; padding-top:4px; padding-right:3px;}
.sns_menu ul li.bor_r{background:url('../../imgs/mobile/sns_txt_bullet.gif') no-repeat right top;}
.sns_menu ul li.padd{padding-left:12px;}
.sns_menu ul li.app img{padding-left:12px; width:96px !important; height:35px;}

/* Footer */
#footer{background-color:#4a4648; text-align:center;}
#footer .foot_menu{margin-top:15px; text-align:center; display:inline-block;}
#footer .foot_menu li{float:left;}
#footer .foot_menu li a{display:block;width:72px;height:32px;line-height:28px;font-size:0.75rem;font-weight:bold;padding-left:8px;}
#footer .foot_menu .a{background:transparent url("../../imgs/mobile/foot_btn_pc.png") no-repeat 0 0;background-size:72px 32px;}
#footer .foot_menu .b{background:transparent url("../../imgs/mobile/foot_btn_login.png") no-repeat 0 0;background-size:72px 32px;}
#footer .foot_menu .c{background:transparent url("../../imgs/mobile/foot_btn_menu.png") no-repeat 0 0;background-size:72px 32px;}
#footer .foot_menu .d{background:transparent url("../../imgs/mobile/foot_btn_top.png") no-repeat 0 0;background-size:72px 32px;}
#footer .foot_menu .ls {letter-spacing:-2px;}
#footer .foot_txt{ margin-top:5px; text-align:center; display:inline-block;}
#footer .foot_txt li{ float:left; padding-left:8px; }
#footer .foot_txt li a{color:#f7f7f7; font-size:0.75rem; background:url('../../imgs/mobile/foot_bullet.gif') no-repeat right top; display:inline-block; padding-right:8px;}
#footer .foot_txt li a.bg_none{background:none;}
#footer p{text-align:left; color:#c2c0c1; margin-top:8px; padding:0 0 10px 10px; line-height:15px;}
#footer p .foot_copyright{font-size:11px;}
#footer p .foot_address{font-size:0.75rem;}

/* Table */
.tbl_form01 {width:100%;clear:both;line-height:1.4em;}
.tbl_form01 th {padding:6px 0;color:#000;text-align:left;}
.tbl_form01 td {padding:6px 0;color:#000;text-align:left;}
.tbl_form01 th span {padding-left:8px;background:url('../../imgs/mobile/arrow02.png') no-repeat left 6px;background-size:5px;}
.tbl_form01 .top {vertical-align:top;}

/* Button */
.button{display:inline-block;background:url(/ko/imgs/community_usr/k_btn01.gif) 0 0 no-repeat;padding-left:2px;margin-right:1px;}
.button a{display:inline-block;background:url(/ko/imgs/community_usr/k_btn01.gif) 100% 0 no-repeat;font-size:11px;font-family:dotum;color:#fff;text-decoration:none;padding:0 4px 0 2px;text-align:center;line-height:17px;height:16px;}

.btn_type01 {display:inline-block;text-align:center;width:80px;height:28px;line-height:28px;color:#222;border-radius:5px;border:1px solid #aeb5be;white-space:nowrap;background:#fbfbfb;}
.btn_type02 {display:inline-block;text-align:center;padding:0 10px;height:28px;line-height:28px;color:#222;border-radius:3px;border:1px solid #aeb5be;white-space:nowrap;background:#fbfbfb;}
.btn_type03 {display:inline-block;text-align:center;padding:0 12px;height:28px;line-height:28px;color:#fff;border-radius:3px;border:1px solid #004fa8;white-space:nowrap;background:#004fa8;}
.btn_type04 {display:inline-block;text-align:center;padding:0 12px;height:28px;line-height:28px;color:#fff;border-radius:3px;border:1px solid #4a4e5b;white-space:nowrap;background:#4a4e5b;}
.btn_type03:hover,.btn_type04:hover {color:#ffffff !important;}

.btn_type05 {display:inline-block;text-align:center;padding:0 12px;height:28px;line-height:28px;color:#222;border-radius:3px;border:1px solid #aeb5be;white-space:nowrap;background:#fbfbfb;}
.btn_type06 {display:inline-block;text-align:center;padding:0 10px;height:24px;line-height:24px;font-size:12px;color:#222;border-radius:3px;border:1px solid #aeb5be;white-space:nowrap;background:#fbfbfb;}
.btn_type07 {display:inline-block;text-align:center;padding:0 8px;height:24px;line-height:24px;font-size:12px;color:#222;border-radius:3px;border:1px solid #aeb5be;white-space:nowrap;background:#fbfbfb;}
.btn_type08 {display:inline-block;text-align:center;padding:0 15px;height:70px;line-height:70px;color:#fff !important;border-radius:3px;border:1px solid #004fa8;white-space:nowrap;background:#004fa8;}
.btn_type09 {display:inline-block;text-align:center;padding:20px 15px;line-height:16px;color:#fff;border-radius:3px;border:1px solid #004fa8;white-space:nowrap;background:#004fa8;}
.btn_type10 {display:inline-block;text-align:center;padding:0 9px;height:28px;line-height:28px;color:#222;border-radius:3px;border:1px solid #aeb5be;white-space:nowrap;background:#f9f9f9;margin-right:3px;}
.btn_type11 {display:inline-block;text-align:center;padding:0 5px;height:26px;line-height:26px;font-size:12px;color:#222;border-radius:3px;border:1px solid #aeb5be;white-space:nowrap;background:#fbfbfb;vertical-align:middle;}
.btn_type12 {display:inline-block;text-align:center;padding:0 4px;height:24px;line-height:24px;color:#fff;border-radius:2px;border:1px solid #004fa8;white-space:nowrap;background-color:#004fa8;vertical-align:middle;}
.btn_type08:hover,.btn_type09:hover {color:#c6cfea;}
.btn_type10:hover {color:#3366cc;}
.btn_type12:hover {color:#ffff00;}
.btn_usr1 {display:inline-block;text-align:center;width:70px;line-height:25px;font-size:12px;color:#ffffff;border-radius:3px;border:1px solid #26292e;white-space:nowrap;background:#454F6C;}
.btn_usr1:hover {color:#c6cfea;}
.btn_usr2 {display:inline-block;text-align:center;margin-top:2px;padding:0 10px;height:28px;line-height:25px;color:#222;border-radius:3px;border:1px solid #aeb5be;white-space:nowrap;background:#fbfbfb;}

/* Tab */
.tab01 {position:relative;height:38px;overflow:hidden;margin-bottom:3px;}
.tab01 ul li {position:relative;float:left;width:20%;}
.tab01 ul li a {display:block;padding:9px 0 8px 0;text-align:center;font-weight:normal;color:#555;text-decoration:none !important;background:#edeff2;border-bottom:1px solid #b4bac2;border-right:1px solid #b4bac2;}
.tab01 ul li:last-child a {border-right:0;}
.tab01 ul li.on a {color:#000;font-weight:bold;padding:9px 0 9px 0;text-align:center;background:#fcfcfd;}

.tab02 {position:relative;overflow:hidden;margin-bottom:3px;}
.tab02 ul li {position:relative;float:left;width:33.3%;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);}
.tab02 ul li a {display:block;padding:9px 0 8px 0;text-align:center;font-weight:bold;color:#153dac;text-decoration:none !important;border-bottom:1px solid #c9c9c9;border-right:1px solid #c9c9c9;}
.tab02 ul li:nth-child(3) a {border-right:0;}
.tab02 ul li:last-child a {border-right:0;}
.tab02 ul li.on a {color:#153dac;font-weight:bold;padding:9px 0 9px 0;text-align:center;background:#fcfcfd;}

.tab03 {position:relative;overflow:hidden;margin:6px 0;padding:8px;background:#e5e5e5; border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;}
.tab03 ul li {position:relative;float:left;width:33.3%;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);}
.tab03 ul li a {display:block;padding:9px 0 8px 0;text-align:center;font-weight:normal;color:#153dac;text-decoration:none !important;border-bottom:1px solid #c9c9c9;border-left:1px solid #c9c9c9;}
.tab03 ul li a:hover {color:#00aadd}
.tab03 ul li:nth-child(3) a {border-right:1px solid #c9c9c9;border-top:1px solid #c9c9c9;}
.tab03 ul li:nth-child(2) a {border-top:1px solid #c9c9c9;}
.tab03 ul li:nth-child(1) a {border-top:1px solid #c9c9c9;}
.tab03 ul li:last-child a {border-right:1px solid #c9c9c9;}
.tab03 ul li.on a {color:#153dac;font-weight:bold;padding:9px 0 9px 0;text-align:center;background:#fcfcfd;}

/*선교*/
.sptab3 { margin-bottom:10px; border-bottom:1px solid #d0d1d2; 
background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #dfdfdf 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dfdfdf 100%);
background: -o-linear-gradient(top,  #eeeeee 0%,#dfdfdf 100%);
background: -ms-linear-gradient(top,  #eeeeee 0%,#dfdfdf 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#dfdfdf 100%);}
.sptab3:after { display:block; content:''; clear:both; }
.sptab3 li { position:relative; float:left; min-width:15%; width:25%; height:38px; line-height:38px; }
.sptab3 li a { position:relative; display:block; height:41px; line-height:41px; font-size:0.8125rem; font-weight:bold; color:#555; text-align:center; }
.sptab3 li a:before { content:''; position:absolute; top:0; right:-1px; height:39px; border-right:1px solid #d0d1d2; }
.sptab3 li:last-child a:before, .sptab3 li.on a:before { display:none; }
.sptab3 li.on a { height:39px; line-height:37px; margin:-1px 0; border:1px solid #d0d1d2; border-top:1px solid #814291; border-bottom:0; color:#814291; background-color:#fff; }
.sptab3 li:first-child.on a { border-left:0; }
.sptab3 li:last-child.on a { border-right:0; }

/*만월도전님*/
.sptab4 { margin-bottom:10px; border-bottom:1px solid #d0d1d2;
background: #f6f6f6;
background: -moz-linear-gradient(top, #f6f6f6 0%, #e0e0e0 100%);
background: -webkit-linear-gradient(top, #f6f6f6 0%,#e0e0e0 100%);
background: -o-linear-gradient(top, #f6f6f6 0%,#e0e0e0 100%);
background: -ms-linear-gradient(top, #f6f6f6 0%,#e0e0e0 100%);
background: linear-gradient(to bottom, #f6f6f6 0%,#e0e0e0 100%);}
.sptab4:after { display:block; content:''; clear:both; }
.sptab4 li { position:relative; float:left; min-width:25%; height:38px; line-height:38px; }
.sptab4 li a { position:relative; display:block; height:41px; line-height:41px; font-size:0.8125rem; font-weight:bold; color:#555; text-align:center; }
.sptab4 li a:before { content:''; position:absolute; top:0; right:-1px; height:39px; border-right:1px solid #d0d1d2; }
.sptab4 li:last-child a:before, .sptab4 li.on a:before { display:none; }
.sptab4 li.on a {height:39px; line-height:37px; margin:-1px 0; border:1px solid #d0d1d2; border-top:1px solid #BB990F; border-bottom:0; color:#BB990F; background-color:#fff; }
.sptab4 li.rt a {height:39px; line-height:37px; margin:-1px 0;border-right:1px solid #d0d1d2;}
.sptab4 li:first-child.on a {border-left:0;}
.sptab4 li:last-child.on a {border-right:0;}
.sptab4.topline {border-top:1px solid #d0d1d2 !important;}

/*도방*/
.dbtab3 { margin-bottom:10px; border-bottom:1px solid #d0d1d2;
background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #dfdfdf 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dfdfdf 100%);
background: -o-linear-gradient(top,  #eeeeee 0%,#dfdfdf 100%);
background: -ms-linear-gradient(top,  #eeeeee 0%,#dfdfdf 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#dfdfdf 100%);}
.dbtab3:after { display:block; content:''; clear:both; }
.dbtab3 li { position:relative; float:left; min-width:25%; height:38px; line-height:38px; }
.dbtab3 li a { position:relative; display:block; height:41px; line-height:41px; font-size:0.8125rem; font-weight:bold; color:#555; text-align:center; }
.dbtab3 li a:before { content:''; position:absolute; top:0; right:-1px; height:39px; border-right:1px solid #d0d1d2; }
.dbtab3 li:last-child a:before, .dbtab3 li.on a:before { display:none; }
.dbtab3 li.on a { height:39px; line-height:37px; margin:-1px 0; border:1px solid #d0d1d2; border-top:1px solid #3B8F32; border-bottom:0; color:#3B8F32; background-color:#fff; }
.dbtab3 li:first-child.on a { border-left:0; }
.dbtab3 li:last-child.on a { border-right:0; }
.dbtab3.topline {border-top:1px solid #d0d1d2 !important;}

/*국조전*/
.sptab5 { margin-bottom:10px; border-bottom:1px solid #d0d1d2;
background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #dfdfdf 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dfdfdf 100%);
background: -o-linear-gradient(top,  #eeeeee 0%,#dfdfdf 100%);
background: -ms-linear-gradient(top,  #eeeeee 0%,#dfdfdf 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#dfdfdf 100%);}
.sptab5:after { display:block; content:''; clear:both; }
.sptab5 li { position:relative; float:left; min-width:33.33%; height:38px; line-height:38px; }
.sptab5 li a { position:relative; display:block; height:41px; line-height:41px; font-size:0.8125rem; font-weight:bold; color:#555; text-align:center; }
.sptab5 li a:before { content:''; position:absolute; top:0; right:-1px; height:39px; border-right:1px solid #d0d1d2; }
.sptab5 li:last-child a:before, .sptab5 li.on a:before { display:none; }
.sptab5 li.on a { height:39px; line-height:37px; margin:-1px 0; border:1px solid #d0d1d2; border-top:1px solid #507ABB; border-bottom:0; color:#507ABB; background-color:#fff; }
.sptab5 li:first-child.on a { border-left:0; }
.sptab5 li:last-child.on a { border-right:0; }

.sptab9 { margin-bottom:10px; border-bottom:1px solid #d0d1d2;
background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #dfdfdf 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dfdfdf 100%);
background: -o-linear-gradient(top,  #eeeeee 0%,#dfdfdf 100%);
background: -ms-linear-gradient(top,  #eeeeee 0%,#dfdfdf 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#dfdfdf 100%);}
.sptab9:after { display:block; content:''; clear:both; }
.sptab9 li { position:relative; float:left; min-width:50%; height:38px; line-height:38px; }
.sptab9 li a { position:relative; display:block; height:41px; line-height:41px; font-size:0.8125rem; font-weight:bold; color:#555; text-align:center; }
.sptab9 li a:before { content:''; position:absolute; top:0; right:-1px; height:39px; border-right:1px solid #d0d1d2; }
.sptab9 li:last-child a:before, .sptab9 li.on a:before { display:none; }
.sptab9 li.on a { height:39px; line-height:37px; margin:-1px 0; border:1px solid #d0d1d2; border-top:1px solid #507ABB; border-bottom:0; color:#507ABB; background-color:#fff; }
.sptab9 li:first-child.on a { border-left:0; }
.sptab9 li:last-child.on a { border-right:0; }

.kuktbl01 {width:100%;}
.kuktbl01 td{padding:1%; text-align:center;}
.kuktbl01 td img {width:100%;}
 
#popup_img .b-close {position:absolute; right:12px; top:4px; font-size:1.5rem; font-family:Verdana; font-weight:bold; cursor: pointer; color:#fff; -webkit-text-stroke: 1px #000; text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 2px 0 #000;}
#popup_img .b-txt{width:100%;max-width:1000px;padding:2px 6px;color:#fff;}
#popup_img .b-img img{width:100%;max-width:1020px;border:3px solid #f6f6f6;}

/*한법리스트*/
.sptab6 ul{background-color:#fff; border-top:1px solid #d7d7d7; border-right:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; padding-top:0;
margin:0 5px 5px 5px;}
.sptab6 ul li {position:relative; float:left; min-width:33.33%; text-align:center;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);}
.sptab6 ul li a{display:block; font-size:0.8125rem; color:#444; border-bottom:1px solid #c4c3c3; border-right:1px solid #e1e1e1; padding:11px 0 11px 0;}
.sptab6 ul li:nth-child(3) a {border-right:0;}
.sptab6 ul li:nth-child(4) a {border-bottom:0;}
.sptab6 ul li:nth-child(5) a {border-bottom:0;}
.sptab6 ul li:nth-child(6) a {border-bottom:0;}
.sptab6 ul li:last-child a {border-right:0;}
.sptab6 ul li.on a{color:#000;font-weight:bold;background-color:#e9e9e9;}

/*커뮤니티*/
.sptab8 ul{background-color:#fff; border-top:1px solid #d7d7d7; border-right:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; padding-top:0;
margin:0 5px 5px 5px;}
.sptab8 ul li{float:left; width:25%; text-align:center;
background-color: #ffffff; background-repeat: repeat-x; 
background: -webkit-linear-gradient(top, #fff, #f5f5f5); 
background: -moz-linear-gradient(top, #fff, #f5f5f5);
background: -ms-linear-gradient(top, #fff, #f5f5f5); 
background: -o-linear-gradient(top, #fff, #f5f5f5);}
.sptab8 ul li a{display:block; font-size:0.8125rem; color:#444; border-bottom:1px solid #c4c3c3; border-right:1px solid #e1e1e1; padding:11px 0 11px 0;}
.sptab8 ul li:nth-child(4) a {border-right:0;}
.sptab8 ul li:nth-child(5) a {border-bottom:0;}
.sptab8 ul li:nth-child(6) a {border-bottom:0;}
.sptab8 ul li:nth-child(7) a {border-bottom:0;}
.sptab8 ul li:nth-child(8) a {border-bottom:0;}
.sptab8 ul li:last-child a {border-right:0;}
.sptab8 ul li.on a{color:#000;font-weight:bold;background-color:#e9e9e9;}
/* Tab */

/* 한법 분류 */
.mTab06{margin-top:0;margin-bottom:6px;}
.mTab06 ul{zoom:1;}
.mTab06 ul:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
.mTab06 .sub{border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.mTab06 .sub .subbg{border:1px solid #fff;border-top:0;}
.mTab06 .sub ul{margin:5px;}
.mTab06 .sub li{float:left;background:url(/ko/imgs/community_usr/bar_gray02.gif) 100% 70% no-repeat; font-size:0.938rem}
.mTab06 .sub li:last-child {background:none;}
.mTab06 .sub li a{display:block;color:#666;padding:3px 9px 1px;white-space:nowrap;}
.mTab06 .sub li a:hover{color:#fb6e06;}
.mTab06 .sub li strong{color:#0079d6;font-weight:bold;}
.mTab06 .sub li.bCate{padding:0 0 0 10px;}
.mTab06 .sub li.bCate span{display:block;background-color:#fff;margin:0 0 0 -15px;padding:3px 0 0 10px;}
.mTab06 .sub li.bCate span a{background:url(/ko/imgs/community_usr/k_cate03.gif) 0 0 no-repeat;color:#fff;font-size:11px;font-family:dotum;font-family:dotum;padding:3px 0 0;;letter-spacing:-1px;text-align:center;line-height:100%;text-decoration:none;width:49px;height:16px;}
.mTab06 .sub li.on, .mTab06 .sub li.on a{color:#00aadd !important;font-weight:bold;}
.mTab06 .sub li.spc a{font-weight:bold;}

/* Popup */
#popup {padding:5px;min-height:370px;background:#d3d6dd;}
.pop_view {position:relative;overflow:hidden;border-top:2px solid #c2c2c2;border:1px solid #b3b7bd;clear:both;background:#fff;}
.pop_view h2 {padding:8px 0 8px 12px;font-size:15px;color:#153dac;font-weight:bold;border-bottom:1px solid #d4d9dd;background:#f7f7f8;}
.pop_view dl {padding:0 12px 0 12px;}
.pop_view dt {padding:8px 0 3px 0;font-size:17px;color:#000;font-weight:bold;background:#fff;}
.pop_view dd.date {padding:3px 0 10px 0;font-size:14px;color:#000;}
.pop_view dd.date span {color:#888;}
.pop_view dd.date .txt01 {padding-right:20px;}
.pop_view dd.cont {padding:10px 0 10px 0;font-size:14px;color:#222;border-top:1px solid #d4d9dd;line-height:21px;}
.pop_view dd.attach01 {padding:5px 0 12px 0;font-size:14px;color:#000;border-top:1px solid #d4d9dd;}
.pop_view dd.attach01 .txt01 {display:block;margin-bottom:5px;}
.pop_view dd.attach01 .txt01 em {color:#ff3300;}
.pop_view dd.attach01 .txt02 {color:#316af9;vertical-align:middle;}
.pop_view dd.attach02 {padding:9px 0 9px 0;font-size:14px;color:#000;}
.pop_view dd.attach02 .txt01 {display:inline-block;padding-right:10px;}
.pop_view dd.attach02 .txt01 em {color:#ff3300;}
.pop_view dd.attach02 .txt02 {color:#316af9;vertical-align:middle;}
.pop_view .btn_close01 {position:absolute;top:6px;right:12px;}
#popup .btn_close02 {display:inline-block;text-align:center;padding:0 12px;height:28px;line-height:28px;color:#222;border-radius:3px;border:1px solid #9b9b9b;white-space:nowrap;background:#fff;}
#popup .pop_btn {text-align:right;margin-top:7px;}

/* 이전보기 */
.pre_go {position:relative;padding:0;}
.pre_go a {height:22px;line-height:20px;width:52px;display:inline-block;text-align:center;vertical-align:middle;border:1px solid #d2d6dc;border-radius:3px;color:#888;font-size:12px;
background: #fdfdfd;
background: -moz-linear-gradient(top,  #fdfdfd 0%, #f0f1f4 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f0f1f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdfdfd 0%,#f0f1f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdfdfd 0%,#f0f1f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdfdfd 0%,#f0f1f4 100%); /* W3C */}
.pre_go a span {display:block;background:url('../../imgs/mobile/arrow04.png') no-repeat 2px 1px;}

/* 게시판 */
.board_top{text-align:center;zoom:1; margin:0 0; padding:4px;border-bottom:1px solid #666;}
.board_top:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
.board_top .lt{float:left;padding-left:8px;background:url('../../imgs/mobile/txt_bullet_tit.png') no-repeat 1px 5px ;}
.board_top .rt{float:right;}

.board_list {position:relative;overflow:hidden;}
.board_list li {font-size:0.938rem;border-bottom:1px solid #ddd;background:#fff;}
.board_list li a {display:block;padding:7px 12px 7px 12px;color:#333;}
.board_list li a.h {display:block;padding:14px 12px !important;color:#333;}
.board_list li:nth-child(even) {background:#f7f7f7;}
.board_list li span.new {position:relative;top:-1px;display:inline-block;width:11px;height:11px;padding:2px 1px 0 0;margin-left:5px;text-align:center;color:#fff;font-size:10px;line-height:10px;border-radius:2px;background:#ff5e0e;}
.board_list li span.date {font-size:11px; color:#999;}
.board_list li span.date img {width:18px;}
.board_list li span.lock {display:inline-block;text-indent:-9999px; background:url('../../imgs/mobile/ico_lock.gif') no-repeat 0 2px;line-height:14px;width:14px;height:14px;margin-left:4px;}
.board_list li em {color:#00aadd;}
.board_list li.top {border-top:1px solid #ddd;}

.news_list {position:relative;overflow:hidden;}
.news_list li {position:relative;font-size:1rem;border-bottom:1px solid #ddd;min-height:76px;padding-left:83px;line-height:18px;}
.news_list li a {display:block;padding:10px 12px 10px 12px;}
.news_list li:nth-child(even) {background:#f7f7f7;}
.news_list li .thumb {width:80px;height:58px;position:absolute;top:12px;left:8px;}
.news_list li .thumb img {width:100%;height:100%;}
.news_list li .tit {display:block;color:#000;font-weight:bold;margin-bottom:4px;}
.news_list li .txt {color:#888; font-size:0.75rem; line-height:100%;}
.news_list li em {color:#00aadd;}
.news_list li span.new {position:relative;top:-1px;display:inline-block;width:11px;height:11px;padding:2px 1px 0 0;margin-left:5px;text-align:center;color:#fff;font-size:10px;line-height:10px;border-radius:2px;background:#ff5e0e;}

/*flex*/
.vod_list {position:relative;overflow:hidden;}
.vod_list li {position:relative;border-bottom:1px solid #ddd; min-height:80px; line-height:1.5; }
.vod_list li a {display:flex; align-items: flex-start; padding:10px 12px;}
.vod_list li .thumb {flex-basis:40%; margin-right:2%;}
.vod_list li .thumb img {width:100%; max-width:320px; max-height:180px;}
.vod_list li .tit {flex-basis:60%; color:#000; font-weight:bold; font-size:1rem; word-break:break-all; text-overflow:ellipsis;}
.vod_list li .txt {color:#777; font-size:0.875rem;}
.vod_list li em {color:#00aadd;}
.vod_list li span.new {position:relative;top:-1px;display:inline-block;width:11px;height:11px;padding:2px 1px 0 0;margin-left:5px;text-align:center;color:#fff;font-size:10px;line-height:10px;border-radius:2px;background:#ff5e0e;}

.law_list {position:relative;overflow:hidden;}
.law_list li {position:relative;font-size:1rem;border-bottom:1px solid #ddd;line-height:18px;}
.law_list li a {display:block;padding:10px 12px 10px 12px;color:#000;}
.law_list li .tit {display:block;color:#000;font-weight:bold;margin-bottom:6px;}
.law_list li .txt {color:#888;}
.law_list li .stress {color:#BB990F !important;}
.law_list li span.new {position:relative;top:-1px;display:inline-block;width:11px;height:11px;padding:2px 1px 0 0;margin-left:5px;text-align:center;color:#fff;font-size:10px;line-height:10px;border-radius:2px;background:#ff5e0e;}
.law_list li.first {border-top:1px solid #ddd;}

.gallery_list {position:relative;overflow:hidden;padding:15px 10px 0;}
.gallery_list li {float:left;width:50%;height:129px;-webkit-box-sizing:border-box;text-align:center;margin-bottom:15px;}
.gallery_list li a {display:block;padding:0 5px 0 5px;color:#000;}
.gallery_list li span.thumb {width:130px;height:88px;display:inline-block;}
.gallery_list li span.thumb img {width:100%;height:100%;}
.gallery_list li span.tit {display:block;text-align:left;line-height:18px;margin-top:5px;padding:0 5px;}
.gallery_list li span.tit em {color:#ff5500}

.gallery_view dt {padding:8px 12px 3px 12px;font-size:1.063rem;color:#000;font-weight:bold;background:#fff;line-height:22px;}
.gallery_view dd {padding:3px 12px 10px 12px;font-size:14px;color:#888;line-height:18px;}
.gallery_view dd.cont {padding:10px 12px 30px 12px;font-size:0.875rem;color:#222;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.gallery_view dd.cont img {width:100%}
.gallery_view dd.right {text-align:right;}
.gallery_view dd .tit {font-weight:bold;padding:0 0 2px 18px;color:#004fa8;background:url('../../imgs/mobile/icon_logo.gif') no-repeat left 0;background-size:16px;}
.gallery_view dd .txt {color:#222;}

.do_list {position:relative;overflow:hidden;}
.do_list li {position:relative;font-size:0.875rem;border-bottom:1px solid #ddd;line-height:18px;}
.do_list li p {display:block;padding:8px 12px 4px 12px;}
.do_list li span {display:block;}
.do_list li .tit {display:block;color:#000;font-weight:bold;margin-bottom:6px;}
.do_list li .phone {color:#ca5500; font-weight:bold; font-size:1rem; background:url("../../imgs/mobile/ico_phone.gif") no-repeat 4px 13px; padding-left:10px;}
.do_list li .phone a{color:#ca5500;}
.do_list li .txt {color:#666;}
.do_list li .etc{color:#999; font-size:0.75rem;}

.photo1 {position:relative;overflow:hidden;padding-top:5px;}
.photo1 .pic { float:left; width:50%; margin-bottom:10px; padding:0 5px; text-align:center; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; }
.photo1 .pic a { display:block; }
.photo1 .pic a .thum { position:relative;overflow:hidden;padding-top:60%;margin:0; }
.photo1 .pic a .thum img { display:block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: 100%;}
.photo1 .pic a span { display:block; min-height:2.4em; line-height:1.125em; font-size:0.875rem; margin:7px auto 0; text-align:left; letter-spacing:-1px; 
display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:2;}

.photo3 {position:relative;overflow:hidden;padding-top:10px;}
.photo3 .pic { float:left; width:33.3%; margin-bottom:10px; padding:0 5px; text-align:center; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; }
.photo3 .pic a { display:block; }
.photo3 .pic a .thum { position:relative; margin:0; }
.photo3 .pic a .thum img { display:block; width:100%; height:120px;}
.photo3 .pic a .thum:before { position:absolute; content:''; top:0; left:0; width:100%; box-shadow:0 0 1px 1px rgba(0,0,0,.1) inset; }
.photo3 .pic a span { display:block; margin:7px auto 0; text-align:left; font-size:0.75rem; letter-spacing:-1px; line-height:16px; 
display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:2; }

.photo_list { position:relative; padding:10px 3px 0; overflow:hidden; }
.photo_list .photo2 { float:left; width:50%; margin-bottom:10px; padding:0 5px; text-align:center; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; }
.photo_list .photo2 a {display:block; position:relative; }
.photo_list .photo2 a p { display:block; min-height:2.4em; margin:7px auto 0; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}
.photo_list .photo2 a .iBox { position:relative;overflow:hidden;padding-top:60%;margin:0; }
.photo_list .photo2 a .iBox img { display:block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: 100%; object-fit: cover;}
.photo_list .photo2 a .iBox:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-shadow:0 0 1px 1px rgba(0,0,0,.1) inset; }
.photo_list .photo2 a .tBox { position:absolute; display:table; width:100%; height:38px; bottom:0; left:0; z-index:9; }
.photo_list .photo2 a .tBox strong { display:table-cell; padding:2px 4px 0 4px; font-size:0.8125em; font-weight:normal; line-height:14px; letter-spacing:-1px; color:#fff; text-align:left; vertical-align:middle; word-break:break-all; }
.photo_list .photo2 a:before { content:''; position:absolute; width:100%; height:34px; bottom:0; left:0; background-color:#000; opacity:0.7; z-index:1; }
.photo_list .photo2 em {color:#ffee00; font-weight:bold;}
.photo_list .photo2 span {text-align:left;}

.board_view dt {padding:8px 12px 3px 12px;font-size:1rem;color:#000;font-weight:bold;background:#f9f9f9;line-height:22px;}
.board_view dd {padding:3px 12px 6px 12px;font-size:0.875rem;color:#888;line-height:130%;background:#f9f9f9;}
.board_view dd.cont {padding:10px 12px 30px 12px;color:#222;border-bottom:1px solid #ddd;background:#fff;font-size:1rem;line-height:160%;}
.board_view dd.date {padding-right:10px;padding-top:0 !important;border-bottom:1px solid #ddd;text-align:right;color:#666;font-size:0.75rem;}
.board_view dd.date span {display:inline-block; margin:0 3px;}
.board_view dd.date em {color:#0066cc;}
.board_view dd.date .nick {color:#000;}
.board_view dd.date .recom{padding-left:17px; padding-top:1px; background:url('/ko/imgs/community_usr/icon_reco.gif') no-repeat 2px 4px;}
.board_view dd.etc {background:#fff;margin-top:6px;}
.board_view dd.etc a{margin-right:2px;}
.board_view .like {margin:-4px 0 0;padding-bottom:20px;background:#fff;border-bottom:1px solid #ddd;text-align:center;}
.board_view .likes {display:inline-block;width:101px;height:31px;line-height:31px;padding:0 0 0 16px;background:url('/ko/imgs/mobile/ico_likes.gif') no-repeat 0 0;white-space:nowrap;}

.file_view {padding:4px;font-size:0.875rem;background:#f9f9f9;line-height:22px;border-bottom:1px solid #ddd;}
/*.board_view dd.cont img {width:100%}*/

/* 유튜브 뷰 */
.view_mobile {position:relative; width:100%; padding-bottom:56.25%;}
.view_mobile iframe {position:absolute; width:100%; height:100%;}

.harea {position:relative;padding:8px 0 8px 10px; border-bottom:1px solid #ddd;overflow:hidden;}
.cotit {color:#000;font-weight:normal;font-size:0.875rem;}
.cotit span {color:#ff5500}
.cotit a img {margin:0 2px 0 0;}
.cotit p {padding:2px 0 4px 4px;}
.harea .btn {position:absolute;right:10px;top:10px;}

.harea01 {position:relative;overflow:hidden;}
.harea01 .btn,.harea01 .right {position:absolute;right:10px;top:4px;}
.harea02 {position:relative;overflow:hidden;padding:8px 12px 8px 12px;color:#000;font-weight:bold;border-bottom:1px solid #a5acb7;}
.harea02 .btn {position:absolute;right:10px;top:8px;}

/*댓글*/
.coment {position:relative;background:#fff; border-bottom:1px solid #ddd;}
.coment ul {overflow:hidden;}
.coment ul li {position:relative;overflow:hidden;padding:10px 10px 12px 8px;border-bottom:1px solid #ddd;}
.coment ul li .tit {display:block;font-weight:bold;color:#004fa8;}
.coment ul li .tit .date {color:#888;font-weight:normal;font-size:12px;padding-left:5px;}
.coment ul li .name {font-weight:bold;}
.coment ul li .ment {display:block;padding:3px 0 0 0;line-height:140%;}
.coment ul li .ment .cmtimg {width:100%;max-width:600px;margin:5px 0;}
.coment ul li .modi {position:absolute;right:8px;top:10px;font-size:13px;color:#e1e1e1;}
.coment ul li .modi a {padding:2px 5px;color:#3366cc;display:inline-block;text-align:center;border-radius:3px;border:1px solid #c7cbd1;background:#fbfbfb;}
.coment ul li .crecom {padding-left:16px; padding-top:1px; background:url('/ko/imgs/community_usr/icon_reco.gif') no-repeat 2px 5px; color:#900;}
.coment ul li .bsrecom {background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);background-color:#007dc1;
-moz-border-radius:2px;	-webkit-border-radius:2px;border-radius:2px;border:1px solid #124d77;display:inline-block;color:#ffffff;margin-left:6px;font-size:13px;padding:0 6px 1px 6px;text-shadow:0px 1px 0px #154682;}

.coment .cobtn {margin:8px 0 0 19px;}
.coment ul li.reply {position:relative;overflow:hidden;padding:10px 12px 12px 50px;border-bottom:1px solid #ddd;background:url('../../imgs/mobile/icon_reply.gif') no-repeat 30px 12px;background-size:13px;}
.coment ul .write {position:relative; padding:6px; border:0;}
.coment ul .write .nologin {padding-right:70px;}
.coment ul .write textarea {overflow:auto; border:1px solid #999; vertical-align:top;width:99.5%;height:70px !important;background:#f4f4f4;}
.coment ul .write .btn_write_ {position:absolute; right:8px; top:7px; margin-left:4px;}
.coment ul .write .btn_write {margin:4px 0;}
.coment ul .write .btn_write_,.coment ul .write .btn_write a {color:#fff; font-size:1rem; font-weight:bold;}
.coment ul .repcomemt {margin-left:14px;}
.coment ul .right {float:right; margin-right:4px;}
.coment ul .imgfile {padding:0 0 8px 8px; display: flex; justify-content: flex-start;}
.coment ul .imgfile strong {font-size:15px; color:#70862f;}
.coment ul .imgfile em {font-size:13px; color:#888;}
.coment ul .imgfile img {width:22px; vertical-align:top;}
.coment ul .imgfile .fleft {margin-right: auto;}
.coment ul .imgfile .fright {margin-left:auto;}
.coment ul .imgfile .btn_write {margin-right:4px;}
.coment ul .imgfile .cmtimg {width:30%; max-width:300px; margin-top:4px;}
.coment ul .imgfile .close {padding:3px 5px;color:#fff;display:inline-block;text-align:center;border-radius:3px;border:1px solid #3d481a;background:#70862f;margin:2px 0 -2px 4px;line-height:1.5;}
.coment ul .imgfilefix {position:fixed;left:0;padding:6px 8px;width:95%;background-color:#fff;border:2px solid #dfdfdf;z-index:100;}

.btn_cmt_blue {
	background:-webkit-linear-gradient(top, #6ebcff 5%, #3da6ff 100%);background:-moz-linear-gradient(top, #6ebcff 5%, #3da6ff 100%);background:-ms-linear-gradient(top, #6ebcff 5%, #3da6ff 100%);
	background-color:#6ebcff; border:1px solid #3398ed;text-shadow:0px -1px 0px #5b6178;display:inline-block;color:#fff !important;height:40px;line-height:40px;width:80px;font-weight:bold;text-align:center;	
}
.btn_cmt_blue:hover {
	background:-webkit-linear-gradient(top, #3da6ff 5%, #6ebcff 100%);background:-moz-linear-gradient(top, #3da6ff 5%, #6ebcff 100%);background:-ms-linear-gradient(top, #3da6ff 5%, #6ebcff 100%);
	background-color:#3da6ff;
}
.btn_cmt_gray {
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9; border:1px solid #dcdcdc;text-shadow:1px 1px 0px #fff;display:inline-block;color:#444 !important;height:40px;line-height:40px;width:80px;font-weight:bold;text-align:center;	
}
.btn_cmt_gray:hover {
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%); 
	background-color:#e9e9e9;
}

.prevnext {padding:7px 10px 20px 10px;overflow:hidden;clear:both;line-height:22px;}
.prevnext span {color:#555;display:block;padding-left:6px;background:url('../../imgs/mobile/dot01.gif') no-repeat left 9px;background-size:3px;}
.prevnext a {color:#000;font-weight:bold;}

.search_area01 {padding:0 12px 12px 12px;font-size:14px;color:#888;line-height:18px;border-bottom:1px solid #ddd;}
.search_area01 .intype02 {height:30px;text-indent:5px;font-size:14px;border:1px solid #b3b7bd;border-radius:3px;vertical-align:middle;background:#fff;-webkit-box-sizing:border-box;}
.search_area02 {padding:10px 0 10px 12px;font-size:14px;color:#888;line-height:18px;border-bottom:1px solid #aaa;}
.search_area02 .intype02 {height:30px;text-indent:5px;font-size:14px;border:1px solid #b3b7bd;border-radius:3px;vertical-align:middle;background:#fff;-webkit-box-sizing:border-box;}
.search_area02 .txt01 {padding:4px 4px 0 0;}
.search_area02 .txt02 {padding:4px 4px 4px 0; font-size:12px;}
.search_area02 .txt03 {padding:8px 4px 0 0; font-size:12px; color:#454545;}
.search_area02 .txt03  em{font-weight:bold; font-family:Verdana;}

.mb_img {margin-bottom:6px;}

/* 더보기 */
.more_list {position:relative;padding:10px 8px;}
.more_list a {height:34px;line-height:34px;width:100%;display:inline-block;text-align:center;vertical-align:middle;border:1px solid #d2d6dc;border-radius:3px;color:#000;font-size:14px;font-weight:bold;
background: #fdfdfd;
background: -moz-linear-gradient(top,  #fdfdfd 0%, #f0f1f4 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f0f1f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdfdfd 0%,#f0f1f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdfdfd 0%,#f0f1f4 100%); /* IE10+ */}
.more_list a span {display:block;background:url('../../imgs/mobile/arrow03.gif') no-repeat right 13px;background-size:30px;}
.more_list a em {font-size:13px; color:#888;}
.more_list a strong {color:#68B3FF;}

/* 더보기 */
.more_list01 {position:relative;padding:10px 8px;}
.more_list01 a {height:34px;line-height:34px;width:100%;display:inline-block;text-align:center;vertical-align:middle;border:1px solid #d2d6dc;border-radius:3px;color:#000;font-size:14px;font-weight:bold;
background: #b9c1ea;
background: -moz-linear-gradient(top,  #b9c1ea 0%, #3688da 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  #b9c1ea 0%,#3688da 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b9c1ea 0%,#3688da 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b9c1ea 0%,#3688da 100%); /* IE10+ */}
.more_list01 a span {display:block;background:url('../../imgs/mobile/arrow03.gif') no-repeat right 13px;background-size:30px;}

/* 하단고정메뉴 */
.floatmenu {width:100%;position:fixed;bottom:0;left:0;padding:8px 8px;border-top:1px solid #767e8a;background:#e1e7ed;text-align:center;}
.floatmenu .btn_search {margin:0 15px 0 0;}
.floatmenu input {height:30px;text-indent:5px;font-size:14px;border:1px solid #b3b7bd;border-radius:3px;vertical-align:middle;background:#fff;-webkit-box-sizing:border-box;}
.floatmenu select {height:30px;font-size:14px;color:#333;padding:0 20px 0 3px;border:1px solid #b3b7bd;border-radius:3px;
background:#fff url('../../imgs/mobile/bullet_down.png') no-repeat right 0;background-size:auto 100%;-webkit-box-sizing:border-box;-webkit-appearance:none;}
.floatmenu .search_input,.floatmenu .search_cancel {display:none;}
.btn_search {display:inline-block;text-align:center;padding:0 8px;height:28px;line-height:28px;color:#222;border-radius:5px;border:1px solid #aeb5be;white-space:nowrap;background:#fbfbfb;vertical-align:middle;}
.btn_cancel {display:inline-block;text-align:center;padding:0 8px;height:28px;line-height:28px;color:#222;border-radius:5px;border:1px solid #aeb5be;white-space:nowrap;background:#fbfbfb;vertical-align:middle;}


/* 게시판검색 */
.asearch {width:100%;margin:4px 0 18px 0;text-align:right;}
.asearch .btnsearch {margin:0 8px 0 0;}
.asearch input {height:30px;text-indent:5px;font-size:14px;border:1px solid #b3b7bd;border-radius:3px;vertical-align:middle;background:#fff;-webkit-box-sizing:border-box;}
.asearch select {height:30px;font-size:14px;color:#333;padding:0 20px 0 3px;border:1px solid #b3b7bd;border-radius:3px;
background:#fff url('../../imgs/mobile/bullet_down.png') no-repeat right 0;background-size:auto 100%;-webkit-box-sizing:border-box;-webkit-appearance:none;}
.btnsearch {display:inline-block;text-align:center;padding:0 8px;height:28px;line-height:28px;color:#222;border-radius:5px;border:1px solid #aeb5be;white-space:nowrap;background:#fbfbfb;vertical-align:middle;}
.btncancel {display:inline-block;text-align:center;padding:0 8px;height:28px;line-height:28px;color:#222;border-radius:5px;border:1px solid #aeb5be;white-space:nowrap;background:#fbfbfb;vertical-align:middle;}

.asearch2 {width:50%;margin:4px 0 18px 8px;text-align:left;}
.asearch2 .btnsearch {margin:0 8px 0 0;}
.asearch2 input {height:30px;text-indent:5px;font-size:14px;border:1px solid #b3b7bd;border-radius:3px;vertical-align:middle;background:#fff;-webkit-box-sizing:border-box;}
.asearch2 select {height:30px;font-size:14px;color:#333;padding:0 20px 0 3px;border:1px solid #b3b7bd;border-radius:3px;
background:#fff url('../../imgs/mobile/bullet_down.png') no-repeat right 0;background-size:auto 100%;-webkit-box-sizing:border-box;-webkit-appearance:none;}
.btnsearch {display:inline-block;text-align:center;padding:0 8px;height:28px;line-height:28px;color:#222;border-radius:5px;border:1px solid #aeb5be;white-space:nowrap;background:#fbfbfb;vertical-align:middle;}
.btncancel {display:inline-block;text-align:center;padding:0 8px;height:28px;line-height:28px;color:#222;border-radius:5px;border:1px solid #aeb5be;white-space:nowrap;background:#fbfbfb;vertical-align:middle;}

.btn_area {position:relative;margin:8px 8px;}
.btn_area .list {position:absolute;top:0;right:0;}
.btn_area .list2 {position:absolute;top:0;right:74px;}
.btn_area01 {position:relative;margin:8px 8px;text-align:right;}
.btn_area02 {position:relative;padding:15px 0 0;text-align:center;border-top:1px solid #a5acb7;}
.btn_area03 {position:relative;margin:8px 12px;text-align:right;}
.btn_area04 {position:absolute;top:52px;right:12px;}

/* 글쓰기 */
.b_write dt {padding:6px 10px 3px 10px;font-size:17px;color:#000;font-weight:bold;background:#fff;line-height:22px;}
.b_write dd {padding:6px 10px 6px 10px;font-size:14px;color:#888;line-height:18px;border-top:1px solid #ddd;}
.b_write dd.dd01 {padding:9px 10px 9px 10px;color:#000;}
.b_write dd.top {border-top:0;}
.b_write dd.cont {padding:10px 12px 26px 10px;font-size:14px;color:#222;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.b_write dd.attach01 {padding:7px 10px 7px 10px;border-bottom:1px solid #ddd;border-top:0;}
.b_write dd.attach01 span{display:inline-block;margin-bottom:4px;}
.b_write dd .txt01 {padding-right:10px;position:relative;top:2px;}
.b_write dd .txt02 {padding:0 10px 0 2px;color:#777;width:70px;display:inline-block;}
.b_write dd.etc {padding:8px 10px 10px 10px;border:0;color:#666;}
.b_write dd input.intype {border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;padding-left:4px;height:28px;font-size:1rem;}
.b_write dd textarea {overflow:auto; border:1px solid #ddd; width:100%;height:200px !important;padding:3px;font-size:1rem;}
.b_write dd.btn {position:relative;}
.b_write dd .mtxt {position:absolute;top:4px;right:4px;}

/* 커뮤니티 메인 */
#popular_ct{border:1px solid #d7d7d7; margin:5px; padding:10px; background-color:#fff;}
#popular_ct h4{font-size:1rem; color:#222; border-bottom:2px solid #d7dce3; padding-bottom:8px;}
#popular_ct ol{padding-top:10px;}
#popular_ct ol li a{padding-bottom:13px; display:block; font-size:0.938rem;}
#popular_ct ol li:last-child a {padding-bottom:0;}
#popular_ct ol li em{color:#00aadd; font-weight:normal; padding-left:3px; display:inline-block;}
#popular_ct span.num{display:inline-block; position:relative;text-align:center; font-size:12px; width:14px; height:14px; font-weight:normal; margin-right:5px; 
	 border-radius: 6px;
	 -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	 -khtml-border-radius: 6px;
	-o-border-radius:6px;	
}
#popular_ct span.blue{color:#fff;  background-color:#6191bf; padding:0 1px 3px 1px;}
#popular_ct span.gray{color:#fff;  background-color:#989898; padding:0 1px 3px 1px;}

#event_date{border:1px solid #d7d7d7; background-color:#fbfbfb; margin:5px; padding:10px;}
#event_date h4{font-size:1rem; color:#222; }
#event_date ul{padding-top:14px;}
#event_date ul li{border-bottom:1px dashed #d7dce3; padding:8px 0 5px 0; display:block; font-size:0.938rem;}
#event_date ul li span{color:#377abb; font-weight:bold;}
#event_date ul li .txt{font-size:0.75rem; height:16px;color:#888;}

#chunson_square{border:1px solid #d7d7d7; background-color:#fff; margin:5px; padding:10px;}
#chunson_square h4{font-size:1rem; color:#222; border-bottom:2px solid #d7dce3; padding-bottom:8px;}
#chunson_square ul{padding:3px 0 0 3px;}
#chunson_square ul li{padding:6px 0; border-bottom:1px solid #eee;}
#chunson_square ul li a{font-size:0.938rem;}
#chunson_square ul li span.divide{height:18px;line-height:16px;width:26px;display:inline-block;text-align:center;vertical-align:middle;color:#fff;font-size:11px;background: #778921;}
#chunson_square ul li span.free{height:18px;line-height:16px;width:26px;display:inline-block;text-align:center;vertical-align:middle;color:#fff;font-size:11px;background: #a08066;}
#chunson_square ul li .new{display:inline-block;background:url('../../imgs/mobile/ico_new3.gif') no-repeat 0 1px;text-indent:-9999px;line-height:14px;width:14px;height:14px;margin-left:4px;}

#popular_gallery{position:relative; border:1px solid #d7d7d7; background-color:#fff; margin:5px 5px 22px 5px; padding-bottom:10px; overflow:hidden;}
#popular_gallery h4{font-size:14px; color:#222; padding:9px 0 0 10px; }
#popular_gallery ul li {float:left; width:50%; margin-bottom:10px; padding:0 5px; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box;}
#popular_gallery ul li a {display:block;}
#popular_gallery ul li a .thumb{position:relative; overflow:hidden; padding-top:60%;}
#popular_gallery ul li a .thumb img {display:block;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;height:100%;}
#popular_gallery ul li a .txt { display:block; min-height:2.4em; line-height:1.125em; font-size:0.875rem; margin:7px auto 0; text-align:left; letter-spacing:-1px; 
display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:2; }
#popular_gallery ul li em {color:#00aadd; font-weight:normal; padding-left:3px; display:inline-block;}

/*선교*/
#sunkyo{color:#454545; position:relative;}
#sunkyo h3{font-size:1.063rem; padding-bottom:11px; margin-left:-4px; color:#892e61;}
#sunkyo h4{font-size:1rem; background:url('../../imgs/mobile/txt_bullet2.gif') no-repeat left top; background-size:22px 5px; padding-top:8px; color:#000;} 
#sunkyo .title{font-size:0.938rem;color:#456aa2;}
#sunkyo .ads{background:url('../../imgs/mobile/txt_bullet1.png') no-repeat 0 5px; padding-left:14px; line-height:18px; font-size:14px;}
#sunkyo .tel{background:url('../../imgs/mobile/tel_bullet1.png') no-repeat 0 5px; padding-left:14px; margin-top:8px; font-weight:bold; }

#sunkyo .location{margin:10px 0 10px 0; position:relative; border-bottom:3px solid #d7dce3; padding-bottom:100px; line-height:18px;}
#sunkyo .location .txt{padding:6px 0;font-size:13px;}
#sunkyo .map_btn{padding:10px; color:#fff; width:67px; height:12px; line-height:9px;
background:#7b787a url('../../imgs/mobile/go_icon.png') 67px 12px no-repeat; background-size:9px 11px;  position:absolute; right:0; bottom:60px;}
#sunkyo .map_btn a{display:block;color:#fff; }

#sunkyo .cont1{padding:3% 1.5% 2% 1.5%; font-size:0.938rem; text-align:justify; line-height:155%;}
#sunkyo .cont1 .img{width:50%; height:auto; float:right;}
#sunkyo .cont1 .img img{width:100%;height:auto;}
#sunkyo .cont1 .img35 {margin-left:8px;width:36%;float:right;}
#sunkyo .cont1 .txts {margin-top:12px;}

#sunkyo .cont2{margin:1% 1.5%; font-size:0.938rem; text-align:justify; line-height:155%;}
#sunkyo .cont2 ol{margin-top:15px;}
#sunkyo .cont2 li{padding-bottom:20px;}
#sunkyo .cont2 .tit{font-weight:bold;}
#sunkyo .cont2 .txt{line-height:140%; padding-top:9px;}
#sunkyo .cont2 .info{padding:12px 0 4px 2px;}
#sunkyo .cont2 .info p{padding-left:2px; font-size:0.875rem; line-height:160%;}
#sunkyo .cont2 .info span{display:inline-block; background:url('../../imgs/mobile/txt_bullet3.gif') no-repeat left 50%; padding-left:9px;}
#sunkyo .cont2 .info span strong {font-weight:bold; color:#456aa2; }
#sunkyo .cont2 .padd_bot_no{padding-bottom:0 none;}
#sunkyo .cont2 .bor_none{border-bottom:0 none;}
#sunkyo .cont2 .img{width:50%; height:auto; float:right;}
#sunkyo .cont2 .img img{width:100%;height:auto;}

#sunkyo .subcon {font-size:0.938rem; text-align:justify; line-height:155%;}
#sunkyo .subcon .txts{margin-top:12px;}
#sunkyo .tbox {border-top:1px solid #d7d7d7; padding:10px; margin-bottom:10px; background:#fff;}
#sunkyo .tbox h3{font-size:1rem; color:#222; border-bottom:2px solid #d7dce3; padding-bottom:8px; margin-bottom:10px}
#sunkyo .tbox .con{font-size:0.938rem; text-align:justify; line-height:155%;}

#sunkyo .lin {width:100%; border-top:1px solid #e0e0e0;}
#sunkyo .map01 {margin-bottom:10px;}

#sunkyo .table {display:table; width:100%; margin-top:6px;}
#sunkyo .trow {display: table-row;}
#sunkyo .tcell {display: table-cell; vertical-align: top;}
#sunkyo .tcell span {display:block; padding:0 1% 3% 2%; text-align:justify; line-height:140%; font-size:0.875rem;}
#sunkyo .tcell .txt {margin-top:12px;}
#sunkyo .w40 {width:40%;}
#sunkyo .tcell img {width:100%; margin-top:4px;}

.flex1 {display:flex; flex-direction:column;}

.tbl_01 table { width:100%; margin: 10px 0 0 4px; }
.tbl_01 th { padding:5px 0; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; background-color:#f3f3f3;text-align:center; }
.tbl_01 th.fst { border-left: 1px solid #e0e0e0; }
.tbl_01 th.empt { border-top: none; background-color:#fff; }
.tbl_01 td { padding:5px 0; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; text-align:center; }
.tbl_01 .c1 { border-left: 1px solid #e0e0e0; }
.tbl_01 td.r9 { border-bottom: 1px solid #e0e0e0; }
.tbl_01 td.empt { border-top: none; }

/*도전님*/
#manwol {color:#454545; padding:6px;line-height:160%;}
#manwol h4{font-size:1rem; background:url('../../imgs/mobile/txt_bullet4.gif') no-repeat left top; background-size:22px 5px; padding-top:5px; margin-bottom:14px; color:#000;}
#manwol .tit {font-size:0.938rem; font-weight:bold; color:#bb990f;}
#manwol .cont1{font-size:0.938rem; text-align:justify; margin-bottom:40px;}
#manwol .cont2{margin:2% 1%; font-size:0.938rem; text-align:justify; line-height:155%;}
#manwol .cont2 .txts{line-height:150%; padding-top:8px;}
#manwol .photo{width:100%; padding:12px 0;}
#manwol .photo img{width:100%; height:auto;}
#manwol .info{padding:10px 0 0 4px;}
#manwol .info p{padding-left:2px; margin-bottom:12px; font-size:0.875rem; line-height:150%;}
#manwol .info span{display:inline-block; background:url('../../imgs/mobile/txt_bullet3.gif') no-repeat left 50%; padding-left:9px;}
#manwol .info em {font-family:Verdana;}

/*수행*/
#dobang {color:#454545; padding:6px;line-height:160%;}
#dobang h4{font-size:1rem; background:url('../../imgs/mobile/txt_bullet5.gif') no-repeat left top; background-size:22px 5px; padding-top:5px; margin-bottom:14px; color:#000;}
#dobang h5{font-size:0.938rem; padding-top:14px; margin-bottom:4px; color:#228d17;}
#dobang .cont {margin-bottom:5%; font-size:0.938rem; text-align:justify; line-height:155%;}
#dobang .cont.lin {border-bottom:1px solid #d0d1d2; margin-bottom:5%;}
#dobang .cont.mgn {padding-top:5%;}
#dobang .cont2{margin:2% 1%; font-size:0.938rem; text-align:justify; line-height:155%;}
#dobang .img {float:right;margin-left:8px;width:40%;}
#dobang .photo{width:100%;}
#dobang .txt {font-size:0.875rem; line-height:150%;}
#dobang .txts{padding-top:8px; line-height:150%;}
#dobang iframe {width:100%;height:0px;border:none;}

#dobang .info{padding:10px 0 0 4px;}
#dobang .info p{padding-left:2px; margin-bottom:12px; font-size:0.875rem; line-height:150%;}
#dobang .info span{display:inline-block; background:url('../../imgs/mobile/txt_bullet3.gif') no-repeat left 50%; padding-left:9px;}
#dobang .info span strong {font-weight:bold; color:#2aa99c; }

/*컨텐츠일반*/
#subcon {color:#454545;padding:3% 1.5% 2% 1.5%;line-height:155%;}
#subcon .cont1{font-size:0.938rem; text-align:justify; margin-bottom:3%;}
#subcon h4{font-size:1rem; background:url('../../imgs/mobile/txt_bullet2.gif') no-repeat left top; background-size:22px 5px; padding-top:5px; margin-bottom:5px; color:#000;} 


/*전체메뉴*/
.mlayer {display:none; position:absolute; top:0; left:0; width:100%; height:auto;}
.mlayer .box_tit{position:relative;height:36px;margin-bottom:-1px;padding:0 14px;border-top:1px solid #babcbd;border-bottom:1px solid #d4d3d3;background-color:#f4f4f4;color:#444;font-size:15px;font-weight:bold;line-height:36px}
.mlayer .box_tit2{position:relative;height:36px;margin-bottom:-1px;padding:0 14px;border-top:1px solid #babcbd;border-bottom:1px solid #babcbd;background-color:#f4f4f4;color:#444;font-size:15px;font-weight:bold;line-height:36px}
.mlayer .box{overflow:hidden;padding:10px 16px;border-top:1px solid #dcdcdc}
.mlayer .box li{display:block;line-height:24px;margin-left:10px;padding-left:10px;background:url('../../imgs/mobile/dot01.gif') no-repeat left 10px; background-size:5px 5px;}
.mlayer .box li a{font-size:14px;font-style:normal;}
.mlayer .box_close {border-bottom:1px solid #d4d3d3;border-top:1px solid #d4d3d3; background-color:#e9e9e9; text-align:right;}
.mlayer .box_close2 {text-align:right;}

/*회원가입*/
input.intype01 {width:100%;height:30px;font-size:1rem;text-indent:3px;border:1px solid #b3b7bd;border-radius:3px;background:#fff;-webkit-box-sizing:border-box;}
input.intype02 {width:90%;height:30px;font-size:1rem;text-indent:3px;border:1px solid #b3b7bd;border-radius:3px;background:#fff;-webkit-box-sizing:border-box;}
select.seltype01 {width:100%;height:30px;font-size:0.938rem;padding:0 20px 0 3px;border:1px solid #b3b7bd;
background:#fff url('../../imgs/mobile/bullet_down.png') no-repeat right 0;background-size:auto 100%;-webkit-appearance:none;-webkit-box-sizing:border-box;}
input.it01 {width:99%;height:30px;text-indent:3px;border:1px solid #dcdcdc;background:#fff;font-size:1rem;vertical-align:middle;border-radius:3px;-webkit-box-sizing:border-box;}
input.it02 {width:90%;height:30px;text-indent:3px;border:1px solid #dcdcdc;background:#fff;font-size:1rem;vertical-align:middle;border-radius:3px;-webkit-box-sizing:border-box;}
input.it03 {height:30px;text-indent:3px;border:1px solid #dcdcdc;background:#f4f4f4;font-size:1rem;vertical-align:middle;border-radius:3px;-webkit-box-sizing:border-box;}
input.it04 {height:28px;text-indent:3px;border:1px solid #dcdcdc;background:#f4f4f4;font-size:0.875rem;border-radius:2px;-webkit-box-sizing:border-box;}
select.st01 {width:100%;height:30px;font-size:1rem;padding:0 20px 0 3px;border:1px solid #dcdcdc;
background:#fff url('../../imgs/mobile/bullet_down.png') no-repeat right 0;background-size:auto 100%;-webkit-box-sizing:border-box;-webkit-appearance:none;border-radius:3px;}
textarea.ta01 {overflow:auto; border:1px solid #dcdcdc; width:99%;padding:3px;-webkit-box-sizing:border-box;}

.txno{font-size:0.813rem;vertical-align:-2px;color:#ed4f01;font-weight:bold;}
.txok{font-size:0.813rem;vertical-align:-2px;color:#3b8f32;font-weight:bold;}

#mjoin {background:#f9f9f9;}
#mjoin .joinbox {border-top:1px solid #d7d7d7; padding:10px 4px; margin-bottom:10px; background:#fff;}
#mjoin h5{font-size:0.875rem; font-weight:normal; border-bottom:2px solid #d7dce3; padding-bottom:4px; margin-bottom:10px}
.join_tit {padding:8px 0 8px 8px;font-size:0.875rem; line-height:100%;}
.fld_terms {padding-top: 15px;}
.box_terms {position: relative;border: 1px solid #d4d4d4;}
.box_terms+.box_terms {margin-top: 10px;}
.tit_terms {height: 40px;padding: 0 15px;border-bottom: 1px solid #d4d4d4;line-height: 40px;font-size: 0.875rem;font-weight: bold;letter-spacing: -1px;background:#f6f6f6;}
.cont_terms {background:#fff;overflow-x:hidden;overflow-y:auto;height:100px;padding:6px;font-size: 0.813rem;color: #454545;word-wrap: break-word;-webkit-overflow-scrolling: touch;}
.cont_terms .d43d {width:100%;height:88px;border:0;overflow:hidden;}
.check_agree {position: absolute;top:0;right:12px;}
.input_check {position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: .01;}
.wrap_btn {margin:16px 6px}
.cont_joins {background:#fff;padding:3px;font-size: 0.875rem;color: #454545;}
.cont_joins li {padding:3px 0 3px 10px; background:url('/ko/imgs/mypage/aul.gif') 2px 9px no-repeat; line-height:130%;}

.mTitle01 {margin:3% 0 1% 1%;background:#fff;}
.mTitle01 h4{font-size:0.938rem;}
.mTitle01 .ptxt {margin:8px 0 4px 0; font-size:0.875rem; color:#638A0F;}

.mTable01 table{border-top:2px solid #ccc;border-bottom:1px solid #ddd;width:100%;}
.mTable01 .fst td,.mTable01 .fst th{border-top:0;}
.mTable01 .ic,.mTable01 .ir{vertical-align:-2px;}
.mTable01 th{background:#f6f6f6;border-top:1px solid #e2e2e2;text-align:center;padding:7px 2px;min-width:70px;}
.mTable01 th span{display:block;font-weight:normal;color:#454545;font-size:0.813rem;}
.mTable01 th span em{font-weight:bold;color:#e50909;}
.mTable01 th span em.t02{font-weight:normal;color:#232323;}
.mTable01 td {font-size:1rem;border-top:1px solid #e2e2e2;text-align:left;padding:7px 2px 7px 7px;}
.mTable01 td img {vertical-align:middle;}
.mTable01 .view {padding:16px 12px 16px 12px; line-height:170%; color:#454545;}
.mTable01 .view p {margin-bottom:8px;}
.mTable01 .view table {border:0;}
.mTable01 td .gab01{margin-top:4px;}
.mTable01 td .editor{padding-left:0;}
.mTable01 td .tx01{font-size:0.75rem;color:#666;vertical-align:-2px;}
.mTable01 td .center{text-align:center;}
.mTable01 td .agree {color:#c13f00; padding:2px 0; vertical-align:-2px;}
.loginWrap {border-top:1px solid #d7d7d7;} /* pc, mobile 다름 */

/* 로그인, SNS가입 (pc, mobile 공통) */
#login {min-height:360px;background:url("/ko/imgs/mobile/bg_login1.png"),url("/ko/imgs/mobile/bg_login2.png") #fafafa;background-repeat: no-repeat;background-position:top left, bottom right;background-size:80%;}
.login_area {padding:4% 5%; font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',sans-serif;}
.login_area input[type=text] {width:100%;height:36px;text-indent:5px;font-size:1rem;border:1px solid #b3b7bd;border-radius:3px;vertical-align:middle;background:#fff;-webkit-box-sizing:border-box;}
.login_area input[type=password] {width:100%;height:36px;text-indent:5px;font-size:1rem;border:1px solid #b3b7bd;border-radius:3px;vertical-align:middle;background:#fff;-webkit-box-sizing:border-box;}
.login_area input[type=checkbox] {width:20px;height:20px;border:0;margin-right:4px;background:url('/ko/imgs/mobile/check.png') no-repeat left top;background-size:20px;-webkit-appearance:none;}
.login_area input[type=checkbox]:checked {width:20px;height:20px;margin-right:4px;background:url('/ko/imgs/mobile/check_on.png') no-repeat left top;background-size:20px;-webkit-appearance:none;}
.login_area input[type=radio] {width:20px;height:20px; margin-right:4px;}
.login_area input::-webkit-input-placeholder{height:36px;font-size:0.9375rem;color:#b3b7bd;}
.login_area select {width:100%;height:36px;font-size:1rem;color:#333;padding:0 20px 0 4px;border:1px solid #b3b7bd;border-radius:3px;
background:#fff url('/ko/imgs/mobile/bullet_down.png') no-repeat right 0;background-size:auto 100%;-webkit-box-sizing:border-box;-webkit-appearance:none;}
.login_area li {margin-bottom:5px;}
.login_area li strong {display: block; font-size:1rem; color: #333; line-height: 1.3; margin:22px 0 4px 0; font-weight: 500;}
.login_area li label {display:inline-block; margin-right:10px; font-size:1rem;}
.login_area li p {margin-top:6px;}
.login_area .readonly {background-color:#f1f1f1; cursor:not-allowed;}
.login_area .star {font-size:1.25rem; color:#ff0000}
.login_area .txt{font-size:0.9375rem;}
.login_area .txt02{font-size:0.875rem; color:#acacac}

.login_txt {float:left;}
.btn_confirm {margin:30px 0;text-align:center;}
.btn_srh {height:34px;line-height:34px;padding:0 9px;display:inline-block;text-align:center;vertical-align:middle;white-space:nowrap;color:#222;font-size:0.9375rem;background:#fff;border-radius:3px;border:1px solid #aeb5be;}
.btnlogin {height:40px;line-height:40px;width:100%;display:inline-block;text-align:center;vertical-align:middle;white-space:nowrap;color:#fff !important;font-size:1.125rem;background:#8e65a2;border-radius:3px;border:1px solid #fff;}
.btnlogin:hover {color:#ffff00 !important;}
.btnsub {background:#0066cc !important;}
.pw_sear {margin:6% 0;text-align:center;color:#bbb;font-weight:normal;}
.pw_sear a span {padding:0 9px;font-weight:bold;text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;-webkit-text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
.pw_sear a span.fst{color:#8E65A2;}

.login_sns {display: flex; padding: 30px 40px 40px 40px;}
.login_sns .google {background: url("/ko/imgs/common/ico_google.png") no-repeat 50% 0;}
.login_sns .naver {background: url("/ko/imgs/common/ico_naver.png") no-repeat 50% 0;}
.login_sns .kakao {background: url("/ko/imgs/common/ico_kakao.png") no-repeat 50% 0;}
.login_sns > div {width: 50%;}
.login_sns > div a {display:flex;justify-content:center;padding-top:65px;color:#666;font-size:0.9375rem;}
.join_wrap {max-width: 800px; background:#fafafa url("/ko/imgs/mobile/bg_login1.png") no-repeat top left;}
/* 로그인 (pc, mobile 공통) */

/* 비밀번호찾기 */
#pw_search {padding:18px 18px 18px 12px;min-height:330px;background:#f9f9f9;}
#pw_search input[type=text] {width:100%;height:38px;text-indent:5px;font-size:1.125rem;border:1px solid #b3b7bd;border-radius:3px;vertical-align:middle;background:#fff;-webkit-box-sizing:border-box;}
#pw_search input[type=email] {width:100%;height:38px;text-indent:5px;font-size:1.125rem;border:1px solid #b3b7bd;border-radius:3px;vertical-align:middle;background:#fff;-webkit-box-sizing:border-box;}
#pw_search select {width:100%;height:40px;font-size:1.125rem;color:#333;padding:0 20px 0 3px;border:1px solid #b3b7bd;border-radius:3px;
background:#fff url('../../imgs/mobile/bullet_down.png') no-repeat right 0;background-size:auto 100%;-webkit-box-sizing:border-box;-webkit-appearance:none;}
.btn_confirm02 {margin-top:14px;padding-top:10px;text-align:center;border-top:1px solid #ddd;}
.btn_confirm02 .desc {margin-bottom:20px;font-size:0.875rem;color:#555;text-align:left;line-height:150%;}
.btn_confirm02 .desc .ulind {margin-bottom:10px;color:#000;text-decoration:underline;}
.mailmsg {margin:20px 0; padding:10px 8px; border-top:1px solid #ccc; font-size:0.875rem; line-height:140%; background:#f2f2f2;}
.ml {font-size:20px;font-weight:bold;}
#pw_search .bline {margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #ddd;}
#pw_search .tit {line-height:1.5;margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid #ddd;}
#pw_search .tit h3 {font-size:1.1rem; color:#222; font-weight:600;}
#pw_search .box1 {padding:12px;background:#fff;border-radius:5px;box-shadow: 1px 1px 1px #e1e1e1;}
/* 약관 */
#agree {background:#f9f9f9;}
#agree .agreebox {border-top:1px solid #d7d7d7; padding:10px; margin-bottom:10px; background:#fff;}
#agree h4{font-size:1rem; color:#222; border-bottom:2px solid #d7dce3; padding-bottom:8px; margin-bottom:10px}
#agree p {padding-bottom:10px; font-size:0.813rem;line-height:140%;}
#agree .tit {font-size:0.875rem; font-weight:bold;}

/*Top*/
.gotop {position:fixed; _position:absolute; left:88%; top:92%; width:41px; height:35px; background:url("../../imgs/mobile/btn_gtop.png") no-repeat 0 0; ; z-index:3;}

/* App */
.appPlay {display:block;margin:2px 0 0;padding:6px 8px;width:96%;color:#cc3300;border-top:1px solid #999;border-bottom:1px solid #aeb5be;background:#fbfbfb;font-size:1rem;}
.appPlay img {width:30px; margin-right:4px;}

/* mediaelementplayer */
.mejs__time-buffering, .mejs__time-current, .mejs__time-handle, .mejs__time-loaded, .mejs__time-hovered, .mejs__time-marker, .mejs__time-total {height: 2px;}
.mejs__time-total {margin-top: 9px;}
.mejs__time-handle {left: -5px; width: 12px; height: 12px; border-radius: 50%; background: #ffffff; top: -5px;cursor: pointer; display: block;position: absolute;z-index: 2;border: none;}
.mejs__time-handle-content {top: 0; left: 0;width: 12px;height: 12px;}

/*삽입 동영상 너비,높이 조절*/
.mov_cont {position: relative;padding-bottom: 56.25%; padding-top: 25px;height: 0;overflow: hidden;}
.mov_cont iframe, .mov_cont object, .mov_cont embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* 이미지확대 */
#imgPopDiv { top:0px; left:0px; position:absolute; background:rgba(0,0,0,0.7); width:100%; height:100%; display:none; z-index:999; }
.bigPic { position: relative; display:flex; justify-content: center; align-items: center; text-align:center; margin:0 auto; }
.bigPic img { border: 5px solid #fff;box-shadow: 0px 0px 20px #000; }

/* Button */
.btn_gray {box-shadow:inset 0px 1px 0px 0px #ffffff;background:linear-gradient(to bottom, #f9f9f9 5%, #dbdbdb 100%);background-color:#f9f9f9;border-radius:6px;border:1px solid #ccc;
display:inline-block;color:#424242;font-size:0.875rem;text-shadow:0px 1px 0px #f9f9f9;padding:4px 6px;}
.btn_gray:hover {background:linear-gradient(to bottom, #dbdbdb 5%, #f9f9f9 100%);background-color:#dbdbdb;}
.btn_gray:active {position:relative;top:1px;}


/*카드 리스트*/
.card_cont{width:96%; margin:0 auto; background-color:; padding-bottom:2%;}
.card_cont:after{content:''; 	display:block; clear:both;	}	

.card_box{width:100%; display:table; border-collapse:collapse; overflow:hidden; background:#fff; border-radius:5px; margin-bottom:2%; box-shadow: 2px 1px 2px #b0b0b0;}
.card_box:after{content:''; display:block; clear:both;}		
.card_box .new{vertical-align:-1px;}

.card_left{width:29%; float:left; text-align:center; display:table-cell; border-right:1px solid #e4e4e4; box-sizing:border-box;}
.card_left img{width:60%; display:block; padding:15% 0; margin-left:auto; margin-right:auto;}	
.card_left img.sun{width:70% !important; min-height:60px; min-width:80px;}
.card_right{width:71%; float:left; margin-left:-1px; display:table-cell; border-left:1px solid #e4e4e4; box-sizing:border-box;}

.card_left_b{width:33%; float:left; text-align:center; border-right:1px solid #e4e4e4; border-left:1px solid #e9e9e9; box-sizing:border-box;}
.card_left_b img{width:80%; max-width:320px; display:block; padding:8% 0; margin-left:auto; margin-right:auto;}	
.card_right_b{width:67%; float:left; margin-left:-1px; display:table-cell; border-left:1px solid #e9e9e9; box-sizing:border-box;}

.card_left_v{width:33%; float:left; text-align:center; border-right:1px solid #e9e9e9; border-left:1px solid #e9e9e9; box-sizing:border-box;}
.card_left_v img{width:88%; max-width:320px; display:block; padding:6% 0; margin-left:auto; margin-right:auto;}	
.card_right_v{width:67%; float:left; margin-left:-1px; display:table-cell; border-left:1px solid #e9e9e9; box-sizing:border-box;}

.card_left_m {display:inline-block; width:20%; float:left; vertical-align:middle; text-align:center; background:;}
.card_left_m img{display:inline-block; width:55%; display:block; padding:15% 0 0; margin-left:auto; margin-right:auto;}	
.card_right_m {display:inline-block; width:65%; float:left; vertical-align:middle; padding:5% 0; font-size:137.50%; font-weight:500; color:#454545; background:;}
.card_btn_m {display:inline-block; float:right; padding:5% 2% 0; background:;}

.card_title{line-height:130%; padding:3% 1% 2% 5%; font-size:100%; font-weight:600; color:#333;}	
.card_subtitle{line-height:120%; padding:0 1% 0 5%; font-size:87.50%; font-weight:400; color:#999;}
.card_subtitle span.ellipsis{display:block;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.card_subtitle em{color:#00aadd;}

.card_date{width:100%; padding-left:6%; font-size:87.50%;font-weight:600; line-height:260%;}
.card_date:after{content:''; display:block; clear:both;}		
.card_date .txt_date{width:36%; font-family:Verdana; font-weight:normal; color:#d3d3d3; float:left;}
.card_date .share{width:18%; float:left; color:#e23b3b;}	
.card_date .share img{width:25%;vertical-align:middle;}	
.card_date .like{width:18%; float:left;	color:#7194e9; padding-bottom:1%;}				
.card_date .like img{width:25%;}	

.card_view {color:#252525;}
.card_view dt {padding:8px 12px 4px 12px;font-size:93.80%;font-weight:500;background:#f9f9f9;line-height:22px;}
.card_view dd {padding:0 12px 10px 12px;font-size:81.30%;color:#777;background:#f9f9f9;line-height:18px;}
.card_view dd.cont {padding:10px 12px 30px 12px;font-size:87.50%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;line-height:150%;}
.card_view dd.vod {padding:10px 4px 12px 4px;font-size:87.50%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;line-height:150%; color:#454545;}
.card_view .cont {padding:8px;}
.card_view .txt {color:#888; font-size:11px; margin-top:20px;}

.btn_type01_w {display:inline-block;text-align:center;vertical-align:middle;padding:0 12px;overflow:hidden;height:25px;line-height:26px;font-size:0.875rem;font-weight:bold;font-family:dotum;color:#444;
border:1px solid #afafaf;border-radius:3px;background-color:#fff;background:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#f2f2f2));}