/* CSS Document */

.title_box h3{background:none}
.sub_container h2{color:#000;font-size:24px;font-weight:400;line-height:1.7!important;margin-bottom:10px}
h2.tree_title{margin-left:46px;}
.sub_container h3{background:url(/images/common/icon_h3.png) 0 9px no-repeat;padding-left: 24px;font-size:18px;font-weight:200;line-height:190%;}
p.text_box{background:#fbfafa;width:99%;padding:15px;display:block}
.image_wrap img{width:100%;max-width:1200px}
.left_blank{margin-left:186px}
.left_blank2{margin-left:126px}
.border_style01{border-top:2px dotted #ebebeb}
.text_style01{font-size:21px;color:#000;font-weight:200}
strong{font-weight:500}
strong.tit01{font-size:18px}
.etc_con02{font-weight:200}

/*인사말*/
.greeting_wrap{overflow:hidden}
.greeting_wrap .greeting01{float:left;width:45%;text-align:right;padding-right:35px}
.greeting_wrap .greeting02{float:left;width:55%;word-break:keep-all;margin-top:-20px}
.greeting_wrap .greeting02 p{font-size:17px;color:#000;font-weight:200;padding-top:15px;}
@media all and (max-width:820px){
	.greeting_wrap .greeting01{display:none}
	.greeting_wrap .greeting02{float:none;width:100%}
}

/*연혁*/
/*
.history_pc img{width:100%;max-width:1200px}
.history_mo{display:none}
@media all and (max-width:1023px){
	.history_pc{display:none}
	.history_mo{display:block}
	.history_mo table{table-layout:fixed;width:100%;text-align:center;border-collapse:collapse;border-top:2px solid #222;color:#666}
	.history_mo table tbody th{height:52px;line-height:25px;padding:8px 35px;vertical-align:middle;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#eee;word-break:normal;text-align:left}
	.history_mo table td{height:50px;line-height:25px;padding:8px 35px;vertical-align:middle;border-bottom:1px solid #e1e1e1;text-align:center;word-break:normal; font-size: 17px;text-align:left}
}
@media all and (max-width:560px){
	.history_mo table tbody th,
	.history_mo table td{padding:8px;font-size:15px}
}*/
/*준비중*/
.preparing_wrap{text-align:center}

/*오시는길*/
.map{width:100%!important}
.address_wrap{background:#ebebeb;padding:20px;width:100%;margin-top:20px}
.address_wrap span{display:inline-block;height:50px;background-size:42px!important;padding-left:50px;margin-right:30px;color:#000;font-size:14px;font-weight:200;padding-top:12px;padding-bottom:13px;line-height:20px}
.address_wrap span.address{background:url(/images/cont/icon_map01.png) no-repeat 0 0}
.address_wrap span.call{background:url(/images/cont/icon_map02.png) no-repeat 0 0}
.address_wrap span.fax{background:url(/images/cont/icon_map03.png) no-repeat 0 0}
.address_wrap span.email{background:url(/images/cont/icon_map04.png) no-repeat 0 0}
@media all and (max-width:680px){
	.greeting_wrap .greeting01{display:none}
	.greeting_wrap .greeting02{float:none;width:100%}
}

.address_wrap_club{background:#ebebeb;padding:20px;width:100%;margin-top:20px; min-height: 100px;}
.address_wrap_club span{display:inline-block;background-size:42px!important;padding-left:5px;margin-right:5px;color:#000;font-size:16px;font-weight:300;padding-top:12px;line-height:20px}

/*동호회 안내*/
.notice_wrap{background:#f7f8fc;width:100%;max-width:1010px;margin:0 auto;border-radius:10px;overflow:hidden}
.notice1{color:#081042; font-size:13px;   }
.notice1 ul li:before{content:''; width:9px;height:8px;background:url(/images/cont/icon_list.png) no-repeat ;padding-left: 18px; display:inline-block;position:absolute;left:1px;top:5px; }
.notice1 li{margin : 30px 0; padding-left:15px!important} 
.notice2 ul li {color:#081042; width:32%;display:inline-block;font-size:13px;padding-top:87px;text-align:center;vertical-align:top;padding-left:0;padding-bottom: 10px;word-break: keep-all;}
.notice2 ul li.notice_1{background:url(/images/cont/DL.png) center top no-repeat; }
.notice2 ul li.notice_1:after{content:'';display:block;width:26px;height:25px;background:url(/images/cont/arrow.png) center top no-repeat;position: absolute;top: 24px;right: -16px;}
.notice2 ul li.notice_2{background:url(/images/cont/TLS.png) center top no-repeat;}
.notice2 ul li.notice_2:after{content:'';display:block;width:26px;height:25px;background:url(/images/cont/arrow.png) center top no-repeat;position: absolute;top: 24px;right: -16px;}
.notice2 ul li.notice_3{background:url(/images/cont/MI.png) center top no-repeat;}
.notice3{color:#595959; font-size:13px; word-spacing: 20px;border-color:#ebebef;border-style: solid;border-width: 1px;padding: 4px 24px;text-align: center;letter-spacing: 1.5px; width:100%;word-break: keep-all;}
.notice_l {float:left;width:42%;margin:30px 0 0 50px;}
.notice_r {float:right;margin:30px 50px 0 0}

.btnS1.application_download {float: right;margin-right: 20px;}
#searchForm {float: left;margin-left: 7px;}

@media all and (max-width:1006px){
	.notice_wrap{padding:30px}
	.notice_l {float:none;width:100%;margin:0}
	.notice_r {float:none;margin:30px 0 0}
}
@media all and (max-width:859px){
	.btnS1.application_download {margin-right: 0px;}
}

@media all and (max-width:535px){
	.board_search {width: 100%;text-align: left;}
	.btnS1.application_download {width: 100%;margin:0 0 20px 0;float: none;}
	.board_search input {width: 64%;}
}
@media all and (max-width:430px){
	.notice_wrap{padding:10px}
}
@media all and (max-width:350px){
	.board_search input {width: 60%;}
}





/*사이트맵*/
.sitemap{margin:40px 0 0 10px}
.sitemap ul{}
.sitemap ul li{clear:both;margin-top:30px;}
.sitemap ul li.sitemap_dep01_first{margin-top:0!important}
.sitemap ul li.sitemap_dep01{}
.sitemap ul li.sitemap_dep01 a{color:#0a8ae7;font-size:19px;}
.sitemap ul li.sitemap_dep01 a:hover{border-bottom:1px solid #0a8ae7}
.sitemap ul li.sitemap_dep01 ul{margin:10px 0 0 30px}
.sitemap ul li.sitemap_dep01 ul li{display:inline-block;margin-top:0;width:auto}
.sitemap ul li.sitemap_dep01 ul li a{color:#333;font-size:15px;width:210px;margin-right:5px;margin-top:5px;border:1px solid #ebebeb; padding:15px 0 ;text-align:center;display:inline-block}
.sitemap ul li.sitemap_dep01 ul li a.wide{width:340px}
.sitemap ul li.sitemap_dep01 ul li a:hover{}

.comtree_explain{background:#fbfafa;width:100%;display:block; padding:20px 15px}
.c_ex{width:45%;display:inline-block}
.c_ex_left{padding-left:10px}
.c_ex_right{text-align:right;margin-left:5%}

@media all and (max-width:767px){
	.c_ex{width:100%;display:block}
	.c_ex_left{padding-left:0;padding-bottom:10px}
	.c_ex_right{padding-top:10px;border-top:1px dotted #000;margin-left:0}
}
.comtree_explain .c_explain_text01{font-size:22px;font-weight:200;text-align:left;margin-bottom:10px}
.comtree_explain .c_explain_text02{font-size:15px;font-weight:200;text-align:left;line-height:120%}
.btn_inp_g_002{margin-left: 2px;display: inline-block; background: #007766;	border-radius:5px;padding:0px 15px;color:#fff;	font-size: 12px;font-weight: bold;line-height:26px;height:26px;	text-decoration:none;	min-width:60px;cursor:pointer;vertical-align:middle;
		zoom:1;font-weight:400}
.btn_inp_g_002:hover{background:#666}

/*대회신청*/
.competition-notice{background:#f7f8fc;padding:30px 40px;margin-bottom:20px}
ul.list02 li{padding-left: 10px;position: relative;font-weight: 200;color: #000;font-size: 16px;line-height: 190%;}
ul.list02 li:before{content: "";position: absolute;top: 16px;left: 0;width: 3px;height: 3px;background: #2b405b;}
span.font-red{color:#ff1515;font-weight:500}
span.border-bottom{border-bottom:1px solid #ff1515}
p.competition-notice02{line-height: 140%;font-weight: 200;color: #000;font-size: 15px;margin-top: 10px;}
p.competition-notice02 a{vertical-align:baseline}
span.font-blue{color:#0066ff;font-weight:500;border-bottom: 1px solid #06f;}

span.reference-font{color:#ff1515;font-weight:500;font-size: 12px;}

@media all and (max-width: 950px) {
span.reference-font{color:#ff1515;font-weight:500;display: block;}
}



/*추진사항*/
.history {position:relative; margin-top:40px; background:url(/expo/images/cont/history_bg.gif) no-repeat center top 88px}
.history:before {content:"";display:block;left:50%;top:0;width:1px;height:100%;background:#d5d4d4;position:absolute}
.history .year {position:relative;padding:50px 0 14px}
.history .y_2023:before {content:"";display:block;left:calc(50% - 18px);top:0;width:37px;height:41px;background:url(/images/cont/icon_year.png) no-repeat;position:absolute}
.history h3 {margin:0;color:#36662e;font-size:3.1rem;font-family:'MapoDPP';font-weight:normal;border-bottom:0;text-decoration:none}
.history .year.y_right ul {padding:50px 0 50px 51.5%}
.history .year.y_right h3 {padding:0 0 0 calc(50% - -60px);background: url(/images/cont/icon_year_bar01.png) 0 9px no-repeat;background-position: 51.5% 40px;}
.history .year.y_left ul {padding:8px 52% 0px 0}
.history .year.y_left h3 {display:block;width:calc(50% - -7px);text-align:right;background: url(/images/cont/icon_year_bar.png) 0 9px no-repeat;padding-right: 60px;background-position: 99.7% 40px;margin-bottom: 20px;}
.history .year.y_2016 ul {background:url(/images/cont/history_p2016.png) no-repeat right 240px top 10px}
.history .year.y_2017 ul {background:url(/images/cont/history_p2017.png) no-repeat left 240px bottom 0px}
.history .year.y_2022 ul {background:url(/images/cont/history_p2022.png) no-repeat left 240px bottom 100px}
.history .year ul li {display:flex;margin:2px 0 15px;color:#000;font-size:1.5rem;font-weight:200;word-break:break-all}
.history .year ul li span.date {position:relative;width:16%;padding:0 0 0 34px;color:#000;font-family:'MapoDPP';font-weight:normal;letter-spacing:-1px}
.history .year ul li span.con01 {width:100%; text-align:right;}
.history .year ul li span.con02 {width:80%;}
.history .year.y_left ul li {flex-flow:row-reverse}
.history .year.y_left ul li span.date {padding:0 33px 0 0;text-align:right}

@media all and (max-width: 1120px) {
 .history .year ul li span.date {width:20%}
 .history .year.y_2016 ul {background:url(/images/cont/history_p2016.png) no-repeat right 180px top 10px}
 .history .year.y_2017 ul {background:url(/images/cont/history_p2017.png) no-repeat left 180px top 10px}
 .history .year.y_2022 ul {background:url(/images/cont/history_p2022.png) no-repeat left 180px top 0px}
}
@media all and (max-width: 1000px) {

.history .year ul li span.con01 {width: 100%;text-align: left;}
 .history:before {left:20px}
 .history .year:before {left:2px}
 .history .year ul li span.date {width:95px}
 .history .year.y_2016 ul,
 .history .year.y_2017 ul,
 .history .year.y_2022 ul {background:none}
 .history .year.y_right h3,
 .history .year.y_left h3 {padding:0 0 0 75px;text-align:left}
 .history .year.y_right ul,
 .history .year.y_left ul {padding:8px 0 8px 45px}
 .history .year.y_left ul li {flex-flow:row}
 .history .year.y_left ul li span.date {padding:0 0 0 33px;text-align:left}
 .history .year ul li span.date.active:before,
 .history .year.y_left ul li span.date.active::before {display:none}
 .history .year.y_right h3 {background-position: 14.5px 40px;}
 .history .year.y_left h3 {background: url(/images/cont/icon_year_bar01.png) 0 9px no-repeat;background-position: 14.5px 40px;}
}