@charset "utf-8";
/* CSS Document */

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#wrap { width:100%; margin:0 auto;}
.pc_smenu {display:none;}

.subtop_bg {width:100%;height:180px;background-image: url("/images/common/sub_top_bg.jpg"); background-repeat:no-repeat; background-size:cover;background-position:center center;}
.subtop_bg h2 {width:100%; height:180px;text-align: center; font-size: 25px; font-weight: 700; color: #fff; padding-top:87px;}

.sub_content {width:90%; margin:0 auto 25px;}
.page_mark {width:100%; display: block; font-size:12px;color: #454545; margin:10px auto 20px;}
.page_mark img {vertical-align: middle; margin-left:6px;margin-right:6px;}

h3 { text-align: center;font-size: 22px; font-weight: 700; margin-bottom:20px;}
h4 {display:block;font-size:18px; font-weight: 700; margin:0 auto 20px;}
h4:after {content:''; display:inline-block;width:5px; height:5px; background-color: #007ec3; border-radius: 50%; margin-left:5px;}

.sub_tit_txt {font-size:14px;text-align: center; margin: 20px auto;}
.sub_tit_txt p {font-size:18px; line-height: 2.0em; padding-bottom: 5px; font-weight: 700; color: #007ec3;}
.sub_tit_txt span {display:block;font-size:14px; padding-top: 5px;}

.contents_bg {width:100%; margin: 0 auto;}
.contents_bg img {max-width:100%; height:auto;}

.found_bg {width:100%; padding: 30px 0; background-color: #f5f5f5;}
.hist_bg {width:100%; padding: 30px 0; background-image: url("/images/sub/history_bg.gif"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
/* 분과메뉴 */
    ul.part_submenu {display:block;width:100%; margin: 0px auto;display: flex;
                 justify-content:center;align-items: center; }
    ul.part_submenu:after {content: " ";display: table; clear:both;}
    ul.part_submenu li {text-align: center; border:1px solid #dedee1;}
    ul.part_submenu li a {display: block; width:100%; height: 100%; font-size:12px;color:#4b4b4b; font-weight: 500; padding:5px 10px;border-bottom:3px solid transparent;}
    ul.part_submenu li a.on { background-color:#007ec3; color: #fff; }

/* 분과 */  
.part_bg {display:block;width:100%; background-color: #f5f5f5; margin:0 auto 25px;overflow: hidden;}
.part_bg .part_content { width: 90%; margin: 0 auto; }
.part_area:after {content: " ";display: table; clear:both;}

.photo_profile {float:none; width:100%; background-color:#007ec3; padding: 20px;}
.photo_profile .photo {float:none; text-align: center; }
.photo_profile .photo img {max-width: 100%; height: auto;}
.photo_profile dl {width:100%; display: block; line-height: 2em; margin-top:2%;}
.photo_profile dl dt strong {font-weight:700;}
.photo_profile dl dt {font-size:16px; font-weight:300; margin-bottom: 10px; color: #fff;text-align:center;}
.photo_profile dl dd {padding:2px 0; color: #fff;list-style-position: inside; text-indent: -9px;;padding-left:25px;}

.profile_info {padding: 20px;}
.profile_info .info_tit {font-size:16px; font-weight: 700; margin-bottom: 10px; }
.profile_info .info_tit:before {content:''; display: none;}
.profile_info p {padding: 3px 0;list-style-position: inside; text-indent: -9px;;padding-left:10px;}

/* 분과테이블 */ 
.part_list {overflow-x: auto; white-space: nowrap;}
.part_list table.table_part {width:100%;margin:0 auto;border-collapse: separate; border-spacing: 1px;line-height:2em;}
table.table_part thead th {font-size:13px;padding:10px 5px; text-align:center; border-top:2px solid #3f454b;border-bottom:1px solid #3f454b; font-weight: 700;}
table.table_part tbody td {font-size:13px;padding:10px 5px; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee; text-align:center;word-break: keep-all;}
table.table_part td:last-child {border-right:0; }
table.table_part tbody tr:nth-child(odd) { background-color: #fafafa;}

table.table_part .col_mo {
    display: none;
    visibility: hidden;
    width: 0%;
  }
/* 회원사 */
.logo_area {border-top:2px solid #007ec3; margin: 0 auto 20px; padding-top:20px;}
.logo_area dl {display: block; width:100%;border-bottom:1px solid #eeeeee; padding:20px 0;overflow: hidden;}
.logo_area dl:after {content: " ";display: table; clear:both;}
.logo_area dl .logo_img {display: block; width:50%; min-width:150px; height:90px; text-align: center; border: 1px solid #f5f5f5; margin: 0 auto; overflow: hidden;}
.logo_area dl .logo_img img {max-width:100%; height: auto;}

.logo_area dl dt {float:left;display: block;width:80px; font-weight: 700;border-right: 1px solid #eee; margin-left:5%; margin-bottom: 10px;}
.logo_area dl dt:nth-of-type(1) {margin-top:30px;}
.logo_area dl dd {display: block;width:60%; margin-left:38%; margin-bottom: 10px;}
.logo_area dl dd:nth-of-type(1) {margin-top:30px;}
.logo_area dl dd a {color:#007ec3;}
.logo_area dl:last-child {border-bottom:0;}

/* 마이메뉴 */
    .m_pc_smenu {display:block;width:90%; margin: 0px auto;background-color: #fff; border-bottom:1px solid #d3d3d3; margin-bottom: 20px;}
    .m_pc_smenu ul.m_pc_submenu {width:100%;margin: 0px auto;display: flex;
                 justify-content:center;align-items: center; }
    ul.m_pc_submenu:after {content: " ";display: table; clear:both;}
    ul.m_pc_submenu li {width:50%;text-align: center;}
    ul.m_pc_submenu li a {display: block; width:100%; height: 100%; font-size:13px;color:#4b4b4b; font-weight: 500; padding:10px 0;border-bottom:3px solid transparent;}

/* 마이메뉴페이징 */
#mysub01 .m_pc_submenu a.smenu1, #mysub02 .m_pc_submenu a.smenu2, #mysub03 .m_pc_submenu a.smenu3{  color:#007ec3; border-bottom:3px solid #007ec3; font-weight: 700;} 

/* 오시는길 */
.map_add {background-color: #f5f5f5; padding:30px;}
.map_add:after {content: " ";display: table; clear:both;}
.map_add .map_tit {width:100%;display:block; font-size:18px; font-weight: 700; border-bottom:1px solid #dedede; text-align: center; padding-bottom: 20px;}
.map_address {width:100%; display:block;}
.map_address span {display:block; margin-bottom:10px; padding-top:15px;}
.map_address span:nth-of-type(2) {margin-bottom:0;padding-top: 0px;}

.map_traffic {display:block;width:100%;margin:30px auto;}
.map_traffic:after {content: " ";display: table; clear:both;}
.map_traffic .tra_icon {width:80px; height:80px; text-align: center;background-color: #007ec3; line-height: 80px; border-radius: 50px; margin-top:10px; margin: 0 auto;overflow: hidden;}
.map_traffic .tra_icon img {max-width:60%; height: auto; vertical-align: middle;}
.map_traffic dl.tra_txt {width:100%;display:block; padding-top:20px;}
.map_traffic dl.tra_txt dt {float:left; display:block; font-size:16px;height:30px; padding:0 20px;}
.map_traffic dl.tra_txt dt span {display:inline-block;font-weight: 700; padding-right: 20px; }
.map_traffic dl.tra_txt dd {display:block;margin-bottom: 10px;height:30px;padding:0 20px;}

.map_traffic02 {display:block;width:100%;margin:30px auto;}
.map_traffic02:after {content: " ";display: table; clear:both;}
.map_traffic02 .tra_icon {width:80px; height:80px; text-align: center;background-color: #007ec3; line-height: 80px; border-radius: 50px; margin-top:10px; margin: 0 auto;overflow: hidden;}
.map_traffic02 .tra_icon img {max-width:60%; height: auto; vertical-align: middle;}
.map_traffic02 dl.tra_txt {width:100%;display:block; padding-top:20px;}
.map_traffic02 dl.tra_txt dt {float:left; display:block; font-size:16px;height:30px; padding:0 20px;}
.map_traffic02 dl.tra_txt dt span {display:inline-block;font-weight: 700; padding-right: 20px; }
.map_traffic02 dl.tra_txt dd {display:block;margin-bottom: 10px;height:30px;padding:0 20px;}

/* 회원가입안내 */
ul.guide_step {width:100%; display: block;}
ul.guide_step li {width:100%; display: block; border: 1px solid #007ec3; margin-bottom: 30px;}
ul.guide_step li .step_tit {width:100%;height:100px;display: block; text-align: center; padding: 20px; color:#fff;font-size: 20px;font-weight: 700;background-color: #007ec3;}
ul.guide_step li .step_tit span {width:60px;height:60px; display:inline-block; background-position: center center; background-repeat: no-repeat; background-size: contain; vertical-align: middle; margin-right: 20px;}
ul.guide_step li .step_tit span.step_icon01 { background-image: url("/images/sub/guide_icon01.png");}
ul.guide_step li .step_tit span.step_icon02 { background-image: url("/images/sub/guide_icon02.png");}
ul.guide_step li .step_tit span.step_icon03 { background-image: url("/images/sub/guide_icon03.png");}
ul.guide_step li .step_tit span.step_icon04 { background-image: url("/images/sub/guide_icon04.png");}

ul.guide_step li .step_txt {width:100%;padding: 20px;}
ul.guide_step li .step_txt a {width:80%; display:inline-block;color: #fff;text-align: center; padding: 5px; background-color: #222; border-radius: 5px; overflow: hidden;margin-bottom: 15px; margin-left:10px; vertical-align: middle;}
ul.guide_step li .step_txt span {display:block; margin-bottom: 10px;}

@media screen and (min-width:768px)  {
    /* 분과메뉴 */
    ul.part_submenu li {width:25%;}
    
    /* 분과 */ 
    .photo_profile {float:left; width:50%; }
    .photo_profile .photo {float:left; margin-right:0; margin-bottom:30px; text-align: left;}
    .photo_profile .photo img {max-width:70%; height: auto;}
    .photo_profile dl dt {text-align:left;}
    .profile_info {margin-left: 54%;}
    
    /* 회원사 */
    .logo_area dl .logo_img {width:30%;}
    .logo_area dl dd {width:75%;margin-left:23%;}
    
    /* 마이메뉴 */
     .m_pc_smenu {margin-bottom: 30px;}
    ul.m_pc_submenu li a {font-size:14px;padding:20px 0;}
}

@media screen and (min-width:1024px)  { 
    .sub_content {width: 57%;min-width: 1000px;margin: 0 auto 50px; }
    h4 {display: inline-block;}
    h4:after {width:7px; height:7px;margin-left:5px;}
    .sub_tit_txt {font-size:18px;margin: 30px auto;}
.sub_tit_txt p {font-size:22px; line-height: 2.5em;}
    .sub_tit_txt span {font-size:18px;}
    /* 분과 메뉴 */
    ul.part_submenu {width:80%; }
    ul.part_submenu li {width:28%;}
    ul.part_submenu li a {font-size:16px;padding:15px 10px;}
    ul.part_submenu li a:hover {color:#007ec3;}
    ul.part_submenu li a.on:hover {color: #fff;}
    /* 분과 */  
    .part_bg { margin: 30px auto 40px;}
    .part_bg .part_content {width: 57%;min-width: 1000px; margin: 0 auto;}
    .photo_profile .photo {margin-right:8%;margin-bottom:0px;}
    .photo_profile .photo img {max-width:100%; height: auto;}
    .photo_profile dl dt {font-size:18px;}
    .photo_profile dl dd {padding: 5px 0; }
    
    .profile_info {margin-left: 53%;}
    .profile_info .info_tit {font-size:18px;margin-top:2%;} 
    .profile_info .info_tit:before {content:''; display: inline-block; width:22px; height: 4px; background-color:#007ec3; margin-right: 20px; vertical-align: middle;}
    .profile_info p {padding: 5px 0; margin-left: 43px;}
    
    /* 분과테이블 */ 
    .part_list {overflow: inherit; white-space: inherit;}
    table.table_part thead th {font-size:16px;padding:15px 10px;}
    table.table_part tbody td {font-size:16px;padding:15px 10px;}
    table.table_part .col_mo {
    display:inline-table;
    visibility:inherit;
    width: 100%;
  }
    /* 회원사 */
    .logo_area { margin: 0 auto 30px; padding-top:30px;}
    .logo_area dl .logo_img {float:left;width:25%; min-width:250px; height: 150px;margin: 0}
    .logo_area dl dt {width:100px;margin-left:5%;margin-bottom: 15px;}
    .logo_area dl dd {width:55%; margin-left:45%;margin-bottom: 15px;}
    .logo_area dl dt:nth-of-type(1) {margin-top:10px;}
    .logo_area dl dd:nth-of-type(1) {margin-top:10px;}    
    
    /* 마이메뉴 */
    .m_pc_smenu {width:100%;}
    .m_pc_smenu ul.m_pc_submenu {width:1000px; margin: 0 auto;}
    ul.m_pc_submenu li {width:20%;}
    ul.m_pc_submenu li a {font-size:16px;}
    ul.m_pc_submenu li a:hover {color:#007ec3;}
 
}
@media screen and (min-width:1200px)  {
    .subtop_bg {height:350px;}
    .subtop_bg h2 {height:350px;font-size: 40px;padding-top:180px;}
    
    .pc_smenu {display:block;width:100%; margin: 0px auto;background-color: #fff; border-bottom:1px solid #d3d3d3;}
    .pc_smenu ul.pc_submenu {display:block;width:57%; min-width:1100px; margin: 0px auto;display: flex;
                 justify-content:center;align-items: center; }
    ul.pc_submenu:after {content: " ";display: table; clear:both;}
    ul.pc_submenu li {width:22%;text-align: center;}
    ul.pc_submenu li a {display: block; width:100%; height: 100%; font-size:18px;color:#4b4b4b; font-weight: 500; padding:20px 0;border-bottom:3px solid transparent;}
    ul.pc_submenu li a:hover {color:#007ec3;}
    
     .pc_smenu ul.pc_submenu2 {display:block;width:57%; min-width:1100px; margin: 0px auto;display: flex;
             flex-flow: row wrap;justify-content:center; align-items: center; }
    ul.pc_submenu2:after {content: " ";display: table; clear:both;}
    ul.pc_submenu2 li {flex-basis: 16%;text-align: center;}
    ul.pc_submenu2 li a {display: block; width:100%; height: 100%; font-size:18px;color:#4b4b4b; font-weight: 500; padding:20px 0;border-bottom:3px solid transparent; letter-spacing: -1px;}
    ul.pc_submenu2 li a:hover {color:#007ec3;}
    ul.pc_submenu2 li:nth-child(5) {flex-basis:20%;}
    
    /* 마이메뉴 */
    .m_pc_smenu ul.m_pc_submenu {width:57%; min-width:1100px;justify-content:space-between;}
    ul.m_pc_submenu li a {font-size:18px;}
    
    .page_mark {font-size:13px;margin:30px auto;}
     .sub_content {width: 1100px;}
    .part_bg .part_content {width: 1100px;}
    
    h3 { font-size: 36px;margin-bottom:30px;}
    h4 {font-size: 28px;font-weight: 500;}
    /* 분과 메뉴 */
     ul.part_submenu li {width:20%;}
    ul.part_submenu li a {font-size:18px;padding:15px 0;}
    /* 분과 */  
     .photo_profile .photo { margin-right:16%; }
    .profile_info {margin-left: 56%;}
    /* 회원사 */
    .logo_area dl dd {width:50%; margin-left:40%;}
    .logo_area dl dt:nth-of-type(1) {margin-top:25px;}
    .logo_area dl dd:nth-of-type(1) {margin-top:25px;}
     /* 오시는길 */
    .map_add .map_tit {float:left;width:17%;line-height: 80px; border-bottom: 0; border-right:1px solid #dedede; padding-bottom: 0px;}
    .map_address {width:80%; margin-left: 20%;}
    
    .map_traffic {float:left; width:50%;margin:50px auto;}
.map_traffic .tra_icon {float:left;width:100px; height: 100px; line-height: 100px; margin-top:15px;}
.map_traffic .tra_icon img {max-width:100%;}
.map_traffic dl.tra_txt { margin-left: 150px; padding-top: 30px;}
.map_traffic dl.tra_txt dt { font-size:18px;}
.map_traffic dl.tra_txt dt span {padding-right: 30px; }
.map_traffic dl.tra_txt dd { margin-left: 150px;}
    
    .map_traffic02 {float:left; width:50%;margin:50px auto;}
.map_traffic02 .tra_icon {float:left;width:100px; height: 100px; line-height: 100px; margin-top:15px;}
.map_traffic02 .tra_icon img {max-width:100%;}
.map_traffic02 dl.tra_txt { margin-left: 150px; padding-top:50px;}
.map_traffic02 dl.tra_txt dt { font-size:18px;}
.map_traffic02 dl.tra_txt dt span {padding-right: 30px; }
.map_traffic02 dl.tra_txt dd { margin-left: 150px;}
   
    /* 회원가입안내 */
ul.guide_step li .step_tit {float:left;width:30%;height:170px;line-height: 100px; padding: 30px; color:#fff;font-size: 22px;}
ul.guide_step li .step_tit span {width:80px;height:80px;}

ul.guide_step li .step_txt {width:70%;height:170px; margin-left: 30%; padding: 30px;}
ul.guide_step li .step_txt a {width:30%;}
ul.guide_step li .step_txt span {margin-bottom: 15px;}
ul.guide_step li:nth-child(2) .step_txt { padding-top: 55px;}
ul.guide_step li:nth-child(3) .step_txt { padding-top: 55px;}
ul.guide_step li:nth-child(4) .step_txt { padding-top: 70px;}

    
  /* sub 페이징 */
#aboutsub01 .pc_submenu a.smenu1, #aboutsub02 .pc_submenu a.smenu2, #aboutsub03 .pc_submenu a.smenu3,
#aboutsub04 .pc_submenu a.smenu4, #aboutsub05 .pc_submenu a.smenu5, #aboutsub06 .pc_submenu a.smenu6{  color:#007ec3; border-bottom:3px solid #007ec3; font-weight: 700;}

#memsub01 .pc_submenu a.smenu1, #memsub02 .pc_submenu a.smenu2, #memsub03 .pc_submenu a.smenu3, #memsub04 .pc_submenu a.smenu4{  color:#007ec3; border-bottom:3px solid #007ec3; font-weight: 700;} 

#forumsub01 .pc_submenu a.smenu1, #forumsub02 .pc_submenu a.smenu2 {  color:#007ec3; border-bottom:3px solid #007ec3; font-weight: 700;} 
    
#bodsub01 .pc_submenu a.smenu1, #bodsub02 .pc_submenu a.smenu2 , #bodsub03 .pc_submenu a.smenu3 {  color:#007ec3; border-bottom:3px solid #007ec3; font-weight: 700;} 
    
#refersub01 .pc_submenu2 a.smenu1,#refersub02.pc_submenu2 a.smenu2,#refersub03 .pc_submenu2 a.smenu3,
#refersub04 .pc_submenu2 a.smenu4,#refersub05.pc_submenu2 a.smenu5,#refersub06 .pc_submenu2 a.smenu6 {  color:#007ec3; border-bottom:3px solid #007ec3; font-weight: 700;} 
    
}
@media screen and (min-width:1440px)  {
    .sub_content {width: 1200px;}
    .part_bg .part_content {width: 1200px;}
    
    
}
@media screen and (min-width:1920px)  {   
   .sub_content {width: 1400px;}
    .part_bg .part_content {width: 1400px;}
    
}