@charset "utf-8";
ul {margin:0;padding:0}
li{list-style:none}
img {border:0}
a {text-decoration:none}

@font-face {font-family:ngb;src:url(http://www.hdweb.co.kr/NanumGothicBold.eot)}
#comingsoon {width:100%;padding-top:100px;text-align:center}

/* 공통 */
dl, dd, dt {margin:0;padding:0;border:0}
a, input {outline:none;selector-dummy:expression(this.hideFocus=true)} 
.clearfix {overflow:auto}
.clear {clear:both} 
.blk {text-indent:-9999px;font-size:0;line-height:0} 
.mld_txt {font-size:16px}
.left_pd_10 {padding-left:16px}
.con_text {font-size:16px;line-height:1.5em}

.h10 {height:10px}
.h20 {height:20px}
.h30 {height:30px}
.h40 {height:40px}
.h50 {height:50px}
.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}
.pt50 {padding-top:50px}

.strb {font-weight:bold;color:#}
.strb_red {font-weight:bold;color:#fe5556}
.strb_black {font-weight:bold;color:#333333}

/* 타이틀 공통 */
#sh_index_wrapper h3 {font-size:32px;text-align:center;letter-spacing:-0.25px;color:#333;font-weight: bold;font-family:'GmarketSansMedium'}
#sh_index_wrapper h3 b{color:#1d446e}
#sh_index_wrapper h4 {font-size:22px;line-height:2em;font-weight:bold;color:#333;background:url('/sh_page/img/arrow_h4.png') 0 16px no-repeat;padding-left:15px;margin-top:20px;padding-top:15px;letter-spacing:-0.05em}
#sh_index_wrapper h4 b{color:#1d446e}
#sh_index_wrapper h5 {font-size:16px;line-height:1em;color:#374bae;margin-bottom:7px;margin-top:15px;font-weight:bold} /* 컨텐츠 중분류 타이틀 */

/* 테이블 공통 */
.tbl_basic {margin:-20px 0 10px;width:100%}
.tbl_basic caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_basic thead th {padding:10px 0;border-top:2px solid #fe5556;border-bottom:1px solid #727272;border-right:1px solid #727272;background:#565656;color:#ffffff;font-size:13px;text-align:center;letter-spacing:-0.02em}
.tbl_basic thead th.last {border-right:none}
.tbl_basic tbody th {padding:8px 0;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;background:#f8f8f8;text-align:center}
.tbl_basic tbody th.last {border-right:none}
.tbl_basic td {padding:5px 15px;border-bottom:1px solid #eaeaea;line-height:1.5em;word-break:break-all}
.tbl_basic .in_td {border-right:1px solid #eaeaea} /* 오른쪽 라인 */
.tbl_basic .ct {text-align:center} /* 센터정렬 */

/* 회사소개 */
#page0101{background:url(/sh_page/img/p0101_bg.png) 760px 130px no-repeat;background-size: 360px;padding:50px 0 50px;letter-spacing:-0.25px;line-height:28px;font-family: 'notokr-regular';}
#page0101 .tit_bg {padding: 15px 0 50px;text-align:center}
#page0101 .m_tit {color:#333;font-size: 28px;line-height:1.4;margin-bottom:26px;word-break: keep-all;}
#page0101 .m_tit span{color: #0055a2;font-weight:bold}
#page0101 .cont {color:#888;font-size: 16px;word-break: keep-all;}

.logo_box{margin-top: 200px;color:#888;line-height:1.5;font-size:15px}
.logo_box .pl{white-space:pre-line;word-break:keep-all}
.logo_box .tit{margin-bottom:50px;color:#111;text-align:center;line-height:1.5;font-size:32px;font-family:'GmarketSansMedium'}
.logo_box .tit span{position:relative;font-weight: bold;z-index:1}
.logo_box .box{display:flex;align-items:center;column-gap:20px}
.logo_box .box .left{width:40%;padding: 116px 30px;height: auto;background:#fff;border-radius:10px;text-align:center;box-shadow:0px 0px 20px 10px rgb(0 0 0 / 10%)}
.logo_box .box .right{width:80%;padding: 40px;height:auto;line-height: 1.5;color:#ffffffde;border-radius:10px;background:url(../sh_page/img/r_icon01.png) no-repeat #005aab;background-position:610px 64px;font-size:24px;font-family:'GmarketSansMedium'}
.logo_box .box .right p{margin-bottom:20px;color:#fff;font-size:26px;font-weight:bold}

/* 상품 안내 */
#page0201 {letter-spacing:-0.25px;line-height:28px}
#page0201 h3 {color:#fff}
#page0201 .tit_bg {padding: 15px 0 35px;text-align:center}
#page0201 .cont{color:#888;font-size:15px}
#page0201 .tit{margin-bottom:30px;color:#fff;font-size:24px;font-weight:bold}
#page0201 .tit span{margin-bottom: 10px;display:block;letter-spacing:0;color:#ffffffa3;font-size:14px}
#page0201 .left{margin-bottom:60px;display:grid;grid-template-columns:repeat(2, 1fr);column-gap:20px;align-items: center;}
#page0201 .left .l_box .list_box{padding:50px 30px;height:360px;background: #fff;border-radius:10px}
#page0201 .left .l_box .list_box ul li{margin-bottom:10px;padding:26px 10px;border-radius:10px;background: #ffe83c;color: #111;text-align:center;font-weight:bold;font-size:20px}
#page0201 .left .l_box .list_box ul li:last-child{margin-bottom:0}
#page0201 .left .r_box .list_box{padding:50px 30px;height:360px;background: #fff;border-radius:10px}
#page0201 .left .r_box .list_box ul li{margin-bottom:10px;padding:26px 10px;border-radius:10px;background: #ffe83c;color: #111;text-align:center;font-weight: bold;font-size: 20px;}
#page0201 .left .r_box .list_box ul li:last-child{margin-bottom:0}
#page0201 .left .r_box{border-radius:10px;color:#111;text-align: left;font-size:20px}
#page0201 .left .r_box p{padding: 20px;margin-bottom:29px;color: #111;background: #ffe83c;border-radius: 10px;font-weight: bold;}
#page0201 .left .r_box .img_box{padding-top: 20px;display:flex;justify-content:space-around}
#page0201 .left .r_box .img_box img{border-radius:10px;background:#fff}
#page0201 .right .tit{margin-bottom:30px;color:#fff;font-size: 24px;font-weight: bold;}
#page0201 .right .tit span{margin-bottom:10px;display:block;letter-spacing:0;color:#ffffffa3;font-size:14px}
#page0201 .right .pro_list{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:20px;color:#fff;font-size:18px}
#page0201 .right .pro_list li{padding: 50px 20px;text-align:center;border-radius:10px;background: #fff;color: #111;font-weight: bold;}
#page0201 .right .pro_list li p{margin-bottom:20px;color: #ff9000;font-size:26px;font-weight:bold}

/* 이용절차안내 */
#page0301 {width: 100%;max-width: 1070px;margin: 0 auto;padding: 80px 0;letter-spacing:-0.25px;line-height:28px;font-size:15px}
#page0301 .tit_bg {padding:15px 0 35px;text-align:center}
#page0301 .tit{margin-top:14px;text-align:center;color:#888;font-size:15px}
#page0301 .list_wrap{display: grid;grid-template-columns: repeat(3, 1fr);margin-top:40px;align-items: center;}
#page0301 .list_wrap img{margin-bottom:-10px;}
#page0301 .list_wrap dl {margin: 0 20px 55px 0;border-bottom:1px solid #aaa;text-align:center}
#page0301 .list_wrap dl.last{margin-right:0;}
#page0301 .list_wrap dl.btm{margin-bottom:0}
#page0301 .list_wrap dl dt {padding:15px 0 12px;border-top:2px solid #1d4587;border-bottom:1px solid #1d4587;background:#fff;color: #ff2424;font-weight: bold;font-size: 17px;}
#page0301 .list_wrap dl dt span{color:#1d4587}
#page0301 .list_wrap dl .mint {border-top:2px solid #2fb1cc;border-bottom:1px solid #2fb1cc}
#page0301 .list_wrap dl .mint span{color:#2fb1cc}
#page0301 .list_wrap dl dd{padding:25px 0;background:#fff;font-size: 16px;line-height: 1.7;letter-spacing:-0.25px;color:#888}

#page0301 .point{margin-bottom:50px;padding:50px;color: #fff;background: #4bb14b;border-radius:10px;line-height:1.8;font-size:16px}
#page0301 .point p{margin-bottom:20px;color:#fff;font-weight:bold;font-size:22px}
#page0301_box .call_box{padding:80px 0;background:#353646}
#page0301_box .call_box .call_inner{width:100%;max-width:1070px;margin:0 auto}
#page0301_box .call_box .call_inner .tit{margin-bottom: 50px;text-align:center;line-height:1.4;color: #Fff;font-size:32px;font-weight:bold}
#page0301_box .call_box .call_inner p span{color:#faf83c}
#page0301_box .call_box .call_inner .number{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:24px;text-align:center;font-size:18px}
#page0301_box .call_box .call_inner .number p{padding-bottom: 13px;font-size: 26px;font-weight:bold}
#page0301_box .call_box .call_inner .number span{margin-bottom: 10px;display:block;color:#0055a2;font-weight:bold;font-size:30px}
#page0301_box .call_box .call_inner .number a{display:block}
#page0301_box .call_box .call_inner .number i{margin-left:10px;font-size:20px}
#page0301_box .call_box .call_inner .number .l_num{padding: 40px 30px;height: auto;background:#fff;border-radius:14px}
#page0301_box .call_box .call_inner .number .l_num .btn_call{margin-top: 30px;padding:16px;color:#fff;border-radius:10px;background:#0055a2}
#page0301_box .call_box .call_inner .number .r_num{padding: 40px 30px;height: auto;background:#fee800;border-radius:14px}
#page0301_box .call_box .call_inner .number .r_num .btn_call02{margin-top: 30px;padding:16px;color:#fff;border-radius:10px;background:#0055a2}

/* 이용후기 */
#review{position:relative;width:1200px;height:100%;margin:0 auto;overflow:hidden;text-align:center;font-size:16px}
#review .tit{text-align:center;color:#888;font-size:15px}
#review .review_slide{margin-top:30px}
#review .review_slide .item{height:280px;padding:30px;border-radius:20px;border:1px solid #e1e1e1;overflow:hidden}
#review .review_slide .item .tit{display:flex;align-items:center;gap:20px;margin-bottom:20px}
#review .review_slide .item .tit .name{color:#222}
#review .review_slide .item img{width:90px;height:90px;border-radius:100%}
#review .review_slide .item p{text-align:left;font-size:16px;color:#444}
#review .review_slide .item .txt{width:100%;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;font-family:'notokr-regular';color:#444;text-align:left;line-height:1.5}

#review .option{position:relative;display:flex;align-items:center;justify-content:center;margin:15px 0 30px}
#review .pager{padding:0 15px;text-align:center}
#review .pager span{margin:0 3px;border-radius:50px;opacity:.5;transition:all .3s}
#review .pager span.on{padding:0 10px;opacity:1;background:#1a3b71}
#review .option>span{display:flex;cursor:pointer}
#review .option>span svg{width:20px}

#review .more_btn{display:inline-block;position:relative;margin-top:12px;padding:14px 30px;border-radius:7px;color:#fff;background:#0055a2;font-size:14px;transition:ease-out .1s;}
#review .more_btn:hover{background:#1a3b71}

/* 자주하는 질문 */
#page0401 .q_box h3{padding-top: 50px;margin-bottom:30px}
#page0401 .tit_bg{padding:15px 0 35px;text-align:center}
#page0401 .q_list{border-top:2px solid #1a3b71}
#page0401 .q_list dl dt{padding:20px;border-bottom:1px solid #e1e1e1;}
#page0401 .q_list dl dt span{margin-right:10px;color:#1a3b71;}
#page0401 .q_list dl dd{padding: 20px 16px;color:#666;background:#f9f9f9;word-break:keep-all}
#page0401 .q_list dl dd b{color:#ef0000;font-size:14px}
#page0401 .q_list dl dd b.t_b{color:#0055a2}
#page0401 .q_list .q_btn{display:inline-block;margin-top:10px;padding:8px 20px;color:#fff;background:#0055a2;border-radius:7px}
#page0401_box .call_box .call_inner .number .r_num .btn_call02{margin-top: 30px;padding:16px;color:#fff;border-radius:10px;background:#111}

/* 궁금증 해결 */
#page0401 .call_box{padding: 80px 0 0;}
#page0401 .call_box .call_inner{width:100%;max-width:1070px;margin:0 auto}
#page0401 .call_box .call_inner .tit{margin-bottom: 30px;text-align:center;line-height:1.4;color:#111;font-size:32px;font-weight:bold}
#page0401 .call_box .call_inner .tit p{word-break:keep-all}
#page0401 .call_box .call_inner p span{color:#1a3b71}
#page0401 .call_box .call_inner .number{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:24px;text-align:center;font-size:18px}
#page0401 .call_box .call_inner .number p{padding-bottom:26px;font-size: 26px;font-weight:bold}
#page0401 .call_box .call_inner .number span{margin-bottom: 16px;display:block;color:#0055a2;font-weight:bold;font-size:30px}
#page0401 .call_box .call_inner .number a{display:block}
#page0401 .call_box .call_inner .number i{margin-left:10px;font-size:20px}
#page0401 .call_box .call_inner .number .l_num{padding: 40px 30px;height: auto;background:#fff;border-radius:14px}
#page0401 .call_box .call_inner .number .l_num .btn_call{margin-top:30px;padding:16px;color:#fff;border-radius:10px;background: #0055a2;}
#page0401 .call_box .call_inner .number .r_num{padding:40px;height: auto;background:#fee800;border-radius:14px}
#page0401 .call_box .call_inner .number .r_num .btn_call02{margin-top: 30px;padding:16px;color:#fff;border-radius:10px;background: #0055a2;}

/* 반응형 [s]*/
@media (max-width:1300px){
#page0101 .m_tit{padding:0 50px}
#page0101 .cont{padding:0 50px}
}
@media (max-width:1200px){
#page0101{padding:0 0 50px}
#page0101 .m_tit{text-align:center;font-size:26px}
#page0101 .cont{text-align:center}   
.logo_box{margin-top:100px}
.logo_box .tit{font-size:29px}
.logo_box .box{column-gap:20px}
.logo_box .box .right{background-position:92%;}
.logo_box .box .right p{font-size:24px}
#page0201 .left .l_box .list_box ul li{font-size:19px}
#page0201 .right .pro_list li p{font-size:24px}
#review{width:100%}
#page0401 .call_box{padding:80px 0 0}
#page0401 .q_box h3{padding-top:30px}
}
@media (max-width:1024px){
#sh_index_wrapper h3{font-size:28px}
#page0101 .tit_bg{padding:15px 0 40px}
#page0101 br{/* display:none; */}
#page0101 .m_tit span{display:block}
#page0101 .cont{padding:0 50px}
.logo_box .box{flex-direction:column;row-gap:20px}
.logo_box .box .left{padding:60px 30px;width:100% !important}
.logo_box .box .right{width:100% !important}
#page0201 .tit{text-align:center;font-size:22px}
#page0201 .tit span{font-size:13px}
#page0201 .left .l_box .list_box{padding:50px 20px}
#page0201 .left .r_box .list_box{padding:50px 20px}
#page0201 .left .l_box .list_box ul li{font-size:17px}
#page0201 .left .r_box {padding: 0;}
#page0201 .left .r_box p{font-size:17px}
#page0201 .right .pro_list{font-size:16px}
#page0201 .right .pro_list li p{font-size: 22px;}
#page0301{padding:50px 20px 20px}
#page0301 .tit_bg{padding:0}
#page0301_box .call_box{padding:50px 20px}
#page0401 .tit_bg{padding:0}
#page0401 .q_box h3{padding-top:0}
#page0201 .left .r_box .list_box ul li{font-size:17px}
}
@media (max-width:800px){
#page0101 .m_tit{font-size:23px}
#page0101 .cont{padding:0 30px}
#page0101 .tit_bg{padding:15px 0 30px}
#page0201 .right .pro_list li{font-size:15px}
}
@media (max-width:768px){
#sh_index_wrapper h3{font-size:27px}
#page0101 .cont{padding:0}
#page0101 .cont br{display:none}
#page0101 .tit_bg{padding:15px 0 10px}
#page0101 .m_tit{padding:0}
.logo_box .tit{margin-bottom:30px;font-size:27px}
.logo_box .box .right{padding:44px 20px;text-align:center;background-image:none;font-size: 24px;}
#page0201 .tit{margin-top:20px;font-size:18px}
#page0201 .left{margin-bottom: 40px;row-gap:20px;grid-template-columns:repeat(1, 1fr)}
#page0201 .right .tit{font-size:18px}
#page0201 .right .pro_list{column-gap:14px}
#page0201 .left .r_box{padding:0}
#page0201 .left .r_box .img_box{justify-content:space-evenly}
#page0201 .right .pro_list{row-gap: 14px;grid-template-columns:repeat(1, 1fr)}
#page0301 .list_wrap{grid-template-columns:repeat(1, 1fr)}
#page0301 .list_wrap dl{margin:0 0 40px 0}
#page0301 .list_wrap dl dd{font-size:15px}
#page0301 .point{padding:50px 30px;text-align:center;font-size:15px}
#page0301_box .call_box{padding: 50px 20px;}
#page0301_box .call_box .call_inner .tit{font-size: 27px;}
#page0301_box .call_box .call_inner .number{grid-template-columns:repeat(1, 1fr);row-gap:14px}
#page0301_box .call_box .call_inner .tit{margin-bottom:30px}
#page0301_box .call_box .call_inner .number{font-size:17px}
#page0301_box .call_box .call_inner .number p{font-size: 22px;}
#page0301_box .call_box .call_inner .number span{font-size:28px}
#page0401 .q_list{text-align:center}
#page0401 .call_box .call_inner .tit{font-size:27px}
#page0401 .call_box .call_inner .number{grid-template-columns:repeat(1, 1fr);row-gap:14px;font-size: 16px;}
#page0401 .call_box .call_inner .number p{font-size:22px;}
#page0401 .call_box .call_inner .number span{font-size:28px}
#page0401 .q_box h3{padding-top:0}
#page0401 .call_box{padding:50px 0 0}
}
@media (max-width:605px){
#page0301 .point .left ul li span{display:block}
#page0301 .point .left ul li br{display:none}
}
@media (max-width:480px){
.article {padding:50px 14px}
#sh_index_wrapper h3{font-size:25px}
#page0101{padding:0 !important}
#page0101 .m_tit{font-size:20px;font-family:'GmarketSansMedium'}
#page0101 .cont{color:#888;font-size:15px;word-break:keep-all}
#page0101 .logo_box{margin-top:50px}
.logo_box .tit{margin-bottom:30px;font-size:21px}
.logo_box .box .right{padding:44px 20px;font-size: 19px;white-space:normal}
.logo_box .box .right p{margin-bottom:10px;font-size: 20px;font-family:'GmarketSansMedium'}
#page0201 .right .pro_list li{padding:30px 20px}
#page0201 .tit_bg{padding: 0;}
#page0301{padding:50px 14px}
#page0301 .point {padding:30px 20px}
#page0301_box .call_box .call_inner .tit{font-size: 22px;}
#page0401 .call_box .call_inner .tit{font-size: 21px;}
#page0301 .point{margin-bottom:0;word-break:keep-all}
#page0301_box .call_box{padding:40px 14px}
#page0401 .q_box h3{padding-top:0}
#page0401 .tit_bg{padding:0}
#page0401 .call_box{padding:50px 0 0}
#page0401 .call_box .call_inner .tit{margin-bottom:30px}
#page0301_box .call_box .call_inner .number p{font-size:22px}
#page0301_box .call_box .call_inner .number .l_num{padding:40px 20px}
#page0301_box .call_box .call_inner .number .r_num{padding:40px 20px;font-size:16px}
#page0401 .call_box .call_inner .number .l_num{padding:40px 20px}
#page0401 .call_box .call_inner .number .r_num{padding:40px 20px;font-size:16px}
#page0401 .q_list{font-size:14px}
#page0401 .q_list .q_btn{display:block}
#page0401 .q_list dl dd b{font-size:13px}
#review .review_slide .item{padding:28px 24px}
#review .review_slide .item .tit{gap:14px;font-size:14px}
#review .review_slide .item p{font-size:14px}
#review .review_slide .item img{width:82px;height:82px}
}
@media (max-width:380px){
.logo_box .tit{font-size:19px}
#page0201 .left .l_box .list_box ul li{font-size:16px}
#page0201 .left .r_box p{font-size:16px}
#page0301_box .call_box .call_inner .tit{font-size:20px}
#page0301_box .call_box .call_inner .number p{font-size:22px}
#page0301_box .call_box .call_inner .number span{font-size:24px}
#page0301 .point{padding:30px 20px;font-size:14px}
}
/* 반응형 [e]*/