@charset "UTF-8";

.box_100 {width:100% !important; display:inline-block}
.box_50 {width:50% !important;  }
.pc-col-2 {width:100%; display:flex; flex-wrap:wrap ; justify-content:space-between}
.pc-col-2 .col-2-in {width:49% !important; vertical-align:top}
.flex {  display:flex !important; flex-wrap:wrap; align-items:center; justify-content:space-between}

@media all and (max-width:800px) {
	.pc-col-2 .col-2-in {width:100% !important}
	.m_box_100 {width:100% !important}
}

 @media all and (min-width:800px) {
	 .pc-box_50 {width:50% !important;  }
	 .pc-box_48 {width:48% !important;  }


}

.eng {letter-spacing:0.2px}
  
.s_btn {background-color:#fff;  color:#333 !important; display:inline-block;  padding:0 10px; line-height:23px}
.s_btn2 {background-color:#fff; border:1px solid #ddd; color:#333 !important; display:inline-block; border-radius:3px;  padding:5px 15px; line-height:1.3em; font-size:.90rem; font-weight:400}
.s_btn3 {background-color:#333;   color:#fff !important; display:inline-block;  padding:4px 15px; line-height:1.3em; border-radius:3px}


.color_w {color:#fff !important}

.line {width:100%; height:1px; background-color:#b5b5b5; display:inline-block}
.t_center_line {width:100%; background:url('/common/img/common/x_line.png') repeat-x center; box-sizing:border-box;   }
.t_center_line span {background-color:#fff; padding:0 20px ; display:inline-block}
.t_underline  {text-decoration:underline}

.basic_t {font-size:.95rem; color:#666;}
.basic_t2 {font-size:1.03rem; line-height:1.4em;  color:#444;}
.basic_t3 {font-size:.95rem; line-height:1.5em; color:#666;}
.b_t {font-size:1.3rem}
.b_t2 {font-size:1.15rem; font-weight:600; color:#333}
.b_t3 {font-size:1.6rem; font-weight:700; }
.s_t {font-size:0.88em; letter-spacing:0; color:#444}

.red {color:red !important}
.blue {color:#006ce5 !important}
.white {color:#fff !important}
.right_more {float:right; }

.question  {width:20px; line-height:20px; font-size:13px; background-color:#a6a6a6; color:#fff !important; border-radius:50% ; display:inline-block; text-align:Center;}


 div.border_box {width:100%; display:inline-block; border:1px solid #b5b5b5; padding:10px; box-sizing:border-box }


@media all and (max-width:800px){
	.b_t {font-size:1.15rem}
}
 
@media all and (max-width:640px){
	 .basic_t2 {font-size:0.97rem; }
}

ul.basic li {width:calc(100% - 30px);   list-style:disc; margin-left:25px; padding-bottom:5px}



/*버튼*/

.btn_wrap {width:100%;   display:flex; justify-content:center ;    text-align:center;  }
.btn_wrap li {width:20%; font-size:1.15rem; margin:0 10px;   padding:10px;  box-sizing:border-box; }
.btn_wrap li a {text-align:Center;    width:100%; height:100%;  display:flex;  align-items:center; justify-content:center;   }
 

@media all and (max-width:1100px) {
	.btn_wrap li {width:30%; margin:0 1%;   }

}

 @media all and (max-width:640px) {
	.btn_wrap {  flex-wrap:wrap;  justify-content:space-between ;    }
	.btn_wrap li {width:48%;  margin:0; font-size:1.05rem}
	.btn_wrap li:nth-child(3) {width:100%; margin-top:10px}

}


.basic_btn {border:1px solid #00479d; text-align:Center; box-sizing:border-box; padding:0 30px; border-radius:3px;  line-height:37px; font-size:0.9rem; color:#00479d !important; display:inline-block}

.basic_btn2 { background-color:#ffd200; text-align:Center; box-sizing:border-box; padding:0 70px; line-height:43px; border-radius:30px; font-size:1.15rem; color:#333 !important; display:inline-block; font-weight:600}

.basic_btn3 { text-align:Center; box-sizing:border-box; padding:0 30px; border-radius:3px;  line-height:45px; font-size:1rem; color:#fff !important; display:inline-block; background-color:#777;}

.basic_btn4 { text-align:Center; box-sizing:border-box;   line-height:35px; font-size:0.95rem; color:#fff !important; display:inline-block; background-color:#777;}
.basic_btn4  a { text-align:Center; box-sizing:border-box;   line-height:35px; font-size:0.95rem;  display:inline-block; width:100%  }

.file_link {border:1px solid #00479d; text-align:Center; box-sizing:border-box; padding:0 30px; border-radius:3px;  line-height:37px; font-size:0.9rem; color:#00479d !important; display:inline-block}

.upload_btn {border:1px solid #555; text-align:Center; box-sizing:border-box; width:100px; border-radius:3px;  line-height:33px; font-size:0.9rem; color:#555 !important; display:inline-block}



@media all and (max-width:640px) {
	.basic_btn4  a {line-height:32px  }
   .file_link {border:none;  padding:0;  line-height:1.3em; text-decoration:underline  }

}


.basic_btn5 { text-align:Center; box-sizing:border-box; border-radius:4px;  line-height:35px; font-size:0.95rem; color:#fff !important; display:inline-block; background-color:#333; padding:0 20px;}

.basic_btn6 { text-align:Center; box-sizing:border-box;   line-height:36px; border-radius:3px; font-size:0.95rem; color:#fff !important; display:inline-block; background-color:#555; padding:0 40px; border:1px solid #555}

.full_btn {padding:0 !important; width:100% !important; }


.more_btn { background-color:#ffd200; text-align:Center; box-sizing:border-box; padding:0 60px; line-height:45px; border-radius:5px; font-size:1rem; color:#333 !important; display:inline-block}

.medium_btn { background-color:#ffd200;border:1px solid #ffd200;  text-align:Center; box-sizing:border-box; width:100%;  line-height:45px; border-radius:30px; font-size:1.1rem; font-weight:500;  color:#333 !important; display:inline-block}


.square_btn {border:1px solid #333; background-color:#ffd200; text-align:Center; box-sizing:border-box; width:100%; padding-bottom:100%; border-radius:5px; font-size:1rem; color:#333 !important; display:inline-block; position:relative; }
.square_btn span {width:100%; position:absolute; top:50%; left:0; transform: translate(0, -50%); line-height:1.2em }

.list_btn {background-color:#444; text-align:Center; box-sizing:border-box; padding:0 30px; border-radius:3px;  line-height:37px; font-size:0.9rem; color:#fff !important; display:inline-block; float:right; margin-top:15px}
.list_btn2 {background-color:#fff; border:1px solid #ddd; text-align:Center; box-sizing:border-box; padding:0 15px; border-radius:3px;  line-height:33px; font-size:0.9rem; color:#444 !important; display:inline-block; float:right; margin-top:10px}


a.t_link {color:#006ce5; text-decoration:underline}

/*라벨*/


.label {background-color:#cce3ff; padding:5px 10px; display:inline-block;  font-size:0.90rem;  margin-bottom:3px; border:1px solid #cce3ff;  font-weight:400; vertical-align:middle; box-sizing:border-box; line-height:1.4em }

.round_label {background-color:#fff; border:1px solid #006ce5; color:#006ce5;  padding:2px 10px; display:inline-block; font-size:0.83rem;  margin-bottom:3px; font-weight:400; vertical-align:middle; border-radius:20px;}

.label2 { border-radius:3px; padding:0 8px; line-height:21px; display:inline-block; margin-right:5px ; font-size:0.81rem;  box-sizing:border-box;  }

.new_label { border-radius:50px;   display:inline-block; font-size:1rem; width:25px; line-height:25px; background-color:red; color:#fff; vertical-align:3px; text-align:Center; font-weight:400; margin-left:3px}

.no_label { border-radius:50px; line-height:23px; display:inline-block; font-size:0.75rem; width:23px; line-height:23px; background-color:red; color:#fff; margin-left:-10px;  margin-top:-5px; vertical-align:top; text-align:Center;}

@media all and (max-width:800px) {
 	.medium_btn {width:100%; border-radius:0; line-height:35px; font-size:1rem}
	.more_btn {  padding:0 40px; line-height:40px; font-size:0.90rem}
}

@media all and (max-width:640px) {
	.new_label  {width:20px; line-height:20px; font-size:0.8rem; vertical-align:2px;}
	

 }

.color1 {background-color:#444; color:#fff !important; border:1px solid #333; box-sizing:border-box }
.color1 a {color:#fff !important}
.color2 {background-color:#ffd200; color:#333 !important; border:1px solid #333; box-sizing:border-box  }
.color2 a {color:#333 !important}
.color3 {background-color:#333; color:#ffd200 !important; border:1px solid #333;box-sizing:border-box  }
.color4 {background-color:#fff; color:#444 !important; border:1px solid #999; box-sizing:border-box }
.color5 {background-color:#ddd; color:#444 !important;  border:1px solid #ddd; box-sizing:border-box }
.color6 {background-color:#222; color:#fff !important;  border:1px solid #222; box-sizing:border-box  }



ul.tab {display:inline-block; margin-bottom:-7px }
ul.tab li {display:inline-block; border:1px solid #333; margin-bottom:7px;   margin-right:5px; border-radius:5px; }
ul.tab li a {width:100%; display:inline-block; font-size:0.97rem; line-height:33px; padding:0 20px; color:#333 !important;   }
ul.tab li.ov {background-color:#ffd200;  border:1px solid #ffd200; }

@media all and (max-width:640px) {
	ul.tab li a { font-size:0.90rem; padding:0 11px  }
 }

ul.tab2 {display:flex; font-size:0; width:100%;}
ul.tab2 li {display:inline-block; background-color:#f1f1f1; border:1px solid #fff;  border-right:none; box-sizing:border-box;  width:33.33333%;  display:flex; align-items:center; text-align:center;  }
 ul.tab2 li a { display:inline-block; font-size:1rem;  padding:13px 10px;  box-sizing:border-box; width:100%; color:#333 !important; transition: background-color 0.3s ease-in; line-height:1.4em }
ul.tab2 li a:hover {background-color:#ffd200; }
ul.tab2 li.ov {background-color:#ffd200;   }

@media all and (max-width:640px) {
	ul.tab2 li a { font-size:0.90rem;   }
 }


div.manager_tab  {width:100%;  max-height:123px; overflow-y:auto; overflow-x:hidden; display:inline-block; box-sizing:border-box; }
div.manager_tab ul {display:inline-block; margin-bottom:-7px }
div.manager_tab ul li {display:inline-block; border:1px solid #333; margin-bottom:7px;   margin-right:5px; border-radius:5px; }
div.manager_tab ul li a {width:100%; display:inline-block; font-size:0.97rem; line-height:33px; padding:0 20px; color:#333 !important;   }
div.manager_tab ul li.ov {background-color:#ffd200;  border:1px solid #ffd200; }

@media all and (max-width:800px) {
	div.manager_tab  {  overflow-y:auto; overflow-x:hidden; }
	div.manager_tab ul {display:flex; flex-wrap:wrap;}
}

@media all and (max-width:640px) {
	div.manager_tab ul li a { font-size:0.90rem; padding:0 11px  }
 }




 select.basic_select  {height:37px; min-width:60px; padding-left:10px; border:1px solid #333;  box-sizing:Border-box;  font-size:0.93rem; -webkit-appearance: none;  -webkit-border-radius: 0; background:url('/common/img/common/select_bg.png') no-repeat right; background-size:17px; background-color:#fff; padding-right:20px !important;}
input.basic_input[type="text"]	 {height:37px; border:1px solid #333;  box-sizing:Border-box; -webkit-appearance: none; -webkit-border-radius: 0; padding-left:10px; font-size:0.93rem; }

@media all and (max-width:640px) {
	select.basic_select  { background:url('/common/img/common/select_bg2.png') no-repeat right; background-size:15px;  }
 }


/*input 꾸미기*/