/* body */
body::after{background-image: radial-gradient(rgba(255,255,255,.25),rgba(255,255,255,0) 40%),radial-gradient(hsla(44,100%,66%,1) 30%,hsla(338,68%,65%,1),hsla(338,68%,65%,.4) 41%,transparent 52%),radial-gradient(hsla(272,100%,60%,1) 37%,transparent 46%),linear-gradient(155deg,transparent 65%,hsla(142,70%,49%,1) 95%),linear-gradient(45deg,hsla(213,100%,44%,1),hsla(209,100%,53%,1));
-webkit-background-position: bottom left,109% 68%,109% 68%,center,center;
background-position: bottom left,109% 68%,109% 68%,center,center;
background-repeat: no-repeat;
-webkit-background-size: 200% 200%,285% 500%,285% 500%,cover,cover;
background-size: 200% 200%,285% 500%,285% 500%,cover,cover;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: 0.17;
position: fixed;
right: 0;
top: 0;
z-index: -2;}






/* PC */
@media screen and (min-width : 1201px) {
/* more_btn */
.more_btn{display: block; border: 1px solid #000; border-radius: 30px; width: 140px; height: 60px; line-height: 60px; font-size: 1.3em; text-align: center; transition-duration: 0.5s;}
.more_btn:hover{background-color: #fff; color: #0066E6; border: 1px solid #fff; font-size: 1.5em;}

/* header */
#header{position: fixed; width: 100%; height: 80px; left: 0; top: 0; z-index: 998; transition-duration: 0.5s;}
#header .logo{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: url(../img/logo_bs.png); background-position: center; background-size: cover; width: 142px; height: 80px; transition-duration: 0.5s;}
#header .logo a{text-indent: -3000px; display: block; line-height: 80px;}
#header .lang_btn{position: absolute; right: 100px; top: 20px;}
#header .lang_btn>ul>li>ul{border-radius: 10px; background-color: #fff; display: none;}
#header .lang_btn>ul>li>ul a{display: block; text-align: center; line-height: 40px;}

#header .menu_btn{position: absolute; right: 20px; top: 20px; background: none; border: none; cursor: pointer; background-image: url(../img/gnb_btn_b.png); background-position: center; background-size: cover; width: 40px; height: 40px; transition-duration: 0.5s;}

#header.change{background-color: #fff;}

/* nav 전체페이지 */
.gnb_wrap{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; display: none;}
.gnb_wrap .gnb{position: absolute; width: 93%; left: 50%; top: 50%; transform: translate(-50%,-100px);}
.gnb_wrap .gnb>ul{display: flex; justify-content: space-evenly;}
.gnb_wrap .gnb>ul>li{width: 20%;}
.gnb_wrap .gnb>ul>li>a{display: block; text-align: center; font-size: 3em; color: #fff; font-weight: 700;}
.gnb_wrap .gnb>ul>li>ul{display: none;}
.gnb_wrap .gnb>ul>li>ul a{display: block; text-align: center; font-size: 1.4em; color: #fff; line-height: 2em;}

.gnb_wrap .gnb>ul>li:first-child>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:first-child>ul>li:first-child>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:first-child>ul>li:nth-child(2)>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:nth-child(2)>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:nth-child(2)>ul>li:first-child>a{color: #0066E6;}


/* footer */
#footer{position: relative; background-color: #F1F4F7; display: flex; justify-content: center; align-items: center;}
#footer .foot_wrap{position: relative; width: 40%; padding: 40px 0;}
#footer .foot_wrap .foot_innre{display: flex; justify-content: space-between; align-items: center;}
#footer .foot_wrap .foot_innre .foot_logo{padding-bottom: 40px;}
#footer .foot_wrap .foot_innre .foot_logo img{width: 200px;}
#footer .foot_wrap .foot_innre .foot_follow{width: 40%; padding-right: 50px; padding-bottom: 60px;}
#footer .foot_wrap .foot_innre .foot_follow p{text-align: center; font-size: 1.5em; font-weight: 700; padding-bottom: 30px;}
#footer .foot_wrap .foot_innre .foot_follow .foot_fol_logo{display: flex; justify-content: space-between; align-items: center;}
#footer .foot_wrap .foot_innre .foot_follow .foot_fol_logo img{width: 40px;}
#footer .foot_wrap address{font-style: normal; padding-bottom: 50px; width: 92%; display: flex; justify-content: space-between;}
#footer .foot_wrap address a{font-size: 1.5em; font-weight: 700;}
#footer .foot_wrap>p{font-size: 1.2em;}

#footer .fnb{position: relative; width: 48%; padding: 40px 0;}
#footer .fnb>ul{display: flex; justify-content: space-evenly;}
#footer .fnb>ul>li{width: 25%;}
#footer .fnb>ul>li>p{text-align: center; font-size: 1.5em; font-weight: 700; padding-bottom: 20px;}
#footer .fnb>ul>li>ul li{margin-bottom: 20px;}
#footer .fnb>ul>li>ul a{display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1.2em;}

/* top_btn */
#scroll-btn {
cursor: pointer;
opacity: 0;
width: 70px;
height: 70px;
color: #000;
background-color: #fff;
position: fixed;
bottom: 50px;
right: 50px;
border: 1px solid #fff;
border-radius: 50%;
font: bold 20px monospace;
transition: opacity 0.5s, transform 0.5s;}

#scroll-btn.show {
opacity: 1;
transition: opacity 1s, transform 1s;
z-index: 999;}
}























/* Tablet 가로 */
@media screen and (min-width : 901px) and (max-width : 1200px) {
/* more_btn */
.more_btn{display: block; border: 1px solid #000; border-radius: 30px; width: 120px; height: 50px; line-height: 50px; font-size: 1.2em; text-align: center; transition-duration: 0.5s;}
.more_btn:hover{background-color: #fff; color: #0066E6; border: 1px solid #fff; font-size: 1.4em;}

/* header */
#header{position: fixed; width: 100%; height: 60px; left: 0; top: 0; z-index: 998; transition-duration: 0.5s;}
#header .logo{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: url(../img/logo_bs.png); background-position: center; background-size: cover; width: 120px; height: 45px; transition-duration: 0.5s;}
#header .logo a{text-indent: -3000px; display: block; line-height: 45px;}
#header .lang_btn{position: absolute; right: 100px; top: 10px;}
#header .lang_btn>ul>li>ul{border-radius: 10px; background-color: #fff; display: none;}
#header .lang_btn>ul>li>ul a{display: block; text-align: center; line-height: 40px;}

#header .menu_btn{position: absolute; right: 20px; top: 10px; background: none; border: none; cursor: pointer; background-image: url(../img/gnb_btn_b.png); background-position: center; background-size: cover; width: 40px; height: 40px; transition-duration: 0.5s;}

#header.change{background-color: #fff;}

/* nav 전체페이지 */
.gnb_wrap{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; display: none;}
.gnb_wrap .gnb{position: absolute; width: 93%; left: 50%; top: 50%; transform: translate(-50%,-100px);}
.gnb_wrap .gnb>ul{display: flex; justify-content: space-evenly;}
.gnb_wrap .gnb>ul>li{width: 24%;}
.gnb_wrap .gnb>ul>li>a{display: block; text-align: center; font-size: 1.9em; color: #fff; font-weight: 700;}
.gnb_wrap .gnb>ul>li>ul{display: none;}
.gnb_wrap .gnb>ul>li>ul a{display: block; text-align: center; font-size: 1.21em; color: #fff; line-height: 2em;}

.gnb_wrap .gnb>ul>li:first-child>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:first-child>ul>li:first-child>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:first-child>ul>li:nth-child(2)>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:nth-child(2)>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:nth-child(2)>ul>li:first-child>a{color: #0066E6;}

/* footer */
#footer{position: relative; background-color: #F1F4F7; display: flex; justify-content: center; align-items: center;}
#footer .foot_wrap{position: relative; width: 48%; display: flex; flex-direction: column; align-items: center;}
#footer .foot_wrap .foot_innre{display: flex; flex-direction: column; align-items: center; padding-bottom: 40px;}
#footer .foot_wrap .foot_innre .foot_logo{padding-bottom: 20px;}
#footer .foot_wrap .foot_innre .foot_logo img{width: 150px;}
#footer .foot_wrap .foot_innre .foot_follow{width: 100%;}
#footer .foot_wrap .foot_innre .foot_follow p{text-align: center; font-size: 1.5em; font-weight: 700; padding-bottom: 30px;}
#footer .foot_wrap .foot_innre .foot_follow .foot_fol_logo{display: flex; align-items: center;}
#footer .foot_wrap .foot_innre .foot_follow .foot_fol_logo a{margin-right: 20px;}
#footer .foot_wrap .foot_innre .foot_follow .foot_fol_logo a:last-child{margin-right: 0;}
#footer .foot_wrap .foot_innre .foot_follow .foot_fol_logo img{width: 40px;}
#footer .foot_wrap address{font-style: normal; padding-bottom: 20px; width: 92%; display: flex; justify-content: space-between;}
#footer .foot_wrap address a{font-size: 1.2em; font-weight: 700;}
#footer .foot_wrap>p{font-size: 1em; margin-bottom: 20px;}

#footer .fnb{position: relative; width: 48%; padding: 40px 0;}
#footer .fnb>ul{display: flex; justify-content: space-evenly;}
#footer .fnb>ul>li{width: 32%;}
#footer .fnb>ul>li>p{text-align: center; font-size: 1.2em; font-weight: 700; padding-bottom: 20px;}
#footer .fnb>ul>li>ul li{margin-bottom: 20px;}
#footer .fnb>ul>li>ul a{display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1em; text-align: center;}

/* top_btn */
#scroll-btn {display: none;}

#scroll-btn.show {display: none;}
}
















/* Tablet 세로 */
@media screen and (min-width : 601px) and (max-width : 900px) {
/* more_btn */
.more_btn{display: block; border: 1px solid #000; border-radius: 30px; width: 120px; height: 50px; line-height: 50px; font-size: 1.2em; text-align: center; transition-duration: 0.5s;}
.more_btn:hover{background-color: #fff; color: #0066E6; border: 1px solid #fff; font-size: 1.4em;}

/* header */
#header{position: fixed; width: 100%; height: 60px; left: 0; top: 0; z-index: 998; transition-duration: 0.5s;}
#header .logo{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: url(../img/logo_bs.png); background-position: center; background-size: cover; width: 120px; height: 40px; transition-duration: 0.5s;}
#header .logo a{text-indent: -3000px; display: block; line-height: 40px;}
#header .lang_btn{position: absolute; right: 80px; top: 10px;}
#header .lang_btn>ul>li>ul{border-radius: 10px; background-color: #fff; display: none;}
#header .lang_btn>ul>li>ul a{display: block; text-align: center; line-height: 40px;}

#header .menu_btn{position: absolute; right: 20px; top: 10px; background: none; border: none; cursor: pointer; background-image: url(../img/gnb_btn_b.png); background-position: center; background-size: cover; width: 40px; height: 40px; transition-duration: 0.5s;}

#header.change{background-color: #fff;}

/* nav 전체페이지 */
.gnb_wrap{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; display: none;}
.gnb_wrap .gnb{position: absolute; width: 93%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.gnb_wrap .gnb>ul{display: flex; flex-direction: column; justify-content: space-evenly; align-items: center;}
.gnb_wrap .gnb>ul>li{margin-bottom: 20px;}
.gnb_wrap .gnb>ul>li>a{display: block; text-align: center; font-size: 2.5em; color: #fff; font-weight: 700;}
.gnb_wrap .gnb>ul>li>ul{display: none;}
.gnb_wrap .gnb>ul>li>ul a{display: block; text-align: center; font-size: 1.2em; color: #fff; line-height: 2em;}

.gnb_wrap .gnb>ul>li:first-child>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:first-child>ul>li:first-child>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:first-child>ul>li:nth-child(2)>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:nth-child(2)>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:nth-child(2)>ul>li:first-child>a{color: #0066E6;}

/* footer */
#footer{position: relative; background-color: #F1F4F7; display: flex; justify-content: center; align-items: center;}
#footer .foot_wrap{position: relative; width: 48%; display: flex; flex-direction: column; align-items: center; padding: 10px;}
#footer .foot_wrap .foot_innre{display: flex; flex-direction: column; align-items: center; padding-bottom: 40px;}
#footer .foot_wrap .foot_innre .foot_logo{padding-bottom: 20px;}
#footer .foot_wrap .foot_innre .foot_logo img{width: 120px;}
#footer .foot_wrap .foot_innre .foot_follow{width: 100%;}
#footer .foot_wrap .foot_innre .foot_follow p{text-align: center; font-size: 1.5em; font-weight: 700; padding-bottom: 10px;}
#footer .foot_wrap .foot_innre .foot_follow .foot_fol_logo{display: flex; align-items: center;}
#footer .foot_wrap .foot_innre .foot_follow .foot_fol_logo a{margin-right: 20px;}
#footer .foot_wrap .foot_innre .foot_follow .foot_fol_logo a:last-child{margin-right: 0;}
#footer .foot_wrap .foot_innre .foot_follow .foot_fol_logo img{width: 40px;}
#footer .foot_wrap address{font-style: normal; padding-bottom: 20px; width: 92%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#footer .foot_wrap address a{font-size: 1.3em; font-weight: 700; padding-bottom: 20px;}
#footer .foot_wrap>p{font-size: 1em; text-align: center;}

#footer .fnb{position: relative; width: 48%; padding: 10px;}
#footer .fnb>ul{display: flex; flex-direction: column; align-items: center;}
#footer .fnb>ul>li{width: 48%; cursor: pointer;}
#footer .fnb>ul>li>p{text-align: center; font-size: 1.2em; font-weight: 700; padding-bottom: 20px;}
#footer .fnb>ul>li>ul{display: none;}
#footer .fnb>ul>li>ul li{margin-bottom: 10px;}
#footer .fnb>ul>li>ul a{display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1em; text-align: center;}

/* top_btn */
#scroll-btn {display: none;}

#scroll-btn.show {display: none;}
}


















/* Mobile */
@media screen and (max-width : 600px) {
/* more_btn */
.more_btn{display: block; border: 1px solid #000; border-radius: 20px; width: 90px; height: 40px; line-height: 40px; font-size: 1em; text-align: center; transition-duration: 0.5s;}
.more_btn:hover{background-color: #fff; color: #0066E6; border: 1px solid #fff; font-size: 1.1em;}

/* header */
#header{position: fixed; width: 100%; height: 40px; left: 0; top: 0; z-index: 998; transition-duration: 0.5s;}
#header .logo{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: url(../img/logo_bs.png); background-position: center; background-size: cover; width: 80px; height: 30px; transition-duration: 0.5s;}
#header .logo a{text-indent: -3000px; display: block; line-height: 30px;}
#header .lang_btn{position: absolute; right: 40px; top: 10px;}
#header .lang_btn>ul>li img{width: 20px;}
#header .lang_btn>ul>li>ul{border-radius: 10px; background-color: #fff; display: none;}
#header .lang_btn>ul>li>ul a{display: block; text-align: center; line-height: 40px;}

#header .menu_btn{position: absolute; right: 10px; top: 10px; background: none; border: none; cursor: pointer; background-image: url(../img/gnb_btn_b.png); background-position: center; background-size: cover; width: 20px; height: 20px; transition-duration: 0.5s;}

#header.change{background-color: #fff;}

/* nav 전체페이지 */
.gnb_wrap{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; display: none;}
.gnb_wrap .gnb{position: absolute; width: 93%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.gnb_wrap .gnb>ul{display: flex; flex-direction: column; justify-content: space-evenly; align-items: center;}
.gnb_wrap .gnb>ul>li{margin-bottom: 20px;}
.gnb_wrap .gnb>ul>li>a{display: block; text-align: center; font-size: 1.5em; color: #fff; font-weight: 700;}
.gnb_wrap .gnb>ul>li>ul{display: none;}
.gnb_wrap .gnb>ul>li>ul a{display: block; text-align: center; font-size: 1em; color: #fff; line-height: 2em;}

.gnb_wrap .gnb>ul>li:first-child>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:first-child>ul>li:first-child>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:first-child>ul>li:nth-child(2)>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:nth-child(2)>a{color: #0066E6;}
.gnb_wrap .gnb>ul>li:nth-child(2)>ul>li:first-child>a{color: #0066E6;}

/* footer */
#footer{position: relative; background-color: #F1F4F7; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#footer .foot_wrap{position: relative; width: 48%; display: flex; flex-direction: column; align-items: center; padding: 10px;}
#footer .foot_wrap .foot_innre{display: flex; flex-direction: column; align-items: center; padding-bottom: 40px;}
#footer .foot_wrap .foot_innre .foot_logo{padding-bottom: 20px;}
#footer .foot_wrap .foot_innre .foot_logo img{width: 120px;}
#footer .foot_wrap .foot_innre .foot_follow{width: 100%;}
#footer .foot_wrap .foot_innre .foot_follow p{text-align: center; font-size: 1.5em; font-weight: 700; padding-bottom: 10px;}
#footer .foot_wrap .foot_innre .foot_follow .foot_fol_logo{display: flex; align-items: center;}
#footer .foot_wrap .foot_innre .foot_follow .foot_fol_logo a{margin-right: 20px;}
#footer .foot_wrap .foot_innre .foot_follow .foot_fol_logo a:last-child{margin-right: 0;}
#footer .foot_wrap .foot_innre .foot_follow .foot_fol_logo img{width: 40px;}
#footer .foot_wrap address{font-style: normal; padding-bottom: 20px; width: 92%; display: flex; flex-direction: column; align-items: center;}
#footer .foot_wrap address a{font-size: 1.3em; font-weight: 700; padding-bottom: 20px;}
#footer .foot_wrap>p{font-size: 1em; text-align: center;}

#footer .fnb{position: relative; width: 98%; padding: 10px 0;}
#footer .fnb>ul{display: flex; flex-direction: column; align-items: center;}
#footer .fnb>ul>li{width: 48%; cursor: pointer;}
#footer .fnb>ul>li>p{text-align: center; font-size: 1.2em; font-weight: 700; padding-bottom: 20px;}
#footer .fnb>ul>li>ul{display: none;}
#footer .fnb>ul>li>ul li{margin-bottom: 10px;}
#footer .fnb>ul>li>ul a{display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1em; text-align: center;}

/* top_btn */
#scroll-btn {display: none;}

#scroll-btn.show {display: none;}
}