@charset "utf-8";

.sub_title_wrap{position:relative; padding:220px 0 160px; width:100%; background-size:cover; background-repeat: no-repeat; background-position: center; background-image: url("../images/sub/sub_header_intro.jpg"); text-align: center;}
.sub_title_wrap h2{font-size:56px; font-weight: bold; color:#ffffff; line-height: 1.5;}
.sub_title_wrap p{font-size:20px; color:#ffffff;}
.sub_title_wrap01{background-image:url("../images/sub/sub_header_biz.jpg");}
.sub_title_wrap02{background-image:url("../images/sub/sub_header_bg_business.jpg");}
.sub_title_wrap03{background-image:url("../images/sub/sub_header_forum.jpg");}

/*only ie*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}

.sub_bottom{padding-bottom:160px;}
.sub_page .breadcrumb .wrap,
.sub_page .container .wrap{width:1200px;}
.sub_page .container section:nth-child(n+2){margin-top: 80px;}

.current_title_wrap h3{font-size:36px; text-align: center;}

.container{margin-top:60px;}
.container .title_wrap h4{font-size:32px; font-weight: 600; line-height: 1.5; }
.container .title_wrap h4 span{display: block; font-size:20px; color:#acacac;}
.container.sports .title_wrap h4{text-align: left;}

.breadcrumb_two .dept_1 li{width:50%;}
.breadcrumb_three .dept_1 li{width:33.3333%;}
.breadcrumb_four .dept_1 li{width:25%;}
.breadcrumb_five .dept_1 li{width:20%;}

.greeting {position: relative;}
.greeting .greeting_content{ margin:0 -24px; display: flex;}
.greeting .greeting_content>div{padding:0 24px; width:50%;}
.greeting .greeting_content .text_wrap h4 strong{color:#1ebecf;}
.greeting .greeting_content .text_wrap .greeting_desc{margin-top:24px;}
.greeting .greeting_content .text_wrap .greeting_desc p:nth-child(n+2){margin-top:16px;}
.greeting .greeting_content .img_wrap figure{position: absolute; right:0; width:49%; padding-left:24px;}

.waaa_intro .title_wrap h4{text-align: center;}
.waaa_intro .title_wrap p{text-align: center;}
.waaa_intro .waaa_intro_content article:nth-child(n+2){margin-top:64px;}
.waaa_intro .waaa_intro_content .vision p{margin-top:4px; font-size:22px; font-weight: 500; color:#1ebecf;}
.waaa_intro .waaa_intro_content .waaa_content .list_wrap{margin-top:20px;}
.waaa_intro .waaa_intro_content .waaa_content ul{border:1px solid #E5E5E5; display: flex; flex-wrap: wrap;}
.waaa_intro .waaa_intro_content .waaa_content ul li{position: relative; padding:48px 20px; width:33.3333%; text-align: center;}
.waaa_intro .waaa_intro_content .waaa_content ul li::before{content: ""; position: absolute; top:50%; left:0; transform: translateY(-50%); display: block; width:1px; height:20px; background-color: #E5E5E5;}


/* 연혁 */
.history .history_wrap {display: flex; justify-content: center; width:100%;  }
.history .history_wrap .history_line{position:relative; width:1000px;}
.history .history_wrap .history_line::before{content: ""; position:absolute; top:0; left:50%; transform: translateX(-50%); height:100%; border: 1px dashed #1ebecf;}
.history .history_wrap .history_list_wrap {padding: 40px 0; display:flex; justify-content: space-between; width:100%;}
.history .history_wrap .history_list_wrap>div{padding:0 30px; width:50%;}
.history .history_wrap .history_list_wrap .history_list h4{position:relative; font-size:40px; font-weight: bold; color:#1ebecf; }
.history .history_wrap .history_list_wrap .history_list h4::before{content:""; position:absolute; top:50%; transform: translateY(-50%); display: block; width:10px; height:10px; border-radius: 50%; background:#1ebecf; z-index: 1; }
.history .history_wrap .history_list_wrap .history_list h4::after{content:""; position:absolute; top:50%; transform: translateY(-50%); display: block; width:20px; height:20px; border-radius: 50%; border:1px dotted #1ebecf; background: #ffffff; }
.history .history_wrap .history_list_wrap .history_list .hitory_dep01 li{padding:10px 0;}
.history .history_wrap .history_list_wrap .history_list .hitory_dep01 .month{position:relative; display: block; width:100%; font-size:20px; color:#1ebecf;}
.history .history_wrap .history_list_wrap .history_list .hitory_dep01 .month::before{content:""; position:absolute; top:50%; transform: translateY(-50%);
display: block; width:8px; height:8px; border-radius: 50%; background:#1ebecf;}
.history .history_wrap .history_list_wrap .history_list .hitory_dep01 .hitory_dep02 li{padding:4px; line-height: 1.5;}
.history .history_wrap .history_list_wrap .history_list.right h4{text-align: left;}
.history .history_wrap .history_list_wrap .history_list.right h4::before{left: -35px;}
.history .history_wrap .history_list_wrap .history_list.right h4::after{left: -41px;}
.history .history_wrap .history_list_wrap .history_list.right .hitory_dep01 .month::before{left:-34px;}
.history .history_wrap .history_list_wrap .history_list.left h4{text-align: right;}
.history .history_wrap .history_list_wrap .history_list.left h4::before{right: -35px;}
.history .history_wrap .history_list_wrap .history_list.left h4::after{right: -41px;}
.history .history_wrap .history_list_wrap .history_list.left .hitory_dep01 .month{text-align: right;}
.history .history_wrap .history_list_wrap .history_list.left .hitory_dep01 .month::before{right:-34px;}
.history .history_wrap .history_list_wrap .history_list.left .hitory_dep01 .hitory_dep02{text-align: right;}

/* 오시는 길 */
.location .contents_header .map_wrap .daum_map{width:100%;}
.location .contents_header .map_wrap .daum_map .wrap_controllers {display: none;}
.location .location_desc .article_contents{margin-top:28px;}
.location .location_desc .article_contents ul{margin:0 -20px; display: flex; flex-wrap: wrap;}
.location .location_desc .article_contents ul li{padding:12px 20px; width:33.3333%; color:#777777; } 
.location .location_desc .article_contents ul li:first-child{width:100%;}
.location .location_desc .article_contents ul li span{font-size:20px; font-weight: bold; color:#222222; }
.location .location_desc .article_contents ul li p{font-size:18px;}
.location .article_title h4{font-size:28px; font-weight: 900; line-height: 1.5;}

/*협회사업*/
.biz_intro .biz_intro_content .inner_wrap{position: relative;}
.biz_intro .biz_intro_content .inner_wrap .waaa_symbol{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:248px; height:248px;}
.biz_intro .biz_intro_content .inner_wrap .biz_intro_list ul{margin:0 -15px; display: flex; flex-wrap:wrap;}
.biz_intro .biz_intro_content .inner_wrap .biz_intro_list ul li{padding:15px; width:25%;}
.biz_intro .biz_intro_content .inner_wrap .biz_intro_list ul li .intro_item{border:1px dashed #707070; border-radius: 15px; padding:20px; display: flex; justify-content: center; align-items: center;  height:227px; font-size:20px; font-weight: 500; line-height: 1.5; text-align: center; color:#1ebecf;}

.biz .biz_content .biz_list_wrap{margin:0 -32px; display: flex; flex-wrap: wrap;}
.biz .biz_content .biz_list_wrap>div{padding:0 32px; width:50%;}
.biz .biz_list li{padding:28px 0; border-bottom:1px solid #E5E5E5;}
.biz .biz_list li:first-child{padding-top:0;}
.biz .biz_list .edu_item_title{display: flex; align-items: center; font-size:26px; font-weight: bold;} 
.biz .biz_list .edu_item_title i{margin-right:8px; display: block; width:40px; height:42px; } 
.biz .biz_list .edu_item_title i img{width:100%;}

/*포럼*/
.forum_intro article:nth-child(n+2){margin-top:88px;}
.forum_intro .forum_list_wrap ul li{padding:28px 0; display: flex; border-bottom:1px solid #E5E5E5; }
.forum_intro .forum_list_wrap ul li:first-child{border-top:1px solid #E5E5E5;}
.forum_intro .forum_list_wrap ul li span{padding:0 48px; display:block; width:320px; flex-shrink: 0; font-size:26px; line-height: 1.5; font-weight: bold; color:#1ebecf; }
.forum_intro .forum_list_wrap ul li p{padding-right:80px;}
.forum_intro article h3{font-size: 36px; line-height: 1.5;}
.forum_intro article .forum_con_list{margin-top:24px;}
.forum_intro article .forum_con_list li{position: relative; padding:0 0 12px 17px;}
.forum_intro article .forum_con_list li::before{content:""; position: absolute; top:10px; left:0; display: block; width:7px; height:7px; border-radius: 50%; background-color: #1ebecf;}
.forum_intro .forum_direction .img_wrap{display: flex;}
.forum_intro .forum_plan .plan_list{position: relative; margin:0 -16px; display: flex; flex-wrap:wrap;}
.forum_intro .forum_plan .plan_list::before{content:""; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:75%; height:50%; background: url("../images/sub/plan_list_long_arrow.svg") no-repeat center;}
.forum_intro .forum_plan .plan_list li{position: relative; padding:24px 16px; width:25%; text-align: center;}
.forum_intro .forum_plan .plan_list li::before{content:""; position:absolute; top:50%; left:98.5%; transform: translateY(-50%); display: block; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:10px solid #E1E1E1;}
.forum_intro .forum_plan .plan_list li>div{padding:20px 12px;}
.forum_intro .forum_plan .plan_list li .list_year{color:#ffffff;}
.forum_intro .forum_plan .plan_list li:nth-child(1) .list_year{background-color:#1DBDCD ;}
.forum_intro .forum_plan .plan_list li:nth-child(2) .list_year{background-color:#16B8C8 ;}
.forum_intro .forum_plan .plan_list li:nth-child(3) .list_year{background-color:#16AAC8 ;}
.forum_intro .forum_plan .plan_list li:nth-child(4) .list_year{background-color:#1298B4 ;}
.forum_intro .forum_plan .plan_list li:nth-child(5) .list_year{background-color:#1282B4 ;}
.forum_intro .forum_plan .plan_list li:nth-child(6) .list_year{background-color:#006998;}
.forum_intro .forum_plan .plan_list li:nth-child(7) .list_year{background-color:#005698;}
.forum_intro .forum_plan .plan_list li:nth-child(8) .list_year{background-color:#004C85;}
.forum_intro .forum_plan .plan_list li .list_con{border:1px solid #E1E1E1; border-top: none;}
.forum_intro .forum_plan .plan_list li:nth-child(4n)::before{display: none;}

@media(max-width:1600px) {  
}

@media(max-width:1440px) {
  .greeting .greeting_content .img_wrap figure{position: relative; right:inherit; width:100%; padding-left:0;}
}

@media(max-width:1240px){
  .sub_page .breadcrumb .wrap,
  .sub_page .container .wrap {width: 100%; padding: 0 5%; margin: 0 auto;}

  .sub_title_wrap h2 {font-size: 44px;}
 
  .container .title_wrap h4 {font-size: 34px;}
  .container .title_wrap h4 span {font-size: 18px;}

  .waaa_intro .waaa_intro_content .vision p {font-size: 20px;}

  .location .location_desc .article_contents {margin-top: 16px;}
  .location .location_desc .article_contents ul li span {font-size: 18px;}
  .location .location_desc .article_contents ul li p {font-size: 16px;}
  
  .biz_intro .biz_intro_content .inner_wrap .waaa_symbol{width:180px; height:180px;}
  .biz_intro .biz_intro_content .inner_wrap .biz_intro_list ul li .intro_item {height: 200px; font-size: 18px;}
  .biz .biz_list .edu_item_title {font-size: 24px;}

  .forum_intro .forum_list_wrap ul li span {padding: 0 32px; width: 280px; font-size: 24px;}
  .forum_intro .forum_list_wrap ul li p br{display: none;}
}

@media(max-width:1024px) {
  .sub_bottom{padding-bottom:120px;}

  .sub_title_wrap {padding: 120px 0 80px;}
  .sub_title_wrap h2 {font-size: 40px;}
  .sub_title_wrap p {font-size: 18px;}

  .container {margin-top: 48px;}
  .sub_page .container section:nth-child(n+2) {margin-top: 40px;}
 
  .container .title_wrap h4 {font-size: 32px;}

  .greeting .greeting_content{flex-wrap: wrap;}
  .greeting .greeting_content>div{width:100%;}
  .greeting .greeting_content .text_wrap .greeting_desc{margin-top:12px;}
  .greeting .greeting_content .text_wrap .greeting_desc p:nth-child(n+2) {margin-top: 0px;}
  .greeting .greeting_content .text_wrap .greeting_desc p br{display: none;}
  .greeting .greeting_content .text_wrap .greeting_desc p strong{display: block;}
  .greeting .greeting_content .img_wrap{margin-top:40px;} 
  
  .waaa_intro .waaa_intro_content .vision p {font-size: 18px;}

  .history .history_wrap .history_line {width: 100%;}
  .history .history_wrap .history_list_wrap .history_list h4 {font-size: 32px;}

  .biz_intro .biz_intro_content .inner_wrap .waaa_symbol{position:relative; top:inherit; left:inherit; transform: translate(0);  width: auto; height: auto;}
  .biz_intro .biz_intro_content .inner_wrap .waaa_symbol .img_wrap{display: flex; justify-content: center; }
  .biz_intro .biz_intro_content .inner_wrap .waaa_symbol .img_wrap figure{width:180px;}
  .biz_intro .biz_intro_content .inner_wrap .biz_intro_list{margin-top:20px;}  
  .biz .biz_list .edu_item_title {font-size: 20px;}
 
  .forum_intro article:nth-child(n+2) {margin-top: 72px;}
  .forum_intro .forum_list_wrap ul li span {padding: 0 28px; width: 240px; font-size: 20px;}
  .forum_intro .forum_list_wrap ul li p { padding-right: 0;}
  .forum_intro .forum_plan .plan_list::before {display: none;}
  .forum_intro .forum_plan .plan_list li {padding: 16px; width: 33.3333%;}
  .forum_intro .forum_plan .plan_list li:nth-child(4n)::before{display: block;}
  .forum_intro .forum_plan .plan_list li:nth-child(3n)::before{display: none;}  
}

@media(max-width:768px) {
  .sub_title_wrap h2 {font-size: 36px;}
  .sub_title_wrap p {font-size: 16px;} 
    
  .current_title_wrap h3{font-size:32px;}
  .container .title_wrap h4 {font-size: 28px;}
  .container .title_wrap h4 span {font-size: 16px;}
 
  .breadcrumb .dept_1 li{width:100%;}

  .waaa_intro .waaa_intro_content .vision p {font-size: 16px;}
  
  .biz_intro .biz_intro_content .inner_wrap .biz_intro_list ul li{width:50%;}
  .biz_intro .biz_intro_content .inner_wrap .waaa_symbol .img_wrap figure {width: 160px;}
  .biz_intro .biz_intro_content .inner_wrap .biz_intro_list ul li .intro_item {height: 164px; font-size: 16px;}
  .biz .biz_content .biz_list_wrap>div {width: 100%;}
  .biz .biz_content .biz_list_wrap .img_wrap{margin-top:40px;}
  .biz .biz_list li { padding: 12px 0;}  

  .forum_intro article:nth-child(n+2) {margin-top: 64px;}
  .forum_intro article h3{font-size: 32px;}
  .forum_intro article .forum_con_list {margin-top: 16px;}
  .forum_intro .forum_list_wrap ul li{flex-wrap: wrap;}
  .forum_intro .forum_list_wrap ul li span {padding:0; width:100%;}
  .forum_intro .forum_list_wrap ul li span br{display: none;}
  .forum_intro .forum_list_wrap ul li p {width:100%;}
  .forum_intro .forum_plan .plan_list li {width: 50%;}
  .forum_intro .forum_plan .plan_list li:nth-child(3n)::before{display: block;}
  .forum_intro .forum_plan .plan_list li:nth-child(2n)::before{display: none;}
}

@media(max-width:540px) {   
  .sub_title_wrap h2 {font-size: 32px;}
  .current_title_wrap h3 {font-size: 28px;}
  .container .title_wrap h4 {font-size: 24px;}
  .container .title_wrap h4 span {font-size: 14px;}

  .waaa_intro .waaa_intro_content article:nth-child(n+2) {margin-top: 40px;}
  .waaa_intro .waaa_intro_content .waaa_content ul li {padding: 16px 20px;  width: 100%;}
  .waaa_intro .waaa_intro_content .waaa_content ul li::before{top:0; left:50%; transform: translateY(0) translateX(-50%); width: 20px; height: 1px;}

  .history .history_wrap .history_list_wrap {padding: 28px 0;}
  .history .history_wrap .history_list_wrap>div {padding: 0px 20px;}
  .history .history_wrap .history_list_wrap .history_list h4 {font-size: 28px;}
  .history .history_wrap .history_list_wrap .history_list.right .hitory_dep01 .month::before {left: -24px;}
  .history .history_wrap .history_list_wrap .history_list.right h4::before {left: -25px;}
  .history .history_wrap .history_list_wrap .history_list.right h4::after {left: -31px;}
  .history .history_wrap .history_list_wrap .history_list.left .hitory_dep01 .month::before {right:-24px;}
  .history .history_wrap .history_list_wrap .history_list.left h4::before {right: -25px;}
  .history .history_wrap .history_list_wrap .history_list.left h4::after {right: -31px;}

  .biz .biz_list .edu_item_title {font-size: 18px;}
  .biz .biz_list .edu_item_title i{width:32px; height:34px; } 

  .forum_intro article:nth-child(n+2) {margin-top: 56px;}
  .forum_intro article h3{font-size: 28px;}
  .forum_intro article .forum_con_list {margin-top: 12px;}
  .forum_intro .forum_list_wrap ul li span {font-size: 18px;}  
}

@media(max-width:480px) {
  .forum_intro .forum_plan .plan_list li {width: 100%;}
  .forum_intro .forum_plan .plan_list li::before {top: 97.5%; left: 50%; transform: translateY(0) translateX(-50%); border-top: 10px solid #E1E1E1;
    border-bottom: none; border-right: 6px solid transparent; border-left: 6px solid transparent;}
  .forum_intro .forum_plan .plan_list li:nth-child(2n)::before{display: block;}
  .forum_intro .forum_plan .plan_list li:last-child::before{display: none;}
}