@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* 구글 웹폰트 | 나눔고딕 */

html, .normalize, .m9_editor, .m9_editor_box{font-family:'Nanum Gothic',sans-serif}

.program_contents_img_area p{display:none}

.convert_title_font1{font-family:'Nanum Gothic' !important;font-weight:300 !important}
.convert_title_font2{font-family:'Nanum Gothic' !important;font-weight:300 !important}

.arrow-top-1, .arrow-down-1, .arrow-left-1, .arrow-right-1{z-index:11}

._preview .fullimg{border:1px solid #ccc}

#container{background:url('https://abonz.com/m9_img/background/etc/url_bg.jpg') repeat-x}

#wrapper{max-width:100%}
#header{position:absolute;z-index:1000;border-bottom:1px solid rgba(255, 255, 255, 0.3)}
.page_top_menu{display:none}
.page_menu_one, .page_menu_one_a{text-shadow:0px 0px 1px rgba(2, 2, 2, 1)}

.page_up_link_box{width:100% !important}
.page_up_link_td1>.page_width{width:100% !important}

.user-btn-1{display:inline-block;padding:1em 2em;background:#1d1d1d;color:#fff;text-align:center;border-radius:10000px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;text-decoration:none}
.user-btn-1:hover,.user-btn-1:focus{background:#43a689;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;text-decoration:none !important}



.page_width3{width:1920px;max-width:100%;margin:0 auto}	
.main_slide_contructor{padding-bottom:56.25%}

.slide_word_box{position:absolute;top:0;left:0;width:100%;margin-top:24%;padding:0 5%;text-align:center}
.slide_word1{font-size:82px;color:#fff;font-family:Arial;font-weight:bold;line-height:1.1;letter-spacing:-0.05em;margin-bottom:5px;text-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px;bor1der:1px dashed red}
.slide_word2{font-size:40px;color:#fff;font-weight:normal;line-height:1.2;text-shadow:rgba(0, 0, 0, 0.8) 0px 0px 3px;bo1rder:1px dashed red}
.slide_word3{font-size:18px;color:#fff;font-weight:bold;line-height:1.2;text-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px;bo1rder:1px dashed red;margin-top:7%}

.slide_btn,.slide_btn2{display:inline-block;padding:1em 2em;background:#fd734f;color:#fff;text-align:center;border-radius:10000px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease}
.slide_btn:hover,.slide_btn:focus,.slide_btn2:hover,.slide_btn2:focus{background:#43a689;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease}
.slide_btn2{background:#43a689}
.slide_btn2:hover,.slide_btn2:focus{background:#fd734f}

/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:683px){
#header{background:#222}
.page_menu{background:#333}

.slide_word_box{margin-top:10%;padding:10%}
.slide_word1{font-size:35px}
.slide_word2{font-size:15px}
.slide_word3{font-size:15px}
}
/* 모바일 바로 보기로 취급 */
@media screen and (max-width:439px){
.slide_word1{font-size:20px}
.slide_word2{font-size:15px}
.slide_word3{font-size:13px;font-weight:normal}
.slide_btn,.slide_btn2{padding:0.5em 1em}
}

.button{border-color:#000}




p{line-height:1.4}
.user_group_1{position:relative;padding:1em;overflow:hidden;height:200px;border-color:#eaeaea}
.user_group_2{position:relative;padding:1em;overflow:hidden;height:170px;border-color:#eaeaea}


.page_menu_one,.page_menu_one_a{position:relative}
.page_menu_one:before,.page_menu_one_a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background:red;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.page_menu_one:hover:before, .page_menu_one:focus:before, .page_menu_one:active:before {left: 0;right: 0;z-index:1}
.page_menu_one_a:before,.page_menu_one_a:hover:before, .page_menu_one_a:focus:before, .page_menu_one_a:active:before {left: 0;right: 0;z-index:1}


/* 사용자 박스 정의 */
.user-box-title{position:relative;z-index:10;margin-bottom:1em;line-height:1;}
.user-box-content{position:relative;z-index:10;margin-bottom:1em;font-size:1em;text-align:justify}
.user-box-content2{position:relative;z-index:10;margin-bottom:1em}

/* 원하는 색상을 정의하세요 */
.user-background-1{background-color:#f1f1f1;color:#212121;border-color:#212121}
.user-background-2{background-color:#c80f27;color:#fff;border-color:#34384d}
.user-background-3{background-color:#f5f5f5;color:#333;border-color:#00838f}

.user-color1,.user-hover1:hover,.user-hover1:focus{background-color:#3f8af9;color:#fff;border-color:#397ce0;text-shadow:0px 0px 2px #2960b2}
.user-color1 a,.user-color1 i{color:#fc7c3d;text-shadow:0px 0px 2px #000}
.user-color2,.user-hover2:hover,.user-hover2:focus{background-color:#ed2344;color:#fff;border-color:#821426;text-shadow:0px 0px 2px #821426}
.user-color2 a,.user-color2 i{color:#aa0443;text-shadow:0px 0px 2px #ffacd6}

.user-btn-color1{background-color:#fff;color:#333;border-color:#999;text-shadow:0px 0px 2px #f2f2f2}

.f-user-color1{color:crimson}



/* 보기모드/내용글크기/SNS 버튼 등 */
.allImg{background-image:url(/etc_img/page_img.png)}



/* SNS 버튼 속성 */
.sns-container{margin:20px 0}
.sns_p{margin:0;text-align:right}
.sns_box li{display:inline-block;*zoom:1;*display:inline;font-size:0}
.btn_sns{display:inline-block;*zoom:1;*display:inline;width:30px;height:30px}
.box_sns{display:block;width:30px;height:30px;text-indent:-9000px;text-align:left;white-space:nowrap;overflow:hidden}
.pos_facebook{background-position:0 0}
.pos_twitter{background-position:-30px 0}
.pos_kakao{background-position:-60px 0}
.pos_kakaostory{background-position:-90px 0}
.pos_qrcode{background-position:-120px 0}
.qr_code_div{position:absolute;z-index:200;display:none;border:1px solid #ccc;background:#fff;width:130px;height:130px}



/* guide라는 카테고리있으면 에러 */
.btn_mode0_btn{width:56px;height:20px;display:inline-block;*zoom:1;*display:inline}
.box_mode0_btn{width:56px;height:20px;display:block;text-indent:-9000px;text-align:left;line-height:20px}
.btn_mode1_btn{width:56px;height:20px;display:inline-block;*zoom:1;*display:inline}
.box_mode1_btn{width:56px;height:20px;display:block;text-indent:-9000px;text-align:left;line-height:20px}
.btn_mode2_btn{width:74px;height:20px;display:inline-block;*zoom:1;*display:inline}
.box_mode2_btn{width:74px;height:20px;display:block;text-indent:-9000px;text-align:left;line-height:20px}
.pos_mode0_btn{background-position:0 -100px}
.pos_mode1_btn{background-position:-100px -100px}
.pos_mode2_btn{background-position:-200px -100px}
.box_guide_btn{width:65px;height:20px;display:block;text-indent:-9000px;text-align:left;line-height:20px}
.pos_guide_btn{background-position:-120px -50px}



.contents_control li {float: left;padding-right: 1px;}

.table-1 th, .table-1 td, .table-2 th, .table-2 td, .table-3 th, .table-3 td, .table-4 th, .table-4 td, .table-5 th, .table-5 td, .table-6 th, .table-6 td{padding:12px 16px}
.table-1>thead>tr>th, .table-1>thead>tr>td, .table-2>thead>tr>th, .table-2>thead>tr>td, .table-3>thead>tr>th, .table-3>thead>tr>td, .table-4>thead>tr>th, .table-4>thead>tr>td, .table-5>thead>tr>th, .table-5>thead>tr>td, .table-6>thead>tr>th, .table-6>thead>tr>td{padding:12px 16px;font-weight:bold;font-size:1em}
.table-6 tr>th:first-child{background:#f1f1f1}

.table-1>tbody>tr>th{background:#f5f5f5}
.table-1>tbody>tr>td{background:#fff}
.table-1>thead>tr>th{border-bottom-color:#666}

.mode_box{display:none}

.group_tab>ul>li>a[class='selected'], .group_tab>ul>li>a:hover, .group_tab>ul>li>a:focus{background:#222;border-color:#222}

.normalize, .m9_editor, .m9_editor_box{font-size:15px;letter-spacing:-0.5px}
#program_list_area{font-size:15px;letter-spacing:-0.5px}

.title_bottom_msg{font-size:18px;color:#111;text-align:center;
/* background:url(http://vcomm.kr/etc_img/title_bottom_mark.png) 50% 0 no-repeat; */
padding-top:70px;
}
.title_bottom_msg:after{content:'';width:100%;height:7px;display:block;margin:30px 0 40px 0;
/* background:url(http://vcomm.kr/etc_img/title_bottom_mark2.png) 50% 0 no-repeat; */
}
.title_bottom_msg>b{color:#34384d}

/* .convert_title_out1:before{content:''; width:24px; height:4px; background:#56a8d1; position: absolute; display:inline-block} */
/* .convert_title_out1:after{content:'';background-color: #126bad; width: 8px; height: 4px; position: absolute; top: 0px; display:inline-block} */
/* .convert_title_out2{position:relative;padding-left:24px} */
/* .convert_title_out2:before{content:'';background-color: #fff; border: 1px solid #126bad; width: 13px; height: 13px; position: absolute; top: 15px;left:0;display:inline-block} */
/* .convert_title_out2:after{content:'';background-color: #126bad; border: 1px solid #126bad; width: 13px; height: 13px; position: absolute; left: 4px; top: 19px;display:inline-block} */
#convert{padding-bottom:50px}


.mobile-menu{background:#222}
/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:683px) {

#container{background:none}

.page_tab{display:none !important}

.page_banner_bottom_in{visibility:hidden;height:0}
.user_group_1{height:initial}.user_group_2{height:initial}
/* .page_top_menu{background:#f1f1f1 !important} */
/* .m_top_navi_btn{color:#333 !important} */
/* .top_navi_btn{color:#333 !important} */
.page_left{display:none}

.normalize, .m9_editor, .m9_editor_box{font-size:14px}
#convert{padding-bottom:0px}
}

/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:439px){
.user_group_1{border-bottom:1px solid;border-color:#e0e0e0}.user_group_2{border-bottom:1px solid;border-color:#e0e0e0}
.table-1 th, .table-1 td, .table-2 th, .table-2 td, .table-3 th, .table-3 td, .table-4 th, .table-4 td, .table-5 th, .table-5 td, .table-6 th, .table-6 td{padding:6px 2px}

.convert_title_font1{font-size:30pt !important}
.convert_title_font2{font-size:20pt !important}
}