@charset "utf-8";

/* 
 * main CSS Document
 * KOWEB
 */

/* visual */
.area_visual{padding-top: 97rem;position:relative;}
.area_visual .list li,
.area_visual .bx-viewport{height:640px;}
.area_visual .list li{background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.area_visual #control{justify-content:center; position:absolute; bottom:130rem; left:0; z-index:51; width:100%;}
.area_visual #control #bx-pager{display:flex; align-items:center;}
.area_visual #control #bx-pager a{opacity:0.36; width:58rem; height:4rem; margin:0 5rem; background:#fff; transition:var(--animation-basic);}
.area_visual #control #bx-pager a.active{opacity:1;}
.area_visual .bx-controls-auto-item a{display:block; background-size:cover; font-size:0;}
.area_visual .bx-controls-auto-item a.bx-start{width:7rem; height:12rem; background-image:url(../../images/main/icon_start.svg);}
.area_visual .bx-controls-auto-item a.bx-stop{width:8rem; height:12rem; background-image:url(../../images/main/icon_stop.svg);}
.area_visual #control .stop{margin-left:6rem;}
.area_visual .list li img{display:none;}
.area_visual .list li .txt{position:absolute; top:45%; left:50%; margin-left:-700rem; transform:translateY(-50%);}
.area_visual .list li .txt h3{font-size:48rem; font-weight:800; color:#fff; line-height:1.4em; word-break:keep-all;}
.area_visual .list li .txt span{display:block; margin:20rem 0 0; font-size:18rem; font-weight:600; color:#fff; line-height:1.7em; word-break:keep-all;}
.area_visual .list li.vs01 .txt h3{color:#222;}
.area_visual .list li.vs01 .txt span{color:#222;}

/* contact */
.area_contact{position:relative;z-index:51;width:1540rem;margin:-56rem auto 0; padding:10rem 0 4rem;background:#fff;border-top-left-radius:25rem;border-top-right-radius:25rem;}

.contact_inner{display:flex; justify-content:center; align-items:center; width:1322rem;}
.contact_call{display:flex; align-items:center; position:relative;}
.contact_call > div{display:flex; align-items:center; margin-right:35rem; padding-right:35rem; border-right:1rem solid #e2e2e2;}
.contact_call > div span::before,
.contact_call > div span::after{content:""; display:block; background-size:cover; background-repeat:no-repeat;}
.contact_call > div span::before{width:22rem; height:30rem; background-image:url(../../images/main/icon_call.svg); background-size:contain}
.contact_call > div span::after{content:"Call";position:absolute;top: -4rem;left: 14rem;width: 28rem;height: 23rem;padding-top:0;background-size:100%;font-weight:600;font-size: 10rem;color:#BBB;text-align:center;background-image:url(../../images/main/icon_call_bg.svg);background-size: contain;}
.contact_call > div p{margin-left:15rem; font-weight:300; font-size:24rem; color:#3f3f3f;}
.contact_call > div a{margin-left:2rem; font-weight:800; font-size:28rem; color:var(--color-point); letter-spacing:0.5rem;}

.contact_iogin input{height:30rem; line-height:30rem; margin:0; padding:0 0 0 7rem; border:1rem solid #dbdbdb; font-size:15rem; transition:var(--animation-basic); border-radius:5rem; outline:none;}
.contact_iogin input::placeholder{font-weight:300; color:#d2d2d2;}
.contact_iogin [data-login="id"]{width:130rem;}
.contact_iogin [data-login="password"]{width:160rem;}
.contact_iogin button{display:block; width:100rem; padding:0 10rem; background:#535353; color:#fff; transition:var(--animation-basic); border-radius:6rem; text-align:center;}
.contact_iogin button:hover{background-color:var(--color-point);}
.contact_iogin{display:flex; margin-left:58rem; gap:6rem;}
.contact_iogin input:focus{border-color:#ababab;}

.contact_util a:hover{opacity:0.6;}
.contact_util a{opacity:1; font-size:14rem; color:#666; transition:var(--animation-basic);}
.contact_util a.join{position:relative; display:block; margin-left:22rem;}
.contact_util a.join:before{content:''; position:absolute; top:9rem; left:-12rem; width:3px; height:3px; border-radius:10rem; background:#ddd;}
.contact_util i{opacity:0.45; margin:0 7rem; font-weight:200; font-size:15rem;}
.contact_util{display: flex; align-items: center; margin-left:29rem;}
.contact_util div{display:flex; align-items:center; }

.list_call li img{display:block; height:17rem;}
.list_call li{background:#f2f2f2; border-radius:100%;}
.list_call li a{display:flex; justify-content:center; align-items:center; width:38rem; height:38rem;}
.list_call{gap:11rem;}

.login_box{height:52rem; display:flex;  align-items: center; margin-left: 35rem; padding-left: 35rem; border-left: 1rem solid #e2e2e2;}
.login_box h3{font-weight:400; font-size:16rem; color:#222;}
.login_box h3 span{font-weight:600; font-size:20rem;}
.login-btn__list{display:flex; margin-left:10rem;}
.login-btn__list > li{margin-left:7rem;}
.login-btn__list > li > a{display:block; padding:5rem; border:1px solid #ddd; box-sizing:border-box; width:110rem; text-align:center; border-radius:5rem; transition:all 0.3s ease;} 
.login-btn__list > li > a:hover{border-color:var(--color-point); background:var(--color-point); color:#fff;}

/* quick */
.area_quick{margin-top:5rem;}
.quick_inner{display:flex; flex-wrap:wrap;}

[data-quick]{overflow:hidden; width:-webkit-calc(100%/4); width:calc(100%/4); height:263rem; background-position:100% 100%; background-repeat:no-repeat;}
[data-quick="01"] > div{padding:40rem 40rem; border-top:6rem solid #eee; border-left:6rem solid #eee; border-top-left-radius:28rem;}
[data-quick] strong{font-size:26rem;}
[data-quick] a{display:block; opacity:1; height:100%; padding:40rem 40rem; transition:var(--animation-basic); max-height:183rem;}
[data-quick="01"] .list_time{margin-top:11rem;}
[data-quick="01"] strong{font-weight:900; color:#222;}
[data-quick="02"]{background-color:#01588b; background-image:url(../../images/main/img_subj01.jpg);}
[data-quick="03"]{background-color:#4fa7dc; background-image:url(../../images/main/img_subj02.jpg);}
[data-quick="04"]{background-color:#2185c0; border-top-right-radius:28rem; background-image:url(../../images/main/img_subj03.jpg);}
[data-quick="05"]{background-color:#2f85b7; border-bottom-left-radius:28rem; background-image:url(../../images/main/img_subj04.jpg);}
[data-quick="06"]{background-color:#6aa5c9; background-image:url(../../images/main/img_subj05.jpg);}
[data-quick="07"]{background-color:#19608a; background-image:url(../../images/main/img_subj06.jpg); background-position-y:69%;}
[data-quick="08"]{background-color:#3e5660; background-image:url(../../images/main/img_subj07.jpg); }
[data-quick="09"]{background-color:#19608a; background-image:url(../../images/main/img_subj08.jpg); border-bottom-right-radius:28rem;}
[data-quick]:not([data-quick="01"]) *{color:#fff;}
[data-quick] p{font-weight:300; font-size:16rem;}
[data-quick] a:hover{opacity:0.6;}
[data-quick]:not([data-quick="01"]) p{margin-top:18rem;}

.list_time li{display:flex; justify-content:space-between; align-items:center;}
.list_time li em{font-weight:600; font-size:16rem; color:#222;}
.list_time li:not(:first-child){margin-top:8rem;}

/* board */
.area_board{margin-top:75rem;}
.area_board h5{font-size:23rem;}
.area_board .board_inner{display:flex; justify-content:space-between;}

.board_banner{overflow:hidden; min-width:373rem; border-radius:24rem; flex:1; max-width:373rem;}
.board_banner ul img{width:100%;}

.board_notice{padding:40rem 36rem; border:1rem solid #f0f0f0; flex:1; border-radius:24rem; max-width:360rem;}

.board_notice [data-notice="tit"]{display:flex; justify-content:space-between; align-items:center;}
.board_notice [data-notice="cont"]{margin-top:29rem;}
.board_notice [data-notice="cont"] > div i{display:block; width:158rem; height:120rem; background-size:cover; background-position:50% 50%; min-width:158rem; border-radius:10rem;}
.board_notice [data-notice="cont"] > div h6{display:-webkit-box; overflow:hidden; font-weight:700; font-size:17rem; transition:var(--animation-basic); -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:45px;}
.board_notice [data-notice="cont"] div a{display:flex; align-items:center;}
.board_notice [data-notice="cont"] > div div{margin-left:26rem;}
.board_notice [data-notice="cont"] > div time{display:block; margin-top:16rem; font-weight:500; font-size:13rem; color:#bdbdbd; letter-spacing:-0.2rem;}
.board_notice [data-notice="cont"] > ul{margin-top:30rem;}
.board_notice [data-notice="cont"] > ul li a{display:block; overflow:hidden; width:94%; padding:16rem 0; font-weight:600; font-size:15rem; color:#222; white-space:nowrap; transition:var(--animation-basic); text-overflow:ellipsis;}
.board_notice [data-notice="cont"] > ul li:last-child a{padding-bottom:0;}
.board_notice [data-notice="tit"] a{display:flex; align-items:center; font-weight:600; font-size:12rem; color:#c3c3c3; transition:var(--animation-basic);}
.board_notice [data-notice="tit"] a::after{content:""; display:block; opacity:0.3; width:6rem; height:9rem; margin-left:10rem; background:url(../../images/main/arr_notice.svg) no-repeat 50% 50%; transition:var(--animation-basic);}
.board_notice [data-notice="tit"] a:hover{color:#222;}
.board_notice [data-notice="tit"] a:hover::after{opacity:0.8;}
.board_notice [data-notice="cont"] > ul li{border-top:1rem dashed #DDD;}
.board_notice [data-notice="cont"] > ul li a:hover,
.board_notice [data-notice="cont"] > div:hover h6{color:var(--color-point);}

.board_quick{position:relative; flex:2; max-width:480rem;}
.board_quick > i{display:block; height:247rem; background:url(../../images/main/img_contact.jpg) no-repeat 50% 50% / cover; border-top-left-radius:24rem; border-top-right-radius:24rem;}
.board_quick a{display:block; display:flex; justify-content:center; align-items:center; position:absolute; top:206rem; right:40rem; width:97rem; height:97rem; line-height:1.3; background:var(--color-point); font-weight:600; font-size:14rem; color:#fff; text-align:center; border-radius:100%; flex-direction:column;}
.board_quick span{opacity:0.27; margin-top:8rem; font-size:11rem;}
.board_quick p,
.board_quick h5{padding-left:30rem;}
.board_quick h5{margin-top:49rem; color:#222;}
.board_quick p{line-height:1.6; margin-top:25rem; font-weight:300;}
.board_banner [data-banner="tit"]{display:flex; justify-content:space-between; align-items:center; padding:20rem 30rem; background:#293439; color:#fff; border-bottom-left-radius:24rem; border-bottom-right-radius:24rem;}
.board_banner [data-banner="tit"] h5{font-size:18rem;}

#control span[class^="btn"] a{display:block; width:15rem; height:7rem; padding:10rem 0; background-position:50% 50%; font-size:0; background-repeat:no-repeat; background-image:url(../../images/common/arr_basic_w.svg);}
#control{display:flex; align-items:center;}
#control:not(.visual_controls){position:relative;}
#control:not(.visual_controls)::after{content:""; position:absolute; opacity:0.26; left:50%; width:1rem; height:12rem; background:#fff;}
#control .btn-bx.prev{transform:rotate(180deg); -webkit-transform:rotate(180deg);}


.area_youtube #control span[class^="btn"] a.bx-next{background-image:url(../../images/common/arr_basic.svg);}
.area_youtube #control .prev{display:flex; justify-content:center; align-items:center; width:68rem; height:68rem; background-color:var(--color-point); border-radius:100%;}
.area_youtube #control .btn-bx.next{margin-left:27rem;}
.area_youtube #control{margin-top:74rem;}

.area_icon ul li img{display:block; height:41rem; margin:0 auto;}
.area_icon ul li span{display:flex; justify-content:center; align-items:center; width:100rem; height:100rem; background:#f9f9f9; border-radius:100%;}
.area_icon ul li:nth-child(1) span {background: #33499c;}
.area_icon ul li:nth-child(2) span {background: #7b69aa;}
.area_icon ul li:nth-child(3) span {background: #4d9365;}
.area_icon ul li:nth-child(4) span {background: #404040;}
.area_icon ul li:nth-child(5) span {background: #e6b32d;}
.area_icon ul li:nth-child(6) span {background: #d06014;}
.area_icon ul li a{display:flex; justify-content:center; align-items:center; flex-direction:column;}
.area_icon ul li p{margin-top:13rem; font-weight:600; font-size:17rem; color:#222; text-align:center;}
.area_icon ul li{margin:0 60rem; transition:var(--animation-basic); transform:translateY(0rem);}
.area_icon ul li:hover{transform:translateY(-10rem);}
.area_icon{margin-top:70rem;}

/* youtube */
[data-youtube="tit"]{padding-left:-webkit-calc(50% - 700px); padding-left:calc(50% - 700px);}

.area_youtube{margin-top:105rem; padding:105rem 0 129rem; background:#f7f7f7 url(../../images/main/bg_youtube.jpg) no-repeat 0% 100%;}
.area_youtube{display:flex; align-items:center;}
.area_youtube h4{font-weight:800; font-size:45rem; color:#222; text-transform:uppercase; min-width:307rem;}
.area_youtube h4 + p{margin-top:19rem; font-size:16rem;}
.area_youtube .bx-wrapper{margin-left:115rem;}

.list_youtube > li a{display:flex; justify-content:space-between; height:357rem; padding-left:50rem; flex-direction:column;}
.list_youtube > li a i{display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.list_youtube > li{overflow:hidden; border-radius:24rem;}
.list_youtube > li a *{color:#fff;}
.list_youtube > li a h6{margin-bottom:44px; font-weight:600; font-size:26rem;}
.list_youtube > li a span{display:flex; align-items:center; position:relative; margin-top:60rem; font-size:12rem;}
.list_youtube > li a span::before{content:""; display:block; width:30rem; height:21rem; margin-right:9rem; background:url(../../images/main/icon_youtube.svg) no-repeat 50% 50%;}

@media (max-width:1560px){
	.area_contact{width:auto;}
	.area_visual .list li .txt{left:5%; margin-left:0;}
}

@media (max-width:1480px){
	[data-quick]{background-size:auto 80%;}
	[data-youtube="tit"]{padding-left:50rem;}
	
    .list_youtube > li a{height:407rem;}
	.list_youtube > li{width:600rem !important; margin-right:50rem !important;}
}

@media (max-width:1060px){
	.contact_call > div p{font-size:33rem;}
}

@media (max-width: 1023px){
	
    .area_visual{padding-top:79rem;}
	.area_visual .list li,
	.area_visual .bx-viewport{height:500rem;}
	.area_visual .list li.vs01{background-position:23% 50%;}
	.area_visual .list li .txt{top:43%;}
	.area_visual .list li .txt h3{font-size:38rem;}
	.area_visual .list li .txt span{margin:15rem 0 0; font-size:16rem;}

    .list_call{display:none;}
	
    .contact_inner{width:auto;}
	.contact_call > div p{font-size:24rem;}
	.contact_call > div a{font-size:28rem;}
	.contact_iogin{margin-left:0;}
	/*
	.contact_iogin [data-login="id"]{width:150rem;}
	.contact_iogin [data-login="password"]{width:170rem;}
	*/
	.contact_call > div span::before{width:25rem; background-size:100% 100%; background-repeat:no-repeat;}
	.contact_call > div{margin-right:25rem; padding-right:25rem;}
	.contact_call > div span::after{width:30rem; left:15rem;}
	.area_contact{margin:-57rem auto 0;}
	.contact_util{margin-left:19rem; display:block;}
	.contact_util a.join{margin-left:0}
	.contact_util a.join:before{display:none;}

	.login_box{margin-left:0; padding-left:0; border-left:none;}
	.login-btn__list > li > a{font-size:15rem; padding:3rem;}
	
    .area_contact{border-top-left-radius:20rem; border-top-right-radius:20rem;}
	
    .area_quick{margin-top:5rem;}
	[data-quick]{height:196rem; background-size:auto 60%;}
	[data-quick] strong{font-size:19rem;}
	[data-quick] p{font-weight:300; font-size:13rem;}
	[data-quick] a{padding:23rem; max-height:150rem;}
	[data-quick="01"] > div{padding:23rem 20rem; border-top-left-radius:18rem;}	
	[data-quick="01"] p{white-space:nowrap;}
	[data-quick="04"]{border-top-right-radius:18rem;}
	[data-quick="05"]{border-bottom-left-radius:18rem;}


    .list_time li em{font-size:13rem; white-space:nowrap;}
	
    .area_board{margin-top:55rem;}
	.area_board h5{font-size:20rem;}
	.board_notice [data-notice="cont"] > ul li a{padding:12rem 0; font-size:14rem;}
	.area_board .board_inner{flex-wrap:wrap;}
	.board_notice{width:100%; margin-bottom:30rem; padding:27rem; max-width:none; flex:auto; border-radius:19rem;}
	.board_notice [data-notice="cont"] > div h6{font-size:16rem;}
	.board_notice [data-notice="cont"] > div time{margin-top:4rem;}
	.board_notice [data-notice="cont"] > div i{width:158rem;}
	.board_quick{margin-right:25rem; max-width:none;}
	.board_quick p,
	.board_quick h5{padding-left:0rem;}
	.board_quick p{margin-top:15rem;}
	.area_icon ul li{margin:0 0; flex:1;}
	.area_icon ul li p{font-size:15rem;}
	.area_icon ul li span{width:90rem; height:90rem;}
	

    [data-youtube="tit"]{padding-left:30rem;}
	.area_youtube{margin-top:75rem; padding:75rem 0 99rem; background-size:cover;}
	.area_youtube h4{font-size:27rem;}
	.area_youtube .bx-wrapper{margin-left:10rem;}
	.list_youtube > li{width:335rem !important; margin-right:30rem !important; border-radius:19rem;}
	.list_youtube > li a{height:250rem; padding-left:30rem;}
	.area_youtube #control{margin-top:50rem;}
	.list_youtube > li a h6{margin-bottom:25px; font-size:18rem;}
	.list_youtube > li a span{margin-top:30rem;}
	.area_youtube #control .prev{width:58rem; height:58rem;}
	.area_youtube h4 + p{margin-top:17rem; font-size:15rem;}
	.area_youtube #control .btn-bx.next{margin-left:21rem;}
}

@media (max-width:860px){
	.area_visual .list li .txt h3{font-size:34rem; line-height:1.3em;}
	.area_visual .list li .txt span{margin:10rem 0 0; line-height:1.6em;}
	.area_visual #control{bottom:80rem;}
	.contact_call > div p{margin-left:8rem; font-size:17rem; white-space:nowrap;}
	.contact_call > div a{position:relative; top:2rem; font-size:18rem;}
	.contact_iogin input{/*height:38rem;*/ padding:0 0 0 12rem; font-size:13rem;}
	.contact_iogin button{padding:0 22rem; font-size:13rem;}
	.contact_iogin [data-login="id"]{width:100rem;}
	.contact_iogin [data-login="password"]{width:119rem;}
	.contact_call > div span::before{width:16rem; background-size:100% 100%; background-repeat:no-repeat;}
	.contact_call > div{margin-right:20rem; padding-right:20rem;}
	.contact_util a{font-size:13rem;}
	.contact_util{margin-left:15rem;}
	.contact_call > div span::after{top: -10rem;left: 11rem;width: 28rem;height: 25rem; padding-top:3rem; line-height:1;font-size:10rem;}
	.area_contact{padding:10rem 0 0; margin:-52rem auto 0;}
	.contact_iogin{gap:6rem;}
	.contact_util i{margin:0 5rem;}
	
    [data-quick]{height:186rem;}
	[data-quick] strong{font-size:17rem;}
	
    .list_time li:not(:first-child){margin-top:5rem;}
	
    .area_board h5{font-weight:700; font-size:18rem;}
	.board_notice [data-notice="cont"] > ul li a{font-size:13rem;}
	.board_banner [data-banner="tit"] h5{font-size:16rem;}
}

@media (max-width:540px){
    .area_visual{padding-top:61rem;}
	.area_visual .list li img{display:block; width:100%;}
	.area_visual .list li,
	.area_visual .bx-viewport{height:360rem;}
	.area_visual #control{bottom:80rem;}
	.area_visual .bx-controls-auto-item a{background-size:100%;}
	.area_visual .bx-controls-auto-item a{width:8rem !important; height:15rem !important; background-size:100% 100%; background-repeat:no-repeat;}
    .area_visual #control{bottom:100rem; left:20rem; width:auto;}
	.area_visual #control #bx-pager a{width:29rem; height:4rem; margin:0 3rem;}
    .area_visual #control .stop{display:none;}
	.area_visual .list li .txt{top:8%; transform:none; width:75%;}
	.area_visual .list li .txt h3{font-size:22rem;}
	.area_visual .list li .txt span{margin:7rem 0 0; font-size:12rem;}
	.area_visual .list li.vs01 .txt span br{display:none;}

    [data-quick]{width:-webkit-calc(100%/2); width:calc(100%/2);}
	[data-quick="02"]{border-top-right-radius:18rem;}
	[data-quick="04"]{border-top-right-radius:0;}
	[data-quick="05"]{border-bottom-left-radius:0rem;}
	[data-quick="07"]{border-bottom-left-radius:18rem;}
	
    .contact_iogin,
	.contact_util{display:none;}
	.contact_call > div{margin-right:0; padding-right:0; border:none;}
	.area_contact{padding:0; margin:-35rem auto 0; background:transparent;}
	.contact_call{right:-20rem; padding:5rem 17rem 0; background:#fff; border-radius:10rem; border-bottom-right-radius:0; border-bottom-left-radius:0;}
	.contact_call > div span::after{top:-5rem; left:30rem; line-height:1.3; width:27rem; height:25rem; padding-top:1rem;}
	.contact_inner{justify-content:flex-end;}  
	.contact_call > div p{font-weight:800;}
	.login_box{display:none;}

	[data-quick]{height:145rem;}
	[data-quick] a{padding:18rem; max-height:130rem;}
	[data-quick] a:hover{opacity:1;}
	[data-quick] p br{display:none;}
	[data-quick="01"] > div{padding:14rem; border-width:4rem;}
	[data-quick="08"]{border-bottom-left-radius:18rem;}

	.list_time li:not(:first-child){margin-top:3rem;}
	.list_time li em{font-size:12rem; letter-spacing:-0.9rem;}

	.area_quick{margin-top:5rem;}
    [data-quick] strong{font-weight:500; font-size:15rem;}
	[data-quick] p{opacity:0.8; line-height:1.45; font-size:12rem;}
	[data-quick]:not([data-quick="01"]) p{margin-top:9rem;}
	[data-quick="08"]{background-size:60%;}
	[data-quick="03"],
	[data-quick="05"]{background-size:50%;}

	.board_notice{width:88%; padding:6%; border-radius:14rem;}
	.area_board{margin-top:35rem;}
	.area_board h5{color:#111; letter-spacing:-1rem;}	
	.board_notice [data-notice="cont"]{margin-top:20rem;}
	.board_notice [data-notice="cont"] div a{align-items:flex-start; flex-direction:column;}
	.board_notice [data-notice="cont"] > div div{margin-top:15rem; margin-left:0;}
	.board_notice [data-notice="cont"] > div h6{font-weight:600; font-size:14rem;}
	.board_notice [data-notice="cont"] > div time{margin-top:6rem; font-size:12rem;}
	.board_notice [data-notice="cont"] > div i{width:100%; height:160rem;}
	.board_notice [data-notice="cont"] > ul{margin-top:25rem;}
	.board_notice [data-notice="cont"] > ul li a{font-weight:500; font-size:14rem;}
	.board_quick{width:100%; margin-right:0; max-width:none;}
	.board_quick p{width:83%; line-height:1.7; margin-top:10rem; margin-right:0; font-size:13rem;}
	.board_quick p br{display:none;}
	.board_quick a{top:151rem; right:20rem; width:87rem; height:87rem; font-size:12rem;}
	.board_quick > i{height:197rem; border-top-left-radius:19rem; border-top-right-radius:19rem;}
	.board_quick h5{margin-top:29rem;}
	.board_banner{overflow:hidden; width:100%; margin-top:45rem; border-radius:19rem; flex:auto; max-width:none; min-width:auto;}
	.board_banner [data-banner="tit"] h5{font-size:14rem; color:#fff;}
	.board_banner [data-banner="tit"]{padding:14rem 20rem; border-bottom-left-radius:14rem; border-bottom-right-radius:14rem;}
	
    .area_icon{margin-top:40rem;}
	.area_icon ul{display:flex; flex-wrap:wrap; row-gap:20rem;}
	.area_icon ul li{width:calc(100%/3); flex:auto;}
	.area_icon ul li:hover{transform:translateY(10rem);}
	.area_icon ul li p{margin-top:11rem; font-weight:500; font-size:13rem; letter-spacing:-0.8rem;}
	.area_icon ul li span{width:75rem; height:75rem;}
	.area_icon ul li img{height:34rem;}
	
    [data-youtube="tit"]{display:none; width:50%; padding-left:23rem;}
    .area_youtube{margin-top:65rem; padding:50rem 0;}
	.area_youtube h4{font-size:19rem; letter-spacing:-1rem;}
	.area_youtube #control{margin-top:40rem;}
	.area_youtube h4 + p{margin-top:12rem; font-size:14rem;}
	.area_youtube #control .prev{width:53rem; height:53rem;}	
	.area_youtube .bx-wrapper{margin-left:20rem;}
	.list_youtube > li{width:280rem !important; margin-right:15rem !important; border-radius:14rem;}
	.list_youtube > li a{height:190rem; padding-left:18rem;}
	.list_youtube > li a span{margin-top:17rem; font-size:10rem;}
	.list_youtube > li a span::before{width:20rem;}
	.list_youtube > li a h6{margin-bottom:20px; font-size:15rem;}	
    
	ul.m_login{display:none !important;}
	.contact_call > div a{top:1.5rem; margin-left:4rem; font-weight:900;}
}