@charset "utf-8";

/* 서브페이지 css */
#head_navi{width:1300px;height:128px;margin:0 auto;}
#container_title {width:40%;float:left;font-size:30px;color:#232323;font-weight:500;letter-spacing:-2px;line-height:145px}
#navigation{width:60%;float:left;text-align:right;line-height:145px}
#navigation li{display:inline-block;padding:0 10px;margin:0 10px}
#navigation li.active a{font-weight:500;color:#f35b00;padding-bottom:5px;border-bottom:2px solid #f35b00}
#navigation li:hover a{color:#f35b00;border-bottom:2px solid #f35b00}
#navigation li .bg{position:relative;top:9px;display:inline-block;width:8px;height:8px;border-radius:100px;background:rgba(0,0,0,0.1);margin-right:30px;vertical-align:text-top;}
#navigation li a{font-size:18px;color:#696969;font-weight:400}
#mobile_nav{display:none;position:relative;width:100%;background:#fff;z-index:9999;border-bottom:1px solid #e3e3e3}
#mobile_nav .m_nav_01{line-height:50px;padding:0 10px}
#mobile_nav .m_nav_01 p{color:#f35b00;font-weight:500;font-size:18px;background:url('../img/sub/m_navi_arrow.jpg')no-repeat right;}
#mobile_nav .m_nav_01 ul{display:none}
#mobile_nav .m_nav_01 ul li{line-height:35px;border-bottom:1px solid #e3e3e3;}
#mobile_nav .m_nav_01 ul li a{font-size:18px;font-weight:400;padding-left:10px;display:block}
.wraper_layout{position:relative;width:1720px;height:auto;overflow:hidden;margin:0 auto;}
.content_layout{position:relative;width:1300px;height:auto;overflow:hidden;margin:0 auto;text-align:center}

@media(max-width:1300px){
#head_navi{width:100%}
#container_title{width:20%}
#navigation{width:80%}
.content_layout{width:100%}
}

@media(max-width:800px){
#navigation li{padding:0 5px}
}

@media(max-width:700px){
#container_title{display:none}
#head_navi{height:50px}
#navigation{display:none}
#mobile_nav{display:block}
}



/* 조직도 */
#sub1_2_bg{position:relative;width:100%;height:auto;background:url('../img/sub/sub1_2_bg.jpg')no-repeat center;padding:74px 0}
.sub1_2_table{width:100%;height:auto;overflow:hidden;text-align:center}
.sub1_2_table.mobile{display:none}
.sub1_2_table2{position:relative;width:100%;height:255px;background:#f6f6f6;padding:77px 0}
.sub1_2_table2 .sub_table.type2{width:1000px;margin:0 auto}
.sub1_2_table2 .sub_table.type2 th{background:#2c4873;color:#fff}
.sub1_2_table2 .sub_table.type2 td{background:#fff}

@media(max-width:1300px){
.sub1_2_table2{padding:77px 20px}
.sub1_2_table2 .sub_table.type2{width:100%}
.sub1_2_table:last-child{padding-left:0}
.sub1_2_table:last-child .sub_table.type1{width:80%;margin:0 auto}
}
@media(max-width:1200px){
#sub1_2_bg{height:auto;background-size:cover;padding:5% 0}
.sub1_2_table{float:none;width:100%}
.sub1_2_table:first-child{text-align:center;width:100%}
.sub1_2_table:last-child{width:100%}
}

@media(max-width:960px){
.sub1_2_table2{padding:30px 10px;height:auto}
.sub1_2_table{padding:0 20px !important}
.sub1_2_table:last-child .sub_table.type1{width:100%}
.sub1_2_table.mobile{display:block}
.sub1_2_table{display:none}
}

@media(max-width:500px){
.sub1_2_table{padding:0 10px !important}


}

/* 청실회 소개*/
.csh_origin{position:relative;width:1100px;height:auto;background:#fff;margin:0 auto;padding:45px 45px 4px 12px; margin-top:-230px;}
.csh_origin .title{position:absolute;top:40px;left:0;text-align:center}
.csh_origin .title .line{display:block;width:15px;height:2px;background:#f35b00;position:relative;top:10px;left:100px}
.csh_origin .title p{width:185px;line-height:40px;font-size:20px;color:#191919;background:#f35b00;color:#fff;text-align:right;padding-right:30px;margin-bottom:20px}
.csh_origin .content{padding-left:210px}
.csh_origin .content p{font-size:14px;color:#000;font-weight:300;margin-bottom:20px}
.box_layout{position:relative;width:100%;height:auto;overflow:hidden;margin:50px 0;min-height:120px}
.box_title{float:left;width:20%;border-top:1px solid #f35b00;text-align:left}
.box_title p{font-size:25px;color:#191919;line-height:75px;}
.box_title2{float:left;width:20%;border-top:1px solid #f35b00;text-align:left}
.box_title2 p{font-size:25px;color:#f35b00;line-height:75px; font-weight:500;}
.box_content{float:left;width:80%;border-top:1px solid #cbcbcb}
.box_content p{width:80%;margin:0 auto;padding:15px 0; color:#fff; background:#3c4454; margin-top:20px;}
.box_content ul{margin-top:25px;text-align:center}
.box_content ul li{display:inline-block;width:120px;margin:0 10px}
.box_content ul li .imgbox{width:100%;height:130px;border:1px solid #e5e5e5}
.box_content ul li span{display:block;width:30px;height:30px;background:#193062;font-size:16px;color:#fff;margin:5px auto}
.badge_content{width:80%;margin:0 auto;text-align:left}
.badge_content .title{font-size:18px;color:#193062;font-weight:500}
.badge_content .title span{display:inline-block;width:30px;height:30px;font-size:16px;color:#fff;background:#193062;text-align:center;margin-right:15px}
.badge_content .content{font-size:14px;color:#191919;margin-left:45px;margin-top:10px;margin:10px 0 40px 45px;}
.badge_content .content span{display:block;margin-top:15px}
.badge_content .content_info{width:100%;height:auto;overflow:hidden;background:#fff7e1;padding:25px 45px;border-radius:5px;margin-bottom:40px}
.badge_content .content_info .tit{font-size:16px;color:#193062;margin-bottom:5px}
.badge_content .content_info .infotext{background:url('../img/sub/checkbox.png')no-repeat left 5px;padding-left:30px;font-size:14px;color:#636363;margin-bottom:10px}

@media(max-width:1100px){
.csh_origin{width:100%;margin-top:0;height:auto;overflow:hidden}
}
@media(max-width:1020px){
.badge_content{width:90%}
.box_title{padding-left:10px}
.box_content p{padding:15px}
.box_title2 p{font-size:20px}
}
@media(max-width:960px){
.box_layout{padding:0 20px}
.csh_origin{margin-bottom:0}
.csh_origin .title{position:relative;top:0;left:0;margin-bottom:20px}
.csh_origin .title img{position:relative;top:-60px}
.csh_origin .content{padding-left:0}
}

@media(max-width:860px){
.box_title2,.box_content{float:none;width:100%}
}

@media(max-width:700px){
.csh_origin{padding:5%;margin-bottom:0;}
.csh_origin .title{margin-bottom:30px}
.csh_origin .title,.csh_origin .content{float:unset;width:100%}
.csh_origin .title p{width:185px;line-height:45px;font-size:20px}
}

@media(max-width:500px){
.csh_origin .title{margin-bottom:20px}
.csh_origin .title img{position:relative;top:0}
.csh_origin .title p{margin:0 auto;text-align:center;padding:0;margin-bottom:20px}
.box_title{float:none;width:100%}
}

/* 연혁 */
.tab_menu{position:relative;width:100%;height:auto;overflow:hidden;margin:40px 0}
.tab_menu li{display:inline-block;width:150px;line-height:50px;border:1px solid #a4a4a4;transition:0.3s}
.tab_menu li a{font-size:18px;color:#2a2a2a}
.tab_menu li:hover{background:#273c76}
.tab_menu li:hover a{color:#fff}
.tab_menu li.active{background:#273c76;border:1px solid #273c76}
.tab_menu li.active a{color:#fff}
.tab_content{display:none;position:relative;width:100%;height:auto;overflow:hidden;}
.tab_content.active{display:block}
.box_title p.date{font-size:40px;}
.box_content dl{padding:30px 60px;line-height:35px}
.box_content dl dt{float:left;font-size:18px;width:5%;font-weight:500;color:#2a2a2a;}
.box_content dl dd{float:left;font-size:18px}
.box_content dl .day{text-align:left;width:10%;color:#7b7b7b;padding-left:15px}
.box_content dl .cont{width:85%;font-size:16px;font-weight:300;text-align:left;}
@media(max-width:700px){
.box_content dl .cont{width:100%}
}
@media(max-width:500px){
.box_title p.date{font-size:30px}
.box_content dl{padding:2%}
}

/* 활동계획 */
.sub1_3_layout{position:relative;width:1720px;height:100%;margin:0 auto;padding:130px 0}
.guide_line{position:absolute;width:1px;height:100%;background:rgba(122,122,122,0.15);left:0%;z-index:1;top:0}
.guide_line2{position:absolute;width:1px;height:100%;background:rgba(238,238,238,0.15);left:0%;z-index:1;top:0}
.guide_line.two{left:25%}.guide_line.three{left:50%}.guide_line.four{left:unset;right:25%}.guide_line.five{left:unset;right:0%}
.guide_line2.two{left:25%}.guide_line2.three{left:50%}.guide_line2.four{left:unset;right:25%}.guide_line2.five{left:unset;right:0%}
.sub1_3_bg{position:relative;width:100%;height:500px;background:url('../img/sub/sub1_3_bg.jpg')no-repeat center;text-align:center;}
.sub1_3_bg .title{font-size:20px;color:#fff;font-weight:500;margin:20px 0}
.sub1_3_bg .title span{display:block;margin:20px 0}
.sub1_3_bg .sub_text{font-size:16px;color:#fff;font-weight:100}
.activity{float:left;position:relative;width:50%;height:auto;overflow:hidden;margin:100px 0;padding:0 2%}
.activity ul li{position:relative;width:100%;height:auto;overflow:hidden;padding:0 30px}
.activity .imgbox{position:absolute;top:0;left:0;z-index:2}
.activity .textbox{position:relative;width:100%;height:270px;background:#f5f5f5;margin:65px 0;padding-left:265px;padding-top:30px;z-index:1}
.activity .textbox .title{width:210px;line-height:40px;background:#ffba00;font-size:18px;color:#fff;margin-bottom:10px}
.activity .textbox .title.blue{background:#1e3a74}
.activity .textbox .text{font-size:14px;text-align:left;color:#1d1d1d;line-height:23px;word-break:break-all;padding-right:10px}
@media(max-width:1720px){
.sub1_3_layout,.wraper_layout{width:100%}
}
@media(max-width:1300px){
.guide_line,.guide_line2{display:none}
.activity .imgbox{left:50%;transform:translateX(-50%)}
.activity .textbox{height:400px;padding-left:0;margin:30px 0;padding-top:40%}
.activity .textbox .title{margin:0 auto}
.activity .textbox .text{text-align:center;padding:0 5%;margin-top:5%}
}
@media(max-width:500px){
.activity{float:unset;width:100%;margin:20px 0}
.activity .textbox{height:auto;padding-bottom:10%}
.sub1_3_bg{height:auto;background-size:cover;}
.sub1_3_layout{padding:10%}
.sub1_3_bg .title{font-size:16px;word-break:keep-all}
.sub1_3_bg .sub_text{font-size:14px}
}

/* 찾아오시는 길 */
.sub_wr_left {width:100%;background:url('../img/sub/sub_left_bg.jpg') no-repeat top left -40px;overflow:hidden;}
.sub_map_wr {width: 1500px;margin: 100px auto;}
.map_frame {width: 920px;height: 750px;background:url('../img/sub/boxframe.png') no-repeat top left;position:relative;margin:0 auto;float:left;padding: 100px 0;}
.map_box {width:850px; height:500px; position:absolute; top:60px; left:70px;}
.root_daum_roughmap .wrap_map {border-bottom: 1px solid #ccc;}
.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap {
	width:100% !important;
	padding: 0 !important;
    border: 0px solid #dfdfdf !important;
    border-color: hsla(0,0,0,0) !important;
    border-radius: 0px !important;
    background-color:none !important;
}
.map_info {width: 510px;float:left;padding:100px 10px 100px 0;margin-left: 70px;}
.map_info ul {background: url('../img/page/logo_icon_b.png') no-repeat top center;padding-top:130px;}
.map_info ul li {margin-bottom:30px;}
.map_info ul li p.info_tit {font-size:23px; font-weight:900; padding-bottom:10px;}
.map_info ul li p:nth-child(2) {font-size:18px;}

@media screen and (max-width:1490px){
	.sub_map_wr {width:100%;}
	.map_frame {width:60%;}
	.map_box {width:80%;}
	.map_info {width:38%; margin-left:2%;}
}
@media screen and (max-width:1340px){
	.map_frame {background-size: 85%;height: 500px;margin-left: 3%;width: 55%;}
	.map_box {height:430px;}
	.map_box .root_daum_roughmap .wrap_map {height:430px !important;}
	.map_info {margin-left: 0%;width: 42%;}
}
@media screen and (max-width:960px){
	.map_box {height:350px; left:50px; top:30px;}
	.map_box .root_daum_roughmap .wrap_map {height:350px !important;}
	.map_info {padding-top:0px;}
}

@media screen and (max-width:700px){
	.map_frame {width:90%; margin:0 5%;padding:20px;height:auto; padding:0;background:none; border-width:10px; border-style:solid; border-image:linear-gradient(to right,#ff834d,#6f7272);border-image-width:50px;}
	.map_info {width:100%; margin:50px auto; text-align:center; padding:0 20px;}
	.map_info ul {background-position:top center;}
	.map_box {width:100%;left:50%; margin-left:-50%; top:0px; height:300px;position:relative;}
	.map_box .root_daum_roughmap .wrap_map {height:300px !important;}
}

/* 역대 총재 */
#sub2_1{position:relative;width:100%;height:auto;overflow:hidden;background:#f9f8f8;padding:60px 0}
#sub2_1 .title{font-size:20px;color:#191919;text-align:center;font-weight:300}
#sub2_1 .title img{display:block;margin:5px auto}
#sub2_1 .title span{font-weight:500;}
.sub_table.sub2_1{margin:30px 0}
.sub_table.sub2_1 th{padding:15px 0;background:#494747;color:#fff}
.sub_table.sub2_1 tr{border-bottom:1px solid #e0e0e0}
.sub_table.sub2_1 td{padding:10px 0;background:#fffdea;border-right:1px solid #e0e0e0;font-size:15px;color:#191919}
.sub_table.sub2_1 td.white{background:#fff}
.sub_table.sub2_1 td.red{color:#e80000}
@media(max-width:800px){
.sub_table.sub2_1{display:block;overflow-x:scroll;}
.sub_table.sub2_1 th{min-width:100px;padding:15px}
}

/* 2020년 총재 */
.sub2_2_bg{position:relative;width:100%;height:auto;background:url('../img/sub/sub2_2_bg_240101.jpg')no-repeat;padding: 70px 0;}
.sub2_2_wrap{position:relative;width:1300px;height:auto;overflow:hidden;margin:0 auto}
.sub2_2_titlebox{float:right;width:785px;height:auto;overflow:hidden;/* padding:0 20px */}
.sub2_2_titlebox .insa{font-size:33px;color:#212121;font-weight:500;line-height:normal;padding-bottom: 20px;}
.sub2_2_titlebox .insa span{color:#f35b00}
.sub2_2_titlebox .insa2{font-size:18px;color:#191919;font-weight:300;margin:10px 0px 30px 0px;p padding-bottom:14px;}
.sub2_2_textbox{float:right;width:785px;height:auto;background:#fff;padding:40px 30px}
.sub2_2_textbox .title{font-size:18px;color:#191919;font-weight:500}
.sub2_2_textbox .title span{display:inline-block;width:16px;height:2px;/* background:#f35b00; */margin-left:5px}
.sub2_2_textbox .title_sub{font-size:20px;color:#191919;font-weight:300;margin-top:30px}
.sub2_2_textbox .title_sub span{font-weight:bold}
.sub2_2_textbox .text{font-size: 15px;color:#191919;font-weight: 300;margin:25px 0;word-break:keep-all;line-height: 26px;/* text-indent: 15px; */}
.sub2_2_textbox p:nth-child(4){margin-bottom:0}
.sub2_2_bg .ceo{display:block;position:absolute;top: 43%;left: 20%;}

@media(max-width: 1500px){
.sub2_2_bg{background-size:contain;padding-top: 35%;}
.sub2_2_bg .ceo{position:relative;clear:both;text-align:right;padding:0 20px;margin-bottom:20px;left: auto;top: auto;}
}
@media(max-width:1300px){
.sub2_2_wrap{width:100%}
}
@media(max-width:785px){
.sub2_2_bg{padding: 34% 0;padding-bottom:0;}
.sub2_2_titlebox,.sub2_2_textbox{width:100%;padding: 0 20px;}
.sub2_2_textbox{padding:20px}
}
@media(max-width:700px){
.sub2_2_textbox{position:relative;width:100%;height:auto}
.sub2_2_bg,.sub2_2_wrap{height:auto}
}
@media(max-width:500px){
.sub2_2_titlebox .insa{font-size: 23px;}
.sub2_2_titlebox .insa2{font-size:16px}
}

/* 활동계획 */
.sub5_5 {width:80%}
.sub5_5 th{padding:15px 0;background:#494747;color:#fff}
.sub5_5 tr{border-bottom:1px solid #e0e0e0}
.sub5_5 td{padding:10px 0;background:#fff;border-right:1px solid #e0e0e0;font-size:15px;color:#191919; border-bottom: 1px solid #e0e0e0; }
.sub5_5 td.white{text-align:center; background:#f8f8f8;}
.sub5_5 td.red{color:#e80000}


/* 테이블 css */
.sub_table{position:relative;width:100%;height:auto;overflow:hidden;border-collapse:collapse}
.sub_table.type1{border-top:1px solid #2a2a2a;margin:80px 0 50px 0}
.sub_table.type1 tr{border-bottom:1px solid #cbcbcb}
.sub_table.type1 th{padding:15px 0;color:#f35b00;min-width:100px}
.sub_table.type1 td{padding:10px 0;text-align:center;font-size:16px;font-weight:300;border-right:1px solid #cbcbcb;background:#fff;word-break:keep-all;}
.sub_table.type1 .td_cls01{font-weight:400;background:#f1f1f1;border-right:none}
.sub_table.type2{margin:40px 0;border:1px solid #cbcbcb}
.sub_table.type2 thead{border-bottom:1px solid #cbcbcb}
.sub_table.type2 th{padding:5px;font-size:15px;color:#243c60;background:#f1f3f6;font-weight:500;border-right:1px solid #cbcbcb;word-break:keep-all;line-height:20px}
.sub_table.type2 td{padding:10px 0;height:45px;border-right:1px solid #cbcbcb;text-align:center}
@media(max-width:1300px){
.sub_table.type2 th{font-size:15px}
.sub_table.type1 td{font-size:14px}
}
@media(max-width:600px){
.sub_table.type2 th{padding:15px}
.sub_table.type2{display:block;overflow-x:scroll}
.sub_table.type2::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
.sub_table.type2::-webkit-scrollbar-track{border-radius: 10px;}
.sub_table.type2::-webkit-scrollbar-thumb{border-radius: 10px;background:linear-gradient( to right, #2c4873, #112039)}
}