@charset "utf-8";

@import url("base.css");
@import url("core_contents.css");
@import url("common_board.css");

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 공통 - UI 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#skip_navi {display:none;}
body {background-color:#fff;}
#wrapper {background-repeat:no-repeat; background-position:center top; /*width:100%; min-width:1000px;*/ /*height:100%;*/ box-sizing:border-box;}

.header_pos {width:100%; min-width:320px; background-color:#fff; position:relative; z-index:99;
      /*-webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);*/
}

.base_width {margin:0 auto; width:1200px; position:relative;}
/* 데스크탑 */
@media all and (max-width:1200px){
      .base_width {width:100%;}
}

.icon_newpoint {display:inline-block; width:6px; height:6px; background-color:#ff0000; position:absolute; top:10px; right:4px;
      -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}

/* 권한선택영역 */
.authority_select {padding:0 5px; border-top:solid 1px #ccc;}

/* 알림 팝업 ///////////////////////////////////////////////////////////////////////*/
.alarm_pop {width:400px; font-size:16px; line-height:1.4; background-color:#f5f5f5; position:absolute; top:41px; right:0; z-index:10;
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
}
.alarm_pop .outline {padding:10px 15px 5px; height:395px; overflow-y:auto;}

.alarm_pop .outline .top {padding:10px 0 5px; overflow:hidden; position:relative;}
.alarm_pop .outline .top .left {}
.alarm_pop .outline .top .left strong {font-size:20px; color:#666; font-weight:normal;}
.alarm_pop .outline .top .left span {font-size:15px;}
.alarm_pop .outline .top a.btn_search_pop_close {display:inline-block; width:40px; height:40px; line-height:40px; font-size:0; text-indent:-10000px; background:url('../../images/CC/icon/btn_alarmpop_close.png') no-repeat center center;
  position:absolute; top:0; right:0;}
.alarm_pop .outline .alarm_list_blank {height:345px; line-height:345px; text-align:center; background-color:#fff;}
.alarm_pop .outline .alarm_list_blank span {color:#999;}

.alarm_pop .outline .alarm_list {}
.alarm_pop .outline .alarm_list ul {}
.alarm_pop .outline .alarm_list ul li {padding:5px 0;}
.alarm_pop .outline .alarm_list ul li .box {display:table; width:100%; height:60px; background-color:#fff; table-layout:fixed;}
.alarm_pop .outline .alarm_list ul li .box .cell_cata {display:table-cell; vertical-align:middle; /*width:50px;*/ text-align:center;}
.alarm_pop .outline .alarm_list ul li .box .cell_cata span.icon_alarm {display:inline-block; width:40px; height:40px; background-position: 6px 5px; background-repeat:no-repeat;}
.alarm_pop .outline .alarm_list ul li .box .cell_cata span.icon_alarm.icon_counsel_online {background-image:url('../../images/CC/icon/alarm/icon_online.png');}
.alarm_pop .outline .alarm_list ul li .box .cell_cata span.icon_alarm.icon_counsel_offline {background-image:url('../../images/CC/icon/alarm/icon_offline.png');}
.alarm_pop .outline .alarm_list ul li .box .cell_cata span.icon_alarm.icon_counsel_cancle {background-image:url('../../images/CC/icon/alarm/icon_cancle.png');}
.alarm_pop .outline .alarm_list ul li .box .cell_cata span.icon_alarm.icon_counsel_return {background-image:url('../../images/CC/icon/alarm/icon_return.png');}
.alarm_pop .outline .alarm_list ul li .box .cell_cata span.icon_alarm.icon_counsel_approval {background-image:url('../../images/CC/icon/alarm/icon_approval.png');}
.alarm_pop .outline .alarm_list ul li .box .cell_cata span.icon_alarm.icon_counsel_diagnosis {background-image:url('../../images/CC/icon/alarm/icon_diagnosis.png');}
.alarm_pop .outline .alarm_list ul li .box .cell_cata span.icon_alarm.icon_certificationok {background-image:url('../../images/CC/icon/alarm/icon_certificationok.png');}
.alarm_pop .outline .alarm_list ul li .box .cell_cata span.icon_alarm.icon_certificationno {background-image:url('../../images/CC/icon/alarm/icon_certificationno.png');}
.alarm_pop .outline .alarm_list ul li .box .cell_cata span.icon_alarm.icon_certificationcancel {background-image:url('../../images/CC/icon/alarm/icon_certificationcancel.png');}
.alarm_pop .outline .alarm_list ul li .box .cell_cata span.icon_alarm.icon_scholarshipm {background-image:url('../../images/CC/icon/alarm/icon_scholarshipm.png');}

.alarm_pop .outline .alarm_list ul li .box .cell_txt {display:table-cell; padding:0 0 0 10px; color:#666; vertical-align:middle;font-size:14px; width:73%;}
.alarm_pop .outline .alarm_list ul li .box .cell_txt span.tx_ti {display:block; width:100%;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;
}
.alarm_pop .outline .alarm_list ul li .box .cell_txt span.tx_cata {display:block;}

.alarm_pop .outline .alarm_list ul li .box .cell_link {display:table-cell; vertical-align:middle; /*width:50px;*/ text-align:center; line-height:1;}
.alarm_pop .outline .alarm_list ul li .box .cell_link a.btn_go_alarmlink {display:inline-block; width:40px; height:40px; font-size:0;  background:url('../../images/CC/icon/alarm/icon_link.png') no-repeat center center;}
.alarm_pop .outline .alarm_list ul li .box .cell_link a.btn_go_alarmlink:hover {-webkit-border-radius:40px; -moz-border-radius:40px; -o-border-radius:40px; border-radius:40px; background-color:#eee;}

.alarm_pop .bottom {padding:10px; text-align:center; background-color:#fff;}
.alarm_pop .bottom span {color:#999;}

/* 모바일*/
@media all and (max-width:414px){
      .alarm_pop {width:100%; font-size:14px; line-height:1.4; background-color:#f5f5f5; position:absolute; top:41px; right:0; z-index:10;} 
      .alarm_pop .outline {padding:10px 15px 5px; height:390px; overflow-y:auto;}
      .alarm_pop .outline .alarm_list ul li .box .cell_txt span.tx_ti {display:block; width:100%;}
      .alarm_pop .bottom {padding:5px;}
      .alarm_pop .bottom span {font-size:14px;}
}


/* 검색 팝업 ///////////////////////////////////////////////////////////////////////*/
.search_pop {width:600px; font-size:16px; line-height:1.4; /*border:solid 1px #cccccc;*/ border-bottom:none; background-color:#fff; position:absolute; top:40px; right:0; z-index:10;
      -webkit-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.20);
      -moz-box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.20);
      box-shadow: 0px 2px 7px 2px rgba(0,0,0,0.20);
}
.search_pop .search_input .outline {display:table; width:100%; height:58px;}
.search_pop .search_input .outline .div_select {display:table-cell; width:120px; padding:0 10px; vertical-align:middle;}
.search_pop .search_input .outline .div_select select {width:100%; height:30px; font-size:14px; border:solid 1px #ccc;}

.search_pop .search_input .outline .div_input {display:table-cell; padding-right:20px; vertical-align:middle;}
.search_pop .search_input .outline .div_input .input_search_box {padding-right:40px; height:28px; border:solid 1px #ccc; position:relative;}
.search_pop .search_input .outline .div_input .input_search_box input {float:left; width:100%; height:28px; text-align:left; border:none;}
.search_pop .search_input .outline .div_input .input_search_box button.btn_search {float:right; width:40px; height:28px; line-height:28px; font-size:0; text-indent:-10000px; background:url('../../images/CC/icon/icon_top_search.png') no-repeat center center; position:absolute; top:0; right:0;}

.search_pop .search_input .outline .div_close {display:table-cell; padding:0; width:50px; vertical-align:middle; text-align:center; /*border-left:solid 1px #ccc;*/ background-color:#f5f5f5;}
.search_pop .search_input .outline .div_close a.btn_search_pop_close {display:inline-block; width:58px; height:58px; line-height:58px; font-size:0; text-indent:-10000px; background:url('../../images/CC/icon/btn_alarmpop_close.png') no-repeat center center;}

.search_pop .search_result {border-top:solid 1px #f5f5f5; padding: 10px;}
.search_pop .search_result .list_scroll {height:307px; overflow-y:auto;}

table.table_search_basic {width:100%; font-size:16px; background-color:#fff;
      word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_search_basic thead th {padding:0 5px; height:30px; color:#333333; font-weight:normal; border-left:solid 1px #ddd; border-bottom:solid 1px #ddd; border-top:none; background-color:#e6e6e6;}
table.table_search_basic thead th:first-child {border-left:none;}
table.table_search_basic tbody th {padding:0 5px; height:45px; color:#333333; font-weight:normal; border-left:solid 1px #ddd; border-bottom:solid 1px #ddd; background-color:#e6e6e6;}
table.table_search_basic tbody th:first-child {border-left:none;}
table.table_search_basic tbody td {padding:0 5px; height:45px; font-size:14px; text-align:center; border-left:solid 1px #ddd; border-bottom:solid 1px #ddd;}
table.table_search_basic tbody td:first-child {border-left:none;}

@media all and (max-width:640px){   
      .search_pop {width:100%; font-size:14px; line-height:1.4;} 
      .search_pop .search_input .outline .div_select {width:80px;}
      table.table_search_basic {width:650px; font-size:16px;}
}

/* 쪽지 //////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.sms_tab {padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #ddd;}
.sms_tab ul {display:table; width:100%;}
.sms_tab ul li {display:table-cell; width:33.33%; padding:1px;}
.sms_tab ul li a {display:block; height:30px; line-height:30px; color:#fff; text-align:center; background-color:#666666;}
.sms_tab ul li a.active {background-color:#1e5dbc;}

.email_adress_search {border:solid 1px #e4e4e4;}
.email_adress_search .top {padding:5px 10px; text-align:center; color:#666; font-weight:normal; background-color:#ebebeb;}
.email_adress_row {padding:10px; text-align:center; border-bottom:solid 1px #e4e4e4;}
.email_add_list {padding:10px; }
.email_add_list ul {overflow-y:auto; height:57px; }
.email_add_list ul li {display:inline-block; margin:3px; padding:0 7px; color:#333; background-color:#f2f2f2;}
.email_add_list ul li span {display:inline-block; height:20px; line-height:20px;}
.email_add_list ul li a {display:inline-block; height:20px; line-height:20px;}


@media all and (max-width:640px){   
      .search_sms {width:45%;}
}


/* 헤더 영역 */
.header {height:77px; position:relative; box-sizing:border-box;}
h1.logo {float:left; font-size:0; text-indent:-1000px; width:350px; height:77px; background:url('../../images/CC/common/logo.png') no-repeat left center; box-sizing:border-box;}


/* 대메뉴 */
.gnbarea {position:absolute; top:0; right:0;}
.gnbarea ul.gnb {height:70px; margin-right:90px;}
.gnbarea ul.gnb>li {float:left; position:relative;}
.gnbarea ul.gnb>li a.title {display:block; padding:0 13px; height:77px; line-height:77px; color:#333; font-size:18px;}
.gnbarea ul.gnb>li:hover a.title {border-bottom:solid 2px #701e20; height:75px;}
.gnbarea ul.gnb>li a.title.active {background-color:#f2f2f2;}

.gnbarea ul.gnb>li .submenu {width:200px; background-color:#fff; position:absolute; top:77px; left:0;
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.7);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.7);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.7);
}
.gnbarea ul.gnb>li .submenu ul {}
.gnbarea ul.gnb>li .submenu ul li a {display:block; padding:0 20px; height:40px; line-height:40px; color:#333; font-size:15px; border-top:solid 1px #ccc;}
.gnbarea ul.gnb>li .submenu ul li.first a {border-top:none;}
.gnbarea ul.gnb>li .submenu ul li a:hover {color:#fff; background-color:#666;}

.gnbarea a.btn_totalmenu {display:block; width:90px; height:77px; text-align:center; font-size:0; text-indent:-10000px; background:url('../../images/CC/icon/btn_totalmenu.png') #701e20 no-repeat center center;
position:absolute; top:0; right:0;
}
.gnbarea a.btn_totalmenu.active {background:url('../../images/CC/icon/btn_totalmenu_close.png') #701e20 no-repeat center center;}


.btn_sidemenu {display:none;}

.gnbarea_mobile {position:fixed; top:0; right:0; width:100%; height:100vh; height:100%; overflow:hidden; background-color:rgba(0,0,0,0.7);}
.gnbarea_mobile .btn_sidemenu_close {display:inline-block; font-size:0; text-indent:-1000px; width:30px; height:30px; background:url('../../images/CC/icon/icon_sidemenu_close.png') no-repeat center center; background-size:100%; position:absolute; top:55px; right:10px;}
.gnbarea_mobile .sidemenu_outline {background-color:#fff; margin-right:50px; height:100vh; height:100%; overflow-y:auto; position:relative;}

.gnbarea_mobile .self_info_area {display:table; width:100%; box-sizing:border-box; padding:0 80px 0 0; height:70px; text-align:center; position:relative; /*background:url('../../images/CC/common/sidemenu_top_bg.jpg') #218687 no-repeat top center;*/ background-size:cover;}
.gnbarea_mobile .self_info_area .login_before {display:table-cell; height:60px; vertical-align:middle; border-bottom:solid 1px #ebebeb;}
.gnbarea_mobile .self_info_area .login_after {display:table-cell; height:60px; vertical-align:middle; border-bottom:solid 1px #ebebeb;}

.gnbarea_mobile .self_info_area .user_name {display:inline-block; padding-left:22px; background:url('../../images/CC/icon/icon_user_mobile.png') no-repeat left center; background-size:20px;}
.gnbarea_mobile .self_info_area a {display:inline-block; width:60px; height:28px; line-height:28px; font-size:12px; letter-spacing:-1px; text-align:center; border-radius:3px;}
.gnbarea_mobile .self_info_area a.btn_info_modify {background-color:#fff; border:solid 1px #ccc;}
.gnbarea_mobile .self_info_area a.btn_login, .btn_logout {color:#fff; background-color:#992733; border:solid 1px #992733;}
.gnbarea_mobile .self_info_area a.btn_home {display:inline-block; width:80px; height:70px; line-height:70px; font-size:0; text-indent:-10000px; border-radius:0; 
      background:url('../../images/CC/icon/sidemenu_icon_00.png') #992733 no-repeat center center; background-size:30px; position:absolute; top:0; right:0;}

.gnbarea_mobile ul.gnb_mobile {float:right; width:80px; height:100%; height:100vh; background-color:#333333;}
.gnbarea_mobile ul.gnb_mobile>li {display:block;}
.gnbarea_mobile ul.gnb_mobile>li a.title {display:block; width:80px; height:80px; line-height:80px; text-align:center; color:#fff; font-size:13px; letter-spacing:-1px; border-bottom:solid 1px #545454; background-color:#333333; background-size:30px; background-position:center 15px;}
.gnbarea_mobile ul.gnb_mobile>li a.title.active {background-color:#fff; color:#333; font-weight:600;}


.side_head {border-bottom:solid 1px #ddd; position:relative;}
.side_head h2 {padding:10px 15px; font-size:18px; line-height:1; border-bottom:solid 1px #333;}
.side_head .btn_submain_go {display:inline; width:20px; height:20px; font-size:0; text-indent:-10000px; border:solid 1px #666; border-radius:3px; background:url('../../images/CC/icon/location_arrow.png') no-repeat 5px center; position:absolute; top:10px; right:0;}

.gnbarea_mobile ul.gnb_mobile>li .submenu_mobile {box-sizing:border-box; position:absolute; top:70px; left:0;}
.gnbarea_mobile ul.gnb_mobile>li .submenu_mobile>ul {}
.gnbarea_mobile ul.gnb_mobile>li .submenu_mobile>ul>li {}
.gnbarea_mobile ul.gnb_mobile>li .submenu_mobile>ul>li a.title_depth2 {display:block; padding-left:25px; height:50px; line-height:50px; border-bottom:solid 1px #ccc; background:url('../../images/CC/icon/sidemenu_dot.png') no-repeat 15px center; background-size:3px; position:relative;}
.gnbarea_mobile ul.gnb_mobile>li .submenu_mobile>ul>li a.title_depth2 .cert {display:inline-block; width:15px; height:15px; background:url('../../images/CC/icon/sidemenu_cert.png') no-repeat center center; background-size:100%; position:absolute; top:50%; right:0; margin-top:-7px;}
.gnbarea_mobile ul.gnb_mobile>li .submenu_mobile>ul>li a.title_depth2.active {color:#992733;}
.gnbarea_mobile ul.gnb_mobile>li .submenu_mobile>ul>li a.title_depth2.active .cert {background:url('../../images/CC/icon/sidemenu_cert_active.png') no-repeat center center;}

.sumenu_depth3 {}
.sumenu_depth3 ul {padding:10px 0; border-bottom:solid 1px #ccc;}
.sumenu_depth3 ul li {}
.sumenu_depth3 ul li a {display:block; padding-left:20px; height:30px; line-height:30px;}
.sumenu_depth3 ul li a.active {color:#992733;}


/* 헤더 : 전체메뉴 */
.totalmenu_li {position:absolute; top:0; right:10px; z-index:0;}
.totalmenu_li ul {display:table; height:80px;}
.totalmenu_li ul li {display:table-cell;}
.totalmenu_li ul>li {padding-left:20px; vertical-align:middle;}
.totalmenu_li ul>li a.btn_totalmenu {display:block; padding:2px 0;}
.totalmenu_li ul>li a.btn_totalmenu span {display:block; margin:5px 0; width:20px; height:2px; background-color:#333;  transition: all 0.5s;}
.totalmenu_li ul>li a.btn_totalmenu span:nth-child(2) {width:13px;}
.totalmenu_li ul>li a.btn_totalmenu:hover span:nth-child(1) {width:13px;}
.totalmenu_li ul>li a.btn_totalmenu:hover span:nth-child(2) {width:20px;}

/* 사이드 메뉴 버튼 */
.btn_sidemenu {display:none;}

/* 테스크탑 */
@media all and (max-width:1200px){
      .header_top {padding:0 10px;}
      h1.logo {margin-left:10px;}
}
@media all and (max-width:1024px){      
      .gnbarea .gnb {display:none;}
      .totalmenu_box {margin-right:2%; width:96%;}
}
/* 테블릿*/
@media all and (max-width:768px){
      .header {height:60px; position:relative;}      
      h1.logo {height:60px; width:240px; background:url('../../images/CC/common/logo_mobile.png') no-repeat 0 center; box-sizing:border-box; background-size:100% !important;}


      .gnbarea {display:none;}
      a.btn_sidemenu {display:inline-block; width:50px; height:24px; line-height:0; text-align:center; position:absolute; top:17px; right:10px;}
      a.btn_sidemenu span {display:inline-block; margin:3px 0;  width:60%; height:2px; background-color:#333;}
}
/* 모바일*/
@media all and (max-width:320px){   
      .gnbarea_mobile .self_info_area {text-align:left;}
      .gnbarea_mobile .self_info_area .login_before {padding-left:30px;}
      .gnbarea_mobile .self_info_area .login_after {padding-left:30px;}
      .gnbarea_mobile .self_info_area .user_name {display:block;  background:url('../../images/CC/icon/icon_user_mobile.png') no-repeat left center; background-size:20px;}
}


/* 메인 상단 이미지 영역 ///////////////////////////////////////////////////////////////////////////////////*/
.main_top_visual {background-position:top center; background-color:#333; position:relative;}
.main_top_visual .base_width {height:626px;}
.main_top_visual .main_keyment {padding-top:100px; font-family:NBG,serif; letter-spacing:-0.5px;}
.main_top_visual .main_keyment span.system_ment {display:block; margin-bottom:35px; font-size:24px; color:#333333; line-height:1;}
.main_top_visual .main_keyment strong.system_name {display:block; margin-bottom:5px; font-family:SeoulNamsanB,serif; font-size:55px; font-weight:normal; line-height:1;}
.main_top_visual .main_keyment span.system_name_eng {display:block; font-size:22px; color:#888888; line-height:1;}

.main_new {width:100%; position:absolute; bottom:0; left:0; overflow:hidden;}
.main_new .left {float: left;width: 50%;height: 260px;background: url('../../images/CC/main/notice_bg.png') no-repeat left center;}
.main_new .right {float: right;width: 50%;height: 260px;position: relative;}
.main_contest .outline .banner_content_li > a > img {width:100%;}

/* 테스크탑 */
@media all and (max-width:1200px){
      .main_top_visual {background-size:cover;}
      .main_top_visual .base_width {height:initial;}

      .main_top_visual .main_keyment {margin-left:10px; margin-bottom:15px; padding-top:50px;}
      .main_new {width:100%; position:relative; bottom:initial; left:initial;}
      .main_new .left {float:left; width:50%; height:260px; background:url('../../images/CC/main/notice_bg.png') #fff no-repeat left center; background-size:cover;}
      .main_new .right {float:right; width:50%; height:260px;}
}
@media all and (max-width:1024px){
      .main_new {width:initial; padding:0; box-sizing: border-box;}
      .main_new .left {float:left; width:50%; height:220px;}
      .main_new .right {float:right; width:50%; height:220px;}
}
/* 테블릿*/
@media all and (max-width:768px){
      .main_top_visual .main_keyment span.system_ment {margin-bottom:10px; font-size:20px;}
      .main_top_visual .main_keyment strong.system_name {font-size:40px;    
		word-break: keep-all;
		white-space: -moz-pre-wrap;
		white-space: -pre-wrap;
		white-space: -o-pre-wrap;
		word-wrap: break-word;}
      .main_top_visual .main_keyment span.system_name_eng {font-size:18px;}

      .main_new .left {float:left; width:100%; height:220px;}
      .main_new .right {float:right; width:100%; height:auto;}
}
/* 모바일*/
@media all and (max-width:480px){
      .main_new {padding:0 10px;}
      .main_new .left {height:auto;}
      .main_new .right {height:auto;}
}


/* 공지사항 ///////////////////////////////////////////////////////////////////////////////////*/
.main_notice {padding:25px 40px 0;}
.main_notice .top {position:relative;}
.main_notice .top h3 {margin-bottom:10px; font-size:24px; color:#010101;}
.main_notice .top a.btn_close {display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; font-size:30px; position:absolute; top:5px; right:0;}
.main_notice .main_notice_list {}
.main_notice .main_notice_list ul {}
.main_notice .main_notice_list ul li {padding-left:15px; padding-right:120px; font-size:16px; line-height:42px; overflow:hidden; background:url('../../images/CC/icon/bullet_dot.png') no-repeat center left;}
.main_notice .main_notice_list ul li a {display:block; float:left; width:100%;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;
}
.main_notice .main_notice_list ul li a:hover {text-decoration:underline;}
.main_notice .main_notice_list ul li span.date {display:inline-block; float:right; width:120px; margin-right:-120px; text-align:right;}

/* 테스크탑 */
@media all and (max-width:1200px){

}
@media all and (max-width:1024px){
      .main_notice {padding:20px 20px 0;}
      .main_notice .main_notice_list ul li {padding-left:5px; padding-right:120px; font-size:14px; line-height:30px; overflow:hidden; background:url('../../images/CC/icon/bullet_dot.png') no-repeat center left;}
}
/* 테블릿*/
@media all and (max-width:768px){

}
/* 모바일*/
@media all and (max-width:480px){
      .main_notice {padding:20px 20px;}
      .main_notice .main_notice_list ul li {padding-right:90px;}
      .main_notice .main_notice_list ul li span.date {display:inline-block; float:right; width:90px; margin-right:-90px; text-align:right;}
}


/* 배너 영역 ///////////////////////////////////////////////////////////////////////////////////*/
.main_contest {display:table; width:100%; height:100%;}
.main_contest .outline {display:table-cell; text-align:center; vertical-align:middle;}
.main_contest_dot_navi {width:100%; text-align:center; position:absolute; bottom:10px; left:0; z-index:10;}
.main_contest_dot_navi a {display:inline-block; margin:0 2px; width:15px; height:15px; font-size:0; text-indent:-10000px; background-color:rgba(255,255,255,0.5); 
-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.main_contest_dot_navi a.active {width:30px; background-color:rgba(255,255,255,1);}

/* 모바일*/
@media all and (max-width:480px){
  .main_contest_dot_navi a {width:10px; height:10px;} 
}

/* 메인 콘텐츠 영역 ///////////////////////////////////////////////////////////////////////////////////*/
.main_content_area {padding-top:50px; background-color:#fff;}

/* 테스크탑 */
@media all and (max-width:1024px){
      .main_content_area {padding:0 10px; padding-top:50px; background-color:#fff;}
}


/* 나의 역량 영역 ///////////////////////////////////////////////////////////////////////////////////*/
.main_competence_area {margin-bottom:100px;}
.main_competence_area ul {display:table; width:100%; border-top:solid 1px #dddddd; border-right:solid 1px #dddddd; overflow:hidden;}
.main_competence_area ul li {display:table-cell; padding:20px 20px 10px 20px;/*float:left;*/ width:25%; border-left:solid 1px #dddddd; border-bottom:solid 1px #dddddd; position:relative;}
.main_competence_area ul li h4 {margin-bottom:10px; font-size:21px; line-height:1;}
.main_competence_area ul li .lead_txt {display:block; margin-bottom:20px; font-size:14px; color:#666; line-height:1.2;}
.main_competence_area ul li a.btn_more {}
.main_competence_area ul li a.btn_more:hover {text-decoration:underline;}
.main_competence_area ul li span.icon {float:right; display:inline-block;}

/* 테스크탑 */
@media all and (max-width:1024px){
      .main_competence_area ul li {padding:20px 15px 10px 20px;}
}
/* 테블릿*/
@media all and (max-width:768px){
      .main_competence_area ul {display:block;}
      .main_competence_area ul li {display:block; padding:0; float:left; width:50%; position:relative; box-sizing:border-box;}
      .main_competence_area ul li .outline {padding:20px 10px 0; height:160px;}
}
/* 모바일*/
@media all and (max-width:480px){
      .main_competence_area ul li {float:left; width:100%; position:relative;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 Footer
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer {background-color:#42474e;}
.footer_content {overflow:hidden; padding-top:30px;}
.footer_logo {float:left; margin-right:30px;}
.footer_content .left {float:left;}
.footer_content ul.footer_menu {margin-bottom:10px; overflow:hidden;}
.footer_content ul.footer_menu li {float:left; padding:0 10px; border-left:solid 1px #8b8f90; line-height:15px;}
.footer_content ul.footer_menu li.first {padding-left:0; border-left:0;}
.footer_content ul.footer_menu li a {color:#dddddd;}
.footer_content ul.footer_menu li a:hover {text-decoration:underline;}
.footer_content ul.footer_menu li.fc_selfinfo a {color:#fff;}

.footer_content .footer_copy {margin-bottom:50px; color:#999; word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}
.footer_content .footer_copy .adress {margin-bottom:5px; line-height:1.2;}
.footer_content .footer_copy .copyright {line-height:1.2;}

/* 데스크탑 */
@media all and (max-width:1200px){       
}
/* 테블릿 */
@media all and (max-width:768px){  
      .footer_logo {display:none;}
      .footer_content .left {float:none; padding:0 15px;}
      .footer_content ul.footer_menu li {float:left; margin-bottom:10px;}
}
/* 모바일 */
@media all and (max-width:640px){      
}