@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/*common*/
.sub_container{min-height:600px; padding:20px 0 80px;}
.contents_wrap{padding-top:30px;}
.sub_contents{padding-top:30px;}
.sub_page_title>h4{font-size:34px; color:#000000; text-align:center; letter-spacing:-1.5px; line-height:1.4;}

/*서브 비주얼*/
.sub_visual{height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover; text-align:center;}
.sub_visual>div{height:100%; }
.sub_visual01{background-image:url("../images/sub/sub_visual01.jpg");}
.sub_visual02{background-image:url("../images/sub/sub_visual02.jpg");}
.sub_visual03{background-image:url("../images/sub/sub_visual03.jpg");}
.sub_visual04{background-image:url("../images/sub/sub_visual04.jpg");}
.sub_visual05{background-image:url("../images/sub/sub_visual05.jpg");}
.sub_visual06{background-image:url("../images/sub/sub_visual06.jpg");}
/*sub_visual_txt*/
.sub_visual_txt{display:table; width:100%; height:100%; color:#ffffff;}
.sub_visual_txt>div{display:table-cell; vertical-align:middle; width:100%; height:100%; position:relative; text-shadow:1px 1px 5px rgba(0,0,0,0.7);}
.sub_visual_txt h3{font-size:30px; position:relative; padding-bottom:7px;}
.sub_visual_txt p{line-height:1.4; font-weight:500; font-size:17px;}
.sub_visual_txt p>span{display:block;}

/*horizontal_menu_bar 가로 1201px 이상 서브 메뉴 선택 탭*/
.horizontal_menu_bar{padding-top:40px;}
.horizontal_menu_bar ul{font-size:0; }
.horizontal_menu_bar li{display:inline-block; vertical-align:middle; width:25%; font-size:18px; border:1px solid #dedede; letter-spacing:-1px; position:relative;
		margin-left:-1px; margin-top:-1px; text-align:center;}
.horizontal_menu_bar.horizontal_menu_bar06 li{width:16.666666%;}
.horizontal_menu_bar li>a{display:block; padding:8px 5px;}
.horizontal_menu_bar li.h_menu_on{background-color:#010053; z-index:10; border-color:#010053;}
.horizontal_menu_bar li.h_menu_on>a{color:#ffffff;}
.horizontal_menu_bar li:hover{background-color:#01006c; z-index:10; border-color:#01006c;}
.horizontal_menu_bar li:hover>a{color:#ffffff;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:none; background-color:#010053;}
.sub_tab{float:left; color:#ffffff; position:relative;}
.sub_tab+div:before{content:''; width:1px; height:100%; display:block; position:absolute; left:0; top:0; bottom:0; background-color:rgba(255,255,255,0.2);}
.sub_tab_01{width:10%;}
.sub_tab_02{width:45%;}
.sub_tab_03{width:45%;}
.sub_tab_bar h4,.sub_tab_bar h3{padding:10px 15px 10px; font-size:16px; cursor:pointer; font-weight:400;}
.sub_tab_bar strong{font-weight:400;}
.sub_tab_bar a{display:block;}
/*icon_home*/
.sub_tab_01{text-align:center;}
.sub_tab_01>a{padding:12px 0 11px;}
.sub_tab_01 .icon_home02{width:16px; height:14px; display:inline-block; position:relative; font-size:0; vertical-align:middle;}
.sub_tab_01 .icon_home02:before{content:''; width:0; height:0px; display:block; position:absolute; left:0; top:0; border:7px solid transparent; 
		border-bottom-color:#ffffff; border-top:0; transform:scale(1,0.8);-webkit-transform:scale(1,0.8); -moz-transform:scale(1,0.8);
		-o-transform:scale(1,0.8);-ms-transform:scale(1,0.8);}
.sub_tab_01 .icon_home02:after{content:''; width:4px; height:4px; display:block; position:absolute; left:2px; top:6px; border:3px solid #ffffff; 
		border-top-width:3px; border-bottom:0;}
/*메뉴 더보기*/
.sub_tab_bar .menu_more{position:absolute; right:15px; top:18px; width:11px; height:11px; overflow:hidden; text-indent:-999999px; display:block; font-size:0;}
.sub_tab_bar .menu_more:after,.sub_tab_bar .menu_more:before{content:''; display:block; background-color:#ffffff; width:11px; height:1px; 
		position:absolute; left:0; top:5px;}
.sub_tab_bar .menu_more:after{width:1px; height:11px; left:5px; top:0; }
.sub_tab_bar h4.open .menu_more:after,.sub_tab_bar h3.open .menu_more:after{display:none;}
/*sub_tab_2depth 메뉴*/
.sub_tab_2depth{display:none; position:absolute; left:0; top:47px; width:100%; z-index:250; background-color:#ffffff; padding:15px 0;
		  border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:15px;}
.sub_tab_2depth>li+li{margin-top:3px;}
.sub_tab_2depth>li>a{display:block; padding:1px 15px;}
.sub_tab_2depth>li>a:hover{color:#010053; font-weight:500;}
.sub_tab_2depth>li>a:hover strong{font-weight:500;}

/*breadcrumb*/
.breadcrumb>p{font-size:0;}
.breadcrumb span{display:inline-block; vertical-align:middle; font-size:14px; color:#777777;}
.breadcrumb span+span{margin-left:4px;}
.breadcrumb span.on{color:#010053;}
.breadcrumb span.right_arrow{width:12px; height:14px; position:relative; overflow:hidden;}
.breadcrumb span.right_arrow:before{content:''; height:6px; width:6px; display:block; border:1px solid #999999; border-left-width:0; border-top-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg); position:absolute; top:4px; left:1px;}
/*icon_home*/
.breadcrumb .icon_home{width:16px; height:14px; display:inline-block; position:relative; font-size:0; vertical-align:middle;}
.breadcrumb .icon_home:before{content:''; width:0; height:0px; display:block; position:absolute; left:0px; top:0px;
		border:7px solid transparent; border-bottom-color:#777777; border-top:0; transform:scale(1,0.8);-webkit-transform:scale(1,0.8);
		-moz-transform:scale(1,0.8);-o-transform:scale(1,0.8);-ms-transform:scale(1,0.8);}
.breadcrumb .icon_home:after{content:''; width:4px; height:4px; display:block; position:absolute; left:2px; top:6px; border:3px solid #777777; 
		border-top-width:3px; border-bottom:0;}

/*association_introduction.asp*/
.association_introduction_contents{margin-top:40px; font-size:16px; color:#333333;}
.association_introduction_contents>div+div{margin-top:20px;}
.association_introduction_contents ul{margin:12px 0; font-size:15px;}
.association_introduction_contents p+p{margin-top:20px;}
.association_introduction_contents p:last-child{font-weight:500; color:#000000;}

/*history.asp*/
.history_list{font-size:16px; color:#333333;}
.history_list>li{position:relative; padding:10px 10px 10px 160px; border-top:1px solid #cccccc;}
.history_list>li+li{margin-top:30px;}
.history_list b{background-color:#414a86; color:#ffffff; font-size:17px; padding:10px 15px; width:125px; display:block; position:absolute; left:10px; top:-10px;}
.history_list p{padding-left:8px; position:relative;}
.history_list p:before{content:''; width:2px; height:2px; display:block; background-color:#333333; position:absolute; left:0; top:10px;}



/*map.asp*/
.map_wrap img{border:1px solid #dedede; }
.map_img{margin:40px auto 0; max-width:1000px;}

/*business01.asp*/
.business01_contents{margin-top:40px; font-size:16px; color:#333333;}
.business01_contents h5{color:#010053; font-size:18px;} 
.business01_contents>div+div{margin-top:20px;}
.business01_contents ul{margin:12px 0 0; font-size:15px;}
.business01_contents p{margin-top:12px;}

/*business02.asp*/
.business02_wrap h5{color:#010053; font-size:20px; margin-bottom:12px; display:block;}
.business02_wrap p{font-size:16px; color:#333333;}
.business02_wrap p+p{margin-top:3px;}
.business02_wrap>ul{margin-top:40px; display:flex; flex-wrap:wrap; gap:10px 10px;}
.business02_wrap>ul>li{width:calc(20% - 8px); padding:20px 3px 30px;  border-radius:10px; border:2px solid #414a86; text-align:center;}
.business02_wrap>ul>li>div>strong{display:block; color:#414a86; font-size:20px; margin-top:15px; letter-spacing:-1px;}
.business02_wrap>ul>li>div>ul{display:inline-block; margin-top:15px;  text-align:left; font-size:15px; color:#333333;}

/*business04.asp*/
.business04_wrap li{float:left; width:45%; margin:20px 0;}
.business04_wrap li+li{margin-left:10%;}
.business04_wrap li:nth-child(2n+1){margin-left:0; clear:both;}
.business04_wrap li h5{color:#ffffff; font-size:18px; background-color:#414a86; border-radius:50px; width:170px; text-align:center; padding:3px 0;} 
.business04_wrap li img{margin:20px 0 0 0;}

/*member_company01.asp*/
.member_company01_table{display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; font-size:14px;
		letter-spacing:-1px;}
.member_company01_table_row{display: table-row;}
.member_company01_table_cell{display:table-cell; width:33.33333%; border:1px solid #aaaaaa; padding:25px 25px;}
.member_company01_table_cell>span{display:block;}
.member_company01_table_cell h2{font-size:20px; color:#000000; margin-top:20px; text-align:center;}
.member_company01_table_cell table{display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; margin-top:15px;}
.member_company01_table_cell table th{text-align:left; font-weight:500; vertical-align:top;}
.member_company01_table_cell table td{text-align:left; color:#222222;}
.member_company01_table_cell table td>a{color:#222222;}

/*member_company02.asp*/
.member_company02_table{display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; font-size:14px;
		letter-spacing:-1px;}
.member_company02_table_row{display: table-row;}
.member_company02_table_cell{display:table-cell; width:33.33333%; border:1px solid #aaaaaa; padding:25px 25px;}
.member_company02_table_cell>span{display:block;}
.member_company02_table_cell h2{font-size:20px; color:#000000; margin-top:20px; text-align:center;}
.member_company02_table_cell table{display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; margin-top:15px;}
.member_company02_table_cell table th{text-align:left; font-weight:500; vertical-align:top;}
.member_company02_table_cell table td{text-align:left; color:#222222;}
.member_company02_table_cell table td>a{color:#222222;}

/*joining_guide.asp*/
.joining_guide_wrap>h5{padding:5px 0 5px 50px; background:url("../images/sub/joining_icon.png")no-repeat 0 center; font-size:24px; color:#010053;
		margin-bottom:20px;}
.joining_guide_wrap dl{border:1px solid #dedede; padding:15px 20px;}
.joining_guide_wrap dl+dl{margin-top:20px;}
.joining_guide_wrap dl dt{color:#010053; font-size:18px; font-weight:500; margin-bottom:8px;}
.joining_guide_wrap dl dd{font-size:16px; color:#333333;}
.joining_guide_wrap dl dd+dd{margin-top:5px;}




/*1200이하 */
@media screen and (max-width:1200px){

/*horizontal_menu_bar 가로 1201px 이상 서브 메뉴 선택 탭*/
.horizontal_menu_bar{display:none;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:block;}

/*breadcrumb*/
.breadcrumb>p{text-align:center;}

/*business04.asp*/
.business04_wrap li{width:47.5%;}
.business04_wrap li+li{margin-left:5%;}


}/*1200이하 끝*/


/*1024이하 */
@media screen and (max-width:1024px){

/*business02.asp*/
.business02_wrap>ul>li{width:calc(50% - 5px);}

/*member_company01.asp*/
.member_company01_table_cell{padding:15px 8px;}

/*member_company02.asp*/
.member_company02_table_cell{padding:15px 8px;}

}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){

/*서브 비주얼*/
.sub_visual_txt p>span{display:inline;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_01{display:none; float:none;}
.sub_tab_02{width:50%;}
.sub_tab_03{width:50%; }
.sub_tab.sub_tab_02:before{display:none;}

/*map.asp*/


/*business04.asp*/
.business04_wrap li{float:none; width:100%; margin:0;}
.business04_wrap li+li{margin-left:0; margin-top:40px;}

/*member_company01.asp*/
.member_company01_table{display:block;}
.member_company01_table_row{display:block;}
.member_company01_table_cell{display:block; width:100%; margin-top:-1px; padding:25px 25px;}
.member_company01_table_cell02,.member_company01_table_cell03{display:none;}

/*member_company02.asp*/
.member_company02_table{display:block;}
.member_company02_table_row{display:block;}
.member_company02_table_cell{display:block; width:100%; margin-top:-1px; padding:25px 25px;}
.member_company02_table_cell02,.member_company02_table_cell03{display:none;}

}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){

/*common*/
.sub_contents{ padding-top:25px;}
.sub_page_title>h4{font-size:28px;}

/*서브 비주얼*/
.sub_visual_txt h3{font-size:26px;}
.sub_visual_txt p{ font-size:15px;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_02{width:100%; float:none;}
.sub_tab_03{width:100%; float:none;}
.sub_tab.sub_tab_03:before{width:100%; top:0; height:1px; }
.sub_tab.sub_tab_02 .sub_tab_2depth{z-index:400;}

/*association_introduction.asp*/
.association_introduction_contents{margin-top:20px; font-size:15px;}
.association_introduction_contents>div+div{margin-top:15px;}
.association_introduction_contents ul{margin:10px 0; font-size:14px;}
.association_introduction_contents p+p{margin-top:15px;}

/*history.asp*/
.history_list{font-size:14px;}
.history_list>li{padding:8px 8px 8px 110px;}
.history_list b{font-size:15px; width:100px; left:0; padding:8px 8px;}
.history_list p{padding-left:6px; letter-spacing:-1px;}
.history_list p:before{top:9px;}

/*business01.asp*/
.business01_contents{margin-top:20px; font-size:15px;}
.business01_contents h5{font-size:17px;}
.business01_contents>div+div{margin-top:15px;}
.business01_contents ul{margin:10px 0 0; font-size:14px;}
.business01_contents p{margin-top:10px;}

/*business02.asp*/
.business02_wrap h5{font-size:18px;} 
.business02_wrap p{font-size:15px;} 
.business02_wrap>ul>li>div>strong{font-size:17px; margin-top:10px; } 
.business02_wrap>ul>li>div>ul{margin-top:10px;}


/*business04.asp*/
.business04_wrap li h5{font-size:17px;} 


/*joining_guide.asp*/
.joining_guide_wrap>h5{font-size:22px;}
.joining_guide_wrap dl{padding:15px;}
.joining_guide_wrap dl dt{font-size:17px;} 
.joining_guide_wrap dl dd{font-size:15px;} 



}/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){


/*member_company01.asp*/
.member_company01_table_cell{padding:15px 15px;}

/*member_company02.asp*/
.member_company02_table_cell{padding:15px 15px;}


}/*420이하 끝*/