/* Common */
.bu1 {background:#f8f8f8; padding:15px 20px;margin:0 0 15px 0; font-size:14px;}
.bu1 > b {font-size:16px; margin-bottom:10px;}
.bu1 > b {font-size:14px;}
.bu1 .list_type{margin:0;}
.bu2{background:url(../img/sub/icon_ball2.gif) no-repeat left 6px;padding:0 0 4px 15px;color:#555;font-size:14px;margin-left:8px; line-height:22px;}
.bu3{background:url(../img/icon_ball3.gif) no-repeat left 9px !important;padding:0 0 4px 12px !important;color:#737373 !important;text-indent:0 !important;}

.tit1{font-size:25px;margin:30px 0 10px 0;font-weight:normal;color:#202020;line-height:129%; background: url(../img/sub/T_Icon.png) 0 4px no-repeat; font-weight: bold; padding-left: 21px; }
.tit {    font-size:25px; color:#202020;
    line-height: 40px;
    letter-spacing: -1px;
    padding-left: 20px;
    background: url(../img/sub/icon_circle.png) no-repeat left center;
}
.tit > b {color:#5fb5aa}
.taL{text-align:left;}
.taC{text-align:center;}
.taR{text-align:right;}

.tbl_head99 {margin:0 0 10px; border-top:2px solid #3c4249;}
.tbl_head99 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head99 thead th {padding:12px 0;border-bottom:1px solid #e9e9e9;background:#fafafa;color:#666666;font-size:14px !important;text-align:center;letter-spacing:-0.1em}
.tbl_head99 thead a {color:#383838}
.tbl_head99 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head99 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head99 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9; color:#666666; background-color:#fafafa; font-size:12px; width:120px; font-weight:normal;}
.tbl_head99 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all; color:#333333; font-size:14px;}
.tbl_head99 a {}
.tbl_head99 .td_num {width:60px; text-align:center;}
.tbl_head99 .td_uniq {width:120px; text-align:center;}
.tbl_head99 .td_company {}
.tbl_head99 .td_name {width:80px; text-align:center;}
.tbl_head99 .td_hp {width:150px; text-align:center;}
.tbl_head99 .td_area {width:90px; text-align:center;}
.tbl_head99 .td_date {width:100px; text-align:center;}
.tbl_frm99 {margin:0 0 20px; /*border-top:2px solid #3c4249;*/}
.tbl_frm99 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm99 th {width:80px;padding:7px 13px;border:1px solid #e9e9e9;background:#fafafa;text-align:left;font-size:14px; font-weight:normal;color:#666666}
.tbl_frm99 td {padding:7px 10px;border:1px solid #e9e9e9;background:transparent;font-size:14px; color:#333333}
.tbl_frm99 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm99 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm99 textarea {width:98%;height:100px}
.tbl_frm99 a {text-decoration:none}
.tbl_frm99 .frm_file {display:block;margin-bottom:5px}
.tbl_frm99 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

.tbl_head98 {margin:0 0 10px; border-top:2px solid #3c4249; border-bottom:1px solid #3c4249;}
.tbl_head98 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head98 thead th {padding:12px 0;border:1px solid #e9e9e9;background:#fafafa;color:#666666;font-size:14px;text-align:center;letter-spacing:-0.1em}
.tbl_head98 thead a {color:#383838}
.tbl_head98 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head98 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head98 tbody th {padding:8px 0;border:1px solid #e9e9e9; color:#666666; background-color:#fafafa; font-size:12px; width:120px; font-weight:normal;}
.tbl_head98 td {padding:8px 5px;border:1px solid #e9e9e9;line-height:1.5em;word-break:break-all; color:#333333; font-size:14px;}
.tbl_head98 a {}
.tbl_head98 .td_num {width:60px; text-align:center;}
.tbl_head98 .td_uniq {width:120px; text-align:center;}
.tbl_head98 .td_company {}
.tbl_head98 .td_name {width:80px; text-align:center;}
.tbl_head98 .td_hp {width:150px; text-align:center;}
.tbl_head98 .td_area {width:90px; text-align:center;}
.tbl_head98 .td_date {width:100px; text-align:center;}
.tbl_frm98 {margin:0 0 20px; /*border-top:2px solid #3c4249;*/}
.tbl_frm98 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm98 th {width:80px;padding:7px 13px;border:1px solid #e9e9e9;background:#fafafa;text-align:left;font-size:14px; font-weight:normal;color:#666666}
.tbl_frm98 td {padding:7px 10px;border:1px solid #e9e9e9;background:transparent;font-size:14px; color:#333333}
.tbl_frm98 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm98 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm98 textarea {width:98%;height:100px}
.tbl_frm98 a {text-decoration:none}
.tbl_frm98 .frm_file {display:block;margin-bottom:5px}
.tbl_frm98 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

section.introduce {color:#555555; position:relative; /*background: url('../img/sub/about01_repair.png') no-repeat bottom;*/}
section.introduce > .about01_desc {width:100%;}
section.introduce > .about01_desc > p {font-size:16px;}
section.introduce > .about01_desc > p.normal {text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color:#555555;}
section.introduce > .about01_desc > p.emphass{font-family:Nanum pen Script; font-size:45px; color:#3f3f3a; font-weight:300;}
section.introduce > .about01_desc > p.emphass > span {color:#15983a}
section.introduce > .about01_desc > p.sign {font-weight:bold; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color:#555555;}
section.introduce > .about01_desc > p.sign > span {font-family:Nanum pen Script; font-size:40px; font-weight:normal;}
section.introduce > .about01_img {width:40%; float:left;}
section.introduce > .about01_img > img {position:absolute;}


/* About us */
#about01 {width:100%; height:auto;}
#about01 .intro_area {font-family:Nanum pen Script; font-size:35px; color:#3f3f3a; font-weight:300;}
#about01 .intro_area > font {color:#ef5151}
#about01 .text_area {overflow:hidden; margin-top:30px; color:#555555; font-size:14px;}
#about01 .text_area .half_left {width:340px; float:left; text-align:justify;}
#about01 .text_area .half_left > span {display:block;}
#about01 .text_area .half_left .text_basic {margin-bottom:15px; display:block;}
#about01 .text_area .half_right {width:362px; float:right; text-align:justify;}
#about01 .sign_area {text-align:right; font-weight: bold; color: #333; font-size: 14px; margin:20px 0 40px;}
#about01 .sign_area > span {font-size:30px; font-family:Nanum Pen Script; font-weight:normal;}
/* 미션 & 비전 */
#about02 {width:100%; height:auto;}
#about02:after {display:block;visibility:hidden;clear:both;content:""}
#about02 .about02_left {float:left; width:335px;}
#about02 .about02_right {float:right; width:364px;}
#about02 h2 {color:#15983a; font-size:22px; font-family:Noto Bold;}
#about02 span {font-family:Noto Medium; background-color:#15983a; display:block; color:#fff; font-size:16px; padding:5px 8px; border-radius:10px; width:335px;}
#about02 p {margin:5px 0 20px; color:#555555; font-size:14px;}

/* 서비스 안내 */
#service01 {width:100%; height:auto;}

#service02 {width:100%; height:auto;}

#service03 {width:100%; height:auto;}

/* 솔루션 */
#solution01 {width:100%; height:auto;}
#solution02 {width:100%; height:auto;}
#solution03 {width:100%; height:auto;}
#solution04 {width:100%; height:auto;}
#solution05 {width:100%; height:auto;}
#solution06 {width:100%; height:auto;}

/* 부가 서비스 */
#additional01 {width:100%; height:auto;}
#additional02 {width:100%; height:auto;}
#additional03 {width:100%; height:auto;}

/* 멤버쉽 */
#mbs03 {width:100%; height:auto;}
#mbs03 .round_180 {display:block; width:180px; height:180px; line-height:180px; text-align:center; color:#fff; background-color:#15983a; font-size:120px; border-radius:50%; margin:50px 0 20px;}
#mbs03 .mbs03_txt {color:#555555; font-size:14px;}
#mbs03 .mbs03_date {display:block;margin-top:10px;}
#mbs04 {width:100%; height:auto;}
#mbs04 .dot01 {background: url('../img/sub/contDot_01.gif') no-repeat 10px 50%; padding-left:25px}
#mbs04 .subH4s {color:#e83531; font-size: 18px; margin-bottom: 10px;}
#mbs04 .subH4s span {font-style: italic; color:#8ea1c6; font-weight: normal; display: inline-block; width:30px;}
#mbs04 .subH4s2 {color:#e83531; font-size: 15px; margin-bottom: 10px; padding-left:30px;}
#mbs04 .subH4s2 span {font-style: italic; color:#8ea1c6; font-weight: normal; display: inline-block; width:30px;}
#mbs04 .contBasic2 {width:700px; margin-left:28px; text-align: justify; margin-bottom: 25px; font-size:14px; color:#555555}
#mbs04 .contBasic2 span {font-size:18px;font-weight:bold;color:red;}
#sitemap {width:728px; height:500px; height:auto !important; min-height:500px;}
#sitemap .sitemap_space {float:left; width:20px;}
#sitemap .sitemap_area {float:left; width:167px;}
.sitemap_area h2 {text-align:center; font-size:18px; padding:10px 0; background-color:#e83531; color:#fff}
.sitemap_area ul {padding:0; margin:0 0 20px; list-style:none; width:165px; height:auto; border:1px solid #e4e4e4;}
.sitemap_area ul li {font-size:14px; padding-left:10px; margin:5px 0;}
.sitemap_area ul li a {color:#555555}
.sitemap_area ul li:hover a {color:#e83531}

/* TAB */
.WB_TabMenu {width:100%; height:29px;/* border-bottom:1px solid #d7d7d7; */margin:20px 0;}
.WB_TabMenu ul {margin:0; padding:0; list-style:none;}
.WB_TabMenu li {float:left; font-size:14px;}
.WB_TabMenu a {padding:10px 30px; border:1px solid #d7d7d7; background:#f8f8f8; text-decoration: none;}
.WB_TabMenu a:hover {}
.Tab_Last a {border-right:1px solid #d7d7d7;}
.WB_TabMenu a.Tab_On {border:1px solid #86c8eb !important; background:#86c8eb !important; font-weight:600; color:#fff}

/* Sub Page - 업데이트 */
.noContent > img {border:0;}
.noContent > p {font-size:50px; text-align:center; font-family:Nanum Pen Script; margin:15px 0 40px;}
.noContent > p > font {color:#15983a}

/* ETC */
.bu1 {background:#f8f8f8; padding:15px 20px;margin:0 0 15px 0;font-size:16px; color:#3f3f3a}
.bu1 > strong {display:block; font-size:16px;}
.bu1 .list_type{margin:0;}
.bu2{background:url('../img/sub/icon_ball2.gif') no-repeat left 10px;padding:0 0 4px 15px;color:#555;font-size:16px;margin-left:8px; line-height:22px;}
.bu3{padding:0 0 4px 12px !important;text-indent:0 !important;font-size:16px; color:#3f3f3a}
/*.tit {font-size:18px; font-weight:bold; color:#101010;}*/
.tit1{font-size:25px;margin:30px 0 10px 0;font-weight:normal;color:#202020;line-height:129%; font-weight: bold; padding-left: /*19*/5px; }

.tit {    font-size:25px; color:#202020; font-family:'Noto Bold'; margin-bottom:3px;
    line-height: 40px;
    letter-spacing: -1px;
    padding-left: 20px;
    background: url('../img/sub/icon_circle.png') no-repeat left center;
}
.tit > b {color:#5fb5aa}

.tbl_head99 {margin:0 0 10px; border-top:2px solid #3c4249;}
.tbl_head99 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head99 thead th {padding:12px 0;border-bottom:1px solid #e9e9e9;background:#fafafa;color:#666666;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head99 thead a {color:#383838}
.tbl_head99 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head99 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head99 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9; color:#666666; background-color:#fafafa; font-size:12px; width:120px; font-weight:normal;}
.tbl_head99 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all; color:#333333; font-size:14px;}
.tbl_head99 a {}
.tbl_head99 .td_num {width:60px; text-align:center;}
.tbl_head99 .td_uniq {width:120px; text-align:center;}
.tbl_head99 .td_company {}
.tbl_head99 .td_name {width:80px; text-align:center;}
.tbl_head99 .td_hp {width:150px; text-align:center;}
.tbl_head99 .td_area {width:90px; text-align:center;}
.tbl_head99 .td_date {width:100px; text-align:center;}
.tbl_frm99 {margin:0 0 20px; /*border-top:2px solid #3c4249;*/}
.tbl_frm99 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm99 th {width:80px;padding:7px 13px;border:1px solid #e9e9e9;background:#fafafa;text-align:left;font-size:14px; font-weight:normal;color:#666666}
.tbl_frm99 td {padding:7px 10px;border:1px solid #e9e9e9;background:transparent;font-size:14px; color:#333333}
.tbl_frm99 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm99 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm99 textarea {width:98%;height:100px}
.tbl_frm99 a {text-decoration:none}
.tbl_frm99 .frm_file {display:block;margin-bottom:5px}
.tbl_frm99 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

.tbl_head98 {margin:0 0 10px; border-top:2px solid #3c4249; border-bottom:1px solid #3c4249;}
.tbl_head98 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head98 thead th {padding:12px 0;border:1px solid #e9e9e9;background:#fafafa;color:#666666;font-size:14px;text-align:center;letter-spacing:-0.1em}
.tbl_head98 thead a {color:#383838}
.tbl_head98 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head98 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head98 tbody th {padding:8px 0;border:1px solid #e9e9e9; color:#666666; background-color:#fafafa; font-size:12px; width:120px; font-weight:normal;}
.tbl_head98 td {padding:8px 5px;border:1px solid #e9e9e9;line-height:1.5em;word-break:break-all; color:#333333; font-size:14px;}
.tbl_head98 a {}
.tbl_head98 .td_num {width:60px; text-align:center;}
.tbl_head98 .td_uniq {width:120px; text-align:center;}
.tbl_head98 .td_company {}
.tbl_head98 .td_name {width:80px; text-align:center;}
.tbl_head98 .td_hp {width:150px; text-align:center;}
.tbl_head98 .td_area {width:90px; text-align:center;}
.tbl_head98 .td_date {width:100px; text-align:center;}
.tbl_frm98 {margin:0 0 20px; /*border-top:2px solid #3c4249;*/}
.tbl_frm98 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm98 th {width:80px;padding:7px 13px;border:1px solid #e9e9e9;background:#fafafa;text-align:left;font-size:14px; font-weight:normal;color:#666666}
.tbl_frm98 td {padding:7px 10px;border:1px solid #e9e9e9;background:transparent;font-size:14px; color:#333333}
.tbl_frm98 td span {font-weight:bold; color:#15983a}
.tbl_frm98 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm98 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm98 textarea {width:98%;height:100px}
.tbl_frm98 a {text-decoration:none}
.tbl_frm98 .frm_file {display:block;margin-bottom:5px}
.tbl_frm98 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* TAB */
.WB_TabMenu {width:100%; height:29px;/* border-bottom:1px solid #d7d7d7; */margin:20px 0;}
.WB_TabMenu ul {margin:0; padding:0; list-style:none;}
.WB_TabMenu li {float:left; font-size:16px;}
.WB_TabMenu a {padding:10px 30px; border:1px solid #d7d7d7; background:#f8f8f8; text-decoration: none;}
.WB_TabMenu a:hover {}
.Tab_Last a {border-right:1px solid #d7d7d7;}
.WB_TabMenu a.Tab_On {border:1px solid #15983a; background:#15983a; font-weight:600; color:#fff}

.bu1 {background:#f8f8f8; padding:15px 20px;margin:0 0 15px 0;font-size:16px !imporrant;}
.bu1 .list_type{margin:0;}
.bu2{background:url('../img/icon_ball2.gif') no-repeat left 10px;padding:0 0 4px 15px;color:#555;font-size:16px;margin-left:8px; line-height:22px;}
.bu3{background:url('../img/icon_ball3.gif') no-repeat left 9px !important;padding:0 0 4px 12px !important;color:#737373 !important;text-indent:0 !important; font-size:16px !imporrant;}
.tit {    font-size:18px; color:#202020;
    line-height: 40px;
    letter-spacing: -1px;
    padding-left: 20px;
    background: url('../img/sub/icon_circle.png') no-repeat left center;
	font-family : 'Noto Medium';
}
.tit1{font-family : 'Noto Medium'; font-size:18px;margin:30px 0 10px 0;font-weight:normal;color:#202020;line-height:129%; background: url('../img/bu_h2.gif') 0 4px no-repeat; font-weight: bold; padding-left: 19px; }

span.step_flow { float:left; display:inline-block; width:190px; text-align:left; margin-bottom:20px;}
span.step_flow span.step_head { display:inline-block; width:170px; background:linear-gradient(45deg, #0BAB64, #3BB78F); color:#fff; font-size:13px; padding:5px 0; border-radius:8px 8px 0 0; text-align:center;}
span.step_flow span.step_info { display:inline-block; width:170px; border:1px solid #ddd; border-top:0px; border-radius:0 0 8px 8px; padding:15px 0; font-weight:bold; font-size:16px; text-align:center; min-height:85px;}
span.step_flow span.step_info2 {padding-top:27px;}
span.right_arrow {display:inline-block; width:12px; height:12px; float:left;  margin:-50px 0 0 164px; background:#fff; border-top:1px solid #ddd; border-right:1px solid #ddd; transform: rotate(45deg);}

span.sub_con_view3 {display:inline-block; width:100%; padding:20px 0px 0px 20px; line-height:180%; font-size:15px;}
span.sub_con_view3_in { display:inline-block; width:100%;}

span.step_flow2 { float:left; display:inline-block; width:150px; text-align:left; margin-bottom:20px;}
span.step_flow2 span.step_head { display:inline-block; width:120px; background:linear-gradient(45deg, #0BAB64, #3BB78F); color:#fff; font-size:13px; padding:5px 0; border-radius:8px 8px 0 0; text-align:center;}
span.step_flow2 span.step_info { display:inline-block; width:120px; border:1px solid #ddd; border-top:0px; border-radius:0 0 8px 8px; padding:15px 0; font-weight:bold; font-size:16px; text-align:center; min-height:85px;}
span.step_flow2 span.step_info2 {padding-top:27px;}
span.right_arrow2 {display:inline-block; width:12px; height:12px; float:left;  margin:-50px 0 0 114px; background:#fff; border-top:1px solid #ddd; border-right:1px solid #ddd; transform: rotate(45deg);}

span.sub_con_view4 {display:inline-block; width:100%; padding:20px 0px 0px 20px; line-height:180%; font-size:15px;}
span.sub_con_view4_in { display:inline-block; width:100%;}

a.popup_btn {border:1px solid #31b486; color:#31b486; background-color:#fff; padding:10px 15px; margin:20px 10px; text-decoration:none;}
a.popup_btn:hover {background-color:#31b486; color:#fff;}

p.popup_btn {border:1px solid #31b486; color:#31b486; background-color:#fff; padding:10px 15px; margin:20px 10px; text-decoration:none;}
p.popup_btn:hover {background-color:#31b486; color:#fff;}
.tab-bar {padding:0px; list-style:none; margin:0;}
.tab-bar li {border: 1px solid #ddd; border-right: none; box-sizing: border-box; float: left; text-align: center; font-size: 18px; padding: 13px 0; background:#fff;}
.tab-bar li:last-child {border-right: 1px solid #ddd;}
.tab-bar li:hover, .tab-bar li.on {background:#15983a;}
.tab-bar li:hover a, .tab-bar li.on a {color: #fff;}
.tab-bar li a {position: relative;}

.tab-bar2 li {width: 50%;}

.supp_type {list-style:none;}
.supp_type li:first-child {float:left; width:45%; margin-right:3%; border:1px solid #d7d7d7; min-height:123px; padding:10px;}
.supp_type li:nth-child(2) {float:right; width:45%; border:1px solid #d7d7d7; min-height:123px; padding:10px;}
.supp_type li b {font-size:16px; font-family:'Noto Medium'; font-weight:bold;}
@media (max-width: 900px) {
.supp_type li {width:100% !important; margin-bottom:20px; float:left;}
}
.clr {clear:both;}
.cB::after {display:block; content:''; clear:both;}