@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

#container2{margin-top:15% !important;}
.color-red{color:#ef1c25;}
.text-justify{text-align:justify;}
.d-flex{display:flex;}
.justify-content-between{justify-content: space-between;}
.on{background-color:#3b77bc;}


.com_fee .cost_design{color:#3b77bc;}
.com_fee .cost_design:after{background:#3b77bc;}

.box_wr{display:flex; justify-content: space-between;}
.left_box{width:72%;}

.cost_box{display:flex; margin-bottom:50px;}
.cost_box h3{width:150px;margin-right:10px; text-align:right; margin-right:6%;}
.telecom{}
.telecom button{width:80px; height:50px; margin-right:20px; border:1px solid #d3d3d3;}
.telecom button:last-child{margin-right:0px;}
.telecom button img{width:60%; padding:5px;}
.helloimg {width:100% !important;}

.telecom{}
.telecom input[type="radio"]{display:none;}
.telecom label{text-align:center; font-size:16px; font-family:"S-CoreDream-4Regular";}
.telecom label:last-child{margin-right:0px;}
.telecom label img{width:80px; height:50px; border:1px solid #d3d3d3; margin-right:20px; text-align:center; background:#efefef;}
.telecom input[type="radio"]:checked + label img{
    content: "";
    width:80px;
    height:50px;
    background-color: #fff;
	border:1px solid #333;
    transition:0.2s ease-in;
}


.cost_select{height:40px; margin-bottom:50px; width:530px;}
.cost_select select{
	width:100%;/*530px;*/ height:40px; border:1px solid #f5f5f5; color:#333;
	padding:10px;
	font-size:14px; font-family:"S-CoreDream-4Regular";
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:url(img/select.svg) no-repeat 97% 50%; background-size:15px 15px;
}




.dropdown-label{
  font-size : 13px;
  font-weight : bold;
  color : rgb(50, 50, 50);
}

.dropdown{
  position : relative;
  display : inline-block;
  width:100%;
  height:85px;
  max-width:530px;
}

.dropbtn_icon{
  font-family:"S-CoreDream-4Regular";
}
.dropbtn{
  display : block;
  border : 2px solid #f6f6f6;
  background-color: #fff;
  font-weight: 400;
  color : rgb(124, 124, 124);
  padding : 10px;
  width :100%;
  height:45px;
  text-align: left;
  cursor : pointer;
  font-size : 13px;  
  position : relative;  
  font-family:"S-CoreDream-4Regular";
  z-index:1;

}



.dropdown-content{
  display : none;
  font-weight: 400;
  background-color: #fff;
  width:100%;
  height : 200px;
  overflow : auto;  
  border:1px solid #cdcdcd;
  z-index:9999;
  position:relative;  
  
}
.dropdown-content::-webkit-scrollbar{
  width : 3px;
  height : 0px;
}
.dropdown-content::-webkit-scrollbar-thumb{  
  background-color :rgb(194, 194, 194);
  
}

.dropdown-content div{
  width:100%;
  display : block;
  text-align:justify;
  text-decoration : none;
  color : rgb(37, 37, 37);
  font-size: 14px;
  padding : 12px 20px;
  
}
.dropdown-content div:hover{
  background-color: rgb(226, 226, 226);
}

.dropdown-content.show{
  display : block;
}

.dropcost{
	font-family:"S-CoreDream-4Regular";
	border-bottom:1px dashed #cdcdcd;	
}

.dropcost span{padding-left:5px;}

.month{display:inline-block; width:70%;}
.month2::before{color:red; content:'월'; margin-right:5px;}
.month2::after{color:red;  content:'원'; margin-left:3px;}
.cost_text{width:100%; height:auto; min-height:45px; font-size:14px; font-family:"S-CoreDream-4Regular"; border:1px solid #f5f5f5; background:#e2e2e2; padding:18px 10px 0; position:absolute; right:0; bottom:0; z-index:-1;vertical-align:middle;}




.mn_slider{
        width: 100%;
        height: 650px;
      }

      .mn_silder1 {
		width:300px;
        text-align: center;
        font-size: 18px;
        background: #fff;
		border:1px solid #c8c8c8;
		padding:20px;
		
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .mn_slider1 img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }


 .my_modal {
	display: none;
	width: 90%;
	max-width:1080px;
	padding: 20px;
	background-color: #fafafa;
	border: 1px solid #888;
	border-radius: 3px;
	font-size:20px;
	overflow:auto;
}

.my_modal .modal_close_btn {
	position:absolute;
	top: 10px;
	right: 10px;
	cursor:pointer;
	width:20px;
	height:20px;
	
}

#popup_open_btn{
	width:100%;
	max-width:530px;
	height:auto;
	text-align:left;
	padding:10px;
	font-size:12px;
	border:1px solid #f5f5f5;	
}

.swiper-button-next{background:url(../img/next.svg) no-repeat;}
.swiper-button-prev{background:url(../img/prev.svg) no-repeat;}
.swiper-button-next::after,
.swiper-button-prev::after {display: none;}

.cost_modal{text-align:;}
.cost_modal_title {margin-bottom:20px; padding:20px 0; text-align:center;}
.cost_modal_title h1{font-size:30px; font-family: 'S-coredream-4regular'; font-weight:700; margin-bottom:5px;}
.cost_modal_title p{font-size: 14px; color: #555; font-weight: 400; font-family: 'S-coredream-4regular';}
.cost_modal_title img{margin-bottom:10px;}

.card_box{ }
.card_img{padding:20px 0; border-bottom:1px dashed #999;}
.card_img img{margin-bottom:10px; height:140px;}
.card_img p{padding:5px ; font-size:16px; font-family: 'S-coredream-4regular';  font-weight:lighter;}
.card_img p:last-child{color:#999;font-size:14px;}
.card_img img{width:100%;}

.card_text{display:flex; flex-direction: column; justify-content:space-between; font-size:14px; padding:20px 0; border-bottom: 1px dashed #cdcdcd; min-height:300px;}
.card_text li{font-family: 'S-coredream-4regular';padding:5px 0;font-size:14px; font-weight:500; color:#333; text-align:justify;}

.card_text_title span{position:relative; padding-left:10px; color:#999;}
.card_text_title span:before{display: block; width: 4px; height: 4px; content: ""; position: absolute; left: 0; top: 8px; background-color:#333;}
.card_text_doc{padding-bottom:10px !important;}

.card_choice{font-family: 'S-coredream-4regular'; float: right; font-size: 12px; background-color: #323232; display: inline-block; color: #fff; border-radius: 3px; padding: 2px 5px;}
.card_detail {padding:25px 0;}
.card_detail a{font-family: 'S-coredream-4regular'; font-size: 14px; color: #323232; display: inline-block; border: 1px solid #323232; border-radius: 17.5px; padding: 7px 34px; padding-top:1px dashed #999;}


/*right_box*/
.right_box{width:29%;min-width:220px;}

.feebox{width:100%;}
.feebox {margin-bottom:20px; border:1px solid #cdcdcd;}
.feebox li{border-bottom:1px dashed #cdcdcd; height:50px; padding:15px; font-size:16px;}
.feebox li:first-child{border-bottom:none; background-color:#3b77bc; color:#fff; font-weight:700;}
.feebox li:last-child{border-bottom:none;}

.atb{height:130px; background-color:#3b77bc; margin-bottom:20px; padding:15px; color:#fff; font-size:16px; font-weight:700;}
.atb p:last-child{line-height:50px; border-top:none; text-align:right; font-size:35px; font-weight:700; line-height:100px;}
.helpline{width:100%; height:50px; background-color:#4d4d4d; color:#fff; text-align:center; padding:10px 0; font-size:18px; font-weight:700;}


.costA{margin-right:5px; width:20px; height:20px; background-color:#cb2935; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:20px; font-size:14px; font-weight:700;}
.costB{margin-left:5px; width:20px; height:20px; background-color:#cb2935; border-radius:50%; display:inline-block; color:#fff; text-align:center; line-height:20px; font-size:14px; font-weight:700;}

.cost_modal{}
.card_list_title{padding-bottom:30px; font-size:30px; font-family:'S-CoreDream-4Regular'; border-bottom:1px solid black;}

.card_list2{display:flex; justify-content:space-between; padding:30px 0; position:relative;}
.card_list2 ul{width:30%;}
.card_list2 div{width:30%;}
.sign_box{width:100%; margin-bottom:30px; padding-top:30px; border-top:2px solid #000;}
.sign_box ul{}
.sign_box ul li{display:flex; margin-bottom:20px;}
.sign_box ul li:last-child{margin-bottom:0px;}
.sign_box ul li h3{font-size:14px; width:20%; text-align:left;padding:1%; margin-right:10%;}
.sign_box ul li button{width:80px; height:50px; margin-right:20px; background:none; border:1px solid #ccc;}
.sign_box ul li button:last-child{margin-right:0;}
.sign_box ul li button img{width:60%; padding:5px;}
.sign_box ul li input{width:70%;padding:5px; font-size:16px; border:1px solid #ccc;}
.sign_box ul li textarea{width:70%; height:100px; padding:5px; resize:none; overflow:auto;border:1px solid #ccc;}
.sign_box input::placeholder{font-size:14px;}
.sign_box textarea::placeholder{font-size:14px;}
.ttelecom {width:70%;}
.sign_button{text-align:center;}
.sign_button button{width:30%; padding:15px; font-size:16px; font-family:'S-CoreDream-4Regular'; margin-right:5%; border:none; background:#7f7f7f; color:#fff;}
.sign_button button:last-child{margin-right:0; background:#3b77bc;}
.cardplus{width:30px; height:30px; margin-top:50px;}
.cardline{width:30px; height:30px; margin-top:50px;}



 #my_modal2 {
	display: none;
	width: 90%;
	max-width:890px;	
	
	padding:30px;
	background-color: #fefefe;
	border: 1px solid #888;
	border-radius: 3px;
	overflow:auto;
	}

#my_modal2 .modal_close_btn{
	position:absolute;
	top: 10px;
	right: 10px;
	cursor:pointer;
	width:20px;
	height:20px;
	}


#popup_open_btn2{
	width:100%; height:50px; background-color:#4d4d4d; color:#fff; text-align:center; padding:10px 0; font-size:18px; font-weight:700;}





@media screen and (max-width:990px){
	.box_wr{display:block;}
	.left_box{width:100%;}
	.right_box{width:100%;}
	.telecom label img{margin-bottom:20px;}	
	.card_list2{width:100%; display:block;}
	.cardplus{width:30px; height:30px; margin:10px 0;}
	.card_list2 ul{width:100%; margin-bottom:0;}
	.card_list2 div{width:100%;}
	.cardplus{width:30px; height:30px; margin:10px 45%; }
	.cardline{width:30px; height:30px; margin:10px 45%;transform:rotate(90deg);}
}


@media screen and (max-width:650px){
	
	.box_wr{padding:5%;}
	.left_box{width:100%;}
	.right_box{width:100%;}
	.cost_box{flex-direction: column; justify-content:space-between;}
	.cost_box h3{width:100%;text-align:left; margin-bottom:10px;}
	.cost_box select{width:100%; height:40px;}
	.telecom{width: 100%;}
	.telecom button {margin-right:10px;}
	.telecom label img{margin-bottom:20px;}
	.dropdown-content div{padding:10px; font-size:13px;}
	
	
	.sign_button {display:flex; justify-content:space-between;}
	.sign_button button{width:100%;}	
	.sign_box{padding-top:20px;}
	.sign_box ul li{display:block;}
	.sign_box ul li h3{width:100%; margin-bottom:10px;}
	.sign_box ul li input{width:100%;}
	.sign_box ul li textarea{width:100%;}
	.sign_box ul li textarea{height:70px;}
	.telecom label img{margin-bottom:20px;}
	.ttelecom {width:100%; display:flex;justify-content:space-evenly;}
	.ttelecom label img{width:60px; height:40px; margin-right:10px; margin-bottom:10px; padding:5px;}
	.ttelecom input[type="radio"]:checked + label img{width:60px; height:40px;}
	#popup_open_btn{font-size:13px;}
	#my_modal2{height:95%;overflow:auto;}	
	.card_list_title{font-size:24px;padding-bottom:20px;}
	.card_list2 {padding:20px 0;}
	.card_list2 ul li {font-size:14px; height:40px;padding:10px;}
	.card_list2 ul li img {width:20px; height:20px;}
	#right3{font-size:14px; height:auto; padding:15px;}
	#right3 p:last-child{font-size:18px; line-height:1;padding:10px 0;}
	.sign_button button{font-size:14px;}
	
	
}