@charset "utf-8";
#container_sub{background:url(/images/kr/chairman/bg_greeting.jpg) no-repeat 50% 100%;}
#sub_default{line-height:170%;}

/* 서브공통 */
.box_info{z-index:1; position:relative; padding:35px 30px 37px 40px; margin:0 0 30px; box-sizing:border-box; word-break:keep-all; background:url(/images/kr/common/bg_pattern.gif) repeat;}
.box_info:before{z-index:-1; content:''; display:block; position:absolute; top:10px; left:10px; width:calc(100% - 20px); height:calc(100% - 20px); background:#fff;}
.box_info .btn{position:relative; min-width:178px; height:34px; line-height:33px; padding:0 0 0 22px; margin:0 0 0 15px; border-radius:32px; font-size:15px; color:#fff; border-color:#af7300; background:#c98501; text-align:left;}

@media all and (max-width:1024px) {
	.box_info{padding:35px;}
}
@media all and (max-width:768px) {
}
@media all and (max-width:568px) {
	.box_info{padding:27px 30px;}
	.box_info .btn{min-width:160px;  height:31px; line-height:30px; padding:0 0 0 17px; font-size:14px;}
}
@media all and (max-width:380px) {
	.box_info{padding:22px 25px; margin:0 0 27px;}
	.box_info:before{top:8px; left:8px; width:calc(100% - 16px); height:calc(100% - 16px);}
	.box_info .btn{min-width:140px; height:29px; line-height:28px; padding:0 0 0 14px; font-size:13px;}
}

/* 의장인사말 */
#sub_greeting{font-size:17px; word-break:keep-all;}
#sub_greeting .img{z-index:1; position:relative; padding:73px 7.62% 44px 0; margin:0 0 45px; box-sizing:border-box; color:#333; background:url(/images/kr/chairman/bg_pic.jpg) no-repeat 50% 100%; background-size:cover;}
#sub_greeting .img:before{z-index:-1; content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:10px solid rgba(51,51,51,0.08);}
#sub_greeting .pic{position:absolute; bottom:0; left:6.4%; display:inline-block; width:40%;}
#sub_greeting .pic img{max-width:100%;}
#sub_greeting .txt{line-height:155%; text-align:right;}
#sub_greeting .txt1{position:relative; padding:0 0 46px 300px; font-size:25px; line-height:130%; font-family:"esamanru"; color:#2a364e;}
#sub_greeting .txt1:after{content:''; display:block; position:absolute; right:0; bottom:22px; width:42px; height:1px; background:#f3a531;}
#sub_greeting .name{position:relative; display:inline-block; margin:41px 0 0; box-sizing:border-box; padding:0 175px 0 0; font-size:18px; color:#111;}
#sub_greeting .name span{display:block; margin:0 0 10px;}
#sub_greeting .btn_home{position:absolute; top:0; right:0; display:inline-block; width:155px; height:44px; line-height:44px; padding:0 0 0 24px; font-size:15px; color:#fff; border-radius:22px; background:#3d485e; text-align:left; box-sizing:border-box;}
#sub_greeting .btn_home:before{content:''; display:inline-block; vertical-align:middle; width:17px; height:16px; margin:-3px 8px 0 0; background:url(/images/kr/main/ico_home.png) no-repeat 0 50%;}

#sub_greeting .greeting .name {display:block; width:100%;}

@media all and (max-width:1230px){
	#sub_greeting .img{padding-top:50px;}
	#sub_greeting .name{width:250px; margin:25px 0 0; padding:0; text-align:right;}
	#sub_greeting .btn_home{position:static; margin:5px 0 0 0;}
}
@media all and (max-width:1024px){
	#sub_greeting .greeting{padding:0 10px;}
}
@media all and (max-width:768px){
	#sub_greeting .img{padding:45px 6% 30px 0;}
	#sub_greeting .pic{left:3%;}
	#sub_greeting .txt1{padding:0 0 30px 200px;}
	#sub_greeting .txt1:after{bottom:15px;}
	#sub_greeting .txt1 img{height:70px;}
    #sub_greeting .txt2 {padding-left:160px;}
    #sub_greeting .name img {width:180px;}
}
@media all and (max-width:568px){
	#sub_greeting{font-size:16px;}
	#sub_greeting .img{margin:0 0 38px; padding:35px 6%;}
	#sub_greeting .pic{width:45%; max-width:190px;}
    #sub_greeting .txt1 {padding-left:0; font-size:21px;}
	#sub_greeting .txt1 img{height:55px;}
    #sub_greeting .txt2 {padding-left:110px;}
	#sub_greeting .name{font-size:16px;}
    #sub_greeting .name img {width:160px;}
	#sub_greeting .btn_home{width:140px; height:40px; line-height:40px; padding:0 0 0 20px; font-size:14px;}
	#sub_greeting .greeting{line-height:170%; font-size:17px;}
}
@media all and (max-width:380px){
	#sub_greeting{font-size:15px;}
	#sub_greeting .img{margin:0 0 35px; padding:30px 6%;}
	#sub_greeting .pic{width:48%; max-width:165px;}
	#sub_greeting .txt1{padding:0 0 25px; font-size:18px;}
	#sub_greeting .txt1:after{bottom:12px;}
	#sub_greeting .txt1 img{height:50px;}
    #sub_greeting .txt2 {padding-left:0;}
	#sub_greeting .img .name{width:130px; margin:15px 0 0;}
	#sub_greeting .img .name span{display:block; margin:0;}
	#sub_greeting .btn_home{width:125px; margin:10px 0 0 0; padding:0 0 0 17px; font-size:13px;}
	#sub_greeting .greeting{font-size:16px;}
}

/* 의회연혁 */
#sub_history .info_box{position:relative; min-height:253px; padding:88px 50px 0; margin:0 0 40px; font-size:17px; font-weight:400; line-height:185%; color:#333; box-sizing:border-box; word-break:keep-all; text-align:center; box-shadow:inset 0 0 0 10px rgba(52,67,97,0.2); background:url(/images/kr/intro/bg_history.jpg) no-repeat 50% 100%; background-size:cover;}
#sub_history .info_box strong{display:block; line-height:100%; font-size:40px; font-family:"gmarket"; color:#2a364e;}
#sub_history .info_box strong:after{content:''; display:block; width:42px; height:1px; margin:17px auto 14px; background:#ffab01;}

#sub_history .detail {position:relative; padding:36px 0 0 0; border-top:1px dashed #b0b0b0;}
#sub_history .detail > li{position:relative; padding:0 0 36px 27.13%; margin:0 0 36px; border-bottom:1px dashed #b0b0b0;}
#sub_history .detail > li:last-child{margin:0;}
#sub_history .year{display:block; position:absolute; top:6px; left:3.26%; width:166px; font-size:20px; font-weight:800; color:#375999; font-family:"gmarket";}
#sub_history .year span{display:block; padding:5px 0 0 0; color:#a6aebd;}
#sub_history .dash li{position:relative; padding:0 0 3px 123px; color:#666;}
#sub_history .dash li:before{top:12px; height:2px;}
#sub_history .date{position:absolute; top:0; left:10px; font-size:17px; font-weight:800; color:#333;}

@media all and (max-width:1024px) {
	#sub_history .info_box{min-height:0; padding:40px 5%; font-size:16px; box-shadow:inset 0 0 0 9px rgba(52,67,97,0.2);}
	#sub_history .info_box strong{padding:15px 0 0 0; font-size:30px;}
	#sub_history .info_box strong:after{margin:13px auto 10px;}
	#sub_history .year{left:15px;}
}
@media all and (max-width:768px) {
	#sub_history .info_box{padding:32px 15px; font-size:15px;}
	#sub_history .info_box strong{font-size:26px;}
	#sub_history .year{width:130px; font-size:17px;}
	#sub_history .year span{padding:3px 0 0 0;}
	#sub_history .dash li{padding:0 0 3px 115px;}
}
@media all and (max-width:568px) {
	#sub_history .info_box{padding:27px 10px; margin:0 0 30px; font-size:14px; box-shadow:inset 0 0 0 8px rgba(52,67,97,0.2);}
	#sub_history .info_box strong{padding:10px 0 0 0; font-size:21px;}
	#sub_history .info_box strong:after{width:37px; margin:11px auto 9px;}
	#sub_history .detail{padding:27px 0 0 0;}
	#sub_history .detail > li{padding:0 0 27px 10px; margin:0 0 30px;}
	#sub_history .dash li{padding:0 0 3px 103px;}
	#sub_history .dash li:before{top:10px;}
	#sub_history .year{position:static; width:100%; padding:0 0 15px;}
	#sub_history .year span{display:inline-block; padding:0 0 0 5px; font-size:18px;}
	#sub_history .date{left:7px; font-size:16px;}
}
@media all and (max-width:380px) {
	#sub_history .info_box{padding:24px 10px; margin:0 0 27px; font-size:13px; box-shadow:inset 0 0 0 7px rgba(52,67,97,0.2);}
	#sub_history .info_box strong{font-size:20px;}
	#sub_history .info_box strong:after{width:34px; margin:10px auto 7px;}
	#sub_history .detail > li{padding:0 0 24px 7px; margin:0 0 27px;}
	#sub_history .dash li{padding:0 0 3px 95px;}
	#sub_history .dash li:before{top:9px;}
	#sub_history .year{padding:0 0 13px;}
	#sub_history .year span{font-size:17px;}
	#sub_history .date{font-size:15px;}
}

/* 찾아오시는길 */
#sub_location .roughmap_maker_label{border-radius:30px;}
#sub_location .roughmap_maker_label .roughmap_lebel_text{display:block; padding:8px 15px 3px; line-height:32px; font-size:0; font-weight:800; font-family:"gmarket"; border-radius:30px; background-color:#fff;}
#sub_location .roughmap_maker_label .roughmap_lebel_text:before{content:''; display:inline-block; width:30px; height:30px; margin:0 5px 0 0; vertical-align:top; background-image:url(/images/common/ico_council.png); background-repeat:no-repeat; background-size:contain;}
#sub_location .roughmap_maker_label .roughmap_lebel_text:after {content:'DANYANG COUNTY COUNCIL'; display:inline-block; font-size:18px;}

#sub_location .addr{text-align:center;}
#sub_location .addr:before{content:''; display:inline-block; vertical-align:top; width:32px; height:21px; background:url(/images/kr/intro/ico_loc.jpg) no-repeat;}
@media all and (max-width:768px){
	#sub_location .root_daum_roughmap .wrap_map{height:350px !important;}
}
@media all and (max-width:568px){
	#sub_location .root_daum_roughmap .wrap_map{height:270px !important;}
    #sub_location .roughmap_maker_label .roughmap_lebel_text:after{font-size:15px;}
}
@media all and (max-width:380px){
	#sub_location .root_daum_roughmap .wrap_map{height:250px !important;}
    #sub_location .roughmap_maker_label .roughmap_lebel_text:after{font-size:14px;}
}

/* 의원소개 */
#sub_active h4 ~ h4{float:left; margin-top:25px;}
#sub_active .normal_list img{max-width:119px;}
.profile{float:left; width:48.8%; margin:0 0 22px 0; padding:30px 0 0 0; box-shadow:0 0 8px rgba(0,0,0,0.1); border:1px solid #f1f1f1; box-sizing:border-box; background:#fff;}
.profile:hover{border-color:#a2ccf0; box-shadow:0 0 1px rgba(0,0,0,0.1);}
.profile.none{float:right;}
.profile dl{position:relative; float:left; width:100%; padding:0 0 0 180px; box-sizing:border-box;}
.profile dt{position: absolute; top:0; left:3.5%; width:135px;}
.profile dt img{width:135px;}
.profile dd{float:left; width:100%; min-height:200px;}
.profile dd .name{display:block; padding:4px 0 12px 0; font-size:22px; font-weight:800;}
.profile dd li{position:relative; margin:0; padding:0 0 5px 14px; line-height:135%; box-sizing:border-box; color:#555;}
.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li:before{top:7px; width:5px; height:5px; background:#2262ab;}
.profile .btns{clear:both; overflow:hidden; width:100%; min-height:0; padding:0;}
.profile .btns a{position:relative; float:left; display:block; width:100%; height:52px; line-height:52px; border-top:1px solid #dde8f2; border-right:1px solid #dde8f2; color:#2262ab; background:#f4f8fb; text-align:center; text-decoration:none; box-sizing:border-box;}
.profile .btns a:hover{z-index:1; background-color:#fff; border-color:#a2ccf0;}

@media all and (max-width:1024px) {
	.profile dl{padding:0 0 0 38%;}
	.profile dt{width:35%; max-width:155px;}
	.profile dt img{width:87%; max-width:119px; height:auto;}
	.profile dd li{padding-bottom:3px;}
	.profile dd .name{padding-bottom:10px;}
}
@media all and (max-width:730px) {
	.profile{overflow:hidden; width:100%; height:auto; padding:20px 0 0 0;}
	.profile dl{padding:0 0 27px 170px;}
	.profile dt{left:2.5%;}
	.profile dd{min-height:0;}
	.profile .btns{margin:1em 0 0 0;}
}
@media all and (max-width:568px) {
	.profile dl{padding:0 0 23px 38%;}
	.profile dd .name{padding-bottom:8px;}
	.profile dd li{padding:0 0 4px 13px;}
	.profile dd li em{left:10px;}
	.profile dd li:before{top:6px;}
	.profile .btns a{height:47px; line-height:47px;}
}