@charset "utf-8";

/* 서브공통 */
#container_sub {margin-top: 115px;}
@media all and (max-width:1024px) {
    #container_sub {margin-top: 75px;}
}

/* 위원회소개 */

#sub_intro .tit {
    font-family: "gmarket_bold";
    font-size: 30px;
    line-height: 1.3;
    padding: 30px 60px 40px;
    position: relative;
	width: auto;
	display: inline-block;
}
#sub_intro .tit::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -10px;
    width: 100px;
    height: 62px;
    background: url("../../images/committee/sub/bg_tit.png") center /contain no-repeat;
    z-index: -1;
}
#sub_intro .tit > span {display: inline-block;}
#sub_intro .tit strong {
    font-size: 38px;
    display: block;
    position: relative;
}
#sub_intro .tit strong::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -17px;
    right: -90px;
    width: 100px;
    height: 62px;
    background: url("../../images/committee/sub/bg_tit.png") center/contain no-repeat;
    z-index: -1;
    transform: rotate(180deg);
}
#sub_intro .tit strong span {
    color: #1f4d7a;
}

#sub_intro {position: relative;}
#sub_intro::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 276px;
    height: 106px;
    background: url("../../images/committee/sub/bg_sub.png") center / contain no-repeat;
    z-index: -2;
}
#sub_intro div.txt {font-size: 17px; font-family: "score_300"; color: #333; margin-top: 45px; position: relative;}
#sub_intro div.txt p {margin-bottom: 30px; line-height: 1.7;}
#sub_intro div.txt:before {
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #4B80A1 0%, #5D6061 100%);
}
#sub_intro .his{position:relative; padding:8px 0 6px 0; font-size:17px;}
#sub_intro .his:before{content:''; position:absolute; top:0; left:6.2px; width:4px; height:100%; background-color:#e0e0e0;}
#sub_intro .his>li{position:relative; z-index:1; display:flex; align-items:flex-start; color:#000;}
#sub_intro .his>li:not(:last-child){margin:0 0 12px 0;}
#sub_intro .his>li:before{content:''; width:17px; height:17px; margin:5px 20px 0 0; box-sizing:border-box; border:3px solid #fff; border-radius:50%; background-color:#16908a;}
#sub_intro .his>li>strong{flex:0 0 134px; font-size:20px; color:#066062;}
#sub_intro .his>li small{display:block; font-size:16px; color:#666;}

#sub_intro .txt_box {margin-top: 50px;}
#sub_intro .dot>li {padding: 0 0 15px 15px;}

@media all and (max-width:1280px) {
    #sub_intro .tit {padding: 30px 0;}
    #sub_intro .tit::before {width: 70px;}
    #sub_intro .tit strong::after {width: 70px; right: 0;}
    #sub_intro::after {width: 230px;}
}
@media all and (max-width:1024px) {
    #subContent {padding: 30px;}
}
@media all and (max-width:980px) {
    #sub_intro .tit {font-size: 28px;}
    #sub_intro .tit strong {font-size: 34px;}
    #sub_intro .txt {font-size: 16px;}
}
@media all and (max-width:768px) {
    #pageInfo {margin: 0;}
}
@media all and (max-width:680px) {
    #sub_intro .tit {font-size: 25px;}
    #sub_intro .tit strong {font-size: 30px;}
}
@media all and (max-width:580px) {
    #sub_intro .tit {font-size: 20px;}
    #sub_intro .tit strong {font-size: 23px; word-break: keep-all;}
    #sub_intro .tit::before {width: 50px;}
    #sub_intro .tit strong::after {width: 50px;}
    #sub_intro .txt {font-size: 15px;}

    #sub_intro .tit{margin:0 0 15px 0; font-size:20px;}
	#sub_intro .tit>strong{font-size:24px;}
}
@media all and (max-width:480px) {
    #sub_intro .tit strong {width: 60%;}

    #sub_intro .his>li{flex-wrap:wrap;}
	#sub_intro .his>li:before{margin:3px 5px 0 0;}
	#sub_intro .his>li>span{flex:0 0 100%; padding:3px 0 0 22px;}
}
/* 위원소개 */
.profile{float:left; width:47.8%; margin:0 0 34px 0; padding:30px 0 0 0; color:#333; border-radius:10px; border:1px solid rgba(41,46,68,0.15); box-sizing:border-box;}
.profile:hover{border-color:rgba(41,46,68,0.5);}
.profile.none{float:right;}
.profile dl{position:relative; float:left; width:100%; padding:0 0 0 41.9%; box-sizing:border-box;}
.profile dt{position: absolute; top:0; left:7.7%;}
.profile dt img{max-width:140px; border:1px solid #e5e5e5;}
.profile dd{float:left; width:100%; min-height:180px;}
.profile .name {overflow:hidden; width:100%; padding:8px 0 20px 0;}
.profile .name strong{float:left; display:block; line-height:30px; font-size:27px; font-weight:900; color:#000; letter-spacing:-2px;}
.profile dd ul{clear:both; width:100%;}
.profile dd li{position:relative; padding:0 0 8px 87px; line-height:135%; box-sizing:border-box;}
.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li:before{left:3px; top:7px; width:5px; height:5px; background:#d5525e;}
.profile dd li em{position:absolute; top:0; left:14px; width:85px; letter-spacing:2px;}
.profile dd li:first-child em{letter-spacing:13px;}
.profile dd li:nth-child(3) em{letter-spacing:0;}
.profile dd li span{width:100%; word-break:break-all;}
.profile dd li .colon{position:absolute; top:0; left:75px; width:auto;}
.profile .btns{clear:both; overflow:hidden; width:100%; min-height:0; padding:0;}
.profile .btns a{position:relative; float:left; width:50%; height:60px; line-height:60px; font-weight:400; border-top:1px solid rgba(41,46,68,0.1); border-right:1px solid rgba(41,46,68,0.15); color:#292e45; border-radius:0 0 0 10px; background:#f3f3f8; text-align:center; text-decoration:none; box-sizing:border-box;}
.profile .btns a.end{width:calc(50% + 1px);  margin:0 0 0 -1px; border-right:none; border-left:1px solid rgba(41,46,68,0.15); border-radius:0 0 10px 0;}
.profile .btns a.end:after{content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:-3px 0 0 6px; background:url(/images/kr/member/ico_open.png) no-repeat 0 100%;}
.profile .btns a:hover{z-index:1; background-color:#fff; border-color:rgba(41,46,68,0.5);}

.profile .sns{float:left; padding:0 0 0 24px;}
.profile .sns a{float:left; width:28px; height:27px; font-size:0; text-indent:-9999px; background:#4db2f3 url(/images/common/ico_sns.png) no-repeat -29px 4px;}
.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:8px 3px;}
.profile .sns .bl{background-color:#24c000; background-position:-66px 5px;}
.profile .sns .kko{background-color:#fbc000; background-position:-143px 5px;}
.profile .sns .insta{background-color:#c536a4; background-position:-104px 4px;}
.profile .sns .off{background-color:#aaa;}

@media all and (max-width:1430px) {
	.profile dt{left:4.5%; width:35%; max-width:140px;}
	.profile dt img{max-width:100%;}
	.profile .name{padding:3px 0 20px;}
	.profile .name strong{line-height:32px; font-size:23px;}
	.profile .sns{padding:0 0 0 7px;}
}
@media all and (max-width:1024px) {
	.profile{width:49%;}
	.profile dl{padding:0 0 0 38%;}
	.profile dt{left:4.5%; width:35%; max-width:155px;}
	.profile dt img{width:87%; max-width:119px; height:auto;}
	.profile .name{padding:0 0 15px;}
	.profile .name strong{font-size:25px;}
	.profile dd li{padding-bottom:7px;}

	#sub_memberlist .profile dd{min-height:167px;}
}
@media all and (max-width:768px) {
	.profile{overflow:hidden; width:100%; height:auto; padding:20px 0 0 0;}
	.profile dl{padding:0 0 27px 170px;}
	.profile dt{left:3.5%;}
	.profile dd{min-height:135px;}
	.profile .name strong{font-size:23px;}
	.profile .btns{margin:1em 0 0 0;}

	#sub_memberlist .profile dd{min-height:135px;}
	
	#calendar .fc-toolbar .fc-right {float: none; position: absolute; top: 55px; left: 30px;}
    #calendar .fc-toolbar {margin: 4em 0 1em;}
	#calendar .fc-toolbar .fc-center h2 {float: none; text-align: right;}
}
@media all and (max-width:568px) {
	.profile dl{padding:0 0 23px 38%;}
	.profile .name{padding:0 0 12px;}
	.profile .name strong{font-size:21px;}
	.profile dd li{padding:0 0 5px 80px;}
	.profile dd li:before{top:5px;}
	.profile .btns a{height:47px; line-height:47px;}
}
@media all and (max-width:380px) {
	.profile dd li:first-child em{letter-spacing:12px;}
	.profile dd li .colon{left:70px;}
	#calendar .fc-button-group button {padding: 5px;}
	
}
@media all and (max-width:357px) {
	.profile .name strong{font-size:20px;}
	.profile .sns{width:100%; padding:5px 0 0 0;}
}
@media all and (max-width:358px) {
    #sub_agenda .btn-group {margin: 10px 0 0 0;}
}

#sub_research {}
#sub_research .txt_box {margin-bottom: 50px;}
#sub_research #box_border{padding:36px 34px; margin:0 0 35px; box-sizing:border-box;}
#sub_research .step_wrap {display:flex; justify-content:space-between;}
#sub_research .step{position:relative; flex:0 0 160px; text-align:center;}
#sub_research .step:not(:last-child){padding-right:calc((100% - 800px) / 4);}
#sub_research .step>.title{display:flex; justify-content:center; align-items:center; width:100%; height:70px; border-radius:3px; background-color:#d0ebef; font-size:18px; font-weight:800; color:#000; line-height:140%;}
#sub_research .step>.txt{min-height:85px; padding:18px 10px; box-sizing:border-box; background-color:#f2f2f2; font-size:16px; line-height:150%;}
#sub_research .step:not(:last-child):after{content:''; position:absolute; top:0; right:0; width:calc(100% - 160px); height:100%; background:url(/images/committee/sub/step_next.png) no-repeat center; }
#sub_research ul.dot{margin:0 0 10px 0;}

@media all and (max-width:1300px) {
	#sub_research #box_border{padding:21px 34px;}
	#sub_research .step_wrap{flex-wrap:wrap; justify-content:center;}
	#sub_research .step{flex:0 0 28.18%; margin:15px 0;}
	#sub_research .step:not(:last-child){padding-right:5.15%;}
	#sub_research .step:not(:last-child):after{width:15.43%;}
}

@media all and (max-width:650px) {
	#sub_research #box_border{padding:21px 15px 21px 30px;}
	#sub_research .step>.title{font-size:17px;}
	#sub_research .step>.txt{font-size:15px;}
}

@media all and (max-width:568px) {
	#sub_research #box_border{padding:36px 34px;}
	#sub_research .step{flex:0 0 100%; margin:0;}
	#sub_research .step:not(:last-child){padding:0 0 40px 0;}
	#sub_research .step br{display:none;}
	#sub_research .step>.title{height:50px;}
	#sub_research .step>.txt{min-height:60px;}
	#sub_research .step:not(:last-child):after{content:''; position:absolute; top:unset; bottom:0; right:unset; left:50%; width:40px; height:40px; transform:translate(-50%,0) rotate(90deg); background-size:12px auto;}
}

@media all and (max-width:380px) {
	#sub_research #box_border{padding:30px 26px;}
	#sub_research .step:not(:last-child){padding:0 0 35px 0;}
	#sub_research .step:not(:last-child):after{width:35px; height:35px;}
}