@charset "utf-8";

/* 공통 */
.doc-tit {padding-left:34px; margin-bottom:10px; color:#000; font-size:24px; line-height:1.3em; background:url("../images/sub/bullet.png") 0 5px no-repeat;}
.doc-tit.mg {margin-bottom:40px;}

.doc-cnt {margin-bottom:60px; line-height:2em;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-cnt.indent {margin-left:10px;}

.font-b {font-size:18px; color:#000;}

.dot-list > li{position:relative; padding-left:13px; font-size:16px; color:#555;}
.dot-list > li:before {content:""; display:block; width:3px; height:3px; background-color:#555; border-radius:100%; position:absolute; left:0; top:13px;}

.hypen-list > li {padding-left:.6em; text-indent:-.6em;}

/*협회소개*/
.level-img {margin:40px 0 0 29px;}

.history-tab {text-align:center; margin-bottom:35px;}
.history-tab ul {display:inline-flex; flex-wrap:wrap;}
.history-tab ul li a {color:#000; display:block; width:118px; font-family:'NanumSquare', sans-serif; font-size:26px; line-height:54px; font-weight:700; border-radius:5px;}
.history-tab ul li a:hover {color:#164885}
.history-tab ul li.active a {color:#fff; background:#164885;}

.history {display:flex; padding:45px 34px; border-top:2px solid #717171; border-bottom:1px solid #e7e7e7;}
.history .img {width:330px; margin-right:55px;}
.history .cnt {flex:1 1 auto; min-width:0; width:1%;}
.history .year {font-family:'Noto Sans KR',sans-serif; font-size:22px; font-weight:700; color:#000; line-height:1.3em; margin-bottom:15px; margin-top:-5px;}
.history table{width:100%; border-collapse:collapse; border-spacing:0px; font-family:'Noto Sans KR',sans-serif; line-height:1.5em;}
.history table th {padding:3px 0; color:#000; width:140px; font-weight:500; vertical-align:top; text-align:left;}
.history table td {padding:3px 0; color:#555; vertical-align:top;}

.join-info {display:flex; padding:54px 50px 75px; margin-bottom:65px; border:1px solid #ccc;}
.join-info .icon {width:207px;}
.join-info .cnt {flex:1 1 auto; min-width:0; width:1%; margin-top:-5px;}
.join-info .up-box {margin-bottom:45px;}
.join-info .up-box h3 {font-size:24px; line-height:1.3em; color:#000; margin-bottom:13px;}
.join-info .up-box p {color:#555; line-height:2em;}
.join-info .down-box {display:flex; margin:0 -17px;}
.join-info .down-box .col {width:50%; max-width:402px; padding:0 17px;}
.join-info .down-box .btn {display:flex; justify-content:center; align-items:center; padding:10px; height:100px; border-radius:15px; color:#fff; font-size:24px; font-weight:700; line-height:1.3em;}
.join-info .down-box .btn span:before{top: 0; left: 52px; content:""; display:inline-block; vertical-align:middle; margin:-.2em 13px 0 0; width:20px; height:23px; background:url("../images/sub/join_list.png") 50% 50% no-repeat;;}
.join-info .down-box .btn.type1 {background:#164885}
.join-info .down-box .btn.type2 {background:#009bce}
.join-info .down-box .txt {margin:18px 0 0 30px; color:#555; font-weight:700;}

.bnr-call {display:flex; height:133px; align-items:center; background:#164885; color:#fff; font-size:26px; font-weight:700; line-height:1.3em; padding:0 45px; border-radius:80px;}
.bnr-call .ico {width:88px; margin-right:27px;}
.bnr-call .txt {flex:1 1 auto; min-width:0; width:1%;}

.local-info{background:#fcfcfc; }
.local-info li{display:inline-block; padding:34px 10px;}
.local-info li div{display:inline-block; vertical-align:middle; font-size:18px; color:#666666; font-family:'Noto Sans KR',sans-serif; padding: 0 9px;}  
.local-info li .txt span{font-size:16px;}

.local-map .root_daum_roughmap { width: 100% !important;}

/*함께달리기과제*/
.pro-table table {border-top:#000 2px solid; color:#555555;border-collapse: collapse; width:100%;}
.pro-table th {background:#fdfdfd; font-weight:700; text-align:center; border:#cccccc 1px solid; padding: 8px 0;}
.pro-table td {border:#cccccc 1px solid; padding: 8px 15px;}
.pro-table tr th:first-child,
.pro-table tr td:first-child {border-left:0 !important;}
.pro-table tr th:last-child,
.pro-table tr td:last-child {border-right:0 !important;}
.pro-table.cen table {text-align:center;}

.shot-table{display:flex; padding:20px 0 95px;}
.shot-table table{border-top:#000 2px solid; width:378px; color:#000; border-collapse: collapse; font-weight:700; line-height:1.3em;}
.shot-table .bg{background:#fdfdfd;}
.shot-table th{padding: 13px; border-bottom:#cccccc 1px solid;}
.shot-table td{padding: 10px 2px 10px 3px; border-bottom:#cccccc 1px solid; width:50%} 
.shot-table td:first-child{ padding-left:21px; padding-right:3px;}
.shot-table tr th:first-child
.shot-table tr td:first-child {border-left:0 !important;}
.shot-table tr th:last-child,
.shot-table tr td:last-child {border-right:0 !important;}
.shot-table .img {margin:2px 0 0 30px; text-align:right;  flex:1 1 auto; min-width:0; width:1%;}

.partner-logo {padding-top:45px; border-top:1px solid #000;}
.partner-logo ul {display:flex; flex-wrap:wrap; margin:-13px -20px;}
.partner-logo ul li{width:25%; padding:13px 20px;}
.partner-logo.type2 ul {margin:-10px;}
.partner-logo.type2 ul li {width:20%; padding:10px;}
.partner-logo.type3 ul {margin:-8px;}
.partner-logo.type3 ul li {width:16.66666666%; padding:8px;}

.doc-cnt-bg {position:relative; font-size:20px; font-weight:700; background:#dbebff; margin-bottom:30px; color:#000; line-height:1.7em; padding:11px 10px 11px 57px; border-radius:6px;}
.doc-cnt-bg:before{content:"";  top:20px; left:16px; position:absolute; width:25px; height:21px; background:url("../images/sub/check_icon.png") 50% 50% no-repeat;}
.doc-cnt-bg .tit {font-size:26px;}

.num-list {font-size:20px; font-weight:700; line-height:1.5em; color:#000; margin-left:12px; margin-top:20px;}
.num-list > li {position:relative; padding-left:35px; margin-bottom:10px} 
.num-list .num {position:absolute; top:0; left:0; color:#fff; width:26px; height:26px; text-align:center; line-height:26px; background:#0070c0; border-radius:100%;}
.num-list .dot-list {margin:5px 0 17px -10px; font-weight:400;}

.company-top>div {width:50%; }
.company-top{display:flex; flex: 1 1 auto; align-items: flex-end; margin-bottom:28px;}
.company-info p{font-size:18px; color:#000; font-weight:700; margin-bottom:13px;line-height:1.7em;}
.company-info .dot-list{margin-left:22px;}
.company-info .dot-list li{line-height:1.45em;  font-size:18px; }

.flex-box{display:flex; margin-bottom:35px;}
.flex-box .txt-box{margin-left:30px; margin-top: 8px; flex:1 1 auto; min-width:0; width:1%; color:#000;}
.flex-box .txt-box strong{font-size:20px; font-weight:700;}

.work-img-box{margin-bottom:35px;}
.black li{color:#000;}
.black.width50 .dot-list{ width:50%}
.black {display:flex; flex: 1 1 auto; margin-bottom:35px;}

.performance-tab {text-align:center; border-bottom:1px solid #ccc; padding:0 70px 40px; margin-bottom:40px;}
.performance-tab ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.performance-tab ul li {padding:0 15px; width:25%;}
.performance-tab ul li a {display:block; padding:16px; background:#104b9f; color:#fff; border-radius:12px; line-height:1.3em;}
.performance-tab ul li a strong {font-size:24px; display:inline-block; line-height:1.3em; margin-bottom:5px;}

/* 국제협력 */
.doc-top-text {font-size:18px; line-height:1.833em; margin-bottom:23px;}

.support-box {border:1px solid #ccc; text-align:center; padding:40px 40px 55px;}
.support-box ul {margin:40px auto 0; display:flex; justify-content:space-between; max-width:1030px;}
.support-box ul li {padding:0 15px;}

.jic-history {margin-top:10px;}
.jic-history ul li {position:relative; padding-left:70px;}
.jic-history ul li:before {content:"-"; position:absolute; top:0; left:0; color:#000;}
.jic-history ul li strong {position:absolute; top:0; left:10px; color:#000;}

.doc-wrap {display:flex;}
.doc-cnt-left {flex:1 1 auto; min-width:0; width:1%;}
.doc-cnt-right {width:50%; padding-left:20px; text-align:right;}

.lcg-images {margin-top:100px; text-align:center;}
.lcg-images .img {margin-bottom:150px;} 
.lcg-images .img:last-child {margin-bottom:0;}

.cosd-wrap {background:#f9f9f9 url("../images/sub/cosd_bg.png") 94% 100% no-repeat; padding:25px 40px; border-radius:10px; margin-top:20px;}
.cosd-wrap ol {font-weight:700; line-height:1.5em; color:#000;}
.cosd-wrap ol > li {position:relative; padding-left:38px; margin-bottom:9px} 
.cosd-wrap ol > li:last-child {margin-bottom:0;}
.cosd-wrap .num {position:absolute; top:-1px; left:0; color:#fff; width:25px; height:25px; text-align:center; line-height:25px; background:#164885; border-radius:100%;}

.cosd-logo {text-align:center; padding:24px; border:1px solid #ccc; margin-top:30px;}

.tech-center ul {display:flex; flex-wrap:wrap; margin:-24px;}
.tech-center ul li {width:50%; padding:24px;}

.doc-posts {padding:37px; background:#fafafa; border:1px solid #ccc; color:#000;}
.doc-posts h3 {padding-left:34px; margin-bottom:20px; font-size:24px; line-height:1.3em; background:url("../images/sub/icon_list.png") 0 3px no-repeat;}
.doc-posts ul {margin-left:45px;}
.doc-posts ul li {position:relative; padding-left:15px; margin-bottom:6px; line-height:1.5em;}
.doc-posts ul li:last-child {margin-bottom:0;}
.doc-posts ul li:before {content:""; position:absolute; top:10px; left:0; width:4px; height:4px; background:#000; border-radius:100%;}
.doc-posts ul li a:hover {text-decoration:underline;}

/* 표준활동 */
.biz-table {margin-bottom:50px; font-size:18px; line-height:1.7em;}
.biz-table .txt {color:#000; margin:0 0 20px 15px;}
.biz-table .row {display:flex; margin:0 -5px; text-align:center;}
.biz-table .col {width:50%; padding:0 5px;}
.biz-table .col dt {display:flex; justify-content:center; align-items:center; padding:5px; background:#164885; height:53px; border-radius:20px; color:#fff; font-weight:700; margin-bottom:8px;}
.biz-table .col dd {display:flex; justify-content:center; align-items:center; padding:10px; background:#f3f3f3; height:130px; border-radius:20px; color:#000;}
.biz-table .col:nth-child(even) dt {background:#19d2f2}

.iec-wrap {padding:30px 34px; margin-bottom:77px; border:1px solid #ccc; border-radius:10px;}
.iec-wrap .logo {margin-bottom:25px;}
.iec-wrap .t1 {color:#888888; font-size:26px; line-height:1.5em; margin-bottom:30px;}
.iec-wrap .t1 strong {color:#164885; font-weight:800;}
.iec-wrap .t2 {color:#164885; font-size:20px; line-height:1.5em; margin-bottom:10px;}
.iec-wrap .t3 {color:#555; font-size:18px; line-height:1.5em; margin-bottom:28px;}
.iec-wrap .link {display:flex; align-items:flex-start; font-size:18px; line-height:1.5em;}
.iec-wrap .link dt {min-width:149px; padding:0 20px; text-align:center; color:#fff; font-weight:700; line-height:40px; background:#164885; border-radius:20px; margin-right:17px;}
.iec-wrap .link dt:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 10px 0 0; width:19px; height:19px; background:url("../images/sub/icon_doc.png") 50% 50% no-repeat;}
.iec-wrap .link dd {flex:1 1 auto; min-width:0; width:1%; padding-top:5px; word-break:break-all;}
.iec-wrap .link dd a {display:inline-block; color:#297cdc; text-decoration:underline;}

.table-tit {color:#000; font-size:20px; line-height:1.3em; margin:0 0 12px 10px;}