@charset "utf-8";

.subtitleTop { z-index:10;}
.subtitleTop,
.subtitleTop .bg { position:relative; height:700px; width:100%; }
.subtitleTop .bg { overflow:hidden }
.subtitleTop .bg img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transform:scale(1.25); }
.subtitleTop.subTopCont1 .bg img {  }
.subtitleTop .titleTopbox { position:absolute; left:0; top:48%; transform:translateY(-50%); width:100%; text-align:center; }
.subtitleTop .subTitle h2 { opacity:0.7; font-family:'Poppins', 'Pretendard', sans-serif; color:#fff; font-size:20px; font-weight:300; }
.subtitleTop .subTitle h2 span { font-family:'Poppins', 'Pretendard', sans-serif; font-weight:300; }
.subtitleTop .txtbox { margin-top:10px; font-family:'Poppins', 'Pretendard', sans-serif; color:#fff; font-size:70px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; }
.subtitleTop .txtbox > span { font-family:'Poppins', 'Pretendard', sans-serif; font-weight:600; }
.subtitleTop .location { margin-top:45px; color:rgba(255, 255, 255, 0.4); font-size:16px; font-weight:300; line-height:1.3 }
.subtitleTop .location dt { display:inline-block; vertical-align:middle; margin-top:2px; }
.subtitleTop .location dd { display:inline-block; }
.subtitleTop .location dd span,
.subtitleTop .location dd strong { font-family:'Poppins', 'Pretendard', sans-serif;  display:inline-block; margin-left:24px; padding-left:24px; background:url(/img/sub/location_arr.png) left center no-repeat;}
.subtitleTop .location dd strong { color:#fff}
.subTopCont1 .location dd span,
.subTopCont2 .location dd span{ color:#fff}
.subTopCont13 { display:none }
@media screen and (max-width:1300px){
    .subtitleTop .subTitle h2 { font-size:19px; }
    .subtitleTop .txtbox { margin-top:10px; font-size:55px; }
    .subtitleTop .location { margin-top:40px; font-size:16px; }
}
@media screen and (max-width:1024px){
    .subtitleTop,
    .subtitleTop .bg { height:550px; }
    .subtitleTop .subTitle h2 { font-size:18px; }
    .subtitleTop .txtbox { margin-top:8px; font-size:45px; }
    .subtitleTop .location { margin-top:30px; font-size:15px; }
}
@media screen and (max-width:640px){
    .subtitleTop,
    .subtitleTop .bg { height:400px; }
    .subtitleTop .subTitle h2 { font-size:16px; }
    .subtitleTop .txtbox { font-size:28px; }
    .subtitleTop .location { margin-top:20px; font-size:14px; }
}



/* animation
.subtitleTop .subTitle h2 { opacity:0; }
.subtitleTop .subTitle p { overflow:hidden; }
.subtitleTop .subTitle p span { opacity:0; display:block; }
.subtitleTop .subTitle h2 { animation:blur_txt 0.8s 0.3s; animation-fill-mode:both; }
.subtitleTop .subTitle p span { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
*/
/* animation */
.subtitleTop .bg img { animation:bgs1 2.0s 0.1s; animation-fill-mode:both;  }

#contents { padding:140px 0; margin:0 auto; max-width:1600px; position:relative; }
#contents > article { position:relative; z-index:3; }
@media screen and (max-width:1640px){
    #contents { padding:100px 0; }
    #contents > article { padding:0 20px; }
}
@media screen and (max-width:1024px){	
	#contents { padding:80px 0; }
}
@media screen and (max-width:640px){	
	#contents { padding:40px 0; }
    #container { overflow:hidden; }
}

#contents .icon_bg { position:absolute; left:-140px; top:100px; width:515px; height:470px; background:url(/img/sub/icon_bg.png) center top no-repeat; }
@media screen and (max-width:1024px){
    #contents .icon_bg { left:-50px; top:20px; width:300px; height:280px; background-size:300px auto !important; }
}
@media screen and (max-width:640px){
    #contents .icon_bg { left:-20px; width:140px; height:140px; background-size:140px auto !important; }
}

#container .menuBox ul { display:flex; }
#container .menuBox li a { width:calc(100% + 1px); margin-left:-1px; height:80px; display:flex; font-size:20px; font-weight:400; color:#222; line-height:1.3; border:1px solid #e0e0e0; align-items:center; justify-content:center; }
#container .menuBox li.on a { border:1px solid #004190; background:#004190; color:#fff }
#container .menuBox ul.m2 li { width:50%; }
#container .menuBox ul.m3 li { width:33.33%; }
#container .menuBox ul.m4 li { width:25%; }
@media screen and (max-width:1024px){
    #container .menuBox li a { height:65px; font-size:18px; }
}
@media screen and (max-width:640px){
    #container .menuBox li a { height:55px; font-size:16px; }
}

.contTitle { text-align:center; }
.contTitle h3 { font-weight:700; font-size:60px; line-height:130%; color:#222; }
.contTitle h3 span { font-weight:700; }
.contTitle p.txt { margin-top:30px; font-weight:300; font-size:20px; line-height:130%; color:#222; letter-spacing:-0.02em; }
@media screen and (max-width:1300px){
    .contTitle h3 { font-size:45px; }
}
@media screen and (max-width:1024px){
    .contTitle h3 { font-size:32px; }
    .contTitle p.txt { margin-top:20px; font-size:18px; }
}
@media screen and (max-width:640px){
    .contTitle h3 { font-size:22px; }
    .contTitle p.txt { margin-top:10px; font-size:16px; }
}

#contents .btnbox { margin-top:60px; text-align:center; }
#contents .btnbox a,
#contents .btnbox button { display:inline-block; text-align:center; border:none; outline:none; background:none; margin:0 5px;  }
#contents .btnbox a span,
#contents .btnbox button span { transition:all 0.5s ease-in-out; margin:0 auto; justify-content:center; align-items:center; display:flex; position:relative; text-align:center; border:1px solid #e0e0e0; outline:none; background:none; min-width:200px; height:55px; color:#222; font-size:18px; font-weight:500; border-radius:60px; }
#contents .btnbox a:hover span,
#contents .btnbox button:hover span{ border:1px solid #004190; background:#004190; color:#fff; }
@media screen and (max-width:1024px){	
}
@media screen and (max-width:640px){	
    #contents .btnbox { margin-top:30px; }
    #contents .btnbox a,
    #contents .btnbox button { margin:0;  }
    #contents .btnbox a span,
    #contents .btnbox button span { min-width:150px; height:50px; font-size:16px;  }
}

#contents .tabmenu { position:relative; margin-top:80px; }
#contents .tabmenu ul { display:flex; gap:0 20px; text-align:center }
#contents .tabmenu li a { padding:0 10px; width:100%; height:70px; display:flex; font-size:23px; font-weight:300; color:#666; line-height:1.2;  align-items:center; justify-content:center; background: #f9f9f9; box-shadow: 10px 10px 30px rgba(174, 174, 192, 0.4), -10px -10px 30px #fff; border-radius:50px; }
#contents .tabmenu li.on a { box-shadow:inset 10px 10px 10px rgba(174, 174, 192, 0.2), inset -10px -10px 10px rgba(252, 252, 252, 0.7); color:#222; font-size:24px; font-weight:600; }
#contents .tabmenu ul.m2 { margin:0 auto; max-width:952px; }
#contents .tabmenu ul.m2 li { width:49%; }
#contents .tabmenu ul.m3 li { width:33.33%; }
#contents .tabmenu ul.m4 li { width:25%; }
#contents .tabmenu ul.m5 li { width:20%; }
#contents .tabmenu ul.m6 li { width:16.66%; }
#contents .tabmenu ul.m5,
#contents .tabmenu ul.m6,
#contents .tabmenu ul.m7,
#contents .tabmenu ul.m8,
#contents .tabmenu ul.m9,
#contents .tabmenu ul.m10 { flex-wrap:wrap; }
#contents .tabmenu ul.m5 li,
#contents .tabmenu ul.m6 li,
#contents .tabmenu ul.m7 li,
#contents .tabmenu ul.m8 li,
#contents .tabmenu ul.m9 li,
#contents .tabmenu ul.m10 li { width:calc((100% - 80px) / 5); }
#contents .tabmenu ul.m6 li { width:calc((100% - 100px) / 6);}
@media screen and (max-width:1024px){	
    #contents .tabmenu { margin-top:60px; }
    #contents .tabmenu ul { gap:10px; flex-wrap:wrap; }
    #contents .tabmenu li a { height:60px; font-size:18px; }
    #contents .tabmenu li.on a { font-size:19px; }
    #contents .tabmenu ul.m4 li,
    #contents .tabmenu ul.m5 li,
    #contents .tabmenu ul.m6 li,
    #contents .tabmenu ul.m7 li,
    #contents .tabmenu ul.m8 li,
    #contents .tabmenu ul.m9 li,
    #contents .tabmenu ul.m10 li { width:calc((100% - 20px) / 3); }
}
@media screen and (max-width:640px){	
    #contents .tabmenu { margin-top:40px; }
    #contents .tabmenu ul { gap:8px 5px; }
    #contents .tabmenu li a { height:50px; font-size:16px; }
    #contents .tabmenu li.on a { font-size:17px; }
    #contents .tabmenu ul.m2 li,
    #contents .tabmenu ul.m3 li,
    #contents .tabmenu ul.m4 li,
    #contents .tabmenu ul.m5 li,
    #contents .tabmenu ul.m6 li,
    #contents .tabmenu ul.m7 li,
    #contents .tabmenu ul.m8 li,
    #contents .tabmenu ul.m9 li,
    #contents .tabmenu ul.m10 li { width:calc((100% - 10px) / 2); }
}

.registerBox {}
.registerBox > ul { margin-top:40px; border-top:1px solid #004190; }
.registerBox > ul > li { position:relative; display:flex; align-items:center; flex-wrap:wrap; width:100%; padding:20px 50px 20px 185px; border-bottom:1px solid #e0e0e0; color:#222; font-weight:300; font-size:18px; }
.registerBox.infoBox > ul > li { padding:10px 50px; min-height:80px; }
.registerBox.joinBox > ul > li,
.registerBox.infoBox > ul > li{ padding-left:255px; }
.registerBox > ul > li > div { width:100% }
.registerBox > ul > li .sel-box { background:#f3f3f3; }
.registerBox > ul > li label.tit { position:absolute; left:50px; top:50%; z-index:1; transform:translateY(-50%); font-size:18px; color:#222; font-weight:600; line-height:1.6; display:inline-block; transition:all 0.3s }
.registerBox > ul > li label.tit span { font-weight:700; color:#004190; }
.registerBox > ul > li.tit-top label.tit { top:40px; }
.registerBox > ul > li input[type="text"],
.registerBox > ul > li input[type="password"] { height:80px; padding:0 30px; width:100%; font-size:18px; color:#222; font-weight:400; border:none; outline:none; background:#f9f9f9; border-radius:10px; }
.registerBox.infoBox > ul > li input[type="text"],
.registerBox.infoBox > ul > li input[type="password"] { height:60px; }
.registerBox > ul > li select { width:100%; height:80px; line-height:80px; padding:0 40px; font-size:18px; color:#222; font-weight:400; border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:#f3f3f3 url(/img/sub/icon_select_down.png) right center no-repeat; }
.registerBox > ul > li select::-ms-expand { display: none; }
.registerBox > ul > li textarea { width:100%; height:240px; line-height:1.6; padding:20px 30px; font-size:18px; color:#222; font-weight:400; border:none; outline:none; background:#f9f9f9; border-radius:10px;  }
.registerBox > ul > li input.ip02 { width:300px; }
.registerBox > ul > li input.ip03 { max-width:400px; }
.registerBox > ul > li input::placeholder,
.registerBox > ul > li textarea::placeholder { color:#666; }
.registerBox > ul > li .stxt1 { display:inline-block; margin-left:20px; font-size:16px; padding:10px 0; }
.registerBox > ul > li .bar { font-size:18px; color:#666; font-weight:600; width:30px; display:inline-block; text-align:center; }
.registerBox > ul > li .txtbox { height:240px; padding:20px 30px; background:#f9f9f9; overflow:auto; border-radius:10px; }
.registerBox > ul > li .ch { text-align:right; }
.registerBox > ul > li .ch.ch_left { text-align:left; margin:20px 25px; }
.registerBox > ul > li .ch.ch_left label:not(:last-child) { margin-right:25px; }
.registerBox > ul > li .ip-box .ipcont { position:relative; display:flex; }
.registerBox > ul > li .ip-box .ipcont:not(:last-child) { margin-bottom:10px; }
.registerBox > ul > li .ip-box .ipcont .upload-name { width:270px; height:53px; outline:none; border:none; padding:0 30px; font-size:18px; color:#222; border-radius:10px; }
.registerBox > ul > li .ip-box .ipcont .file { margin-left:10px; width:126px; height:53px; background:#004190; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:10px }
.registerBox > ul > li .ip-box .ipcont .file span{ text-align:center; font-size:16px; color:#fff; font-weight:300; letter-spacing:-0.02em; }
.registerBox > ul > li .ip-box .ipcont .file input{display:none}
.registerBox > ul > li.careers .ip-box { padding:13px 0 13px 210px }
.registerBox > ul > li .kcaptcha_ip { background:#f3f3f3; position:relative; padding:0 50px 0 340px; width:600px; }
.registerBox > ul > li .kcaptcha_ip .imgbox { position:absolute; left:170px; top:0; }
.registerBox > ul > li .kcaptcha_ip .imgbox img { width:175px; }
.registerBox > ul > li .kcaptcha_ip input { border:none }
.registerBox > ul > li .kcaptcha_ip .btn { position:absolute; right:0; top:0; height:100%; width:50px; border:none; outline:none; background:none }
.registerBox > ul > li .kcaptcha_ip .btn i { color:#555; font-size:18px; }
.registerBox > ul > li .privacy-box { background:#f3f3f3; padding:44px 0 30px 40px; }
.registerBox > ul > li .privacy-box .scroll-box { margin-top:30px; height:180px; overflow:auto; }
.registerBox > ul > li .privacy-box .scroll-box p { margin-top:8px; font-size:15px; color:#111; line-height:1.3; }
.registerBox > ul > li .privacy-box .scroll-box p.tit-1 { margin-top:25px; }
.registerBox > ul > li .privacy-box .scroll-box p.txt { margin-top:25px; }
.registerBox .ch { margin-top:25px; }
.registerBox .ch_list .ch { margin-top:0; }
.registerBox .ch input[type="checkbox"],
.registerBox .ch input[type="radio"]{opacity:0; height:auto; line-height:auto;}
.registerBox .ch input[type="checkbox"] + span,
.registerBox .ch input[type="radio"] + span { position:relative; padding:0 0 0 20px; font-weight:400; font-size:18px; line-height:1.4 !important; display:inline-block; color:#222; }
.registerBox .ch input[type="checkbox"] + span:before,
.registerBox .ch input[type="radio"] + span:before { content:''; display:block; margin:6px 0 0 0; width:15px; height:15px; vertical-align:middle; background:none; border:1px solid #222; border-radius:50px; position:absolute; left:-10px; top:-1px; }
.registerBox .ch input[type="checkbox"] + span:after,
.registerBox .ch input[type="radio"] + span:after { content:''; display:block; width:7px; height:7px; vertical-align:middle; background:none; border:none; border-radius:50px; position:absolute; left:-5px; top:10px; }
.registerBox .ch input[type="checkbox"]:checked + span:after,
.registerBox .ch input[type="radio"]:checked + span:after { background:#004190; }
.registerBox .txt_b { margin:20px 0 0 20px; }
.registerBox .txt_b ul { display:flex; flex-wrap:wrap; }
.registerBox .txt_b li { font-size:16px; color:#666; font-weight:300; display:flex; align-items:center; }
.registerBox .txt_b li:not(last-child) { margin-right:20px; }
.registerBox .txt_b li img { margin:0 10px 0 0; }
@media screen and (max-width:1300px){
    .registerBox > ul > li { padding:20px 50px 20px 160px; }
    .registerBox.joinBox > ul > li,
    .registerBox.infoBox > ul > li { padding-left:200px; }
    .registerBox > ul > li label.tit { left:40px; font-size:18px; }
    .registerBox > ul > li input[type="text"],
    .registerBox > ul > li input[type="password"] { height:80px; padding:0 30px; font-size:18px; }
    .registerBox > ul > li input.ip02 { width:calc(33.33% - 20px); }
    .registerBox > ul > li textarea { font-size:18px; }
    .registerBox > ul > li .ip-box .ipcont .upload-name { font-size:18px; }
    .registerBox > ul > li .ip-box .ipcont .file span{ font-size:16px; }
    .registerBox .txt_b li { width:100%; }
    .registerBox .txt_b li:not(last-child) { margin-right:0; margin-bottom:10px; }
}
@media screen and (max-width:1024px){
    .registerBox > ul { margin-top:30px; }
    .registerBox > ul > li { padding:15px 20px 15px 140px; font-size:16px; }
    .registerBox.joinBox > ul > li,
    .registerBox.infoBox > ul > li { padding-left:180px; }
    .registerBox > ul > li label.tit { left:20px; font-size:16px; }
    .registerBox > ul > li.tit-top label.tit { top:35px; }
    .registerBox > ul > li input[type="text"],
    .registerBox > ul > li input[type="password"] { height:55px; padding:0 20px; font-size:16px; }
    .registerBox > ul > li textarea { height:180px; padding:15px 20px; font-size:16px; }
    .registerBox > ul > li .txtbox { height:180px; padding:15px 20px; }
    .registerBox > ul > li .ip-box .ipcont .upload-name { width:270px; height:55px; padding:0 20px; font-size:16px; }
    .registerBox > ul > li .ip-box .ipcont .file { width:126px; height:55px; }
    .registerBox > ul > li .ip-box .ipcont .file span{ font-size:16px; }
    .registerBox > ul > li .ch.ch_left { margin:15px 15px; }
    .registerBox > ul > li .stxt1 { margin-left:0; font-size:15px; display:block }
    .registerBox .ch input[type="checkbox"] + span,
    .registerBox .ch input[type="radio"] + span { font-size:16px; }
    .registerBox .ch input[type="checkbox"] + span:before,
    .registerBox .ch input[type="radio"] + span:before { margin:4px 0 0 0; }
    .registerBox .ch input[type="checkbox"] + span:after,
    .registerBox .ch input[type="radio"] + span:after { top:8px; }
}
@media screen and (max-width:640px){
    .registerBox > ul { margin-top:20px; }
    .registerBox > ul > li { padding:10px 0; }
    .registerBox.infoBox .stxt { padding:0 10px; margin-top:-20px; }
    .registerBox.infoBox > ul > li { padding:10px 0; min-height:100px;}
    .registerBox.joinBox > ul > li,
    .registerBox.infoBox > ul > li { padding-left:0; }
    .registerBox > ul > li label.tit { padding-left:10px; position:relative; left:unset; top:unset; width:100%; display:block; margin-bottom:10px; transform:translateY(0); }
    .registerBox > ul > li.tit-top label.tit { top:unset; }
    .registerBox > ul > li input[type="text"],
    .registerBox > ul > li input[type="password"] { height:55px; padding:0 10px; }
    .registerBox > ul > li textarea { padding:15px 10px; }
    .registerBox > ul > li .txtbox { padding:15px 10px; }
    .registerBox > ul > li .ip-box .ipcont .upload-name { width:calc(100% - 110px); padding:0 10px; }
    .registerBox > ul > li .ip-box .ipcont .file { width:100px; }
    .registerBox > ul > li .ch.ch_left { margin:0 8px 15px; }
    .registerBox > ul > li .stxt1 { margin-left:10px; font-size:14px; padding:10px 0;}
    .registerBox .txt_b { margin:20px 0 0 0; }
    .registerBox .txt_b li { font-size:15px; }
    .registerBox.infoBox > ul > li input[type="text"],
    .registerBox.infoBox > ul > li input[type="password"] { height:50px; }
}

.boardList { position:relative; margin-top:40px; }
.boardList table { border-top:1px solid #004190; }
.boardList table thead th { text-align:center; height:86px; border-bottom:1px solid #e0e0e0; color:#222; font-weight:600; font-size:20px; letter-spacing:-0.02em; background:#f9f9f9;}
.boardList table tbody td { text-align:center; height:83px; border-bottom:1px solid #e0e0e0; color:#222; font-weight:300; font-size:18px; letter-spacing:-0.02em; background:#fff;}
.boardList table tbody td.td_left { text-align:left; padding-left:20px; }
.boardList table tbody td.td_left a { color:#222; font-weight:300; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.boardList .btn_r { position:absolute; right:0; bottom:0; }
@media screen and (max-width:1300px){
    .boardList table thead th { height:70px; font-size:19px; }
    .boardList table tbody td { height:65px; font-size:17px; }
    .boardList table tbody td.td_left { padding-left:20px; }
}
@media screen and (max-width:1024px){
    .boardList { margin-top:30px; }
    .boardList col.w1 { width:80px !important;}
    .boardList col.w3 { width:110px !important;}
    .boardList col.w3_1 { width:100px !important;}
    .boardList .displayNo { display:none }
    .boardList table thead th { height:65px; font-size:18px; }
    .boardList table tbody td { height:60px; font-size:16px; }
    .boardList table tbody td.td_left { padding-left:10px; }
    .boardList .btn_r { position:relative; right:unset; bottom:unset; }
}
@media screen and (max-width:640px){
    .boardList { margin-top:20px; }
    .boardList col.w1 { width:50px !important;}
    .boardList col.w3 { width:100px !important;}
    .boardList col.w3_1 { width:70px !important;}
    .boardList .displayNo { display:none }
    .boardList table thead th { height:60px; font-size:16px; }
    .boardList table tbody td { height:55px; font-size:15px; }
}



/* page */
.page { margin:70px auto 0 auto; text-align:center; padding:0; } 
.page a { position:relative; font-size:18px; line-height:36px; font-weight:300; color:#aaa; letter-spacing:-0.02em; border:none; padding:0; min-width:36px; margin:0 -3px; display:inline-block; }
.page ul { display:inline-block; }
.page li { display:inline-block; vertical-align:middle; margin:0 3px; }
.page li.on a { font-weight:600; color:#fff; background-color:#004190; border:none; padding:0 4px; border-radius:50px; }
.page li:hover a,
.page li a:hover { border:none; /* background:none; */ }
.page li.on:hover a  { background-color:#004190; }
.page .btn_pn { display:inline-block; vertical-align:middle; padding:0; }
.page .btn_prev { height:35px; width:20px; margin-right:-4px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.page .btn_next { height:35px; width:25px; margin-left:-4px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.page .btn_first { height:35px; width:25px; margin-right:8px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.page .btn_last { height:35px; width:25px; margin-left:8px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_last.png) center center no-repeat;}
.page li span { color:#aaa; display:block; margin-top:-10px; font-weight:800; }
@media screen and (max-width:640px){
	.page { margin:40px auto 0 auto; }
	.page a { font-size:16px; }
}



.boardView { position:relative; margin-top:40px; border-top:1px solid #004190; }
.boardView .topTitle { position:relative; text-align:center; padding:40px 40px 20px;}
.boardView .topTitle h4 { font-weight:600; color:#222; letter-spacing:-0.02em; font-size:35px; line-height:1.3 }
.boardView .topTitle .date { text-align:right; margin-top:20px; font-weight:300; color:#222; letter-spacing:-0.02em; font-size:16px; }
.boardView .topTitle .name { position:absolute; left:40px; bottom:20px; font-weight:300; color:#222; letter-spacing:-0.02em; font-size:16px; }
.boardView .topTitle .chbox { position:absolute; right:32px; top:38%; transform:translateY(-50%); transition:all .7s;}
.boardView .topTitle .chbox a { width:36px; height:36px; display:block; background:url(/img/sub/check_icon.png) center center no-repeat; transition:all .7s }
.boardView .topTitle .chbox.check a { background:url(/img/sub/checkOn_icon.png) center center no-repeat; }
.boardView .viewCont { border-bottom:1px solid #e0e0e0; padding:40px 40px 100px; font-weight:300; color:#222; letter-spacing:-0.02em; line-height:1.3;}
.boardView .viewCont img { max-width:100%; }
.boardView .viewCont iframe { max-width:100%; }
.boardView .answer,
.boardView .data { border:1px solid #e0e0e0; border-width:1px 0 } 
.boardView .answer dl,
.boardView .data dl { display:flex; }
.boardView .answer dl dt,
.boardView .data dl dt { width:160px; padding:35px 40px; font-weight:300; color:#222; letter-spacing:-0.02em; font-size:16px; display:flex; align-items:center; background:#f9f9f9 }
.boardView .answer dl dd,
.boardView .data dl dd { width:calc(100% - 160px); padding:35px 40px; font-weight:300; color:#222; letter-spacing:-0.02em; line-height:1.3; font-size:16px; display:flex; align-items:center; }
.boardView .btn_s { position:absolute; right:0; bottom:65px; }
.boardView .btn_s a { position:relative; margin:0 0 0 20px; font-weight:300; color:#222; letter-spacing:-0.02em; font-size:16px; }
.boardView .btn_s a:before { content:""; display:block; width:100%; height:1px; background-color:#222; opacity:0.5; position:absolute; left:0; bottom:-1px; }
.boardView .btn_s a:hover { color:#004190; }
.boardView .btn_s a:hover:before { background-color:#004190; }
@media screen and (max-width:1300px){
    .boardView .topTitle h4 { font-size:30px; }
}
@media screen and (max-width:1024px){
    .boardView { margin-top:30px; }
    .boardView .topTitle { padding:30px 20px 20px;}
    .boardView .topTitle h4 { font-size:24px; }
    .boardView .topTitle .date,
    .boardView .topTitle .name { font-size:15px; left:20px; }
    .boardView .topTitle .date { text-align:right; }
    .boardView .answer dl dt,
    .boardView .data dl dt { width:100px; padding:20px 20px; font-size:15px; }
    .boardView .answer dl dd,
    .boardView .data dl dd { width:calc(100% - 100px); padding:20px; font-size:15px; }
    .boardView .btn_s { bottom:65px; }
    .boardView .btn_s a { margin:0 0 0 15px; }
}
@media screen and (max-width:760px){
    .boardView .topTitle .chbox { opacity:1; visibility:visible; z-index:2; right:10px; top:35%; }
    .boardView .topTitle .chbox a { width:35px; height:35px; }
}
@media screen and (max-width:640px){
    .boardView { margin-top:20px; }
    .boardView .topTitle { padding:20px 15px 10px;}
    .boardView .topTitle h4 { font-size:18px; }
    .boardView .topTitle .date,
    .boardView .topTitle .name { font-size:15px; }
    .boardView .topTitle .name { bottom:10px; left:15px; }
    .boardView .viewCont { padding:20px 10px 60px; }
    .boardView .answer dl dt,
    .boardView .data dl dt { width:80px; padding:15px 15px; }
    .boardView .answer dl dd,
    .boardView .data dl dd { width:calc(100% - 80px); padding:15px; font-size:15px; }
    .boardView .btn_s { bottom:20px; }
    .boardView .btn_s a { margin:0 0 0 10px; }
}
@media screen and (max-width:480px){
    .boardView .topTitle .chbox a { width:35px; height:35px; }
    .boardView .topTitle .chbox a img { width:12px; }
}

.galleryList { margin-top:40px; }
.galleryList .list ul { margin-top:30px; display:flex; flex-wrap:wrap; gap:80px 20px; }
.galleryList .list ul li { width:calc((100% - 60px) / 4); }
.galleryList .list ul li .imgbox { position:relative; overflow:hidden; transition:all .7s; }
.galleryList .list ul li .imgbox:before {content:""; display:block; padding-bottom:72.8%; }
.galleryList.gList .list ul li .imgbox:before,
.galleryList .list ul li.glist .imgbox:before { padding-bottom:143%; }
.galleryList .list ul li .imgbox > a > img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transition:all .5s; }
.galleryList .list ul li .imgbox .chbox { position:absolute; right:32px; bottom:30px; transition:all .7s;}
.galleryList .list ul li .imgbox .chbox a { width:36px; height:36px; display:block; background:url(/img/sub/check_icon.png) center center no-repeat; transition:all .7s }
.galleryList .list ul li .imgbox .chbox.check a { background:url(/img/sub/checkOn_icon.png) center center no-repeat; }
.galleryList .list ul li:hover .imgbox { border-radius:20px; }
.galleryList .list ul li:hover .imgbox > a > img { transform:scale(1.10); }
.galleryList .list ul li .txtbox { margin-top:30px; }
.galleryList .list ul li .txtbox .keyword { display:flex; flex-wrap:wrap; gap:5px 3px;}
.galleryList .list ul li .txtbox .keyword a { height:27px; display:flex; align-items:center; padding:0 10px; border:2px solid #ddd; border-radius:50px; font-weight:600; font-size:13px; color:#bbb;}
.galleryList .list ul li .txtbox .title { margin-top:20px; font-size:24px; }
.galleryList .list ul li .txtbox .title a {transition:all .5s; color:#222; font-weight:500; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.galleryList .list ul li .txtbox .title a:hover { color:#004190; }
.galleryList .list ul li .txtbox .date { margin-top:10px; font-size:16px; color:#555; font-weight:300; }
@media screen and (max-width:1024px){
    .galleryList .list ul { gap:70px 20px; }
    .galleryList .list ul li { width:calc((100% - 20px) / 2); }
    .galleryList .list ul li .txtbox { margin-top:20px; }
    .galleryList .list ul li .txtbox .title { margin-top:15px; font-size:22px; }
}
@media screen and (max-width:760px){
    .galleryList { margin-top:20px; }
    .galleryList .list ul { gap:50px 10px; }
    .galleryList .list ul li { width:calc((100% - 10px) / 2); }
    .galleryList .list ul li .imgbox .chbox { opacity:1; visibility:visible; z-index:2; right:6px; bottom:6px; }
    .galleryList .list ul li .imgbox .chbox a { width:35px; height:35px; }
    .galleryList .list ul li .txtbox { margin-top:20px; }
    .galleryList .list ul li .txtbox .keyword { gap:2px;}
    .galleryList .list ul li .txtbox .keyword a { font-size:12px; }
    .galleryList .list ul li .imgbox .chbox a img { width:14px; }
    .galleryList .list ul li .txtbox .title { margin-top:15px; font-size:18px; }
    .galleryList .list ul li .txtbox .date { font-size:15px; }
}
@media screen and (max-width:480px){
    .galleryList .list ul { gap:40px 10px; }
    .galleryList .list ul li .imgbox .chbox a { width:35px; height:35px; }
    .galleryList .list ul li .imgbox .chbox a img { width:12px; }
    .galleryList .list ul li .txtbox { margin-top:20px; }
    .galleryList .list ul li .txtbox .keyword a { height:25px;}
    .galleryList .list ul li .txtbox .title { margin-top:14px; font-size:16px; }
    .galleryList .list ul li .txtbox .date { font-size:14px; }
}

.subSearchBox { display:flex; justify-content:flex-end; }
.subSearchBox .box { position:relative; border-bottom:1px solid #ececec; max-width:300px; width:100%; }
.subSearchBox .box input[type="text"] { width:100%; height:45px; background:none; outline:none; border:none; padding:0 60px 0 20px; color:#111; font-size:18px; font-weight:500; }
.subSearchBox .box .btn { position:absolute; right:0; top:50%; transform:translateY(-50%); width:45px; height:45px ; display:flex; align-items:center; justify-content:center; outline:none; border:none; background:url(/img/common/btn_search.png) center center no-repeat; }
.subSearchBox .box input::placeholder { color:#ccc; }
@media screen and (max-width:640px){
    .subSearchBox .box input[type="text"] { height:40px; padding:0 60px 0 10px; color:#111; font-size:16px; } 
}
@media screen and (max-width:480px){
    .subSearchBox .box { max-width:100%; }
}

.gpList {  } 
.gpList .list { margin-top:30px; } 
.gpList .list > ul > li:not(:last-child) { margin-bottom:10px; background:#fff }
.gpList .list > ul > li { border:1px solid #ececec; border-radius:10px; padding:60px; }
.gpList .list > ul > li > p { position:relative; padding-left:35px; padding-right:20px; font-weight:500; color:#333; letter-spacing:-0.02em; font-size:20px; line-height:1.3; }
.gpList .list > ul > li > p:before { transition:all .3s; content:""; display:block; width:14px; height:8px; position:absolute; right:0; top:50%; transform:translateY(-50%); background:url(/img/sub/gpList_arr.png) center center no-repeat; } 
.gpList .list > ul > li.on > p:before { transform:translateY(-50%) rotate(180deg); }
.gpList .list > ul > li > p strong { position:absolute; left:0; top:0; font-weight:600; color:#004190; line-height:1.3 }
.gpList .list > ul > li > .contentBox { margin-top:60px; background:#f8f8f8; border-radius:10px; padding:40px; font-weight:300; color:#555; letter-spacing:-0.02em; font-size:18px; line-height:1.8; }
.gpList .list > ul > li > .contentBox img { max-width:100%; }
.gpList .list > ul > li > .contentBox a { word-break:break-word; }
@media screen and (max-width:1024px){
    .gpList .list { margin-top:20px; } 
    .gpList .list > ul > li { padding:40px; }
    .gpList .list > ul > li > p { padding-left:35px; font-size:18px; }
    .gpList .list > ul > li > .contentBox { margin-top:40px; padding:30px; font-size:16px; }
}
@media screen and (max-width:640px){
    .gpList .list { margin-top:15px; } 
    .gpList .list > ul > li { padding:20px; }
    .gpList .list > ul > li > p { padding-left:25px; font-size:16px; }
    .gpList .list > ul > li > p:before { width:10px; height:6px; background-size:10px auto; } 
    .gpList .list > ul > li > .contentBox { margin-top:20px; padding:16px; font-size:15px; }
}

.subTopimgBox { margin-top:80px; position:relative; overflow:hidden; border-radius:20px; }
.subTopimgBox:before {content:""; display:block; padding-bottom:28.1%; }
.subTopimgBox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
@media screen and (max-width:1024px){
    .subTopimgBox { margin-top:60px; }
    .subTopimgBox:before { padding-bottom:32%; }
}
@media screen and (max-width:640px){
    .subTopimgBox { margin-top:40px; }
    .subTopimgBox:before { padding-bottom:38%; }
}

/* animation */
.subTopimgBox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; top:0; }
.subTopimgBox.subOn:after { animation:ani_w100 1.5s 0.3s; animation-fill-mode:both; }


.sub_boxList { margin-top:50px; }
.sub_boxList.noM { margin-top:0; }
.sub_boxList > ul > li { position:relative; border:2px solid #ececec; background:#f9f9f9; }
.sub_boxList > ul > li:before { content:""; display:block; width:0; height:100%; background:#004190; position:absolute; left:-1px; top:0; transition:all .1s ease-in-out; }
.sub_boxList > ul > li:after { content:""; display:block; width:0; height:100%; background:#004190; position:absolute; right:-1px; top:0; transition:all .1s ease-in-out; }
.sub_boxList > ul > li:hover:before,
.sub_boxList > ul > li:hover:after { width:3px; }
.sub_boxList > ul > li .box { position:relative; }
.sub_boxList > ul > li .box:before { content:""; display:block; width:calc(100% + 2px); height:0; background:#004190; position:absolute; left:-1px; top:-1px; transition:all .1s ease-in-out; }
.sub_boxList > ul > li .box:after { content:""; display:block; width:calc(100% + 2px); height:0; background:#004190; position:absolute; left:-1px; bottom:-1px; transition:all .1s ease-in-out; }
.sub_boxList > ul > li:hover .box:before,
.sub_boxList > ul > li:hover .box:after { height:3px; }
.sub_boxList > ul { display:flex; flex-wrap:wrap; gap:32px 16px; }
.sub_boxList > ul > li { width:calc((100% - 16px) / 2); }
.sub_boxList > ul > li .box { height:343px; padding:50px; }
.sub_boxList > ul > li .box dt { font-weight:700; color:#222; letter-spacing:-0.02em; font-size:30px; line-height:1.3 }
.sub_boxList > ul > li .box dd { margin-top:15px; font-weight:300; color:#222; letter-spacing:-0.02em; font-size:18px; line-height:1.5 }
.sub_boxList > ul > li .box .icon { position:absolute; right:50px; bottom:50px; }
.dangerousBox .sub_boxList > ul > li { cursor:pointer; }
@media screen and (max-width:1300px){
    .sub_boxList > ul > li .box { padding:40px; }
    .sub_boxList > ul > li .box dt { font-size:24px }
    .sub_boxList > ul > li .box .icon { right:40px; bottom:40px; }
}
@media screen and (max-width:1024px){
    .sub_boxList { margin-top:40px; }
    .sub_boxList > ul > li .box { height:300px; padding:30px; }
    .sub_boxList > ul > li .box dt { font-size:22px }
    .sub_boxList > ul > li .box dd { margin-top:13px; font-size:16px; }
    .sub_boxList > ul > li .box .icon { right:30px; bottom:30px; text-align:right }
    .sub_boxList > ul > li .box .icon img { width:80%; }
}
@media screen and (max-width:640px){
    .dataTable { margin-top:30px; }
    .sub_boxList > ul { gap:20px 10px; }
    .sub_boxList > ul > li .box { height:240px; padding:20px; }
    .sub_boxList > ul > li .box dt { font-size:20px }
    .sub_boxList > ul > li .box dd { margin-top:10px; font-size:15px; }
    .sub_boxList > ul > li .box .icon { right:10px; bottom:10px; }
    .sub_boxList > ul > li .box .icon img { width:70%; }
}


.subContBox > dl:not(:last-child) { border-bottom:1px solid #e0e0e0; }
.subContBox > dl { position:relative; padding:100px 0; display:flex; flex-wrap:wrap; }
.subContBox > dl > dt { width:493px; font-weight:700; color:#222; letter-spacing:-0.02em; font-size:30px; line-height:1.5; }
.subContBox > dl > dt p{ font-size: 20px; font-weight: 300; color: #222; letter-spacing: -0.02em; line-height: 1.75; margin-top: 15px; }
.subContBox > dl > dd { width:calc(100% - 493px); }
.subContBox > dl > dd .txt { font-weight:300; color:#222; letter-spacing:-0.02em; font-size:20px; line-height:1.7; }
.subContBox > dl > dd .txt-1 { font-size:18px; }
.subContBox > dl > dd .txt strong { font-weight:500; }
.subContBox > dl > dd .txt .dot-list li{ padding-left: 20px; position: relative; }
.subContBox > dl > dd .txt .dot-list li:not(:last-of-type){ margin-bottom: 20px; }
.subContBox > dl > dd .txt .dot-list li::before{ content: ""; width: 4px; height: 4px; background: #222; border-radius: 50%; position: absolute; top: calc(1.7em / 2); left: 0; transform: translateY(-50%); }
.subContBox > dl > dd .imgbox_cont img { max-width:100%; }
@media screen and (max-width:1650px){
    .subContBox > dl > dd .txt br { display:none }
}
@media screen and (max-width:1300px){
    .subContBox > dl > dt { width:440px; }
    .subContBox > dl > dd { width:calc(100% - 440px); }
}
@media screen and (max-width:1024px){
    .subContBox > dl { padding:70px 0; }
    .subContBox > dl > dt,
    .subContBox > dl > dd { width:100%; }
    .subContBox > dl > dt { font-size:26px; text-align:center }
    .subContBox > dl > dt > br { display:none }
	.subContBox > dl > dt p{ font-size: 18px; margin-top: 10px; }
    .subContBox > dl > dd { margin-top:30px; }
    .subContBox > dl > dd .txt { font-size:18px; }
	.subContBox > dl > dd .txt .dot-list li{ padding-left: 12px; }
	.subContBox > dl > dd .txt .dot-list li::before{ width: 3px; height: 3px; }
    .subContBox > dl > dd .txt-1 { font-size:16px; }
}
@media screen and (max-width:640px){
    .subContBox > dl { padding:40px 0; }
    .subContBox > dl > dt { font-size:20px }
	.subContBox > dl > dt p{ font-size: 16px; margin-top: 5px; }
    .subContBox > dl > dd { margin-top:20px; }
    .subContBox > dl > dd .txt { font-size:16px; }
    .subContBox > dl > dd .txt-1 { font-size:15px; }
}

/* animation */
.subContBox > dl { opacity:0; }
.subContBox > dl.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }



.testBox > dl > dd .listbox { margin-top:50px; padding:30px; border:1px solid #ececec; background:#f9f9f9; }
.testBox > dl > dd .listbox ul li:not(:last-child) { margin-bottom:30px; }
.testBox > dl > dd .listbox ul li { display:flex; align-items:center; }
.testBox > dl > dd .listbox ul li .icon { width:75px; height:75px; border-radius:75px; border:1px solid #ececec; background:#fff; display:flex; justify-content:center; align-items:center;}
.testBox > dl > dd .listbox ul li .txtbox { width:calc(100% - 75px); padding-left:30px; font-weight:300; color:#222; letter-spacing:-0.02em; font-size:18px; line-height:1.7;}
.testBox > dl > dd .listbox ul li .txtbox strong { font-weight:500; }
.testBox > dl > dd .dataTable { margin-top:50px; }
.testBox > dl > dd .dataTable thead th { text-align:center; height:70px; color:#004190; font-weight:600; font-size:20px; background:rgba(0, 65, 144, 0.03); border-bottom:1px solid #004190; border-left:1px solid rgba(0, 65, 144, 0.1);}
.testBox > dl > dd .dataTable thead th:first-child { border-left:none }
.testBox > dl > dd .dataTable tbody th { text-align:center; height:90px; color:#222; font-weight:600; font-size:20px; background:#f9f9f9; border-bottom:1px solid #e0e0e0; }
.testBox > dl > dd .dataTable tbody td { text-align:center; padding:16px 10px; color:#222; font-weight:300; font-size:18px; line-height:1.3; background:#fff; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; }
.testBox > dl > dd .dataTable tbody td span { font-family: 'Poppins', sans-serif; font-weight:300; }
.testBox > dl > dd .dataTable tbody td.td_left { text-align:left; padding:16px 30px; }
.testBox > dl > dd .dataTable tbody td .imgbox img { max-width:100%; }
.testBox > dl > dd .dataTable tbody td .slist li { margin-top:8px; font-size:16px; color:#666; font-weight:300; position:relative; }
.testBox > dl > dd .dataTable tbody td .slist li:before { content:""; display:inline-block; width:3px; height:3px; background:#666; vertical-align:middle; margin:0 8px 3px 0; border-radius:5px; }
.testBox > dl > dd .inspect-box { margin-top:50px; }
.testBox > dl > dd .inspect-box .imgbox { border:1px solid #e0e0e0; text-align:center; padding:30px; }
.testBox > dl > dd .inspect-box .imgbox img { max-width:100%; }
.testBox > dl > dd .inspect-box .txt_b { margin-top:20px; padding-left:14px; position:relative; font-size:14px; color:#666; font-weight:300; line-height:2 }
.testBox > dl > dd .inspect-box .txt_b:before { content:""; display:inline-block; width:3px; height:3px; background:#666; position:absolute; top:13px; left:0; border-radius:5px; }
@media screen and (max-width:1650px){
    .testBox > dl > dd .listbox ul li .txtbox br { display:none }
}
@media screen and (max-width:1024px){
    .testBox > dl > dd .listbox ul li .txtbox { padding-left:25px; font-size:16px; }
    .testBox > dl > dd .dataTable thead th { height:60px; font-size:18px; }
    .testBox > dl > dd .dataTable tbody th { height:80px; font-size:18px; }
    .testBox > dl > dd .dataTable tbody td { padding:14px 10px; font-size:17px; }
    .testBox > dl > dd .dataTable tbody td.td_left { padding:14px 20px; }
    .testBox > dl > dd .listbox,
    .testBox > dl > dd .dataTable { margin-top:40px; }
    .testBox > dl > dd .inspect-box { margin-top:40px; }
}
@media screen and (max-width:640px){
    .testBox > dl > dd .listbox ul li .txtbox { padding-left:25px; font-size:16px; }
    .testBox > dl > dd .dataTable thead th { height:60px; font-size:16px; }
    .testBox > dl > dd .dataTable tbody th { height:80px; font-size:16px; }
    .testBox > dl > dd .dataTable tbody td { padding:12px 5px; font-size:16px; }
    .testBox > dl > dd .dataTable tbody td.td_left { padding:14px 10px; }
    .testBox > dl > dd .listbox,
    .testBox > dl > dd .dataTable { margin-top:30px; }
    .testBox > dl > dd .dataTable tbody td .slist li { margin-top:5px; font-size:14px; }
    .testBox > dl > dd .dataTable tbody td .slist li:before { width:2px; height:2px; margin:0 5px 3px 0; }
    .testBox > dl > dd .inspect-box { margin-top:30px; }
    .testBox > dl > dd .inspect-box .imgbox { padding:20px; }
    .testBox > dl > dd .inspect-box .txt_b { margin-top:15px; padding-left:10px; font-size:13px; line-height:1.6 }
    .testBox > dl > dd .inspect-box .txt_b:before { width:2px; height:2px; top:8px; left:0; }
}

.examinationImg1 .box:not(:last-child) { margin-bottom:30px; }
.examinationImg1 .box ul { display:flex; gap:0 14px; }
.examinationImg1 .box ul li { width:calc((100% - 42px) / 4); }
.examinationImg1 .step1 .sbox { margin:0 auto; font-weight:600; color:#111; letter-spacing:-0.02em; font-size:18px; display:flex; align-items:center; justify-content:center; max-width:175px; height:47px; background:#fff; border:1px solid rgba(0, 0, 0, 0.3); border-radius:100px; }
.examinationImg1 .step2 { border:1px solid #e0e0e0; border-radius:20px; padding:20px; }
.examinationImg1 .step2 li { background:#ebebeb; border-radius:10px; height:150px; font-weight:300; color:#333; letter-spacing:-0.02em; font-size:17px; line-height:1.6; display:flex; align-items:center; justify-content:center; text-align:center }
.examinationImg1 .step2 li strong { display:block; font-weight:600; color:#111; letter-spacing:-0.02em; font-size:17px; }
.examinationImg1 .step2 li:first-child { background:url(/img/sub/examinationImg1_step2_bg.jpg) left center no-repeat; }
.examinationImg1 .step3 { border:1px solid #e0e0e0; border-radius:20px; padding:20px; }
.examinationImg1 .step3 li { background:#999; border-radius:10px; height:70px; font-weight:300; color:#333; letter-spacing:-0.02em; font-size:17px; line-height:1.6; display:flex; align-items:center; justify-content:center; text-align:center }
.examinationImg1 .step3 li strong { display:block; font-weight:600; color:#fff; letter-spacing:-0.02em; font-size:17px; }
.examinationImg1 .step3 li:first-child { background:url(/img/sub/examinationImg1_step3_bg.jpg) left center no-repeat; }
.examinationImg1 .step3 li:first-child strong { color:#111 }
.examinationImg1 .step3 li:nth-child(2) { width:50% }
.examinationImg1 .step4 { position:relative; padding:35px 0 85px 0; }
.examinationImg1 .step4:before { content:""; display:block; width:75px; height:252px; position:absolute; left:50%; top:-40px; transform:translateX(-50%); background:url(/img/sub/examinationImg1_step4_arr.png) left center no-repeat; } 
.examinationImg1 .step4 .sbox { position:relative; z-index:1; width:calc(50% - 28px); margin:0 auto; background:#004190; border-radius:10px; height:70px; font-weight:300; color:#fff; letter-spacing:-0.02em; font-size:17px; line-height:1.6; display:flex; align-items:center; justify-content:center; text-align:center }
.examinationImg1 .step5 { border:1px solid #e0e0e0; border-radius:20px; padding:20px; }
.examinationImg1 .step5 li { position:relative; z-index:1; background:#ebebeb; border-radius:10px; height:177px; }
.examinationImg1 .step5 li strong { display:block; font-weight:600; color:#111; letter-spacing:-0.02em; font-size:17px; }
.examinationImg1 .step5 li:first-child { background:#004190; padding:0 50px; letter-spacing:-0.02em; font-size:17px; line-height:1.6; display:flex; align-items:center; justify-content:center; text-align:center  }
.examinationImg1 .step5 li:first-child strong { color:#fff; }
.examinationImg1 .step5 li dt { background:#333; color:#fff; font-weight:600; letter-spacing:-0.02em; font-size:17px; line-height:1.6; border-radius:10px 10px 0 0; height:62px; display:flex; align-items:center; justify-content:center; text-align:center  }
.examinationImg1 .step5 li dd { height:115px; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:300; color:#333; letter-spacing:-0.02em; font-size:17px; line-height:1.6; }
@media screen and (max-width:1300px) {
    .examinationImg1 .box:not(:last-child) { margin-bottom:20px; }
    .examinationImg1 .step1 .sbox,
    .examinationImg1 .step2 li,
    .examinationImg1 .step2 li strong,
    .examinationImg1 .step3 li,
    .examinationImg1 .step3 li strong,
    .examinationImg1 .step4 .sbox,
    .examinationImg1 .step5 li strong,
    .examinationImg1 .step5 li dt,
    .examinationImg1 .step5 li dd { font-size:16px; }
}
@media screen and (max-width:640px) {
    .examinationImg1 .box:not(:last-child) { margin-bottom:10px; }
    .examinationImg1 .step1 .sbox,
    .examinationImg1 .step2 li,
    .examinationImg1 .step2 li strong,
    .examinationImg1 .step3 li,
    .examinationImg1 .step3 li strong,
    .examinationImg1 .step4 .sbox,
    .examinationImg1 .step5 li strong,
    .examinationImg1 .step5 li dt,
    .examinationImg1 .step5 li dd { font-size:13px; }
    .examinationImg1 .step5 li strong br { display:none }
    .examinationImg1 .box ul { gap:0 5px; }
    .examinationImg1 .box ul li { width:calc((100% - 15px) / 4); }
    .examinationImg1 .step4 .sbox { width:calc(80% - 10px); padding:0 10px; }
    .examinationImg1 .step2,
    .examinationImg1 .step3,
    .examinationImg1 .step5 { padding:10px; }
    .examinationImg1 .step4 { padding:20px 0 45px 0; }
    .examinationImg1 .step4:before { width:50px; top:-20px; height:168px; background-size:50px 168px; } 
    .examinationImg1 .step1 .sbox { height:38px; }
    .examinationImg1 .step5 .sbox { padding:0 0; }
    /*
    .examinationImg1 .step2 li:first-child,
    .examinationImg1 .step3 li:first-child,
    */
    .examinationImg1 .step5 li:first-child { padding:0 45px; }
}

.guideBox .tabCont { margin-top:50px; }
.guideBox .tabCont .nav { position:absolute; left:0; margin-top:20px; }
.guideBox .tabCont .nav li:not(:last-child) { margin-bottom:20px; }
.guideBox .tabCont .nav li { position:relative; transition:all .5s; }
.guideBox .tabCont .nav li:after { transition:all .5s; opacity:0; content:""; display:block; width:15px; height:1px; background:#004190; position:absolute; left:0; top:50%; }
.guideBox .tabCont .nav li:before { transition:all .5s; opacity:0; content:""; display:block; width:6px; height:6px; background:#004190; border-radius:5px; position:absolute; left:15px; top:50%; transform:translateY(-50%); }
.guideBox .tabCont .nav li.on { padding-left:40px; }
.guideBox .tabCont .nav li.on:after,
.guideBox .tabCont .nav li.on:before { opacity:1; }
.guideBox .tabCont .nav li a { color:#aaa; font-weight:300; font-size:20px; letter-spacing:-0.02em; transition:all .5s; }
.guideBox .tabCont .nav li a span { font-weight:300; }
.guideBox .tabCont .nav li.on a { color:#004190; font-weight:600; }
.guideBox .tabCont .nav li.on a span { font-weight:600; }
.guideBox .tabCont .Cont-box .top { position:relative; border-radius:20px; overflow:hidden; }
.guideBox .tabCont .Cont-box .top strong { position:absolute; left:0; top:50%; transform:translate(0, -50%); font-weight:600; color:#fff; letter-spacing:-0.02em; font-size:35px; width:100%; text-align:center; display:block }
.guideBox .tabCont .Cont-box .graphBox { margin-top:110px; }
.guideBox .tabCont .Cont-box .graphBox img { max-width:100%; }
.guideBox .tabCont .Cont-box .txt_b { margin-top:60px; font-weight:300; color:#666; letter-spacing:-0.02em; font-size:15px; line-height:1.3 }
.guideBox .tabCont .Cont-box .txt_b img { vertical-align:middle; margin:0 0 0 2px;}
.dangerousBox .tabCont .Cont-box .tcont { position:relative; background:#f9f9f9; padding:50px 60px; }
.dangerousBox .tabCont .Cont-box .top { position:relative; border-radius:0; overflow:hidden; }
.dangerousBox .tabCont .Cont-box .tcont.on .top strong { position:relative; left:unset; top:unset; transform:translate(0); font-weight:600; color:#000; letter-spacing:-0.02em; font-size:20px; text-align:left }
.dangerousBox .tabCont .Cont-box .tcont.on .top .stxt { margin-top:10px; font-weight:300; color:#666; letter-spacing:-0.02em; font-size:16px; }
.dangerousBox .tabCont .Cont-box .graphBox { margin-top:30px; }
.dangerousBox .tabCont .Cont-box .graphBox img { max-width:100%; }
@media screen and (max-width:1024px){
    .guideBox .tabCont { margin-top:40px; }
    .guideBox .tabCont .nav { position:relative; left:unset; margin-top:20px; display:flex; justify-content:center; gap:0 20px;}
    .guideBox .tabCont .nav li:not(:last-child) { margin-bottom:0; }
    .guideBox .tabCont .nav li a { font-size:18px; }
    .guideBox .tabCont .Cont-box { margin-top:40px; }
    .guideBox .tabCont .Cont-box .top strong { font-size:28px; }
    .guideBox .tabCont .Cont-box .graphBox { margin-top:60px; }
    .guideBox .tabCont .Cont-box .txt_b { margin-top:40px }
    .dangerousBox .tabCont .Cont-box .tcont { padding:40px 40px; }
    .dangerousBox .tabCont .Cont-box .tcont.on .top strong { font-size:18px; }
    .dangerousBox .tabCont .Cont-box .tcont.on .top .stxt { margin-top:10px; font-size:15px; }
}
@media screen and (max-width:640px){
    .guideBox .tabCont { margin-top:30px; }
    .guideBox .tabCont .nav li a { font-size:16px; }
    .guideBox .tabCont .Cont-box { margin-top:30px; }
    .guideBox .tabCont .Cont-box .top strong { font-size:22px; }
    .guideBox .tabCont .Cont-box .graphBox { margin-top:40px; }
    .guideBox .tabCont .Cont-box .txt_b { margin-top:30px }
    .dangerousBox .tabCont .Cont-box .tcont { padding:30px 20px; }
    .dangerousBox .tabCont .Cont-box .tcont.on .top strong { font-size:16px; }
    .dangerousBox .tabCont .Cont-box .tcont.on .top .stxt { font-size:14px; }
}

.guideBox .stepBox { margin-top:50px; }
.guideBox .stepBox ul { display:flex; }
.guideBox .stepBox li { position:relative; margin:position:relative; height:200px; padding:0 10px 0 0; background:#f5f5f5; text-align:center }
.guideBox .stepBox li strong { position:relative; z-index:2; font-weight:700; color:#222; letter-spacing:-0.02em; font-size:26px; display:block }
.guideBox .stepBox li span { position:relative; z-index:2; font-weight:400; color:#222; letter-spacing:-0.02em; font-size:18px; line-height:1.4; display:block; min-height:50px; margin-top:15px; }
.guideBox .stepBox li:before { content:""; display:block; width:30px; height:100%; position:absolute; right:0; top:0; background:url(/img/sub/step_bg.png) left center no-repeat; z-index:1; }
.guideBox .stepBox li:nth-child(1):after,
.guideBox .stepBox li:nth-child(3):before { display:none }
.guideBox .stepBox li:nth-child(1) { width:31%; padding-right:29px; }
.guideBox .stepBox li:nth-child(2) { width:32%; padding-right:29px; }
.guideBox .stepBox li:nth-child(3) { width:37%; }
.guideBox .stepBox li.active { z-index:3; }
.guideBox .stepBox li.active:before { content:""; display:block; width:30px; height:100%; position:absolute; right:0; top:0; background:url(/img/sub/step_bg_on.png) left center no-repeat; } 
.guideBox .stepBox li.active:after { content:""; display:block; width:30px; height:100%; position:absolute; left:-29px; top:0; background:url(/img/sub/step_bg_on1.png) left center no-repeat; }
.guideBox .stepBox li.active:nth-child(1):after,
.guideBox .stepBox li.active:nth-child(3):before { display:none }
.guideBox .stepBox li:nth-child(2).active:after,
.guideBox .stepBox li.active strong { color:#fff; }
.guideBox .stepBox li.active span { color:#fff; }
.guideBox .stepBox li .box { width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.guideBox .stepBox li:nth-child(1) {  }
.guideBox .stepBox li.active .box { background:#004190; width: }
.guideBox .imgover { position:relative; margin-top:70px; margin-bottom:-100px; }
.guideBox .imgover ul { text-align:center; }
.guideBox .imgover li.active { opacity:1; z-index:1; }
.guideBox .imgover li .num { transition:all .5s; width:50px; height:50px; border:2px solid #aaa; background:#fff; border-radius:100px; font-size:20px; font-weight:400; color:#222; letter-spacing:-0.02em; display:flex; align-items:center; justify-content:center; }
.guideBox .imgover li .txtbox { width:calc(100% - 70px);  }
.guideBox .imgover li .stxt-1 { transition:all .5s; font-size:15px; font-weight:600; color:#222; letter-spacing:-0.02em; }
.guideBox .imgover li .stxt-2 { transition:all .5s; margin-top:10px; font-size:26px; font-weight:600; color:#222; letter-spacing:-0.02em; }
.guideBox .imgover li .pbox { transition:all .5s; cursor:pointer; text-align:left; position:absolute; display:flex; align-items:center; gap:0 20px; max-width:300px; width:100%; min-height:100px; z-index:3; }
.guideBox .imgover li .pbox:before { content:""; display:block; width:50%; position:absolute; left:-54%; top:50%; background-image:linear-gradient(to right, rgba(0,0,0,0.5) 54%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:10px 1px; background-repeat:repeat-x; padding-bottom:1px; }
.guideBox .imgover li .p2:before { width:42%; left:-42%; }
.guideBox .imgover li .p3:before { width:65%; left:unset; right:-34%; }
.guideBox .imgover li .p1 { top:7%; left:50%; margin-left:20%; }
.guideBox .imgover li .p2 { top:51%; left:50%; margin-left:32%; }
.guideBox .imgover li .p3 { top:33%; left:0;}
.guideBox .imgover li .tcont { opacity:0; transition:all .5s; text-align:center; position:absolute; top:0; left:0; width:100%; z-index:1 }
.guideBox .imgover li.off .pbox { opacity:0.3; }
.guideBox .imgover li.active .pbox { opacity:1; }
.guideBox .imgover li.active .tcont { opacity:1;  }
.guideBox .imgover li.active .num { border:2px solid #004190; color:#004190; }
.guideBox .imgover li.active .stxt-1,
.guideBox .imgover li.active .stxt-2 { color:#004190; }
.guideBox .imgover li.active .pbox:before { background-image:linear-gradient(to right, rgba(0, 65, 144, 1) 50%, rgba(255,255,255,0) 0%); }
.guideBox .imgover .txt_b { position:absolute; bottom:10%; left:0; width:100%; text-align:center; font-weight:400; color:#222; letter-spacing:-0.02em; font-size:20px; }
@media screen and (max-width:1700px){
    .guideBox .imgover li .pbox { max-width:250px; } 
    .guideBox .imgover li .pbox:before { display:none }
    .guideBox .imgover li .p1 { top:8%; left:50%; margin-left:40px; }
    .guideBox .imgover li .p2 { top:60%; left:50%; margin-left:100px; }
    .guideBox .imgover li .p3 { top:32%; left:unset; right:50%; margin-right:100px; width:210px; flex-direction: row-reverse; }
}
@media screen and (max-width:1300px){
    .guideBox .stepBox li strong { font-size:22px; }
    .guideBox .stepBox li span { font-size:17px; margin-top:15px; }
    .guideBox .imgover li .pbox { gap:0 10px; max-width:220px; } 
    .guideBox .imgover li .num { width:45px; height:45px; border:2px solid #aaa; font-size:18px;}
    .guideBox .imgover li .txtbox { width:calc(100% - 60px);  }
    .guideBox .imgover li .stxt-1 { font-size:15px;}
    .guideBox .imgover li .stxt-2 { margin-top:10px; font-size:22px; }
}
@media screen and (max-width:1024px){
    .guideBox .stepBox li strong { font-size:20px; }
    .guideBox .stepBox li span { font-size:16px; margin-top:12px; }
    .guideBox .imgover { margin-top:50px; }
    .guideBox .imgover li .num { width:40px; height:40px; border:1px solid #aaa; font-size:16px;}
    .guideBox .imgover li .stxt-1 { font-size:14px;}
    .guideBox .imgover li .stxt-2 { margin-top:8px; font-size:19px; }
    .guideBox .imgover .txt_b { font-size:18px; }
    .guideBox .imgover li .p3 { width:190px; }
}
@media screen and (max-width:640px){
    .guideBox .stepBox li { height:150px; }
    .guideBox .stepBox li strong { font-size:18px; }
    .guideBox .stepBox li span { font-size:15px; margin-top:10px; }
    .guideBox .imgover li .p2 { top:60%; margin-left:50px; }
    .guideBox .imgover li .p3 { margin-right:60px; }
    .guideBox .imgover { margin-top:30px; margin-bottom:-10px; }
}
@media screen and (max-width:500px){
    .guideBox .imgover { transform-origin:top center; margin:30px auto -10%; max-width:450px; }
    .guideBox .imgover li .tcont .imgbox img { max-width:100%; margin:0 auto;}
    .guideBox .imgover li .pbox { transform:scale(90%); }
    .guideBox .imgover li .p1 { margin-left:2%; }
    .guideBox .imgover li .p2 { margin-left:4%; }
    .guideBox .imgover li .p3 { margin-right:8%; }
}
@media screen and (max-width:460px){
    .guideBox .imgover li .pbox { transform:scale(80%); }
}


/* animation */
.guideBox .tabCont .Cont-box .top,
.guideBox .tabCont .Cont-box .graphBox,
.guideBox .tabCont .Cont-box .txt_b { opacity:0; }
.guideBox .tabCont .Cont-box .tcont.on .top { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.guideBox .tabCont .Cont-box .tcont.on .graphBox { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.guideBox .tabCont .Cont-box .tcont.on .txt_b { animation:ani_4 0.8s 0.7s; animation-fill-mode:both; }


.guideBox .dangerousImg1 { position:relative; margin-top:50px; display:flex; justify-content:space-between; }
.guideBox .dangerousImg1:before { content:""; display:block; width:784px; height:43px; position:absolute; left:0; top:107px; background:url(/img/sub/dangerous_arr.png) left center no-repeat; } 
.guideBox .dangerousImg1 ul { position:relative; z-index:1; display:flex; padding-top:50px; }
.guideBox .dangerousImg1 li:not(:last-child) { margin-right:90px; }
.guideBox .dangerousImg1 li dl { margin-top:35px; text-align:center; }
.guideBox .dangerousImg1 li dt { font-weight:600; color:#222; letter-spacing:-0.02em; font-size:20px; }
.guideBox .dangerousImg1 li dd { margin-top:10px; font-weight:300; color:#222; letter-spacing:-0.02em; font-size:16px; line-height:1.7 }
.guideBox .dangerousImg1 .arr { background:#f1f1f1; border-radius:20px; height:361px; width:292px; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.guideBox .dangerousImg1 .arr strong { margin-top:38px; font-weight:600; color:#222; letter-spacing:-0.02em; font-size:30px; }
.guideBox .dangerousImg2 { position:relative; margin-top:50px; }
/*.guideBox .dangerousImg2 img { max-width:100%; } */
.guideBox .dangerousImg2 .list { position:relative; } 
.guideBox .dangerousImg2 .list > ul > li .tit { cursor:pointer; position:absolute; left:50%; transform:translateX(-50%); z-index:10; font-size:25px; font-weight:400; letter-spacing:-0.02em; width:258px; text-align:center }
.guideBox .dangerousImg2 .list > ul > li.active .tit span { font-size:30px; font-weight:700; display:inline-block; max-width:118px; text-align:center; background-color:#fff; }
.guideBox .dangerousImg2 .list > ul > li.active:nth-child(1) .tit span { color:#004190 }
.guideBox .dangerousImg2 .list > ul > li.active:nth-child(2) .tit span { color:#8FC31F }
.guideBox .dangerousImg2 .list > ul > li.active:nth-child(1) .tit { background:url(/img/sub/dangerous_arr_1.png) center center no-repeat; }
.guideBox .dangerousImg2 .list > ul > li.active:nth-child(2) .tit { background:url(/img/sub/dangerous_arr_2.png) center center no-repeat; }
.guideBox .dangerousImg2 .list > ul > li:nth-child(1) .tit { top:38%; }
.guideBox .dangerousImg2 .list > ul > li:nth-child(2) .tit { bottom:38%;}
.guideBox .dangerousImg2 .list > ul > li .tcont { position:absolute; left:0; top:0; opacity:0; width:100%; transition:all 0.3s ease-in-out; min-height:300px; }
.guideBox .dangerousImg2 .list > ul > li.active .tcont { opacity:1; z-index:5; }
.guideBox .dangerousImg2 .list > ul > li .tcont ul { display:flex; justify-content:space-between; }
.guideBox .dangerousImg2 .list > ul > li .tcont ul li { position:relative; } 
.guideBox .dangerousImg2 .list > ul > li .tcont ul li span { position:absolute; left:50%; top:20%; transform:translateX(-50%); font-weight:400; color:#222; letter-spacing:-0.02em; font-size:20px;}
.guideBox .dangerousImg3 { position:relative; margin-top:50px; }
.guideBox .dangerousImg3 .top dt { font-weight:600; color:#004190; letter-spacing:-0.02em; font-size:25px; }
.guideBox .dangerousImg3 .top dd { margin-top:15px; font-weight:300; color:#666; letter-spacing:-0.02em; font-size:16px; line-height:1.3 }
.guideBox .dangerousImg3 .top .listbox { margin-top:50px; }
.guideBox .dangerousImg3 .top .listbox ul { position:relative;display:flex; gap:0 50px; }
.guideBox .dangerousImg3 .top .listbox ul:before { content:""; display:block; width:100%; height:1px; position:absolute; left:0; top:50%; background:rgba(0, 65, 144, 0.2); } 
.guideBox .dangerousImg3 .top .listbox li { position:relative; width:calc((100% - 150px) / 4); }
.guideBox .dangerousImg3 .top .listbox li:before { content:""; display:block; padding-bottom:100%; }
.guideBox .dangerousImg3 .top .listbox li .circle { position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; border:2px solid rgba(0, 65, 144, 0.2); padding:18px; border-radius:50%; }
.guideBox .dangerousImg3 .top .listbox li .circle:before { content:""; display:block; width:9px; height:9px; position:absolute; right:-5px; top:50%; transform:translateY(-50%); background:#004190; border-radius:10px; } 
.guideBox .dangerousImg3 .top .listbox li:last-child .circle:before { display:none }
.guideBox .dangerousImg3 .top .listbox li .circle .box { font-weight:600; color:#004190; letter-spacing:-0.02em; font-size:22px; background:#fff; box-shadow: 0px 0px 10px rgba(33, 88, 181, 0.2); border-radius:50%; width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.guideBox .dangerousImg3 .graphBox { margin-top:50px; }
.guideBox .dangerousImg3 .graphBox .box { background:#f9f9f9; padding:50px; }
.guideBox .dangerousImg3 .graphBox .box .tit { text-align:center; font-weight:700; color:#000; letter-spacing:-0.02em; font-size:20px; }
.guideBox .dangerousImg3 .graphBox .box .imgbox { margin-top:40px; }
.guideBox .dangerousImg3 .graphBox .box .imgbox img { max-width:100%; }
.guideBox .dangerousImg3 .graphBox .box .stxt { margin-top:30px; padding-top:30px; border-top:1px solid #e0e0e0; font-weight:300; color:#222; letter-spacing:-0.02em; font-size:16px; line-height:1.4 }
.guideBox .dangerousImg3 .graphBox .box .stxt strong { font-weight:700; }
.guideBox .dangerousImg3 .txt_b { margin-top:20px; text-align:right; font-weight:300; color:#666; letter-spacing:-0.02em; font-size:14px; }
@media screen and (max-width:1650px){
    .guideBox .dangerousImg1:before { width:700px; height:38px; top:107px; background-size:700px auto; } 
    .guideBox .dangerousImg1 li:not(:last-child) { margin-right:70px; }
    .guideBox .dangerousImg2 .list > ul > li .tcont ul li img { height:320px; }
}
@media screen and (max-width:1550px){
    .guideBox .dangerousImg1:before { width:640px; height:35px; top:110px; background-size:640px auto; } 
    .guideBox .dangerousImg1 li:not(:last-child) { margin-right:50px; }
    .guideBox .dangerousImg1 .arr { width:260px; }
}
@media screen and (max-width:1450px){
    .guideBox .dangerousImg1:before { width:620px; height:34px; top:98px; background-size:620px auto; } 
    .guideBox .dangerousImg1 li:not(:last-child) { margin-right:60px; }
    .guideBox .dangerousImg1 li .imgbox { text-align:center; }
    .guideBox .dangerousImg1 li .imgbox img { width:120px; margin:0 auto } 
    .guideBox .dangerousImg1 li dt { font-size:18px; }
    .guideBox .dangerousImg1 li dd { margin-top:10px; font-size:15px; }
    .guideBox .dangerousImg1 .arr { height:290px; width:200px; }
    .guideBox .dangerousImg1 .arr strong { margin-top:30px; font-size:25px;}
    .guideBox .dangerousImg1 .arr .imgbox { text-align:center; }
    .guideBox .dangerousImg1 .arr .imgbox img { width:140px; margin:0 auto } 
    .guideBox .dangerousImg3 .top .listbox li .circle .box { font-size:20px;  }
}
@media screen and (max-width:1300px){
    .guideBox .dangerousImg1:before { width:500px; height:27px; top:98px; background-size:500px auto; } 
    .guideBox .dangerousImg1 li:not(:last-child) { margin-right:30px; }
    .guideBox .dangerousImg1 .arr { background:none }
    .guideBox .dangerousImg2 .list > ul > li .tit { font-size:20px; width:200px; }
    .guideBox .dangerousImg2 .list > ul > li.active .tit span { font-size:24px; }
    .guideBox .dangerousImg2 .list > ul > li.active:nth-child(1) .tit,
    .guideBox .dangerousImg2 .list > ul > li.active:nth-child(2) .tit { background-size:200px 12px; }
    .guideBox .dangerousImg2 .list > ul > li .tcont ul li img { height:280px; }
    .guideBox .dangerousImg2 .list > ul > li .tcont ul li span { font-size:18px; }
}
@media screen and (max-width:1100px){
    .guideBox .dangerousImg1:before { width:425px; height:23px; top:98px; background-size:425px auto; } 
    .guideBox .dangerousImg1 li:not(:last-child) { margin-right:5px; }
    .guideBox .dangerousImg2 .list > ul > li .tit { font-size:18px; width:140px; }
    .guideBox .dangerousImg2 .list > ul > li.active .tit span { font-size:22px; }
    .guideBox .dangerousImg2 .list > ul > li.active:nth-child(1) .tit,
    .guideBox .dangerousImg2 .list > ul > li.active:nth-child(2) .tit { background-size:140px 9px; }
    .guideBox .dangerousImg2 .list > ul > li .tcont ul li img { height:220px; }
    .guideBox .dangerousImg2 .list > ul > li .tcont ul li span { font-size:16px; }
}
@media screen and (max-width:1024px){
    .guideBox .dangerousImg1 { margin-top:40px; }
    .guideBox .dangerousImg1:before { width:620px; height:34px; top:98px; background-size:620px auto; } 
    .guideBox .dangerousImg1 ul { padding-top:40px; }
    .guideBox .dangerousImg1 li:not(:last-child) { margin-right:50px; }
    .guideBox .dangerousImg1 li .imgbox img { width:140px; } 
    .guideBox .dangerousImg1 .arr { background:#f1f1f1; }
    .guideBox .dangerousImg1 .arr .imgbox img { width:160px; } 
    .guideBox .dangerousImg2,
    .guideBox .dangerousImg3 { margin-top:40px; }
    .guideBox .dangerousImg3 .top dt { font-size:20px; }
    .guideBox .dangerousImg3 .top dd { margin-top:12px; font-size:14px; }
    .guideBox .dangerousImg3 .top .listbox { margin-top:40px; }
    .guideBox .dangerousImg3 .top .listbox ul { gap:0 40px; }
    .guideBox .dangerousImg3 .top .listbox li { width:calc((100% - 120px) / 4); }
    .guideBox .dangerousImg3 .top .listbox li .circle .box { font-size:18px; }
    .guideBox .dangerousImg3 .graphBox { margin-top:40px; }
    .guideBox .dangerousImg3 .graphBox .box { padding:40px; }
    .guideBox .dangerousImg3 .graphBox .box .tit { font-size:18px; }
    .guideBox .dangerousImg3 .graphBox .box .imgbox { margin-top:40px; }
    .guideBox .dangerousImg3 .graphBox .box .stxt { margin-top:20px; padding-top:20px; font-size:15px }
    .guideBox .dangerousImg3 .txt_b { margin-top:20px; font-size:14px; }
    .guideBox .dangerousImg2 .list > ul > li .tit { font-size:20px; width:200px; }
    .guideBox .dangerousImg2 .list > ul > li.active .tit span { font-size:24px; }
    .guideBox .dangerousImg2 .list > ul > li.active:nth-child(1) .tit,
    .guideBox .dangerousImg2 .list > ul > li.active:nth-child(2) .tit { background-size:200px 12px; }
    .guideBox .dangerousImg2 .list > ul > li .tcont ul li img { height:280px; }
    .guideBox .dangerousImg2 .list > ul > li .tcont ul li span { font-size:18px; }
}
@media screen and (max-width:860px){
    .guideBox .dangerousImg1:before { width:550px; height:30px; top:98px; background-size:550px auto; } 
    .guideBox .dangerousImg1 li:not(:last-child) { margin-right:30px; }
    .guideBox .dangerousImg1 .arr { background:none;  }
}
@media screen and (max-width:760px){
    .guideBox .dangerousImg1:before { width:480px; height:26px; top:90px; background-size:480px auto; } 
    .guideBox .dangerousImg1 li:not(:last-child) { margin-right:10px; }
    .guideBox .dangerousImg1 li .imgbox img { width:120px; } 
    .guideBox .dangerousImg1 .arr { width:auto }
    .guideBox .dangerousImg1 .arr .imgbox img { width:140px; } 
}
@media screen and (max-width:640px){
    .guideBox .dangerousImg1 { margin-top:30px; }
    .guideBox .dangerousImg1:before { width:450px; height:25px; top:90px; background-size:450px auto; }
    .guideBox .dangerousImg1 ul { padding-top:40px; }
    .guideBox .dangerousImg2,
    .guideBox .dangerousImg3 { margin-top:30px; }
    .guideBox .dangerousImg3 .top dt { font-size:18px; }
    .guideBox .dangerousImg3 .top dd { margin-top:10px; }
    .guideBox .dangerousImg3 .top .listbox { margin-top:30px; }
    .guideBox .dangerousImg3 .top .listbox ul { gap:0 10px; }
    .guideBox .dangerousImg3 .top .listbox li { width:calc((100% - 30px) / 4); }
    .guideBox .dangerousImg3 .top .listbox li .circle { padding:10px; }
    .guideBox .dangerousImg3 .top .listbox li .circle .box { font-size:16px; }
    .guideBox .dangerousImg3 .top .listbox li .circle:before { width:6px; height:6px; right:-4px; } 
    .guideBox .dangerousImg3 .graphBox { margin-top:30px; }
    .guideBox .dangerousImg3 .graphBox .box { padding:30px; }
    .guideBox .dangerousImg3 .graphBox .box .tit { font-size:16px; }
    .guideBox .dangerousImg3 .graphBox .box .imgbox { margin-top:30px; }
    .guideBox .dangerousImg3 .graphBox .box .stxt { font-size:14px }
    .guideBox .dangerousImg3 .txt_b { margin-top:15px; font-size:13px; }
    .guideBox .dangerousImg2 .list > ul > li:nth-child(1) .tit { top:32%; }
    .guideBox .dangerousImg2 .list > ul > li:nth-child(2) .tit { bottom:32%;}
    .guideBox .dangerousImg2 .list > ul > li .tit { font-size:18px; width:140px; }
    .guideBox .dangerousImg2 .list > ul > li.active .tit span { font-size:22px; }
    .guideBox .dangerousImg2 .list > ul > li.active:nth-child(1) .tit,
    .guideBox .dangerousImg2 .list > ul > li.active:nth-child(2) .tit { background-size:140px 9px; }
    .guideBox .dangerousImg2 .list > ul > li .tcont ul li img { height:220px; }
    .guideBox .dangerousImg2 .list > ul > li .tcont ul li span { font-size:16px; }
}
@media screen and (max-width:600px){
    .guideBox .dangerousImg1 { transform:scale(90%); transform-origin:top left; margin-bottom:-5% }
    .guideBox .dangerousImg1:before { transform:scale(90%);} 
    .guideBox .dangerousImg3 .top .listbox li .circle .box { font-size:14px; }
    .guideBox .dangerousImg2 .list > ul > li .tit { font-size:16px; width:120px; }
    .guideBox .dangerousImg2 .list > ul > li.active .tit span { font-size:20px; }
    .guideBox .dangerousImg2 .list > ul > li.active:nth-child(1) .tit,
    .guideBox .dangerousImg2 .list > ul > li.active:nth-child(2) .tit { background-size:120px 8px; }
    .guideBox .dangerousImg2 .list > ul > li .tcont ul li img { height:180px; }
    .guideBox .dangerousImg2 .list > ul > li .tcont ul li span { font-size:16px; }
}
@media screen and (max-width:480px){
    .guideBox .dangerousImg1 { transform:scale(75%); margin-bottom:-22%  }
    .guideBox .dangerousImg1:before { transform:scale(78%);} 
    .guideBox .dangerousImg2 .list > ul > li .tit { font-size:15px; width:100px; }
    .guideBox .dangerousImg2 .list > ul > li.active .tit span { font-size:18px; }
    .guideBox .dangerousImg2 .list > ul > li.active:nth-child(1) .tit,
    .guideBox .dangerousImg2 .list > ul > li.active:nth-child(2) .tit { background-size:100px 7px; }
    .guideBox .dangerousImg2 .list > ul > li .tcont ul li img { height:150px; }
    .guideBox .dangerousImg2 .list > ul > li .tcont ul li span { font-size:15px; }
}
@media screen and (max-width:420px){
    .guideBox .dangerousImg1 { transform:scale(70%); margin-bottom:-30% }
}

.inspectSearch { margin-top:80px; }
.inspectSearch .is-box { border-top:1px solid #e0e0e0; margin-top:100px; padding-top:100px; }
.inspectSearch .is-box:first-child { margin-top:0; padding-top:0; border-top:none; }
.inspectSearch .is-box { display:flex; flex-wrap:wrap; }
.inspectSearch .is-box .l-box { width:30%; font-weight:700; color:#222; letter-spacing:-0.02em; font-size:30px; }
.inspectSearch .is-box .r-box { width:70% }
.inspectSearch .is-box .r-box .top-txt { font-weight:300; color:#222; letter-spacing:-0.02em; font-size:20px; line-height:1.3 }
.inspectSearch .is-box .r-box .infor_box { display:none }
.inspectSearch .is-box .r-box .infor_box.active { display:block }
.inspectSearch .is-box .r-box .dataTable { margin-top:50px; }
.inspectSearch .is-box .r-box .dataTable thead th { text-align:center; height:70px; color:#004190; font-weight:600; font-size:20px; background:rgba(0, 65, 144, 0.03); border-bottom:1px solid #004190; border-left:1px solid rgba(0, 65, 144, 0.1);}
.inspectSearch .is-box .r-box .dataTable thead th:first-child { border-left:none }
.inspectSearch .is-box .r-box .dataTable tbody th { text-align:center; height:90px; color:#222; font-weight:600; font-size:20px; background:#f9f9f9; border-bottom:1px solid #e0e0e0; }
.inspectSearch .is-box .r-box .dataTable tbody td { text-align:center; padding:16px 10px; color:#222; font-weight:300; font-size:18px; line-height:1.3; background:#fff; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; }
.inspectSearch .is-box .r-box .dataTable tbody td:first-child { border-left:none }
.inspectSearch .is-box .r-box .dataTable tbody td span { font-family: 'Poppins', sans-serif; font-weight:300; }
.inspectSearch .is-box .r-box .dataTable tbody td.td_left { text-align:left; padding:16px 30px; }
.inspectSearch .is-box .r-box .dataTable tbody td .imgbox img { max-width:100%; }
.inspectSearch .is-box .r-box .dataTable tbody td .slist li { margin-top:8px; font-size:16px; color:#666; font-weight:300; position:relative; }
.inspectSearch .is-box .r-box .dataTable tbody td .slist li:before { content:""; display:inline-block; width:3px; height:3px; background:#666; vertical-align:middle; margin:0 8px 3px 0; border-radius:5px; }
@media screen and (max-width:1024px){
    .inspectSearch .is-box { margin-top:60px; padding-top:60px; }
    .inspectSearch .is-box .l-box,
    .inspectSearch .is-box .r-box { width:100% }
    .inspectSearch .is-box .l-box { text-align:center; font-size:26px; }
    .inspectSearch .is-box .r-box .top-txt { text-align:center; font-size:18px; margin-top:30px; }
    .inspectSearch .is-box .r-box .dataTable thead th { height:60px; font-size:18px; }
    .inspectSearch .is-box .r-box .dataTable tbody th { height:80px; font-size:18px; }
    .inspectSearch .is-box .r-box .dataTable tbody td { padding:14px 10px; font-size:17px; }
    .inspectSearch .is-box .r-box .dataTable tbody td.td_left { padding:14px 20px; }
    .inspectSearch .is-box .r-box .listbox,
    .inspectSearch .is-box .r-box .dataTable { margin-top:40px; }
}
@media screen and (max-width:640px){
    .inspectSearch .is-box { margin-top:40px; padding-top:40px; }
    .inspectSearch .is-box .l-box { font-size:20px; }
    .inspectSearch .is-box .r-box .top-txt { font-size:16px; margin-top:20px; }
    .inspectSearch .is-box .r-box .dataTable thead th { height:60px; font-size:16px; }
    .inspectSearch .is-box .r-box .dataTable tbody th { height:80px; font-size:16px; }
    .inspectSearch .is-box .r-box .dataTable tbody td { padding:12px 5px; font-size:16px; }
    .inspectSearch .is-box .r-box .dataTable tbody td.td_left { padding:14px 10px; }
    .inspectSearch .is-box .r-box .listbox,
    .inspectSearch .is-box .r-box .dataTable { margin-top:30px; }
}

.inspectEntrusted { margin-top:70px; }
.inspectEntrusted .listbox { margin-top:30px; }
.inspectEntrusted .listbox > ul { display:flex; flex-wrap:wrap; gap:40px 20px; }
.inspectEntrusted .listbox > ul > li { position:relative; width:calc((100% - 60px ) / 4); background:#f6f6f6; border-radius:15px; padding:40px; overflow:hidden }
.inspectEntrusted .listbox > ul > li:before { content:""; display:block; z-index:1; width:calc(100% - 6px); height:calc(100% - 6px); position:absolute; left:0; top:0; border:0 solid #004190; border-radius:15px; } 
.inspectEntrusted .listbox > ul > li:hover:before { border-width:3px; }
.inspectEntrusted .listbox > ul > li a { width:100%; height:100%; position:relative; display:block }
.inspectEntrusted .listbox > ul > li a:after { opacity:0; content:""; display:block; z-index:5; width:50px; height:50px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#004190 url(/img/sub/inspect_arr.png) center center no-repeat; border-radius:50px; }
.inspectEntrusted .listbox > ul > li:hover a:after { opacity:1; }
.inspectEntrusted .listbox > ul > li:hover .box { filter:blur(4px);}
.inspectEntrusted .listbox > ul > li a { position:relative; z-index:5 }
.inspectEntrusted .listbox > ul > li dt { height:40px; color:#222; font-weight:300; font-size:16px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.inspectEntrusted .listbox > ul > li dd { height:55px; color:#222; font-weight:500; font-size:22px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.inspectEntrusted .listbox > ul > li .imgbox { margin-top:15px; height:105px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:10px; padding:5px 10px; }
.inspectEntrusted .listbox > ul > li .imgbox img { max-width:100%; }
@media screen and (max-width:1280px){
    .inspectEntrusted .listbox > ul > li { width:calc((100% - 40px ) / 3); }
}
@media screen and (max-width:1024px){
    .inspectEntrusted .listbox > ul { gap:30px 15px; }
    .inspectEntrusted .listbox > ul > li { width:calc((100% - 30px ) / 2); border-radius:10px; padding:30px; }
    .inspectEntrusted .listbox > ul > li dt { height:40px; font-size:15px; }
    .inspectEntrusted .listbox > ul > li dd { height:55px; font-size:20px; }
    .inspectEntrusted .listbox > ul > li .imgbox { margin-top:12px; height:105px; border-radius:5px; }
}
@media screen and (max-width:760px){
    .inspectEntrusted .listbox > ul { gap:20px 10px; }
    .inspectEntrusted .listbox > ul > li { width:calc((100% - 10px ) / 2); border-radius:10px; padding:30px; }
}
@media screen and (max-width:640px){
    .inspectEntrusted .listbox > ul > li { padding:20px 10px; }
    .inspectEntrusted .listbox > ul > li dt { height:38px; font-size:14px; }
    .inspectEntrusted .listbox > ul > li dd { height:45px; font-size:18px; }
    .inspectEntrusted .listbox > ul > li .imgbox { margin-top:10px; height:80px; }
}
@media screen and (max-width:480px){
    .inspectEntrusted .listbox > ul { gap:10px 0; }
    .inspectEntrusted .listbox > ul > li { width:100% }
}


.inspectSearch .map-box { margin-top:50px; padding:30px 10px; border:1px solid #e0e0e0; background:#fdfdfe; border-radius:20px; text-align:center; }
.inspectSearch .map-box svg { max-width:340px; width:100%; }
.inspectSearch .map-box .land path { fill:#e0e0e0; fill-opacity:1; z-index:9; position:relative; transition:all 0.5s; }
.inspectSearch .map-box .land:hover path, 
.inspectSearch .map-box .land.on path { fill:#004190; transition:all 0.5s; z-index:10; }
.inspectSearch .map-box .land { fill:#e0e0e0; fill-opacity:1; z-index:9; position:relative; cursor:pointer; }
.inspectSearch .map-box .land:hover, 
.inspectSearch .map-box .land.on { fill:#004190; }
.inspectSearch .map-box .land text { display:block; stroke:white; stroke-opacity:0; stroke-width:0; fill:#222; font-size:1.1em; text-align:center; font-family:'Pretendard', sans-serif; font-weight:700; }
.inspectSearch .map-box .land:hover text, 
.inspectSearch .map-box .land.on text { fill:#fff; font-size:1.1em; font-weight:700; position:relative; z-index:10; }
.inspectSearch .map-box  .land.land_1:hover text,
.inspectSearch .map-box  .land.land_1.on text { fill:#222; }
.inspectSearch .search-box { margin-top:20px; padding-right:130px; position:relative; display:flex }
.inspectSearch .search-box button { position:absolute; right:0; top:0; width:120px; height:60px; border:none; outline:none; background:#004190; border-radius:10px; }
.inspectSearch .search-box button span { font-size:16px; color:#fff; font-weight:300; letter-spacing:-0.02em; border:none; }
.inspectSearch .search-box select { width:162px; height:60px; line-height:60px; padding:0 20px; font-size:16px; color:#222; font-weight:300; letter-spacing:-0.02em; border:1px solid #e0e0e0; border-radius:10px; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; background:url(/img/sub/icon_select_down.png) right center no-repeat; }
.inspectSearch .search-box select::-ms-expand { display: none; }
.inspectSearch .search-box input[type="text"] { width:calc(100% - 162px - 10px); height:60px; margin-left:10px; padding:0 20px; font-size:16px; color:#222; font-weight:300; letter-spacing:-0.02em; border:none; outline:none; background:#f8f8f8; border-radius:10px; }
@media screen and (max-width:640px){
    .inspectSearch .search-box { padding-right:86px; }
    .inspectSearch .search-box button { width:80px; height:50px; border-radius:5px; }
    .inspectSearch .search-box button span { font-size:15px; }
    .inspectSearch .search-box select { width:90px; height:50px; line-height:50px; padding:0 10px; font-size:15px; background-size:25px auto }
    .inspectSearch .search-box input[type="text"] { width:calc(100% - 90px - 6px); margin-left:6px; height:50px; padding:0 10px; font-size:15px; }
}


.caseList .subSearchBox { margin-top:80px; }
.caseList .list { margin-top:80px; }
.caseList .list ul { border-top:1px solid #e0e0e0; }
.caseList .list ul li { border-bottom:1px solid #e0e0e0; }
.caseList .list ul li .box { position:relative; display:flex; padding:20px; }
.caseList .list ul li .box .imgbox { position:relative; overflow:hidden; width:140px; }
.caseList .list ul li .box .imgbox:before {content:""; display:block; padding-bottom:141.5%; }
.caseList .list ul li .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.caseList .list ul li .box .txtbox { position:relative; width:calc(100% - 140px); padding:30px 110px 30px 40px; }
.caseList .list ul li .box .txtbox h4.tit { font-size:20px; color:#222; font-weight:500; letter-spacing:-0.02em; line-height:1.3 }
.caseList .list ul li .box .txtbox h4.tit a { color:#222;}
.caseList .list ul li .box .txtbox .hashTags { margin-top:20px; gap:6px; display:flex; flex-wrap:wrap; }
.caseList .list ul li .box .txtbox .hashTags a { font-size:13px; color:#bbb; font-weight:600; letter-spacing:-0.02em; line-height:1.3; display:block; padding:5px 10px 3px; border:2px solid #ddd; border-radius:100px;}
.caseList .list ul li .box .txtbox .date { margin-top:40px; font-size:16px; color:#888; font-weight:300; letter-spacing:-0.02em;}
.caseList .list ul li .box .txtbox .download { position:absolute; right:80px; top:50%; transform:translateY(-50%); }
.caseList .list ul li .box .txtbox .download a { width:80px; height:80px; background:#eee; border-radius:80px; display:flex; align-items:center; justify-content:center; transition:all 0.3s; }
.caseList .list ul li .box .txtbox .download a:hover { background:#004190;}
.caseList .list ul li .box .txtbox .download a:hover img { filter:brightness(0) invert(1);}
.caseList .list ul li .box .chbox { position:absolute; right:-10px; top:50%; transform:translateY(-50%); }
.caseList .list ul li .box .chbox a { width:80px; height:80px; border-radius:80px; display:block; background:#eee url(/img/sub/check_icon.png) center center no-repeat; transition:all .7s }
.caseList .list ul li .box .chbox.check a { background:#eee url(/img/sub/checkOn_icon.png) center center no-repeat; }
@media screen and (max-width:1024px){
    .caseList .subSearchBox { margin-top:60px; }
    .caseList .list { margin-top:60px; }
    .caseList .list ul li .box .txtbox { padding:20px 90px 20px 20px; }
    .caseList .list ul li .box .txtbox h4.tit { font-size:18px; }
    .caseList .list ul li .box .txtbox .hashTags { margin-top:15px; gap:4px; }
    .caseList .list ul li .box .txtbox .hashTags a { font-size:13px; }
    .caseList .list ul li .box .txtbox .date { margin-top:30px; font-size:15px; }
    .caseList .list ul li .box .txtbox .download { right:55px; }
    .caseList .list ul li .box .txtbox .download a { width:60px; height:60px; }
    .caseList .list ul li .box .txtbox .download a img { width:20px; }
    .caseList .list ul li .box .chbox a { width:60px; height:60px; }
    .caseList .list ul li .box .chbox a,
    .caseList .list ul li .box .chbox.check a  { background-size:18px auto; }
}
@media screen and (max-width:640px){
    .caseList .subSearchBox { margin-top:40px; }
    .caseList .list { margin-top:40px; }
    .caseList .list ul li .box { padding:10px 0; }
    .caseList .list ul li .box .imgbox { width:100px; }
    .caseList .list ul li .box .txtbox { width:calc(100% - 100px); padding:10px 42px 10px 10px; }
    .caseList .list ul li .box .txtbox h4.tit { font-size:15px; }
    .caseList .list ul li .box .txtbox .hashTags { margin-top:6px; gap:3px; }
    .caseList .list ul li .box .txtbox .hashTags a { font-size:12px; padding:4px 5px 3px; border:1px solid #ddd; }
    .caseList .list ul li .box .txtbox .date { margin-top:12px; font-size:14px; }
    .caseList .list ul li .box .txtbox .download { right:45px; }
    .caseList .list ul li .box .txtbox .download a { width:40px; height:40px; }
    .caseList .list ul li .box .txtbox .download a img { width:13px; }
    .caseList .list ul li .box .chbox { right:0; }
    .caseList .list ul li .box .chbox a { width:40px; height:40px; }
    .caseList .list ul li .box .chbox a,
    .caseList .list ul li .box .chbox.check a  { background-size:14px auto; }
}
@media screen and (max-width:560px){
    .caseList .list ul li .box { flex-wrap:wrap; } 
    .caseList .list ul li .box .imgbox { width:100%; max-width:170px; margin:0 auto; }
    /*.caseList .list ul li .box .imgbox:before { padding-bottom:100%; }*/
    .caseList .list ul li .box .txtbox { width:100%; padding:30px 0 10px 0; }
    .caseList .list ul li .box .txtbox .download,
    .caseList .list ul li .box .chbox { position:relative; right:unset; top:unset; transform:translateY(0); }
    .caseList .list ul li .box .txtbox .download a,
    .caseList .list ul li .box .chbox a { margin:0 auto; }
    .caseList .list ul li .box .sbox { display:flex; justify-content:center; gap:0 5px; }
}


.result-box { padding-top:40px; }
.result-box .search-box { margin-top:80px; }
.result-box .search-box .ipbox { position:relative; max-width:1120px; margin:0 auto; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); border-radius:100px; }
.result-box .search-box .ipbox input[type="text"] { width:100%; height:72px; background:none; outline:none; border:none; padding:0 120px 0 40px; color:#111; font-size:22px; font-weight:400; }
.result-box .search-box .ipbox .btn { position:absolute; right:40px; top:50%; transform:translateY(-50%); width:32px; height:32px; display:flex; align-items:center; justify-content:center; outline:none; border:none; background:url(/img/common/btn_search.png) center center no-repeat; }
.result-box .search-box .keyword { margin-top:25px; text-align:center; }
.result-box .search-box .keyword ul { display:flex; flex-wrap:wrap; justify-content:center; margin:0 -17px; gap:10px 0 }
.result-box .search-box .keyword ul li { position:relative; padding:0 17px;  }
.result-box .search-box .keyword ul li:not(:last-child):before { content:""; display:block; width:1px; height:12px; background-color:#e0e0e0; position:absolute; right:0; transform:translateY(-50%); top:50%; }
.result-box .search-box .keyword ul li a { font-size:16px; color:#222; font-weight:300; transition:all 0.3s }
.result-box .search-box .keyword ul li a:hover { color:#004190; font-weight:400; }
@media screen and (max-width:1300px){
    .result-box .search-box .ipbox input[type="text"] { height:60px; padding:0 120px 0 40px; font-size:20px; }
}
@media screen and (max-width:1024px){
    .result-box .search-box { margin-top:60px; }
}
@media screen and (max-width:640px){
    .result-box { padding-top:60px; }
    .result-box .search-box { margin-top:40px; }
    .result-box .search-box .ipbox input[type="text"] { height:50px; padding:0 60px 0 30px; font-size:17px; }
    .result-box .search-box .ipbox .btn { right:20px; }
    .result-box .search-box .keyword ul li a { font-size:15px; }
}

.result-box .menu-box { margin-top:80px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; display:flex; justify-content:space-between; padding:20px 30px; }
.result-box .menu-box .l-box ul { display:flex; }
.result-box .menu-box .l-box li:not(:last-child) { margin-right:30px; }
.result-box .menu-box .l-box li a { font-size:16px; color:#666; font-weight:400; letter-spacing:-0.02em; }
.result-box .menu-box .l-box li.on a,
.result-box .menu-box .l-box li a:hover { font-weight:700; color:#004190; }
.result-box .menu-box .r-box { font-size:18px; color:#222; font-weight:600; letter-spacing:-0.02em; }
.result-box .menu-box .r-box strong { color:#004190; font-weight:600 }
.result-box .result-tit { position:relative; background:#f6f6f6; height:60px; display:flex; align-items:center; padding:0 30px; }
.result-box .result-tit h4 { font-size:20px; color:#222; font-weight:600; letter-spacing:-0.02em; }
.result-box .result-tit .btn { position:absolute; right:0; top:50%; transform:translateY(-50%); width:60px; height:60px; display:block; overflow:hidden; text-indent:-9999em; background:url(/img/sub/result_arr.png) center center no-repeat;}
.result-box .result-tit .menu-list ul { display:flex; margin-left:30px; }
.result-box .result-tit .menu-list ul li { position:relative; }
.result-box .result-tit .menu-list ul li:not(:last-child) { margin-right:40px; } 
.result-box .result-tit .menu-list ul li:not(:last-child):before { content:""; display:block; width:1px; height:12px; background-color:#e0e0e0; position:absolute; right:-20px; transform:translateY(-50%); top:50%; }
.result-box .result-tit .menu-list ul li a { font-size:16px; color:#666; font-weight:300; letter-spacing:-0.02em; }
.result-box .result-tit .menu-list ul li a:hover,
.result-box .result-tit .menu-list ul li.on a { font-weight:600; color:#004190; }
.result-box .r-title {  position:relative; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; display:flex; align-items:center; padding:0 30px; background:#fff; height:60px; }
.result-box .r-title h5 { font-size:18px; color:#222; font-weight:300; letter-spacing:-0.02em; }
.result-box .r-title .btn { position:absolute; right:0; top:50%; transform:translateY(-50%); width:60px; height:60px; display:block; overflow:hidden; text-indent:-9999em; background:url(/img/sub/result_arr.png) center center no-repeat;}
.result-box .caseList { padding-top:30px; padding-bottom:80px; }
.result-box .caseList ul { display:flex; gap:25px; flex-wrap:wrap; }
.result-box .caseList ul li { width:calc((100% - 100px) / 5) }
.result-box .caseList ul li .imgbox { position:relative; overflow:hidden; }
.result-box .caseList ul li .imgbox:before {content:""; display:block; padding-bottom:141.5%; }
.result-box .caseList ul li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.result-box .caseList ul li .txtbox { margin-top:20px; }
.result-box .caseList ul li .txtbox p { font-size:18px; color:#222; font-weight:500; letter-spacing:-0.02em; line-height:1.3 }
.result-box .caseList ul li .txtbox .date { margin-top:10px; font-size:18px; color:#666; font-weight:300; letter-spacing:-0.02em; line-height:1.3 }
.result-box .dataTable { margin-top:30px; padding-bottom:80px; }
.result-box .dataTable thead th { text-align:center; height:70px; color:#004190; font-weight:600; font-size:20px; background:rgba(0, 65, 144, 0.03); border-bottom:1px solid #004190; border-left:1px solid rgba(0, 65, 144, 0.1);}
.result-box .dataTable thead th:first-child { border-left:none }
.result-box .dataTable tbody th { text-align:center; height:90px; color:#222; font-weight:600; font-size:20px; background:#f9f9f9; border-bottom:1px solid #e0e0e0; }
.result-box .dataTable tbody td { text-align:center; padding:16px 10px; color:#222; font-weight:300; font-size:18px; line-height:1.3; background:#fff; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; }
.result-box .dataTable tbody td:first-child { border-left:none }
.result-box .dataTable tbody td span { font-family: 'Poppins', sans-serif; font-weight:300; }
.result-box .dataTable tbody td.td_left { text-align:left; padding:16px 30px; }
.result-box .dataTable tbody td .imgbox img { max-width:100%; }
.result-box .dataTable tbody td .slist li { margin-top:8px; font-size:16px; color:#666; font-weight:300; position:relative; }
.result-box .dataTable tbody td .slist li:before { content:""; display:inline-block; width:3px; height:3px; background:#666; vertical-align:middle; margin:0 8px 3px 0; border-radius:5px; }
.result-box .listbox { margin-top:30px; padding-bottom:80px; }
.result-box .listbox > ul { display:flex; flex-wrap:wrap; gap:40px 20px; }
.result-box .listbox > ul > li { width:calc((100% - 60px ) / 4); background:#f6f6f6; border-radius:15px; padding:40px; }
.result-box .listbox > ul > li dt { height:40px; color:#222; font-weight:300; font-size:16px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.result-box .listbox > ul > li dd { height:55px; color:#222; font-weight:500; font-size:22px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.result-box .listbox > ul > li .imgbox { margin-top:15px; height:105px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:10px; padding:5px 10px; }
.result-box .listbox > ul > li .imgbox img { max-width:100%; }
.result-box .glist { margin-top:30px; padding-bottom:80px; }
.result-box .glist ul {  display:flex; flex-wrap:wrap; gap:80px 20px; }
.result-box .glist ul li { width:calc((100% - 60px) / 4); }
.result-box .glist ul li .imgbox { position:relative; overflow:hidden; border-radius:20px; }
.result-box .glist ul li .imgbox:before {content:""; display:block; padding-bottom:72.8%; }
.result-box .glist ul li .imgbox > a > img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transition:all .5s; }
.result-box .glist ul li .imgbox .chbox { position:absolute; right:32px; bottom:30px; transition:all .7s;}
.result-box .glist ul li .imgbox .chbox a { width:36px; height:36px; display:block; background:url(/img/sub/check_icon.png) center center no-repeat; transition:all .7s }
.result-box .glist ul li .imgbox .chbox.check a { background:url(/img/sub/checkOn_icon.png) center center no-repeat; }
.result-box .glist ul li:hover .imgbox { border-radius:20px; }
.result-box .glist ul li:hover .imgbox > a > img { transform:scale(1.10); }
.result-box .glist ul li .txtbox { margin-top:30px; }
.result-box .glist ul li .txtbox .keyword { display:flex; flex-wrap:wrap; gap:5px 3px;}
.result-box .glist ul li .txtbox .keyword a { height:27px; display:flex; align-items:center; padding:0 10px; border:2px solid #ddd; border-radius:50px; font-weight:600; font-size:13px; color:#bbb;}
.result-box .glist ul li .txtbox .title { margin-top:20px; font-size:24px; }
.result-box .glist ul li .txtbox .title a {transition:all .5s; color:#222; font-weight:500; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.result-box .glist ul li .txtbox .title a:hover { color:#004190; }
.result-box .glist ul li .txtbox .date { margin-top:10px; font-size:16px; color:#555; font-weight:300; }
.result-box .qlist { margin-top:30px; }
.result-box .qlist > ul > li:not(:last-child) { margin-bottom:10px; background:#fff }
.result-box .qlist > ul > li { border:1px solid #ececec; border-radius:10px; padding:60px; }
.result-box .qlist > ul > li > p { position:relative; padding-left:35px; padding-right:20px; font-weight:500; color:#333; letter-spacing:-0.02em; font-size:20px; line-height:1.3; }
.result-box .qlist > ul > li > p:before { transition:all .3s; content:""; display:block; width:14px; height:8px; position:absolute; right:0; top:50%; transform:translateY(-50%); background:url(/img/sub/gpList_arr.png) center center no-repeat; } 
.result-box .qlist > ul > li.on > p:before { transform:translateY(-50%) rotate(180deg); }
.result-box .qlist > ul > li > p strong { position:absolute; left:0; top:0; font-weight:600; color:#004190; line-height:1.3 }
.result-box .qlist > ul > li > .contentBox { margin-top:60px; background:#f8f8f8; border-radius:10px; padding:40px; font-weight:300; color:#555; letter-spacing:-0.02em; font-size:18px; line-height:1.8; }
.result-box .qlist > ul > li > .contentBox img { max-width:100%; }
.result-box .qlist > ul > li > .contentBox a { word-break:break-word; }
@media screen and (max-width:1024px){
    .result-box .menu-box { margin-top:60px; }
    .result-box .menu-box .l-box li:not(:last-child) { margin-right:20px; }
    .result-box .menu-box .l-box li a { font-size:18px; }
    .result-box .menu-box .r-box { font-size:18px; }
    .result-box .result-tit { height:55px; }
    .result-box .result-tit h4 { font-size:19px; }
    .result-box .result-tit .btn { width:55px; height:55px; }
    .result-box .result-tit .menu-list ul { margin-left:20px; }
    .result-box .result-tit .menu-list ul li:not(:last-child) { margin-right:20px; } 
    .result-box .result-tit .menu-list ul li:not(:last-child):before { right:-10px; }
    .result-box .result-tit .menu-list ul li a { font-size:16px; color:#666; font-weight:300; letter-spacing:-0.02em; }
    .result-box .result-tit .menu-list ul li a:hover,
    .result-box .result-tit .menu-list ul li.on a { font-weight:600; color:#004190; }
    .result-box .r-title { height:55px; }
    .result-box .r-title h5 { font-size:17px; }
    .result-box .r-title .btn { width:55px; height:55px; }
    .result-box .caseList { padding-bottom:60px; }
    .result-box .caseList ul { display:flex; gap:20px; flex-wrap:wrap; }
    .result-box .caseList ul li { width:calc((100% - 60px) / 4) }
    .result-box .caseList ul li .txtbox { margin-top:20px; }
    .result-box .caseList ul li .txtbox p { font-size:17px; }
    .result-box .caseList ul li .txtbox .date { margin-top:8px; font-size:17px; }
    .result-box .caseList ul li:nth-child(5) { display:none }
    .result-box .dataTable thead th { height:60px; font-size:18px; }
    .result-box .dataTable tbody th { height:80px; font-size:18px; }
    .result-box .dataTable tbody td { padding:14px 10px; font-size:17px; }
    .result-box .dataTable tbody td.td_left { padding:14px 20px; }
    .result-box .listbox > ul { gap:30px 15px; }
    .result-box .listbox > ul > li { width:calc((100% - 15px ) / 2); border-radius:10px; padding:30px; }
    .result-box .listbox > ul > li dt { height:40px; font-size:15px; }
    .result-box .listbox > ul > li dd { height:55px; font-size:20px; }
    .result-box .listbox > ul > li .imgbox { margin-top:12px; height:105px; border-radius:5px; }
    .result-box .glist ul { gap:70px 20px; }
    .result-box .glist ul li { width:calc((100% - 20px) / 2); }
    .result-box .glist ul li .txtbox { margin-top:20px; }
    .result-box .glist ul li .txtbox .title { margin-top:15px; font-size:22px; }
    .result-box .qlist > ul > li { padding:40px; }
    .result-box .qlist > ul > li > p { padding-left:35px; font-size:18px; }
    .result-box .qlist > ul > li > .contentBox { margin-top:40px; padding:30px; font-size:16px; }
    .result-box .dataTable,
    .result-box .listbox,
    .result-box .glist { padding-bottom:60px; }
}
@media screen and (max-width:860px){
    .result-box .menu-box { flex-wrap:wrap; }
    .result-box .menu-box .l-box,
    .result-box .menu-box .r-box { width:100%; }
    .result-box .menu-box .l-box ul { justify-content:center; }
    .result-box .menu-box .r-box { margin-top:15px; text-align:center }
}
@media screen and (max-width:760px){
    .result-box .result-tit { flex-wrap:wrap; }
    .result-box .result-tit h4 { width:100%; }
    .result-box .result-tit,
    .result-box .r-title { height:auto; padding:17px 20px;  }
    .result-box .result-tit .menu-list { width:100%; }
    .result-box .result-tit .menu-list ul { margin:5px 0 0 0; flex-wrap:wrap; }
    .result-box .result-tit .menu-list ul li { margin:10px 0 0 0}
    .result-box .result-tit .menu-list ul li:not(:last-child) { margin-right:20px; } 
    .result-box .result-tit .menu-list ul li:not(:last-child):before { right:-10px; }
    .result-box .listbox > ul { gap:20px 10px; }
    .result-box .listbox > ul > li { width:calc((100% - 10px ) / 2); border-radius:10px; padding:30px; }
    .result-box .glist ul { gap:50px 10px; }
    .result-box .glist ul li { width:calc((100% - 10px) / 2); }
    .result-box .glist ul li .imgbox .chbox { opacity:1; visibility:visible; z-index:2; right:6px; bottom:6px; }
    .result-box .glist ul li .imgbox .chbox a { width:35px; height:35px; }
    .result-box .glist ul li .txtbox { margin-top:20px; }
    .result-box .glist ul li .txtbox .keyword { gap:2px;}
    .result-box .glist ul li .txtbox .keyword a { font-size:12px; }
    .result-box .glist ul li .imgbox .chbox a img { width:14px; }
    .result-box .glist ul li .txtbox .title { margin-top:15px; font-size:18px; }
    .result-box .glist ul li .txtbox .date { font-size:15px; }
    .result-box .caseList ul li { width:calc((100% - 20px) / 2) }
}
@media screen and (max-width:640px){
    .result-box .menu-box { flex-wrap:wrap; padding:25px 20px; }
    .result-box .result-tit h4 { font-size:18px; }
    .result-box .result-tit .btn { width:50px; height:50px; }
    .result-box .r-title h5 { font-size:16px; }
    .result-box .r-title .btn { width:50px; height:50px; }
    .result-box .caseList { padding-top:20px; padding-bottom:40px; }
    .result-box .caseList ul { gap:10px; }
    .result-box .caseList ul li { width:calc((100% - 10px) / 2) }
    .result-box .caseList ul li .txtbox { margin-top:15px; }
    .result-box .caseList ul li .txtbox p { font-size:16px; }
    .result-box .caseList ul li .txtbox .date { margin-top:5px; font-size:16px; }
    .result-box .dataTable thead th { height:60px; font-size:16px; }
    .result-box .dataTable tbody th { height:80px; font-size:16px; }
    .result-box .dataTable tbody td { padding:12px 5px; font-size:16px; }
    .result-box .dataTable tbody td.td_left { padding:14px 10px; }
    .result-box .listbox > ul > li { padding:20px 10px; }
    .result-box .listbox > ul > li dt { height:38px; font-size:14px; }
    .result-box .listbox > ul > li dd { height:45px; font-size:18px; }
    .result-box .listbox > ul > li .imgbox { margin-top:10px; height:80px; }
    .result-box .qlist > ul > li { padding:20px; }
    .result-box .qlist > ul > li > p { padding-left:25px; font-size:16px; }
    .result-box .qlist > ul > li > p:before { width:10px; height:6px; background-size:10px auto; } 
    .result-box .qlist > ul > li > .contentBox { margin-top:20px; padding:16px; font-size:15px; }
    .result-box .dataTable,
    .result-box .listbox,
    .result-box .glist { margin-top:20px; padding-bottom:40px; }
    .result-box .qlist { margin-top:20px; }
}
@media screen and (max-width:480px){
    .result-box .listbox > ul { gap:10px 0; }
    .result-box .listbox > ul > li { width:100% }
    .result-box .glist ul { gap:40px 10px; }
    .result-box .glist ul li .imgbox .chbox a { width:35px; height:35px; }
    .result-box .glist ul li .imgbox .chbox a img { width:12px; }
    .result-box .glist ul li .txtbox { margin-top:20px; }
    .result-box .glist ul li .txtbox .keyword a { height:25px;}
    .result-box .glist ul li .txtbox .title { margin-top:14px; font-size:16px; }
    .result-box .glist ul li .txtbox .date { font-size:14px; }
}

.result-box .page { margin-top:-1.5%; }
@media screen and (max-width:640px){
    .result-box .page { margin-top:-1%; }
}

/* mypage */
.galleryList .list ul li.case:first-child { border-top:1px solid #e0e0e0; margin-top:0; }
.galleryList .list ul li.case { border-bottom:1px solid #e0e0e0; width:100%; margin-top:-80px; }
.galleryList .list ul li.case  .box { position:relative; display:flex; padding:20px; }
.galleryList .list ul li.case  .box .imgbox { position:relative; overflow:hidden; width:140px; }
.galleryList .list ul li.case  .box .imgbox:before {content:""; display:block; padding-bottom:141.5%; }
.galleryList .list ul li.case  .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.galleryList .list ul li.case  .box .txtbox { position:relative; width:calc(100% - 140px); padding:30px 110px 30px 40px; }
.galleryList .list ul li.case  .box .txtbox h4.tit { font-size:20px; color:#222; font-weight:500; letter-spacing:-0.02em; line-height:1.3 }
.galleryList .list ul li.case  .box .txtbox h4.tit a { color:#222;}
.galleryList .list ul li.case  .box .txtbox .hashTags { margin-top:20px; gap:6px; display:flex; flex-wrap:wrap; }
.galleryList .list ul li.case  .box .txtbox .hashTags a { font-size:13px; color:#bbb; font-weight:600; letter-spacing:-0.02em; line-height:1.3; display:block; padding:5px 10px 3px; border:2px solid #ddd; border-radius:100px;}
.galleryList .list ul li.case  .box .txtbox .date { margin-top:40px; font-size:16px; color:#888; font-weight:300; letter-spacing:-0.02em;}
.galleryList .list ul li.case  .box .txtbox .download { position:absolute; right:80px; top:50%; transform:translateY(-50%); }
.galleryList .list ul li.case  .box .txtbox .download a { width:80px; height:80px; background:#eee; border-radius:80px; display:flex; align-items:center; justify-content:center; transition:all 0.3s; }
.galleryList .list ul li.case  .box .txtbox .download a:hover { background:#004190;}
.galleryList .list ul li.case  .box .txtbox .download a:hover img { filter:brightness(0) invert(1);}
.galleryList .list ul li.case  .box .chbox { position:absolute; right:-10px; top:50%; transform:translateY(-50%); }
.galleryList .list ul li.case  .box .chbox a { width:80px; height:80px; border-radius:80px; display:block; background:#eee url(/img/sub/check_icon.png) center center no-repeat; transition:all .7s }
.galleryList .list ul li.case  .box .chbox.check a { background:#eee url(/img/sub/checkOn_icon.png) center center no-repeat; }
@media screen and (max-width:1024px){
    .galleryList .list ul li.case { margin-top:-70px; }
    .galleryList .list ul li.case .box .txtbox { padding:20px 90px 20px 20px; }
    .galleryList .list ul li.case .box .txtbox h4.tit { font-size:18px; }
    .galleryList .list ul li.case .box .txtbox .hashTags { margin-top:15px; gap:4px; }
    .galleryList .list ul li.case .box .txtbox .hashTags a { font-size:13px; }
    .galleryList .list ul li.case .box .txtbox .date { margin-top:30px; font-size:15px; }
    .galleryList .list ul li.case .box .txtbox .download { right:55px; }
    .galleryList .list ul li.case .box .txtbox .download a { width:60px; height:60px; }
    .galleryList .list ul li.case .box .txtbox .download a img { width:20px; }
    .galleryList .list ul li.case .box .chbox a { width:60px; height:60px; }
    .galleryList .list ul li.case .box .chbox a,
    .galleryList .list ul li.case .box .chbox.check a  { background-size:18px auto; }
}
@media screen and (max-width:760px){
    .galleryList .list ul li.case { margin-top:-50px; }
}
@media screen and (max-width:640px){
    .galleryList .list ul li.case .box { padding:10px 0; }
    .galleryList .list ul li.case .box .imgbox { width:100px; }
    .galleryList .list ul li.case .box .txtbox { width:calc(100% - 100px); padding:10px 42px 10px 10px; }
    .galleryList .list ul li.case .box .txtbox h4.tit { font-size:15px; }
    .galleryList .list ul li.case .box .txtbox .hashTags { margin-top:6px; gap:3px; }
    .galleryList .list ul li.case .box .txtbox .hashTags a { font-size:12px; padding:4px 5px 3px; border:1px solid #ddd; }
    .galleryList .list ul li.case .box .txtbox .date { margin-top:12px; font-size:14px; }
    .galleryList .list ul li.case .box .txtbox .download { right:45px; }
    .galleryList .list ul li.case .box .txtbox .download a { width:40px; height:40px; }
    .galleryList .list ul li.case .box .txtbox .download a img { width:13px; }
    .galleryList .list ul li.case .box .chbox { right:0; }
    .galleryList .list ul li.case .box .chbox a { width:40px; height:40px; }
    .galleryList .list ul li.case .box .chbox a,
    .galleryList .list ul li.case .box .chbox.check a  { background-size:14px auto; }
}
@media screen and (max-width:560px){
    .galleryList .list ul li.case .box { flex-wrap:wrap; } 
    .galleryList .list ul li.case .box .imgbox { width:100%; max-width:170px; margin:0 auto; }
    .galleryList .list ul li.case .box .txtbox { width:100%; padding:30px 0 10px 0; }
    .galleryList .list ul li.case .box .txtbox .download,
    .galleryList .list ul li.case .box .chbox { position:relative; right:unset; top:unset; transform:translateY(0); }
    .galleryList .list ul li.case .box .txtbox .download a,
    .galleryList .list ul li.case .box .chbox a { margin:0 auto; }
    .galleryList .list ul li.case .box .sbox { display:flex; justify-content:center; gap:0 5px; }
}
@media screen and (max-width:480px){
    .galleryList .list ul li.case { margin-top:-40px; }
}

span.italic { font-style:italic; }

.boardView .pages-area{
	margin-top:50px;
	margin-bottom:40px;
}
.boardView .pages-area dl dd a{
	color: #666;
	font-weight: 300;
}
.boardView .pages-area dt i{
	padding-right:15px;
}
.boardView .pages-area{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.boardView dl{
	height:70px;
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	display: flex;
	align-items: center;
}

.boardView dl dt{
	color: #222;
	font-size: 16px;
	font-weight: 500;
	width:137px;
	text-align: center;
	position: relative;
}
.boardView dl dt:after{
	content:"";
	width: 1px;
	height: 20px;
	background:#E0E0E0;
	position: absolute;
    top: 0;
    right: 0;
}

.boardView dl dd{
	padding-left:30px;
	font-size: 16px;
	width:calc(100% - 137px);
	line-height:1.3;
}
@media screen and (max-width:640px){
	.boardView dl dt{ width:100px; }
	.boardView dl dd{width:calc(100% - 100px); padding-left:20px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
}


/* 각도기 이미지 */
.angleBox > p{ font-size: 26px; font-weight: 500; color: #222; text-align: center; }
.angleBox > p .blue{ color: #004190; }
.angleBox > p .red{ color: #D40000; }
.angleBox .figure{ display: flex; justify-content: center; align-items: flex-start; }
.angleBox .figure figure{ position: relative; }
.angleBox .figure figure img{ max-width: 100%; }
.angleBox .figure .angle{ width: 100%; position: absolute; top: 0; left: 0; animation: angleRotate 4s linear infinite alternate; pointer-events: none; }
.angleBox .figure .item{ padding: 30px; border-radius: 20px; }
.angleBox .figure .item strong{ font-size: 30px; font-weight: 700; white-space: nowrap; }
.angleBox .figure .item p{ font-size: 20px; font-weight: 500; color: #222; letter-spacing: -0.02em; white-space: nowrap; margin-top: 8px; }
.angleBox .figure .item.blue{ background: rgba(0, 65, 144, 0.1); }
.angleBox .figure .item.blue strong{ color: #004190; }
.angleBox .figure .item.red{ background: rgba(185, 53, 63, 0.1); }
.angleBox .figure .item.red strong{ color: #B9353F; }

@media screen and (max-width: 1300px){
	.angleBox > p{ font-size: 22px; }
	.angleBox .figure .item{ padding: 20px; }
	.angleBox .figure .item strong{ font-size: 24px; }
	.angleBox .figure .item p{ font-size: 18px; }
}

@media screen and (max-width: 1200px){
	.angleBox > p{ font-size: 20px; }
	.angleBox .figure .item{ padding: 15px; }
	.angleBox .figure .item strong{ font-size: 20px; }
	.angleBox .figure .item p{ font-size: 16px; margin-top: 5px; }
}

@media screen and (max-width: 640px){
	.angleBox > p{ font-size: 18px; }
	.angleBox > p span{ display: block; }
	.angleBox .figure .item{ padding: 10px 15px; }
	.angleBox .figure .item strong{ font-size: 16px; }
}


/* GastroPanel 소개 */
.gastropanel .type h6{ font-size: 25px; font-weight: 600; color: #004190; letter-spacing: -0.02em; margin-bottom: 50px; }
.gastropanel .type .gray-box{ background: #F9F9F9; border: 1px solid #ECECEC; font-size: 20px; font-weight: 300; color: #222; letter-spacing: -0.02em; line-height: 1.3; padding: 50px; margin-bottom: 50px; }
.gastropanel .type .gray-box ul li{ padding-left: 20px; position: relative; }
.gastropanel .type .gray-box ul li::before{ content: ""; width: 4px; height: 4px; background: #222; border-radius: 50%; position: absolute; top: calc(1.3em / 2); left: 0; transform: translateY(-50%); }
.gastropanel .type .gray-box ul li:not(:last-of-type){ margin-bottom: 10px; }
.gastropanel .type .gray-box ul li em{ font-style: italic; }
.gastropanel .type figure{ margin: 0; text-align: center; }
.gastropanel .type figure img{ max-width: 100%; }

@media screen and (max-width: 1300px){
	.gastropanel .type h6{ font-size: 22px; margin-bottom: 40px; }
	.gastropanel .type .gray-box{ padding: 40px; margin-bottom: 40px; }
}

@media screen and (max-width: 1024px){
	.gastropanel .type h6{ font-size: 20px; margin-bottom: 30px; }
	.gastropanel .type .gray-box{ font-size: 18px; padding: 30px; margin-bottom: 30px; }
	.gastropanel .type .gray-box ul li{ padding-left: 12px; }
	.gastropanel .type .gray-box ul li::before{ width: 3px; height: 3px; }
}

@media screen and (max-width: 640px){
	.gastropanel .type h6{ font-size: 18px; margin-bottom: 15px; }
	.gastropanel .type .gray-box{ font-size: 16px; padding: 20px; }
}


/* 병의원 활용하기 */
.clinicBox *{ line-height: 1.3; }
.clinicBox .pBox{ font-size: 20px; font-weight: 300; color: #222; letter-spacing: -0.02em; line-height: 1.75; margin-bottom: 60px; }
.clinicBox .pBox *{ line-height: inherit; }
.clinicBox .pBox > *:not(:last-of-type){ margin-bottom: 15px; }
.clinicBox .block{ display: block; }
.clinicBox .dot-list li{ line-height: 1.7; }
.clinicBox .scroll-box{ overflow-x: auto; overflow-y: clip; }
.clinicBox .scroll-box::-webkit-scrollbar{ width: 21px; height: 21px; }
.clinicBox .scroll-box::-webkit-scrollbar-thumb{ background: #004190; background-clip: padding-box; border: 7px solid transparent; border-radius: 100px; }
.clinicBox .scroll-box::-webkit-scrollbar-track{ background: rgba(0, 65, 144, 0.1); background-clip: padding-box; border: 7px solid transparent;  border-radius: 100px; }
.clinicBox .dataTable{ table-layout: fixed; margin-top: 0 !important; }

.clinicBox .percentBox{ background: #F9F9F9; border: 1px solid #ECECEC; border-radius: 20px; font-size: 20px; font-weight: 300; color: #222; letter-spacing: -0.02em; text-align: center; padding: 65px 80px; }
.clinicBox .percentBox .title{ max-width: 690px; margin: 0 auto; margin-bottom: 65px; }
.clinicBox .percentBox .mark{ position: relative; padding: 0 50px; }
.clinicBox .percentBox .mark::before,
.clinicBox .percentBox .mark::after{ content: ""; width: 50px; height: 30px; background: url("/img/sub/quotation_mark.svg") no-repeat center center / contain; position: absolute; }
.clinicBox .percentBox .mark::before{ top: 0; left: 0; transform: translateY(-7px); }
.clinicBox .percentBox .mark::after{ bottom: 0; right: 0; transform: translateY( 50%) rotate(180deg); }
.clinicBox .percentBox .title p{ font-size: 24px; font-weight: 700; color: #004190; letter-spacing: -0.02em; line-height: 1.5833; }
.clinicBox .percentBox .title span{ display: block; margin-top: 30px; }
.clinicBox .percentBox .flexBox{ display: flex; gap: 15px; }
.clinicBox .percentBox .flexBox span{ display: block; font-size: 16px; margin-top: 15px; }
.clinicBox .percentBox .item{ width: calc((100% - 15px) / 2); display: flex; flex-direction: column; }
.clinicBox .percentBox .item .border{ flex: 1 0 auto; min-height: 100px; display: flex; justify-content: center; align-items: center; border: 1px dashed #BBB; border-radius: 20px; padding: 15px; margin-bottom: 10px; }
.clinicBox .percentBox .item .white{ flex: 1 0 auto; background: #FFF; border: 1px solid #ECECEC; border-radius: 20px; padding: 30px; }
.clinicBox .percentBox .item .white{ color: #444; }
.clinicBox .percentBox .item .white p{ line-height: 1.6; margin-bottom: 15px; }
.clinicBox .percentBox .item .white p strong{ font-weight: 600; }
.clinicBox .percentBox .item .white > strong{ font-size: 40px; font-weight: 800; color: #004190; }
.clinicBox .percentBox .item .white > strong.green{ color: #8FC31F; }
.clinicBox .percentBox .item .white > strong i{ font-size: 20px; margin-left: 15px; vertical-align: middle; transform: translateY(-4px); }


.clinicBox .sec01 .radiusBox{ display: flex; flex-wrap: wrap; gap: 6px; border-radius: 150px; overflow: hidden; }
.clinicBox .sec01 dl{ width: calc((100% - 6px) / 2); color: #FFF; letter-spacing: -0.02em; padding: 70px 60px; }
.clinicBox .sec01 dl:nth-of-type(odd){ text-align: right; }
.clinicBox .sec01 dl dt{ font-size: 26px; font-weight: 600; margin-bottom: 25px; }
.clinicBox .sec01 dl dd{ font-size: 20px; font-weight: 200; line-height: 1.6; }
.clinicBox .sec01 dl dd strong{ font-weight: 500; }


.clinicBox .sec02 .circleBox{ display: flex; flex-wrap: wrap; gap: 50px 14px; }
.clinicBox .sec02 .item{ width: calc((100% - 42px) / 4); display: flex; flex-direction: column; }
.clinicBox .sec02 .item .circle{ position: relative; }
.clinicBox .sec02 .item .circle::before{ content: ""; display: block; padding-bottom: 100%; }
.clinicBox .sec02 .item .circle span{ font-size: 20px; font-weight: 600; color: #222; letter-spacing: -0.02em; text-align: center; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding: 0 40px; margin-left: -5.5%; }
.clinicBox .sec02 .item:last-of-type .circle span{ margin-left: 0; }
.clinicBox .sec02 .item .text{ flex: 1 0 auto; background: #F5F5F5; border-radius: 20px; padding: 30px; margin-top: 20px; }
.clinicBox .sec02 .item .text ul li{ font-size: 18px; font-weight: 300; color: #222; letter-spacing: -0.02em; padding-left: 20px; position: relative; }
.clinicBox .sec02 .item .text ul li:not(:last-of-type){ margin-bottom: 10px; }
.clinicBox .sec02 .item .text ul li::before{ content: ""; width: 4px; height: 4px; background: #222; border-radius: 50%; position: absolute; top: calc(1.3em / 2); left: 0; transform: translateY(-50%); }
.clinicBox .sec02 .item .text ul li em{ font-style: italic; }


.clinicBox .sec03 .dl-box{ display: flex; gap: 50px; margin-bottom: 60px; }
.clinicBox .sec03 .item{ width: calc((100% - 100px) / 3); text-align: center; }
.clinicBox .sec03 .item figure img{ max-width: 100%; }
.clinicBox .sec03 .item dl{ margin-top: 30px; }
.clinicBox .sec03 .item dl dt{ font-size: 30px; font-weight: 700; color: #004190; letter-spacing: -0.02em; margin-bottom: 15px; }
.clinicBox .sec03 .item dl dd{ font-size: 22px; font-weight: 400; color: #666; letter-spacing: -0.02em; }
.clinicBox .sec03 .dataTable{ table-layout: fixed; }
.clinicBox .sec03 .dataTable .black{ color: #222 !important; }


.clinicBox .sec06 .angleBox{ --start: -70deg; --end: 75deg; }
.clinicBox .sec06 .angleBox > p{ margin-bottom: 140px; }
.clinicBox .sec06 .angleBox .figure{ align-items: flex-end; }
.clinicBox .sec06 .angleBox .figure figure{ width: 55%; }


.clinicBox .sec07 .dl{ text-align: center; margin-bottom: 60px; }
.clinicBox .sec07 .dl dt{ font-size: 26px; font-weight: 700; color: #004190; letter-spacing: -0.02em; line-height: 1.0769; margin-bottom: 20px; }
.clinicBox .sec07 .dl dd{ font-size: 18px; font-weight: 300; color: #222; letter-spacing: -0.02em; }


.clinicBox .sec08 .imgBox{ display: flex; align-items: center; background: #F9F9F9; position: relative; }
.clinicBox .sec08 .imgBox figure{ position: relative; }
.clinicBox .sec08 .imgBox figure figcaption{ font-size: 18px; font-weight: 300; color: #222; letter-spacing: -0.02em; padding: 20px; position: absolute; top: 0; left: 0; }
.clinicBox .sec08 .imgBox figure img{ max-width: 100%; }
.clinicBox .sec08 .imgBox .dl{ padding: 80px; }
.clinicBox .sec08 .imgBox dl dt{ font-size: 25px; font-weight: 700; color: #004190; letter-spacing: -0.02em; margin-bottom: 10px; }
.clinicBox .sec08 .imgBox dl dd{ font-size: 18px; font-weight: 300; color: #222; }
.clinicBox .sec08 .imgBox dl dd span{ font-family: 'Inter', sans-serif; }
.clinicBox .sec08 .imgBox dl dd span em{ font-style: italic; }
.clinicBox .sec08 .imgBox .bottom{ font-size: 18px; font-weight: 600; color: #222; letter-spacing: -0.02em; padding: 20px; position: absolute; bottom: 0; right: 0; }

.clinicBox .sec08 .iconBox{ display: flex; flex-wrap: wrap; gap: 30px; margin: 50px 0; }
.clinicBox .sec08 .iconBox .item{ width: calc((100% - 90px) / 4); position: relative; }
.clinicBox .sec08 .iconBox .item::before{ content: ""; display: block; padding-bottom: 100%; background: var(--bg); border-radius: 50%; }
.clinicBox .sec08 .iconBox .item .text{ padding: 0 20px; text-align: center; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); }
.clinicBox .sec08 .iconBox figure{ padding: 0 20px; }
.clinicBox .sec08 .iconBox .item img{ max-width: 100%; }
.clinicBox .sec08 .iconBox .item .text span{ display: block; font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 600; color: #FFF; letter-spacing: -0.02em; margin-top: 15px; }
.clinicBox .sec08 .iconBox .item .text em{ font-style: italic; }


.clinicBox .sec09 .flexBox{ display: flex; gap: 40px 20px; }
.clinicBox .sec09 .item{ width: calc((100% - 20px) / 2); }
.clinicBox .sec09 .item .figure{ height: 425px; background: #F8F8F8; border: 1px solid #ECECEC; text-align: center; padding: 60px 35px; }
.clinicBox .sec09 .item .figure img{ max-width: 100%; }
.clinicBox .sec09 .item .figure p{ font-size: 18px; font-weight: 500; color: #222; letter-spacing: -0.02em; margin-top: 15px; }
.clinicBox .sec09 .item .figure ul{ display: flex; justify-content: center; gap: 5px; margin-top: 10px; }
.clinicBox .sec09 .item .figure ul li{ width: calc((100% - 5px)); font-size: 15px; font-weight: 400; color: #444; letter-spacing: -0.02em; }
.clinicBox .sec09 .item .text{ font-size: 15px; font-weight: 300; color: #999; letter-spacing: -0.02em; margin-top: 24px; }
.clinicBox .sec09 .item .text p:not(:last-of-type){ margin-bottom: 20px; }
.clinicBox .sec09 .item > ul{ margin-top: 15px; }
.clinicBox .sec09 .item > ul li{ background: #F8F8F8; font-size: 15px; font-weight: 300; color: #333; letter-spacing: -0.02em; padding: 15px 10px; }
.clinicBox .sec09 .item > ul li:not(:last-of-type){ margin-bottom: 5px; }
.clinicBox .sec09 .item > ul li strong{ font-weight: 700; }


.clinicBox .sec10 h6{ font-size: 25px; font-weight: 600; color: #333; letter-spacing: -0.02em; margin-bottom: 50px; }
.clinicBox .sec10 .graph .flexBox{ display: flex; gap: 30px; }
.clinicBox .sec10 .graph figure{ width: calc((100% - 30px) / 2); display: flex; justify-content: center; align-items: center; background: #F9F9F9; padding: 50px; }
.clinicBox .sec10 .graph figure img{ max-width: 100%; }
.clinicBox .sec10 .graph p{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px 30px; font-size: 18px; font-weight: 300; color: #222; letter-spacing: -0.02em; text-align: right; margin-top: 20px; }
.clinicBox .sec10 .graph p i{ width: 18px; height: 18px; border-radius: 50%; vertical-align: middle; transform: translateY(-1px); margin-right: 10px; }
.clinicBox .sec10 .grayBox{ background: #F9F9F9; border: 1px solid #ECECEC; padding: 50px; margin-top: 40px; }
.clinicBox .sec10 .grayBox ul{ font-size: 20px; font-weight: 300; color: #222; letter-spacing: -0.02em; }
.clinicBox .sec10 .grayBox ul li{ padding-left: 20px; position: relative; }
.clinicBox .sec10 .grayBox ul li::before{ content: ""; width: 4px; height: 4px; background: #222; border-radius: 50%; position: absolute; top: calc(1.3em / 2); left: 0; transform: translateY(-50%); }
.clinicBox .sec10 .grayBox ul li:not(:last-of-type){ margin-bottom: 10px; }
.clinicBox .sec10 .grayBox ul li.bold{ font-weight: 600; color: #111; }
.clinicBox .sec10 .grayBox ul li.bold::before{ background: #111; }
.clinicBox .sec10 .grayBox ul li em{ font-weight: 500; color: #004190; }


.clinicBox .sec11 .dataTable{ min-width: 845px; }
.clinicBox .sec11 .dataTable th{ line-height: 1.5; }
.clinicBox .sec11 .dataTable th em{ font-style: italic; }
.clinicBox .sec11 .dataTable td{ padding: 40px 25px; text-align: left; }
.clinicBox .sec11 .dataTable td.center{ text-align: center; }
.clinicBox .sec11 .dataTable tbody th{ font-size: 18px; }
.clinicBox .sec11 ul li{ font-size: 17px; line-height: 1.5; padding-left: 30px; position: relative;  }
.clinicBox .sec11 ul li:not(:last-of-type){ margin-bottom: 15px; }
.clinicBox .sec11 ul li span{ font-family: 'Pretendard', sans-serif; font-size: inherit; line-height: inherit; position: absolute; top: 0; left: 0; }
.clinicBox .sec11 ul.num li{ padding-left: 20px; }
.clinicBox .sec11 dl dt{ font-size: 17px; font-weight: 600; color: #222; letter-spacing: -0.02em; }
.clinicBox .sec11 dl dd{ margin-top: 15px; }
.clinicBox .sec11 td dl:not(:last-of-type){ margin-bottom: 30px; }


.clinicBox .sec12 .dataTable{ min-width: 1000px; }
.clinicBox .sec12 .dataTable th{ padding: 10px; }
.clinicBox .sec12 .dataTable th span{ display: inline-block; text-align: left; }
.clinicBox .sec12 .dataTable td{ text-align: left; }
.clinicBox .sec12 .dataTable td.top{ vertical-align: top; }
.clinicBox .sec12 .dataTable td.center{ text-align: center; }
.clinicBox .sec12 .dataTable td em{ font-style: italic; }
.clinicBox .sec12 .dataTable tr.active th,
.clinicBox .sec12 .dataTable tr.active td{ background: #F7F9FB; color: #004190; }

.clinicBox .sec12 .dataTable colgroup col.s{ width: 15%; }
.clinicBox .sec12 .dataTable td > ul:not(.gap10){ padding: 44px 0; }
.clinicBox .sec12 .dataTable ul:not(.gap10){ font-size: 16px; }
.clinicBox .sec12 .dataTable ul li{ position: relative; } 
.clinicBox .sec12 .dataTable ul li::before{ position: absolute; top: calc(1.3em / 2); left: 0; transform: translateY(-50%); }
.clinicBox .sec12 .dataTable ul li:not(:last-of-type){ margin-bottom: 20px; }
.clinicBox .sec12 .dataTable ul li ul{ margin-top: 15px; }
.clinicBox .sec12 .dataTable ul li p{ margin-top: 5px; }
.clinicBox .sec12 .dataTable ul li p:first-of-type{ margin-top: 10px; }

.clinicBox .sec12 .dataTable ul.gap0 li{ margin: 0; }
.clinicBox .sec12 .dataTable ul.gap10 li:not(:last-of-type){ margin-bottom: 10px; }
.clinicBox .sec12 .dataTable ul.square li{ padding-left: 10px; }
.clinicBox .sec12 .dataTable ul.square li::before{ content: ""; width: 3px; height: 3px; background: #222; }
.clinicBox .sec12 .dataTable ul.triangle li{ padding-left: 12px; }
.clinicBox .sec12 .dataTable ul.triangle li::before{ content: ""; width: 7px; height: 7px; background: url("/img/sub/triangle.svg") no-repeat center center / contain; }
.clinicBox .sec12 .dataTable ul.circle li{ padding-left: 18px; }
.clinicBox .sec12 .dataTable ul.circle li::before{ content: ""; width: 8px; height: 8px; background: url("/img/sub/circle.svg") no-repeat center center / contain; }

@media screen and (max-width: 1560px){
	.clinicBox .sec08 .percentBox .border{ min-height: 120px; }
}

@media screen and (max-width: 1550px){
	.clinicBox .sec01 dd br{ display: none; }
}

@media screen and (max-width: 1450px){
	.clinicBox .sec08 .imgBox figure{ width: 50%; }
	.clinicBox .sec08 .imgBox .dl{ width: 50%; padding: 50px; }
	.clinicBox .sec08 .iconBox{ gap: 15px; }
	.clinicBox .sec08 .iconBox .item{ width: calc((100% - 45px) / 4); }

	.clinicBox .sec09 .item .figure{ height: 350px; padding: 35px; }
}

@media screen and (max-width: 1300px){
	.clinicBox .pBox{ font-size: 18px; margin-bottom: 40px; }

	.clinicBox .percentBox{ font-size: 18px; padding: 45px 50px; }
	.clinicBox .percentBox .title{ margin-bottom: 45px; }
	.clinicBox .percentBox .title p{ font-size: 20px; }
	.clinicBox .percentBox .title span{ margin-top: 20px; }
	.clinicBox .percentBox .mark{ padding: 0 30px; }
	.clinicBox .percentBox .mark::before, 
	.clinicBox .percentBox .mark::after{ width: 30px; height: 20px; }
	.clinicBox .percentBox .flexBox span{ font-size: 15px; }
	.clinicBox .percentBox .item .white{ padding: 20px; }
	.clinicBox .percentBox .item .white > strong{ font-size: 35px; }
	.clinicBox .percentBox .item .white > strong i{ font-size: 16px; }

	.clinicBox .sec01 dl{ padding: 50px 40px; }
	.clinicBox .sec01 dl dt{ font-size: 22px; }
	.clinicBox .sec01 dl dd{ font-size: 18px; }

	.clinicBox .sec02 .item .circle span{ font-size: 18px; }
	.clinicBox .sec02 .item .text{ padding: 25px; }
	.clinicBox .sec02 .item .text ul li{ font-size: 17px; padding-left: 10px; }

	.clinicBox .sec03 .dl-box{ margin-bottom: 40px; }
	.clinicBox .sec03 .item dl{ margin-top: 15px; }
	.clinicBox .sec03 .item dl dt{ font-size: 25px; }
	.clinicBox .sec03 .item dl dd{ font-size: 18px; }

	.clinicBox .sec06 .angleBox > p{ margin-bottom: 100px; }

	.clinicBox .sec07 .dl{ margin-bottom: 40px; }
	.clinicBox .sec07 .dl dt{ font-size: 22px; }
	.clinicBox .sec07 .dl dd{ font-size: 17px; }

	.clinicBox .sec08 .imgBox figure figcaption{ font-size: 16px; }
	.clinicBox .sec08 .imgBox .dl{ padding: 30px; padding-bottom: 60px; }
	.clinicBox .sec08 .imgBox dl dt{ font-size: 22px; }
	.clinicBox .sec08 .imgBox dl dd{ font-size: 17px; }
	.clinicBox .sec08 .iconBox .item .text span{ font-size: 18px; }
	.clinicBox .sec08 .imgBox .bottom{ font-size: 16px; padding: 10px 15px; }

	.clinicBox .sec09 .item .figure p{ font-size: 17px; }

	.clinicBox .sec10 h6{ font-size: 20px; margin-bottom: 40px; }
	.clinicBox .sec10 .graph .flexBox{ gap: 15px; }
	.clinicBox .sec10 .graph figure{ width: calc((100% - 15px) / 2); padding: 30px; }
	.clinicBox .sec10 .graph p{ font-size: 16px; }
	.clinicBox .sec10 .grayBox{ padding: 35px; }
	.clinicBox .sec10 .grayBox ul{ font-size: 18px; }
	.clinicBox .sec10 .grayBox ul li{ padding-left: 10px; }
	.clinicBox .sec10 .grayBox ul li::before{ width: 3px; height: 3px; }

	.clinicBox .sec11 .dataTable tbody th{ font-size: 17px; }
	.clinicBox .sec11 .dataTable td{ padding: 20px 10px; }
	.clinicBox .sec11 ul li{ font-size: 16px; }
}

@media screen and (max-width: 1250px){
	.clinicBox .sec02 .circleBox{ max-width: 500px; margin: 0 auto; }
	.clinicBox .sec02 .item{ width: calc((100% - 14px) / 2); }

	.clinicBox .sec08 .iconBox { max-width: 400px; margin: 40px auto; }
	.clinicBox .sec08 .iconBox .item{ width: calc((100% - 15px) / 2); }

	.clinicBox .sec12 .dataTable colgroup col.s{ width: 11%; }
	.clinicBox .sec12 .dataTable br{ display: none; }
}

@media screen and (max-width: 1200px){
	.clinicBox .sec09 .flexBox{ flex-direction: column; }
	.clinicBox .sec09 .item{ width: 100%; }
	.clinicBox .sec09 .item .figure{ height: auto; padding: 20px; }
}

@media screen and (max-width: 1024px){
	.clinicBox .pBox{ font-size: 16px; margin-bottom: 30px; }
	.clinicBox .pBox > *:not(:last-of-type){ margin-bottom: 10px; }

	.clinicBox .percentBox{ font-size: 16px; padding: 30px; }
	.clinicBox .percentBox .title{ margin-bottom: 25px; }
	.clinicBox .percentBox .title p{ font-size: 18px; }
	.clinicBox .percentBox .title span{ margin-top: 10px; }
	.clinicBox .percentBox .mark::before, 
	.clinicBox .percentBox .mark::after{ width: 20px; height: 15px; }
	.clinicBox .percentBox .flexBox span{ margin-top: 10px; }
	.clinicBox .percentBox .item .white{ padding: 15px; }
	.clinicBox .percentBox .item .white p{ margin-bottom: 10px; }
	.clinicBox .percentBox .item .white > strong{ font-size: 30px; }
	.clinicBox .percentBox .item .white > strong i{ font-size: 14px; margin-left: 10px; }

	.clinicBox .sec01 .radiusBox{ border-radius: 100px; }
	.clinicBox .sec01 dl{ padding: 40px 30px; }
	.clinicBox .sec01 dl dt{ font-size: 20px; margin-bottom: 15px; }
	.clinicBox .sec01 dl dd{ font-size: 16px; }

	.clinicBox .sec02 .item .circle span{ font-size: 17px; }
	.clinicBox .sec02 .item .text{ padding: 20px; }
	.clinicBox .sec02 .item .text ul li{ font-size: 16px; }

	.clinicBox .sec03 .dl-box{ margin-bottom: 30px; }
	.clinicBox .sec03 .item dl dt{ font-size: 22px; margin-bottom: 10px; }
	.clinicBox .sec03 .item dl dd{ font-size: 16px; }

	.clinicBox .sec06 .angleBox > p{ margin-bottom: 60px; }

	.clinicBox .sec07 .dl{ margin-bottom: 20px; }
	.clinicBox .sec07 .dl dt{ font-size: 20px; margin-bottom: 10px; }
	.clinicBox .sec07 .dl dd{ font-size: 16px; }

	.clinicBox .sec08 .imgBox figure figcaption{ font-size: 15px; }
	.clinicBox .sec08 .imgBox dl dt{ font-size: 20px; }
	.clinicBox .sec08 .imgBox dl dd{ font-size: 16px; }
	.clinicBox .sec08 .imgBox .bottom{ font-size: 15px; }

	.clinicBox .sec09 .item .figure p{ font-size: 16px; margin-top: 10px; }
	.clinicBox .sec09 .item .text{ margin-top: 15px; }
	.clinicBox .sec09 .item .text p:not(:last-of-type){ margin-bottom: 10px; }

	.clinicBox .sec10 h6{ font-size: 18px; margin-bottom: 30px; }
	.clinicBox .sec10 .graph figure{ padding: 20px; }
	.clinicBox .sec10 .graph p{ font-size: 15px; gap: 5px 20px; }
	.clinicBox .sec10 .graph p i{ width: 15px; height: 15px; margin-right: 5px; }
	.clinicBox .sec10 .grayBox{ padding: 20px; }
	.clinicBox .sec10 .grayBox ul{ font-size: 16px; }

	.clinicBox .sec11 .dataTable tbody th{ font-size: 16px; }
	.clinicBox .sec11 dl dt{ font-size: 16px; }
	.clinicBox .sec11 ul li{ font-size: 15px; padding-left: 20px; }
	.clinicBox .sec11 ul.num li{ padding-left: 15px; }

	.clinicBox .sec12 .dataTable ul:not(.gap10){ font-size: 15px; }
}

@media screen and (max-width: 750px){
	.clinicBox .sec03 .dl-box{ gap: 15px; }
	.clinicBox .sec03 .item{ width: calc((100% - 30px) / 3); }
}

@media screen and (max-width: 640px){
	.clinicBox .percentBox{ padding: 20px 15px; }
	.clinicBox .percentBox .flexBox{ gap: 5px; }
	.clinicBox .percentBox .item{ width: calc((100% - 5px) / 2); }
	.clinicBox .percentBox .item .white > strong{ font-size: 26px; }
	.clinicBox .percentBox .item .white > strong i{ font-size: 12px; transform: translateY(-2px); }

	.clinicBox .sec01 .radiusBox{ border-radius: 70px; }
	.clinicBox .sec01 dl{ padding: 25px; }
	.clinicBox .sec01 dl dt{ font-size: 18px; }
	.clinicBox .sec01 dl dd{ font-size: 16px; }

	.clinicBox .sec03 .item dl dt{ font-size: 18px; }
	.clinicBox .sec03 .item dl dd{ font-size: 15px; }

	.clinicBox .sec04 br{ display: none; }

	.checkup .sec05 .circleBox .item{ padding: 5px; }

	.clinicBox .sec06 .angleBox > p{ margin-bottom: 40px; }
	.clinicBox .sec06 .angleBox .figure{ position: relative; padding-bottom: 35px; }
	.clinicBox .sec06 .angleBox .figure figure{ width: 70%; margin: 0 auto; }
	.clinicBox .sec06 .angleBox .item{ position: absolute; bottom: 0; }
	.clinicBox .sec06 .angleBox .item:first-of-type{ left: 0; }
	.clinicBox .sec06 .angleBox .item:last-of-type{ right: 0; }

	.clinicBox .sec08 .imgBox{ flex-direction: column; }
	.clinicBox .sec08 .imgBox figure{ width: 100%; }
	.clinicBox .sec08 .imgBox .dl{ width: 100%; padding-top: 0; }

	.clinicBox .sec10 .graph .flexBox{ flex-wrap: wrap; }
	.clinicBox .sec10 .graph figure{ width: 100%; }
}

@media screen and (max-width: 500px){
	.clinicBox .sec01 .radiusBox{ border-radius: 30px; }
	.clinicBox .sec01 dl{ padding: 15px; }
	.clinicBox .sec01 dl dt{ font-size: 16px; }
	.clinicBox .sec01 dl dd{ font-size: 14px; }

	.clinicBox .sec08 br{ display: none; }
	.clinicBox .sec08 .iconBox .item .text span{ ont-size: 16px; }
}


/* 검진항목 */
.checkup *{ line-height: 1.3; box-sizing: border-box; }
.checkup h5{ font-size: 25px; font-weight: 300; color: #222; letter-spacing: -0.02em; line-height: 1.5; margin-bottom: 45px; }
.checkup h5 strong{ font-weight: 600; color: #004190; }

.checkup .pBox{ font-size: 20px; font-weight: 300; color: #222; letter-spacing: -0.02em; line-height: 1.75; margin-bottom: 60px; }
.checkup .pBox p{ line-height: inherit; }
.checkup .pBox p:not(:first-of-type){ margin-top: 15px; }
.checkup .pBox p strong{ font-weight: 600; color: #004190; }

.checkup figure{ text-align: center; }
.checkup figure.radius{ border-radius: 20px; }
.checkup figure.gray{ background: #F8F8F8; }
.checkup figure.border{ border: 1px solid #DDD; }
.checkup figure img{ max-width: 100%; }

.checkup .dataTable{ table-layout: fixed; }
.checkup .dataTable.border{ border: 4px solid #004190; }
.checkup .dataTable em{ font-style: italic; }
.checkup .dataTable thead th.black{ background: #F9F9F9; border-bottom: 1px solid #E0E0E0; color: #222; }


.checkup .sec01 .dataTable colgroup col.s{ width: 20%; }
.checkup .sec01 .dataTable th,
.checkup .sec01 .dataTable td{ padding: 3px; }
.checkup .sec01 .blueBox{ background: #F7F9FB; padding: 30px; text-align: center; margin-top: 30px; }
.checkup .sec01 .blueBox p{ font-size: 18px; font-weight: 300; color: #222; letter-spacing: -0.02em; line-height: 1.5; }


.checkup .sec02 figure{ padding: 75px; }
.checkup .sec02 .dataTable{ margin: 60px 0; }
.checkup .sec02 .dataTable p{ min-height: 58px; display: flex; justify-content: center; align-items: center; }
.checkup .sec02 .dl-box dl:not(:last-of-type){ margin-bottom: 30px; }
.checkup .sec02 .dl-box dl dt{ font-size: 24px; font-weight: 500; color: #FFF; letter-spacing: -0.02em; padding: 20px 30px; border-radius: 20px 20px 0 0; }
.checkup .sec02 .dl-box dl dd{ border: 1px solid #DDD; border-top: none; border-radius: 0 0 20px 20px; font-size: 18px; font-weight: 300; color: #333; letter-spacing: -0.02em; line-height: 1.5; padding: 30px; }
.checkup .sec02 .dl-box dl dd p{ padding-left: 15px; line-height: inherit; position: relative; }
.checkup .sec02 .dl-box dl dd p::before{ content: ""; width: 4px; height: 4px; background: #333; border-radius: 50%; position: absolute; top: calc(1.5em / 2); left: 0; transform: translateY(-50%); }
.checkup .sec02 .dl-box dl dd strong{ font-weight: 600; }


.checkup .sec03 .flexBox{ display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 30px; }
.checkup .sec03 .flexBox figure{ width: calc((100% - 30px) / 2); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 60px 30px 30px; }
.checkup .sec03 .flexBox figure img{ max-width: 100%; }
.checkup .sec03 .flexBox figure figcaption{ font-size: 20px; font-weight: 500; color: #222; letter-spacing: -0.02em; margin-top: 10px; }
.checkup .sec03 .grayBox{ background: #F9F9F9; border: 1px solid #ECECEC; font-size: 18px; font-weight: 400; color: #333; letter-spacing: -0.02em; padding: 50px 40px; }
.checkup .sec03 .grayBox ul{ margin-bottom: 30px; }
.checkup .sec03 .grayBox ul li{ padding-left: 15px; position: relative; }
.checkup .sec03 .grayBox ul li:not(:last-of-type){ margin-bottom: 15px; }
.checkup .sec03 .grayBox ul li::before{ content: ""; width: 4px; height: 4px; background: #333; border-radius: 50%; position: absolute; top: calc(1.3em / 2); left: 0; transform: translateY(-50%); }
.checkup .sec03 .grayBox p{ font-size: 14px; font-weight: 400; color: #999; letter-spacing: -0.02em; line-height: 1.3; }


.checkup .sec04 .flexBox{ display: flex; align-items: center; }
.checkup .sec04 figure{ width: 39%; padding: 50px; }
.checkup .sec04 .text{ width: 61%; padding-left: 40px; }
.checkup .sec04 .text h6{ display: inline-block; background: #004190; border: #4763A0; border-radius: 99px; font-size: 18px; font-weight: 600; color: #FFF; padding: 15px 30px; margin-bottom: 20px; }	
.checkup .sec04 .text p{ font-size: 15px; font-weight: 400; color: #004190; letter-spacing: -0.02em; }
.checkup .sec04 .text > p{ margin-top: 20px; }
.checkup .sec04 .dlBox{ border: 1px solid #E0E0E0; border-radius: 20px; padding: 30px; }
.checkup .sec04 .dlBox dl{ margin-bottom: 45px; }
.checkup .sec04 .dlBox dl dt{ font-size: 18px; font-weight: 600; color: #222; letter-spacing: -0.02em; margin-bottom: 15px; }
.checkup .sec04 .dlBox dl dd{ font-size: 17px; font-weight: 300; color: #555; letter-spacing: -0.02em; padding-left: 17px; position: relative; }
.checkup .sec04 .dlBox dl dd::before{ content: "▶"; font-size: 10px; color: #004190; position: absolute; top: 1.1em; left: 0; transform: translateY(-50%); }
.checkup .sec04 .dlBox p{ color: #999; }


.checkup .sec05 .circleBox{ display: flex; flex-wrap: wrap; gap: 50px; }
.checkup .sec05 .circleBox .item{ width: calc((100% - 150px) / 4); position: relative; padding: 20px; border: 2px solid rgba(0, 65, 144, 0.2); border-radius: 50%; }
.checkup .sec05 .circleBox .item::before,
.checkup .sec05 .circleBox .item::after{ content: ""; position: absolute; top: 50%; }
.checkup .sec05 .circleBox .item::before{ width: 50px; height: 2px; background: rgba(0, 65, 144, 0.2); right: -2px; transform: translate(100%, -50%); }
.checkup .sec05 .circleBox .item::after{ width: 10px; height: 10px; background: #004190; border-radius: 50%; right: -1px; transform: translate(50%, -50%); }
.checkup .sec05 .circleBox .item:last-of-type::before,
.checkup .sec05 .circleBox .item:last-of-type::after{ display: none; }
.checkup .sec05 .circleBox .item .circle{ padding-bottom: 100%; border-radius: 50%; }
.checkup .sec05 .circleBox .item span{ font-size: 22px; font-weight: 600; color: #FFF; letter-spacing: -0.02em; text-align: center; padding: 0 40px; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); }


.checkup .sec06 .angleBox{ --start: -90deg; --end: 90deg; }
.checkup .sec06 .angleBox > p{ margin-bottom: 60px; }
.checkup .sec06 .angleBox .figure figure{ margin: 0 -8%; }
.checkup .sec06 .angleBox .figure .item{ padding: 30px 50px; }


.checkup .sec07 .grayBox{ background: #F9F9F9; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 20px; padding: 30px 30px 50px; text-align: center; }
.checkup .sec07 .flexBox{ display: flex; flex-wrap: wrap; gap: 30px; }
.checkup .sec07 .item{ width: calc((100% - 60px) / 3); }

.checkup .sec07 .line01{ position: relative; z-index: 10; }
.checkup .sec07 .line01::before{ content: ""; width: 3px; height: 100%; background: #8698C8; position: absolute; top: 0; left: 50%; z-index: -1; transform: translateX(-50%); }
.checkup .sec07 .line01 .item dl{ background: #FFF; border-radius: 20px; }
.checkup .sec07 .line01 .item dl dt{ font-size: 17px; font-weight: 600; color: #FFF; letter-spacing: -0.02em; padding: 20px; border-radius: 20px 20px 0 0; }
.checkup .sec07 .line01 .item dl dd{ height: 200px; padding: 30px; font-size: 17px; font-weight: 300; color: #333; letter-spacing: -0.02em; position: relative; }
.checkup .sec07 .line01 .item dl dd::before{ content: ""; width: 54px; height: 56px; background: url("/img/sub/checkup_arrow.svg") no-repeat center center / contain; position: absolute; top: 50%; left: -15px; transform: translate(-50%, -50%); }
.checkup .sec07 .line01 .item:first-of-type dl dd::before{ display: none; }
.checkup .sec07 .line01 .item dl dd p{ margin-top: 10px; line-height: 1.5; }
.checkup .sec07 .line01 .item > p{ font-size: 15px; font-weight: 300; color: #004190; letter-spacing: -0.02em; line-height: 1.5; margin-top: 15px; }

.checkup .sec07 .line02{ position: relative; padding-bottom: 70px; }
.checkup .sec07 .line02::before{ content: ""; width: 100%; height: 70px; background: url("/img/sub/checkup_arrow2.svg") no-repeat top center / auto; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); }
.checkup .sec07 .line02 .flexBox{ justify-content: center; }
.checkup .sec07 .line02 .item{ background: #8698C8; border-radius: 20px; font-size: 18px; font-weight: 500; color: #FFF; letter-spacing: -0.02em; padding: 20px; }
.checkup .sec07 .line02 .item p:not(:last-of-type){ margin-bottom: 10px; }
.checkup .sec07 .line02 .item p em{ font-style: italic; }

.checkup .sec07 .line03{ background: #FFF; border: 1px solid #DDD; border-radius: 20px; padding: 30px; }
.checkup .sec07 .line03 dl dt{ font-size: 20px; font-weight: 600; color: #222; letter-spacing: -0.02em; margin-bottom: 15px; }
.checkup .sec07 .line03 dl dd{ font-size: 17px; font-weight: 400; color: #444; letter-spacing: -0.02em; }
.checkup .sec07 .line03 dl dd:not(:last-of-type){ margin-bottom: 7px; }

.checkup .sec07 .right{ margin-top: 10px; font-size: 15px; font-weight: 400; color: #666; letter-spacing: -0.02em; text-align: right; }
.checkup .sec07 .right p:not(:last-of-type){ margin-bottom: 5px; }


.checkup .sec08{ --circle: 220px; --pt: 40px; }
.checkup .sec08 .flexBox{ display: flex; flex-wrap: wrap; gap: 12px 50px; position: relative; }
.checkup .sec08 dl{ width: calc((100% - 50px) / 2); min-height: var(--circle); display: flex; flex-direction: column; justify-content: center; background: #F9F9F9; border: 1px solid #E0E0E0; border-radius: 20px; font-size: 18px; font-weight: 300; color: #222; letter-spacing: -0.02em; padding: 30px; position: relative; }
.checkup .sec08 dl dt{ width: calc(var(--circle) - 10px); height: calc(var(--circle) - 10px); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0; border-radius: 5px; font-size: 24px; font-weight: 600; color: #FFF; letter-spacing: -0.02em; position: absolute; }
.checkup .sec08 dl dt em{ font-style: italic; margin-right: 10px; }
.checkup .sec08 dl dd{ width: 100%; line-height: 1.6; padding: 0 20px; position: relative; }
.checkup .sec08 dl dd:not(:last-of-type){ margin-bottom: 10px; }
.checkup .sec08 dl dd::before{ content: ""; width: 4px; height: 4px; background: #222; border-radius: 50%; position: absolute; top: calc(1.6em / 2); transform: translateY(-50%); }

.checkup .sec08 dl:nth-of-type(odd){ text-align: right; padding-right: calc(var(--circle) - 20px) !important; }
.checkup .sec08 dl:nth-of-type(odd) dt{ right: -20px; padding-left: 20px; }
.checkup .sec08 dl:nth-of-type(odd) dd::before{ right: 5px; }

.checkup .sec08 dl:nth-of-type(even){ text-align: left; padding-left: calc(var(--circle) - 20px) !important; }
.checkup .sec08 dl:nth-of-type(even) dt{ left: -20px; padding-right: 20px; }
.checkup .sec08 dl:nth-of-type(even) dd::before{ left: 5px; }

.checkup .sec08 dl.dl01{ z-index: 10; }
.checkup .sec08 dl.dl01::after{ content: ""; width: 100px; height: 100px; background: url("/img/sub/checkup_arrow3.svg") no-repeat center center / contain; position: absolute; bottom: -5px; right: -25px; transform: translate(50%, 50%); }

.checkup .sec08 dl.dl01 dt,
.checkup .sec08 dl.dl02 dt{ padding-top: var(--pt); bottom: 0; }
.checkup .sec08 dl.dl03 dt,
.checkup .sec08 dl.dl04 dt{ padding-bottom: var(--pt); top: 0; }

.checkup .sec08 dl.dl01 dt{ border-radius: 100% 5px 5px 5px; }
.checkup .sec08 dl.dl02 dt{ border-radius: 5px 100% 5px 5px; }
.checkup .sec08 dl.dl03 dt{ border-radius: 5px 5px 5px 100%; }
.checkup .sec08 dl.dl04 dt{ border-radius: 5px 5px 100% 5px; }

@media screen and (max-width: 1600px){
	.checkup .sec08{ --circle: 180px; }
	.checkup .sec08 dl.dl01::after{ width: 80px; height: 80px; }
}

@media screen and (max-width: 1500px){
	.checkup .sec06 .angleBox .figure .item{ padding: 20px 30px; }

	.checkup .sec08 dd br{ display: none; }
	.checkup .sec08 dl dd:not(:last-of-type){ margin-bottom: 5px; }
}

@media screen and (max-width: 1420px){
	.checkup .sec01 dd br{ display: none; }

	.checkup .sec02 dd br{ display: none; }

	.checkup .sec05 .circleBox .item{ padding: 15px; }
	.checkup .sec05 .circleBox .item span{ font-size: 19px; padding: 0 25px; }

	.checkup .sec06 .angleBox .figure .item{ padding: 20px 30px; }

	.checkup .sec07 .line01 br{ display: none; }
	.checkup .sec07 .line01 .item dl dd{ height: 180px; padding: 20px; }

	.checkup .sec08 dl{ padding: 15px; }
}

@media screen and (max-width: 1300px){
	.checkup h5{ font-size: 20px; margin-bottom: 35px; }

	.checkup .pBox{ font-size: 18px; margin-bottom: 40px; }

	.checkup .sec01 .blueBox p{ font-size: 17px; }

	.checkup .sec02 figure{ padding: 50px; }
	.checkup .sec02 .dataTable{ margin: 40px 0; }
	.checkup .sec02 .dataTable p{ min-height: 48px; }
	.checkup .sec02 .dl-box dl dt{ font-size: 20px; padding: 15px 25px; }
	.checkup .sec02 .dl-box dl dd{ font-size: 17px; padding: 25px; }

	.checkup .sec03 .flexBox{ gap: 20px 10px; margin-bottom: 10px; }
	.checkup .sec03 .flexBox figure{ width: calc((100% - 10px) / 2); padding: 40px 15px; }
	.checkup .sec03 .flexBox figure figcaption{ font-size: 18px; }
	.checkup .sec03 .grayBox{ font-size: 17px; padding: 40px 30px; }

	.checkup .sec04 .flexBox{ flex-direction: column; }
	.checkup .sec04 figure{ width: 100%; padding: 20px; }
	.checkup .sec04 figure img{ max-width: 60%; }
	.checkup .sec04 .text{ width: 100%; padding-left: 0; padding-top: 20px; }
	.checkup .sec04 .text h6{ font-size: 17px; padding: 10px 20px; margin-bottom: 10px; }
	.checkup .sec04 .dlBox{ padding: 20px; }
	.checkup .sec04 .dlBox dl{ margin-bottom: 30px; }
	.checkup .sec04 .dlBox dl dt{ font-size: 17px; }
	.checkup .sec04 .dlBox dl dd{ font-size: 16px; }

	.checkup .sec05 .circleBox{ gap: 30px; }
	.checkup .sec05 .circleBox .item{ width: calc((100% - 90px) / 4); }
	.checkup .sec05 .circleBox .item::before{ width: 30px; }

	.checkup .sec06 .angleBox > p{ margin-bottom: 40px; }
	.checkup .sec06 .angleBox .figure .item{ padding: 15px 20px; }

	.checkup .sec07 .line01 .item dl dt{ padding: 15px; }
	.checkup .sec07 .line01 .item dl dd{ font-size: 16px; }
	.checkup .sec07 .line02 .item{ font-size: 17px; }

	.checkup .sec07 .line03{ padding: 20px; }
	.checkup .sec07 .line03 dl dt{ font-size: 18px; margin-bottom: 15px; }
	.checkup .sec07 .line03 dl dd{ font-size: 16px; }

	.checkup .sec08{ --circle: 140px; }
	.checkup .sec08 .flexBox{ gap: 10px; }
	.checkup .sec08 dl{ width: calc((100% - 10px) / 2); justify-content: flex-start; font-size: 16px; padding: 20px 15px; }
	.checkup .sec08 dl dt{ width: auto; height: auto; border-radius: 10px !important; font-size: 18px; padding: 10px 15px !important; margin-bottom: 10px; position: static; transform: unset; }
	.checkup .sec08 dl.dl01::after{ width: 60px; height: 60px; right: -5px; }
	
	.checkup .sec08 dl:nth-of-type(odd){ padding-right: 15px !important; }
	.checkup .sec08 dl:nth-of-type(even){ padding-left: 15px !important; }
}

@media screen and (max-width: 1200px){
	.checkup .sec03 br{ display: none; }

	.checkup .sec07 .flexBox{ gap: 0 10px; }
	.checkup .sec07 .item{ width: calc((100% - 20px) / 3); }
	.checkup .sec07 .line01 .item dl dd{ padding: 10px 20px; }
	.checkup .sec07 .line01 .item dl dd::before{ width: 40px; height: 40px; left: -5px; }
	.checkup .sec07 .line01 .item dl dd p{ margin-top: 5px; }
}

@media screen and (max-width: 1024px){
	.checkup br{ display: none; }
	.checkup h5{ font-size: 17px; margin-bottom: 20px; }

	.checkup .pBox{ font-size: 16px; margin-bottom: 30px; }
	.checkup .pBox p:not(:first-of-type){ margin-top: 10px; }

	.checkup .sec01 .blueBox{ padding: 20px; margin-top: 20px; }
	.checkup .sec01 .blueBox p{ font-size: 16px; }

	.checkup .sec02 figure{ padding: 30px; }
	.checkup .sec02 .dataTable{ margin: 30px 0; }
	.checkup .sec02 .dataTable p{ min-height: 38px; }
	.checkup .sec02 .dl-box dl:not(:last-of-type){ margin-bottom: 20px; }
	.checkup .sec02 .dl-box dl dt{ font-size: 18px; padding: 12px 20px; }
	.checkup .sec02 .dl-box dl dd{ font-size: 16px; padding: 20px; }

	.checkup .sec03 .flexBox figure{ padding: 30px 10px; }
	.checkup .sec03 .flexBox figure figcaption{ font-size: 17px; margin-top: 0; }
	.checkup .sec03 .grayBox{ font-size: 16px; padding: 20px; }
	.checkup .sec03 .grayBox ul{ margin-bottom: 20px; }
	.checkup .sec03 .grayBox ul li{ padding-left: 10px; }
	.checkup .sec03 .grayBox ul li:not(:last-of-type){ margin-bottom: 10px; }
	.checkup .sec03 .grayBox ul li::before{ width: 3px; height: 3px; }

	.checkup .sec04 .text h6{ font-size: 16px; }
	.checkup .sec04 .dlBox dl{ margin-bottom: 20px; }
	.checkup .sec04 .dlBox dl dt{ font-size: 16px; }
	.checkup .sec04 .dlBox dl dd{ font-size: 15px; padding-left: 12px; }
	.checkup .sec04 .dlBox dl dd::before{ font-size: 8px; }
	.checkup .sec04 .text p{ font-size: 14px; margin-top: 10px; }

	.checkup .sec05 .circleBox .item span{ font-size: 17px; }

	.checkup .sec07 .grayBox{ padding: 20px; }
	.checkup .sec07 .line01 .item dl dt{ font-size: 15px; padding: 10px; }
	.checkup .sec07 .line02 .item{ font-size: 16px; padding: 12px 10px; }
	.checkup .sec07 .line03{ padding: 15px; }
	.checkup .sec07 .line03 dl dt{ font-size: 16px; margin-bottom: 7px; }
	.checkup .sec07 .line03 dl dd{ font-size: 15px; }
	.checkup .sec07 .right{ font-size: 14px; }

	.checkup .sec08 dl dt{ font-size: 16px; }
	.checkup .sec08 dl dd{ font-size: 15px; padding: 0 0 0 10px !important; text-align: left !important; }
	.checkup .sec08 dl dd::before{ width: 3px; height: 3px; left: 0 !important; right: unset !inportant; }
}

@media screen and (max-width: 700px){
	.checkup .sec05 .circleBox{ gap: 10px; }
	.checkup .sec05 .circleBox .item{ width: calc((100% - 30px) / 4); padding: 5px; }
	.checkup .sec05 .circleBox .item::before{ width: 10px; }
	.checkup .sec05 .circleBox .item::after{ width: 5px; height: 5px; }
	.checkup .sec05 .circleBox .item span{ font-size: 14px; padding: 0 10px; }

	.checkup .sec05 .circleBox .item{ padding: 10px; }

	.checkup .sec06 .angleBox .figure{ position: relative; padding-top: 45px; }
	.checkup .sec06 .angleBox .item{ position: absolute; top: 0; }
	.checkup .sec06 .angleBox .item:first-of-type{ left: 0; }
	.checkup .sec06 .angleBox .item:last-of-type{ right: 0; }
	.checkup .sec06 .angleBox .figure figure{ width: 100%; margin: 0 auto; }

	.checkup .sec07 .grayBox{ padding: 15px; }
	.checkup .sec07 .line01 .item dl dt{ padding: 5px 10px; }
	.checkup .sec07 .line01 .item dl dd{ height: 160px; font-size: 14px; padding: 10px; }
	.checkup .sec07 .line01 .item dl dd::before{ width: 30px; height: 30px; }

	.checkup .sec07 .line02 .item{ max-width: 200px; width: 50%; }
}

@media screen and (max-width: 640px){
	.checkup > dl > dd .dataTable{ margin-top: 0; }

	.checkup .sec01 .dataTable thead th,
	.checkup .sec01 .dataTable thead td,
	.checkup .sec01 .dataTable tbody th,
	.checkup .sec01 .dataTable tbody td{ font-size: 15px; }
	.checkup .sec01 .dataTable colgroup col.s{ width: 22%; }

	.checkup .sec03 .flexBox figure{ padding: 20px 0; }
}

@media screen and (max-width: 500px){
	.checkup .sec05 .circleBox .item{ width: calc((100% - 10px) / 2); }
	.checkup .sec05 .circleBox .item:nth-of-type(even)::before,
	.checkup .sec05 .circleBox .item:nth-of-type(even)::after{ display: none; }
	.checkup .sec05 .circleBox .item span{ font-size: 16px; }  

	.checkup .sec06 .angleBox .figure{ padding-top: 55px; }

	.checkup .sec07 .line01 .item dl dd{ font-size: 13px; }
	.checkup .sec07 .line01 .item dl dd::before{ width: 20px; height: 20px; }
	.checkup .sec07 .line02{ padding-top: 10px; }
}