@charset "utf-8";

.pagecommon{font-size: 16px;color:#666;letter-spacing:-.3px;line-height:1.6;font-family:'Pretendard'}
.pagecommon .top_box{padding-bottom:40px;text-align:center}
.pagecommon .top_box .en{padding-bottom:10px;font-weight:700;color: #111;}
.pagecommon .top_box .ko{padding-bottom:20px;font-size:35px;font-weight:700;color:#111}
.pagecommon .btn_box{margin:60px 0;text-align:center}
.pagecommon .btn_box a{padding:20px 30px;color: #222;background: #fff9e5;border-radius: 50px;font-weight:600;font-size: 16px;transition:all 0.2s}
.pagecommon .btn_box a:hover{background:#333;color:#Fff}
.pagecommon .cont_area ul{display:grid;grid-template-columns:repeat(2,1fr)}
.pagecommon .cont_area li{padding:50px}
.pagecommon .cont_area li:nth-child(2), .pagecommon .cont_area li:nth-child(3), .pagecommon .cont_area li:nth-child(6), .pagecommon .cont_area li:nth-child(7){background: #ffc6001a;}
.pagecommon .cont_area li p{margin-bottom:30px;font-size: 22px;font-weight:700;color:#111}
.pagecommon .cont_area li p img{padding-right:16px}
.pagecommon .last{padding:80px 0 0;color:#111;font-weight:700;font-size:30px;text-align:center}
.pagecommon .cont_list ul{display:grid;grid-template-columns:repeat(3,1fr);text-align: center;align-items: center;}
.pagecommon .cont_list ul li{padding:70px 0}
.pagecommon .cont_list ul li:nth-child(even) {background:#f2f2f2}
.pagecommon .cont_list ul li span{display:inline-block;padding:5px 15px;background: #ffde6d;border-radius:50px;font-weight:700;font-size:14px;color: #fff}
.pagecommon .cont_list ul li img{display:block;margin:30px auto}
.pagecommon .cont_list ul li div p{margin-bottom: 10px;font-weight:700;font-size:19px;color:#111}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}

/*p32*/
#p32 .top_box .en{padding-bottom:10px;font-weight:700;color: var(--primary);}

/*p34*/
#p34 .cont_area li:nth-child(2){background:#e1e1e152}
#p34 .btn_box a{background:#e1e1e1;color:#222;transition:all 0.2s}
#p34 .btn_box a:hover{background:#333;color: #fff;}
#p34 .top_box .en{color:#e1e1e1}

/* 반응형 [s] */
@media (max-width:1024px){
.pagecommon{padding:0 20px 40px}
}
@media (max-width:768px){
.pagecommon{padding:0 15px 30px;font-size:15px}
.pagecommon .top_box .ko{font-size:30px}
.pagecommon .cont_area li{padding:40px 30px;text-align:center}
.pagecommon .cont_area li p{font-size:20px}
.pagecommon .cont_area li p img{width:60px}
.pagecommon .last{padding: 40px 0 0 0;font-size:25px}
.pagecommon .cont_list ul li div p{font-size:17px}
.pagecommon .cont_list ul li img{width:60px}
}
@media (max-width:480px){
.pagecommon{padding:0 0 20px 0}
.pagecommon .top_box{padding-bottom:30px}
.pagecommon .top_box .ko{font-size:25px}
.pagecommon .cont_area ul{grid-template-columns:repeat(1, 1fr)}
.pagecommon .cont_area li:nth-child(even) {background: #ffc6001a !important}
.pagecommon .cont_area li:nth-child(2), .pagecommon .cont_area li:nth-child(3), .pagecommon .cont_area li:nth-child(6), .pagecommon .cont_area li:nth-child(7){background:none}
.pagecommon .last{font-size:18px}
.pagecommon .btn_box {margin:40px 0}
.pagecommon .btn_box a{font-size:15px}
.pagecommon .cont_list ul {grid-template-columns: repeat(1, 1fr)}
.pagecommon .cont_list ul li{padding:20px 0}
.pagecommon .cont_list ul li img{width:40px}
.pagecommon .cont_list ul li span{font-size:13px}
#p34 .cont_area li:nth-child(even){background:#e1e1e152 !important}
}
/* 반응형 [e] */