@charest "utf-8";
/*공통부분*/

@font-face { font-family: 'Pretendard'; font-weight:100; src: url('/font/Pretendard-Thin.eot?#iefix') format('embedded-opentype'), url('/font/Pretendard-Thin.woff') format('woff'), url('/font/Pretendard-Thin.eot') format('opentype'); }
@font-face { font-family: 'Pretendard'; font-weight:300; src: url('/font/Pretendard-Light.eot?#iefix') format('embedded-opentype'), url('/font/Pretendard-Light.woff') format('woff'), url('/font/Pretendard-Light.eot') format('opentype'); }
@font-face { font-family: 'Pretendard'; font-weight:500; src: url('/font/Pretendard-Regular.eot?#iefix') format('embedded-opentype'), url('/font/Pretendard-Regular.woff') format('woff'), url('/font/Pretendard-Regular.eot') format('opentype'); }
@font-face { font-family: 'Pretendard'; font-weight:600; src: url('/font/Pretendard-Bold.eot?#iefix') format('embedded-opentype'), url('/font/Pretendard-Bold.woff') format('woff'), url('/font/Pretendard-Bold.eot') format('opentype'); }
* { font-family: 'Pretendard'; list-style:none; box-sizing:border-box;}
.bold{font-family: 'Pretendard'; font-weight:600;}
.thin{font-family: 'Pretendard'; font-weight:100;}
.light{font-family: 'Pretendard'; font-weight:300;}
.noraml{font-family: 'Pretendard'; font-weight:500;}
.color{color:#046fd9;}
.center{text-align:center;}
.container_fix{width:100%; padding:0 15px; margin:0 auto; max-width:100%;}
.container_wide{width:100%; margin:0 auto;}
.m_container{width:100%; padding:0 15px; margin:0 auto; overflow:hidden;}
.margin_bottom{margin-bottom:5%;}
h1{font-size:36px; line-height:50px; font-weight:500;}
h2{font-size:24px; line-height:36px; font-weight:500;}
h3{font-size:18px; line-height:27px; font-weight:500;}
p{font-size:14px; line-height:21px; font-weight:500;}
a{padding:0; margin:0; font-size:12px; line-height:19px; font-weight:500;}
.ellipsis {display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
@media (min-width:1950px){
	.container_img img{display:block; margin:0 auto; width:100%;}
}
@media (max-width:1850px){
	.container_img img{display:block; margin:0 auto; width:100%;}
}
.clear{clear:both; content:""; display:block;}
.clear:after{content:""; display:block; clear:both;}

@media all and (min-width: 1024px) and (max-width: 3000px) {
	.hidden-lg{display:none !important; width:100%; }
}
@media (max-width:1024px){
	.m_margin_bottom{margin-bottom:10%;}
	.hidden-lg{display:block !important;width:100%;}
	.hidden-sm{display:none !important;}
}
@media (max-width:768px){
	.hidden-xs{display:none !important;}
	h1{font-size:36px; line-height:45px; font-weight:500;}
	h2{font-size:20px; line-height:30px; font-weight:500;}
	h3{font-size:18px; line-height:27px; font-weight:500;}
	p{font-size:14px; line-height:21px; font-weight:500;}
	a{font-size:14px; line-height:21px; font-weight:500;}
}
@media (max-width:480px){
	h1{font-size:30px; line-height:40px; font-weight:500;}
	h2{font-size:24px; line-height:24px; font-weight:500;}
	h3{font-size:16px; line-height:21px; font-weight:500;}
	p{font-size:12px; line-height:18px; font-weight:500;}
	a{font-size:12px; line-height:19px; font-weight:500;}
}
.mapwrap {position: relative !important; width: 100% !important; padding-bottom: 26.3% !important;}
.mapwrap > iframe {position: absolute !important;width: 100% !important; height: 100% !important;}
area, map{outline: none !important; text-decoration: none !important; border-radius: 0 !important;}

@media (max-width:1024px){
	.mapwrap{padding-bottom: 64.1% !important;}
}

/*side_menu_box*/
.side_menu{position:fixed; width:250px; height:100%; overflow:hidden; background-color:#fff; left:-250px; z-index:9999;}
.side_menu_box{position:fixed; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:9998; overflow:hidden;}
.side_top{height:10px; width:100%; background-color:#046fd9; margin-bottom:20px;}
.side_container{padding:0 15px;}
.side_logo > a > img{width:110px ;height:60px;}
.side_close{display:inline-block; font-size:24px; font-weight:600; text-align:right; margin-top:20px; float:right; color:#046fd9;}
.side_login{margin-bottom:10px;}
.side_login > span, .side_pw > span{display:inline-block; margin-right:6%; width:12%;}
.side_login > input, .side_pw > input{width:82%; padding:2px 0;}
.side_header{width:100%; background-color:#046fd9; font-size:14px; margin:20px auto 10px; font-weight:600; padding:5px 0; color:#fff; text-align:center; display:none;}
.side_menu .side_menu_li{padding:10px 0; position:relative; cursor:pointer;}
.side_menu .side_menu_li .side_sub_a{display:block; text-align:left;  font-size:14px; color:#666; padding:3px 0;}
.div_sub_box{padding:10px 0px 0px 10px; display:none;}
.side_login_btn{width:100%; border:0; background-color:#046fd9; color:#fff; margin-top:10px; padding:5px 0; font-size:15px; font-weight:500;}
.side_menu .side_menu_li::after {top: 0px; font-family: "FontAwesome"; float: right; position: absolute; top:10px; right:0;
content: "\f107";}
.side_menu .side_menu_li .side_sub_a::after {top: 0px; font-family: "FontAwesome"; float: right; position: relative;
content: "\f105";}
.side_logout{ width:100%; overflow:hidden; margin-top:20px; margin-bottom:20px;}
.side_logout > a:first-child{border-right:0;}
.side_logout > a{display:inline-block; color:#046fd9; text-align:center; width:50%; float:left; border:1px solid #046fd9; padding:5px 0; font-size:12px;}
/*top_banner 부분*/
.top_banner{width:100%; height:120px; background-image:url('../img/top_banner_bg.jpg'); background-repeat:no-repeat; background-size:cover; position:relative;}
.page{width:680px; margin:0 auto; position:absolute; left:50%; transform:translateX(-50%);}
.img_position{position:absolute; width:100%;}
.top_banner_word{display:inline-block; position:absolute; top:50%; transform:translateY(-50%); left:23%; font-size:28px;}
.top_banner .first_word{color:#4071c3;}
.top_banner .second_word{color:#4071c3; font-weight:100;}
.top_banner .third_word{color:#1c1c1c;}
.top_fix{float:right; width:25%; height:120px; position:relative;}
.left_fix{float:left; width:40%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.left_fix a{display:inline-block; color:#323232; font-size:13px; padding:5px 20px; border:1px solid #c9c9c9; text-align:center; border-radius:20px; }
.right_fix{float:right; width:50%; text-align:right;}
.right_fix a{display:block;  margin:20px 40px 40px;}
.top_banner_close{cursor:pointer;}
#btn_box{margin:0 27px 0 0;}
#btn_box button{display:inline-block; text-align:center; margin:0 2px; width:10px; height:12px; 
cursor:pointer; border:0; background-color:#cbcbcb; border-radius:50%;}
#btn_box button.active{background-color:#046fd9;}

@media (max-width:1700px){
	.left_fix{width:60%;}
}
@media (max-width:1200px){
	.left_fix{width:70%;}
}

@media (max-width:1024px){
	.page{width:680px; margin:0 auto; position:unset; left:0; transform:translateX(0%);}
	.m_top_font{color:#777777; }
	.m_top_font::after{border:1px solid #dadada; width:50%;}
	
}
@media (max-width:768px){
	.top_banner_word{font-size:24px; line-height:36px; left:33%;}
	.page{width:500px; margin:0 auto; padding:0 15px;}
	.right_fix a{display:block;  margin:20px 20px 40px;}
	#btn_box{margin:0 20px 0 0; width:100%; padding-right:15px;}
	.right_fix{width:60%;}
}
@media (max-width:480px){
	.top_banner_word{font-size:24px; line-height:36px; left:27%;}
	.top_banner_word{font-size:20px; line-height:30px;}
	.right_fix a{display:block;  margin:10px 20px 50px 40px}
	.right_fix{width:80%;}
	#btn_box{padding-right:1px;}
}

/* 드롭다운 */


/*header 부분*/
.header{display:flex;width:100%; margin:0 auto; height:66px; border:1px solid #e5e5e5; border-right:0; border-left:0; position:relative; box-sizing:border-box; background:#fff;}
.logo_box{float:left; margin-left:20px; /*float:left;*/ margin-top:15px;}
.login_box{/*float:right;*/display:flex;justify-content: end;}
.login_box > a{display:inline-block; padding: 20px 0;box-sizing:border-box; font-size:14px;}
.login_box > a:nth-child(1){background-color:#fff; color:#666666; margin-right:-5px; width:130px; border-top:0; border-bottom:0;}
.login_box > a:nth-child(2){background-color:#fff; border:1px solid #e5e5e5; color:#666666; width:100px; text-align:center; margin-right:-5px; border-top:0; border-bottom:0;}
.login_box > a:nth-child(3){background-color:#046fd9; border:1px solid #046fd9; color:#fff; width:100px;text-align:center;}
.menu_box{text-align:center;width:100%;display: flex;justify-content: center;}
.menu_box > li{display:inline-block; padding:20px 0; width:20%;position:relative;}
.menu_box > li > a{padding:0px 20px 25px; color:#202020; font-size:17px; transition:all .3s ease; display:block;}
.menu_box > li:hover > a {color: #046fd9;padding:0px 20px 25px;}
.sub_menu ul li {font-weight:400px;}

/*sub_menu 부분*/
.sub_menu{display:none; background: #fff; width:100%; position:absolute; left:0; top:100%; border-top: 1px solid #e5e5e5; z-index: 100;border-right:1px solid #e5e5e5;}
.sub_menu_box{width:100%; margin:0 auto; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; height:260px; position:absolute; background-color:#fff; display:none; z-index:2; top:63px;}
.sub_menu > li{height:260px; padding:20px 20px;}
.sub_menu > ul:first-child{border-left:1px solid #e5e5e5;}
.sub_menu01 > li{border-left:1px solid #e5e5e5;}
.sub_menu > li a{font-size:15px; color:#666666; display:block; padding:7px 0; transition:all .3s ease; font-weight:400;}
.sub_menu > li a:hover{color:#046fd9;}
.menu_ul_all_bg{display:none;width: 100vw;height: 261px;position:absolute;top:65px; left:0;right:0; background-color: #fff;z-index: 50;border-bottom:1px solid #e5e5e5;}
@media (max-width:1200px){
	.menu_box > li > a{padding:0px 10px; color:#151515; font-size:16px;}
    
    .myPageTabMenu > ul.myPageTabMenuWrap{width:92%;}
    .myPageTabMenu ul.myPageTabMenuWrap li a{padding:10px; font-size: 15px; text-decoration: none;color: #202020;display: block;height: 60px; line-height:32px; }
}

/*모바일 헤더 부분*/
@media (max-width:1024px){
	.header{height:112px;}
	.m_header > div{display:inline-block;}
	.m_header > div:nth-child(2), .m_header > div:nth-child(3){text-align:right; float:right;}
	.m_logo_box{padding-left:15px;}
	.vita_btn{padding-right:20px;}
    
}
@media (max-width:768px){
	.header{height:82px;}
	.m_logo_box{padding-left:15px;}
	.m_logo_box > a > img{width:147px ;height:80px}
	.vita_btn > a > img{width:132px; height:80px}
	.menu_btn > a > img{width:78px; height:80px}
}
@media (max-width:480px){
	.header{height:62px;}
	.m_logo_box{padding-left:15px;}
	.m_logo_box > a > img{width:110px ;height:60px}
	.vita_btn > a > img{width:100px; height:60px}
	.menu_btn > a > img{width:58px; height:60px}
}


/*main_banner 부분*/
.main_banner{position:relative;}
.main_banner_text{position:absolute; top:50%; left:35%; transform:translate(-50%, -50%);}
.main_banner_text > h3{font-size:55px; color:#151515; line-height:60px;}
.main_banner_text > p{font-size:22px; color:#151515;  margin-top:40px;}
.main_banner_text > p span{font-weight:600;}

@media (max-width:1024px){
	.main_banner_text{position:absolute; top:20%; left:45%; transform:translate(-50%, -50%);}
}
@media (max-width:768px){
	.main_banner_text{position:absolute; top:20%; left:35%; transform:translate(-50%, -50%);}
	.main_banner_text > h3{font-size:36px; color:#151515; line-height:50px;}
	.main_banner_text > p{font-size:18px; color:#151515;  margin-top:30px;}
	.main_banner_text > p span{font-weight:600;}
}
@media (max-width:480px){
	.main_banner_text{position:absolute; top:20%; left:55%; transform:translate(-50%, -50%); width:100%;}
	.main_banner_text > h3{font-size:30px; color:#151515; line-height:35px;}
	.main_banner_text > p{font-size:14px; color:#151515;  margin-top:20px;}
	.main_banner_text > p span{font-weight:600;}
}

/*cont01*/
.cont01{overflow:hidden; margin:0 auto; padding:35px 0; background-color:#eef7ff;}
.cont01_left{width:50%; float:left; text-align:left;padding-left:5%;}
.cont01_right{width:50%; float:right; text-align:left;}
.cont01_text span:nth-child(1){font-size:25px; color:#3f4347; padding-right:20px;}
.cont01_text span:nth-child(2){font-size:18px; color:#046fd9; padding-right:30px;}
.cont01_right span:nth-child(2){font-size:25px;}
.cont01_text a{color:#fff; padding:8px 13px; background-color:#d1e7fc; float:right; display:inline-block; margin-right:10%; font-size:18px; font-weight:600;}


@media (max-width:1024px){
	.cont01_text > span{display:inline-block; margin-top:5px;}
	.cont01_left{width:100%; float:none; text-align:left; background-color:#eef7ff; margin-bottom:20px; padding:20px 0;}
	.cont01_right{width:100%; float:none; text-align:left; background-color:#eef7ff; margin-bottom:00px; padding:20px 0;}
	.cont01{overflow:hidden; margin:0 auto; padding:0px 0; background-color:#eef7ff; overflow:hidden;}
	.cont01 > div{overflow:hidden;}
	.cont01_text a{color:#fff; padding:8px 13px; background-color:#d1e7fc; float:right; display:inline-block; margin-right:0%;}
	.cont01_text span:nth-child(2){white-space :nowrap; overflow:hidden; text-overflow:ellipsis;}
}
@media (max-width:480px){
	.cont01_text span:nth-child(1){font-size:20px; color:#3f4347; padding-right:10px;}
	.cont01_text span:nth-child(2){font-size:14px; color:#046fd9; padding-right:0px; width:230px;}
	.cont01_right span:nth-child(2){font-size:20px;}
}

/*cont02*/
.cont02{overflow:hidden; margin:0 auto; position:relative;}
.cont02_text{position:absolute; top:50%; left:35%; transform:translate(-50%, -50%);}
.cont02_text > h3{font-size:46px; line-height:60px; margin-bottom:7%;}

@media (max-width:1024px){
	.cont02_text{position:absolute; top:20%; left:50%; transform:translate(-50%, -50%); width:100%; text-align:center;}
	
}
@media (max-width:768px){
	.cont02_text{position:absolute; top:20%; left:50%; transform:translate(-50%, -50%); width:100%; text-align:center;}
	.cont02_text > h3{font-size:40px; line-height:45px; margin-bottom:7%;}
}
@media (max-width:480px){
	.cont02_text{position:absolute; top:24%; left:50%; transform:translate(-50%, -50%); width:100%; text-align:center;}
	.cont02_text > h3{font-size:30px; line-height:40px; margin-bottom:7%;}
}

/*cont03*/
.cont03{overflow:hidden; width:100%; margin:0 auto;}
.cont03_top{width:inherit; margin:0 auto 0.9%; overflow:hidden;}
.cont03_top_left{width:49.1%; float:left; position:relative;}
.cont03_top_left_text{position:absolute; top:20%; left:55%; transform:translate(-50%, -50%); }
.cont03_top_right{width:49.1%; float:right; position:relative;}
.cont03_top_right_text{position:absolute; top:20%; left:20%; transform:translate(-50%, -50%);}
.cont03_text h4{color:#3f4347; font-size:22px;}
.cont03_text > div{width:30px; height:2px; background-color:#046fd9; margin:20px 0 20px 3px;}
.cont03_text > p{color:#666666; font-size:16px; line-height:24px;}
.cont03_bot{width:inherit; margin:0 auto; overflow:hidden;}
.cont03_bot_left{width:49.1%; float:left; position:relative;}
.cont03_bot_right{width:49.1%; float:right; position:relative;}

@media (max-width:1024px){
	.cont03_top_left{width:100%; float:none; margin-bottom:10px;}
	.cont03_top_left_text{position:absolute; top:25%; left:50%; transform:translate(-50%, -50%); width:100%; text-align:center;}
	.cont03_text > div{width:30px; height:2px; background-color:#046fd9; margin:20px auto;}
	.cont03_top_right{width:100%; float:none; margin-bottom:10px;}
	.cont03_top_right_text{position:absolute; top:25%; left:50%; transform:translate(-50%, -50%); width:100%; text-align:center;}
	.cont03_bot_left{width:100%; float:none; margin-bottom:10px;}
	.cont03_bot_right{width:100%; float:none; }
}

/*cont04*/
.cont04{overflow:hidden; width:100%; margin:5% auto;}
.cont04 h1{margin-bottom:20px; font-weight:500;}
.cont04_box{width:100%; overflow:hidden;}
.cont04_box > li{width:30.53333%; float:left; margin-right:4.2%; box-sizing:border-box; border:1px solid #e5e5e5; }
.cont04_box > li:last-child{margin-right:0;}
.cont04_text{padding:30px 20px 30px 20px;}
.cont04_text h3{color:#3f4347; margin-bottom:10px; font-weight:500;}
.cont04_text p{color:#666666; font-weight:300;}
.bx-wrapper{box-shadow:0 !important; -webkit-box-shadow: 0 !important;}
.cont04_slider{position:relative;}
.btn-controls{position:absolute; top:50%; width:100%;}
#slider_prev{position:absolute; left:-80px; border:0; background-color:rgba(255,255,255,0); cursor:pointer;}
#slider_next{position:absolute; right:-50px; border:0; background-color:rgba(255,255,255,0); cursor:pointer;}


@media (max-width:1024px){
	#slider_prev{position:absolute; left:-10px; border:0; background-color:rgba(255,255,255,0); cursor:pointer;}
	#slider_next{position:absolute; right:20px; border:0; background-color:rgba(255,255,255,0); cursor:pointer;}
	.bx-wrapper{margin:0 auto;}
}
@media (max-width:480px){
	.cont04{margin:12% auto 5%;}
}

/*cont05*/
.cont05{overflow:hidden; width:100%; margin:0% auto; text-align:center; background-color:#046fd9;}
.cont05 h1{color:#fff; margin:5% auto 3%;}
.cont05 > div > ul{width:100%; overflow:hidden; margin:0 auto 6%;}
.cont05 > div > ul > li{width:19.2%; float:left; margin-right:1%;}
.cont05 > div > ul > li:last-child{margin-right:0;}

@media (max-width:1024px){
	.cont05 > div > ul > li{width:100%; float:none; margin-right:0%; margin-bottom:10px;}
	.cont05 img{width:80%; display:block; margin:0 auto;}
}
@media (max-width:480px){
	.cont05 h1{color:#fff; margin:15% auto 5%;}	
	.cont05 > div > ul{width:100%; overflow:hidden; margin:0 auto 15%;}
	.cont05 img{width:70%; display:block; margin:0 auto;}
}

/*footer*/
.enter2{display:none;}
.footer{overflow:hidden; margin:0% auto 3%; padding-top:3%; border-top:1px solid #e5e5e5;}
.footer_right{float:right;}
.footer_right > p{color:#3f4347; font-size:20px;}
.footer_right > p > span{font-size:28px; padding-left:10px;}
.footer_right > .footer_icon{text-align:right; margin-top:15px;}
.footer_right > .footer_icon > li{display:inline-block; padding:0 3px;}
.footer_right > .footer_icon > li:last-child{padding:0 0 0 3px;}
.footer_left{float:left;}
.footer_left > .footer_top{text-align:left;}
.footer_left > .footer_top > li{display:inline-block; padding:0 10px;}
.footer_left > .footer_top > li > a{color:#000; font-size:14px; line-height:21px;}
.footer_left > .footer_top > li:first-child{padding:0 10px 0 0;}
.footer_left > .footer_top > li::after{content:"|"; color:#eaeaea; float:right; margin-right:-14px;}
.footer_left > .footer_top > li:last-child::after{}
.footer_left > .footer_middle{text-align:left; margin:20px auto;}
.footer_left > .footer_middle > li{display:inline-block; padding:0 7px; color:#999; font-size:14px; line-height:21px;}
.footer_left > .footer_middle > li:nth-child(6), .footer_left > .footer_middle > li:first-child{padding:0 7px 0 0;}
.footer_left > .footer_middle > li::after{content:"|"; color:#dadada; float:right; margin-right:-10px;}
.footer_left > .footer_middle > li:nth-child(4)::after, .footer_left > .footer_middle > li:last-child::after{display:none;}
.footer_left > p{color:#666;}

@media (max-width:1024px){
	.footer{margin:6% auto;}
	.footer_right{float:none;}
	.footer_right > .footer_icon{text-align:left;}
	.footer_right > .footer_icon > li{display:inline-block; padding:0 3px;}
	.footer_right > .footer_icon > li:last-child{padding:0 3px;}
	.footer_right > .footer_icon > li:first-child{padding:0 3px 0 0;}
	.footer_right > .footer_icon{margin-top:15px; margin-bottom:20px;}
	.enter2{display:block;}
	.footer_left > .footer_top > li:nth-child(2)::after, .footer_left > .footer_top > li:last-child::after{display:none;}
	.footer_left > .footer_top > li:nth-child(4){padding:0 10px 0 0;}
	.footer_left > .footer_middle > li{ padding:0 2px; color:#000000; font-size:12px; line-height:18px;  letter-spacing:-1px;}
	.footer_left > .footer_middle > li:nth-child(4), .footer_left > .footer_middle > li:nth-child(9){padding:0 2px 0 0;}
	.footer_left > .footer_middle > li::after{content:"|"; color:#dadada; float:right; margin-right:-8px;}
	.footer_left > .footer_middle > li:nth-child(9)::after, .footer_left > .footer_middle > li:nth-child(2)::after, .footer_left > .footer_middle > li:nth-child(7)::after{margin-right:-5px;}
	.footer_left > .footer_middle > li:nth-child(3)::after{display:none;}
	.footer_left > .footer_middle > li:nth-child(7)::after{display:none;}
	.footer{margin:0% auto 5%; padding-top:10%; border-top:1px solid #e5e5e5;}

}
@media (max-width:480px){
	.footer{margin:0% auto 5%; border-top:1px solid #e5e5e5;}

}
.myPageTabMenu{margin-top: 100px;text-align:center;}
.myPageTabMenu > ul{display:flex;background:#f5f5f5; border-radius: 10px;width: 75%;background: #f5f5f5; justify-content: center;margin: 0 auto;}
.myPageTabMenu ul li{width:25%;}
.myPageTabMenu ul li a{padding:20px; font-size: 16px; text-decoration: none;color: #202020;display: block;transition:background-color 0.3s ease, padding 0s ease; /* padding이 변하지 않도록 transition 설정 */height: 60px;}
.myPageTabMenu ul li a:hover, .myPageTabMenu ul li.active a{ background:#fff; color:#227fc2;font-weight:bold;border:1px solid #227fc2;border-radius:10px;}