@charset "utf-8";


/* .sub-mov */
.sub-mov {
  width: 1400px;
  margin: 0 auto;
  height: 790px;
}

#wrap {overflow:hidden; position:relative; width:100%; min-width:1400px; margin:auto;}

#top_ban {overflow:hidden; position:relative; z-index:11111110; height:60px; background:#037073; transition:height 0.4s;}
#top_ban .swiper-container {position:absolute; top:0; left:50%; width:2000px; margin-left:-1000px;}
#top_ban .swiper-slide p {float:left; width:100%; font-size:18px; color:#ffffff; line-height:60px; font-weight:400; text-align:center; background:#037073!important;}
#top_ban .swiper-slide i {display:block; position:absolute; top:0; left:50%; width:60px; height:60px; background:no-repeat center; -webkit-animation: pulse 1s ease-in-out Infinite alternate; animation: pulse 1s ease-in-out Infinite alternate;}
#top_ban .btn_close {position:absolute; top:23px; right:30px; z-index:10;}
#top_ban .btn_close img {display:block;}
#top_ban.close {height:0;}

#header {position:relative; z-index:1000;}
#header .inwrap {position:absolute; top:0; left:0; width:100%; transition:background 0.4s;}
#header h1 {position:absolute; top:31px; left:50px;}
#header h1 a {display:block; width:216px; height:26px; background:url('/images/common/logo.png') no-repeat;}
#top_util {position:absolute; top:34px; right:192px;}
#top_util li {float:left; margin-left:20px;}
#top_util li a {display:block; position:relative; width:21px; height:20px; background: no-repeat 0 0; background-size:contain;}
#top_util .login a {background-image:url('/images/common/icon_mypage.svg');}
#top_util .search a {background-image:url('/images/common/icon_search.svg');}
#top_util .cart a {width:18px; background-image:url('/images/common/icon_cart.svg');}
#top_util .cart .count {position:absolute; left:13px; top:-4px; padding:0 3px; min-width:14px; border-radius:7px; font-size:8px; white-space:nowrap; color:#fff; line-height:14px; text-align:center; background:#1d544a;}
#branch_menu {position:absolute; top:30px; right:30px; width:130px; transition:all 0.4s;}
#branch_menu > button {display:block; position:relative; width:100%; padding-left:15px; border:1px solid #dad5ce; border-radius:15px; line-height:28px; font-size:15px; color:#fff; text-align:left;}
#branch_menu > button::after {position:absolute; top:50%; right:15px; width:8px; height:6px; margin-top:-3px; background:url('/images/common/icon_top_arr.png') no-repeat; content:'';}
#branch_menu .slist {display:none; position:absolute; top:30px; left:0; width:100%; padding-top:5px;}
#branch_menu ul {padding:10px 0 15px; border:1px solid #dad5ce; border-radius:15px; padding-left:15px; font-size:15px; color:#fff; line-height:25px;}
#branch_menu:hover .slist {display:block;}

#header .menu {text-align:center; font-size:17px; color:#fff; font-weight:400;}
#header .menu .btn_sitemap {display:inline-block; padding-left:35px; vertical-align:top; line-height:90px; background:url('/images/common/icon_top_menu.png') no-repeat 0 center;}
#header .menu ul {display:inline-block;}
#header .menu li {float:left; margin-left:40px;}
#header .menu li a {display:block; line-height:90px; letter-spacing:0;}


#gnb {display:none; overflow:hidden; position:absolute; top:90px; left:50%; width:1300px; margin-left:-650px; background:#ffffff;}
#gnb .list01 {float:left; width:1080px; padding:0 43px 70px;}
#gnb .list01 > ul {overflow:hidden; margin:0 -23px;}
#gnb .list01 > ul > li {float:left; width:18%; padding: 0 10px 0 20px; padding-top:70px;}
#gnb .list01 > ul > li > strong,
#gnb .list01 > ul > li > a {display:block; padding-bottom:13px; border-bottom:2px solid #dddddd; font-size:20px; color:#151515; font-weight:700; line-height:1; text-transform:uppercase; letter-spacing:0;}
#gnb .list01 > ul > li > a.menu_signature_pc {color: #066d72;}
#gnb .list01 > ul > li.s02 {width:82%;}
#gnb .list01 ul ul {padding-top:25px;}
#gnb .list01 ul ul a {display:block; font-size:17px; color:#5a5959; line-height:30px; transition:color 0.4s;}
#gnb .list01 ul ul a:hover {color:#f88910;}
#gnb .list01 .sub > ul {overflow:hidden;}
#gnb .list01 .sub > ul > li {float:left; width:20%;}
#gnb .list01 .sub > ul > li > a {font-size:18px; color:#151515; font-weight:500;}
#gnb .list01 .sub ul ul {padding-top:5px;}
#gnb .list01 .sub ul ul a {position:relative;}
#gnb .list02 {float:left; width:220px; padding:53px 0 50px 38px; background:#f1f1f1;}
#gnb .list02 > li > a {display:block; font-size:18px; color:#151515; font-weight:500;}
#gnb .list02 ul {padding:7px 0 40px;}
#gnb .list02 ul a {font-size:17px; color:#5a5959; line-height:30px; transition:color 0.4s;}
#gnb .list02 ul a:hover {color:#f88910;}


#header.sub {height:90px;}
#header.sub .inwrap {min-width:1400px; background:#fff;}
#header.sub h1 a {background-image:url('/images/common/logo_on.png')}
#header.sub #top_util .login a {background-image:url('/images/common/icon_mypage_on.svg');}
#header.sub #top_util .search a {background-image:url('/images/common/icon_search_on.svg');}
#header.sub #top_util .cart a {width:18px; background-image:url('/images/common/icon_cart_on.svg');}
#header.sub #branch_menu > button {border-color:#828282; color:#151515;}
#header.sub #branch_menu > button::after {background-image:url('/images/common/icon_top_arr_on.png');}
#header.sub #branch_menu ul {border-color:#828282; color:#151515; background:#fff;}
#header.sub .menu .btn_sitemap {background-image:url('/images/common/icon_top_menu_on.png');}
#header.sub .menu {color:#151515;}


#header.fixed_top .inwrap {position:fixed; min-width:1400px; background:#fff;}
#header.fixed_top h1 a {background-image:url('/images/common/logo_on.png')}
#header.fixed_top #top_util .login a {background-image:url('/images/common/icon_mypage_on.svg');}
#header.fixed_top #top_util .search a {background-image:url('/images/common/icon_search_on.svg');}
#header.fixed_top #top_util .cart a {width:18px; background-image:url('/images/common/icon_cart_on.svg');}
#header.fixed_top #branch_menu > button {border-color:#828282; color:#151515;}
#header.fixed_top #branch_menu > button::after {background-image:url('/images/common/icon_top_arr_on.png');}
#header.fixed_top #branch_menu ul {border-color:#828282; color:#151515; background:#fff;}
#header.fixed_top .menu .btn_sitemap {background-image:url('/images/common/icon_top_menu_on.png');}
#header.fixed_top .menu {color:#151515;}




#top_search {position:absolute; top:-300px; left:0; width:100%; height:236px; background:rgba(29,84,74,0.95); transition:top 0.4s;}
#top_search.open {top:0;}
#top_search .inbox {position:relative; width:600px; margin:auto; padding-top:64px;}
#top_search input[type="text"] {width:100%; height:80px; padding-left:0; border:0; border-bottom:1px solid #fff; font-family: 'Cormorant Garamond', serif; font-size:60px; color:#fff; font-weight:400; background:transparent;}
#top_search .btn_search_close {position:absolute; right:-80px; bottom:12px; width:23px; height:23px; background:url('/images/common/icon_search_close.png') no-repeat center;}


#header.fixed_top #top_search {position:fixed;}


#top_search input::-webkit-input-placeholder {color:#fff;}
#top_search input:-moz-placeholder {color:#fff; opacity: 1;}
#top_search input::-moz-placeholder {color:#fff; opacity: 1;}
#top_search input::-ms-input-placeholder {color:#fff;}
#top_search input:-ms-input-placeholder {color:#fff;}
#top_search input::input-placeholder {color:#fff;}

.btn_top {position:fixed; right:43px; bottom:43px; z-index:111111; width:146px; height:145px;}
.btn_top::after {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/common/btn_top_r.svg') no-repeat center; animation: rotate_image 7s linear infinite; content:'';}


@keyframes rotate_image{ 100% { transform: rotate(360deg);} }

#footer {position:relative; z-index:103; padding:90px 0 200px; background:#151515;}
#footer .inwrap {width:1500px; margin:auto;}
.footer_top {display:inline-block; width:100%; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #7b7b7b;}
.footer_top .b_logo {float:left; margin-right:20px;}
/*
.footer_top .branch_info {float:left; position:relative; z-index:2; width:900px; background:url('/images/common/icon_arr.png') no-repeat right center;}
.footer_top .branch_info .swiper-container {height:30px;}
.footer_top .branch_info .info_txt {padding-left:20px; color:#fff; font-weight:300; font-size:16px; line-height:30px;}
.footer_top .branch_info .info_txt strong {display:inline-block; margin-right:15px; font-weight:300;}
.footer_top .branch_info .info_txt p {display:inline-block;}
.footer_top .branch_info .info_txt p span {display:inline-block; margin-right:10px;}
.footer_top .branch_info .branch_scroll {overflow:hidden; position:absolute; top:0; left:0; z-index:10; width:100%; height:190px; background:#000; opacity:0; pointer-events: none; transition:opacity 0.4s;}
.footer_top .branch_info .branch_scroll .inbox {padding:10px 0;}
.footer_top .branch_info .iScrollLoneScrollbar {right:5px !important;}
.footer_top .branch_info .iScrollIndicator {border-color:#7b7b7b !important; background:#7b7b7b !important;}
.footer_top .branch_info:hover .branch_scroll {opacity:1; pointer-events: auto;}
*/
#footer .branch_finfo {overflow:hidden; margin:80px -22px 0;}
#footer .branch_finfo li {overflow:hidden; float:left; width:50%; padding:0 22px;}
#footer .branch_finfo li > div {border-bottom:1px solid #2b2b2b; line-height:55px;}
#footer .branch_finfo li > div span {display:inline-block; font-size:16px; color:#fff; font-weight:300;}
#footer .branch_finfo li > div span+span {margin-left:27px;}
#f_menu {overflow:hidden;}
#f_menu li {float:left; margin-right:25px;}
#f_menu a {display:block; color:#7b7b7b; font-size:16px; font-weight:300; transition:color 0.4s;}
#f_menu a:hover {color:#fff;}
.footer_bottom {position:relative;}
.copyright {margin-top:10px; color:#7b7b7b; font-size:16px; font-weight:300;}
.fsns_link {overflow:hidden; position:absolute; top:5px; right:0;}
.fsns_link li {float:left; margin-left:20px;}
.fsns_link a img {opacity:0.5; transition:opacity 0.4s;}
.fsns_link a:hover img {opacity:1;}

.btn_counsel_open {position:fixed; left:50%; bottom:30px; z-index:10000; margin-left:-160px; transition:bottom 0.4s;}

#quick_counsel {position:fixed; left:0; right:0; bottom:-285px; z-index:10001; background:#23564c; transition:bottom 0.4s;}
#quick_counsel .inwrap {position:relative; width:920px; margin:auto; padding:75px 0 50px;}
#quick_counsel .btn_counsel_close {position:absolute; right:6px; top:70px;}
#quick_counsel h2 {margin-bottom:25px; font-size:28px; color:#fff; font-weight:500; line-height:1;}
#quick_counsel .fbox {overflow:hidden; position:relative;}
#quick_counsel .fbox select,
#quick_counsel .fbox input[type="text"] {float:left; width:320px; height:47px; margin-right:12px; border-radius:8px; border:0;}
#quick_counsel .fbox input[type="text"] {margin-bottom:11px;}
#quick_counsel .fbox select {background:url('/images/common/icon_counsel_arr.png') no-repeat right 32px center #fff !important;}
#quick_counsel .r_wrap {position:absolute; top:0; right:0;}
#quick_counsel input[type="submit"] {width:257px; height:71px; border-radius:8px; border:0; font-size:18px; color:#fff; background:#232525;}
#quick_counsel .agree_chk {margin-top:13px; padding-right:5px; text-align:right;}
#quick_counsel .mcheckbox {color:#fff; font-size:14px;}
#quick_counsel.open {bottom:0;}
#quick_counsel.open + .btn_counsel_open {bottom:-66px;}

#laser .top {position:relative; width:1280px; margin:auto; margin-bottom:30px;}
#laser .tit {font-family: 'Cormorant Garamond', serif; font-size:90px; font-weight:400; line-height:1; color:#fff; line-height:1.5;}
#laser .top a {position:absolute; bottom:12px; right:0;}
#laser .controls {position:absolute; top:46px; right:0; width:137px; height:66px;}
#laser .swiper-button-prev,
#laser .swiper-button-next {width:66px; height:66px; margin-top:-33px; background:url('/images/main/icon_signature_arr.png') no-repeat center;}
#laser .swiper-button-prev {left:0;}
#laser .swiper-button-next {right:0; transform:rotate(180deg);}
#laser_swiper {position:relative; padding-bottom:60px;}
#laser_swiper .swiper-slide {width:400px;}
#laser_swiper .img_wrap {position:relative; padding-bottom:127.5%;}
#laser_swiper .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
#laser_swiper .ovr {position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; background:rgba(0,0,0,0.45); opacity:0; transition:all 0.4s;}
#laser_swiper .ovr .txt {position:absolute; left:30px; right:30px; bottom:43px; z-index:2; transform:translateY(30px); text-align:center; transition:all 0.4s;}
#laser_swiper .ovr strong {font-size:22px; color:#fff; font-weight:700;}
#laser_swiper .ovr p {margin-top:10px; font-size:18px; color:#dad9d9; line-height:26px; font-weight:300;}
#laser_swiper .swiper-pagination {position:absolute; bottom:0; width:100%; font-size:0; padding:0; text-align:center;}
#laser_swiper .swiper-pagination-bullet {width:12px; height:12px; margin:0 7px; border-radius:100%; border:1px solid #fff; opacity:1; background:transparent; transition:all 0.4s;}
#laser_swiper .swiper-pagination-bullet-active {background:#fff;}

#laser_swiper a:hover .ovr {opacity:1;}
#laser_swiper a:hover .ovr .txt {transform:translateY(0);}

#laser_pop {display:none; position:fixed; top:50%; left:50%; z-index:111111112; width:1300px; margin-top:-300px; margin-left:-650px;}
#laser_pop .btn_close {}
#laser_pop .cbox {overflow:hidden; background:#fff;}
#laser_pop .cbox > div {width:50%; height:600px;}
#laser_pop .tcont {float:left; padding:100px 80px 0;}
#laser_pop .tcont h2 {width:415px; border-bottom:1px solid #030000; line-height:90px; font-size:34px; color:#000000; font-weight:500;}
#laser_pop .tcont p {margin-top:25px; font-size:20px; color:#888888; line-height:36px; font-weight:300; word-break:keep-all;}
#laser_pop .img {float:right; overflow:hidden; position:relative; padding-bottom:46.15%;}
#laser_pop .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
#laser_pop .category {position:absolute; right:28px; bottom:23px; padding:0 25px; border-radius:20px; font-size:18px; color:#fff; line-height:39px; background:#000;}
#laser_pop .btn_pop_close {position:absolute; top:3px; right:-50px; width:30px; height:31px; background:url('/images/main/btn_pop_close.png');}

.laser_pop_dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:111111111; background:rgba(0,0,0,0.4);}