@charset "utf-8";

/* 서브페이지 기본 세팅 s */
.contents * {line-height:140%}

ol.basic { margin-top:20px;}
ol.basic > li {list-style-type:decimal; margin-left:17px;  border-bottom: 1px dashed #ddd;  padding:7px 0 7px 10px;}
ol.basic > li > ul { margin-top:5px; color:#000; margin-bottom:5px;}
ol.basic > li > ul li {  padding:0 0 0 10px;}
.finish { margin-top:70px; margin-bottom:120px;}


ul.basic {font-family: 'Noto Sans KR', sans-serif;}
ul.basic li{padding-left: 10px; position: relative; margin-bottom: 5px; line-height: 150%; word-break: keep-all;}
ul.basic li:last-child {margin-bottom: 0;}
ul.basic li:before {width: 2px; height: 2px; position: absolute; background-color: #333; content: ""; top: 12px; left: 0;}

h3, .h3 { word-break: keep-all; margin-top:35px; color:#005383; font-size:26px; font-weight: 400; vertical-align: middle; letter-spacing: -1px; position: relative; padding-left: 34px; line-height: 140%;}
h3::before, .h3::before { content:''; display: inline-block; width:22px; height:22px;  background:url("/resources/img/sub/h3_ico.png") center no-repeat; vertical-align: middle; position: absolute; left:0; top:8px;}
h4, .h4 { word-break: keep-all; margin-top:25px;  font-size:20px; font-weight: 500;line-height: 140%;}
.c0 { margin-top: 0;}
.h3box { position: relative; margin-top:55px;}
.h3box h3, .h3box h4 { display: inline-block; margin-top: 0;}
.h3box::after {clear: both;  content: ''; display: block;}
p.basic { margin-top: 10px;}
p.basic.c0 {margin-top: 0;}


select { border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
button {/* width: 100%; height: 100%; */ background: none; border: none; cursor: pointer;}

table.basic thead th {background-color: #ececec;}
table.basic tbody th {background-color: #f6f6f6;}
table.basic tbody th.th {background-color: #ececec;}
table.basic tbody td.th {background-color: #f6f6f6;}

/* flicking */
.f_wrapper { border-radius:10px; width:100%; margin-top: 40px;}
.f_wrapper .f_wrapper_inner {overflow:auto; -webkit-overflow-scrolling: touch; overflow-y: hidden;}
.f_wrapper .touch { display:none; background:url("/resources/img/common/ico_flicking.png") left 3px top -2px no-repeat; height:27px; background-size:contain; padding:0 0 0 36px; line-height:27px; margin-bottom:10px;}
.f_scroller {display:block; height:100%; padding:0; width:100%; text-align:left;}
.f_wrapper .list_table,.f_wrapper .colum_table { margin-top:20px;}
.flicking {min-width: 900px !important;}
.line_dot { border-bottom: 1px dotted #ddd; display: block; margin: 20px 0 10px;}
.c_box { word-break: keep-all; margin-top:20px; width:100%; height: 100%; padding:20px 30px; box-sizing: border-box; border:3px solid #ddd; position: relative;} 


/*라디오*/
input[type=radio] { display:none; }
input[type=radio] + label {display: inline-block; cursor: pointer; line-height: 18px; padding-left: 27px; background: url("/resources/img/sub/rd_off.png") left/18px no-repeat; margin-right: 10px;}
input[type=radio]:checked + label { background-image: url("/resources/img/sub/rd.png"); }
/*체크박스*/
input[type=checkbox] { /*display:none;*/ }
input[type=checkbox] + label {display: inline-block; cursor: pointer; line-height: 18px; padding-left: 27px; background: url("/resources/img/sub/chk_off.jpg") left/18px no-repeat;}
input[type=checkbox]:checked + label { background-image: url("/resources/img/sub/chk.jpg"); }


table.basic {background-color: #fff; border-bottom: 1px solid #ddd; width: 100%; border-right:1px solid #ddd;  border-left: 1px solid #ddd; table-layout: fixed;font-family: 'Noto Sans KR', sans-serif; font-weight: 300; min-width: 1024px;}
table.basic th, table.basic td {border-top: 1px solid #ddd; border-right: 1px solid #ddd; width: 30%; padding: 10px 10px; text-align: center; font-weight: 300; vertical-align: middle; word-break: break-all; white-space: normal;}
table.basic td:last-child {width: 30%;}
table.basic td:last-child {border-right: none;}
table.basic img {width: 100%;}
/* 서브페이지 기본 세팅 e */

#container.sub {overflow: hidden; position: relative;}


.sub_vis {width: 100%; height: 300px; position: relative; background: url("/resources/img/sub/sub_vis01.jpg")no-repeat center/cover;}
.sub_vis02 {background: url("/resources/img/sub/sub_vis02.jpg")no-repeat center/cover;}
.sub_vis03 {background: url("/resources/img/sub/sub_vis03.jpg")no-repeat center/cover;}
.sub_vis04 {background: url("/resources/img/sub/sub_vis04.jpg")no-repeat center/cover;}
.sub_vis05 {background: url("/resources/img/sub/sub_vis05.jpg")no-repeat center/cover;}
.sub_vis06 {background: url("/resources/img/sub/sub_vis06.jpg")no-repeat center/cover;}
.sub_vis h2 {color: #fff; position: absolute; top: 66%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; width: 100%;}
.sub_vis h2 .en_tit { font-weight: 600; letter-spacing: 8px;}
.sub_vis h2 .tit {font-size: 35px; font-weight: 600; margin-top: 10px;letter-spacing: 7px; display:block;}


/*.lnb {height:65px; z-index:1; position: absolute; left:50%; transform: translateX(-50%); top: 300px; font-size: 17px; box-sizing: border-box;width: 100%; margin: 0 auto; max-width: 1100px; }
.lnb::after{content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:1px; width:1920px; background:#28407e;}
.lnb div {float: left;}
.lnb .home {width: 65px; height: 100%; background: #28407e url("/resources/img/common/home_ico.png")no-repeat center;}
.lnb .home a {display: inline-block; width: 100%; height: 100%; text-indent: -9999px;}
.lnb .depth1_name { min-width:140px; display: table; height: 100%;  box-sizing: border-box; border-bottom: 4px solid #28407e;}
.lnb .depth1_name span {color: #333; font-size: 18px; display: table-cell;vertical-align: middle; padding:0 30px; text-align: center; width: 100%; height: 100%; box-sizing: border-box; font-weight: 500;}
.lnb .lnb_menu { display: inline-block;  box-sizing: border-box; max-width: 200px; width: 100%; position: relative; z-index: 1; vertical-align: middle;}
.lnb .lnb_menu .lnb_title {padding: 24px 0; padding-left:26px; display: block; font-size:17px; cursor: pointer; }
.lnb .lnb_menu ul { border-top: none; border-bottom: none;box-sizing: border-box; width:100%; display: none; position: absolute; left:0;}
.lnb .lnb_menu li {  box-sizing: border-box; }
.lnb .lnb_menu li a { font-size: 15px; transition: .3s ease; color: #28407e; box-sizing: border-box; display: block; padding: 10px 20px; width: 100%; border: 1px solid #28407e; border-top: 0; background: #fff; }
.lnb .lnb_menu li a:hover, .lnb .lnb_menu li.on a {background-color: #28407e; color: #fff;}
.lnb .lnb_menu li a span { }
.lnb .lnb_menu li.on a span {vertical-align: middle; display: table-cell; transform: skew(-0.03deg);}

.lnb .lnb_menu .more_btn {width: 18px; height: 10px; background: url("/resources/img/sub/lnb_ico.png")no-repeat left 0px bottom 0px; position: absolute; top: 50%; right: 10px; text-indent: -99999px; transform: translateY(-50%); cursor: pointer; transition: all .3s ease-in-out;}
.lnb_menu .more_btn.more_add { transform: translateY(-50%) rotate(-180deg); top: 45%;}*/
.lnb {height: 72px;  background-color: #fff; font-size: 17px;  font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box;width: 100%; margin: 0 auto; position: relative; border-bottom: 1px solid #28407e;  }
/* .lnb::before { content:''; display:inline-block; width:100%; position:absolute; left:0; width:100%; height:72px;box-sizing:border-box;} */

.lnb .home { float: left; vertical-align:top;width: 85px; position:relative; top:-13px; height: 85px; background: #28407e url("/resources/img/common/home_ico.png")no-repeat center;}
.lnb .home a {display: inline-block; width: 100%; height: 100%; text-indent: -9999px;}
.lnb_menu { display: none;  font-size: 0;    height: 100%; vertical-align: text-bottom;  height: 200px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;}
.lnb_menu li{min-width:116px; border-right:1px solid #ddd;  height:72px;display: inline-block; font-size: 16px;}
/*.lnb_menu li.on{transition: .3s ease; border-bottom: 5px solid #28407e; box-sizing: border-box;}*/
.lnb_menu li:first-child{transition: .3s ease; border-bottom: 5px solid #28407e; box-sizing: border-box;}
.lnb_menu li:first-child a::before{display: none;}
.lnb_menu li a { width:100%; text-align:center; box-sizing:border-box; padding:0 15px; display: table; height:100%; position:relative;}
.lnb_menu li a::before { transition: .3s ease; width:0%; content:''; display:inline-block; height:5px; background:#28407e; bottom:0; position:absolute; left:0;}
.lnb_menu li a:hover::before { width:100%;}
.lnb_menu li a.on::before { width:100%; }
.lnb_menu li a > span { display: table-cell; vertical-align: middle;}
.lnb_menu li a:hover span { font-weight: 500; color:#28407e;}

.mb_lnb_tit {  position:relative; display:none; cursor:pointer;  font-size:17px; padding:23px 0 23px 20px; box-sizing: border-box; }
.mb_lnb_tit::before { transition:.3s ease; content:''; position:absolute; right:0; width:30px; height:25px; background:url("/resources/img/common/mobile_lnb_btn.png") center no-repeat;  display:inline-block;}
.mb_lnb_tit.open::before { transform:rotate(-180deg)}
.depth_w100 { width:100%; height:auto;top:72px; max-width:none; position: absolute;z-index: 1; left:0;}
.depth_w100 ul { position:absolute;  width:100%; z-index:1; display:none;}
.depth_w100 li { box-sizing:border-box; background:#fff;  border:1px solid #ddd; border-top:0; width:100% !important; }
.depth_w100 li.on {background:#eee !important; color:#28407e !important; border-bottom: 0;}
.depth_w100 li:first-child{display: none;}


/*한국사회적일자리개발원 sub s*/
/*info s*/
    /*sec1*/
.info .sec1{margin-bottom: 100px; margin-top: 50px;}
.info .sec1_cont .img_wrap{float: left; width: 50%; height: 670px; background: url(/resources/img/sub/info_sec1_img.jpg) no-repeat top center/cover;}
.info .sec1_cont .txt_wrap{float: right; width: 48%; word-break: keep-all;}
.info .sec1_cont .tw_tit{margin:0 0 20px 50px;}
.info .sec1_cont .tw_tit p{font-size: 37px; color: #333; display: block; font-weight: 200;}
.info .big{font-size: 46px;}
.info .sec1_cont .tw_tit p:first-child{position: relative;}
.info .sec1_cont .tw_tit p:last-child{padding-left: 110px;}
.info .sec1_cont .tw_tit p .up_txt{display: inline-block; position: absolute; top: 4px; left:130px;}
.info .sec1_cont .tw_txt p{line-height: 1.6; margin-bottom: 15px;}
.info .sec1_cont .tw_txt p:last-child{margin-bottom: 0; font-size:22px;}
.info .sec1_cont .tw_txt p:last-child > span{font-size: 30px;}
    /*sec2*/
.info .sec2{background: #f7f7f7; width: 100%; padding: 70px 0 70px 0;}
.info .sec2_cont{display: flex; align-items: center; word-break: keep-all;}
.info .sec2_cont .txt_wrap{width: 60%; padding: 0 15px 0 30px; line-height: 1.6;}
.info .sec2_cont .img_wrap{position: relative; width: 35.9%; box-sizing: border-box;}
.info .sec2_cont .img_wrap img{width: 100%;}
    /*sec3*/
.info .sec3{padding: 70px 0 70px 0;}
.info .sec3_cont{margin-top: 40px;}
.info .sec3_cont img{display: block; margin: 0 auto; width: auto; max-width: 100%;}
.info .sec3_cont .m_img{display: none;}
    /*sec4*/
.info .sec4{background: #f7f7f7; width: 100%; padding: 50px 0 50px 0;}
.info .sec4_cont{display: flex; align-items: center; word-break: keep-all;}
.info .sec4_cont .txt_wrap{width: 80%; padding: 0 15px 0 30px; line-height: 1.6;}
.info .sec4_cont .img_wrap{width: 17%;}
.info .sec4_cont .img_wrap img{width: 100%;}
/*info e*/

/*loc s*/
    /*sec1*/
.loc .sec1 .map {margin-top: 50px; height: 450px; width: 100%; position: relative;}
.loc .sec1 .map iframe {width: 100%; height: 100%;}
    /*sec2*/
.loc .sec2{margin-bottom: 100px;}
.loc .sec2 .inform {margin-top: 50px; border-top: 5px solid #28407e;}
.loc .sec2 .inform .cont_box .h4 {margin-bottom: 20px;}
.loc .sec2 .inform .cont_wrap {width: 50%;}
.loc .sec2 .inform .cont_box{padding: 40px;}
.loc .sec2 .inform .cw1 {float: left;}
.loc .sec2 .inform .cw2 {float: right; background-color: #fafafa;}
.loc .sec2 .inform .cont_box div {margin-bottom: 20px;}
.loc .sec2 .inform .cont_box div:last-child {margin-top: 0;}
.loc .sec2 .cont {width: 100%;}
.loc .sec2 .cont span {display: inline-block;}
.loc .sec2 .cont .tit {font-weight: 400; width: 20%;}
.loc .sec2 .way { width: 100%; padding: 30px 40px 30px 40px; border-top: 2px dashed #ddd; box-sizing: border-box;}
.loc .sec2 .way .cont .txt{line-height: 1.7;}
.loc .sec2 .way2{border-bottom: 1px solid #ddd;}
/*loc e*/

/*busi1 s*/
.busi1{word-break: keep-all; margin-top: 50px;}
    /*sec1*/
.busi1 .sec1{margin-bottom: 70px;}
.busi1 .sec1_img{background: #ddd; width: 100%; height: 450px; overflow: hidden;}
.busi1 .sec1_img img{width: 100%;}
.busi1 .sec1_txt{text-align: center; width:80%; line-height: 1.5; color: #333; margin: 40px auto 40px auto;}
.busi1 .sec1_txt p{margin-top: 30px; display: block;}
    /*sec2*/
.busi1 .sec2{background: #f7f7f7; padding: 30px 0 15px 0;}
.busi1 .sec2_cont{margin:60px auto 70px auto;}
.busi1 .sec2_cont ul{margin-top: 50px;}
.busi1 .sec2_cont li{float: left; width: 23.5%; margin-right:2%; position: relative;}
.busi1 .sec2_cont li:last-child{margin-right: 0;}
.busi1 .sec2_cont li > img{width: 100%;}
.busi1 .sec2_cont li .txt {position: absolute; bottom: 0; width: 100%; height:80px; background:rgba(40,64,126,.85);  color: #fff; text-align: center; padding-top: 16px; box-sizing: border-box; line-height: 160%}
.busi1 .sec2_cont li .num{position: absolute; top:-20px; width:35px; height: 35px;border-radius: 50px; display: inline-block; border:3px solid #28407e; background: #fff; z-index: 1; left:20px; box-sizing: border-box; color: #28407e; font-weight:bold; text-align: center; padding-top: 4px;}
/*busi1 e*/

/*busi2 s*/
.busi2{word-break: keep-all;}
.busi2 .sec{margin-bottom: 70px;}
.busi2 .sec:last-child{margin-bottom: 0;}
    /*sec1*/
.busi2 .sec1{margin-bottom: 70px; margin-top: 50px;}
.busi2 .sec1_cont{margin-top: 30px;}
.busi2 .sec1_cont .cont { padding: 30px 0; box-sizing: border-box; border-bottom: 2px dashed #ddd; display: flex; align-items: center;  width: 50%; float: left;}
.busi2 .sec1_cont .cont:last-child{border-bottom: 0;}
.busi2 .sec1_cont .cont .txt {font-size: 18px; font-weight: 500;  color: #28407e;}
.busi2 .sec1_cont .cont .ico {width: 67px; height: 60px; margin-right: 3%;}
.busi2 .sec1_cont .ct1 .ico{background: url(/resources/img/sub/busi2_sec1_ico1.png) no-repeat top center;}
.busi2 .sec1_cont .ct2 .ico{background: url(/resources/img/sub/busi2_sec1_ico2.png) no-repeat top center;}
.busi2 .sec1_cont .ct3 .ico{background: url(/resources/img/sub/busi2_sec1_ico3.png) no-repeat top center;}
.busi2 .sec1_cont .ct4 .ico{background: url(/resources/img/sub/busi2_sec1_ico4.png) no-repeat top center;}
.busi2 .sec1_cont .ct5 .ico{background: url(/resources/img/sub/busi2_sec1_ico5.png) no-repeat top center;}
    /*sec2*/
.busi2 .sec2{background: #f7f7f7; padding: 70px 0 70px 0;}
.busi2 .sec2_cont{border: 1px solid #ddd; padding: 20px; margin-top: 20px; background: #fff;}
    /*sec3*/
.busi2 .sec3_cont{border: 1px solid #ddd; padding: 20px; margin-top: 20px; background: #fff;}
    /*sec4*/
.busi2 .sec4{background: #f7f7f7; padding: 70px 0 70px 0;}
.busi2 .sec4_cont .sec4_img{width: 80%; margin: 0 auto; background: #fff; border: 1px solid #ddd; padding: 20px; box-sizing: border-box;}
.busi2 .sec4_cont .sec4_img img{width: 100%;}
.busi2 .sec4_cont .sec4_txt{margin-top: 30px; padding-left: 100px;}
.busi2 .sec4_cont .sec4_txt li:first-child .colored{color: #f09328;}
.busi2 .sec4_cont .sec4_txt li:nth-child(2) .colored{color: #40b14f;}
.busi2 .sec4_cont .sec4_txt li:nth-child(3) .colored{color: #508ac5;}
.busi2 .sec4_cont .sec4_txt li:last-child .colored{color: #818286;}
/*busi2 e*/

/*donate s*/
.donate{word-break: keep-all; padding-top: 70px;}
.donate .sec{margin-bottom: 70px;}
.donate .sec:last-child{margin-bottom: 0px;}
    /*sec1*/
.donate .sec1{padding-top:50px;}
.donate .sec1_cont{border: 1px solid #ddd; padding: 20px; background: #fff;}
    /*sec2*/
.donate .sec2_cont .box{float: left; width: 50%; border-top: 5px solid #28407e; background: #fff; box-sizing: border-box; padding: 30px; border-bottom: 2px dashed #ddd;}
.donate .sec2_cont .box:last-child{background: #f7f7f7;}
.donate .sec2_cont .box .cont{margin-bottom: 15px; color: #333;}
.donate .sec2_cont .box .cont:last-child{margin-bottom: 0px;}
.donate .sec2_cont .box .cont span{display: inline-block;}
.donate .sec2_cont .box .cont .tit{font-weight: 400; width: 20%;}
    /*sec3*/
.donate .sec3{background: #f7f7f7; padding: 70px 0 70px 0;}
.donate .sec3_cont .cont{float: left; width: 31.8%; margin-right: 2%; border: 1px solid #ddd; background: #fff; text-align: center; padding: 20px 0 15px 0; box-sizing: border-box;}
.donate .sec3_cont .cont:last-child{margin-right: 0;}
.donate .sec3_cont .cont .ico{width: 67px; height: 60px; background:url(/resources/img/sub/donate_ico.png)no-repeat top center; margin: 0 auto;}
.donate .sec3_cont .cont .txt{color: #333; margin:10px 0 15px 0;}
.donate .sec3_cont .cont a{display: block; border: 1px solid #28407e; color: #28407e; width: 140px; height: 35px; line-height: 35px; box-sizing: border-box; margin: 0 auto; font-size: 15px; transition: .3s ease;}
.donate .sec3_cont .cont a:hover{background: #28407e; color: #fff; transition: .3s ease;}
/*donate e*/

/*product s*/
.g2b{margin: 50px 0 70px 0;}
.g2b ul{border: 1px solid #ddd; padding: 20px;}
.pd .box{margin-bottom: 70px;}
.pd .box .cont .img_wrap{float: left; width: 32%; margin-right: 2%;}
.pd .box .cont .img_wrap img{width: 100%;}
.pd .box .cont .img_wrap:last-child{margin-right: 0;}
    /*pd1 */
.pd1{word-break: keep-all;}
.pd1 .sec{margin-bottom: 70px; margin-top: 50px;}
.pd1 .sec_wrap{display: flex; align-items: center; padding-bottom: 70px; padding-top: 50px;}
.pd1 .sec:last-child .sec_wrap{padding-bottom: 0;}
.pd1 .sec .sec_img{width: 38%; float: left; margin-right: 8%;}
.pd1 .sec .sec_img img{width: 100%;}
.pd1 .sec .sec_cont{width: 54%;}
.pd1 .sec .sec_tit{padding-bottom: 30px;}
.pd1 .sec .sec_tit .sec_txt{width: 100%;  box-sizing: border-box;}

.tg{width: 100%; margin-top: 30px;}
.tg tbody{border-top: 2px solid #28407e; }
.tg tr td{border-bottom: 1px solid #ddd;}
.tg tr td:first-child{overflow:hidden;padding:10px 5px; width: 30%; border-right: 1px solid #ddd; background: #f7f7f7; text-align: center; font-weight: 500;}
.tg tr td:last-child{overflow:hidden;padding:10px 20px; width: 70%; font-size: 15px;}
.tg tr td.tr1{background: #fff; overflow:hidden;padding:10px 20px; width: 70%; font-size: 15px; text-align: left; font-weight: 300; border-right: 0;}
.tg tr td a:hover{text-decoration: underline;}
.tg tr td span{width: 15px; height: 15px; background: url(/resources/img/sub/baro.png) no-repeat top center/cover; vertical-align: middle; display: inline-block;}

    /*pd2*/
.pd2 .box{padding: 70px 0 70px 0;}
.pd2 .box:first-child{padding-top: 0;}
.pd2 .box:nth-child(2n){background:#f7f7f7; padding: 70px 0 70px 0;}
.pd2 .box .cont{display: flex; align-items: center; box-sizing: border-box; margin-top: 30px;}
.pd2 .box .cont .img_wrap{width: 210px; box-sizing: border-box;}
.pd2 .box .cont .img_wrap img{width: 100%;}
.pd2 .box .cont .cont_wrap{width: calc(100% - 210px); padding-left: 5%;}
.pd2 .box .cont .cont_wrap ul{width: 100%; display: flex; flex-wrap: wrap;}
.pd2 .box .cont .cont_wrap ul li{width: 48%; margin-right: 2%; box-sizing: border-box;}
    /*pd6*/
.pd .box .cont .img_wrap{margin-bottom: 2%;}
.pd .box .cont .img_wrap:last-child,.pd .box .cont .img_wrap:nth-child(3n){margin-right: 0;}

/*product e*/


/*한국사회적일자리개발원 sub e*/


/*contents e*/

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

@media screen and (max-width:1100px){
    .lnb_menu li { height:auto;}
    .lnb_menu li a {padding:15px 0;}
    .lnb_menu li a::before {display: none;}
    .mb_lnb_tit { display: inline-block; width:calc(100% - 85px) }
}
@media screen and (max-width:1024px){
    /*loc*/
    .loc .sec2 .inform .cont span {display: block;}
    
}
@media screen and (max-width:900px){
    /* flicking */
    .f_wrapper .touch { display:block; }
    .f_scroller { width:900px; padding:4px}
    /*info*/
    .info .sec1_cont .img_wrap{float: none; width: 100%; height: 470px; background: url(/resources/img/sub/info_sec1_img.jpg) no-repeat top 31% center/cover;}
    .info .sec1_cont .txt_wrap{float: none; width: 100%;}
    .info .sec1_cont .tw_txt p:last-child{text-align: right;}
    .info .sec1_cont .tw_tit{margin-top: 15px;}
    /*busi1*/
    .busi1 .sec1_txt{width: 100%;}
    .busi1 .sec2_cont li{width: 48%; margin-bottom: 5%;}
    .busi1 .sec2_cont li:nth-child(2){margin-right: 0;}
    /*donate*/
    .donate .sec2_cont .box{padding: 20px;}
    
}

@media screen and (max-width:768px){
/*    .lnb { border:none; border-bottom:1px solid #ddd; left: 0; transform: none;}
    .lnb .home { display:none;}
    .lnb .depth1_name {display:none;}
    .lnb .lnb_menu {min-width:100%; width:100%; border-right:none;}*/
    lnb{height: auto;}
    .lnb .home  {display: none;}
    .mb_lnb_tit { display: inline-block; width:100%; }
    
    .member_content.fullwidth {padding: 30px 35px;}
    h3, .h3 {font-size: 22px;}
    h4, .h4 {font-size: 19px;}
    /*info*/
    .info .sec1_cont .img_wrap{height: 300px; background: url(/resources/img/sub/info_sec1_img.jpg) no-repeat top 27% center/cover;}
    .info .sec1_cont .tw_tit p{font-size: 30px;}
    .info .big{font-size: 36px;}
    .info .sec1_cont .tw_tit p .up_txt{left: 105px;}
    .info .sec1_cont .tw_tit{margin-left: 0;}
    /*loc*/
    .loc .sec2 .inform .cont_wrap{width: 100%;}
    .loc .sec2 .inform .cw2{border-top: 1px solid #ddd;}
    /*busi1*/
    .busi1 .sec1_img{height: 330px;}
    /*busi2*/
    .busi2 .sec1_cont .cont{width: 100%; float: none;}
    .busi2 .sec4_cont .sec4_img{width: 100%;}
    .busi2 .sec4_cont .sec4_txt{padding-left: 0; margin-top: 15px;}
    /*donate*/
    .donate .sec2_cont .box{width: 100%; display: block;}
    .donate .sec2_cont .box:first-child{border-bottom: 0;}
    .donate .sec3_cont .cont{display: block; width: 100%; margin-right: 0; margin-bottom: 2%;}
    .donate .sec3_cont .cont:last-child{margin-bottom: 0%;}
    /*pd1*/
    .pd1 .sec_wrap{display: block; padding-top: 0;}
    .pd1 .sec .sec_img{width: 100%; margin: 0 0 7% 0;}
    .pd1 .sec .sec_cont{width: 100%;}
    .tg{margin-top: 15px;}
    /*pd2*/
    .pd2 .box .cont .img_wrap{width: 40%; height: auto;}
    .pd2 .box .cont .cont_wrap{width: 50%; padding-left: 10%;}
    .pd2 .box .cont .cont_wrap ul{display: block;}
    .pd2 .box .cont .cont_wrap ul li{width: 100%;margin-right: 0;}

}

@media screen and (max-width:650px){
    /*info*/
    .info .sec2_cont{display: block;}
    .info .sec2_cont .txt_wrap{width:100%; padding:0 0 30px 0;}
    .info .sec2_cont .img_wrap{width: 100%; margin: 0 auto;}
    .info .sec3_cont img{display: none;}
    .info .sec3_cont .m_img{display: block;}
    .info .sec4_cont{flex-direction: column-reverse;}
    .info .sec4_cont .txt_wrap{width: 100%; padding: 30px 0 0 0;}
    .info .sec4_cont .img_wrap{width: 30%;}
    /*busi2*/ 
    .busi2 .sec1_cont .cont{display: block; text-align: center;}
    .busi2 .sec1_cont .cont .ico{margin: 0 auto;}
    .busi2 .sec1_cont .cont .txt{margin-top: 15px;}
}

@media screen and (max-width:550px){
    /*busi1*/
    .busi1 .sec1_img{height: 200px;}
    /*donate*/
    .donate .sec2_cont .box .cont span{display: block;}

}

@media screen and (max-width:500px){
    /*busi1*/
    .busi1 .sec2_cont li{width: 100%; margin-bottom: 10%;}
    /*pd1*/
    .tg tr td:first-child{width: 40%;}
    .tg tr td:last-child{width: 60%;}
    /*pd2*/
    .pd2 .box .cont{display: block;}
    .pd2 .box .cont .img_wrap{width: 100%; border: 1px solid #ddd;}
    .pd2 .box .cont .cont_wrap{width: 100%; padding-left: 0; padding-top: 20px;}

}