@charset "utf-8";
.photo2 li a{max-width:350px;}
.photo2 li a .img img{max-height:233px;}

#sub_default{ font-size: 16px; color: #333; word-break: keep-all; }
#sub_default h4,
.tit_txt{position:relative; clear:both; width:100%; padding:0; line-height:100%; font-size:25px; letter-spacing:-1px; color: #026191; box-sizing:border-box; margin-bottom:30px;}
#sub_default h4:before,
#sub_default h4:after{ display: none; }
@media all and (max-width: 768px) {
	#sub_default{ font-size: 15px; color: #333; }
	#sub_default h4,
	.tit_txt { font-size: 21px; margin-bottom: 20px; }
}

.grayBox { background-color: #f1f1f1; }
.summary { padding: 50px 350px 50px 100px; margin-bottom: 50px; position: relative; }
.summary:before { content: ''; display: block; width: 184px; height: 151px; background: url("/images/standing/sub/img_summary.png") center no-repeat; background-size: contain; position: absolute; right: 8.25%; top: 0; bottom: 0; margin: auto; }
.summary h3 { font-size: 25px; font-weight: 400; color: #333; margin-bottom: 30px; }
.summary p { font-weight: 100; line-height: 180%; word-break: keep-all; }
@media all and (max-width: 1024px) {
	.summary { padding: 40px 250px 40px 50px; }
	.summary:before { width: 154px; right: 6.25%; }
}
@media all and (max-width: 768px) {
	.photo2 li a{height:auto;}

	.summary { padding: 30px 30px 30px 30px; margin-bottom: 40px; }
	.summary:before { display: none; }
	.summary h3 { font-size: 21px; margin-bottom: 20px; }
}

.triangle > li{ position: relative; padding: 0 0 0 15px; font-weight: 100; box-sizing: border-box; }
.triangle > li:before { content: ''; display: block; width: 5px; height: 11px; background: url("/images/standing/sub/icon_triangle.png") center no-repeat; position: absolute; top: 5px; left: 0; }



/* 위원장인사말 */
#sub_greeting .top { background: #094e6f url("/images/standing/sub/bg_pattern.png") left top repeat; box-sizing: border-box; padding: 50px 70px; height: 271px; }
#sub_greeting .top .left { float: left; width: 30%; max-width: 360px; margin-right: 5.83%; }
#sub_greeting .top .left .img .wrap { position: relative; padding-top: 138.88%; overflow: hidden; }
#sub_greeting .top .left .img .wrap .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); }
#sub_greeting .top .left .img .wrap .centered img { position: absolute; top: 0; left: 0; width: auto; max-width: none; height: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
#sub_greeting .top .right { float: left; width: 64.17%; max-width: 700px; }
#sub_greeting .top .right .wrap { padding-top: 30px; }
#sub_greeting .top .right h3 { margin-bottom: 10px; }
#sub_greeting .top .right p { font-size: 20px; color: #fff; letter-spacing: -1px; line-height: 150%; word-break: keep-all; margin-bottom: 20px; }
#sub_greeting .longtxtwrap p span{font-size: 19px!important;}
#sub_greeting .top .right p span { display: block; }
#sub_greeting .top .right .name { color: #fff; font-size: 18px; font-weight: 200; }
#sub_greeting .top .right .name span { vertical-align: middle; margin-right: 5px; }
#sub_greeting .bottom { margin-top: 50px; }
#sub_greeting .bottom .right { float: left; width: calc(64.17% - 70px); max-width: 700px; }
#sub_greeting .bottom .wrap p { font-size: 17px; font-weight: 100; color: #404040; word-break: keep-all; margin-bottom: 30px; }
#sub_greeting .bottom .wrap p span { font-weight: 400; color: #006b51; }

#sub_greeting .top .wrap2,
#sub_greeting .bottom .wrap2 {width: 100%;max-width: none;text-align: center;}
@media all and (max-width: 1024px) {
	#sub_greeting .top { padding: 30px; }
	#sub_greeting .bottom { margin-top: 30px; }
}
@media all and (max-width: 768px) {
	#sub_greeting .top { padding: 30px; height: 325px; background-size: auto 80px; }
	#sub_greeting .top .left { width: 190px; margin-right: 20px; }
	#sub_greeting .top .right { width: calc(100% - 210px); }
	#sub_greeting .top .right .wrap { padding-top: 50px; }
	#sub_greeting .top .right p { font-size: 18px; }
	#sub_greetving .top .right p span { display: inline; }
	#sub_greeting .bottom { clear: both; margin-top: 50px; }
	#sub_greeting .bottom .right { float: none; width: 98%; max-width: none; margin: 0 auto; }

	#sub_greeting .top .wrap2 {width: 100%;}
}
@media all and (max-width: 568px) {
	#sub_greeting .top { height: auto; }
	#sub_greeting .top:after { content: ''; display: block; clear: both; }
	#sub_greeting .top .left { float: none; width: 100%; margin: 0 auto; }
	#sub_greeting .top .right { float: none; width: 100%; }
	#sub_greeting .top .right .wrap { padding-top: 20px; }
	#sub_greeting .top .right p { font-size: 16px; }
	#sub_greeting .top .right .name { font-size: 15px; }
	#sub_greeting .top .right .name img { height: 24px; }
	#sub_greeting .bottom { margin-top: 30px; }
}

/* 위원회 소개 > 위원회 소관부서 */
#sub_intro .section { background: #f8f8f8 url("/images/standing/sub/bg_pattern2.png") left top repeat; box-sizing: border-box; padding: 50px 70px; border: 1px solid #d9d9d9; }
#sub_intro .triangle > li { margin-bottom: 25px; }
#sub_intro .triangle > li:last-child { margin-bottom: 0px; }
#sub_intro .triangle li h5 { font-size: 20px; font-weight: 400; color: #333; margin-bottom: 10px; }
#sub_intro .dash > li { margin-bottom: 15px; }
#sub_intro .dash > li:last-child { margin-bottom: 0px; }
@media all and (max-width: 1024px) {
	#sub_intro .section { padding: 30px; }
}
@media all and (max-width: 768px) {
	#sub_intro .triangle li h5 { font-size: 18px; }
}
@media all and (max-width: 568px) {
	#sub_intro .triangle li h5 { font-size: 17px; }
}

/* 위원회구성 */
#sub_active{overflow:hidden; width:100%;}
.profile{float:left; width:48%; margin:0 0 36px 0; padding:19px 0 0 0; border:1px solid #d2d2d2; box-sizing:border-box;}
.profile.none{float:right;}
.profile dl{float:left; width:100%;}
.profile dt{float:left; width:119px; padding:0 0 20px 19px;}
.profile dt img{width:119px;}
.profile dd{float:left; width:70%; min-height:235px; padding:0 0 0 25px;}
.profile dd .name{display:block; padding:0 0 12px 0; font-size:20px; font-weight:bold;}
.profile dd li{padding:0 0 4px 7px; line-height:135%;}
.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li em{width:68px; white-space:pre;}
.profile dd li span{width:70%; word-break:break-all;}
.profile .btns{clear:both; overflow:hidden; width:100%; min-height:0; padding:0; border-top:1px solid #d9d9d9;}
.profile .btns a{position:relative; float:left; width:60%; height:40px; line-height:40px; font-weight:bold; color:#5182c7; background:#fafafa; text-align:center; text-decoration:none; box-sizing:border-box;}
.profile .btns a:first-child{width:40%; color:#5d5d5d; border-right:1px solid #d9d9d9;}
.profile .btns a:before{content:''; display:inline-block; width:16px; height:15px; margin:13px 5px 0 0; background:url(/images/kr/member/ico_b_home.png) no-repeat; vertical-align:top;}
.profile .btns a:first-child:before{width:22px; background:url(/images/kr/member/ico_profile.gif) no-repeat;}
.profile .sns{float:left; padding:5px 0 20px 0;}
.profile .sns a{float:left; width:28px; height:27px; margin:0 4px 0 0; font-size:0; text-indent:-9999px; background:#4db2f3 url(/images/common/ico_sns.png) no-repeat -26px 5px;}
.profile .sns .home{background:#7c48ab url(/images/kr/member/ico_w_home.png) no-repeat 6px 5px;}
.profile .sns .fb{background-color:#254da9; background-position:9px 5px;}
.profile .sns .insta{background-color:#c536a4; background-position:-28px 5px;}
.profile .sns .youtube{background-color:#e00000; background-position:-66px 5px;}
.profile .sns .tw{background-color:#2be2fd; background-position:-101px 5px;}
.profile .sns .bl{background-color:#24c000; background-position:-144px 5px;}
.profile .sns .kko{background-color:#fbc000; background-position:-181px 5px;}
.profile .sns .off{background-color:#aaa;}
.profile:nth-child(6){float:right;}
.profile:nth-child(7){float:left;}
.profile:nth-child(8){float:right;}

@media all and (max-width:1220px){
    .profile{width:48%; margin:0 0 2em 0;}
	.profile dt{width:38%; max-width:155px; padding-left:0; text-align:center;}
	.profile dt img{width:85%; max-width:119px; height:auto;}
	.profile dd{width:62%; padding:0;}
	.profile dd ul{width:100%;}
	.profile dd ul li{width:97%;}
	.profile dd li span{width:68%;}
}
@media all and (max-width:1100px) {
	.profile dd{min-height:256px;}
	.profile dd li span{width:62%;}
	.profile dd li em{width:65px;}
}
@media all and (max-width:660px) {
	.profile{overflow:hidden; width:100%; height:auto; margin:0 0 18px 0; padding:1em 0 0 0;}
	.profile dd{min-height:0;}
	.profile .btns a.end:before{left:5%;}
}
@media all and (max-width:568px){
	.profile dd li em{width:58px;}
}
@media all and (max-width:400px) {
	.profile dd li em{width:55px;}
}