.scontents img{max-width:100%; }
/*총재 인사말*/
.greeting { width:100%;}
.greeting img{max-width:100%; }
.greeting:after{ content:""; display:block; clear:both;}
.greeting span.sign_box{display:block; text-align:right}
.greeting .sign{display:inline-block; font-size:1.3em; color:#222; font-weight:bold; margin-left:5px; }
.greeting .gre_title{font-size:1.35em; line-height:1.65em; color:#444 !important;  }
.greeting .emp{font-size:1.3em; font-family: 'GmarketSansMedium', sans-serif;  color:#333;}
.greeting_box {width:100%; display:flex; flex-wrap: wrap; /*align-items: center; 세로가운데*/}
.greeting_box .greeting_list{flex:1;}
.greeting_box .greeting_list p{color:#666;}
.greeting_box .greeting_list .bold {  color: #000;   line-height: 1.3em;   font-size:2em;   padding-bottom:30px;}
.greeting_box .greeting_left{flex-basis: 28%; margin-right:2%;}
.greeting_box .greeting_right {flex-basis: 70%; margin-top:45px;}

table .bold{font-weight:bold;}

/*상징*/
.insignia section{}
/*휘장로고*/
.ins_box{display:flex; flex-wrap: wrap;  }
.ins_box .ins_list{flex: 1;}
.ins_box img{ padding:50px;  border:1px solid #ddd;}
.ins_box .ins_left{   text-align:center;margin-right:4%;}
.ins_txt_box{border-bottom:1px solid #ddd; padding:25px; box-sizing:border-box;}
.ins_txt_box:last-child{margin-bottom:0;}
.logo_box{display:flex; flex-wrap: wrap; }
.logo_box .logo_list{flex:auto; margin-right:3%;}
.logo_box .logo_list:nth-child(3){margin-right:0;}
/*캐릭터*/
.cha_box{display:flex; flex-wrap: wrap; /*align-items: center;*/  }
.cha_box .cha_list{flex:1;}
.cha_box img{ padding:50px;  border:1px solid #ddd;}
.cha_box .cha_left{text-align:center; margin-right:4%;}
.cha_color_box{display:flex; flex-wrap: wrap; align-items: center;}
.cha_color_box .color_list{flex:0 1 49%; margin-right:2%;}
.cha_color_box .color_list:nth-child(2n){margin-right:0;}
.cha_color_box .color{width:100%; height:50px; border:1px solid #ddd; margin-bottom:5px}
.down_box{display:flex; text-align:center;}
.down_box .down_right{margin-left:2%;}

/*이념*/
.ide_box{display:flex; flex-wrap: wrap; }
.ide_box .ide_list{flex:1; padding:3% 0; padding-right:3%; text-align:center}
.ide_box .ide_list:last-child{padding-right:0;}
.ide_box .ide_list p{text-align:center}
.ide_box img{}
/*단가*/
img.akbo{}

/*연혁*/
.his_title{text-align:center; font-family: 'GmarketSansMedium', sans-serif;  margin-top:50px;}
.his_list ul {position:relative;margin:0;padding:0; overflow:hidden;}
.his_list ul:before {content:'';position:absolute;top:0;bottom:0; width:0;height:100%;border-left:1px dotted #ccc; left:50%; margin-left:-1px;}
.his_list ul > li {box-sizing:border-box; clear:both; width:50%; padding:15px 30px;}
.his_list ul > li > dl {margin:0;padding:15px 0 0}
.his_list ul > li:first-child > dl {padding-top:0}
.his_list ul > li > dl > dt {position:relative; margin:0 0 15px; padding:0;font-size:1.5em; font-family: 'GmarketSansMedium', sans-serif;  color:#333; line-height:1.3em;; letter-spacing:-.03em;}
.his_list ul > li > dl > dt:before {content:''; box-sizing:border-box; position:absolute; top:50%; z-index:2; width:10px; height:10px; margin-top:-5px; border-radius:50%; background:#4d7da1;}
.his_list ul > li > dl > dt:after {content:''; box-sizing:border-box; position:absolute; top:50%; z-index:1; width:18px; height:18px; margin-top:-9px; border-radius:50%; border:1px solid #bbb; background:#fff;}
.his_list ul > li > dl > dd {margin:0; padding:0;}
.his_list ul > li > dl > dd > p {margin:7px 0 0;padding:0}
.his_list ul > li > dl > dd > p:first-child {margin-top:0}
.his_list ul > li > dl > dd > p:after {content:'';display:block;clear:both}
.his_list ul > li > dl > dd > p .his_date {display:block; float:left; margin-right:12px; background:#4d7da1; border-radius:30px;color:#fff;height:24px; line-height:24px;letter-spacing:.03em; padding:0 12px; font-size:0.95em;}
.his_list ul > li > dl > dd > p .his_cont_wrap {display:block;overflow:hidden}
.his_list ul > li > dl > dd > p .his_cont_wrap .his_cont {display:block; color:#666; font-size:14px;line-height:24px;letter-spacing:-.03em}
.his_list ul > li > dl > dd > p .his_cont_wrap .his_img {display:inline-block;margin-top:8px;border:1px solid #e5e5e5;vertical-align:top}
.his_list ul > li > dl > dd > p .his_cont_wrap .his_img img {vertical-align:top}
/*연혁 왼쪽정렬*/
.his_list ul > li.align_left {float:left;}
.his_list ul > li.align_left > dl > dt {text-align:right;}
.his_list ul > li.align_left > dl > dt:before {left:auto;right:-35px}
.his_list ul > li.align_left > dl > dt:after {left:auto;right:-39px}
.his_list ul > li.align_left > dl > dd > p .his_date {float:right;margin:0 0 0 12px}
.his_list ul > li.align_left > dl > dd > p .his_cont_wrap {text-align:right}
/*연혁 오른쪽정렬*/
.his_list ul > li.align_right{float:right;}
.his_list ul > li.align_right > dl > dt:before {left:-35px}
.his_list ul > li.align_right > dl > dt:after {left:-39px}

/*주요업적*/
.ach_box{display:flex; flex-wrap:wrap; }
.ach_box .ach_left{flex-basis:41%; border:1px solid #ddd; margin-right:4%; padding:3%;}
.ach_box .ach_right{flex-basis:55%; }
.ach_box_two{display:flex; flex-wrap:wrap;}
.ach_box_two .ach_right{flex-basis:41%; border:1px solid #ddd; margin-left:4%; padding:3%;}
.ach_box_two .ach_left{flex-basis:55%; }

/*세계해양소년단연맹*/
.wor_box .ach_left {text-align:center;}
.wor_txt_box{display:flex; flex-wrap:wrap; }
.wor_txt_list{flex-basis: 47.5%; margin-right:5%; margin-bottom:50px; }
.wor_txt_list:nth-child(2n){margin-right:0;}
.wor_txt_list:last-child{margin-right:0; margin-bottom:0;}

/*회원국*/
.wor_list_box{display:flex; flex-wrap:wrap;}
.wor_list{flex: 0 1 31.33%;  margin-right:3%}
.wor_list:nth-child(3n){margin-right:0;}
.wor_list_img{border:1px solid #ddd; text-align:center;}
.wor_list_img img{width:60%; }/*원본오면지울것*/

.wor_title{font-size:1.15em; line-height:2em; }



/*테이블*/
.pos_table table, .pos_table_two table{border-collapse:collapse;border-spacing:0; width:100%; text-align:center; }
.pos_table th, .pos_table_two th{padding:10px 5px; background:#ffe375; font-size:1.2em; font-family: 'GmarketSansMedium', sans-serif;  border-right:1px solid #fff; border-bottom:1px solid #fff; vertical-align:middle;}
.pos_table_wid th{border:1px solid #fff; margin-top:-1px; margin-bottom:-1px;}
.pos_table td, .pos_table_two td{padding:5px; border-right:1px solid #eee; border-bottom:1px solid #eee;  color:#777; font-size:1.1em; }
.pos_table td.boder_none , .pos_table_two td.boder_none {border-right:0;}
.pos_table_wid td{border:1px solid #eee;}


/*조정면허 테이블*/
.pos_table_thr th{ border-bottom:1px solid #fff;}
.pos_table_thr .pad_l{padding:0 25px;}

/*조직도*/
.pos_box{display:flex; flex-wrap:wrap;}
.pos_list{ flex:0 1 23.5%; margin-right:2%; display:table;}
.pos_list:nth-child(4n){margin-right:0;}
.pos_in_list{display:table-cell; }
.pos_in_list:nth-child(2n-1){font-family: 'GmarketSansMedium', sans-serif;  width:60px; color:#444;}
.pos_in_list.long_list{width:75px;}

/*비전*/
.vision {width:100%;}
.vision:after { content:""; display:block; clear:both; }
.vision ul { padding:0; margin:0;}
.vision ul li { float:left; width:200px; text-align:center; margin:0 50px; }
.vision ul li div { width:200px; text-align:center;  background:#f8f8f8; border:1px solid #eee; box-sizing:border-box;  border-radius:100%; }
.vision ul li:nth-child(1) div{ background:#1985b7; color:#fff;}
.vision ul li:nth-child(2) div{ background:#00529b;color:#fff;}
.vision ul li:nth-child(3) div{ background:#6b7786; color:#fff;}
.vision ul li:nth-child(4) div{ background:#333; color:#fff;}
.vision ul li div i { display:block; width:100%; height:100%; line-height:200px; font-size:4em;}
/*.vision ul li div img { display:block; width:250px; height:250px; line-height:250px;}*/
.vision ul li strong { position:relative; display:block; margin-top:50px; font-size:1.5em; text-align:center; }
.vision ul li strong:before { content:""; position:absolute; left:50%; top:-18px; transform:translate(-50%,0); display:block; width:30px; height:3px; background:#c53528; }
.vision ul li > span { display:block; text-align:center; font-size:1em; line-height:20px; margin-top:20px; }



/*오시는길*/
.map_wrap{ width:100%; max-width:1280px; margin:0 auto; margin-bottom:0px;}
.map_box{display:flex; flex-wrap:wrap; padding:15px 0;}
.map_list{margin-right:2.5%; display:flex; flex-wrap:wrap;}
.map_left{color:#333;margin-right:8px;}
.map_right{color:#777; font-size:0.95em;}

.map_wrap .publicTransit { width:100%; max-width:1200px; margin: 50px auto;}
.map_wrap .publicTransit > p { padding-bottom: 25px; font-size:1.5em; line-height: 20px;  color: #2c2c2c;}
.map_wrap .publicTransit dl { overflow: hidden; width: 100%; padding-bottom: 15px; box-sizing: border-box;}
.map_wrap .publicTransit dl dt.show {  visibility: visible;}
.map_wrap .publicTransit dl dt { visibility: hidden; float: left; width: 60px; height:20px; font-size:1.2em; color: #5a5a5a; margin-right: 10px;}
.map_wrap .publicTransit dl dd { float: left; font-size:1em;}
.map_wrap .publicTransit dl dd > span { display: inline-block; font-size:0.85em;  text-align: center; color: #fff;  padding:0px 8px; margin-right:10px; border-radius: 3px 3px 3px 3px;  background-color: #2fba06; }

.public{margin-bottom:15px;}
/*단원가입*/
.join .art_in{position:relative; padding-left:10px; font-size:1.15em;}
.join .art_in:before{content:"-"; display:block;color:#666; position:absolute; top:0; left:0;  }
.join .art_in2:before{content:"*";   }

.join .join_box{display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:30px; text-align:center; position:relative; }
.join .join_box:before{content:""; display:block; width:100%; height:1px; background:#ddd; position:absolute; top:50%; left:0;z-index:-1; transform: translate(0, -50%);}
.join .join_list{font-family:'GmarketSansMedium', sans-serif; font-size:1.2em; border:1px solid #ddd; padding:12% 8%; display:table; background:#fff; position:relative; }
.join .join_list:before{content:""; display:block; width:8px; height:8px; background:#2CC185; position:absolute; top:50%; left:-4px; transform: translate(0, -50%);}
.join .join_list:first-child:before{display:none;}
.join .join_list span{display:table-cell; vertical-align:middle; word-break:keep-all;}
/*단원안내*/
/*선대구성*/
.org_box{display:flex; flex-wrap:wrap;}
.org_list{flex:0 1 23.5%; margin-right:2%; margin-bottom:2%;padding:2%; border:1px solid #ddd; }
.org_list:nth-child(4n){margin-right:0;}
.org_list:nth-child(n+5){margin-bottom:0;}
.org_img{position:relative; opacity:0.9;}
.org_bg{position:absolute; width:100%; height:100%; left:0; top:0; background:#fff; opacity:0.1;}
.org_title{position:absolute;left:50%; top:50%; transform: translate(-50%, -50%); font-family: 'GmarketSansMedium', sans-serif; font-size:1.8em; color:#fff;  white-space:nowrap; text-shadow: 1px 1px 10px black;}
/*단원복장*/
.outfit_box{display:flex; flex-wrap:wrap;}
.outfit_list{flex:0 1 32%; margin-right:2%;}
.outfit_list:last-child{margin-right:0;}
.outfit_img{padding:5%; border:1px solid #ddd;}

.out_wa_box{display:flex; flex-wrap:wrap;}
.out_wa_list{flex:0 1 49%; margin-right:2%;}
.out_wa_list:last-child{margin-right:0;}

/*단원활동*/
.act_box{display:flex; flex-wrap:wrap; }
.act_list{flex:0 1 50%;}

/*주요사업*/
.busi_box{display:flex; flex-wrap:wrap;}
.busi_list{flex:0 1 31.33%; margin-right:2%; margin-bottom:25px;border:1px solid #ddd; padding:20px; border-radius:0 30px 0 30px;}
.busi_list:nth-child(3n){margin-right:0;}
.busi_list i{color:#fff; padding:5px; border-radius:5px; background:#4d7da1;}


/*해양교육시설*/
.fac_box{display:flex; flex-wrap:wrap; }
.fac_list:nth-child(2n-1){flex-basis:41%; border:1px solid #ddd; margin-right:3%; padding:3%; text-align:center}
.fac_list:nth-child(2n){flex-basis:56%;}

/*한강거북선나루터*/
.fac_box_two{display:flex; flex-wrap:wrap; }
.fac_list_two{flex:0 1 33.3%;}
.fac_list_two:last-child{flex:0 1 100%;}

/*조종면허*/
.lic_wrap .line_box{border:1px solid #ddd; padding:35px;}


/*참가신청방법*/
.req_box{display:flex; flex-wrap:wrap;}
.req_list{flex:0 1 23.5%; margin-right:2%; padding:18px; border:1px solid #ddd;}
.req_list:last-child{margin-right:0;}

/*나루터 오시는길*/
.fmap_box{display:flex; flex-wrap:wrap;}
.fmap_list{flex:0 1 48.75%; margin-right:2.5%;}
.fmap_list:last-child{margin-right:0;}

/*연계활동 가능장소*/
.act_link_box{display:flex; flex-wrap:wrap;}
.act_link_list{flex:0 1 48%; margin-right:4%; margin-bottom:45px;}
.act_link_list:nth-child(2n){margin-right:0;}
.act_link_list:last-child(margin-bottom:0;)



/*해양교육시설 내부정렬 공통*/
.fmap_in_box{display:table;}
.fmap_in_box a{text-decoration:underline; word-break:break-all;}
.fmap_in_list{display:table-cell; vertical-align:top;}
.fmap_in_list:nth-child(2n-1){white-space:nowrap; font-family: 'GmarketSansMedium', sans-serif;  color:#333;width:100px; }
.fac_a{/*display:inline-block;*/ padding:5px 10px;;  border-radius:0 5px 0 5px; background:#9CB0A4; color:#fff; }





/*ul로 구분하여 넓이 처리했음*/
.fac_sor .fmap_in_list:nth-child(2n-1){width:80px;}
.act_link_sor .fmap_in_list:nth-child(2n-1){width:110px;}


/*연수/자격증*/
.cer_txt_box{display:flex; flex-wrap:wrap; }
.cer_txt_list{flex-basis: 47.5%; margin-right:5%;}
.cer_txt_list:last-child{margin-right:0; margin-bottom:0;}

/*공통서식*/
/*삭제*/
.border_none{border:0;}
.margin_none{margin:0;}
.padding_none{padding:0;}

.sub_title{font-size:1.6em; padding-bottom:15px; font-family: 'GmarketSansMedium', sans-serif; }
.sub_title2{font-size:1.4em; padding-bottom:15px;font-family: 'GmarketSansMedium', sans-serif; }
.sub_article{font-size:1.2em; color:#666; text-align: justify;}
.sub_mtitle{font-size:1.3em; text-align:left; padding-bottom:15px; font-family: 'GmarketSansMedium', sans-serif; }
.sub_marticle{font-size:1.1em; color:#777; text-align: justify;}

/*굵기*/
.weight_m{font-family: 'GmarketSansLight', sans-serif; }
.weight_b{font-family: 'GmarketSansMedium', sans-serif; }

/*여백*/
.pad_out{margin-bottom:80px;}
.margin_btm{margin-bottom:45px;}
.txt_btm{margin-bottom:25px;}
.ma_r{margin-right: 7px;}
.ma_l{margin-left: 7px;}


/*정렬*/
.txt_l{text-align:left;}
.txt_r{text-align:right;}
.txt_c{text-align:center;}


/*글자색*/
.white{color:#fff}
.red{color:#ec5043;}
.dark_red{color:#c92a2a;}
.blue{color:#1864ab;}
.sky{color:#74c0fc;}
.lime{color:#a9e34b;}
.yellow{color:#ffd43b;}
.dark_yellow{color:#e67700;}
.gray{color:#666;}
.dark_gray{color:#333;}

/*배경색*/
.green_bg{background:#2CC185;}
.red_bg{background:#ec5043;}
.dark_red_bg{background:#c92a2a;}

/*글자색보다연함*/
.blue_bg{background:#4d7da1;}
.sky_bg{background:#dbeaf7;}
.lime_bg{background:#E6F4F1;}
.sky_bg3{background:#EBFBFF;}
.yellow_bg{background:#ffd43b;}
.dark_yellow_bg{background:#e67700;}


/*캐릭터*/
.bk_bg{background:#000;}
.bk_bg2{background:#27201f;}
.bk_bg3{background:#181919;}
.bk_bg4{background:#313333}
.wh_bg{background:#fff;}
.bl_bg{background:#bbbdc0;}
.in_bg{background:#fdd2a2;}
.br_bg{background:#b67232;}
.sk_bg{background:#b9e5fa;}
.ye_bg{background:#ffe400;}
.bl2_bg{background:#00658f;}

.sk2_bg{background:#c6eafb;}


/*신규캐릭터*/
/*고미*/
.gom_bg{background:#21354b}
.gom_bg2{background:#f0a58a}

/*도니*/
.don_bg{background:#889ba9}/*파랑*/
.don_bg2{background:#f1f1f0}/*회색*/
.don_bg3{background:#972124}/*빨강*/

/*매기*/
.mae_bg{background:#ccc}/*회색(마이크)*/
.mae_bg2{background:#7f8080}/*회색(마이크)*/
.mae_bg3{background:#3a5a72}/*테두리*/
.mae_bg4{background:#eeea38}/*바닥*/
.mae_bg5{background:#edc221}/*매기입*/
.mae_bg6{background:#d3b833}/*메달*/
.mae_bg7{background:#e16314}/*티셔츠*/
.mae_bg8{background:#c3a030}/*발바닥*/

/*부기*/
.bug_bg{background:#cee6e9}/*볼*/
.bug_bg2{background:#9fd1d5}/*얼굴몸색*/
.bug_bg3{background:#6fa4a5}/*다른발 색*/
.bug_bg4{background:#548685}/*몸*/
.bug_bg5{background:#1b5051}/*테두리*/
.bug_bg6{background:#f1ab3e}/*카누*/
.bug_bg7{background:#a76f23}/*카누*/

/*해양*/
.hae_bg{background:#f2e5d2}/*살색*/
.hae_bg2{background:#463315}/*머리테두리*/
.hae_bg3{background:#e65e3e}/*조끼*/
.hae_bg4{background:#b7262d}/*입*/
.hae_bg5{background:#656766}/*노*/
.hae_bg6{background:#4d4d4d}/*노*/
.hae_bg7{background:#25275d}/*바지*/

/*버튼*/
.down_btn{display:inline-block; color:#fff; padding:20px 40px; font-size:1.25em;}
.down_btn:hover{text-decoration:underline;}
/*선*/
.line{border-bottom:1px solid #ddd; }

/*아이콘*/
.squ_ico{ position:relative; padding-left:12px; line-height:2em; word-break:keep-all;}
.squ_ico:before{content:""; position:absolute; width:5px; height:5px; background:#777;  left:0; top:13px; }


.benefit{word-break:keep-all;}
@media all and (max-width:1200px){
/*회원국*/
.wor_list{flex: 0 1 48.5%;  }
.wor_list:nth-child(3n){margin-right:3%;}
.wor_list:nth-child(2n){margin-right:0;}



/*조직도*/
.pos_list{flex:0 1 31.33%; }
.pos_list:nth-child(3n){margin-right:0;}
.pos_list:nth-child(4n){margin-right:2%;}


/*단원안내*/
.org_title{font-size:1.6em;}

.pos_table.benefit{overflow-x:auto; overflow-y:visible}
.pos_table.benefit table{width:1200px;}


}

@media all and (max-width:1200px){
/*참가신청방법*/
.req_list{flex:0 1 32%; padding:18px; margin-bottom:2%;}
.req_list:last-child{margin-bottom:0;}
.req_list:nth-child(3n){margin-right:0;}

}



@media all and (max-width:1100px){
.greeting_box .greeting_left{flex-basis: 100%; margin-right:0; }
.greeting_box .greeting_right{flex-basis: 100%;}

/*이념*/
.ide_box .ide_list{flex:auto; max-width:25%;}
.ide_box img{}

/*회원국*/
.wor_title{line-height:1.8em; }

/*단원안내*/
.org_title{font-size:1.5em;}

.squ_ico{line-height:1.8em;}
.squ_ico:before{top:11px;}

/*주요사업*/
.busi_list{flex:0 1 48.5%; border-radius:0 25px 0 25px;}
.busi_list:nth-child(3n){margin-right:3%;}
.busi_list:nth-child(2n){margin-right:0;}

/*한강거북선나루터*/
.fac_list_two{flex:0 1 50%}

/*나루터 오시는길*/
.fmap_list.fmap_img{margin-bottom:25px;}
.fmap_list{flex:0 1 100%; margin-right:0%;}
.fmap_list:last-child{margin-right:0;}

/*연계활동 가능장소*/
.act_link_list{flex:0 1 100%; margin-right:0; margin-bottom:35px;}


.pos_table_two{overflow-x:auto; overflow-y:visible}
.pos_table_two table{width:1100px;}

/*여백*/
.pad_out{margin-bottom:60px;}
.margin_btm{margin-bottom:35px;}
.txt_btm{margin-bottom:20px;}
.ma_r{margin-right: 5px;}
.ma_l{margin-left: 5px;}

/*조종면허 테이블*/
.pos_table_thr{overflow-x:auto; overflow-y:visible}
.pos_table_thr table{width:1100px;}

}

/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){
	
.logo_box .logo_list{flex-basis: 100%; margin-right:0;}


/*연혁*/
.his_title{text-align:left;}
.his_list ul {padding:0 20px;}
.his_list ul:before { left:18px;}
.his_list ul > li {padding:10px 30px; width:auto;}
.his_list ul > li > dl {margin:0;padding:30px 0 0}
.his_list ul > li:first-child > dl {padding-top:0}
.his_list ul > li > dl > dt {float:left; margin:0 20px 0 0;}
.his_list ul > li > dl > dt:before {left:-37px; width:8px; height:8px; margin-top:-4px;}
.his_list ul > li > dl > dt:after {left:-41px; width:16px; height:16px; margin-top:-8px;}
.his_list ul > li > dl > dd {margin-left:100px;}
.his_list ul > li > dl > dd > p {line-height:1.5em;}
/*연혁 왼쪽정렬*/
.his_list ul > li.align_left {float:none;}
.his_list ul > li.align_left > dl > dt {text-align:left;}
.his_list ul > li.align_left > dl > dt:before {right:auto;left:-37px}
.his_list ul > li.align_left > dl > dt:after {right:auto;left:-41px}
.his_list ul > li.align_left > dl > dd > p .his_date {float:left; margin:0; margin-right:12px;}
.his_list ul > li.align_left > dl > dd > p .his_cont_wrap {text-align:left;}
/*연혁 오른쪽정렬*/
.his_list ul > li.align_right{float:none;}
.his_list ul > li.align_right > dl > dt:before {left:-37px}
.his_list ul > li.align_right > dl > dt:after {left:-41px}

/*세계해양소년단연맹*/
.wor_txt_list{flex-basis: 100%; margin-right:0; margin-bottom:35px; }
.wor_txt_list:nth-child(2){margin-right:0;}
.wor_txt_list:nth-child(3){margin-right:0; margin-bottom:0;}

/*조직도*/
.pos_list{flex:0 1 49%; }
.pos_list:nth-child(3n){margin-right:2%;}
.pos_list:nth-child(2n){margin-right:0;}


/*단원안내*/
.org_list{flex:0 1 32%;  }
.org_list:nth-child(4n){margin-right:2%;}
.org_list:nth-child(3n){margin-right:0;}
.org_list:nth-child(n+5){margin-bottom:2%;}
.org_list:nth-child(n+7){margin-bottom:0;}

/*대원복장*/
.outfit_list{flex:0 1 49%; margin-right:2%; margin-bottom:25px;}
.outfit_list:nth-child(2){margin-right:0;}
.outfit_list:last-child{margin-bottom:0;}
/*해양교육시설*/
.fac_box{flex-direction:column-reverse;}
.fac_list:nth-child(2n-1){flex-basis:100%; margin-right:0;}
.fac_list:nth-child(2n){flex-basis:100%; margin-bottom:25px;}

/*조종면허*/
.lic_wrap .line_box{padding:25px;}

/*참가신청방법*/
.req_list{flex:0 1 49%; padding:15px;}
.req_list:nth-child(3n){margin-right:2%; margin-bottom:0;}
.req_list:nth-child(2n){margin-right:0%;}

/*연수/자격증*/
.cer_txt_list{flex-basis: 100%; margin-right:0%; margin-bottom:35px;}
.cer_txt_list:last-child{margin-bottom:0;}


}

@media all and (max-width:800px){
/*.squ_ico{line-height:1.6em;}*/



}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		

	/*총재 인사말*/
.greeting .gre_title{font-size:1.2em;  }


/*휘장로고*/
.ins_box .ins_list{flex: auto;}
.ins_box img{border:0;}
.ins_box .ins_left{border:1px solid #ddd;margin-right:0;}
.ins_txt_box{padding:20px;}

/*캐릭터*/
.cha_box{display:flex; flex-wrap: wrap; /*align-items: center;*/  }
.cha_box .cha_list{flex:auto;}
.cha_box .cha_left{margin-right:0%; margin-bottom:15px;}
.cha_color_box .color_list{width:100%;}
.cha_color_box .color{height:40px;width:100%;}
.down_box .down_list{flex: 0 0 49%;}

/*이념*/
	.ide_box .ide_list{flex:auto; max-width:33.3%;}
	.ide_box .ide_list:nth-child(3n){flex:auto; max-width:33.4%;}

/*연혁*/
.his_title{display:none;}
.his_list ul > li {padding:10px 20px; padding-right:0;}
.his_list ul > li > dl {margin:0;padding:15px 0 0}
.his_list ul > li:first-child > dl {padding-top:0}
.his_list ul > li > dl > dt {float:none; margin:0 0 15px;  }
.his_list ul > li > dl > dd {margin:0;}
/*연혁 왼쪽정렬*/
.his_list ul > li.align_left {float:none;}
.his_list ul > li.align_left > dl > dt {text-align:left;}
.his_list ul > li.align_left > dl > dt:before {right:auto;left:-27px}
.his_list ul > li.align_left > dl > dt:after {right:auto;left:-31px}
.his_list ul > li.align_left > dl > dd > p .his_date {float:left; margin:0; margin-right:12px;}
.his_list ul > li.align_left > dl > dd > p .his_cont_wrap {text-align:left;}
/*연혁 오른쪽정렬*/
.his_list ul > li.align_right{float:none;}
.his_list ul > li.align_right > dl > dt:before {left:-27px}
.his_list ul > li.align_right > dl > dt:after {left:-31px}



/*주요업적*/
.ach_box{flex-direction: column-reverse;}
.ach_box .ach_left{flex-basis:100%; margin-right:0; }
.ach_box .ach_right{flex-basis:100%; margin-bottom:25px; }
.ach_box_two .ach_right{flex-basis:100%; margin-left:0; }
.ach_box_two .ach_left{flex-basis:100%; margin-bottom:25px;}

/*.wor_box img{max-width:none;}*/


/*회원국*/
.wor_list{flex: 0 1 100%;  }
.wor_list:nth-child(3n){margin-right:0;}

.pos_table th{font-size:1.1em;}
.pos_table td{font-size:1em;}
.wor_title{font-size:1.1em;  }

/*조직도*/
.pos_in_list:nth-child(2n-1){width:55px;}
.pos_in_list.long_list{width:65px;}

/*단원가입*/
.join .art_in{padding-left:8px; font-size:1em;}

.join .join_box{grid-template-columns:1fr; }
.join .join_box:before{width:1px; height:100%; top:0; left:50%;z-index:-1; transform: translate(-50%, 0);}
.join .join_list{font-family:'GmarketSansMedium', sans-serif; font-size:1.15em; border:1px solid #ddd; padding:10% 6%; display:table; background:#fff; position:relative; }
.join .join_list:before{width:6px; height:6px; top:-3px; left:50%; transform: translate(-50%, 0);}
.join .join_list:first-child:before{display:none;}
.join .join_list span{display:table-cell; vertical-align:middle; word-break:keep-all;}

/*단원안내*/
.org_list{flex:0 1 49%;  }
.org_list:nth-child(3n){margin-right:2%;}
.org_list:nth-child(2n){margin-right:0;}

/*단원복장*/


.out_wa_list{flex:0 1 100%; margin-right:0;}
.out_wa_list:first-child{margin-bottom:2%;}

/*주요사업*/
.busi_list{flex:0 1 100%; border-radius:0 20px 0 20px; margin-right:0;}
.busi_list:nth-child(3n){margin-right:0;}
.busi_list:nth-child(2n){margin-right:0;}

/*한강거북선나루터*/
.fac_list_two{flex:0 1 100%}

/*해양교육시설 내부정렬 공통*/
.fmap_in_list:nth-child(2n-1){ width:90px; }
.fac_a{padding:0 5px 3px;  border-radius:0 3px 0 3px; }

/*ul로 구분하여 넓이 처리했음*/
.fac_sor .fmap_in_list:nth-child(2n-1){width:70px;}
.act_link_sor .fmap_in_list:nth-child(2n-1){width:100px;}

/*공통*/
	.sub_title{font-size:1.4em; }
	.sub_title2{font-size:1.2em;}
	.sub_article{font-size:1.1em; }
	.sub_mtitle{font-size:1.2em;}
	.sub_marticle{font-size:1em;}

/*여백*/
	.pad_out{margin-bottom:40px;}
/*버튼*/
	.down_btn{padding:15px 25px; font-size:1.1em;}

/*네모아이콘*/
.squ_ico{ padding-left:10px;  }
.squ_ico:before{width:4px; height:4px; top:8px;}


/*테이블*/
.pos_table th, .pos_table_two th{font-size:1.1em;}
.pos_table td, .pos_table_two td{font-size:1em;}

}




@media screen and (max-width: 600px) {		

/*이념*/	
.ide_box .ide_list{flex:auto; max-width:50%;}
.ide_box .ide_list:nth-child(3n){flex:auto; max-width:50%;}

/*조직도*/
.pos_list{flex:0 1 100%; }
.pos_list:nth-child(3n){margin-right:0;}

/*조직도 테이블*/
.pos_table{overflow-x:auto; overflow-y:visible}
.pos_table table{width:600px;}

/*조종면허 테이블*/

.pos_table_thr table{width:1100px;}


.wor_title{font-size:1em;  }

/*대원복장*/
.outfit_list{flex:0 1 100%; margin-right:0;}
.outfit_list:nth-child(2){margin-right:0;}

.act_box_two .act_list{flex:0 1 100%;}

/*조종면허*/
.lic_wrap .line_box{ padding:20px;}

/*참가신청방법*/
.req_list{flex:0 1 100%; margin-bottom:3%;}
.req_list:nth-child(3n){margin-right:0%; margin-bottom:3%;}

/*해양교육시설 내부정렬 공통*/
.fmap_in_list:nth-child(2n-1){ width:80px; }

/*ul로 구분하여 넓이 처리했음*/
.fac_sor .fmap_in_list:nth-child(2n-1){width:60px;}
.act_link_sor .fmap_in_list:nth-child(2n-1){width:90px;}

}

/* 반응형 작은기기 400사이즈 이하 */
@media screen and (max-width: 400px) {
/*단원안내*/
.org_list{flex:0 1 100%; margin-right:0; }
.org_list:nth-child(3n){margin-right:0;}
.org_title{font-size:1.4em;}
.org_list:nth-child(n+7){margin-bottom:2%;}
.org_list:last-child{margin-bottom:0;}


.act_box .act_list{flex:0 1 100%;}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 320px) {	

	
}