.row_radius.style01{margin-top: 50px;}
.row_radius .radius_box{display: inline-flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 40px; width: 207px; height: 170px; border: 2px solid; -webkit-border-radius: 10px; border-radius: 10px;}
.row_radius .radius_box .num{font-size: 18px; font-weight: 600; text-align: center;}
.row_radius .radius_box .txt{font-size: 18px; font-weight: 600; text-align: center;}
.row_radius .radius_box i{display: block; width: 100%; height: 48px; background-repeat: no-repeat; background-position: center; margin-bottom: 20px;}
.row_radius .radius_box.box_1{color: #187fa5; border-color: #187fa5;} /* 202311 웹접근성 */
.row_radius .radius_box.box_2{color: #cf4a07; border-color: #cf4a07;} /* 202311 웹접근성 */
.row_radius .radius_box.box_3{color: #05838a; border-color: #05838a;} /* 202311 웹접근성 */
.row_radius .radius_box.box_4{color: #4661ac; border-color: #4661ac;}
.row_radius .radius_box.box_1 i{background-image: url(../images/sub/ico_sub03_01.png); background-size: 72px 40px;}
.row_radius .radius_box.box_2 i{background-image: url(../images/sub/ico_sub03_02.png); background-size: 52px 48px;}
.row_radius .radius_box.box_3 i{background-image: url(../images/sub/ico_sub03_03.png); background-size: 53px 46px;}
.row_radius .radius_box.box_4 i{background-image: url(../images/sub/ico_sub03_04.png); background-size: 42px 46px;}

.row_radius.style02{margin-top: 80px;text-align: center;}
.row_radius.style02 .radius_box{width: 220px; height: 110px; background-color: #f8f8f8; border: 1px solid #ddd; border-radius: 50px; position: relative;}
.row_radius.style02 .radius_box::after{content: '';width: 20px;height: 20px;background-image: url(../images/common/icon_plus3.png);background-repeat: no-repeat;-webkit-background-size: contain;background-size: contain;position: absolute;right: -33px;top: 50%;margin-top: -9px;}
.row_radius.style02 .radius_box:last-child::after{display: none;}
.row_radius.style02 .radius_box .txt{margin: 0; font-weight: 400; font-size: 16px; line-height: 1.5;}

.square_title{margin-top: 60px; text-align: center;}
.square_title strong{display: inline-block; width: 370px; height: 50px; line-height: 50px; background-color: #f5f8fa; border: 1px solid #ddd; font-size: 16px; color: #040000;}
.square_title.style01{margin-top: 40px;}
.square_title.style01 strong{width: 100%; background-color: #fff; color: #4d4d4d; border: 1px dashed #d3d3d3;font-weight: 500;}

.txtBox_wrap{display: flex; align-items: flex-end;}
.txtBox_wrap .txtBox_header{width: 80px;margin-right: 36px;}
.txtBox_wrap .txtBox_header > div{display: flex;  flex-direction: column; align-items: center; justify-content: center; background-color: #f5f8fa; border: 1px solid #ddd; text-align: center;}
.txtBox_wrap .txtBox_header .cnt_tit{min-height: 130px;}
.txtBox_wrap .txtBox_header .cnt_result{min-height: 260px;border-top: none;}
.txtBox_section.style04 {margin-top: 60px; flex-basis: calc(100% - 116px);}
.txtBox_section.style04 .txtBox{width: calc(25% - 58px); border-radius: 10px 10px 0 0; position: relative; border: 1px solid; text-align: left;}
.txtBox_section.style04 .txtBox::after {content: ""; display: block; background-image: url(../images/sub/rightArrow_v2.png); width: 31px; height: 25px; position: absolute; right: -50px; top: 50%;}
.txtBox_section.style04 .txtBox::after {right: -54px;}
.txtBox_section.style04 .txtBox:last-child:after {display: none;}
.txtBox_section.style04 .txtBox.arr::after{display: block;top: -44px;left: 50%;transform: rotate(90deg);margin-left: -12px;}
.txtBox_section.style04 .txtBox .tit{color: #fff; font-size: 16px; font-weight: 500; border-radius: 9px 9px 0 0; text-align: center;}
.txtBox_section.style04 .txtBox .cnt_box{padding: 20px 20px 0; min-height: 130px; font-size: 16px; color: #666;}
.txtBox_section.style04 .txtBox .cnt_box p{font-size: 16px; color: #666;}
.txtBox_section.style04 .txtBox .cnt_box > ul > li{font-size: 16px; color: #666; padding-left: 14px; position: relative; word-break: keep-all;}
.txtBox_section.style04 .txtBox .cnt_box > ul > li em{display: block; margin-top: 5px; font-size: 14px;}
.txtBox_section.style04 .txtBox .cnt_box > ul > li::before{content: '';width: 5px; height: 5px; border-radius: 5px; background-color: #0b9ccc; position: absolute; left: 0; top: 10px;}
.txtBox_section.style04 .txtBox .cnt_box.style01{border-bottom: 1px solid #1385ba; min-height: 260px;}
.txtBox_section.style04 .txtBox .cnt_box.style01 > ul > li{margin-top: 15px;}
.txtBox_section.style04 .txtBox.box1{border-color: #1385ba;}
.txtBox_section.style04 .txtBox.box1 .tit{background-color: #277fa5;} /* 202311 웹접근성 */
.txtBox_section.style04 .txtBox.box2{border-color: #1385ba;}
.txtBox_section.style04 .txtBox.box2 .tit{background-color: #2a6fa7;} /* 202311 웹접근성 */
.txtBox_section.style04 .txtBox.box3{border-color: #1385ba;}
.txtBox_section.style04 .txtBox.box3 .tit{background-color: #0868ab;}
.txtBox_section.style04 .txtBox.box4{border-color: #1385ba;}
.txtBox_section.style04 .txtBox.box4 .tit{background-color: #345bab;}

.table_wrap{display: flex; align-items: flex-start;}
.table_wrap .table_section.size01{max-width: 170px;}
.table_wrap .table_section.size02{max-width: 550px; margin-left: 50px; position: relative;}
.table_wrap .table_section.size02::before{content: ''; width: 21px; height: 21px; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; background-image: url(../images/common/icon_plus02.png); position: absolute; left: -36px; top: 50%; transform: translateY(-50%);}
.table_wrap .table_section.size01 table tr td{height: 274px;}
.table_wrap .table_section table tr td{padding: 10px;}

.table_section.style04{max-width: 720px;}
.table_section.style05 table th {background-color: #ffe4d4;}
.table_section.size01{max-width: 884px;}

.flex_wrap.mentor{max-width: 920px; margin-top: 105px;}
.flex_wrap.mentor > div{display: flex; justify-content: space-between;}
.flex_wrap.mentor .btm{margin-top: 30px;}
.flex_wrap.mentor .flex_box{display: inline-flex; justify-content: center; align-items: center; height: 52px ;font-size: 16px; line-height: 1.5; border: 1px solid #ddd; width: 300px; text-align: center;}
.flex_wrap.mentor .flex_box.style02, .flex_wrap.mentor .flex_box.style03{margin-top: 12px;width: 120px; height: 55px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; color: #fff;}
.flex_wrap.mentor .flex_box.style02{background-color: #c65128;} /* 202311 웹접근성 */
.flex_wrap.mentor .flex_box.style03{background-color: #277fa5;} /* 202311 웹접근성 */
.flex_wrap.mentor .flex_box.style04{width: auto; padding: 0 27px; font-weight: 600; border: none;}
.flex_wrap.mentor .flex_box.arrow01{position: relative;}
.flex_wrap.mentor .flex_box.arrow02{position: relative;}
.flex_wrap.mentor .flex_box.arrow01::before {content: ""; display: block; background-image: url(../images/sub/rightArrow_v2.png); width: 31px; height: 25px; position: absolute; left: -50px; bottom: -30px; transform: rotate(135deg);}
.flex_wrap.mentor .flex_box.arrow01::after {content: ""; display: block; background-image: url(../images/sub/rightArrow_v2.png); width: 31px; height: 25px; position: absolute; right: -50px; bottom: -30px; transform: rotate(45deg);}
.flex_wrap.mentor .flex_box.arrow02::before {content: ""; display: block; background-image: url(../images/sub/rightArrow_v2.png); width: 31px; height: 25px; position: absolute; left: -30px; top: 50%; transform: rotate(180deg); margin-top: -12px;}
.flex_wrap.mentor .flex_box.arrow02::after {content: ""; display: block; background-image: url(../images/sub/rightArrow_v2.png); width: 31px; height: 25px; position: absolute; right: -30px; top: 50%; margin-top: -12px;}

.flex_wrap.os{display: flex;}
.flex_wrap.os .flex_section.style01 .flex_box{width: 300px; height: 50px; line-height: 48px; border: 1px solid #ddd; font-weight: 600; text-align: center; margin-top: 47px;}
.flex_wrap.os .flex_section.style01 .flex_box.style01{background-color: #eef3f7;position: relative;}
.flex_wrap.os .flex_section.style01 .flex_box.style01::after{content: ""; display: block; background-image: url(../images/sub/rightArrow_v2.png); width: 31px; height: 25px; position: absolute; left: 50%; bottom: -36px; margin-left: -15px; transform: rotate(90deg);}
.flex_wrap.os .flex_section.style01 .flex_box.style01.none::after{display: none;}
.flex_wrap.os .flex_section.style01 .flex_box.style02{background-color: #ffe4d4;}
.flex_wrap.os .flex_section.style01 .flex_box.style02:first-child{margin-top: 75px;position: relative;}
.flex_wrap.os .flex_section.style01 .flex_box.style02:first-child::after{content: ''; display: block; background-image: url(../images/sub/arrowTb_s.png);width: 21px;height: 32px;position: absolute; left: 50%; bottom: -41px; margin-left: -10px;}
.flex_wrap.os .flex_section.style01 .flex_box_set{position: relative;}
.flex_wrap.os .flex_section.style01 .flex_box_set::before{content: ''; display: block; background-image: url(../images/sub/arrowTb.png);width: 21px;height: 42px;position: absolute; left: 50%; top: -67px; margin-left: -10px;}
.flex_wrap.os .flex_section.style01 .flex_box_set::after{content: ''; width: calc(100% + 30px); height: calc(100% + 34px); border: 1px dashed #ff6000; top: -17px; left: -15px; right: -15px; bottom: -17px; position: absolute;  -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.flex_wrap.os .flex_section.style02{margin-left: 52px;}
.flex_wrap.os .flex_section.style02 .flex_box{display: flex; align-items: center; justify-content: center; width: 550px; height: 50px; line-height: 1.2; font-weight: 600; border: 1px solid #ddd; margin-top: 47px;}
.flex_wrap.os .flex_section.style02 .flex_box:nth-child(4){margin-top: 75px;}

.flex_wrap.ps{display: flex;}
.flex_wrap.ps .flex_section .flex_box::before{content: '';width: 85px; height: 1px; background-color: #ddd; position: absolute; right: -85px; top: 50%;}
.flex_wrap.ps .flex_section.style01 .flex_box{width: 300px; height: 50px; line-height: 48px; border: 1px solid #ddd; font-weight: 500; text-align: center; margin-top: 47px; font-size: 16px;}
.flex_wrap.ps .flex_section.style01 .flex_box.style01{background-color: #eef3f7;position: relative;}
.flex_wrap.ps .flex_section.style01 .flex_box.style01::after{content: ""; display: block; background-image: url(../images/sub/rightArrow_v2.png); width: 31px; height: 25px; position: absolute; left: 50%; bottom: -36px; margin-left: -15px; transform: rotate(90deg);}
.flex_wrap.ps .flex_section.style01 .flex_box.style01.last::after{bottom: -57px;}
.flex_wrap.ps .flex_section.style01 .flex_box.style02{background-color: #ffe4d4; margin-top: 88px; height: 80px; display: flex; align-items: center; justify-content: center; position: relative;}
.flex_wrap.ps .flex_section.style01 .flex_box.style02:first-child{margin-top: 75px;}

.flex_wrap.ps .flex_section.style02{margin-left: 85px;}
.flex_wrap.ps .flex_section.style02 .flex_box{display: flex; align-items: center; justify-content: center; width: 550px; height: 50px; line-height: 1.2; font-weight: 500; border: 1px solid #ddd; margin-top: 47px;font-size: 16px;}
.flex_wrap.ps .flex_section.style02 .flex_box.mt18{margin-top: 18px; height: 80px;}
.flex_wrap.ps .flex_section.style02 .flex_box_col{display: flex;}
.flex_wrap.ps .flex_section.style02 .flex_box_col .flex_box{margin-top: 18px;}
.flex_wrap.ps .flex_section.style02 .flex_box_col .flex_box.style01{width: 170px; text-align: center; background-color: #EEF3F7; position: relative;}
.flex_wrap.ps .flex_section.style02 .flex_box_col .flex_box.style01::before{content: '';width: 55px; height: 1px; background-color: #ddd; position: absolute; right: -55px; top: 50%;}
.flex_wrap.ps .flex_section.style02 .flex_box_col .flex_box.style02{width: 325px; margin-left: 55px;}



.content_area.type_test .btn_area{text-align: center; width: fit-content; margin: 40px auto 0;}
.content_area.type_test .btn_area::after{content: ''; display: block; clear: both;}
.content_area.type_test .btn_area .btn{border: 1px solid #3b434f; border-radius: 3px; color: #3b434f; background-color: #fff; width: 112px; height: 40px; font-size: 16px; line-height: 38px; display: block; float: left;}
.content_area.type_test .btn_area .btn:last-child{margin-left: 10px;}

.content_area.type_test .table_section table input{width: 100%; text-align: right;}
.content_area.type_test .table_section table td{height: 60px;padding: 10px;}
.content_area.type_test .table_section table th{padding: 11px 0;font-weight: 500;}
.content_area.type_test .table_section table select{width: 100%;height: 40px;border: 1px solid #ccc;padding: 0 10px}
.content_area.type_test .table_section table tr.total{height: 61px; background-color: #f6f6f6;}
.content_area.type_test .table_section{margin-top: 20px;}
.content_area.type_test .tit_wrap.sub{ align-items: center;margin-top: 15px;}
.content_area.type_test .tit_wrap .sub_title{position: relative;padding-left: 20px;font-size: 16px;color: #222;font-weight: 600;letter-spacing: -0.1px;}
.content_area.type_test .tit_wrap .sub_title::before {content: "";display: block;width: 12px; height: 12px;background-image: url(../images/common/order_deco.png);position: absolute; left: 0; top: 7px;}

.content_area.type_test .caution_box{padding: 25px 20px 27px;background-color: #f6f6f6;margin-top: 50px;}
.content_area.type_test .caution_box ul{padding-left: 13px;}
.content_area.type_test .caution_box ul li{position: relative;font-size: 16px;color: #666;padding-left: 8px;margin-top: 7px;line-height: 1.2;letter-spacing: 0.1px;}
.content_area.type_test .caution_box ul li::before{content: "*"; display: inline-block;clear: both;position: absolute;top: 0;left: 0;}
.content_area.type_test .caution_box .title{position: relative;font-size: 16px;font-weight: 500;color: #222;padding-left: 14px;font-weight: 600;margin-bottom: 15px;}
.content_area.type_test .caution_box .title::before {content: ""; display: block; width: 5px; height: 5px; position: absolute; left: 0; top: 10px;background-color: #03b6a5;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}


.content_area.type_test .graph-box{min-height: 250px; background-color: #fff;text-align: unset;margin-top: 25px;}
.content_area.type_test .graph-box.col2{background-color: #fff;}
.content_area.type_test .graph-box.col2:after{content:"";display: block;clear: both;}
.content_area.type_test .graph-box.col2 li{min-height: 300px;float: left;width: 47.5%;margin-right: 2.5%;background-color: #fff;}
.content_area.type_test .graph-box.col2 li:last-child{margin-right: 0;}


.content_area.type_test .graph-box.col3{background-color: #fff;}
.content_area.type_test .graph-box.col3:after{content:"";display: block;clear: both;}
.content_area.type_test .graph-box.col3 li{min-height: 300px;float: left;width: 31%;margin-right: 3.5%;background-color: #fff;}
.content_area.type_test .graph-box.col3 li:last-child{margin-right: 0;}


/* === 검색결과 === */
.search-wrap .section-search {position: relative; padding: 45px 150px 30px 132px; background-color: #f4f4f4;}
.search-wrap .section-search .search-top {display: flex; align-items: center;}
.search-wrap .section-search .search-top select {width: 166px; height: 56px; margin-right: 12px; padding: 0 40px 0 26px; font-size: 16px; border: 0; border-radius: 3px; background: #fff url("../images/sub/ico_select.png") no-repeat right 25px center;}
.search-wrap .section-search .search-top input[type="text"],.search-wrap .section-search .search-top input[type="search"] {width: calc(100% - 520px); height: 56px; border: 0; border-radius: 3px; padding:0 20px;}
.search-wrap .section-search .search-top input[type="search"]:first-child {width: calc(100% - 340px);}
.search-wrap .section-search .search-top input[type="text"] {width: 100%; margin-left: 0;}
.search-wrap .section-search .search-top ~ .ui-checkbox {margin-top: 14px; margin-left: 178px;}
.search-wrap .section-search .bt.search {min-width: 150px; padding: 0 20px; color: #fff; font-size: 16px; font-weight: 600; line-height: 54px; border: 1px solid #015a58; background: #015a58 url("../images/sub/btn_search_bg.png") no-repeat right -29px top 8px; background-size: 99px auto; border-radius: 3px;}
.search-wrap .section-search .bt.filtering{margin-left: 23px; padding-left: 39px; line-height: 18px; font-size: 16px; color: #000; font-weight: 500; background: url("../images/sub/ico_filtering.png") no-repeat left center; background-size: 26px 18px;}

/* Checkbox */
.search-wrap input[type="checkbox"]{position:absolute;top: 0;left: 0;width: 16px;height: 16px;}
.search-wrap .ui-checkbox {display: inline-block; vertical-align: middle; position: relative;}
.search-wrap .ui-checkbox [type="checkbox"]+label {display: inline-block; vertical-align: top; position: relative; padding-left: 25px; cursor: pointer; color: #191919;font-size: 16px; line-height: 16px; font-weight: 300; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;}
.search-wrap .ui-checkbox [type="checkbox"]+label:after {display: none; content: ""; position: absolute; top: 0; left: 0; width: 16px; height: 16px;background: url("../images/sub/ico-checkbox.png") no-repeat top 6px center; background-size: 10px 7px;}
.search-wrap .ui-checkbox [type="checkbox"]+label:before {content: ""; position: absolute; top: 0; left: 0; z-index: 0; width: 16px; height: 16px; border-radius: 2px; background: #fff;border: 1px solid #ccc; -webkit-transition: 0.2s; transition: 0.2s;}
.search-wrap .ui-checkbox [type="checkbox"]:checked+label:before {background: #015a58; border-color: #015a58;}
.search-wrap .ui-checkbox [type="checkbox"]:checked+label:after {display: block;}

.search-wrap .search-term {position: relative; margin-top: 45px; padding: 33px 26px; border: 14px solid #F4F4F4;}
.search-wrap .search-term:after {content: ""; display: block; clear: both;}
.search-wrap .search-term>dt,.search-wrap .search-term>dd {float: left; font-size: 16px; margin-top: 25px;}
.search-wrap .search-term>dt:first-of-type,.search-wrap .search-term>dd:first-of-type {margin-top: 0;}
.search-wrap .search-term>dt {width: 116px; font-weight: 500;}
.search-wrap .search-term>dd {width: calc(100% - 116px);}
.search-wrap .search-term>dd>ol>li>a,.search-wrap .search-term>dd>ul>li>a {color: #666; font-weight: 400;}
.search-wrap .search-term>dd>ol>li,.search-wrap .search-term>dd>ul>li {display: inline-block; margin-right: 30px;}
.search-wrap .search-term>dd>ol>li:before {display: inline-block; vertical-align: middle; width: 18px; margin-right: 5px; line-height: 18px; color: #43945b; font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial; font-size: 14px; font-weight: 600; text-align: center; background: #e2f0e6; border-radius: 100%;}
.search-wrap .search-term>dd>ol>li:first-child:before {content: "1";}
.search-wrap .search-term>dd>ol>li:nth-child(2):before {content: "2";}
.search-wrap .search-term>dd>ol>li:nth-child(3):before {content: "3";}
.search-wrap .search-term>dd>ol>li:nth-child(4):before {content: "4";}
.search-wrap .search-term>dd>ol>li:nth-child(5):before {content: "5";}
.search-wrap .search-term>dd>ol>li:nth-child(6):before {content: "6";}
.search-wrap .search-term>dd>ol>li:nth-child(7):before {content: "7";}
.search-wrap .search-term>dd>ol>li:nth-child(8):before {content: "8";}
.search-wrap .search-term>dd>ol>li:nth-child(9):before {content: "9";}
.search-wrap .search-term>dd>ol>li:nth-child(10):before {content: "10";}

.search-wrap .search-result {margin-top: 60px; font-size: 20px; font-weight: 500;}
.search-wrap .search-result em {color: #015a58; font-weight: 500;}
.search-wrap .search-result span {color: #015a58; font-weight: 500; font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;}

/* Tab */
.search-wrap .ui-tabs {margin-top: 70px;}
.search-wrap .ui-tabs>ul {margin-bottom: 104px; display: flex; justify-content: space-between; align-items: center; gap: 0 10px;}
.search-wrap .ui-tabs>ul>li {width: calc(100%/5); height: 64px; }
.search-wrap .ui-tabs>ul>li a {display: block; font-size: 16px; font-weight: 500; color: #222; text-align: center; line-height: 62px; border: 1px solid #f4f4f4; background-color: #f4f4f4;}
.search-wrap .ui-tabs>ul>li:hover a,.search-wrap .ui-tabs>ul>li:focus a,.search-wrap .ui-tabs>ul>li.active a,.search-wrap .ui-tabs>ul>li.current a {font-weight: 600; color: #015a58; border-color: #015a58; background: #fff url("../images/sub/img_tabs_bg.png") no-repeat right 6px bottom -1px; }
.search-wrap .ui-tabs>ul>li:hover:after,.search-wrap .ui-tabs>ul>li:focus:after,.search-wrap .ui-tabs>ul>li.active:after,.search-wrap .ui-tabs>ul>li.current:after {content: ""; position: absolute; left: 0; bottom: 0; z-index: 0; width: 100%; height: 8px; border-radius: 2px; background: #cce7a4; }
.search-wrap .ui-tabs>div {padding: 0; border: 0; background: none; }

/* 리스트 검색영역 */
.search-wrap .list-panel:not(:first-child){margin-top: 56px;}
.search-wrap .list-panel .list-header{margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center;}
.search-wrap .list-panel .list-header h3{font-size: 18px; color: #000; font-weight: 600;}
.search-wrap .list-panel .list-header .total{font-size: 18px; font-weight: 500; color: #000;}
.search-wrap .list-panel .list-header .total .count{color: #015a58; font-family: Montserrat, "맑은고딕", "맑은 고딕", Malgun Gothic, MalgunGothic, Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial; font-weight: 600;}

/* 리스트 */
.search-wrap .section-list {border-top: 2px solid #4d4d4d;}
.search-wrap .section-list .no-data {padding: 50px 0; text-align: center; border-bottom: 2px solid #D3D3D3;}
.search-wrap .section-list>ul>li {position: relative; z-index: 0; padding: 40px 0 30px; border-bottom: 2px solid #D3D3D3;}
.search-wrap .section-list>ul>li:after {content: ""; display: block; height: 1px; clear: both;}
.search-wrap .section-list>ul>li .l-cont a{color: #666; font-size: 16px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.search-wrap .section-list>ul>li .l-cont strong {display: block; margin-bottom: 20px; color: #000; font-size: 20px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.search-wrap .bt-area.align-r{text-align: right;}
.search-wrap .bt-area.align-r .bt.more{display: inline-block; margin-top: 40px; width: 100px; height: 40px; line-height: 38px; text-align: center; border-radius: 3px; color: #fff; font-size: 16px; background-color: #015a58;}

/* gb/sub_01page */
.skycolored_box_wrap{display: flex; width: 1040px;}
.skycolored_box_wrap .skycolored_box{width: 300px; line-height: 100px; background-color: #F5F8FA; font-size: 18px; font-weight: 500; text-align: center; border-radius: 6px;}
.skycolored_box_wrap .skycolored_box .line_box1{border: 1px solid #0B9CCC;}
.skycolored_box_wrap .skycolored_box .line_box2{border: 1px solid #1385BA;}
.skycolored_box_wrap .skycolored_box .line_box3{border: 1px solid #0868AB;}
.skycolored_box_wrap .arrow_dotted{background: url(../images/sub/arrow_dotted.svg) no-repeat; height: 25px; margin: 0 20px;}

/* Response */
.img_box_wrap{padding-left: 10px;}
.img_box_wrap .img_box{display: inline-block;border: 1px solid #D3D3D3;padding: 30px;}
.img_box_wrap .img_box img{width: 100%;}
.img_box_wrap .img_box .align_c{text-align: center;font-weight: 500;}

.sDot_txt02{padding-left: 10px;position: relative;font-weight: 400;line-height: 22px;font-size: 16px;}
.sDot_txt02::before{content: "";display: block;width: 5px;height: 5px;background-color: #333;position: absolute;top: 8px;left: 0;}
.sDot_txt03{padding-left: 12px;position: relative;font-weight: 400;line-height: 22px;font-size: 16px;}
.sDot_txt03::before {content: "";display: block;width: 6px;height: 1px;background-color: #03B6A5;position: absolute;top: 12px;left: 0;}

.estimate_table{padding-left: 10px;}
.estimate_table table th {border-width: 0 1px 1px 0;padding: 16px;}
.estimate_table table td {border-width: 0 1px 1px 0;padding: 16px;font-size: 15px;}
.estimate_table table td.text_l {text-align: left;}
.estimate_table table td.text_l_top {text-align: left;vertical-align: top;}
.estimate_table.type01 table tbody tr {height: 100px;}
.estimate_table.type02 table tbody tr {height: 140px;}
.estimate_table.type03 table tbody tr {height: 70px;}
.estimate_table.type03 table tbody td:nth-last-child(1) {font-size: 14px;}
.estimate_table .align_c{text-align: center;font-weight: 500;}
.estimate_table .blank{display: flex;gap: 6px;font-size: 14px;padding: 10px 0;}
.estimate_table .blank:hover span{text-decoration: underline;}
.estimate_table .blank::after{content: '';flex: 0 0 auto; width: 16px;height: 16px;background-image: url('../images/common/ico_blank.png');background-repeat: no-repeat;background-position: top right;background-size: contain; font-size: 14px;margin-top: 6px;}
.attach_txt .attachment{color: #0D9A6D;font-weight: 500;}

.analsis_table{padding-left: 10px;}
.analsis_table thead th {border-width: 0 1px 1px 0;padding: 16px;font-size: 15px;font-weight: 500;}
.analsis_table thead th:nth-child(2), .analsis_table thead th:nth-child(3) {border-width: 0 0 1px 0;position: relative;}
.analsis_table thead th:nth-child(2)::after, .analsis_table thead th:nth-child(3)::after {content: '▶';position: absolute; right: -7px;z-index: 10;}
.analsis_table tbody td {border-width: 0 1px 1px 0;padding: 16px;font-size: 15px;}
.analsis_table tbody td:not(:first-child) {text-align: left; vertical-align: top;}
.analsis_table tbody td:not(:first-child) p + p{margin-top: 5px;}
.img_flex {display: flex;gap: 20px;padding-left: 10px;}
.img_flex .img_box_wrap{width: 595px;padding: 0;}
.img_flex .img_box_wrap:first-child .img_box{padding-bottom: 56px;}
.img_flex .img_box_wrap .img_box{width: 100%;}
.img_flex .img_box_wrap .img_box + p{font-size: 15px;}


/* 20240829 */
/* .titArrowTxt_section.type02 dl{box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);padding: 20px;} */
.titArrowTxt_section.type02 dl{align-items: center;}
.titArrowTxt_section.type02 dl dt a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;color: #fff;font-size: 18px;}
.titArrowTxt_section.type02 dl dd{display: flex;align-items: center;gap: 24px;padding: 20px;}
.titArrowTxt_section.type02 dl dd .txt-box{width: 100px;height: 100px;border-radius: 50%;background: #008a09;color: #fff;font-weight: 500;font-size: 16px;display: flex;align-items: center;justify-content: center;text-align: center;}
.titArrowTxt_section.type02 dl dd .txt-list {}
.titArrowTxt_section.type02 dl dd .txt-list li + li{padding-top: 3px;}
.titArrowTxt_section.type02 dl dd .txt-list .be{font-size: 16px;line-height: 1.4;}
.titArrowTxt_section.type02 dl dd .txt-list .be::before{content: '';display: inline-block;width: 5px;height: 5px;background: #008a09;border-radius: 50%;vertical-align: middle;margin: -3px 8px 0 0;}
.titArrowTxt_section.type02 dl.intro01 dd{background: url(../images/common/ico_intro01.png) no-repeat right 15px bottom 15px/54px auto;}
.titArrowTxt_section.type02 dl.intro02 dd{background: url(../images/common/ico_intro02.png) no-repeat right 20px bottom 20px/54px auto;}
.titArrowTxt_section.type02 dl.intro03 dd{background: url(../images/common/ico_intro03.png) no-repeat right 15px bottom 20px/54px auto;}


/* 20241021 */
/* commentary1.html */

.comm1_box .comm1_ul li .comm1_Dot {
    height: 100%;
    text-align: left;
    color: #555555;
    position: relative;
    float: left;
    padding: 25px 20px;
    font-size: 18px;
}

.comm1_box .comm1_ul li.on .comm1_Dot {
    color: #198094;
    font-weight: bold;
}

.comm1_box .comm1_ul li:hover .comm1_Dot {
    color: #198094;
    font-weight: bold;
}

.comm1_box .comm1_ul li.on .comm1_Dot::before {
    content: "";
    width: 4px;
    height: 4px;
    top: 20px;
    left: 50%;
    background-color: #198094;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
}

.comm1_box .comm1_ul li:hover .comm1_Dot::before {
    content: "";
    width: 4px;
    height: 4px;
    top: 20px;
    left: 50%;
    background-color: #198094;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
}

.comm1_box .comm1_ul li::after {
    content: "";
    width: 0px;
    top: 25px;
    height: 22px;
    border: 1px solid #ECECEC;
    position: absolute;
}

.comm1_box .comm1_ul li:first-child {
    margin-left: 7%;
}

.comm1_box .comm1_ul li:last-child::after {
    content: "";
    display: none;
}

.comm1_box {
    max-width: 1250px;
    height: 80px;
    background: transparent linear-gradient(90deg, #03B6A5 0%, #3297D7 100%) 0% 0% no-repeat padding-box;
    border-radius: 46px 0px;
    opacity: 1;
    position: relative;
}

.comm1_box .comm1_ul {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 1234px;
    height: 74px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 44px 0px;
}

.comm_mt100 {
    margin-top: 100px;
}

.comm1_box2 {
    margin-left: auto;
}

.ctent_r {
    position: relative;
}

.comm1_box2 ul {}

.comm1_box2 ul li::after {
    display: none;
}

.comm1_box2 ul li button span {
    opacity: 0;
}

.comm1_box2 ul li:nth-child(1) button {
    width: 40px;
    height: 40px;
    background: url("../images/common/group 2621.svg") center no-repeat padding-box;
    opacity: 1;
    background-size: 50%;
    margin-right: 15px;
}

.comm1_box2 ul li:nth-child(2) button {
    width: 40px;
    height: 40px;
    background: url("../images/common/group 2622.svg") center no-repeat padding-box;   
    opacity: 1;
    background-size: 50%;
}

.comm1_box2 ul li button {
    border: 1px solid #DDDDDD;
    border-radius: 6px;
}

.comm1_box2 ul li:hover button {
    opacity: 1;
}

.sDot_txt1 {
    width: 1237px;
    height: 96px;
    text-align: left;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

.comm2_b {
    max-width: 1250px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 10px;
    opacity: 1;
    padding: 15px;
}

.comm2_b ul li {
    padding: 3px 0;
}

.comm2_upText {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    background: #E7F9F3 0% 0% no-repeat padding-box;
    border: 1px solid #14805E;
    border-radius: 4px;
    opacity: 1;
    color: #14805E;
    font-size: 11px;
    margin-left: 5px;
}

.comm2_leftText {
    width: 20px;
    height: 23px;
    display: inline-block;
    background: #E7F9F3 0% 0% no-repeat padding-box;
    border: 1px solid #14805E;
    border-radius: 4px;
    opacity: 1;
    color: #14805E;
    font-size: 11px;
    margin-right: 5px;
    text-align: center;
}

.comm2_left {
    float: left;
}

.comm2_left ul li a {
    color: #666666;
    opacity: 1;
    font-size: 16px;
}

.comm2_left ul li {
    float: left;
    width: 104px;
    height: 24px;
    margin-top: 25px;
    position: relative;
    margin-right: 15px;
}

.comm2_left ul li a:hover,
.comm2_left ul li a.on {
    color: #005856;
}

.comm2_left ul li:first-child::after {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    position: absolute;
    background-color: #ECECEC;
    top: 6px;
    left: 109px;
}

/* comm3 */

.comm3_left {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
}

.comm3_left ul {
    display: flex;
    justify-content: space-between;
}

.comm3_left>ul li {
    padding-top: 5px;
}

.comm3_left ul li a {
    text-align: left;
    color: #555555;
    padding: 25px 20px;
    font-size: 16px;
}

.comm3_left ul li:first-child a {
    padding-left: 0;
}

.comm3_left ul li.on a {
    color: #198094;
    font-weight: 500;
}

.comm3_left ul li:hover a {
    color: #198094;
    font-weight: 500;
}

.comm3_left ul li::after {
    content: "";
    width: 0px;
    height: 10px;
    margin-top: 6px;
    border: 1px solid #ECECEC;
    position: absolute;
}

.comm3_left ul li:last-child::after {
    display: none;
}

.comm3_content_top {
    margin-bottom: 30px;

}

.comm3_content_top ul {
    display: flex;
    justify-content: space-between;
    width: 500px;
}

.comm3_content_top ul li {
    position: relative;
    margin-bottom: 10px;
    /* margin-right: 25px; */
}

.comm3_content_top ul li a {
    font-size: 16px;
    color: #666666;
}

.comm3_content_top ul li.on a,
.comm3_content_top ul li:hover a {
    font-weight: 500;
}

.comm3_content_top ul li:first-child {
    margin-left: 8px;
}

.comm3_content_top ul li::after {
    content: "/";
    width: 1px;
    height: 2px;
    position: absolute;
    color: #C9C9C9;
    top: 0;
    right: -25px;
    transform: rotate(20deg)
}

.comm3_content_top ul li:last-child::after {
    display: none;
}

.checkBox_area {
    position: relative;
    font-size: 0;
}


.checkBox_area input {
    opacity: 0;
}

.checkBox_area label {
    vertical-align: middle;
    font-size: 14px;
    display: inline-block;
    height: 22px;
}

.checkBox_area label .ico_radio {

    border: 1px solid #DDDDDD;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 35%;
}

.checkBox_area input:checked+label .ico_radio {
    background: url(../images/common/check_box.svg) no-repeat center/cover;
    width: 20px;
    height: 20px;
    vertical-align: inherit;
    display: inline-block;
    border: 1px solid #DDDDDD;
    position: absolute;
    right: 35%;
}

/* comm4 */
.comm4_leftC {
    width: 148px;
    margin-right: 25px;
    flex: 0 0 auto;
}

.comm4_leftC .leftC1 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 10px;
    opacity: 1;
}

.comm4_leftC .leftC2 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 10px;
    opacity: 1;
    margin-top: 20px;
}



.comm4_leftC .leftC1 ul {
    margin: 12px;
}

.comm4_leftC .leftC2 ul {
    margin: 10px;
}

.comm4_rightC {
    flex: 1;
}

.comm4_leftC .leftC1 ul li,
.comm4_leftC .leftC2 ul li {
    margin-bottom: 13px;
}

.comm4_leftC .leftC1 ul li p,
.comm4_leftC .leftC2 ul li p {
    width: 78px;
    height: 20px;
    text-align: left;
    letter-spacing: 0px;
    color: #005856;
    opacity: 1;
    font-size: 14px;
}

.comm4_leftC .leftC1 ul li span,
.comm4_leftC .leftC2 ul li span {
    width: 116px;
    height: 35px;
    text-align: left;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
    font-size: 12px;
}

.comm4_leftC .leftC2 ul li p {
    font-size: 13px;
}

.comm4_leftC .leftC2 ul li span {
    font-size: 11px;
}

.comm4_bottomC {
    clear: both;

}

.comm4_leftC .comm5_lC ul {
    margin: 13px;
}

.comm4_leftC .comm5_lC ul li p {
    font-size: 13px;
}

.comm4_leftC .comm5_lC ul li span {
    font-size: 11px;
}

/* comm5 */

/* .comm5_leftT {
    width: 18px;
    height: 18px;
    background: #E7F9F3 0% 0% no-repeat padding-box;
    border: 1px solid #14805E;
    border-radius: 4px;
    opacity: 1;
    padding: 0 3px;
} */

.comm5_leftT {
    width: 15px;
    height: 10px;
    background: #E7F9F3;
    border: 1px solid #14805E;
    color:#14805E;
    font-size:10px;
    border-radius: 2px;
    vertical-align: super;
    position: relative;
    text-align: center;
    line-height: 10px;
    
}

.comm5_leftI {
    width: 137px;
    height: 179px;
    background: transparent url('../images/common/image 2.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    margin-left: 4px;
}

.comm5_sq {
    padding-left: 10px;
    position: relative;
    font-weight: 400;
    line-height: 22px;
    margin: 4px 0 0 15px;
    font-size: 16px;
}

.comm5_sq::before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #333333 0% 0% no-repeat padding-box;
    border-radius: 1px;
    opacity: 1;
}

.comm5_td_l {
    width: 55px;
    height: 21px;
    text-align: left;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

.comm5_tableTd {
    width: 48px;
    height: 21px;
    text-align: center;
    letter-spacing: 0px;
    color: #7D7D7D;
    opacity: 1;
}

.diagonal {
    background-image: linear-gradient(to left bottom, transparent calc(50% - 1px), #D3D3D3, transparent calc(50% + 1px));
    background-size: 120% 120%;
    background-position: center;
    position: relative;
}

/* important */
.comm_ml10 {
    margin-left: 10px !important;
}

.comm_mb20 {
    margin-bottom: 20px !important;
}

.comm_mb30 {
    margin-bottom: 30px !important;
}

.comm_mb50 {
    margin-bottom: 50px !important;
}

.comm_mb100 {
    margin-bottom: 100px !important;
}

.comm_mbwd {
    margin-bottom: 50px !important;
    max-width: 1250px !important;
}

.comm_he50 {
    height: 50px !important;
}

.comm_wd1250 {
    max-width: 1250px !important;
}

.comm_wd1230 {
    width: 1230px !important;
}

.comm_fwbo {
    font-weight: bold !important;
}

.comm_mt05 {
    margin-top: 5px !important;
}

.comm_mt20 {
    margin-top: 20px !important;
}

.comm_mt50 {
    margin-top: 50px !important;
}
.comm_mt30{
    margin-top: 30px !important;
}
.comm7_tit {
    padding-top: 20px !important;
    line-height: 32px;
}

.leftC2_wdmt {
    width: 95px !important;
}

.comm_5wdmb {
    margin-bottom: 50px !important;
}

.comm5_poabrt {
    position: absolute !important;
    right: 10px !important;
    top: 10px !important;
}

.comm5_poablb {
    position: absolute !important;
    left: 10px !important;
    bottom: 10px !important;
}

.comm_fs18 {
    font-size: 18px !important;
}

.comm_fs16 {
    font-size: 16px !important;
}

.comm_pr30 {
    padding-right: 30px !important;
}

.comm_prN {
    padding-right: 0 !important;
}

.content_flex {
    display: flex !important;
    justify-content: space-between !important;
}

.dis_inline {
    display: inline-block !important;
}

/*  comm7  */
.que:first-child {
    border-top: 3px solid #333333;
}

.que {
    position: relative;
    padding: 17px;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid #D3D3D3;
    background-color: #EEF3F7;
    border-top: none;
    color: #333333;
}

/* .que::before {
    display: inline-block;
    content: 'Q';
    font-size: 15px;
    color: #005856;
    margin-right:5px;
    font-weight: bold;
} */

.que > p{
	font-size : 15px;
	color: #005856;
	font-weight:bold;
	padding-right: 20px;
}

.que > p > span{
	padding-left:10px;
	font-weight:400;
	color:#333;
	font-size:16px;
}

/* .que.on>span {
    color: #333333;
    font-size: 16px;
    position: absolute;
    left: 39px;
} */

.anw {
    display: none;
    font-size: 15px;
    background-color: #FFFFFF;
    padding: 27px 35px;
    border: 1px solid #d3d3d3;
    border-top: none;
    color: #333333;
}

.anw::before {
    display: inline-block;
    content: 'A';
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    margin-right:5px;
}

.anw .anw_s::Before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 16px;
    margin: 10px 5px 0 0;
    background: transparent url("../images/common/right.svg")0% 0% no-repeat padding-box;
}

.anw .anw_s {
    color: #7D7D7D;
}

.que .arrow_wrap {
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    justify-content: space-between;
}

.que .arrow_wrap .arrow_btn {
    background: transparent url("../images/common/down.svg")0% 0% no-repeat padding-box;
    width: 18px;
    height: 18px;
    margin: 10px 0 0 10px;
}

.que.on .arrow_wrap .arrow_btn {
    background: transparent url("../images/common/up.svg")0% 0% no-repeat padding-box;
    width: 18px;
    height: 18px;
    margin: 10px 0 0 10px;
}

/* 툴팁 */
.tooltip {
    display: inline-block;
    position: relative;
}

.tooltip .tooltip-text {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 14px;
    color: white;
    background-color: #333;
    opacity: 0.9;
    z-index: 10;
}

.tooltip:hover .tooltip-text {
    display: block;
}