.wrap {width:100%;  position:relative; /*background:url("../img/intro/bg_img3.jpg")no-repeat center top; background-size:1920px;*/ min-width:1300px;}
*:focus{outline: none;}

.login {width:580px; margin:auto; padding-top:50px; position:relative;}
.login .top {width:100%; position:relative; padding-bottom:45px;}
.login .top img {display: block; margin: auto;}
.login .top p {font-family: 'GmarketSansMedium',sans-serif!important; font-size:16px; color:#666; font-weight:400; letter-spacing:-0.025em; text-align: center; margin-top:20px;}


.login_form {position: relative; width:100%; box-shadow:0px 0px 10px rgba(0,0,0,0.2); overflow:hidden; -ms-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; overflow: hidden;}
.login_form .lfInner {width:100%; float:left; padding:35px 45px; background-color:#fff;}
.login_form .lfInner .tit {font-family: 'GmarketSansMedium',sans-serif!important; font-size:20px; color:#333; font-weight:500; letter-spacing:-0.025em; margin-bottom:15px; padding-top:4px;}

.login_form .login_input {width:100%; border:1px solid #e0e0e0; -ms-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.login_form .login_input input {width:100%; height:50px; border-bottom:0; padding:0px 15px; font-size:16px; font-weight:400; letter-spacing:-0.025em; font-family: 'GmarketSansMedium',sans-serif!important; padding-top:4px; color:#333;}
.login_form .login_input input:first-child {-ms-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -o-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;}
.login_form .login_input input:last-child {-ms-border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; -o-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; border-top:1px solid #e0e0e0;}
.login_form .login_input input::placeholder {font-family: 'GmarketSansLight',sans-serif!important; font-size:16px!important; color:#acacac!important; font-weight:400!important; letter-spacing:-0.025em!important;}
.login_form .login_input input::-moz-placeholder {font-family: 'GmarketSansLight',sans-serif!important; font-size:16px!important; color:#acacac!important; font-weight:400!important; letter-spacing:-0.025em!important;}
.login_form .login_input input:-ms-input-placeholder {font-family: 'GmarketSansLight',sans-serif!important; font-size:16px!important; color:#acacac!important; font-weight:400!important; letter-spacing:-0.025em!important;}
.login_form .login_input input::-webkit-input-placeholder {font-family: 'GmarketSansLight',sans-serif!important; font-size:16px!important; color:#acacac!important; font-weight:400!important; letter-spacing:-0.025em!important;}
.login_form .login_input input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset; box-shadow: 0 0 0 1000px white inset;}
.login_form .login_input input[type=password] {letter-spacing:8px;}

.login_btn_box {width:100%; overflow: hidden; padding:15px 0px; padding-bottom:18px;}
.login_btn_box .memory {width:50%; float:left; text-align:left;}
.login_btn_box .memory label {font-family: 'GmarketSansLight',sans-serif!important; color:#888; font-size:14px; font-weight:400; letter-spacing:-0.025em; padding-left:26px; line-height:20px; cursor: pointer; font-weight:600; padding-top:4px; transition:all 0.2s;}
.login_btn_box .memory label:hover {color:#bcbcbc;}
.login_btn_box .memory input {display:none;}
.login_btn_box .memory input + label {background:url("../img/mypage/cart_chk_off.png")no-repeat left top; background-size:20px!important;}
.login_btn_box .memory input:checked + label {background:url("../img/mypage/cart_chk_on.png")no-repeat left top; }

.login_btn_box .find {width:50%; float:right; text-align:right; overflow: hidden;}
.login_btn_box .find a {font-family: 'GmarketSansLight',sans-serif!important; color:#888; font-size:14px; font-weight:400; display: inline-block; font-weight:600; transition:all 0.2s;}
.login_btn_box .find a:hover {color:#bcbcbc;}
.login_btn_box .find p { display: inline-block; color:#666; font-size:14px;}

.caution-msg1{margin-top: -2px!important; margin-bottom: 20px!important;}
.m2 {display:none;}

.login_btn {width:100%; padding-top:20px; border-top:1px solid #e0e0e0;}
.login_btn button {display: block; width:100%; background-color:#188FF2; -ms-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin-bottom:15px; transition:all 0.2s; cursor: pointer;}
.login_btn button:hover {background-color:#147cd2;}
.login_btn button em {display: block; line-height:52px; font-family: 'GmarketSansMedium',sans-serif!important; color:#fff; font-size:16px; font-weight:400; padding-top:4px;}
.login_btn .lbBox {width:100%; overflow: hidden;}
.login_btn .lbBox a {display: block; width:calc(50% - 7px); line-height:52px; font-family: 'GmarketSansMedium',sans-serif!important; color:#188FF2; font-size:16px; font-weight:400; padding-top:4px; border:1px solid #188FF2; text-align: center; -ms-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; transition:all 0.2s; float:left;}
.login_btn .lbBox a:hover {border:1px solid #333; color:#333;}
.login_btn .lbBox a:last-child {float:right;}

.join {width:100%; overflow: hidden; border-top:1px solid #d4d4d4; padding:22px 0px;}
.join p {color:#000; font-weight:400; font-size:17px; letter-spacing:-0.025em; float:left; line-height:50px}
.join a div.join_btn {width:140px; background:#007ee0; color:#fff; font-weight:300; font-size:16px; float:right; text-align: center; height:50px; line-height:50px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; transition:all 0.2s;}
.join a div.join_btn:hover {background-color:#008fff;}

.join_new {display: flex; justify-content: space-between; width: 100%; padding: 20px 0; border-top: 1px solid #d4d4d4;}
.join_new .medigate_login {display: flex; align-items: center; justify-content: center; width: 200px; height: 50px; background-color :#fff; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; transition:all 0.2s;}
.join_new .medigate_login img {margin-top: 1px;}
.join_new .medigate_login span {display: inline-block; font-size: 15px; color: #555; font-weight: 400; letter-spacing: -0.025em; margin-left: 5px;}
.join_new .medigate_login:hover {border-color: #008fff;}

.join_new .join_btn {display: flex; align-items: center; justify-content: center; width: 200px; height: 50px; background-color :#007ee0; font-size: 15px; color:#fff; font-weight: 400; letter-spacing: -0.025em; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; transition:all 0.2s;}
.join_new .join_btn:hover {background-color:#008fff;}

.benefit {width:100%; overflow: hidden;}
.benefit div {width:200px; float:left;}
.benefit div.benefit_btn02 {float:right!important;}
.benefit div img {width:100%;}

p.intJtxt {font-size:14px; color:#888; font-weight:400; margin-top:20px; letter-spacing:-0.06em;}

.login_form .right_box {width:50%; height:480px; float:right; background-color:#ccc;}
.login_form .right_box img {display: block;}
.swiper-pagination-bullet {width:10px!important; height:10px!important; background-color:#ccc!important; opacity:1!important;}
.swiper-pagination-bullet-active {width:40px!important; background:linear-gradient(45deg,#2ac4d0,#178bf4)!important; border-radius:30px!important;}

.bt_box {width:100%; background-color:#e8ecf7; clear: both;}
.bt_box .bt_ul {display: flex; padding:11px 0; align-items: center;}
.bt_left {flex-grow: 1; padding-left: 20px;}
.bt_left p {font-family: 'GmarketSansMedium',sans-serif!important; font-size:19px; color:#555; line-height:24px; padding-top:4px;}
.bt_right {width:371px; float:right;}
.bt_right .tel_info {width:100%; overflow: hidden;}
.bt_right .tel_info p {float:left; font-family: 'Roboto',sans-serif!important; font-size:26px; color:#188FF2; margin-right:25px; font-weight:400; letter-spacing:-0.025em;}
.bt_right .tel_info span {float:left; font-family: 'GmarketSansMedium',sans-serif!important; font-size:11px; color:#666; margin-right:6px; margin-top:14px;}
.bt_right .tel_info font {float:left; font-family: 'Roboto',sans-serif!important; font-size:22px; color:#188FF2; margin-top:4px; font-weight:400; letter-spacing:-0.025em;}
.bt_right .contact_time_info {width:100%; margin-top:3px;}
.bt_right .contact_time_info dl {width:100%; position:relative; padding-left:34px; margin-top:2px;}
.bt_right .contact_time_info dl dt {font-size:11px; color:#666; letter-spacing:-0.025em; line-height:15px; position:absolute; top:0; left:0; padding-right:8px;}
.bt_right .contact_time_info dl dt::before {content:""; width:1px; height:11px; background-color:#ccc; position:absolute; top:3px; right:0;}

.bt_right .contact_time_info dl dd {font-size:11px; color:#666; letter-spacing:-0.025em; line-height:15px;}


.bt_right02 ul {width:350px; overflow:hidden; margin-top:26px; }
.bt_right02 ul li {width: 45%; float:left;}
.bt_right02 ul li:last-child{float: right;}
.bt_right02 ul li a .link_box {display: flex; align-items: center; width: 100%; height:40px; background-color:#fff; border-radius:30px; padding-left:50px;}
.bt_right02 ul li a .link_box p {font-size:14px; font-weight:400; color:#404040;}
.link01 {background:url("../img/intro/link_icon01.png")no-repeat left center; background-size:103px;}
.link02 {background:url("../img/intro/link_icon02.png")no-repeat left center; background-size:103px;}
.link03 {background:url("../img/intro/link_icon03.png")no-repeat left center; background-size:113px;}


.bt_wrap {width:1000px; margin:20px auto; overflow: hidden;}

.cooper {float: left; width:495px; height:80px; overflow: hidden; background-color:#fff; position:relative; padding:0px 25px;}
.cooper .btn_left{left:0; background:url(../img/intro/prev.png)no-repeat center center #fff!important; box-shadow:10px 0px 10px #fff; border-right:1px solid #ccc;}
.cooper .btn_right{right:0; background:url(../img/intro/next.png)no-repeat center center #fff!important; box-shadow:-10px 0px 10px #fff; border-left:1px solid #ccc;}
.cooper .bn_btn_box {position: absolute; width:25px; height:80px; top:0; background-size:6px!important; cursor: pointer;}

.cooper .RollDiv {width:100%; height:80px; overflow:hidden;}  
.cooper .RollDiv div {overflow: hidden; width:1000px;}
.cooper .RollDiv div a {float:left; display:block;} 
.cooper .RollDiv div a:hover {opacity:0.6;}
.cooper .RollDiv div a img{ width:auto; height:32px; margin:24px 0; margin-right:50px;}


.news_link {float: left; width:495px; height:80px; overflow: hidden; background-color:#fff; border: 1px solid #e0e0e0;}
.news_link .swiper-container.news_link_sw {width: 100%; height: 80px;}
.news_link .swiper-container .swiper-slide {width: 100%; overflow: hidden;}
.news_link .swiper-container .swiper-slide .imgBox {float: left; display: flex; align-items: center; justify-content: center; width: 120px; height: 100%; padding: 10px; }
.news_link .swiper-container .swiper-slide .imgBox img {width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 1;}
.news_link .swiper-container .swiper-slide .txtBox {float: left; width: 340px; height: 100%; padding: 15px 12px 0 0;}
.news_link .swiper-container .swiper-slide .txtBox h2 {font-size: 15px; color: #333; font-weight: 400; letter-spacing: -0.025em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news_link .swiper-container .swiper-slide .txtBox p {font-size: 14px; color: #666; font-weight: 400; letter-spacing: -0.025em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 5px;}

.news_link .swiper-container .swiper-slide:hover .imgBox img {opacity: 0.8;}
.news_link .swiper-container .swiper-slide:hover .txtBox h2 {color: #1689f6;}

.news_link .swiper-button-prev.topBtn_sw {position: absolute; top: 50%; transform: translateY(-50%); margin-top: -10px; right: 12px; left: auto; content: ''; width: 20px; height: 20px; background: url('../img/intro/topBtn_sw.png') center no-repeat; background-size: 6px 6px; border: 1px solid #ccc; outline: none;}
.news_link .swiper-button-next.botBtn_sw {position: absolute; top: 50%; transform: translateY(-50%); margin-top: 9px; right: 12px; content: ''; width: 20px; height: 20px; background: url('../img/intro/botBtn_sw.png') center no-repeat; background-size: 6px 6px; border: 1px solid #ccc; outline: none;}



.intro_symp {float: right; width:495px; height:80px; overflow: hidden; background-color:#fff; border: 1px solid #e0e0e0;}
.intro_symp .swiper-container.intro_symp_sw {width: 100%; height: 80px;}
.intro_symp .swiper-container .swiper-slide {width: 100%; overflow: hidden;}
.intro_symp .swiper-container .swiper-slide .imgBox {float: left; display: flex; align-items: center; justify-content: center; width: 120px; height: 100%; padding: 10px; }
.intro_symp .swiper-container .swiper-slide .imgBox img {width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 1;}
.intro_symp .swiper-container .swiper-slide .txtBox {float: left; width: 340px; height: 100%; padding: 15px 12px 0 0;}
.intro_symp .swiper-container .swiper-slide .txtBox h2 {font-size: 15px; color: #333; font-weight: 400; letter-spacing: -0.025em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.intro_symp .swiper-container .swiper-slide .txtBox p {font-size: 14px; color: #666; font-weight: 400; letter-spacing: -0.025em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 5px;}
.intro_symp .swiper-container .swiper-slide .txtBox p small {font-size: 13px;}

/*.intro_symp .swiper-container .swiper-slide:hover .imgBox img {opacity: 0.8;}
.intro_symp .swiper-container .swiper-slide:hover .txtBox h2 {color: #1689f6; transition: 0.3s all;}*/

.intro_symp .swiper-button-prev.symp_topBtn_sw {position: absolute; top: 50%; transform: translateY(-50%); margin-top: -10px; right: 12px; left: auto; content: ''; width: 20px; height: 20px; background: url('../img/intro/topBtn_sw.png') center no-repeat; background-size: 6px 6px; border: 1px solid #ccc; outline: none;}
.intro_symp .swiper-button-next.symp_botBtn_sw {position: absolute; top: 50%; transform: translateY(-50%); margin-top: 9px; right: 12px; content: ''; width: 20px; height: 20px; background: url('../img/intro/botBtn_sw.png') center no-repeat; background-size: 6px 6px; border: 1px solid #ccc; outline: none;}





.footer {width:100%; background-color:#fff; margin-top:40px; padding-bottom:0;}
.footer_top {width:100%; border-top: 1px solid #ccc; border-bottom:1px solid #ccc;}
.footer_ct {width:1000px; margin: auto; position:relative; height:52px;}
.footer_ct .link_btn {width:700px; height:52px; position:absolute; left:0; top:0; overflow:hidden;}
.footer_ct .link_btn a {font-size:15px; font-weight:400; color:#666; float:left; line-height:52px; cursor: pointer;}
.footer_ct .link_btn p {font-size:12px; color:#bfbfbf; float:left; line-height:52px; padding:0px 10px;}

.footer_ct .select_link {width:200px; height:52px; position:absolute; top:0; right:0;}
.footer_ct .select_link .site_link {width:100%; height:100%; padding-left:15px; cursor:pointer; border-left:1px solid #ccc; border-right:1px solid #ccc; position:relative; transition:all 0.2s;}
.footer_ct .select_link .site_link:hover {background-color:#f8f8f8;}
.footer_ct .select_link .site_link p {font-size:15px; color:#666; font-weight:400; line-height:52px;}
.footer_ct .select_link .site_link div {width:11px; height:6px; background:url("../img/intro/select_sty.png")no-repeat; position:absolute; top:50%; right:15px; margin-top:-3px;}
.footer_ct .select_link .site_link.on div {-ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}

.footer_ct .select_link .link_list {width:200px; border:1px solid #ccc; background-color:#fff; position: absolute; bottom:53px; right:0px;  z-index: 99; border-bottom:0; display:none;}
.footer_ct .select_link .link_list a .list_box {width:100%; height:52px; border-bottom:1px solid #ccc; line-height:52px; padding-left:15px; background:url("../img/intro/select_sty02.png")no-repeat right 15px center; font-size:15px; color:#666; font-weight:400;}
.footer_ct .select_link .link_list a:last-child .list_box {border-bottom:0;}
.footer_ct .select_link .link_list a .list_box:hover {background-color:#eee;}

.footer_bt {width:1000px; margin: auto; overflow: hidden; padding:20px 0px;}
.footer_left {float:left; width:190px;}
.footer_left img {margin-top:5px;}
.footer_con {float:left;}
.footer_con p {font-size:13px; line-height:18px; color:#888; font-weight:300;}
.footer_con p.copy {font-size:12px; line-height:20px; color:#888; font-weight:300; margin-top:8px;}
.footer_con p.copy span {color:#000; font-size:12px; font-weight:400;}
.footer_con strong {font-size:10px;}

.footer_right {float:right;}
.footer_right p {font-size:11px; color:#888; text-align: right; font-weight:500; }

.footer_right ul {width:138px; overflow: hidden; margin-top:12px;}
.footer_right ul li {width:27px; float:left; margin-right:10px;}
.footer_right ul li:last-child {margin-right:0;}



.f_btn_box {width:100%; text-align: center; padding:30px 0; font-size:0; margin-top:10px;}
.f_btn_box a {display:inline-block; zoom:1; *display:inline; vertical-align:top; font-family: 'GmarketSansMedium',sans-serif!important; font-size:16px; color:#333; line-height:20px; padding-top:4px; letter-spacing:-0.05em; position:relative; margin-right:30px; transition:all 0.2s; cursor: pointer;}
.f_btn_box a:last-child{margin-right: 0;}
.f_btn_box a:hover {color:#888;}
.f_btn_box a + a::before {content:"·"; font-family: 'GmarketSansMedium',sans-serif!important; font-size:16px; color:#333; line-height:20px; padding-top:4px; position:absolute; top:0; left:-18px;}
.f_btn_box .relevantSite {display:inline-block; zoom:1; *display:inline; vertical-align:top; position:relative;}
.f_btn_box .relevantSite p {font-family: 'GmarketSansMedium',sans-serif!important; font-size:16px; color:#333; line-height:20px; padding-top:4px; letter-spacing:-0.05em;  padding-right:20px; cursor: pointer; transition:all 0.2s;}
.f_btn_box .relevantSite p:hover {color:#888;}
.f_btn_box .relevantSite p::before {content:""; background:url("../img/intro/selectBtn.png")no-repeat center; width:12px; height:8px; position:absolute; top:50%; right:0; margin-top:-4px; transition:all 0.2s;}
.f_btn_box .relevantSite p.show::before {transform: rotate(-180deg);}

.f_btn_box .relevantSite ul {position:absolute; top:52px; left:-10px; background-color:#fff; -ms-border-radius:14px; -moz-border-radius:14px; -o-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; box-shadow:1px 2px 8px rgba(0,0,0,0.3); width:220px; z-index:-1; opacity:0;}
.f_btn_box .relevantSite ul.show {z-index:99;}

.f_btn_box .relevantSite ul li {width:100%; border-bottom:1px solid #e0e0e0;}
.f_btn_box .relevantSite ul li a {display: block; width:100%; font-family: 'GmarketSansLight',sans-serif!important; font-size:14px; color:#555; line-height:20px; padding:10px 12px; padding-top:14px; text-align:left; margin-right:0; font-weight:600; background:url("../img/intro/linkArrow.png")no-repeat right 12px center; transition:all 0.2s;}
.f_btn_box .relevantSite ul li a:hover {color:#555; background-color:#e8ecf7;}
.f_btn_box .relevantSite ul li a::before {display:none;}
.f_btn_box .relevantSite ul li:first-child a {-ms-border-radius:14px 14px 0 0; -moz-border-radius:14px 14px 0 0; -o-border-radius:14px 14px 0 0; -webkit-border-radius:14px 14px 0 0; border-radius:14px 14px 0 0;}
.f_btn_box .relevantSite ul li:last-child a {-ms-border-radius:0 0 14px 14px; -moz-border-radius:0 0 14px 14px; -o-border-radius:0 0 14px 14px; -webkit-border-radius:0 0 14px 14px; border-radius:0 0 14px 14px;}

.copyright {width:100%; text-align: center; padding-top:30px; border-top:1px solid #e8ecf7; padding-bottom:30px;}
.copyright p {font-family: 'GmarketSansMedium',sans-serif!important; font-size:12px; color:#888; line-height:20px; padding-top:4px; letter-spacing:-0.045em;}
.copyright .txt_notice {display:inline-block;font-family: 'GmarketSansMedium',sans-serif!important; font-weight:500;font-size:12px; color:#000; line-height:20px; padding-top:4px; letter-spacing:-0.045em;}

.ismsbox {width: 100%;text-align: left;padding: 0px 0px 30px 0px; border-top: 1px solid #e8ecf7;}
.certified {width: 100%; margin: 0 auto; margin-top:13px; display: block;  align-items:center; overflow: hidden;}
.certified div {margin-right:0;}
.certified div img {height:44px; margin-bottom: 18px;}
.certified div p {display: inline-block; font-size:12px; color: #888; line-height:18px;  padding-top: 10px;  padding-left: 12px;}
.certified div p b {font-size:12px; display: block;}
.certified .isms {width:50%; float:left; margin-left: 45px; margin-bottom: 0px;}
img.ismsimg {margin-bottom: 39px!important;}
.certified .mss {display: inline-block; margin-top: 7px; margin-left:2px;}

.intro_pass_popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998;}
.intro_pass_popup .ipp_inner {position: relative; width: 100%; height: 100%;}
.intro_pass_popup .ipp_inner .ipp_bg {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);}
.intro_pass_popup .ipp_inner .ipp_con {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}


.pass_box {position: relative; width: 626px; height: 790px; padding: 100px 35px 0 57px; background: url('../img/intro/pass_bg.png') center no-repeat;}
.pass_box .pass_close {position: absolute; top: 0; right: -50px; cursor: pointer;}

.pass_box .tel_box {position: absolute; bottom: 30px; left: 57px;}
.pass_box .tel_box p {font-size: 14px; color: #fff; font-weight: 400; letter-spacing: -0.025em;}

.pass_box .topBox {width: 100%; padding-bottom: 40px;}
.pass_box .topBox span {font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -0.025em;}
.pass_box .topBox h2 {font-size: 26px; color: #fff; font-weight: 700; letter-spacing: -0.025em; margin-top: 8px;}
.pass_box .topBox p {font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 1.5; margin-top: 10px;}


.pass_box .botBox {width: 100%; margin-top: 15px;}
.pass_box .botBox .idBox {width: 100%;}
.pass_box .botBox .idBox h2 {padding-bottom: 5px; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -0.025em;}
.pass_box .botBox .idBox input {width: 360px; height: 42px; padding: 0 15px; background: #fff; border: 0; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; outline: none; font-size: 16px; color: #333; font-weight: 400; letter-spacing: 0;}
.pass_box .botBox .idBox .btn {display: inline-block; width: 80px; height: 42px; background: #333; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 16px; color: #fff; font-weight: 400; line-height: 42px; text-align: center; margin-left: 10px;}
.submitbtn {display: inline-block; width: 110px; height: 37px; background: #fbd647; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 16px; color: #000; font-weight: 400; line-height: 35px; text-align: center; margin-left: 10px;}

.pass_box .botBox .certifBox {width: 100%; margin-top: 10px;}
.pass_box .botBox .certifBox > h2 {padding-bottom: 0px; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -0.025em;}

.pass_box .botBox .certifBox .tab {width: 100%;}
.pass_box .botBox .certifBox .tab > ul {width: 100%;}
.pass_box .botBox .certifBox .tab > ul li {display: inline-block; cursor: pointer;}
.pass_box .botBox .certifBox .tab > ul li:last-child {margin-left: 5px;}
.pass_box .botBox .certifBox .tab > ul li .pass_radio {display: none;}
.pass_box .botBox .certifBox .tab > ul li label {font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -0.025em; padding-left: 20px; cursor: pointer;}
.pass_box .botBox .certifBox .tab > ul li .pass_radio + label {background: url('../img/intro/pass_radio.png') center left no-repeat; background-size: 10px 10px;}
.pass_box .botBox .certifBox .tab > ul li .pass_radio:checked + label {background: url('../img/intro/pass_radio_on.png') center left no-repeat; background-size: 10px 10px;}

.pass_box .botBox .certifBox .tab .tab_con {position: relative; width: 100%; margin-top: 10px;}

.pass_box .botBox .certifBox .tab .email .e_box01 {width: 100%; height: 44px; padding-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.pass_box .botBox .certifBox .tab .email .e_box01 p {font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -0.025em;}
.pass_box .botBox .certifBox .tab .email .e_box01 p b {font-weight: 500; letter-spacing: 0;}

.e_box02 {width: 100%; padding: 10px 0 5px;}
.e_box02 input {width: 360px; height: 42px; padding: 0 15px; background: #fff; border: 0; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; outline: none; font-size: 16px; color: #333; font-weight: 400; letter-spacing: 0;}
.e_box02 .btn {display: inline-block; width: 80px; height: 42px; background: #333; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 16px; color: #fff; font-weight: 400; line-height: 42px; text-align: center; margin-left: 10px;}

.e_box03 {width: 100%; padding-bottom: 15px;}
.e_box03 > ul {width: 100%; overflow: hidden;}
.e_box03 > ul li {float: left; width: 50%;}
.e_box03 > ul li h2 {padding-bottom: 5px; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: -0.025em;}
.e_box03 > ul li input {width: 250px; height: 42px; padding: 0 15px; background: #fff; border: 0; -ms-border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; outline: none; font-size: 16px; color: #333; font-weight: 400; letter-spacing: 0;}

.e_box04 {width: 100%;}
.e_box04 div {width: 100%; height: 42px; background: #fbd647; -ms-border-radius: 30px; -o-border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; font-size: 16px; color: #000; font-weight: 400; letter-spacing: -0.025em; line-height: 42px; text-align: center;}


.pass_box .botBox .certifBox .tab .phone .p_box01 {width: 100%; height: 75px;}
.pass_box .botBox .certifBox .tab .phone .p_box01 > ul {width: 100%;}
.pass_box .botBox .certifBox .tab .phone .p_box01 > ul li {width: 100%; padding-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.pass_box .botBox .certifBox .tab .phone .p_box01 > ul li + li {padding-top: 8px;}
.pass_box .botBox .certifBox .tab .phone .p_box01 > ul li .pass_radio {display: none;}
.pass_box .botBox .certifBox .tab .phone .p_box01 > ul li label {font-size: 15px; color: #fff; font-weight: 300; letter-spacing: -0.025em; padding-left: 20px; cursor: pointer;}
.pass_box .botBox .certifBox .tab .phone .p_box01 > ul li label b {font-size: 16px; color: #fff; font-weight: 400; letter-spacing: 0;}
.pass_box .botBox .certifBox .tab .phone .p_box01 > ul li .pass_radio + label {background: url('../img/intro/pass_radio.png') center left no-repeat; background-size: 10px 10px;}
.pass_box .botBox .certifBox .tab .phone .p_box01 > ul li .pass_radio:checked + label {background: url('../img/intro/pass_radio_on.png') center left no-repeat; background-size: 10px 10px;}

.pass_box .botBox .certifBox .tab .phone .p_box02 {width: 100%; padding: 25px 0 30px;}
.pass_box .botBox .certifBox .tab .phone .p_box02 p {font-size: 15px; color: #fff; font-weight: 400; letter-spacing: -0.025em;}
.pass_box .botBox .certifBox .tab .phone .p_box02 p font {font-size: 15px; color: #fbd647; font-weight: 400; letter-spacing: -0.025em;}

.pass_box .botBox .certifBox .tab .phone .p_box03 {width: 100%;}
.pass_box .botBox .certifBox .tab .phone .p_box03 div {width: 100%; height: 42px; background: #fbd647; -ms-border-radius: 30px; -o-border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; font-size: 16px; color: #000; font-weight: 400; letter-spacing: -0.025em; line-height: 42px; text-align: center;}




.popup_inquiry {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: -90px; content: ''; z-index: 99999;}
.popup_inquiry .inq_box {width: 470px; padding: 25px; background-color: #fff; border: 1px solid #ccc;}
.popup_inquiry .inq_box .tit {position: relative; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #888;}
.popup_inquiry .inq_box .tit h2 {font-size: 16px; color: #333; font-weight: 500; letter-spacing: -0.025em;}
.popup_inquiry .inq_box .tit .btn_close {position: absolute; top: 2px; right: 0; font-size: 0; cursor: pointer;}
.popup_inquiry .inq_box .tit .btn_close span {display: inline-block; font-size: 0;}

.popup_inquiry .inq_box .cont {width: 100%; margin-top: 20px;}
.popup_inquiry .inq_box .cont .info_box {position: relative; width: 100%; border-bottom: 2px solid #178df4;}
.popup_inquiry .inq_box .cont .info_box .txtBox {width: 100%; padding: 0 30px;}
.popup_inquiry .inq_box .cont .info_box .txtBox .txt {position: relative; top: -15px; padding: 15px 0 0; background-color: #fff; text-align: center;}
.popup_inquiry .inq_box .cont .info_box .txtBox .txt h2 {font-size: 24px; color: #333; font-family: 'GmarketSansMedium'!important; font-weight: 400; letter-spacing: -0.025em; line-height: 1.3;}
.popup_inquiry .inq_box .cont .info_box .txtBox .txt h2 font {font-size: 24px; color: #178df4; font-family: 'GmarketSansMedium'!important; font-weight: 400; letter-spacing: -0.025em;}
.popup_inquiry .inq_box .cont .info_box .txtBox .txt p {font-size: 17px; color: #333; font-family: 'GmarketSansMedium'!important; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4; margin-top: 10px;}
.popup_inquiry .inq_box .cont .info_box .txtBox .txt p font {font-size: 17px; color: #178df4; font-family: 'GmarketSansMedium'!important; font-weight: 400; letter-spacing: -0.025em;}

.popup_inquiry .inq_box .cont .contact_box {display: flex; width: 100%; padding: 10px 0;}
.popup_inquiry .inq_box .cont .contact_box > div {display: flex; align-items: center; flex-direction: column; flex: 0 0 50%; padding: 10px 0;}
.popup_inquiry .inq_box .cont .contact_box > div + div {border-left: 1px solid #e0e0e0;}
.popup_inquiry .inq_box .cont .contact_box > div p {font-size: 17px; color: #333; font-weight: 400; letter-spacing: -0.025em; margin-top: 10px;}

.popup_inquiry .inq_box .cont .txt_box {display: flex; align-items: center; justify-content: center; padding: 10px 0; background-color: #f5faff; border: 1px solid #ccc;}
.popup_inquiry .inq_box .cont .txt_box p {font-size: 14px; color: #333; font-weight: 400; letter-spacing: -0.055em; text-align: center;}





.lf_quick_box3 {width:100%; position:relative;}
.lf_quick_box3 img {position:absolute; right:-134px; top:-12px; cursor: pointer; transition: 0.2s all;}
.lf_quick_box3 img:hover {opacity: 0.8;}

.vaccine_trend_result {display: none; position: absolute; top: 0; left: 0; width: 1000px; background-color: #fff; z-index: 99;}
.vaccine_trend_result .imgBox {position: relative; display: flex; flex-direction: column; max-height: 571px; z-index: 1;}

.vaccine_trend_result .imgBox .btn_vacc {display: flex; align-items: center; justify-content: center; margin: 30px 0;}
.vaccine_trend_result .imgBox .btn_vacc img {cursor: pointer;}


.vaccine_trend_result .imgBox img {}
.vaccine_trend_result .close {position: absolute; top: 20px; right:30px; cursor: pointer; z-index: 2;}
.vaccine_trend_result .close img {transition: 0.2s all;}
.vaccine_trend_result .close img:hover {opacity: 0.7;}

.vaccine_trend_result .scroll {position:absolute; bottom:20px; right:30px; z-index:3;}


/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {
	overflow: hidden !important;
	padding: 0 !important;
	position: relative;
}

.scroll-wrapper > .scroll-content {
	border: none !important;
	box-sizing: content-box !important;
	height: auto;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none !important;
	overflow: scroll !important;
	padding: 0;
	position: relative !important;
	top: 0;
	width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
	height: 0;
	width: 0;
}

.scroll-element {
	display: none;
}
.scroll-element, .scroll-element div {
	box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
	display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
	cursor: default;
}

.scroll-textarea {
	border: 1px solid #cccccc;
	border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
	overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
	border: none !important;
	box-sizing: border-box;
	height: 100% !important;
	margin: 0;
	max-height: none !important;
	max-width: none !important;
	overflow: scroll !important;
	outline: none;
	padding: 2px;
	position: relative !important;
	top: 0;
	width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
	height: 0;
	width: 0;
}



/*************** SCROLLBAR MAC OS X ***************/
 
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;
 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
 
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
 
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
 
 
.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}
 
.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}
 
/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }
 
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
 
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
 
/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }