/* 공통 */
.c_inner {width: 100%; margin:0 auto;}
.w_box {width: 100%; margin:0 auto 50px; padding:0 20px; background: #fff; position: relative; z-index: 2; }

.sub_title h2 {font-size:14px; font-weight: 600; color:#0053a5; letter-spacing: 7px; text-transform: uppercase; margin-bottom: 18px; font-family: 'Montserrat'; }
.sub_title h1 {font-size:28px; font-weight: 300; color:#333; font-family: 'NanumSquare',sans-serif; line-height: 40px; word-break: keep-all;}
.sub_title h1 b {font-weight: 700; }

.sub_p {font-size:14px; font-weight: 300; color:#666; line-height: 28px; word-break: keep-all;}
.sub_p span {color:#0053a5; }
.sub_bot_bg {width: 100%;}

.apos_head {display: inline-block; position: relative; }
.apos_head > img {position: absolute; top:-35px; width: 35px;}
.apos_head > img.apos1 {left: -50px;}
.apos_head > img.apos2 {right: -50px;}

.sub_table {width: 100%; margin:0 auto; border-collapse: collapse; text-align: left; border-top:2px solid #0053a5; }
.sub_table th { font-size:13px; font-weight: 500; color:#333; padding: 15px; background: #f1f9ff; border-bottom: 1px solid #d6e7f3; width: 150px; word-break: keep-all;}
.sub_table td {padding: 15px; background: #fff; border-bottom: 1px solid #d6e7f3; font-size:13px; font-weight: 300; color:#8f8f8f;word-break: keep-all;}



/*Content CSS*/
#org_chart {text-align: center; overflow: hidden;}
.sub_bot_bg .root_daum_roughmap .wrap_controllers {display: none;}
#org_chart .sub_p {margin: 20px 0 0;}
#org_chart .sub_p::after {content: ''; display: block; width: 1px; height: 30px; background: #000; margin: 25px auto;}


.loc_list {}
.loc_list li {width: 100%;  background: #fff; position: relative; padding: 30px; text-align: left; z-index: 1; margin-bottom: 20px; display: flex; align-items: center;}
.loc_list li:last-child {margin-right: 0;}
.loc_list li::before {content: ''; display: block; width: 100%; height: 100%; transition: all .3s ease ; border: 2px solid #ddd; position: absolute; left:0; top:0; z-index: -1;}
.loc_list li .icon {width: 80px; text-align: center; height: 71px; line-height: 71px; transition: transform 500ms;}
.loc_list li .txt {width:calc(100% - 80px); padding-left: 20px;}
.loc_list li h1 {font-size:15px; font-weight: 700; color:#333; font-family: 'Montserrat'; margin:0 0 10px ; transition: color .3s ease; }
.loc_list li h2 {font-size:17px; font-weight: 400; color:#666; font-family: 'NanumSquare',sans-serif;}
.loc_list li p {font-size:13px; font-weight: 300; color:#666; line-height: 24px; letter-spacing: -.35px; word-break: keep-all;}
/* hover */
.loc_list li:hover::before {border-color: #0053a5; }
.loc_list li:hover .icon {transform: rotateY(180deg);}
.loc_list li:hover h1 {color:#0053a5;}





@media screen and (max-width: 600px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width:1200px) {

}