@charset "UTF-8";

.wrap_50 {width:50% !important; margin-left:25%;}
.wrap_70 {width:70% !important; margin-left:15%;}

.box_100 {width:100%; display:inline-block}
.box_50 {width:50%; display:inline-block}

.img_border {border:1px solid #ddd;}
.border_top  {border-top:1px solid #ddd;}
.border_bottom  {border-bottom:1px solid #ddd;}
.bg_gray  {background-color:#f9f9f9; }

.red  {color:red !important;}
 
.bg1 {background-color:#f9f9f9; }
 
.line {width:100%; height:1px; background-color:#ddd; display:inline-block; margin-top:10px}
 

 .w_line {width:20px; height:1px; background-color:#fff; display:inline-block; margin-bottom:20px;} 

.border_none {border:none !important; margin-bottom:5px !important}
.s_line {width:20px; height:2px; background-color:#333; display:inline-block}


.t {font-size:15.5px; line-height:1.3em; font-weight:400; color:#555;}
.b_t {font-size:1.3em; font-weight:600; color:#41ae49}
.s_t  {font-size:0.95em; }
.s_t2  {font-size:0.90em; color:#999}
.t_bold {color:#333; font-weight:700}

.eng_t_s {font-size:0.93em; font-weight:400; color:#666}

.t_color1 {color:blue;}
.t_color2 {color:red}
 

.table_wrap {width:100%; display:inline-block;  overflow-x:auto}
.s_table_wrap {width:100%; display:inline-block;  overflow-x:auto}

dl.basic { width:100% }
dl.basic dt {font-size:1.1em; line-height:1.5em;  padding-bottom:4px; font-weight:500; color:#333;}
dl.basic dd {font-size:0.97em;  font-weight:300; letter-spacing:-0px;  line-height:1.3em; color:#777;}
dl.basic dd  b {font-weight:500; color:#555;}


dl.img_info { float:left;  width:100%; border:1px solid #ddd;  padding:10px; border-radius:3px; box-sizing:border-box;}
dl.img_info img {float:left;}
dl.img_info dt {width:80%; float:right; font-size:18px; line-height:1.5em;  padding-bottom:4px; font-weight:500; color:#333;}
dl.img_info dd {width:80%; float:right;  font-size:15px;  font-weight:300;  padding-bottom:3px; letter-spacing:-0px;  line-height:1.3em; color:#777;}
dl.img_info dd  b {font-weight:500; color:#555;}



ul.basic  {width:100%; float:left;}
ul.basic li  {list-style:disc; font-size:0.95em;  font-weight:400; line-height:1.4em; color:#666; padding-bottom:0px; padding-left:0px; margin-left:30px;  }
 

ul.col-basic  {width:100%; display:flex;   }
ul.col-basic li  { font-size:1em;  border:1px solid #ddd; box-sizing:border-box; vertical-align:top; padding:20px 15px; width:50%; font-weight:400; line-height:1.3em; color:#555; margin-left:-1px;  }
ul.col-basic li  b {font-size:1.05em; width:100%; padding-bottom:10px; display:inline-block}
ul.col-basic li img {margin-bottom:8px; }
 
ul.tab {width:100%; float:left;  margin-top:0; margin-bottom:45px;  border-bottom:1px solid #ddd; text-align:left; }
ul.tab  li { text-align:center; background-color:#f1f1f1; color:#333; font-size:0.95em; font-weight:400; float:left; margin-right:10px; border-radius:5px 5px 0 0;}
ul.tab li a { display:inline-block; padding:8px 30px;}
ul.tab li.ov {background-color:#665cc7;  }
ul.tab li.ov a { color:#fff !important}

 

table.basic {width:100%; float:left;}
table.basic th {background-color:#f9f9f9;  border:1px solid #ddd; color:#333; padding:7px; font-weight:600; font-size:15px; line-height:1.15em}
table.basic th  span {font-size:0.95em; font-weight:300; color:#666; width:100%; display:inline-block}

table.basic td {font-size:0.93em; color:#555; text-align:center; padding:7px; border:1px solid #ddd; line-height:1.25em;}



table.basic2 {width:100%; float:left;border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
table.basic2 th {border-bottom:1px solid #ddd;  border-left:1px solid #ddd; color:#333; padding:10.5px; font-weight:600; font-size:1em; line-height:1.25em}
table.basic2 td {font-size:0.91em; color:#555; text-align:center; padding:18px 15px 23px 15px; border:1px solid #ddd; line-height:1.35em; font-weight:400; line-height:1.3em}
 table.basic2 td p {font-size:0.88em; letter-spacing:0.3px; font-weight:400; line-height:1.2em; width:100%; display:inline-block; margin-top:5px; color:#999}
table.basic2 td img {margin-bottom:5px; }

table.basic3 {width:100%; float:left; border:1px solid #fff; border-top:1px solid #ddd;}
table.basic3 th {border-bottom:1px solid #ddd;  border-left:1px solid #ddd; color:#fff; padding:9px; font-weight:500; font-size:0.96em; line-height:1.25em; background-color:#555}
table.basic3 td {font-size:0.96em; color:#555; border-bottom:1px solid #ddd; text-align:center; padding:8px; border-left:1px solid #ddd; line-height:1.35em; line-height:1.3em}
table.basic3  th:first-child {border-left:none}
table.basic3 td:first-child {border-left:none; font-size:0.88em; line-height:1.43em}
table.basic3 td b {font-weight:600; font-size:1.1em; color:#333;}
table.basic3 td.star {font-size:11px; color:#777}



#sub table.info {width:100%; float:left; border-top:1px solid #ddd; }
#sub table.info th {padding:12px; border-bottom:1px solid #ddd; font-size:15.5px; color:#333; line-height:1.3em;  text-align:left; font-weight:600; }
#sub table.info td {padding:12px; border-bottom:1px solid #ddd; font-size:15px; color:#666; line-height:1.3em;  }

ul.col-4 li {width:24%; margin-right:1%;  display:inline-block;  vertical-align:top}
ul.col-4 li:nth-child(4n)   {margin-right:0}
 

.pc-col-2 {width:49% !important;}
.pc-col-2:nth-child(2) {float:right}


.col-img {width:100%; display:flex; }
.col-img p {width:20%; border:1px solid #ddd; text-align:Center; border-right:none; padding:5px;  box-sizing:border-box;}
.col-img p:last-child {border-right:1px solid #ddd;}


 /*팝업*/
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; background:#000; opacity:.7; filter:alpha(opacity=70);}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 90%; height:auto;    z-index: 999999999999999999999999999999999;}
.pop-layer .pop-container {padding: 20px 0 20px 0; width:100%; float:left;}
.pop-layer .pop-container ul {width:100%; float:left; }
.pop-layer .pop-container ul li {width:100%; float:left; padding:3% 0; text-align:center;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

 



/*버튼*/


 
a.y_btn_bg  {background-color:#333;  border:1px solid #333; box-sizing:border-box; margin-top:30px; display:inline-block; line-height:50px; width:200px;  color:#fff !important; text-align:center;  font-weight:500; font-size:17px;  border-radius:3px; box-shadow:1px 1px 3px #ddd;  }

a.n_btn_bg  {background-color:#333;  border:1px solid #3333; box-sizing:border-box; margin-top:30px; display:inline-block; line-height:50px; width:200px;  color:#fff !important; text-align:center;  font-weight:500; font-size:18px;  border-radius:3px; box-shadow:1px 1px 3px #ddd;  }

a.basic_btn  { display:inline-block; text-align:center; line-height:50px; padding:0 20px; font-weight:500;   font-size:0.95rem;  background: linear-gradient( to top, #665cc7, #665cc7 ); border-radius:3px; color:#fff !important;  }

 a.s_btn  {  font-size:0.90em;   padding:5px 13px !important;  background: linear-gradient( to bottom, #f9f9f9, #f1f1f1 ); border:1px solid #ddd;  border-radius:3px; display:inline-block; font-weight:500; color:#333 !important; text-align:Center; }

a.down_btn {min-width:150px; padding:0 40px;  font-size:16px; font-weight:500;  line-height:43px; text-align:center; color:#fff !important; background: linear-gradient(to bottom, #ff8400, #ff6600); border:1px solid #ff8400; display:inline-block; border-radius:2px;}

  

a.list_btn  { display:inline-block; text-align:center; line-height:31px; padding:0 20px; font-weight:400;   font-size:14px; float:right;  margin-top:10px; margin-left:5px; background-color:#555; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#fff !important;  border:1px solid #555;}


 a.write_btn  { display:inline-block; text-align:center; line-height:31px; padding:0 20px; font-weight:400;  font-size:15px; float:right; margin-top:10px; margin-left:5px;  background-color:#fff; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#888 !important; border:1px solid #ddd;  }

 a.check_btn  { display:inline-block; text-align:center; line-height:32px; padding:0 12px; font-weight:400;   font-size:14.5px;   background-color:#555; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#fff !important;  border:1px solid #555;}

 

a.t_link {color:blue; text-decoration:underline;}


 a.more_btn {font-size:18px; font-weight:500; border:1px solid rgba(250,250,250,.5); color:#fff; border-radius:50px; text-align:center; line-height:45px; width:300px; margin-top:20px; display:inline-block;}
 
a.img_hover {border:5px solid #fff; float:left; box-sizing:border-box; }
a.img_hover:hover {border:5px solid #ddd; float:left; box-sizing:border-box; }

/**************************/

@media (max-width:1200px) {

ul.col-4 li {width:32%; margin-right:1.5%;  display:inline-block;}
ul.col-4 li:nth-child(4n)   {margin-right:1.5%}
ul.col-4 li:nth-child(3n)   {margin-right:0}

.pc-col-2 {width:100% !important;}
.pc-col-2:nth-child(2) {margin-top:-1px;}

 }


/**************************/

@media (max-width:1000px) {

}


/**************************/

@media (max-width:800px)  {
 
.wrap_50 {width:100% !important; margin-left:0;}
.wrap_70 {width:100% !important; margin-left:0;}
.m_100 {width:100%; display:inline-block}

.table_wrap table {width:250%; } 
.s_table_wrap table {width:200%; } 

ul.col-4 li {width:48%; margin-right:0 !important;  display:inline-block;  }
 ul.col-4 li:nth-child(2n)   {margin-left:3%}
  
a.s_btn  {  color:#666 !important }

table.basic th {font-size:0.95em; }
table.basic td {font-size:0.95em;  }

.product table.basic th {font-weight:400; font-size:0.90em; line-height:1.1em; padding:7px 3px;}
.product table.basic th.tit {font-weight:600; padding:10px 3px; font-size:1em}
.product table.basic td {font-size:0.88em; line-height:1.2em}



ul.col-basic  {  flex-wrap:wrap;    }
ul.col-basic li  { margin-left:-1px; font-size:0.95em; padding:10px; margin-top:-1px; line-height:1.2em }
 ul.col-basic li  b {font-size:1.05em; padding-bottom:5px  }



 }