/* 불필요한 부분 제거 및 수정 예시 */
@charset "utf-8";
@import url("size.css");

body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  font-family: "Pretendard Variable", "Noto Sans KR", 'Malgun Gothic', 'AppleGothic', '돋움', 'dotum', 'sans-serif' !important;
  text-decoration: none;
}
img {
  border: 0;
}
dl, dt, dd, ul, li, ol {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
header, section, nav, article, footer {
  display: block;
}
#wrapper {
  width: 1320px;
  margin: 0 auto;
}
.print_page {
  width: 684px;
  margin: 0 auto;
}
a, a:hover, a:visited {
  text-decoration: none;
}
* {
  -webkit-font-smoothing: antialiased;
}
input {
  padding: 0 5px;
  box-sizing: border-box;
}


/* 페이징 */
#renewal_paging {
  width: 100%;
  text-align: center;
  font-size: 0; /* 자식 inline-block 공백 제거용 */
  margin-top: 80px;
}

#renewal_paging li {
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
  width: 50px;
  height: 50px;
  padding: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

#renewal_paging li:last-child {
  margin-right: 0;
}

#renewal_paging li a {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 50px;
  font-size: 16px;
  font-weight: 700;
  color: #191919;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: all 0.3s ease;
}

#renewal_paging li a:hover {
  border: 1px solid #191919;
}

#renewal_paging li a.page_first01 {
  background: #191919 !important;
  border: 1px solid #191919 !important;
  color: #fff;
}

#renewal_paging li a.first,
#renewal_paging li a.last {
  font-size: 14px;
  font-weight: 600;
}

#renewal_paging li a.first:hover,
#renewal_paging li a.last:hover {
  border: 1px solid #fff;
  text-decoration: underline;
  text-underline-position: from-font;
}

#renewal_paging li a.prev,
#renewal_paging li a.next {
  font-size: 0;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}

#renewal_paging li a.prev {
  background-image: url('../images/renewal/paging_prev.svg');
}

#renewal_paging li a.prev:hover {
  border: 1px solid #fff;
}

#renewal_paging li a.next {
  background-image: url('../images/renewal/paging_next.svg');
}

#renewal_paging li a.next:hover {
  border: 1px solid #fff;
}




/* 달력 */
.ui-datepicker { position:relative; width:308px; box-sizing:border-box; padding:14px; font-size:13px; font-weight:400; font-family:'Inter';
	border-radius:10px; background:#fff; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); border:0; margin-top:10px; }
.ui-datepicker .ui-datepicker-header { padding:0; border:0; background:#fff; font-size:13px; font-weight:700; color:#000; }
.ui-datepicker .ui-datepicker-prev { top:0; left:0; width:40px; height:40px; font-size:0; opacity:1 !important; border:0 !important; cursor:pointer;
	 background:url('../images/renewal/prev40.svg') no-repeat; background-size:cover; background-position:center; }
.ui-datepicker .ui-datepicker-prev span { display:none; }
.ui-datepicker .ui-datepicker-next { top:0; right:0; width:40px; height:40px; font-size:0; opacity:1 !important; border:0 !important; cursor:pointer;
	 background:url('../images/renewal/next40.svg') no-repeat; background-size:cover; background-position:center; }
.ui-datepicker .ui-datepicker-next span { display:none; }
.ui-datepicker .ui-datepicker-title { margin:0 40px; line-height:40px; font-size:13px; font-weight:700; }
.ui-datepicker .ui-datepicker-title span { display:inline; font-size:13px; font-weight:700; }
.ui-datepicker-calendar { border-top:1px solid #191919; margin:0; font-size:13px; font-weight:400; }
.ui-datepicker-calendar th { font-weight:400; padding:0; width:40px; height:40px; }
.ui-datepicker-calendar th span { display:block; line-height:40px; }
.ui-datepicker-calendar td { font-weight:400; padding:0; width:40px; height:40px; }
.ui-datepicker-calendar td a { display:block; line-height:40px; background:none !important; font-weight:400; color:#707070 !important; border:0 !important; padding:0; text-align:center; }
.ui-datepicker-calendar td a.ui-state-hover { background:#f6f6f6 !important; }
.ui-datepicker-calendar td a.ui-state-active { background:#191919 !important; color:#fff !important; }
.ui-datepicker-calendar td a.ui-priority-secondary { opacity:0.3 !important; }
.ui-datepicker-calendar td.ui-state-disabled { opacity:1 !important; }
.ui-datepicker-calendar td.ui-state-disabled.ui-datepicker-other-month { opacity:0.3 !important; }
.ui-datepicker-calendar td span { background:none !important; color:#707070 !important; font-weight:400 !important; border:0 !important; padding:0; text-align:center; }



/* 중간 레이아웃 */
#contents, .blank01, aside { float:left; position:relative; }
.blank01 { display:none; width:24px }
.blank02 { width:684px; height:103px }

#contents { width:983px; margin-right:30px; }
.cts00 {}
.cts01 { clear:both; margin-bottom:20px; }
.cts02 {}
.cts03 { width:684px; float:left; margin-bottom:20px; }
.cts05 { width:684px; clear:both; margin-bottom:15px; margin-top:20px; border-right:1px solid #d6d6d6; }
.main_img01 { float:left; width:284px; padding-right:20px; border-right:1px solid #ccc; height:190px; }
.main_img01_headline {
    position:relative;
    top:-38px;
    z-index:200;
    height:24px;
    background-color:rgba(0,0,0,0.5);
    width:272px;
    color:#fff !important;
    padding:10px 0 0 12px;
    text-decoration:none;
}
.main_img01_headline a {
    color:#fff !important;
    text-decoration:none;
}
.main_img01_headline a:hover {
    color:#fff !important;
    text-decoration:none;
}
.main_list01 { float:left; width:359px; margin-left:20px; }
.main_list01 ul li { overflow:hidden; height:20px; }
.news_link01 { margin:0 0 10px 0; }
.main_title01 {
    font-weight:bold;
    font-size:1.1em;
    color:#222;
}
.main_title01 a {
    color:#222;
    text-decoration:none;
}
.sub_title01 {
    font-weight:bold;
    font-size:1em;
    color:#2155c3;
    margin:5px 0 0 0px;
}
.sub_title01 span {
    font-weight:bold;
    color:#f84626;
    text-decoration:none;
}
.sub_title01 a {
    text-decoration:none;
    color:#2155c3;
}
.news01 {
    clear:both;
    width:642px;
    background:#f3f4f8;
    margin-top:20px;
    padding:24px 20px 12px 20px;
    border:1px solid #d9d9d9;
}
.news01 dl dt a {
    font-size:1em;
    font-family:'Nanum Gothic';
}
.news01 a {
    text-decoration:none;
    color:#222;
}
.news02 {
    float:left;
    width:682px;
    background:#dbdbdb;
}
.news03 {
    float:left;
}
.newbox0102 {
    width:640px;
}
.newbox0103 {
    display:inline-block;
    width:309px;
    margin-right:8px;
    margin-bottom:12px;
}
.newbox0102 a h2 {
    font-size:1.1em !important;
}
.img0101, .img0102, .img0103, .img0104 {
    float:left;
}
.img0101 dl dt,
.img0102 dl dt,
.img0103 dl dt,
.img0104 dl dt {
    overflow:hidden;
}
.img0104dd {
    margin-right:0 !important;
}
.box0101 dl dd {
    border:1px solid #ccc;
    width:149px;
    height:88px;
    margin-right:12px;
}
.box0101 dl dt {
    padding:8px 0 20px 0;
    font-size:1em;
    color:#4f4f4f;
    letter-spacing:-0.05em;
    font-family:'Nanum Gothic';
}
.main_news01 {
    float:left;
    width:420px;
}
.main_news01 a {
    color:#333;
    text-decoration:none;
}
.main_center01 {
    float:left;
    width:264px;
}
.box0201 {
    float:left;
    width:400px;
    height:181px;
    margin-right:0px;
    padding:24px 0 0 0;
    border-top:1px dotted #666;
}
.box0202 {
    float:left;
    width:264px;
}
.box0203 {
    float:left;
    width:400px;
    height:181px;
    margin-right:20px;
    padding:24px 0 0 0;
    border-top:1px dotted #666;
}
.box0204 {
    float:left;
    width:248px;
    border:1px solid #ccc;
    margin:0px 0 20px 0;
    padding-left:12px;
    letter-spacing:-0.1em;
    padding-bottom:10px;
}
.box0204 h2 {
    font-size:1em;
    margin-top:2px;
}
.box0204_title {
    width:208px;
    margin-top:12px;
}
.box0204_title2 {
    float:left;
    width:144px;
    margin-top:12px;
}
.box0204_title, .rss_icon {
    float:left;
}
.box0204 ul li {
    float:left;
}
.box0204 dl dd {
    float:left;
}
.box0204_cts {
    margin-top:10px;
}
.box0204_cts a {
    text-decoration:none;
    color:#333;
}
.box0204_type_img {
    display:inline-block;
    margin-top:8px;
}
.box0204_type_movie dt {
    position:relative;
    top:126px;
    left:0px;
    color:#fff;
    height:18px;
    padding-top:5px;
    background-color:rgba(0,0,0,0.5);
    width:218px;
    overflow:hidden;
    line-height:160%;
    padding-right:10px;
    padding-left:10px;
    padding-bottom:5px;
    text-align:center;
    vertical-align:middle;
    font-size:1em;
}
.box0204_type_movie dt a {
    color:#fff;
}
.box0204_type_movie .movie_box {
    width:238px;
    height:141px;
    background:#dbdbdb;
    margin:-15px 0 0 0;
}
.enter01 {
    width:162px;
    padding-left:10px;
}
.enter01 ul li {
    overflow:hidden;
    width:160px;
}
.enter01_title {
    font-size:1em;
    font-weight:bold;
    color:#222;
}
.rss_icon {
    padding:10px 0 0 0px;
    margin-top:4px;
}
.rss_icon img {
    padding:0 0 0 20px;
}
.movie_page {
    padding:6px 0 12px 0px;
    margin-top:4px;
}
.movie_page ul li {
    list-style:none;
    width:16px;
    height:13px;
    margin:2px 1px 2px 2px;
    text-align:center;
    vertical-align:middle;
    padding-top:3px;
    font-size:0.85em;
}
.play_button {
    margin:40px 0 0 98px;
}
.enter01_contents {
    margin-top:5px;
    color:#666;
    line-height:130%;
}
.enter01_contents a {
    color:#888;
}
.enter01_list {
    padding-top:8px;
    color:#535353;
}
.enter01_list ul li {
    margin:0 0 4px 0;
}
.enter01_list02 {
    padding-top:2px;
    color:#535353;
}
.enter01_list02 ul li {
    margin:0 0px 5px 0;
    width:238px;
    overflow:hidden;
}
.box0201 ul li, .box0203 ul li {
    font-size:1.15em;
    font-weight:bold;
    color:#222;
    margin-bottom:12px;
    overflow:hidden;
}
.cts03_title {
    width:684px;
    height:24px;
    padding:12px 0 4px 0;
    font-weight:bold;
    font-size:1.1em;
    letter-spacing:0em;
}
.img0301, .content0301 {
    float:left;
}
.img0301 {
    border:1px solid #ccc;
    height:289px;
    margin-right:20px;
}
.img0301 dl dd ul li {
    overflow:hidden;
}
.img0301_img {
    width:332px;
    height:227px;
    background:#bdbdbd;
    color:#ebebeb;
}
.img0301_noimg {
    text-align:center;
    font-size:2em;
    font-weight:bold;
    padding-top:100px;
}
.img0301_noimg a {
    text-decoration:none;
    color:#ebebeb;
}
.img0401_noimg a {
    text-decoration:none;
    color:#ebebeb;
}
.content0401_box01_img {
    width:157px;
    height:92px;
    background:#bdbdbd;
}
.img0401_noimg {
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
    color:#ebebeb;
    padding-top:39px;
}
.img0301_title {
    font-weight:bold;
    padding:15px 10px 0px 10px;
    letter-spacing:-0.01em;
    font-size:1.1em;
    width:312px;
    overflow:hidden;
    height:19px;
}
.img0301_title a {
    text-decoration:none;
    color:#222;
    overflow:hidden;
    width:200px;
}
.img0301_content {
    width:312px;
    height:289px;
    color:#666;
    padding:5px 10px 10px 10px;
    letter-spacing:-0.02em;
}
.content0301 {
    width:330px;
    background:#fff;
    line-height:200%;
    color:#333;
    letter-spacing:0em;
}
.content0301 a {
    text-decoration:none;
    color:#333;
}
.content0301 ul li {
    height:28px;
    border-bottom:1px solid #eee;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.banner0301 {
    float:left;
    width:684px;
    background:#fff;
    padding:0px 0px 20px 0;
    clear:both;
    margin-bottom:0px;
}
.content0401_box01 {
    float:left;
    width:157px;
    height:135px;
    margin:0 12px 17px 0;
    border:1px solid #ccc;
}
.content0401_box02 {
    float:left;
    width:157px;
    height:135px;
    border:1px solid #ccc;
}
.content0401_box03 {
    float:left;
    width:157px;
    height:135px;
    margin:0 12px 0 0;
    border:1px solid #ccc;
}
.content0401_box04 {
    float:left;
    width:157px;
    height:135px;
    border:1px solid #ccc;
}
.content0401_box01 dl dd,
.content0401_box02 dl dd,
.content0401_box03 dl dd,
.content0401_box04 dl dd {
    overflow:hidden;
}
.content0401_txt01, .content0401_txt02, .content0401_txt03, .content0401_txt04 {
    overflow:hidden;
    height:35px;
    font-weight:bold;
    padding:4px 4px 0 6px;
    color:#555;
    letter-spacing:-0.02em;
    font-size:0.9em;
}
.content0401_txt01 a,
.content0401_txt02 a,
.content0401_txt03 a,
.content0401_txt04 a {
    text-decoration:none;
    color:#333;
    line-height:150%;
}
.box0501,
.box0502,
.box0503,
.box0504,
.box0505,
.box0506 {
    float:left;
    height:327px;
    border-top:1px solid #d6d6d6;
}
.box0501,
.box0504,
.box0505 {
    border-right:1px solid #d6d6d6;
}
.box0502,
.box0504,
.box0505 {
    margin: 0 auto;
    width: 208px;
    padding-left: 12px;
    letter-spacing: -0.1em;
    padding-bottom: 10px;
}
.box0503,
.box0506 {
    margin-left: 20px;
}
.box0501,
.box0502,
.box0503,
.box0504,
.box0505,
.box0506 {
    width: 208px;
}
.box0501 dl dd,
.box0502 dl dd,
.box0503 dl dd,
.box0504 dl dd,
.box0505 dl dd,
.box0506 dl dd {
    overflow: hidden;
    padding-bottom: 1px;
}
.box0501_top01,
.box0502_top01,
.box0503_top01,
.box0504_top01,
.box0505_top01,
.box0506_top01 {
    width: 208px;
    height: 20px;
    margin: 0 auto;
}
.box0501_img01,
.box0502_img01,
.box0503_img01,
.box0504_img01,
.box0505_img01,
.box0506_img01 {
    width: 208px;
    height: 155px;
    background: #dbdbdb;
}
.box0503_img01,
.box0506_img01 {
    margin-left: 20px;
}
.box0501_tit01,
.box0502_tit01,
.box0503_tit01,
.box0504_tit01,
.box0505_tit01,
.box0506_tit01 {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 150%;
    color: #222;
    width: 208px;
    height: 53px;
    margin: 12px 0 0 0;
    overflow: hidden;
}
.box0503_tit01,
.box0506_tit01 {
    margin-left: 20px !important;
}
.box0501_tit01,
.box0505_tit01 {
    margin-left: 0;
    margin-right: auto !important;
}
.box0501_tit01 a,
.box0505_tit01 a,
.box0503_tit01 a,
.box0504_tit01 a,
.box0502_tit01 a,
.box0506_tit01 a {
    color: #222;
    text-decoration: none;
}
.box0501_con01,
.box0502_con01,
.box0503_con01,
.box0504_con01,
.box0505_con01,
.box0506_con01 {
    width: 208px;
    color: #868686;
}
.box0501_con01,
.box0505_con01 {
    margin: 0 0 0 0;
    height: 60px;
}
.box0502_con01 {
    margin: 0 auto;
    height: 46px;
}
.box0503_con01,
.box0504_con01,
.box0506_con01 {
    margin: 0 0 0 20px;
    height: 46px;
}
.box0505_con01 {
    margin: 0 auto;
    height: 46px;
}


/* 하단 레이아웃 */
.blank03 {
  height: 22px;
  clear: both;
}

.scroll_banner01 {
  width: 970px;
  height: 122px;
  border: 1px solid #ddd;
  margin: 0 auto;
}

.btn_left,
.btn_right {
  float: left;
}

.scroll_banner0101 ul li {
  float: left;
  border: 1px solid #ccc;
  width: 280px;
  height: 78px;
}

.scroll_bnr01,
.scroll_bnr02,
.scroll_bnr03 {
  float: left;
  margin-top: 20px;
}

.scroll_bnr01,
.scroll_bnr02 {
  margin-right: 24px;
}

#company_info01 {
  clear: both;
  width: 953px;
  margin: 0 auto;
  height: 18px;
  color: #666;
  letter-spacing: -0.12em;
  font-size: 0.9em;
  padding-top: 30px;
  font-family: 'Nanum Gothic';
}

#company_info01 span {
  color: #c5c5c5;
}

#company_info01 a {
  color: #666;
  /* background:none; 제거, 기본값이므로 불필요 */
}

#company_info01 a:hover {
  color: #3b9bff;
}

.info_bar01 {
  color: #888;
  font-size: 0.9em;
  margin: 0 4px;
  /* vertical-align: top; 제거 - block 요소에 무의미 */
}

footer {
  /* clear: both; 확인 필요, 일단 유지 */
  clear: both;
}

.foot {
  width: 970px;
  height: 100px;
  margin: 0 auto;
}

#news_logo02 {
  float: left;
  height: 100px;
  margin: 20px 20px 0 0;
}

#news_copyright01 {
  float: left;
  color: #666;
  margin: 20px 0 0 20px;
  font-size: 0.9em;
  line-height: 160%;
}

#news_copyright01 ul li a {
  text-decoration: none !important;
}

.netfu_copyright01 {
  float: left;
  font-weight: normal;
  color: #999;
  margin: 0 0 20px 0;
  padding: 5px 0 0 20px;
  letter-spacing: -0.1em;
  font-size: 0.85em;
}



/* Aside */
aside { width:307px; padding-top:159px; }
.side_banner { margin:0; }
.side_banner + .side_banner { margin-top:30px; }
.side_banner div { float:none !important; overflow:hidden; border-radius:20px; }
.side_banner div + div { margin-top:30px; }
.side_banner a { display:block; }
.side_banner p { vertical-align:top; margin:0; }
.side_banner img { vertical-align:top; width:100%; height:auto; }



/* SUB01 */
.nav01 {
  width: 684px;
  height: 30px;
  margin-bottom: 20px;
  padding-bottom: 0px;
  background: #ededed;
  border: 1px solid #dbdbdb;
}

.view01_subject01 {
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  color: #222;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
  margin: 4px 0 0 10px;
}

.nav0101 {
  float: right;
  padding: 5px 10px 5px 10px;
  height: 20px;
  font-size: 0.9em;
  letter-spacing: 0em;
  color: #666;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}

/* 빈 셀렉터 삭제 */
/* .select0101 {} 삭제 */

.cd-select {
  width: 120px;
  padding: 2px 2px 2px 5px;
  font-size: 1em;
  letter-spacing: 0em;
  color: #666;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);
}

.box_type01 {
  float: left;
  margin-bottom: 25px;
}

.box_type01 .sub01_img01 {
  float: left;
  width: 212px;
  height: 220px;
  margin-bottom: 25px;
  border: 1px solid #ccc;
}

.sub01_img0101 {
  width: 212px;
  height: 142px;
  border-bottom: 1px solid #ccc;
}

.sub01_img0101 dl dt,
.sub01_img0101 dl dd {
  overflow: hidden;
  height: 34px; /* dd만 적용했으나 dt는 포함 시켰습니다 */
}

.sub01_img0102 a {
  text-decoration: none;
  color: #666;
}

.sub01_img01 dl dt h2 {
  font-size: 1.1em;
  width: 192px;
  padding: 12px 10px 5px 10px;
  color: #333;
  overflow: hidden;
  height: 18px;
}

.sub01_img01 dl dt h2 a {
  text-decoration: none;
  color: #222;
}

.sub01_img01 .sub01_img0102 {
  width: 192px;
  padding: 0px 10px 0 10px;
  color: #666;
  height: 34px;
  line-height: 130%;
  overflow: hidden;
}

.sub01_webzine01 {
  float: left;
  overflow: hidden;
}

.sub01_webzine01 img {
  max-width: 140px;
  max-height: 81px;
}

.sub01_webzine01_txt {
  width: 529px;
  height: 80px;
  margin: 0 0 0 15px;
  padding: 0;
}

.sub01_webzine01_txt dl dt {
  overflow: hidden;
}

.sub01_webzine01_txt dl dt h2 {
  font-size: 1.15em;
  font-weight: bold;
  padding: 0 0 6px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 18px;
}

.sub01_webzine01_txt dl dt a {
  text-decoration: none;
  color: #222;
}

.sub01_webzine01_txt dl dd {
  overflow: hidden;
  width: 529px;
  height: 38px;
  font-size: 1em;
  font-weight: normal;
  padding: 0;
  line-height: 140%;
  color: #666;
}

.sub01_webzine01_txt dl dd a {
  overflow: hidden;
  text-decoration: none;
  color: #666;
}

.sub01_webzine01_txt .sub01_webzine01_date {
  width: 529px;
  font-size: 0.9em;
  color: #999;
  padding-top: 2px;
  float: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sub01_webzine02_txt dl dt {
  height: 25px;
}

.sub01_webzine {
  margin-bottom: 25px;
}

.webzine_contents {
  float: left;
  width: 684px;
  height: 102px;
  border-bottom: 1px solid #ccc;
  margin: 0 0 20px 0;
}

.sub01_webzine02 {
  float: left;
}

.sub01_webzine02 img {
  max-width: 94px;
  max-height: 81px;
}

.sub01_webzine02_txt {
  width: 575px;
  height: 80px;
  margin: 0 0 0 15px;
  padding: 0;
}

.sub01_webzine02_txt dl dt h2 {
  font-size: 1.15em;
  font-weight: bold;
  padding: 0 0 8px 0;
}

.sub01_webzine02_txt dl dt span {
  float: left;
}

.sub01_webzine02_txt dl dt a {
  text-decoration: none;
  color: #333;
}

.sub01_webzine02_txt dl dd {
  overflow: hidden;
  height: 55px;
  font-size: 1em;
  font-weight: normal;
  padding: 0;
  line-height: 140%;
  color: #666;
}

.sub01_webzine02_txt dl dd a {
  text-decoration: none;
  color: #666;
}

.sub01_webzine0201_date {
  float: right;
  height: 25px;
  font-size: 1em;
  padding: 0 0 0 10px;
  color: #333;
}

.sub01_webzine0201_cts {
  overflow: hidden;
  float: left;
  width: 450px;
  height: 25px;
}

.sub01_realtime {
  height: 30px;
  font-size: 1.1em;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}

.sub01_realtime_title {
  float: left;
  padding: 2px 0 11px 0;
  border-bottom: 1px solid #ccc;
  width: 684px;
}

.sub01_realtime_title span {
  margin-left: 3px;
}

.sub01_tabgroup {
  float: left;
}

.sub01_tab01 {
  float: left;
}

.sub01_tab02 {
  float: left;
}

.sub01_tab0201 a,
.sub01_tab0202 a {
  text-decoration: none;
}

/* 중복 텍스트 섀도우 통합 */
.sub01_tab0201,
.sub01_tab0202 {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}

.sub01_tab0201 {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 7px 10px;
  text-align: center;
  display: inline-block;
  width: 70px;
  margin: 0 0 0 0;
  font-weight: bold;
  font-size: 0.9em;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.sub01_tab0202 {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 7px 10px;
  text-align: center;
  display: inline-block;
  width: 70px;
  font-weight: bold;
  font-size: 0.9em;
  background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
}



/* VIEW01 */
.view_page .view01_writer {
  float: left;
  color: #333;
  margin-left: 10px;
  margin-bottom: 20px;
}
.view_page .view01_writer a {
  text-decoration: none;
}
.view_page .view01_other {
  float: left;
}
.view_page .view01_other span {
  padding: 4px 8px;
  color: #333;
  border: 1px solid #ccc;
  letter-spacing: -0.1em;
  margin-left: 8px;
  position: relative;
  top: 1px;
  margin-bottom: 50px;
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
}
.view_page .view01_other span a {
  text-decoration: none;
  color: #333;
}

.news_title01 {
  width: 684px;
  margin-bottom: 10px;
}
.news_title01 h2 {
  font-size: 1.7em;
  color: #222;
  line-height: 150%;
  padding: 0 10px;
}
.sub_title0102 {
  margin: 0 0 20px 10px;
  font-size: 1.2em;
  color: #333;
  line-height: 170%;
}
.view01_date {
  width: 684px;
  height: 40px;
  color: #888;
  padding: 0 10px;
  letter-spacing: -0.02em;
}
.sns_group {
  width: 684px;
  height: 50px;
  clear: both;
  border-top: 1px solid #ccc;
  padding-top: 15px;
}
.sns_group .sns_icon01 {
  height: 40px;
  float: left;
  width: 500px;
}
.sns_icon01 .tag01 {
  float: left;
  background-image: url('../images/view/sub_tag01.png');
  width: 58px;
  height: 20px;
  margin: 0 0 0 5px;
  padding: 4px 0 0 0;
  color: #666;
}
.tag01 span {
  font-size: 0.85em;
  margin: 0 0 0 8px;
  height: 0;
}
.sns_group .top_icon01 {
  height: 40px;
  float: left;
}
.sns_icon_group01 {
  float: left;
}
.view01_banner01 {
  float: left;
  width: 684px;
  height: auto;
  clear: both;
  margin-bottom: 20px;
}
.view01_banner01 img {
  margin-bottom: 20px;
}
.view01_count01 {
  font-size: 1.1em;
  color: #ff0000;
  margin-bottom: 8px;
}
.view01_count01 span {
  margin-left: 4px;
  color: #ff0000;
}
.view01_news_img01 {
  width: 684px;
  height: 340px;
  text-align: center;
}
.view01_news_img01 img {
  max-width: 498px;
  max-height: 253px;
  margin-top: 42px;
  padding: 0 10px;
}
.view01_txt01 {
  margin-bottom: 50px;
}
.view01_txt01 dl dd {
  width: 664px;
  height: 170px;
  color: #333;
  text-indent: 5px;
  padding: 0 10px 30px 10px;
  font-size: 14px;
  line-height: 26px;
}
.view01_foot {
  width: 684px;
  height: 40px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}
.view01_tag {
  clear: both;
  width: 684px;
  margin-bottom: 50px;
}
.view01_tag a {
  clear: both;
  background: #f4f4f4;
  padding: 3px 10px 4px 10px;
  margin-right: 8px;
  color: #2185c5;
}
.view0101_relate01 {
  height: 35px;
  width: 684px;
  border-bottom: 2px solid #2961b8;
  margin-bottom: 10px;
  padding: 20px 0 0 0;
}
.view0101_relate01 span {
  color: #ff0000;
  margin-left: 0;
}
.view0101_relate01 strong {
  color: #333;
  margin-left: 5px;
}
.view0101_relate01 h2 a {
  font-size: 0.8em;
  text-decoration: none;
  margin-left: 0;
}
.view0101_relate01_list {
  font-size: 1.1em;
  margin-bottom: 40px;
  clear: both;
}
.view0101_relate01_list span {
  font-size: 1.5em;
  position: relative;
  top: 3px;
  margin-right: 4px;
}
.view0101_relate01_list ul li {
  height: 26px;
}
.view0101_relate01_list ul li a {
  text-decoration: none;
  color: #333;
}
.view0101_relate01_list ul li a:hover {
  text-decoration: none;
  color: #666;
}
.news_copyright01 {
  width: 684px;
  height: 30px;
}
.comment0101 {
  width: 684px;
  height: 200px;
  background: #f4f4f4;
}
.best_comment0101 {
  width: 684px;
  height: 140px;
  background: #f4f4f4;
}
.comment0101_list {
  width: 684px;
  background: #fff;
  margin-bottom: 0;
  padding-bottom: 10px;
}
.view01_top_margin {
  height: 12px;
}
.comment0101_list_best {
  float: left;
  width: 682px;
  border-top: 1px solid #ededed;
  margin-bottom: 3px;
  background: #f6f6f6;
  padding-bottom: 10px;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ccc;
}
.comment0101_iconset {
  width: 659px;
  margin-bottom: 3px;
  height: 20px;
  padding: 10px 0 5px 0;
  margin-left: 10px;
  border-bottom: 1px solid #ccc;
}
.comment_op02 ul li {
  float: left;
  margin-right: 5px;
}
.comment_op03 ul li {
  float: right;
  margin-right: 5px;
}
.comment_op03 ul li a {
  text-decoration: none;
  color: #666;
  letter-spacing: -0.02em;
}
.comment_op03 ul li a span {
  position: relative;
  top: -2px;
}
.comment0101_write01,
.comment0101_write02 {
  width: 655px;
  height: 34px;
  padding: 10px 0 10px 15px;
}
.auto_regi_name01,
.auto_regi_pw01,
.auto_regi_key01 {
  float: left;
  vertical-align: middle;
  color: #666;
  margin-right: 15px;
  letter-spacing: -0.1em;
}
.auto_regi_key01 {
  margin-right: 4px;
}
.auto_regi_name02,
.auto_regi_pw02,
.auto_regi_key02 {
  border: 1px solid #ccc;
  width: 90px;
  margin-left: 4px;
  height: 20px;
}
.auto_regi_key03 {
  float: left;
  width: 50px;
  height: 13px;
  background: #888;
  padding: 0 0 3px 5px;
  margin-top: 1px;
  border: 1px solid #666;
  color: #fff;
  font-size: 0.9em;
  letter-spacing: 0.1em;
}
.write01_title01 {
  float: left;
  font-size: 1.1em;
  color: #333;
  padding-top: 4px;
}
.sns_login02 {
  float: left;
  font-size: 1em;
  color: #666;
  padding: 3px 8px;
  margin-left: 10px;
  border: 1px solid #ede8e1;
}
.sns_icon_group02 ul li {
  float: left;
  margin-left: 5px;
}
.comment0101_txtarea {
  width: 682px;
  height: 150px;
  border-top: 1px solid #e8e8e8;
  margin-bottom: 1px;
  background: #f2f4f7;
  margin-left: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 20px;
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #dbdbdb;
}
.comment0201_txtarea {
  width: 682px;
  height: 100px;
  border-top: 1px solid #e8e8e8;
  margin-bottom: 1px;
  background: #f2f4f7;
  margin-left: 0;
  padding-top: 20px;
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #dbdbdb;
}
.comment0201 {
  margin-bottom: 40px;
}
.view01_textarea01,
.view01_textarea02 {
  float: left;
  width: 572px;
  height: 66px;
  background: #fff;
  margin-left: 15px;
  border: 1px solid #ccc;
}
.view01_textarea02 textarea,
.view01_textarea01 textarea {
  width: 570px;
  overflow: hidden;
  border: none;
  font-size: 0.9em;
  color: #b2b2b2;
}
.comment01_login {
  float: left;
  margin-top: 5px;
  width: 484px;
  font-size: 0.9em;
  color: #888;
}
.comment02_login {
  float: left;
  background: #ddd;
  margin-top: 5px;
  width: 484px;
}
.write_number01 {
  float: left;
  margin-top: 5px;
  width: 90px;
  font-size: 0.9em;
  color: #888;
}
.write_number02 {
  float: left;
  background: #ff0000;
  margin-top: 5px;
  width: 90px;
}
.write_number01 span {
  float: right;
}
.comment0101_textarea_bottom,
.comment0201_textarea_bottom {
  margin-left: 15px;
}
.comment01_like_btn01,
.comment01_like_btn02 {
  float: left;
  height: 17px;
  width: 80px;
  padding: 3px 0 0 10px;
  background: #fafafa;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(168, 168, 168, 1);
  -moz-box-shadow: 0px 1px 0px 0px rgba(168, 168, 168, 1);
  box-shadow: 0px 1px 0px 0px rgba(168, 168, 168, 1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.like_btn01 {
  color: #666;
  font-size: 0.9em;
  float: right;
  vertical-align: bottom;
  margin-top: 0;
  margin-right: 15px;
}
.comment0102_title {
  color: #ff0000;
  font-size: 1em;
  width: 654px;
  height: 25px;
  margin: 0 0 10px 15px;
  padding-top: 0;
  border-bottom: 1px dotted #dbdbdb;
}
.comment0202_title {
  color: #222;
  font-size: 1em;
  width: 659px;
  height: 20px;
  margin: 0 0 5px 10px;
  padding-top: 0;
}
.comment_op01 {
  float: right;
}
.comment_op01 ul li {
  float: left;
  color: #a8a8a8;
  font-size: 0.9em;
  padding: 0 0 0 5px;
}
.comment_op01 ul li a {
  text-decoration: none;
  color: #999;
}
.comment_op01 .op01_bar {
  color: #dbdbdb;
}
.comment0102_date02 {
  width: 644px;
  height: 22px;
  color: #222;
  font-size: 0.9em;
  letter-spacing: -0.02em;
  margin-left: 20px;
}
.comment0102_text01 {
  width: 644px;
  color: #333;
  font-size: 0.9em;
  margin-bottom: 4px;
  padding: 10px 20px;
}
.comment0102_text01 a {
  text-decoration: none;
  color: #666;
}
.comment0102_text01 span {
  color: #888;
  margin-left: 4px;
}
.comment0302_text01 {
  width: 100px;
  color: #333;
  font-size: 0.9em;
  margin-bottom: 0;
  padding-left: 582px;
}
.comment0302_text01 a {
  text-decoration: none;
  color: #666;
}
.comment0302_text01 span {
  color: #888;
  margin-left: 4px;
}
.comment0102_text02 {
  width: 644px;
  height: 15px;
  color: #666;
  font-size: 1em;
  margin-bottom: 4px;
  margin-left: 16px;
}
.comment0102_text02 a {
  text-decoration: none;
  color: #888;
}
.comment0102_text02 span {
  color: #888;
  margin-left: 4px;
}
.comment0102_text_sub01 {
  margin-left: 15px;
}
.comment0202_text01 {
  width: 644px;
  color: #666;
  font-size: 0.9em;
  margin-bottom: 4px;
  line-height: 150%;
  padding-left: 20px;
}
.comment0202_text01 a {
  text-decoration: none;
  color: #666;
}
.comment0202_text02 {
  width: 644px;
  height: 15px;
  color: #666;
  font-size: 1em;
  margin-bottom: 4px;
  margin-left: 16px;
}
.comment0202_text02 a {
  text-decoration: none;
  color: #888;
}
.comment0202_text02 span {
  color: #888;
  margin-left: 4px;
}
.comment0202_text_sub01 {
  margin-left: 15px;
}
.comment_id01 {
  color: #222;
  margin-left: 4px;
  overflow: hidden;
}
.comment_id02 {
  color: #222;
  margin-left: 5px;
  margin-right: 10px;
}
.like_icon_group01 {
  float: right;
  background: #ff0000;
  height: 20px;
}
.like01 {
  position: relative;
  top: -4px;
  left: -2px;
  margin-right: 2px;
}
.like02 {
  position: relative;
  top: -4px;
  left: -2px;
}
.comment_icon01 {
  margin-right: 2px;
}
.comment_icon01 a {
  text-decoration: none;
  color: #888;
}
.comment01_number02 {
  color: #000;
}
.comment_count01 {
  float: left;
  color: #222;
  overflow: hidden;
  width: 380px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.comment_time01 {
  color: #999;
  margin-left: 10px;
  font-size: 1em;
  padding-bottom: 1px;
}
.comment0101_list_best .comment0102_date02 span {
  width: 50px;
  height: 22px;
  margin-right: 8px;
}
.best_icon01 {
  float: left;
  border-radius: 2px;
  color: #fff;
  font-size: 0.9em;
  background: #0968a8;
  text-decoration: none;
  padding: 3px 8px 2px 8px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  width: 36px;
}
.drop_icon01 {
  position: relative;
  top: 3px;
  margin-left: 5px;
  margin-right: 5px;
}
.report01 {
  position: relative;
  top: 1px;
}
.comment0102_text_sub01 {
  width: 654px;
  height: 15px;
  font-size: 0.9em;
  color: #666;
  margin-bottom: 5px;
}
.comment0101_iconset .tag01 {
  width: 58px;
  height: 24px;
}
.top_icon01 ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  margin-left: 2px;
}
.top_icon01 {
  width: 184px;
  margin-left: 0;
}
.top_icon0101 {
  float: right;
  width: 131px;
}
.download_box01:after {
  content: "";
  clear: both;
  display: block;
}
.file_download {
  clear: both;
  width: 684px;
  background: #f7fafc;
  margin: 0 0 40px 0;
  border: 1px solid #dbdbdb;
  border-bottom: none;
}
.file_download01 {
  padding: 6px 10px 5px 15px;
  border-bottom: 1px dotted #dbdbdb;
}
.file_download01 span {
  color: #888;
}
.file_download01 a {
  color: #333;
}
.file_download01 a:hover {
  color: #19aae2;
}
.file_download02 {
  width: 120px;
  padding: 3px 10px 5px 15px;
  background: #5e6d8e;
  color: #fff;
}
.file_download02 span {
  color: #888;
}
.file_download02 a {
  color: #333;
}
.file_download02 a:hover {
  color: #19aae2;
}
.file_download0101 {
  float: right;
  position: relative;
  top: -2px;
  background: #fff;
  border: 1px solid #ccc;
  color: #666 !important;
  letter-spacing: -0.1em;
  padding: 0 5px 2px 5px;
  margin: 0 0 0 10px;
  font-size: 0.9em;
}
.view_best01 {
  margin: 40px 0 30px 0;
}
.view_best_title02 {
  font-size: 1em;
  letter-spacing: -0.05em;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  position: relative;
  top: 120px;
  padding: 4px 0 2px 0;
}
.view_best_title01 {
  margin-bottom: 5px;
  background: #f5f5f5;
  color: #222;
  padding: 3px 0 3px 10px;
  border: 1px solid #dbdbdb;
  font-size: 1.1em;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
.view_best0201 {
  float: left;
  margin: -15px 15px 0 0;
}
.view_best0202 {
  float: left;
  font-size: 1.1em;
}
.view_best01:after {
  content: "";
  display: block;
  clear: both;
}
.view_best0202 ul li {
  width: 502px;
}
.view_best0202 ul li a {
  color: #333;
}
.view_best0202 ul li a:hover {
  color: #666;
}
.view_best0202 ul li span {
  font-size: 1.5em;
  position: relative;
  top: 3px;
  margin-right: 4px;
}
.view_best_title02 a {
  color: #fff;
  padding: 0 5px;
}
.nav_btn_area a {
  color: #333;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
  border: 1px solid #ccc;
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  padding: 4px 10px;
  position: relative;
  top: -1px;
}



/* ALL_VIEW */
.article_all01 {
  width: 970px;
}
.article_top01 {
  height: 50px;
  width: 970px;
  margin: 0;
}
.article_contents01 {
  width: 970px;
  margin: 0;
}
.article_list {
  padding: 20px 0 0 0;
  border-top: 1px solid #ccc;
}
.article_list01 {
  float: left;
  width: 970px;
  padding: 20px 0 20px 0;
  border-bottom: 1px solid #dbdbdb;
}
.all_title01 {
  float: left;
}
.all_title01 h2 {
  color: #333;
  font-size: 1.2em;
  letter-spacing: 0em;
}
.article_tab01 {
  width: 970px;
  height: 30px;
}
.article_tab01 ul li {
  float: left;
  width: 100px;
  height: 30px;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 1px 1px 0 1px;
  background: #ccc;
  margin-right: 2px;
  border: 1px solid transparent; /* border 값이 없었으므로 임시로 투명 추가 */
}
.article_tab01 ul li a {
  float: left;
  width: 100px;
  height: 24px;
  text-align: center;
  color: #353e45;
  font-size: 1em;
  letter-spacing: -0.02em;
  font-weight: normal;
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  padding-top: 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tab_date01 {
  float: right;
  width: 130px;
  height: 25px;
  text-align: center;
  padding-top: 4px;
  font-weight: normal;
  border: 1px solid #428bca;
}
.tab_date01 a {
  font-size: 1em;
  color: #fff;
}
.article_list01 dl dd {
  float: left;
}
.article_list0101 {
  float: left;
  width: 970px;
  height: 94px;
}
.news_list0101 {
  float: left;
  width: 160px;
  height: 94px;
}
.news_list0102 {
  overflow: hidden;
  float: left;
  width: 810px;
  height: 94px;
}
.news_list0102 dl dt h2 {
  color: #222;
  font-size: 1.2em;
  letter-spacing: 0em;
  line-height: 120%;
  font-weight: bold;
  height: 22px;
}
.news_list0102 dl dt h2 a {
  color: #222;
}
.news_list0102 dl dt h2 a:hover {
  color: #222;
  border-bottom: 1px solid #0c67c4;
}
.news_list0102 dl dt span {
  float: left;
}
.news_list0102 dl dd a {
  color: #222;
  font-size: 0.7em;
  letter-spacing: 0em;
  line-height: 120%;
  font-weight: normal;
  text-decoration: none;
}
.news_list0102 dl dd a:hover {
  border-bottom: 1px solid #666;
}
.news_content01 {
  width: 810px;
  clear: both;
  color: #333;
}
.news_content01 dl dd span {
  float: left;
}
.news_nav01 {
  clear: both;
  width: 810px;
  margin: 10px 0 0 0;
  color: #45a8d2;
}
.news_nav01 .nav_txt01 {
  margin: 0px 2px;
  color: #45a8d2;
  letter-spacing: -0.05em;
}
.news_nav01 .nav_date01 {
  margin: 0px 2px 0 4px;
  color: #45a8d2;
  letter-spacing: -0.02em;
}
.calendar01 {
  float: right;
  height: 25px;
  border: 1px solid #428bca;
}
.calendar01 h2 a {
  color: #428bca;
  font-size: 0.65em;
  letter-spacing: -0.1em;
  text-decoration: none;
  margin-right: 5px;
  padding: 0 5px 2px 5px;
  border: 1px solid #428bca;
}
.article_paging01 {
  clear: both;
  width: 970px;
  height: 30px;
  margin: 0 auto;
}
.article_paging0101 {
  width: 450px;
  height: 30px;
  margin: 0 auto;
  background: #fff;
  padding-top: 50px;
}
.article_paging0101 ul li a {
  float: left;
  border: 1px solid #ddd;
  color: #333;
  padding: 3px 8px 2px 7px;
  margin: 0 1px;
}
.article_paging0101 ul li a:hover {
  float: left;
  border: 1px solid #428bca;
  color: #fff;
  padding: 3px 8px 2px 7px;
  margin: 0 1px;
  background: #428bca;
}
.page_first01 {
  color: #fff !important;
  border-color: #428bca !important;
}
.subtitle_icon01 {
  position: relative;
  top: 2px;
  margin-right: 5px;
}





/* SEARCH */
.search02_select01 {
  float: left;
  font-family: 'Malgun Gothic';
}
.search02_input01 {
  float: left;
}
.search02_submit01 {
  float: left;
}
.search02_search01 {
  width: 970px;
  height: 50px;
  margin-bottom: 40px;
}
.search02_bar01 {
  margin: 12px 0 0 40px;
}
.search02_box01 {
  width: 600px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  background: url('../images/search/search_pattern01.png');
  border: 1px solid #ddd;
  border-radius: 4px;
}
.cd-select02 {
  width: 90px;
  height: 24px;
  margin-top: 0;
  margin-right: 10px;
  padding: 0 0 0 5px;
  font-size: 1em;
  letter-spacing: 0em;
  color: #666;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);
}
.search02_input0101 {
  width: 320px;
  height: 27px;
  margin-right: 10px;
  border: 1px solid #dbdbdb;
  position: relative;
  top: -2px;
  padding: 3px 10px 0 10px;
}
.search02_submit01 span {
  padding: 4px 15px;
  background: #dbdbdb;
  font-size: 0.9em;
  color: #fff;
  position: relative;
  top: 3px;
  letter-spacing: -0.05em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.37);
}
.article_contents02 {
  width: 970px;
  margin: 0;
  clear: both;
}
.article_tab02 {
  width: 970px;
  height: 30px;
}
.article_tab02 ul li {
  float: left;
  width: 100px;
  height: 30px;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 1px 1px 0 1px;
  background: #ccc;
  margin-right: 2px;
  border: 1px solid transparent; /* 임시 투명 border */
}
.article_tab02 ul li a {
  float: left;
  width: 100px;
  height: 24px;
  text-align: center;
  color: #353e45;
  font-size: 1em;
  letter-spacing: -0.02em;
  font-weight: normal;
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
  padding-top: 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.article_list_02 {
  padding: 0;
  border-top: 1px solid #ccc;
}
.article_list02 {
  float: left;
  width: 970px;
  padding: 10px 0;
}
.article_list02 dl dd {
  float: left;
}
.article_list0201 {
  float: left;
  width: 970px;
  height: 75px;
}
.article_list03 {
  float: left;
  width: 970px;
  padding: 10px 0;
}
.article_list03 dl dd {
  float: left;
}
.article_list0301 {
  float: left;
  width: 570px;
  height: 49px;
  background: #f8f8f8;
  border: 1px solid #e8e8e8;
  padding: 26px 0 0 400px;
}
.article_list0301 ul li {
  float: left;
}
.article_list0301 h2 {
  float: left;
  font-size: 1em;
  color: #808080;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
  margin: 4px 0 0 5px;
}
.article_list0301_txt01,
.article_list0301_txt02 {
  float: left;
}
.news_list0201 {
  float: left;
  width: 100px;
  height: 75px;
  margin-right: 10px;
}
.news_list0202 {
  float: left;
  width: 860px;
  height: 94px;
}
.news_list0202 dl dt h2 {
  color: #222;
  font-size: 1.1em;
  letter-spacing: 0em;
  line-height: 120%;
  font-weight: bold;
  height: 22px;
}
.news_list0202 dl dt h2 a {
  color: #222;
}
.news_list0202 dl dt h2 a:hover {
  color: #222;
  border-bottom: 1px solid #0c67c4;
}
.news_list0202 dl dt span {
  float: left;
}
.news_list0202 dl dd a {
  font-size: 0.7em;
  letter-spacing: 0em;
  font-weight: normal;
  text-decoration: none;
  color: #222;
}
.news_list0202 dl dd a:hover {
  border-bottom: 1px solid #333;
}
.news_content02 {
  width: 860px;
  clear: both;
  line-height: 130%;
}
.news_content02 h2 a {
  color: #666;
}
.news_content02 dl dd span {
  float: left;
}
.news_nav02 {
  clear: both;
  width: 810px;
  margin: 3px 0 0 0;
  color: #45a8d2;
  font-size: 0.9em;
}
.news_nav02 .nav_txt02 {
  margin: 0 2px;
  color: #45a8d2;
  letter-spacing: -0.05em;
}
.news_nav02 .nav_date02 {
  margin: 0 2px 0 4px;
  color: #45a8d2;
  letter-spacing: -0.02em;
}
.nav_txt_bar02 {
  margin: 0 2px 0 5px;
  color: #7ed3f7;
}
.result_title01 {
  float: left;
  font-size: 1.5em;
  letter-spacing: 0em;
  color: #333;
  font-weight: bold;
  width: 970px;
  border-bottom: 1px solid #ccc;
  height: 30px;
  margin: 20px 0 10px 0;
  padding: 10px 0 15px 0;
}
.result_title0101 {
  float: left;
}
.result_title_icon01 {
  float: left;
  width: 13px;
  height: 13px;
  margin-right: 10px;
  position: relative;
  top: 6px;
}
.subtitle_icon02 {
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.search_type0101 {
  float: left;
  height: 22px;
  margin-bottom: 20px;
  background: #f4f4f4;
  width: 968px;
  padding: 8px 0 6px 0;
  border: 1px solid #dbdbdb;
}
.search_type_txt01 {
  float: left;
  margin: 0 10px 0 20px;
  color: #353e45;
  font-weight: normal;
}
.search_type0102,
.search_type0103,
.search_type0104 {
  float: left;
}
.search_type0102 ul li,
.search_type0103 ul li,
.search_type0104 ul li {
  float: left;
}
.search_type0102 ul li a,
.search_type0103 ul li a {
  padding: 2px 10px 4px 10px;
  background: #fff;
  margin: 0;
  color: #666;
  border: 1px solid #dbdbdb;
  border-right: none;
}
.search_type0104 ul li a {
  background: #fff;
  margin-left: 5px;
  color: #666;
}
.search_type_txt03 {
  width: 70px;
  height: 24px;
  padding-left: 10px;
  margin-bottom: 10px;
  position: relative;
  top: -2px;
  border: 1px solid #dbdbdb;
}
.search_type_btn01 {
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  border: 1px solid #ccc;
  color: #666;
  border-radius: 2px;
  font-weight: bold;
  font-size: 0.9em;
  padding: 1px 10px 3px 10px;
  text-decoration: none;
}



/* JOIN */
.member_info01 {
  width: 970px;
  height: 650px;
  background: #f4f4f4;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.3);
  border-top: 2px solid #7e8288;
}
.member_info03 {
  width: 920px;
  height: 310px;
  background: #f4f4f4;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.3);
  border-top: 2px solid #7e8288;
  padding: 30px 0 0 50px;
}
.member_complete01 {
  width: 870px;
  height: 280px;
  background: #fefefe;
  border: 1px solid #fff;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  font-family: 'Dotum';
}
.member_complete01 span {
  color: #555;
}
.complete_title01 {
  font-size: 2.2em;
  color: #777;
  font-weight: bold;
  text-align: center;
  height: 50px;
  margin-top: 50px;
  text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
}
.complete_txt01,
.complete_txt02 {
  text-align: center;
  font-size: 1.1em;
  color: #666;
  line-height: 180%;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
.complete_btn01 {
  width: 870px;
}
.complete_btn0101 {
  margin: 50px 0 0 380px;
  box-shadow: inset 0px 1px 0px 0px #7a8eb9;
  background: linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7', GradientType=0);
  background-color: #637aad;
  border: 1px solid #314179;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 1.1em;
  font-weight: bold;
  padding: 4px 12px 7px 12px;
  text-decoration: none;
}
.member_info02 {
  width: 700px;
  height: 650px;
  margin: 0 auto;
}
.member_top01,
.member_bottom01 {
  width: 700px;
  background: #f4f4f4;
}
.member_top01 {
  height: 60px;
}
.member_bottom01 {
  height: 50px;
}
.member_btn01,
.member_btn02 {
  font-size: 0.8em;
  letter-spacing: -0.05em;
  padding: 4px 10px;
  background: linear-gradient(to bottom, #6d80a5, #5b6e95);
  border-radius: 4px;
  color: #ffffff;
  margin-left: 10px;
  text-decoration: none;
}
.member_info0102,
.member_info0103 {
  width: 700px;
  height: 154px;
  background: #dadada;
  color: #666;
  font-weight: bold;
  font-size: 1.1em;
}
.member_info0102 tr td,
.member_info0103 tr td {
  background: #fff;
}
.member_check01 {
  height: 30px;
  text-align: center;
  margin-left: 150px;
  padding: 40px 0;
}
.member_submit01 {
  width: 700px;
  height: 60px;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.75);
  text-decoration: none;
  color: #fff;
  position: relative;
  border-radius: 5px;
  box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #555, 0px 5px 5px #999;
}
.member_submit0101 {
  width: 120px;
  margin: 0 auto;
  font-size: 1.6em;
  color: #fff;
  padding-top: 15px;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.member_check0101 {
  float: left;
  width: 400px;
  height: 30px;
  font-size: 1.1em;
  font-weight: bold;
  color: #666;
}
.member_chk_sns {
  float: left;
  text-align: center;
  height: 30px;
  margin-right: 30px;
}
.member_chk_email {
  float: left;
  text-align: center;
  height: 30px;
}
.member_id01,
.member_nickname01 {
  width: 150px;
  height: 50px;
  padding-left: 15px;
}
.member_pw01,
.member_reconfirm01,
.member_name01 {
  height: 50px;
  padding-left: 15px;
}
.member_id02 {
  width: 645px;
  height: 50px;
}
.member_nickname02 {
  width: 620px;
  height: 50px;
  font-size: 0.9em;
  color: #999;
}
.member_pw02 {
  width: 645px;
  height: 50px;
}
.member_reconfirm02 {
  width: 620px;
  height: 50px;
  color: #666;
}
.member_id03,
.member_nickname03,
.member_pw03,
.member_reconfirm03,
.member_name03,
.member_number03,
.member_email03 {
  border: 1px solid #e5e5e5;
  margin-left: 20px;
  color: #555;
  height: 24px;
}
.member_id03,
.member_nickname03 {
  width: 160px;
}
.member_pw03,
.member_reconfirm03,
.member_name03,
.member_number03 {
  width: 290px;
}
.member_email03 {
  width: 210px;
  margin-right: 10px;
}
.member_email04 {
  width: 120px;
  height: 24px;
  border: 1px solid #e5e5e5;
  margin-left: 10px;
  color: #555;
}
.member_number01 {
  width: 175px;
  height: 50px;
  padding-left: 15px;
}
.member_email01 {
  height: 50px;
  padding-left: 15px;
}
.member_name02,
.member_number02,
.member_email02 {
  width: 645px;
  height: 50px;
}
.mb_example01 {
  font-weight: normal !important;
  margin-left: 10px;
  font-size: 0.9em;
  color: #00bff3;
  letter-spacing: -0.02em;
}
.cd-select03 {
  color: #888 !important;
  width: 120px;
  padding: 0 0 0 6px;
  height: 24px;
  font-size: 0.9em;
  letter-spacing: 0em;
  border: 1px solid #e5e5e5;
  background: #fff;
}


/* Login */
.member_login01 {
  width: 970px;
  height: 420px;
  background: url('../images/search/search_pattern01.png');
  padding-top: 80px;
  border: 1px solid #fff; /* 중복된 border 중 하얀색으로 통일 */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.member_login0101 {
  width: 670px;
  height: 285px;
  margin: 0 auto 0;
}
.member_logo01 {
  float: left;
  width: 670px;
  height: 70px;
  font-size: 2em;
  font-weight: 900;
  margin-bottom: 10px;
}
.member_bar01 {
  clear: both;
  height: 2px;
  width: 670px;
  margin-bottom: 5px;
}
.member_login_form01 {
  float: left;
  width: 658px;
  height: 272px;
  background: #fff;
  padding: 10px 0 0 10px;
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.member_adv01 {
  float: left;
  width: 301px;
  height: 260px;
  background: #fff;
  margin-right: 10px;
  border: 1px solid #dbdbdb;
}
.member_sns01 {
  float: left;
  width: 337px;
  height: 262px;
  background: #fff;
}
.sns_login01 {
  width: 337px;
  height: 34px;
}
.sns_login_btn01,
.sns_login_btn02 {
  float: left;
  width: 335px;
  background: #f3f3f3;
  border: 1px solid #dbdbdb;
  border-top: none;
}
.sns_login_btn01 {
  height: 181px;
  padding-top: 45px;
}
.sns_login_btn02 {
  height: 181px;
  padding-top: 30px;
  padding-bottom: 15px;
}
.sns_login_btn0101 {
  width: 217px;
  height: 140px;
  background: #f1f1f1;
  margin: 0 auto;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
.sns_login_btn0201 {
  width: 300px;
  height: 74px;
  margin: 0 auto;
  color: #333;
}
.membder_login0101 {
  float: left;
  height: 25px;
  width: 167px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  padding-top: 8px;
  border: 1px solid #dbdbdb;
  color: #4e5c78;
}
.login_form0101 ul li {
  clear: both;
  height: 34px;
}
.login_form0101 {
  float: left;
  width: 228px;
}
.login_button0101 {
  float: left;
  background: linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
  width: 60px;
  height: 36px;
  margin-left: 10px;
  font-weight: bold;
  letter-spacing: -0.05em;
  text-align: center;
  padding-top: 22px;
  border-radius: 4px;
  border: 1px solid #d83526;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0px 1px 0px #b23e35;
  box-shadow: inset 0px 1px 0px 0px #f7c5c0;
  -webkit-box-shadow: inset 0px 1px 0px 0px #f7c5c0;
  -moz-box-shadow: inset 0px 1px 0px 0px #f7c5c0;
}
.login_button0101:hover {
  background: linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83', GradientType=0);
  background-color: #e4685d;
}
.login_button0101:active {
  position: relative;
  top: 1px;
}
.member_login_id01 {
  float: left;
  width: 60px;
  height: 25px;
  font-weight: bold;
  font-size: 1.1em;
  color: #333;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);
}
.member_login_id02 {
  float: left;
}
.member_login_id03 {
  width: 155px;
  height: 28px;
  color: #666;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
.member_login_id03:focus {
  outline: none;
}
.member_login_pw01 {
  float: left;
  width: 60px;
  background: #ccc;
}
.member_login_pw02 {
  float: left;
}
.member_join0101 {
  margin: 0 0 0 0;
}
.member_join0203 {
  margin: 0 0 0 77px;
}
.member_join0102 {
  width: 300px;
  clear: both;
  margin: 0 0 0 20px;
  padding: 15px 0 0 0;
}
.member_join0303 {
  width: 198px;
  height: 24px;
  color: #777;
  font-weight: bold;
  letter-spacing: -0.05em;
  font-size: 1em;
  padding: 3px 0 0 0;
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
  border: 1px solid #ccc;
  text-align: center;
  margin: 10px 0 0 0;
}
.member_id0303,
.member_pw0303 {
  float: left;
  color: #777;
  font-weight: normal;
  letter-spacing: -0.05em;
  font-size: 0.9em;
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
  border: 1px solid #ccc;
  text-align: center;
  margin-left: 20px;
}
.member_id0303 {
  width: 122px;
  padding: 3px 6px;
  margin-right: 4px;
}
.member_pw0303 {
  width: 122px;
  padding: 3px 12px;
  margin: 0;
}
.member_join0102 ul li {
  margin: 0 0 5px 0;
}
.member_chk01,
.member_chk03 {
  float: left;
  border: 1px solid #dbdbdb;
  padding: 0;
  margin: 6px 0 0 0;
}
.member_chk02,
.member_chk0202,
.member_chk04 {
  float: left;
  color: #333;
  font-size: 1em;
  letter-spacing: -0.15em;
  margin: 2px 5px 0 3px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
}
.member_chk0202 {
  margin: 2px 2px 0 0;
}
.member_chk05 {
  float: left;
  margin: 0 0 0 5px;
  letter-spacing: -0.02em;
  color: #666;
  font-size: 1em;
  font-weight: bold;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  background: linear-gradient(to bottom, #7185ad 5%, #6b7ea3 100%);
  border: 1px solid #6b7ea3;
  border-radius: 2px;
  padding: 2px 14px 3px 14px;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: none;
}
.sns_login0101 {
  float: left;
  height: 25px;
  width: 167px;
  background: #f1f1f1;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  padding-top: 8px;
  border: 1px solid #dbdbdb;
  color: #4e5c78;
}
.sns_login_btn0101 {
  font-weight: bold;
  font-size: 1.1em;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.sns_login_btn0101 a {
  color: #fff;
}
.login_button01,
.login_button03,
.login_button04 {
  width: 217px;
  height: 26px;
  background: #888;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: inset 0 0 0 #555, 0 2px 0 0 #555;
  -webkit-box-shadow: inset 0 0 0 #555, 0 2px 0 0 #555;
  -moz-box-shadow: inset 0 0 0 #555, 0 2px 0 0 #555;
  -o-box-shadow: inset 0 0 0 #555, 0 2px 0 0 #555;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: 0;
}
.login_button02 {
  width: 216px;
  height: 26px;
  background: #fee502;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: inset 0 0 0 #555, 0 2px 0 0 #555;
  -webkit-box-shadow: inset 0 0 0 #555, 0 2px 0 0 #555;
  -moz-box-shadow: inset 0 0 0 #555, 0 2px 0 0 #555;
  -o-box-shadow: inset 0 0 0 #555, 0 2px 0 0 #555;
  border: 1px solid #ddd;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: 0;
}
.login_button01,
.login_button02,
.login_button03,
.login_button04 {
  padding-top: 4px;
}
.login_button03 {
  background: #64ccf1;
}
.login_button04 {
  background: #2db400;
}


	
/* FIND ID PW */
.member_find01 {
  width: 970px;
  height: 500px;
  background: #fff;
  margin: 0 auto;
}
.member_find0101 {
  width: 818px;
  margin: 0 auto;
}
.id_find01,
.email_find01 {
  float: left;
  background: #fff;
  width: 340px;
  height: 498px;
  border: 1px solid #dedede;
  padding: 0 30px;
  margin: 0 10px 0 0;
}
.email_find01 {
  margin: 0; /* email_find01은 오른쪽이므로 margin 제거 */
}
.id_find_title01 {
  width: 340px;
  margin: 35px 0 0 0;
  font-size: 1.1em;
  font-weight: normal;
  color: #333;
}
.id_find_title01 h2,
.id_find_text01 h2 {
  font-size: 1em;
  font-weight: normal;
}
.id_find_text01 {
  width: 340px;
  margin: 10px 0 0 0;
  font-size: 1em;
  font-weight: normal;
  color: #666;
}
.id_find_bar01 {
  width: 340px;
  height: 3px;
  background: #f1f1f1;
  margin: 30px 0 0 0;
}
.find_id_select01 {
  width: 340px;
  height: 30px;
  margin: 20px 0 0 0;
  font-size: 1em;
  color: #666;
  font-weight: bold;
}
.find_radio01,
.find_radio02 {
  position: relative;
  top: 3px;
  margin-right: 2px;
}
.find_radio02 {
  margin-left: 10px;
}
.find_id_name01,
.find_id_email01,
.find_id_id01,
.find_id_phone01 {
  width: 340px;
  height: 50px;
  margin: 0 0 0 0;
  border-bottom: 1px solid #ccc;
}
.find_id_name01 {
  border-top: 1px solid #ccc;
}
.find_id_name0101,
.find_id_email0101,
.find_id_id0101,
.find_id_phone0101 {
  float: left;
  height: 36px;
  font-size: 1em;
  color: #333;
  font-weight: bold;
  margin: 0;
  background: #f8f8f8;
  padding: 14px 0 0 20px;
  width: 80px;
}
.find_id_name0102,
.find_id_email0102,
.find_id_id0102 {
  float: left;
  height: 40px;
  margin: 0;
  background: #fff;
  padding: 10px 0 0 20px;
  width: 220px;
}
.find_id_email0103,
.find_id_id0103 {
  float: left;
}
.find_id_email01,
.find_id_id01,
.find_id_phone01 {
  clear: both;
}
.find_id_phone0102 {
  float: left;
  width: 54px;
  height: 40px;
  margin: 0;
  background: #fff;
  padding: 10px 0 0 20px;
}
.find_id_phone0103,
.find_id_phone0104 {
  float: left;
  width: 58px;
  height: 40px;
  padding: 10px 0 0 2px;
}
.find_input01,
.find_input02,
.find_input06 {
  border: 2px solid #ccc;
  width: 210px;
  height: 30px;
}
.find_input03 {
  border: 2px solid #ccc;
  width: 50px;
  height: 30px;
}
.find_input04,
.find_input05 {
  border: 2px solid #ccc;
  width: 58px;
  height: 30px;
}
.cd-select04 {
  color: #666 !important;
  width: 60px;
  padding: 0 0 0 6px;
  height: 30px;
  font-size: 1em;
  letter-spacing: 0em;
  border: 2px solid #ccc !important;
  background: #fff;
}
.phone_bar01 {
  float: left;
  margin: 22px 0 0 8px;
  background: #ccc;
  height: 2px;
  width: 6px;
}
.find_id_submit01 {
  font-size: 1.1em;
  color: #fff;
  font-weight: bold;
  margin: 50px 0 0 135px;
}
.find_id_submit01 span {
  padding: 3px 22px 5px 22px;
}



/* MEMBER */
.member_register01 {
  width: 968px;
  background: #fcfcfc;
  border: 1px solid #e1e8ed;
  margin: 0 0 40px 0;
}
.member_register02 {
  width: 970px;
}
.member_register0101 {
  width: 930px;
  background: #fcfcfc;
  margin: 10px 0 0 20px;
}
.register01 {
  padding: 0 0 30px 0;
  border-bottom: 1px solid #e5e5e5;
}
.register02 {
  margin: 10px 0 30px 0;
}
.register_title01 {
  width: 930px;
  height: 45px;
  background: #fcfcfc;
}
.register_title01 h2 {
  font-size: 1.1em;
  color: #333;
  font-weight: bold;
  padding: 15px 0 0 0;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
.register_text01,
.register_text02 {
  background: #fcfcfc;
  color: #666;
  font-size: 1em;
  height: 178px;
}
.register_text01 {
  width: 930px;
}
.register_text02 {
  width: 928px;
  height: 158px;
}
.register_text03 {
  clear: both;
  width: 930px;
  text-align: center;
  height: 30px;
  padding-top: 20px;
}
.register_text03 h2 {
  font-size: 1em;
  color: #555;
  font-weight: bold;
}
.register_check01 {
  font-size: 1em;
  color: #555;
  text-align: center;
}
.regit_check01,
.regit_check02 {
  margin-right: 10px;
}
.regit_radio01,
.regit_radio02,
.regit_radio03,
.regit_radio04 {
  vertical-align: middle;
}
.register_textarea01,
.register_textarea02 {
  border: 1px solid #ccc;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #fff;
  padding: 10px;
  color: #666;
  box-sizing: border-box;
  box-shadow: none;
}
.register_textarea01 {
  width: 930px;
  height: 160px;
}
.register_textarea01 p,
.register_textarea02 p {
  font-size: 1em;
  color: #666;
  padding: 0 10px;
}
.register_textarea02 {
  width: 928px;
  height: 158px;
}
.confirm_phone01,
.confirm_ipin01 {
  float: left;
  width: 474px;
  height: 300px;
  background: #fcfcfc;
  border: 1px solid #e1e8ed;
  margin-bottom: 40px;
}
.confirm_phone01 {
  margin-right: 18px;
}
.conf_phone01,
.conf_ipin01 {
  width: 434px;
  height: 260px;
  margin: 20px 0 0 20px;
}
.conf_phone01 h2,
.conf_ipin01 h2 {
  color: #333;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 150%;
}
.conf_phone01 h3,
.conf_ipin01 h3 {
  color: #666;
  font-weight: normal;
  font-size: 1em;
  line-height: 150%;
  margin-left: 10px;
}
.conf_phone_txt01,
.conf_ipin_txt01 {
  font-size: 1.1em;
  margin: 10px 0 20px 0;
  width: 434px;
  background: #e5e5e5;
  height: 34px;
}
.conf_phone_txt01 h2,
.conf_ipin_txt01 h2 {
  color: #333;
  padding: 5px 0 0 18px;
  text-shadow: 1px 1px 1px #fff;
}
.conf_phone_txt03,
.conf_ipin_txt03 {
  padding: 0 0 15px 0;
  border-bottom: 1px solid #e5e5e5;
}
.conf_phone_txt04,
.conf_ipin_txt04 {
  padding: 10px 0;
  border-top: 1px solid #fff;
  font-weight: bold;
  font-size: 1em;
}
.conf_phone_txt04 h3,
.conf_ipin_txt04 h3 {
  color: #0084b4;
}
.conf_ipin_txt05 a {
  text-decoration: underline;
}
.conf_phone_btn01 span,
.conf_ipin_btn01 span {
  width: 108px;
  background: #eee;
  margin: 35px 0 0 150px;
  background: linear-gradient(to bottom, #7185ad 5%, #6b7ea3 100%);
  border-radius: 2px;
  border: 1px solid #6b7ea3;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  font-size: 1.1em;
  padding: 6px 20px;
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7185ad', endColorstr='#6b7ea3', GradientType=0);
}
.confirm_sns01 {
  clear: both;
  width: 968px;
  height: 80px;
  background: #fff;
  border: 1px solid #e1e8ed;
}
.conf_sns01 {
  float: left;
  width: 236px;
  height: 80px;
  background: #fafafa;
  border-right: 1px solid #e1e8ed;
}
.conf_sns02 {
  float: left;
  color: #666;
  font-weight: normal;
  font-size: 1em;
  line-height: 150%;
  margin: 10px 0 0 20px;
}
.conf_title01 {
  font-weight: bold;
  color: #6c7fa3;
  font-size: 2em;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
  margin: 10px 0 0 90px;
}
.conf_btn01 {
  width: 88px;
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  margin: 5px 0 0 56px;
  border-radius: 2px;
  border: 1px solid #ccc;
  display: inline-block;
  cursor: pointer;
  color: #666;
  font-weight: bold;
  font-size: 1em;
  padding: 4px 15px 5px 15px;
  text-decoration: none;
  letter-spacing: -0.1em;
}
.confirm_btn0101 {
  float: left;
  margin: 50px 0 50px 410px;
  background: linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
  border: 1px solid #314179;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  padding: 8px 25px 9px 25px;
  text-decoration: none;
  box-shadow: inset 0px 1px 0px 0px #7a8eb9;
}
.confirm_btn0101:hover {
  background: linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
  border-color: #5972a7;
}
.confirm_btn0102 {
  float: left;
}




/* TERMS */
.article_top02 {
  height: 30px;
  width: 970px;
  margin: 0;
}
.member_terms01 {
  width: 970px;
  background: #fff;
}
.terms01 {
  width: 970px;
}
.terms_lnb .on {
  -moz-box-shadow: inset 0px 1px 0px 0px #7a8eb9;
  -webkit-box-shadow: inset 0px 1px 0px 0px #7a8eb9;
  box-shadow: inset 0px 1px 0px 0px #7a8eb9;
  background: linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7', GradientType=0);
  background-color: #637aad;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}
.terms01 h2,
.terms01 h3,
.terms01 h4,
.terms01 h5 {
  font-size: small;
  font-weight: normal;
}
.terms_lnb {
  float: left;
  width: 970px;
  height: 48px;
  background: #fff;
  border-bottom: 2px solid #555e78;
}
.terms_lnb h2 a {
  float: left;
  font-size: 1.1em;
  color: #333;
  text-align: center;
  padding: 0 26px 0 27px;
  letter-spacing: -0.05em;
  margin: 17px 0 0 0;
  font-weight: bold;
}
/* 공통 스타일화 */
.terms_lnb01,
.terms_lnb02,
.terms_lnb03,
.terms_lnb04,
.terms_lnb05 {
  height: 47px;
  float: left;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #f6f9fd;
}
.terms_lnb06 {
  height: 47px;
  float: left;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #e1e1e1;
  background: #f6f9fd;
  width: 223px;
}
.terms_content {
  clear: both;
  width: 968px;
  float: left;
  border: 1px solid #ccc;
  color: #666;
}
.terms_content01 {
  width: 908px;
  min-height: 600px;
  margin: 50px 30px 30px 30px;
}
.terms_content h2,
.terms_content h3 {
  font-weight: bold;
  color: #666;
}

/* COMPANY */
.member_company01 h2,
.member_company01 h3,
.member_company01 h4,
.member_company01 h5 {
  font-size: small;
  font-weight: normal;
}
.article_top03 {
  height: 30px;
  width: 970px;
  margin: 0;
}
.site_lnb01 {
  float: right;
  font-size: 0.9em;
  color: #666;
  vertical-align: middle;
  margin-top: 4px;
  margin-right: 2px;
}
.site_lnb01 a {
  color: #666;
}
.site_lnb01 a:hover {
  color: #3b9bff;
}
.member_company01 {
  clear: both;
  width: 970px;
  border-top: 1px solid #e1e1e1;
}
.member_company0101 {
  width: 970px;
  margin: 30px 0;
  min-height: 500px;
  border: 1px solid #e1e1e1;
  padding: 10px;
  box-sizing: border-box;
}




/* AD2 */
.member_ad0101 h2,
.member_ad0101 h3,
.member_ad0101 h4,
.member_ad0101 h5 {
  font-size: small;
  font-weight: normal;
}
.site_lnb01 {
  float: right;
  font-size: 0.9em;
  color: #666;
  vertical-align: middle;
  margin-top: 4px;
  margin-right: 2px;
}
.site_lnb01 a {
  color: #666;
}
.site_lnb01 a:hover {
  color: #3b9bff;
}
.member_ad01 {
  width: 970px;
  border-top: 1px solid #e1e1e1;
}
.member_ad0101 {
  clear: both;
  width: 970px;
  margin: 30px 0;
  min-height: 500px;
}
.ad_info01 {
  width: 968px;
  height: 50px;
  padding: 12px 0 0 0;
  border: 1px solid #e1e1e1;
  background: #f2f6fc;
  margin-bottom: 20px;
}
.ad_info01 h2 {
  font-size: 0.9em;
  color: #666;
  line-height: 180%;
  margin-left: 20px;
}
.ad_info02 {
  float: left;
  width: 970px;
  margin: 20px 0 0 0;
}
.ad_content01 {
  float: left;
  width: 968px;
  background: #f1f2f4;
  border: 1px solid #e1e1e1;
}
.ad_aside01 {
  float: left;
  width: 260px;
  height: 800px;
  margin-left: 10px;
}
.ad_title01 {
  font-size: 1.1em;
  font-weight: bold;
  background: #525f78;
  color: #fff;
  padding: 10px;
  margin-bottom: 10px;
}
.ad_aside01 dl dt {
  font-size: 1em;
  color: #0084b4;
  height: 22px;
  font-weight: bold;
  padding-left: 5px;
}
.ad_aside01 dl dd {
  font-size: 1em;
  color: #666;
  height: 22px;
  padding-left: 5px;
}
.ad_aside0101 {
  border-bottom: 1px dotted #aeaeae;
  padding: 12px 0 2px 0;
}
.ad_content0101 {
  width: 734px;
  background: #fff;
  margin: 0 auto;
}




/* PARTNER */
.register04 {
  margin: 10px 0 20px 0;
}
.member_register03 {
  width: 968px;
  background: #fafafa;
  margin: 0 0 10px 0;
  border: 1px solid #e1e1e1;
  padding: 10px 0 0 0;
  border-top: 2px solid #454545;
}
.register_textarea03 {
  width: 928px;
  height: 178px;
  border: 1px solid #ccc;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 10px;
  box-sizing: border-box;
  color: #666;
  background: #fff;
}
.register_textarea03 p {
  font-size: 1em;
  color: #666;
  padding: 0 10px;
}
.register_text04 {
  width: 930px;
  text-align: center;
  padding-top: 30px;
  margin-bottom: 0;
}
.register_text04 h2 {
  font-size: 1em;
  color: #555;
  font-weight: bold;
}
.partner_terms01 {
  vertical-align: middle;
  margin-right: 2px;
}
.register_title03,
.register_title04 {
  width: 970px;
  height: 45px;
  background: #fff;
  padding-top: 0;
}
.register_title03 h2,
.register_title04 h2 {
  font-size: 1.1em;
  color: #333;
  font-weight: bold;
  padding: 15px 0 0 0;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
.member_register0401 {
  width: 930px;
  background: #fafafa;
  margin: 10px 0 0 20px;
}
.mail_form01 {
  height: 719px !important;
  width: 968px;
  background: #fff;
  border: 1px solid #ccc;
}
.conf_btn02,
.conf_btn03 {
  float: left;
  width: 88px;
  background: #eee;
  margin: 5px 0 0 0;
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
  border-radius: 2px;
  border: 1px solid #ccc;
  display: inline-block;
  cursor: pointer;
  color: #666;
  font-weight: bold;
  font-size: 1em;
  padding: 4px 15px 5px 15px;
  text-decoration: none;
  letter-spacing: -0.1em;
}
.conf_btn02 {
  margin-left: 0;
}
.confirm_btn0201 {
  float: left;
  margin: -24px 0 50px 350px;
  box-shadow: inset 0 1px 0 0 #7a8eb9;
  background: linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
  border: 1px solid #314179;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  padding: 8px 25px 9px 25px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.confirm_btn0201:hover {
  background: linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
  border-color: #5972a7;
}
.confirm_btn0301 {
  float: left;
  margin: -24px 0 50px 10px;
  box-shadow: inset 0 1px 0 0 #fff;
  background: linear-gradient(to bottom, #fff 5%, #f6f6f6 100%);
  border: 1px solid #ccc;
  display: inline-block;
  cursor: pointer;
  color: #555;
  font-size: 1.2em;
  font-weight: bold;
  padding: 8px 25px 9px 25px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}
.confirm_btn0301:hover {
  background: linear-gradient(to bottom, #f6f6f6 5%, #fff 100%);
  color: #666;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.mail_form01 {
  border-top: 2px solid #454545;
}

/* Mail form parts */
.mail_name,
.mail_email,
.mail_phone,
.mail_subject,
.mail_editor,
.mail_url,
.mail_confirm {
  float: left;
  width: 484px;
  height: 40px;
  background: #fefefe;
}
.mail_name01,
.mail_email01,
.mail_phone01,
.mail_subject01,
.mail_editor01,
.mail_url01,
.mail_confirm01 {
  float: left;
  width: 145px;
  background: #fafafa;
  height: 27px;
  text-align: center;
  font-size: 1em;
  color: #333;
  padding-top: 13px;
  border-right: 1px solid #ccc;
}
.mail_name02,
.mail_email02,
.mail_phone02,
.mail_subject02,
.mail_editor02,
.mail_url02,
.mail_confirm02 {
  float: left;
  background: #fefefe;
  height: 40px;
  border-right: 0;
}
.mail_name03,
.mail_email03,
.mail_phone03,
.mail_url03,
.mail_confirm03,
.mail_subject03,
.mail_editor03 {
  border: 1px solid #dbdbdb;
  background: #fff;
  font-size: 1em;
  color: #666;
  margin: 7px 0 0 10px;
  box-sizing: border-box;
}
.mail_name03 {
  width: 200px;
  height: 26px;
}
.mail_email03 {
  width: 260px;
  height: 26px;
}
.mail_phone03,
.mail_phone04,
.mail_phone05 {
  width: 60px;
  height: 26px;
}
.mail_subject03,
.mail_editor03 {
  width: 670px;
  height: 26px;
}
.mail_url03 {
  width: 264px;
  height: 26px;
  padding: 0 10px 2px 10px;
}

.mail_phone02 span {
  color: #666;
  margin: 0 -5px 0 4px;
}
.cd-select05,
.cd-select06 {
  color: #666 !important;
  font-size: 1em;
  letter-spacing: 0em;
  border: 1px solid #ccc !important;
  background: #fff;
}
.cd-select05 {
  width: 60px;
  padding: 1px 1px 1px 4px;
  height: 26px;
}
.cd-select06 {
  width: 100px;
  margin-left: 10px;
  padding: 1px 1px 1px 4px;
  height: 26px;
}

.find_id_phone0103 {
  width: 60px;
  height: 40px;
  float: left;
  margin: 0;
  padding: 7px 0 0 7px;
}



/* REPORT */
.member_register04 {
  width: 968px;
  background: #fafafa;
  margin: 0 0 10px 0;
  border: 1px solid #e1e1e1;
  padding: 10px 0 0 0;
  border-top: 2px solid #454545;
}
.mail_form02 {
  height: 760px;
  width: 968px;
  background: #fff;
  border: 1px solid #ccc;
}
.report_info01 {
  float: left;
  width: 968px;
  height: 91px;
  padding: 12px 0 0 0;
  border: 1px solid #e1e1e1;
  background: #f2f6fc;
  margin-bottom: 20px;
}
.report_info01 h2 {
  font-size: 0.9em;
  color: #666;
  line-height: 180%;
  margin-left: 20px;
}
.report_info02 {
  float: left;
  width: 970px;
  margin: 20px 0 0 0;
}
.register_text05 {
  width: 930px;
  text-align: center;
  padding-top: 30px;
  margin-bottom: 0;
}
.register_text05 h2 {
  font-size: 1em;
  color: #555;
  font-weight: bold;
}
.report_terms01 {
  vertical-align: middle;
  margin-right: 2px;
}

.mail_form_wrap {
  clear: both;
}
.subscript_info01 {
  float: left;
  width: 968px;
  height: 63px;
  padding: 12px 0 0 0;
  border: 1px solid #e1e1e1;
  background: #edf1f7;
  margin-bottom: 20px;
}
.subscript_info01 h2 {
  font-size: 0.9em;
  color: #666;
  line-height: 160%;
  margin-left: 20px;
}
.subscript_info02 {
  float: left;
  width: 970px;
  margin: 20px 0 0 0;
}

.mail_file {
  float: left;
  width: 968px;
  height: 40px;
  background: #fcfcfc;
  border-bottom: 1px solid #ccc;
}
.mail_file01 {
  float: left;
  width: 145px;
  background: #fafafa;
  height: 27px;
  text-align: center;
  font-size: 1em;
  color: #333;
  padding-top: 13px;
  border-right: 1px solid #ccc;
}
.mail_file02 {
  float: left;
  width: 822px;
  background: #fefefe;
  height: 40px;
  border-right: 0;
}
.mail_file03 {
  border: 1px solid #dbdbdb;
  width: 684px;
  height: 26px;
  margin: 7px 0 0 10px;
  background: #fff;
  font-size: 1em;
  color: #666;
}
.mail_file04 {
  padding: 0 !important;
  width: 400px;
  height: 26px;
  margin: 7px 0 0 10px;
  background: #fff;
  font-size: 1em;
  color: #666;
}
.mail_file_btn01 {
  float: left;
  height: 26px;
  margin: 7px 0 0 10px;
  text-align: center;
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 0.9em;
  color: #666;
  background: #ededed;
  border: 1px solid #ccc;
}
.mail_file_text01 {
  float: left;
  height: 22px;
  margin: 12px 0 0 10px;
  font-size: 0.9em;
  color: #666;
}

.report_phone02 {
  float: left;
  width: 338px;
  background: #fefefe;
  height: 40px;
  border-right: 0;
}
.report_phone02 span {
  color: #666;
  margin: 0 -5px 0 4px;
}

.report_email {
  float: left;
  width: 968px;
  height: 40px;
}
.report_email02 {
  float: left;
  width: 822px;
  background: #fefefe;
  height: 40px;
  border-right: 0;
}
.report_email03_01,
.report_email03_02 {
  border: 1px solid #dbdbdb;
  background: #fff;
  font-size: 1em;
  color: #666;
  margin: 7px 0 0 10px;
  height: 22px;
}
.report_email03_01 {
  width: 240px;
}
.report_email03_02 {
  width: 120px;
}

.find_id_email0103 {
  width: 64px;
  height: 40px;
  float: left;
  margin: 0;
  padding: 7px 0 0 7px;
}
.cd-select07 {
  color: #666 !important;
  width: 120px;
  padding-left: 4px;
  height: 26px;
  font-size: 1em;
  letter-spacing: 0em;
  border: 1px solid #ccc !important;
  background: #fff;
}



/* MYPAGE INFO */
.mypage_sub0101 img,
.mypage_sub0102 img,
.mypage_sub0201 img,
.mypage_sub0202 img,
.mypage_sub0203 img,
.mypage_sub0204 img,
.mypage_sub0205 img,
.mypage_sub0301 img,
.mypage_menu0401 img {
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.article_top03 {
  height: 30px;
  width: 970px;
  margin: 0 0 0 0;
  border-bottom: 0;
}

.mypage01_info01 {
  width: 970px;
  height: 700px;
  background: #fff;
  margin: 20px 0 0 0;
}

.mypage_aside01 {
  float: left;
  width: 200px;
  height: 700px;
  margin-right: 10px;
  box-sizing: border-box;
}

.mypage_content01 {
  float: left;
  width: 758px;
  height: 700px;
  background: #fff;
}

.my_topbox01 {
  font-size: 1.1em;
  font-weight: bold;
  color: #3d465c;
}

.my_topbox02 {
  width: 170px;
  font-size: 0.9em;
  color: #333;
  margin: 5px 0 0 0;
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 5px 8px;
}

.my_topbox03 {
  font-size: 0.85em;
  color: #666;
  margin: 3px 0 0 0;
  text-align: center;
  letter-spacing: -0.15em;
}

.my_topbox0201,
.my_topbox0202,
.my_topbox0203,
.my_topbox0204 {
  height: 18px;
  color: #666;
  letter-spacing: -0.05em;
  line-height: 150%;
}

.mypage_name01 {
  color: #0066cc;
  font-weight: bold;
}

.mypage_logout01 a {
  font-weight: bold;
  color: #b3435f;
  text-shadow: none;
}

.mpage_bar01 {
  font-size: 0.8em;
  padding: 0 2px 2px 2px;
}

.mpage01 a {
  color: #333;
  text-shadow: none;
}

.mypage_mlogin01 {
  width: 198px;
  height: 138px;
  background: #e5e5e5;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
}

.mypage_mlogin0101 {
  width: 188px;
  height: 108px;
  margin: 10px 0 0 5px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.mypage_top01 {
  width: 190px;
  height: 52px;
  margin: 4px 4px 0 4px;
  font-size: 1.2em;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: url('../images/mypage/my_pattern01.png');
  box-sizing: border-box;
  padding: 15px 0 5px 0;
  letter-spacing: 0.05em;
}

.mypage_nav01 {
  width: 198px;
  height: 547px;
  background: #f0f0f0;
  border: 1px solid #ddd;
  margin-top: 10px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.45);
  border-bottom: none;
}

.mypage_nav0101 {
  width: 188px;
  margin: 10px 0 0 5px;
}

.mymenu_title01 {
  float: left;
  width: 182px;
  background: #f0f0f0;
  font-weight: bold;
  font-size: 1em;
  color: #0066cc;
  margin: 0 0 0 0;
  padding: 15px 0 5px 5px;
  border-top: 1px solid #fff;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
  letter-spacing: -0.05em;
}

.mytitle_bullet01 {
  float: left;
  padding: 0 0 0 0;
  width: 5px;
  height: 14px;
  background: #5e6d8e;
  margin: 2px 5px 0 0;
}

.mypage_menu01,
.mypage_menu02,
.mypage_menu03,
.mypage_menu04 {
  float: left;
  width: 188px;
  border-bottom: 1px solid #dbdbdb;
}

.mypage_menu0101,
.mypage_menu0201,
.mypage_menu0301,
.mypage_menu0401 {
  background: #fff;
  margin: 2px 0 15px 0;
  font-weight: normal;
  font-size: 1em;
  color: #333;
  line-height: 150%;
  box-sizing: border-box;
  padding: 6px 0 5px 10px;
  border: 1px solid #e5e5e5;
}

.mypage_sub0101,
.mypage_sub0102,
.mypage_sub0103,
.mypage_sub0201,
.mypage_sub0202,
.mypage_sub0203,
.mypage_sub0301,
.mypage_sub0303 {
  height: 22px;
}

.mypage_sub0302 {
  height: 22px;
  color: #5e6d8e;
}

.myinfo01 {
  width: 760px;
  height: 650px;
  border: 1px solid #e3e3e3;
  border-bottom: 3px solid #e3e3e3;
}

.mypage_menu0101 a,
.mypage_menu0201 a,
.mypage_menu0301 a,
.mypage_menu0401 a {
  color: #4d5a75;
  letter-spacing: -0.1em;
}

.myinfo_table01 {
  background: #fff;
  width: 740px;
  margin: 10px 0 0 10px;
}

.myinfo_table01 tr th {
  width: 160px !important;
  background: #f6fbff;
  text-align: left;
  letter-spacing: -0.1em;
  color: #5e6c79;
  height: 33px;
  padding: 3px 0 0 15px;
  border-bottom: 1px solid #eee;
}

.myinfo_table01 tr td {
  width: 570px;
  background: #fff;
  padding: 0 0 0 15px;
  border-bottom: 1px solid #eee;
}

/* my_newsform0901와 my_newsform0202...는 같은 테이블 td 스타일 반복되므로 필요시 병합 가능 */

.my_newsform0901 tr th {
  width: 120px;
  background: #f6fbff;
  text-align: left;
  letter-spacing: -0.1em;
  color: #5e6c79;
  height: 24px;
  padding: 2px 0 2px 15px;
  border-bottom: 1px solid #eee;
}

.my_newsform0202 {
  float: left;
  color: #666;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  width: 300px;
  height: 22px;
  padding: 0 5px;
  margin-top: 1px;
}

.my_newsform0203 {
  float: left;
  color: #888;
  vertical-align: middle;
  height: 22px;
  padding: 0 5px;
  margin: 8px 0;
  position: relative;
  top: 1px;
}

.my_newsform0304 {
  float: left;
  letter-spacing: -0.1em;
  color: #666;
  margin: 10px 10px 0 0;
}

.mypage_title01 {
  width: 745px;
  background: #f6f6f6;
  border: 1px solid #ccc;
  color: #3d465c;
  font-weight: bold;
  height: 24px;
  vertical-align: middle;
  padding: 6px 0 3px 15px;
  font-size: 1.1em;
  margin: 0 0 10px 0;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.mypage_title01 .maypage_tit01 {
  float: left;
  width: 6px;
  background: #555;
  height: 17px;
  margin: 3px 8px 0 0;
  color: #666;
}

.mypage_top_btn01 {
  float: right;
  height: 20px;
  background: #73798c;
  color: #fff;
  font-size: 0.9em;
  padding: 2px 8px 0 8px;
  letter-spacing: -0.05em;
  margin: 0 10px 0 0;
  position: relative;
  top: 0;
  text-shadow: none;
}

/* 반복되는 my_info0xx, my_info1xxx 클래스 계열은 필요시 묶어서 정리 가능 */

.my_info01_01 {
  color: #666;
  font-size: 1em;
}

.my_info0201,
.my_info0601,
.my_info0701,
.my_info1201,
.my_info1301,
.my_info1401,
.my_info1501 {
  float: left;
}

.my_info0202,
.my_info0302,
.my_info0402,
.my_info0602,
.my_info0702,
.my_info0902,
.my_info1002,
.my_info1102,
.my_info1202,
.my_info1402 {
  float: left;
  color: #666;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  height: 20px;
  padding: 0 5px;
}

.my_info0203,
.my_info0703,
.my_info0704,
.my_info1203,
.my_info1204,
.my_info1403,
.my_info1404,
.my_info1507,
.my_info1508 {
  float: left;
  color: #666;
  width: 20~40px; /* 실제 크기 별도 지정 */
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  height: 20px;
  padding: 0 5px;
  margin: 0 2px 0 0;
}

.my_info0303,
.my_info0403 {
  float: left;
  background: #fff;
  color: #3498db;
  letter-spacing: -0.1em;
  font-size: 0.9em;
  padding: 2px 10px 4px 10px;
  margin: 0 0 0 0;
}

.my_info1509 {
  float: left;
  background: #ff7860;
  color: #fff;
  letter-spacing: -0.05em;
  font-size: 0.9em;
  padding: 2px 10px 4px 10px;
  margin: 0 0 0 5px;
}

.my_info1506 {
  float: left;
}

.my_info1505 {
  float: left;
  background: #fff;
  color: #999;
  letter-spacing: -0.1em;
  font-size: 0.9em;
  padding: 2px 10px 4px 10px;
  margin: 0 0 0 0;
}

.my_info15010,
.my_info1511 {
  float: left;
  width: 250px;
  color: #666;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  height: 20px;
  padding: 0 5px;
}
 
/* 버튼 스타일 */
.confirm_btn0401 {
  float: left;
  margin: 50px 0 50px 450px;
  box-shadow: inset 0px 1px 0px 0px #7a8eb9;
  background: linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
  border: 1px solid #314179;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  padding: 8px 25px 9px 25px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.confirm_btn0401:hover {
  background: linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
  background-color: #5972a7;
}

/* 일반 버튼 */
.conf_btn05 {
  float: left;
  width: 88px;
  background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%);
  border-radius: 2px;
  border: 1px solid #ccc;
  display: inline-block;
  cursor: pointer;
  color: #666;
  font-weight: bold;
  font-size: 1em;
  padding: 4px 15px 5px 15px;
  text-decoration: none;
  letter-spacing: -0.1em;
}

.confirm_btn0501 {
  float: left;
  margin: 50px 0 50px 10px;
  box-shadow: inset 0px 1px 0px 0px #d9d9d9;
  background: linear-gradient(to bottom, #d1d1d1 5%, #c4c4c4 100%);
  border: 1px solid #c4c4c4;
  color: #555;
  font-weight: bold;
  font-size: 1.2em;
  padding: 8px 25px 9px 25px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}
.confirm_btn0501:hover {
  background: linear-gradient(to bottom, #c4c4c4 5%, #d1d1d1 100%);
  background-color: #c4c4c4;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}



/* MYPAGE SCRAP */
.mypage_scrap01 {
  width: 760px;
  height: 650px;
  background: #fff;
}

.mypage_search0101 {
  width: 760px;
  height: 40px;
  background: #fff;
  border-bottom: 1px solid #7e8288;
  box-sizing: border-box;
}

.mypage_search0101 .my_search01,
.mypage_search0101 .my_checkbox01 {
  float: left;
  height: 40px;
  text-align: center;
  font-size: 1em;
  color: #333;
  letter-spacing: -0.05em;
  padding-top: 5px;
  box-sizing: border-box;
}

.mypage_search0101 .my_checkbox01 {
  padding-top: 10px;
}

.mypage_scrap0101 {
  width: 760px;
  height: 40px;
  background: #f6fbff;
  border-bottom: 1px solid #7e8288;
}

.mypage_scrap0101 li {
  float: left;
  height: 40px;
  text-align: center;
  font-size: 1em;
  color: #333;
  letter-spacing: -0.05em;
  padding-top: 10px;
  box-sizing: border-box;
}

.mypage_scrap0102 {
  width: 760px;
  height: 74px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}

.mypage_scrap0102 li {
  float: left;
  height: 54px;
  text-align: center;
  font-size: 1em;
  color: #b3435f;
  letter-spacing: -0.05em;
  padding: 7px 0;
  box-sizing: border-box;
}

.my_search01 {
  float: left;
  width: 72%;
  height: 40px;
}

.my_search01 ul li {
  float: left;
}

.my_checkbox01 {
  float: left;
  width: 28%;
}

.cd-select12 {
  color: #666 !important;
  width: 90px;
  margin-left: 5px;
  padding: 6px 5px 5px 5px;
  height: 30px !important;
  font-size: 0.9em;
  letter-spacing: 0em;
  border: 1px solid #7e8288 !important;
  box-sizing: border-box;
  vertical-align: middle;
}

.scrap01_select,
.scrap02_select {
  float: left;
  margin-top: 0;
}

.scrap_searchbox01 {
  width: 240px;
  height: 30px;
  font-size: 0.9em;
  letter-spacing: 0em;
  color: #666;
  border: 1px solid #7e8288 !important;
  margin-left: 10px;
}

.mypage_top_btn02,
.mypage_top_btn03 {
  float: left;
  height: 20px;
  background: #73798c;
  color: #fff;
  font-size: 0.8em;
  padding: 2px 8px 0 8px;
  letter-spacing: -0.05em;
  position: relative;
  top: 0;
  text-shadow: none;
  margin-right: 10px;
}

.mypage_top_btn03 {
  margin-right: 0;
}

.my_section01,
.my_section02,
.my_section03,
.my_section04 {
  float: left;
  height: 30px;
}

.my_scrap01 {
  width: 5%;
}

.my_scrap02 {
  width: 85%;
}

.my_scrap03 {
  width: 10%;
}

.my_scrap_list01 {
  width: 5%;
  vertical-align: middle;
  margin-top: 20px;
}

.my_scrap_list02 {
  width: 85%;
  text-align: left !important;
}

.my_scrap_list03 {
  width: 10%;
  vertical-align: middle;
  margin-top: 20px;
  letter-spacing: 0em !important;
}

.scrap_img01 {
  float: left;
  width: 80px;
  height: 60px;
  background: #eee;
}

.scrap_img01 img {
  max-width: 80px;
  max-height: 60px;
}

.scrap_news01 {
  float: left;
  width: 85%;
  height: 60px;
  background: #fff;
  margin-left: 10px;
}

.scrap_news01 dt {
  font-size: 1.1em;
  font-weight: bold;
  color: #333;
  padding: 2px 0 4px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.scrap_news01 dt a {
  color: #333;
}

.scrap_news01 dd {
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
}

.scrap_news01 dd a {
  color: #666;
}

.mypage_scrap_total {
  float: right;
  height: 20px;
  color: #4a4e5a;
  font-size: 0.8em;
  padding: 3px 8px 1px 8px;
  letter-spacing: -0.05em;
  margin: 0 10px 0 0;
  position: relative;
  top: -1px;
  text-shadow: none;
  border: 0;
  background: none;
}

.scrap_number01 {
  color: #ec644c;
  font-size: 1.1em;
  font-family: 'Nanum Gothic';
}

/* Paging */
.aricle_pageing03 {
  clear: both;
  width: 760px;
  height: 30px;
  margin: 0 auto;
}

.aricle_pageing0301 {
  width: 450px;
  height: 30px;
  margin: 0 auto;
  background: #fff;
  padding-top: 10px;
}

.aricle_pageing0301 ul li a {
  float: left;
  border: 1px solid #ddd;
  color: #333;
  padding: 3px 8px 2px 7px;
  margin: 0 1px;
}

.aricle_pageing0301 ul li a:hover {
  float: left;
  border: 1px solid #428bca;
  color: #fff;
  padding: 3px 8px 2px 7px;
  margin: 0 1px;
  background: #428bca;
}

.page_first01 {
  color: #fff !important;
  border-color: #428bca !important;
}

/* MYPAGE SENDING */
/* MYPAGE SCRAP과 구조 유사하여 필요 시 클래스명만 바꿔서 적용 가능 */
.mypage_send01 {
  width: 760px;
  background: #fff;
}

.mypage_send0101 {
  width: 760px;
  height: 40px;
  background: #f6fbff;
  border-bottom: 1px solid #7e8288;
}

.mypage_send0101 li {
  float: left;
  height: 40px;
  text-align: center;
  font-size: 1em;
  color: #333;
  letter-spacing: -0.05em;
  padding-top: 10px;
  box-sizing: border-box;
}

.mypage_send0102 {
  width: 760px;
  height: 74px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}

.mypage_send0102 li {
  float: left;
  height: 54px;
  text-align: center;
  font-size: 1em;
  color: #b3435f;
  letter-spacing: -0.05em;
  padding: 7px 0;
  box-sizing: border-box;
}

.my_send01 {
  width: 5%;
}

.my_send02 {
  width: 75%;
}

.my_send03,
.my_send04 {
  width: 10%;
}

.my_send_list01 {
  width: 5%;
  vertical-align: middle;
  margin-top: 20px;
}

.my_send_list02 {
  width: 75%;
  text-align: left !important;
}

.my_send_list03,
.my_send_list04 {
  width: 10%;
  vertical-align: middle;
  margin-top: 20px;
  letter-spacing: 0em !important;
}

.send_img01 {
  float: left;
  width: 80px;
  height: 60px;
  background: #eee;
}

.send_img01 img {
  max-width: 80px;
  max-height: 60px;
}

.send_news01 {
  float: left;
  width: 84%;
  height: 60px;
  background: #fff;
  margin-left: 10px;
}

.send_news01 dt {
  font-size: 1.1em;
  font-weight: bold;
  color: #333;
  padding: 2px 0 4px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.send_news01 dt a {
  color: #333;
}

.send_news01 dd {
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
}

.send_news01 dd a {
  color: #666;
}

.mypage_send_total {
  float: right;
  height: 20px;
  color: #4a4e5a;
  font-size: 0.8em;
  padding: 3px 8px 1px 8px;
  letter-spacing: -0.05em;
  margin: 0 10px 0 0;
  position: relative;
  top: -1px;
  text-shadow: none;
  border: 0;
  background: none;
}

.send_number01 {
  color: #ec644c;
  font-size: 1.1em;
  font-family: 'Nanum Gothic';
}



/* MYPAGE COMMENT */
.mypage_comment01 {
  width: 760px;
  height: 650px;
  background: #fff;
}

.mypage_search0101 {
  width: 760px;
  height: 40px;
  background: #fff;
  border-bottom: 1px solid #7e8288;
  box-sizing: border-box;
}

.mypage_search0101 .my_search01,
.mypage_search0101 .my_checkbox01 {
  float: left;
  height: 40px;
  text-align: center;
  font-size: 1em;
  color: #333;
  letter-spacing: -0.05em;
  box-sizing: border-box;
}

.mypage_search0101 .my_search01 {
  padding-top: 5px;
}

.mypage_search0101 .my_checkbox01 {
  padding-top: 10px;
}

.mypage_comment0101 {
  width: 760px;
  height: 40px;
  background: #f6fbff;
  border-bottom: 1px solid #7e8288;
  box-sizing: border-box;
}

.mypage_comment0101 li {
  float: left;
  height: 40px;
  text-align: center;
  font-size: 1em;
  color: #333;
  letter-spacing: -0.05em;
  padding-top: 10px;
  box-sizing: border-box;
}

.mypage_comment0102 {
  width: 760px;
  height: 40px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box;
}

.mypage_comment0102 li {
  float: left;
  height: 30px;
  text-align: center;
  font-size: 1em;
  color: #b3435f;
  letter-spacing: -0.05em;
  padding: 7px 0;
  box-sizing: border-box;
}

.my_search01 {
  float: left;
  width: 72%;
  height: 40px;
}

.my_search01 ul li {
  float: left;
}

.my_checkbox01 {
  float: left;
  width: 28%;
}

.cd-select12 {
  color: #666 !important;
  width: 90px;
  margin-left: 5px;
  padding: 6px 5px 5px 5px;
  height: 30px !important;
  font-size: 1em;
  letter-spacing: 0em;
  border: 1px solid #7e8288 !important;
  box-sizing: border-box;
  vertical-align: middle;
}

.comment01_select,
.comment02_select {
  float: left;
  margin-top: 0;
}

.comment_searchbox01 {
  width: 240px;
  height: 28px;
  font-size: 0.9em;
  letter-spacing: 0em;
  color: #666;
  border: 1px solid #7e8288 !important;
  margin-left: 10px;
}

.mypage_top_btn02,
.mypage_top_btn03 {
  float: left;
  height: 20px;
  background: #73798c;
  color: #fff;
  font-size: 0.8em;
  padding: 2px 8px 0 8px;
  letter-spacing: -0.05em;
  position: relative;
  top: 0;
  text-shadow: none;
  margin-right: 10px;
}

.mypage_top_btn03 {
  margin-right: 0;
}

.my_section01,
.my_section02,
.my_section03,
.my_section04 {
  float: left;
  height: 30px;
}

.my_comment01 {
  width: 5%;
}

.my_comment02 {
  width: 75%;
}

.my_comment03,
.my_comment04 {
  width: 10%;
}

.my_comment_list01 {
  width: 5%;
  vertical-align: middle;
  margin-top: 5px;
}

.my_comment_list02 {
  width: 75%;
  text-align: left !important;
  margin-top: 3px;
}

.my_comment_list03,
.my_comment_list04 {
  width: 10%;
  vertical-align: middle;
  margin-top: 4px;
  letter-spacing: 0em !important;
}

.comment_img01 {
  float: left;
  width: 80px;
  height: 60px;
  background: #eee;
}

.comment_img01 img {
  max-width: 80px;
  max-height: 60px;
}

.comment_news01 {
  float: left;
  width: 84%;
  height: 60px;
  background: #fff;
  margin-left: 10px;
}

.comment_news01 dt {
  font-size: 1.1em;
  font-weight: bold;
  color: #333;
  padding: 2px 0 4px 0;
}

.comment_news01 dt a {
  color: #333;
}

.comment_news01 dd {
  color: #666;
}

.comment_news01 dd a {
  color: #666;
}

.mypage_comment_total {
  float: right;
  height: 20px;
  color: #4a4e5a;
  font-size: 0.8em;
  padding: 3px 8px 1px 8px;
  letter-spacing: -0.05em;
  margin: 0 10px 0 0;
  position: relative;
  top: -1px;
  text-shadow: none;
  border: 0;
  background: none;
}

.comment_number01 {
  color: #ec644c;
  font-size: 1.1em;
  font-family: 'Nanum Gothic';
}

/* Paging */
.aricle_pageing03,
.aricle_pageing04 {
  clear: both;
  width: 760px;
  height: 30px;
  margin: 0 auto;
}

.aricle_pageing0301,
.aricle_pageing0401 {
  width: 450px;
  height: 30px;
  margin: 0 auto;
  background: #fff;
  padding-top: 10px;
}

.aricle_pageing0301 ul li a,
.aricle_pageing0401 ul li a {
  float: left;
  border: 1px solid #ddd;
  color: #333;
  padding: 3px 8px 2px 7px;
  margin: 0 1px;
}

.aricle_pageing0301 ul li a:hover,
.aricle_pageing0401 ul li a:hover {
  float: left;
  border: 1px solid #428bca;
  color: #fff;
  padding: 3px 8px 2px 7px;
  margin: 0 1px;
  background: #428bca;
}

.page_first01 {
  color: #fff !important;
  border-color: #428bca !important;
}

.my_comment_txt01 {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 89%;
}

.my_comment_like01 {
  float: right;
}

.my_comment_txt01 a,
.my_comment_like01 a {
  color: #333;
}

.my_comment_like0101,
.my_comment_like0102 {
  float: left;
}

.my_comment_count01 {
  float: right;
  font-size: 1em;
  margin: 1px 8px 0 2px;
  color: #00bff3;
}



/* MYPAGE REGISTER */

/* background height */
.mypage01_info02 {
  width: 970px;
  background: #fff;
  margin: 20px 0 0 0;
}

.mypage_content02 {
  float: left;
  width: 758px;
  background: #fff;
}

.myinfo06 {
  width: 760px;
  border: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  border-top: 2px solid #7e8288;
}

.member_info06 {
  width: 760px;
  background: #f4f4f4;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.3);
}

.mypage_register01 {
  width: 760px;
  background: #fff;
}

.register_info01 {
  width: 760px;
  height: 44px;
  padding: 12px 0 0 0;
  border: 1px solid #e1e1e1;
  background: #edf1f7;
  margin-bottom: 20px;
}

.register_info01 h2 {
  font-size: 0.9em;
  color: #333;
  line-height: 160%;
  margin-left: 20px;
  font-weight: normal;
}

/* 오타 수정 및 스타일 통일 */
.my_newsform0801,
.my_newsform0802,
.my_newsform0803,
.my_newsform0804,
.my_newsgrade0801,
.my_newsgrade0802,
.my_newsgrade0803,
.my_newsgrade0804,
.my_newsform0901,
.my_news0801,
.my_news0802,
.my_news0803,
.my_news0804,
.my_comment0801,
.my_comment0802,
.my_comment0803,
.my_comment0804,
.my_ready0801,
.my_ready0802,
.my_ready0803,
.my_ready0804 {
  float: left;
  color: #666;
  vertical-align: middle;
  font-size: 1em;
}

.my_newsform0803,
.my_newsform0804,
.my_newsgrade0803,
.my_newsgrade0804,
.my_newsform0901,
.my_comment0803,
.my_comment0804,
.my_ready0803,
.my_ready0804 {
  margin-left: 10px;
}

.my_newsform0901 {
  margin: 8px 0 8px 0;
}

.my_newsform0901 table {
  border: 2px solid #dcdcdc;
}

.my_newsform0204,
.my_newsform0205 {
  float: left;
  margin-top: 1px;
  margin-left: 5px;
  letter-spacing: -0.1em;
  color: #3498db;
}

.my_section_first10_01,
.my_section_second10_01,
.my_section_third10_01,
.my_section_date10_01,
.my_emile10_01,
.my_hits0202,
.my_hits0202_02,
.my_comment0801,
.my_comment0802,
.my_ready0801,
.my_ready0802 {
  color: #666;
  font-size: 1em;
}

/* Sections with float and borders */
.my_section_first1001,
.my_section_second1001,
.my_section_third1001,
.my_section_date1001,
.my_emile1001 {
  float: left;
}

.my_section_first1002,
.my_section_second1002,
.my_section_third1002,
.my_section_date1002,
.my_emile1002,
.my_hits0202,
.my_hits0202_02 {
  float: left;
  color: #666;
  width: 140px;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  height: 20px;
  padding: 0 5px;
  margin: 0 5px 0 0;
}

.my_section_first1003,
.my_section_second1003,
.my_section_third1003,
.my_section_date1003,
.my_emile1003 {
  color: #666;
  width: 80px;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  height: 20px;
  padding: 0 5px;
  margin: 0;
}

.my_writer0202,
.my_hits0203,
.my_comment0803,
.my_comment0804,
.my_ready0803,
.my_ready0804,
.my_share0203 {
  float: left;
  background: #428bca;
  color: #fff;
  letter-spacing: -0.05em;
  font-size: 0.9em;
  padding: 3px 10px;
  margin: 1px 0 0 5px;
}

.my_writer0203,
.my_writer0204,
.my_file0203 {
  float: left;
  background: #428bca;
  color: #fff;
  letter-spacing: -0.05em;
  font-size: 0.9em;
  padding: 3px 10px;
  margin: 1px 0 0 5px;
}

.my_file0204 {
  float: left;
  background: #fff;
  color: #3498db;
  letter-spacing: -0.05em;
  font-size: 0.9em;
  padding: 2px 0 2px 5px;
  margin: 9px 0 0 2px;
}

/* File add boxes */
.my_file_add01, 
.my_file_add02, 
.my_file_add03, 
.my_file_add04, 
.my_file_add05 {
  float: left;
  width: 18.5%;
  text-align: center;
  border: 1px solid #ccc;
  margin: 0 5px 8px 0;
  padding: 4px 1px 0 1px;
  background: #e5e5e5;
  height: 74px;
}

.my_file_add05 {
  width: 18.6%;
  margin-right: 0;
}

/* Other boxes */
.my_file0205 {
  float: left;
  background: #4e5766;
  color: #fff;
  letter-spacing: -0.05em;
  font-size: 0.9em;
  padding: 3px 8px;
  margin: 9px 0 0 5px;
}

.my_file0206 {
  clear: both;
  margin: 0 0 8px 0;
  background: #ddd;
  width: 284px;
  height: 116px;
}

.my_hash0202,
.my_sum0202 {
  float: left;
  color: #666;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  width: 555px;
  height: 22px;
  padding: 0 5px;
  margin: 8px 0;
}

.my_hash0203,
.my_sum0203 {
  float: left;
  background: #727d8c;
  color: #fff;
  letter-spacing: -0.05em;
  font-size: 0.9em;
  padding: 2px 10px 4px 10px;
  margin: 9px 0 0 5px;
}

.my_hash0204,
.my_sum0204 {
  clear: both;
  margin: 8px 0;
  letter-spacing: -0.1em;
  color: #3498db;
}

.my_cnt0201,
.my_cnt0301 {
  float: left;
  border: 1px solid #d5d5d5;
  width: 547px;
  height: 400px;
  padding: 10px;
  margin: 8px 0;
}

/* Date section */
.section_date_select0101 {
  float: left;
  font-size: 1em;
  color: #666;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  width: 120px;
  height: 24px;
  padding: 0 5px 2px 5px;
  margin-top: 0;
}

.section_date_select01,
.section_date_select02,
.section_date_select03 {
  float: left;
  margin: 8px 0;
}

.my_section_date1002 {
  float: left;
  color: #666;
  width: 140px;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  height: 20px;
  padding: 0 5px;
  margin: 0 5px 0 0;
}

.my_section_date1003 {
  color: #666;
  width: 80px;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  height: 20px;
  padding: 0 5px;
  margin: 0;
}

.cd-select15,
.cd-select16,
.cd-select17,
.cd-select18 {
  color: #666 !important;
  padding: 1px 1px 1px 4px;
  font-size: 1em;
  letter-spacing: 0em;
  color: #666;
  border: 1px solid #ccc !important;
  box-sizing: border-box;
}

.cd-select15 {
  width: 120px;
  margin-left: 0;
  margin-right: 5px;
  height: 24px;
}

.cd-select16 {
  width: 80px;
  margin-left: 5px;
  margin-right: 5px;
  height: 24px;
}

.cd-select17 {
  width: 60px;
  margin-left: 10px;
  height: 24px;
}

.cd-select18 {
  width: 120px;
  margin-left: 0;
  margin-right: 5px;
  height: 24px;
}

.select0101 optgroup {
  font-family: 'Malgun Gothic';
  color: #666;
}

/* Hits */
.my_hits0205 {
  float: left;
  margin: 8px 0 8px 0;
  letter-spacing: -0.1em;
  color: #666;
  margin-top: 13px;
  margin-left: 10px;
}

/* Share */
.my_share0202 {
  float: left;
  color: #888;
  vertical-align: middle;
  height: 22px;
  padding: 0 5px;
  margin: 8px 0;
  position: relative;
  top: 1px;
}

.my_share0202_02 {
  float: left;
  color: #888;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  width: 30px;
  height: 22px;
  padding: 0 5px;
  margin: 8px 0;
}

.my_share0203 {
  float: left;
  background: #727d8c;
  color: #fff;
  letter-spacing: -0.05em;
  font-size: 0.9em;
  padding: 2px 10px 4px 10px;
  margin: 9px 0 0 5px;
}

.my_share0204,
.my_share0205 {
  float: left;
  margin: 8px 0;
  letter-spacing: -0.1em;
}

.my_share0204 {
  color: #666;
  margin-left: 10px;
}

.my_share0205 {
  color: #3498db;
  margin-left: 10px;
}

/* Button group */
.mytax_btngroup02 {
  text-align: center;
  height: 40px;
}

/* File check */
.file_check01,
.file_check02,
.file_check03,
.file_check04,
.file_check05 {
  position: relative;
  top: -70px;
  left: -42px;
}


/* MYPAGE ADMIN */

/* 배경 및 레이아웃 */
.mypage01_info09 {
  width: 970px;
  height: 1000px;
  background: #fff;
  margin: 20px 0 0 0;
}

.mypage_content09 {
  float: left;
  width: 758px;
  background: #fff;
}

.myinfo09 {
  width: 760px;
  height: 650px;
  border: 1px solid #e3e3e3;
  border-bottom: 3px solid #e3e3e3;
  border-top: 2px solid #7e8288;
}

.member_info09 {
  width: 760px;
  height: 650px;
  background: #f4f4f4;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.3);
}

.mypage_register09 {
  width: 760px;
  background: #fff;
}

/* 정보박스 */
.adm_info01 {
  width: 760px;
  height: 64px;
  padding: 12px 0 0 0;
  border: 1px solid #e1e1e1;
  background: #edf1f7;
  margin-bottom: 20px;
}

.adm_info01 h2 {
  font-size: 0.9em;
  color: #333;
  line-height: 160%;
  margin-left: 20px;
  font-weight: normal;
}

.mypage_admin01 {
  width: 760px;
  height: 650px;
  background: #fff;
}

/* 검색 영역 */
.mypage_search0101 {
  width: 760px;
  height: 40px;
  background: #f6f6f6;
  border-bottom: 1px solid #7e8288;
}

.mypage_search0101 .my_search01,
.mypage_search0101 .my_checkbox01 {
  float: left;
  height: 40px;
  background: #f6f6f6;
  text-align: center;
  font-size: 1em;
  color: #333;
  letter-spacing: -0.05em;
  padding-top: 5px;
  box-sizing: border-box;
}

.mypage_admin0101 {
  width: 760px;
  height: 40px;
  background: #f6fbff;
  border-bottom: 1px solid #7e8288;
}

.mypage_admin0101 li {
  float: left;
  height: 40px;
  text-align: center;
  font-size: 1em;
  color: #333;
  letter-spacing: -0.05em;
  padding-top: 10px;
  box-sizing: border-box;
}

.mypage_admin0102 {
  float: left;
  width: 740px;
  height: 80px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding-left: 20px;
  box-sizing: border-box;
}

.mypage_admin0102 li {
  float: left;
  height: 77px;
  text-align: center;
  font-size: 1em;
  color: #333;
  letter-spacing: -0.05em;
  padding: 7px 0;
  box-sizing: border-box;
}

/* 공통 클래스 */
.my_search01 {
  float: left;
  width: 72%;
  height: 40px;
}

.my_search01 ul li {
  float: left;
}

.my_checkbox01 {
  float: left;
  width: 28%;
}

.cd-select12 {
  color: #666 !important;
  width: 90px;
  margin-left: 0px;
  padding: 6px 5px 5px 5px;
  height: 30px !important;
  font-size: 1em;
  letter-spacing: 0em;
  border: 1px solid #7e8288 !important;
  box-sizing: border-box;
  vertical-align: middle;
  margin-left: 5px;
}

/* 선택 박스 및 검색 박스 */
.admin01_select,
.admin02_select,
.my_adm_search_select01,
.my_adm_search_select06,
.my_adm_search_select07,
.my_adm_search_select08,
.my_adm_search_select09,
.my_adm_search_select10,
.my_adm_search_select11 {
  float: left;
  margin-top: 0;
  position: relative;
}

.admin_searchbox01 {
  width: 240px;
  height: 28px;
  font-size: 0.9em;
  letter-spacing: 0em;
  color: #666;
  border: 1px solid #7e8288 !important;
  margin-left: 10px;
  box-sizing: border-box;
}

.my_adm_search_select11 {
  top: -4px;
  left: 6px;
}

/* 버튼 스타일 */
.mypage_top_btn02,
.mypage_top_btn03 {
  float: left;
  height: 20px;
  background: #428bca;
  color: #fff;
  font-size: 0.9em;
  padding: 2px 8px 0 8px;
  letter-spacing: -0.05em;
  margin: 0 10px 0 10px;
  position: relative;
  top: 0;
  text-shadow: none;
}

.mypage_top_btn03 {
  margin-right: 0;
  margin-left: 10px;
}

/* 리스트 영역 너비 설정 */
.my_section01,
.my_section02,
.my_section03,
.my_section04 {
  float: left;
  height: 30px;
}

.my_admin01 {
  width: 10%;
}

.my_admin02 {
  width: 70%;
}

.my_admin03,
.my_admin04 {
  width: 10%;
}

/* 리스트 아이템 */
.my_admin_list01,
.my_admin_list04 {
  width: 10%;
  vertical-align: middle;
  margin-top: 5px;
  letter-spacing: 0 !important;
}

.my_admin_list02 {
  width: 70%;
  text-align: left !important;
  margin-top: 3px;
}

.my_admin_list03 {
  width: 10%;
  vertical-align: middle;
  margin-top: 23px;
  letter-spacing: 0 !important;
  color: #0084b4 !important;
}

/* 상태 및 아이콘 */
.my_admin0203 {
  float: left;
  background: #6d7ba0;
  color: #fff;
  letter-spacing: -0.05em;
  font-size: 0.9em;
  padding: 2px 10px;
  margin: 19px 0 0 15px;
}

/* 이미지 박스 */
.admin_img01 {
  float: left;
  width: 80px;
  height: 60px;
  background: #eee;
}

.admin_img01 img {
  max-width: 80px;
  max-height: 60px;
}

/* 뉴스 영역 */
.admin_news01 {
  float: left;
  width: 84%;
  height: 60px;
  background: #fff;
  margin-left: 10px;
}

.admin_news01 dt {
  font-size: 1.1em;
  font-weight: bold;
  color: #333;
  padding: 2px 0 4px 0;
}

.admin_news01 dt a {
  color: #333;
}

.admin_news01 dd {
  color: #666;
}

.admin_news01 dd a {
  color: #666;
}

/* 페이지 및 페이징 */
.mypage_admin_total {
  float: right;
  height: 20px;
  color: #4a4e5a;
  font-size: 0.8em;
  padding: 3px 8px 1px 8px;
  letter-spacing: -0.05em;
  margin: 0 10px 0 0;
  position: relative;
  top: -1px;
  text-shadow: none;
  border: 0;
  background: none;
}

.admin_number01 {
  color: #ec644c;
  font-size: 1.1em;
  font-family: 'Nanum Gothic';
}

.aricle_pageing03,
.aricle_pageing0501 {
  clear: both;
  width: 760px;
  margin: 0 auto;
  background: #fff;
}

.aricle_pageing03,
.aricle_pageing0501 {
  height: 30px;
  padding-top: 10px;
}

.aricle_pageing0301,
.aricle_pageing0501 ul li a {
  float: left;
  border: 1px solid #ddd;
  color: #333;
  padding: 3px 8px 2px 7px;
  margin: 0 1px;
}

.aricle_pageing0301 ul li a:hover,
.aricle_pageing0501 ul li a:hover {
  border-color: #428bca;
  background: #428bca;
  color: #fff;
}

.page_first01 {
  color: #fff !important;
  border-color: #428bca !important;
}

/* 텍스트 및 네비게이션 */
.my_admin_txt01 {
  float: left;
  color: #777;
  height: 20px;
  width: 520px;
}

.my_admin_txt0102 {
  font-weight: bold;
  color: #333;
}

.my_admin_txt0103 {
  clear: both;
  color: #777;
}

.my_admin_date01,
.my_admin_date02 {
  color: #158fe7;
}

.my_admin_like01 {
  float: right;
}

.my_admin_txt01 a,
.my_admin_like01 a {
  color: #333;
}

.my_admin_like0101,
.my_admin_like0102 {
  float: left;
}

.admin_count01 {
  float: right;
  font-size: 1em;
  margin: 1px 8px 0 2px;
  color: #3b9bff;
}

/* 검색 박스 */
.my_adm_search01 {
  background: #f0f0f0;
  width: 750px;
  height: 70px;
  margin-left: 5px;
}

.my_adm_search01 ul li {
  float: left;
}

.my_adm_search01 th {
  float: left;
  width: 100px !important;
  padding: 9px 0 3px 0;
  height: 23px;
  background: #fff;
  margin: 0 0 1px 0;
  color: #0066cc;
  letter-spacing: -0.05em;
}

.my_adm_search01 td {
  float: left;
  width: 638px !important;
  padding: 3px 0 3px 10px;
  height: 29px;
  background: #fff;
  margin-left: 1px;
}

.adm_search01,
.adm_search02 {
  border: 1px solid #ccc;
  height: 22px;
  width: 70px;
  color: #666;
}

.adm_info_btn01,
.adm_info_btn02,
.adm_info_btn03,
.adm_info_btn04,
.adm_info_btn05,
.adm_info_btn06,
.adm_info_btn07,
.adm_info_btn08,
.adm_info_btn09,
.adm_info_btn10 {
  background: #428bca;
  height: 18px;
  padding: 4px 5px 0 5px;
  margin-left: 4px;
  margin-top: 4px;
}

.adm_info_btn01 a,
.adm_info_btn02 a,
.adm_info_btn03 a,
.adm_info_btn04 a,
.adm_info_btn05 a,
.adm_info_btn06 a,
.adm_info_btn07 a,
.adm_info_btn08 a,
.adm_info_btn09 a,
.adm_info_btn10 a {
  color: #fff;
}

.adm_info_btn01 {
  padding-top: 4px;
}

.adm_info_btn12 {
  float: left;
  background: #4a4e5a;
  height: 18px;
  padding: 4px 5px 0 5px;
  margin-left: 4px;
  margin-top: 4px;
}

.adm_info_btn12 a {
  color: #fff;
}

/* 선택박스 스타일 */
.cd-select19 {
  float: left;
  font-weight: bold;
  width: 70px;
  margin: 0 0 0 25px;
  padding: 1px 1px 1px 4px;
  height: 24px;
  font-size: 1em;
  letter-spacing: 0em;
  color: #0066cc;
  border: none;
  position: relative;
  top: -3px;
}

.cd-select20,
.cd-select21,
.cd-select22,
.cd-select23,
.cd-select24,
.cd-select25 {
  float: left;
  font-weight: normal;
  width: 100px;
  margin: 4px 0 0 0;
  padding: 1px 1px 1px 4px;
  height: 24px;
  font-size: 1em;
  letter-spacing: 0em;
  color: #666 !important;
  border: 1px solid #ccc;
  position: relative;
  top: -1px;
}

.cd-select21,
.cd-select22 {
  margin-left: 10px;
}

.my_admin_search_result01 {
  float: left;
}

.mypage_search01 {
  position: relative;
  top: 0;
  letter-spacing: -0.1em;
  margin-left: 2px;
}

.my_admin_new_regit01 {
  float: left;
  background: #ec644c;
  color: #fff;
  letter-spacing: -0.05em;
  font-size: 1em;
  padding: 5px 10px 6px 10px;
  margin: 0 10px 0 0;
  position: relative;
  top: -4px;
}




/* MAIL POPUP */
.member_email0202 {
  float: left;
  width: 140px;
  margin: 0 auto;
  font-size: 1.2em;
  color: #fff;
  padding: 5px 0 0 10px;
  font-weight: bold;
}

.member_info04 {
  width: 730px;
  background: #f4f4f4;
  padding-left: 0;
}

.member_info11 {
  width: 730px;
  height: 290px;
  background: #f4f4f4;
  padding-left: 30px;
}

.email_form_btn02 {
  color: #5f6c8e;
  background: #e5e5e5 !important;
  border: 1px solid #4f5a75;
}

.member_close_btn02 {
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.member_close_btn02 span {
  background: #5f6c8e;
  padding: 4px 18px 5px 18px;
  position: relative;
  top: 15px;
  font-size: 0.8em;
}

.member_close_btn02 a {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

.popup_email {
  margin-bottom: 20px;
}

.member_emailtop02 {
  width: 700px;
  height: 20px;
  background: #f4f4f4;
}

/* 배경이미지 적용 */
.member_email06 {
  width: 700px;
  height: 35px;
  background: url('.../images/comn/popup_pattern01.png') no-repeat;
}

.member_email0103 {
  background: #dadada;
  color: #666;
  font-weight: bold;
  font-size: 1.1em;
  width: 700px;
  height: 156px;
}

.member_email0103 table {
  background: #dadada;
  width: 100%;
}

.member_email0103 tr td {
  background: #fff;
}

.member_mail_title01 {
  padding: 0 20px;
}

.email_popup_close01 {
  float: right;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  margin: 9px 10px 0 0;
}

/* ADMIN POPUP */
.wrapper_help {
  background: #f1f2f4;
}

.admin_help_title01 {
  font-size: 1.3em;
  color: #e5004f;
  font-weight: bold;
  margin-top: 40px;
  letter-spacing: -0.05em;
}

.admin_pop01,
.admin_pop02,
.admin_pop03,
.admin_pop04 {
  border: 1px solid #ccc;
  letter-spacing: -0.05em;
  padding: 0 10px 0 0;
  background: #fff;
  color: #333;
  width: 685px;
  margin: 0 auto 10px auto;
}

.admin_pop01 {
  width: 700px !important;
  padding: 0 20px 0 20px;
  background: #fff !important;
}

.admin_pop03,
.admin_pop04 {
  background: #fcfcfc;
  width: 685px;
}

/* 이미지 그림자 */
.admin_pop0101 img,
.admin_pop0201 img,
.admin_pop0301 img {
  margin: 10px 0 10px 10px;
  -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
}

/* 텍스트 스타일 */
.admin_pop0102,
.admin_pop0302 {
  margin: 20px 0 10px 10px;
  line-height: 180%;
}

.admin_pop0102 span {
  color: #19aae1;
}

.admin_pop0302 span {
  color: #ff4200;
  font-weight: bold;
  font-size: 1em;
}

/* 상단 박스 */
.admin_pop0103,
.admin_pop0203 {
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  height: 21px;
  background: #888;
  color: #fff;
  padding: 4px 5px 5px 9px;
  box-sizing: border-box;
}

.admin_pop0103 {
  width: 44px;
  margin-left: 662px;
}

.admin_pop0203 {
  width: 42px;
  margin-left: 647px;
}

.admin_pop0103 a,
.admin_pop0203 a {
  color: #fff;
}

/* 제목 스타일 */
.admin_pop_title01,
.admin_pop_title02 {
  margin-top: 40px;
  font-size: 1.1em;
}

.admin_pop_title03 {
  margin-top: 10px;
  font-size: 1.1em;
}

.admin_pop_title0101 {
  font-size: 1.1em;
  margin-top: 5px;
}

/* 권장 사항 */
/* box-sizing: border-box를 모든 요소에 적용하면 레이아웃 조절이 쉬워집니다. */
/* 예시: 
   *, *::before, *::after {
     box-sizing: border-box;
   }
*/



/* ADMIN BANNER */
.nad_banner01 {
  background: #f1f2f4;
  width: 694px;
  padding: 40px 20px;
}

/* 공통 배너 맵 기본 스타일 */
.nad_banner_map01,
.nad_banner_map02,
.nad_banner_map03,
.nad_banner_map04,
.nad_banner_map05,
.nad_banner_map06,
.nad_banner_map07,
.nad_banner_map08,
.nad_banner_map09,
.nad_banner_map10,
.nad_banner_map11,
.nad_banner_map12,
.nad_banner_map13,
.nad_banner_map14,
.nad_banner_map15,
.nad_banner_map16 {
  clear: both;
  background-repeat: no-repeat;
  width: 692px;
  border: 1px solid #ccc;
}

/* 배경 이미지 및 높이만 개별 지정 */
.nad_banner_map01 { background-image: url('../images/banner/banner_img0101.png'); height: 2085px; }
.nad_banner_map02 { background-image: url('../images/banner/banner_img0201.png'); height: 2085px; }
.nad_banner_map03 { background-image: url('../images/banner/banner_txt0101.png'); height: 2085px; }
.nad_banner_map04 { background-image: url('../images/banner/banner_txt0201.png'); height: 2273px; }
.nad_banner_map05 { background-image: url('../images/banner/banner_txt0301.png'); height: 2514px; }
.nad_banner_map06 { background-image: url('../images/banner/banner_sub0101.png'); height: 1911px; }
.nad_banner_map07 { background-image: url('../images/banner/banner_sub0201.png'); height: 1911px; }
.nad_banner_map08 { background-image: url('../images/banner/banner_login0101.png'); height: 529px; }
.nad_banner_map09 { background-image: url('../images/banner/banner_community0101.png'); height: 577px; }
.nad_banner_map10 { background-image: url('../images/banner/banner_mobile0101.png'); height: 1972px; }
.nad_banner_map11 { background-image: url('../images/banner/banner_mobile0201.png'); height: 949px; }
.nad_banner_map12 { background-image: url('../images/banner/banner_mobile0301.png'); height: 949px; }
.nad_banner_map13 { background-image: url('../images/banner/banner_mobile0401.png'); height: 1552px; }
.nad_banner_map14 { background-image: url('../images/banner/banner_mobile0501.png'); height: 782px; }
.nad_banner_map15 { background-image: url('../images/banner/banner_mobile0601.png'); height: 648px; }
.nad_banner_map16 { background-image: url('../images/banner/banner_mobile0701.png'); height: 467px; }

/* 안내 타이틀 */
.guide_title01 {
  margin: 0 0 20px 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #333;
  letter-spacing: -0.02em;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

/* 안내 박스 */
.guide_map01 {
  width: 692px;
  height: 102px;
  background: #fff;
  margin: 0 0 40px 0;
  border: 1px solid #ccc;
}

/* 안내 타이틀 바 */
.guide_map_title01 {
  font-size: 1em;
  margin-bottom: 10px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.02em;
  background: #3182d9;
  padding: 8px 0 8px 15px;
  box-sizing: border-box;
}

/* 작은 색상 박스 */
.guide_title0101 {
  float: left;
  width: 5px;
  height: 16px;
  background: #333;
  margin-right: 5px;
}

/* 리스트 스타일 */
.guide_map01 ul li {
  float: left;
  margin-right: 23px;
  font-weight: bold; /* 오타 수정: 'font-wieght' → 'font-weight' */
}

/* 링크 스타일 */
.guide_map0101,
.guide_map0107,
.guide_map0102 a,
.guide_map0106 a {
  color: #333;
  height: 26px;
  border-bottom: 1px solid #888;
  padding-bottom: 1px;
  font-size: 1em;
  font-weight: bold;
}

/* 강조 텍스트 */
.guide_map0101 span,
.guide_map0107 span,
.guide_map0106 span {
  float: left;
  font-size: 1em;
  position: relative;
  top: 0;
  margin-right: 5px;
}

.guide_map0101 span { color: #ff4200; }
.guide_map0107 span { color: #19aae2; }
.guide_map0106 span { color: #5e6d8e; }

/* 추가 텍스트 색상 */
.guide_map0103 { float: left; font-size: 1em; position: relative; top: 0; margin-right: 5px; color: #19aae2; }
.guide_map0104 { float: left; font-size: 1em; position: relative; top: 0; margin-right: 5px; color: #009944; }
.guide_map0105 { float: left; font-size: 1em; position: relative; top: 0; margin-right: 5px; color: #f19149; }

/* 메뉴 링크 강조 */
.guide_map_menu01 {
  font-weight: bold !important;
}
.guide_map_menu01 a {
  color: #333;
}

/* 오른쪽 텍스트 */
.guide_map_title0101 {
  float: right;
  letter-spacing: -0.1em;
  color: #fff;
  margin-bottom: 5px;
  font-weight: normal;
  font-size: 0.9em;
  margin-right: 10px;
}

/* Clear floats */
.guide_map0102,
.guide_map0106 {
  clear: both;
  margin: 12px 0 0 20px;
  padding-bottom: 16px;
  font-size: 1em;
  letter-spacing: -0.06em;
}

/* ADMIN SITEMAP */
.nad_banner03 {
  background: #f1f1f1;
  width: 970px;
  padding: 40px 20px;
}

.guide_map02 {
  width: 968px;
  height: 102px;
  background: #fff;
  margin: 0 0 40px 0;
  border: 1px solid #ccc;
}

.guide_map02 ul li {
  float: left;
  margin-right: 23px;
}

.nad_site_map01, .nad_site_map02, .nad_site_map03, .nad_site_map04,
.nad_site_map05, .nad_site_map06, .nad_site_map07, .nad_site_map08, .nad_site_map09 {
  clear: both;
  width: 968px;
}

.nad_site_map01 { height: 2705px; }
.nad_site_map02 { height: 2305px; }
.nad_site_map03 { height: 2597px; }
.nad_site_map04 { height: 2597px; }
.nad_site_map05 { height: 2705px; }
.nad_site_map06 { height: 2612px; }
.nad_site_map07 { height: 2888px; }
.nad_site_map08 { height: 1803px; }
.nad_site_map09 { height: 1577px; }

.nad_sitemap01,
.nad_sitemap02,
.nad_sitemap03,
.nad_sitemap04,
.nad_sitemap05,
.nad_sitemap06,
.nad_sitemap07,
.nad_sitemap08,
.nad_sitemap09 {
  float: left;
  width: 692px;
  border: 1px solid #ccc;
  background-repeat: no-repeat;
}

.nad_sitemap01 { background-image: url('../images/admin/sitemap0101.png'); height: 2705px; }
.nad_sitemap02 { background-image: url('../images/admin/sitemap0201.png'); height: 2305px; }
.nad_sitemap03 { background-image: url('../images/admin/sitemap_sub0101.png'); height: 2597px; }
.nad_sitemap04 { background-image: url('../images/admin/sitemap_sub0201.png'); height: 2597px; }
.nad_sitemap05 { background-image: url('../images/admin/sitemap0301.png'); height: 2705px; }
.nad_sitemap06 { background-image: url('../images/admin/sitemap0401.png'); height: 2612px; }
.nad_sitemap07 { background-image: url('../images/admin/sitemap0501.png'); height: 2888px; }
.nad_sitemap08 { background-image: url('../images/admin/sitemap_photo0101.png'); height: 1803px; }
.nad_sitemap09 { background-image: url('../images/admin/sitemap_movie0101.png'); height: 1577px; }

.nad_sitemap01 img,
.nad_sitemap01 img {
  vertical-align: top;
}

/* 사이트맵 정보 박스 */
.nad_sitemap_info01,
.nad_sitemap_info02 {
  float: left;
  margin-left: 12px;
  background: #fff;
  border: 1px solid #ececec;
  width: 260px;
}

.nad_sitemap_info01 dl dt,
.nad_sitemap_info02 dl dt {
  font-size: 1em;
  color: #454a56;
  height: 22px;
  font-weight: bold;
  padding-left: 10px;
}

.nad_sitemap_info01 dl dd,
.nad_sitemap_info02 dl dd {
  font-size: 1em;
  color: #333;
  height: 22px;
  padding-left: 15px;
}

/* 광고 타이틀 */
.ad_title02 {
  font-size: 1.05em;
  font-weight: bold;
  background: #dcdcdc;
  color: #555;
  padding: 6px 10px 6px 15px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
  border-top: 1px solid #525f78;
}

/* 안내 타이틀2 */
.guide_map_title02 {
  font-size: 1em;
  margin-bottom: 10px;
  font-weight: bold;
  color: #fff;
  background: #525f78;
  letter-spacing: -0.02em;
  padding: 10px 0 10px 15px;
  box-sizing: border-box;
}

.guide_map_title02 span {
  font-size: 1.1em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.guide_title02 {
  margin: 0 0 20px 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
  letter-spacing: -0.02em;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.guide_title0201 {
  float: left;
  width: 5px;
  height: 16px;
  background: #333;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.ad_aside0201 {
  padding: 18px 0 12px 0;
}

.guide_map_title0101 a {
  color: #222;
  font-size: 1.1em;
  background: #9ee4ff;
  padding: 1px 10px 4px 10px;
  font-weight: bold;
}

.guide_map_submenu01 {
  border-bottom: 1px solid #888;
  color: #333 !important;
  padding-bottom: 1px;
}

.guide_map_submenu01 a {
  font-weight: bold !important;
  color: #333 !important;
}




/* Sub New List 공통 */
.sub01_newslist01,
.sub01_newslist02,
.sub01_searchlist01,
.allview_list01 {
  clear: both;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
  width: 684px; /* searchlist, allview는 970px 별도 지정 */
  overflow: hidden; /* clearfix 대체 */
  position: relative;
}

/* 각 항목 별 margin 조정 */
.sub01_searchlist01 {
  width: 970px;
  margin-bottom: 7px;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 7px;
}

.allview_list01 {
  width: 970px;
  height: 120px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
  padding-top: 10px;
}

/* clearfix 의사요소 대신 overflow:hidden 사용, 필요시 :after 재도입 가능 */
.sub01_newslist01:after,
.sub01_newslist02:after,
.sub01_searchlist01:after,
.allview_list01:after {
  content: "";
  display: block;
  clear: both;
  margin-bottom: 20px;
  background: #dbdbdb;
}

/* 이미지 공통 스타일 */
.sub01_newslist01 img,
.sub01_newslist02 img,
.sub01_searchlist01 img,
.allview_list01 img {
  float: left;
  margin-right: 15px;
  position: relative;
  top: 2px; /* 2~3px top 차이는 크게 문제 없음 */
  vertical-align: top;
}

/* 뉴스 리스트 01 */
.sub01_newslist01 {
  height: 102px;
}

.newslist_title01 {
  height: 20px;
  overflow: hidden;
  margin-bottom: 6px;
  float: none;
}

.newslist_title01 h2 a {
  color: #222;
  text-decoration: none;
  font-size: 0.75em;
  font-weight: bold;
}

.newslist_text01 {
  line-height: 140%;
  margin-bottom: 2px;
  height: 40px;
  overflow: hidden;
}

.newslist_text01 h2 a {
  font-size: 0.7em;
  font-weight: normal;
  color: #666;
  padding: 0;
}

.sub01_newslist01 .newslist_date01 {
  font-size: 0.9em;
  color: #999;
}

/* 뉴스 리스트 02 */
.sub01_newslist02 {
  height: 102px;
  border-bottom: 1px solid #ccc;
}

.newslist_title02 {
  float: none;
  height: 20px;
  margin-bottom: 6px;
  padding-right: 120px;
  overflow: hidden;
}

.newslist_title02 h2 a {
  color: #222;
  text-decoration: none;
  font-size: 0.75em;
  height: 20px;
}

.newslist_text02 {
  line-height: 140%;
  margin-bottom: 2px;
  height: 60px;
  overflow: hidden;
}

.newslist_text02 h2 a {
  font-size: 0.7em;
  font-weight: normal;
  color: #666;
  padding: 0;
}

.newslist_date02 {
  height: 25px;
  font-size: 1em;
  padding: 0 5px 0 10px;
  font-weight: normal;
  color: #333;
  position: relative;
  top: 2px;
  width: 122px;
  position: absolute;
  bottom: 0;
  left: 570px;
  box-sizing: border-box;
  font-family: 'Malgun Gothic', 'sans-serif';
  color: #888;
}

.newslist_date02 span {
  font-weight: normal !important;
}

/* Search New List2 */
.sub01_searchlist01 img {
  top: 3px;
}

.searchlist_title01 {
  float: none;
  height: 20px;
  overflow: hidden;
  margin-bottom: 3px;
  line-height: 150%;
  margin-top: 10px;
}

.searchlist_title01 h2 a {
  color: #222;
  text-decoration: none;
  font-size: 0.75em;
  font-weight: bold;
}

.searchlist_text01 {
  line-height: 140%;
  margin-bottom: 0;
  height: 40px;
  overflow: hidden;
}

.searchlist_text01 h2 a {
  font-size: 0.7em;
  font-weight: normal;
  color: #666;
  padding: 0;
}

.sub01_searchlist01 .searchlist_date01 {
  font-size: 0.9em;
  color: #45a8d2;
}

.write_other_btn {
  color: #2961b8;
}

.searchlist_bar01 {
  margin: 0 5px;
  color: #7ed3f7;
}

/* All View New List2 */
.allview_list01 img {
  top: 2px;
}

.allview_list_title01 {
  float: none;
  height: 20px;
  overflow: hidden;
  margin-bottom: 8px;
  line-height: 150%;
}

.allview_list_title01 h2 a {
  color: #222;
  text-decoration: none;
  font-size: 0.75em;
  font-weight: bold;
}

.allview_list_text01 {
  line-height: 160%;
  margin-bottom: 10px;
  height: 45px;
  overflow: hidden;
}

.allview_list_text01 h2 a {
  font-size: 0.7em;
  font-weight: normal;
  color: #666;
  padding: 0;
}

.allview_list01 .allview_list_date01 {
  font-size: 0.9em;
  color: #45a8d2;
  letter-spacing: -0.05em;
}

.allview_list_bar01 {
  margin: 0 5px;
  color: #7ed3f7;
}

.allview_list_date02 {
  margin-left: 5px;
  letter-spacing: 0;
}



/* Main Board */
.main_board01 {
  width: 100%;
}

.main_box_title01 {
  color: #222;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 15px;
  background: #f1f1f1;
  border-bottom: 2px solid #2150ab; /* 추가: 하단 경계 강조 */
}

.main_box_title01 h2 {
  font-size: 1.1em;
  display: inline-block;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  color: #2961b8; /* 강조 컬러 */
}

.main_box_title01 span {
  float: right;
}

.main_box_title01 span a {
  font-size: 0.9em;
  height: 17px;
  font-weight: normal;
  text-align: center;
  margin: 0;
  color: #666;
  padding: 2px 5px;
  border: 1px solid #999;
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
}

/* 사진 박스 */
.photo_box01 {
  float: left;
  width: 33.3333%;
  text-align: center;
  margin-bottom: 10px;
}

.photo_box01 img {
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  vertical-align: top;
}

.photo_box01 a {
  color: #666;
  letter-spacing: -0.02em;
}

/* 본문 박스 공통 */
.main_box01,
.main_box02 {
  width: 49.4%;
  margin-bottom: 20px;
  padding-bottom: 9px;
  float: left;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  clear: both;
}

.main_box01 {
  margin-right: 5px;
  padding-bottom: 9px;
}

.main_box02 {
  margin-left: 5px;
  padding-bottom: 8px;
}

.main_box01 ul li,
.main_box02 ul li {
  overflow: hidden;
  line-height: 180%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main_box01 ul li {
  height: 27.2px;
}

.main_box02 ul li {
  height: 26px;
}

.main_box01 ul li a,
.main_box02 ul li a {
  color: #333;
  font-size: 1.1em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main_box02 ul li a {
  width: 452px;
}

.main_box01 img,
.main_box02 img {
  float: none;
}

/* 리스트 아이템 */
.main_box_list01 {
  float: none;
  margin-left: 15px;
  margin-right: 10px;
}

.main_box_list01 a:hover {
  color: #888;
}

.main_box_list01 span {
  margin-right: 5px;
  font-weight: normal; /* 오타 수정: n -> normal */
  color: #19aae2;
}

/* 이미지 뉴스 제목 */
.img_news_title01 {
  clear: both;
}

.img_box01 {
  float: left;
  padding: 0 5px 10px 10px;
}

.img_box01 img {
  margin-bottom: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  vertical-align: top;
}

.img_tit01 {
  display: block;
  clear: both;
  letter-spacing: -0.05em;
  padding: 5px 5px 0 5px;
  overflow: hidden;
  width: 150px;
  height: 35px;
}

.img_tit01 a {
  clear: both;
  color: #666;
  font-weight: bold;
}

.photo_box_txt01 {
  margin-bottom: 5px;
  overflow: hidden;
  width: 150px;
  padding: 0 5px;
  text-align: left;
  height: 32px;
  font-weight: bold;
  letter-spacing: -0.05em;
}

/* 메뉴 바 상단 스타일 */
.menu13_nav {
  border-top: 4px solid #2150ab;
}



/* Text07 */
.top0706 {
  background: url('../images/top/menu_bg07_blue02.png');
}

/* 탑메뉴 카테고리 */
.top0706_nav ul li .top0706_menu a span {
  color: #fff;
}
.top0706_nav ul li .top0706_menu a span:hover {
  color: #2150ab;
}

/* 뉴스 Top Line */
.cts01,
.cts03_title {
  border-top: 2px solid #2961b8;
  color: #2961b8;
}

/* 뉴스 박스 */
.box0204_title,
.box0204_title2 {
  color: #2961b8;
}

/* 화제의 동영상 */
.movie_page ul li {
  background: #2961b8;
  color: #fff;
}

/* Aside */
.news_latest01_title,
.tab_aside_btn01,
.tab_aside_btn02,
.photo_zone01_title,
.event_aside01_title,
.research_aside01_title {
  color: #2961b8;
}

.event_aside_line,
.research_aside_line {
  background-image: url('../images/event_aside_topline_blue02.png');
}

.broadcast_aside01_icon2 {
  background: #eee;
  color: #2961b8;
}

.broadcast_aside01_txt {
  color: #2961b8;
}

.broadcast_aside01_head {
  border-top: 2px solid #2961b8;
}

/* 실시간 뉴스 */
.real_time01 h2 {
  border-right: 1px solid #2961b8;
  background: #2961b8;
}

.realtime {
  border: 1px solid #2961b8;
}

/* Headline02 */
.menu02_category {
  background: #2961b8;
}

.menu0202_nav_on {
  background: #1b40a0;
}

.top0206_search_area {
  background: url('../images/top/search_form02_blue02.png');
}

/* Sub01 - Realtime */
.sub01_realtime_title span,
.sub01_tab01 div,
.sub01_tab02 div,
.sub01_tab0201 a,
.sub01_tab0202 a {
  color: #2961b8;
}

/* Menu Text Hover */
.menu06_text_on,
.menu07_text_on,
.menu10_text_on,
.menu13_text_on {
  color: #1c43a1;
}

/* All News */
.tab_date01 {
  background: #428bca;
}

.page_first01 {
  background-color: #2961b8;
  border-color: #2961b8 !important;
}

/* Search */
.result_title_icon01 {
  background: url('../images/search/subtitle_icon_blue02.png');
}

.search02_submit01 span {
  background: #2961b8;
}

/* Join */
.member_submit01,
.member_submit02 {
  background: url('../images/join/join_pattern_blue02.png');
}



/* Login */
.member_logo01 {
  color: #2961b8;
}

/* Find id pw */
.find_input01:focus,
.find_input02:focus,
.find_input03:focus,
.find_input04:focus,
.find_input05:focus,
.find_input06:focus {
  border: 2px solid #2961b8;
}
.find_id_submit01 span {
  background: #2961b8;
}

/* Community */
.community_icon2 {
  background: url('../images/broadcast_aside_blue02.png');
}
.community_aside_title01,
.community_aside_title02,
.news_best0202,
.news_best0203 {
  background: #2961b8;
}
.news_best013 {
  background: #2961b8;
}
.news_best0201 {
  color: #2961b8;
}

/* Email Form */
.member_email02 {
  /* background: #2961b8; */
  background: url('../images/join/join_pattern_blue02.png');
}

/* Subtitle_Icon */
.subtitle_icon02 {
  float: left;
  width: 15px;
  height: 15px;
  background: url('../images/search/subtitle_ic_blue02.png');
}

/* Mypage */
.mymenu_title01 {
  color: #0066cc;
}
.member_chk_sns i,
.member_chk_email i,
.my_topbox01 i {
  color: #2961b8;
  background: #2961b8 !important; /* for .my_topbox01 i */
}
.mypage_top01 {
  background: url('../images/join/join_pattern_blue02.png');
}
.mypage_title01 .maypage_tit01 {
  background: #2961b8;
}
.cd-select19 {
  color: #0066cc;
}
.aricle_pageing0301 ul li a:hover {
  border: 1px solid #2961b8;
  background: #2961b8;
}
.news0202_contents01 a i {
  color: #2961b8;
}

/* Photo News */
.photo_news_view01 span {
  background: #2961b8;
}
.photo_cnt_title01,
.photo_cnt_title02 {
  color: #2961b8;
}
.photo_cnt_title01 {
  border-bottom: 2px solid #2961b8;
}

/* Community Aside */
.aside_menu_title01 i {
  color: #0066cc;
}
.aside_menu_title01 {
  color: #2961b8;
}



/* PHOTO NEWS 전체 컨테이너 및 기본 세팅 */
.nav02 {
  width: 968px;
  height: 30px;
  margin-bottom: 20px;
  padding-bottom: 0;
  background: #ededed;
  border: 1px solid #dbdbdb;
}
.photo_news01 {
  width: 970px;
}
.photo_top01 {
  width: 970px;
  height: 668px;
}
.photo_top02 {
  width: 970px;
  height: 678px;
  background: #ddd;
}

/* 썸네일 공통 스타일 */
.thumb_on,
.thumb_off {
  float: left;
}
.thumb_on img,
.thumb_off img {
  width: 193px;
  height: 107px;
}
.thumb_off {
  position: relative;
  top: -107px;
  height: 0;
}
.thumb_over01 {
  position: relative;
  top: 107px;
  width: 193px;
  height: 107px;
  background: rgba(0, 0, 0, 0.5);
}

/* 작은 썸네일 변형 */
.thumb_on_v img,
.thumb_off_v img {
  width: 182px;
  height: 100px;
}
.thumb_off_v {
  position: relative;
  top: -100px;
  height: 0;
}
.thumb_over02 {
  position: relative;
  top: 100px;
  width: 182px;
  height: 100px;
  background: rgba(0, 0, 0, 0.5);
}

/* 좌우 버튼 */
.photo_left_btn01,
.photo_right_btn01,
.photo_left_btn02,
.photo_right_btn02 {
  position: absolute;
  top: 520px;
  background: transparent;
  z-index: 20000;
}
.photo_left_btn01 {
  padding-left: 5px;
  left: 0;
}
.photo_right_btn01 {
  margin-left: 920px;
}
.photo_left_btn02 {
  top: 895px;
  padding-left: 0;
  z-index: 100;
  left: 0;
}
.photo_right_btn02 {
  top: 895px;
  margin-left: 905px;
  z-index: 100;
}
.photo_left_btn01 a,
.photo_right_btn01 a,
.photo_left_btn02 a,
.photo_right_btn02 a {
  text-decoration: none;
  color: #fff;
  padding: 10px;
  z-index: inherit;
}

/* 메인 이미지 영역 */
.main_left01,
.main_left02 {
  position: relative;
  top: 0;
  width: 485px;
  height: 558px;
}
.main_right01,
.main_right02 {
  position: relative;
  top: -558px;
  left: 485px;
  width: 0;
  height: 558px;
}
.photo_main_img01 {
  width: 970px;
  height: 558px;
  background: #ddd;
  z-index: 0;
}
.photo_main_img01 img {
  max-width: 970px;
  max-height: 558px;
}

/* 비디오 재생 버튼 */
.movie_play01 {
  position: absolute;
  top: 552px;
  margin-left: 450px;
  width: 65px;
  height: 65px;
}
.movie_play01 a {
  width: 65px;
  height: 65px;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  font-size: 2.5em;
  text-align: center;
  vertical-align: middle;
}
.movie_play01 a:hover {
  color: #fff;
  background-color: transparent;
}
.play01 {
  width: 65px;
  height: 65px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  vertical-align: middle;
}
.play01 span {
  position: relative;
  top: 15px;
  padding: 5px;
}

/* 제목 바 */
.photo_title_bar01 {
  position: absolute;
  top: 474px;
  width: 970px;
  height: 84px;
  color: #fff;
  background: url('../images/photo/title_bar_bg01.png') repeat-x;
}
.photo_title_bar02 {
  height: 52px;
  width: 970px;
  background: #222;
}
.photo_title_bar0101 {
  width: 950px;
  float: left;
  padding: 35px 0 0 20px;
}
.photo_title_bar0102 {
  width: 930px;
  float: left;
  padding: 8px 20px 0 20px;
  height: 34px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.photo_title0102,
.photo_title0101 {
  width: 830px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 34px;
}
.photo_title_bar0101 a,
.photo_title_bar0102 a {
  color: #fff;
  text-decoration: none;
  font-size: 2em;
  font-weight: bold;
}

/* 뉴스 뷰 영역 */
.photo_news_view0101,
.photo_news_view0102 {
  float: right;
}
.photo_news_view01 {
  padding: 0;
}
.photo_news_view01 span,
.photo_news_view0101 span,
.photo_news_view0102 span {
  float: right;
  padding: 1px 10px 4px 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-right: 15px;
  color: #fff;
  font-size: 1em;
  letter-spacing: -0.1em;
}
.photo_news_view0101 span {
  margin-top: 5px;
  background: rgba(0, 0, 0, 0.5);
}
.photo_news_view0102 span {
  margin-top: -28px;
  background: #999;
  margin-bottom: 1px;
}
.photo_news_view01 i {
  font-size: 0.8em;
}
.photo_news_view0101 a,
.photo_news_view0102 a {
  text-decoration: none;
  font-size: 1em;
}

/* 썸네일 이미지 리스트 */
.photo_main_right01 {
  position: relative;
}
.photo_thumb_img01 {
  width: 970px;
  height: 108px;
  margin: 1px 0;
  border-bottom: 0;
  box-shadow: 1px 3px 5px -1px rgba(0, 0, 0, 0.5);
  background: #fff;
  z-index: -1;
}
.photo_thumb_img01 .thumb_on,
.photo_thumb_img01 .thumb_off {
  float: left;
  width: 193px;
  height: 107px;
  margin: 0 1px 0 0;
}
.photo_thumb_img02 {
  width: 960px;
  height: 110px;
  margin: 0 0 1px 0;
  border-bottom: 1px solid #e5e5e5;
  background: #222;
  padding: 10px 0 0 10px;
}
.photo_thumb_img02 .thumb_on_v,
.photo_thumb_img02 .thumb_off_v {
  float: left;
  width: 182px;
  height: 100px;
  margin: 0 10px 0 0;
}

/* 기타 라인 및 컨텐츠 박스 */
.photo_line01 {
  width: 970px;
  height: 52px;
  clear: both;
}
.photo_line0101 {
  width: 970px;
  height: 31px;
  border-bottom: 1px solid #e5e5e5;
}
.photo_line0102 {
  width: 970px;
  height: 32px;
}
.photo_contents01,
.photo_contents02 {
  width: 970px;
}

/* 이미지 박스 */
.photo_img01,
.photo_img02 {
  width: 310px;
  background: #fff;
  float: left;
  margin-bottom: 30px;
}
.photo_img01 {
  height: 299px;
}
.photo_img02 {
  height: 292px;
  margin-bottom: 40px;
}
.photo_img01 img,
.photo_img02 img {
  max-width: 310px;
  max-height: 180px;
}

/* 뉴스 텍스트, 이미지 및 이름/날짜 스타일 */
.photo_news_text01 {
  border: 1px solid #ededed;
}
.photo_news_text01 ul li {
  overflow: hidden;
}
.photo_news_images01 {
  max-width: 310px;
  height: 180px;
  background: #ddd;
  border-bottom: 1px solid #686b6e;
}
.photo_news_name01,
.photo_news_date01 {
  color: #888;
  padding: 0;
  font-size: 1.1em;
  font-weight: normal;
  letter-spacing: -0.01em;
}
.photo_news_date01 {
  letter-spacing: -0.02em;
}
.info_bar01 {
  padding: 0 4px 0 2px;
  color: #e6e6e6;
  position: relative;
  top: 5px;
}
.photo_news_info0101 {
  float: left;
  padding: 0 0 0 12px;
}
.photo_news_info01 {
  width: 308px;
  height: 38px;
  border-bottom: 1px solid #d9d9d9;
  margin-top: 12px;
}

/* 어두운 테마 뉴스 텍스트 */
.photo_news_text02 {
  border-top: 1px solid #686b6e;
  background: #686b6e;
}
.photo_news_images02 {
  max-width: 310px;
  height: 180px;
  background: #ddd;
}
.photo_news_name02,
.photo_news_date02 {
  color: #dbcec1;
  padding: 0;
  font-size: 1.1em;
  font-weight: normal;
  letter-spacing: -0.01em;
}
.photo_news_date02 {
  letter-spacing: -0.02em;
}
.info_bar02 {
  padding: 0 4px 0 2px;
  color: #a89e94;
}
.photo_news_info0102 {
  float: left;
  padding: 5px 0 0 12px;
}
.photo_news_info02 {
  width: 310px;
  height: 38px;
  margin-top: 12px;
  background: #686b6e;
  border-bottom: 1px solid #5f6163;
}
.photo_news_view02 {
  float: right;
}
.photo_news_view02 span {
  float: right;
  width: 66px;
  height: 15px;
  background: #999;
  color: #fff;
  text-align: center;
  padding: 3px 0 1px 1px;
  margin-right: 12px;
  font-size: 1em;
  letter-spacing: -0.1em;
}

/* 뉴스 제목 스타일 */
.photo_news_title01,
.photo_news_title02 {
  width: 290px;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 140%;
  overflow: hidden;
}
.photo_news_title01 {
  height: 38px;
  padding: 12px 10px;
}
.photo_news_title02 {
  height: 44px;
  margin: 12px 10px;
}
.photo_news_title01 a {
  text-decoration: none;
  color: #333;
}
.photo_news_title01 a:hover {
  color: #2961b8;
  text-decoration: none;
}
.photo_news_title02 a {
  text-decoration: none;
  color: #fff;
}
.photo_news_title02 a:hover {
  color: #fff;
  text-decoration: none;
}

/* 슬라이더 영역 */
.photo_news_slider01,
.photo_news_slider02 {
  width: 968px;
  height: 178px;
  padding-top: 19px;
  border: 1px solid;
}
.photo_news_slider01 {
  background: #f8f8f8;
  border-color: #d1d1d1;
}
.photo_news_slider02 {
  background: #4f5153;
  border-color: #3a3b3d;
}
.photo_news_slider01 ul,
.photo_news_slider02 ul {
  float: left;
}
.photo_news_slider01 ul li,
.photo_news_slider02 ul li {
  float: left;
}

/* 슬라이더 버튼 */
.new_slider_right01,
.new_slider_left01 {
  width: 43px;
  margin-top: 45px;
}
.new_slider_right01 img,
.new_slider_left01 img {
  float: right;
}
.new_slider_right02,
.new_slider_left02 {
  width: 23px;
  margin-top: 65px;
  z-index: 100;
}
.new_slider_right02 img,
.new_slider_left02 img {
  float: right;
}
.new_slider_right02 {
  margin-right: 20px;
}
.new_slider_left02 {
  margin-left: 20px;
}

/* 그림자 효과 */
.photo_bottom01 {
  box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.4);
}

/* 컨텐츠 제목 */
.photo_cnt_title01,
.photo_cnt_title02 {
  font-size: 1.2em;
  font-weight: 900;
  margin-top: 10px;
  margin-bottom: 15px;
  letter-spacing: -0.05em;
}
.photo_cnt_title01 i,
.photo_cnt_title02 i {
  position: relative;
  top: 2px;
  margin-right: 2px;
}

/* 180226 마이페이지 뉴스 등록 에디터 수정 */
.my_subtitle0201 {
  padding-left: 0 !important;
}
.my_subtitle0201 .cheditor-container {
  width: 100% !important;
  margin-top: 15px;
  margin-bottom: 15px;
}
.myinfo_table01 tr th {
  width: 160px !important;
}
.my_subtitle0201 .cheditor-editarea-text-content {
  width: 100% !important;
}