@charset "utf-8";
@import "reset.css";

/*  common
=============================================================================*/
body {overflow-x:hidden;}
body.scroll_lock {overflow: hidden;}
.blind {position:absolute; font-size:0; text-indent:-999999px;}
.card_period_object::-webkit-scrollbar {width:10px; height:6px;}
.card_period_object::-webkit-scrollbar-thumb {background-color:#b9c4ca; border-radius:30px}
.card_period_object::-webkit-scrollbar-track {background-color:#d3dce1; border-radius:30px}

.wrap {height:100%;}
/*.container {height:calc(100% - 5rem);}*/
.container::after {content:""; display:block; clear:both;}
.inner {max-width:1280px; margin:0 auto;}

.scroll::-webkit-scrollbar {width:8px; height:15px; border-radius:30px;}
.scroll::-webkit-scrollbar-thumb {background-color:#e8e8e8; border-radius:30px;}
.scroll::-webkit-scrollbar-track {background-color:#f6f6f6;}

/* header
=============================================================================== */
.header_object {position:fixed; top:0; left:0; width:100%; padding:0 1rem; height:5rem;  background-color:#fff; box-shadow:0 0 3px 0px rgba(0, 0, 0, .1); z-index:10;}
.header_object > * {position:relative; z-index:1}
.header_object .h_logo {height:100%;}
.header_object .h_logo a {display:block; width:181px; height:100%; font-size:0; text-indent:-9999px; background:url(../img/comm/img_h_logo.png) no-repeat center; background-size:100%;}
.header_object .nav_box {margin:0 auto; height:100%; align-items:center;}
.header_object .nav_box > li {position:relative; width:9rem; text-align:center;}
.header_object .nav_box li a {position:relative; font-size:1.1rem; z-index:1;}
.nav_box .dep {position:absolute; top:0; padding-top:5rem; width:100%; height:20rem; opacity:0; visibility:hidden; transform:translateY(-10px); transition:all 0.3s ease; z-index:0;}
.header_object .nav_box .dep li {padding:.5rem 0;}
.header_object .nav_box .dep li a {font-size:1rem; font-weight:300;}
.header_object .nav_box .dep li:hover a {color:#0089cd;}
.dep_bg {position:absolute; left:0; right:0; top:80px; height:17rem; border-top:1px solid #ededed; border-bottom:1px solid #ededed; opacity:0; visibility:hidden; transform:translateY(-10px); transition:all 0.3s ease; background-color:#fff; z-index:0;}
.nav_box:hover .dep, .nav_box:hover + .dep_bg {display:block; opacity:1; visibility: visible; transform:translateY(0);}
.header_object .rt_util a {margin:0 .4rem; font-size:.9rem;}
.header_object .rt_util .lg_box {margin:0 1rem;}
.header_object .rt_util .lg_box a {margin:0; font-size:.85rem; color:#bebebe;}
.header_object .rt_util .lg_box a.active {color:#000;}
.header_object .rt_util .lg_box a:first-child::after {content:""; display:inline-block; margin:-2px 10px 0 10px; width:1px; height:10px; vertical-align:middle; background-color:#bebebe;}

.mobile_util {display:none;}

.all_menu {display:flex; height:5rem; justify-content:space-between; background-color:#fff;}
.hamburger_menu {display:flex; width:4rem; height:5rem; justify-content:flex-end; z-index:9; cursor:pointer;}
.hamburger_menu span {position:absolute; width:25px; height:3px; background-color:#000; margin-right:20px; transition:.4s ease-in-out;}
.hamburger_menu.open span {background-color:#fff;}
/* 햄버거 닫혔을 때 */
.hamburger_menu span:nth-child(1) {top:30px;}
.hamburger_menu span:nth-child(2) {top:40px; width:17px; margin-right:28px;}
.hamburger_menu span:nth-child(3) {top:50px;}

/* 햄버거 열렸을 때 */
.hamburger_menu.open span:nth-child(1) {
  top:30px;
  transform: rotate(135deg);
}
.hamburger_menu.open span:nth-child(2) {
  opacity: 0;
}
.hamburger_menu.open span:nth-child(3) {
  top:30px;
  transform: rotate(-135deg);
}


/* 메뉴 */
.menu_container {position:fixed; top:0; right:0; width:0; height:100%; padding-top:5rem; z-index:8; transition:ease .5s;
    background: #1196F0;
    background: -webkit-linear-gradient(80deg,rgba(17, 150, 240, 1) 0%, rgba(99, 127, 242, 1) 100%);
    background: -moz-linear-gradient(80deg,rgba(17, 150, 240, 1) 0%, rgba(99, 127, 242, 1) 100%);
    background: linear-gradient(80deg,rgba(17, 150, 240, 1) 0%, rgba(99, 127, 242, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr="#1196F0",
    endColorstr="#637FF2",
    GradientType=0
    );
    }
.hamburger_menu.open + .menu_container {width:100%; overflow-y:auto;}
.menu_container .menu_list {position:absolute; top:50%; left:50%; display:flex; width:90%; transform:translate(-50%, -50%); z-index:999;}
.menu_container .menu_list > li {width:25%; text-align:center;}
.menu_container .menu_list li a {color:#fff;}
.menu_container .menu_list > li > a { font-size:1.8rem; font-weight:600; letter-spacing:-.5px;}
.menu_container .menu_list .dep {margin-top:2rem; padding-top:2rem; border-top:1px solid rgba(255, 255, 255, .3);}
.menu_container .menu_list .dep li {padding:.5rem 0;}
.menu_container .menu_list .dep li a {font-size:1.2rem; font-weight:300;}
.menu_logo {position:absolute; top:0; left:1rem; display:block; width:181px; height:5rem; font-size:0; text-indent:-9999px; background:url("../img/comm/img_menu_logo.png") no-repeat center; background-size:100%;}

.m_bottom_menu {position:fixed; left:0; right:0; bottom:0; display:none; height:5rem; background-color:#fff; box-shadow:0 0 5px 0 rgba(0, 0, 0, .3); z-index:9; align-items:center; justify-content: center; transition:ease .2s;}
.m_bottom_menu a {display:block; width:20%; text-align:center;}
.m_bottom_menu a::before {content:""; display:block; margin:0 auto; width:35px; height:35px; background:url("../img/comm/ico_mm_quick_menu.png") no-repeat 0 0;}
.m_bottom_menu a.home::before {background-position:0 0;}
.m_bottom_menu a.heavyion::before {background-position:0 -35px;}
.m_bottom_menu a.vmat::before {background-position:0 -70px;}
.m_bottom_menu a.immunecell::before {background-position:0 -105px;}
.m_bottom_menu a.stemcell::before {background-position:0 -140px;}

/* footer
=============================================================================== */
.ft {padding:2.5rem 2rem 3rem; background-color:#f4f6f8;}
.ft .link .ft_loto {margin-right:2rem;}
.ft .link .ft_loto img {width: 10rem;}
.ft .link > a {display:block; margin:0 .2rem; padding:.5rem 5rem .5rem 1.2rem; font-size:.95rem; background:url(../img/comm/ico_ft_arr_link.png) no-repeat 90% center;}
.ft .info_box {margin-top:2rem; padding-top:2rem; border-top:1px solid #dedfe1;}
.ft .info_box .info {margin-bottom:10px;}
.ft .info_box > div strong {display:block; width:6rem; color:#828282; font-weight:600;}
.ft .info_box > div dl dt {margin-right:.5rem; color:#a6a6a6;}
.ft .info_box > div dl dd {color:#828282;}
.ft .info_box > div dl dd::after {content:""; display:inline-block; margin:-2px 1.5rem 0 1.5rem; width:1px; height:10px; background-color:#b2b2b2;}
.ft .info_box > div dl dd.last::after {width:0; height:0; background-color:transparent;}
.ft .info_box .address dl dt img {display:block;}
.ft .link .sitemap {position:relative; margin-left:auto;}
.ft .address .flex_l img {width:6rem;}

/* select*/
.ft .btn_ft_select {position:relative; padding:.5rem 1.2rem; width:220px; font-size:.95rem; color:#fff; font-weight:400;; text-align:left; border-radius:30px; cursor:pointer; background-color:#6892a2;}
.ft .btn_ft_select:focus {outline:3px solid #a9e7ff;}
.ft .list_members {position:absolute; width:100%; top:40px; left:0; background-color:#6892a2; box-shadow:4px 4px 14px rgba(0, 0, 0, 0.15); border-radius:15px; overflow:hidden;}
.ft .btn_ft_select.on {background-color:#31505c;}
.ft .btn_ft_select.on+.list_member {display:block;}
.ft .list_members li {height:40px; line-height:40px; border-bottom:1px solid #e9e9e9;}
.ft .list_members li:last-child {border-bottom:none;}
.ft .list_members li a {display:block; padding:0 15px; width:100%; height:100%; text-align:left; background-color:#fff; cursor:pointer;}
.ft .btn_ft_select::before, .ft .btn_ft_select::after {content:''; position:absolute; background-color:#fff; transition:all 0.3s ease;}
.ft .btn_ft_select::before {width:2px; height:15px; right:22px; top:50%; transform:translateY(-50%);}
.ft .btn_ft_select::after {width:15px; height:2px; right:16px; top:50%; transform:translateY(-50%);}
.ft .btn_ft_select.avtive::before {transform:translateY(-50%) scaleY(0);}
.ft .list_members li a:hover, .ft .list_members li button:focus {background-color:#edf1f3;}
.ft .list_members { margin-top:0.5rem; padding:0; list-style:none;}
.ft .list_hide {display:none;}

/* grid content
=============================================================================== */
.flex_l {display:flex;}
.flex_rg {margin-left:auto;}
.items_center {align-items:center;}
.items_justify {justify-content:space-between; flex-wrap:wrap;}
.items_justify_center {justify-content: center;}


/* 특정 class 적용
=============================================================================== */
[class*="_tico"] {color:#000;}
[class*="_tico"]::before {content:""; display:block; margin:0 0 1.5rem; width:45px; height:45px; border-radius:30px; background:url(../image/sub/tico.png) no-repeat 0 0;}
[class*="_tico"].t_status::before {background-position:0 0;}
[class*="_tico"].t_info::before {background-position:0 -45px;}
[class*="_tico"].t_history::before {background-position:0 -90px;}
[class*="_tico"].tbblue9::before {background-color:#167eb5;}
[class*="_tico"].tbgreen6::before {background-color:#00ceb6;}
[class*="_pos"] {position:absolute;}

/* margin style
=============================================================================== */
.mgtrbl {margin:1.1rem 1rem 0;}
.mgtrbl [class*="_object"]:first-child {margin-top:0;}
.mgtop {margin-top:2rem;}
.mgtop3 {margin-top:3rem;}
.mgtop4 {margin-top:4rem;}
.mgtop5 {margin-top:5rem;}
.mgtop6 {margin-top:6rem;}
.mgrt {margin-right:5%;}
.mgbottom {margin-bottom:3rem;}
.mgbottom_minus5 {margin-bottom:-5rem;}
.mgtobo {margin-top:8rem;}
.pftrbl {padding:1.1rem 1rem 0;}
.pftrbl [class*="_object"] {margin-top:0;}
.pftrbl [class*="_object"].mgtop {margin-top:1rem;}
.pdtobo {padding:4rem;}
.pdrglg {padding-left:1rem; padding-right:1rem;}

/* 체크박스 버튼
=============================================================================== */
.chk_box { display:inline-block; position:relative; color:#000; font-weight:600; -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer;}
.chk_box input[type="checkbox"] { display: none; }
.chk_box .on {position:relative; display:inline-block; margin:-2px 0 0 0; width:22px; height:22px; border-radius:50px; background-color:#c6ced2; vertical-align:middle;}
.chk_box input[type="checkbox"]:checked + .on { background-color:#13b9c3;}
.chk_box .on:after { content: ""; position: absolute; }
.chk_box .on:after {position:absolute; left:8px; top:4px; width:5px; height:9px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* 볼더
=============================================================================== */
.bradius {border-radius:20px;}
.borderlin {border:1px solid #dedede;}
.btn {display:block; padding:.35rem 1.5rem;}
.tct {text-align:center}

/* comm background color
=============================================================================*/
/* black */
.bblack1 {background-color:#f1f1f1;}
.bblack2 {background-color:#dedede;}
.bblack3 {background-color:#c7c7c7;}
.bblack4 {background-color:#a9a9a9; color:#fff;}
.bblack5 {background-color:#8e8e8e; color:#fff;}
.bblack6 {background-color:#7c7c7c; color:#fff;}
.bblack7 {background-color:#585858; color:#fff;}
.bblack8 {background-color:#3d3d3d; color:#fff;}
.bblack9 {background-color:#252525; color:#fff;}
.bblack10 {background-color:#000000; color:#fff;}
.bblack11 {background-color:#edf2f5;}
.bblack12 {background-color:#f0f6f9;}
.bblack13 {background-color:#ecf0f2;}

/* blue */
.bblue1 {background-color:#ddeef7;}
.bblue2 {background-color:#dae5ee;}
.bblue3 {background-color:#cbdeeb;}
.bblue4 {background-color:#dae7fb;}
.bblue5 {background-color:#46caeb; color:#fff;}
.bblue6 {background-color:#2bb7ff; color:#fff;}
.bblue7 {background-color:#56b0ea; color:#fff;}
.bblue8 {background-color:#23a1d3; color:#fff;}
.bblue9 {background-color:#167eb5; color:#fff;}
.bblue10 {background-color:#1998fa; color:#fff;}
.bblue11 {background-color:#0085db; color:#fff;}
.bblue12 {background-color:#2250ba; color:#fff;}
.bblue13 {background-color:#16233a; color:#fff;}
.bblue14 {background-color:#20204b; color:#fff;}
.bblue15 {background-color:#9799a6;}
.bblue16 {background-color:#f1f8fd;}
.bblue17 {background-color:#517181; color:#fff;}
.bblue18 {background-color:#f2f2fd; color:#636ae8;}
.bblue19 {background-color:#636ae8; color:#fff;}

/* green */
.bgreen1 {background-color:#e5faf4;  color:#009982;}
.bgreen2 {background-color:#d4f4f2; color:#009982;}
.bgreen3 {background-color:#43d5de; color:#fff;}
.bgreen4 {background-color:#13b9c3; color:#fff;}
.bgreen5 {background-color:#13c3b4; color:#fff;}
.bgreen6 {background-color:#00ceb6; color:#fff;}
.bgreen7 {background-color:#4bd08b; color:#fff;}
.bgreen8 {background-color:#16b46f; color:#fff;}
.bgreen9 {background-color:#00a851; color:#fff;}
.bgreen10 {background-color:#009982; color:#fff;}
.bgreen11 {background-color:#65c33f; color:#fff;}
.bgreen12 {background-color:#eefdf3; color:#41935c;}

/* red */
.bred1 {background-color:#f3cfcf;}
.bred2 {background-color:#ffe7e5;}
.bred3 {background-color:#fb977d; color:#fff;}
.bred4 {background-color:#f0483c; color:#fff;}
.bred5 {background-color:#e54f4f; color:#fff;}
.bred6 {background-color:#fdf2f2; color:#d54549;}

/* yellow */
.byellow1 {background-color:#f8c076; color:#fff;}
.byellow2 {background-color:#fdbe00; color:#fff;}
.byellow3 {background-color:#fef9ee; color:#98690c;}

/* purple */
.bpurple1 {background-color:#f2eaf7; color:#521b9d;}
.bpurple2 {background-color:#e0d1f4; color:#521b9d;}
.bpurple3 {background-color:#c1a6e5; color:#fff;}
.bpurple4 {background-color:#a177d9; color:#fff;}
.bpurple5 {background-color:#7a46c1; color:#fff;}
.bpurple6 {background-color:#521b9d; color:#fff;}
.bpurple7 {background-color:#b765d9; color:#fff;}
.bpurple8 {background-color:#d865d9; color:#fff;}
.bpurple9 {background-color:#d625bf; color:#fff;}
.bpurple10 {background-color:#e2348e; color:#fff;}
.bpurple11 {background-color:#d9115c; color:#fff;}
.bpurple12 {background-color:#c41633; color:#fff;}


/* comm background color
=============================================================================*/
/* black */
.cblack1 {color:#f1f1f1;}
.cblack2 {color:#dedede;}
.cblack3 {color:#c7c7c7;}
.cblack4 {color:#a9a9a9;}
.cblack5 {color:#8e8e8e;}
.cblack6 {color:#828282;}
.cblack7 {color:#585858;}
.cblack8 {color:#3d3d3d;}
.cblack9 {color:#252525;}
.cblack10 {color:#000000;}

/* blue */
.cblue1 {color:#f1f1f1;}
.cblue2 {color:#dae5ee;}
.cblue3 {color:#cbdeeb;}
.cblue4 {color:#dae7fb;}
.cblue5 {color:#46caeb;}
.cblue6 {color:#2bb7ff;}
.cblue7 {color:#56b0ea;}
.cblue8 {color:#23a1d3;}
.cblue9 {color:#4390bf;}
.cblue10 {color:#1998fa;}
.cblue11 {color:#0080b5;}
.cblue12 {color:#2250ba;}
.cblue13 {color:#16233a;}
.cblue14 {color:#20204b;}
.cblue15 {color:#9799a6;}

/* green */
.cgreen1 {color:#e5faf4;}
.cgreen2 {color:#d4f4f2;}
.cgreen3 {color:#43d5de;}
.cgreen4 {color:#13b9c3;}
.cgreen5 {color:#4db5be;}
.cgreen6 {color:#00ceb6;}
.cgreen7 {color:#6bb449;}
.cgreen8 {color:#16b46f;}
.cgreen9 {color:#00a851;}
.cgreen10 {color:#009982;}
.cgreen11 {color:#65c33f;}

/* red */
.cred1 {color:#f3cfcf;}
.cred2 {color:#ffe7e5;}
.cred3 {color:#fb977d;}
.cred4 {color:#f0483c;}
.cred5 {color:#e54f4f;}

/* yellow */
.cyellow1 {color:#f8c076;}
.cyellow2 {color:#fdbe00;}

/* purple */
.cpurple1 {color:#f2eaf7;}
.cpurple2 {color:#e0d1f4;}
.cpurple3 {color:#c1a6e5;}
.cpurple4 {color:#a177d9;}
.cpurple5 {color:#7a46c1;}
.cpurple6 {color:#521b9d;}
.cpurple7 {color:#b765d9;}
.cpurple8 {color:#d865d9;}
.cpurple9 {color:#d625bf;}
.cpurple10 {color:#e2348e;}
.cpurple11 {color:#d9115c;}
.cpurple12 {color:#c41633;}

/* comm boder
=============================================================================*/
/* black */
.brblack1 {border:1px solid #f1f1f1;}
.brblack2 {border:1px solid #dedede;}
.brblack3 {border:1px solid #bdbebe;}
.brblack4 {border:1px solid #a9a9a9;}
.brblack5 {border:1px solid #8e8e8e;}
.brblack6 {border:1px solid #7c7c7c;}
.brblack7 {border:1px solid #585858;}
.brblack8 {border:1px solid #3d3d3d;}
.brblack9 {border:1px solid #252525;}
.brblack10 {border:1px solid #000000;}

/* blue */
.brblue1 {border:1px solid #f1f1f1;}
.brblue2 {border:1px solid #dae5ee;}
.brblue3 {border:1px solid #cbdeeb;}
.brblue4 {border:1px solid #dae7fb;}
.brblue5 {border:1px solid #46caeb;}
.brblue6 {border:1px solid #2bb7ff;}
.brblue7 {border:1px solid #56b0ea;}
.brblue8 {border:1px solid #23a1d3;}
.brblue9 {border:1px solid #4390bf;}
.brblue10 {border:1px solid #1998fa;}
.brblue11 {border:1px solid #0085db;}
.brblue12 {border:1px solid #2250ba;}
.brblue13 {border:1px solid #16233a;}
.brblue14 {border:1px solid #20204b;}
.brblue15 {border:1px solid #9799a6;}

/* green */
.brgreen1 {border:1px solid #e5faf4;}
.brgreen2 {border:1px solid #d4f4f2;}
.brgreen3 {border:1px solid #43d5de;}
.brgreen4 {border:1px solid #13b9c3;}
.brgreen5 {border:1px solid #4db5be;}
.brgreen6 {border:1px solid #00ceb6;}
.brgreen7 {border:1px solid #6bb449;}
.brgreen8 {border:1px solid #16b46f;}
.brgreen9 {border:1px solid #00a851;}
.brgreen10 {border:1px solid #009982;}
.brgreen11 {border:1px solid #65c33f;}

/* red */
.brred1 {border:1px solid #f3cfcf;}
.brred2 {border:1px solid #ffe7e5;}
.brred3 {border:1px solid #fb977d;}
.brred4 {border:1px solid #f0483c;}
.brred5 {border:1px solid #e54f4f;}

/* yellow */
.bryellow1 {border:1px solid #f8c076;}
.bryellow2 {border:1px solid #fdbe00;}

/* purple */
.brpurple1 {border:1px solid #f2eaf7;}
.brpurple2 {border:1px solid #e0d1f4;}
.brpurple3 {border:1px solid #c1a6e5;}
.brpurple4 {border:1px solid #a177d9;}
.brpurple5 {border:1px solid #7a46c1;}
.brpurple6 {border:1px solid #521b9d;}
.brpurple7 {border:1px solid #b765d9;}
.brpurple8 {border:1px solid #d865d9;}
.brpurple9 {border:1px solid #d625bf;}
.brpurple10 {border:1px solid #e2348e;}
.brpurple11 {border:1px solid #d9115c;}
.brpurple12 {border:1px solid #c41633;}


/* 로딩바 */
.loader_box {position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(255, 255, 255, .8);}
.loader {position:absolute; left:50%; top:50%; width:50px; aspect-ratio:1; display:grid;}
.loader::before, .loader::after {content:""; grid-area:1/1;
    --c:no-repeat radial-gradient(farthest-side,#25b09b 92%,#0000);
    background:
    var(--c) 50%  0,
    var(--c) 50%  100%,
    var(--c) 100% 50%,
    var(--c) 0    50%;
    background-size: 12px 12px; animation: l12 1s infinite;}
.loader::before {margin:4px; filter:hue-rotate(45deg); background-size:8px 8px; animation-timing-function:linear}
@keyframes l12 {100%{transform:rotate(.5turn)}}



/* 팝업 */
.pup_object {position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, .5); z-index:999;}
.pup_object .pup_wrap {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#fff; border:4px solid #1fb8d3; border-radius:20px; overflow:hidden;}
.pup_object .pup_wrap.wd485 {width:485px;}
.pup_object .pup_wrap.wd540 {width:540px;}
.pup_object .pup_wrap.wd610 {width:610px;}
.pup_object .pup_wrap.wd810 {width:810px;}
.pup_head {display:block; height:54px; line-height:54px; color:#fff; font-size:18px; font-weight:500; text-align:center; background-color:#1fb8d3;}
.pup_body {padding:2rem; border-radius:0 0 20px 20px; background-color:#fff;}
.pup_body .t_tit {display:block; color:#0098c4; font-size:1.5rem; font-weight:600; text-align:center; letter-spacing:-1px;}
.pup_body .t_tit::before {content:""; display:block; margin:0 auto 1rem; width:78px; height:78px; background: url("../img/sub/ico_pup_cont.gif") no-repeat 0 0;}
.pup_body .t_cont {margin:2rem 0 4rem; font-size:1.05rem; font-weight:300; text-align:center;}
.pup_body .appendix {display:block; padding-left:13px; text-align:left; font-size:.95rem; text-indent:-13px;}
.scroll_box {overflow-y:auto; overflow-x:hidden; height:24rem; font-weight:300;}
.pup_doctor_middle {padding:1.5rem 2rem;}
.pup_doctor_long {height:29rem; padding:1.5rem 2rem;}
.pup_object .pup_wrap .bottom {padding:1rem; text-align:center; background-color:#f2f2f2;}
.pup_object .pup_wrap .bottom a {margin:0 8px; display:inline-block; padding:.8rem 0; width:190px; color:#fff; text-align:center; vertical-align:middle; border-radius:8px; background-color:#34bed6; transition: ease .2s;}
.pup_object .pup_wrap .bottom a.btn_upload {background-color:#34bed6;}
.pup_object .pup_wrap .bottom a.btn_upload:hover {background-color:#0ba6c2;}
.pup_object .pup_wrap .bottom a.btn_nexttime {background-color:#8d9fa3;}
.pup_object .pup_wrap .bottom a.btn_nexttime:hover {background-color:#607f86;}
.pup_object .pup_wrap .btn_close {position:absolute; right:1rem; top:1rem; width:30px; height:30px; font-size:0; text-indent:-99999px;}
.btn_close:before, .btn_close:after {position:absolute; left:15px; content:""; height:28px; width:3px; border-radius:10px; background-color:#1fb8d3; transition: ease .2s;}
.pup_object .pup_wrap .btn_close:hover::before, .pup_object .pup_wrap .btn_close:hover:after {background-color:#0090a9;}
.btn_close:before {transform:rotate(45deg);}
.btn_close:after {transform:rotate(-45deg);}
.btn_close.white::before, .btn_close.white::after {background-color:#fff; opacity:.5;}
.pup_object .pup_wrap .btn_close.white:hover::before, .pup_object .pup_wrap .btn_close.white:hover::after {background-color:#fff; opacity:1;}
.pup_object .pup_wrap .pup_body .body_tit {font-size:1.2rem; font-weight:400; text-align:center;}
.pup_object .pup_wrap .pup_body .body_dep1 {margin-left:0.8rem;}
.pup_object .pup_wrap .pup_body .body_dep2 {margin-left:1.6rem;}