@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
body{font-family: 'Noto Sans KR',serif; font-weight: 300;}
.content{margin-top: 157px;}
.mo_only{display: none;}
.mo_only_721{display: none;}
.wrap{width: 1200px; margin: 0 auto;}
.wrap_1400{width: 1400px; margin: 0 auto;}
.hidden{display: none !important;}

/* navi */
.navi { position: fixed; z-index: 12; left: 175px; top: 50%; transform: translate(-50%, -50%); } 
.navi .pointWrap { } 
.navi .pointWrap li { width: 10px; height: 10px; border-radius: 10px; margin: 15px 0; text-align: center; cursor: pointer; background-color: #bcbbbb; transition: background .3s ease-out; } 
.navi .pointWrap li.active { background-color: #598CD9; border:2px solid #598CD9; box-sizing: border-box; } 

/* header */
.header{position: fixed; top: 0; z-index: 20; background: #fff; width: 100%;}
.header .header_top{border-bottom: 1px solid #F1F1F1;}
.header .header_top .wrap{height: 89.5px; display: flex; justify-content: space-between; align-items: center;}
.header .header_top .wrap .header_top_left{display: flex; align-items: center;}
.header .header_top .wrap .header_top_left .ham{margin-right: 16px; cursor: pointer; display: none;}
.header .header_top .wrap .header_top_right a{width: 192px; height: 42px; background: #598cd9; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50px;  font-size: 15px;}
.header .header_top .wrap .header_top_right a i{margin-right: 6px;}
.header .header_bottom{border-bottom: 1px solid #F1F1F1;}
.header .header_bottom > .wrap{height: 65.5px; display: flex; justify-content: space-between; align-items: center;}

.header .header_bottom .wrap .header_bottom_left{height: 100%; display: flex;}
.header .header_bottom .wrap .header_bottom_left > ul{display: flex; align-items: center;}
.header .header_bottom .wrap .header_bottom_left > ul > li{margin-right: 50px; height: 100%;}
.header .header_bottom .wrap .header_bottom_left > ul > li.on > a{border-bottom: 3px solid #598cd9; box-sizing: border-box;}
.header .header_bottom .wrap .header_bottom_left > ul > li > a {font-size: 20px; width: 100%; height: 100%; display: flex; align-items: center;}
.header .header_bottom .wrap .header_bottom_left > ul > li:last-child{margin-right: 0;}

.header .header_bottom .wrap .header_bottom_right > ul{display: flex; align-items: center;}
.header .header_bottom .wrap .header_bottom_right > ul > li{margin-left: 20px;}
.header .header_bottom .wrap .header_bottom_right > ul > li:first-child{margin-left: 0; cursor: pointer;}

/* header - deapth2 */
.header .header_bottom .wrap .header_bottom_left:hover .header_depth2{opacity: 1; z-index: 10; visibility: visible;}
.header .header_bottom .wrap .header_bottom_left .header_depth2{transition: .3s; position: absolute; z-index: 10; background: #f7f7f7; left: 0; top: 157px; width: 100%; padding: 50px 0; opacity: 0; z-index: -1; visibility: hidden;}
.header .header_bottom .wrap .header_bottom_left .header_depth2 .wrap{display: flex;}
.header .header_bottom .wrap .header_bottom_left .header_depth2 ul.wrap > li > ul > li{margin-bottom: 14px;}
.header .header_bottom .wrap .header_bottom_left .header_depth2 ul.wrap > li > ul > li > a{color: #999999;}
.header .header_bottom .wrap .header_bottom_left .header_depth2 ul.wrap > li > ul > li:last-child{margin-bottom: 0;}
.header .header_bottom .wrap .header_bottom_left .header_depth2 ul.wrap > li:nth-child(1){width: 147.61px;}
.header .header_bottom .wrap .header_bottom_left .header_depth2 ul.wrap > li:nth-child(2){width: 184.41px;}
.header .header_bottom .wrap .header_bottom_left .header_depth2 ul.wrap > li:nth-child(3){width: 184.41px;}
.header .header_bottom .wrap .header_bottom_left .header_depth2 ul.wrap > li:nth-child(4){width: 142px;}
.header .header_bottom .wrap .header_bottom_left .header_depth2 ul.wrap > li:nth-child(5){width: 123.61px;}
.header .ham_menu{display: none; position: fixed; z-index: -1; opacity: 0; top : 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: .3s; visibility: hidden;}
.header .ham_menu.on{opacity: 1; z-index: 104; visibility: visible;}
.header .ham_menu .ham_menu_box{position: relative; left: -260px; width: 260px; height: 100%; box-sizing: border-box; background: #fff; transition: .3s;}
.header .ham_menu.on .ham_menu_box{left: 0;}
.header .ham_menu .ham_menu_box .ham_close{margin-bottom: 20px; padding: 0 20px; padding-top: 20px; cursor: pointer;}
.header .ham_menu .ham_menu_box #Accordion_wrap{padding: 0 20px;}
.header .ham_menu .ham_menu_box .ham_sub_menu{position: absolute; bottom: 0; padding: 0 20px; background: #f4f4f4; width: 100%; box-sizing: border-box;}
.header .ham_menu .ham_menu_box .ham_sub_menu ul{padding: 20px 0;}
.header .ham_menu .ham_menu_box .ham_sub_menu ul li{cursor: pointer;}
.header .ham_menu .ham_menu_box .ham_sub_menu ul li a{padding: 10px 0; display: block; color: #999999;}

div.pw_wrap{position: relative;}
div.pw_wrap input{color: #000;}
div.pw_wrap i{position: absolute; right: 0; top: 16px; transition: .3s;}
div.pw_wrap i.on{filter: brightness(0);}

/* 햄버거 메뉴 아코디언 */

/* #Accordion_wrap{} */
.header .ham_menu .ham_menu_box .que{
  position: relative;
  padding: 10px 0;
  cursor: pointer;
  font-size: 20px;
}
.header .ham_menu .ham_menu_box .que > span{
  transition: .3s;
}
.header .ham_menu .ham_menu_box .que::after{
  display: inline-block;
  content: '';
  font-size: 16px;
  margin-right: 5px;
  position: absolute;
  right: 0;
  background: url(../images/arrow_up.png) no-repeat center center; width: 20px; height: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.header .ham_menu .ham_menu_box .que.on::after{
    content: '';
    background: url(../images/arrow_down.png) no-repeat center center; width: 20px; height: 12px;
  }
.header .ham_menu .ham_menu_box .anw {
  display: none;
    overflow: hidden;
  font-size: 16px;
  padding: 10px 0;
}

.anw ul li{margin-bottom: 14px;}
.anw ul li:last-child{margin-bottom: auto;}
.anw ul li a{color: #999999;}

/* 모달창 */

.modal{padding: 0 20px; box-sizing: border-box;}
.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; z-index: 102; justify-content: center; align-items: center; } 
 .modal_open { cursor:pointer; } 
 .modal_overlay { background-color: rgba(0, 0, 0, 0.5); width:100%; height: 100%; position: absolute; z-index: 24; } 
 .modal_content { width: 620px; background-color: white; text-align: left; position: relative; z-index: 25; box-shadow: 2px 2px 20px 4px rgb(0 0 0 / 20%); box-sizing: border-box;} 
 .modal_content .modalContWrap { font-size: 16px; padding: 0 60px; } 
 .modal_content .modal_scroll { height: 500px; overflow-y: scroll; } 
 .modal_sm { width: 300px; box-sizing: border-box; } 
 .modal_500 { width: 500px; box-sizing: border-box; } 
 .modal_600 { width: 600px; box-sizing: border-box; } 
 .modal_md { width: 800px; box-sizing: border-box; } 
 .modal_wd {width: 1280px; box-sizing: border-box;}
 .modal_1400 {width: 1400px; box-sizing: border-box;}
 .modal_content h1 { font-size: 26px; font-weight: 100; } 
 .modal_content p { font-size: 16px; } 
 .modal_content small { font-size: 12px; } 
 .modal_content > form >.flexSb { padding: 10px 30px; } 
 .modal_content > form > .flexSb p { padding: 12px 0px; } 
 .modal_button button { font-size: 16px; padding: 14px 0; } 
 .modal_button2 button { width: 49%; } 
 .modal_button button.agree { color: #0f4588; } 

 /* 모달창 style1 */
.modal .modal_content .modalContWrap .moadl_close_btn{position: absolute; top: 20px; right: 20px; cursor: pointer;}
.modal .modal_content .modalContWrap .modal_logo{margin-top: 33px;}
.modal .modal_content .modalContWrap .modal_tit h1{text-align: center; font-weight: 500; margin-top: 53px; margin-bottom: 48px;}
.modal .modal_content .modalContWrap .modal_txt p{text-align: center; font-size: 22px; color: #555555;}
.modal .modal_content .modalContWrap .input_wrap{margin-bottom: 30px;}
.modal .modal_content .modalContWrap .input_wrap input{width: 100%; border: none; border-bottom: 1px solid #c4c4c4; padding: 12px 0; font-size: 24px;}
.modal .modal_content .modalContWrap .input_wrap input:focus{border-bottom: 1px solid #000;}
.modal .modal_content .modalContWrap .input_wrap input::placeholder{color: #cccccc;}
.modal .modal_content .modalContWrap .checkbox_wrap{margin-bottom: 60px;}
.modal .modal_content .modalContWrap .checkbox_wrap label{font-size: 20px; color: #999999;}
.modal .modal_content .modalContWrap .modal_button_wrap button{width: 100%; height: 84px; background: #c4c4c4; color: #fff; font-size: 24px; transition: .3s; border-radius: 4px;}
.modal .modal_content .modalContWrap .modal_button_wrap button:hover{background: #000;}
.modal .modal_content .modalContWrap .modal_list ul{display: flex; justify-content: center; margin-top: 20px; margin-bottom: 60px;}
.modal .modal_content .modalContWrap .modal_list ul li{color: #999999; font-size: 20px;}
.modal .modal_content .modalContWrap .modal_list ul li:nth-child(2n){padding: 0 20px;}
.modal .modal_content .modalContWrap .modal_list ul li a{color: #999999; font-size: 20px; cursor: pointer;}
.modal .modal_content .modalContWrap.find_id .input_wrap{margin-bottom: 60px;}
.modal .modal_content .modalContWrap.find_id .modal_button_wrap{margin-bottom: 60px;}
.modal .modal_content .modalContWrap.find_id .modal_tit h1{margin-bottom: 30px;}
.modal .modal_content .modalContWrap.find_id .modal_txt{margin-bottom: 48px;}

form input[type=checkbox] { display: none; } 
form input[type=checkbox] + label.check_style1 { display: inline-block; cursor: pointer; position: relative; padding-left: 35px; font-size: 16px; } 
form input[type=checkbox]+ label.check_style1:before { content: ""; display: inline-block; width: 26px; height: 26px; margin-right: 10px; position: absolute; left: 0; bottom: -1px; background-color: #fff; border-radius: 2px; background: url("../images/check_off.png"); background-size: cover;} 
form input[type=checkbox]:checked + label.check_style1:before { content: ""; width: 26px; height: 26px; background: url("../images/check_on.png"); background-size: cover;} 


/* footer */
.footer{background: #030204;}
.footer .wrap{display: flex; align-items: flex-start; justify-content: space-between;}
.footer .wrap .footer_left{display: flex; align-items: flex-start; padding: 80px 0;}
.footer .wrap .footer_right{padding: 80px 0;}
.footer .wrap .footer_left .footer_logo{margin-right: 50px;}
.footer .wrap .footer_left .footer_txt .footer_txt_top > ul{display: flex;}
.footer .wrap .footer_left .footer_txt .footer_txt_top > ul > li{margin-right: 20px;}
.footer .wrap .footer_left .footer_txt .footer_txt_top > ul > li:last-child{margin-right: 0;}
.footer .wrap .footer_left .footer_txt .footer_txt_top > ul > li > a{color: #fff; opacity: .6;}
.footer .wrap .footer_left .footer_txt .footer_txt_bottom > p{color: #fff; opacity: .5; margin-top: 15px; font-weight: 300;}

/* etc */
.etc{position: fixed; z-index: 21; right: 10px; bottom: 20px; display: flex; align-items: center;}
.etc .service a{display: flex; align-items: center; width: 255px; height: 80px; border-radius: 50px; background: #598cd9;}
.etc .service a i{padding-left: 11px;}
.etc .service a .service_txt{color: #fff; margin-left: 13px;}
.etc .service a .service_txt p{font-size: 16px; font-weight: 400;}
.etc .service a .service_txt h5{font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: 800; margin-top: 4px;}
.etc .top_btn{ cursor:pointer; margin-left: 20px;}


/* player */
.player_wrap .content{margin-top: 0; position: relative;}
.player_wrap {display: flex; justify-content: space-between; width: 1400px; height: 744px; margin: 0 auto;}
.player_wrap .player_left {background: #f4f4f4; width: 1000px;}
.player_wrap .player_left .player_header{background: #fff; padding: 20px 70px; position: unset; width: auto;}
.player_wrap .player_left .player_header .header_top{display: flex; align-items: center; justify-content: space-between; border: none;}
.player_wrap .player_left .player_header .header_top .header_top_left{display: flex;}
.player_wrap .player_left .player_header .header_top .header_top_left p{margin-left: 18px; font-weight: 400;}
.player_wrap .player_left .player_header .header_top .header_top_left p span{font-weight: 700;}
.player_wrap .player_left .player_header .header_top .header_top_left p span:nth-child(2){color: #598CD9;}
.player_wrap .player_left .player_header .header_top .header_top_right .input_wrap{display: flex; position: relative;}
.player_wrap .player_left .player_header .header_top .header_top_right .input_wrap input{border: none; border-bottom: 1px solid #c4c4c4; padding: 5px 0; font-size: 14px; width: 180px;}
.player_wrap .player_left .player_header .header_top .header_top_right .input_wrap input::placeholder{color: #c4c4c4;}
.player_wrap .player_left .player_header .header_top .header_top_right .input_wrap button{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.player_wrap .player_right{background: #343434; width: 400px;  color: #fff; padding: 70px 60px; box-sizing: border-box; position: relative; overflow: hidden;}
.player_wrap .player_right h3{font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 36px;}
.player_wrap .player_right h4{font-weight: bold; font-size: 40px;}
.player_wrap .player_right h4 span{color: #598cd9;}
.player_wrap .player_right .player_right_bottom{position: absolute; bottom: 0; left: 0; background: #000; width: 100%; z-index: 2;}
.player_wrap .player_right1 .player_right_bottom p{color: #999999; padding: 50px 40px;}
.player_wrap .player_right .player_img{position: absolute; top: 280px; right: -70px;}
.player_wrap .player_right .player_img .play_btn{    width: 65px;
  height: 65px;
  background: url(../images/play2.png);
  background-size: cover;
  position: absolute;
  top: 160px;
  left: 161px;}
  .player_wrap .player_right .player_img .play_btn.on{
    background: url(../images/pause2.png);
    background-size: cover;    
  }
.player .player_con .tabs_wrap{display: flex; justify-content: space-between; align-items: center;}
.player .player_con .tabs_wrap ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.player .player_con .tabs_wrap.hide{position: relative; z-index: -5;}
.player {padding:50px 70px;}
.player .player_con .tabs_wrap ul.tabs li{
	background: none;
	color: #598CD9;
    border: 1px solid #598CD9;
	display: inline-block;
	padding: 8px 26px;
	cursor: pointer;
    border-radius: 30px;
    margin-right: 6px;
}

.player .player_con .tabs_wrap ul.tabs li.current{
	background: #598CD9;
	color: #fff;
}
.player .player_con{position: relative;}
.player .player_con .tabs_wrap ul.tabs_page{display: flex;}
.player .player_con .tabs_wrap ul.tabs_page li{margin-left: 10px;}
.player .player_con .tab-content{
    height: auto;
	display: none;
	background: #fff0;
    padding: inherit;
}



.player .player_con .tabs_wrap ul.tabs2{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.player .player_con .tabs_wrap ul.tabs2 li{
	background: none;
	color: #598CD9;
    border: 1px solid #598CD9;

    display: inline-block;
	cursor: pointer;
    border-radius: 30px;
    margin-right: 6px;
}

.player .player_con .tabs_wrap ul.tabs2 li a{

  display: inline-block;
	padding: 8px 26px;
}

.player .player_con .tabs_wrap ul.tabs2 li.current{
	background: #598CD9;
	color: #fff;
}


.player .player_con .tab-content ul.player_box{display: flex; flex-wrap: wrap;}
.player3 .player_con .tab-content ul.player_box{justify-content: space-between;}
.player .player_con .tab-content.current ul.tabs_page{display: flex; position: absolute; right: 0; top: 3px;}
.player .player_con .tab-content.current ul.tabs_page li{margin-left: 8px;}
.player .player_con .tab-content ul.player_box{display: none;}
.player .player_con .tab-content ul.player_box.current{display: flex;}
.player1 .player_con .tab-content ul.player_box li{ margin-right: 20px; margin-top: 20px; text-align: center;}
.player1 .player_con .tab-content ul.player_box li:nth-child(4n){margin-right: 0;}
.player1 .player_con .tab-content ul.player_box li a{width: 200px; height: 156px; display: inline-block; background: #fff; border-radius: 10px; color: #C4C4C4; border: 1px solid #E1E1E1; box-sizing: border-box; font-weight: 500; transition: .3s; display: flex; align-items: center; justify-content: center;}
.player1 .player_con .tab-content ul.player_box li a p{font-size: 36px;}
.player1 .player_con .tab-content ul.player_box li:hover a{color:#598CD9; border-color: #598CD9; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);}

.player2 .player_con .tab-content ul.player_box li{ margin-right: 20px; margin-top: 20px; text-align: center;}
.player2 .player_con .tab-content ul.player_box li:nth-child(4n){margin-right: 0;}
.player2 .player_con .tab-content ul.player_box li a{width: 200px; height: 156px; display: inline-block; background: #fff; border-radius: 10px; color: #C4C4C4; border: 1px solid #E1E1E1; box-sizing: border-box; font-weight: 500; transition: .3s; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.player2 .player_con .tab-content ul.player_box li a p{font-size: 36px;}
/* .player2 .player_con .tab-content ul.player_box li:hover a{color:#598CD9; border-color: #598CD9; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);} */


.player2 .player_con .tab-content ul.player_box li a p{font-size: 32px; margin-top: 1px;}
.player2 .player_con .tab-content ul.player_box li a small{font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 15px;}

.player3 .player_con .tab-content ul.player_box .player_box_inner img{width: 200px; height: 200px;}
.player3 .player_con .tab-content ul.player_box .player_box_inner p{font-size: 20px; margin-top: 12px;}
.player3 .player_con .tab-content ul.player_box .player_box_inner:hover p{color: #000;}
.player3 .player_con .tab-content ul.player_box li{ margin-top: 20px; text-align: center; cursor: pointer; box-sizing: border-box;}
.player3 .player_con .tab-content ul.player_box li:nth-child(1){margin-bottom: 52px;}
.player3 .player_con .tab-content ul.player_box li:nth-child(4n){margin-right: 0;}
.player_wrap .player_right2 h3{font-size: 18px;}
.player_wrap .player_right2 .music_play{width: 279px; height: 279px; margin-top: 51px;}
.player_wrap .player_right2 .music_play .play_button{position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 120px; height: 120px; background: url(../images/play_i.png); background-size: cover; cursor: pointer;}
.player_wrap .player_right2 .music_play .play_button.on{background: url(../images/pause.png); background-size: cover;}
.player_wrap .player_right2 .player_right_bottom{padding: 30px 40px; width: 320px;}
.player_wrap .player_right2 .player_right_bottom h5{font-size: 26px;}
.player_wrap .player_right2 .player_right_bottom p{font-size: 20px; margin-top: 1px; color: #999999;}
.player_wrap .player_right2 .player_right_bottom .music_bar{display: flex; margin-top: 16px;}
.player_wrap .player_right2 .player_right_bottom .music_bar i{margin-right: 15px; cursor: pointer;}
.player_wrap .player_right2 .player_right_bottom .music_bar .play_bar{width: 100%; margin-top: 8px;}
.player_wrap .player_right2 .player_right_bottom .music_bar .play_bar .play_time{display: flex; justify-content: space-between; margin-top: 6px;}
.player_wrap .player_right2 .player_right_bottom .music_bar .play_bar .play_time span{color: #999999; font-size: 15px;}
.player_wrap .player_right2 .player_right_bottom .music_bar .play_bar progress{width: 100%;}
.player .player_con .tab-content.current{
	display: inherit;
}


  .player_wrap .player_member_left .player_header .header_top .header_top_left p span:nth-child(2){color: #F31170;}
  .player_wrap .player_member_right h4 span{color: #F31170;}
  .player_member .player_con .tab-content ul.player_box li.on a{color:#F31170; border-color: #F31170; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);}
  .player_member .player_con .tabs_wrap ul.tabs2 li.current{background: #F31170;}
  .player_member .player_con .tabs_wrap ul.tabs2 li.current a{color: #fff;}
  .player_member .player_con .tabs_wrap ul.tabs2 li{border: 1px solid #F31170;}
  .player_member .player_con .tabs_wrap ul.tabs2 li a{color: #F31170;}
  .player_member .player_con .tabs_wrap .prev_btn a{display: flex; align-items: center;}
  .player_member .player_con .tabs_wrap .prev_btn i{margin-right: 10px;}
  .player_member .player_con .tabs_wrap .prev_btn p{color: #c4c4c4; font-size: 14px;}


  .player_member .player_con progress::-webkit-progress-value {
    background-color: #F31170;
  }

  .player .player_con .player_tit{ position: absolute; left: 50%; transform: translateX(-50%); margin-top: -23px;}
  .player .player_con .player_tit h5{color: #c4c4c4; font-size: 14px; font-family: 'Montserrat', sans-serif;}
  .player .player_con .player_tit h2{font-size: 30px; font-weight: 700;}


select {
  border: 1px solid #999;
  background: url('../images/select.png') no-repeat 90% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  }
  
  @media screen and (max-width: 1600px){
    .navi{left: 8px; }
    .navi .pointWrap li{width: 4px; height: 4px;}
  }

  @media screen and (max-width: 1330px){
  }

@media screen and (max-width: 1230px){
    .wrap{width: 100%;box-sizing: border-box; padding-left: 20px; padding-right: 20px;}
    .header .header_bottom .wrap .header_bottom_left > ul > li{margin-right: 24px;}
    .header .header_bottom .wrap .header_bottom_left > ul > li > a{font-size: 18px;}
    .header .header_bottom .wrap .header_bottom_right > ul > li{margin-left: 15px;}
    .header .header_bottom .wrap .header_bottom_left .header_depth2{padding: 25px 0;}
    .header .header_bottom .wrap .header_bottom_left .header_depth2 ul.wrap > li > ul > li > a{font-size: 14px;}
    .header .header_bottom .wrap .header_bottom_left .header_depth2 ul.wrap > li:nth-child(1){width: 111.84px;}
    .header .header_bottom .wrap .header_bottom_left .header_depth2 ul.wrap > li:nth-child(2){width: 144.97px;}
    .header .header_bottom .wrap .header_bottom_left .header_depth2 ul.wrap > li:nth-child(3){width: 144.97px;}
    .header .header_bottom .wrap .header_bottom_left .header_depth2 ul.wrap > li:nth-child(4){width: 106.81px;}
    .header .header_bottom .wrap .header_bottom_left .header_depth2 ul.wrap > li:nth-child(5){width: 90.25px;}

    .footer .wrap .footer_left{display: block;}
    .footer .wrap .footer_left .footer_txt{margin-top: 30px;}
    .footer .wrap .footer_right{position: absolute; right: 2.5%;}

      /* etc */
      .etc{position: fixed; z-index: 11; right: 20px; bottom: 5px;}
      .etc .service a{width: 162px; height: 50px;}
      .etc .service a i{padding-left: 7px;}
      .etc .service a i img{width: 38px; height: 38px;}
      .etc .service a .service_txt{margin-left: 8px;}
      .etc .service a .service_txt p{font-size: 10px;}
      .etc .service a .service_txt h5{font-size: 12px;}
      .etc .top_btn{cursor:pointer; margin-right: 10px;}
      .etc .top_btn img{width: 40px; height: 40px;}
}

@media screen and (max-width: 992px){
    .pc_only{display: none !important;}
    .mo_only{display: block !important;}
    .header .header_top .wrap .header_top_left .ham{display: block;}
    .header .header_bottom .wrap .header_bottom_right{display: none;}
    /* .header .header_bottom .wrap .header_bottom_left > ul{width: 700px; overflow-x: scroll;} */
    .header .header_bottom .wrap .header_bottom_left .header_depth2{display: none;}
    .header .ham_menu{display: block;}
}

@media screen and (max-width: 721px){
    .pc_only_721{display: none !important;}
    .mo_only_721{display: block !important;}
    .content{margin-top: 105px;}
    .header .header_top .wrap{height: 63px;}
    .header .header_bottom .wrap{height: 40px;}
    .header .header_bottom .wrap{overflow-x: scroll;}
    .header .header_top .wrap .header_top_right a{width: 124px; height: 27px; font-size: 10px;}
    .header .header_top .wrap .header_top_right a img{width: 14px;}

  .header .header_bottom .wrap::-webkit-scrollbar {
    width: 100%; /*스크롤바의 너비*/
    height: 2px;
    cursor: pointer;
  }

  .header .header_bottom .wrap::-webkit-scrollbar-thumb {
      background-color: rgb(233, 233, 233); /*스크롤바의 색상*/
  }

  .header .header_bottom .wrap::-webkit-scrollbar-track {
      background-color: rgba(255, 255, 255, 0); /*스크롤바 트랙 색상*/
  }

    .header .header_bottom .wrap .header_bottom_left{}
    .header .header_bottom .wrap .header_bottom_left > ul{width: 560px;}
    .header .header_bottom .wrap .header_bottom_left > ul > li > a{
        font-size: 14px;
    }
    /* 모달창 */
    .modal{padding: 0 20px; box-sizing: border-box;}
    .modal_content{width: 100%; }
    .modal_content .modalContWrap{padding: 0 20px;}
    .modal .modal_content .modalContWrap .moadl_close_btn{top: 10px; right: 10px;}
    .modal .modal_content .modalContWrap .moadl_close_btn img{width: 30px;}
    .modal .modal_content .modalContWrap .modal_list ul li{font-size: 14px;}
    .modal .modal_content .modalContWrap .modal_list ul li a{font-size: 14px;}
    .modal .modal_content .modalContWrap .modal_button_wrap button{height: 60px; font-size: 14px ;}
    .modal .modal_content .modalContWrap .modal_list ul li:nth-child(2n){padding: 0 10px;}
    .modal .modal_content .modalContWrap .checkbox_wrap{margin-bottom: 50px;}
    .modal .modal_content .modalContWrap .input_wrap{margin-bottom: 20px;}
    .modal .modal_content .modalContWrap .input_wrap input{font-size: 16px;}
    .modal .modal_content .modalContWrap .checkbox_wrap label{font-size: 14px;}
    form input[type=checkbox] + label.check_style1{padding-left: 27px;}
    form input[type=checkbox]+ label.check_style1:before{width: 20px; height: 20px; bottom: -2px;}
    form input[type=checkbox]:checked + label.check_style1:before{width: 20px; height: 20px;}
    .modal .modal_content .modalContWrap .modal_logo{margin-top: 17px;}
    .modal .modal_content .modalContWrap .modal_list ul{margin-bottom: 40px;}
    .modal .modal_content .modalContWrap .modal_txt p{font-size: 14px;}
    .modal .modal_content .modalContWrap.find_id .modal_tit h1{margin-bottom: 14px; font-size: 22px;}
    .modal .modal_content .modalContWrap.find_id .modal_txt{margin-bottom: 40px;}
    .modal .modal_content .modalContWrap.find_id .input_wrap{margin-bottom: 40px;}
    .modal .modal_content .modalContWrap.find_id .modal_button_wrap{margin-bottom: 40px;}
}

@media screen and (max-width: 531px){
    .footer .wrap .footer_left{padding: 60px 0;}
    .footer .wrap .footer_left .footer_logo img{width: 102px;}
    .footer .wrap .footer_right img{width: 80px;}
    .footer .wrap .footer_right{padding: 60px 0;}
    .footer .wrap .footer_left .footer_txt .footer_txt_bottom > p{font-size: 13px;}
    .footer .wrap .footer_left .footer_txt .footer_txt_top > ul > li{margin-right: 10px;}
    .footer .wrap .footer_left .footer_txt .footer_txt_top > ul > li > a{font-size: 13px;}

}

@media screen and (max-width: 451px){
  .header .header_bottom .wrap {
    -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */
  }
  .header .header_bottom .wrap::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
  }
}