@charset "utf-8";

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 Introduce Header - UI 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body {color:#333; background-color:#fff;}

.header {background-color:#fff; position:relative;}
/*.header .container_box .logo h1 {background: url('http://image.ichannela.com/images/common/logo_rebrand.png') no-repeat center 50%; background-size: 100%;}*/
.header .container_box .logo h1.logo_black {display: block;}
.header .container_box .logo h1.logo_white {display: none;}

/* 데스크탑 */
@media all and (max-width:1260px){
      .base_width {width:auto;}
      .header .base_width {padding:0 10px;}
}

/* 태블릿 */
@media all and (max-width:1024px){
      .header {height:70px;}
      .header .container_box .logo h1 {margin-left:10px; width:120px; height:55px; padding-top:15px;  /*background: url('http://image.ichannela.com/images/common/logo_rebrand.png') no-repeat left center; background-size:100%;*/}
      .header .container_box .logo h1.logo_black {display: block;}
     .header .container_box .logo h1.logo_white {display: none;}
      .header .container_box .gnbarea, .header .container_box .utilarea {display:none;}
}

@media all and (max-width:768px){
       
}

/* 모바일 */
@media all and (max-width:414px){

}


/* 대메뉴 */
.gnbarea ul.gnb>li a {color:#333;}
.gnbarea ul.gnb>li:hover a {color:#196EFF;} 

/* 유틸메뉴 */
.utilarea ul.util_list li a {color:#333;} 
.header .container_box .utilarea a.btn_total_search {display:inline-block; width:24px; height:24px; background: url('../images/common/icon_search_gray.png') no-repeat center center; position: relative; top:5px;}
.header .container_box .utilarea a.btn_total_search img {display:none;}
/*.utilarea ul.util_list li a i {font-size:20px; color:#333;}*/

@media all and (max-width:1200px){
      
}

/* 테스크탑 */
@media all and (max-width:768px){
      .gnbarea, .utilarea {display:none;}
}



a.btn_sidemenu {display:none;}

/* 테스크탑 */
@media all and (max-width:1024px){
      a.btn_sidemenu {display:inline-block; width:22px; height:22px; line-height:0; text-align:center; position:absolute; top:50%; right:25px; margin-top:-11px;}
      a.btn_sidemenu span {display:inline-block; margin:3px 0;  width:100%; height:2px; background-color:#333;}

      a.btn_sidemenu.active {width:40px; height:40px; left:15px; margin-top:-20px;}
      a.btn_sidemenu.active span {width:55px; margin:0;}
      a.btn_sidemenu.active span:nth-child(1) {transform:rotate(45deg); position:relative; top:16px; left:-7px;}
      a.btn_sidemenu.active span:nth-child(2) {transform:rotate(-45deg); position:relative; top:12px; left:-7px;}
      a.btn_sidemenu.active span:nth-child(3) {display: none;}
}


/*///////////////////////////////////////////////////////////////////////
 페이지 공통영역
/////////////////////////////////////////////////////////////////////// */
.page_introduce {padding:30px 0 0 0; border-top:solid 1px #d5d5d5;}
.page_location {margin-bottom:20px; font-size:12px; text-align:right;}
.page_location .current_page {}

.top_visual {}
.top_visual .visual_cha {}
.top_visual .visual_cha img {}

h3.intro_title {padding-left:20px; font-size:30px; padding-bottom: 30px;  font-weight:normal; height:44px; background: url('http://image.ichannela.com/images/common/re_introduce_icon.png') no-repeat left top; font-weight: bold;}

.intro_pg_detail {padding-top:50px; padding-bottom:70px; font-size:16px;}
.intro_pg_detail:after {content:""; display: block; clear: both;}
.pg_ment {margin-top:15px; margin-left:20px;}

.page_introduce .topbase_width {margin:0px auto; width:1260px;}

.intro_pg_func {padding:60px 0; text-align:center;}
.intro_pg_func .btn_list_more {width:300px; height:62px; font-size:20px; color:#333; background-color:#fff; border-radius:5px; border:solid 1px #196EFF;}
.intro_pg_func .btn_list_more:hover {opacity:0.8;}

.intro_pg_func .btn_list_more02 {width:300px; height:62px; font-size:18px; font-weight: bold; color:#fff; background-color:#196EFF; border-radius:30px; border:solid 1px #196EFF;}
.intro_pg_func .btn_list_more02:hover {opacity:0.8;}

 /* 테스크탑 */
@media all and (max-width:1260px){
      .page_introduce .topbase_width {margin:0px; width:auto; text-align: center;}
      .page_introduce .base_width {margin:0 10px;}
      .page_introduce .base_width .top_visual {margin:0 -10px;}

}
@media all and (max-width:1024px){
      .page_introduce {padding:0;}
      .page_location {display:none;}

      h3.intro_title {padding-left:15px; font-size:25px; padding-bottom: 0; background-size:9px;}

      .intro_pg_detail {padding:50px 0 0 0;}
}
@media all and (max-width:768px){
      h3.intro_title {padding-left:10px; font-size:20px; padding-bottom: 0; background-size:6px;}
      .intro_pg_detail {padding:20px 16px; font-size:16px;}
      .pg_ment {margin-top:5px; margin-left:10px; font-size:14px;}
}
@media all and (max-width:640px){
      .intro_pg_func {padding:20px 7px 50px;}
      .intro_pg_func .btn_list_more {width:150px; height:40px; font-size:16px; }
}



/* 탭메뉴 ///////////////*/
nav.introduce_tab {padding:20px 0; text-align:center; border-bottom:solid 1px #ccc;}
nav.introduce_tab ul {line-height:1;
      white-space: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      flex-wrap: inherit !important;
      scrollbar-width: none;}
nav.introduce_tab ul::-webkit-scrollbar {display:none;}
nav.introduce_tab ul li {display:inline-block; padding:0 30px; font-size:18px; border-left:solid 1px #ddd;}
nav.introduce_tab ul li:first-child {border-left:none;}
nav.introduce_tab ul li a:hover,
nav.introduce_tab ul li a.active {color:#196EFF;}

/* 테블릿 */
@media all and (max-width:1024px){
      nav.introduce_tab {padding:15px 0;}
      nav.introduce_tab ul li {padding:0 20px; font-size:16px;}
}
/* 모바일 */
@media all and (max-width:640px){
      nav.introduce_tab ul li {padding:0 10px; font-size:16px;}
}


/*/////////////////////////////////////////////////////////////////////
채널A 소개 상단 공통
//////////////////////////////////////////////////////////////////////*/






/*///////////////////////
기본 게시판
////////////////////////*/
table.common_board_list {width:100%; font-size:16px; border-top:solid 1px #d5d5d5;}
table.common_board_list thead {}
table.common_board_list thead th {padding:18px 5px; border-bottom:solid 1px #d5d5d5; background-color:#f1f1f1;}
table.common_board_list tbody {}
table.common_board_list tbody th {padding:18px 5px; text-align:center; border-bottom:solid 1px #d5d5d5;}
table.common_board_list tbody td {padding:18px 5px; text-align:center; border-bottom:solid 1px #d5d5d5;}
table.common_board_list tbody tr.disible td {color:#999;}

table.common_board_wirte {width:100%; font-size:16px; border-top:solid 1px #6f6f6f;}
table.common_board_wirte thead th {padding:18px 5px; border-bottom:solid 1px #6f6f6f; background-color:#464646;}
table.common_board_wirte thead td {padding:18px 5px; border-bottom:solid 1px #6f6f6f; background-color:#464646;}
table.common_board_wirte tbody td {padding:35px 30px; border-bottom:solid 1px #6f6f6f; background-color:#222222;}

table.common_board_view {width:100%; font-size:16px; border-top:solid 1px #6f6f6f;}
table.common_board_view thead th {padding:18px; background-color:#464646;}
table.common_board_view tbody th {padding:18px; background-color:#676767;}
table.common_board_view tbody td {padding:18px; border-bottom:solid 1px #ccc;}

@media all and (max-width:768px){
      table.common_board_list {font-size:14px;}
      table.common_board_list thead th {padding:5px;}
      table.common_board_list tbody th {padding:5px;}
      table.common_board_list tbody td {padding:5px;}

      /* 결제내역 게시판 - 모바일 화면 */
      table#board_pay {display:block; border:none;}
      table#board_pay colgroup {display:none;}
      table#board_pay thead {display:none;}
      table#board_pay tbody {display:block; border:none;}
      table#board_pay tr {display:block; margin-bottom:10px; padding:10px 5px; border:solid 1px #ccc; border-radius:5px;}      
      table#board_pay tr td {display:block; border:none; text-align:left;}
      table#board_pay .m_paydate {line-height:1;}
      table#board_pay .m_title {font-size:18px; line-height:1.2;}
      table#board_pay .m_paymuch {float:left; margin-bottom:10px;  margin-right:10px; padding:5px 10px; background-color:#eee; border-radius:30px;}
      table#board_pay .m_paytool {float:left; padding:5px 10px; background-color:#eee; border-radius:30px;}
      table#board_pay .m_use_state {clear:both; padding-top:5px; border-top:solid 1px #ddd;}
}


/* 공지사항 관련사이트  //////////////////////////////////////////////////////////////////*/
/*
.notice_quicklink {border-top:solid 1px #dddddd;}
.notice_quicklink .base_width {border-left:solid 1px #dddddd; border-right:solid 1px #dddddd;}


.quicklink .linkbox a.link_title {border-left:solid 1px #dddddd;}
.quicklink .linkbox .link_item {background-color:#fff;}
*/

/* 테스크탑 */
@media all and (max-width:1200px){
      .quicklink {border-top:solid 1px #dddddd;} 

}
/* 테블릿*/
@media all and (max-width:768px){
      
}
/* 모바일*/
@media all and (max-width:640px){   

}

/* 채널A 기타 메뉴  //////////////////////////////////////////////////////////////////*/
/*
.cha_etc_menu {border-top:solid 1px #dddddd;}
.cha_etc_menu .base_width {border-left:solid 1px #dddddd; border-right:solid 1px #dddddd;}
*/


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 Footer
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer {background-color:#f4f6f8;}
.footer_content .footer_copy {color:#333;}
.footer_content .footer_copy .copyright strong {color:#196EFF;}


/* 테블릿 */
@media all and (max-width:1024px){
}
/* 테블릿 */
@media all and (max-width:480px){
}

/*///////////////////////////////////////////////////////////////////////
채널A소개 리브랜딩 
/////////////////////////////////////////////////////////////////////// */
.re_vision_mov_p {display: block;}
.re_vision_mov_m {display: none;}
.re_introduce01 {margin:80px 0;}
.re_introduce01 img {width:25%;}
.re_introduce02 {}
.re_introduce02 img {width:100%;}
.re_introduce02 {display: block;}
.re_introduce02m {display: none;}
.re_introduce03 {margin:150px 0 0 0;}
.re_introduce03 img {width:30%;}

.re_introduce04 {}
/*.re_introduce04 img {width:30%;}*/
.re_introduce04_p {display: block;}
.re_introduce04_m {display: none;}
/*.re_introduce04 p a img {width:11%;}*/
.btn_home_direct {display: inline-block; border-radius: 30px; background: #196EFF; padding:1% 1.8%; color:#fff; font-size: 18px;}
.re_introduce04 p a img.homego {width:8%;}

.re_introduce05 {padding:80px 0 150px;}
.re_introduce05 img {width:70%;}
.re_introduce05_p {display: inline-block;}
.re_introduce05_m {display: none;}

@media all and (max-width:1024px){
    .re_vision_mov_p {display: none;}
    .re_vision_mov_m {display: block;}
    .re_introduce01 {margin:30px 0 30px 0;}
    .re_introduce01 img {width:50%;}
    .re_introduce02 {display: none;}
    .re_introduce02m {display: block; background: url('http://image.ichannela.com/images/common/re_introduce02_bg.png'); background-size:cover; padding:10% 0 10% 5%;}
    .re_introduce03 {margin:70px 0 50px 0}
    .re_introduce03 img {width:50%;}
    .re_introduce05 {padding:40px 0 60px;}
    .re_introduce05 img {width:80%;}
    .re_vision_mov_m {display: block;}
    .re_vision_mov_p {display: none;}
    .re_introduce04_p {display: none;}
    .re_introduce04_m {display: block;}
    .re_introduce04 p a img {width:50%;}
    .re_introduce05_p {display: none;}
    .re_introduce05_m {display: inline-block;}
    .btn_home_direct {display: inline-block; border-radius: 30px; background: #196EFF; padding:3% 5%; color:#fff; font-size: 16px;}
}