/* basic */
a:hover { -webkit-transition-property: all;  transition-property: all;   -webkit-transition-duration: .3s;   transition-duration: .3s; }
.sub_inner { max-width:1400px; margin:0 auto; }
.show_inner { max-width:1400px; margin:0 auto; }
.full_img { width:100%; }
.sub_contents { margin-bottom:100px; }
.mar_t_b { margin-top:50px; }

/* header */
.top_header { position:relative; background-color:#fff; height:62px; border-bottom:1px solid #eee; }
.th_flex { position:relative; display:flex; align-items:center; justify-content:center; height:100%; }
.left_tab { position:absolute; left:0; top:0; display:flex; height:100%; }
.left_tab li a { display:flex; width:100px; height:100%; align-items:center; justify-content:center; color:#222; font-size:15px; font-weight:400; }
.left_tab li.on a { background-color:#1fa0b0; color:#fff; }
.right_tab { display:flex; align-items:center; height:100%; }
.right_tab > li { position:relative; margin-right:30px; height:100%; display:flex; align-items:center; }
.right_tab > li:last-child { margin-right:0; }
.right_tab > li:after { content:''; display:inline-block; width:1px; height:12px; background-color:rgba(255,255,255,0.5); position:absolute; right:-15px; top:50%; transform: translate(0, -50%); }
.right_tab > li:last-child:after { display:none; }
.right_tab > li > a { font-size:14px; color:#222; font-weight:400; padding:13px 0; }
.cus_view { display:none; width:150px; right:0; top:53px; position:absolute; background-color:#fff; z-index:50; padding:10px 15px; border:1px solid #eee; border-radius:10px; }
.cus_view li { margin-bottom:5px; }
.cus_view li a { color:#000; font-weight:400; }
.cus_view li a:hover { color:#1fa0b0;}
.noti_cus_view { width:260px; }
.right_tab li:hover .cus_view {
    display: block;
    animation-name: dropdown;
    animation-duration: 500ms;
    animation-direction: normal;
}
.icon_list li:hover .cus_view {
    display: block;
    animation-name: dropdown;
    animation-duration: 500ms;
    animation-direction: normal;
}
.lan_input { width:100%; border-radius:30px; background-color:#eaf4f5; border:1px solid #eaf4f5; padding:5px; margin-bottom:7px; display:block;  }

.tr_flex { display:flex; align-items:center; gap:15px; position:absolute; height:100%; right:50px; top:0; z-index:51; }
.head { height:100px; display:flex; align-items:center; justify-content:space-between; }
.t_logo { position:absolute; cursor:pointer; z-index:20; left:50px; top:50%; transform:translate(0,-50%); width:140px; height:27px;  background-image:url('../images/hdlogo_color.png'); background-size:100%; background-repeat:no-repeat; background-position:center; }
.search_area { position:relative; }
.search_area.mobile { display:none; }
.search_area .keyword { background-color:#f4fafe; border:1px solid #f4fafe; border-radius:30px; width:400px; height:35px; padding:0 60px 0 30px; font-size:16px; }
.search_area .key_btn { position:absolute; top:0; width:35px; height:35px; border:0; background:0; background-size: 60%; right: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center;  }
.icon_list { display:flex; align-items:center; height:100%; }
.icon_list > li { position:relative; height:100%; align-items:center; display:flex; }
.icon_list > li:last-child a { margin-right:0; }
.icon_list > li > a { display:flex; align-items:center; margin-right:10px; gap:10px; color:#222; font-size:14px; font-weight:400; letter-spacing:-0.35; }
.icon_list li .b_icon { position:relative; display:inline-block; width:32px; height:32px; border-radius:100%; background-color:#eaf4f5; background-size:15px; background-repeat:no-repeat; background-position:center; }
.icon_list li .setting { background-image:url('/html/images/setting.png'); }
.icon_list li .alarm { background-image:url('/html/images/alarm.png'); }
.icon_list li .face { background-size:cover; }
.icon_list li .blue { color:#1fa0b0;}
.icon_list li .contact { background-image:url('/html/images/contact.png'); }
.icon_list li .num { position:absolute; right:-7px; top:-5px; display:flex; align-items:center; justify-content:center; background-color:#ff0042; color:#fff; width:20px; height:20px; border-radius:100%; font-size:12px; }
.cate_wrap { position:relative; border-bottom:1px solid #eee; }
.cate_list { padding-left:200px; display:flex; justify-content: space-between; }
.cate_list > li { position:relative; flex:1 1; text-align:center; }
.cate_list > li > a { display:block; font-size:17px; font-weight:500; color:#000; padding:18px 0; }
.cate_list > li:hover > a { color:#1fa0b0; }
.cate_list > li:hover > a.all_btn { color:#000; }
.cate_icon { display:inline-block; width:20px; height:14px; margin-right:10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; background-size:100%; }
.cate_icon.on { background-size:18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='200' y1='56' x2='56' y2='200' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='24' fill='none'%3E%3C/line%3E%3Cline x1='200' y1='200' x2='56' y2='56' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='24' fill='none'%3E%3C/line%3E%3C/svg%3E"); }

.sub_cate { display:none; transition: all .3s; position:absolute; border-top:1px solid #eee;  background-color:#fff; z-index:10; width:200px; height:200px; padding:25px 30px; top:62px; left: 50%; transform: translate(-50%, 0); text-align:left; border-right:1px solid #eee; }
.sub_cate.bo { border-left:1px solid #eee; }
.cate_list li:hover .sub_cate { background-color:#f6fafa; }
.sub_cate > ul > li { margin-bottom:10px; text-align:center; }
.sub_cate > ul > li > a { font-size:16px; font-weight:400; color:#222; }
.sub_cate > ul > li > a:hover { color:#1fa0b0; }
.sub_cate .sub_cate_depth { margin-top:4px; }
.sub_cate .sub_cate_depth li a { font-size:15px; font-weight:400; color:#999; }
.cate_bg { display:none; transition: all .3s; position: absolute; border-top:1px solid #eee; top: 62px; z-index: 2; width: 100%; height: 200px; background: #fff; box-shadow:0 39px 34px -31px rgb(0,0,0,0.2); }

/* 상단 고정 */
.topCategory.smaller { 
    position:fixed; 
    background-color:rgba(255,255,255,1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow:0 3px 30px rgba(0,0,0,0.2);
    z-index:15;
	width:100%;
	top:0;
	left:0;
}

.mBtn { display:none; width: 30px;height: 30px; z-index:10; margin-right: 0px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E"); 
background-repeat: no-repeat; background-position: center; background-size: 100%; position:absolute; right:20px; top:16px; }
.mnav_h_logo a { display:inline-block; width:185px; height:32px; background-image:url('/html/images/logo.png'); background-repeat:no-repeat; background-position:center; background-size:100% 100%; }
#mheader .mNav { z-index: 999999; position: absolute; background-color: #fff; top: 0; left: -100%; width: 20%; height: 100vh; min-height:100%; transition: all 0.3s ease; }
#mheader .mNav.on { left: 0; }
#mheader .mNav .mNav_logo { position:relative; background:#fff; border-bottom:1px solid #eee; padding:30px 20px; align-items:center; justify-content:space-between; display:flex; z-index:10; }
#mheader .mNav .mNav_logo img  { width:70px; }
.closeBtn i { font-size:22px; color:#222; cursor:pointer; position:absolute; right:20px; top:25px; }
#mheader .mNav .r_menu .cerc { position:relative; }
#mheader .mNav .r_menu .cerc:last-child:after { display:none; }
#mheader .mNav .r_menu .cerc:after { content:''; width:4px; height:4px; background:#ddd; border-radius:100%; position:absolute; right:4px; top:10px; }
#mheader .mNav .r_menu .cerc a { color:#777; font-size:16px; letter-spacing: -0.35px; margin-right:8px; padding-right:8px; }
#mheader .mNav .r_menu .nav a { color:#222; font-weight:500; }
#mheader .mNav .r_menu .nav img { width:15px; margin-right:5px; }
#mheader .sub { position: relative; padding:20px; }
#mheader .sub li { margin-bottom:17px; }
#mheader .sub li:last-child { margin-bottom:0; }
#mheader .sub li a { display: block; font-size: 20px; font-weight:500; color: #000; }
#mheader .sub .log { padding:15px 0; box-sizing:border-box; border-bottom:1px solid #e8e8e8; }
#mheader .sub .log li { float:left; width:50%; text-align:center; color:#222; }
#mheader .sub .log li:first-child { border-right:1px solid #e8e8e8; }
#maccordian li{ list-style:none; }
#maccordian li >h1{ position:relative; cursor:pointer; font-size:15px; letter-spacing:-0.55px; font-weight:400; padding:5px 20px; box-sizing:border-box; color:#222; }
#maccordian li >h1 i { font-size:20px; vertical-align:middle; margin:-2px 2px 0 0; }
#maccordian li >h1 .acc_tit { color:#f36f23; display:inline-block; text-align:center; width:5%; box-sizing:border-box; }
#maccordian li >h1 .ico_ar { position: absolute; right: 20px; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23bfbfbf' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E"); }
#maccordian li >h1 .ico_ar.active { transform: rotate(180deg) !important; }
#maccordian li > ul{ display:none; padding:15px 40px; }
#maccordian li > ul >li{ color:#555; margin-bottom:10px; font-weight:300; }
#maccordian li > ul >li a span { color:#1fa0b0; }
#maccordian li > ul >li:last-child { margin-bottom:0; }
#maccordian > ul > li { border-bottom:1px solid #eee; padding:15px 0; }
.bg-shadow { position: absolute; top: 0; right: 0; width: 100%; height: 100vh; min-height:100%; z-index: 50; background: rgba(0, 0, 0, 0.5); display: none; cursor: pointer; }
.ham_bottom { position:absolute; left:0; bottom:0; width:100%; padding:20px; border-top:1px solid #eee; }
.ham_bottom ul { margin-bottom:15px; display:flex; gap:10px; }
.ham_bottom ul li a { color:#000; font-size:16px; }
.ham_bottom .ham_btn { display:inline-block; width:100%; text-align:center; padding:17px 0; background-color:#1fa0b0; color:#fff; font-size:18px; }
.all_cate { display:none; position:absolute; top:62px; left:0; background-color:#fff; width:100%; z-index:10; box-shadow:4px 25px 30px 2px rgb(0 0 0 / 2%); overflow:hidden; }
.allcate_inner { display:flex; flex-wrap:wrap; padding-bottom:30px; }
.allcate_inner > div { position:relative; width:25%; padding:30px 25px 0; }
.allcate_inner > div:first-child:before { background-color: #eee; content: ""; display: block; height: 1000%; left: 0; position: absolute; top: 0; width: 1px; }
.allcate_inner > div:nth-child(-n+4):after { background-color: #eee; content: ""; display: block; height: 1000%; right: 0; position: absolute; top: 0; width: 1px; }
.allcate_list li { margin-bottom:10px; }
.allcate_list li a { font-weight:400; font-size:15px; color:#666; }
.allcate_list li:hover a { color:#1fa0b0; }
.allcate_list li.tit { margin-bottom:15px; }
.allcate_list li.tit a { font-weight:500; color:#000; font-size:17px; }
#mheader .mNav .mNav_logo { background-color:#eaf4f5; }
.ham_log { display:flex; gap:30px; }
.ham_log li { position:relative; }
.ham_log li:after { content:''; display:inline-block; width:1px; height:15px; background-color:rgba(31,160,176,0.5); position:absolute; right:-15px; top:6px; }
.ham_log li:last-child:after { display:none; }
.ham_log li a { color:#1fa0b0; font-size:16px; }
.mcate { padding:25px 30px; border-bottom:1px solid #eee; }
.mcate li { margin-bottom:15px; font-size:15px; font-weight:400; }
.mcate li:last-child { margin-bottom:0; }
.mcate li a.on { color:#1fa0b0; }
.mcate li a i { font-size:20px; vertical-align:middle; margin:-2px 2px 0 0; }

/* dropdown menu */
.topCategory #categoryMenu { position:relative; }
.topCategory #categoryMenu .menu { position:absolute; width:240px; left:0; top:0; text-align:left; display: inline-block; font-size: 17px; font-weight: 500; color: #000; }
.topCategory #categoryMenu .menu a { display:flex; align-items:center; padding: 18px 0; }
/* depth1 */
.topCategory #categoryMenu .menu:hover .menu-dp1 { left: 50%; margin-left: -50%; top: 100%; margin-top:1px; z-index: 5; opacity: 1; visibility: visible; }
.topCategory #categoryMenu .menu-dp1 { position: absolute; top: 101%; left: 50%; margin-left: -50%; text-align: left; width: 240px; box-sizing: border-box; background: #fff; box-shadow: 0 8px 20px rgb(0 0 0 / 5%); opacity: 0; visibility: hidden; }
.topCategory #categoryMenu .menu-dp1 > li { position:relative; line-height: 45px; display: block; float: none; text-align: left; }
.topCategory #categoryMenu .menu-dp1 > li > a { position:relative; display: block; padding: 0 20px; font-size: 16px; line-height: 50px; font-weight: 400; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s; }
.topCategory #categoryMenu .menu-dp1 > li:hover > a.arr:after { content:''; display:inline-block; position:absolute; top:50%; transform: translate(0, -50%); right:15px; width:20px; height:20px;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
background-size:20px; background-repeat:no-repeat; background-position:center; }
.topCategory #categoryMenu .menu-dp1 > li:hover > a { background-color:#1fa0b0; color:#fff; }
/* 2depth */
.topCategory #categoryMenu .menu-dp1 > li:hover .menu-dp2 { left: 100%; z-index: 5; opacity: 1; visibility: visible; }
.topCategory #categoryMenu .menu-dp2 { position: absolute; top: 0; left: 100%; text-align: left; width: 240px; box-sizing: border-box; background: #fff; box-shadow: 4px 6px 7px rgb(0 0 0 / 5%); border-left:1px solid #eee; opacity: 0; visibility: hidden; transition: all .3s; }
.topCategory #categoryMenu .menu-dp2 > li { position: relative; line-height: 45px; display: block; float: none; text-align: left; }
.topCategory #categoryMenu .menu-dp2 > li > a { position:relative; display: block; padding: 0 20px; font-size: 16px; line-height: 50px; font-weight: 400; color: #000; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; transition: all .3s; }
.topCategory #categoryMenu .menu-dp2 > li:hover > a { color:#1fa0b0; }
.topCategory #categoryMenu .menu-dp2 > li:hover > a.arr:after { content:''; display:inline-block; position:absolute; top:50%; transform: translate(0, -50%); right:15px; width:20px; height:20px;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
background-size:20px; background-repeat:no-repeat; background-position:center; }
/* 3depth */
.topCategory #categoryMenu .menu-dp3 { position: absolute; top: 0; left: 100%; text-align: left; width: 240px; box-sizing: border-box; background: #fff; box-shadow: 4px 6px 7px rgb(0 0 0 / 5%); border-left:1px solid #eee; opacity: 0; visibility: hidden; transition: all .3s; }
.topCategory #categoryMenu .menu-dp3 > li { position: relative; line-height: 45px; display: block; float: none; text-align: left; }
.topCategory #categoryMenu .menu-dp3 > li > a { position:relative; display: block; padding: 0 20px; font-size: 16px; line-height: 50px; font-weight: 400; color: #000; overflow: hidden; white-space: nowrap;
 text-overflow: ellipsis; transition: all .3s; }
.topCategory #categoryMenu .menu-dp3 > li:hover > a { color:#1fa0b0; }
.topCategory #categoryMenu .menu-dp2 > li:hover .menu-dp3 { left: 100%; z-index: 5; opacity: 1; visibility: visible; }




/* 메인 */
/* 비쥬얼슬라이드 */
.swiper { width: 100%; height: 100%; }
.mySwiper .swiper-slide { height:350px; background-size: cover; background-position:center; text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.main-pagi { width:100px; height:40px; position:absolute; left:16%; bottom:30px; transform: translate(-50%, 0); display:block; z-index:10; background-color:rgba(0,0,0,0.2); border-radius:30px; color:#fff !important; font-weight:400; }
.ms-pause { width:19px; height:19px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpath d='M216,48V208a16,16,0,0,1-16,16H164a16,16,0,0,1-16-16V48a16,16,0,0,1,16-16h36A16,16,0,0,1,216,48ZM92,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H92a16,16,0,0,0,16-16V48A16,16,0,0,0,92,32Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:center; background-size:16px; font-size:19px; position:absolute; right:18px; top:50%; transform: translate(0, -50%); cursor:pointer; z-index:10; }
.main-pagi .swiper-pagination { text-align:left; padding-left:25px; top:9px !important; }
.main-prev { left:5% !important; }
.main-next { right:5% !important; }
.main-next, .main-prev { width:50px !important; height:50px !important; background-color:rgba(0,0,0,0.2); border-radius:100%; }
.main-next:after, .main-prev:after { display:inline-block; color:#fff; font-size:20px !important; }

.slide_txt { text-align:left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 1400px; margin: 0 auto;  z-index: 5; }
.slide_txt h3 { position:relative; color:#fff; font-size:70px; font-weight:600;  }
.slide_txt h3:after { content:''; display:block; width:50px; height:3px; background-color:#1fa0b0; margin:15px 0 25px; }
.slide_txt h3 span { color:#6adeeb; }
.slide_txt p { font-size:20px; font-weight:400; color:#fff; }

/* 썸네일 리스트 */
.thumb_cate { margin:100px auto; }
.thumb_list { display:flex; flex-wrap:wrap; }
.thumb_list li { flex:1; text-align:center; }
.thumb_list li .round { position:relative; margin:0 auto; display:flex; align-items:center; justify-content:center; width:137px; height:137px; background-color:#e6f6f6; color:#1fa0b0; border-radius:100%; font-weight:600; text-align:center; font-size:18px; }
.thumb_list li .round:after { content:''; position:relative; bottom:5px; background-repeat:no-repeat; background-position:center bottom; }
.thumb_list li:nth-child(2) .round:after { width:69px; height:145px; background-image:url('/html/images/mint_lift.png'); }
.thumb_list li:nth-child(3) .round:after { width:76px; height:150px; background-image:url('/html/images/skin_b.png'); }
.thumb_list li:nth-child(4) .round:after { width:137px; height:150px; background-image:url('/html/images/eye_b.png'); }
.thumb_list li:nth-child(5) .round:after { width:66px; height:150px; background-image:url('/html/images/skin_gel.png'); }
.thumb_list li:nth-child(6) .round:after { width:73px; height:150px; background-image:url('/html/images/tools.png'); }
.thumb_list li:nth-child(7) .round:after { width:56px; height:150px; background-image:url('/html/images/cosmetics.png'); }
.thumb_list li .thumb_tit { margin-top:15px; font-size:16px; }

/* hot item now */
.hot_item { margin-bottom:100px; }
.update_video { margin-top:50px; margin-bottom: 50px;}
.item_tit { position:relative; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eee; margin-bottom:40px; padding-bottom:20px; }
.item_tit h2 { position:relative; font-size:20px; color:#000;  }
.item_tit:after { content:''; width:30px; height:3px; background-color:#1fa0b0; display:inline-block; position:absolute; left:0; bottom:0; }
.item_tit .bor { border:1px solid #222; padding:2px 5px; border-radius:5px; margin-right:10px; }
.item_tit .plus { padding-right:18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2300abc8' viewBox='0 0 256 256'%3E%3Cpath d='M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z'%3E%3C/path%3E%3C/svg%3E"); 
background-repeat:no-repeat; background-size:15px; background-position:center right; }
.sort_item { display:flex; gap:10px; flex-wrap:wrap;}
.sort_item li a { display:inline-block; font-size:15px; color:#888; padding:5px 15px; border:1px solid #ddd; border-radius:30px; font-weight:400; }
.sort_item li:hover a { background-color:#0fc3c1; border-color:#0fc3c1; color:#fff; box-shadow:-2px 0px 7px 6px rgb(15 195 193 / 9%); }
.sort_item li.on a { background-color:#0fc3c1; border-color:#0fc3c1; color:#fff; box-shadow:-2px 0px 7px 6px rgb(15 195 193 / 9%); }
.tn_list { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 30px; grid-row-gap: 50px; }
.thumbnail { width:100%; /*height:257px;*/ border-radius:10px; background-repeat:no-repeat; background-size:cover; background-position:center; margin-bottom:10px; }
.tn_list li { position:relative; }
.tn_info {  position:relative; }
.li_info { padding-left:0; }
.li_info:before { display:none; }
.tn_th { position:relative; height:181px; border-radius:10px; margin-bottom:10px; background-repeat:no-repeat; background-size:100%; background-position:center; }
.tn_th img { width:100%; }
.tn_th.lock:before { content:''; display:block; position:absolute; left:0; top:0; border-radius:10px; width:100%; height:100%; background:rgba(0,0,0,0.6); }
.tn_th.lock:after { content:''; width:50px; height:50px; opacity:0.5; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-repeat:no-repeat; background-size:100%; background-position:center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M208,80H176V56a48,48,0,0,0-96,0V80H48A16,16,0,0,0,32,96V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V96A16,16,0,0,0,208,80ZM96,56a32,32,0,0,1,64,0V80H96ZM208,208H48V96H208V208Z'%3E%3C/path%3E%3C/svg%3E"); }
.li_th { height:auto; border-radius:10px; margin-bottom:15px; background-repeat:no-repeat; background-size:100%; background-position:center; }
.tn_name { word-break:break-all; font-size:16px; color:#000; margin-bottom:5px; text-align:left;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;  }
.li_name { word-break:break-all; font-size:18px; color:#000; margin-bottom:10px; text-align:left;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;  }
.li_name i { color:#1fa0b0; }
.li_sum { color:#666; font-size:15px; font-weight:400; text-align:left; }
.tn_sum { color:#666; word-break:break-all; font-size:14px; font-weight:400; text-align:left; margin-bottom:15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 35px;}
.plus_box { background-color:#1fa0b0; width:45px; height:45px; display:inline-block; border-radius:5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z'%3E%3C/path%3E%3C/svg%3E");
background-position:center; background-repeat:no-repeat; background-size:25px; }
.tn_play { display:flex; gap:13px; margin-top:7px; }
.tn_play li { display:flex; align-items:center; gap:3px; }

.big_banner { margin:50px auto 50px; }
.big_banner img { width:100%; }

/* 업커밍 이벤트 */
.upcoming_events { position:relative; background-image:url('/html/images/ue_bg.jpg'); background-repeat:no-repeat; background-size:cover; padding:70px 0; }
.ue_tit { margin-bottom:20px; text-align:center; }
.ue_tit h2 { font-size:41px; color:#1fa0b0; font-weight:700; margin-bottom:10px; }
.ue_stit { color:#000; font-size:16px; font-weight:600; margin-bottom:5px; }
.ue_gtit { color:#999; font-size:15px; font-weight:400; }
.ue_info h3 { font-size:23px; color:#000; margin-bottom:8px; }
.ue_info .date { font-size:15px; color:#222; letter-spacing:0.5px; margin-bottom:10px; }
.ue_info .prinfo { color:#555; font-size:16px; }
.ue_info .prinfo .minttxt { color:#1fa0b0; margin:0 15px; }
.ue_info .flag { display:inline-block; vertical-align:middle; margin:-5px 10px 0 0; width:30px; height:20px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.ue_card { background-color:#fff; padding:30px; margin:43px 20px 43px; border-top:5px solid #1fa0b0; border-radius:10px; box-shadow:4px 12px 20px 1px rgb(0 0 0 / 9%); }
.ue_list { display:flex; flex-wrap:wrap; border-top:1px solid #eee; padding-top:15px; margin-top:15px; }
.ue_list li { width:50%; font-size:15px; margin-bottom:20px; }
.ue_list li:last-child { margin-bottom:0; }
.ue_list li.full { width:100%; }
.ue_list li span { color:#1fa0b0; display:block; margin-bottom:5px; }
.ue-pagi .swiper-pagination { position:relative; margin:10px auto 30px; }
.ue-p .swiper-pagination-bullet-active { background-color:#1fa0b0 !important; }
.ue-p .swiper-pagination-bullet { width:10px; height:10px; background-color:#ddd; opacity:1; margin:0 7px !important; }
.ue_btn { display:flex; align-items:center; width:195px; margin:0 auto; background-color:#1fa0b0; color:#fff; font-size:16px; padding:17px 30px; border-radius:10px; }
.ue_btn .round {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #d3eff2;
    border-radius: 100%;
    text-align: Center;
    margin-left: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}
.ue-prev { left:10% !important; }
.ue-next { right:10% !important; }
.ue-next, .ue-prev { width:50px !important; height:50px !important; background-color:#1fa0b0; border-radius:100%; }
.ue-next:after, .ue-prev:after { display:inline-block; color:#fff; font-size:20px !important; }
.ue-next.swiper-button-disabled, .ue-prev.swiper-button-disabled { background-color:#fff; }
.ue-next.swiper-button-disabled:after, .ue-prev.swiper-button-disabled:after { display:inline-block; color:#222; font-size:20px !important; }


/* 웨비나 온에어 */
.webinar_onair { position:relative; background-image:url('/html/images/wo_bg.jpg'); background-repeat:no-repeat; background-size:cover; padding:70px 0 90px; }
.webinar_onair h2 { font-size:41px; color:#fff; text-align:center; font-weight:700; margin-bottom:50px; }
.webinar_onair h2 span { color:#1fa0b0; }
.wo_btit { display:inline-block; margin-bottom:10px; background-color:#1fa0b0; color:#fff; padding:5px 15px; border-radius:30px; font-size:13px; }
.wo_stit { font-size:30px; color:#fff; font-weight:700; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #193a65; }
.wo_list { margin-bottom:50px; }
.wo_list li { color:#9eacbe; font-size:14px; margin-bottom:5px; font-weight:400; padding-left:25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-check' width='44' height='44' viewBox='0 0 24 24' stroke-width='3' stroke='%231fa0b0' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l5 5l10 -10' /%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:15px; background-position:center left; }
.wo_list li:last-child { margin-bottom:0; }
.wo_btn { background-color:#fff; color:#1fa0b0; width:100%; display:flex; align-items:center; justify-content:center; text-align:center; padding:15px 0; font-size:15px; border-radius:10px; }
.wo_btn .round {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-color: #d3eff2;
    border-radius: 100%;
    text-align: Center;
    margin-left: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
}
.wo-pagi { position:relative; bottom:-50px; }
.wo-p .swiper-pagination-bullet-active { background-color:#1fa0b0 !important; }
.wo-p .swiper-pagination-bullet { width:10px; height:10px; background-color:#fff; opacity:1; margin:0 7px !important; }



/* 웨비나 리플레이 */
.webinar_replay { margin-bottom:100px; background-image:url('/html/images/wr_bg.jpg'); background-repeat:no-repeat; background-size:cover; padding:70px 0; }
.webinar_replay h2 { font-size:41px; color:#000; text-align:center; font-weight:700; margin-bottom:50px; }
.webinar_replay h2 span { color:#1fa0b0; }
.wr_wrap { display:flex; align-items:center; gap:40px; }
.wr_vi { width:60%; }
.wr_vi > div { border-radius:10px; overflow:hidden; }
.wr_txt { width:40%; }
.wr_wrap > li img { width:100%; }
.wr_stit { font-size:30px; color:#000; font-weight:700; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc; }
.wr_list { margin-bottom:50px; }
.wr_list li { color:#555; font-size:14px; margin-bottom:5px; font-weight:400; padding-left:25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-check' width='44' height='44' viewBox='0 0 24 24' stroke-width='3' stroke='%23aaaaaa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l5 5l10 -10' /%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:15px; background-position:center left; }
.wr_list li:last-child { margin-bottom:0; }
.wr_btn { background-color:#1fa0b0; color:#fff; width:100%; display:flex; align-items:center; justify-content:center; text-align:center; padding:15px 0; font-size:15px; border-radius:10px; }
.wr_btn .round {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-color: #d3eff2;
    border-radius: 100%;
    text-align: Center;
    margin-left: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
}

.sub_visual { background-repeat:no-repeat; background-size:cover; background-position:center; height:320px; }
.sub_visual.sub01 { background-image:url('/html/images/sub_visual01.jpg'); }
.sub_visual.sub02 { background-image:url('/html/images/sub_visual02.jpg'); }
.sub_visual.sub03 { background-image:url('/html/images/sub_visual03.jpg'); }
.sub_visual.sub04 { background-image:url('/html/images/sub_visual04.jpg'); }
.sub_visual.sub05 { background-image:url('/html/images/sub_visual05.jpg'); }
.sub_visual.sub06 { background-image:url('/html/images/sub_visual06.jpg'); }
.sub_visual > .sub_inner { display:flex; align-items:center; height:100%; }
.sub_visual .sv_nav { display:flex; }
.sub_visual .sv_nav li { position:relative;  padding-right:30px;  }
.sub_visual .sv_nav li:after { content:''; width:14px; height:14px; display:inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:100%; background-position: center; position:absolute; top:4px; right:9px; }
.sub_visual .sv_nav li:last-child { margin-right:0; }
.sub_visual .sv_nav li:last-child:after { display:none; }
.sub_visual .sv_nav li a { color:#fff; font-weight:400; }
.sub_visual .sv_nav li .home { display:inline-block; width:20px; height:20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M218.83,103.77l-80-75.48a1.14,1.14,0,0,1-.11-.11,16,16,0,0,0-21.53,0l-.11.11L37.17,103.77A16,16,0,0,0,32,115.55V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V160h32v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V115.55A16,16,0,0,0,218.83,103.77ZM208,208H160V160a16,16,0,0,0-16-16H112a16,16,0,0,0-16,16v48H48V115.55l.11-.1L128,40l79.9,75.43.11.1Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:100%; background-position:center; }
.sub_visual h2 { position:relative; color:#fff; font-size:50px; font-weight:600; }
.sub_visual h2:after { content:''; display:block; width:40px; height:2px; background-color:#1fa0b0; margin:12px 0 20px; }
.sub_visual p { color:rgba(255,255,255,0.7); font-size:17px; font-weight:400; }

.about_us { background-image:url('/html/images/aboutus_bg.jpg'); padding:70px 0 70px; background-repeat:no-repeat; background-size:cover; background-position:center; }
.au_flex { display:flex; align-items:center; gap:50px; }
.au_txt { width:60%; }
.au_txt .au_stit { color:#2ebacb; font-size:15px; font-weight:800; margin-bottom:3px; }
.au_txt h3 { font-size:40px; line-height:1.3em; font-weight:700; color:#011e44; margin-bottom:30px; }
.au_txt p { font-size:18px; color:#666; line-height:1.8em; font-weight:400; }
.au_img { position:relative; width:40%; padding-right:50px; padding-bottom:50px; }
.au_img .au_bimg { width:100%; }
.au_simg { position:absolute; right:0; bottom:0; }
.about_list { background-image:url('/html/images/au_bg.jpg'); padding:100px 0 0; background-repeat:no-repeat; background-size:cover; background-position:center; }
.about_list h3 { text-align:center; font-size:30px; color:#fff; font-weight:300; margin-bottom:80px; }
.au_list { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 40px; counter-reset: list; }
.au_list li { position:relative; height:100%; background-color:#fff; border-radius:10px; padding:35px 30px; box-shadow:4px 12px 30px 6px rgb(0 0 0 / 9%); }
.au_list li h4 { font-size:16px; color:#162f51; font-weight:700; margin:20px 0 10px; }
.au_list li p { font-size:14px; line-height:1.7em; font-weight:400; color:#7e8a9a; }
.au_list li::before{
	color:#eaedf5;
	font-size:45px;
	font-weight:600;
	position:absolute;
	right:30px;
	top:20px;
  /* 카운터 값을 1씩 증가시킨다. */
  counter-increment: list;
  /* 카운터 값을 표시한다. */
  content:'0' counters(list, "-") " ";
}

.about_started { background-image:url('/html/images/ou_started.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center;  padding:130px 0 100px; margin-top:-40px; }
.about_started h3 { color:#fff; font-size:27px; font-weight:700; margin-bottom:20px; }
.about_started p { color:#fff; font-size:16px; font-weight:300; }
.about_started .email { font-size:15px; font-weight:500; margin-top:25px; padding-left:35px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.18V181.82Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:center left; background-size:25px; }

.ws_search { background-color:#f2f8f9; padding:25px 0; justify-content:center !important; margin:50px 0 40px; }
.ws_search .sort_input { width:300px; }
.ws_list { margin-top:50px; }
.ws_list > li { border-bottom:1px solid #eee; padding-bottom:35px; margin-bottom:40px; }
.ws_wrap { display:flex; align-items:center; gap:60px; }
.ws_vi { width:52%; }
.ws_vi > div { border-radius:0; overflow:hidden; }
.ws_txt { width:48%; }
.ws_wrap > li img { width:100%; }
.ws_stit { font-size:24px; color:#000; font-weight:700; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee; }
.ws_inlist { margin-bottom:50px; }
.ws_inlist li { color:#555; font-size:14px; margin-bottom:5px; font-weight:400; padding-left:25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-check' width='44' height='44' viewBox='0 0 24 24' stroke-width='3' stroke='%231fa0b0' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l5 5l10 -10' /%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:15px; background-position:center left; }
.ws_inlist li:last-child { margin-bottom:0; }
.blue_smalltxt { color:#00a5ba; font-size:15px; font-weight:700; margin-bottom:5px; }

.ws_list.disable li .blue_smalltxt { color:#999; }
.ws_list.disable li .ws_stit { color:#999; }
.ws_list.disable li .ws_inlist li { color:#999; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-check' width='44' height='44' viewBox='0 0 24 24' stroke-width='3' stroke='%23aaaaaa' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l5 5l10 -10' /%3E%3C/svg%3E"); }

.basic_pop { display: none; }
.basic_pop { width: 500px; border-radius:10px; height: auto; padding:30px 50px; animation: appear .8s cubic-bezier(.77,0,.175,1) forwards; box-sizing:border-box; position: absolute; 
top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; z-index: 50;  box-shadow: 0 25px 40px -20px #aaa; }
.basic_pop h2 { font-size:23px; font-weight:600; margin-bottom:10px; }
.basic_pop p { font-size:16px; color:#555; font-weight:400; margin-bottom:20px; }
.pop_input { border:1px solid #eee; padding:10px 10px; font-size:16px; width:100%; border-radius:5px; margin-bottom:10px; }
.basic_pop p.red_noti { text-align:left; color:#ed1e1e; font-size:13px;}
.pop_input::placeholder { color:#ccc; font-weight:400; }
.backon{ content: ""; width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 20; }
.pbtn_wrap { display:flex; margin-top:10px; }
.pbtn_wrap li { width:50%; flex:1 1; margin-right:2%; }
.pbtn_wrap li:last-child { margin-right:0; }
.pbtn_wrap li a {  border:1px solid #eee; border-radius:5px;  display:block; font-size:16px; padding:12px 0; color:#666; }
.pbtn_wrap li a.blue { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; }

@keyframes appear {
  from {
    opacity: 0;
    transform: translate(-50%,-50%);
  }
  to {
    opacity: 1;
    transform: translate(-50%,-55%);
  }
}

@keyframes dissappear {
  from {
    opacity: 1;
    transform: translate(-50%,-55%);
  }
  to {
    opacity: 0;
    transform: translate(-50%,-50%);
  }
}

#code_popup { text-align:center; }
.lock_icon { display:inline-block; width:80px; height:80px; border-radius:100%; margin:0 auto 20px; background-color:#eaf4f5; background-image:url('/html/images/lock_icon.png'); background-repeat:no-repeat; background-position:center; }

.rep_list { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 30px; grid-row-gap: 50px; margin-top:50px;  }
.rep_list li { position:relative; }
.rep_th { height:210px; border-radius:10px; margin-bottom:10px; }
.rep_name { font-size:16px; color:#000; font-weight:600; margin-bottom:5px; text-align:left;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.rep_sum { color:#999; font-size:14px; font-weight:400; text-align:left; }
.rep_plus_box { background-color:#1fa0b0; width:45px; height:45px; display:inline-block; border-radius:5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z'%3E%3C/path%3E%3C/svg%3E");
background-position:center; background-repeat:no-repeat; background-size:25px; }
.margin_tab { margin:50px 0 30px; }

.video_list { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 30px; grid-row-gap: 50px; margin-top:30px;  }
.video_list li { position:relative; }
.video_th { height:210px; border-radius:10px; margin-bottom:10px; }
.video_name { font-size:16px; color:#000; font-weight:600; margin-bottom:5px; text-align:left;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.video_sum { color:#999; font-size:14px; font-weight:400; text-align:left; }

.cata_list { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; }
.cata_list > li { border:1px solid #eee; border-radius:10px; padding:30px 30px; display:flex; align-items:center; gap:25px; }
.cata_img { width:32%; height:264px; background-repeat:no-repeat; background-size:cover; background-position:center; }
.cata_txt { width:68%; height:100%; position:relative; padding-top:20px; }
.cata_txt h3 { font-size:17px; color:#000; font-weight:600; margin-bottom:15px; border-bottom:1px solid #eee; padding-bottom:15px; }
.cata_txt .cata_con { max-height:113px; overflow-y:auto; }
.cata_txt .cata_con li { color:#666; font-weight:400; margin-bottom:2px; }
.cata_txt .cata_con li:last-child { margin-bottom:0; }
.cata_btn { display:flex; position:absolute; bottom:0; left:0; width:100%; }
.cata_btn li { width:50%; flex:1 1; margin-right:2%; }
.cata_btn li:last-child { margin-right:0; }
.cata_btn li a { display:flex; border:1px solid #eee; align-items:center;justify-content:space-between; padding:10px 15px; }
.cata_btn li a .round {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #d3eff2;
    border-radius: 100%;
    text-align: Center;
    margin-left: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-to-down' width='44' height='44' viewBox='0 0 24 24' stroke-width='2.5' stroke='%231fa0b0' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='4' y1='20' x2='20' y2='20' /%3E%3Cline x1='12' y1='14' x2='12' y2='4' /%3E%3Cline x1='12' y1='14' x2='16' y2='10' /%3E%3Cline x1='12' y1='14' x2='8' y2='10' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
}

/* 민트 웨비나 */
.mint_webinar { padding:75px 0; margin-bottom:100px; background-image:url('/html/images/mw_bg.jpg'); background-repeat:no-repeat; background-position:left top;  }
.mw_tit { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.mw_tit h2 { font-size:40px; color:#000; }
.mw_tit h2 .eng_tit { display:block; font-size:16px; color:#0fc3c1; margin-bottom:7px; }
.mw_btn { background-color:#1fa0b0; color:#fff; padding:13px 26px; font-size:16px; border-radius:10px; box-shadow:-2px 0px 20px 6px rgb(15 195 193 / 9%); }
.mw_swiper { }
.mw_list { margin:0 auto; width:100%; max-width:1400px; overflow: visible;  }
.mw_list > li { width:356px; margin-top:20px; margin-right:20px; margin-bottom:60px; padding:30px 44px; background-color:#fff; box-shadow:-2px 0px 20px 6px rgb(15 195 193 / 9%); border-radius:10px; text-align:left; }
.mw_list > li:last-child { margin-right: calc((100vw - 1400px)/2) !important;; }
.mwlist_tit { font-size:22px; color:#000; border-bottom:1px solid #ededed; padding-bottom:20px; margin-bottom:20px; }
.mwlist_desk { margin-bottom:20px; }
.mwlist_desk li { font-size:15px; font-weight:400; margin-bottom:5px; color:#555; }
.mwlist_desk li:last-child { margin-bottom:0; }
.mwlist_desk li img { width:auto; display:inline-block; vertical-align:middle; margin:-2px 13px 0 0; }
.mwlist_btn { background-color:#1fa0b0; color:#fff; font-size:15px; display:block; width:100%; border-radius:10px; text-align:center; padding:14px 0; }
.mw_pagi .swiper-pagination-bullet { width:90px; height:4px; background-color:#e5e5e5; border-radius:0; margin:0 !important; opacity:1; }
.mw_pagi .swiper-pagination-bullet-active { background-color:#0fc3c1; }
.swiper-horizontal > .swiper-scrollbar { height: 4px !important; bottom: 0; left: 0 !important; background: #e5e5e5; width: calc(100vw - ((100vw - 1400px)/2)) !important; min-width: 1160px; margin-left: auto; position: relative !important; }
.swiper-scrollbar-drag { background:#0fc3c1 !important; }

/* 최근 본 상품 */
.pro_list li a { display:block; width:100%; }
.custom-prev { margin-right:10px; }
.custom-prev, .custom-next { position:relative !important; width:40px !important; height:40px !important; border:1px solid #ddd; border-radius:100%; margin-top:0 !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;}
.custom-prev:after, .custom-next:after { color:#000 !important; font-size:18px !important; }
.pr_btn { display:flex; }
.rv_swiper .thumbnail { height:437px; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

/* 이벤트 배너*/
.event_banner { margin-bottom:100px; }
.event_banner img { width:100%; }

/* 신상품/추천상품 */
.new_rec { margin-bottom:150px; display:flex; }
.new_pro { width:35%; margin-right:5%; }
.rec_pro { width:60%; }
.rec_swiper { height:740px; }
.rec_swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: calc((100% - 30px) / 2) !important; display: flex; justify-content: center; align-items: center; }
.new_swiper { height:740px; }
.new_swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: 134px !important;  display: flex; justify-content: center; align-items: center; }
.np_list > li { border:1px solid #eee; border-radius:10px; padding:16px 0; justify-content: flex-start !important; margin-bottom:15px !important; }
.np_list > li:nth-child(5n+0) { margin-bottom:0 !important; }
.np_list > li .num { width:60px; text-align:center; font-size:18px; color:#000; }
.np_list li .thumbnail { width:100px; height:100px; padding-top:0; margin-right:15px; margin-bottom:0;  }
.np_list li:nth-child(1) .thumbnail { background-image:url('/html/images/tn_01.png'); }
.np_list li:nth-child(2) .thumbnail { background-image:url('/html/images/tn_02.png'); }
.np_list li:nth-child(3) .thumbnail { background-image:url('/html/images/tn_03.png'); }
.np_list li:nth-child(4) .thumbnail { background-image:url('/html/images/tn_04.png'); }
.np_list li:nth-child(5) .thumbnail { background-image:url('/html/images/tn_05.png'); }
.np_list li:nth-child(6) .thumbnail { background-image:url('/html/images/tn_06.png'); }
.np_list li:nth-child(7) .thumbnail { background-image:url('/html/images/tn_07.png'); }
.np_list li:nth-child(8) .thumbnail { background-image:url('/html/images/tn_08.png'); }
.np_list li:nth-child(9) .thumbnail { background-image:url('/html/images/tn_09.png'); }
.np_list li:nth-child(10) .thumbnail { background-image:url('/html/images/tn_10.png'); }
.np_list li a { display:flex; align-items:center; }

/* 이지티콘 홍보영상 */
.main_media { position:relative; margin-bottom:150px; }
.media_swiper .swiper-slide { width:100%; height: 406px; background-size:cover; }
.swiper_txt { text-align:left; padding-top:90px; }
.swiper_txt h2 { color:#fff; font-size:50px; margin-bottom:15px; margin-left:-2px; }
.swiper_txt p { color:#fff; }
.main_media > .pr_btn { position:absolute; bottom:90px; left:250px; }
.main_media > .pr_btn .swiper-button-next, .main_media > .pr_btn .swiper-button-prev { background-color:#fff; }
.main_media > .pr_btn .swiper-button-prev { margin-right:10px; }
.me_video { position:absolute; right:100px; top:50%; transform: translate(0, -50%); z-index:5; }
.me_video .mv { display:none; }
.me_video .mv.active { display:block; animation-name: dropdown; animation-duration: 500ms; animation-direction: normal; }
.me_video img { width:100%; }
@keyframes dropdown {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
  }
}




/* 상품 리스트 페이지 */
.ct_list_wrap { margin:15px 0; }
.ct_list { display:flex; gap:22px; }
.ct_list li { position:relative; }
.ct_list li a { font-size:14px; font-weight:400; color:#999; }
.ct_list li.on a { color:#000; }
.ct_list li:after { content:''; width:12px; height:12px; position:absolute; right:-16px; top:50%; transform:translate(0,-50%); display:inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23999999' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:center; background-size:100%; }
.ct_list li:last-child:after { display:none; }


.pro_banner img { width:100%; }
.product_tit { font-size:40px; color:000; text-align:center; margin-bottom:40px; }

.cate_tab { margin:40px 0 30px; }
.big_tab { display:flex; }
.big_tab li { flex:1 1; text-align:center; font-size:18px; font-weight:400; border-right:1px solid #ddd; border-top:1px solid #eee; border-bottom:1px solid #eee;   }
.big_tab li:first-child { border-left:1px solid #ddd; }
.big_tab li.on a { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; }
.big_tab li a { display:block; padding:20px 0; }
.ct_2depth { background-color:#f2f8f9; text-align:center; }
.small_tab { display:flex; justify-content:center; gap:40px; }
.small_tab li a { position:relative; display:block; padding:20px 0; font-size:17px; color:#555; font-weight:400; }
.small_tab li a:hover { color:#1fa0b0; }
.small_tab li.on a { color:#1fa0b0; font-weight:500; }
.small_tab li.on a:after { content:''; display:block; width:100%; height:3px; background-color:#1fa0b0; position:absolute; left:0; bottom:12px; }

.sort_area { display:flex; align-items:center; justify-content:space-between; margin-bottom:25px; border-bottom:1px solid #eee; padding-bottom:25px; }
.sort_res { font-size:16px; font-weight:400; color:#333; }
.sort_res span { color:#1fa0b0; }
.sort_wrap { display:flex; }
.sort_wrap li:first-child { margin-right:10px; }
.sort_select { border:1px solid #eee; padding:12px 75px 12px 15px; border-radius:5px; font-size:14px; color:#777; font-weight:400; }
select.sort_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat;
    background-position: right 10px bottom 45%;
    box-sizing: border-box;
    background-size: 15px;
    background-color: #fff;
}





.pro_de_wrap { display:flex; gap:4%; margin:40px auto 60px; }
.pro_de_wrap > div { flex:1 1; width:46%; }
.mySwiper2 { height: 700px; width: 100%; margin-bottom:20px; border-radius:10px; overflow:hidden; border:1px solid #eee; }
.mySwiper2 .swiper-slide { height:700px; }
.mySwiper3 { height: 20%;  box-sizing: border-box; padding: 10px 0; }
.mySwiper3 .swiper-slide { width: 25%;  height: 100%; opacity: 0.4; border-radius:10px; border:1px solid #eee; overflow:hidden; }
.mySwiper3 .swiper-slide-thumb-active { opacity: 1; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.icon_banner { display:flex; gap:10px; }
.ti_big { margin:10px 0 25px; }
.ti_big .tn_name { font-size:35px; }
.ti_big .tn_sum { font-size:16px; }
.ti_big .price_list li { font-size:25px; }

.detail_info li { display:flex; border-bottom:1px solid #eee; padding:15px 0; }
.detail_info li:last-child { border-bottom:0; }
.detail_info li p { font-size:15px; font-weight:400; }
.detail_info li .tit { width:25%; color:#000; font-weight:500; }
.detail_info li .sum { width:75%; color:#555; }
.detail_info li .sum i { display:inline-block; vertical-align:middle; margin-top:-2px; font-size:17px; }
.detail_info li .sum .noti { color:#999; }
.pd_select { width:100%; margin:10px 0 20px; border:1px solid #eee; padding:12px 75px 12px 15px; border-radius:5px; font-size:15px; color:#777; font-weight:400; }
select.pd_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23999999' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat:no-repeat;
	background-position: right 20px bottom 45%;
    box-sizing: border-box;
    background-size: 17px;
    background-color: #fff;
}

.pd_btn_area { display:flex; gap:10px; margin-top:40px; }
.he_btn { display:inline-block; width:66px; height:66px; background-color:#eaf4f5; border-radius:5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M178,32c-20.65,0-38.73,8.88-50,23.89C116.73,40.88,98.65,32,78,32A62.07,62.07,0,0,0,16,94c0,70,103.79,126.66,108.21,129a8,8,0,0,0,7.58,0C136.21,220.66,240,164,240,94A62.07,62.07,0,0,0,178,32ZM128,206.8C109.74,196.16,32,147.69,32,94A46.06,46.06,0,0,1,78,48c19.45,0,35.78,10.36,42.6,27a8,8,0,0,0,14.8,0c6.82-16.67,23.15-27,42.6-27a46.06,46.06,0,0,1,46,46C224,147.61,146.24,196.15,128,206.8Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:30px; background-position:center; }
.pd_btn { flex:2; height:66px; border:1px solid #ddd; background-color:#fff; font-size:18px; color:#000; border-radius:5px; cursor:pointer; }
.pd_btn.blue { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; }

.total_price { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #666; padding-top:25px; }
.total_price p { font-size:19px; color:#000; }
.total_price .num { font-size:22px; }
.pd_option li { display:flex; align-items:center; justify-content:space-between; font-size:15px; padding:0 0 20px; }
.qua_wrap { display: flex; justify-content: center; }
.qua_minus {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 25px;
    width: 36px;
    height: 36px;
    min-width: initial;
    border-width: 1px 0px 1px 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(228, 228, 228);
    border-bottom-color: rgb(228, 228, 228);
    border-left-color: rgb(228, 228, 228);
    border-image: initial;
    border-radius: 0px;
    background: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 400;
    color: rgb(160, 160, 160);
    border-right-style: initial;
    border-right-color: initial;
}
.qua_num {
    display: block;
    color: rgb(26, 26, 26);
    outline: none;
    margin: 0px;
    padding: 0px;
    width: 37px;
    height: 36px;
    border: 1px solid rgb(228, 228, 228);
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.qua_plus {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 25px;
    width: 36px;
    height: 36px;
    min-width: initial;
    border-width: 1px 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(228, 228, 228);
    border-right-color: rgb(228, 228, 228);
    border-bottom-color: rgb(228, 228, 228);
    border-image: initial;
    border-radius: 0px;
    background: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 400;
    color: rgb(160, 160, 160);
    border-left-style: initial;
    border-left-color: initial;
}

.spd_tit { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.spd_tit h2 { font-size:22px; }
.small .tn_name { font-size:14px; }
.small .tn_sum { font-size:13px; }
.small .price_list { gap:5px; }
.small .price_list li { font-size: 14px; font-weight: 500; }

.scus-prev { margin-right:10px; }
.scus-prev, .scus-next { width:35px !important; height:35px !important; }
.scus-prev:after, .scus-next:after { font-size:14px !important; }

.pdvideo_swiper .swiper-slide { width:100%; height:355px; background-size:cover; background-repeat:no-repeat; background-position:center; border-radius:10px; }

.pdsum_tab { border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:40px; }
.pdsum_tab_list { display:flex; }
.pdsum_tab_list li { position:relative; flex:1 1; text-align:center; font-size:18px; font-weight:400; color:#333; }
.pdsum_tab_list li a { position:relative; display:block; padding:20px 0; }
.pdsum_tab_list li:after { content:''; display:inline-block; width:1px; height:16px; background-color:#eee; position:absolute; right:0; top:50%; transform:translate(0,-50%);}
.pdsum_tab_list li.active a { color:#1fa0b0; }
.pdsum_tab_list li.active a:after { content:''; display:block; width:100%; height:3px; background-color:#1fa0b0; position:absolute; left:0; bottom:0; }
.pdsum_tab_list li .num { color:#1fa0b0; }
.de_info { text-align:center; margin-bottom:50px; }
.de_tb_wrap { margin-bottom:60px; }
.de_tb { border-top:2px solid #333; }
.de_tb li { display:flex; border-bottom:1px solid #eee; }
.de_tb li p { padding:20px 20px; font-size:15px; text-align:left; }
.de_tb li p:nth-child(1n+0) { width:15%; background-color:#f2f8f9; }
.de_tb li p:nth-child(2n+0) { width:35%; background-color:#fff; color:#555; font-weight:400; }
.de_img img { max-width:1240px; }
.de_title { margin-bottom:20px; }
.de_title h2 { font-size:22px; }
.de_title h2 span { color:#1fa0b0; }

.de_conts { margin-bottom:50px; }
.de_table { width:100%; border-top:2px solid #333;  }
.de_table thead th { padding:15px 0; font-size:14px; border-bottom:1px solid #eee; }
.de_table tbody td { padding:15px 0; font-size:14px; border-bottom:1px solid #eee; text-align:center; font-weight:400; }
.de_table tbody td:nth-child(2) { text-align:left; }

.bo_btn_wrap { margin-top:20px; }
.bo_btn { display:flex; justify-content:end; gap:5px; }
.bo_btn a { display:inline-block; background:#fff; border:1px solid #eee; padding:7px 17px; border-radius:5px; }
.bo_btn a.blue { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; }
.pageing_form { text-align:center; margin-top:15px; }
.pageing_form img { vertical-align: top; border: 1px solid #ddd; opacity: 0.5; box-sizing: border-box; cursor:pointer; }
.pageing_form .now_page { display: inline-block; vertical-align: top; width: 26px; height: 26px; font-size: 12px; line-height: 27px; text-align: center; color: #fff; background-color: #1fa0b0; }

.devi_list { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; }
.devi_list li .vi_img { width:100%; height:212px; margin-bottom:15px; border-radius:10px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.vi_ti { font-size:16px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.aca_list_wrap { margin-bottom:100px; }
.aca_list { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 40px;  grid-row-gap: 60px; margin-top:30px; }
.aca_list > li { position:relative; border:1px solid #eee; padding:20px; border-radius:10px; }
.aca_list > li > a { display:flex; align-items:center; gap:5%; }
.aca_img { width:280px; height:265px; background-color:#f8f8f8; background-repeat:no-repeat; background-size:cover; background-position:center; }
.aca_txt { width:50%; }
.aca_txt h3 { font-weight:400; font-size:20px; margin-bottom:40px; color:#000; }
.aca_inlist li { font-size:16px; font-weight:400; color:#777; margin-bottom:10px; display:flex; align-items:center; }
.aca_inlist li span { display:inline-block; width:72%; }
.aca_inlist li .at_box { text-align:center; font-size:15px; padding:3px 3px; width:75px; margin-right:15px; border-radius:5px; border:1px solid #eee; color:#333; }
.aca_btn { width:100%; padding:12px 0; text-align:center; font-size:16px; background-color:#dbdbdb; color:#fff; border-radius:8px; display:block !important; font-weight:400; margin-top:20px; }
.aca_btn.on { background-color:#1fa0b0; }
.cal_area { margin-bottom:100px; }
.aca_title { border-top:2px solid #1fa0b0; padding:25px 0; display:flex; gap:15px; align-items:center; justify-content:center; }
.aca_title .state_icon { background-color:#1fa0b0; color:#fff; padding:5px 10px; border-radius:5px; font-weight:400; font-size:18px; }
.aca_title h3 { font-size:28px; font-weight:400; }
.aca_sum { background-color:#f6fafa; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:20px 40px; }
.aca_sum_list { display:flex; }
.aca_sum_list li { flex:1 1; }
.aca_sum_list p { font-size:18px; font-weight:400; }
.aca_sum_list .bor { background-color:#fff; border:1px solid #1fa0b0; color:#1fa0b0; border-radius:10px; display:inline-block; padding:0 8px; font-size:14px; margin-bottom:5px; }
.aca_content { padding:70px 0; text-align:center; }
.board_btn_wrap { display:flex; gap:10px; justify-content:center; }
.board_btn_wrap li a { display:block; padding:12px 50px; border:1px solid #eee; border-radius:5px; font-size:18px; background-color:#fff; font-weight:400; color:#222; }
.board_btn_wrap li a.blue { background-color:#1fa0b0; border-color:#1fa0b0; color:#fff; }
.aca_con_area { margin-bottom:100px; }

/* 이벤트 */
.event_list_wrap { margin-bottom:100px; }
.event_list { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 40px;  grid-row-gap: 60px; margin-top:30px; }
.event_list > li { position:relative; }
.event_img { position:relative; width:100%; height:234px; margin-bottom:15px; border-radius:5px; overflow:hidden; background-color:#f8f8f8; background-repeat:no-repeat; background-size:cover; background-position:center; }
.event_img.over:before { content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.4); }
.event_img.over:after { content:'마감된 이벤트입니다.'; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:22px; color:#fff;  }
.event_txt { width:50%; }
.event_txt h3 { font-weight:500; font-size:20px; margin-bottom:5px; color:#000; }
.event_txt .date { font-size:16px; color:#555; font-weight:400; }

.board_wrap { margin:50px auto 100px; }
.mint_tb { width:100%; margin:30px 0 20px; border-top:2px solid #1fa0b0; }
.mint_tb thead th { font-size:17px; color:#000; padding:15px 5px; font-weight:400; border-bottom:1px solid #eee; }
.mint_tb tbody td { font-size:16px; color:#555; padding:15px 5px; font-weight:400; border-bottom:1px solid #eee; text-align:center; }
.mint_tb tbody td a { color:#555; }
.mint_tb tbody td:nth-child(2) { text-align:left; }
.sort_input { border:1px solid #eee; padding:12px; border-radius:5px; }
.sort_btn { cursor:pointer; background-color:#1fa0b0; border:1px solid #1fa0b0; width:44px; height:44px; border-radius:5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:22px; background-position:center; }
.bo_search_wrap { display:flex; justify-content:end; }
.bo_search_wrap li { display:flex; align-items:center; gap:8px; }

#faq_acc { border-top:2px solid #1fa0b0; }
#faq_acc ul ul { display:none; }
#faq_acc h1 { padding:35px 50px; font-size:17px; cursor:pointer; border-bottom:1px solid #eee; }
#faq_acc h1 > p { position:relative; padding:0 40px; display:flex; }
#faq_acc h1 p:before { content:'Q'; color:#1fa0b0; font-size:20px; font-weight:600; position:absolute; left:0; top:-3px; }
.faq_cate { color:#1fa0b0; display:inline-block; width:13%; }
.faq_sub { display:inline-block; width:87%; }
.faq_ti { color:#1fa0b0; font-weight:600; font-size:20px; display:inline-block; width:3%; }
.faq_ti.bl { color:#222; }
.faq_a { padding:35px 50px; background-color:#f5f5f5; border-bottom:1px solid #eee; font-weight:400; font-size:16px; }
.faq_a li { position:relative; font-weight:400; padding-left:40px; }
.faq_a li:before { content:'A'; color:#222; font-size:20px; font-weight:600; position:absolute; left:0; top:-3px; }
.faq_ico { width:30px; height:30px; position:absolute; right:0; top:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23bfbfbf' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:100%; background-position:center; }
.faq_ico.active { transform: rotate(180deg) !important; }

.media_list { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 40px; grid-row-gap: 50px; margin-top:50px; }
.media_list .media_img { width:100%; height:180px; margin-bottom:15px; background-color:#f8f8f8; border-radius:5px;  }
.media_list h3 { font-size:18px; color:#000; font-weight:500; }



/* mypage */
.mypage_grid { display:flex; gap:3%; margin-bottom:100px; }
.mp_left { width:17%; }
.mp_left .color_box { margin-bottom:18px; background-color:#1fa0b0; color:#fff; height:180px; font-size:35px; align-items:center; justify-content:center; display:flex;  }
.mp_left_cate { padding:0 20px; }
.mp_left_cate li { font-size:17px; font-weight:400; color:#222; margin-bottom:10px; }
.mp_left_cate li.on a { color:#1fa0b0; font-weight:500; }
.mp_left_cate li:hover a { color:#1fa0b0; }
.mp_right { width:80%;  }
.mp_my { width:100%; padding:32px 23px; background-color:#1fa0b0; color:#fff; display:flex; justify-content:space-between;  align-items:center; }
.mp_my h3 { font-size:25px; }
.mp_my ul li a { color:#fff; font-size:16px; font-weight:400; }
.mp_box { display:flex; }
.mp_box.bor_tt { border-top:2px solid #1fa0b0; }
.mp_box li { flex: 1 1; padding:25px 25px; background-color:#f6fafb; border-bottom:1px solid #eee; border-right:1px solid #eee; font-size:17px; display:flex; align-items:center;  justify-content:space-between; }
.mp_box li:first-child { border-left:1px solid #eee; }
.mp_box li .ti { display:flex; align-items:center; gap:10px; }
.mp_box li .num { font-size:25px; }
.mp_box li .num.grcor { color:#aaa; }
.mp_my_list { display:flex; }
.mp_my_list li { position:relative; margin-right:40px; }
.mp_my_list li a { display:flex; align-items:center; }
.mp_my_list li:last-child { margin-right:0; }
.mp_my_list li:after { content:''; width:5px; height:5px; border-radius:100%; background-color:#188592; position:absolute; right:-20px; top:50%; transform:translate(0,-50%); }
.mp_my_list li:last-child:after { display:none; }
.mp_my_list li span { display:flex; align-items:center; }
.mp_my_list li span > img { margin-right:8px; margin-top:1px; }
.mp_my_list li .ml_num { font-size:25px; margin-left:20px; font-weight:500; }
.small_j { font-size:17px; }
.round_mp { display:flex; align-items:center; justify-content:center; width:30px; height:30px; background-color:#1fa0b0; border-radius:100%; }
.round_mp i { color:#fff; }

.mp_status { margin-bottom:25px; }
.mp_stit { display:flex; justify-content:space-between; align-items:center; }
.mp_stit a { font-size:14px; }
.mp_stit a i { display:inline-block; vertical-align:middle; margin-top:-3px; font-size:20px; }
.mypage_stit { position:relative; font-size:20px; padding-left:15px; margin-bottom:15px; }
.mypage_stit:before { content:''; width:3px; height:19px; background-color:#1fa0b0; display:inline-block; position:absolute; top:6px; left:0;  }
.mypage_tb { width:100%; border-top:2px solid #222; }
.mypage_tb thead th { font-size:15px; padding:17px 5px; border-bottom:1px solid #eee; }
.mypage_tb tbody td { font-size:14px; padding:17px 5px; border-bottom:1px solid #eee; text-align:center; font-weight:400; }
.mypage_tb tbody td .can_box { background-color:#222; color:#fff; padding:4px 10px; border-radius:5px; }
.mp_conts { margin-bottom:40px; }
.marb_n { margin-bottom:0; }

.tn_list.grid4 { grid-template-columns: repeat(4, 1fr); }

.mp_sebox { border:1px solid #eee; margin-bottom:25px; padding:25px; }
.mp_sebox > div:first-child { margin-bottom:17px; }
.mp_sebox > div { display:flex; align-items:center; }
.mp_sebtn { display:flex; }
.mp_sebtn li { position:relative; border-right:1px solid #eee; padding:8px 15px; border:1px solid #eee; margin-left:-1px;}
.mp_sebtn li a { color:#999; font-weight:400; }
.mp_sebtn li.on:after { content:''; display:block; width:100%; height:100%; box-shadow: 0 0 0 1px #000 inset;  position:absolute; left:0; top:0; }
.mp_sebtn li.on a { color:#222; font-weight:500; }
.mp_inbox { display:flex; align-items:center; gap:20px; width:85%; }
.cal_input { border:1px solid #eee; padding:8px 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23bfbfbf' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z'%3E%3C/path%3E%3C/svg%3E");
background-size:18px; background-repeat:no-repeat; background-position:center right 10px; }
.cal_input::placeholder { color:#999; font-weight:400; }
.mp_intit { font-size:14px; width:15%; }
.mp_radio { display:flex; gap:15px; allign-items:center; }
.mp_radio li { display:flex; gap:5px; allign-items:center; font-weight:400; }
.mp_radio li > input { margin-top:1px; }
.mp_sort { padding:0 90px 0 15px; border-radius:0; height:38px; }
.mp_input { border:1px solid #eee; padding:0 15px; height:38px; }
.mp_button { cursor:pointer; background-color:#1fa0b0; border:1px solid #1fa0b0; color:#fff; height:38px; padding:0 15px; font-size:14px; font-weight:400; }
.wh_button { cursor:pointer; background-color:#fff; border:1px solid #eee; color:#222; height:38px; padding:0 15px; font-size:14px; font-weight:400; }
.wh_button img { display:inline-block; margin:-2px 5px 0 0; vertical-align:middle; }
.rev_tb tbody td:nth-child(2) { text-align:left; }
.myinfo_tb tbody th { height:55px; padding:0 5px; color:#000; text-align:left; border-bottom:1px solid #eee; font-weight:500; }
.myinfo_tb tbody td { height:55px; padding:0 5px; color:#666; font-weight:400; text-align:left; }
.myinfo_tb tbody td.address { padding:10px 5px; }
.myinfo_tb tbody td.address .tip { color:#999; font-weight:400; }
.myinfo_tb tbody td.address .btn_join { display:inline-block; vertical-align:top; line-height:35px; font-weight:400; padding:0 8px; background-color:#222; font-size:13px; color:#fff; height:36px; }
.myinfo_tb tbody td.address .ipt_box { margin-bottom:5px; }
.myinfo_tb tbody td.address .last .ipt_box { margin-bottom:0; }
.myinfo_tb tbody td input { border:1px solid #eee; padding:0 5px; height:36px; font-weight:400; }
.myinfo_tb tbody td select { border:1px solid #eee; padding:0 5px; height:36px; font-weight:400; }
.myinfo_tb tbody td textarea { border:1px solid #eee; padding:5px; resize:none; width:50%; height:100px; }
.myinfo_tb tbody td ul li { color:#666; font-weight:400; margin-bottom:3px; }
.myinfo_tb tbody td ul li:last-child { margin-bottom:0; }
.ess { color:red; }
.center_btn { justify-content:center; margin-top:25px; }
input[type="file"].ipt_box { padding:5px; height:auto; }

.wish_check { position:absolute; top:15px; left:15px; }
.chk_btn { display:flex; align-items:Center; justify-content:space-between; margin-bottom:20px; }
.chk_btn .chk { display:flex; gap:5px; font-weight:400; }
.cou_yes { color:#1fa0b0; }
.cou_non { color:#aaa; }

.mil_box { border:1px solid #eee; padding:40px 25px; margin-bottom:20px; }
.mil_list { display:flex; align-items:center; justify-content:space-between; }
.mil_list li { position:relative; width:33.333%;  text-align:center; }
.mil_list li:first-child { text-align:left; }
.mil_list li:after { content:''; display:inline-block; width:1px; height:100px; background-color:#eee; position:absolute; right:0; top:50%; transform:translate(0,-50%); }
.mil_list li:last-child:after { display:none; }
.mil_list li .mil_num { font-size:28px; font-weight:500; }
.mil_list li .mil_num span { font-size:15px; font-weight:400; display:block; }
.mil_tit { font-size:24px; font-weight:300; }
.mil_tit .bl_b { font-weight:500; }
.mil_tit .blue_b { color:#1fa0b0; font-weight:500; }


.big_title { margin:40px 0; display:flex; align-items:center; justify-content:space-between; }
.big_title h2 { display:flex; align-items:center; gap:7px; font-size:24px; color:#222; font-weight:500; }
.cart_step { display:flex; }
.cart_step li { position:relative; font-size:16px; font-weight:600; margin-right:55px; color:#ccc; }
.cart_step li:last-child { margin-right:0; }
.cart_step li:last-child:after { display:none; }
.cart_step li:after { content:''; width:30px; height:1px; background-color:#ccc; display:inline-block; position:absolute; right:-40px; top:50%; transform:translate(0,-50%);}
.cart_step li span { width:25px; height:25px; background-color:#ccc; color:#fff; display:inline-block; vertical-align:middle; border-radius:100%; text-align:center; margin:-2px 7px 0 0; font-weight:400; }
.cart_step li.on { color:#000; }
.cart_step li.on span { background-color:#1fa0b0; color:#fff; }
.cimg_area { position:absolute; left:0; top:50%; transform:translate(0,-50%); width:80px; height:80px; background-repeat:no-repeat; background-position:center; background-size:cover; border:1px solid #eee; }
td.pro_info { position:relative;  }
td.pro_info p { font-size:15px; }
td.pro_info .c_tit  { font-size:16px; color:#222; font-weight:500; margin-bottom:2px; }
td.pro_info .c_desk { font-size:15px; color:#999; font-weight:400; }
.cart_btn { display:inline-block; background:#fff; border:1px solid #eee; padding:7px 17px; border-radius:5px; font-weight:400; }
.cart_btn.blue { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; }
.cartbtn_list li { margin-bottom:5px; }
.cartbtn_list li:last-child { margin-bottom:0; }
.bo_btn.align_left { justify-content:start; margin:20px 0 50px; }
.cart_price { display:flex; margin-bottom:50px; }
.cart_price li { position:relative; width:25%; text-align:center; }
.cart_price li .ti { font-size:16px; border-top:2px solid #222; padding:15px 5px; border-bottom:1px solid #eee; }
.cart_price li .pr { position:relative; font-size:20px; border-bottom:1px solid #eee; padding:30px 5px; }
.cart_price li .pr:after { content:''; width:32px; height:32px; background-color:#1fa0b0; border-radius:100%; display:inline-block; position:absolute; right:0; top:50%; transform:translate(0,-50%);
background-repeat:no-repeat; background-size:17px; background-position:center; 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z'%3E%3C/path%3E%3C/svg%3E");}
.cart_price li:last-child .pr:after { display:none; }
.cart_price li.eq .pr:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M228,160a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,160ZM40,108H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24Z'%3E%3C/path%3E%3C/svg%3E"); }
.cart_price li .pr span { font-size:15px; margin-left:3px; font-weight:400; }
.cart_price li .pr.bu { color:#1fa0b0; }
.ctxt_area { padding-left:90px; }
.no_cart { padding:100px 0 !important; }
.no_cart p { font-weight:400; margin-top:20px; font-size:20px; color:#555; line-height:initial; }
.cart_bbtn { display:flex; align-items:center; justify-content:center; gap:10px; }
.cart_bbtn a { display:inline-block; min-width:140px; text-align:center; font-size:16px; border:1px solid #eee; padding:10px 20px; border-radius:5px; }
.cart_bbtn a.blue { background-color:#1fa0b0; color:#fff; border-color:#1fa0b0; }

.order_sec { margin-bottom:50px;}
.dot_tit { position:relative; padding-left:14px; margin-bottom:12px; font-size:18px; color:#222; }
.dot_tit:before { content:''; display:inline-block; width:5px; height:5px; border-radius:100%; background-color:#1fa0b0; position:absolute; top:50%; transform:translate(0,-50%); left:0; }
.order_noti { margin-bottom:40px; font-size:20px; text-align:center; font-weight:400; }
.pay_list { display:flex; align-items:center; gap:20px; }
.pay_list li { display:flex; align-items:center; gap:5px; }
.pay_list li input { margin-top:1px; }
.order_snoti { position:relative; padding-left:20px; font-size:14px; color:#999; font-weight:400; margin-top:7px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23bdbdbd' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-8,56a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm8,104a12,12,0,1,1,12-12A12,12,0,0,1,128,184Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:17px; background-position:top 2px left; }
.bl_ortxt { color:#222; font-size:14px; }
.comp_txt { font-size:36px; color:#222; text-align:center; margin:40px auto; }
.comp_txt p span { color:#1fa0b0; }
.orblue_txt { color:#1fa0b0; font-weight:500; }


.email_banner { background-image:url('/html/images/email_banner_bg.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center; padding:80px 0; }
.email_banner > div { display:flex; align-items:center; justify-content:space-between; }
.email_banner h3 { color:#fff; font-size:30px; margin-bottom:20px; font-weight:600; }
.email_banner p { color:#fff; font-size:16px; font-weight:400; }
.email_banner .mail_txt { font-size:15px; margin-top:15px; font-weight:500; }
.email_banner .mail_btn { display:flex; align-items:center; background-color:#fff; color:#1fa0b0; font-weight:500; padding:15px 27px; border-radius:10px; font-size:18px; font-weight:600; }
.mail_btn .round { display:inline-block; width:30px; height:30px; background-color:#d3eff2; border-radius:100%; text-align:Center; margin-left:15px; 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:center; background-size:12px; }

.sch_search { display:flex; align-items:center; justify-content: space-between; margin-top:50px; }
.sch_search h3 { font-size:30px; font-weight:600; }
.sch_list { display: grid; grid-template-columns: repeat(2, 1fr);  grid-column-gap: 30px; grid-row-gap: 50px; margin:40px 0 0; }
.sch_list > li  { background-color: #fff; padding: 30px; border-top: 5px solid #1fa0b0; border-radius: 10px; box-shadow: 4px 12px 20px 1px rgb(0 0 0 / 9%); }

.contact_wrap { display:flex; margin-top:50px; border:1px solid #eee; }
.contact_wrap > div { flex:1 1; width:50%; }
.map_wrap { height:100%; }
.contact_con { display:none; height:100%; }
.contact_con.current { display:block; }
.contact_con.blank { position:relative; background-color:#d3eff2; }
.contact_con.blank:after { content:'comming soon'; font-size:40px; color:#1fa0b0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.contact_list { padding:0 40px; border-right:1px solid #eee; }
.contact_list > li { cursor:pointer; border-bottom:1px solid #eee; }
.contact_list > li:last-child { border-bottom:0; }
.contact_info { display:none; color:#666666; margin:-15px 0 30px; font-weight:400; font-size:15px; }
.contact_info p { font-weight:400; }
.contact_add { position:relative; display:flex; align-items:center; gap:10px; padding:30px 0 30px; font-size:20px; font-weight:500; color:#000; }
.contact_link .contact_add .round {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #f4f4f4;
    border-radius: 100%;
    text-align: Center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23949494' viewBox='0 0 256 256'%3E%3Cpath d='M128,16a88.1,88.1,0,0,0-88,88c0,75.3,80,132.17,83.41,134.55a8,8,0,0,0,9.18,0C136,236.17,216,179.3,216,104A88.1,88.1,0,0,0,128,16Zm0,56a32,32,0,1,1-32,32A32,32,0,0,1,128,72Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}
.contact_link.current .contact_add .round {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #d3eff2;
    border-radius: 100%;
    text-align: Center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M128,16a88.1,88.1,0,0,0-88,88c0,75.3,80,132.17,83.41,134.55a8,8,0,0,0,9.18,0C136,236.17,216,179.3,216,104A88.1,88.1,0,0,0,128,16Zm0,56a32,32,0,1,1-32,32A32,32,0,0,1,128,72Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}
.contact_way { display:flex; gap:20px; margin-top:5px; }
.contact_way li { font-weight:400; background-repeat:no-repeat; background-position:center left; background-size:18px; padding-left:23px; }
.contact_way li a { color:#666; }
.contact_way li.call { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23949494' viewBox='0 0 256 256'%3E%3Cpath d='M231.88,175.08A56.26,56.26,0,0,1,176,224C96.6,224,32,159.4,32,80A56.26,56.26,0,0,1,80.92,24.12a16,16,0,0,1,16.62,9.52l21.12,47.15,0,.12A16,16,0,0,1,117.39,96c-.18.27-.37.52-.57.77L96,121.45c7.49,15.22,23.41,31,38.83,38.51l24.34-20.71a8.12,8.12,0,0,1,.75-.56,16,16,0,0,1,15.17-1.4l.13.06,47.11,21.11A16,16,0,0,1,231.88,175.08Z'%3E%3C/path%3E%3C/svg%3E"); }
.contact_way li.fax { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23949494' viewBox='0 0 256 256'%3E%3Cpath d='M240,96v80a8,8,0,0,1-8,8H200v32a8,8,0,0,1-8,8H64a8,8,0,0,1-8-8V184H24a8,8,0,0,1-8-8V96c0-13.23,11.36-24,25.33-24H56V40a8,8,0,0,1,8-8H192a8,8,0,0,1,8,8V72h14.67C228.64,72,240,82.77,240,96ZM72,72H184V48H72Zm112,88H72v48H184Zm16-44a12,12,0,1,0-12,12A12,12,0,0,0,200,116Z'%3E%3C/path%3E%3C/svg%3E"); }
.contact_way li.mail { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23949494' viewBox='0 0 256 256'%3E%3Cpath d='M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.18V181.82Z'%3E%3C/path%3E%3C/svg%3E"); }
.contact_mess { text-align:center; margin-top:50px; }
.contact_mess p { font-weight:400; color:#000; }
.contact_mess p.gr { color:#999; margin-top:8px; }
.contact_mess p a { color:#999; }
.contact_mess p .mail { color:#000; font-weight:500; margin-right:20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48Zm-96,85.15L52.57,64H203.43ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.18V181.82Z'%3E%3C/path%3E%3C/svg%3E");
background-position:center left; background-size:20px; background-repeat:no-repeat; padding-left:27px; }
.contact_ico {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 40%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23bfbfbf' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.contact_ico.active { transform: rotate(180deg) !important; }

.float_inner { position:relative; }
.float_banner  { display:none; position:fixed; width:100px; height:207px; padding:8px; border-radius:10px; bottom:170px; right:20px; z-index:10; background-color:#fff; border:1px solid #eee; }
.float_img { width:100%; height:120px; margin-bottom:5px; border-radius:10px; background-repeat:no-repeat; background-size:cover; background-position:center; }
.float_txt { font-size:12px; text-align:center; word-break:keep-all;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/* footer */
#footer { border-top:1px solid #eee; }
.f_inner { max-width:1400px; margin:0 auto; display:flex; padding:50px 0; }
.f_logo { width:105px; height:51px; margin-bottom:20px; background-image:url('/html/images/f_logo.png'); background-size:100%; background-repeat:no-repeat; background-position:center; }
.f_info { flex:4; }
.f_info .f_list li { position:relative; display:inline-block; margin:0 15px 4px 0; font-size:14px; color:#000; font-weight:500; }
.f_info .f_list li:after { content:''; display:inline-block; width:1px; height:14px; background-color:#ddd; position:absolute; right:-10px; top:50%; transform:translate(0,-50%); }
.f_info .f_list li:last-child:after { display:none; }
.f_tit { position:relative; font-size:16px; color:#000; font-weight:500; margin-bottom:15px; }
.f_tit:after { content:''; display:block; width:30px; height:3px; background-color:#1fa0b0; margin:15px 0;}
.back-top { display:none; cursor: pointer; width: 60px; height: 60px; position: fixed; bottom: 30px; right: 37px; border-radius:100%;  background: rgba(255,255,255,0.5); align-items: center;
justify-content: center; background-color: #1fa0b0; box-sizing: border-box; z-index:10; }
.back-top svg { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.f_email { color:#555; font-weight:400; margin-top:10px; }
.copy { color:#999; font-weight:400; margin-top:12px; }
.f_company { flex:2; display:flex; align-items:start; gap:15px; }
.f_select { width:50%; }
.f_select > div { position:relative; }
.f_select .fs_box { cursor:pointer; position:relative; border:1px solid #eee; border-radius:10px; font-size:16px; color:#555; font-weight:400; padding:15px 15px; 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: right 10px bottom 45%; box-sizing: border-box; background-size: 15px; background-color: #fff; }
.f_select .fs_menu { display:none; position:absolute; width:100%; background-color:#fff; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; padding:15px; border-radius:10px;}
.f_select .fs_menu li { font-size:14px; margin-bottom:7px; font-weight:400; }
.f_select .fs_menu li:last-child { margin-bottom:0; }







/* 허브 상세 */
.hub_detail_wrap { margin-top:30px; margin-bottom:100px; }
.hub_detail_video { display:flex; gap:40px; margin-bottom:50px; }
.hub_detail_left { width:65%; }
.hub_left_video { margin-bottom:30px; font-size:0; position: relative; }
.hub_left_video img { width:100%; }
.hub_detail_name { font-size:25px; margin-bottom:8px; }
.hub_detail_date { font-size:20px; font-weight:400; color:#333; }
.hub_detail_icon { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eee; padding-bottom:15px; margin-top:20px; }
.hub_detail_icon ul { display:flex; gap:20px; }
.hub_detail_icon_list { gap:15px !important; }
.hub_detail_icon_list:after { display:none; }
.hub_detail_icon_list li i { font-size:23px; }
.hub_detail_logo { width:35px; height:35px; border:1px solid #eee; border-radius:100%; background-size:90%; background-position:center; background-repeat:no-repeat; }
.hub_detail_desk_list li { display:flex; align-items:center; gap:8px; font-weight:400; }
.hub_detail_desk_list .b_num { font-size:17px; font-weight:500; }
.hub_detail_infotxt { margin-top:30px; }
.hub_detail_infotxt p { font-size:16px; font-weight:400; }

.hub_detail_comment_tit { font-size:17px; margin-bottom:20px; font-weight:400; }
.hub_detail_comment_tit span { color:#1fa0b0; font-weight:500; }
.hub_detail_comment_input { display:flex; align-items:center; gap:20px; }
.hub_detail_comment_thumbnail { width:60px; height:60px; background-size:cover; background-repeat:no-repeat; background-position:center; background-repeat:no-repeat; }
.hub_detail_commentbox { position:relative; flex:2; }
.hub_detail_commentbox input { background-color:#eeeeee; padding:10px 120px 10px 10px; width:100%; height:70px; border:1px solid #eee; border-radius:5px;}
.hub_detail_commentbox button { position:absolute; right:10px; top:10px; background-color:#00abc8; border:1px solid #00abc8; color:#fff; padding:15px 25px; border-radius:5px; }
.hub_detail_commentlist { margin-top:30px; }
.hd_comment_tit { font-size:16px; margin-bottom:5px; }
.hd_comment_tit span { color:#1fa0b0; font-size:14px; font-weight:400; margin-left:15px; }
.hd_comment_desk { font-size:16px; font-weight:400; margin-bottom:13px; }
.hub_detail_commneticon { display:flex; gap:10px; align-items:center; }
.hub_detail_commneticon li { font-size:13px; }
.hub_detail_commneticon li a { display:inline-block; }
.hub_detail_commneticon li i { color:#bbb; }
.hdc_btn { border:1px solid #ddd; padding:3px 6px; }
.close_comment { border-bottom:1px solid #eee; padding:20px 0; text-align:center; font-size:16px; }
.close_comment a i { display:inline-block; vertical-align:middle; margin-top:-2px; font-size:20px; }
.close_comment a .cc_color { color:#1fa0b0; }

.hub_detail_right { width:35%; }
.hub_detail_ad { margin-bottom:30px; font-size:0; margin-top:20px; }
.hub_detail_ad a { display:block; }
.hub_detail_ad img { width:100%; }
.hub_detail_stit { margin-bottom:30px; }
.hub_detail_stit h2 { position:relative; font-size:22px; font-weight:600; padding-bottom:18px; border-bottom:1px solid #eee; }
.hub_detail_stit h2:after { content:''; display:inline-block; width:52px; height:2px; background-color:#1fa0b0; position:absolute; bottom:0; left:0; }
.hub_detail_recolist li { margin-bottom:17px; }
.hub_detail_recolist li:last-child { margin-bottom:0; }
.hub_detail_recolist li a { display:flex; gap:15px; }
.hub_detail_recolist li .hd_video { flex:5; }
.hub_detail_recolist li .hd_video img { width:100%; }
.hub_detail_recolist li .hd_conts { flex:6; padding-top:10px; }
.hd_conts .hd_conts_name { font-size:15px; margin-bottom:8px; letter-spacing:-0.55px; }
.hd_conts .hd_conts_conts { font-size:14px; font-weight:400; color:#646464; word-break:break-all; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp:2;  overflow: hidden; }

.hub_detail_item { margin-bottom:100px; }
.nitem_tit { position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 40px; }
.nitem_tit h2 { position: relative; font-size: 22px; font-weight:600; }
.nitem_tit:after { content:''; display:inline-block; width:52px; height:2px; background-color:#1fa0b0; position:absolute; bottom:0; left:0; }
.tnp_name { font-size: 16px; color: #000; margin-bottom: 5px; text-align: left; }
.tnp_sum { color: #999; font-size: 14px; font-weight: 400; text-align: left; }
.price_list { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.price_list li { font-size: 16px; font-weight: 500; }
.price_list .blue_txt { color: #0777d7; }
.price_list .line_txt { color: #b5b5b5; font-weight: 400; text-decoration: line-through; }




.hub_li_left { width:55%; }
.hub_li_right { width:45%; }
.hub_li_ad { margin:50px 0 30px; font-size:0; }
.hub_li_ad a { display:block; }
.hub_li_ad img { width:100%; }








/* 허브 메인 */
.hub_main_select { border:1px solid #ddd; padding:5px 10px; border-radius:5px; font-weight:400; font-size:14px; }
.select_pagi_box { display:flex; align-items:center; gap:30px; }
.item_tit h2 { display:flex; align-items:center; }
.plus_more { margin-left:10px; font-size:15px; font-weight:400; }
.plus_more lang { display:flex; align-items:center; gap:2px;}
.plus_more i { font-size:16px; display:inline-block; vertical-align:middle; color:#1fa0b0; }
#ul_movie_56 .owl-height { height:auto !important; }






.video-js .vjs-overlay-bottom-left { bottom:0 !important; left:0 !important; background-color:rgba(0,0,0,0.5) !important; padding:25px !important; }

.li_th img { width:100%; }

.comment h3 .comment_cnt { color:#1fa0b0; margin-right:5px; }

/* 다음 영상 재생 및 관련 영상 팝업 */
.line_pop_lay a {position: absolute; right: 12px; top: 12px; z-index: 99; background: #1fa0b085; border-radius: 100px; padding: 5px 20px; font-size: 13px; color: #fff; display: block;}
.relation_wrap {position: absolute; z-index: 10; width:55%; transform: translate(-50%, -50%); left: 50%; top: 50%;}
.relation_video {width: 100%; margin: 0 auto;}
.relation_list {width:32%; display:inline-block; margin: 2% 2% 0 0; vertical-align: top;}
.relation_list:last-child {margin-right:0;}
.video_thum {position: relative;}
.video_sub a {color: #fff; font-size: 11px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.next_video_lay {}
.next_video {width: 100%; margin: 0 auto;}
.timer_txt {font-size: 14px; color: #b4b4b4; margin-bottom: 5px;}
.timer_txt span {color: #fff;}
.next_thum {width: 45%; display: inline-block; vertical-align: top; position: relative;}
.next_sub {color: #fff; font-size: 14px; width: 52%; margin-left: 3%; display: inline-block; vertical-align: top;}
.next_conts_conts {font-size: 14px; font-weight: 400; color: #bcbcbc; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.next_conts_name {font-size: 15px; margin-bottom: 8px; letter-spacing: -0.5px;}
.next_btn {margin: 15px 0 20px 0;}
.next_btn a {width: 49%; display: inline-block; background: #383838; border-radius: 100px; color: #fff; font-size: 15px; text-align: center; line-height: 42px;}
.next_btn a:nth-child(2) {margin-left: 2%; background: #1fa0b0;}
.next_video_wrap {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.next_video_wrap:before {content: ''; background: #000000e0; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 9;}
/* 다음 영상 재생 및 관련 영상 팝업 */







/*로그인 통합 쪽 */


.int_logo { display:flex; align-items:center; justify-content:center; gap:80px; margin-bottom:25px; }
.int_logo li { position:relative; font-size:0; }
.int_logo li:after { content:''; width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-size:100%; position:absolute; right:-55px; top:50%; transform:translate(0,-50%); 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z'%3E%3C/path%3E%3C/svg%3E"); }
.int_logo li:last-child:after { display:none; }
.int_h3 { font-size:30px; text-align:center; font-weight:400; margin-bottom:50px; }
.int_h3 b { font-weight:600; }
.int_h3 span { color:#1fa0b0; font-weight:500; }
.int_img { text-align:center; margin-bottom:30px; }
.int_box { max-width:765px; margin:0 auto 50px; background-color:#edf7f8; padding:30px 30px; border-radius:10px; }
.int_dotlist > li { position:relative; font-size:20px; margin-bottom:10px; font-weight:400; color:#222; padding-left:15px; }
.int_dotlist > li:last-child { margin-bottom:0; }
.int_dotlist > li:before { content:''; display:inline-block; width:3px; height:3px; border-radius:100%; background-color:#222; position:absolute; left:0; top:14px; }
.int_h4 { font-size:25px; text-align:center; font-weight:400; }
.int_h4 span { color:#1fa0b0; font-weight:500; }

.int_dotlist.flex > li { display:flex; align-items:center; height:45px; padding-left:0; margin-bottom:20px; }
.int_dotlist.flex > li:before { display:none; }
.int_dotlist.flex > li p { font-weight:400; }
.int_dotlist.flex > li .ti { position:relative; flex:1; padding-left:15px; }
.int_dotlist.flex > li .ti:before { content:''; display:inline-block; width:3px; height:3px; border-radius:100%; background-color:#222; position:absolute; left:0; top:14px; }
.int_dotlist.flex > li .ti i { cursor:pointer; color:#ccc; }
.int_dotlist.flex > li .desk { flex:2; }
.int_dotlist.flex > li.chk_li { height:auto; align-items:start; }
.int_input { width:80%; border:1px solid #ddd; border-radius:5px; padding:0 10px; height:45px; }
.int_dotlist.flex > li:before { top:21px; }
.info_chk li { font-weight:400; font-size:18px; margin-bottom:5px; }
.info_chk li:last-child { margin-bottom:0; }
.info_chk li label { display:flex; align-items:center; gap:7px; }

.doctor_flex { display:flex; gap:5px; }
.doctor_flex .filebox { flex:2; align-items:center; display:flex; }
.doctor_flex .filebox label { height:40px; display:flex; align-items:center; justify-content:center; padding:0 13px; }
.doctor_flex .filebox .upload-name { height:40px; border:1px solid #ddd; margin-left:5px; }
.doctor_flex .filebox .upload-name::placeholder { color:#ccc; }
.doctor_flex .filebox .upload-name::value { color:#ccc; }
.join_tb tbody td.padd { padding:5px 15px; }
.email_flex { display:flex; align-items:center; gap:5px; }
.number_flex { display:flex; align-items:center; gap:5px; }


/* video view */
#video_comment_list { margin-top:20px; }
#video_comment_list li { display:flex; gap:20px; align-items:center; justify-content:space-between; padding:12px 16px; border-bottom:1px solid #eee; }
#video_comment_list li.reply { background-color: #f2ffff;color:#22793e;}
#video_comment_list li .reg_mid { width:8%; word-break: break-all; }
#video_comment_list li .content { flex:2; width:80%; font-weight:400; word-break: break-all; }
#video_comment_list li .reg_datetime { width:12%; color:#999; font-weight:400; word-break: break-all; }
#video_comment_list li:last-child { margin-bottom:0; }

#video_comment_list .comment_delete {color:#FF0000;}
#video_comment_list .comment_reply {color:#0000FF;}


/* video banner */
.video_banner {width:100%; height:35vw; position: relative; background-image:url("../images/video_background.png"); background-repeat: no-repeat; background-position: 100% 100%; background-size: cover; /* background:#000; z-index:-1; */ overflow: hidden;}
.video_banner video {width:100%; height:35vw; transform: scale(1.5);}
.video_text {position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; text-align: center; z-index: 9; width: 100%;}
.video_text span {color: #fff; font-size: 48px; line-height: 62px;}
.video_button {display: block; border: 2px solid #fff; width: 220px; margin: 0 auto; padding: 10px; font-size: 20px; color: #fff; margin-top: 40px;}





/* join */
.join_bg { position:relative; width:100%; min-height:100vh; background-image:url('https://sso.hansbiohub.com/skin/kor/images/join_bg.jpg'); background-repeat:no-repeat; background-position:top center; background-color:#f7f7f7; }
.join_wrap { padding-top:260px; }
.join_header { position:absolute; top:90px; left:50%; transform: translateX(-50%); }
.join_header h1 { font-size:55px; color:#fff; font-weight:500; display:flex; align-items:center; }
.join_con { min-height:60vh; padding:50px 0 100px; background-color:#fff; border-radius:10px; box-shadow:4px 12px 30px 6px rgb(0 0 0 / 9%); }
.join_footer { padding:40px 0; }
.join_footer p { font-size:13px; color:#999; font-weight:400; text-align:center; }
.join_title { text-align:center; margin-bottom:50px; }
.join_title h2 { font-size:36px; margin-bottom:15px; }
.join_title h3 { font-size:20px; color:#222; margin-bottom:5px; }
.join_title h3 span { color:#1fa0b0; }
.join_title p { font-size:18px; line-height:1.5em; color:#727272; font-weight:400; }
.join_nati { max-width:750px; margin:0 auto; display:flex; gap:35px; margin-bottom:50px; }
.join_nati li { cursor:pointer; flex:1 1; height:280px; width:50%; border:2px solid #ddd; border-radius:5px; display:flex; align-items:center; justify-content:center; text-align:center; }
.join_nati li.on { border-color:#1fa0b0; }
.join_nati li.on .nati_round { background-color:#eaf4f5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231fa0b0' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E"); }
.nati_round { width:80px; height:80px;  margin:0 auto 15px; background-color:#f5f5f5; border-radius:100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23cccccc' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:40px; background-position:center; }
.nati_txt { font-size:24px; color:#343434; font-weight:400; }
.joinbtn_wrap { text-align:center; display:flex; gap:10px; align-items:center; justify-content:center; margin-top:40px; }
.joinbtn_wrap > a { display:flex; align-items:center; justify-content:center; width:150px; height:60px; font-weight:400; border:1px solid #ddd; border-radius:5px; font-size:18px; color:#555; }
.joinbtn_wrap > a.blue { background-color:#1fa0b0; border-color:#1fa0b0; color:#fff; }
.joinbtn_wrap > a.round { border-radius:30px; width:280px; }
.joincs_info { margin-top:50px; text-align:center; }
.joincs_info h3 { font-size:22px; color:#222; margin-bottom:10px; }
.joincs_info h3 span { color:#1fa0b0; }
.joincs_list { font-size:18px; margin-bottom:10px; }
.joincs_list li { font-weight:400; margin-bottom:5px; }
.joincs_list a { color:#1fa0b0; margin-left:10px; }
.joincs_txt { color:#999; font-size:15px; line-height:1.5em; font-weight:400; }
.input_inner { max-width:480px; margin:0 auto 30px; text-align:right; }
.skip_btn { color:#1fa0b0; font-size:15px; font-weight:600; display:inline-block; margin-top:10px; }
.code_input { width:100%; background-color:#eaf4f5; border:1px solid #eaf4f5; height:60px; padding:0 20px; border-radius:8px; font-size:16px; }
.code_input::placeholder { color:#b4b4b4; font-weight:400; }




/* 미니 플레이어 */
.miniplayer { overflow:hidden;position: fixed;bottom:268px;right:67px;z-index:10;display: none; }
.miniplayer .closebtn{ border: 1px solid #c1c5cd; background: #fff url('/images/icn-miniplayer-close-n.png') no-repeat center; }
.miniplayer .closebtn:hover{background-color:#f4f4f4;}
.miniplayer .closebtn:active{background: #101010 url('/images/icn-miniplayer-close-s.png') no-repeat center;}
.miniplayer .closebtn .link_closebtn{display: block;width:30px;height: 30px;}
.miniplayer .video .blk{position: absolute;z-index: 1000;width:440px;height:248px;top:38px;right:26px;}
.miniplayer .video .login_ad{color:#fff;font-size:15px;/* letter-spacing:-1.13px; */position: absolute;bottom:4px;left:0;z-index:1000;width:100%;height:44px;line-height:44px;padding-left:10px}
.miniplayer .video .login_ad a{display:inline-block;width:72px;height:30px;line-height:30px;border-radius:15px;border:1px solid #ed0f69;color:#edf6fd;text-align: center;margin-left:5px;}
.miniplayer .video {box-shadow: 0px 14px 12.9px 0.1px rgba(0,0,0, 0.25); }
.main_video_area_inner_playing.vod_mini .main_video_wrapper{
	padding-top: 0;
	width:440px;height:248px; overflow:hidden;position: fixed;bottom:20px;right:67px;z-index:10;  box-shadow:0px 14px 12.9px 0.1px rgba(0,0,0, 0.45);
}
.main_video_area_inner_playing.vod_mini .btn_arrow_right { display: none; }


.jointb_tit { font-size: 18px; color: #222; margin-bottom: 10px; }
.join_tb { width: 100%; text-align: left; border-top: 2px solid #1fa0b0; }
.join_tb tbody th { background-color: #f3f8f9; padding: 0 15px; font-size: 15px; color: #222; border-bottom: 1px solid #eee; height: 60px; }
.join_tb tbody td.flex { display: flex; align-items: center; gap: 5px; }
.join_tb tbody td { background-color: #fff; padding: 0 15px; font-size: 15px; color: #555; border-bottom: 1px solid #eee; height: 60px; }
.join_tb tbody td input[type="text"] { width: 35%; border: 1px solid #ddd; padding: 0 10px; height: 40px; font-weight:400; }
.join_tb tbody td input[type="password"] { width: 35%; border: 1px solid #ddd; padding: 0 10px; height: 40px; font-weight:400; }
.join_tb tbody td input[type="file"] { color:#999; font-weight:400; }
.join_tb tbody td select { width: 35%; border: 1px solid #ddd; padding: 0 10px; height: 40px; font-weight:400; }
.join_tb tbody th .red { color: #ff0000; margin-left: 5px; }
.filebox label { display: inline-block; padding: 5px 13px 3px; color: #666; vertical-align: middle; background-color: #eee; cursor: pointer; font-size: 14px; }
.filebox td { padding:0 !important; }

.kakao-btn-r {display: none; cursor: pointer; width: 60px; height: 60px; position: fixed; bottom: 100px; right: 37px; border-radius: 100%; background: rgba(255,255,255,0.5); align-items: center; justify-content: center; background-color: #fae100; box-sizing: border-box; z-index: 20;}
.kakao-btn-r a {display: block; width: 100%; text-align: center;}
.kakao-btn-r a > img {width: 35px; padding: 12px 0;}

.pipLayer_video {position:fixed; display:none; z-index:999999; width:450px; height:250px; bottom:35px; right:140px;}

.join_tb .filebox td { border-bottom:0; }




#lockpop{ display: none; }
#lockpop{ width:440px; height: auto; border-radius:10px; animation: appear .8s cubic-bezier(.77,0,.175,1) forwards; box-sizing:border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; z-index: 2;  box-shadow: 0 25px 40px -20px #aaa; }
.popbg { background-color:#00a9b0; color:#fff; font-size:23px; padding:15px 20px; font-weight:600; border-radius:10px 10px 0 0; }
.popcont { padding:30px 20px; }
.poptitle { font-size:21px; font-weight:500; text-align:center; margin-bottom:25px; }
.popselect { border:1px solid #ddd; font-size:18px; outline:none; height:40px; width:100%; }
.backon2{ content: ""; width: 100%; height: 100%; background-color:rgba(0,0,0,0.1); position: fixed; top: 0; left: 0; z-index: 1; }
.openPopup{ cursor:pointer;  display:inline-block; background-color:#222; color:#fff; padding:15px 45px; position:absolute; left:50%;  top:50%; transform: translate(-50%, -50%); }
.popbtn_wrap { display:flex; align-items:center; justify-content:center; gap:15px; margin-top:30px; }
.popbtn { flex:1; text-align:center; color:#fff; background-color:#00a9b0; text-decoration:none; font-size:18px; font-weight:600; border-radius:30px; padding:15px 0; }


@keyframes appear {
  from {
    opacity: 0;
    transform: translate(-50%,-50%);
  }
  to {
    opacity: 1;
    transform: translate(-50%,-55%);
  }
}

@keyframes dissappear {
  from {
    opacity: 1;
    transform: translate(-50%,-55%);
  }
  to {
    opacity: 0;
    transform: translate(-50%,-50%);
  }
}

.mySwiper { height:350px; }
.mySwiper .swiper-slide { background-position:center; }






.vd_id_box { position:absolute; right:0; top:0; background-color:rgba(255,255,255,0.5); font-size:15px; padding:10px 20px; z-index:10; opacity:0.7;color:#FFFACD;}
.video-js { z-index:5; }