@charset "utf-8";

/* 공통 */
.pagecommon{font-size:16px;color:#666;letter-spacing:-.3px;line-height:1.6;font-family:'notokr-regular'}
.pagecommon span{font-family:'notokr-bold'}
.pagecommon .top_box{display:flex;padding:50px;background:#f2f9ff;font-size:17px;color:#333;justify-content:space-between}
.pagecommon .l_box{margin-top:80px}
.pagecommon .top_box .left p{padding-bottom:30px;font-size: 27px;font-family:'notokr-bold';color:#111}
.pagecommon .list_box .box{margin-top:50px}
.pagecommon .list_box .box .top{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #e1e1e1;font-size:20px;color:#222;font-family:'notokr-medium'}
.pagecommon .list_box .box > ul{padding:26px}
.pagecommon .list_box .box > ul li{position:relative;padding-bottom:10px;padding-left:20px;}
.pagecommon .list_box .box > ul li:after{position:absolute;content:'';left:0;top: 11px;width:3px;height:3px;background:#333;border-radius:50%}
.pagecommon .list_box .box > ul li:last-child{padding-bottom:0}
.pagecommon .process{display:grid;grid-template-columns:repeat(5, 1fr);gap:12px}
.pagecommon .process li{padding:40px 17px !important;background:#f2f9ff;text-align:center;font-size:15px;border-radius:10px}
.pagecommon .process li:after{display:none}
.pagecommon .process li .en{display:inline-block;margin-bottom:24px;padding:6px 23px;font-size: 13px;background:#fff;border-radius:50px;font-family: 'Montserrat', sans-serif;font-weight: 700;}
.pagecommon .process li .ko{padding-bottom:14px;font-size:19px;color: #222;font-family: 'notokr-bold'}
.pagecommon .last_box{margin-top:50px;padding:40px;background:#f7f7f7;text-align:center;font-size:20px;color:#222;font-family:'notokr-bold'}
.pagecommon .pro_box div .top_tit{display:flex;align-items:center;gap:18px;padding-bottom:16px;margin-bottom:16px;font-size:17px;color:#111;font-family:'notokr-medium';border-bottom:1px solid #e1e1e1}
.pagecommon .pro_box div .top_tit .num{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3897f0;color:#fff;font-family:'notokr-bold';border-radius:4px;font-size: 13px;font-family: 'Montserrat', sans-serif;font-weight:700}
.pagecommon .pro_box div .bot_txt ul li{position:relative;padding-bottom:8px;padding-left:20px}
.pagecommon .pro_box div .bot_txt ul li:after{position:absolute;content:'';left:0;top:11px;width:3px;height:3px;background:#333;border-radius:50%}
.pagecommon .pro_box div .bot_txt ul li .sml{display:inline-block;margin-left:10px;font-size:15px;color:#999}
.pagecommon table{width:100%;border-spacing:0;text-align:center}
.pagecommon table tr.bg_gr{background-color:#f5f5f5}
.pagecommon table tr th{padding:14px 10px;color:#fff;background-color:#3897f0}
.pagecommon table tr th+th{border-left:1px solid rgba(255,255,255,.2)}
.pagecommon table tr td{padding:15px 8px;border-bottom:1px solid #e1e1e1}
.pagecommon table tr td+td{border-left:1px solid #e1e1e1}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}

/*35*/
#p35 .pro_box{margin-top:40px}
#p35 .pro_box > div{padding:40px}
#p35 .pro_box > div:nth-child(odd){background:#f7f7f7}
#p39 .inner_box{display:flex;padding:50px;background:#f7f7f7;gap: 50px;margin-top:40px;align-items: stretch;border-radius:10px}
#p39 .inner_box .img_box{display:flex;align-items:center;justify-content:center;width:110px;height:110px;background:#fff;border-radius:50%}
#p39 .inner_box .deco{padding:4px 16px;display:inline-block;margin-bottom:10px;background:#3897f0;color:#fff;font-family:'notokr-bold';border-radius:2px}
#p39 .inner_box p{padding:20px 0;font-size:19px;color:#222;font-family:'notokr-bold'}
#p39 .center_box{display:grid;grid-template-columns:repeat(2, 1fr);gap: 20px;margin-top:40px}
#p39 .center_box p{position:relative;top:17px;left:50%;transform:translateX(-50%);padding:7px 34px;display:inline-block;text-align:center;color: #fff;background: #333;border-radius:50px;font-family:'notokr-medium'}
#p39 .txt_inner{padding:50px 40px;border-radius:10px;height:300px;border:2px solid #e1e1e1;font-size:15px;line-height:1.8}
#p39 .bot_tit{position:relative;padding:9px 20px;margin-top:30px;text-align:center;background:#d33535;border-radius:4px;color:#fff;font-family:'notokr-medium'}
#p39 .bot_tit:after{position:absolute;content:'';top:-10px;left:50%;width:25px;height:25px;border-radius:5px;background:#d33535;transform:translateX(-50%)rotate(45deg);z-index:-1}
#p39 .chat_box{display:flex;align-items:center;margin-top:80px}
#p39 .chat_box .left{margin:0 auto}
#p39 .chat_box .l_img{display:flex;justify-content:center;width:150px;height:150px;background:#f7f7f7;border-radius:50%;align-items:center}
#p39 .chat_box .right{width:80%;padding:40px;margin-left:auto;background:#f2f9ff;border-radius:10px;color:#222}
#p39 .top.box{margin-top:40px}
#p39 .last ul{padding:26px}
#p39 .last ul li{position:relative;padding-bottom:10px;padding-left:20px;}
#p39 .last ul li:after{position:absolute;content:'';left:0;top: 11px;width:3px;height:3px;background:#333;border-radius:50%}
#p39 .last ul li:last-child{padding-bottom:0}
#p39 .last a{display:block;padding-top:40px;text-align:center}
#p39 .inner_box .left img{width:100%;max-width:400px;height:100%}
#p39 .inner_box .img_txt{padding:0;margin-top:12px;font-size:13px;text-align:center;color:#888}

/*p41*/
#p41 .top_list{padding:50px 0;text-align:center}
#p41 .top_list p{padding-bottom:20px;font-size:26px;color:#111;font-family:'notokr-bold'}
#p41 .bot_list{padding: 50px;margin-top: 50px;text-align:center;background: #f7f7f7;}
#p41 .bot_list p{ padding-bottom:10px;font-size:24px;color:#111}

/* 반응형 [s] */
@media (max-width:1024px){
.pagecommon{padding:20px}
#p39 .inner_box{padding:40px;gap:30px}
}
@media (max-width:768px){
.pagecommon{padding:0 15px}
.pagecommon .top_box{padding:36px;font-size:16px}
.pagecommon .top_box .left p{font-size:22px}
.pagecommon .list_box .box .top{font-size:18px}
.pagecommon .list_box .box > ul{padding:18px 0}
.pagecommon .list_box .box > ul li{font-size:15px}
.pagecommon .process{grid-template-columns:repeat(3, 1fr)}
.pagecommon .process li .ko{font-size:17px}
.pagecommon .pro_box div .bot_txt ul li{font-size:15px}
.pagecommon .top_box br{display:none}
#p35 .pro_box > div{padding:26px}
#p41 .bot_list p{font-size:20px}
#p41 .bot_list{padding:30px}
#p39 .inner_box{padding:30px;gap:30px;align-items:center;flex-direction:column}
#p39 .inner_box .deco{font-size:15px}
#p39 .inner_box .img_box{margin:0 auto}
#p39 .inner_box .right{text-align:center}
#p39 .txt_inner{height:auto}
#p39 .center_box{grid-template-columns:repeat(1, 1fr)}
#p39 .chat_box{flex-direction:column;margin-top:30px;gap:24px}
#p39 .chat_box .right{width:100%;text-align:center;font-size:15px}
}
@media (max-width:480px){
.pagecommon .list_box .box > ul li{font-size:14px}
.pagecommon .top_box{flex-direction:column;align-items:center;text-align:center;gap:20px}
.pagecommon .top_box .left br{display:none}
.pagecommon .list_box .box{margin-top:28px}
.pagecommon .list_box .box .top{font-size:17px}
.pagecommon table{font-size:14px}
.pagecommon .process{grid-template-columns:repeat(2, 1fr)}
.pagecommon .process li .en{font-size:12px}
.pagecommon .last_box {padding:30px;font-size:15px}
.pagecommon .last_box{margin-top:30px}
.pagecommon .process li{padding:30px 17px !important}
.pagecommon .top_box .left p{font-size:19px}
.pagecommon .pro_box div .top_tit{font-size:16px}
.pagecommon .pro_box div .top_tit .num {width:34px;height:34px;font-size:12px}
.pagecommon .pro_box div .bot_txt ul li .sml {margin-left:0;font-size:13px}
.pagecommon .pro_box div .bot_txt ul li{font-size:14px}
.pagecommon span{display:block}
.pagecommon .l_box{margin-top:30px}
.pagecommon .top_box .right img{width:120px}
#p35 .pro_box{margin-top:30px}
#p35 .pro_box > div{padding:20px}
#p41 .top_list{padding:30px 0 0;font-size:14px}
#p41 .bot_list{margin-top:30px;font-size:14px}
#p41 .top_list br{display:none}
#p41 .top_list p{font-size:19px}
#p41 .bot_list p{font-size:18px}
#p39 .inner_box{padding:24px;font-size:15px}
#p39 .inner_box p{font-size:18px}
#p39 .txt_inner{padding:30px}
#p39 .center_box{margin-top:20px}
#p39 .bot_tit{font-size:15px}
#p39 .last ul{padding:18px 0}
#p39 .last ul li{font-size:14px}
#p39 .last a{padding-top:22px}
#p39 .top.box{margin-top:20px}
#p39 .txt_inner{font-size:14px}
}
@media (max-width:380px){
#pageCommon .tit_area h3{font-size:25px}
.pro_cont .bg_box{padding:25px 20px} 
.pro_cont .product_tbl li{padding:15px 20px}
.pro_cont .tit_area{position:relative;padding-top:50px}
.pro_cont .tit_area p{position:absolute;right:0;top:0}
.pro_cont .tit_area p span{width:30px;height:30px;font-size:13px;line-height:30px}
.page10 .cont ul li{width:100%;padding:40px 30px 0}
.page10 .cont ul li:nth-child(2n){margin-left:0}
.page10 .cont ul li .cont_txt{white-space:pre-line}
.page33 .cont ul{width:95%}
}
/* 반응형 [e] */