@charset "UTF-8";

.search_wrap{background:#f5f6f8;padding:20px;margin-bottom:30px;}
.search_wrap .inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.search_wrap input,
.search_wrap select{display:block;height:50px;font-size:16px;background:#FFF;border:1px solid #ccd0d7;margin:0 2px;padding:0 10px;}
.search_wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:120px;background:#FFF url(/sites/style_guide/images/common/arrow-search.png) no-repeat right center;}
.search_wrap .btnGo{background:#0d57a7;color:#FFF;border-color:#0d57a7;cursor:pointer;}
.search_wrap .btnGo:hover{background:#000;border-color:#000;}
/*
	.search_wrap .btnGo{min-width:50px;background:#FFF url(/sites/style_guide/images/common/ico-search-btn.png) no-repeat center;font-size:0;}
*/
.btn_type_1{background:#666;color:#FFF !important;font-size:14px;display:inline-block;padding:5px 15px;border-radius:30px;}
.btn_type_1:hover{background:#222;}


/*검색타입_1*/
@media all and (max-width:768px){
	.search_type_1 input,
	.search_type_1 select{width:100%;margin:0.5% 0;}
	.search_type_1 .btnGo{width:100%;margin-top:20px;}
}

/*검색타입_2*/
@media all and (max-width:1024px){
	.search_type_2 input,
	.search_type_2 select{width:49%;margin:0.5%;}
	.search_type_2 .btnGo{width:100%;margin-top:20px;}
}
@media all and (max-width:768px){
	.search_type_2 input,
	.search_type_2 select{width:100%;margin:0.5% 0;}
}

/*검색타입_3*/
@media all and (max-width:768px){
}



._prFlList{display:flex;flex-wrap:wrap;justify-content:space-between;}
._prFlList._prFlView{display: block;}

._prFlList .thumbnail{width:120px;height:150px;overflow:hidden;}
._prFlList .thumbnail img{max-width:100%;}
._prFlList .artclInfo{width:calc(100% - 150px);position:relative;}

._prFlList > li{width:48%;margin:20px 0;}
._prFlList > li ._prFlLiWrap{display:flex;flex-wrap:wrap;justify-content:space-between;background:url(../images/pro_bg.png) no-repeat 28% bottom;padding-bottom:40px;}
._prFlList > li ._prFlLiWrap .thumbnail{width:120px;height:150px;overflow:hidden;}
._prFlList > li ._prFlLiWrap .thumbnail img{max-width:100%;}
._prFlList > li ._prFlLiWrap .artclInfo{width:calc(100% - 150px);position:relative;}

._prFlList._prFlView .thumbnail{width:120px;height:150px;overflow:hidden;}
._prFlList._prFlView .thumbnail img{max-width:100%;}
._prFlList._prFlView .artclInfo{position:relative;}
._prFlList._prFlView .artclInfo dl dt{width:200px;padding-top:2px;text-align:justify;text-align-last: auto;}
._prFlList._prFlView .artclInfo dl dd{width:calc(100% - 230px);position:relative;padding-left:13px;margin-left:15px;}
._prFlList._prFlView .artclInfo dl dd::before{content:"";display:block;width:4px;height:4px;background:#018cff;position:absolute;left:0;top:8px;}

._prFlList .artclInfo .artclTitle{border-bottom:1px solid #00387b;padding-bottom:20px;margin-bottom:20px;}
._prFlList .artclInfo .artclTitle strong{font-size:35px;color:#00387b;font-family:'S-CoreDream-5Medium';}
._prFlList .artclInfo .artclTitle span{font-size:15px;padding-left:10px;}
._prFlList .artclInfo dl{display:flex;padding:5px 0;}
._prFlList .artclInfo dl dt{width:80px;padding-top:2px;text-align:justify;text-align-last:justify;}
._prFlList .artclInfo dl dd{width:calc(100% - 95px);position:relative;padding-left:13px;margin-left:15px;}
._prFlList .artclInfo dl dd::before{content:"";display:block;width:4px;height:4px;background:#018cff;position:absolute;left:0;top:8px;}

._prFlList > li ._prFlLiWrap .artclInfo .artclTitle{border-bottom:1px solid #00387b;padding-bottom:20px;margin-bottom:20px;}
._prFlList > li ._prFlLiWrap .artclInfo .artclTitle strong{font-size:35px;color:#00387b;font-family:'S-CoreDream-5Medium';}
._prFlList > li ._prFlLiWrap .artclInfo .artclTitle span{font-size:15px;padding-left:10px;}
._prFlList > li ._prFlLiWrap .artclInfo dl{display:flex;padding:5px 0;}
._prFlList > li ._prFlLiWrap .artclInfo dl dt{width:120px;padding-top:2px;text-align:justify;font-size: 16px;}
._prFlList > li ._prFlLiWrap .artclInfo dl dd{width:calc(100% - 135px);position:relative;padding-left:13px;margin-left:15px; font-size: 16px;}
._prFlList > li ._prFlLiWrap .artclInfo dl dd::before{content:"";display:block;width:4px;height:4px;background:#018cff;position:absolute;left:0;top:10px;}

._prFlList._prFlView .big-title {position: relative; display: block; margin-top: 35px; margin-bottom: 0; padding-top: 0; padding-left: 20px; font-size: 22px; line-height: 1.5; letter-spacing: -.05em; color: #0e56a8;}
._prFlList._prFlView .big-title::after {content: ''; position: absolute; left: 0; top: 9px; width: 12px; height: 12px; background: #0e56a8; border-radius: 100%;}
._prFlList._prFlView .small-title {position: relative; margin: 20px 0 10px 0; padding-top: 0; padding-left: 20px; font-size: 20px; line-height: 25px; letter-spacing: -.05em; color: #484848;}
._prFlList._prFlView .small-title::after {content: ''; position: absolute; left: 0; top: 7px; width: 10px; height: 10px; background: #fff; border: 2px solid #434343; border-radius: 100%;}
._prFlList._prFlView .small-title.no-margin {margin-top: 0;}
._prFlList._prFlView .text-box p{font-size: 16px; line-height: 22px; margin: 10px 0 20px;}
._prFlList._prFlView .text-box {background: #f2f2f2; margin-top: 15px; padding: 20px; padding-bottom: 12px;}

.down_profile{position:absolute;right:0;top:11px;}
.down_profile a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#666;}
.down_profile a:hover{background:#0065ff;}

/* List Profile */
 .thumb-li .thumb,
 .thumb-li .info {display: table-cell; vertical-align: top;}
 .thumb-li .thumb {width: 170px; padding-top: 20px;}
 .thumb-li .thumb img {position: relative;z-index: 2;width: 100%;height: 213px;border: 1px solid #eee;}
 .thumb-li .info {padding-left: 70px;}
 .thumb-li strong {position: relative; display: block; margin-top: 10px; padding-top: 10px; margin-bottom: 10px; font-size: 20px; color: #733e00; line-height: 1.5;}
 .thumb-li strong::after {content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 2px; background: #733e00;}
 .info dl {position: relative; width: 100%; margin-bottom: 4px; line-height: 1.65;}
 .info dl:after {content: ''; position: absolute; left: 0; top: 14px; width: 10px; height: 10px; border: 2px solid #4d4d4d; border-radius: 100%;}
 .info dt,
 .info dd {display: table-cell; vertical-align: top;}
 .info dt {padding-left: 20px; white-space: nowrap; font-size: 15px; color: #222; font-weight: 600;}
 .info dd {padding-left: 5px; font-size: 15px; color: #666;}
 .detail-info {display: none;}
 .detail-info.on {display: block; position: fixed; left: 0px; top: 0px; z-index: 200; width: 100%; height: 100%; background: rgba(0,0,0,.9);}
 .detail-info .dis-table {display: table; width: 90%; max-width: 1000px; height: 100%; margin: 0 auto; padding-right: 20px;}
 .detail-info .dis-cell {display: table-cell; vertical-align: middle;}
 .detail-info .box-info {display: inline-block; width: 100%; background: #fff;}
 .detail-info .person {padding-left: 20px;}
 .detail-info .person .info {padding-left: 70px;}
 .detail-info .title {position: relative; padding-left: 30px; height: 70px; background: #0e56a8; font-size: 24px; color: #fff; line-height: 70px; text-align: left;}
 .detail-info .title .btn-close-detail {position: absolute; right: -45px; top: -45px; width: 90px; height: 90px; background: url('../images/ico-close-detail.png') no-repeat center center; transform: rotate(180deg); transition: .5s;}
 .detail-info .title .btn-close-detail:hover {transform: rotate(360deg);}
 .detail-info .scroll {overflow-y: auto; height: 600px; padding: 30px 20px 40px 40px; background: #fff url('../images/bg-detail-con.png') no-repeat right top;}
 .detail-info .box-info .thumb {padding-bottom: 44px;}
 .person {position: relative; display: table; width: 100%; border-bottom: 1px solid #8b9099;}
 .person .name {display: inline-block; width: 100%; margin-bottom: 10px; font-size: 22px; color: #262626; line-height: 1.9; text-align: left;}
 .person .info {padding-left: 45px; padding-bottom: 40px;}
 .person .btn-util {bottom: auto; top: 7px; right: 0;}
 .desc {font-size: 14px; color: #797979; text-align: left;}
 .desc .big-title {position: relative; display: block; margin-top: 35px; margin-bottom: 0; padding-top: 0; padding-left: 20px; font-size: 22px; line-height: 1.5; letter-spacing: -.05em; color: #0e56a8;}
 .desc .big-title::after {content: ''; position: absolute; left: 0; top: 9px; width: 12px; height: 12px; background: #0e56a8; border-radius: 100%;}
 .desc .small-title {position: relative; margin: 20px 0 10px 0; padding-top: 0; padding-left: 20px; font-size: 20px; line-height: 25px; letter-spacing: -.05em; color: #484848;}
 .desc .small-title::after {content: ''; position: absolute; left: 0; top: 7px; width: 10px; height: 10px; background: #fff; border: 2px solid #434343; border-radius: 100%;}
 .desc .small-title.no-margin {margin-top: 0;}
 .desc .text-box p{font-size: 16px; line-height: 22px;}
 .desc .text-box {background: #f2f2f2; margin-top: 15px; padding: 20px; padding-bottom: 12px;}

 .desc .text-box li {position: relative; padding-left: 15px; padding-bottom: 8px; font-size: 18px;}
 .desc .text-box li::after {content: ''; position: absolute; left: 0; top: 9px; width: 7px; height: 2px; background: #959595;}
 .profile-button.detail {display: none; margin-top: 35px; margin-bottom: 40px; padding-top: 20px; border-top: 2px solid #000;}

@media all and (max-width: 1400px) {
    ._prFlLiWrap .thumb-li .info {padding-bottom: 40px;}
}

@media all and (max-width: 670px) {
     .thumb-li .thumb,
     .thumb-li .info {display: block; width: 100%; padding-left: 0; padding-top: 30px;}
	 .detail-info .scroll{padding: 20px;}
     .thumb-li .thumb {text-align: center;}
     .thumb-li .thumb .shadow {display: inline-block; width: 170px;}
     .detail-info .person {padding-left: 0;}
     .detail-info .person .info {padding-left: 0;}
	 .thumb-li .thumb img{max-width: 220px;}
}

@media only screen and (max-width:1450px) {
}
@media only screen and (max-width:1024px) {
	._prFlList > li{width:100%;}
	._prFlList > li ._prFlLiWrap .artclInfo .artclTitle{padding-bottom:10px;margin-bottom:10px;}
	._prFlList > li ._prFlLiWrap .artclInfo .artclTitle strong{font-size:25px;}
	.down_profile{top:7px;}
}
@media only screen and (max-width:768px) {	
	._prFlList > li ._prFlLiWrap .artclInfo .artclTitle strong{font-size:20px;}
	.down_profile{top:0;}
}
@media only screen and (max-width:420px) {	
	._prFlList > li ._prFlLiWrap .thumbnail{width:100%;height:auto;text-align:center;margin-bottom:20px;}
	._prFlList > li ._prFlLiWrap .thumbnail img{width:100%;max-width:100%;}
	._prFlList > li ._prFlLiWrap .artclInfo{width:100%;}
}


._fnctWrap ._view,
._fnctWrap ._write{border:0;border-top:1px solid #222;}
._view ._form ._label,
._write ._form ._label{width: 140px;}
._view ._form,
._write ._form {padding-left: 155px;}
._form ._label{font-size:18px;}