@charset "utf-8"; 

/* search_wrap */
.search_wrap{display:flex;flex-wrap:wrap}
.search_wrap .search_left {flex-shrink:0; float: left; width: 260px; margin-bottom: 40px}
.search_wrap .search_right { float: right; width: calc(100% - 260px); padding:0 0 0 40px;}
.search_wrap .upTime{margin-right:40px}
.search_leftbox {position: relative;padding:24px 20px;background:#EEF5FC;border-radius:16px}
.search_leftbox .search { position: relative; display: inline-block; width: 100%; height: 44px !important; box-sizing: border-box; border: 1px solid #d8d8d8; vertical-align: top; border-radius:6px;overflow:hidden}
.search_leftbox .search .w2autoComplete_label,
.search_leftbox .search .w2autoComplete_input{height:100%;line-height:42px;font-size:15px;font-weight:normal}
.search_leftbox .search .inp_t {height: 43px !important;box-sizing: border-box;border: none;padding: 0 36px 0 10px;line-height: 43px !important;}
.search_leftbox .search .btn_search { position: absolute; right: 0; top: 0; overflow: hidden; width: 40px; height: 44px; background: url(/resources/images/common/ico_optSearch2.svg) no-repeat center; text-indent: -999px; }
.search_leftbox ul{display: block; border-bottom: 1px solid #d8d8d8; }
.search_leftbox li { padding: 20px 0; border-top: 1px solid #d8d8d8; }
.search_leftbox li:first-child{padding-top:0;border-top:0}
.search_leftbox li a { position:relative;display: block; font-weight: 500; font-size: 18px; color:#151515}
.search_leftbox li a.minus {color:#000; background: url('/resources/images/contents/left_up.svg') no-repeat right center; }
.search_leftbox li a.plus { background: url('/resources/images/contents/left_down.svg') no-repeat right center; }
.search_leftbox li a.up { background: url('/resources/images/contents/left_up.svg') no-repeat right center; }
.search_leftbox li a.down { background: url('/resources/images/contents/left_down.svg') no-repeat right center; }
.search_leftbox li a.minus2 {color:#000; background: url('/resources/images/contents/left_minus2.png') no-repeat right center; margin-bottom: 10px }
.search_leftbox li a.plus2 { background: url('/resources/images/contents/left_plus2.png') no-repeat right center; }
.search_leftbox li ul { margin-top:24px; border-bottom: none;}
.search_leftbox li ul li { padding: 8px 0 0; border-top: none;  }
.search_leftbox li ul li a { font-size: 16px; color:#555; }
.search_leftbox li ul li ul { margin: 10px 0 0; border-top: none; }
.search_leftbox li ul li ul li { padding: 0 10px 10px; border-top: none; }
.search_leftbox li ul li ul li:first-child { padding-top: 10px; }
.search_leftbox li ul li.cbox { padding: 5px 10px;}
.search_leftbox li ul li.dbox { padding: 10px 0 5px; }
.search_leftbox .w2checkbox{margin:0}
.search_leftbox .w2checkbox input[type=checkbox], 
.search_leftbox .w2radio_mandatory input[type=radio]{width:1px;height:0}

.search_leftbox .searchA { margin-bottom: 20px; margin-top: -5px;padding-bottom:20px;border-bottom:1px solid #d8d8d8} 
.search_leftbox .searchB { margin-bottom: 30px; margin-top: -5px; }
.search_leftbox .searchD { margin-bottom: 10px; } 
.search_leftbox .searchK { padding:0 0 12px;border-bottom:1px solid #d8d8d8}
.search_leftbox .searchBox_item{margin-bottom:20px;padding-bottom:5px;border-bottom:1px solid #d8d8d8}
.search_leftbox .bd_search{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #d8d8d8}

.search_leftbox .searchK a { display: inline-block; margin-right:8px; margin-bottom:8px; font-size: 13px; color: #555; vertical-align: top; padding:8px; border: 1px solid #d8d8d8; border-radius: 40px; overflow: hidden;background:#fff;transition:all .3s}
.search_leftbox .searchK a:before { content: "#"; }
.search_leftbox .searchK a:hover, .search_leftbox .searchK a:focus { color: #0460B6; border: 1px solid #0460B6; }
.search_leftbox .searchK a.on {color: #fff; border: 1px solid #0460B6; background:#0460B6; }

.search_leftbox .searchD ul { margin-top: 0; } 
.search_leftbox .searchD ul li { padding: 15px 0 0; border-top: none; }

.search_leftbox p.Atit { text-align:center; margin-bottom: 20px; border-bottom: 1px solid #000; font-size: 20px; font-weight:500; padding-bottom: 10px; }
.search_leftbox p.Dtit { text-align:center; margin: 30px 0 0; border-bottom: 1px solid #000; font-size: 20px; font-weight:500; padding: 0 0 10px; }
.search_leftbox p.Ktit { margin: 20px 0 20px; font-size:18px; font-weight:500;color:#151515}

.search_leftbox p.sdtit { padding-bottom: 5px; font-size: 14px; }
.search_leftbox	p.sdtit:before { content: ' '; display: inline-block; width: 4px; height: 4px; margin:-3px 8px 0 0; text-align: center; vertical-align: middle; background:#051f5f; }

.btn_Asearch { margin-top: 15px; text-align:center; display: inline-block; background: #0360C4; width: 100%; height: 40px; color: #fff; font-size: 15px; font-weight: 500; line-height: 40px; border-radius: 3px;}.btn_Asearch:hover { background: #0152a8; color: #fff; }
.btn_Asearch:hover { background: #0152a8; color: #fff; }

.btn_Dsearch { margin-top: 15px; text-align:center; display: inline-block; background: #1a3777; width: 100%; height: 40px; color: #fff; font-size: 15px; font-weight: 500; line-height: 40px; border-radius: 3px;}
.btn_Dsearch:hover { background: #1a3777; color: #fff; }

.btn_Asearch i { display: inline-block; width: 20px; height: 20px; background: url('/resources/images/common/ico_optSearch_w.png') no-repeat;margin: 0 3px 2px; vertical-align: middle; text-indent:-9999px; }
.btn_Dsearch i { display: inline-block; width: 20px; height: 20px; background: url('/resources/images/common/ico_optSearch_w.png') no-repeat;margin: 0 3px 2px; vertical-align: middle; text-indent:-9999px; }

/* won check */
.ci_check { position: relative; }
.ci_check input[type="checkbox"] { position: absolute; width: 1px; height: 0; padding: 0; margin: -1px; overflow: hidden;  border: 0; }
.ci_check input[type="checkbox"] + label { display: inline-block; position: relative; color: #252525; font-size: 15px; word-break:break-all}
.ci_check input[type="checkbox"] + label:before { content: ' '; display: inline-block; width:16px; height:16px; line-height:18px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: url('/resources/images/contents/circle_check_off.svg') no-repeat 50% 50%; }
.ci_check input[type="checkbox"]:hover + label:before,
.ci_check input[type="checkbox"]:focus + label:before,
.ci_check input[type="checkbox"]:active + label:before {outline: 1px dotted #000; }
.ci_check input[type="checkbox"]:checked + label:before { content: ''; color: #000; background: url('/resources/images/contents/circle_check_on.svg') no-repeat 50% 50%; }
.ci_check input[type="checkbox"]:checked + label { font-weight: 500; color: #000; }

.mi_check { position: relative; }
.mi_check input[type="checkbox"] { position: absolute; width: 1px; height: 0; padding: 0; margin: -1px; overflow: hidden; border: 0; }
.mi_check input[type="checkbox"] + label { display: inline-block; position: relative; color: #555; font-size: 15px; }
.mi_check input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 16px; height: 16px; line-height: 18px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: url('/resources/images/contents/circle_check_off.svg') no-repeat 50% 50%; }
.mi_check input[type="checkbox"]:hover + label:before,
.mi_check input[type="checkbox"]:focus + label:before,
.mi_check input[type="checkbox"]:active + label:before { outline: 1px dotted #000; }
.mi_check input[type="checkbox"]:checked + label:before { content: ''; color: #000; background: url('/resources/images/contents/circle_check_on.svg') no-repeat 50% 50%; }
.mi_check input[type="checkbox"]:checked + label { font-weight: 500; color: #000; }

/* won radio */
.ci_radio { position: relative; }
.ci_radio div{ display: block; margin-bottom: 15px; }
.ci_radio input[type="radio"] { position: absolute; width: 1px; height: 0; padding: 0; margin: -1px; overflow: hidden;  border: 0; }
.ci_radio input[type="radio"] + label { display: inline-block; position: relative; color: #555; font-size: 15px; }
.ci_radio input[type="radio"] + label:before { content: ' '; display: inline-block; width:16px; height:16px; line-height:18px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: url('/resources/images/contents/circle_radio_off.svg') no-repeat 50% 50%; }
.ci_radio input[type="radio"]:hover + label:before,
.ci_radio input[type="radio"]:focus + label:before,
.ci_radio input[type="radio"]:active + label:before { outline: 1px dotted #000; }
.ci_radio input[type="radio"]:checked + label:before { content: ''; color: #000; background: url('/resources/images/contents/circle_radio_on.svg') no-repeat 50% 50%; }
.ci_radio input[type="radio"]:checked + label { font-weight: 500; color: #000; }

/** category option **/
.cate1 { display: inline-block; background: #2B7DD9; color: #fff; border: 1px solid #2B7DD9; font-weight: 500; font-size: 13px; padding: 5px 8px; height: 28px; line-height: 18px;border-radius:4px;vertical-align:middle}
.cate2 { display: inline-block; background: #2B7DD9; color: #fff; border: 1px solid #2B7DD9; font-weight: 500; font-size: 13px; padding: 5px 8px; height: 28px; line-height: 18px;border-radius:4px;vertical-align:middle}

.gubun1 { display: inline-block; color: #ED6C00; border: 1px solid #ED6C00; font-weight: 500; font-size: 14px; padding: 3px 10px; height: 30px; }
.gubun2 {display: inline-block;color: #008675;border: 1px solid #008675;font-weight: 500;font-size: 14px;padding: 3px 10px;height: 30px;}
.gubun3 { display: inline-block; color: #0460B6; border: 1px solid #0460B6; font-weight: 500; font-size: 14px; padding: 3px 10px; height: 30px; }

/*.icon_hot { display: inline-block; background: #d8271d url(/resources/images/contents/ic_hot.png) no-repeat center; width: 60px; height: 30px; padding: 0 5px; text-indent:-9999px; vertical-align: top; }
.icon_new { display: inline-block; background: #20adde url(/resources/images/contents/ic_new.png) no-repeat center; width: 60px; height: 30px; padding: 0 5px; text-indent:-9999px; vertical-align: top; }*/
.icon_hot{display:inline-flex;align-items:center;justify-content:center;min-width:45px;height:28px;padding:0 8px;font-size:13px;text-align:center;border-radius:4px;background:#FF401A;color:#fff;vertical-align:middle}
.icon_new{display:inline-flex;align-items:center;justify-content:center;min-width:45px;height:28px;padding:0 8px;font-size:13px;text-align:center;border-radius:4px;background:#03AB00;color:#fff;vertical-align:middle}
.icon_best { display: inline-block; background: #fff682 url(/resources/images/contents/ic_best.png) no-repeat center; width: 60px; height: 30px; padding: 0 5px; text-indent:-9999px; vertical-align: top; }
.icon_open {background: #fff url('/resources/images/common/home_open_b.png') no-repeat 8px 50%;border: 1px solid #0360c4;padding: 0 8px 0 26px;line-height: 26px;height: 28px;color: #0360c4;font-weight: 500;font-size: 12px;border-radius: 4px;}
.make { background: #8b9094; padding: 5px 20px; line-height: 35px; height: 35px; color: #fff; font-weight: 500; font-size: 15px; }
.makeTotal { background: #000; padding: 5px 20px; line-height: 35px; height: 35px; color: #fff; font-weight: 500; font-size: 15px; }
.sort1 { display:inline-flex;align-items:center;justify-content:center;border: 1px solid #2B7DD9; margin-right:14px; padding: 0 8px; height: 28px; color:#fff; font-weight: 600; font-size: 13px; border-radius:4px;background:#2B7DD9;text-align:center}

.waterT1 { background: #4732db; padding: 5px 20px; line-height: 28px; height: 28px; color: #fff; font-weight: 500; font-size: 14px; }
.waterT2 { background: #51a22f; padding: 5px 20px; line-height: 28px; height: 28px; color: #fff; font-weight: 500; font-size: 14px; }
.waterT3 { background: #0360c4; padding: 5px 20px; line-height: 28px; height: 28px; color: #fff; font-weight: 500; font-size: 14px; }
.waterT4 { background: #545c69; padding: 5px 20px; line-height: 28px; height: 28px; color: #fff; font-weight: 500; font-size: 14px; }
.waterT5 { background: #22a6b3; padding: 5px 20px; line-height: 28px; height: 28px; color: #fff; font-weight: 500; font-size: 14px; }

/** result_option **/
.result_option { position: relative;margin-bottom:40px;padding:20px; z-index: 100;background:#F9F9F9;border-radius:6px;text-align:center}
.result_option::after{content:"";display:block;clear:both}
.result_option .listNum { float:left; color: #151515; font-weight: 600; font-size: 18px;line-height:44px}
.result_option .listNum strong{color:#0460B6}
.result_option .listNum span:first-of-type{margin-right:4px}
.result_option .listNum .Nowpage { display: inline-block; position: relative; padding-left: 20px; margin-left: 18px; }
.result_option .listNum .Nowpage:before { content: ''; display: inline-block; position: absolute; top: 8px; left: 0; width: 1px; height: 16px; background: #dddddd; }
.result_option .searchBox { position: relative; float: right; overflow: hidden; box-sizing: border-box; text-align: right; font-size: 0; }
.result_option .searchBox .inp_s { min-width:120px;width:auto; height: 44px; margin-left: 5px; padding: 0 40px 0 12px; color: #666; vertical-align: top; border-radius: 6px; vertical-align:middle}
.result_option .searchBox .inp_sm { width: 200px; height: 44px; margin-left: 5px; padding: 0 40px 0 12px; color: #666; vertical-align: top; border-radius: 6px; }
.result_option .searchBox .inp_xs { width: 100px; height: 44px; margin-left: 5px; padding: 0 40px 0 12px; color: #666; vertical-align: top; border-radius: 6px; }
.result_option .searchBox .showlisttype { position: relative; display: inline-flex;gap:4px; box-sizing: border-box; margin-left:20px;vertical-align: middle; }
.result_option .searchBox .showlisttype div{display:inline-block}
.result_option .searchBox .showlisttype a{border-radius:6px;border:1px solid #d8d8d8;background:#fff;transition:all .3s}
.result_option .searchBox .showlisttype .off_typelist { display:inline-block;overflow: hidden; width: 36px; height: 36px; background: url(/resources/images/contents/off_typelist.svg) no-repeat center;background-size:18px auto; text-indent: -999px; }
.result_option .searchBox .showlisttype .off_typecard { display:inline-block;overflow: hidden; width: 36px; height: 36px; background: url(/resources/images/contents/off_typecard.svg) no-repeat center;background-size:18px auto; text-indent: -999px;}
.result_option .searchBox .showlisttype .on_typelist { display:inline-block;overflow: hidden; width: 36px; height: 36px; background:#0460B6 url(/resources/images/contents/on_typelist.svg) no-repeat center;background-size:18px auto; text-indent: -999px;border-color:#0460B6}
.result_option .searchBox .showlisttype .on_typecard { display:inline-block;overflow: hidden; width: 36px; height: 36px; background:#0460B6 url(/resources/images/contents/on_typecard.svg) no-repeat center;background-size:18px auto; text-indent: -999px;border-color:#0460B6}

.result_option .search { position: relative; display: inline-block; width:calc(100% - 730px);max-width:695px;height: 44px !important; box-sizing: border-box;border-bottom:2px solid #151515; vertical-align: top;overflow:hidden;text-align:left}
.result_option .search .w2autoComplete{background:transparent}
.result_option .search .w2autoComplete_selected .w2autoComplete_col_label {background-color:transparent}
.result_option .search .w2autoComplete_label,
.result_option .search .w2autoComplete_input{height:100%;line-height:42px;font-size:15px;font-weight:normal;background-color:transparent}
.result_option .search .inp_t {height: 43px !important;box-sizing: border-box;border: none;padding: 0 36px 0 10px;line-height: 43px !important;background:transparent}
.result_option .search .btn_search { position: absolute; right: 0; top: 0; overflow: hidden; width: 40px; height: 44px; background: url(/resources/images/common/ico_optSearch2.svg) no-repeat center; text-indent: -999px; }
.result_option.type2{text-align:right}
.result_option.type2 .search{margin-right:10px}

/* solution_card */
.solution_card { overflow: hidden; position: relative; width: 100%;}
.solution_card:after { content: ""; display: block; clear: both; visibility: hidden; }
.solution_card .box_col > div{display:flex;flex-wrap:wrap}
.solution_card .box_col:after { content: ""; clear: both; display: block; visibility: hidden}
.solution_card .box_col .col { display: inline-block; float: left; margin-bottom: 30px; padding: 0; border-radius: 20px;overflow:hidden;cursor:pointer;border:1px solid #ddd}
.solution_card .box_col.col5 .col { width: 19%; margin-left: 1%; }
.solution_card .box_col.col4 .col { width: 23%; margin-left: 2%; }
.solution_card .box_col.col3 .col { width: 31.3%; margin-left: 2%; }
.solution_card .box_col.col2 .col { width: 48%; margin-left: 2%; }
.solution_card .box_col.col5 { margin-left: -1%; }
.solution_card .box_col.col4 { margin-left: -2%; }
.solution_card .box_col.col3 { margin-left: -2%; }
.solution_card .box_col.col2 { margin-left: -2%; }
.solution_card .box_col .col .thumb { display: block;position:relative; margin: 0 auto; max-width: 100%; height: 272px; overflow: hidden; background: #f7f7f7;border-bottom:1px solid #eee}
.solution_card .box_col .col .thumb img { max-width: inherit; width: 100%; height:100%;object-fit:cover; transition-duration: 0.3s; }
.solution_card .box_col .col .thumb_flag{position:relative;display:flex;gap:0 4px;margin-bottom:8px}
.solution_card .box_col .col .thumb_flag [class^="icon_"]{border-radius:4px}
.solution_card .box_col .col .descpt { display: block; position:relative; text-align: left;padding:24px; line-height: 1.5;}
.solution_card .box_col .col .descpt .category { display: block; margin-bottom:15px; }
.solution_card .box_col .col .descpt .subject { display: block; font-weight: 700; font-size: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.solution_card .box_col .col .descpt .pt { display: block;min-height:21px; font-size: 14px; margin: 15px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color:#555;font-weight:500;letter-spacing:-.13px}
.solution_card .box_col .col .descpt .opt { display:flex;align-items:center; display: block;margin-top:30px;padding-top:20px;border-top:1px solid #ddd; overflow: hidden;letter-spacing:-.16px}
.solution_card .box_col .col .descpt .opt span.build { float: right; }
.solution_card .box_col .col .descpt .opt span.provider strong { display: none; }
.solution_card .box_col .col .descpt .opt span.provider { position:relative;margin-right:6px;padding-right:7px;color:#151515;font-size:16px;font-weight:600}
.solution_card .box_col .col .descpt .opt span.provider::before{content:"";position:relative;top:-2px;display:inline-block;width:24px;height:24px;margin-right:4px;background:url(/resources/images/contents/icon_building.svg);vertical-align:middle}
.solution_card .box_col .col .descpt .opt span.provider::after{content:"";position:absolute;right:0;top:3px;width:1px;height:14px;background:#ccc}
.solution_card .box_col .col .descpt .opt strong { margin-right: 10px; padding: 0; color: #000; }
.solution_card .box_col .col .descpt .opt span.build { color: #989696; font-weight: 500; }
.solution_card .box_col .col .descpt .opt .gb {height:auto;padding:0;border:0;font-size:16px;font-weight:600}
.solution_card .box_col .col .descpt .top_desc{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:18px;color:#000;font-weight:500}
.solution_card .box_col .col .subject strong{font-size:21px;color:#000;font-weight:700;letter-spacing:-.21px;transition:all .3s}
.solution_card .box_col .col:hover .thumb img { transform: scale(1.1); }
.solution_card .box_col .col:hover .subject strong { text-decoration: underline; color:#1a3777; }

.sol_img { width: 360px; height: 240px; }

/* solution_list */
.solution_list {overflow: hidden; position: relative; width: 100%; }
.solution_list .box_col .col { display:flex;gap:0 40px;position: relative;padding:20px 0; border-top: 1px solid #ddd; }
.solution_list .box_col .col:first-child{border-top:0;padding-top:0}
.solution_list .box_col .col .thumb { flex-shrink:0;position:relative;overflow: hidden; width:29.03%; aspect-ratio:360 / 240; border-radius:14px;border:1px solid #eee }
.solution_list .box_col .col .thumb img {width:100%;height:100%;object-fit:cover;transition:all .3s}
.solution_list .box_col .col .thumb_flag{position:relative;display:flex;gap:0 4px;margin-bottom:8px}
.solution_list .box_col .col .descpt{flex:1 1 0;min-width:0;position:relative;display:flex;flex-direction:column}
.solution_list .box_col .col .descpt .category {position:absolute;right:0;top:0}
.solution_list .box_col .col .descpt .top_desc{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:16px;font-size:18px;color:#000;font-weight:500}
.solution_list .box_col .col .descpt .subject { display: block;margin-right:100px;padding: 0;overflow: hidden; font-weight: 700; font-size: 21px; text-overflow: ellipsis; white-space: nowrap; }
.solution_list .box_col .col .descpt .pt { display: block; font-size: 15px; margin: 20px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color:#555}
.solution_list .box_col .col .descpt .opt { position: relative; display: block;margin-top:auto;padding-top:20px;border-top:1px solid #eee}
.solution_list .box_col .col .descpt .opt span {display: inline-block;font-size: 15px;padding-right: 8px;}
.solution_list .box_col .col .descpt .opt span strong { margin-right: 10px; padding: 0; font-size: 15px; }
.solution_list .box_col .col .descpt .opt span.provider { position:relative;margin-right:6px;padding-right:7px;color:#151515;font-size:15px;font-weight:500}
.solution_list .box_col .col .descpt .opt span.provider::before{content:"";position:relative;top:-2px;display:inline-block;width:24px;height:24px;margin-right:4px;background:url(/resources/images/contents/icon_building.svg);vertical-align:middle}
.solution_list .box_col .col .descpt .opt span.provider::after{content:"";position:absolute;right:0;top:3px;width:1px;height:14px;background:#ccc}
.solution_list .box_col .col .descpt a:hover { text-decoration: underline; color:#1a3777; }
.solution_list .box_col .col .descpt .opt .build { display: inline-block; position: relative; padding-left: 15px; margin-left: 10px; }
.solution_list .box_col .col .descpt .opt .gb {height:auto;padding:0;border:0;font-size:15px;font-weight:500}
.solution_list .box_col .col .subject strong{font-size:21px;color:#000;font-weight:700;letter-spacing:-.21px;transition:all .3s}
.solution_list .box_col .col:hover .thumb img { transform: scale(1.1); }
.solution_list .box_col .col:hover .subject strong { text-decoration: underline; color:#1a3777; }

/* data_card */
.data_card { overflow: hidden; position: relative; width: 100%; margin-top:-2%; }
.data_card:after { content: ""; display: block; clear: both; visibility: hidden; }
.data_card .box_col:after { content: ""; clear: both; display: block; visibility: hidden}
.data_card .box_col .col { display: inline-block; float: left; background: #fff; border: 1px solid #d9d9d9; margin-top: 2%; padding: 0; border-radius: 20px;overflow:hidden;transition:all .3s}
.data_card .box_col.col5 .col { width: 19%; margin-left: 1%; }
.data_card .box_col.col4 .col { width: 23%; margin-left: 2%; }
.data_card .box_col.col3 .col { width: 31.3%; margin-left: 2%; }
.data_card .box_col.col2 .col { width: 48%; margin-left: 2%; }
.data_card .box_col.col5 { margin-left: -1%; }
.data_card .box_col.col4 { margin-left: -2%; }
.data_card .box_col.col3 { margin-left: -2%; }
.data_card .box_col.col2 { margin-left: -2%; }
.data_card .box_col .col .descpt {display: block;overflow: hidden;text-align: left;padding: 20px;line-height: 1.5;word-break: normal;}
.data_card .box_col .col .descpt .category { padding: 0 0 20px;display:flex;gap:0 4px; vertical-align: top; position: relative; }
.data_card .box_col .col .descpt .category .icon_open { position: absolute; top: 0; right: 20px; }
.data_card .box_col .col .descpt .subject {display:-webkit-box;font-weight: 700;overflow: hidden;font-size: 21px;letter-spacing: -0.21px;height:52px;line-height:26px; word-break: keep-all; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.data_card .box_col .col .descpt .subject a{display:block;transition:all .3s}
.data_card .box_col .col .descpt .provider {/* padding: 10px 25px; */overflow: hidden;/* height: 45px; */}
.data_card .box_col .col .descpt .provider b { font-size: 15px; position: relative; margin-right: 10px; padding-right: 10px; }
.data_card .box_col .col .descpt .provider b:before { position: absolute; top: 6px; right: 0; width: 1px; height: 14px; background: #ddd; content: ''; }
.data_card .box_col .col .descpt .provider span{ display: inline-block; }
.data_card .box_col .col .descpt .pt {font-size: 15px;display:-webkit-box;overflow: hidden;height: 46px;text-overflow: ellipsis;word-break:break-all;white-space: normal;margin-top:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.data_card .box_col .col .descpt .pt span{ margin: 0 5px 3px; display: inline-block;color:#555;}
.data_card .box_col .col .descpt .opt {position: relative;display: block;margin-top: 30px;border-top: 1px solid #ddd;padding:20px 0 0;font-size:15px;font-weight:600;letter-spacing:-.16px}
.data_card .box_col .col .descpt .opt .origin {position:relative;padding:0 8px 0 28px;margin-right:7px;display:inline-block;vertical-align:middle;color:#151515}
.data_card .box_col .col .descpt .opt .origin::before{content:"";position:absolute;left:0;top:-1px;width:24px;height:24px;background:url(/resources/images/contents/icon_building.svg);vertical-align:middle}
.data_card .box_col .col .descpt .opt .origin::after{content:"";position:absolute;right:0;top:4px;width:1px;height:16px;background:#ccc}
.data_card .box_col .col .descpt .opt .update {display:inline-block;vertical-align:middle;color:#246BEB}
.data_card .box_col .col .descpt .opt .update span.upicon{ margin-left: 10px; font-weight: 500; background: url('/resources/images/contents/ic_update.png') no-repeat right center; padding-right: 23px; }
.data_card .box_col .col .subject strong{transition:all .3s}
.data_card .box_col .col:hover{transform:translateY(-10px);box-shadow:0 5px 5px rgba(0,0,0,.1)}
.data_card .box_col .col:hover .subject strong{ text-decoration: underline; color:#1a3777; }

/* data_list */
.data_list {overflow: hidden; position: relative; width: 100%;}
.data_list .box_col .col {display:block;position: relative; padding: 0; min-height: 180px;border-top:1px solid #ddd}
.data_list .box_col .col:first-child{padding-top:0;border-top:0}
.data_list .box_col .col .descpt{padding:24px 0}
.data_list .box_col .col:first-child .descpt{padding-top:0}
.data_list .box_col .col .descpt .category { display: block;margin-bottom:20px; position: relative;display:flex;gap:0 4px}
.data_list .box_col .col .descpt .category .icon_open {position:absolute;top:0;right:0}
.data_list .box_col .col .descpt .subject { display: block;margin-bottom:20px;font-weight: 700; overflow: hidden; font-size: 21px; text-overflow: ellipsis; white-space: nowrap; letter-spacing:-0.5px;color:#000}
.data_list .box_col .col .descpt .provider {}
.data_list .box_col .col .descpt .provider span{ display: inline-block; }
.data_list .box_col .col .descpt .provider b { font-size: 15px; position: relative; margin-right: 10px; padding-right: 10px; }
.data_list .box_col .col .descpt .provider b:before { position: absolute; top: 6px; right: 0; width: 1px; height: 14px; background: #ddd; content: ''; }
.data_list .box_col .col .descpt .pt { display: block; font-size: 15px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; }
.data_list .box_col .col .descpt .pt span{ margin: 0 5px; display: inline-block;color:#555}
.data_list .box_col .col .descpt .subject a:hover { text-decoration: underline; color:#1a3777; }
.data_list .box_col .col .descpt .opt { position: relative; display: block; margin-top:30px;padding-top:20px;border-top: 1px solid #eee;font-size:16px;font-weight:600;line-height:1.5}
.data_list .box_col .col .descpt .opt .origin{position:relative;padding:0 8px 0 28px;margin-right:7px;display:inline-block;vertical-align:middle;color:#151515}
.data_list .box_col .col .descpt .opt .origin::before{content:"";position:absolute;left:0;top:-1px;width:24px;height:24px;background:url(/resources/images/contents/icon_building.svg);vertical-align:middle}
.data_list .box_col .col .descpt .opt .origin::after{content:"";position:absolute;right:0;top:4px;width:1px;height:16px;background:#ccc}
.data_list .box_col .col .descpt .opt .update {display:inline-block;color:#246BEB}
.data_list .box_col .col .descpt .opt .update span.upicon{ margin-left: 10px; font-weight: 500; background: url('/resources/images/contents/ic_update.png') no-repeat right center; padding-right: 23px; }

/* 물기술_list */
.water_list { overflow: hidden; position: relative; width: 100%; }
.water_list .box_col + .box_col{border-top:1px solid #ddd}
.water_list .box_col .col {position: relative; padding: 0;}
.water_list .box_col .col .descpt {padding:24px 0}
.water_list .box_col .col .descpt .subject { font-weight: 500; font-size: 21px; vertical-align: middle;color:#000;font-weight:600;letter-spacing:-.21px;line-height:1.3;transition:all .3s}
.water_list .box_col .col .descpt .subject:hover{color:#1a3777;text-decoration:underline}
.water_list .box_col .col .descpt .pt { display: block; font-size: 15px; padding: 20px 0 0; text-align: justify;color:#555;line-height:1.4}
/*.water_list .box_col .col .descpt .pt span{position:relative;margin-right:10px;padding-right:11px;}
.water_list .box_col .col .descpt .pt span::before{content:"";position:absolute;right:0;top:4px;width:1px;height:12px;background:#d8d8d8}
.water_list .box_col .col .descpt .pt span:last-child::before{display:none}
.water_list .box_col .col .descpt .pt span em{margin-left:4px;font-weight:600}*/
.water_list .box_col .col .descpt .abstract { position: relative;}
.water_list .box_col .col .descpt .abstract .origin_btn,
.water_list .box_col .col .descpt .abstract .arrow_down{margin-top:20px}

.water_list h3 { border-bottom: 3px solid #000; padding: 10px 0; margin: 30px 0 0; font-size: 25px; font-weight:500; }
.water_list h3 span { font-size: 16px; font-weight: 400; }
.water_more { display: inline-block; width: 30px; height: 30px; background: #fff url('/resources/images/contents/left_plus.png') no-repeat 50%; margin: 4px 0 0; text-indent: -9999px; border: 1px solid #c6cace; }

.arrow_down { display: inline-block; position: relative; padding:8px 24px 8px 12px; border: 1px solid #d8d8d8; background:#fff; color:#717171; min-width: 98px; font-size: 15px;font-weight:500;border-radius:6px;text-align:left;line-height:1.2}
.arrow_down::before { content: ""; display: inline-block; width: 24px; height: 24px; position: absolute; right: 2px; top: 50%; margin-top: -12px; transition: all 0.6s; background: url(/resources/images/contents/icon__select__arrow.svg) no-repeat center;transition:all .3s}
.arrow_down.on { border: 1px solid #0460B6;color:#0460B6}
.arrow_down.on::before { background: url(/resources/images/contents/icon__select__arrow__on.svg) no-repeat center;transform:rotate(180deg)}
.abs_cont { border-top: 1px solid #0460B6; margin: 20px 0 0; padding:20px 0 0; position: relative; font-size: 16px; text-align: justify; line-height: 1.4;letter-spacing:-.16px;color:#555}
.arrow_down:hover { border: 1px solid #000; }
.arrow_down.on:hover { border: 1px solid #1b7edb; }

.origin_btn {display: inline-block;position: relative;padding: 8px 10px 8px 32px;margin-right:8px;border-radius: 6px;border: 1px solid #d8d8d8;background: #fff url(/resources/images/common/pdf1.png) no-repeat 10px 50%;color:#717171;font-size: 15px;font-weight:500;transition:all .3s;line-height:1.2}
.origin_btn:hover { border: 1px solid #000; }

/* 물기술 tab 메뉴 */
.tabwater ul { display:table; width: 100%; table-layout: fixed; }
.tabwater ul li { display:table-cell; border-top: 1px solid #d6d6d6; }
.tabwater ul li a { position: relative; display: block; border-color: #d6d6d6; border-style: solid; border-width: 0 1px 1px 0; background: #f9f9f9; padding: 12px 5px; text-align: center; vertical-align: middle; color: #333333; font-size: 15px; font-weight: 500; }
.tabwater ul li.active a, .tabwater ul li a:hover { border-color: #1a3777; background: #14347a; color: #FFF; }
.tabwater ul li a:before { position: absolute; top: calc(50% - 4px); right: 20px; display: block; width: 14px; height: 8px; background-repeat: no-repeat; background-position: center top; content: ''; transition-property: background-position, transform; transition-duration: 200ms; transition-timing-function: ease-in-out; }
.tabwater ul li:first-child a {border-left: 1px solid #d6d6d6; }
.tabwater ul li.active a:before, .tabwater ul li a:hover:before { background-position: center bottom; transform: rotateX(180deg); }
.tab_water_box { position: relative; z-index: 77; margin: 10px 0 20px; }
.tab_water_box .tab_water_button { position: relative; display: none; border: #1a3777 solid 3px; width: 100%; height: auto; margin: 0; padding: 11px 33px 11px 17px; background: transparent; line-height: 20px; text-align: left; color: #1a3777; font-size: 16px; }
.tab_water_box .tab_water_button:before { position: absolute; top: 19px; right: 15px; display: block; width: 14px; height: 8px; background: url('/resources/images/contents/tab_menu.png') no-repeat; content: ''; }

/* 물기술 sub_tab 메뉴 */
.subtabwater:after { content: ""; display: block; clear: both; }
.subtabwater ul { width: 100%; border: 1px solid #d6d6d6; height:50px;  border-top: none; }
.subtabwater ul li { display: inline-block; }
.subtabwater ul li a {  position: relative;  display: block; text-align: left; color: #333333; font-size: 15px; font-weight: 500; padding:0 30px; line-height:50px; height:50px;}
.subtabwater ul li.active a, .subtabwater ul li a:hover { color: #0152a8; font-weight:600; }
.subtabwater ul li.active a:before { content: ''; display: block; position: absolute; bottom: 0; left:0; display: block; width: 100%; height: 4px;  background: #0152a8; }


/* detail_wrap */
.detail_wrap { }
.detail_wrap .detail_right { float: right; width: 370px; }
.detail_wrap .detail_right .right_inner {position: absolute;top: 0;right: 0;width: 360px;padding: 0 10px;z-index: 99;}
.detail_wrap .detail_left { float: left; width: calc(100% - 380px); border-right: 1px solid #e5e5e5; padding-right: 20px;}
.detail_wrap .detail_left .left_inner { padding: 0 10px 50px; }

/* 우측 - 상세 */
.right_descpt{position: relative;padding-bottom: 28px;}
.right_descpt:after {content: '';display: block; clear: both; }
.right_descpt .category {display:flex;gap:0 4px }
.right_descpt .social{ position: absolute; right: 0; top: 5px; }
.right_descpt .social + .subject{padding-top:42px}
.right_descpt .social .btn_heart{ display: inline-block; width: 24px; height: 24px; background: url('/resources/images/contents/ic_heart.svg') center no-repeat; margin-right: 8px; text-indent:-9999px; }
.right_descpt .social .btn_good{ display: inline-block; width: 24px; height: 24px; background: url('/resources/images/contents/ic_good.svg') center no-repeat; margin-right: 8px; text-indent:-9999px; }
.right_descpt .social .btn_share{ display: inline-block; width: 24px; height: 24px; background: url('/resources/images/contents/ic_share.svg') center no-repeat; text-indent:-9999px;}
.right_descpt .share_layer { position: absolute; right: 0; top: 30px; width: 280px; padding: 20px; background: #f9f9f9; border: 1px solid #000; border-radius: 10px; z-index: 15;}
.right_descpt .share_layer .share_title { padding-bottom: 10px; font-size: 18px; color: #000; font-weight: bold; line-height: 24px; border-bottom: 1px solid #000; margin-bottom: 10px;}
.right_descpt .share_layer .share_close { float:right; display: inline-block; width: 14px; height: 14px; background: url('/resources/images/contents/icon_close.png'); text-indent:-9999px; margin-top: 4px; }
.right_descpt .share_layer li { float:left; width: 25%; text-align: center; padding: 20px 0 0; }
.right_descpt .share_layer li a { font-size: 14px; }
.right_descpt .share_layer li img { display: block; margin: 0 auto 10px; }
.right_descpt .subject {display: block;padding: 14px 0 10px;font-weight: bold;font-size: 24px;font-weight:700;color:#000;line-height: 1.2;letter-spacing:-.24px}
.right_descpt .subject .subject{padding:0;}
.right_descpt .rating { display: block; padding: 0 0 30px;border-bottom:1px solid #666}
.right_descpt .rating strong{margin-left: 5px; font-size: 14px; font-weight: 500; }
.right_descpt .rating span.on{ display: inline-block; width: 18px; height: 15px; background: url('/resources/images/contents/rating_on.png') no-repeat 50% 50%; }
.right_descpt .rating span.off{ display: inline-block; width: 18px; height: 15px; background: url('/resources/images/contents/rating_off.png') no-repeat 50% 50%; }
.right_descpt .rating span.half{ display: inline-block; width: 18px; height: 15px; background: url('/resources/images/contents/rating_half.png') no-repeat 50% 50%; }

.right_descpt [class*="gubun"]{height:auto;padding:0;border:0;font-size:16px;line-height:24px}
.right_descpt .opt{padding:30px 0 0}
.right_descpt .opt p{ display:flex;justify-content:space-between;gap:0 15px;position: relative; text-align: right;}
.right_descpt .opt p + p{margin-top:20px}
.right_descpt .opt p strong {color:#555;}
.right_descpt .opt p span{font-weight:600}
.right_descpt .opt p.cate span { font-size: 16px; font-weight: 600;color:#151515}
.right_descpt .opt p.service span b { color: #0360c4; border: 1px solid #0360c4; padding: 0 8px; }
.right_descpt .opt p.service span { font-weight: 500; font-size: 15px; }
.right_descpt .opt p.update { color:#DA0303; font-weight: 700; }

.right_descpt .opts { position: relative; display: block; text-align: right;margin-top:30px;display:flex;justify-content:space-between;gap:0 15px}
.right_descpt .opts + .opts{margin-top:20px}
.right_descpt .opts strong { color:#555;font-weight:500;line-height:24px}
.right_descpt .opts .txtbox {display: block;color:#151515;font-weight:600 }
.right_descpt .opts .serviceB { display: inline-block; font-weight: 500; color: #0360c4; border: 1px solid #0360c4; padding: 0 8px; font-size: 15px; }
.right_descpt .opts .update { color:#DA0303; font-weight: 700; }
.right_descpt .opts_group{margin-top:30px;padding:20px 0;border-width:1px 0;border-style:solid;border-color:#666}
.right_descpt .opts_group .opts:first-of-type{margin-top:0}

.right_descpt .keyword {position: relative;display: block;padding: 15px 0;}
.right_descpt .keyword span { display: inline-block; padding: 3px 12px; margin: 0 5px 10px 0; font-size: 15px; border: 1px solid #d9d9d9; border-radius: 20px; }

.right_descpt .price { position: relative; display: block; border-top: 1px solid #666;padding-top:30px;margin:30px 0}
.right_descpt .price strong {display:block;margin-bottom:14px;font-size:16px;font-weight:600;letter-spacing:-.16px;color:#151515}
.right_descpt .price span {font-size:24px;font-weight:600;color:#FF401A;letter-spacing:-.24px}
.right_descpt .price span div { display: inline-block; }

.right_descpt .btnBox{display:flex;gap:0 10px}
.right_descpt .btnBox p {display: inline-block;} 
.right_descpt .btnBox p.fl{ float: left; text-align: center; width:50% }
.right_descpt .btnBox p.fr{ float: right; text-align: center; width:50% }
.right_descpt .btnBox p a.btn{ height: 48px; line-height: 48px; padding: 0; }

.btn.Inquiry,
.btn.Inquiry:hover { border-color: #0460B6; background: #0460B6; color: #fff; }
.btn.Interest,
.btn.Interest:hover { border-color: #000001; background: #fff; color: #000; }
.btn.Shoppingcart,
.btn.Shoppingcart:hover { border-color: #0460B6; background: #fff; color: #0460B6; }
.btn.Shoppingview,
.btn.Shoppingview:hover { border-color: #EE6502; background: #EE6501; color: #fff;}

/* 좌측 - 상단정보 */
.detail_head_box {display:flex; min-height: 260px; background: #FAFAFA; position: relative; margin-bottom: 20px;border-radius:24px;overflow:hidden}
.detail_head_box .thumb {flex-shrink:0;width:33.927%;overflow: hidden; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center center; border:1px solid #e5e5e5;border-radius:24px 0 0 24px;aspect-ratio:400 / 267}
.detail_head_box .thumb img {width:100%;height:100%;object-fit:cover}
.detail_head_box .thumb .thumb_flag{position:absolute;left:20px;top:20px;display:flex;gap:0 4px}
.detail_head_box .descpt{flex:1 1 0;padding:30px 40px;min-width:0;border-width:1px 1px 1px 0;border-style:solid;border-color:#e5e5e5;border-radius:0 24px 24px 0}
.detail_head_box .descpt.bot_btn{display:flex;flex-direction:column}
.detail_head_box .descpt.bot_btn .blank_btn{margin-top:auto;text-align:right}
.detail_head_box .descpt .category { display: none; }
.detail_head_box .descpt .subject {display: block;padding: 0 0 35px;font-weight: 700;font-size: 24px;color:#000}
.detail_head_box .descpt .pt {display: block;white-space: normal;padding: 0;margin-top: 10px;text-align: justify;}

.detail_head_box .descpt .pt span { display: inline-block; margin-right: 10px; font-size: 16px; color:#555; vertical-align: top; }
.detail_head_box .descpt .opt { display:flex;align-items:center;gap:8px 0;position: relative; font-size:16px;letter-spacing:-.16px}
.detail_head_box .descpt .opt div { display: inline-block;color:#151515;font-weight:600;word-break:break-all}
.detail_head_box .descpt .opt strong {flex-shrink:0; width:90px; margin-right:10px; padding: 0; font-weight: 500; color: #555; }
.detail_head_box .descpt .opt + .opt{margin-top:18px}
.detail_head_box .descpt .ex_subject{display:block;margin-bottom:12px;line-height:1.5;color:#000;font-size:20px;font-weight:500;letter-spacing:-.2px}
.detail_head_box .descpt .ex_desc{font-size:24px;font-weight:700;letter-spacing:-.24px}

.dtd_list li{display:flex;gap:5px 20px}
.dtd_list li + li{margin-top:10px}
.dtd_list li .tit{flex-shrink:0;width:80px;font-size:17px;font-weight:600;letter-spacing:-.17px;color:#353535}
.dtd_list li .desc{font-size:16px;font-weight:600;letter-spacing:-.16px}
.dtd_tit{display:block;margin:10px 0;font-size:19px;font-weight:600;letter-spacing:-.17px;color:#0462b7}
.dtd_img{text-align:center;margin:0 0 30px}

/* 좌측 - 탭메뉴 */
.detail_tab_box { margin: 30px 0; }
.detail_tab ul {display: table;table-layout: fixed;width: 100%;}
.detail_tab ul li { display: table-cell; }
.detail_tab ul li:first-child { border-left: 1px solid #e5e5e5; }
.detail_tab ul li a { position: relative; display: block; border-color: #e5e5e5; border-style: solid; border-width: 1px 1px 1px 0; background: #fafafa; padding: 15px 0; text-align: center; vertical-align: middle; font-size: 17px; color: #707070; font-weight: 500; }
.detail_tab ul li a:hover { background: #fff; color: #000; font-weight: 500; }
.detail_tab ul li a.active { border-color: #1a3778; background: #1a3777; color: #fff; font-weight: 500; }
.detail_tab ul li a:before { position: absolute; top: calc(50% - 4px); right: 20px; display: block; width: 14px; height: 8px; background-repeat: no-repeat; background-position: center top; content: ''; transition-property: background-position, transform; transition-duration: 200ms; transition-timing-function: ease-in-out; }
.detail_tab_box { position: relative; z-index: 77; height: 60px; }
.detail_tab ul li.active a:before, .detail_tab ul li a:hover:before { background-position: center bottom; transform: rotateX(180deg); }


/* 상세정보 */
.detail_cont_box .detail_box { margin: 30px auto 0; }
.detail_cont_box .detail_box .detail_info { margin-bottom: 34px; }
.detail_cont_box .detail_box .detail_info .detail_tit { position:relative;display: block;margin-bottom:20px;padding:0 0 18px 31px; font-size: 24px; border-bottom: 2px solid #151515; font-weight: 600;color:#1d1d1d}
.detail_cont_box .detail_box .detail_info .detail_tit::before{content:"";position:absolute;left:0;top:9px;width:19px;height:12px;background:url(/resources/images/contents/bul_title_1.svg) center/contain no-repeat}
.detail_cont_box .detail_box .detail_info .detail_txt { position: relative;min-height:28px; background: #fff; line-height:1.6; word-break: break-all; text-align:justify; font-size: 16px;color: #151515;font-weight: 500;line-height: 1.6;letter-spacing: -.16px;}
.detail_cont_box .detail_box .detail_info .detail_txt img { display: block;  max-width: 100%;  height: auto; margin: 10px auto; }

/* 지원정보 */
.detail_cont_box .support_box { margin: 30px auto; }
.support_info ul { margin: 0; padding: 0; }
.support_info { overflow: hidden; display: flex; flex-wrap: wrap; border-top: 2px solid #000; border-bottom: 1px solid #d9d9d9; }
.support_info>li { display: flex; position: relative; flex-basis: 100%; max-width: 100%; padding: 0; border-top: 1px solid #d9d9d9; }
.support_info>li em,.support_info>li em div.item { display: block; }
.support_info>li em { width: 260px; height: 100%; margin-right: 20px; margin-left: -1px; padding: 15px; font-weight: 500; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; background: #f7f7f7; line-height: 1.6; }
.support_info>li div.item { width: calc(100% - 280px); vertical-align: middle; padding: 15px 0; }
.btn_fileDown { display: inline-flex;align-items:center;justify-content:center; border: 1px solid #236BEB; height: 44px; padding: 0 15px; color: #236BEB;text-align: center; background:#fff; font-size: 16px;font-weight:600;border-radius:6px;transition:all .3s;vertical-align:middle}
.btn_fileDown::after{content:"";display:inline-block;width:20px;height:20px;margin-left:4px;background:url(/resources/images/contents/icon_download.svg) center no-repeat;vertical-align:middle;transition:all .3s}
.btn_fileDown:hover{background:#236BEB;color:#fff;}
.btn_fileDown:hover::after{background-image:url(/resources/images/contents/icon_download_ov.svg)}
/*.btn_fileDown { display: inline-block; border: 1px solid #000; height: 40px; padding: 0 55px 0 15px; color: #000; font-weight: 500; line-height: 38px; text-align: left; background: url('/resources/images/contents/ic_filedown.png') no-repeat right; font-size: 16px; margin: 0; }*/

/* 인증정보 */
.detail_cont_box .confirm_box { margin: 30px auto; }
.confirm_info ul { margin: 0; padding: 0; }
.confirm_info { overflow: hidden; display: flex; flex-wrap: wrap; border-top: 2px solid #000; border-bottom: 1px solid #d9d9d9; }
.confirm_info>li { display: flex; position: relative; flex: 0 0 50%; max-width: 50%; padding: 0; border-top: 1px solid #d9d9d9; }
.confirm_info>li.Tit_view { background: #f7f7f7; display: inline-block; font-size: 20px; font-weight: 500; text-align: center; padding: 30px; margin: 0 auto; }
.confirm_info.full>li,.confirm_info>li.full { flex-basis: 100%; max-width: 100%; }
.confirm_info>li em,.confirm_info>li em div.item { display: block; }
.confirm_info>li em { width: 160px; height: 100%; margin-right: 20px; margin-left: -1px; padding: 15px; font-weight: 500; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9;background: #f7f7f7; line-height: 1.6; }
.confirm_info>li div.item { width: calc(100% - 180px); vertical-align: middle; padding: 15px 0; }

/* 활용사례 */
.detail_cont_box .application_box h3 { border-bottom: 2px solid #000; margin-bottom: 30px; }
.detail_cont_box .application_box { margin: 30px auto; }
.application_info { padding-top: 10px;display:flex;flex-wrap:wrap;gap:28px;}
.application_info li{width: calc((100% - 28px * 2) / 3);height:250px;border-radius: 20px;overflow: hidden;border: 1px solid #eee}
.application_info li img{width: 100%; height:100%;object-fit:cover}
.application_info li:first-child { margin-left: 0; }
.btn_URL { display: inline-block; border: 1px solid #1a3777; min-width: 200px; height: 40px; padding: 0 55px 0 15px; color: #1a3777; font-weight: 500; line-height: 38px; text-align: left; background: url('/resources/images/contents/ic_url.png') no-repeat right; font-size: 15px; margin: 0; }



/* 데이터 상세정보 */
.detail_cont_box .data_detail_box { margin: 0 auto; }
.data_detail_box h3 { font-size:24px; font-weight:600; padding-bottom:10px; }
.data_detail_info ul { margin: 0; padding: 0; }
.data_detail_info { overflow: hidden; display: flex; flex-wrap: wrap; border-top: 2px solid #000; border-bottom: 1px solid #d9d9d9; }
.data_detail_info>li { display: flex; position: relative; flex: 0 0 50%; max-width: 50%; padding: 0; border-top: 1px solid #d9d9d9; }
.data_detail_info>li.Tit_view { background: #f7f7f7; display: inline-block; font-size: 20px; font-weight: 500; text-align: center; padding: 30px; margin: 0 auto; }
.data_detail_info.full>li,.data_detail_info>li.full { flex-basis: 100%; max-width: 100%; }
.data_detail_info>li em,.data_detail_info>li em div.item { display: block; }
.data_detail_info>li em { width: 160px; height: 100%; margin-right: 20px; margin-left: -1px; padding: 15px; font-weight: 500; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9;background: #f7f7f7; line-height: 1.6; }
.data_detail_info>li div.item { width: calc(100% - 180px); vertical-align: middle; padding: 15px 0; }

/* 데이터 미리보기 */
.detail_cont_box .data_preview_box { margin: 0 auto; }
.detail_cont_box .data_preview_box h3 { position: relative; padding-right:150px; font-weight: 600;}
.detail_cont_box .data_preview_box h3 p.txt { position: absolute; right: 0; top: 10px; font-size: 16px; font-weight:500; color:#0360c4; }
.detail_cont_box .data_preview_box h3 .stxt {display: block;font-size: 16px;color:#0360C4;padding: 10px 0 15px;font-weight:500;line-height:1.4}
.detail_cont_box .data_preview_box h3 .sdown {position: absolute;bottom: 20px;right: 0;display: block;}

.detail_cont_box .data_preview_box h3.dataP_title{padding-right:0}
.data_preview_info{position:relative;margin-bottom:40px;padding:24px 30px;background:#FAFAFA;border-radius:24px}
.data_preview_info .dataP_title{margin-bottom:36px;font-size:24px;color:#000;font-weight:700;letter-spacing:-.24px}
.data_preview_info .stxt{line-height:1.6;letter-spacing:-.16px;color:#151515;font-size:16px;font-weight:500}
.data_preview_info .dataP_btnbox{display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px}
.data_preview_info .dataP_btnbox .sdown{margin-left:auto}

.data_preview { border: 1px solid #d9d9d9; border-top: none; margin: 0; padding:30px; text-align:center;}

.data_opt { position: relative; min-height: 60px;}
.data_opt .txt { font-size: 16px; color:#0360C4; padding-top: 15px; font-weight:500;}
.data_opt .down{ position: absolute; top: 0; right: 0; display: block; }
.btn_dataDown { display: inline-flex;align-items:center;justify-content:center; border: 1px solid #236BEB; height: 44px; padding: 0 15px; color: #236BEB;text-align: center; background:#fff; font-size: 16px;font-weight:600;border-radius:6px;transition:all .3s}
.btn_dataDown::after{content:"";display:inline-block;width:20px;height:20px;margin-left:4px;background:url(/resources/images/contents/icon_download.svg) center no-repeat;vertical-align:middle;transition:all .3s}
.btn_dataDown:hover{background:#236BEB;color:#fff;}
.btn_dataDown:hover::after{background-image:url(/resources/images/contents/icon_download_ov.svg)}
.btn_dataDown.fill{background:#236BEB;color:#fff}
.btn_dataDown.fill::after{background-image:url(/resources/images/contents/icon_download_ov.svg)}
.btn_dataDown.fill:hover{background:#fff;color:#236BEB}
.btn_dataDown.fill:hover::after{background-image:url(/resources/images/contents/icon_download.svg)}
/*.btn_dataDown { display: inline-block; border: 1px solid #000; min-width: 140px; height: 40px; padding: 0 15px; color: #000; font-weight: 500; line-height: 38px; text-align: left; background: url('/resources/images/contents/ic_filedown.png') no-repeat right; font-size: 16px; }*/

.data_tbl{ width: 100%; border-collapse:collapse; border-top: 2px solid #000;}
.data_tbl th{ text-align: center; border: 1px solid #ddd; vertical-align: middle; line-height: 18px;}
.data_tbl > * > tr > *[scope] { text-align: center; background: #f7f7f7; padding: 8px 10px; text-align: center; font-size: 14px;}
.data_tbl td { padding: 5px 1px; border: 1px solid #ddd; text-align: center;font-size: 13px; vertical-align: middle; line-height: 18px;}

/* 데이터 미리보기 검색 */
.search_preview { position:relative; background:#f8f8f8; border: 1px solid #d9d9d9; border-top: 2px solid #000; padding: 25px 135px 25px 30px; }
.search_preview:after { content: ""; clear: both; display: block; visibility: hidden; }
.search_preview .bd_search {float: left;width: 50%;margin: 5px 0;padding: 0;min-height: 42px;text-align: left;}
.search_preview .bd_search.col3 { width: 33.33%; }
.search_preview .bd_search.full { width: 100%; }
.search_preview em {display:inline-block;position: relative;width: 140px;text-align: left;font-size: 15px;padding-left: 12px;margin: 0;line-height: 24px;vertical-align: middle;}
.search_preview em:before {content:'';display: block;position: absolute;top: 10px;left: 0;width: 4px;height: 4px;background: #051f5f;}
.search_preview span input { height: 40px; font-size: 15px; }
.search_preview span{ width: calc(100% - 180px); display:inline-block; padding: 0; margin: 0; }
.search_preview a.btn_search { display: table; position: absolute; right: 30px; top: 30px; width: 120px; background:#0460B6; color:#fff; height: calc(100% - 60px);border-radius:6px;transition:all .3s}
.search_preview a.btn_search:hover{background:#0c5191} 
.search_preview a.btn_search>span { display:table-cell; width: 100px; color: #fff; font-weight:500; text-align:center; vertical-align: middle;}
.search_preview span label { margin: 0 10px 0 0; vertical-align: middle; }
.search_preview span input[type="radio"] { width: 18px; height: 18px; margin-right: 10px; vertical-align: middle; border: 1px solid #d9d9d9;}
.search_preview span input[type="checkbox"] { width: 18px; height: 18px; margin-right: 10px; vertical-align: middle; border: 1px solid #d9d9d9;}

.Wnanugi:before {content:'';display: block; position: absolute; top: 0;left: 50%;width: 1px;height: 100vh; background: #051f5f;}
.WonBox li{ width:50%; float:left; text-align:center; min-height:235px;}
.WonBox li p {font-weight: 500; font-size:20px; padding:15px 0;}
.WonBox li p.col1 {color:#0fb54c; }
.WonBox li p.col2 {color:#0155b0; }
.Wonbtn1 { display:inline-block; background:#0fb54c url('/resources/images/contents/contact1.png') no-repeat center; vertical-align: middle; min-width: 150px; height: 150px; margin: 0;  border-radius: 50%; }
.Wonbtn2 { display:inline-block; background:#0360C5 url('/resources/images/contents/contact2.png') no-repeat center;  vertical-align: middle; min-width: 150px; height: 150px; margin: 0;  border-radius: 50%;}
.WonBox li:hover p.col1 {color:#f37022; }
.WonBox li:hover p.col2 {color:#f37022; }
.WonBox li:hover .Wonbtn1  { background:#f37022 url('/resources/images/contents/contact1.png') no-repeat center;}
.WonBox li:hover .Wonbtn2  { background:#f37022 url('/resources/images/contents/contact2.png') no-repeat center;}


/** 1400px 시작 **/
@media screen and (max-width: 1400px) { 

	.solution_card .box_col .col,.solution_card .box_col.col5 .col,.solution_card .box_col.col4 .col,.solution_card .box_col.col3 .col { width: 48%; }
	.solution_card .box_col .col .thumb img { max-width: 100%; }

	.data_card .box_col .col,.data_card .box_col.col5 .col,.data_card .box_col.col4 .col,.data_card .box_col.col3 .col { width: 48%; }
	.data_card .box_col .col .thumb img { max-width: 100%; }
	
	.detail_head_box .descpt{padding:30px}
	.detail_head_box .descpt .subject { font-size: 20px; }
	.detail_head_box .descpt .opt span strong { margin-right: 10px; padding: 0; font-weight: 700; color: #000; }

}
/** 1400px 끝 **/


/** 1200px 시작 **/
@media screen and (max-width: 1200px) { 
	
	.result_option { height: auto; }
	.result_option .listNum { position: static; }
	.result_option .searchBox { position: static; }
		
	/* 인증정보 */
	.confirm_info li { flex-basis: 100%; max-width: 100%; }
	.confirm_info>li em { width: 160px; margin-right: 10px; padding: 15px 10px; }
	.confirm_info>li div.item { width: calc(100% - 180px); }

	.data_detail_info li { flex-basis: 100%; max-width: 100%; }
	.data_detail_info>li em { width: 160px; margin-right: 10px; padding: 15px 10px; }
	.data_detail_info>li div.item { width: calc(100% - 180px); }

	/* 데이터 미리보기 검색 */
	.search_preview .bd_search { width: 100%; height: auto; }
	.search_preview { padding: 20px 20px; }	
	.search_preview em{width: 120px; font-size: 14px;}
	.search_preview span{ width: calc(100% - 130px); display:inline-block; }
	.search_preview a.btn_search { position: static; display:inline-block; width: calc(100% - 8px); margin-top: 10px; height: 50px; line-height: 45px; text-align:center } 
	.search_preview a.btn_search>span { display:inline-block; }
	
	.detail_cont_box .data_preview_box h3 p.txt { display:none; }

	/* 데이터 미리보기 */
	.detail_cont_box .data_preview_box h3 { padding-right: 0; }
	.detail_cont_box .data_preview_box h3 p.txt { position: absolute; right: 0; top: 18px; font-size: 15px; font-weight:400; color:#0360c4; }
	.detail_cont_box .data_preview_box h3 .sdown { position: static;  padding: 5px 0 15px; text-align: right;}

	.application_info li{width:calc((100% - 28px) / 2)}
}
/** 1200px 끝 **/


/** 1000px 시작 **/
@media screen and (max-width: 1000px) { 
		
	.detail_wrap .detail_right { width:100%}
	.detail_wrap .detail_right .right_inner {width: 100%;position: static;padding: 20px 0 60px;}
	.detail_wrap .detail_left { float: left; width: 100%; border-right: none; padding-right: 0;}
	.detail_wrap .detail_left .left_inner {padding: 20px 0;}
	
	.cate1 { padding: 5px 5px;}
	.cate2 { padding: 5px 5px;}
	
	/*.icon_hot { background: #d8271d url(/resources/images/contents/ic_hot2.png) no-repeat center; width: 28px; }
	.icon_new { background: #20adde url(/resources/images/contents/ic_new2.png) no-repeat center; width: 28px; }*/
	.icon_best { background:#ff6822 url(/resources/images/contents/ic_best2.png) no-repeat center; width: 28px; }		
	.icon_open {background: #ffffff url('/resources/images/common/home_open_b.png') no-repeat 4px 50%; padding: 0 4px 0 20px; border-radius: 4px;}
	
	/* search_wrap */

	.search_wrap .search_left { width: 100%; padding: 0; margin-bottom: 0;border:0 }
	.search_wrap .search_right { width: 100%; padding: 20px 0 0; }
	.search_wrap .upTime{margin-right:0}

	.search_leftbox { padding: 20px 15px 5px}
	.search_leftbox li { padding: 20px 0; }
	.search_leftbox li a { font-size: 16px; }
	
	.search_leftbox .searchA { margin-bottom: 10px;} 
	.search_leftbox .searchB { margin-bottom: 10px;} 
	
	.search_leftbox .searchK { display: none; } 
	.search_leftbox .searchD { display: none; } 
	.search_leftbox ul{ border-bottom: none; }
	.search_leftbox p.Atit { display: none; }
	
	.search_leftbox .searchBox_item{margin-bottom:0;padding-bottom:0;border-bottom:0}
	
	.result_option{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
	.result_option::after{display:none}
	.result_option .listNum{order:1}
	.result_option .searchBox{order:2}
	.result_option .search{order:3;width:100%;max-width:inherit}
	.result_option.type2{justify-content:flex-end}
	.result_option.type2 .search{margin-right:0}

	.solution_list .box_col .col .descpt .category{position:static;margin-bottom:10px}
	.solution_list .box_col .col .descpt .subject{margin-right:0}
	
	.data_card .box_col .col .descpt .opt .update span.upicon{ display: none; }

	.detail_head_box .descpt .opt { padding-top: 0; }
	.detail_head_box .descpt .pt {margin-top: 5px; }
		
	.water_list h3 { margin: 10px 0 0; font-size: 25px; }
	.water_list .box_col .col { margin-top: -1px;}
	.water_list .box_col .col .descpt { padding: 20px 0; }
	.water_list .box_col .col .descpt .pt { padding: 10px 0 0; font-size: 14px; }	
	.water_list .box_col .col .descpt .subject { display: block; font-size: 16px; margin-left:0; line-height: 24px; padding-top:10px}	
	.water_list .box_col .col .descpt .abstract { position: relative;} 
	.water_list .box_col .col .descpt .abstract .origin_btn, 
	.water_list .box_col .col .descpt .abstract .arrow_down{margin-top:10px}
	.detail_tab ul li a { font-size: 15px; }
	.abs_cont { margin: 15px 0 0; padding: 15px 0 0; font-size: 14px; }

	/* 상세정보 */
	.detail_cont_box .detail_box .detail_info .detail_tit{font-size:22px}
	.detail_cont_box .detail_box .detail_info .detail_tit::before{top:7px}
	.detail_cont_box .detail_box .detail_info .detail_txt{font-size: 15px;}
	
	
	/* 인증정보 */
	.confirm_info li {display: block;}
	.confirm_info>li em { width: 100%; height: 54px; border-right: none; border-left: none; border-bottom: 1px solid #d9d9d9; }
	.confirm_info>li div.item { display: block; width: 100%; vertical-align: middle; padding: 15px; }
	
	/* 지원정보 */
	.support_info>li {display: block;}
	.support_info>li em { width: 100%; height: 54px; border-right: none; border-left: none; border-bottom: 1px solid #d9d9d9; }
	.support_info>li div.item { display: block; width: 100%; vertical-align: middle; padding: 15px; }

	/** 물기술 tab 메뉴 **/
	.tabwater ul li { display:block; border-top: none; }
	.tab_water_box { margin-bottom: 20px; }
	.tab_water_box .tab_water_button { display: inline; font-size: 16px; }
	.tab_water_box .tabwater { position: absolute; left: 0; display: none; width: 100%; }
	.tab_water_box .tabwater ul li { float: none; width: auto; font-size: 15px; }
	.tab_water_box .tabwater ul li a { border-width: 0 1px 1px; background: #ffffff; height: auto; padding: 10px 20px; line-height: 20px; font-size: 14px; text-align: left; }
	.tab_water_box .tabwater ul li:first-child a{ border-width: 1px; }
	.tab_water_box .tabwater ul li.active a, .tab_water_box .tabwater ul li a:hover{ border-color: #d6d6d6; background: #ffffff; color: #1a3777; font-weight: 600; }
	.tab_water_box .tabwater ul li a:before { display: none; }		
	.tabwater ul li a span { display: inline; }
	.tabwater ul li a { padding: 5px 5px; font-size: 1.125em; }
	
	/* 데이터 미리보기 */
	.detail_cont_box .data_preview_box h3 { position: relative; }	
	.right_descpt{ padding-bottom: 0; }
	
	.search_leftbox.solution li ul{display:none}
	.search_leftbox.solution li a.minus {background-image: url('/resources/images/contents/left_down.svg')}
	.search_leftbox.solution li a.plus { background-image:url('/resources/images/contents/left_up.svg')}
	
	.data_preview_info .dataP_title{margin-bottom:20px}
	.detail_cont_box .data_detail_box{padding-top:20px}
}
/** 1000px 끝 **/

/** 860px 시작 **/
@media screen and (max-width: 860px) {
	.solution_card .box_col .col{margin-bottom:15px}
	.solution_card .box_col .col .descpt{padding:20px}
}
/** 860px 끝 **/

/** 680px 시작 **/
@media screen and (max-width: 680px) {  
	
	.result_option{padding:14px}
	
	.detail_head_box{flex-wrap:wrap}
	.detail_head_box .thumb { position: static; padding-top: 0; width: 100%; height: auto; margin-top:0; border-radius:24px 24px 0 0}	
	.detail_head_box .thumb img { width: 100%; height: auto; }	
	.detail_head_box .descpt {padding:20px;border-radius:0 0 24px 24px;border-width:0 1px 1px;border-style:solid;border-color:#e5e5e5}
	.detail_head_box .descpt .subject{padding-bottom:20px}
	.detail_head_box .descpt .opt span { display: block; }
	.detail_head_box .descpt .opt + .opt{margin-top:10px}
	
	.result_option .listNum{line-height:1.6}
	.result_option .searchBox{display:flex;align-items:center;justify-content:flex-end;width:100%}
	.result_option .searchBox .inp_s {width:auto;min-width:inherit; margin-left: 3px; padding: 0 30px 0 10px; font-size: 13px;}
	
	.right_descpt .subject { font-size: 20px; }
	.right_descpt .rating{padding-bottom:20px}
	.right_descpt .opts{margin-top:20px}
	.right_descpt .opts + .opts{margin-top:10px}
	.right_descpt .price{margin-top:20px;padding-top:20px}
	.right_descpt .opts_group{margin-top:20px}
	
	.detail_wrap .detail_right .right_inner { padding: 20px 0 0;}

	/* 활용사례 */
	.application_info li,
	.application_info li img{width:100%;height:auto}
	
	.solution_card .box_col .col,.solution_card .box_col.col5 .col,.solution_card .box_col.col4 .col,.solution_card .box_col.col3 .col { width: 100% }
	.data_card .box_col .col,.data_card .box_col.col5 .col,.data_card .box_col.col4 .col,.data_card .box_col.col3 .col { width: 100% }
	.solution_card .box_col .col .descpt .pt { height:auto; }
		
	.solution_list .box_col .col{display:block}
	.solution_list .box_col .col .thumb{width:100%;padding-top:50%;margin-bottom:20px}
	.solution_list .box_col .col .thumb img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
	.solution_list .box_col .col .descpt .top_desc{font-size:14px}
	.solution_list .box_col .col .descpt .subject {font-size: 18px; }
	.solution_list .box_col .col .descpt .pt { margin: 10px 0; }
	.solution_list .box_col .col .descpt .opt{margin-top:20px}
	.solution_list .box_col .col .descpt .opt .gb { top: -109px; right: 0; }

	.solution_card .box_col .col .thumb {height: auto;aspect-ratio:4 / 3}
	.solution_card .box_col .col .descpt .top_desc{font-size:14px}
	.solution_card .box_col .col .descpt .subject { font-size: 18px; }
	.solution_card .box_col .col .descpt .opt{margin-top:20px}
	.solution_card .box_col .col .descpt .opt span.provider,
	.solution_card .box_col .col .descpt .opt .gb{font-size:13px}
	
	/* data_card */
	.data_card .box_col .col{margin-top:15px}
	.data_card .box_col .col .descpt{padding:20px}
	.data_card .box_col .col .descpt .category{padding-bottom:15px}
	.data_card .box_col .col .descpt .pt{margin-top:15px}
	.data_card .box_col .col .descpt .opt{margin-top:20px;padding-top:15px}
	.data_card .box_col.col3{margin-left:0}
	.data_card .box_col.col3 .col{margin-left:0}

	/* data_list */
	.data_list .box_col .col .descpt{padding:20px 0}
	.data_list .box_col .col .descpt .category{margin-bottom:15px}
	.data_list .box_col .col .descpt .subject{margin-bottom:15px}
	.data_list .box_col .col .descpt .opt{margin-top:20px;padding-top:15px}

	.detail_cont_box .data_preview_box h3 { font-size:20px; font-weight: 600; line-height:1.2;}
	.detail_cont_box .data_preview_box h3 .stxt { padding: 10px 0 0; }
	
	/* 물기술 sub_tab 메뉴 */
	.subtabwater ul li a { padding:0 10px;}
	
	.sol_img { width: 300px; height: 200px;}

	.data_preview_info{padding:24px 20px;border-radius:12px}
}
/** 680px 끝 **/

/** 640px 시작 **/
@media screen and (max-width: 640px) {
	.result_option .searchBox .showlisttype{display:none}
	
	.cate1{padding:3px 5px}
	.icon_new, .icon_hot{min-width:35px;padding:0 5px}
	.cate1, .icon_new, .icon_hot{height:26px;font-size:12px}
	.solution_card .box_col .col .descpt{padding:15px}
	.solution_card .box_col .col .subject strong{font-size:18px}
	.solution_card .box_col .col .descpt .top_desc{margin-bottom:5px}
	
	.detail_head_box .descpt .ex_subject{font-size:15px}
	.detail_head_box .descpt .ex_desc{font-size:18px}
	
	.data_card .box_col .col .descpt .pt{margin-top:10px}
	.data_card .box_col .col .descpt .subject{font-size:18px}
}
/** 640px 끝 **/

/** 560px 시작 **/
@media screen and (max-width: 560px) {
	.btn_dataDown{min-width: 60px;height: 40px;padding:0 5px;line-height:38px;}
}
/** 560px 끝 **/

/** 480px 시작 **/
@media screen and (max-width: 480px) { 
	
	.right_descpt .share_layer { width: 280px; padding: 20px; }
	.right_descpt .share_layer li { padding: 10px 0 0; }
	.right_descpt .share_layer li a { font-size: 13px; }
	.right_descpt .share_layer li img { width:36px; height:36px; }
	
	.data_card .box_col .col .descpt .pt { height: auto; }
	
	.data_list .box_col .col .descpt .opt .update span.upicon{ display: none; }	
	.solution_list .box_col .col .descpt .opt .gb { position: static; }
	
	/* 물기술 sub_tab 메뉴 */
	.subtabwater ul { height: auto;}
	.subtabwater ul li { width:100%; border-bottom: 1px solid #d7d7d7; }
	.subtabwater ul li a { padding:0 10px; line-height:44px; height:45px; text-align:center;}
		
	.sol_img { width: 150px; height: 100px;}
	
	.result_option .searchBox .showlisttype{margin-left:8px}
	
	.btn_fileDown{padding:0 10px;font-size:15px}

}
/** 480px 끝 **/



/** 300px 시작 **/
@media screen and (max-width: 300px) { 
	
	.sol_img { width: 100%;}

}
/** 300px 끝 **/