@charset "utf-8";

#wrap{min-width:320px;}

@media screen and (max-width:1250px){
	.inner{padding:0 15px;width:auto;}
	#header h1{left:15px;}
	#header #gnb{padding:0 155px 0 250px;}
	#header #gnb > li{padding:0 10px;}
	#header .headerBtn{right:0;}
	#allMenu{width:auto;}
	#allMenu h2{padding:0 15px;height:60px;line-height:60px;font-size:17px;}
	#allMenu .inner{margin-top:0;}
	#allMenu .inner > ul > li{padding:20px;}
	#allMenu #btnMenuClose{width:60px;height:60px;}
	#footerBanner .inner{padding-left:50px;}
	#footerBanner .slick-prev{left:-40px;}
	#footerBanner .footerSliderBtn{display:none;}
	#footerBanner .footerSns{right:15px;}
	#footer .btnNewsletter{right:15px;}

	#mainContent{margin:-10px;}
	#mainContent .colGrp.set1,
	#mainContent .colGrp.set2{width:50%;}
	#mainContent .colGrp.set3{width:100%;} 
	#mainContent .colGrp > div{padding:10px;}
	#mainContent .colGrp.set3:after{display:block;content:'';clear:both;}
	#mainContent .colGrp.set3 > div{float:left;width:50%;}
	#mainContent .col3{height:auto;}

	.boardList > ul > li{padding-right:270px;}
	.forumBoardList .left .img{max-width:80%;height:250px;}
	.forumBoardList .right{padding-left:5%;}
	.forumBoardList .right:before{width:5%;}
	.forumBoardList .right .box{padding:20px;height:200px;}
	.forumBoardList .right .title{margin-bottom:5px;}
	.forumBoardList .right .con{max-height:6.4em;-webkit-line-clamp:4;}
	
	.orgWrap .org3.btm{margin:0;}
	/* 2021/12/30 장찬우 수정 start */
	.orgWrap .mgb470{ margin-bottom:540px; }
	.orgWrap .org2 > li:nth-child(5) > a:after{ bottom:-520px; height:520px; }
	.orgWrap .org3.top .leftSide{ top:490px; left:50%; margin-left:-365px; width:342px; }
	.orgWrap .org3.top .leftSide > a{ word-break: keep-all; }
	.orgWrap .org3.top .leftSide:before{ top:-120px; width:194px; }
	.orgWrap .org3.top .leftSide:after{ top:-120px; height:120px; }
	.orgWrap .org3.top .leftSide .org5_type2 > li{ width:171px; }
	.orgWrap .org3.top .leftSide .org5_type2 > li a{ word-break:keep-all; }
	.orgWrap .org3.top .leftSide .org5{ width:167px; }
	/* 2021/12/30 장찬우 수정 end */
	.mapInfo{padding:0;}
	.mapInfo h4{position:static;margin-bottom:20px;width:100%;height:60px;line-height:60px;text-align:center;}

}
@media screen and (max-width:1024px){
	#header{height:85px;}
	#header #gnb{display:none;}
	#allMenu .inner{padding:0;}
	#allMenu .inner > ul{position:absolute;left:0;right:0;top:60px;bottom:0;height:auto;}
	#footer .inner{text-align:center;}
	#footer .copy{padding-right:0;text-align:left;}
	#footer .btnNewsletter{position:static;margin-bottom:20px;}

	.btnArea{margin:20px 0;}
	.btn{padding:0 10px;font-size:15px;}
	.modalWrap{left:2%;right:2%;top:0;margin-left:0;width:96%;}
	.modalWrap.active{top:2%;}
	
	#subNavi{display:none;}
	#contentTop .shareBtn .btnFontMinus,
	#contentTop .shareBtn .btnFontPlus,
	#contentTop .shareBtn .btnPrint{display:none;}
	#contentTop .shareBtn{margin-top:-5px;}
	#contentTop .shareBox{right:0;}
	.boardView .title{padding:15px;text-align:center;}
	.boardView .title em{margin:0 0 5px 0;}
	.photoSlider{padding:20px 50px;max-width:100%;box-sizing:border-box;}
	.photoSlider .bx-controls .bx-controls-direction .bx-prev{left:-50px;width:50px;}
	.photoSlider .bx-controls .bx-controls-direction .bx-next{right:-50px;width:50px;}
	.mouList > ul{margin:0 -10px;}
	.mouList > ul > li{padding:10px;}
	
	.boardTabView .title{padding:20px 0;}
	.boardTabView .title .info{position:static;}
	.boardTabView .title h4{margin-bottom:10px;}
	.videoWrap{max-width:100%;}
	
	.greeting .top{padding:30px 20px 50px 20px;}
	.greeting .top .img{left:20px;}
	
	/* 2021/12/30 장찬우 수정 start */
	.orgWrap .org2 > li:nth-child(3) > a:after{ right:-160px; width:160px; }
	.orgWrap .org2 > li:nth-child(4) > a:after{ left:-160px; width:160px; }
	/* .orgWrap{background-size:125% 893px;}
	.orgWrap a span{width:200px;font-size:15px;} */
	/* 2021/12/30 장찬우 수정 end */
	
	.photoBoardList > ul > li,
	.videoBoardList > ul > li{width:33.33%;}
}

@media screen and (max-width:767px){
	.webOnly{display:none;}
	.mobileOnly{display:block;}

	body{font-size:13px;word-break:break-all;}
	#header{height:60px;}
	#header h1{top:15px;}
	#header h1 img{width:auto;height:25px;}
	#header .headerBtn{top:0;right:10px;}
	#header .headerBtn > a{width:40px;height:60px;background-size:auto 20px;}
	#header .headerBtn .btnLink{width:40px;background-size:auto 30px;}
	#header .headerBtn #totalSearchWrap{top:60px;}
	#header .headerBtn .totalSearch{margin:10px;padding:0 40px 0 80px;width:85%;}
	#header .headerBtn .totalSearch select{width:90px;}
	#header .headerBtn .totalSearch input[type="submit"]{background-size:auto 20px;}
	#header .headerBtn .totalSearch #btnSearchClose{right:-15%;background-size:auto 20px;}
	#header .headerBtn .totalSearch input::-webkit-input-placeholder{font-size:13px;color:#fff;}
	#header .headerBtn .totalSearch input:-ms-input-placeholder{font-size:13px;color:#fff;}
	#header .headerBtn #btnSearch{margin-right:0;}
	#allMenu{background:#f5f5f5;}
	#allMenu .inner{position:static;}
	#allMenu .inner > ul{padding:0;}
	#allMenu .inner > ul > li{float:none;width:auto;min-height:auto;padding:0;border-bottom:1px solid #ddd;border-left: none;}
	#allMenu .inner > ul > li > a{margin-bottom:0;padding:0 15px;width:100%;padding:15px;height:auto;line-height:120%;font-size:15px;color:#29256d;font-weight:400;text-align:left;border:none;border-bottom:1px solid #fff;box-sizing:border-box;}
	#allMenu .inner > ul > li > ul{display:none;position:absolute;left:40%;right:0;top:0;padding:0 15px;min-height:100%;background:#fff;}
	#allMenu .inner > ul > li > ul > li{border-bottom:1px solid #dbdae8;}
	#allMenu .inner > ul > li > ul > li > a{padding:15px;font-size:15px;color:#000;}
	#allMenu .inner > ul > li.active{background-color:#fff;}
	#allMenu .inner > ul > li.active > a{font-weight:700;background:#fff;}
	#allMenu .inner > ul > li.active > ul{display:block;}
	#allMenu #btnMenuClose{background-size:auto 25px;}

	#container{padding-top:60px;}
	#content{padding:20px 0;}
	#footerBanner .inner{padding:0 50px;text-align:center;}
	#footerBanner .footerSns{position:static;}
	#footerSlider{margin-bottom:15px;}
	#footer{padding:20px 0 30px;}
	#footer .copy{padding:0;font-size:12px;line-height:160%;text-align:center;}
	#footer .copy .footerLogo{display:none;}

	.main #container{padding:70px 0 15px;}
	#mainContent{margin:-5px;}
	#mainContent > div{width:100% !important;}
	#mainContent .colGrp{padding:5px 0;}
	#mainContent .colGrp > div{padding:5px;}
	#mainContent .colGrp.set3 > div{float:none;width:100%;}
	#mainContent .col2 h3,
	#mainContent .col5 h3,
	#mainContent .col6 ul li b{font-size:17px;}
	#mainContent .col2 b,
	#mainContent .col5 b{font-size:19px;}
	#mainContent .col3 p,
	#mainContent .col3 ul li a,
	#mainContent .col6 ul li a{font-size:15px;}
	#mainContent .col1 .img,
	#mainContent .col4 .img{height:230px;}
	#mainContent .col2 .box{min-height:150px;}
	#mainContent .col2 h3{margin-bottom:10px;}
	#mainContent .col2 b{margin-bottom:10px;}
	#mainContent .col2 .list{margin:-5px 0;}
	#mainContent .col2 .list li{padding:10px 0;}
	#mainContent .col3 h3{height:20px;background-size:auto 20px;}
	#mainContent .col3 p{margin-bottom:10px;}
	#mainContent .col5 ul li{height:50px;}
	
	input[type='text'],
	input[type='password'],
	input[type='number'],
	select{font-size:13px;}
	.bx-controls{top:10px;}
	
	.tableBox{margin-bottom:30px;}
	.tableBox.scroll{overflow-x:auto;}
	.tableBox.scroll table{width:700px;}
	table{font-size:13px;}
	table.list .title{margin-bottom:10px;font-size:15px;}
	table.list .webOnly{display:none;}
	table.list th{font-size:14px;}
	table.mCustom,
	table.mCustom tbody{display:block;}
	table.mCustom thead{display:none;}
	table.mCustom tr{display:block;position:relative;padding:15px 10px;border-bottom:1px solid #ddd;}
	table.mCustom td{display:inline-block;margin-right:15px;padding:0;color:#888;position:relative;height:auto;border-bottom:none;}
	table.mCustom .title{display:block;}/* 제목 */
	table.mCustom .title:before{display:none;}
	table.mCustom .title a,
	table.mCustom .title span{color:#000;}
	table.mCustom .file{position:absolute;right:0;bottom:15px;}/* 파일 */
	table.mCustom .cate{margin-bottom:10px;padding:1px 5px;font-size:12px;color:#5032b6;border:1px solid #5032b6;}/* 제목 앞에 구분이 들어갈 때 */
	table.mCustom .empty{display:block;margin:0;height:30px;line-height:30px;}
	table.mCustom td:nth-child(2){margin-bottom:10px;}
	table.info th,
	table.info td{padding:10px 5px;}
	table.info th{font-size:14px;}
	table.form,
	table.form tr,
	table.form th,
	table.form td{display:block;width:100%;height:auto;text-align:left;}
	table.form tr{border-bottom:1px solid #ddd;}
	table.form th{padding:10px 10px 0 10px;background-color:#fff;border:none;}
	table.form td{padding:10px;border:none;}
	table.form td.cols3 input[type="text"],
	table.form td.cols3 select{width:45%;}

	.paging{margin:30px 0;}
	.paging a{font-size:14px;}

	.modalWrap .modalTitle{height:50px;}
	.modalWrap .modalTitle h2{padding-left:20px;font-size:17px;line-height:50px;}
	.modalWrap .modalTitle .btn_modalClose{right:0;width:50px;height:50px;}
	.modalWrap .modalContent{padding:20px;}
	
	.cate{min-width:auto;font-size:13px;}
	
	.h2Title{height:80px;}
	.h2Title span{margin-top:0;font-size:24px;}
	.h2Title.active span{margin-top:30px;}
	#contentTop{height:60px;}
	#contentTop h3{padding:30px 0 0;font-size:20px;}
	.bulTitle{padding-left:20px;font-size:17px;background-size:auto 15px;background-position:left 3px;}
	.boardSearch{margin-bottom:10px;}
	.boardSearch select,
	.boardSearch input[type="text"]{width:100%;}
	.boardSearch .btnSearch,
	.boardSearch .btnSeeAll{width:100%;}
	.boardTop .btnSort{width:80px;}
	.boardList > ul > li{padding-right:0;}
	.boardList > ul > li .title{font-size:17px;}
	.boardList > ul > li .info{margin-bottom:15px;font-size:13px;}
	.boardList > ul > li .boardBtn{position:static;}
	.photoBoardList > ul > li a{padding:30px;text-align:center;}
	.videoBoardList > ul > li a{padding:30px;text-align:center;}
	.photoBoardList > ul > li .img{position:static;margin-bottom:10px;}
	.videoBoardList > ul > li .img{position:static;margin-bottom:10px;}
	.photoBoardList > ul > li em,
	.photoBoardList > ul > li .title,
	.photoBoardList > ul > li .info{display:block;text-align:left;}
	.videoBoardList > ul > li em,
	.videoBoardList > ul > li .title,
	.videoBoardList > ul > li .info{display:block;text-align:left;}
	
	.photoBoardList > ul > li,
	.videoBoardList > ul > li{width:50%;}
	.photoBoardList > ul > li a{padding:15px 15px 50px 15px;text-align:center;}
	.videoBoardList > ul > li a{padding:15px 15px 50px 15px;text-align:center;}
	
	.viewCon{padding:15px;min-height:100px;}
	.boardView{margin-bottom:30px;}
	.boardView .title{font-size:17px;}
	.boardView .title em{padding:1px 5px;font-size:13px;}
	.boardView .info span{display:block;margin-left:0;padding-left:0;font-size:13px;}
	.boardView .info span:before{display:none;}
	.boardView .info .email{top:auto;bottom:15px;padding:4px 0 4px 35px;}
	.boardView .info,
	.boardView .file{padding:15px;}
	.boardView .file b,
	.boardView .info b{min-width:auto;}
	.photoSlider #bx-pager img{height:50px;}
	.photoSlider #bx-pager{margin-top:10px;}
	.boardBtm > span{width:auto;text-indent:-9999px;}
	.boardBtm > span .btn{text-indent:0;}
	.paging{margin:30px 0;}
	.listCon.dot li:before{top:8px;}
	.listCon.minus li:before{top:10px;}
	.topGuide{margin-bottom:20px;padding-left:100px;font-size:14px;background-size:60px auto !important;background-position:20px center;}
	.topGuideBtn{margin-bottom:20px;padding:0 20px;font-size:14px;}
	.topGuideBtn p{padding:20px 0 10px 80px;background-size:60px auto !important;background-position:left 20px;}
	.topGuideBtn .btnArea{padding-bottom:20px;}
	.topGuideBtn .btn{min-width:100px;}
	.loginWrap{padding:30px 10px;}
	.loginWrap strong{margin-bottom:10px;font-size:17px;}
	.loginWrap .desc{padding-bottom:20px;}
	.loginWrap .login{margin:20px auto 0;padding-right:0;width:300px}
	.loginWrap .login li{padding-left:95px;}
	.loginWrap .login li label{width:85px;}
	.loginWrap .login .btnLogin{position:static;width:100%;height:32px;font-size:14px;}
	.loginWrap .stop{margin-top:15px;}
	.loginWrap .pwArea{margin:20px auto 0;padding-right:70px;width:250px;}
	.loginWrap .pwArea p{padding-left:60px;}
	.loginWrap .pwArea li b{width:50px;}
	.loginWrap .pwArea .btnPw{width:60px;font-size:14px;}
	.agreeWrap{margin-bottom:30px;padding:20px;}
	.agreeWrap strong{font-size:17px;}
	.agreeWrap .box{padding:20px;font-size:13px;}
	.agreeWrap .agreeChk{margin-top:15px;padding-top:15px;}
	.greeting{padding:0;}
	.greeting .top{padding:30px 20px 50px 20px;}
	.greeting .top .img{left:0;right:0;text-align:right;}
	.greeting .top .img img{height:100px;}
	.greeting .top p{font-size:15px;}
	.greeting .top .point{margin:10px 0 20px;font-size:17px;}
	.greeting .con{padding:20px;}
	.greeting .con p{font-size:15px;}
	.mouList > ul > li{width:50%;}
	.mouList > ul > li:nth-child(odd){clear:both;}
	.infoBox{padding:10px 0 10px 80px;background-size:auto 60px;background-position:left 10px;}
	.infoCon .listCon{margin-bottom:20px;}
	.infoCon .bulCircleTitle{font-size:15px;background-position:left 4px;}
	.newsBoardList > ul > li > a{padding:20px 0;height:auto;text-align:center;}
	.newsBoardList > ul > li .img{position:static;margin-bottom:10px;width:100px;height:100px;}
	.newsBoardList > ul > li .title{font-size:17px;text-align:left;}
	.newsBoardList > ul > li .writer,
	.newsBoardList > ul > li .desc{display:block;font-size:13px;text-align:left;}
	.newsBoardList > ul > li .date{display:block;position:static;font-size:13px;text-align:left;}
	/* .forumBoardList .yearWrap{padding:30px 0;}
	.forumBoardList .yearWrap .year{left:0;margin-left:0;width:40px;height:40px;line-height:38px;font-size:15px;}
	.forumBoardList .yearWrap .yearLine{left:20px;}
	.forumBoardList .itemBox{padding:15px 0 15px 40px;}
	.forumBoardList .left .img{margin-bottom:10px;max-width:100%;height:300px;}
	.forumBoardList .date{position:static;margin-bottom:10px;padding-left:0;font-size:15px;}
	.forumBoardList .date:before{left:20px;top:23px;width:15px;}
	.forumBoardList .date:after{left:18px;top:21px;}
	.forumBoardList .left{float:none;width:auto;text-align:left;}
	.forumBoardList .right{float:none;padding:0;width:auto;}
	.forumBoardList .right .tit{font-size:17px;}
	.forumBoardList .right .writer{font-size:13px;} */
	
	.forumBoardList .yearWrap{padding:70px 0;}
	.forumBoardList .yearWrap .year{left:-15px;margin-left:0;width:70px;height:70px;line-height:70px;font-size:15px;background-size:70px auto;}
	.forumBoardList .yearWrap .yearLine{left:20px;}
	.forumBoardList .itemBox{padding:15px 0 15px 40px;}
	.forumBoardList .left .img{margin-bottom:10px;max-width:100%;height:300px;}
	.forumBoardList .date{position:static;margin-bottom:10px;padding-left:0;font-size:15px;}
	.forumBoardList .date:before{left:20px;top:23px;width:15px;}
	.forumBoardList .date:after{left:15px;top:21px;}
	.forumBoardList .left{float:none;width:auto;text-align:left;}
	.forumBoardList .right{float:none;padding:0;width:auto;}
	.forumBoardList .right .box{padding:20px;height:auto;}
	.forumBoardList .right .con{margin-bottom:10px;font-size:13px;}
	.forumBoardList .right .con *{font-size:13px !important;line-height:22px !important;}
	.forumBoardList .right .listCon{font-size:13px;}
	.forumBoardList .right .tit{font-size:17px;}
	.forumBoardList .right .writer{font-size:13px;}
	.forumBoardList .right .btnReserve{padding:0 20px;height:35px;line-height:35px;font-size:13px;}
	.forumBoardList .btnList li a{height:30px;line-height:30px;font-size:14px;}
	.forumBoardList .btnListMore{left:-15px;margin-left:0;}
	.ceoWrap{padding:20px 0 0 180px;min-height:180px;}
	.ceoWrap strong{margin-bottom:10px;font-size:17px;}
	.ceoWrap .img img{width:150px;height:150px;}
	.ceoWrap .listCon > li{font-size:13px;}
	.ceoTable table.info.left td{font-size:13px;}
	.profileWrap .profileTop{padding-left:0;text-align:center;}
	.profileWrap .profileTop h3,
	.profileWrap .profileCon{text-align:left;}
	.profileWrap .profileTop .profileInfo li{padding:5px 0 5px 35px;}
	.profileWrap .profileTop .img{position:static;margin-bottom:20px;}
	.boardTabView .title{margin-bottom:20px;}
	.boardTabView .title h4{margin-bottom:5px;font-size:17px;}
	.boardTabView .title .info span{font-size:13px;}
	.boardTabView .subTitle .bulTitle{font-size:15px;}
	.boardTabView .subTitle .date{padding-left:20px;font-size:13px;}
	.boardTabView .file{font-size:13px;}
	.pptList li{padding:15px;}
	.pptList li .tit{font-size:15px;}
	.videoWrap iframe{height:250px;}
	.historyList dl{padding:0 0 10px 60px;}
    .historyList dt{font-size:17px;}
    .historyList dd ul.listCon li{padding-left:10px;}
    .historyList dd ul.listCon li b{display:block;position:static;margin-bottom:5px;font-size:14px;}
	/* 2021/12/30 장찬우 수정 start */
    /* .orgWrap{height:810px;background-image:url(/images/stepien/sub/bg_org_line_m.png);background-size:100% 796px;}
	.orgWrap a span{padding:0 5px;width:170px;height:50px;font-size:13px;}
	.orgWrap .org2 > li,
	.orgWrap .org3.top > li{margin:10px 0;}
	.orgWrap .org1 > li > a{margin:0 0 0 -35px;width:70px;height:80px;line-height:80px;font-size:15px;background-size:70px 80px;}
	.orgWrap li.left,
	.orgWrap li.right{width:50% !important;}
	.orgWrap .org2 > li.left{text-align:left;}
	.orgWrap .org2 > li.right{text-align:right;}
	.orgWrap .org3.top .org5{padding:3px 0;}
	.orgWrap .org3.top > li.right > a > span,
	.orgWrap .org3.top .org4 > li > a > span,
	.orgWrap .org3.top .org5 li a{width:200px;}
	.orgWrap .org3.top .org5 li a span{font-size:13px;}
	.orgWrap .org3.top .org4 > li{float:none !important;padding:3px 0;width:100% !important;text-align:right !important;}
	.orgWrap .org3.top > li.right,
	.orgWrap .org3.top .org5 li{text-align:right;}
	.orgWrap .org3.btm{margin-top:20px;}
	.orgWrap .org3.btm > li{margin:5px 0;padding:0 2px;}
	.orgWrap .org3.btm > li a span{width:200px;}
	.orgWrap .org4{margin-top:0;}
	.orgWrap .org4 > li > a > span{height:45px;} */
	.orgWrap .mgb470{ margin-bottom:560px; }
	.orgWrap .mgt_m19{ margin-top:0px; }
	.orgWrap .org1 > li > a{ margin-left:-50px; width:100px; height:114px; line-height:114px; font-size:18px; background-size:cover; }
	.orgWrap .org1 > li > a:after{ bottom:-285px; height:285px; }
	.orgWrap .org2 > li{ margin-top:30px; }
	.orgWrap .org2 > li.right{ margin-bottom:10px; }
	.orgWrap .org2 > li.bottomClear{ margin-bottom:67px; }
	.orgWrap .org2 > li:nth-child(1) > a:after{ right:-106px; width:106px; }
	.orgWrap .org2 > li:nth-child(2) > a:first-child:after{ left:-105px; width:105px; }
	.orgWrap .org2 > li:nth-child(3) > a:after{ right:-145px; width:145px; }
	.orgWrap .org2 > li:nth-child(4) > a:after{ left:-145px; width:145px; }
	.orgWrap .org2 > li:nth-child(5) > a:after{ bottom:-540px; height:540px; }
	.orgWrap .org2 .org5{ padding:3px 12px; width:122px; }
	.orgWrap .org3.top .leftSide{ top:460px; margin-left:-236px; width:212px; }
	.orgWrap .org3.top .leftSide .org5_type2 > li{ padding:10px 0 10px 20px; width:106px; }
	.orgWrap .org3.top .leftSide .org5_type2 > li::after{ top:18px;left:11px; }
	.orgWrap .org3.top .leftSide .org5_type2 > li a{ word-break:break-all; }
	.orgWrap .org3.top .leftSide:before{ width:129px; }
	.orgWrap .org3.top .leftSide .org5{ padding:3px 8px; width:102px; }
	.orgWrap .org3.top .leftSide .org5 > li:after{ top:13px; }
	.orgWrap a span{ width:120px; height:50px; font-size:15px; font-family:'Nanum Gothic'; }
	
	/* 2021/12/30 장찬우 수정 end */

    .mapArea{height:300px;}
	.mapInfo{margin-bottom:20px;}
	.mapInfo h4{height:50px;line-height:50px;font-size:17px;}
	.mapInfo > ul > li{padding:5px;float:none;width:100% !important;}
	.mapInfo > ul > li em{font-size:15px;}
	
	#container{min-height: 460px;}
	#errorWrap{margin-top:20px;}
	#errorWrap .error_top{padding:80px 0 0;font-size:17px;background-size:auto 60px;background-position:center top;}
	#errorWrap p{font-size:13px;}
	
	.viewCon .personBox,
	.viewCon .personBox .left,
	.viewCon .personBox .right{display:block;position:static;min-height:auto;height:auto;}
	.viewCon .personBox{padding:20px;}
	.viewCon .personBox .left{padding:0;margin-top:0;width:auto;text-align:center;}
	.viewCon .personBox .right{padding-left:0;border-left:none;}
	.viewCon .personBox .right:before{display:none;}
	.viewCon .personBox .img{position:static;margin:0 0 10px;width:100px;height:100px;}
	.viewCon .personBox .profile{display:block;font-size:0;}
	.viewCon .personBox .profile li{display:inline-block;position:relative;padding:0 5px;font-size:14px !important;}
	.viewCon .personBox .profile li:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#ddd;}
	.viewCon .personBox .profile li:first-child:before{display:none;}
}
@media screen and (max-width:500px){
	.modalWrap.small{top:0;left:2%;right:2%;margin-left:0;width:auto;}
	.modalWrap.active.small{top:2%;}
	.topGuide{padding:80px 20px 20px;background-position:center 15px;background-size:50px auto !important;}
	.topGuideBtn p{padding:80px 0 10px 0;background-position:center 15px;background-size:50px auto !important;}
	.forumBoardList .left .img{height:250px;}
	/* 2021/12/30 장찬우 수정 start */
	/* .ceoWrap{padding:0;}
	.ceoWrap .img{display:block;position:static;margin-bottom:20px;text-align:center;}
	.orgWrap{height:930px;background-image:url(/images/stepien/sub/bg_org_line_m2.png);background-size:100% 825px;}
	.orgWrap a span{width:100px;}
	.orgWrap .org1 > li > a{margin:0 0 0 -30px;width:60px;height:70px;line-height:70px;font-size:14px;background-size:60px 70px;}
	.orgWrap .org3.top > li.right > a > span,
	.orgWrap .org3.top .org4 > li > a > span,
	.orgWrap .org3.top .org5 li a{width:130px;}
	.orgWrap .org3.btm{margin-top:0;} */
	.orgWrap .mgb470{ margin-bottom:650px; }
	.orgWrap .mgt_m19{ margin-top:24px; }
	.orgWrap .org1 > li > a{ margin-left:-35px; width:70px; height:80px; line-height:80px; font-size:17px; }
	.orgWrap .org1 > li > a:after{ bottom:-308px; height:308px; }
	.orgWrap .org2 > li{ margin-top:15px; }
	.orgWrap .org2 > li:nth-child(1) > a:after{ top:24px; }
	.orgWrap .org2 > li:nth-child(3) > a:after{ right:-88px; width:88px; z-index:-1; }
	.orgWrap .org2 > li:nth-child(4) > a:after{ left:-88px; width:88px; z-index:-1; }
	.orgWrap .org2 > li:nth-child(2) > a:first-child:after{ z-index:-1;; }
	.orgWrap .org2 > li:nth-child(5) > a:after{ bottom:-629px; height:629px; }
	.orgWrap .org2 > li.bottomClear{ margin-bottom:36px; }
	.orgWrap a span{ width:80px; height:45px; font-size:14px; }
	.orgWrap .org3.top .leftSide{ top:415px; margin-left:-145px; width:132px; }
	.orgWrap .org3.top .leftSide:before{ top:-80px; width:80px; }
	.orgWrap .org3.top .leftSide:after{ top:-80px; height:80px; }
	.orgWrap .org3.top .leftSide .org4 > li{ width:100%; }
	.orgWrap .org3.top .leftSide .org4 .right{ padding-left:0; }
	.orgWrap .org3.top .leftSide .org5_type2 > li{ width:100%; }
	.orgWrap .org3.top .leftSide .org5{ width:100%; }
	/* 2021/12/30 장찬우 수정 end */
}
@media screen and (max-width:359px){
	#header .headerBtn{right:0;}
	.boardBtm .btn{min-width:80px;}
	.boardBtm .btn.list{margin-left:-40px;}
	.forumBoardList .left .img{height:200px;}
	.loginWrap .login{width:100%;}
	.greeting .top{padding-right:60px;}
}

/* 20230104 수정 :  s */
@media screen and (max-width:1250px){
	.orgWrap2 a span{padding:0 5px;width:220px;}
	.orgWrap2 .org2 .org5{width:222px;}
	.orgWrap2 .org2 > li.org2_5 > a > span{width:180px;}
	.orgWrap2 .org3.top{margin-top:15px;}
	.orgWrap2 .org3.top:before{left:196px;top:-100px;}
	.orgWrap2 .org3.top > li{margin-left:40px;}
	.orgWrap2 .org3.top > li:before{top:-100px;height:99px;}
	.orgWrap2 .org3.btm{margin:0;}
}
@media screen and (max-width:767px){
	.boardSearch li input[type="text"]{margin:2px 1px;}
	.boardSearch li .btnSearch{margin: 2px 0;}
	.orgSearchDesc{margin-bottom:50px;}
	.orgWrap2 a{}
	.orgWrap2 a span{width:170px;font-size:15px;font-family:'Nanum Gothic';word-break:break-word;}
	.orgWrap2 .org1 > li > a{width:100px;height:115px;line-height:115px;font-size:17px;background-size:cover;}
	.orgWrap2 .org2{margin-top:-88px;}
	.orgWrap2 .org2 > li{margin:0;}
	.orgWrap2 .org2 > li.left{text-align:left;}
	.orgWrap2 .org2 > li.right{text-align:right;}
	.orgWrap2 .org2 > li.org2_3{margin-top:15px;}
	.orgWrap2 .org2 > li.org2_4{margin:15px 0 10px;}
	.orgWrap2 .org2 .org5{float:right;padding:0;width:172px;}
	.orgWrap2 .org2 .org5 > li:after{top:12px;}
	.orgWrap2 .org3.top{margin:15px 0;}
	.orgWrap2 .org3.top:before{left:106px}
	.orgWrap2 .org3.top > li{margin-left:0;width:212px;}
	.orgWrap2 .org3.top .org4 > li a span{font-size:13px;}
	.orgWrap2 .org3.top .org4 > li > a{display:table;width:100%;}
	.orgWrap2 .org3.top .org4 > li > a > span{width:100%;font-size:14px;}
	.orgWrap2 .org3.top .org4 > li.right .org5 > li a span{font-size:13px;}
	.orgWrap2 .org3.top .org5{padding:0;width:102px;}
	.orgWrap2 .org3.top .org5 > li:after{top:12px;}
	.orgWrap2 .org3.top .org5_2 > li{padding:0;width:106px;line-height:inherit;}
	.orgWrap2 .org3.top .org5_2 > li:after{top:18px;left:11px;}
	.orgWrap2 .org3.btm{padding:25px 0;}
	.orgWrap2 .org3.btm > li{padding:0 2px;}
	.orgWrap2 .org3.btm > li:after{top:-24px;height:25px;}
	.orgWrap2 .org3.btm > li span{padding:5px 3px;height:70px;}
	.orgWrap2 .org3.btm .org4 > li > a > span{font-size:14px;}
	.orgWrap2 .org3.btm .org4 > li > a > span > em{font-size:13px;}
}
@media screen and (max-width:500px){
	.orgWrap2 a span{width:120px;height:50px;font-size:14px;}
	.orgWrap2 .org1 > li > a{width:80px;height:95px;line-height:95px;font-size:17px;}
	.orgWrap2 .org2{margin-top:-65px;}
	.orgWrap2 .org2 > li{margin:0;}
	.orgWrap2 .org2 > li.org2_1:after,
	.orgWrap2 .org2 > li.org2_3:after{top:25px;}
	.orgWrap2 .org2 > li.org2_3,
	.orgWrap2 .org2 > li.org2_4{margin:30px 0;}
	.orgWrap2 .org2 > li.org2_5 > a > span{width:140px;}
	.orgWrap2 .org2 .org5{width:122px;}
	.orgWrap2 .org2 .org5 > li a span{font-size:13px;}
	.orgWrap2 .org3.top{margin:30px 0;}
	.orgWrap2 .org3.top:before{left:66px;}
	.orgWrap2 .org3.top > li{width:132px;}
	.orgWrap2 .org3.top .org4 > li{float:none !important;padding-left:0 !important;width:auto;}
	.orgWrap2 .org3.top .org4 > li a span{width:132px;height:40px;font-size:12px;}
	.orgWrap2 .org3.top .org4 > li > a > span{font-size:13px;height:50px;}
	.orgWrap2 .org3.top .org5,
	.orgWrap2 .org3.top .org5_2 > li{width:100%;}
	.orgWrap2 .org3.top .org4 > li.right .org5 > li a span{height:35px;font-size:12px;}
	.orgWrap2 .org3.btm .org4 > li > a > span{font-size:13px;}
	.orgWrap2 .org3.btm .org4 > li > a > span > em{font-size:12px;}
}
@media screen and (max-width:380px){
	.orgWrap2 a span{width:100px;}
	.orgWrap2 .org2 .org5{width:102px;}
	.orgWrap2 .org2 > li.org2_5 > a > span{width:120px;}
}
/* 20230104 수정 :  e */