@charset "utf-8";

p{word-break:keep-all}
/* 공통 */
.top_tit{font-size:25px;color:#333;font-family:'notokr-bold'}
.top_cont{margin:13px 0 0}
.pg_tit{margin:50px 0 10px;font-size:18px;color:var(--primary);font-family:'notokr-bold'}
#PageCommon table th{font-weight:normal;color:#000;font-family:notokr-medium;word-break:keep-all}

.PageCommon{font-size:15px;line-height:24px;letter-spacing:-0.3px;color:#777;font-family:notokr-regular}
#PageCommon *{box-sizing:border-box}
#PageCommon h3{padding-left:26px;margin-bottom:15px;font-size:20px;font-weight:normal;color:#333;background:url(/sh_page/img/h3_bg.png) left 6px no-repeat;font-family:'notokr-bold'}
#PageCommon h3.mg_0{margin-top:0}
#PageCommon .rc_tbl{margin:10px 0;border:5px solid #ebebeb;font-size:13px;line-height:22px;text-align:center;background-color:#ebebeb}
#PageCommon .rc_tbl th{padding:15px 0;border-top:2px solid #333;border-bottom:2px solid var(--primary);font-size:15px;color:#222;background-color:#ebebeb}
#PageCommon .rc_tbl td{padding:10px 0;background-color:#fff}

.PageCommon .scr_wrap::-webkit-scrollbar{height:6px}
.PageCommon .scr_wrap::-webkit-scrollbar-thumb{background-clip:padding-box;border:2px solid transparent;border-radius:10px;background:#999}
.PageCommon .scr_wrap::-webkit-scrollbar-track{border-radius:10px;background-color:#ddd;box-shadow:inset 0px 0px 5px white}

#sub_inner{width:1400px;margin:0 auto}

/* 회사소개 */
.company_top_banner{display:flex;justify-content:center;flex-direction:column;margin-bottom:207px;height:469px;background:url("/sh_page/img/p36_bg01_img.jpg") no-repeat center/cover;color:#fff}
.company_top_banner .t_banner_inner{width:1400px;margin:0 auto}
.company_top_banner .t_banner_inner > b{display:block;margin-bottom:30px;font-weight:700;font-size:20px;font-family:var(--e-font)}
.company_top_banner .t_banner_inner > strong{display:block;margin-bottom:55px;font-weight:700;font-size:30px}
.company_top_banner .t_banner_inner > p{line-height:1.5;color:rgba(255,255,255,0.6);font-weight:400;font-size:18px}

#p36 .tit_box{color:#fff;text-align:center;word-break:keep-all}
#p36 .tit_box1{margin-bottom:123px}
#p36 .s_tit{display:block;margin-bottom:50px;font-weight:700;font-size:16px;font-family:var(--e-font);word-break:keep-all}
#p36 .b_tit{line-height:1.5;font-weight:700;font-size:28px;word-break:keep-all}
#p36 .b_tit > span{font-weight:100;word-break:keep-all}

.round_list_wrap{margin-bottom:200px}
.round_list_wrap ul{position:relative;display:flex;justify-content:center;align-items:center;width:100%}
.round_list_wrap ul:after{content:"";position:absolute;top:50%;left:35%;transform:translateY(-50%);width:calc(100% / 2);height:1px;background-color:#fff}
.round_list_wrap ul:before{content:"";opacity:0;position:absolute;top:50%;right:25%;transform:translateY(-50%);width:calc(100% / 2);height:1px;background-color:#fff}
.round_list_wrap.on ul:after{animation:bar_left_ani 0.9s ease-in forwards}
.round_list_wrap.on ul:before{animation:bar_right_ani 0.9s ease-in forwards;animation-delay:1.2s}
.round_list_wrap ul li{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin-left:-15px;width:335px;height:335px;border-radius:50%;background-color:#080808;color:#fff}
.round_list_wrap ul li:first-child{z-index:1}
.round_list_wrap ul li:nth-child(2){z-index:2}
.round_list_wrap ul li:last-child{z-index:3}
.round_list_wrap ul li span{font-weight:700;font-size:15px;font-family:var(--e-font)}
.round_list_wrap ul li p{font-weight:700;font-size:21px}
.round_list_wrap ul li svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:335px;height:335px}
.round_list_wrap ul li svg path{stroke-width:1.2;fill:none;stroke-dasharray:610px;stroke-dashoffset:610px;stroke:#fff}
.round_list_wrap.on ul li svg path{animation:stroke_ani 0.9s ease-in forwards}
.round_list_wrap ul li:nth-child(1) svg path{animation-delay:0.5s}
.round_list_wrap ul li:nth-child(2) svg path{animation-delay:0.75s}
.round_list_wrap ul li:nth-child(3) svg path{animation-delay:1s}
@keyframes stroke_ani{0%{stroke-dashoffset:610px}100%{stroke-dashoffset:0}}
@keyframes stroke_ani_reverse{0%{stroke-dashoffset:0px}100%{stroke-dashoffset:610px}}
@keyframes bar_left_ani{0%{left:-40%} 100%{left:-10%}}
@keyframes bar_right_ani{0%{right:25%;opacity:0} 100%{right:-10%;opacity:1}}
@keyframes item_bar_odd{0%{left:-200%} 100%{left:-100%}}
@keyframes item_bar_even{0%{right:-200%} 100%{right:-100%}}
@keyframes item_bar_mo{0%{bottom:0px} 100%{bottom:-30px}}
#p36 .car_list{display:flex;flex-wrap:wrap;align-items:center;margin:270px 0}
#p36 .car_list > li{overflow:hidden;position:relative;width:417px;height:269px;border-radius:15px}
#p36 .car_list > li img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
#p36 .car_list > li:nth-child(2){margin-left:-130px;transform:translateY(-135px)}
#p36 .car_list > li:nth-child(3){margin-left:-80px}
#p36 .car_list > li:nth-child(4){margin-left:-60px;transform:translateY(-135px)}
#p36 .company_bot_banner{position:relative;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:174px;padding-left:62px;padding-bottom:95px;height:517px;background:url("/sh_page/img/p36_bg02_img.jpg") no-repeat center/cover;color:#fff;box-sizing:border-box}
#p36 .company_bot_banner:after{position:absolute;top:0;left:0;display:block;word-wrap:100%;height:100%;background:rgba(0,0,0,0.5);content:""}
#p36 .company_bot_banner .b_banner_inner{width:1400px;margin:0 auto}
#p36 .company_bot_banner .b_banner_inner > b{display:block;margin-bottom:45px;font-size:25px}
#p36 .company_bot_banner .b_banner_inner > p{line-height:1.6;color:rgba(255,255,255,0.7);font-weight:400;font-size:18px}
#p36 .way_wrap{color:#fff}
#p36 .way_wrap .way_tit{display:block;margin-bottom:16px;font-size:30px;font-family:var(--e-font)}
#p36 .way_wrap .address{display:flex;align-items:center;margin-bottom:45px}
#p36 .way_wrap .address > li{color:rgba(255,255,255,0.5);font-weight:400;font-size:20px;word-break:keep-all}
#p36 .way_wrap .address > li:after{content:"";display:inline-block;margin:0 23px;width:1px;height:15px;background:rgba(255,255,255,0.5)}
#p36 .way_wrap .address > li:last-child:after{display:none}
#p36 .way_wrap .map_wrap{height:483px}
#p36 .way_wrap .map_wrap .map_box{position:relative;width:100%;height:100%}
#p36 .way_wrap .map_wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

/* 패키지 영역 */
.package_wrap .tit_box{margin:105px 0 55px;color:#fff;text-align:center;font-weight:700}
.package_wrap .tit_box .tit{font-size:30px}
.package_wrap .tit_box > span{display:block;margin-top:30px;font-size:18px}
.package_wrap .tab_wrap{overflow:hidden;width:100%;margin-bottom:88px;padding:43px 84px;border-radius:15px;background:#212121;box-sizing:border-box}
.package_wrap .package_table{width:100%;border-collapse:collapse}
.package_wrap .package_table thead tr{border-bottom:2px solid #fff}
.package_wrap .package_table tbody tr{border-bottom:1px solid #fff}
.package_wrap .package_table th{height:57px;font-weight:700;transition:all .5s}
.package_wrap .package_table th > a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;transition:all .5s}
.package_wrap .package_table td{height:54px;font-weight:400;transition:all .5s}
.package_wrap .package_table th,
.package_wrap .package_table td{font-size:16px;text-align:center;color:#fff}

/* 모바일패키지 */
.m_package_wrap{display:none}
.m_package_wrap .m_tab_wrap{overflow:hidden;width:100%;margin-bottom:88px;padding:43px 84px;border-radius:15px;background:#212121;box-sizing:border-box}
.m_package_wrap .m_tab_box{margin-bottom:30px}
.m_package_wrap .m_tab_box:last-child{margin-bottom:0}
.m_package_wrap .m_package_table{width:100%;border-collapse:collapse}
.m_package_wrap .m_package_table thead tr{border-bottom:2px solid #fff}
.m_package_wrap .m_package_table tbody tr{border-bottom:1px solid #fff}
.m_package_wrap .m_package_table th{height:57px;font-weight:700;transition:all .5s}
.m_package_wrap .m_package_table th > a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;transition:all .5s}
.m_package_wrap .m_package_table td{height:54px;font-weight:400;transition:all .5s}
.m_package_wrap .m_package_table td > a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;transition:all .5s}
.m_package_wrap .m_package_table th,
.m_package_wrap .m_package_table td{font-size:16px;text-align:center;color:#fff}

/* 활성화된 셀 스타일 */
.package_wrap .package_table th.active{background:#fff;border-radius:15px 15px 0 0}
.package_wrap .package_table th.active > a{color:#222}
.package_wrap .package_table td.active{background-color:#383838}
.package_wrap .package_table th.empty{background:none;border-radius:0}
.package_wrap .left_tit_box{padding-bottom:30px;border-bottom:1px solid #fff}
.package_wrap .tit{color:#fff;font-weight:700;font-size:30px}
.package_wrap .left_tit_box .tit{display:flex;align-items:center}
.package_wrap .left_tit_box .tit b{display:inline-block;padding-left:17px;font-size:20px;font-weight:500;color:rgba(255, 255, 255, 0.7)}
.package_wrap .tit .l_s_txt{display:inline-block;margin-left:35px;color:rgba(255,255,255,0.4);font-size:16px;font-weight:400}
.package_wrap .box:nth-child(1){padding:0 0 100px}
.package_wrap .box{padding:115px 0}
.package_wrap .box:last-child{border-bottom:none;padding:0}
.package_wrap .box_inner{width:1400px;margin:0 auto}

.package_wrap .option_box{color:#fff}
.package_wrap .option_box .option_list > li{position:relative}
.package_wrap .option_box .option_list > li a{position:relative;display:flex;align-items:center;padding-left:50px;height:80px;border-bottom:1px solid #393939;color:#fff;font-weight:700;font-size:18px;box-sizing:border-box;cursor:pointer}
.package_wrap .option_box .option_list > li a:after{position:absolute;top:50%;right:50px;transform:translateY(-50%);content:"";display:block;width:14px;height:8px;background:url("/sh_page/img/model_down_arrow.png") no-repeat center;transition:transform 0.3s ease}
.package_wrap .option_box .option_list > li a.active:after{transform:translateY(-50%) rotate(180deg)}
.package_wrap .option_box .option_list > li a .num{display:inline-block;margin-right:15px}
.package_wrap .option_box .option_list > li a .price{display:inline-block;margin-left:30px;color:rgba(255,255,255,0.5);font-size:16px}
.package_wrap .option_box .option_sub{display:none;padding:50px 0;border-bottom:1px solid #393939;color:#fff;font-size:16px;box-sizing:border-box}
.package_wrap .option_box .option_sub_inner{width:1260px;margin:0 auto}
.option_slide_wrapper .list{position:relative}
.option_slide_wrapper .list > img{max-width:100%;width:100%;border-radius:15px}

.option_slide_inner_wrap{position:relative}
.option_slide_inner{overflow-x:hidden;overflow-y:visible}
.option_slide .option_btn{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}
.option_slide .option_prev{left:-35px;z-index:3}
.option_slide .option_next{right:16.5%;z-index:3}
.option_slide.is-first .option_prev,
.option_slide.is-last .option_next{display:none}

.package_wrap .option_txt .txt{margin-bottom:25px;font-weight:400;font-size:17px}
.package_wrap .option_txt .otion_type{display:flex;flex-wrap:wrap;margin-bottom:35px}
.package_wrap .option_txt .otion_type > li{display:flex;align-items:center;justify-content:center;margin-right:2%;margin-top:15px;width:18.4%;height:60px;border-radius:10px;background:#212121;text-align:center;word-break:keep-all}
.package_wrap .option_txt .otion_type > li:nth-child(1),.package_wrap .option_txt .otion_type > li:nth-child(2),.package_wrap .option_txt .otion_type > li:nth-child(3),.package_wrap .option_txt .otion_type > li:nth-child(4),.package_wrap .option_txt .otion_type > li:nth-child(5){margin-top:0}

.package_wrap .option_txt .otion_type > li:nth-child(5n){margin-right:0}
.package_wrap .option_sub .dot{display:block;margin-top:35px;text-align:right;font-weight:400;font-size:16px}
.package_wrap .dot_txt{margin-bottom:25px}
.package_wrap .dot_txt > li{position:relative;line-height:1.7;padding-left:15px;font-weight:400;font-size:17px}
.package_wrap .dot_txt > li:after{position:absolute;top:13px;left:0;content:"";display:block;width:5px;height:5px;background:#fff;border-radius:50%}
.package_wrap .dot_txt > li:last-child{margin-bottom:0}

/* 모바일 활성화된 셀 스타일 */
.m_package_wrap .m_package_table th.active{background:#fff;border-radius:15px 15px 0 0}
.m_package_wrap .m_package_table th.active > a{color:#222}
.m_package_wrap .m_package_table td.active{background-color:#383838}
.m_package_wrap .m_package_table th.empty{background:none;border-radius:0}

.v_tb{overflow-x:auto}

/* 반응형 [s] */
@media (hover:hover){
.package_wrap .package_table th.hover{background:#f7f7f7;border-radius:15px 15px 0 0}
.package_wrap .package_table th.hover > a{color:#222}
.package_wrap .package_table td.hover{background-color:#383838}
.package_wrap .package_table th.active.hover{background:#fff}
.package_wrap .package_table td.active.hover{background-color:#383838}

.m_package_wrap .m_package_table th.hover{background:#f7f7f7;border-radius:15px 15px 0 0}
.m_package_wrap .m_package_table th.hover > a{color:#222}
.m_package_wrap .m_package_table td.hover{background-color:#383838}
.m_package_wrap .m_package_table th.active.hover{background:#fff}
.m_package_wrap .m_package_table td.active.hover{background-color:#383838}
}
@media (max-width:1700px){
.company_top_banner .t_banner_inner{width:95%}
#sub_inner{width:95%}
#p36 .car_list{width:100%}
#p36 .car_list > li{flex-grow:1;padding-bottom:17%;width:25%;height:auto}
#p36 .company_bot_banner{padding-left:0}
#p36 .company_bot_banner .b_banner_inner{width:95%}
.package_wrap .box_inner{width:95%}
}
@media (max-width:1400px){
.company_top_banner{margin-bottom:180px}
.round_list_wrap{margin-bottom:180px}
#p36 .car_list{margin:270px 0 180px}
#p36 .car_list > li{padding-bottom:20%}
#p36 .car_list > li:nth-child(2){transform:translateY(-50%)}
#p36 .car_list > li:nth-child(4){transform:translateY(-50%)}
#p36 .company_bot_banner{margin-bottom:180px}
.package_wrap .option_box .option_sub_inner{padding:0 50px;width:100%}
.package_wrap .option_txt .txt{line-height:1.7}
}
@media (max-width:1200px){
.company_top_banner{height:420px}
.round_list_wrap ul li{width:300px;height:300px}
.round_list_wrap ul li svg{width:300px;height:300px}
#p36 .car_list > li{padding-bottom:23%}
#p36 .company_bot_banner{height:430px;padding-bottom:70px}
.package_wrap .option_txt .otion_type > li{width:23.5%}
.package_wrap .option_txt .otion_type > li:nth-child(4n){margin-right:0}
.package_wrap .option_txt .otion_type > li:nth-child(5n){margin-right:2%}
.package_wrap .option_txt .otion_type > li:nth-child(5){margin-top:15px}
.option_slide .option_next{right:16%}
}

@media (max-width:1024px){
.company_top_banner{margin-bottom:150px;height:380px}
.company_top_banner .t_banner_inner > b{font-size:18px}
.company_top_banner .t_banner_inner > strong{font-size:28px}
.company_top_banner .t_banner_inner > p{font-size:17px}
#p36 .b_tit{font-size:25px}
#p36 .s_tit{margin-bottom:40px}
.round_list_wrap{margin-bottom:150px}
.round_list_wrap ul li{width:260px;height:260px}
.round_list_wrap ul li svg{width:260px;height:260px}
.round_list_wrap ul li:nth-child(1) .icon_box > img{width:90px}
.round_list_wrap ul li:nth-child(2) .icon_box > img{width:90px}
.round_list_wrap ul li:nth-child(3) .icon_box > img{width:120px}
#p36 .car_list{margin:270px 0 150px}
#p36 .car_list > li{padding-bottom:25%}
#p36 .company_bot_banner{height:400px;margin-bottom:150px;padding-bottom:50px}
#p36 .way_wrap .way_tit{font-size:28px}
#p36 .way_wrap .address{display:block}
#p36 .way_wrap .address > li{line-height:1.5;display:inline}
.package_wrap .tit_box{margin:80px 0 50px}
.package_wrap .tit_box .tit{font-size:25px}
.package_wrap .tit_box > span{margin-top:20px;font-size:17px}
.package_wrap .tab_wrap{padding:40px}
.package_wrap .package_table colgroup{display:none}
.package_wrap .package_table th:nth-child(1){width:10%}
.package_wrap .package_table th:nth-child(2){width:30%}
.package_wrap .package_table th:nth-child(3){width:30%}
.package_wrap .package_table th:nth-child(4){width:30%}
.package_wrap .option_box .option_list > li a{padding-left:30px;height:70px;font-size:17px}
.package_wrap .option_box .option_list > li a .price{margin-left:20px;font-size:15px}
.package_wrap .option_box .option_list > li a:after{right:30px}
.package_wrap .tit{font-size:25px}
.package_wrap .tit .l_s_txt{font-size:15px}
.package_wrap .left_tit_box .tit b{font-size:18px}
.package_wrap .option_box .option_sub{padding:40px 0}
.package_wrap .option_box .option_sub_inner{padding:0 30px}
.package_wrap .option_txt .otion_type > li{width:32%}
.package_wrap .option_txt .otion_type > li:nth-child(3n){margin-right:0}
.package_wrap .option_txt .otion_type > li:nth-child(4n){margin-right:2%}
.package_wrap .option_txt .otion_type > li:nth-child(4){margin-top:15px}
.option_slide .option_prev,.option_slide .option_next{display:none !important}
}
@media (max-width:820px){
#p36 .tit_box1 .b_tit1 br{display:none}
.round_list_wrap ul li{width:230px;height:230px}
.round_list_wrap ul li svg{width:230px;height:230px}
.round_list_wrap ul li:nth-child(1) .icon_box > img{width:70px}
.round_list_wrap ul li:nth-child(2) .icon_box > img{width:70px}
.round_list_wrap ul li:nth-child(3) .icon_box > img{width:100px}
.package_wrap .tab_wrap{display:none}
.package_wrap .package_table th:nth-child(1){display:none}
.package_wrap .package_table td:nth-child(1){display:none}
.m_package_wrap{display:block}
.m_package_wrap .m_tab_wrap{margin-bottom:80px;padding:40px}
}
@media (max-width:768px){
.PageCommon .scr_wrap{margin-bottom:35px;overflow-x:scroll}
#PageCommon .rc_tbl{width:768px}
#sub_inner{width:90%}
.company_top_banner{margin-bottom:130px;height:310px}
.company_top_banner .t_banner_inner{width:90%}
.company_top_banner .t_banner_inner > b{margin-bottom:20px;font-size:17px}
.company_top_banner .t_banner_inner > strong{margin-bottom:45px;font-size:25px}
.company_top_banner .t_banner_inner > p{font-size:16px}
.round_list_wrap{margin-bottom:130px}
.round_list_wrap ul{flex-direction:column;align-items:center;gap:30px}
.round_list_wrap ul:after{display:none}
.round_list_wrap ul:before{display:none}
.round_list_wrap ul li{width:285px;height:285px}
.round_list_wrap ul li svg{width:285px;height:285px;background:#080808}
.round_list_wrap ul li:nth-child(1){right:0px}
.round_list_wrap.on ul li:nth-child(1):after{content:"";position:absolute;top:50%;left:-200%;transform:translateY(-50%);width:100%;height:1.5px;background-color:#ffffff;animation:item_bar_odd  0.4s ease-in forwards}
.round_list_wrap.on ul li:nth-child(1):before{content:"";position:absolute;z-index:-1;bottom:0px;left:50%;transform:translateX(-50%);width:1.5px;height:30px;background-color:#ffffff;animation:item_bar_mo  0.4s ease-in forwards;animation-delay:1.2s}
.round_list_wrap ul li:nth-child(1) svg path{animation-delay:0.4s}
.round_list_wrap.on ul li:nth-child(2):after{content:"";position:absolute;top:50%;right:-200%;transform:translateY(-50%);width:100%;height:1.5px;background-color:#ffffff;animation:item_bar_even  0.4s ease-in forwards;animation-delay:0.8s}
.round_list_wrap.on ul li:nth-child(2):before{content:"";position:absolute;z-index:-1;bottom:0px;left:50%;transform:translateX(-50%);width:1.5px;height:30px;background-color:#ffffff;animation:item_bar_mo  0.4s ease-in forwards;animation-delay:1.8s}
.round_list_wrap ul li:nth-child(2) svg{transform:translate(-50%, -50%) scaleX(-1)}
.round_list_wrap ul li:nth-child(2) svg path{animation-delay:1.2s}
.round_list_wrap ul li:nth-child(3){left:0px}
.round_list_wrap.on ul li:nth-child(3):after{content:"";position:absolute;top:50%;left:-200%;transform:translateY(-50%);width:100%;height:1.5px;background-color:#ffffff;animation:item_bar_odd  0.4s ease-in forwards;animation-delay:1.6s}
.round_list_wrap ul li:nth-child(3) svg path{animation-delay:2s}
.round_list_wrap ul li:nth-child(1) .icon_box > img{width:100px}
.round_list_wrap ul li:nth-child(2) .icon_box > img{width:90px}
.round_list_wrap ul li:nth-child(3) .icon_box > img{width:120px}
.round_list_wrap ul li span{position:relative;z-index:1}
.round_list_wrap ul li .icon_box{position:relative;z-index:1}
.round_list_wrap ul li p{position:relative;z-index:1;font-size:18px}
#p36 .b_tit{font-size:22px}
#p36 .s_tit{margin-bottom:35px}
#p36 .tit_box1{margin-bottom:100px}
#p36 .car_list{margin:100px 0 130px}
#p36 .car_list > li{width:48.5%;margin-right:3%;padding-bottom:35%;border-radius:10px}
#p36 .car_list > li:nth-child(2n){margin-right:0}
#p36 .car_list > li:nth-child(2){transform:none;margin-left:0}
#p36 .car_list > li:nth-child(3){margin-left:0}
#p36 .car_list > li:nth-child(4){transform:none;margin-left:0}
#p36 .car_list > li:nth-child(n+3){margin-top:15px}
#p36 .company_bot_banner{margin-bottom:130px;height:330px}
#p36 .company_bot_banner .b_banner_inner{width:90%}
#p36 .company_bot_banner .b_banner_inner > b{margin-bottom:35px;font-size:22px}
#p36 .company_bot_banner .b_banner_inner > p{font-size:16px}
#p36 .way_wrap .way_tit{font-size:25px}
#p36 .way_wrap .address{margin-bottom:30px}
#p36 .way_wrap .address > li{font-size:18px}
#p36 .way_wrap .address > li:after{margin:0 15px}
#p36 .way_wrap .map_wrap{position:relative;padding-bottom:70%;height:auto}
#p36 .way_wrap .map_wrap .map_box{position:absolute;top:0;left:0}
.package_wrap .tab_wrap{margin-bottom:80px;padding:20px}
.package_wrap .package_table td{display:none}
.package_wrap .tit_box{margin:50px 0}
.package_wrap .tit_box .tit{font-size:22px}
.package_wrap .tit_box > span{font-size:16px}
.package_wrap .box_inner{width:90%}
.package_wrap .tit{font-size:22px}
.package_wrap .tit .l_s_txt{display:block;margin-top:10px;margin-left:0px;font-size:14px}
.package_wrap .left_tit_box{padding-bottom:20px}
.package_wrap .left_tit_box .tit{display:block}
.package_wrap .left_tit_box .tit b{font-size:16px}
.package_wrap .option_box .option_list > li a{font-size:16px}
.package_wrap .option_box .option_list > li a .price{font-size:14px}
.package_wrap .box{padding:80px 0}
.package_wrap .box:nth-child(1){padding:0 0 80px}
.package_wrap .option_txt .txt{font-size:16px}
.package_wrap .option_txt .otion_type > li{padding:15px 10px;width:49%;height:auto;line-height:1.5}
.package_wrap .option_txt .otion_type > li:nth-child(3n){margin-right:2%}
.package_wrap .option_txt .otion_type > li:nth-child(2n){margin-right:0}
.package_wrap .option_txt .otion_type > li:nth-child(3){margin-top:15px}
.package_wrap .option_box .option_sub{font-size:15px}
.package_wrap .option_sub .dot{font-size:15px}
}
@media (max-width:700px){
.company_top_banner .t_banner_inner > p br{display:none}
}
@media (max-width:580px){
.company_top_banner{margin-bottom:100px;height:280px}
.company_top_banner .t_banner_inner > b{margin-bottom:15px;font-size:16px}
.company_top_banner .t_banner_inner > strong{margin-bottom:35px;font-size:22px}
.company_top_banner .t_banner_inner > p{font-size:15px}
.round_list_wrap{margin-bottom:100px}
.round_list_wrap ul li{width:260px;height:260px}
.round_list_wrap ul li svg{width:260px;height:260px}
.round_list_wrap ul li:nth-child(1) .icon_box > img{width:90px}
.round_list_wrap ul li:nth-child(2) .icon_box > img{width:90px}
.round_list_wrap ul li:nth-child(3) .icon_box > img{width:120px}
.round_list_wrap ul li p{font-size:17px}
#p36 .b_tit{font-size:19px}
#p36 .s_tit{margin-bottom:30px;font-size:15px}
#p36 .tit_box1{margin-bottom:80px}
#p36 .car_list{margin:80px 0 100px}
#p36 .company_bot_banner{height:300px;margin-bottom:100px;padding-bottom:40px}
#p36 .company_bot_banner .b_banner_inner > b{margin-bottom:25px;font-size:19px}
#p36 .company_bot_banner .b_banner_inner > p{font-size:15px}
#p36 .company_bot_banner .b_banner_inner > p br{display:none}
#p36 .way_wrap .way_tit{font-size:22px}
#p36 .way_wrap .address > li{font-size:17px}
.package_wrap .option_box .option_list > li a{padding-left:15px;height:60px}
.package_wrap .option_box .option_list > li a:after{right:15px}
.package_wrap .tab_wrap{margin-bottom:60px}
.package_wrap .box{padding:60px 0}
.package_wrap .box:nth-child(1){padding:0 0 60px}
.package_wrap .option_box .option_sub_inner{padding:0 15px}
.m_package_wrap .m_tab_wrap{margin-bottom:60px;padding:25px 20px}
.m_package_wrap .m_package_table th, .m_package_wrap .m_package_table td{font-size:15px}
}
@media (max-width:480px){
.company_top_banner{margin-bottom:80px}
#p36 .tit_box1{margin-bottom:60px}
.round_list_wrap{margin-bottom:80px}
.round_list_wrap ul li{width:230px;height:230px}
.round_list_wrap ul li svg{width:230px;height:230px}
.round_list_wrap ul li:nth-child(1) .icon_box > img{width:70px}
.round_list_wrap ul li:nth-child(2) .icon_box > img{width:70px}
.round_list_wrap ul li:nth-child(3) .icon_box > img{width:100px}
#p36 .tit_box2 .b_tit2 br{display:none}
#p36 .car_list{margin:60px 0 80px}
#p36 .company_bot_banner{margin-bottom:80px}
#p36 .way_wrap .map_wrap{padding-bottom:80%}
.package_wrap .tab_wrap{padding:20px 15px;border-radius:10px}
.package_wrap .package_table thead tr{border-bottom:none}
.package_wrap .package_table tbody tr{border-bottom:none}
.package_wrap .package_table th{display:block;height:50px;border-radius:0;border:1px solid #fff;border-bottom:none}
.package_wrap .package_table th:nth-child(2){border-radius:10px 10px 0 0}
.package_wrap .package_table th:last-child{border-radius:0 0 10px 10px;border-bottom:1px solid #fff}
.package_wrap .package_table th:nth-child(n+2){width:100%}
.package_wrap .package_table th.hover{border-radius:0}
.package_wrap .package_table th:nth-child(2).hover{border-radius:10px 10px 0 0}
.package_wrap .package_table th:nth-child(4).hover{border-radius:0 0 10px 10px}
.package_wrap .package_table th.active{border-radius:0}
.package_wrap .package_table th:nth-child(2).active{border-radius:10px 10px 0 0}
.package_wrap .package_table th:nth-child(4).active{border-radius:0 0 10px 10px}
.package_wrap .tit{font-size:20px}
.package_wrap .option_box .option_sub_inner{padding:0}
.package_wrap .option_box .option_list > li a{height:55px;font-size:15px}
.package_wrap .option_box .option_sub{padding:30px 0;font-size:14px}
.package_wrap .option_txt .txt{margin-bottom:20px;font-size:15px}
.package_wrap .option_txt .otion_type{display:block;padding:15px 20px;border-radius:10px;background:#212121}
.package_wrap .option_txt .otion_type > li{position:relative;display:block;margin-right:0;padding:0;padding-left:15px;width:auto;height:auto;background:transparent;text-align:left}
.package_wrap .option_txt .otion_type > li:nth-child(n+2){margin-top:10px}
.package_wrap .option_txt .otion_type > li:after{position:absolute;top:8px;left:0;content:"";display:block;width:5px;height:5px;border-radius:50%;background:#fff}
.package_wrap .option_sub .dot{margin-top:25px;font-size:14px;text-align:left}
.m_package_wrap .m_package_table th{height:45px}
.m_package_wrap .m_package_table td{height:45px}
}
@media (max-width:390px){
.company_top_banner{height:260px}
.company_top_banner .t_banner_inner > b{font-size:15px}
.company_top_banner .t_banner_inner > strong{margin-bottom:30px;font-size:18px}
.company_top_banner .t_banner_inner > p{font-size:14px}
.round_list_wrap ul li{width:200px;height:200px}
.round_list_wrap ul li svg{width:200px;height:200px}
.round_list_wrap ul li:nth-child(1) .icon_box > img{width:60px}
.round_list_wrap ul li:nth-child(2) .icon_box > img{width:60px}
.round_list_wrap ul li:nth-child(3) .icon_box > img{width:90px}
.round_list_wrap ul li p{font-size:16px}
#p36 .b_tit{font-size:16px}
#p36 .s_tit{margin-bottom:20px;font-size:14px}
#p36 .tit_box1{margin-bottom:40px}
#p36 .car_list{margin:40px 0 80px}
#p36 .car_list > li{width:100%;margin-right:0;padding-bottom:43%}
#p36 .car_list > li:nth-child(n+2){margin-top:15px}
#p36 .company_bot_banner .b_banner_inner > b{font-size:17px}
#p36 .company_bot_banner .b_banner_inner > p{font-size:14px}
#p36 .way_wrap .map_wrap{padding-bottom:90%}
#p36 .way_wrap .way_tit{font-size:18px}
#p36 .way_wrap .address > li{font-size:16px}
#p36 .way_wrap .address > li:after{margin:0 10px}
.package_wrap .package_table th{font-size:15px}
.package_wrap .tit_box{margin:40px 0}
.package_wrap .tit_box .tit{font-size:18px}
.package_wrap .tit_box > span{margin-top:15px;font-size:15px}
.package_wrap .tit{font-size:18px}
.package_wrap .left_tit_box .tit b{font-size:15px}
.package_wrap .option_box .option_list > li a{padding-left:10px;font-size:14px}
.package_wrap .option_box .option_list > li a .num{margin-right:10px}
.package_wrap .option_box .option_list > li a .price{margin-left:15px;font-size:13px}
}
/* 반응형 [e] */