/*공통*/
.con1300 {width: 100%; padding:0 15px;}
.c_title {text-align: center; font-family: 'Play', sans-serif; font-weight: 700; color:#000; font-size: 25px; padding-left: 15px;}
.c_title::after {position: relative; top: -6px; margin-left: 7px;width: 12px; height: 12px; border: 3px solid #224aca; border-radius: 50%; content: ""; display: inline-block; vertical-align: top; }
.pd_table {width: 100%; margin:0 0 0;  width: 100%; overflow-x: auto;}
.pd_table table {border-collapse: collapse; width: 100%; max-width: 768px; white-space: nowrap; min-width: 100%;}
.pd_table table tr th {background: #224aca; color:#fff; border:1px solid rgba(255,255,255,.2); padding:15px; font-size:14px; font-weight: 500; min-width: 100px;}
.pd_table table tr td {font-size:13px; font-weight: 300; color:#666;  padding:15px 15px; border:1px solid #e4eaff;word-break: keep-all; letter-spacing: -.5px;}
.pd_table td ul li {position: relative; padding-left:10px; margin-bottom: 5px;}
.pd_table td ul li::before {content: ''; display: block; width: 3px; height: 3px; background: #224aca;position: absolute; left:0; top:9px;}
.pd_table td ul li:last-child {margin-bottom: 0;}
.pd_table td p {margin-bottom: 10px;}
.pd_table td .red {color:red;}
.res_icon {margin:0; text-align: right;}
.res_icon i {    font-size: 30px; color: #2a2a2a; margin:20px 0 5px;}

/*Content CSS*/
.product {padding:0 15px 50px;}
.product .c_title {font-family: 'NanumSquare',sans-serif;	font-weight: 800; font-size:25px;}
.pd_box {padding:40px 0; border-bottom: 1px solid #eee; display: flex; flex-direction: column;}
.product .pd_box:first-child {padding-top:0; }
.product .pd_box:last-child {padding-bottom: 0; border-bottom: 0;}
/* pd_img */
.pd_img {width: 100%; }
.pd_img > div {width: 100%; height: 300px; position: relative; overflow: hidden;  border:1px solid #eee; background: #fff; text-align: center;}
.pd_img > div img {max-height: 100%;}
.pd_img div h1 {width: 45px; height: 45px; line-height: 45px; text-align: center; color:#fff; background: #333; font-size:20px; font-family: 'NanumSquare',sans-serif;
font-weight: 800; border-bottom-right-radius: 10px; position: absolute; left:0; top:0; z-index: 2;}
.pd_img p {font-size:15px; font-weight: 300; color:red; margin-top:20px; line-height: 25px;}

.pd_box.standard {display: block; text-align: center;}
.pd_box.standard .c_title {margin-bottom:30px;}
.pd_box.standard img {border: 1px solid #eee; padding: 15px; max-width: 100%;}

.pd_slider {position: relative; z-index: 1;}
.pd_slider .slick-slide {display: flex !important; align-items: center; height: 300px; justify-content: center; outline: none;}
.pd_slider .slick-slide img {max-height: 100%;}
/* Dots (pager )*/
.pd_slider .slick-dots{ width: 100%; padding: 0;margin: 0;  list-style: none; text-align: center; width :100%;  z-index: 100;  font-size: 0; display: flex; position: absolute; right:30px; bottom:30px;
justify-content: flex-end;}
.pd_slider .slick-dots li{width:12px; height:12px; border: none; background: #224aca; transition: all .2s ease; margin-right: 15px;
cursor: pointer; text-indent: -99999; font-size:0; opacity: .2;}
.pd_slider .slick-dots li:last-child {margin-right:0;}
.pd_slider .slick-dots li button {display: none;}
.pd_slider .slick-dots li button:focus {outline: none;}
.pd_slider .slick-dots .slick-active {opacity: 1;}





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

}

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

}

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

}

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

}