body {}
 
 
.bg {background-color:#f1f1f1; width:100%; height:100%; left:0; top:0; position:fixed; }
.line {width:100%; height:1px; background-color:#ddd; margin:10px 0; display:inline-block}


header {background-color:#ce7f98;  width:100%; box-sizing:border-box }
header div {display:flex; margin-left:auto; align-items:center;  padding:30px 2% 0 3%;   height:40px }
header div a.cart  {margin:0 5px; position:relative;  }
header div a.cart span {position:absolute; width:100%; left:0; text-align:center; top:13px; color:#000; font-size:13px ; font-weight:600}
header div div {  padding-top:0;  }

header h1 img {width:130px}
header ul {display:flex; margin-top:25px; width: 100%; box-sizing:border-box; padding-left:4%; 
     overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    line-height: 0;
    font-size: 0; height:50px;
}
header ul li {font-size:1.1rem; font-weight:500; margin-right:30px; line-height:50px;  }
header ul li.on {border-bottom:2px solid #333; font-weight:700 }
header ul li a {color:#333 }
header ul li:hover {border-bottom:2px solid #333; font-weight:700}

.content {width:100%;  }
.in {width:100%; box-sizing:border-box; padding-left:3%; padding-right:3% }

.flex_box {display:flex; align-items:center}
.flex_box.line_c {align-items:center}
.flex_box.j_space {justify-content:space-between}

hr.con_hr {height:35px; }
hr.con_hr2 {height:20px; }

.box_wrap {padding-top:30px; padding-bottom:30px}
.black_bg {background-color:#000; color:#fff}
.pink_bg {background-color:#ce7f98; color:#111}
.box_100 {width:100%; display:inline-block}
.col-2 {width:50%}

.bg_box {background-color:#f9f9f9; box-sizing:border-box; padding:15px; }

 
.t_1 {font-size:1.3em}
.t_2 {font-size:1.2em}

.tag  {color:#ce7f98}
.tag_wrap {width:100%; display:inline-block}
.tag_wrap  .tag_border {color:#ce7f98; border:1px solid #ce7f98; display:inline-block; padding:5px 20px; border-radius:30px}
.tag_wrap  .tag_border a:last-child {margin-left:10px; }


a.fa_link {font-size:.96em; color:#555}
a.fa_link i {color:#555}

.write_fixed_btn {width:60px; height:60px; display:flex; align-items:center; justify-content:center;  position:fixed; bottom:10%; left:calc(50% + 400px); background-color:#ce7f98; box-shadow:2px 2px 3px rgba(0,0,0,.1);  color:#fff; border-radius:50%; font-size:25px;  line-height:1.1}
 
@media all and (max-width:710px) {
  .write_fixed_btn {  bottom:5%; left:auto; right:3%;   }
  header ul li {  margin-right:6%; }


}

/*푸터*/


.footer_bn ul {width:100%; display:flex; background-color:#e7e7e7;  height:100%}
.footer_bn  ul li { width:50%; text-align:Center; padding:10px 0; font-size:.9rem; letter-spacing:.3px; line-height:1.2}
.footer_bn  ul li img {height:25px; }


.footer_bn {
   height: 65px;
  position: fixed;
  bottom: 0;
  transition: bottom 0.2s ease-in-out;
  width: 100%; max-width:700px; 
}
 
 .nav-up { bottom: -65px; }


footer {width:100%;  color:rgba(255,255,255,.6); line-height:1.5; font-size:.83em; box-sizing:border-box;  background-color:#000; padding:25px 0; margin-top:20px}
footer div img {margin-left:3%; width:100px}
footer p { padding:0 3%; box-sizing:border-box; width:100%;   flex:1000 1 0%;  }
footer hr {border-bottom:1px solid rgba(255,255,255,.1); margin:15px 0}
footer p span {  display:inline-block; line-height:1.2; margin:2px 0}
footer p span:after {content:'｜'; } 
footer p span:last-child:after {display:none}

 
@media all and (max-width:710px) {
footer div img {margin-left:10px; width:90px}


}

/**************/
  
.product_box {width:100%;  box-sizing:border-box;  }
.product_box h4 {font-size:.90em;  font-weight:400; margin-bottom:5px }
.product_box h3 {font-size:1.03em; line-height:1.2; font-weight:600; color:#111; width:100%;  display:inline-block;  box-sizing:border-box;   }
.product_box img { border:1px solid #ddd; margin-bottom:10px; box-sizing:border-box}
 
.product_box p.pay { width:100%;  display:flex; flex-wrap:wrap;  align-items:Center;  margin-top:5px}
.product_box p.pay span {white-space:nowrap; letter-spacing:-.5px; line-height:1}
.product_box p.pay span.pay1 {font-size:1em; color:#888; text-decoration:line-through; width:100%; margin-bottom:5px}
.product_box p.pay span.percent {font-size:1.3em; margin-left:5px; color:#ce7f98; font-weight:700}
.product_box p.pay span.pay2 {font-size:1.3em; color:#111; font-weight:700}


.product_box ul {display:flex; flex-wrap:wrap; justify-content:space-between }
.product_box ul li {width:48%}
.product_box ul li:nth-child(n + 3) {margin-top:20px}

@media all and (max-width:500px) {
.product_box p.pay span.pay1 {font-size:.9em;}
.product_box p.pay span.pay2 {font-size:1.05em;}
.product_box p.pay span.percent {font-size:1.05em;}


}
  

.t_label {border:1px solid #333; padding:2px 5px}
.s_t {font-size:.89em; font-weight:400; color:#777}
.s_t2 {font-size:.95em; font-weight:400; color:#333}
 
.text_deco1 {text-decoration:line-through; }

.pink_t {color:#ce7f98}

span.t_bg {background-color:#ce7f98; color:#fff}
span.t_color_w {color:#fff}

.more_btn {width:100%; line-height:45px; display:inline-block; background-color: #ce7f98;; text-align:center; margin-top:-1px; color:#fff }

.basic_btn {width:100%; line-height:45px; display:inline-block; background-color: #ce7f98; text-align:center; margin-top:-1px; color:#fff;}

.out_link {width:100%; line-height:40px; display:inline-block; border:1px solid #ddd; text-align:center; margin-top:-1px; color:#333;}

.text_box {width:100%; box-sizing:border-box; padding:4%; background-color:#f9f9f9; font-size:1em; line-height:1.3em; color:#333}

.border_box {width:100%; border:1px solid #ddd; padding:10px; text-align:center; box-sizing:border-box;}

/*페이지*/


.page     {text-align:center;  width:100%; margin-top:20px; display:inline-block; font-size:0}
.page   ul { width:100%; text-align:center; }
.page   li { display:inline-block; font-size:13px; font-weight:500;  }
 

.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
 	border:1px solid #d1d1d1; background-color:#fff;  width:25px; line-height:25px; height:25px;  margin-left:-1px;   color:#999; text-align:Center;
   }

.page   img {width:25px; height:25px; vertical-align:top;  }
.page a.ov  {border:1px solid #555; background-color:#555;   color:#fff ;}

 
  


/*공지사항*/

.board_list {width:100%; margin-bottom:10px}
.board_list ul {width:100%; border-top:1px solid #ddd}
.board_list ul li {width:100%; border-bottom:1px solid #ddd; padding:10px 0 8px 0;}
.board_list ul li img {margin-top:10px}
.board_list ul li h3 {font-size:1.1em; color:#333;  }
.board_list ul li p {font-size:.96em; color:#555;  width:100%; display:block; margin:4px 0 1px 0}
.board_list ul li span.date {font-size:.83em; color:#999;   }


p.view_title {font-size:1.2em;  line-height:1.3;  font-weight:600; color:#333; width:100%;  box-sizing:border-box; display:inline-block;  }
p.view_info {font-size:0.90em; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding-bottom:13px; padding-top:3px; display:inline-block; box-sizing:border-box; }


p.view_info span::after {width:1px; height:12px; vertical-align:middle;  content:''; display:inline-block; background-color:#888;  margin:0 10px}
p.view_info span:last-child::after {display:none}
p.view_info a {color:#015bac }
p.view_info a:hover {text-decoration:underline }
p.view_info span.file a {display:inline-block; border:1px solid #015bac; padding:0 10px; border-radius:2px }

div.view_content {width:100%; display:inline-block;  border-bottom:1px solid #ddd; padding:20px 0; }
div.vedio_frame {width:100%; margin-top:20px}
div.chart_box {width:100%; margin-top:-1px; box-sizing:border-box;  border:1px solid #ddd; overflow:hidden}

div.view_file {width:100%; padding:12px 0 8px 0;  border-bottom:1px solid #ddd; }
div.view_file ul {width:100%; display:flex; flex-wrap:wrap;}
div.view_file ul li {display:inline-block; margin-bottom:5px; }
div.view_file ul li a {display:inline-block; font-size:0.90em; background-color:#2478be; color:#fff; padding:4px 15px; border-radius:5px; margin-right:10px;}

div.reple {width:100%; display:flex; border-bottom:1px solid #ddd;  padding:15px 0; font-size:1em; color:#666;  background-color:#fff; box-sizing:border-box;}
div.reple  b {color:#333; font-weight:600;   width:90px}
div.reple  p {width:calc(100% - 90px);}

.list_next  {width:100%;   padding:9px 0; box-sizing:border-box; border-bottom:1px solid #ddd; line-height:0} 
.list_next p {width:100%; display:flex; font-size:.96em; line-height:1; color:#999; margin:5px 0;   }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; width:90px; }
.list_next a {width:calc(100% - 90px); white-space: nowrap; overflow:hidden; color:#333; text-overflow: ellipsis; }


a.list_btn  { display:inline-block; text-align:center; line-height:28px; padding:0 13px; font-weight:400;   font-size:.9em;  margin-top:10px; margin-left:5px; float:right; background-color:#fff; border-radius:3px;   color:#555 ;  border:1px solid #111;}



.write {width:100%; margin-top:10px;  }
.write li {display:flex;  position:relative}
.write li:nth-child(n + 2) {margin-top:5px}

.write  input {width:100%; font-size:.97em; box-sizing:border-box; padding-left:8px; border:1px solid #ddd; height:40px; border-radius:3px; flex:1000 1 0%;}
.write  a {margin-left:5px; white-space:nowrap; display:flex; background-color:#f1f1f1; align-items:center; padding:0 20px; font-size:.96em; font-weight:500}
.write  p {width:100px; display:flex; align-items:center}
.write p.input_right_t {position:absolute; right:10px; top:10px;  width:auto;   font-size:.97em; color:#ce7f98; z-index:99}
.write  div {width:100%; flex:1000 1 0%;}


.write {width:100%; margin-top:10px; }
.write div {width:100%;  }
.write div > div {display:flex}

.write div  label {font-size:1.05em; font-weight:600; padding-bottom:5px; display:block}
.write >  div:nth-child(n + 2) {margin-top:10px}



dl.info_dl {width:100%; display:flex; align-items:center; margin-bottom:3px }
dl.info_dl:last-child {margin-bottom:0}
dl.info_dl dt {width:100px; font-size:.97em; font-weight:500}
dl.info_dl dd {width:calc(100% - 100px); font-size:.97em }



/*툴팁*/

.tooltip {
  display: inline-block;
  color: #ff44a9;
 }

.tooltip-text {
  display: none;	/*평소에 안보여야 하니까 none으로*/
  position: absolute;	/*공중에 띄어져있으니까 absolute*/
  width: 200px;
   border-radius:2px;
  padding: 15px;
  font-size: 0.9em; line-height:1.2;
  color: #333; right:0; margin-top:10px;
  background: #ddd;
}

.tooltip:hover .tooltip-text {
  display: block;	/*마우스 올렸을때 나타나도록*/
}
 

input.basic {border:1px solid #ddd; height:38px; box-sizing:border-box; font-size:.97em; color:#333; padding-left:10px; width:100%}
select.basic {font-size:.94em; border:1px solid #ddd; padding:3px 5px}

.#ce7f98				{font-weight:bold; color:#ce7f98}
.blue				{font-weight:bold; color:blue}
.green				{font-weight:bold; color:green}

.hand {cursor:pointer;}



 ul.disc_list {width:100%; list-style:disc; margin-left:20px}
 ul.disc_list li {width:calc(100% - 30px); list-style:disc;   }