@charset "utf-8";

/* sub-common : s */
.doc-title-box{display:flex; align-items:center; justify-content:space-between; background: #f7f7f7; margin-bottom: 50px;}
.doc-title-box .txt-box {padding: 30px 20px 30px 60px;}
.doc-title-box .txt-box dt {font-size: 23px; color: #2176b3; font-weight: 700; letter-spacing: -.03em; line-height: 2em;}
.doc-title-box .txt-box dd {color: #666; font-weight: 500; font-size: 18px; letter-spacing: -.03em;}
.doc-title-box .txt-box dd span {color: #333; font-weight: 700;}
.doc-title-box.type2 {padding:0px 0px;}
.doc-title-box.type2 .txt-box {margin-left: 0px;}
.doc-tit {font-size:20px; font-weight:500; color:#454545; padding-left:27px;  background:url("../images/sub/sub_dot.png")top 5px left no-repeat; letter-spacing:-.03em; margin-bottom: 6px;}
.doc-line-cnt {padding-left:28px; color: #454545; border-bottom: 1px solid #ddd; padding-bottom: 46px; margin-bottom: 46px;}
.doc-cnt{padding-left:28px; margin-bottom:40px; font-size:16px; color:#454545;}

.txt-border-box {width: 100%; border:1px solid #ddd; background:#f7f7f7; padding:30px 35px; margin-top: 22px;}
.txt-border-box span {font-weight: 500;}
.txt-border-box .dl-box {margin-bottom: 10px;}
.txt-border-box .dl-box:last-box{margin-bottom: 0px;}
.txt-border-box .dl-box dt{color: #454545; font-weight: 500; letter-spacing: -.03em;}
.txt-border-box .dl-box dd{color: #454545; letter-spacing: -.03em; padding-left: 10px;}


.dot-list {padding-left: 10px;}
.dot-list li {position: relative;}
.dot-list>li:before {content: ""; position: absolute; background-color: #656766; left:-10px; top:13px; width: 4px; height: 4px; border-radius:100%; }

.inner-list {}
.inner-list li{text-indent:-110px; padding-left:110px;}
.num-list {margin-bottom: 15px;}
.num-list li{display:flex; font-weight: 400;}
.num-list li span {display: block; vertical-align: text-top; font-weight: 400;}
.line-list {}

.img-line-box {position: relative; border:1px solid #ddd; padding:101px 10px; margin-bottom: 90px;  text-align: center;}
.img-line-box.type2 {padding:54px 10px;}
.img-line-box.type3 {padding:70px 10px; margin-top: 25px; margin-bottom: 0;}
.img-line-box.type4 {padding:24px 10px; margin-top: 25px; margin-bottom: 0;}
.img-line-box.mml {padding:70px 10px; margin-top: 25px; margin-bottom: 0;}

span.color-point {color:#166ba9; font-weight: 500;}

.table-box table{width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #222; letter-spacing:-.03em; text-align:center; margin-top: 30px;}
.table-box thead th {font-size:17px; font-weight:500; color:#333; background:#f7f7f7; border:1px solid #ddd; padding:11px 5px; letter-spacing:-.03em;}
.table-box tbody th {font-size:16px; font-weight:500; color:#333; border:1px solid #ddd; padding:11px 5px; letter-spacing:-.03em;}
.table-box tbody td {font-size:16px; color:#454545; border:1px solid #ddd; padding:24px 28px; letter-spacing:-.03em;}
.table-box table th:first-child,
.table-box table td:first-child {border-left:0 !important;}
.table-box table th:last-child,
.table-box table td:last-child {border-right:0 !important;}
.table-box table.type1 tbody th {line-height:1.5em;}
/* sub-common : e */


/* 회사소개 */
.greeting {display:flex;}
.greeting-img {width:445px; padding-right: 50px;}
.greeting-txt {flex:1 1 auto; min-width:0; width:1%; max-width: 710px; letter-spacing:-.03em;}
.greeting-txt h3 {font-family: 'NEXON Lv2 Gothic',sans-serif; color:#022e53; font-size:25px; letter-spacing: 0em; line-height:1.55em; margin-bottom: 22px;}
.greeting-txt h3 span {color:#166ba9;}
.greeting-txt p {color:#454545; font-size:16px; letter-spacing:-.03em; line-height: 1.7em; margin-bottom:16px;}
.greeting-txt p:last-child {text-align: right; margin-bottom: 0px;}
.greeting-txt p span {font-weight:500; color:#333;}

.management {border-top: 2px solid #222;}
.management .management-list {}
.management .management-list li {display: flex; align-items:center; border-bottom: 1px solid #ddd;	padding: 20px 5px;}
.management .management-list li:nth-child(1) .icon-box .icon {background-image:url("../images/sub/management_01.png")}
.management .management-list li:nth-child(2) .icon-box .icon {background-image:url("../images/sub/management_02.png")}
.management .management-list li:nth-child(3) .icon-box .icon {background-image:url("../images/sub/management_03.png")}
.management .management-list li:nth-child(4) .icon-box .icon {background-image:url("../images/sub/management_04.png")}
.management .management-list li:nth-child(5) .icon-box .icon {background-image:url("../images/sub/management_05.png")}
.management .management-list .icon-box{margin-left: 50px; margin-right: 20px;  flex:1 1 87px;  max-width:87px;  text-align: center; margin-right: 40px;}
.management .management-list .icon-box .icon {width:100%; height:87px; background-color:#f7f7f7; background-repeat:no-repeat; background-position:50% 50%; border-radius: 100%;}
.management .management-list .cnt {flex:1 1 auto; width:1%; font-size: 18px; letter-spacing: -.03em; line-height: 1.7em; font-weight: 500;}
.management .management-list .cnt:after {content: ''; display: block; clear: both;}
.management .management-list .cnt .num{width:18px; display: block; float:left; color: #1c9bee; font-weight: 700; margin-right: 10px;}
.management .management-list .cnt .txt { width:calc(100% - 28px); display: block; float:left; color: #454545;}

.history {position:relative;}
.history:before {position: absolute; content:""; display: block; width:4px; height:100%; background:#f4f4f4; left:0; top:0; right:0 ;margin: 0 auto;}
.year-group {margin:0 0 95px;}
.year-group:last-child	 {margin:0 0 0px;}
.year-group:after{content:"";display:block;clear:both;}
.year-group .year {position:relative; float:left; width:50%; padding-right:169px; font-family: 'NEXON Lv2 Gothic',sans-serif; font-size:45px; ;color:#333; font-weight: 700;  margin-bottom:13px; text-align:right;}
.year-group .year:before {content:""; position:absolute; height:1px; background-image: linear-gradient(to right, #cecece 22%, rgba(255,255,255,0) 28%);background-position: bottom;background-size: 7px 2px;/*점선 간격 수정*/background-repeat: repeat-x;padding-bottom: 15px; width: 27%;right: 0;}
.year-group .year:after {content:""; position:absolute; width:23px; height:23px; border-radius:100%; border:6px solid #000; background:#fff; right:-12px; top:1px;}
.year-group .con-box {position:relative; float:right; width:50%; padding-left:23px; margin-top:64px;}
.year-group:last-child .con-box:after {content:""; position:absolute; display:block; width:4px; height:33%;background:#fff; bottom:0px; left:-2px; z-index:0;}
.year-group .year-list ul li {position:relative; margin-bottom:3px; }
.year-group .year-list ul li:before {content:""; position: absolute; background:#0b77c4 no-repeat; border-radius:100%; top:17px; line-height: 1.5em; margin-top: -5px; left:-28px; width:11px; height:11px; z-index:4; margin-bottom: 5px;} 
.year-group .year-list ul li span {display:inline-block; color: #666; vertical-align: text-top;}
.year-group .year-list ul li span.month {margin-right: 17px; font-weight: 500;}

.org-box {text-align: center;}
.org-m {display: none;}

.designation {text-align: center;}
.designation .title-img {margin-bottom: 82px;}
.designation .img-line-box:last-child {margin-bottom: 0px;}
.designation .img-line-box .tit {position: absolute; z-index: 1; padding:11px 40px; font-size: 17px; font-weight: 700; color: #fff; background:#0b77c4; letter-spacing: -.03em; top:-25px; left:50%; margin-left: -85px; border-radius:50px;}

.partners ul {display:flex; flex-wrap:wrap; padding-left:1px;}
.partners ul li {width:25%;  border: solid 1px #dfdfdf; margin-left:-1px; margin-bottom:-1px;  padding:35.5px 5px; text-align:center;}
.partners ul li .tit {margin:20px 0 15px; color: #454545; font-size:16px; line-height:1.4em; padding:0 5px}



.location-map {width:100%; height:500px;}
.location-map .root_daum_roughmap {width:100% !important;}
.location-map .wrap_map {width:100% !important;}
.wrap_controllers {display:none;}
.root_daum_roughmap, .wrap_map {width:100% !important;height:100% !important;}
.location-info ul li {border-bottom: 1px solid #ddd;}
.location-info ul li:after {display: block; clear:both; content:"";}
.location-info ul li .tit { float: left; font-size:16px; color:#242424; font-weight:500; padding:26px 65px 26px 75px; width:175px; }
.location-info ul li .tit.tit-icon01 {background:url("../images/sub/location_icon_01.png")34px center no-repeat;}
.location-info ul li .tit.tit-icon02 {background:url("../images/sub/location_icon_02.png")34px center no-repeat;}
.location-info ul li .tit.tit-icon03 {background:url("../images/sub/location_icon_03.png")34px center no-repeat;}
.location-info ul li .txt {float:left; width:calc(100% - 200px); font-size:16px; color:#454545; font-weight:400; padding:26px 0;}


/*업무소개*/

.table-box table.type2 {margin-top: -20px;}
.table-box table.type2 tbody th {font-size:17px; font-weight:500; color:#333; background:#f7f7f7; border:1px solid #ddd; padding:16px 5px; letter-spacing:-.03em;}
.table-box table.type2 tbody td {font-size:16px; color:#454545; border:1px solid #ddd; padding:16px 5px; letter-spacing:-.03em; line-height: 1.5em;}

.gallery {display:flex; flex-wrap:wrap; margin: 14px -24px 0;}
.gallery>li {width:33.3333%; padding:0 24px; margin-bottom: 56px;}
.gallery li .txt {margin-top: 22px;}
.gallery li .txt p {font-size: 22px; font-weight: 500; color: #333; letter-spacing: 0; line-height: 1.25em; text-align: center;margin-bottom: 13px;}
.gallery li .txt ul {}
.gallery li .txt ul li {line-height: 1.7em; letter-spacing: -.03em;}

.healthwork {display: flex; flex-wrap: wrap; margin-bottom: 40px;}
.healthwork .box-2 {width:50%;}
.healthwork .box-3 {width:33.3333333%;}
.healthwork .line-box {border:1px solid #ddd;  padding:60px 5px 56px; text-align: center; border-left:0; margin-bottom:-1px;}
.healthwork .line-box:nth-child(2n+1) {border-left:1px solid #dfdfdf;}
.healthwork .line-box:last-child {border-left:0}
.healthwork .line-box dl dt {color: #333; font-size: 22px; letter-spacing: -.03em; line-height: 2em; font-weight: 700; margin-bottom: 2px;}
.healthwork .line-box dl dd {color: #454545; font-size: 16px; letter-spacing:-.03em;}
.healthwork .picto-box span {display:block; width: 120px; height: 120px; background-color:#f7f7f7; border-radius:100%; margin:0 auto; background-position: center center; background-repeat:no-repeat; margin-bottom: 17px;}
.healthwork .picto-box span.bg1 {background-image: url("../images/sub/healthwork01.png");}
.healthwork .picto-box span.bg2 {background-image: url("../images/sub/healthwork02.png");}
.healthwork .picto-box span.bg3 {background-image: url("../images/sub/healthwork03.png");}
.healthwork .picto-box span.bg4 {background-image: url("../images/sub/healthwork04.png");}
.healthwork .picto-box span.bg5 {background-image: url("../images/sub/healthwork05.png");}



.full-img {margin-top: -15px;}
.full-img .img-line-box.mml {margin-bottom: 10px;}
.full-img p {color: #454545; font-size: 16px; letter-spacing: -.03em; margin-bottom: 30px;}




/*지원안내*/