@charset "utf-8";

h2#visual { position:relative; text-align:center; height:170px; font-size:40px; line-height:155px; color:#333; font-family:var(--cngfont); font-weight: 400;}
h2#visual:before { content:""; display:block; position:absolute; width:100%; height:100%; border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(0,0,0,.1); background:url('/committee/img/visual.jpg') no-repeat center top; z-index:-1; box-sizing:border-box; }
h2#visual:before {  background: #F5F5F5 url(/committee/img/img2026/contents_bg.png) no-repeat right center}

#tab2depth { position:relative; text-align:center; margin-top:-26px; z-index:5; }
#tab2depth>ul { font-size:0; line-height:0; }
#tab2depth>ul>li { display:inline-block; }
#tab2depth>ul>li a { display:block; padding:25px 50px; font-size:18px; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; background:#f5f5f5; }
#tab2depth>ul>li:first-child a { border-left:1px solid #c9c9c9; }
#tab2depth>ul>li.on a { color:#fff; font-weight:bold; border:1px solid #4e3022; background:var(--gra); box-shadow:0 2px 0 #d9d9d9; }

#contents { margin-top:30px; }
#contents>h3 { font-size:41px; line-height:45px; color:#5d3928; font-weight:300; }
ol#location { position:absolute; right:0; top:10px; }
ol#location>li { position:relative; float:left; margin-left:10px; padding-left:10px; }
ol#location>li:before { display:block; content:""; position:absolute; left:0; top:4px; width:1px; height:14px; background:#bdbdbd; transform:rotate(-30deg); }
ol#location>li:first-child:before { display:none; }
#detail_con { margin-top:50px; margin-bottom:30px; }

#tab { overflow:hidden; margin-top:30px; }
#tab>ul { text-align:center; padding:20px; background-color:#f5f5f5; }
#tab>ul>li { position:relative; display:inline-block; width:13%; }
#tab>ul>li:after { position:absolute; left:0; top:10px; width:1px; height:15px; background-color:#c9c9c9; content:''; }
#tab>ul>li:first-child:after, #tab>ul>li.on:after { background:none; }
#tab>ul>li>a { display:block; padding:6px 0; transition:.5s; }
#tab>ul>li>a:hover { font-weight:bold; }
#tab>ul>li.on>a { color:#fff; font-weight:bold; border:1px solid #b38414; background:#b38414 linear-gradient(#b38414, #926908); box-sizing:border-box; }

/*contents*/
.introduction>dl { padding:40px 0; border-top:1px dashed #c1c1c1; overflow:hidden; }
.introduction>dl dt { position:relative; float:left; text-align:right; width:20%; font-size:23px; font-weight:bold; color:#1b1b1b; }
.introduction>dl dt:before { content:""; display:block; position:absolute; top:-12px; right:2px; width:18px; height:2px; background:#000; }
.introduction>dl dd { float:right; width:75%; }
.introduction>dl dd p.bl, .introduction>dl dd ul.bl li { position:relative; padding-left:25px; font-size:18px; line-height:26px; }
.introduction>dl dd p.bl:before, .introduction>dl dd ul.bl li:before { content:""; display:block; position:absolute; top:7px; left:0; width:13px; height:13px; border-radius:50%; background:#bfa03a; }
.introduction>dl dd ul.bl li { margin-top:15px; }
.introduction>dl dd ul.bl li:first-child { margin-top:0; }
.introduction .work { overflow:hidden; }
.introduction .work>li { float:left; width:32.3%; height:330px; margin-left:1.5%; margin-bottom:1.5%; padding:230px 40px 30px; font-size:16px; border:1px solid #ccc; background-size:100% 200px !important; }
.introduction .work>li:first-child, .introduction .work>li:nth-child(4) { margin-left:0; }
.introduction .work>li.w1 { background:url('/committee/img/sub/intro_work01.jpg') no-repeat center top; }
.introduction .work>li.w2 { background:url('/committee/img/sub/intro_work02.jpg') no-repeat center top; }
.introduction .work>li.w3 { background:url('/committee/img/sub/intro_work03.jpg') no-repeat center top; }
.introduction .work>li.w4 { background:url('/committee/img/sub/intro_work04.jpg') no-repeat center top; }
.introduction .work>li.w5 { background:url('/committee/img/sub/intro_work05.jpg') no-repeat center top; }
.introduction .work>li.w6 { background:url('/committee/img/sub/intro_work06.jpg') no-repeat center top; }

.member { overflow:hidden; }
.member>div { position:relative; float:left; text-align:center; width:23%; margin:1%; background:#f0f0f0; overflow:hidden; }
.member>div:after { content:""; display:block; position:absolute; left:70%; top:66%; width:169px; height:166px; background:url('/committee/img/sub/mark_bg.png') no-repeat; }
.member>div .justice { width:100%; height:37px; }
.member>div.jahan .justice { background:/*#c9151e*//*#e64267*/#e61e2b url('/committee/img/main/power.gif') no-repeat center center; }
.member>div.minju .justice { background:#004ea2 url('/committee/img/main/minju.gif') no-repeat center center; }
.member>div.bareun .justice { background:#00adb5 url('/committee/img/main/bareun.gif') no-repeat center center; }
.member>div.jeongui .justice { background:#ffa508 url('/committee/img/main/jeongui.gif') no-repeat center center;}
.member>div.joguk .justice { background:#0073CF url('/committee/img/main/joguk.gif') no-repeat center center;}
.member>div.nogroup .justice { background:#606060 url('/committee/img/main/nogroup.gif') no-repeat center center; }
.member>div p.photo { display:inline-block; margin:25px 0 20px; padding:8px; box-shadow:0 2px 1px #aeaeae; background:#fff; line-height:0px; }
.member>div p.photo img { width:160px; height:205px; }
.member>div p.name { font-weight:bold; }
.member>div p.hp { margin-top:15px; background:#ddd; }
.member>div p.hp>a { display:inline-block; padding:10px 0 10px 20px; font-size:14px; font-weight:bold; background:url('/committee/img/sub/ic_hp.gif') no-repeat left center; }

/* 컨텐츠준비중 */
#detail_con .ready {text-align:center; margin-top:100px;}
#detail_con .ready p.stit {display:inline-block; padding:10px 100px; color:#fff; background:#000;}
#detail_con .ready p.con {position:relative; margin-top:30px; margin-bottom:200px; font-size:25px; ; line-height:140%}
#detail_con .ready p.con:after {display:block; content:""; position:absolute; left:50%; top:160%; width:1px; height:125px; background:#a8a8a8;}
#detail_con .ready .end {color:#4e4e4e;}

/*mobile*/
@media all and (max-width:800px) {
	header { border-bottom:2px solid #bfa03a; }
	h2#visual, #tab2depth { display:none; }
	#contents { padding:0 5%; }
	ol#location { right:5%; }
	.introduction .work>li { width:48%; margin:1% !important; }
	.introduction .work>li { padding:225px 30px 20px; }
	.member>div { width:48%; }
}

/*mobile2*/
@media all and (max-width:640px) {
	ol#location { position:static; margin-top:10px; }
	ol#location>li:first-child { margin-left:0; padding-left:0; }
	.introduction>dl dt, .introduction>dl dd { float:none; text-align:left; width:100%; }
	.introduction>dl dt { margin-bottom:15px; }
	.introduction>dl dt:before { left:2px; right:auto; }
	.introduction>dl dd p.bl, .introduction>dl dd ul.bl li { padding-left:20px; font-size:16px; line-height:24px; }
	.introduction>dl dd ul.bl li { margin-top:10px; }
	.introduction>dl dd p.bl:before, .introduction>dl dd ul.bl li:before { top:5px; }
	.introduction .work>li { width:100%; height:auto; margin:1% 0 0 !important; }
}

/*mobile_min*/
@media all and (max-width:480px) {
	.member>div { width:100%; margin:1% 0; }
}