@charset "utf-8";

.is_lnb { overflow:hidden;}
.inner { max-width:1200px; padding:0 15px; box-sizing:border-box; margin:0 auto;}
.sect { margin-bottom:20px;}
.sect:first-child { margin-top:20px;}
.intro_text { border:none !important; background:rgba(255,255,255,.6);}
.intro_text:focus { background:#fff;}
.intro_form { display:none; opacity:0;}
.intro_form li { padding:5px 0;}

#intro_wrap { width:100%; height:100vh; box-sizing:border-box; padding-top:50px; background:#eee url(/image/intro/bg_intro.jpg) no-repeat 50%; background-size:cover; overflow:auto; display:flex; justify-content:center; align-items:center;}
.intro_item { text-align:center;}
.tit_intro_top { padding:50px 0; width:60%; margin:0 auto;}
.intro_book { padding-top:50px;}
.tit_intro_bottom { padding:50px 0; width:7%; margin:0 auto;}
#intro_wrap img { max-width:100%; height:auto;}

#modal { position:fixed; padding:3vh 20px; top:0; left:0; right:0; bottom:0; z-index:100; text-align:center; display:none;}
#modal .bg_overlay { position:absolute; background:rgba(0,0,0,.6); top:0; left:0; right:0; bottom:0; z-index:1;}
#modal .modal_wrap { position:relative; font-size:0; display:inline-block; width:100%; max-width:570px; height:94vh; overflow:auto; z-index:10;}
#modal .in_content { padding:0 15px; box-sizing:border-box; text-align:left; background:#fff;}
#modal .modal_content { padding:15px; text-align:left; background:#fff;}
#modal .modal_footer { padding:15px; text-align:left; background:#fff;}

.tit_modal { position:relative; display:block; background:#eeeff3; color:#2a2a4c; padding:5px 10px; font-size:18px; font-weight:500; text-align:left;}
.btn_top_modal { position:absolute; top:50%; right:15px; margin-top:-11px; display:block; width:21px; height:21px; background:url(../image/common/bg_modal_close.png) no-repeat 50%;}

.btn_modal_foot { padding:5px 10px; background:#fff; border-top:1px solid #eaeaea;}

.is_modal #modal { display:block;}

@media (min-width: 992px) {
#modal .modal_wrap { max-width:1170px;}
.tit_modal { padding:20px;}

}
#wrap { position:relative; min-height:100vh; overflow:auto;}
.is_map { height:100vh; overflow:hidden;}

#header { position:fixed; width:100%; top:0; left:0; padding:15px 0; background:#fff; text-align:center; z-index:30; box-shadow:0 5px 10px -5px rgba(0,0,0,.4);}
#header .lgo_top { display:none;}
#header .page_top_title { display:inline-block; line-height:1; font-size:24px; font-weight:500; color:#1e1e20;}
#header .page_top_title img { vertical-align:middle; margin-top:-5px; margin-right:5px; height:20px; width:auto;}
#header .btn_lnb_toggle { position:absolute; top:50%; left:15px; padding:5px; margin-top:-16px;}
#header .btn_lnb_toggle span { position:relative; display:block; width:21px; padding-top:100%;}
#header .btn_lnb_toggle span i,
#header .btn_lnb_toggle span i:before,
#header .btn_lnb_toggle span i:after { position:absolute; display:block; content:""; left:0; top:50%; width:100%; border-radius:1px; height:2px; background:#1e1e20; -webkit-transition:all .1s linear; -ms-transition:all .1s linear; -o-transition:all .1s linear; transition:all .1s linear;}

#header .btn_lnb_back_toggle {display: none; position:absolute; top:50%; left:15px; padding:5px; margin-top:-16px;}
#header .btn_lnb_back_toggle span { position:relative; display:block; width:21px; padding-top:100%;}
#header .btn_lnb_back_toggle span i { position:absolute; display:block; content:""; left:0; top:50%; width:100%; border-radius:1px; height:2px; background:#1e1e20; -webkit-transition:all .1s linear; -ms-transition:all .1s linear; -o-transition:all .1s linear; transition:all .1s linear;}

#header .btn_lnb_toggle span i { margin-top:-1px;}
#header .btn_lnb_toggle span i:before { margin-top:-9px;}
#header .btn_lnb_toggle span i:after { margin-top:8px;}


#header .btn_lnb_toggle:hover span i { width:80%;}
#header .btn_lnb_toggle:hover span i:before { width:125%;}
#header .btn_lnb_toggle:hover span i:after { width:65%;}


#header .left_arrow { position:absolute; top:0; left:20px; height:40px; line-height:40px; display:inline-block; color:#fff; border:2px solid #3e3e3e; border-right:none; border-left:none; z-index:1;}
#header .left_arrow:before { content:''; position:absolute; left:100%; z-index:-1; width:20px; height:20px; border-left:2px solid #3e3e3e; border-bottom:2px solid #3e3e3e; transform:rotate(45deg) translate(14px,7px);}

.arrow_down { position:absolute; white-space:nowrap; z-index:5; height:100%; right:20px; font-style:normal;}
.down_wrap { display:none; padding-bottom:20px;}

@media (min-width: 768px) {
#header .btn_lnb_toggle { left:22px; margin-top:-20px;}

#header .btn_lnb_toggle span { width:30px;}

#header .btn_lnb_toggle span i,
#header .btn_lnb_toggle span i:before,
#header .btn_lnb_toggle span i:after { height:4px; border-radius:4px;}

#header .btn_lnb_toggle span i { margin-top:-2px;}
#header .btn_lnb_toggle span i:before { margin-top:-12px;}
#header .btn_lnb_toggle span i:after { margin-top:8px;}
}

@media (min-width: 992px) {
.is_lnb { overflow:auto;}
#header .left_arrow { display:none;}
#header { padding:50px 0 17px; box-shadow:none;}
#header .lgo_top { display:block; float:left; font-size:28px; font-weight:600; color:#333;}
#header .lgo_top img { vertical-align:baseline; margin-bottom:-5px; max-width:180px; height:auto;}

#header .page_top_title { display:none;}

#header .btn_lnb_toggle { display:none;}

#header .btn_lnb_toggle span { width:40px;}

#header .btn_lnb_toggle span i:before { margin-top:-17px;}
#header .btn_lnb_toggle span i:after { margin-top:13px;}
}

#lnb { position:fixed; z-index:50; top:0; left:0; width:100%; height:100vh; display:none; -webkit-transition:all 1s linear; -ms-transition:all 1s linear; -o-transition:all 1s linear; transition:all 1s linear;}
.is_lnb #lnb { display:block;}
#lnb .lnb_nav { position:absolute; z-index:20; top:0; left:-100%; width:85%; max-width:640px; box-sizing:border-box; height:100vh; background:#fff; overflow:auto; -webkit-transition:all .1s linear; -ms-transition:all .1s linear; -o-transition:all .1s linear; transition:all .1s linear;}
.is_lnb #lnb .lnb_nav { left:0;}
.lnb_nav_close { position:absolute; display:block; width:50px; top:50%; right:10px; margin-top:-25px; z-index:10;}
.lnb_nav_close span { position:relative; display:inline-block; width:100%; padding-top:100%; border-radius:50%; -webkit-transition:all 1s linear; -ms-transition:all 1s linear; -o-transition:all 1s linear; transition:all 1s linear;}
.lnb_nav_close span:before,
.lnb_nav_close span:after { position:absolute; display:block; top:46%; left:22%; text-align:center; transform:rotate(45deg); transform-origin:50% 50%;  content:""; width:56.5685%; height:2px; background:#4b4c4e; border-radius:1px;}
.lnb_nav_close span:after { transform:rotate(-45deg); transform-origin:50% 50%;}
#lnb .bg_lnb { position:absolute; z-index:10; top:0; left:0; width:100%; height:100vh;}
.is_lnb #lnb .bg_lnb { background:rgba(0,0,0,.7);}

.lnb_top_info { padding:48px 0 25px; border-bottom:1px solid #ddd; text-align:center;}
.lnb_thumb { display:inline-block; width:30%;}
.lnb_thumb i { display:block; width:100%; padding-top:100%; border-radius:50%; background:#e8e8e8 url(/image/common/lgo_lnb_top.png) no-repeat 50%; background-size:35%;}
.lnb_name { color:#1f1f1f; font-size:24px; font-weight:500;}
.lnb_name strong { margin-right:5px; color:#df2177; font-weight:600;}

.tit_lnb { position:relative; display:block; padding:20px 0; margin:0 20px; border-bottom:1px solid #eaeaea; font-size:22px; font-weight:500; color:#333; text-align:left;}

.lnb { padding:20px; text-align:left;}
.lnb .nav_dep1 { display:block; margin:10px 0; padding:5px 0; width:100%; font-weight:600; font-size:19px; color:#000;}
.lnb .nav_dep1 span { position:relative; display:inline-block; font-size:13px; border-radius:12px; top:-2px; font-weight:500; color:#fff; background:#14c3fc; margin-left:10px; padding:2px 10px;}
.copyright { padding:10px 0; font-size:14px; color:#7c7c7c;}

.lnb_intro { padding:30px; text-align:left; background:#f6f6f8;}
.lnb_intro dt { padding-bottom:5px; font-size:18px; font-weight:600; color:#292929;}
.lnb_intro dd { font-size:16px; color:#999;}

@media (max-width: 768px) {
    .lnb_intro { padding:15px;}
    .lnb_intro dt { font-size: 4.5232vw;}
    .lnb_intro dd { font-size: 3.223vw;}
}

.btn_lnb_join { display:block; line-height:1.2; background:#fffab7 url(/image/common/bg_lnb_join.png) no-repeat 35vw bottom; text-align:left; padding:30px; margin:20px 0;}
.btn_lnb_join strong { display:block; font-size:24px; color:#14c3fc; font-weight:600;}
.btn_lnb_join span { display:block; font-size:22px; color:#000; font-weight:600;}
@media (max-width: 768px) {
    .btn_lnb_join strong { font-size:5.89vw;}
    .btn_lnb_join span {   font-size:5.5vw; }
}

@media (min-width: 768px) {
#lnb .lnb_nav { max-width:450px;}
.lnb_nav_close { width:50px; top:18px; right:18px;}
.lnb_nav_close span:before,
.lnb_nav_close span:after { height:4px; border-radius:2px;}
}

@media (min-width: 992px) {
#lnb { position:relative; padding:0; display:block; float:right; height:auto; width:auto;}
#lnb .lnb_nav { position:static; right:0; left:auto; width:auto; max-width:100%; height:auto;}
.lnb { text-align:right; padding:0;}
.tit_lnb { display:none;}
.lnb .nav_dep1 { display:inline-block; width:auto; padding:3px 40px; border-left:1px solid #ededed;}
.lnb .nav_dep1 span { display:none;}
.lnb_nav .inner { display:none;}
#lnb .bg_lnb { display:none;}
}

#container { padding-top:57px; overflow:hidden;}
.is_map #container { padding-top:0;}

#main_visual { position:relative; height:auto;}
#main_visual .swiper-container { padding:0; height:100%;}
#main_visual .img_main_reaf1 { position:absolute; width:200px; top:0; left:0; z-index:2;}
#main_visual .img_main_reaf1 img { width:100%; height:auto;}
#main_visual .img_main_reaf2 { position:absolute; width:180px; bottom:-92px; right:0; z-index:2;}
#main_visual .img_main_reaf2 img { width:100%; height:auto;}
#main_visual .swiper-container .inner { display:block;}
#main_visual .inner { position:relative;}
.tit_main_visual { padding-top:20px; font-size:32px; font-weight:600; color:#fff; line-height:1.15; text-align:center;}
.tit_main_visual span { display:block; font-weight:200; text-align:center;}
.tit_main_visual strong { display:block; font-weight:600; color:#fffbc6;}
.txt_main_visual { padding:15px 0; font-size:20px; color:#fff; line-height:1.55; text-align:center;}
.img_mainvisual { position:static; text-align:center;}
.img_mainvisual img { width:100%; vertical-align:top; height:auto; max-width:350px;}
.btn_main_visual { text-align:center;}
@media (max-width: 768px) {
    .btn_main_visual {font-size: 3.455vw;}
}
#main_visual .swiper-container-horizontal>.swiper-pagination-bullets,
#main_visual .swiper-pagination-custom,
#main_visual .swiper-pagination-fraction { position:absolute; display:inline-block; bottom:10px;}
#main_visual .swiper-pagination-bullet { background:none; width:10px; height:10px; border:2px solid #fff; opacity:1;}
#main_visual .swiper-pagination-bullet-active { background:#fff;}
.spot_prod { position:absolute; bottom:0; left:50%; margin-left:-300px; z-index:5;}

#content { padding:0 5px; overflow:hidden;}
.tit_list { padding:10px 0; margin-bottom:10px; border-bottom:1px solid #eaeaea; font-size:17px; color:#333; font-weight:500;}
.tit_list span { color:#14c3fc;}
.tit_list img { vertical-align:middle; margin-top:-5px; margin-right:5px;}
.list_gal { }
.list_gal li { padding:15px 0; border-bottom:1px solid #eaeaea;}
.list_item { position:relative; display:block; text-align:left;}
.list_item:after { display:block; content:""; clear:both;}
.list_item .thumb { display:block; width:100%; overflow:hidden; padding:5px; box-sizing:border-box;}
.list_item .thumb img { width:100%; height:auto;}
.list_item .list_item_info { display:block; width:100%; float:left; box-sizing:border-box; padding-top:5px; padding-left:15px; line-height:1.5;}
.list_item .tit_list_item { display:block; padding-bottom:5px; font-size:16px; font-weight:600; color:#333; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_item .txt_list_item { display:block; /*padding-bottom:5px;*/ font-size:14px; color:#999; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_item .txt_list_st { display:block; padding-bottom:5px; font-size:14px; color:#666; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_item .txt_list_address { display:block; padding-bottom:5px; font-size:14px; color:#14c3fc; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_item .lab_list_item { display:inline-block; padding:5px 10px; border-radius:17px; margin-bottom:5px; font-weight:500; font-size:14px; color:#14c3fc; border:1px solid #14c3fc;}

@media (min-width: 992px) {
#main_visual .swiper-container {}
#main_visual .img_main_reaf1 { top:0; width:350px;}
#main_visual .img_main_reaf2 { width:312px;}

#main_visual .swiper-container .inner { display:flex; height:100%; align-items:center; justify-content:left;}

#main_visual .swiper-container-horizontal>.swiper-pagination-bullets,
#main_visual .swiper-pagination-custom,
#main_visual .swiper-pagination-fraction { position:absolute; top:auto; bottom:20px; display:inline-block; z-index:9999;}

.tit_main_visual { font-size:52px; font-weight:600; color:#fff; line-height:1.15; text-align:left;}
.tit_main_visual span { display:block; font-weight:200;}
.tit_main_visual strong { display:block; font-weight:600; color:#fffbc6;}
.txt_main_visual { padding:35px 0; font-size:20px; color:#fff; line-height:1.55;}
.img_mainvisual { position:absolute; right:-80px; bottom:-91px;}
.img_mainvisual img { max-width:100%;}

.list_gal ul { margin:0 -20px; border-bottom:1px solid #eaeaea; margin-bottom:35px;}
.list_gal li { border-bottom:none;}
.list_item .thumb { width:100%; padding:20px; box-sizing:border-box; border:none;}
.list_item .list_item_info { width:100%; padding:10px 20px;}
.tit_list { font-size:22px; font-weight:500;}

.list_item .tit_list_item { font-size:24px; color:#2a2a4b; letter-spacing:-0.02em;}
.list_item .txt_list_item { font-size:18px; color:#888; font-weight:300; letter-spacing:-0.02em;}
.list_item .txt_list_st { font-size:19px; color:#7f7b91; letter-spacing:-0.02em;}

.list_item .tit_list_item { padding-bottom:15px;}
.list_item .txt_list_item { padding-bottom:10px;}
.list_item .txt_list_st { padding-bottom:10px;}
.list_item .txt_list_address { padding-bottom:10px;}
.list_item .lab_list_item { margin-bottom:15px;}
}

.main_product { background:#f9f9f9;}

.list_view_gal li { padding:15px 0; border-bottom:1px solid #eaeaea;}

.list_view_item { position:relative; display:block; text-align:left; padding:0 10px;}
.list_view_item:after { display:block; content:""; clear:both;}
.list_view_item .thumb { position:relative; display:block; width:100%; float:left; min-height:50px; box-sizing:border-box; border:1px solid #eaeaea;}
.end_event .thumb:after { position:absolute; display:flex; align-items:center; justify-content:center; top:0; left:0; background:rgba(0,0,0,.7); width:100%; color:#fff; font-size:20px; height:100%; content:"이벤트종료";}
.list_view_item .thumb img { width:100%; height:auto;}
.list_view_item .list_item_info { display:block; width:100%; float:left; box-sizing:border-box; padding-top:5px; line-height:1;}
.list_view_item .tit_list_item { display:block; padding:10px 0; font-size:15px; color:#999;}
.list_view_item .txt_list_item { display:block; padding-bottom:10px; font-weight:500; font-size:17px; color:#000; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_view_item .txt_list_st { display:block; padding-bottom:10px; font-size:15px; color:#666;}
.list_view_item .txt_list_address { display:block; padding-bottom:10px; font-size:19px; font-weight:500; color:#14c3fc;}
.list_view_item .lab_list_prod { display:inline-block; border:1px solid #9ea5be; padding:5px 10px; background:#c4c7d2; border-radius:12px; font-size:12px; font-weight:600; color:#fff;}
.list_view_item .txt_list_date { display:block; padding-bottom:10px; font-size:15px; font-weight:500; color:#14c3fc;}
.list_view_item .txt_list_type { display:block; padding-bottom:10px; font-size:14px; color:#666;}

@media (min-width: 992px) {
.list_view_gal li { border-bottom:none;}
.list_view_gal li:nth-child(3n+1) { clear:both;}

.list_view_item .tit_list_item { padding:15px 0; font-weight:500; font-size:18px; color:#999;}
.list_view_item .txt_list_item { padding-bottom:15px; font-weight:300; font-size:22px; color:#2a2a4b;}
.list_view_item .txt_list_date { padding-bottom:15px; font-size:18px; font-weight:500; color:#14c3fc; letter-spacing:0;}
.list_view_item .txt_list_type { padding-bottom:10px; font-weight:300; font-size:17px; color:#666;}
.list_view_item .lab_list_prod { padding:10px 20px; border-radius:20px; font-size:17px; font-weight:500;}
.list_view_item .txt_list_address { border-top:1px solid #eaeaea; padding-top:15px; font-size:26px; font-weight:500; color:#14c3fc;}
.list_view_item .txt_list_address span { padding-left:5px; font-size:19px;}
}

.detail_gal { padding-bottom:20px;}
.detail_gal li { padding:0; border-bottom:1px solid #eaeaea;}
.list_detail_item { position:relative; display:block; text-align:left; padding:0 10px;}
.list_detail_item:after { display:block; content:""; clear:both;}
.list_detail_item .thumb { display:block; width:100%; float:left; min-height:50px; box-sizing:border-box; border:1px solid #eaeaea;}
.list_detail_item .thumb img { width:100%; height:auto;}
.list_detail_item .list_item_info { display:block; width:100%; float:left; box-sizing:border-box; padding-top:5px; line-height:1;}
.list_detail_item .tit_list_item { display:block; padding:10px 0; font-size:20px; color:#333; font-weight:600;}
.list_detail_item .txt_list_item { display:block; padding-bottom:10px; font-weight:500; font-size:17px; color:#666;}
.list_detail_item .txt_list_st { display:block; padding-bottom:10px; font-weight:200; font-size:16px; color:#666;}
.list_detail_item .txt_list_st span { color:#14c3fc; font-weight:600;}
.list_detail_item i { position:absolute; top:50%; right:0; display:block; background:#fff url(/image/content/ico_loc_detail.png) no-repeat 50%; background-size:cover; width:53px; height:53px; margin-top:-26px; border:1px solid #d2d2d2; border-radius:50%;}

.notice_list li { padding:15px 0; margin-bottom:20px; border-bottom:1px solid #eaeaea;}

.form_control_list { padding:20px;}
.form_control_list li { margin-bottom:20px;}
.form_control_list label { display:block; width:100%; font-size:17px; line-height:2; font-weight:400; color:#222;}

.intro_member_group { position:absolute; top:50%; right:20px; margin-top:-10px;}
.intro_member_group a { font-size:16px; color:#2d2f30; vertical-align:middle; font-weight:500;}
.intro_member_group span { display:inline-block; padding:0 5px;}

.search_form { padding:15px 5px; margin:0 -2px; border-top:1px solid #e5e5e5; background:#eeeff2; box-shadow:0 5px 10px -5px rgba(0,0,0,.4);}
.search_form li { padding:2px;}

@media (min-width: 992px) {
.search_form { margin:0 auto; max-width:1200px; box-shadow:none; padding:40px 25px; box-sizing:border-box;}
.list_detail_item .list_item_info { padding:0;}
}

.view_shop_slider{text-align: center; background: #eeeff2; padding: 50px;}
.swiper-container { padding:20px 0;}
.view_shop_slider .swiper-wrapper { align-items:center;}
.view_shop_slider .swiper-slide { position:relative; overflow:hidden; border:1px solid #d3d3d3; background:#e8e8e8; min-width:20px; min-height:200px; box-shadow:0 5px 10px -5px rgba(0,0,0,.4);}
.view_shop_slider img { width:100%; height:100%; object-fit:cover;}
.view_shop_slider .swiper-container-horizontal>.swiper-pagination-bullets, .view_shop_slider .swiper-pagination-custom, .view_shop_slider .swiper-pagination-fraction { line-height:1; border-radius:12px; padding:3px 10px 5px; color:#fff; left:auto; right:8%; bottom:30px; height:auto; width:auto; background:rgba(0,0,0,.25);}
.btn_shop_bookmark { position:absolute; z-index:50; left:8%; width:40px; height:40px; background:#fff url(/image/content/ico_shop_bookmark.png) no-repeat 50%; background-size:cover; top:30px; border-radius:50%;}
.btn_shop_bookmark.active { background:#fff url(/image/content/ico_shop_bookmark_on.png) no-repeat 50%; background-size:cover;}

#content {}


.tit_shop_info { padding:30px 20px; background:#eeeff2; text-align: left;}
.tit_shop_name { font-size:24px; font-weight:500; color:#000;}
.txt_shop_type { display:inline-block; font-size:17px; font-weight:500; color:#14c3fc;}
.txt_shop_intro { font-size:16px; color:#333; font-weight:500;}
.btn_shop_group { padding-top:20px;}
.btn_shop_group a { margin-top:10px;}
.btn_shop_group a:first-child { margin-top:0;}
.company_info { background:#fff;}

.lab_shop_coupon { position:relative; margin:20px 0; text-align:left; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; padding:30px 0 35px 130px; line-height:1; box-sizing:border-box; display:inline-block; width:80%;}
.this_label { position:absolute; top:-1px; border-radius:10px 0 0 10px; display:flex; font-weight:500; align-items:center; justify-content:center; text-align:center; left:-1px; bottom:-1px; width:110px; background:#f53d91; text-align:center; color:#fff; font-size:16px; color:#fff;}
.this_label img { width:80%; max-width:100%;}
.lab_shop_coupon strong { display:block; font-size:30px; color:#222; margin-bottom:10px;}
.lab_shop_coupon span { display:block; font-size:18px; color:#7d7d7d;}

.content_view { margin:0 -5px;}
.tbl_shop_view { width:100%; margin:10px 5px; border:none;}
.tbl_shop_view th,
.tbl_shop_view td { padding:3px 10px; border:none;}
.tbl_shop_view th { text-align:left; vertical-align:top; width:60px; font-size:15px; font-weight:500; color:#888;}
.tbl_shop_view th i { display:inline-block; margin-top:-3px; width:25px; height:25px; vertical-align:middle; margin-right:5px;}
.tbl_shop_view td { font-size:16px; font-weight:500; color:#000;}
.ico_view_tel { background:url(/image/content/ico_view_tel.png) no-repeat 50%; background-size:cover;}
.ico_view_loc { background:url(/image/content/ico_view_loc.png) no-repeat 50%; background-size:cover;}
.ico_view_time { background:url(/image/content/ico_view_time.png) no-repeat 50%; background-size:cover;}
.ico_view_detail { background:url(/image/content/ico_view_detail.png) no-repeat 50%; background-size:cover;}
.ico_view_etc { background:url(/image/content/ico_view_etc.png) no-repeat 50%; background-size:cover;}

.add_block img { width:100%; height:auto;}

.line_area:after { display:block; content:""; height:1px; background:#eaeaea;}

.sect_line { clear:both; border-top:15px solid #eeeff2;}
.company_info {}
.tit_company_info { font-size:19px; color:#000; font-weight:500; padding:10px 0;}
.t_c_spec { color:#6883d5 !important;}

@media (min-width: 992px) {
.sect_line { border-top:none;}
.line_area { padding-top:30px;}
.tit_shop_name { padding:20px 0; font-size:44px; font-weight:600; color:#2a2a4b;}
.txt_shop_intro { padding:20px 0; font-size:18px; color:#555; font-weight:300;}

.view_shop_slider .swiper-slide { position:relative; border-radius:0 !important; box-shadow:none;}
.view_shop_slider .swiper-container-horizontal>.swiper-pagination-bullets,
.view_shop_slider .swiper-pagination-custom,
.view_shop_slider .swiper-pagination-fraction { font-size:20px; font-weight:300; border-radius:22px; padding:12px 20px; right:50%; margin-right:-37px; bottom:30px; height:auto; width:auto; background:rgba(0,0,0,.5);}

.tit_company_info { font-size:22px; color:#2a2a4b; padding:15px 0;}

.tbl_shop_view { margin:-1px 0; border-top:1px solid #b2b2be;}
.tbl_shop_view th,
.tbl_shop_view td { padding:15px 20px; font-size:18px; border-bottom:1px solid #eaeaea;}
.tbl_shop_view th { background:#eeeff2; font-weight:500; color:#333; width:190px; box-sizing:border-box;}
.tbl_shop_view td { color:#666;}
}

#map { margin-bottom:20px; height:280px; border:1px solid #d3d3d3; box-sizing:border-box;}
#map_container { height:100vh;}
#map_container #map { margin-bottom:0; position:absolute; top:0; left:0; width:100%; height:100%;}

.is_map #footer { height:0; padding:0;}
.is_map .footer_info { display:none;}

.this_util { position:relative; margin:-5px; padding:15px 0; text-align:center;}
.this_util li { padding:5px;}
.this_util li i { display:block; border-radius:50%; border:2px solid #14c3fc; margin-bottom:10px; opacity:.3;}
.this_util li i span { display:block; box-sizing:border-box; padding-top:100%;}
.this_util li strong { display:block; font-size:14px; font-weight:500; color:#14c3fc; opacity:.3;}
.ico_util1 { background:url(/image/content/ico_util1.png) no-repeat 50%; background-size:cover;}
.ico_util2 { background:url(/image/content/ico_util2.png) no-repeat 50%; background-size:cover;}
.ico_util3 { background:url(/image/content/ico_util3.png) no-repeat 50%; background-size:cover;}
.ico_util4 { background:url(/image/content/ico_util4.png) no-repeat 50%; background-size:cover;}
.ico_util5 { background:url(/image/content/ico_util5.png) no-repeat 50%; background-size:cover;}
.this_util li.active i, .this_util li.active strong { opacity:1;}
.util_bottom { padding-top:10px; padding-bottom:10px;}
.txt_util_sub { font-size:14px; color:#999; font-weight:200;}

.list_count { padding-top:5px; font-size:15px; float:right; color:#666; font-weight:500;}
.list_count span { color:#14c3fc;}

.detail_list { margin:0 -5px; background:#eeeff2;}

@media (min-width: 992px) {
#map { height:500px;}
.this_util li { border-left:1px solid #eaeaea;}
.this_util li:first-child { border-left:none;}
.txt_util_sub { font-size:16px; font-weight:300;}
.list_count { font-size:18px;}

.detail_list { margin:0 -5px; background:#fff;}
.list_detail_item { border:1px solid #eaeaea; padding:0;}
.list_detail_item i { display:none;}
.detail_gal ul { margin:0 -20px;}
.detail_gal li { padding:20px; border:none;}
.list_detail_item .tit_list_item { font-size:24px; color:#2a2a4b; padding:25px 25px 15px; background:#f5f6f8;}
.list_detail_item .txt_list_item { font-size:18px; padding:20px 25px 10px;}
.list_detail_item .txt_list_st { font-size:18px; padding:0 25px 20px;}
}

.block_intro { line-height:1.2;}
.block_intro img { max-width:100%; height:auto;}
.block_intro .tit_intro_sect { padding:50px 0 20px; font-size:24px; color:#000;}
.block_intro .tit_intro_sect strong { display:block;}
.block_intro .tit_intro_sect .sub_title { font-size: 22px; color: rgb(0, 136, 236); font-weight: 500; padding-bottom: 20px;}
.block_intro .txt_intro_sect .top_content { color: rgb(0, 136, 236);}
.block_intro .txt_intro_sect { font-size:16px; font-weight:500; color:#888888;}
.block_intro .txt_intro_sect strong { display:block; font-weight:500; color:#14c3fc;}
.block_intro1 { padding:50px 0 30px; background:url(/image/content/intro_1_bg.png) no-repeat 50%; background-size:cover; padding-bottom: 0;}
.block_intro1 .tit_intro_visual { padding:0 20px; font-weight:200; font-size:24px; color:#000000; text-align:center;}
.block_intro1 .tit_intro_visual strong { display:block;}
.block_intro1 .this_list { padding:0 20px;}
.block_intro1 .this_list li {}
.block_intro1 .tit_this { position:relative; font-weight:600; color:rgb(255, 127, 0); font-size:19px; padding:15px 0; border-top:1px solid #999;}
.block_intro1 .tit_this:first-child { border-top:none;}
.block_intro1 .tit_this span { display:block; font-weight:500; font-size:14px; color:rgb(24, 24, 24); opacity:.5;}
.block_intro1 .tit_this strong { display:block; padding-bottom:10px; font-weight:600; color:#000000;}
.block_intro1 .tit_this i { position:absolute; right:0; bottom:15px;}
.block_intro1 .tit_this .ico_this1 { width:40px; height:40px; background:url(/image/content/intro_con1_left.png) no-repeat 50%; background-size:cover;}
.block_intro1 .tit_this .ico_this2 { width:40px; height:40px; background:url(/image/content/intro_con1_right.png) no-repeat 50%; background-size:cover;}




.block_intro1_2{background: url(/image/content/intro_1_2_bg.png); background-size: cover; padding: 100px 0; padding-bottom: 20px; text-align: center; color: #ffffff; min-height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end;}
.block_intro1_2 .main_con{font-size: 42px; font-weight: 700;}
.block_intro1_2 .sub_con{font-size: 22px; font-weight: 500; padding-top: 20px;}


@media(max-width:768px){
    .block_intro1_2{padding: 12vw 0; min-height: auto; padding-bottom: 2vw;}
    .block_intro1_2 .main_con{font-size: 3vw;}
    .block_intro1_2 .sub_con{font-size: 1.662vw;}
}


/* block intro top CSS */
.block_intro .block_top{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.block_intro .block_top .block_sub_title{color: rgb(0, 136, 236); font-size: 22px;}
.block_intro .block_top .block_title{color: #000000; font-weight: 700; padding-top: 10px; font-size: 42px;}

@media(max-width:768px){
    .block_item{padding:12vw 0;}
    .block_intro .block_top .block_sub_title{font-size: 4vw;}
    .block_intro .block_top .block_title{font-size:7vw;}
    
}


/* block intro 1-3 */
.block_intro1_3{background: url(/image//content/intro_1_3_bg.png) no-repeat; background-size: cover; padding: 100px 0;}
.block_row{ width: 80%; margin: auto ; display: flex; flex-wrap: wrap; justify-content: space-around; padding-top: 120px;}
.block_intro1_3 .block_top .block_item{display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px;}
.block_item .item_top{display: flex; justify-content: center;}
.block_item .item_content{text-align: center; padding-top: 32px;}
.block_item .item_content .main_content{font-size: 26px; font-weight: 500; line-height: 1.25; color: #000000;}
.block_item .item_content .sub_content{font-size: 18px; font-weight: 300; line-height: 1.15; padding-top: 20px;}
.blueTxt{color: rgb(0, 136, 236);}
@media(max-width:768px){
    .block_row{ padding-top: 10vw;}
    .block_intro1_3{padding: 5vw 0;}
    .block_intro1_2{padding: 12vw 0; min-height: auto; padding-bottom: 2vw;}
    .block_intro1_2 .main_con{font-size: 3vw;}
    .block_intro1_2 .sub_con{font-size: 1.662vw;}
}

/* block intro 1-4 */
.block_intro1_4{background: url(/image//content/intro_1_4_bg.png) no-repeat; background-size: cover; padding: 100px 0;}
.block_circle_item{border-radius: 100%; padding: 30px; width: 200px; height: 200px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}
.block_circle_item .main_content{color: #ffffff; font-size: 22px; font-weight:600 ;}
.block_circle_item .sub_content{color: #ffffff; font-size: 16px; font-weight:300 ; padding-top: 20px;}

.block_circle_item.blue_bg{background:rgb(0, 141, 255);}
.block_circle_item.orange_bg{background:rgb(255, 121, 0);}
.block_circle_item.gray_bg{background:rgb(125, 125, 125);}

@media(max-width:768px){
    .block_circle_item{margin: 20px 0;}
}



.block_intro2 {background: url(/image/content/intro_2_bg.png) no-repeat; padding-bottom: 80px; position:relative; border-bottom:1px solid #ccc;}
.block_intro3 .img_pc_absol { position:absolute; left:-130px; bottom:0; z-index:1;}

@media(max-width:768px){
    .block_intro3 .img_pc_absol{display: none;}
}

.block_intro3 {background: url(/image/content/intro_3_bg.png) no-repeat; position:relative; padding: 100px 0;}
.orangeTxt{color: rgb(248, 153, 65);}

.btn_group_intro { padding:20px 0;}

.btn_intro { display:inline-block; border-radius:21px; padding:10px 18px 12px; background:rgb(248, 153, 65); color:#fff; font-weight:600; font-size:16px;}
.btn_intro_blue { background:#14c3fc;}

.tab_event { box-shadow:0 5px 10px -5px rgba(0,0,0,.4); background:#eeeff2;}
.block_tab_event {}
.block_tab_event a { display:block; text-align:center; width:100%; padding:10px 0; color:#fff; background:#c4c7d2; font-weight:500; font-size:16px;}
.block_tab_event .active { color:#333; background:#eeeff2;}
.sch_tab_event { text-align:center;}
.sch_tab_event a { display:inline-block; padding:10px 15px; font-size:16px; font-weight:500; color:#333;}
.sch_tab_event .active { color:#14c3fc;}

.notice_list { padding-top:20px;}
.notice_item { position:relative; display:block; border:1px solid #dedede; margin-bottom:20px;}
.notice_header { display:block; padding:15px; background:#eeeff2;}
.lab_notice { display:inline-block; background:#14c3fc; color:#fff; font-size:15px; font-weight:500; padding:3px 10px; border-radius:3px;}
.tit_notice { display:block; color:#333; font-weight:500; font-size:18px;}
.notice_container { display:block; padding:15px; background:#fff; border-top:1px solid #dedede;}
.txt_notice { display:block; font-size:16px; color:#666;}
.num_notice { display:block; font-size:16px; font-weight:200; color:#999;}

.faq_list {padding-top:20px;}
.faq_item { display:block; border:1px solid #dedede; margin-bottom:20px;}
.faq_header { display:block; padding:15px; background:#eeeff2;}
.lab_q { display:inline-block; background:#fa6b30; color:#fff; font-size:15px; font-weight:500; padding:3px 10px; border-radius:3px;}
.lab_a { display:inline-block; background:#14c3fc; color:#fff; font-size:15px; font-weight:500; padding:3px 10px; border-radius:3px;}
.tit_faq { display:block; color:#333; font-weight:500; font-size:18px;}
.faq_container { display:none; padding:15px; background:#fff; border-top:1px solid #dedede;}
.txt_faq { display:block; font-size:16px; color:#666;}
.num_faq { display:block; font-size:16px; font-weight:200; color:#999;}

.no_resualt { padding:50px 0; text-align:center;}
.txt_no_resualt { padding-top:10px; font-size:18px; font-weight:500; color:#000;}

@media (min-width: 768px) {
.block_tab_event a { font-size:20px;}
.sch_tab_event a { font-size:20px;}
}

@media (min-width: 992px) {
#container { padding-top:0;}
.this_util { display:inline-block; padding:30px 0 50px; width:100%; max-width:870px;}
.this_util li i { display:inline-block; width:100%; max-width:100px;}
.this_util li strong { font-size:17px;}
.tab_event { box-shadow:none;}
.no_resualt { max-width:200%;}
.block_intro1 { position: relative; text-align:center; min-height: 100vh;}
.block_intro1 .block_intro1_footer{position: absolute; left: 40%; bottom: 0%;}
.block_intro1 .tit_this { font-size:28px;}
.block_intro1 .tit_this i { position:static;}
.block_intro1 .tit_this .ico_this1,
.block_intro1 .tit_this .ico_this2 { display:block; margin:0 auto 30px; background-size:150px; width: 200px; height: 200px;}
.block_intro1 .tit_this span { font-size:22px; font-weight:300; padding-top:20px;}
.block_intro1 .tit_intro_visual { font-size:52px; margin-bottom:80px;}
.block_intro1 .tit_this { border:none;}
.block_intro1 .tit_this:first-child {border:none;}
.block_intro .inner { position:relative;}
.block_intro .tit_intro_sect { text-align:left; position:relative; z-index:2; font-size:52px; padding-top:200px;}
.block_intro .txt_intro_sect { text-align:left; position:relative; z-index:2; font-size:22px; font-weight:400; line-height:1.5;}
.btn_group_intro { padding-bottom:125px; text-align:left; position:relative; z-index:2;}
.block_intro2 .img_pc_absol { position:absolute; left:50%; bottom:0; z-index:1;}
.block_intro3 .tit_intro_sect { padding-left:50%;}
.block_intro3 .txt_intro_sect { padding-left:50%;}
.block_intro3 .btn_group_intro { padding-left:50%;}
.btn_intro { font-size:22px; padding:20px 60px; border-radius:33px;}
}

#footer { position:relative; z-index:20; padding-bottom:91px; background:#f9f9f9;}
#footer .sel_family { display:none; min-width:150px;}
#footer address { font-size:16px; font-weight:500; padding:20px 0; color:#666;}
.line_footer_addr { display:block;}
.txt_footer_careful { font-size:16px; font-weight:400; color:#5b5b5b;}
.txt_footer_careful br { display:none;}
.copyright { padding:20px 0; font-size:16px; font-weight:400; color:#878787;}

#footer .sch_tab_event { display:none;}
.is_map #footer .sch_tab_event { display:block;}

.lgo_bottom { display:none;}

.btn_footer_group { position:fixed; left:0; bottom:0; width:100%; background:#eeeff2;}
.btn_footer_group .btn_footer_bottom { background:#202931;}
.btn_footer_group .btn_footer_bottom a { padding:15px 0; border-left:1px solid #2b3741; text-align:center;}
.btn_footer_group .btn_footer_bottom a i { display:inline-block; width:40px; height:40px; -webkit-transition:all .1s linear; -ms-transition:all .1s linear; -o-transition:all .1s linear; transition:all .1s linear;}
.btn_footer_group .btn_footer_bottom a .ico_footer1 { background:url(/image/common/ico_footer_link1.png) no-repeat 50%; background-size:cover;}
.btn_footer_group .btn_footer_bottom a .ico_footer2 { background:url(/image/common/ico_footer_link2.png) no-repeat 50%; background-size:cover;}
.btn_footer_group .btn_footer_bottom a .ico_footer3 { background:url(/image/common/ico_footer_link3.png) no-repeat 50%; background-size:cover;}
.btn_footer_group .btn_footer_bottom a span { display:block; padding:0; font-size:15px; color:#fff; font-weight:500;}
.btn_footer_group .btn_footer_bottom a:hover { background:#1a2127;}
.btn_footer_group .btn_footer_bottom a:hover span {}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
#footer { padding:35px 0;}
#footer .inner { position:relative;}
#footer .sel_family { position:absolute; top:20px; right:0; display:block; padding:5px 10px 7px; font-size:16px; color:#666; border:1px solid #dcdcdc; border-radius:5px;}
#footer address { font-size:17px;}
.line_footer_addr { display:inline-block; width:1px; height:19px; background:#d1d1d1; margin:-3px 10px 0; vertical-align:middle;}
.txt_footer_careful { font-size:17px; font-weight:300;}
.txt_footer_careful br { display:block;}
.footer_info { padding-left:210px;}

.lgo_bottom { position:absolute; display:block; top:15px; left:0; font-size:26px; font-weight:600; color:#333;}
.lgo_bottom img { vertical-align:middle; margin-top:-5px; max-width:180px; height:auto;}

.btn_footer_group .btn_footer_bottom { display:none;}
}

.popupzone { overflow:hidden; height:0; background:#bceefe url(/image/main/bg_popupzone.png) no-repeat 50% top; color:#fff;}
.popupzone.active { height:auto;}
.popupzone .inner { position:relative; padding:10px 0 10px 120px; display:block;}
.btn_popupzone_close { position:absolute; top:20px; right:20px; z-index:1;}
.img_popupzone { position:absolute; bottom:0; left:0;}
.img_popupzone img { max-width:150px;}
.tit_popupzone { display:block; font-size:18px; font-weight:200; color:#2a2a4b; margin-right:15px;}
.txt_popupzone { display:block; font-size:15px; font-weight:100; color:#2a2a4b;}
.btn_popupzone { position:relative; display:inline-block; border-radius:21px; margin-top:5px; padding:5px 20px; font-size:14px; font-weight:600; color:#fff; background:#4cd3ff;}

@media (min-width: 992px) {
.popupzone .inner { position:relative; padding:40px 0 30px 170px; position:relative; padding:40px 0 30px 170px; display:block;}
.tit_popupzone { display:inline-block; font-size:29px; font-weight:200; color:#2a2a4b; margin-right:15px;}
.img_popupzone img { max-width:100%;}
.txt_popupzone { display:inline-block; font-size:17px; font-weight:100; color:#2a2a4b;}
.btn_popupzone { position:absolute; display:block; top:30px; border-radius:27px; right:50px; padding:12px 50px; font-size:20px;}
}

.btn_main { display:inline-block; border-radius:4px; padding:15px 40px; background:#fff; color:#14c3fc; letter-spacing:-0.08em; font-weight:500; margin:0 5px;}
.btn_main img { vertical-align:middle; margin-right:5px; margin-top:-5px;}
.btn_main_black { color:#fff; background:#2a2a4b;}

.main_block { padding:15px 0;}
.main_block .tit_main_block { position:relative; border-bottom:1px solid #eaeaea; padding:20px 0; font-size:18px; font-weight:200; color:#2a2a4b; letter-spacing:-0.02em;}
.main_block .tit_main_block strong { display:block; margin-right:10px; font-size:22px; color:#2a2a4b; letter-spacing:-0.04em;}
.main_block .tit_main_block span { display:inline-block;}
.btn_main_block { position:absolute; top:50%; right:0; font-size:14px; font-weight:300; letter-spacing:-0.02em; color:#666; margin-top:-14px;}
.btn_main_block img { margin-left:10px; vertical-align:baseline;}


/* Advertising Division */
.ad_division{background: rgb(64, 202, 242); position: relative; padding: 40px 0;}
.ad_division .main_con{color: #ffffff; font-size: 32px; font-weight: 700;}
.ad_division .inner { position:relative; z-index:1;}
.ad_division .sub_con{color: #ffffff; font-size: 18px; font-weight: 300; padding-top: 10px;}
.ad_division .ad_img{position: absolute; right:0; bottom:-40px;z-index:-1;}

@media(max-width: 992px){
.ad_division{ padding:40px;}
}

@media(max-width: 768px){
.ad_division { text-align:center;}
.ad_division .main_con{ font-size:24px;}
.ad_division .ad_img{ display:none;}
.main_block .tit_main_block span { display:none;}
}

@media(max-width: 500px){
.ad_division { padding:20px;}
.ad_division .main_con{ font-size:20px;}
.ad_division .sub_con{ font-size:16px;}
}

/* cooperation Division */
.cooper_wrap{text-align: center;}
.cooper_wrap .cooper_title{font-size: 42px; font-weight: 700; color: #000000;}
.cooper_wrap .cooper_sub_title{font-size: 22px; font-weight: 300; padding: 40px 0;}
.cooper_wrap .cooper_logo_list{margin: auto;}
.cooper_wrap .cooper_row { padding:30px 0;}
.cooper_wrap .cooper_row .cooper_box { padding:5px; cursor: pointer;  position:relative;}
.cooper_wrap .cooper_row .cooper_box span { display:flex; height:140px; background: #f9f9f9; justify-content:center; align-items:center;}
.cooper_wrap .cooper_row .cooper_box img { max-width:80%; height:auto;}

@media(max-width: 1100px){
.cooper_wrap .cooper_title { font-size:38px;}
.cooper_wrap .cooper_sub_title { font-size:20px; padding:30px 0;}
}
@media(max-width: 992px){
.cooper_wrap .cooper_title { font-size:34px;}
.cooper_wrap .cooper_sub_title { font-size:18px; padding:20px 0;}
}
@media(max-width: 768px){
.cooper_wrap .cooper_title { font-size:30px;}
.cooper_wrap .cooper_sub_title { font-size:16px; padding:15px 0;}
}
@media(max-width: 500px){
.cooper_wrap .cooper_title { font-size:23px;}
.cooper_wrap .cooper_sub_title { display:none;}
}


.main_list_gal .swiper-container-multirow-column>.swiper-wrapper { flex-direction:row;}
@media(max-width: 992px){
    .main_list_gal .swiper-container-multirow-column>.swiper-wrapper { flex-direction:row; width: 100% !important;     transform: none !important;}
}
.block_main_bottom { padding:50px 0; margin:0 -15px;}
.main_bottom { padding:15px;}
.main_bottom .main_bottom_item { display:block; padding:25px; background:#f9f9f9;}
.main_bottom .main_bottom_link { position:relative; padding:40px;}
.main_bottom .main_bottom_link img { position:absolute; bottom:40px; right:40px;}

.main_bottom .btn_main_block { right:40px;}

.swiper-button-next, .swiper-button-prev { width:50px; height:50px;}
.swiper-button-next img, .swiper-button-prev img { width:100%; height:auto;}
.swiper-button-next:after, .swiper-button-prev:after { font-size:0;}

.tit_main_ban { display:block; padding-bottom:15px; font-size:24px; font-weight:600; color:#2a2a4b; letter-spacing:-0.02em;}
.tit_main_ban span { color:#14c3fc;}
.txt_main_ban { line-height:1.5; font-size:18px; font-weight:300; color:#7f7b91;}
.txt_main_ban span { display:block;}

.tit_main_bbs { position:absolute; top:50%; left:40px; font-size:19px; font-weight:500; color:#2a2a4b; border-right:1px solid #e1e1e1; letter-spacing:-0.02em; padding:0 20px; margin-top:-14px;}
.tit_main_bbs img { vertical-align:middle; margin-top:-2px;}
.btn_bbs_crt { position:relative; display:block; box-sizing:border-box; margin-left:160px; padding-right:110px; font-size:19px; color:#7f7b91;}
.btn_bbs_crt .num_date { position:absolute; bottom:0; right:110px; font-size:19px; font-weight:300; color:#999; margin-top::-14px;}
.lab_bbs_crt { display:inline-block; margin-right:10px; margin-top:-3px; background:#14c3fc; font-size:16px; color:#fff; line-height:1; padding:2px 10px 5px; border-radius:12px; vertical-align:baseline;}

.txt_dummy { display: none; position:absolute; top:75px; left:4.5vw; font-size:2.11vw; font-weight:300; color:#999;}
@media(max-width : 768px){
	.main_bottom .btn_main_block { display:none;}
	.tit_main_bbs { position:relative; padding:0 0 15px; top:0; left:0; margin:0; border-right:none;}
    .txt_dummy { display: block;}
	.btn_bbs_crt .num_date { display:none;}
	.main_bottom { clear:both;}
	.btn_bbs_crt { margin-left:0; padding-right:0;}
}
.txt_dummy span { font-size:13px; font-weight:400; color:#7f7b91;}

@media (min-width: 992px) {

.btn_main_block { font-size:18px;}

.main_block { padding:40px 0;}

.main_block .tit_main_block { font-size:20px;}
.main_block .tit_main_block strong { display:inline-block; font-size:40px;}
}

/* .sub_visual */
.sub_visual { padding:40px 0; background:url(/image/sub/bg_sub_visual.png) no-repeat 50%; display:none;}

.page_title { position:relative; text-align:center; z-index:0; font-size:44px; font-weight:500; padding-bottom:20px; color:#2a2a4b;}
.page_title .cate_name { font-size:2.375em; padding-bottom:0.625rem;}
.page_title .page_path { font-size:0.875em; color:#999;}
.page_title .page_path span { color:#0ca35a; padding:0 0.313rem;}

.line_def { display:none;}

.list_txt_base { padding:10px 0; display:none;}

@media (min-width: 992px) {
.sub_visual { display:block;}
.line_def { display:block;}
.list_txt_base { display:block;}
.list_txt_base li { font-size:16px; color:#999; font-weight:300;}
.list_txt_base li strong { font-weight:300; color:#666;}
}

/* location */
#location { position:relative; z-index:1; margin-top:121px; width:100%; background:#eeeff2; display:none;}
#location .loc_wrap { position:relative; padding-left:50px; height:50px;}
#location .loc_wrap .loc_bg:after { content:""; display:block; clear:both;}
#location .loc_wrap .loc_home { position:absolute; bottom:0; left:0; border-left:1px solid #e0e2e7; background:url(/image/sub/img_loc_home.png) no-repeat 50%;}
#location .loc_wrap .loc_home a { display:block; height:50px; padding:0; width:3.125rem; color:#eeeff2; font-size:0; text-align:center;}
#location .loc_wrap .loc_home img { vertical-align:middle;}

#location .loc_wrap .loc_bg {}
#location .loc_wrap ul li { position:relative; float:left; border-left:1px solid #e0e2e7; border-right:1px solid #e0e2e7;}
#location .loc_wrap .loc_dep1 a { background:#eeeff2;}
#location .loc_wrap .loc_dep2 a {}
#location .loc_wrap .loc_dep3 a {}
#location .loc_wrap .loc_bg a { display:block; padding:0.813rem 2.813rem 0.813rem 0.938rem; min-width:15.625rem; box-sizing:border-box; color:#7f7b91; white-space:nowrap;}
#location .loc_wrap .loc_bg a:hover { text-decoration:underline;}

#location .loc_wrap .loc_bg li .loc_slideDown { position:absolute; z-index:10; top:100%; left:0; right:0; display:none;}
#location .loc_wrap .loc_bg a i { position:absolute; top:50%; margin-top:-5px; right:1.25rem; opacity:.5;}
#location .loc_wrap .loc_bg .active i { opacity:1;}
#location .loc_wrap .loc_bg .active .loc_slideDown { display:block;}
#location .loc_wrap .loc_bg li .loc_slideDown a { display:block; padding:0.938rem; border-top:1px solid #e5e5e5;}

#location .loc_wrap .util_box { float:right;}
#location .loc_wrap .util_box button { float:left; display:block; width:3.75rem; height:3.75rem; border-left:1px solid rgba(255,255,255,.3);}
#location .loc_wrap .util_box a { text-align:center; float:left; display:block; min-width:0; width:3.75rem; height:3.75rem; padding:0; border-left:1px solid rgba(255,255,255,.3);}
#location .loc_wrap .util_box a * { vertical-align:middle;}

#location .loc_tab { background:#fff; border:1px solid #ccc; border-top:0; text-align:center;}
#location .loc_tab ul li { display:inline-block; padding:1.125rem 0;}
#location .loc_tab ul li a { padding:0 2.5rem; border-left:1px solid #bebebe; font:400 1.125em 'NanumSquare','Nanum Gothic','Malgun Gothic', '맑은 고딕', sans-serif;}
#location .loc_tab ul li:first-child a { border-left:none;}

@media (min-width: 992px) {
#location { display:block;}
}

.respon_block:after { display:block; clear:both; content:"";}

@media (min-width: 992px) {
.respon_block { margin:0 auto; padding:50px 0; border-bottom:1px solid #eee; max-width:1170px;}
.respon_block:after { content:""; clear:both; display:block;}

.sect_line .view_shop_slider { width:100%;}
}

.new_row:nth-child(3n+1) { clear:none; content:"";}
.new_row:nth-child(2n+1) { clear:both; content:"";}

@media (min-width: 768px) {
.new_row:nth-child(2n+1) { clear:none; content:"";}
.new_row:nth-child(3n+1) { clear:both; content:"";}
}

.faq_bi { display:table; margin:10px 0; width:100%;}
.faq_bi .txt_faq { display:block; width:100%; min-width:0;}
.faq_bi .txt_faq img { max-width:100%; height:auto;}
.list_text { position:relative; text-align:left; font-size:1rem; color:#000;}
.list_text1, .list_text2, .list_text3, .list_text4 { margin-left:0.063rem; margin-top:0.5rem;}
.list_text1 + .list_text1, .list_text2 + .list_text2, .list_text3 + .list_text3, .list_text4 + .list_text4 { margin-top:0;}
.list_text1 li { position:relative; margin-bottom:0.625rem; padding-left:0.813em; font-weight:350; text-align:left; background:url(/image/content/ico_cont_title.png) no-repeat 0 0.5em;}
.list_text2 li { position:relative; margin-bottom:0.625rem; padding-left:0.688em; font-weight:350; text-align:left; background:url(/image/content/ico_cont_dot.png) no-repeat 0 0.75em;}
.list_text3 li { position:relative; margin-bottom:0.313rem; padding-left:0.563em; color:#555; text-align:left; background:none;}
.list_text3 li:before { position:absolute; content:""; display:block; top:0.688rem; left:0; width:0.125rem; height:0.125rem; background:#818181;}
.list_text4 li { position:relative; margin-bottom:0.313rem; font-size:0.875rem; padding-left:0; text-align:left; background:none; color:#555;}
.list_text4 li:before { position:static; content:"-"; display:inline-block; padding-right:0.313rem; background:none;}

@media (min-width: 768px) {
.faq_bi .txt_faq { display:table-cell; font-size:16px; color:#666; width:428px; padding:0 20px;}
}

.checkUpInfo { position:relative;}
.checkUpInfo ol > li { position:relative; display:inline-block; margin-bottom:50px; padding:20px; min-height:160px; box-sizing:border-box;}
.checkUpInfo ol > li .iconBox { padding-top:37px; border:8px solid #f2f2f2; width:160px; box-sizing:border-box; height:160px; text-align:center}
.checkUpInfo ol > li .iconBox span {display:block; position:absolute; top:-8px; left:-8px; width:40px; line-height:40px; font-size:20px; color:#d81d05; background:#f2f2f2}
.checkUpInfo ol > li .iconBox:before {display:block; content:""; position:absolute; top:157px; left:63px; z-index:2; width:18px; height:40px; background:url("../image/promotion/ico_arrow.gif") no-repeat 0 0}
.checkUpInfo ol > li .iconBox p.comment {position:absolute; bottom:-40px; left:0; width:100%; text-align:center; font-size:14px; color:#d81d05; letter-spacing:-1px; z-index:99;}
.checkUpInfo ol > li.stapNone .iconBox:before {display:none}
.checkUpInfo ol > li > strong{margin-bottom:24px; font-size:18px; color:#333;}
.checkUpInfo ol > li dl { text-algin:center;}
.checkUpInfo ol > li dl dd {line-height:26px; font-size:14px; color:#666; letter-spacing:-0.5px}
.checkUpInfo ol > li dl dd ul li {letter-spacing:-0.5px}
.checkUpInfo ol > li dl dd p{letter-spacing:-0.5px}
.checkUpInfo ol > li dl dd .respImg {padding:40px 20px; border:1px solid #e6e6e6}
.checkUpInfo .btnRight {position:absolute; top:0; right:0; z-index:10; margin-bottom:50px}


@media (max-width: 767px){
}


.main_keword_block { background:#fafafa; padding:50px 0;}
.main_keword { position:relative; padding-left:200px;}
.tit_kewrod_block { position:absolute; top:50%; left:0; margin-top:-189px;}
.txt_line1 { font-size:17px; font-weight:500; color:#14c3fc;}
.txt_line2 { padding:20px 0; font-size:40px; font-weight:600; color:#2a2a4b; line-height:1.25;}
.txt_line3 { font-size:18px; font-weight:300; color:#7f7b91; line-height:1.5;}

.key_item { display:block; width:100%; text-align:center; padding:15px 0;}
.key_item i { position:relative; display:block; width:110px; height:110px; border-radius:18px; margin:0 auto 10px; border:1px solid #fff; box-sizing:border-box;}
.key_item i strong { position:absolute; top:-5px; right:-15px; display:inline-block; opacity:0; background:#d50000; border-radius:16px; color:#fff; font-size:17px; font-weight:500; color:#fff; z-index:10; padding:2px 10px 4px; font-style:normal;}
.key_item:hover i { border:1px solid #888;}
.key_item:hover i strong { opacity:1;}
.key_item .ico_key1 { background:#fff url(/image/main/ico_key01.png) no-repeat 50%; background-size:cover;}
.key_item .ico_key2 { background:#fff url(/image/main/ico_key02.png) no-repeat 50%; background-size:cover;}
.key_item .ico_key3 { background:#fff url(/image/main/ico_key03.png) no-repeat 50%; background-size:cover;}
.key_item .ico_key4 { background:#fff url(/image/main/ico_key04.png) no-repeat 50%; background-size:cover;}
.key_item .ico_key5 { background:#fff url(/image/main/ico_key05.png) no-repeat 50%; background-size:cover;}
.key_item .ico_key6 { background:#fff url(/image/main/ico_key06.png) no-repeat 50%; background-size:cover;}
.key_item .ico_key7 { background:#fff url(/image/main/ico_key07.png) no-repeat 50%; background-size:cover;}
.key_item .ico_key8 { background:#fff url(/image/main/ico_key08.png) no-repeat 50%; background-size:cover;}
.key_item .ico_key9 { background:#fff url(/image/main/ico_key09.png) no-repeat 50%; background-size:cover;}
.key_item .ico_key10 { background:#fff url(/image/main/ico_key10.png) no-repeat 50%; background-size:cover;}
.key_item .ico_key11 { background:#fff url(/image/main/ico_key11.png) no-repeat 50%; background-size:cover;}
.key_item .ico_key12 { background:#fff url(/image/main/ico_key12.png) no-repeat 50%; background-size:cover;}
.key_item span { display:block; font-size:20px; color:#2a2a4b; font-weight:500;}


.new_sec { padding-top:100px;}
.new_sec2 { font-weight:500; color:#0088ef; line-height:1.2;}
.new_sec2 .col_sm_dev { margin-bottom:20px;}
.new_sec_end { padding-top:0; padding-bottom:100px;}
.new_sec img { max-width:100%; height:auto;}

.m_top { padding-top:30px;}
.tit_new_sec2 { position:relative; margin-top:-100px; margin-bottom:30px; padding-bottom:10px; text-align:left; font-size:27px; font-weight:600; color:#000;}
.tit_new_sec2:after { position:absolute; bottom:0; left:0; width:35px; height:3px; background:#0088ef; content:"";}

.line_middle { position:relative; display:inline-block; margin-right:10px; color:red;}
.line_middle span { position:relative; z-index:2;}
.line_middle:after { position:absolute; top:50%; left:0; width:100%; height:1px; background:red; z-index:2; content:"";}


@media (max-width: 992px) {
.tit_kewrod_block { position:static; text-align:center; width:100%; top:0; left:0; margin-top:0;}
.main_keword { padding-left:0;}
.txt_line1 { font-size:16px;}
.txt_line2 { padding:10px 0; font-size:38px;}
.txt_line3 { font-size:17px; margin-bottom:10px;}
.txt_line4 { display:none;}
.key_item span { font-size:18px;}
.key_item i { width:100px; height:100px;}
}

@media (max-width: 767px) {
.txt_line1 { font-size:15px;}
.txt_line2 { padding:10px 0; font-size:35px;}
.txt_line3 { font-size:16px; margin-bottom:10px;}
.key_item i { width:90px; height:90px;}
.key_item span { font-size:16px;}
}

@media (max-width: 500px) {
.key_item i { width:80px; height:80px;}
.key_item i strong { opacity:1 !important;}
.key_item span { font-size:14px;}
}
#header .inner { position:relative;}
#gnb { position:absolute; top:-30px; right:0; z-index:10;}
.btn_lang { display:block;}
.btn_lang img { max-width:40px; height:auto; border:1px solid #999;}

@media (max-width: 991px) {
#gnb { position:absolute; top:50%; right:10px; z-index:10;}
.btn_lang { margin-top:-14px;}
}