.subtitleTop { z-index:10; }
.subtitleTop .bg { position:relative; height:700px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.subtitleTop .visual-box { position:relative; overflow:hidden; }
.subTopCont1 .bg { background-image:url(/img/sub/visualsub_bg1.jpg); }
.subTopCont2 .bg { background-image:url(/img/sub/visualsub_bg2.jpg); }
.subTopCont3 .bg { background-image:url(/img/sub/visualsub_bg3.jpg); }
.subTopCont4 .bg { background-image:url(/img/sub/visualsub_bg4.jpg); }
.subTopCont5 .bg { background-image:url(/img/sub/visualsub_bg5.jpg); }
.subTopCont6 .bg { background-image:url(/img/sub/visualsub_bg6.jpg); }
.subTopCont10_1 .bg { background-image:url(/img/sub/subTopCont10_1.jpg); }
.subTopCont10_2 .bg { background-image:url(/img/sub/subTopCont10_2.jpg); }
.subTopCont11 .bg { background-image:url(/img/sub/subTopCont11.jpg); }
.subTopCont20 .bg { background-image:url(/img/sub/subTopCont10_2.jpg); }

.searchCont .subtitleTop { display:none }

.subtitleTop .subTitle { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; display:flex; flex-direction:column; width:100%; }
.subtitleTop .subTitle .location .sbox span,
.subtitleTop .subTitle .location > strong { position:relative; display:inline-block; vertical-align:middle; color:#fff; font-size:16px; font-weight:400; line-height:1.3;  }
.subtitleTop .subTitle .location > strong { font-weight:700; }
.subtitleTop .subTitle .location .sbox span > strong { font-weight:400; }
.subtitleTop .subTitle .location .sbox span > span { display:none }
.subtitleTop .subTitle .location .sbox span:last-child { font-weight:700 }
.subtitleTop .subTitle .location .sbox:first-child { margin-left:0; padding-left:0;}
.subtitleTop .subTitle .location .sbox:first-child:before { display:none}
.subtitleTop .subTitle .location span,
.subtitleTop .subTitle .location strong { margin-left:18px; padding-left:24px; }
.subtitleTop .subTitle .location span:before,
.subtitleTop .subTitle .location strong:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; height:4px; background-color:#e5e5e5; border-radius:4px; opacity:0.2; }
.subtitleTop .subTitle .location .home { margin-left:0; padding-left:0; margin-top:-2px; }
.subtitleTop .subTitle .location .home:before { display:none; }
.subtitleTop .subTitle .location .home a { display:block; width:18px; height:18px; background:url(/img/sub/home_icon.svg) center center no-repeat; }
.subtitleTop .subTitle h3 { margin-top:20px; }
.subtitleTop .subTitle h3 > span { overflow:hidden; display:block; }
.subtitleTop .subTitle h3 > span span { color:#fff; font-size:80px; font-weight:700; line-height:1.3; min-width:18px; }

.subtitleTop .sub-titleBox { position:relative; width:100%; display:flex; align-items:center; z-index:2; background:#fff; padding:0 100px; border-bottom:1px solid #e5e5e5; display:none; }
.subtitleTop .depthMenu { position:relative; width:280px; height:100%; padding:0 0 0 10px; margin:0 30px; background:#fff }
.subtitleTop .depthMenu:before { content:""; display:block; position:absolute; left:-30px; top:50%; transform:translateY(-50%); width:1px; height:15px; background-color:#e5e5e5; }
.subtitleTop .depthMenu:after { content:""; display:block; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:12px; height:7px; background:url(/img/sub/arr_sublnb.svg) center center no-repeat; transition:all 0.3s ease-in-out;  }
.subtitleTop .depthMenu.on:after { transform:translateY(-50%) scaleY(-1); }
.subtitleTop .depthMenu .stit { text-transform:uppercase; position:relative; font-weight:300; font-size:17px; color:#111; cursor:pointer; display:flex; align-items:center; width:100%; height:92px; z-index:2 }
.subtitleTop .depthMenu.dep3 { display:none }
.subtitleTop .depthMenu.dep3.ov { display:block }
.subtitleTop .submenu-box { display:none; position:absolute; left:0; top:92px; width:100%; z-index:5 }
.subtitleTop .submenu-box ul { background:#fff; border-bottom:1px solid #e5e5e5}
.subtitleTop .submenu-box li { border:1px solid #e5e5e5; border-bottom:none; }
.subtitleTop .submenu-box li a { display:flex; align-items:center; padding:0 20px; height:60px; color:#888; font-size:17px; font-weight:400; line-height:1.3; text-transform:uppercase; transition:all 0.3s ease-in-out }
.subtitleTop .submenu-box li a:hover { color:#fff; background:var(--mainColor); }
.subtitleTop .submenu-box li > ul { display:none }
.subtitleTop .submenu-box li a .icon { display:none }
.subtitleTop .subm10 { display:none; height:0; width:0; }
@media screen and (max-width:1600px){
    .subtitleTop .bg { height:600px; }
	.subtitleTop .subTitle h3 > span span { font-size:70px; }
}
@media screen and (max-width:1440px){
    .subtitleTop .bg { height:500px; }
	.subtitleTop .subTitle .location span { font-size:16px; }
	.subtitleTop .subTitle .location span { margin-left:17px; padding-left:22px; }
	.subtitleTop .subTitle h3 { margin-top:18px; }
	.subtitleTop .subTitle h3 > span span { font-size:60px; }
}
@media screen and (max-width:1280px){
    .subtitleTop .bg { height:420px; }
	.subtitleTop .subTitle .location span { font-size:15px; }
	.subtitleTop .subTitle .location span { margin-left:14px; padding-left:20px; }
	.subtitleTop .subTitle .location span:before { width:4px; height:4px; }
	.subtitleTop .subTitle h3 { margin-top:15px; }
	.subtitleTop .subTitle h3 > span span { font-size:50px; }
}
@media screen and (max-width:1024px){
    .subtitleTop .bg { height:380px; }
	.subtitleTop .subTitle { padding-top:12% }
	.subtitleTop .subTitle .location span { font-size:15px; }
	.subtitleTop .subTitle .location span { margin-left:12px; padding-left:18px; }
	.subtitleTop .subTitle .location span:before { width:3px; height:3px; }
	.subtitleTop .subTitle .location .home a { background-size:15px auto; width:15px; height:15px; }
	.subtitleTop .subTitle h3 { margin-top:15px; }
	.subtitleTop .subTitle h3 > span span { font-size:42px; min-width:10px; }
}
@media screen and (max-width:640px){
    .subtitleTop .bg { height:300px; }
	.subtitleTop .subTitle .location span { margin-left:8px; padding-left:14px; }
	.subtitleTop .subTitle h3 { margin-top:12px; }
	.subtitleTop .subTitle h3 > span span { font-size:32px; min-width:6px;  }
}

/* animation */
.subtitleTop .bg { transform:scale(1.25); animation:bgs1 1.2s 0.01s; animation-fill-mode:both; }
.subtitleTop h3 span { display:inline-block; overflow:hidden }
.subtitleTop h3 span > span { animation:ani_3 0.7s 0.01s; animation-fill-mode:both; }


.sTitle.mt150 { margin-top:150px; }
.sTitle h3 { font-size:40px; color:#111; font-weight:700; line-height:1.3; margin-bottom:30px }
.sTitle h3 span { font-weight:700; }
@media screen and (max-width:1440px){
	.sTitle.mt150 { margin-top:120px; }
	.sTitle h3 { font-size:30px; margin-bottom:25px }
}
@media screen and (max-width:1024px){
	.sTitle.mt150 { margin-top:100px; }
	.sTitle h3 { font-size:24px; margin-bottom:18px }
}
@media screen and (max-width:640px){
	.sTitle.mt150 { margin-top:60px; }
	.sTitle h3 { font-size:20px; margin-bottom:12px }
}

/* animation */
.sTitle h3 { display:inline-block; overflow:hidden }
.sTitle h3 span { opacity:0; display:block }
.sTitle.subOn h3 span { animation:ani_3 0.7s 0.01s; animation-fill-mode:both; }

h4.stit { font-family:var(--mainFont), var(--rootFont); font-size:22px; color:var(--mainColor); font-weight:700; line-height:1.3; }
@media screen and (max-width:1440px){
	h4.stit { font-size:20px; }
}
@media screen and (max-width:1280px){
	h4.stit { font-size:18px; }
}
@media screen and (max-width:1024px){
	h4.stit { font-size:16px; }
}
@media screen and (max-width:640px){
	h4.stit { font-size:15px; }
}

#subContents { padding:150px 0; }
.searchCont #subContents { padding:0; padding-bottom:150px; }
@media screen and (max-width:1440px){
    #subContents { padding:120px 0; }
	.searchCont #subContents { padding-bottom:120px; }
}
@media screen and (max-width:1024px){
    #subContents { padding:90px 0; }
	.searchCont #subContents { padding-bottom:90px; }
}
@media screen and (max-width:640px){
    #subContents { padding:60px 0; }
	.searchCont #subContents { padding-bottom:60px; }
}

article .btnbox { margin-top:100px; }
article .btnbox.btn-ac { display:flex; align-items:center; justify-content:center; }
article .btnbox.btn-ac > :not(:last-child) { margin-right:20px; }
#subContents .btnbox .link,
#subContents .btnbox a,
#subContents .btnbox button { position:relative; height:60px; display:flex; align-items:center; border-radius:60px; padding:0 40px; overflow:hidden; outline:none; border:none; background:none; }
#subContents .btnbox .w135 { width:135px; }
#subContents .btnbox .w157 { width:157px; }
#subContents .btnbox .w183 { width:183px; }
#subContents .btnbox .w235 { width:235px; }
#subContents .btnbox .w280 { width:280px; }
#subContents .btnbox .h80 { height:80px; }
#subContents .btnbox .ac { margin:0 auto }
#subContents .btnbox .link:before,
#subContents .btnbox a:before,
#subContents .btnbox button:before { content:""; display:block; position:absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #000; border-radius:60px; }
#subContents .btnbox .link span.txt,
#subContents .btnbox a span.txt,
#subContents .btnbox button span.txt{ margin:0; position:relative; z-index:3; font-size:16px; color:#000; font-weight:500; line-height:1.3; letter-spacing:1.08px; display:inline-block; transition:all 0.3s; }
#subContents .btnbox .bk span.txt { color:#000; }
#subContents .btnbox .link span.circle,
#subContents .btnbox a span.circle,
#subContents .btnbox button span.circle { display:block; position:absolute; top:50%; left:50%; margin-left:calc(50% - 40px); transform:translate(-50%, -50%); border-radius:100%; width:6px; height:6px; background:rgba(0,0,0,1); transition:all 0.6s; }
#subContents .btnbox .link span.arr,
#subContents .btnbox a span.arr,
#subContents .btnbox button span.arr{ opacity:0; position:absolute; top:50%; left:50%; margin-left:calc(50% - 40px); transform:translate(-50%, -50%); width:8px; height:14px; background:url(/img/main/info_arr.png) no-repeat center; transition:all 0.4s; }
#subContents .btnbox .link span.arr { width:20px; height:20px; background:url(/img/main/link_sh.png) no-repeat center; }
#subContents .btnbox .link:hover span.circle,
#subContents .btnbox a:hover span.circle,
#subContents .btnbox button:hover span.circle { width:1000px; height:1000px; transition:all 0.8s; background:var(--mainColor); }
#subContents .btnbox .bk:hover span.circle { background:#000; }
#subContents .btnbox a:hover span.txt,
#subContents .btnbox button:hover span.txt,
#subContents .btnbox .link:hover span.txt,
#subContents .btnbox .bk:hover span.txt { color:#fff }
#subContents .btnbox .link:hover span.arr,
#subContents .btnbox a:hover span.arr,
#subContents .btnbox button:hover span.arr { opacity:1; }
#subContents .btnbox .h80 span.txt { font-size:20px; }
#subContents .btnbox .fc { background:var(--mainColor); }
#subContents .btnbox .fc:before { border:1px solid var(--mainColor); z-index:2 }
#subContents .btnbox .fc span.txt { color:#fff; }
#subContents .btnbox .fc span.circle { background:#fff; }
#subContents .btnbox .fc span.arr { background:url(/img/main/info_arr_b.png) no-repeat center; }
#subContents .btnbox .fc:hover span.circle { background:#fff;  }
#subContents .btnbox .fc:hover span.txt { color:var(--mainColor) }
#subContents .btnbox .w135,
#subContents .btnbox .w157 {padding:0 30px; }
#subContents .btnbox .w135 span.circle,
#subContents .btnbox .w157 span.circle,
#subContents .btnbox .w135 span.arr,
#subContents .btnbox .w157 span.arr { margin-left:calc(50% - 30px); }
.pint-btn { display:flex; justify-content:center; align-items:center; width:60px; height:60px; border-radius:60px; background:#fff; }
.pint-btn span.arr { opacity:0; display:block; z-index:2; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:14px; height:14px; background:url(/img/main/info_arr.png) no-repeat center; transition:all 0.2s; }
.pint-btn:before { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:6px; height:6px; border-radius:6px; background:rgba(0,0,0,1); }
.pint-btn:after { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0; height:0; border-radius:100%; background:var(--mainColor); transition:all 0.25s ease-in-out; }
.pint-btn.bk:after,
.pint-btn.btn_refresh:after { background:#000; }
.pint-btn.btn_refresh:before { display:none }
a:hover > .pint-btn:after,
.pint-btn.btn_refresh:hover:after { width:62px; height:62px; }
a:hover > .pint-btn span.arr { opacity:1; }
#subContents .btn-withdraw { display:flex; justify-content:flex-end; margin-top:20px; }
@media screen and (max-width:1440px){
	.pint-btn { width:50px; height:50px; }
	a:hover .pint-btn span:after,
	.pint-btn.btn_refresh:hover:after { width:52px; height:52px; }
}
@media screen and (max-width:1280px){
	#subContents .btnbox a span.txt,
	#subContents .btnbox button span.txt { font-size:16px; padding-right:28px; }
	.pint-btn.btn_refresh,
	.pint-btn { width:45px; height:45px; }
	a:hover > .pint-btn:after,
	.pint-btn.btn_refresh:hover:after { width:47px; height:47px; }
}
@media screen and (max-width:1024px){
	article .btnbox { margin-top:60px; }
	article .btnbox.btn-ac > :not(:last-child) { margin-right:10px; }
	#subContents .btnbox .link,
	#subContents .btnbox a,
	#subContents .btnbox button { height:52px; padding:0 0 0 30px; }
	#subContents .btnbox .link span.txt,
	#subContents .btnbox a span.txt,
	#subContents .btnbox button span.txt { font-size:15px; }
	#subContents .btnbox .link span.arr,
	#subContents .btnbox .link span.circle,
	#subContents .btnbox a span.arr,
	#subContents .btnbox button span.arr,
	#subContents .btnbox a span.circle,
	#subContents .btnbox button span.circle { margin-left:calc(50% - 30px); }
	#subContents .btnbox .link span.circle,
	#subContents .btnbox a span.circle,
	#subContents .btnbox button span.circle{ width:1000px; height:1000px; transition:all 0.8s; background:var(--mainColor); }
	#subContents .btnbox .bk span.circle { background:#000; }
	#subContents .btnbox .bk span.txt,
	#subContents .btnbox .link span.txt,
	#subContents .btnbox a span.txt,
	#subContents .btnbox button span.txt { color:#fff }
	#subContents .btnbox .link span.arr { opacity:1; background-size:18px auto }
	#subContents .btnbox a span.arr,
	#subContents .btnbox button span.arr{ opacity:1; background-size:auto 12px; }
	#subContents .btnbox .w135 { width:130px; }
	#subContents .btnbox .w157 { width:150px; }
	#subContents .btnbox .w183 { width:170px; }
	#subContents .btnbox .w235 { width:190px; }
	#subContents .btnbox .w280 { width:220px; }
	#subContents .btnbox .h80 { height:57px; }
	#subContents .btnbox .h80 span.txt { font-size:18px; }
	#subContents .btnbox .fc span.txt { color:var(--mainColor) }
	#subContents .btnbox .w135,
	#subContents .btnbox .w157 {padding:0 25px; }
	#subContents .btnbox .w135 span.circle,
	#subContents .btnbox .w157 span.circle,
	#subContents .btnbox .w135 span.arr,
	#subContents .btnbox .w157 span.arr { margin-left:calc(50% - 25px); } 		 
	#subContents .btn-withdraw .bk span.txt,
	#subContents .btn-withdraw .bk:hover span.txt { color:#000; }	 
	#subContents .btn-withdraw .bk span.circle,
	#subContents .btn-withdraw .bk:hover span.circle{ background:none; }  
	#subContents .btn-withdraw a span.arr { filter:invert(100%); }
	.pint-btn.btn_refresh,
	.pint-btn { width:40px; height:40px; background:var(--mainColor); }
	.pint-btn.btn_refresh,
	.pint-btn.bk { background:#000; }
	.pint-btn span.arr { width:12px; height:12px; background-size:auto 12px; }
	.pint-btn:before,
	.pint-btn:after { display:none }
	.pint-btn.btn_refresh,
	.pint-btn span.arr { opacity:1; }
}
@media screen and (max-width:860px){
	.pint-btn.btn_refresh,
	.pint-btn { width:35px; height:35px; }
	.pint-btn span.arr { width:12px; height:12px; background-size:auto 12px; } 
}
@media screen and (max-width:640px){
	article .btnbox { margin-top:40px; }
	article .btnbox.btn-ac > :not(:last-child) { margin-right:4px; }
	#subContents .btnbox .link span.arr,
	#subContents .btnbox a span.arr,
	#subContents .btnbox button span.arr,
	#subContents .btnbox .link span.circle,
	#subContents .btnbox a span.circle,
	#subContents .btnbox button span.circle { margin-left:calc(50% - 25px); }
	#subContents .btnbox .link,
	#subContents .btnbox a,
	#subContents .btnbox button { height:45px; padding:0 0 0 25px; }
	#subContents .btnbox .w135,
	#subContents .btnbox .w157 {padding:0 20px; }
	#subContents .btnbox .w135 span.circle,
	#subContents .btnbox .w157 span.circle,
	#subContents .btnbox .w135 span.arr,
	#subContents .btnbox .w157 span.arr { margin-left:calc(50% - 20px); }
}

/* select box s */
.selectric-wrapper { position:relative; cursor:pointer; z-index:10; }
.selectric-responsive { width:100%; }
.selectric { border:1px solid #000; background:none; position:relative; z-index:3; padding:0 50px 0 30px; border-radius:30px; }
.selectric .label { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; line-height:58px; height:58px; color:#000; font-weight:400;  }
.selectric .button { display:block; position:absolute; right:30px; top:50%; transform:translateY(-50%); width:12px; height:12px; overflow:hidden; text-indent:-9999em; }
.selectric .button:before { transition:all 0.4s; content:""; position:absolute; top:0; left:0; width:12px; height:12px; background:url(/img/sub/icon_select_arr.png) no-repeat center; }
.selectric-open { z-index:999; }
.selectric-open .button:before { transform:rotate(180deg); }
.selectric-open .selectric { border:none; padding:1px 51px 1px 31px; }
.selectric-open .selectric-items { display:block; }
.selectric-disabled { filter:alpha(opacity=50); opacity:0.5; cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.selectric-hide-select { position:relative; overflow:hidden; width:0; height:0; }
.selectric-hide-select select { position:absolute; left:-100%; display:none; }
.selectric-input { position:absolute !important; top:0 !important; left:0 !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; margin:0 !important; padding:0 !important; width:1px !important; height:1px !important; outline:none !important; border:none !important; *font:0/0 a !important; background:none !important; }
.selectric-temp-show { position:absolute !important; visibility:hidden !important; display:block !important; }
@media screen and (max-width:1024px){
	.selectric { padding:0 40px 0 25px; }
	.selectric .label { line-height:50px; height:50px; }
	.selectric-open .selectric { padding:1px 41px 1px 26px; }
	.selectric .button { right:20px; }
}
@media screen and (max-width:640px){
	.selectric { padding:0 35px 0 20px; }
	.selectric .label { line-height:43px; height:43px; }
	.selectric-open .selectric { padding:1px 36px 1px 21px; }
	.selectric .button { right:15px; }
}

.selectric-items { display:none; position:absolute; top:0; left:0; width:100% !important; height:auto !important; padding:58px 50px 45px 30px; background:#fff; border:1px solid #000; box-shadow:none; border-radius:30px; z-index:1; }
.selectric-items .selectric-scroll {  }
.selectric-above .selectric-items { top:unset; bottom:0; padding:25px 50px 58px 30px; }
.selectric-items ul { border-top:1px solid #ddd; padding:19px 0 0; }
.selectric-above .selectric-items ul { border-top:none; border-bottom:1px solid #ddd; padding:0 0 19px; }
.selectric-items li:not(:last-child) { margin-bottom:10px; }
.selectric-items li { transition:all 0.4s; font-size:16px; line-height:1.3; color:#666; cursor:pointer; }
.selectric-items li:hover { color:var(--mainColor); }
.selectric-items li.selected { color:var(--mainColor); font-weight:500; }
.selectric-items .disabled { filter:alpha(opacity=50); opacity:0.5; cursor:default !important; background:none !important; color:#666 !important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.selectric-items .selectric-group .selectric-group-label { font-weight:bold; padding-left:10px; cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;  background:none;  color:#444; }
.selectric-items .selectric-group.disabled li { filter:alpha(opacity=100); opacity:1; }
.selectric-items .selectric-group li { padding-left:5px; }
@media screen and (max-width:1024px){
	.selectric-items { padding:50px 25px 30px; border-radius:27px; }
	.selectric-above .selectric-items { padding:25px 40px 50px 25px; }
	.selectric-items ul { padding:15px 0 0; }
	.selectric-above .selectric-items ul { padding:0 0 15px; }
	.selectric-items li:not(:last-child) { margin-bottom:8px; }
}
@media screen and (max-width:640px){
	.selectric-items { padding:43px 20px 20px; border-radius:21px; }
	.selectric-above .selectric-items { padding:20px 35px 43px 20px; }
	.selectric-items ul { padding:12px 0 0; }
	.selectric-above .selectric-items ul { padding:0 0 12px; }
	.selectric-items li:not(:last-child) { margin-bottom:5px; }
}
/* select box e */

/* tabmenu */
.tabmenu { margin-top:120px; }
.tabmenu > ul { text-align:center; display:flex; flex-wrap:wrap; background:#f5f5f5; border-radius:80px; }
.tabmenu > ul > li a { height:80px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; color:#333; font-size:20px; font-weight:600; line-height:1.2; transition:all 0.3s; }
.tabmenu.m1 > ul > li { width:100%; }
.tabmenu.m2 > ul > li { width:calc((100% - 20px) / 2); }
.tabmenu.m3 > ul > li { width:calc((100% - 40px) / 3); }
.tabmenu.m4 > ul > li { width:calc((100% - 60px) / 4); }
.tabmenu.m5 > ul > li { width:calc((100% - 80px) / 5); }
.tabmenu.m6 > ul > li { width:calc((100% - 20px) / 6); }
.tabmenu > ul > li.on a { color:#fff; background:var(--mainColor); font-weight:700; border-radius:80px; }
@media screen and (max-width:1440px){
    .tabmenu { margin-top:100px; }
    .tabmenu > ul > li a { height:70px; font-size:19px; }
}
@media screen and (max-width:1280px){
    .tabmenu { margin-top:80px; }
    .tabmenu > ul > li a { height:60px; font-size:18px; }
}
@media screen and (max-width:1024px){
    .tabmenu { margin-top:60px; }
    .tabmenu > ul > li a { height:55px; font-size:17px; }
    .tabmenu > ul { gap:10px; }
    .tabmenu.m2 > ul > li { width:calc((100% - 10px) / 2); }
    .tabmenu.m3 > ul > li { width:calc((100% - 20px) / 3); }
    .tabmenu.m4 > ul > li { width:calc((100% - 30px) / 4); }
    .tabmenu.m5 > ul > li { width:calc((100% - 40px) / 5); }
    .tabmenu.m6 > ul > li { width:calc((100% - 50px) / 6); }
}
@media screen and (max-width:640px){
    .tabmenu { margin-top:40px; }
	.tabmenu > ul { border-radius:5px; }
	.tabmenu > ul { border-radius:25px; }
    .tabmenu > ul > li a { height:50px; font-size:16px; flex-direction:column; }
	.tabmenu > ul > li a .m_br { display:block; }
    .tabmenu > ul { gap:5px; }
    .tabmenu.m3 > ul > li,
    .tabmenu.m4 > ul > li,
    .tabmenu.m5 > ul > li { width:calc((100% - 10px) / 2); }
    .tabmenu.m6 > ul > li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:420px){
    .tabmenu > ul > li a { font-size:15px; }
}


.subTitle-box { position:relative; margin-bottom:100px; }
.subTitle-box h2 { overflow:hidden; }
.subTitle-box h2 span { color:#111; font-size:60px; font-weight:700; line-height:1.3; }
.subTitle-box .txtbox { margin-top:20px; }
.subTitle-box .txtbox .txt-1 { color:#333; font-size:20px; font-weight:400; line-height:1.6; }
.subTitle-box .btnbox { position:absolute; right:0; bottom:0; }
@media screen and (max-width:1280px){
	.subTitle-box { margin-bottom:80px; }
	.subTitle-box h2 span { font-size:50px; }
	.subTitle-box .txtbox { margin-top:18px; }
	.subTitle-box .txtbox .txt-1 { font-size:18px; }
}
@media screen and (max-width:1024px){
	.subTitle-box { margin-bottom:60px; }
	.subTitle-box h2 span { font-size:38px; }
	.subTitle-box .txtbox { margin-top:15px; }
	.subTitle-box .txtbox .txt-1 { font-size:16px; }
	.subTitle-box .btnbox { position:relative; right:unset; bottom:unset; margin:30px 0 0;  }
	.subTitle-box .btnbox a { margin:0 auto }
}
@media screen and (max-width:640px){
	.subTitle-box { margin-bottom:40px; }
	.subTitle-box h2 span { font-size:26px; }
	.subTitle-box .txtbox { margin-top:10px; }
	.subTitle-box .txtbox .txt-1 { font-size:15px; }
}

/* animation */
.subTitle-box h2 span { display:block; animation:ani_3 0.7s 0.01s; animation-fill-mode:both; }
.subTitle-box .txtbox { display:block; animation:ani_3 0.7s 0.1s; animation-fill-mode:both; }


/* product */
.product-box .listbox { border-top:1px solid #ddd; padding-top:60px; }
.product-box .listbox > ul { display:flex; flex-wrap:wrap; gap:80px 60px;}
.product-box .listbox > ul > li { width:calc((100% - 60px) / 2); }
.product-box .listbox > ul > li .imgbox { transition:all 0.3s; width:100%; position:relative; overflow:hidden; border-radius:20px; background:#f5f5f5; padding:20px; }
.product-box .listbox > ul > li .imgbox:before { content:""; display:block; padding-bottom:54.9%; }
.product-box .listbox > ul > li .imgbox img { transition:all 0.3s; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(1.0); max-width:98%; max-height:100%; object-fit:cover; -o-object-fit:cover; }
.product-box .listbox > ul > li:hover .imgbox img { transform:translate(-50%, -50%) scale(0.90); }
.product-box .listbox > ul > li:hover .imgbox { border-radius:50px; background:#ddd; }
.product-box .listbox > ul > li .title { transition:all 0.3s; margin-top:20px; color:#333; font-size:20px; font-weight:700; line-height:1.3; }
.product-box .listbox > ul > li .title span { font-size:90%; font-weight:500; }
.product-box .listbox > ul > li:hover .title { color:var(--mainColor); }
@media screen and (max-width:1440px){
	.product-box .listbox { padding-top:50px; }
	.product-box .listbox > ul { gap:80px 50px;}
	.product-box .listbox > ul > li { width:calc((100% - 50px) / 2); }
}
@media screen and (max-width:1280px){
	.product-box .listbox { padding-top:40px; }
	.product-box .listbox > ul { gap:60px 40px;}
	.product-box .listbox > ul > li { width:calc((100% - 40px) / 2); }
	.product-box .listbox > ul > li .title { margin-top:18px; font-size:18px; }
}
@media screen and (max-width:1024px){
	.product-box .listbox { padding-top:40px; }
	.product-box .listbox > ul { gap:50px 20px;}
	.product-box .listbox > ul > li { width:calc((100% - 20px) / 2); }
	.product-box .listbox > ul > li .title { margin-top:15px; font-size:16px; }
	.product-box .listbox > ul > li .imgbox { border-radius:10px; }
	.product-box .listbox > ul > li:hover .imgbox { border-radius:25px; }
}
@media screen and (max-width:640px){
	.product-box .listbox { padding-top:30px; }
	.product-box .listbox > ul { gap:30px 10px;}
	.product-box .listbox > ul > li { width:calc((100% - 10px) / 2); }
	.product-box .listbox > ul > li .title { margin-top:10px; font-size:15px; }
	.product-box .listbox > ul > li .imgbox { padding:12px }
	.product-box .listbox > ul > li .imgbox img,
	.product-box .listbox > ul > li:hover .imgbox img { transform:translate(-50%, -50%) scale(1.0); }
	.product-box .listbox > ul > li .imgbox:before { padding-bottom:65%; }
}

/* animation */
.product-box .listbox { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }


.product-box .viewbox .view-top { background:#ebf1f8; padding:150px 0; margin-top:-150px; position:relative; z-index:3;  }
.product-box .viewbox .view-top > div { display:flex; flex-wrap:wrap; gap:0 60px; }
.product-box .viewbox .view-top .slider { position:relative; overflow:hidden; width:calc(50% - 60px); }
.product-box .viewbox .view-top .imgbox { position:relative; overflow:hidden; }
.product-box .viewbox .view-top .imgbox:before { content:""; display:block; padding-bottom:68.4%; }
.product-box .viewbox .view-top .imgbox img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; object-fit:cover; -o-object-fit:cover; }
.product-box .viewbox .view-top .slider .slick-list { border-radius:30px; overflow:hidden; }
.product-box .viewbox .view-top .slider .slick-dots { margin-top:30px; display:flex; justify-content:center; gap:0 10px; }
.product-box .viewbox .view-top .slider .slick-dots button { border:none; background:#aaa; outline:none; text-indent:-9999em; overflow:hidden; padding:0; margin:0; width:10px; height:10px; border-radius:10px; }
.product-box .viewbox .view-top .slider .slick-dots .slick-active button { background:var(--mainColor); }
.product-box .viewbox .view-top .txtbox { width:50%; min-height:587px; background:#fff; border-radius:30px; padding:80px; }
.product-box .viewbox .view-top .txtbox dt span.stxt { display:block; color:var(--mainColor); font-size:22px; font-weight:700; line-height:1.3; }
.product-box .viewbox .view-top .txtbox dt strong { display:block; color:#111; font-size:60px; font-weight:700; line-height:1.3; }
.product-box .viewbox .view-top .txtbox dt strong span { display:block; font-size:30px; }
.product-box .viewbox .view-top .txtbox dd { margin-top:20px; }
.product-box .viewbox .view-top .txtbox dd .list li:not(:last-child) { margin-bottom:20px; }
.product-box .viewbox .view-top .txtbox dd .list li { padding-left:13px; position:relative; color:#333; font-size:18px; font-weight:400; line-height:1.6; }
.product-box .viewbox .view-top .txtbox dd .list li:before { content:""; display:block; width:3px; height:3px; background:#aaa; border-radius:3px; position:absolute; left:0; top:14px; }
.product-box .viewbox .view-top .txtbox .download-box { margin-top:60px; display:flex; flex-wrap:wrap; gap:20px; }
.product-box .viewbox .view-top .txtbox .download-box > div { width:calc((100% - 20px) / 2); margin:0; }
.product-box .viewbox .view-top .btn_pn { display:none !important }
.product-box .viewbox .view-detail .bg > div { padding-top:160px; }
.product-box .viewbox .view-detail .bg > div > dl { }
.product-box .viewbox .view-detail .bg > div > dl > dt { position:relative; }
.product-box .viewbox .view-detail .bg > div > dl > dt:before { content:""; display:block; position:absolute; left:0; top:50%; width:100%; height:1px; background-image:linear-gradient(to right, #000 50%, transparent 50%); background-position:0 0, 6px 6px; background-size:6px 1px; }
.product-box .viewbox .view-detail .bg > div > dl > dt strong { position:relative; color:#111; font-size:40px; font-weight:700; line-height:1.3; display:inline-block; padding-right:28px; background:#fff; }
.product-box .viewbox .view-detail .bg > div > dl > dd { padding:40px 100px 0; }
/*
.product-box .viewbox .view-detail .imgbox { border-radius:30px; text-align:center; overflow:hidden; }
.product-box .viewbox .view-detail .imgbox.line { border:1px solid #ddd }
*/
.product-box .viewbox .view-detail .imgbox { position:relative; overflow:hidden; color:#333; font-size:18px; font-weight:400; line-height:1.6;  }
.product-box .viewbox .view-detail .imgbox img { max-width:100%; }
.product-box .viewbox .view-detail .txt-list li:not(:last-child) { margin-bottom:20px; }
.product-box .viewbox .view-detail .txt-list li { position:relative; padding-left:30px; color:#333; font-size:18px; font-weight:400; line-height:1.3; }
.product-box .viewbox .view-detail .txt-list li:before { content:""; display:block; position:absolute; left:0; top:0; width:20px; height:20px; border-radius:20px; background:#95BBE9 url(/img/sub/icon_list_ch.png) center center no-repeat; }
.product-box .viewbox .view-detail .dataTable .table-box table { border-top:2px solid #000; }
.product-box .viewbox .view-detail .dataTable .table-box thead th { height:66px; background:#eee; text-align:center; color:#111; font-size:20px; font-weight:600; line-height:1.3; border-bottom:1px solid #ddd; }
.product-box .viewbox .view-detail .dataTable .table-box tbody td { padding:20px 30px; background:#fff; text-align:center; color:#666; font-size:18px; font-weight:400; line-height:1.5; border-bottom:1px solid #ddd; }
.product-box .viewbox .view-detail .dataTable .table-box tbody td.tit { color:#333; font-weight:600; }
.product-box .viewbox .view-detail .dataTable .table-box tbody td.td-left { text-align:left; }
.product-box .viewbox .view-detail .txt_b { margin-top:20px; }
.product-box .viewbox .view-detail .txt_b > p:not(:last-child) { margin-bottom:8px; }
.product-box .viewbox .view-detail .txt_b > p { color:#888; font-size:16px; font-weight:400; line-height:1.3; }	
@media screen and (max-width:1650px){
	.product-box .viewbox .view-top .txtbox { padding:50px; min-height:auto; }
	.product-box .viewbox .view-top .txtbox dd .list li br { display:none }
}
@media screen and (max-width:1440px){
    .product-box .viewbox .view-top { margin-top:-120px; padding:120px 0; }
	.product-box .viewbox .view-top > div { gap:0 40px; }
	.product-box .viewbox .view-top .slider { width:calc(50% - 40px); }
	.product-box .viewbox .view-top .txtbox { padding:60px; }
	.product-box .viewbox .view-top .txtbox dt span.stxt { font-size:20px; }
	.product-box .viewbox .view-top .txtbox dt strong { font-size:45px; padding-right:25px; }
	.product-box .viewbox .view-top .txtbox dt strong span { font-size:60%; }
	.product-box .viewbox .view-top .txtbox .download-box { margin-top:50px; gap:15px; }
	.product-box .viewbox .view-top .txtbox .download-box > div { width:calc((100% - 15px) / 2); }
	.product-box .viewbox .view-detail .bg > div > dl > dt strong { font-size:36px; }
	.product-box .viewbox .view-detail .bg > div > dl > dd { padding:35px 80px 0; }
}
@media screen and (max-width:1280px){
	.product-box .viewbox .view-top > div { gap:0 30px; }
	.product-box .viewbox .view-top .slider { width:calc(50% - 30px); }
	.product-box .viewbox .view-top .txtbox dt span.stxt { font-size:19px; }
	.product-box .viewbox .view-top .txtbox dt strong { font-size:38px; }
	.product-box .viewbox .view-top .txtbox dd { margin-top:15px; }
	.product-box .viewbox .view-top .txtbox dd .list li:not(:last-child) { margin-bottom:18px; }
	.product-box .viewbox .view-top .txtbox dd .list li { font-size:17px; }
	.product-box .viewbox .view-top .txtbox dd .list li:before { top:12px; }
	.product-box .viewbox .view-top .txtbox .download-box { margin-top:40px; gap:10px; }
	.product-box .viewbox .view-top .txtbox .download-box > div { width:calc((100% - 10px) / 2); }
	.product-box .viewbox .view-detail .bg > div > dl > dt strong { font-size:30px; padding-right:20px; }
	.product-box .viewbox .view-detail .bg > div > dl > dd { padding:30px 60px 0; }
	.product-box .viewbox .view-detail .txt-list li:not(:last-child) { margin-bottom:18px; }
	.product-box .viewbox .view-detail .txt-list li { padding-left:38px; font-size:17px; }
	.product-box .viewbox .view-detail .txt-list li:before { width:23px; height:23px; }
	.product-box .viewbox .view-detail .dataTable .table-box thead th { height:62px; font-size:19px; }
	.product-box .viewbox .view-detail .dataTable .table-box tbody td { padding:20px 20px; font-size:17px; }
	.product-box .viewbox .view-detail .txt_b { margin-top:18px; }
	.product-box .viewbox .view-detail .txt_b > p:not(:last-child) { margin-bottom:8px; }
	.product-box .viewbox .view-detail .txt_b > p { font-size:16px; }	
}
@media screen and (max-width:1024px){
    .product-box .viewbox .view-top { margin-top:-90px; padding:90px 0; }
	.product-box .viewbox .view-top .slider { max-width:640px; width:100%; margin:0 auto; }
	.product-box .viewbox .view-top .slider .slick-dots { margin-top:15px; }
	.product-box .viewbox .view-top .slider .slick-list { border-radius:15px; }
	.product-box .viewbox .view-top .txtbox { margin-top:40px; width:100%; border-radius:15px; padding:40px; }
	.product-box .viewbox .view-top .txtbox dt span.stxt { font-size:18px; }
	.product-box .viewbox .view-top .txtbox dt strong { font-size:30px; }
	.product-box .viewbox .view-top .txtbox dd .list li:not(:last-child) { margin-bottom:15px; }
	.product-box .viewbox .view-top .txtbox dd .list li { font-size:16px; }
	.product-box .viewbox .view-top .txtbox dd .list li:before { top:10px; }
	.product-box .viewbox .view-detail .bg > div { padding-top:80px; }
	.product-box .viewbox .view-detail .bg > div > dl > dt strong { font-size:26px; padding-right:18px; }
	.product-box .viewbox .view-detail .bg > div > dl > dd { padding:30px 0 0; }
	.product-box .viewbox .view-detail .txt-list li:not(:last-child) { margin-bottom:15px; }
	.product-box .viewbox .view-detail .txt-list li { padding-left:30px; font-size:16px; }
	.product-box .viewbox .view-detail .txt-list li:before { width:20px; height:20px; background-size:10px auto; }
	.product-box .viewbox .view-detail .dataTable .table-box thead th { height:55px; font-size:17px; }
	.product-box .viewbox .view-detail .dataTable .table-box tbody td { padding:15px; font-size:16px; }
	.product-box .viewbox .view-detail .txt_b { margin-top:18px; }
	.product-box .viewbox .view-detail .txt_b > p:not(:last-child) { margin-bottom:8px; }
	.product-box .viewbox .view-detail .txt_b > p { font-size:15px; }
}
@media screen and (max-width:640px){
    .product-box .viewbox .view-top { margin-top:-60px; padding:60px 0; }
	.product-box .viewbox .view-top .slider .slick-dots { margin-top:10px; }
	.product-box .viewbox .view-top .txtbox { margin-top:30px; padding:30px; }
	.product-box .viewbox .view-top .txtbox dt span.stxt { font-size:16px; }
	.product-box .viewbox .view-top .txtbox dt strong { font-size:24px; }
	.product-box .viewbox .view-top .txtbox dd .list li:not(:last-child) { margin-bottom:12px; }
	.product-box .viewbox .view-top .txtbox .download-box { margin-top:30px; }
	.product-box .viewbox .view-detail .bg > div { padding-top:60px; }
	.product-box .viewbox .view-detail .bg > div > dl > dt strong { font-size:22px; padding-right:13px; }
	.product-box .viewbox .view-detail .bg > div > dl > dd { padding:20px 0 0; }
	.product-box .viewbox .view-detail .dataTable .table-box .w1 { width:140px !important; }
	.product-box .viewbox .view-detail .dataTable .table-box tbody td { padding:15px 10px; }
}

/* animation */
.product-box .viewbox .view-top .slider { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }
.product-box .viewbox .view-top .txtbox { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.product-box .viewbox .view-detail .bg > div > dl > dt { overflow:hidden }
.product-box .viewbox .view-detail .bg > div > dl > dt strong,
.product-box .viewbox .view-detail .bg > div > dl > dd { opacity:0; }
.product-box .viewbox .view-detail .bg.subOn > div > dl > dt strong { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.product-box .viewbox .view-detail .bg.subOn > div > dl > dd { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.product-box .viewbox .view-detail .bg > div > dl > dt:before { opacity:0; }
.product-box .viewbox .view-detail .bg.subOn > div > dl > dt:before { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.product-box .viewbox .view-top .slider,
	.product-box .viewbox .view-top .txtbox { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
}

/* product application */
.product-box .application-view .view-detail .bg:first-child { padding-top:0 }
.product-box .application-view .view-detail .bg { padding-top:160px; }
.product-box .application-view .view-detail .bg > dl > dt { position:relative; }
.product-box .application-view .view-detail .bg > dl > dt:before { content:""; display:block; position:absolute; left:0; top:50%; width:100%; height:1px; background-image:linear-gradient(to right, #000 50%, transparent 50%); background-position:0 0, 6px 6px; background-size:6px 1px; }
.product-box .application-view .view-detail .bg > dl > dt strong { position:relative; color:#111; font-size:40px; font-weight:700; line-height:1.3; display:inline-block; padding-right:28px; background:#fff; }
.product-box .application-view .view-detail .bg > dl > dd { padding:40px 100px 0; }
/*
.product-box .application-view .view-detail .imgbox { position:relative; border-radius:30px; text-align:center; overflow:hidden; }
.product-box .application-view .view-detail .imgbox.line { border:1px solid #ddd }
*/
.product-box .application-view .view-detail .imgbox { position:relative; overflow:hidden; color:#333; font-size:18px; font-weight:400; line-height:1.6;  }
.product-box .application-view .view-detail .imgbox img { max-width:100%; border-radius:30px; overflow:hidden; }
.product-box .application-view .view-detail .mov-box { position:relative; border-radius:30px; overflow:hidden; }
.product-box .application-view .view-detail .mov-box:before,
.product-box .application-view .view-detail .mov-box .mov:before { content:""; display:block; padding-bottom:56.25%; }
.product-box .application-view .view-detail .mov-box .mov { display:none; position:absolute; left:0; top:0; width:100%; height:100%;  }
.product-box .application-view .view-detail .mov-box .mov .youtube { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:30px; overflow:hidden }
.product-box .application-view .view-detail .mov-box .imgbox { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.product-box .application-view .view-detail .mov-box .btn-play { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:3; cursor:pointer; }
.product-box .application-view .view-detail .mov-box .btn-play span { background:var(--mainColor); width:80px; height:80px; border-radius:80px; display:flex; justify-content:center; align-items:center; }
.product-box .application-view .view-detail .mov-box .btn-play span img { margin-left:2%; }
.product-box .application-view .view-detail .txtbox > p { color:#333; font-size:18px; font-weight:400; line-height:1.6; }
.product-box .application-view .view-detail .btnbox { margin-top:30px; }
.product-box .application-view .view-detail .application-list > ul { display:flex; flex-wrap:wrap; gap:60px 30px; }
.product-box .application-view .view-detail .application-list > ul > li { width:calc((100% - 30px) / 2); }
.product-box .application-view .view-detail .application-list > ul > li .imgbox:before { content:""; display:block; padding-bottom:46.3%; }
.product-box .application-view .view-detail .application-list > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.product-box .application-view .view-detail .application-list > ul > li .imgbox .pint-btn { position:absolute; right:30px; bottom:30px; z-index:2; }
.product-box .application-view .view-detail .application-list > ul > li .txtbox { margin-top:30px; }
.product-box .application-view .view-detail .application-list > ul > li .txtbox dt { color:#333; font-size:20px; font-weight:700; line-height:1.3; }
.product-box .application-view .view-detail .application-list > ul > li .txtbox dd { margin-top:20px; }
.product-box .application-view .view-detail .application-list > ul > li .txtbox dd li:not(:last-child) { margin-bottom:7px; }
.product-box .application-view .view-detail .application-list > ul > li .txtbox dd li { position:relative; padding-left:10px; color:#666; font-size:16px; font-weight:400; line-height:1.6; }
.product-box .application-view .view-detail .application-list > ul > li .txtbox dd li:before { content:""; display:block; position:absolute; left:0; top:10px; width:4px; height:4px; background:#aaa; border-radius:4px; }
@media screen and (max-width:1440px){
	.product-box .application-view .view-detail .bg > dl > dt strong { font-size:36px; }
	.product-box .application-view .view-detail .bg > dl > dd { padding:35px 80px 0; }
	.product-box .application-view .view-detail .txtbox > p br { display:none }
	.product-box .application-view .view-detail .application-list > ul > li .imgbox .pint-btn { right:20px; bottom:20px;}
}
@media screen and (max-width:1280px){
	.product-box .application-view .view-detail .bg > dl > dt strong { font-size:30px; padding-right:20px; }
	.product-box .application-view .view-detail .bg > dl > dd { padding:30px 60px 0; }
	.product-box .application-view .view-detail .txtbox > p { font-size:17px; }
	.product-box .application-view .view-detail .application-list > ul { gap:50px 20px; }
	.product-box .application-view .view-detail .application-list > ul > li { width:calc((100% - 20px) / 2); }
	.product-box .application-view .view-detail .application-list > ul > li .imgbox .pint-btn { right:15px; bottom:15px;}
	.product-box .application-view .view-detail .application-list > ul > li .txtbox { margin-top:25px; }
	.product-box .application-view .view-detail .application-list > ul > li .txtbox dt { font-size:19px; }
	.product-box .application-view .view-detail .application-list > ul > li .txtbox dd { margin-top:18px; }
}
@media screen and (max-width:1024px){
	.product-box .application-view .view-detail .bg { padding-top:80px; }
	.product-box .application-view .view-detail .bg > dl > dt strong { font-size:26px; padding-right:18px; }
	.product-box .application-view .view-detail .bg > dl > dd { padding:30px 0 0; }
	.product-box .application-view .view-detail .imgbox { border-radius:15px; }
	.product-box .application-view .view-detail .txtbox > p { font-size:16px; }
	.product-box .application-view .view-detail .mov-box,
	.product-box .application-view .view-detail .mov-box .mov .youtube { border-radius:15px; }
	.product-box .application-view .view-detail .mov-box .btn-play span { width:70px; height:70px; }
	.product-box .application-view .view-detail .btnbox a { margin:20px auto 0; }
	.product-box .application-view .view-detail .application-list > ul { gap:40px 10px; }
	.product-box .application-view .view-detail .application-list > ul > li { width:calc((100% - 10px) / 2); }
	.product-box .application-view .view-detail .application-list > ul > li .imgbox:before { padding-bottom:50%; }
	.product-box .application-view .view-detail .application-list > ul > li .imgbox .pint-btn { right:10px; bottom:10px;}
	.product-box .application-view .view-detail .application-list > ul > li .txtbox { margin-top:20px; }
	.product-box .application-view .view-detail .application-list > ul > li .txtbox dt { font-size:18px; }
	.product-box .application-view .view-detail .application-list > ul > li .txtbox dd { margin-top:15px; }
	.product-box .application-view .view-detail .application-list > ul > li .txtbox dd li:not(:last-child) { margin-bottom:5px; }
	.product-box .application-view .view-detail .application-list > ul > li .txtbox dd li { padding-left:10px; font-size:15px; }
	.product-box .application-view .view-detail .application-list > ul > li .txtbox dd li:before { top:9px; width:3px; height:3px; }
}
@media screen and (max-width:640px){
	.product-box .application-view .view-detail .bg { padding-top:60px; }
	.product-box .application-view .view-detail .bg > dl > dt strong { font-size:22px; padding-right:13px; }
	.product-box .application-view .view-detail .bg > dl > dd { padding:20px 0 0; }
	.product-box .application-view .view-detail .txtbox > p { font-size:15px; }
	.product-box .application-view .view-detail .mov-box .btn-play span { width:55px; height:55px; }
	.product-box .application-view .view-detail .mov-box .btn-play span img { width:10px; }
	.product-box .application-view .view-detail .application-list > ul { gap:30px 10px; }
	.product-box .application-view .view-detail .application-list > ul > li { width:100%; }
	.product-box .application-view .view-detail .application-list > ul > li .txtbox { margin-top:15px; }
	.product-box .application-view .view-detail .application-list > ul > li .txtbox dt { font-size:17px; }
	.product-box .application-view .view-detail .application-list > ul > li .txtbox dd { margin-top:10px; }
	.product-box .application-view .view-detail .application-list > ul > li .txtbox dd li:not(:last-child) { margin-bottom:4px; }
}

/* animation */
.product-box .application-view .view-detail .bg > dl > dt { overflow:hidden }
.product-box .application-view .view-detail .bg > dl > dt strong,
.product-box .application-view .view-detail .bg > dl > dd { opacity:0; }
.product-box .application-view .view-detail .bg.subOn > dl > dt strong { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.product-box .application-view .view-detail .bg.subOn > dl > dd { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.product-box .application-view .view-detail .bg > dl > dt:before { opacity:0; }
.product-box .application-view .view-detail .bg.subOn > dl > dt:before { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.solution-box .solution-view .view-top.subOn .imgbox:after { animation:ani_h100 1.0s 0.1s; animation-fill-mode:both; }
}

/* solution smart factory*/
.solution-box .tabmenu { position:sticky; top:0; z-index:5 }
.solution-box .solution-view { margin-top:100px; }
.solution-box .solution-view .view-top dt { color:var(--mainColor); font-size:22px; font-weight:700; line-height:1.3; }
.solution-box .solution-view .view-top dd { margin-top:20px; }
.solution-box .solution-view .view-top dd p { color:#222; font-size:36px; font-weight:700; line-height:1.6; }
.solution-box .solution-view .view-top .imgbox { margin-top:60px; position:relative; overflow:hidden; }
.solution-box .solution-view .view-top .imgbox img { max-width:100%; border-radius:30px; }
/*
.solution-box .solution-view .view-top .imgbox:before { content:""; display:block; padding-bottom:35.3%; }
.solution-box .solution-view .view-top .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:30px; }
*/
.solution-box .solution-view .view-detail .bg { padding-top:160px; }
.solution-box .solution-view .view-detail .bg > dl > dt { position:relative; }
.solution-box .solution-view .view-detail .bg > dl > dt:before { content:""; display:block; position:absolute; left:0; top:50%; width:100%; height:1px; background-image:linear-gradient(to right, #000 50%, transparent 50%); background-position:0 0, 6px 6px; background-size:6px 1px; }
.solution-box .solution-view .view-detail .bg > dl > dt strong { position:relative; color:#111; font-size:40px; font-weight:700; line-height:1.3; display:inline-block; padding-right:28px; background:#fff; }
.solution-box .solution-view .view-detail .bg > dl > dd { padding:40px 100px 0; }
/*
.solution-box .solution-view .view-detail .imgbox { position:relative; border-radius:30px; text-align:center; overflow:hidden; }
.solution-box .solution-view .view-detail .imgbox.line { border:1px solid #ddd }
*/
.solution-box .solution-view .view-detail .imgbox { position:relative; color:#333; font-size:18px; font-weight:400; line-height:1.6;  }
.solution-box .solution-view .view-detail .imgbox img { max-width:100%; }
.solution-box .solution-view .view-detail .mov-box { position:relative; border-radius:30px; overflow:hidden; }
.solution-box .solution-view .view-detail .mov-box:before,
.solution-box .solution-view .view-detail .mov-box .mov:before { content:""; display:block; padding-bottom:56.25%; }
.solution-box .solution-view .view-detail .mov-box .mov { display:none; position:absolute; left:0; top:0; width:100%; height:100%;  }
.solution-box .solution-view .view-detail .mov-box .mov .youtube { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:30px; overflow:hidden }
.solution-box .solution-view .view-detail .mov-box .imgbox { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.solution-box .solution-view .view-detail .mov-box .btn-play { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:3; cursor:pointer; }
.solution-box .solution-view .view-detail .mov-box .btn-play span { background:var(--mainColor); width:80px; height:80px; border-radius:80px; display:flex; justify-content:center; align-items:center; }
.solution-box .solution-view .view-detail .mov-box .btn-play span img { margin-left:2%; }
.solution-box .solution-view .view-detail .txtbox > p { color:#333; font-size:18px; font-weight:400; line-height:1.6; }
.solution-box .solution-view .view-detail .btnbox { margin-top:30px; }
.solution-box .solution-view .view-detail .application-list > ul { display:flex; flex-wrap:wrap; gap:60px 30px; }
.solution-box .solution-view .view-detail .application-list > ul > li { width:calc((100% - 30px) / 2); }
.solution-box .solution-view .view-detail .application-list > ul > li .imgbox:before { content:""; display:block; padding-bottom:46.3%; }
.solution-box .solution-view .view-detail .application-list > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.solution-box .solution-view .view-detail .application-list > ul > li .imgbox .pint-btn { position:absolute; right:30px; bottom:30px; z-index:2; }
.solution-box .solution-view .view-detail .application-list > ul > li .txtbox { margin-top:30px; }
.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dt { color:#333; font-size:20px; font-weight:700; line-height:1.3; }
.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dd { margin-top:20px; }
.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dd li:not(:last-child) { margin-bottom:7px; }
.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dd li { position:relative; padding-left:10px; color:#666; font-size:16px; font-weight:400; line-height:1.6; }
.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dd li:before { content:""; display:block; position:absolute; left:0; top:10px; width:4px; height:4px; background:#aaa; border-radius:4px; }
@media screen and (max-width:1440px){
	.solution-box .solution-view .view-top dt { font-size:21px; }
	.solution-box .solution-view .view-top dd p { font-size:32px; }
	.solution-box .solution-view .view-top dd p br { display:none }
	.solution-box .solution-view .view-detail .bg > dl > dt strong { font-size:36px; }
	.solution-box .solution-view .view-detail .bg > dl > dd { padding:35px 80px 0; }
	.solution-box .solution-view .view-detail .txtbox > p br { display:none }
	.solution-box .solution-view .view-detail .application-list > ul > li .imgbox .pint-btn { right:20px; bottom:20px;}
}
@media screen and (max-width:1280px){
	.solution-box .solution-view .view-top dt { font-size:20px; }
	.solution-box .solution-view .view-top dd { margin-top:18px; }
	.solution-box .solution-view .view-top dd p { font-size:28px; }
	.solution-box .solution-view .view-detail .bg > dl > dt strong { font-size:30px; padding-right:20px; }
	.solution-box .solution-view .view-detail .bg > dl > dd { padding:30px 60px 0; }
	.solution-box .solution-view .view-detail .txtbox > p { font-size:17px; }
	.solution-box .solution-view .view-detail .application-list > ul { gap:50px 20px; }
	.solution-box .solution-view .view-detail .application-list > ul > li { width:calc((100% - 20px) / 2); }
	.solution-box .solution-view .view-detail .application-list > ul > li .imgbox .pint-btn { right:15px; bottom:15px;}
	.solution-box .solution-view .view-detail .application-list > ul > li .txtbox { margin-top:25px; }
	.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dt { font-size:19px; }
	.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dd { margin-top:18px; }
}
@media screen and (max-width:1024px){
	.solution-box .solution-view { margin-top:80px; }
	.solution-box .solution-view .view-top dt { font-size:18px; }
	.solution-box .solution-view .view-top dd { margin-top:15px; }
	.solution-box .solution-view .view-top dd p { font-size:24px; }
	.solution-box .solution-view .view-top .imgbox { margin-top:30px; }	
	.solution-box .solution-view .view-top .imgbox img { border-radius:15px; }
	.solution-box .solution-view .view-detail .bg { padding-top:80px; }
	.solution-box .solution-view .view-detail .bg > dl > dt strong { font-size:26px; padding-right:18px; }
	.solution-box .solution-view .view-detail .bg > dl > dd { padding:30px 0 0; }
	.solution-box .solution-view .view-detail .imgbox { border-radius:15px; }
	.solution-box .solution-view .view-detail .txtbox > p { font-size:16px; }
	.solution-box .solution-view .view-detail .mov-box,
	.solution-box .solution-view .view-detail .mov-box .mov .youtube { border-radius:15px; }
	.solution-box .solution-view .view-detail .mov-box .btn-play span { width:70px; height:70px; }
	.solution-box .solution-view .view-detail .btnbox a { margin:20px auto 0; }
	.solution-box .solution-view .view-detail .application-list > ul { gap:40px 10px; }
	.solution-box .solution-view .view-detail .application-list > ul > li { width:calc((100% - 10px) / 2); }
	.solution-box .solution-view .view-detail .application-list > ul > li .imgbox:before { padding-bottom:50%; }
	.solution-box .solution-view .view-detail .application-list > ul > li .imgbox .pint-btn { right:10px; bottom:10px;}
	.solution-box .solution-view .view-detail .application-list > ul > li .txtbox { margin-top:20px; }
	.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dt { font-size:18px; }
	.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dd { margin-top:15px; }
	.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dd li:not(:last-child) { margin-bottom:5px; }
	.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dd li { padding-left:10px; font-size:15px; }
	.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dd li:before { top:9px; width:3px; height:3px; }
}
@media screen and (max-width:640px){
	.solution-box .solution-view { margin-top:60px; }
	.solution-box .solution-view .view-top dt { font-size:16px; }
	.solution-box .solution-view .view-top dd { margin-top:10px; }
	.solution-box .solution-view .view-top dd p { font-size:19px; }
	.solution-box .solution-view .view-detail .bg { padding-top:60px; }
	.solution-box .solution-view .view-detail .bg > dl > dt strong { font-size:22px; padding-right:13px; }
	.solution-box .solution-view .view-detail .bg > dl > dd { padding:20px 0 0; }
	.solution-box .solution-view .view-detail .txtbox > p { font-size:15px; }
	.solution-box .solution-view .view-detail .mov-box .btn-play span { width:55px; height:55px; }
	.solution-box .solution-view .view-detail .mov-box .btn-play span img { width:10px; }
	.solution-box .solution-view .view-detail .application-list > ul { gap:30px 10px; }
	.solution-box .solution-view .view-detail .application-list > ul > li { width:100%; }
	.solution-box .solution-view .view-detail .application-list > ul > li .txtbox { margin-top:15px; }
	.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dt { font-size:17px; }
	.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dd { margin-top:10px; }
	.solution-box .solution-view .view-detail .application-list > ul > li .txtbox dd li:not(:last-child) { margin-bottom:4px; }
}

/* animation */
.solution-box .solution-view .view-top .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; bottom:0; }
.solution-box .solution-view .view-top.subOn .imgbox:after { animation:ani_w100 1.0s 0.1s; animation-fill-mode:both; }
.solution-box .solution-view .view-detail .bg > dl > dt { overflow:hidden }
.solution-box .solution-view .view-detail .bg > dl > dt strong,
.solution-box .solution-view .view-detail .bg > dl > dd { opacity:0; }
.solution-box .solution-view .view-detail .bg.subOn > dl > dt strong { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.solution-box .solution-view .view-detail .bg.subOn > dl > dd { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.solution-box .solution-view .view-detail .bg > dl > dt:before { opacity:0; }
.solution-box .solution-view .view-detail .bg.subOn > dl > dt:before { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.solution-box .solution-view .view-top.subOn .imgbox:after { animation:ani_h100 1.0s 0.1s; animation-fill-mode:both; }
}

/* education */
.education-box .schedule-box .top-box { text-align:center }
.education-box .schedule-box .top-box strong { color:#111; font-size:40px; font-weight:700; line-height:1.3; margin:0 55px; display:inline-block; vertical-align:middle; }
.education-box .schedule-box .top-box .btn { display:inline-block; vertical-align:middle; width:30px; height:30px; cursor:pointer; background:url(/img/sub/schedule_arr.png) center no-repeat; }
.education-box .schedule-box .top-box .btn.btn_next { transform:rotate(180deg); }
.education-box .schedule-box .listbox { margin-top:60px; border-top:2px solid #000; }
.education-box .schedule-box .listbox > div { display:flex; }
.education-box .schedule-box .listbox > div .tit { width:200px; text-align:center; display:flex; align-items:center; justify-content:center; }
.education-box .schedule-box .listbox > div > ul { display:flex; width:calc(100% - 200px); }
.education-box .schedule-box .listbox > div > ul > li { width:calc(100% / 12); text-align:center; display:flex; align-items:center; justify-content:center; }
.education-box .schedule-box .listbox .month { border-bottom:1px solid #ddd; background:#eee; }
.education-box .schedule-box .listbox .month .tit { color:#111; font-size:20px; font-weight:600; line-height:1.3; }
.education-box .schedule-box .listbox .month > ul > li { position:relative; height:85px; color:#111; font-size:20px; font-weight:600; line-height:1.3; }
.education-box .schedule-box .listbox .month > ul > li:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:15px; background:#ccc; }
.education-box .schedule-box .listbox .list { border-bottom:1px solid #e0e0e0; background:#fff; }
.education-box .schedule-box .listbox .list .tit { color:#333; font-size:18px; font-weight:600; line-height:1.6; flex-direction:column; }
.education-box .schedule-box .listbox .list .tit .btn { display:block; }
.education-box .schedule-box .listbox .list .tit .btn a { display:block; width:30px; height:30px; border:1px solid #000; border-radius:30px; background:url(/img/sub/schedule_link.png) center no-repeat; transition:all 0.3s;}
.education-box .schedule-box .listbox .list .tit .btn a:hover { background:#000 url(/img/sub/schedule_link_on.png) center no-repeat; }
.education-box .schedule-box .listbox .list > ul > li { height:181px; border-left:1px solid #e0e0e0; color:#666; font-size:16px; font-weight:400; line-height:1.3; }
.education-box .schedule-box .listbox .list > ul > li .sbox { width:100%; height:100%; padding-top:20px; display:flex; align-items:center; flex-direction:column; transition:all 0.3s; }
.education-box .schedule-box .listbox .list > ul > li:hover .sbox { background:#ebf1f8; }
.education-box .schedule-box .listbox .list > ul > li .sbox .txt-1 { text-align:center; width:100%; padding:6px 0 5px; background:#aaa; color:#fff; font-size:16px; font-weight:400; line-height:1.2; }
.education-box .schedule-box .listbox .list > ul > li .sbox .txt-2 { margin-top:15px; text-align:center; color:#999; font-size:16px; font-weight:400; line-height:1.3; }
.education-box .schedule-box .listbox .list > ul > li .sbox .txt-2 span { padding-left:20px; background:url(/img/sub/icon_pr.png) left 2px no-repeat; display:inline-block; }
.education-box .schedule-box .listbox .list > ul > li .sbox .btn { margin-top:15px; display:flex; align-items:center; justify-content:center; width:78px; height:30px; border-radius:30px; border:1px solid #ddd; color:#666; font-size:16px; font-weight:400; line-height:1.5; background:#fff }
.education-box .schedule-box .listbox .list > ul > li .sbox.on .txt-1 { background:#000; font-weight:600; }
.education-box .schedule-box .listbox .list > ul > li .sbox.on .txt-2 { color:#333; }
.education-box .schedule-box .listbox .list > ul > li .sbox.on .txt-2 span { background:url(/img/sub/icon_pr_on.png) left 2px no-repeat; }
.education-box .schedule-box .listbox .list > ul > li .sbox.on .btn { border:1px solid var(--mainColor); background:var(--mainColor); color:#fff }
.education-box .schedule-m { margin-top:30px; display:none }
.education-box .schedule-m .m-top { border-top:2px solid #000; }
.education-box .schedule-m .m-top ul { display:flex; }
.education-box .schedule-m .m-top ul li { position:relative; width:25%; height:50px; display:flex; align-items:center; justify-content:center; text-align:center; color:#333; font-size:16px; font-weight:600; line-height:1.3; background:#eee; border-left:1px solid #ddd;  }
.education-box .schedule-m .m-top ul li:first-child { border-left:none; }
.education-box .schedule-m .list > ul { position:relative; }
.education-box .schedule-m .list > ul:before { content:""; display:block; position:absolute; left:0; top:0; width:25%; height:100%; background:#ccc; opacity:0.1 }
.education-box .schedule-m .list > ul:after { content:""; display:block; position:absolute; left:25%; top:0; width:1px; height:100%; background:#ddd; }
.education-box .schedule-m .list > ul > li { position:relative; display:flex; align-items:center; text-align:center; border-bottom:1px solid #ddd; }
.education-box .schedule-m .list > ul > li:first-child .tit { padding:0; }
.education-box .schedule-m .list > ul > li .tit { width:25%; color:#333; font-size:16px; font-weight:500; line-height:1.2; text-align:center; padding:8px 5px }
.education-box .schedule-m .list > ul > li .tit .btn { display:block; margin-top:4px; }
.education-box .schedule-m .list > ul > li .tit .btn a { margin:0 auto; display:block; width:25px; height:25px; border-radius:25px; background:#000 url(/img/sub/schedule_link_on.png) center no-repeat; background-size:7px;  transition:all 0.3s;}
.education-box .schedule-m .list > ul > li .slist { width:75%; position:relative; z-index:2 }
.education-box .schedule-m .list > ul > li .slist .sbox { display:flex; align-items:center; padding:10px 0; border-top:1px solid #ddd; }
.education-box .schedule-m .list > ul > li .slist .sbox:first-child { border-top:none }
.education-box .schedule-m .list > ul > li .slist .sbox > * { width:calc(100% / 3);  }
.education-box .schedule-m .list > ul > li .slist .sbox .txt-1 { color:#999; font-size:15px; font-weight:400; line-height:1.2; }
.education-box .schedule-m .list > ul > li .slist .sbox .txt-2 { display:inline-block; color:#999; font-size:15px; font-weight:400; line-height:1.3; }
.education-box .schedule-m .list > ul > li .slist .sbox .txt-2 span { padding-left:17px; background:url(/img/sub/icon_pr.png) left 2px no-repeat; }
.education-box .schedule-m .list > ul > li .slist .sbox .btn { margin:0 auto; display:flex; align-items:center; justify-content:center; width:80px; padding:4px 0; border-radius:30px; border:1px solid #ddd; color:#666; font-size:15px; font-weight:400; line-height:1.5; background:#fff }
.education-box .schedule-m .list > ul > li .slist .sbox.on .txt-1,
.education-box .schedule-m .list > ul > li .slist .sbox.on .txt-2 { color:#333; }
.education-box .schedule-m .list > ul > li .slist .sbox.on .txt-2 span { background:url(/img/sub/icon_pr_on.png) left 2px no-repeat; }
.education-box .schedule-m .list > ul > li .slist .sbox.on .btn { border:1px solid var(--mainColor); background:var(--mainColor); color:#fff }
@media screen and (max-width:1440px){
	.education-box .schedule-box .top-box strong { font-size:36px; margin:0 50px; }
	.education-box .schedule-box .top-box .btn { width:30px; height:30px; }
	.education-box .schedule-box .listbox { margin-top:50px; }
	.education-box .schedule-box .listbox > div .tit { width:180px; }
	.education-box .schedule-box .listbox > div > ul { display:flex; width:calc(100% - 180px); }
	.education-box .schedule-box .listbox .month .tit { font-size:19px; }
	.education-box .schedule-box .listbox .month > ul > li { height:75px; font-size:19px; }
	.education-box .schedule-box .listbox .list .tit { font-size:18px; }
	.education-box .schedule-box .listbox .list > ul > li { height:175px; font-size:16px; }
	.education-box .schedule-box .listbox .list > ul > li .sbox .txt-1 { font-size:16px; }
	.education-box .schedule-box .listbox .list > ul > li .sbox .txt-1 span { display:block }
	.education-box .schedule-box .listbox .list > ul > li .sbox .txt-2 { margin-top:15px; font-size:16px; }
	.education-box .schedule-box .listbox .list > ul > li .sbox .btn { margin-top:15px; width:78px; height:30px; font-size:16px; }
}
@media screen and (max-width:1280px){
	.education-box .schedule-box .top-box strong { font-size:32px; margin:0 40px; }
	.education-box .schedule-box .top-box .btn { width:30px; height:30px; background-size:15px auto; }
	.education-box .schedule-box .listbox { margin-top:40px; }
	.education-box .schedule-box .listbox > div .tit { width:130px; }
	.education-box .schedule-box .listbox > div > ul { display:flex; width:calc(100% - 130px); }
	.education-box .schedule-box .listbox .month .tit { font-size:18px; }
	.education-box .schedule-box .listbox .month > ul > li { height:65px; font-size:18px; }
	.education-box .schedule-box .listbox .list .tit { font-size:17px; }
	.education-box .schedule-box .listbox .list .tit .btn a { width:28px; height:28px; }
	.education-box .schedule-box .listbox .list > ul > li { height:165px; font-size:15px; }
	.education-box .schedule-box .listbox .list > ul > li .sbox .txt-1 { font-size:15px; }
	.education-box .schedule-box .listbox .list > ul > li .sbox .txt-2 { margin-top:12px; font-size:15px; }
	.education-box .schedule-box .listbox .list > ul > li .sbox .btn { margin-top:12px; width:72px; height:28px; font-size:15px; }
}
@media screen and (max-width:1024px){
	.education-box .schedule-box .top-box strong { font-size:26px; margin:0 30px; }
	.education-box .schedule-box .top-box .btn { width:25px; height:25px; background-size:12px auto; }
	.education-box .schedule-box .listbox { display:none; }
	.education-box .schedule-box .listbox .month { display:none }
	.education-box .schedule-box .listbox > div { display:block; }
	.education-box .schedule-box .listbox .list { border-bottom:none; }
	.education-box .schedule-box .listbox > div .tit { width:100%; height:100px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; display:flex; align-items:center; justify-content:center; }
	.education-box .schedule-box .listbox > div > ul { display:block; width:100%; }
	.education-box .schedule-box .listbox .list > ul > li { width:100%; height:150px; text-align:center; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #e0e0e0; }
	.education-box .schedule-box .listbox .list > ul > li .sbox .txt-1 span { display:inline-block; }
	.education-box .schedule-box .listbox > div:nth-child(2) .tit,
	.education-box .schedule-box .listbox .list:nth-child(2) > ul > li { border-left:none }
	.education-box .schedule-box .listbox .list .tit { font-size:16px; }
	.education-box .schedule-box .listbox .list .tit .btn a,
	.education-box .schedule-box .listbox .list .tit .btn a:hover { width:25px; height:25px; background-size:7px; }
	.education-box .schedule-box .listbox.m1 > div { width:100%; }
	.education-box .schedule-box .listbox.m2 > div { width:50%; }
	.education-box .schedule-box .listbox.m3 > div { width:33.33%; }
	.education-box .schedule-box .listbox.m4 > div { width:25%; }
	.education-box .schedule-box .listbox.m5 > div { width:20%; }
	.education-box .schedule-box .listbox.m6 > div { width:16.66%; }
	.education-box .schedule-m { display:block }
}

/* animation */
.education-box .schedule-box { opacity:0; }
.education-box .schedule-box.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.education-box .schedule-m { opacity:0; }
.education-box .schedule-m.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }

/* guide */
.education-box .education-guide .top dt { color:var(--mainColor); font-size:22px; font-weight:700; line-height:1.3; }
.education-box .education-guide .top dd { margin-top:20px; color:#222; font-size:36px; font-weight:700; line-height:1.6; }
.education-box .education-guide .registerBox { margin-top:60px; }
.education-box .education-guide .guide-box { margin-top:30px; }
.education-box .education-guide .guide-box > ul { display:flex; flex-wrap:wrap; gap:28px; }
.education-box .education-guide .guide-box > ul > li { width:calc((100% - 56px) / 3); border:1px solid #ddd; border-radius:30px; padding:60px; }
.education-box .education-guide .guide-box > ul > li dt { color:#333; font-size:20px; font-weight:600; line-height:1.3; }
.education-box .education-guide .guide-box > ul > li dd { margin-top:30px; }
.education-box .education-guide .guide-box > ul > li dd p:not(:last-child) { margin-bottom:30px; }
.education-box .education-guide .guide-box > ul > li dd p { color:#666; font-size:18px; font-weight:400; line-height:1.4; }
.education-box .education-guide .guide-box > ul > li dd li:not(:last-child) { margin-bottom:15px; }
.education-box .education-guide .guide-box > ul > li dd li { position:relative; padding-left:14px; color:#666; font-size:18px; font-weight:400; line-height:1.3; }
.education-box .education-guide .guide-box > ul > li dd li:before { content:""; display:block; position:absolute; left:0; top:8px; width:4px; height:4px; background:#333; }
@media screen and (max-width:1440px){
	.education-box .education-guide .top dt { font-size:20px; }
	.education-box .education-guide .top dd { margin-top:18px; font-size:30px; }
	.education-box .education-guide .guide-box > ul { gap:20px; }
	.education-box .education-guide .guide-box > ul > li { width:calc((100% - 40px) / 3); padding:40px; }
}
@media screen and (max-width:1280px){
	.education-box .education-guide .top dt { font-size:18px; }
	.education-box .education-guide .top dd { margin-top:15px; font-size:24px; }
	.education-box .education-guide .top dd br { display:none }
	.education-box .education-guide .top dd span.m_br { display:block }
	.education-box .education-guide .guide-box > ul { gap:15px; }
	.education-box .education-guide .guide-box > ul > li { width:calc((100% - 30px) / 3); padding:30px; }
	.education-box .education-guide .guide-box > ul > li dt { font-size:19px; }
	.education-box .education-guide .guide-box > ul > li dd { margin-top:25px; }
	.education-box .education-guide .guide-box > ul > li dd p:not(:last-child) { margin-bottom:25px; }
	.education-box .education-guide .guide-box > ul > li dd p { font-size:17px; }
	.education-box .education-guide .guide-box > ul > li dd li:not(:last-child) { margin-bottom:15px; }
	.education-box .education-guide .guide-box > ul > li dd li { padding-left:14px; font-size:17px; }
	.education-box .education-guide .guide-box > ul > li dd li:before { top:8px; width:4px; height:4px; }
}
@media screen and (max-width:1024px){
	.education-box .education-guide .top dt { font-size:16px; }
	.education-box .education-guide .top dd { margin-top:10px; font-size:18px; }
	.education-box .education-guide .registerBox { margin-top:40px; }
	.education-box .education-guide .guide-box > ul { gap:10px; }
	.education-box .education-guide .guide-box > ul > li { width:100%; padding:20px; border-radius:15px; }
	.education-box .education-guide .guide-box > ul > li dt { font-size:18px; }
	.education-box .education-guide .guide-box > ul > li dd { margin-top:20px; }
	.education-box .education-guide .guide-box > ul > li dd p:not(:last-child) { margin-bottom:15px; }
	.education-box .education-guide .guide-box > ul > li dd p { font-size:15px; }
	.education-box .education-guide .guide-box > ul > li dd li:not(:last-child) { margin-bottom:10px; }
	.education-box .education-guide .guide-box > ul > li dd li { padding-left:12px; font-size:16px; }
	.education-box .education-guide .guide-box > ul > li dd li:before { top:8px; width:3px; height:3px; }
}
@media screen and (max-width:640px){
	.education-box .education-guide .top dt { font-size:15px; }
	.education-box .education-guide .top dd { font-size:17px; }
	.education-box .education-guide .registerBox { margin-top:30px; }
	.education-box .education-guide .guide-box > ul > li dt { font-size:17px; }
	.education-box .education-guide .guide-box > ul > li dd { margin-top:15px; }
	.education-box .education-guide .guide-box > ul > li dd p:not(:last-child) { margin-bottom:12px; }
	.education-box .education-guide .guide-box > ul > li dd li:not(:last-child) { margin-bottom:10px; }
	.education-box .education-guide .guide-box > ul > li dd li { padding-left:10px; font-size:15px; }
}


/* animation */
.education-box .education-guide .top,
.education-box .education-guide .guide-box > ul > li { opacity:0; }
.education-box .education-guide .top.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.education-box .education-guide .guide-box.subOn > ul > li:nth-child(1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.education-box .education-guide .guide-box.subOn > ul > li:nth-child(2) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.education-box .education-guide .guide-box.subOn > ul > li:nth-child(3) { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }
.education-box .education-guide .guide-box.subOn > ul > li:nth-child(4) { animation:ani_3 0.5s 1.2s; animation-fill-mode:both; }

/* support */
.support-box { display:flex; flex-wrap:wrap; align-items:flex-end; } 
.support-box .imgbox { width:calc(47% - 100px); margin-right:100px; position:relative; overflow:hidden; }
.support-box .imgbox:before { content:""; display:block; padding-bottom:134.4%; }
.support-box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:30px; }
.support-box .txtbox { width:53%; }
.support-box .txtbox .txt-1 { color:#222; font-size:36px; font-weight:700; line-height:1.6; }
.support-box .txtbox .txt-2 { margin-top:20px; color:#333; font-size:18px; font-weight:400; line-height:1.6; }
.support-box .txtbox .txt-2 a { color:#333; }
.support-box .txtbox .txt-3 { margin-top:22px; position:relative; color:#666; font-size:16px; font-weight:400; line-height:1.3; padding-left:32px; }
.support-box .txtbox .txt-3 span { position:absolute; left:0; top:-2px; display:inline-block; }
.support-box .txtbox .txt-3 span i { display:flex; justify-content:center; align-items:center; width:24px; height:24px; border-radius:24px; border:1px solid var(--mainColor); color:var(--mainColor); font-weight:600; }
.support-box .txtbox .btnbox { margin-top:60px; }
.support-box .txtbox .info-box { margin-top:70px; border-radius:30px; border:1px solid #ddd; background:#fff; padding:60px; }
.support-box .txtbox .info-box dt { color:#333; font-size:20px; font-weight:600; line-height:1.3; }
.support-box .txtbox .info-box dd { margin-top:30px; }
.support-box .txtbox .info-box dd li:not(:last-child) { margin-bottom:15px; }
.support-box .txtbox .info-box dd li { color:#666; font-size:18px; font-weight:400; line-height:1.3; display:flex; font-family:var(--mainFont); }
.support-box .txtbox .info-box dd li a { color:#666; }
.support-box .txtbox .info-box dd li strong { display:inline-block; width:120px; color:#333; font-weight:400; }
.support-box .txtbox .info-box dd li strong > span { display:inline-block; width:30px; }
.support-box .txtbox .info-box dd li strong img { vertical-align:middle }
@media screen and (max-width:1720px){
	.support-box .imgbox { width:calc(47% - 80px); margin-right:80px; } 
}
@media screen and (max-width:1540px){
	.support-box .imgbox { width:calc(47% - 60px); margin-right:60px; } 
	.support-box .txtbox .txt-1 { font-size:30px; }
	.support-box .txtbox .btnbox { margin-top:40px; }
	.support-box .txtbox .info-box { margin-top:50px; padding:50px; }
	.support-box .txtbox .info-box dt { font-size:20px; }
	.support-box .txtbox .info-box dd { margin-top:20px; }
}
@media screen and (max-width:1280px){
	.support-box .imgbox { width:calc(47% - 40px); margin-right:40px; } 
	.support-box .txtbox .txt-1 { font-size:24px; }
	.support-box .txtbox .txt-2 { margin-top:16px; font-size:17px; }
	.support-box .txtbox .txt-3 { margin-top:18px; font-size:15px; }
	.support-box .txtbox .txt-3 span i { width:22px; height:22px; }
	.support-box .txtbox .btnbox { margin-top:30px; }
	.support-box .txtbox .info-box { margin-top:40px; padding:40px; }
	.support-box .txtbox .info-box dt { font-size:19px; }
	.support-box .txtbox .info-box dd { margin-top:16px; }
	.support-box .txtbox .info-box dd li:not(:last-child) { margin-bottom:12px; }
	.support-box .txtbox .info-box dd li { font-size:17px; }
	.support-box .txtbox .info-box dd li strong { width:110px; }
	.support-box .txtbox .info-box dd li strong > span { width:28px; }
}
@media screen and (max-width:1024px){
	.support-box .imgbox { width:100%; margin-right:0; } 
	.support-box .imgbox:before { padding-bottom:42%; }
	.support-box .imgbox img { border-radius:15px; }
	.support-box .txtbox { width:100%; margin-top:30px; }
	.support-box .txtbox .txt-1 { font-size:20px; }
	.support-box .txtbox .txt-2 { margin-top:12px; font-size:16px; }
	.support-box .txtbox .txt-1 br,
	.support-box .txtbox .txt-2 br { display:none }
	.support-box .txtbox .txt-3 { margin-top:15px; font-size:15px; }
	.support-box .txtbox .btnbox { margin-top:20px; }
	.support-box .txtbox .btnbox a { margin:0 auto; }
	.support-box .txtbox .info-box { margin-top:30px; padding:30px; border-radius:15px; }
	.support-box .txtbox .info-box dt { font-size:18px; }
	.support-box .txtbox .info-box dd { margin-top:16px; }
	.support-box .txtbox .info-box dd li:not(:last-child) { margin-bottom:10px; }
	.support-box .txtbox .info-box dd li { font-size:16px; }
	.support-box .txtbox .info-box dd li strong { width:100px; }
	.support-box .txtbox .info-box dd li strong > span { width:26px; }
}
@media screen and (max-width:640px){
	.support-box .imgbox:before { padding-bottom:48%; }
	.support-box .txtbox { margin-top:20px; }
	.support-box .txtbox .txt-1 { font-size:18px; }
	.support-box .txtbox .txt-2 { margin-top:10px; }
	.support-box .txtbox .info-box { margin-top:20px; padding:25px; }
}

/* animation */
.support-box .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; bottom:0; }
.support-box.subOn .imgbox:after { animation:ani_w100 1.0s 0.1s; animation-fill-mode:both; }
.support-box .txtbox { opacity:0; }
.support-box.subOn .txtbox { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.support-box.subOn .imgbox:after { animation:ani_h100 1.0s 0.1s; animation-fill-mode:both; }
}

/* extension */
.extension-info .top { position:relative; overflow:hidden; }
.extension-info .imgbox { position:relative; overflow:hidden; }
.extension-info .imgbox:before { content:""; display:block; padding-bottom:20.5%; }
.extension-info .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.extension-info .table-box { margin-top:100px; }
.extension-info .table-box table { border-top:2px solid #000; border-top:2px solid #000; }
.extension-info .table-box thead th { height:66px; background:#eee; text-align:center; color:#111; font-size:20px; font-weight:600; line-height:1.3; border-bottom:1px solid #ddd; }
.extension-info .table-box tbody td { padding:20px 30px; background:#fff; text-align:center; color:#666; font-size:18px; font-weight:400; line-height:1.5; border-bottom:1px solid #ddd; }
.extension-info .table-box tbody td.tit { color:#333; font-weight:600; }
.extension-info .table-box tbody td.td-left { text-align:left; }
.extension-info .table-box tbody td strong { color:#333; font-weight:600; }
.extension-info .table-box tbody td strong.fc { color:var(--mainColor); }
.extension-info .info-box { margin-top:30px; border-radius:30px; border:1px solid #ddd; background:#fff; padding:60px; }
.extension-info .info-box li:not(:last-child) { margin-bottom:10px; }
.extension-info .info-box li { position:relative; padding-left:14px; color:#666; font-size:18px; font-weight:400; line-height:1.6; }
.extension-info .info-box li:before {content:""; display:block; position:absolute; left:0; top:10px; background:#333; width:4px; height:4px; }
.extension-info .info-box li strong { color:#333; font-weight:400; }
@media screen and (max-width:1280px){
	.extension-info .table-box thead th { height:62px; font-size:19px; }
	.extension-info .table-box tbody td { padding:20px 20px; font-size:17px; }
	.extension-info .info-box { margin-top:30px; padding:40px; }
	.extension-info .info-box li:not(:last-child) { margin-bottom:8px; }
	.extension-info .info-box li { padding-left:14px; font-size:17px; }
	.extension-info .info-box li:before { top:10px; width:4px; height:4px; }
}
@media screen and (max-width:1024px){
	.extension-info .table-box { margin-top:60px; }
	.extension-info .table-box .w1,
	.extension-info .table-box .w2 { width:30% !important; }
	.extension-info .table-box thead th { height:55px; font-size:17px; }
	.extension-info .table-box tbody td { padding:15px; font-size:16px; }
	.extension-info .info-box { margin-top:20px; padding:30px; border-radius:15px; }
	.extension-info .info-box li:not(:last-child) { margin-bottom:6px; }
	.extension-info .info-box li { padding-left:12px; font-size:16px; }
	.extension-info .info-box li:before { top:10px; width:3px; height:3px; }
}
@media screen and (max-width:640px){
	.extension-info .imgbox:before { padding-bottom:30%; }
	.extension-info .table-box { margin-top:40px; }
	.extension-info .table-box tbody td { padding:15px 10px; }
	.extension-info .info-box { padding:25px; }
}
@media screen and (max-width:520px){
	.extension-info .table-box .w1 { width:140px !important; }
	.extension-info .table-box .w2 { width:130px !important; }
}

/* animation */
.extension-info .top:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; bottom:0; }
.extension-info .top.subOn:after { animation:ani_w50 1.0s 0.1s; animation-fill-mode:both; }
.extension-info .top .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; bottom:0; }
.extension-info .top.subOn .imgbox:after { animation:ani_w50 1.0s 0.1s; animation-fill-mode:both; }
.extension-info .table-box,
.extension-info .info-box { opacity:0; }
.extension-info .table-box.subOn,
.extension-info .info-box.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.extension-info .top:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; bottom:0; }
	.extension-info .top.subOn:after { animation:ani_h100 1.0s 0.1s; animation-fill-mode:both; }
	.extension-info .top .imgbox:after { display:none }
}

.search-box { position:relative; border:2px solid #eee; padding:80px 100px 78px; }
.search-box .ipbox { display:flex; flex-wrap:wrap; }
.search-box select { width:470px; height:60px; line-height:60px; padding:0 30px; font-size:18px; color:#111; 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;*/ }
.search-box select::-ms-expand { display:none; }
.search-box .selectric-sel_box { margin-right:30px; }
.search-box .selectric-sel01 { width:470px; }
.search-box .selectric-sel02 { width:220px; }
.search-box .selectric-sel03 { width:260px; } 
.search-box .selectric-sel04 { width:420px; }
.search-box .selectric-sel01 .selectric,
.search-box .selectric-sel02 .selectric,
.search-box .selectric-sel03 .selectric,
.search-box .selectric-sel04 .selectric  { border:1px solid #fff; border-bottom:1px solid #000; border-radius:0; }
.search-box .selectric-open .selectric { border:none; }
.search-box input[type="text"] { width:calc(100% - 470px - 157px - 60px); height:60px; padding:0 30px; font-size:17px; color:#333; font-weight:400; border:none; border-bottom:1px solid #000; outline:none; background:#fff; border-radius:0; }
.search-box button { position:absolute; right:100px; top:80px; border:none; outline:none; background:none; padding:0; margin:0 !important; }
.search-box input::placeholder { color:#aaa; opacity:1; font-weight:200; }
.download-box .search-box .selectric-sel01 { width:280px; }
.download-box .search-box input[type="text"] { width:calc(100% - 220px - 260px - 420px - 157px - 120px); }
@media screen and (max-width:1560px){
	.search-box { padding:80px 80px 78px; }
	.search-box .selectric-sel01 { width:350px; }
	.search-box .selectric-sel02 { width:200px; }
	.search-box .selectric-sel03 { width:260px; } 
	.search-box .selectric-sel04 { width:360px; }
	.search-box input[type="text"] { width:calc(100% - 350px - 157px - 60px); }
	.download-box .search-box input[type="text"] { width:calc(100% - 200px - 260px - 360px - 157px - 120px); }
	.search-box button { right:80px; }
}
@media screen and (max-width:1440px){
	.search-box .selectric-sel01 { width:350px; }
	.search-box .selectric-sel02 { width:calc(30% - 30px); margin-right:15px; margin-bottom:20px; }
	.search-box .selectric-sel03 { width:30%; margin-right:15px; margin-bottom:20px; }	
	.search-box .selectric-sel04 { width:40%; margin-right:0; margin-bottom:20px; }
	.search-box input[type="text"] { width:calc(100% - 350px - 157px - 60px); }
	.search-box button { right:80px; }	  
	.download-box .search-box button { top:160px; }
	.download-box .search-box input[type="text"] { width:calc(100% - 157px - 15px); }
}
@media screen and (max-width:1280px){
	.search-box { padding:60px; }
	.search-box .selectric-sel01 { width:280px; }
	.search-box input[type="text"] { width:calc(100% - 280px - 157px - 60px); }
	.search-box button { right:60px; top:60px; } 
	.download-box .search-box button { top:140px; }
}
@media screen and (max-width:1024px){	
    .search-box { margin-top:60px; padding:40px; }
    .search-box select { width:200px; height:52px; line-height:52px; padding:0 25px; font-size:16px; }
	.search-box .selectric-sel_box { margin-right:15px; }
	.search-box .selectric-sel01 { width:180px; } 
	.search-box .selectric-sel02 { width:calc(40% - 15px); }
	.search-box .selectric-sel03 { width:60%; margin-right:0; }	
	.search-box .selectric-sel04 { width:100%; margin-right:0; }
    .search-box input[type="text"] { width:calc(100% - 180px - 150px - 30px); height:52px; padding:0 25px; font-size:16px; }
	.search-box button { right:40px; top:40px; }			   
	.download-box .search-box input[type="text"] { width:calc(100% - 150px); }
	.download-box .search-box button { right:20px; top:185px; }
}
@media screen and (max-width:640px){	
    .search-box { margin-top:40px; padding:20px; }
    .search-box select { padding:0 8px; height:45px; line-height:45px; }
	.search-box .selectric-sel_box { margin-right:0; margin-bottom:20px; }
	.search-box .selectric-sel01 { width:100%; }
	.search-box .selectric-sel02 { width:calc(45% - 10px); margin-right:10px; }
	.search-box .selectric-sel03 { width:55%; }
    .search-box input[type="text"] { width:calc(100% - 120px - 10px); height:45px; padding:0 20px; }
	.download-box .search-box input[type="text"] { width:calc(100% - 120px - 10px); }
	.search-box button { right:20px; top:85px; }
	.download-box .search-box button { right:20px; top:150px; }
	.search-box button .w157 { width:120px !important }	
}


/* 개발부분 site.css --> register-box */
.registerBox { position:relative; z-index:5 }
.registerBox * { box-sizing:border-box; }
.registerBox > ul { position:relative; display:flex; flex-wrap:wrap; border-top:2px solid #000; }
.registerBox > ul:before { content:""; display:block; position:absolute; left:0; top:0; width:335px; height:100%; background:#eee; }
.registerBox > ul > li { position:relative; display:flex; align-items:center; flex-wrap:wrap; width:100%; min-height:80px; border-bottom:1px solid #e0e0e0; }
.registerBox > ul > li.top { align-items:flex-start; }
.registerBox > ul > li > label { width:335px; font-size:18px; color:#222; font-weight:600; line-height:1.3; padding-left:33px; }
.registerBox.regTxt > ul > li > label { text-align:center; padding-left:0; font-size:20px; color:#111; }
.registerBox > ul > li.top > label{ padding-top:35px; vertical-align:top; }
.registerBox > ul > li label span { font-weight:600; color:var(--mainColor); }
.registerBox > ul > li .ipbox { width:calc(100% - 335px); padding:22px 30px; background:#fff; font-size:16px; color:#333; font-weight:400; line-height:1.3; }
.registerBox.regTxt > ul > li .ipbox { font-size:18px; line-height:1.5; font-family:var(--mainFont), var(--rootFont), sans-serif; }
.registerBox > ul > li input[type="text"],
.registerBox > ul > li input[type="password"] { transition:all 0.3s; height:60px; padding:0 25px; width:100%; max-width:600px; font-size:16px; color:#333; font-weight:400; border:1px solid #dbdbdb; outline:none; background:#fff; border-radius:60px; }
.registerBox > ul > li input[type="text"]:focus,
.registerBox > ul > li input[type="password"]:focus { border:1px solid #000; }
.registerBox > ul > li select { width:100%; height:60px; line-height:60px; padding:0 25px 0 25px; font-size:16px; color:#333; font-weight:300; border:1px solid #dbdbdb; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:10px; background:#f8f8f8 url(/img/sub/icon_select_down.png) right center no-repeat; }
.registerBox > ul > li select::-ms-expand { display:none; }
.registerBox > ul > li textarea { transition:all 0.3s; width:100%; height:175px; line-height:1.6; padding:25px; font-size:16px; color:#333; font-weight:300; border:1px solid #dbdbdb; outline:none; background:#fff; border-radius:30px; }
.registerBox > ul > li textarea:focus { border:1px solid #000;}
.registerBox > ul > li input.ip02 { width:155px; }
.registerBox > ul > li input.ip03 { width:200px; }
.registerBox > ul > li input.ip04 { width:280px; }
.registerBox > ul > li input.ip01-1 { max-width:calc(600px - 150px); }
.registerBox > ul > li .selectric-sel_box { max-width:600px; width:100%; }
.registerBox > ul > li .selectric-sel_box * { color:#333 }
.registerBox > ul > li .selectric-items li.selected { color:var(--mainColor); }
.registerBox > ul > li .selectric { border:1px solid #dbdbdb; }
.registerBox > ul > li .selectric-open .selectric-items { border:1px solid #000; }
.registerBox > ul > li .selectric-open .selectric { border:none; }
.registerBox > ul > li .selectric-items { padding-bottom:20px; }
.registerBox > ul > li .selectric-above .selectric-items { padding-top:20px; padding-bottom:58px; }
.registerBox > ul > li .selectric-sel02 { display:inline-block; vertical-align:middle; width:155px; }
.registerBox > ul > li .selectric-sel03 { display:inline-block; vertical-align:middle; width:252px; margin-left:10px; }
.registerBox > ul > li ::placeholder { color:#666; opacity:1; font-weight:200; }
.registerBox > ul > li .txt { font-size:16px; color:#666; font-weight:400; line-height:1.3; display:inline-block; margin:0 0 0 10px; }
.registerBox > ul > li .stxt { font-size:21px; color:#333; font-weight:400; width:36px; display:inline-block; text-align:center; }
.registerBox > ul > li .fc-txt { color:var(--mainColor); }
.registerBox > ul > li .sbox { padding:25px 10px 25px 25px; border-radius:20px; border:1px solid #dbdbdb; width:100%; }
.registerBox > ul > li .sbox .scroll { height:110px; overflow:auto; padding-right:15px; }
.registerBox > ul > li span.bar { position:relative; display:inline-block; vertical-align:middle; overflow:hidden; text-indent:-9999em; margin:0 8px; height:1px; width:15px; background:#dbdbdb; }
.registerBox > ul > li span.bar1 { position:relative; display:inline-block; vertical-align:middle; margin:0 8px; color:#666 }
.registerBox > ul > li .ipbox .file-box { position:relative; }
.registerBox > ul > li .ipbox .ipcont:not(:last-child) { margin-right:10px; }
.registerBox > ul > li .ipbox .ipcont { position:relative; display:flex; }
.registerBox > ul > li .ipbox .ipcont .upload-name { padding:0 25px; font-size:16px; color:#999; max-width:360px; width:100%; }
.registerBox > ul > li .ipbox .ipcont .upload-name.on { padding:4px 0 4px 55px; color:#333; background:url(/img/sub/file_icon.png) 20px center no-repeat; }
.registerBox > ul > li .ipbox .ipcont .file { margin:0 0 0 10px !important; cursor:pointer; }
.registerBox > ul > li .ipbox .ipcont .file .link { width:154px; }
.registerBox > ul > li .ipbox .ipcont .file input{display:none}
.registerBox > ul > li .code-box .ip-code { position:relative; width:100%; display:flex; flex-wrap:wrap; align-items:center; }
.registerBox > ul > li .code-box .ip-code input[type="text"] { margin:0 10px; }
.registerBox > ul > li .code-box .ip-code #kcaptcha_image { width:160px !important; height:60px; }
.registerBox > ul > li .code-box .ip-code .btn_refresh { position:relative; outline:none; border:1px solid #000; }
.registerBox > ul > li .code-box .ip-code .btn_refresh:before { content:""; display:block; z-index:2; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:url(/img/sub/refresh_icon.svg) center no-repeat; transition:all 0.25s ease-in-out; }
.registerBox > ul > li .code-box .ip-code .btn_refresh:hover:before { background:url(/img/sub/refresh_icon_on.svg) center no-repeat; }
.registerBox > ul > li .ipbox .btnbox { margin:0 0 0 10px; display:inline-block }
.member-box .registerBox > ul > li .ch,
.mypage-box .registerBox > ul > li .ch { margin:0 0 0 10px; display:inline-block }
.registerBox .ch { margin-top:25px; position:relative; }
.registerBox .ch-box.right .ch { text-align:right }
.registerBox .ipbox .ch { margin:20px 0 10px; }
.registerBox .ipbox .ch label:not(:last-child) { margin-right:80px; display:inline-block }
.registerBox .ipbox .ch-1 label:not(:last-child) { margin-right:40px; }
.registerBox .ch input[type="checkbox"],
.registerBox .ch input[type="radio"]{opacity:0; height:auto; line-height:auto; position:absolute; left:4px; top:8px; z-index:-1 }
.registerBox .ch input[type="checkbox"] + span { position:relative; padding:0 0 0 35px; font-weight:400; font-size:16px; line-height:1.3; display:inline-block; color:#333; min-height:25px; cursor:pointer; }
.registerBox .ch input[type="checkbox"] + span:before  { content:''; display:block; width:25px; height:25px; vertical-align:middle; background:#fff; border:1px solid #dbdbdb; border-radius:25px; position:absolute; left:0; top:-4px; }
.registerBox .ch input[type="checkbox"]:checked + span:before { background:var(--mainColor) url(/img/sub/ch_on.png) center center no-repeat; border:1px solid var(--mainColor); }
.registerBox .ch a { display:inline-block; margin-left:15px; font-size:15px; color:#111; font-weight:700; }
.registerBox .txt_b { padding:29px 30px; background:#eee; font-size:18px; color:var(--mainColor); font-weight:500; line-height:1.3; }
.member-box .registerBox .ch input[type="checkbox"] + span:before,
.mypage-box .registerBox .ch input[type="checkbox"] + span:before { background:#ddd url(/img/sub/ch_on.png) center center no-repeat; }
.member-box .registerBox .ch input[type="checkbox"]:checked + span:before,
.mypage-box .registerBox .ch input[type="checkbox"]:checked + span:before { background:var(--mainColor) url(/img/sub/ch_on.png) center center no-repeat; }
@media screen and (max-width:1280px){
	.registerBox > ul:before { width:200px; }
    .registerBox > ul > li > label { width:200px; font-size:17px; padding-left:25px; }
	.registerBox.regTxt > ul > li > label.ac { font-size:19px; }
    .registerBox > ul > li .ipbox { width:calc(100% - 200px); padding:10px 0 10px 20px; }
	.registerBox.regTxt > ul > li .ipbox { font-size:17px; }
    .registerBox .ipbox .ch { margin-top:20px; }
	.registerBox .txt_b { font-size:17px; padding:25px; }
	.registerBox > ul > li .txt { margin:10px 0 0 0; }
	.member-box .registerBox > ul > li .ch,
	.mypage-box .registerBox > ul > li .ch { margin:15px 0 0 5px; }
}
@media screen and (max-width:1024px){
	.registerBox > ul:before { width:170px; }
    .registerBox > ul > li { min-height:72px; }
    .registerBox > ul > li > label { padding-left:20px; width:170px; }
    .registerBox > ul > li .ipbox { padding:10px 0 10px 15px; width:calc(100% - 170px); }
	.registerBox > ul > li .selectric-items { padding-bottom:20px; }
	.registerBox > ul > li .selectric-above .selectric-items { padding-top:20px; padding-bottom:50px; }
	.registerBox > ul > li .selectric-sel01 { max-width:100%; }
	.registerBox > ul > li .selectric-sel02 { width:calc(40% - 55px); }
	.registerBox > ul > li .selectric-sel03 { width:calc(40% - 55px); margin-left:5px; }
	.registerBox > ul > li input.ip01-1 { max-width:calc(100% - 145px); }
    .registerBox > ul > li input[type="text"],
    .registerBox > ul > li input[type="password"] { height:52px; }
    .registerBox > ul > li select { height:52px; line-height:52px; padding:0 10px; }
	.registerBox > ul > li input.ip01 { width:100%; max-width:100%; }
	.registerBox > ul > li input.ip02 { width:30%; }
	.registerBox > ul > li input.ip03 { width:31%; }
	.registerBox > ul > li input.ip04 { width:220px; }
	.registerBox > ul > li select.sel01 { width:160px; margin-left:5px; }
	.registerBox > ul > li span.bar { margin:0 5px; width:10px; }
	.registerBox > ul > li span.bar1 { margin:0 5px; }
	.registerBox > ul > li .txt { font-size:14px; }
	.registerBox > ul > li .sbox { padding:15px 8px 15px 15px; }
	.registerBox > ul > li .code-box .ip-code #kcaptcha_image { width:150px !important; height:52px; }
	.registerBox > ul > li .code-box .ip-code input { width:calc(100% - 52px - 150px - 20px)}
	.registerBox > ul > li .code-box .ip-code .btn_refresh { width:52px; height:52px; }
	.registerBox > ul > li .code-box .ip-code .btn_refresh:hover:before,
	.registerBox > ul > li .code-box .ip-code .btn_refresh:before { background:url(/img/sub/refresh_icon_on.svg) center no-repeat; background-size:14px auto }
	.registerBox .ipbox .ch { margin:15px 0 10px; }
	.registerBox .ch input[type="checkbox"] + span { padding:0 0 0 30px; min-height:20px; }
	.registerBox .ch input[type="checkbox"] + span:before { width:20px; height:20px; top:-2px; }
}
@media screen and (max-width:640px){
	.registerBox > ul:before { display:none }
    .registerBox > ul > li { background:none; padding:14px 2px; min-height:auto; }
    .registerBox > ul > li > label { width:100%; text-align:left; margin-bottom:7px; padding-left:0; }
	.registerBox.regTxt > ul > li > label { font-size:18px; text-align:left }
	.registerBox > ul > li.top > label{ padding-top:0; }
    .registerBox > ul > li .ipbox { width:100%; padding:0; }
	.registerBox.regTxt > ul > li .ipbox { font-size:16px; }
	.registerBox > ul > li .selectric-items { padding-bottom:18px; }
	.registerBox > ul > li .selectric-above .selectric-items { padding-top:18px; padding-bottom:43px; }
	.registerBox > ul > li .selectric-sel02 { width:calc(40% - 45px); }
	.registerBox > ul > li .selectric-sel03 { width:100%; margin-top:5px; margin-left:0 }
    .registerBox > ul > li input[type="text"],
    .registerBox > ul > li input[type="password"] { height:45px; }
	.registerBox > ul > li input.ip03 { width:calc((100% - 30px) / 2); }
    .registerBox > ul > li textarea { height:160px; }
	.registerBox > ul > li span.bar { margin:0 4px; width:6px; }
	.registerBox > ul > li span.bar1 { margin:0 4px; }
	.registerBox > ul > li span.barNo { display:none }
	.registerBox > ul > li .ipbox .file-box { flex-wrap:wrap; }
	.registerBox > ul > li .ipbox .ipcont { width:100% }
    .registerBox > ul > li .ipbox .ipcont .upload-name { width:calc(100% - 154px); }
	.registerBox > ul > li .code-box .ip-code .btn_refresh { width:45px; height:45px; }
	.registerBox > ul > li .code-box .ip-code #kcaptcha_image { width:130px !important; height:45px; }
	.registerBox > ul > li .code-box .ip-code input { width:calc(100% - 45px - 130px - 20px) }
	.registerBox .txt_b { font-size:16px; padding:20px; }
	.registerBox .txt_b span.m_br { display:block }
}

.registerBox .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding:0; }
.registerBox .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { width:3px; }
.registerBox .os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal { height:3px; }
.registerBox .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:#dbdbdb; width:3px; border-radius:3px; opacity:1 }
.registerBox .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.registerBox .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.registerBox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.registerBox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:#dbdbdb; border-radius:3px; opacity:1 }

/* animation */
.registerBox { opacity:0; }
.registerBox.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }


.gallery-list { margin-top:120px; }
.gallery-list > ul { display:flex; flex-wrap:wrap; gap:120px 35px; }
.gallery-list > ul > li { width:calc((100% - 70px) / 3); }
.gallery-list > ul > li .imgbox { width:100%; position:relative; overflow:hidden; border-radius:40px; }
.gallery-list > ul > li .imgbox:before {content:""; display:block; padding-bottom:66%; }
.gallery-list > ul > li .imgbox img { transition:all 0.3s; transform:scale(1); position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.gallery-list > ul > li:hover .imgbox img { transform:scale(1.1); }
.gallery-list > ul > li .txtbox { margin-top:30px; }
.gallery-list > ul > li .txtbox strong { font-family:var(--subFont); color:#111; font-size:28px; font-weight:600; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.gallery-list > ul > li .txtbox .txt { margin-top:20px; font-family:var(--subFont); color:#999; font-size:19px; font-weight:300; line-height:1.6; min-height:62px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.gallery-list > ul > li .txtbox .date { display:block; margin-top:40px; font-family:var(--subFont); color:#999; font-size:19px; font-weight:500; line-height:1.3; }
.gallery-list.gallery-list-1 > ul { gap:0; border-top:2px solid #000;  }
.gallery-list.gallery-list-1 > ul > li { width:100%; border-bottom:1px solid #e5e5e5; }
.gallery-list.gallery-list-1 > ul > li a { padding:60px 0; display:flex; flex-wrap:wrap; }
.gallery-list.gallery-list-1 > ul > li .imgbox { width:360px; border-radius:20px; }
.gallery-list.gallery-list-1 > ul > li .txtbox { width:calc(100% - 360px); padding-left:80px; margin-top:20px; }
.gallery-list.gallery-list-1 > ul > li .txtbox .txt { margin-top:40px; }
@media screen and (max-width:1280px){
	.gallery-list { margin-top:100px; }
    .gallery-list > ul { gap:100px 30px; }
    .gallery-list > ul > li { width:calc((100% - 60px) / 3); }
    .gallery-list > ul > li .txtbox strong { font-size:24px; min-height:24px; }
	.gallery-list > ul > li .txtbox .txt { margin-top:18px; font-size:18px; }
    .gallery-list > ul > li .txtbox .date { margin-top:30px; font-size:17px; }
	.gallery-list.gallery-list-1 > ul > li a { padding:50px 0; }
	.gallery-list.gallery-list-1 > ul > li .txtbox { padding-left:60px; margin-top:20px; }
}
@media screen and (max-width:1024px){
	.gallery-list { margin-top:80px; }
    .gallery-list > ul { gap:80px 20px; }
    .gallery-list > ul > li { width:calc((100% - 40px) / 3); }
    .gallery-list > ul > li .imgbox { border-radius:20px; }
    .gallery-list > ul > li .txtbox { margin-top:20px; }
    .gallery-list > ul > li .txtbox strong { font-size:20px; -webkit-line-clamp:2; }
	.gallery-list > ul > li .txtbox .txt { margin-top:15px; font-size:17px; min-height:54px; }
    .gallery-list > ul > li .txtbox .date { margin-top:20px; font-size:16px; }
	.gallery-list-1 > ul { gap:0; }
	.gallery-list.gallery-list-1 > ul > li a { padding:40px 0; }
	.gallery-list.gallery-list-1 > ul > li .imgbox { width:300px; border-radius:10px; }
	.gallery-list.gallery-list-1 > ul > li .txtbox { width:calc(100% - 300px); padding-left:40px; margin-top:10px; }
	.gallery-list.gallery-list-1 > ul > li .txtbox  .txt { margin-top:15px; }
}
@media screen and (max-width:860px){
    .gallery-list > ul { gap:50px 20px; }
    .gallery-list > ul > li { width:calc((100% - 20px) / 2); }
	.gallery-list.gallery-list-1 > ul > li .imgbox { width:250px; }
	.gallery-list.gallery-list-1 > ul > li .txtbox { width:calc(100% - 250px); padding-left:30px; margin-top:5px; }
	.gallery-list.gallery-list-1 > ul > li .txtbox  .txt { margin-top:10px; }
	.gallery-list.gallery-list-1 > ul > li .txtbox .date { margin-top:15px; }
	.gallery-list.gallery-list-1 > ul > li a { padding:30px 0; }
}
@media screen and (max-width:640px){
	.gallery-list { margin-top:40px; }
    .gallery-list > ul { gap:40px 10px; }
    .gallery-list > ul > li { width:calc((100% - 10px) / 2); }
    .gallery-list > ul > li .txtbox { margin-top:15px; }
    .gallery-list > ul > li .txtbox strong { font-size:18px; }
	.gallery-list > ul > li .txtbox .txt { margin-top:10px; font-size:16px; min-height:48px; }
    .gallery-list > ul > li .txtbox .date { margin-top:5px; font-size:15px; }
	.gallery-list.gallery-list-1 > ul > li .imgbox { width:220px; }
	.gallery-list.gallery-list-1 > ul > li .txtbox { width:calc(100% - 220px); padding-left:20px; }
}
@media screen and (max-width:520px){
    .gallery-list > ul { gap:30px 0; }
    .gallery-list > ul > li { width:100%; }
    .gallery-list > ul > li .imgbox:before {padding-bottom:58%; }
	.gallery-list.gallery-list-1 > ul > li .imgbox { width:100%; }
	.gallery-list.gallery-list-1 > ul > li .txtbox { width:100%; padding-left:0; margin-top:20px; }
	.gallery-list.gallery-list-1 > ul > li a { padding:20px 0; }
}


/* animation */
.gallery-list { opacity:0; }
.gallery-list.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }


.board-list .listbox { margin-top:60px; }
.board-list .listbox .top { border-top:2px solid #000; border-bottom:1px solid #e0e0e0; display:flex; height:100px; background:#eee; }
.board-list .listbox .top > span { position:relative; display:flex; align-items:center; justify-content:center; height:100%; font-size:20px; font-weight:600; color:#111; line-height:1.3; }
.board-list .listbox .top > span:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:15px; background:#ccc; }
.board-list .listbox .top > span:first-child:before  { display:none; }
.board-list .listbox .list li { border-bottom:1px solid #e0e0e0; }
.board-list .listbox .list li a { display:flex; transition:all 0.3s; }
.board-list .listbox .list li a > span { padding:0 10px; text-align:center; height:100px; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:400; color:#666; line-height:1.3; }
.board-list .listbox .list li a > span .notice { margin:0 auto; display:inline-block; padding:6px 15px; border:1px solid #000; border-radius:30px; font-size:14px; font-weight:500; color:#000; background:#fff }
.board-list .listbox .list li a > .col-2 { word-break:break-word; text-align:left; padding-left:35px; font-size:17px; font-weight:500; color:#222; justify-content:flex-start;}
.board-list .listbox .list li a > .col-2 .txt { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.board-list .listbox .list li a > .col-2 .fc_m { color:var(--mainColor); font-weight:500  }
.board-list .listbox .list li a:hover { background:#f5f5f5; }
.board-list .listbox .col-1 { width:135px; }
.board-list .listbox .col-2 { width:calc(100% - 135px - 205px - 205px); }
.board-list .listbox .col-3,
.board-list .listbox .col-4 { width:205px; }
.board-list .listbox .col-5 { width:150px; }
.board-list.notice-list .listbox .col-2 { width:calc(100% - 135px - 205px - 205px - 150px); }
@media screen and (max-width:1280px){
	.board-list .listbox .top { height:80px; }
	.board-list .listbox .top > span { font-size:19px; }
	.board-list .listbox .top > span:before { height:15px; }
	.board-list .listbox .list li a > span { padding:0 10px; height:80px; font-size:16px; }
	.board-list .listbox .list li a > span .notice { margin:0 auto; padding:6px 15px; font-size:14px; }
	.board-list .listbox .list li a > .col-2 { padding-left:25px; font-size:17px; }
	.board-list .listbox .col-1 { width:120px; }
	.board-list .listbox .col-2 { width:calc(100% - 120px - 180px - 180px); }
	.board-list .listbox .col-3,
	.board-list .listbox .col-4 { width:180px; }
	.board-list .listbox .col-5 { width:120px; }
	.board-list.notice-list .listbox .col-2 { width:calc(100% - 120px - 180px - 180px - 120px); }
}
@media screen and (max-width:1024px){
	.board-list .listbox .top { height:70px; }
	.board-list .listbox .top > span { font-size:18px; }
	.board-list .listbox .top > span:before { height:12px; }
	.board-list .listbox .list li a > span { padding:0 10px; height:70px; font-size:15px; }
	.board-list .listbox .list li a > span .notice { padding:6px 15px; font-size:14px; }
	.board-list .listbox .list li a > .col-2 { padding-left:15px; font-size:16px; }
	.board-list .listbox .col-1 { width:100px; }
	.board-list .listbox .col-2 { width:calc(100% - 100px - 150px - 150px); }
	.board-list .listbox .col-3,
	.board-list .listbox .col-4 { width:150px; }
	.board-list .listbox .col-5 { width:100px; }
	.board-list.notice-list .listbox .col-2 { width:calc(100% - 100px - 150px - 150px - 100px); }
}
@media screen and (max-width:860px){
	.board-list .listbox .top { height:70px; }
	.board-list .listbox .top > span { font-size:17px; }
	.board-list .listbox .top > span:before { height:12px; }
	.board-list .listbox .col-1 { width:80px; }
	.board-list .listbox .col-2 { width:calc(100% - 80px - 130px); }
	.board-list .listbox .col-3 { width:130px; }
	.board-list .listbox .col-4 { width:130px; display:none !important }
	.board-list .listbox .col-5 { width:80px; display:none !important }
	.board-list.notice-list .listbox .col-2 { width:calc(100% - 80px - 130px); }
}
@media screen and (max-width:640px){
	.board-list .listbox .top { height:60px; }
	.board-list .listbox .top > span { font-size:16px; }
	.board-list .listbox .list li a > span { padding:0 5px; height:65px; font-size:14px; }
	.board-list .listbox .list li a > span .notice { padding:4px 12px; font-size:13px; }
	.board-list .listbox .list li a > .col-2 { padding:0 10px; font-size:15px; }
	.board-list .listbox .col-1 { width:70px; }
	.board-list .listbox .col-2 { width:calc(100% - 70px); }
	.board-list .listbox .col-3 { width:110px; display:none !important; }
	.board-list.notice-list .listbox .col-2 { width:calc(100% - 70px); }
}

/* animation 
.board-list .listbox { opacity:0 }
.board-list .listbox.subOn { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
*/

.board-view .top-box { text-align:center; padding:60px 20px; border-top:2px solid #000; border-bottom:1px solid #e0e0e0; }
.board-view .top-box .title { font-size:32px; font-weight:500; color:#222; line-height:1.3; letter-spacing:-0.05em; word-break:break-word; }
.board-view .top-box .info { display:flex; justify-content:center; margin-top:30px; }
.board-view .top-box .txt { font-size:16px; font-weight:300; color:#666; line-height:1.3; }
.board-view .top-box .txt strong { font-weight:600; color:#222; }
.board-view .top-box .txt:not(:last-child) { margin-right:40px; }
.board-view .viewCont .contents { min-height:180px; padding:60px; line-height:1.4 }
.board-view .viewCont .contents img { max-width:100%; }
.board-view .viewCont .attach { margin-top:60px; padding:35px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.board-view .viewCont .attach li:not(:last-child) { margin-bottom:30px; }
.board-view .viewCont .attach li { display:flex; }
.board-view .viewCont .attach li strong { position:relative; width:130px; text-align:center; font-size:16px; font-weight:500; color:#222; line-height:1.3; }
.board-view .viewCont .attach li strong:before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#e0e0e0; } 
.board-view .viewCont .attach li a { transition:all 0.3s; position:relative; width:calc(100% - 130px - 20px); margin-left:20px; font-size:16px; font-weight:400; color:#666; line-height:1.3; padding:0 150px 0 25px; word-break:break-word !important; }
.board-view .viewCont .attach li a i { font-size:16px; vertical-align:middle; margin-right:6px; }
.board-view .viewCont .attach li a > i { position:absolute; left:0; top:2px; }
.board-view .viewCont .attach li a:hover { color:var(--mainColor); }
.board-view .viewCont .attach li a span { position:absolute; right:30px; top:0; font-weight:300; }	 
.board-view .viewCont .keyword { padding:60px 60px 0; display:flex; flex-wrap:wrap; gap:10px; }
.board-view .viewCont .keyword a { padding:0 15px; height:30px; display:flex; align-items:center; border-radius:30px; border:1px solid #ccc; background:#fff; color:#666; font-size:14px; line-height:1.3; }
.board-view .viewCont .infoBox { margin-top:60px; padding:0 60px; }
.board-view .viewCont .infoBox dl { background:#f9f9f9; border-radius:20px; padding:40px; }
.board-view .viewCont .infoBox dt { color:#333; font-size:22px; line-height:1.3; font-weight:700; padding-bottom:15px; position:relative; }
.board-view .viewCont .infoBox dt:before { content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-image:linear-gradient(to right, #000 50%, transparent 50%); background-position:0 0; background-size:4px 4px; }
.board-view .viewCont .infoBox dd { padding:15px 0 0; color:#666; font-size:18px; line-height:1.6; }
.board-view .viewCont .infoBox dd li { position:relative; padding-left:14px; }
.board-view .viewCont .infoBox dd li:before { content:""; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; background:#333; }
.board-view .btn_pn { margin-top:50px; }
.board-view .btn_pn dl:not(:last-child) { margin-bottom:10px; }
.board-view .btn_pn dl { border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; display:flex; background-color:#fff; }
.board-view .btn_pn dt { position:relative; width:130px; height:70px; display:flex; align-items:center; } 
.board-view .btn_pn dt:before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#e0e0e0; } 
.board-view .btn_pn dt span { font-size:16px; font-weight:400; color:#222; display:inline-block; padding-left:30px; }
.board-view .btn_pn dt span i { display:inline-block; vertical-align:middle; margin-right:10px; }
.board-view .btn_pn dd { width:calc(100% - 130px); display:flex; align-items:center; padding:0 30px; }
.board-view .btn_pn dd a { font-size:16px; font-weight:300; color:#666; min-height:17px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.board-view .comment-box { margin-top:60px; }
.board-view .comment-box dl { display:flex; border-top:2px solid #000; border-bottom:1px solid #e0e0e0; }
.board-view .comment-box dl dt { display:flex; justify-content:center; align-items:center; width:300px; background:#eee; font-size:20px; font-weight:700; color:#111; line-height:1.3 }
.board-view .comment-box dl dd { width:calc(100% - 300px); min-height:200px; padding:25px; font-size:20px; font-weight:400; color:#333; line-height:1.4 }
@media screen and (max-width:1280px){
	.board-view .top-box { padding:50px 20px; }
	.board-view .top-box .title { font-size:26px; }
	.board-view .top-box .info { margin-top:20px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:35px; }
	.board-view .viewCont .contents { padding:40px; }
	.board-view .viewCont .attach { margin-top:50px; padding:30px 0; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:20px; }
	.board-view .viewCont .attach li strong { width:120px; }
	.board-view .viewCont .attach li a { width:calc(100% - 120px - 20px); }
	.board-view .viewCont .keyword { padding:40px 40px 0;}
	.board-view .viewCont .keyword a { padding:0 12px; font-size:14px; }
	.board-view .viewCont .infoBox { margin-top:40px; padding:0 40px; }
	.board-view .viewCont .infoBox dl { padding:30px; }
	.board-view .viewCont .infoBox dt { font-size:20px; padding-bottom:15px; }
	.board-view .viewCont .infoBox dd { padding:15px 0 0; font-size:17px; }
	.board-view .viewCont .infoBox dd li { padding-left:14px; }
	.board-view .viewCont .infoBox dd li:before { top:12px; width:4px; height:4px; }
	.board-view .btn_pn { margin-top:40px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:10px; }
	.board-view .btn_pn dt { width:120px; height:70px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span { padding-left:20px; }
	.board-view .btn_pn dt span i { margin-right:8px; }
	.board-view .btn_pn dd { width:calc(100% - 120px); padding:0 20px; }
}
@media screen and (max-width:1024px){
	.board-view .top-box { padding:40px 20px; }
	.board-view .top-box .title { font-size:22px; }
	.board-view .top-box .info { margin-top:15px; }
	.board-view .top-box .txt { font-size:15px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:25px; }
	.board-view .viewCont .contents { padding:30px; }
	.board-view .viewCont .attach { margin-top:40px; padding:25px 0; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:15px; }
	.board-view .viewCont .attach li strong { width:100px; font-size:15px; }
	.board-view .viewCont .attach li a { width:calc(100% - 100px - 20px); font-size:15px; padding-right:110px; }
	.board-view .viewCont .attach li a i { font-size:15px; margin-right:5px; }
	.board-view .viewCont .attach li a > i { top:1px; }
	.board-view .viewCont .attach li a span { right:20px; }	   
	.board-view .viewCont .keyword { padding:30px 30px 0;}
	.board-view .viewCont .keyword a { font-size:13px; }
	.board-view .viewCont .infoBox { margin-top:30px; padding:0 30px; }
	.board-view .viewCont .infoBox dl { padding:30px; border-radius:10px; }
	.board-view .viewCont .infoBox dt { font-size:19px; padding-bottom:13px; }
	.board-view .viewCont .infoBox dd { padding:13px 0 0; font-size:16px; }
	.board-view .viewCont .infoBox dd li { padding-left:12px; }
	.board-view .viewCont .infoBox dd li:before { top:10px; width:3px; height:3px; }
	.board-view .btn_pn { margin-top:30px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:5px; }
	.board-view .btn_pn dt { width:100px; height:70px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span { font-size:15px; padding-left:10px; }
	.board-view .btn_pn dt span i { margin-right:5px; }
	.board-view .btn_pn dd { width:calc(100% - 100px); padding:0 20px; }
	.board-view .btn_pn dd a { font-size:15px; min-height:21px; }	
	.board-view .comment-box { margin-top:40px; }
	.board-view .comment-box dl { display:flex; }
	.board-view .comment-box dl dt { width:200px; font-size:18px; }
	.board-view .comment-box dl dd { width:calc(100% - 200px); min-height:180px; padding:20px; font-size:18px; }
}
@media screen and (max-width:640px){
	.board-view { margin-top:40px; }
	.board-view .top-box { padding:30px 20px; }
	.board-view .top-box .title { font-size:20px; }
	.board-view .top-box .info { margin-top:8px; flex-wrap:wrap; }
	.board-view .top-box .txt { margin-top:5px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:20px; }
	.board-view .viewCont .contents { padding:30px 0; }
	.board-view .viewCont .attach { margin-top:30px; padding:20px 5px; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:10px; }
	.board-view .viewCont .attach li strong { display:none }
	.board-view .viewCont .attach li a { width:100%; padding-left:24px; margin-left:0; }
	.board-view .viewCont .attach li a > i { top:0; }
	.board-view .viewCont .attach li a span { right:0; } 
	.board-view .viewCont .keyword { padding:30px 0 0;}
	.board-view .viewCont .infoBox { margin-top:20px; padding:0; }
	.board-view .viewCont .infoBox dl { padding:25px; }
	.board-view .viewCont .infoBox dt { font-size:18px; padding-bottom:12px; }
	.board-view .viewCont .infoBox dd { padding:12px 0 0; font-size:15px; }
	.board-view .btn_pn { margin-top:20px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:5px; }
	.board-view .btn_pn dt { width:85px; height:60px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span { padding-left:10px; }
	.board-view .btn_pn dt span i { margin-right:5px; }
	.board-view .btn_pn dd { width:calc(100% - 85px); padding:0 15px; }
	.board-view .btn_pn dd a { min-height:21px; }
	.board-view .comment-box { margin-top:20px; }
	.board-view .comment-box dl { display:flex; }
	.board-view .comment-box dl dt { width:120px; font-size:16px; }
	.board-view .comment-box dl dd { width:calc(100% - 120px); min-height:150px; padding:15px; font-size:16px; }
}

/* animation */
.board-view { opacity:0; }
.board-view { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }


.faq-box .listbox { margin-top:60px; }
.faq-box .listbox > ul { border-top:2px solid #000;}
.faq-box .listbox > ul > li { border-bottom:1px solid #e0e0e0; }
.faq-box .listbox > ul > li > p { position:relative; cursor:pointer; padding:30px 60px 30px 145px; min-height:120px; font-size:20px; color:#111; font-weight:500; line-height:1.4; display:flex; align-items:center; } 
.faq-box .listbox > ul > li > p a { color:#111; line-height:1.4; }
.faq-box .listbox > ul > li > p:before { content:""; display:block; position:absolute; right:55px; top:50%; transform:translateY(-50%); width:17px; height:10px; background:url(/img/sub/faq_arr.png) center center no-repeat; }
.faq-box .listbox > ul > li.on > p:before { background:url(/img/sub/faq_arr_on.png) center center no-repeat; }
.faq-box .listbox > ul > li > p strong { font-family:var(--mainFont); position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; width:145px; color:#111; font-weight:600; font-size:35px; line-height:1.3; }
.faq-box .listbox > ul > li .contentBox { position:relative; background-color:#f8f8f8; padding:50px 60px 50px 0; display:flex; }
.faq-box .listbox > ul > li .contentBox > strong { font-family:var(--mainFont); color:var(--mainColor); font-weight:600; font-size:35px; line-height:1.3; width:145px; text-align:center; }
.faq-box .listbox > ul > li .contentBox .txt { width:calc(100% - 145px); color:#333; font-size:17px; line-height:1.7; }
.faq-box .listbox > ul > li .contentBox .txt img { max-width:100% }
@media screen and (max-width:1280px){
	.faq-box .listbox > ul > li > p {padding:30px 60px 30px 140px; min-height:120px; font-size:19px; } 
	.faq-box .listbox > ul > li > p:before { right:50px; }
	.faq-box .listbox > ul > li > p strong { width:140px; font-size:32px; }
	.faq-box .listbox > ul > li .contentBox { padding:50px 60px 50px 0; }
	.faq-box .listbox > ul > li .contentBox > strong { font-size:32px; width:140px; }
	.faq-box .listbox > ul > li .contentBox .txt { width:calc(100% - 140px); }
}
@media screen and (max-width:1024px){
	.faq-box .listbox { margin-top:30px; }
	.faq-box .listbox > ul > li > p {padding:20px 60px 20px 100px; min-height:100px; font-size:18px; } 
	.faq-box .listbox > ul > li > p:before { right:40px; }
	.faq-box .listbox > ul > li > p strong { width:100px; font-size:28px; }
	.faq-box .listbox > ul > li .contentBox { padding:50px 60px 50px 0; }
	.faq-box .listbox > ul > li .contentBox > strong { font-size:28px; width:100px; }
	.faq-box .listbox > ul > li .contentBox .txt { width:calc(100% - 100px); font-size:16px; }
}
@media screen and (max-width:640px){
	.faq-box .listbox > ul > li > p {padding:17px 40px 17px 50px; min-height:auto; font-size:16px; } 
	.faq-box .listbox > ul > li > p:before { right:15px; }
	.faq-box .listbox > ul > li > p:before,
	.faq-box .listbox > ul > li.on > p:before { background-size:14px auto; }
	.faq-box .listbox > ul > li > p strong { width:50px; font-size:22px; }
	.faq-box .listbox > ul > li .contentBox { padding:20px 40px 20px 0; }
	.faq-box .listbox > ul > li .contentBox > strong { font-size:22px; width:50px; }
	.faq-box .listbox > ul > li .contentBox .txt { width:calc(100% - 50px); font-size:15px; }
}

/* animation */
.faq-box .listbox { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }


/* page */
.page { margin:100px auto 0 auto; text-align:center; padding:0; } 
.page a { position:relative; font-size:16px; font-weight:600; color:#333; line-height:30px; min-width:30px; border:none; padding:0; margin:0 -2px; display:inline-block; }
.page ul { display:inline-block; }
.page li { display:inline-block; vertical-align:middle; margin:0 6px; }
.page li.on a { font-weight:600; color:#fff; border:none; padding:0 4px; border-radius:50px; background-color:var(--mainColor); }
.page li:hover a,
.page li a:hover { border:none; }
.page .btn_pn { display:inline-block; vertical-align:middle; padding:0; }
.page .btn_prev { display:inline-block; vertical-align:middle; height:30px; width:30px; padding:0; margin-right:0; overflow:hidden; text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.page .btn_next { display:inline-block; vertical-align:middle; height:30px; width:30px; padding:0; margin-left:0; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.page .btn_first { display:inline-block; vertical-align:middle; height:30px; width:30px; padding:0; margin-right:-2px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.page .btn_last { display:inline-block; vertical-align:middle; height:30px; width:30px; padding:0; margin-left:-2px; 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:1024px){
	.page { margin:80px auto 0 auto; }
}
@media screen and (max-width:640px){
	.page { margin:40px auto 0 auto; }
	.page li { margin:0 4px; }
    .page a { font-size:14px; line-height:28px; min-width:28px; }
    .page .btn_prev,
    .page .btn_next,
    .page .btn_first,
    .page .btn_last { height:28px; width:28px; }
}


/* company */
.company-box .topBox dt { font-family:var(--mainFont), var(--rootFont); color:var(--mainColor); font-size:22px; font-weight:700; line-height:1.3; }
.company-box .topBox dd { margin-top:20px; color:#222; font-size:36px; font-weight:700; line-height:1.6; }
@media screen and (max-width:1440px){
	.company-box .topBox dt { font-size:20px; }
	.company-box .topBox dd { margin-top:18px; font-size:30px; }
}
@media screen and (max-width:1280px){
	.company-box .topBox dt { font-size:18px; }
	.company-box .topBox dd { margin-top:15px; font-size:24px; }
	.company-box .topBox dd br { display:none }
	.company-box .topBox dd span.m_br { display:block }
}
@media screen and (max-width:1024px){
	.company-box .topBox dt { font-size:16px; }
	.company-box .topBox dd { margin-top:10px; font-size:18px; }
}
@media screen and (max-width:640px){
	.company-box .topBox dt { font-size:15px; }
	.company-box .topBox dd { font-size:17px; }
}
.company-box .topBox { opacity:0; }
.company-box .topBox.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }

/* animation */
.company-box .topBox { opacity:0; }
.company-box .topBox.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }


.greeting-box .g-imgbox { margin-top:100px; position:relative; overflow:hidden; }
.greeting-box .g-imgbox .topimg { position:relative; }
.greeting-box .g-imgbox .imgbox { width:100%; position:relative; overflow:hidden; }
.greeting-box .g-imgbox .imgbox:before {content:""; display:block; padding-bottom:45%; }
.greeting-box .g-imgbox .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.greeting-box .g-imgbox .greeting-btxt { position:absolute; left:0; bottom:0; white-space:nowrap; z-index:2; }
.greeting-box .g-imgbox .greeting-btxt span { font-family:var(--mainFont); color:#fff; font-size:120px; line-height:1.3; font-weight:500; letter-spacing:7.2px; display:inline-block; margin-right:20px; }
.greeting-box .info-box { position:relative; z-index:2; } 
.greeting-box .info-box .imgbox .img-1 { transform:translateY(-20%); }
.greeting-box .info-box .imgbox .img-2 { transform:translateY(0); position:absolute; right:0; top:150px; }
.greeting-box .info-box .txtbox { margin:0 auto; max-width:1200px; margin-top:-80px; }
.greeting-box .info-box .txtbox p:not(:last-child) { margin-bottom:40px; }
.greeting-box .info-box .txtbox p { color:#333; font-size:18px; line-height:1.65; font-weight:400; }
.greeting-box .info-box .txtbox p.sign { margin-top:50px; display:flex; align-items:flex-end; gap:0 30px;  }
.greeting-box .info-box .txtbox p.sign strong { font-weight:600; }
.greeting-box .info-box .txtbox p.sign img { margin-bottom:-5px; }
.greeting-box .infoBox { margin-top:100px; display:flex; flex-wrap:wrap; }		
.greeting-box .infoBox .imgbox { width:29.5%; position:relative; }   
.greeting-box .infoBox .imgbox img { max-width:100%; }
.greeting-box .infoBox .txtbox { width:70.5%; padding-left:8% }
.greeting-box .infoBox .txtbox p:not(:last-child) { margin-bottom:35px; }
.greeting-box .infoBox .txtbox p { color:#333; font-size:18px; line-height:1.65; font-weight:400; }
.greeting-box .infoBox .txtbox p.sign { margin-top:50px; display:flex; align-items:flex-end; gap:0 30px;  }
.greeting-box .infoBox .txtbox p.sign strong { font-weight:600; }
.greeting-box .infoBox .txtbox p.sign img { margin-bottom:-5px; }		
@media screen and (max-width:1650px){
	.greeting-box .infoBox .txtbox p br { display:none }
}
@media screen and (max-width:1600px){
	.greeting-box .info-box .imgbox .img-1 img { width:400px }
	.greeting-box .info-box .imgbox .img-2 img { width:600px } 
	.greeting-box .infoBox .imgbox { width:35%; }   
	.greeting-box .infoBox .txtbox { width:65%; padding-left:5% }
}
@media screen and (max-width:1440px){
	.greeting-box .g-imgbox .greeting-btxt span { font-size:100px; }
	.greeting-box .info-box .imgbox .img-1 img { width:350px }
	.greeting-box .info-box .imgbox .img-2 img { width:550px }	
	.greeting-box .infoBox .txtbox p:not(:last-child) { margin-bottom:30px; }	
	.greeting-box .infoBox .imgbox { width:38%; }   
	.greeting-box .infoBox .txtbox { width:62%; padding-left:5% }
}
@media screen and (max-width:1280px){
	.greeting-box .info-box .imgbox .img-1 img { width:300px }
	.greeting-box .info-box .imgbox .img-2 img { width:480px }
	.greeting-box .info-box .txtbox { margin-top:30px; }
	.greeting-box .info-box .txtbox p br { display:none } 
}
@media screen and (max-width:1024px){
	.greeting-box .g-imgbox { margin-top:60px; }
	.greeting-box .g-imgbox .greeting-btxt span { font-size:70px; margin-right:18px; letter-spacing:6px; }
	.greeting-box .info-box .imgbox { display:none }
	.greeting-box .info-box .txtbox { margin-top:60px; }
	.greeting-box .info-box .txtbox p:not(:last-child) { margin-bottom:30px; }
	.greeting-box .info-box .txtbox p { font-size:17px; }
	.greeting-box .info-box .txtbox p.sign { margin-top:40px; gap:0 25px;  } 
	.greeting-box .infoBox { margin-top:60px; }
	.greeting-box .infoBox .imgbox { max-width:420px; width:100%; margin:0 auto; } 
	.greeting-box .infoBox .txtbox { width:100%; margin-top:40px; padding-left:0; }
	.greeting-box .infoBox .txtbox p:not(:last-child) { margin-bottom:25px; }
	.greeting-box .infoBox .txtbox p { font-size:17px; }
	.greeting-box .infoBox .txtbox p.sign { margin-top:40px; } 
}
@media screen and (max-width:640px){
	.greeting-box .g-imgbox { margin-top:40px; }
	.greeting-box .g-imgbox .greeting-btxt span { font-size:40px; margin-right:15px; letter-spacing:4px; }
	.greeting-box .info-box .txtbox { margin-top:40px; }
	.greeting-box .info-box .txtbox p:not(:last-child) { margin-bottom:20px; }
	.greeting-box .info-box .txtbox p { font-size:16px; }
	.greeting-box .info-box .txtbox p.sign { margin-top:30px; gap:0 20px; }   
	.greeting-box .infoBox { margin-top:40px; }	  
	.greeting-box .infoBox .txtbox { margin-top:30px; }
	.greeting-box .infoBox .txtbox p:not(:last-child) { margin-bottom:20px; }
	.greeting-box .infoBox .txtbox p { font-size:16px; }
	.greeting-box .infoBox .txtbox p.sign { margin-top:30px; }
}

/* animation */
.greeting-box .g-imgbox.subOn .greeting-btxt span { animation:marquee 18s 0.8s infinite linear; }
.greeting-box .info-box .txtbox { opacity:0; }
.greeting-box .info-box .txtbox.on { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }		
.greeting-box .infoBox .txtbox { opacity:0; }
.greeting-box .infoBox .txtbox.on { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }	
.greeting-box .infoBox .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; bottom:0; }
.greeting-box .infoBox.subOn .imgbox:after { animation:ani_w100 1.0s 0.1s; animation-fill-mode:both; }
@media screen and (max-width:1024px){	   
	.greeting-box .infoBox.subOn .imgbox:after { animation:ani_h100 1.0s 0.5s; animation-fill-mode:both; }
	.greeting-box .info-box .txtbox.subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }	 
	.greeting-box .infoBox .txtbox.on { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }	
}
@keyframes marquee {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }			
}


.history-box .historyCont { display:flex } 
.history-box .nav-box { margin-top:20px; position:sticky; top:100px; width:600px; height:685px; }
.history-box .nav-box .year { width:400px; height:400px; position:relative; font-family:var(--mainFont); font-size:100px; font-weight:700; line-height:1.3; background:linear-gradient(111deg, #000 13.94%, #005CCD 103.45%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.history-box .nav-box .year a { position:absolute; left:0; top:0; opacity:0; font-family:var(--mainFont); font-weight:700; line-height:1.3; transition:all 0.3s; background:linear-gradient(111deg, #000 13.94%, #005CCD 103.45%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.history-box .nav-box .year a.on { opacity:1; }
.history-box .nav-box .nav li:not(:last-child) { margin-bottom:20px; }
.history-box .nav-box .nav li a { font-family:var(--mainFont); color:#aaa; font-size:16px; font-weight:500; line-height:1.3; transition:all 0.3s ease-in-out; }
.history-box .nav-box .nav li a.on { color:#111; }
.history-box .history-list { padding-top:60px; width:calc(100% - 600px); }
.history-box .history-list .tabCont { position:relative; border-top:1px solid #eee; }
.history-box .history-list .tabCont:not(:last-child) { margin-bottom:200px; }
.history-box .history-list .tabCont dl { padding:60px 0; border-bottom:1px solid #eee; }
.history-box .history-list .tabCont dt { font-family:var(--subFont); font-size:30px; font-weight:600; line-height:1.3; }
.history-box .history-list .tabCont dd { margin-top:30px; }
.history-box .history-list .tabCont dd li { position:relative; padding-left:15px; color:#666; font-size:18px; font-weight:400; line-height:1.3; }
.history-box .history-list .tabCont dd li:before { content:""; display:block; position:absolute; left:0; top:10px; width:4px; height:4px; background:#333; }
.history-box .history-list .tabCont dd li:not(:last-child) { margin-bottom:15px; }
@media screen and (max-width:1440px){
	.history-box .nav-box { width:480px; height:580px; }
	.history-box .nav-box .year { width:350px; height:300px; font-size:80px; }
	.history-box .history-list { width:calc(100% - 480px); }
}
@media screen and (max-width:1280px){
	.history-box .nav-box { width:380px; height:480px; }
	.history-box .nav-box .year { width:260px; height:220px; font-size:64px; }
	.history-box .nav-box .nav li:not(:last-child) { margin-bottom:15px; }
	.history-box .history-list { width:calc(100% - 380px); }
	.history-box .history-list .tabCont:not(:last-child) { margin-bottom:120px; }
	.history-box .history-list .tabCont dl { padding:40px 0; }
	.history-box .history-list .tabCont dt { font-size:24px; }
	.history-box .history-list .tabCont dd { margin-top:20px; }
	.history-box .history-list .tabCont dd li { padding-left:15px; font-size:17px; }
	.history-box .history-list .tabCont dd li:before { top:10px; width:4px; height:4px;}
	.history-box .history-list .tabCont dd li:not(:last-child) { margin-bottom:12px; }
}
@media screen and (max-width:1024px){
	.history-box .historyCont { display:block } 
	.history-box .nav-box { width:100%; height:auto; top:-50px; z-index:5}
	.history-box .nav-box .year { display:none }
	.history-box .nav-box .nav { margin-top:30px; display:flex; flex-wrap:wrap; gap:10px; text-align:center; display:flex; flex-wrap:wrap; background:#f5f5f5; border-radius:55px; }
	.history-box .nav-box .nav li a { height:55px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; color:#333; font-size:17px; font-weight:600; line-height:1.2; transition:all 0.3s; border-radius:55px; }
	.history-box .nav-box .nav li a.on { color:#fff; background:var(--mainColor); font-weight:700; }
	.history-box .nav-box .nav li:not(:last-child) { margin-bottom:0; }
	.history-box .nav-box .nav li { width:calc((100% - 80px) / 5) }
	.history-box .history-list { width:100%; }
	.history-box .history-list .tabCont:not(:last-child) { margin-bottom:80px; }
	.history-box .history-list .tabCont dl { padding:20px 0; }
	.history-box .history-list .tabCont dt { font-size:20px; }
	.history-box .history-list .tabCont dd { margin-top:15px; }
	.history-box .history-list .tabCont dd li { padding-left:12px; font-size:16px; }
	.history-box .history-list .tabCont dd li:before { top:9px; width:3px; height:3px;}
	.history-box .history-list .tabCont dd li:not(:last-child) { margin-bottom:10px; }
}
@media screen and (max-width:640px){
    .history-box .nav-box .nav { border-radius:25px; }
    .history-box .nav-box .nav li a { height:50px; font-size:16px; flex-direction:column; }
    .history-box .nav-box .nav { gap:5px; }
	.history-box .nav-box .nav li { width:calc((100% - 10px) / 2) }
}
@media screen and (max-width:420px){
    .history-box .nav-box .nav li a { font-size:15px; }
}


.recruit-bg { position:relative; }
.recruit-bg:before {content:""; display:block; position:absolute; right:0; top:0; width:1200px; height:1200px; background:url(/img/sub/recruit_bg.png) right no-repeat;  }
.recruit-box > div { margin-top:200px; }
.recruit-box > div:first-child { margin-top:0; }
.recruit-box h4.stit { margin-bottom:30px; }
.recruit-box .box-list { margin-top:100px; }
.recruit-box .box-list > ul { display:flex; flex-wrap:wrap; gap:30px; }
.recruit-box .box-list > ul > li { position:relative; width:calc((100% - 30px) / 2) }
.recruit-box .box-list > ul > li .imgbox { position:relative; overflow:hidden; border-radius:30px; }
.recruit-box .box-list > ul > li .imgbox:before {content:""; display:block; padding-bottom:54%; }
.recruit-box .box-list > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.recruit-box .box-list > ul > li .imgbox:after { transition:all 0.3s; opacity:0; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 92, 205, 0.00) 0%, #005ccd 100%); }
.recruit-box .box-list > ul > li:hover .imgbox:after { opacity:1;}
.recruit-box .box-list > ul > li .txtbox { position:absolute; left:0; bottom:0; padding:60px; }
.recruit-box .box-list > ul > li .txtbox dt { color:#fff; font-size:30px; font-weight:700; line-height:1.3; }
.recruit-box .box-list > ul > li .txtbox dd { margin-top:10px; color:#fff; font-size:18px; font-weight:400; line-height:1.3; }
.recruit-box .progress-list { overflow:hidden }
.recruit-box .progress-list ul { display:flex; flex-wrap:wrap; justify-content:center; padding:0 3%; margin-left:-35px; }
.recruit-box .progress-list ul li { position:relative; width:calc(100% / 5); }
.recruit-box .progress-list ul li:not(:last-child) { margin-right:-35px; }
.recruit-box .progress-list ul li:before { content:""; display:block; padding-bottom:100%; }
.recruit-box .progress-list ul li .circle-box { position:absolute; left:0; top:0; width:100%; height:100%; border:10px solid #fff; border-radius:100%; background:#ebf1f8; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.recruit-box .progress-list ul li:last-child .circle-box { background:var(--mainColor); }
.recruit-box .progress-list ul li .circle-box .txt { color:#aaa; font-size:16px; font-weight:500; line-height:1.4; font-family:var(--mainFont); }
.recruit-box .progress-list ul li .circle-box .icon { margin:39px 0 34px; }
.recruit-box .progress-list ul li .circle-box strong { color:#222; font-size:20px; font-weight:500; line-height:1.4; }
.recruit-box .progress-list ul li:last-child .circle-box .txt,
.recruit-box .progress-list ul li:last-child .circle-box strong { color:#fff }
.recruit-box .progress-list ul li:nth-child(1) { z-index:5; }
.recruit-box .progress-list ul li:nth-child(2) { z-index:4; }
.recruit-box .progress-list ul li:nth-child(3) { z-index:3; }
.recruit-box .progress-list ul li:nth-child(4) { z-index:2; }
.recruit-box .listbox p { color:#333; font-size:20px; font-weight:600; line-height:1.4; }
.recruit-box .listbox .list { margin-top:30px; }
.recruit-box .listbox .list li:not(:last-child) { margin-bottom:15px; }
.recruit-box .listbox .list li { position:relative; padding-left:14px; color:#666; font-size:18px; font-weight:400; line-height:1.3; }
.recruit-box .listbox .list li:before { content:""; display:block; position:absolute; left:0; top:8px; width:4px; height:4px; background:#333; }
.recruit-box .listbox .list li > strong,
.recruit-box .listbox .list li > span.bk { color:#333; }
.recruit-box .listbox .list li > span { font-size:16px; }
.recruit-box .info-box > ul { display:flex; flex-wrap:wrap; gap:28px; }
.recruit-box .info-box > ul > li { width:calc((100% - 56px) / 3); border:1px solid #ddd; border-radius:30px; padding:60px; }
.recruit-box .info-box > ul > li dt { color:#333; font-size:20px; font-weight:600; line-height:1.3; }
.recruit-box .info-box > ul > li dd { margin-top:30px; }
.recruit-box .info-box > ul > li dd p:not(:last-child) { margin-bottom:30px; }
.recruit-box .info-box > ul > li dd p { color:#666; font-size:18px; font-weight:400; line-height:1.4; }
.recruit-box .info-box > ul > li dd li:not(:last-child) { margin-bottom:15px; }
.recruit-box .info-box > ul > li dd li { position:relative; padding-left:14px; color:#666; font-size:18px; font-weight:400; line-height:1.3; }
.recruit-box .info-box > ul > li dd li > strong,
.recruit-box .info-box > ul > li dd li > span.bk { color:#333; }
.recruit-box .info-box > ul > li dd li > span { font-size:16px; }
.recruit-box .info-box > ul > li dd li:before { content:""; display:block; position:absolute; left:0; top:8px; width:4px; height:4px; background:#333; }
.recruit-box .info-box .txt_b { margin-top:22px; position:relative; color:#666; font-size:16px; font-weight:400; line-height:1.3; padding-left:32px; }
.recruit-box .info-box .txt_b span { position:absolute; left:0; top:-2px; display:inline-block; }
.recruit-box .info-box .txt_b span i { display:flex; justify-content:center; align-items:center; width:24px; height:24px; border-radius:24px; border:1px solid var(--mainColor); color:var(--mainColor); font-weight:600; }
@media screen and (max-width:1520px){
	.recruit-box .progress-list ul li .circle-box .icon { margin:30px 0 25px; }
}
@media screen and (max-width:1440px){
	.recruit-box .box-list > ul > li .txtbox { padding:50px; }
	.recruit-box .box-list > ul > li .txtbox dt { font-size:26px; }
	.recruit-box .box-list > ul > li .txtbox dd { margin-top:10px; font-size:17px; }
	.recruit-box .progress-list ul { padding:0 1%; }
	.recruit-box .progress-list ul li .circle-box .icon { margin:25px 0 20px; }
	.recruit-box .progress-list ul li .circle-box strong { font-size:19px; }
	.recruit-box .info-box > ul { gap:20px; }
	.recruit-box .info-box > ul > li { width:calc((100% - 40px) / 3); padding:40px; }
}
@media screen and (max-width:1280px){
	.recruit-bg:before { width:800px; height:800px; background-size:800px auto }
	.recruit-box > div { margin-top:160px; }
	.recruit-box .box-list { margin-top:80px; }
	.recruit-box .box-list > ul { gap:20px; }
	.recruit-box .box-list > ul > li { width:calc((100% - 20px) / 2) }
	.recruit-box .box-list > ul > li .txtbox { padding:40px; }
	.recruit-box .box-list > ul > li .txtbox dt { font-size:22px; }
	.recruit-box .box-list > ul > li .txtbox dd { margin-top:8px; font-size:16px; }
	.recruit-box .progress-list ul { padding:0; width:calc(100% + 140px); margin-left:-70px; }
	.recruit-box .progress-list ul li .circle-box .icon { margin:20px 0 18px; }	
	.recruit-box .progress-list ul li .circle-box .icon img { height:40px; }
	.recruit-box .progress-list ul li .circle-box .txt { font-size:15px; }
	.recruit-box .progress-list ul li .circle-box strong { font-size:18px; }
	.recruit-box .listbox p { font-size:19px; }
	.recruit-box .listbox .list li:not(:last-child) { margin-bottom:15px; }
	.recruit-box .listbox .list li { padding-left:14px; font-size:17px; }
	.recruit-box .listbox .list li:before { top:8px; width:4px; height:4px; }
	.recruit-box .info-box > ul { gap:15px; }
	.recruit-box .info-box > ul > li { width:calc((100% - 30px) / 3); padding:30px; }
	.recruit-box .info-box > ul > li dt { font-size:19px; }
	.recruit-box .info-box > ul > li dd { margin-top:25px; }
	.recruit-box .info-box > ul > li dd p:not(:last-child) { margin-bottom:25px; }
	.recruit-box .info-box > ul > li dd p { font-size:17px; }
	.recruit-box .info-box > ul > li dd li:not(:last-child) { margin-bottom:15px; }
	.recruit-box .info-box > ul > li dd li { padding-left:14px; font-size:17px; }
	.recruit-box .info-box > ul > li dd li:before { top:8px; width:4px; height:4px; }
	.recruit-box .info-box .txt_b { margin-top:18px; font-size:15px; }
	.recruit-box .info-box .txt_b span i { width:22px; height:22px; }
}
@media screen and (max-width:1024px){
	.recruit-bg:before { width:600px; height:600px; background-size:600px auto }
	.recruit-box > div { margin-top:100px; }
	.recruit-box h4.stit { margin-bottom:18px; }
	.recruit-box .box-list { margin-top:60px; }
	.recruit-box .box-list > ul { gap:10px; }
	.recruit-box .box-list > ul > li { width:calc((100% - 10px) / 2) }
	.recruit-box .box-list > ul > li .imgbox { border-radius:15px; }
	.recruit-box .box-list > ul > li .imgbox:before { padding-bottom:50%; }
	.recruit-box .box-list > ul > li .txtbox { padding:30px; }
	.recruit-box .box-list > ul > li .txtbox dt { font-size:20px; }
	.recruit-box .box-list > ul > li .txtbox dd { margin-top:5px; font-size:15px; }
	.recruit-box .progress-list ul { width:calc(100% + 120px); margin-left:-60px; }
	.recruit-box .progress-list ul li:not(:last-child) { margin-right:-30px; }
	.recruit-box .progress-list ul li .circle-box { border:5px solid #fff; }
	.recruit-box .progress-list ul li .circle-box .icon { margin:18px 0 15px; }	
	.recruit-box .progress-list ul li .circle-box .icon img { height:36px; }
	.recruit-box .progress-list ul li .circle-box .txt { font-size:14px; }
	.recruit-box .progress-list ul li .circle-box strong { font-size:17px; }
	.recruit-box .listbox p { font-size:18px; }
	.recruit-box .listbox .list li:not(:last-child) { margin-bottom:10px; }
	.recruit-box .listbox .list li { padding-left:12px; font-size:16px; }
	.recruit-box .listbox .list li:before { top:8px; width:3px; height:3px; }
	.recruit-box .info-box > ul { gap:10px; }
	.recruit-box .info-box > ul > li { width:100%; padding:20px; border-radius:15px; }
	.recruit-box .info-box > ul > li dt { font-size:18px; }
	.recruit-box .info-box > ul > li dd { margin-top:20px; }
	.recruit-box .info-box > ul > li dd p:not(:last-child) { margin-bottom:15px; }
	.recruit-box .info-box > ul > li dd p { font-size:15px; }
	.recruit-box .info-box > ul > li dd li:not(:last-child) { margin-bottom:10px; }
	.recruit-box .info-box > ul > li dd li { padding-left:12px; font-size:16px; }
	.recruit-box .info-box > ul > li dd li:before { top:8px; width:3px; height:3px; }
}
@media screen and (max-width:860px){
	.recruit-box .box-list > ul > li { width:100% }
	.recruit-box .box-list > ul > li .imgbox:before { padding-bottom:40%; }
	.recruit-box .box-list > ul > li .txtbox { padding:20px; }
	.recruit-box .box-list > ul > li .txtbox dt { font-size:17px; }
	.recruit-box .box-list > ul > li .txtbox dd { font-size:14px; }
	.recruit-box .progress-list ul { padding:0 2%; width:auto; margin-left:-30px; }
	.recruit-box .progress-list ul li { width:calc(100% / 3); }
	.recruit-box .progress-list ul li:nth-child(4) { margin-left:30px; }
}
@media screen and (max-width:640px){
	.recruit-bg:before { width:400px; height:400px; background-size:400px auto }
	.recruit-box > div { margin-top:60px; }
	.recruit-box h4.stit { margin-bottom:10px; }
	.recruit-box .box-list { margin-top:40px; }
	.recruit-box .box-list > ul > li .imgbox:before { padding-bottom:35%; }
	.recruit-box .progress-list ul li { width:calc(100% / 2); }
	.recruit-box .progress-list ul li .circle-box .icon { margin:15px 0 15px; }	
	.recruit-box .progress-list ul li .circle-box .icon img { height:36px; }
	.recruit-box .progress-list ul li .circle-box .txt { font-size:14px; }
	.recruit-box .progress-list ul li .circle-box strong { font-size:16px; }
	.recruit-box .progress-list ul li:nth-child(4) { margin-left:0; }
	.recruit-box .progress-list ul li:nth-child(5) { margin-left:30px; }
	.recruit-box .listbox p { font-size:17px; }
	.recruit-box .listbox .list li:not(:last-child) { margin-bottom:10px; }
	.recruit-box .listbox .list li { padding-left:10px; font-size:15px; }
	.recruit-box .info-box > ul > li dt { font-size:17px; }
	.recruit-box .info-box > ul > li dd { margin-top:15px; }
	.recruit-box .info-box > ul > li dd p:not(:last-child) { margin-bottom:12px; }
	.recruit-box .info-box > ul > li dd li:not(:last-child) { margin-bottom:10px; }
	.recruit-box .info-box > ul > li dd li { padding-left:10px; font-size:15px; }
}

/* animation */
.recruit-box .box-list,
.recruit-box .progress-list ul li,
.recruit-box .listbox,
.recruit-box .info-box > ul > li { opacity:0; }
.recruit-box .box-list.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
.recruit-box .progress-list.subOn > ul > li:nth-child(1) { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.recruit-box .progress-list.subOn > ul > li:nth-child(2) { animation:ani_1 0.5s 0.6s; animation-fill-mode:both; }
.recruit-box .progress-list.subOn > ul > li:nth-child(3) { animation:ani_1 0.5s 0.9s; animation-fill-mode:both; }
.recruit-box .progress-list.subOn > ul > li:nth-child(4) { animation:ani_1 0.5s 1.2s; animation-fill-mode:both; }
.recruit-box .progress-list.subOn > ul > li:nth-child(5) { animation:ani_1 0.5s 1.5s; animation-fill-mode:both; }
.recruit-box .listbox.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.recruit-box .info-box.subOn > ul > li:nth-child(1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.recruit-box .info-box.subOn > ul > li:nth-child(2) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.recruit-box .info-box.subOn > ul > li:nth-child(3) { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }
.recruit-box .info-box.subOn > ul > li:nth-child(4) { animation:ani_3 0.5s 1.2s; animation-fill-mode:both; }

.location-box .map { overflow:hidden; border-radius:30px; }
.location-box .map iframe { width:100%; height:600px }
.location-box .info-box { margin-top:30px; }
.location-box .info-box > ul { display:flex; flex-wrap:wrap; gap:28px; }
.location-box .info-box > ul > li { width:calc((100% - 56px) / 3); border:1px solid #ddd; border-radius:30px; padding:50px 20px 50px 40px; }
.location-box .info-box > ul > li dt { color:#333; font-size:20px; font-weight:600; line-height:1.3; }
.location-box .info-box > ul > li dd { margin-top:30px; }
.location-box .info-box > ul > li dd li:not(:last-child) { margin-bottom:15px; }
.location-box .info-box > ul > li dd li { position:relative; color:#666; font-size:18px; font-weight:400; line-height:1.3; display:flex; flex-wrap:wrap; font-family:var(--mainFont), var(--rootFont), sans-serif; }
.location-box .info-box > ul > li dd li > strong { width:90px; font-weight:400; color:#333; }
.location-box .info-box > ul > li dd li > strong i { display:inline-block; width:28px; }
.location-box .info-box > ul > li dd li > strong i img { vertical-align:middle; margin-top:-2px; }
.location-box .info-box > ul > li dd li > span { width:calc(100% - 90px); }
.location-box .info-box > ul > li dd .stxt { display:flex; flex-wrap:wrap; align-items:center; color:#666; font-size:18px; font-weight:400; line-height:1.3; }
.location-box .info-box > ul > li dd .stxt > strong { width:150px; font-weight:400; color:#333; }
.location-box .info-box > ul > li dd .stxt .sbox { margin-right:6px; display:inline-block; text-align:center; width:25px; height:25px; line-height:25px; border-radius:25px; font-family:var(--mainFont); color:#fff; font-size:14px; font-weight:700; }
.location-box .info-box > ul > li dd .stxt .sbox.s1 { background:#263c96; }
.location-box .info-box > ul > li dd .stxt .sbox.s2 { background:#2c9ede; }
.location-box .info-box > ul > li dd .stxt > span { width:calc(100% - 150px); }
@media screen and (max-width:1440px){
	.location-box .info-box > ul { gap:20px; }
	.location-box .info-box > ul > li { width:calc((100% - 40px) / 3); padding:40px; }
}
@media screen and (max-width:1280px){
	.location-box .info-box > ul { gap:15px; }
	.location-box .info-box > ul > li { width:calc((100% - 30px) / 3); padding:30px; }
	.location-box .info-box > ul > li dt { font-size:19px; }
	.location-box .info-box > ul > li dd { margin-top:25px; }
	.location-box .info-box > ul > li dd li:not(:last-child) { margin-bottom:15px; }
	.location-box .info-box > ul > li dd li,
	.location-box .info-box > ul > li dd .stxt { font-size:17px; }
}
@media screen and (max-width:1024px){
	.location-box .map { border-radius:15px; }
	.location-box .map iframe { height:450px }
	.location-box .info-box > ul { gap:10px; }
	.location-box .info-box > ul > li { width:100%; padding:20px; border-radius:15px; }
	.location-box .info-box > ul > li dt { font-size:18px; }
	.location-box .info-box > ul > li dd { margin-top:20px; }
	.location-box .info-box > ul > li dd li:not(:last-child) { margin-bottom:10px; }
	.location-box .info-box > ul > li dd li,
	.location-box .info-box > ul > li dd .stxt { font-size:16px; }
	.location-box .info-box > ul > li dd .stxt > strong { width:140px; }
	.location-box .info-box > ul > li dd .stxt > span { width:calc(100% - 140px); }
}
@media screen and (max-width:640px){
	.location-box .map iframe { height:320px }
	.location-box .info-box > ul > li dt { font-size:17px; }
	.location-box .info-box > ul > li dd { margin-top:15px; }
	.location-box .info-box > ul > li dd li:not(:last-child) { margin-bottom:10px; }
	.location-box .info-box > ul > li dd li,
	.location-box .info-box > ul > li dd .stxt { font-size:15px; }
}

/* animation */
.location-box .map { opacity:0; }
.location-box .map.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.location-box .info-box > ul > li { opacity:0; }
.location-box .info-box.subOn > ul > li:nth-child(1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.location-box .info-box.subOn > ul > li:nth-child(2) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.location-box .info-box.subOn > ul > li:nth-child(3) { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }
.location-box .info-box.subOn > ul > li:nth-child(4) { animation:ani_3 0.5s 1.2s; animation-fill-mode:both; }


.searchCont .searchList { padding-top:112px; }
.searchCont .searchList .search-top { height:470px; padding-top:150px; background:url(/img/sub/search_top.jpg) no-repeat center / cover;  }
.searchCont .searchList .search-top .ipbox { display:flex; position:relative; }
.searchCont .searchList .search-top .ipbox input[type="text"] { height:100px; padding:0 150px 0 50px; width:100%; font-size:36px; color:#111; font-weight:400; border:1px solid #000; outline:none; background:#fff; border-radius:60px; }
.searchCont .searchList .search-top .ipbox input[type="submit"] { position:absolute; right:50px; top:50%; transform:translateY(-50%); width:40px; height:40px; outline:none; border:none; background:url(/img/sub/search_icon.png) center no-repeat; text-indent:-9999em; overflow:hidden }
.searchCont .searchList .search-top .ipbox ::placeholder { color:#666; opacity:1; font-weight:200; }
.searchCont .searchList .search-top .keyword-box { padding:30px 200px 0 }
.searchCont .searchList .search-top .keyword-box dl { display:flex; flex-wrap:wrap; }
.searchCont .searchList .search-top .keyword-box dl dt { width:140px; font-size:18px; color:#333; font-weight:600; line-height:1.3; padding-top:7px; }
.searchCont .searchList .search-top .keyword-box dl dd { width:calc(100% - 140px); }
.searchCont .searchList .search-top .keyword-box dl dd ul { display:flex; flex-wrap:wrap; gap:20px 10px; }
.searchCont .searchList .search-top .keyword-box dl dd li a { font-size:16px; color:#666; font-weight:400; line-height:1.3; padding:0 15px; display:flex; display:flex; align-items:center; justify-content:center; height:40px; background:#fff; border-radius:40px; }
.searchCont .searchList .search-result { margin-top:100px; padding:36px 20px; text-align:center; font-size:24px; color:#222; font-weight:500; line-height:1.3; border-radius:30px; border:1px solid #e0e0e0; }
.searchCont .searchList .search-result strong { color:var(--mainColor); }
.searchCont .searchList .result-list { margin-top:100px; }
.searchCont .searchList .result-list .title strong { color:#111; font-size:40px; font-weight:700; line-height:1.3; }
.searchCont .searchList .result-list .title span { font-family:var(--mainFont); color:var(--mainColor); font-size:24px; font-weight:500; line-height:1.3; margin-left:3px; }
.searchCont .searchList .result-list .list:not(:last-child) { margin-bottom:120px; }
.searchCont .searchList .result-list .list ul { margin-top:20px; border-top:2px solid #000 }
.searchCont .searchList .result-list .list li { padding:30px 135px 30px 30px; position:relative; border-bottom:1px solid #e0e0e0; }
.searchCont .searchList .result-list .list li strong > a { font-size:22px; color:#333; font-weight:500; line-height:1.3; }
.searchCont .searchList .result-list .list li strong > a > span { color:var(--mainColor); }
.searchCont .searchList .result-list .list li .date { position:absolute; right:30px; top:50%; transform:translateY(-50%); font-size:16px; color:#999; font-weight:400; line-height:1.3; }
.searchCont .searchList .result-list .list li .keyword { display:flex; lex-wrap:wrap; gap:10px 30px; margin-top:10px; }
.searchCont .searchList .result-list .list li .keyword a { font-size:16px; color:#777; font-weight:400; line-height:1.3; }
@media screen and (max-width:1440px){
	.searchCont .searchList .search-top { height:420px; padding-top:120px;  }
	.searchCont .searchList .search-top .ipbox input[type="text"] { height:80px; padding:0 140px 0 50px; font-size:28px; }
	.searchCont .searchList .search-top .ipbox input[type="submit"] { background-size:35px auto; right:40px;  }
	.searchCont .searchList .search-top .keyword-box { padding:30px 100px 0 }
	.searchCont .searchList .search-top .keyword-box dl dt { width:130px; font-size:17px; }
	.searchCont .searchList .search-top .keyword-box dl dd { width:calc(100% - 130px); }
	.searchCont .searchList .search-top .keyword-box dl dd li a { font-size:16px; }
	.searchCont .searchList .search-result { padding:35px 20px; font-size:22px; }
	.searchCont .searchList .result-list .title strong { font-size:34px; }
	.searchCont .searchList .result-list .title span { font-size:22px; }
	.searchCont .searchList .result-list .list:not(:last-child) { margin-bottom:100px; }
	.searchCont .searchList .result-list .list ul { margin-top:20px; }
	.searchCont .searchList .result-list .list li { padding:30px 135px 30px 20px; }
	.searchCont .searchList .result-list .list li strong > a { font-size:20px; }
	.searchCont .searchList .result-list .list li .date { right:30px; font-size:16px; }
}
@media screen and (max-width:1280px){
	.searchCont .searchList .search-top { height:380px; padding-top:100px;  }
	.searchCont .searchList .search-top .ipbox input[type="text"] { height:70px; padding:0 130px 0 40px; font-size:24px; }
	.searchCont .searchList .search-top .ipbox input[type="submit"] { background-size:30px auto; right:30px;  }
	.searchCont .searchList .search-top .keyword-box { padding:30px 60px 0 }
	.searchCont .searchList .search-top .keyword-box dl dt { width:120px; font-size:16px; }
	.searchCont .searchList .search-top .keyword-box dl dd { width:calc(100% - 120px); }
	.searchCont .searchList .search-top .keyword-box dl dd ul { gap:15px 10px; }
	.searchCont .searchList .search-top .keyword-box dl dd li a { font-size:16px; }
	.searchCont .searchList .search-result { margin-top:80px; padding:35px 20px; font-size:20px; }
	.searchCont .searchList .result-list { margin-top:80px; }
	.searchCont .searchList .result-list .title strong { font-size:28px; }
	.searchCont .searchList .result-list .title span { font-size:20px; }
	.searchCont .searchList .result-list .list:not(:last-child) { margin-bottom:80px; }
	.searchCont .searchList .result-list .list ul { margin-top:20px; }
	.searchCont .searchList .result-list .list li { padding:30px 120px 30px 20px; }
	.searchCont .searchList .result-list .list li strong > a { font-size:18px; }
	.searchCont .searchList .result-list .list li .date { right:20px; font-size:15px; }
	.searchCont .searchList .result-list .list li .keyword { gap:10px 20px; margin-top:8px; }
	.searchCont .searchList .result-list .list li .keyword a { font-size:15px; }
}
@media screen and (max-width:1024px){
	.searchCont .searchList .search-top { height:auto; min-height:300px; padding:80px 0; }
	.searchCont .searchList .search-top .ipbox input[type="text"] { height:60px; padding:0 100px 0 35px; font-size:20px; }
	.searchCont .searchList .search-top .ipbox input[type="submit"] { background-size:24px auto; right:20px;  }
	.searchCont .searchList .search-top .keyword-box { padding:25px 20px 0 }
	.searchCont .searchList .search-top .keyword-box dl dt { width:110px; font-size:16px; }
	.searchCont .searchList .search-top .keyword-box dl dd { width:calc(100% - 110px); }
	.searchCont .searchList .search-top .keyword-box dl dd ul { gap:10px 5px; }
	.searchCont .searchList .search-top .keyword-box dl dd li a { font-size:15px; padding:0 10px; height:34px; }
	.searchCont .searchList .search-result { margin-top:60px; padding:30px 20px; font-size:19px; border-radius:15px; }
	.searchCont .searchList .result-list { margin-top:60px; }
	.searchCont .searchList .result-list .title strong { font-size:24px; }
	.searchCont .searchList .result-list .title span { font-size:18px; }
	.searchCont .searchList .result-list .list:not(:last-child) { margin-bottom:60px; }
	.searchCont .searchList .result-list .list ul { margin-top:20px; }
	.searchCont .searchList .result-list .list li { padding:25px 120px 25px 20px; }
	.searchCont .searchList .result-list .list li strong > a { font-size:18px; }
}
@media screen and (max-width:640px){
	.searchCont .searchList .search-top { padding:60px 0; }
	.searchCont .searchList .search-top .ipbox input[type="text"] { height:55px; padding:0 100px 0 30px; font-size:18px; }
	.searchCont .searchList .search-top .ipbox input[type="submit"] { background-size:22px auto; }
	.searchCont .searchList .search-top .keyword-box { padding:20px 20px 0 }
	.searchCont .searchList .search-top .keyword-box dl dt { width:100%; }
	.searchCont .searchList .search-top .keyword-box dl dd { width:100%; margin-top:10px; }
	.searchCont .searchList .search-top .keyword-box dl dd ul { gap:10px 5px; }
	.searchCont .searchList .search-top .keyword-box dl dd li a { font-size:14px; padding:0 8px; height:32px; }
	.searchCont .searchList .search-result { margin-top:40px; padding:20px 20px; font-size:18px; }
	.searchCont .searchList .result-list { margin-top:40px; }
	.searchCont .searchList .result-list .title strong { font-size:20px; }
	.searchCont .searchList .result-list .title span { font-size:16px; }
	.searchCont .searchList .result-list .list:not(:last-child) { margin-bottom:40px; }
	.searchCont .searchList .result-list .list ul { margin-top:15px; }
	.searchCont .searchList .result-list .list li { padding:20px 120px 20px 20px; }
	.searchCont .searchList .result-list .list li strong > a { font-size:16px; }
}

/* animation */
.searchCont .searchList .result-list,
.searchCont .searchList .search-result { opacity:0; }
.searchCont .searchList .search-result.subOn,
.searchCont .searchList .result-list.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }

.policyCont .box { opacity:0; }
.policyCont .box.subOn { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }


.esg-box .listbox { }
.esg-box .listbox > ul > li { margin-top:100px; display:flex; align-items:center; flex-wrap:wrap; gap:0 150px; }
.esg-box .listbox > ul > li:nth-child(2n) { flex-direction:row-reverse; }
.esg-box .listbox > ul > li > div { width:calc((100% - 150px) / 2); }
.esg-box .listbox > ul > li .imgbox { position:relative; }
.esg-box .listbox > ul > li .imgbox:before { content:""; display:block; padding-bottom:90%; }
.esg-box .listbox > ul > li .imgbox img { border-radius:30px; box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0); position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.esg-box .listbox > ul > li:last-child .imgbox img { box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0); }
.esg-box .listbox > ul > li .txtbox p { font-family:var(--mainFont); font-size:110px; color:#ebebeb; font-weight:700; line-height:1.3; }
.esg-box .listbox > ul > li .txtbox dt { margin-top:30px; font-size:32px; color:#222; font-weight:700; line-height:1.3; }
.esg-box .listbox > ul > li .txtbox dd { margin-top:30px; }
.esg-box .listbox > ul > li .txtbox dd li:not(:last-child) { margin-bottom:12px; }
.esg-box .listbox > ul > li .txtbox dd li { position:relative; padding-left:14px; color:#666; font-size:20px; font-weight:400; line-height:1.6; }
.esg-box .listbox > ul > li .txtbox dd li:before {content:""; display:block; position:absolute; left:0; top:14px; background:#333; width:4px; height:4px; }
@media screen and (max-width:1440px){
	.esg-box .listbox > ul > li { margin-top:80px; gap:0 100px; }
	.esg-box .listbox > ul > li > div { width:calc((100% - 100px) / 2); }
	.esg-box .listbox > ul > li .txtbox p { font-size:90px; }
	.esg-box .listbox > ul > li .txtbox dt { margin-top:25px; font-size:28px; }
}
@media screen and (max-width:1280px){
	.esg-box .listbox > ul > li { gap:0 80px; }
	.esg-box .listbox > ul > li > div { width:calc((100% - 80px) / 2); }
	.esg-box .listbox > ul > li .txtbox p { font-size:70px; }
	.esg-box .listbox > ul > li .txtbox dt { margin-top:20px; font-size:24px; }
	.esg-box .listbox > ul > li .txtbox dd { margin-top:20px; }
	.esg-box .listbox > ul > li .txtbox dd li { padding-left:14px; font-size:17px; }
	.esg-box .listbox > ul > li .txtbox dd li:before { top:10px; width:4px; height:4px; }
}
@media screen and (max-width:1024px){
	.esg-box .listbox > ul > li { margin-top:60px; gap:0 60px; }
	.esg-box .listbox > ul > li > div { width:calc((100% - 60px) / 2); }
	.esg-box .listbox > ul > li .txtbox p { font-size:40px; }
	.esg-box .listbox > ul > li .txtbox dt { margin-top:15px; font-size:22px; }
	.esg-box .listbox > ul > li .txtbox dd { margin-top:15px; }
	.esg-box .listbox > ul > li .txtbox dd li:not(:last-child) { margin-bottom:8px; }
	.esg-box .listbox > ul > li .txtbox dd li { padding-left:12px; font-size:16px; }
	.esg-box .listbox > ul > li .txtbox dd li:before { top:10px; width:3px; height:3px; }
	.esg-box .listbox > ul > li .imgbox img { border-radius:15px; }
}
@media screen and (max-width:960px){
	.esg-box .listbox > ul > li { gap:0 40px; }
	.esg-box .listbox > ul > li:nth-child(2n) { flex-direction:row; }
	.esg-box .listbox > ul > li > div { width:calc((100% - 40px) / 2); }
}
@media screen and (max-width:760px){
	.esg-box .listbox > ul > li { gap:30px; }
	.esg-box .listbox > ul > li > div { width:100%; }
	.esg-box .listbox > ul > li .txtbox dt,
	.esg-box .listbox > ul > li .txtbox dd { margin-top:10px; }
	.esg-box .listbox > ul > li .imgbox:before { padding-bottom:50%; }
}


/* animation */	
.esg-box .listbox > ul > li .txtbox { opacity:0; }
.esg-box .listbox > ul > li.subOn .txtbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }	
.esg-box .listbox > ul > li.subOn:nth-child(2n) .txtbox { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }	
.esg-box .listbox > ul > li .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; bottom:0; }
.esg-box .listbox > ul > li:nth-child(2n) .imgbox:after { left:0; right:unset; }
.esg-box .listbox > ul > li.subOn .imgbox:after { animation:ani_w100 1.0s 0.1s; animation-fill-mode:both; }
@media screen and (max-width:960px){
	.esg-box .listbox > ul > li.subOn:nth-child(2n) .txtbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }	
	.esg-box .listbox > ul > li:nth-child(2n) .imgbox:after { left:unset; right:0; }
}