@charset "EUC-KR";

/* cont */
.cont {width: 100%; min-width: 1200px; padding: 30px 0; text-align: center; margin-bottom: 50px;}
.ct_wrap {width: 80%; margin: 0 auto;}
.c_tit {position: relative; width: 50%; margin: 50px auto; margin-bottom: 80px; text-align: center;}
.c_tit::before {position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; content: ""; width: 10px; height: 10px; background: linear-gradient(0deg, #ff0000 0%, #ed1e79 100%, transparent); transform: rotate(45deg); box-shadow: 0 0 3px rgba(255,0,0,0.8);}
.c_tit span {display :inline-block; font-size: 20px; font-weight: 600; color: #333; padding: 30px 20px; padding-bottom: 10px; border-bottom: 2px solid #eee;}

/* cont1 */
.ct1 {background: linear-gradient(180deg, #fff 0%, #ddd 100%, transparent); margin-top: 90px; padding: 70px 0;}
.ct1 .pdt_box {width: 80%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px;}
.ct1 .pdt_box li {padding: 5px 15px; background: #fff; margin-left: 15px; border-radius: 100px; font-size: 18px; font-weight: 500; box-shadow: 1px 1px 3px rgba(0,0,0,0.15);}
.ct1 .pdt_box li:first-child {margin-left: 0;}
.ct1 span {display: inline-block; font-size: 23px; padding: 0 30px; padding-bottom: 5px; border-bottom: 2px solid #ddd; margin-bottom: 5px;}
.ct1 p {font-size: 27px; color: #222; font-weight: 350;}
.ct1 h3 {font-size: 35px; color: #222;}

.ct1 a {display: inline-block; padding: 13px 45px; margin-top: 25px; font-size: 25px; font-weight: 550; background: linear-gradient(45deg, #ff0000, #ed1e79); color: #fff; border-radius: 100px; letter-spacing: 2px; box-shadow: 0 0 4px rgba(255,0,0,0.3); line-height: 1; transition: 0.2s ease-in-out;}
.ct1 a:hover {box-shadow: 0 0 8px rgba(255,0,0,0.7);}

/* cont2 */
.ct2 p {margin: 60px 0; color: #333; font-weight: 350; font-size: 35px;}
.ct2 p b {font-weight: bold;}
.ct2 img {width: 650px;}
.ct2 iframe {border-radius: 20px; box-shadow: 3px 3px 5px rgba(0,0,0,0.4);}

/* table */
h4.tb_tit {width: 75%; margin: 20px auto; text-align: left; margin-top: 50px;}
table.inf_tb {width: 75%; margin: 0 auto;}
table.inf_right tbody th {background: #f2f2f2;}

.inf_tb_tit {text-align: left; font-size: 23px; font-weight: bold; color: #333; margin-bottom: 10px;}
.inf_tb th, .inf_tb td {padding: 15px 0; font-size: 17px; font-weight: 400; color: #333; border-top: 1px solid #ddd;}

.inf_tb thead th {background: #f2f2f2;}
.inf_tb span {display: block; margin-top: 3px; font-size: 15px; color: #777; letter-spacing: -0.5px;}
.inf_tb th {font-weight: bold;}
.inf_tb tbody ul {text-align: left; padding: 10px 35px;}

.inf_tb tr:first-child th, .inf_tb tr:first-child td {border-top: 2px solid #ccc;}
.inf_tb tr:last-child th, .inf_tb tr:last-child td {border-bottom: 2px solid #ccc;}
.inf_tb .border {border-bottom: 2px solid #ccc;}

p.check {width: 75%; margin: 0 auto; text-align: left; padding-left: 15px; margin-top: 5px; font-size: 15px;}
p.check span {display: block; font-size: 14px; letter-spacing: -0.5px; padding-left: 10px;}
p.check span:last-child {margin-bottom: 5px;}

/*inf_ul*/
.inf_box {width: 75%; margin: 0 auto; padding: 30px 40px; box-sizing: border-box; border-radius: 30px; box-shadow: 2px 2px 3px rgba(0,0,0,0.1); border: 1px solid #ccc; margin-bottom: 20px; text-align: left;}
.inf_box:first-child {margin-top: 100px;}
.inf_box:last-child {margin-bottom: 100px;}
.inf_ul {width: 100%; margin: 0 auto;}
.ul_tit {width: 100%; font-size: 27px; margin-bottom: 20px; color :#555; border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-left: 15px;}
.inf_ul li {font-size: 19px; line-height: 1.4; margin-bottom: 10px;}
.inf_ul li.bottomli {margin-bottom: 3px;}
.inf_ul li:last-child {margin-bottom: 0;}
.inf_ul li span {display: block; margin-top: 5px;}
.inf_ul .inf_tb {width: 100%; margin: 20px 0; text-align: center;}