@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

#noticeBar {position:relative;width:100%;height:78px;background-size:cover}
#noticeBar .img {width:1110px;height:78px;margin:0 auto;text-align: center;}
#noticeBar .close {position:absolute;top:40%;right:2%;width:17px;height:17px;cursor:pointer;background:url('/images/ngnh/img/close.png') no-repeat;}

.displaynone {
    display:none !important;
}
.mt15 {
    margin-top:15px;
}
.clear_both {
    clear:both;
}
.space {
    height:10px;
    clear:both;
}
.space2 {
    height:5px;
    clear:both;
}
.list_list {
    width:100%;
    border:0;
    border-top:2px solid #cfcfcf;
    margin:0 0 20px 0;
    padding:0;
}
.list_list th div {
    white-space:nowrap;
}
.list_list tr.bg0 {
    background:#fff;
}
.list_list tr.bg1 {
    background:#f8f8f8;
}
.list_list th,.list_list td {
    border:0;
    padding:5px 10px;
    text-align:left;
    vertical-align:middle;
}
.list_list th {
    background:#f4f4f4;
}
.list_list tbody th {
    border-bottom:1px solid #e5e5e5;
}
.list_list td {
    border-bottom:1px solid #f0f0f0;
}
.list_list th.button,.colTable th.button,.crossTable th.button {
    text-align:right;
}
.list_list td.alert,.colTable td.alert,.crossTable td.alert {
    color:red !important;
}
.list_list td.alert a,.colTable td.alert a,.crossTable td.alert a {
    text-decoration:none;
    color:red !important;
}
.tableRow {
    width:100%;
    border:0;
    border-top:2px solid #cfcfcf;
    margin:0 0 20px 0;
    padding:0;
}
.tableRow th div {
    white-space:nowrap;
}
.tableRow tr.bg0 {
    background:#fff;
}
.tableRow tr.bg1 {
    background:#f8f8f8;
}
.tableRow th,.tableRow td {
    border:0;
    padding:5px 10px;
    vertical-align:middle;
}
.tableRow th {
    background:#f4f4f4;
    text-align:left;
    padding-left:20px;
}
.tableRow tbody th {
    border-bottom:1px solid #e5e5e5;
}
.tableRow td {
    border-bottom:1px solid #f0f0f0;
}
.tableRow th.button,.colTable th.button,.crossTable th.button {
    text-align:right;
}
.tableRow td.alert,.colTable td.alert,.crossTable td.alert {
    color:red !important;
}
.tableRow td.alert a,.colTable td.alert a,.crossTable td.alert a {
    text-decoration:none;
    color:red !important;
}
.board_pagination {
    margin:0 auto;
    text-align:center;
    margin-top:15px;
}
.board_comment_list textarea,.board_comment_write textarea {
    width:90%;
    font-size:12px;
}
.board_comment_list .comment_lists {
    height:25px;
    border-bottom:1px solid #e8e8e8;
    padding-top:10px;
}
.displaynone {
    display:none;
}
.board_pagination .current {
    color:#CC0000;
    font-weight:bold;
}
.table01 {
    width:100%;
    border:0;
    margin:0;
    padding:0;
}
.ipInfo {
    text-align:right;
    width:100%;
}
.xans-product-1 {
    margin:0px 0;
}
.xans-product-1 h2 {
    margin:0 0 0px;
    font-weight:normal;
    font-size:20px;
    color:#2e2e2e;
}
.xans-product-1 img {
    vertical-align:middle;
}
.xans-product-1 ul.prdList {
    display:table;
    width:100%;
    min-width:756px;
    margin:-13px 0 0;
    font-size:0;
    line-height:0;
}
.xans-product-1 ul.prdList li.item {
    display:inline-block;
    margin:20px 0;
    color:#757575;
    vertical-align:top;
    *display:inline;
    *zoom:1;
}
.xans-product-1 ul.prdList li.item .box {
    margin:0 auto;
    font-size:12px;
    line-height:18px;
    text-align:left;
}
.xans-product-1 ul.prdList li .color {
    overflow:hidden;
    display:inline-block;
    margin:3px 0 0 0;
}
.xans-product-1 ul.prdList.column3 li .color {
    width:176px;
}
.xans-product-1 ul.prdList.column4 li .color {
    width:116px;
}
.xans-product-1 ul.prdList.column5 li .color {
    width:76px;
}
.xans-product-1 ul.prdList li .chips {
    float:left;
    width:10px;
    height:10px;
    margin:0 2px 2px 0;
    border:1px solid #e3e3e3;
    font-size:0;
    line-height:0;
}
.xans-product-1 ul.prdList .thumb {
    margin:0 0 10px;
    border:1px solid #ececec;
}
.xans-product-1 ul.prdList .name {
    text-align:left;
}
.xans-product-1 ul.prdList .name a {
    color:#2e2e2e;
}
.xans-product-1 ul.prdList .name .title {
    font-weight:normal;
}
.xans-product-1 ul.prdList .status {
    margin:0 0 16px;
    padding:0 80px 4px 0;
    border-bottom:1px solid #e8e8e8;
    text-align:right;
    line-height:0;
    *zoom:1;
}
.xans-product-1 ul.prdList .status:after {
    content:"";
    display:block;
    clear:both;
}
.xans-product-1 ul.prdList .icon {
    float:left;
    text-align:left;
}
.xans-product-1 ul.prdList .icon img {
    /* margin:0 -3px 6px 0; */
}
.xans-product-1 ul.prdList .button {
    margin:0 -80px 0 0;
    *zoom:1;
}
.xans-product-1 ul.prdList .button img {
    margin:0 0 6px -3px;
    cursor:pointer;
}
.xans-product-1 ul.prdList .button .option {
    display:inline;
    position:relative;
    *zoom:1;
}
.xans-product-1 ul.prdList .mileage {
    display:block;
}
.xans-product-1 ul.prdList span.grid {
    display:block;
}
.xans-product-listitem li {
    text-align:left;
}
.xans-product-1 ul.column4 li.item {
    width:25%;
}
.xans-product-1 ul.column4 li.item .box {
    width:250px;
}
.xans-product-1 ul.column4 li.item .thumb {
    max-width:250px;
}
.xans-product-1 ul.column5 li.item {
    width:20%;
}
.xans-product-1 ul.column5 li.item .box {
    width:189px;
}
.xans-product-1 ul.column5 li.item .thumb {
    max-width:187px;
}
.xans-product-1 .xans-product-listitem {
    margin:0;
}
.xans-product-1 .xans-product-listitem li .title {
    font-weight:normal;
    vertical-align:top;
}
.xans-product-1 .xans-product-listitem li .title span {
    vertical-align:top;
}
.xans-product-1 .discountPeriod {
    display:inline-block;
    z-index:10;
    position:relative;
    width:55px;
    height:19px;
    vertical-align:middle;
    *zoom:1;
    *display:inline;
}
.xans-product-1 .discountPeriod .edge {
    position:absolute;
    left:50%;
    top:-6px;
    width:10px;
    height:6px;
    margin:0 0 0 -5px;
    font-size:0;
    line-height:0;
    background:url("/images/ngnh/skin/base_ko_KR/common/ico_tip_edge.gif") no-repeat 0 0;
}
.xans-product-1 .layerDiscountPeriod {
    display:none;
    position:absolute;
    left:50%;
    top:26px;
    width:247px;
    margin:0 0 0 -124px;
    border:1px solid #565960;
    font-size:12px;
    background-color:#fff;
}
.xans-product-1 .layerDiscountPeriod strong.title {
    display:block;
    margin:0 0 12px;
    padding:0 35px 0 0;
    font-weight:bold;
    color:#2e2e2e;
}
.xans-product-1 .layerDiscountPeriod .content {
    padding:9px 10px 12px 14px;
}
.xans-product-1 .layerDiscountPeriod .content p {
    margin:2px 0 0;
    font-size:11px;
    color:#000;
    line-height:16px;
    color:#757575;
    letter-spacing:-1px;
}
.xans-product-1 .layerDiscountPeriod .content p strong {
    font-weight:normal;
    font-size:12px;
    color:#2e2e2e;
}
.xans-product-1 .layerDiscountPeriod .content p strong span {
    font-size:11px;
}
.xans-product-1 .layerDiscountPeriod .close {
    position:absolute;
    right:14px;
    top:14px;
}
.xans-product-1 .layerDiscountPeriod .close img {
    cursor:pointer;
}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {
    margin:0;
    padding:0;
}
html {
    width:100%;
    height:100%;
}
body,code {
    font-family: "Nanum Gothic", sans-serif;
    color:#353535;
    background:#fff;
}
body {
    min-width:1480px;
}
body#popup {
    min-width:0;
}
li {
    list-style:none;
}
img,fieldset {
    border:none;
    vertical-align:top;
}
table {
    width:100%;
    border:0;
    border-spacing:0;
    border-collapse:collapse;
}
caption {
    display:none;
}
th,td {
    border:0;
    vertical-align:top;
}
input,select,textarea {
    font-size:100%;
    color:#353535;
    vertical-align:middle;
}
.inputTypeText {
    height:19px;
    padding:3px 0 0 9px;
    border:1px solid #d5d5d5;
}
select {
    height:24px;
    border:1px solid #d5d5d5;
}
textarea {
    padding:5px 6px;
    border:1px solid #d5d5d5;
    line-height:1.5;
}
legend {
    visibility:hidden;
    position:absolute;
    left:-9999px;
    top:-9999px;
    width:0;
    height:0;
    line-height:0;
}
button {
    overflow:visible;
    padding:0;
    margin:0;
    border:0;
    cursor:pointer;
}
hr.layout {
    display:none;
}
a {
    text-decoration:none;
    color:#000;
}
a:hover {
    text-decoration:none;
}
a:active {
    text-decoration:none;
}
.objHidden {
    visibility:hidden;
    position:absolute;
    left:-1000px;
    top:-1000px;
    height:0;
    width:0;
}
table tr.radioType input,span.noBorder input {
    border:none !important;
    width:auto !important;
    height:auto !important;
    margin:0 3px 0 0 !important;
    vertical-align:middle !important;
    background:none !important;
}
#content_CONTAINER td {
    width:auto !important;
}
table.nneditor-table {
    width:auto !important;
}
#progressPaybarBackground {
    position:absolute;
    z-index:99;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
#progressPaybarView {
    position:absolute;
    z-index:100;
    top:160px;
    left:20px;
    width:471px;
    font-size:12px;
}
#progressPaybarView .box {
    height:180px;
    background:url(/images/ngnh/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0 0 no-repeat;
}
#progressPaybarView .box .graph {
    padding:15px 0 0 0;
    text-align:center;
}
#progressPaybarView .box .graph span {
    display:block;
    text-align:center;
    margin:20px 0;
}
#progressPaybarView .box .txt {
    text-align:center;
    padding:15px 0 0;
    color:#555555;
}
div.layerProgress {
    filter:alpha(opacity=40);
    opacity:0.4;
    -moz-opacity:0.4;
    background-color:#999;
}
#skipNavigation {
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    width:100%;
    height:0;
}
#skipNavigation p,#skipNavigation ul,#skipNavigation ul li {
    height:0;
}
#skipNavigation p a {
    position:absolute;
    left:0;
    top:0;
    display:block;
    overflow:hidden;
    width:1px;
    height:1px;
    margin-left:-1px;
    margin-bottom:-1px;
    text-align:center;
    color:#000;
    white-space:nowrap;
}
#skipNavigation p a:focus,#skipNavigation p a:hover,#skipNavigation p a:active {
    width:100%;
    height:auto;
    padding:10px 0;
    background:#c4122f;
    color:#fff;
    z-index:100;
}
.displaynone {
    display:none;
}
#header {
    background:url("/images/ngnh/img/bg_body.gif") repeat-x 0 0;
}
#header .inner {
    position:relative;
    width:1100px;
    margin:0 auto;
    *zoom:1;
}
#header .inner:after {
    content:"";
    display:block;
    clear:both;
}
#header .topArea {
    padding:52px 0 20px;
    text-align:center;
    *zoom:1;
}
#header .topArea:after {
    content:"";
    display:block;
    clear:both;
}
#header .topArea .top_tel {
    float:right;
    margin:37px 0 0;
}
#header .special {
    float:left;
    border-left:1px solid #d8d8d8;
}
#header .special li {
    float:left;
}
#header .special a {
    display:block;
    height:20px;
    padding:16px 15px 9px;
    border-right:1px solid #d8d8d8;
    color:#353535;
    text-decoration:none;
}
#header .special a:hover {
    color:#008bcc;
    padding-bottom:7px;
    border-bottom:2px solid #008bcc;
}
#header .link {
    position:absolute;
    left:0;
    top:0;
    height:35px;
    line-height:35px;
}
#header .link>a,#header .link>span {
    float:left;
}
#header .link>a {
    margin:0 9px 0 0;
    padding:0 10px 0 0;
    color:#666;
    text-decoration:none;
    background:url("/images/ngnh/skin/base_ko_KR/layout/ico_util2.gif") no-repeat 100% 12px;
}
#header .link>span img {
    vertical-align:middle;
}
#header .link .xans-layout-bookmark span {
    padding-left:17px;
    background:url("/images/ngnh/skin/base_ko_KR/layout/ico_bookmark.gif") no-repeat 0 1px;
}
#header .link a {
    color:#757575;
    background:url(/images/ngnh/skin/base_ko_KR/layout/ico_bookmark.gif) no-repeat left 50%;
    padding-left:17px;
    font-size: 12px;
}
#header .link a:hover {
    color:#fd5a0b
}
#header .menu_all {
    width:100%;
    background:url(/images/ngnh/img/header_bg.gif) repeat-x;
    height:40px;
    float:left;
    position:relative;
    z-index:888;
}
#header .menu {
    clear:both;
    margin:auto;
    width:1100px;
    height:40px;
    font-size: 15px;
    
}
#header .menu a {
    float:left;
    height:40px;
}
#header .menu a.menu01 {
    width:200px;
    color: white;
    line-height: 40px;
    text-align: center;
}
#header .menu a.menu02 {
    width:160px;
    color: white;
    line-height: 40px;
    text-align: center;
}
#header .menu a.menu03 {
    width:119px;
    color: white;
    line-height: 40px;
    text-align: center;
}
#header .menu a.menu04 {
    width:123px;
    color: white;
    line-height: 40px;
    text-align: center;
}
#header .menu a.menu05 {
    width:132px;
    color: white;
    line-height: 40px;
    text-align: center;
}
#header .menu a.menu06 {
    width:121px;
    color: white;
    line-height: 40px;
    text-align: center;
}
#header .menu a.menu07 {
    width:109px;
    color: white;
    line-height: 40px;
    text-align: center;
}
#header .menu a.menu08 {
    width:136px;
    color: white;
    line-height: 40px;
    text-align: center;
}
#header .menu a span.gnb_menu{
    padding-left: 10px;
}
#header .menu a:hover {
    color: wheat;
    background-color: #324031;
}
#wrap {
    position:relative;
    width:100%;
    margin:0px auto 0;
}
#container {
    width:1100px;
    margin:0 auto;
    *zoom:1;
    position:relative;
}
#container:after {
    content:"";
    display:block;
    clear:both;
}
.visual {
    float:right
}
.banner a {
    float:left;
    margin-top:20px;
}
#sidebar {
    float:left;
    width:198px;
    z-index:9999;
    position: absolute;
    background: #FFFFFF;
    margin-top: 40px;
}
#sidebar .banner {
    padding:0 0 20px;
    border-bottom:1px solid #e8e8e8;
}
#sidebar .banner p a {
    display:block;
}
#contents {
    float:right;
    width:1100px;
}
#sub_contents {
    float:right;
    width:870px
}
#banner {
    position:absolute;
    top:0;
    left:0;
    width:90px;
}
#quick {
    position:absolute;
    top:271px;
    margin-left: 7%;
    width:90px;
    z-index:99999
}
#quick .banner a {
    display:block;
    margin:0px 0 10px;
}
#footer {
    background:url("/images/ngnh/img/footer_bg.gif") repeat-x 0 top;
}
#footer .inner {
    overflow:hidden;
    position:relative;
    width:1100px;
    margin: 60px auto 40px;
    *zoom:1;
}
#footer .utilMenu {
    overflow:hidden;
    height:42px;
    line-height:43px;
    *zoom:1;
}
#footer .utilMenu li {
    float:left;
    padding:0 5px 0 5px;
    font-size:11px;
}
#footer .utilMenu li.home {
    padding-left:0;
    background:none;
}
#footer .utilMenu li a {
    color:#707070;
    font-weight:normal
}
.best_cate {
    margin:30px 0 40px;
    width:100%;
    position:relative;
    float:left;
}
.best_ban {
    float:right
}
.eventBanner {
    width:762px;
    height:280px;
    border:1px solid #dfdfdf;
    float:left
}
.flash_area_right {
    padding-left:207px;
}
.flash_area_left_tab {
    position:absolute;
}
.pro_set {
    width:1100px;
    margin:auto;
}
#main2_vis {
    height:150px;
    overflow:hidden;
    position:relative;
    min-width:980px;
    margin-top:20px;
}
#main2_vis .visualImg {
    height:150px;
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    display:none
}
#main2_vis #vis_01 {
    display:block
}
#main2_vis #vis_02 {
}
#main2_vis #visText {
    position:absolute;
    top:0px;
    left:50%;
    *zoom:1;
    width:980px;
    margin-left:-490px
}
#main2_vis #visText:after {
    display:block;
    clear:both;
    content:''
}
#main2_vis #visText li {
    margin:8px 0 0;
    float:right
}
#main2_vis #visText li a {
    text-indent:-9999em;
    width:16px;
    height:12px;
    background:url(/images/ngnh/img/btn_off.png) no-repeat;
    display:block;
    padding-top:3px;
    overflow:hidden
}
#main2_vis #visText li a.active {
    text-indent:-9999em;
    background:url(/images/ngnh/img/btn_ov.png) no-repeat;
    color:#fff
}
#main2_vis #visPlay {
    position:absolute;
    top:452px;
    right:50%;
    margin-right:-457px;
    width:31px
}
#main2_vis #visPause {
    position:absolute;
    top:452px;
    right:50%;
    margin-right:-489px;
    width:31px
}
.sub_ban {
    margin:10px 0;
}
#sub_category {
    width:198px;
    border:1px solid #d9d9d9;
    margin:15px 0 10px;
    background:#fafafa;
}
#sub_category h2 {
    padding:15px 0 15px 20px;
    font-weight:600;
    font-size:12px;
    border-bottom:1px solid #d9d9d9;
    color:#547f0f
}
#sub_category span {
    font-size:10px;
    color:#a4a4a4
}
.left_menu ul {
    padding:8px 0 12px 20px;
}
.left_menu li {
    line-height:24px;
    padding:0px 0 0px 0px;
    font-size:13px;
    display:block;
    color:#666
}
.left_menu li a {
    color:#666
}
.left_menu li a:hover {
    color:#333
}
#boardArea {
    overflow:hidden;
    margin:50px 0 25px;
    border-top:2px solid #9d9896;
    padding:35px 0 0
}
.customer {
    float:left;
}
.notice {
    background:url(/images/ngnh/img/line.gif) no-repeat right top;
    padding:0 35px;
    float:left;
    height:266px;
    width:290px;
}
#bannerArea {
    margin:22px 0 0;
}
#bannerArea h2 {
    margin:0 0 16px;
    font-weight:normal;
    font-size:20px;
    color:#2e2e2e;
    text-align:center;
}
.path {
    overflow:hidden;
    height:30px;
    line-height:30px;
    *zoom:1;
    display:none
}
.path h2 {
    overflow:hidden;
    position:absolute;
    width:0;
    height:0;
    white-space:nowrap;
    text-indent:100%;
}
.path ol {
    float:right;
}
.path li {
    float:left;
    padding:0 0 0 12px;
    margin:0 0 0 8px;
    color:#757575;
    background:url("/images/ngnh/skin/base_ko_KR/common/ico_path.gif") no-repeat 0 10px;
}
.path li:first-child {
    background:none;
}
.path li a {
    color:#757575;
}
.path li strong,.path li strong a {
    color:#2e2e2e;
}
.titleArea {
    min-height:30px;
    margin:30px 0 0px;
}
.titleArea h2 {
    display:inline-block;
    padding:0 0 15px 12px;
    color:#333;
    font-size:24px;
    font-weight:bold;
    *display:inline;
    *zoom:1;
    background:url("/images/ngnh/skin/base_ko_KR/common/ico_heading.gif") 0 25% no-repeat;
}
.titleArea p {
    display:inline-block;
    margin:0 0 0 6px;
    padding:0 0 0 10px;
    color:#939393;
    background:url("/images/ngnh/skin/base_ko_KR/common/ico_title.gif") no-repeat 0 0;
    *display:inline;
    *zoom:1;
}
.titleArea ul {
    padding:5px 0;
    color:#939393;
    line-height:18px;
}
.titleArea ul li {
    padding:0 0 0 9px;
    background:url("/images/ngnh/skin/base_ko_KR/common/ico_info.gif") no-repeat 4px 7px;
}
.help {
    margin:40px 0 0;
    border:1px solid #d6d4d4;
    line-height:18px;
}
.help h3 {
    padding:9px 0 6px 10px;
    border-bottom:1px solid #e8e7e7;
    color:#353535;
    font-size:12px;
    background:#fbfbfb;
}
.help .content {
    padding:0 9px 12px;
}
.help .content h4 {
    margin:22px 0 -4px;
    color:#000;
    font-size:12px;
    font-weight:normal;
}
.help .content h4:first-child {
    margin-top:13px;
}
.help .content p {
    margin:15px 0 0 10px;
    color:#757575;
}
.help .content ul {
    margin:15px 0 0 11px;
}
.help .content li {
    padding:0 0 0 25px;
    color:#757575;
    background:url("/images/ngnh/skin/base_ko_KR/common/ico_number.png") no-repeat;
}
.help .content li.item1 {
    background-position:-484px 0;
}
.help .content li.item2 {
    background-position:-434px -100px;
}
.help .content li.item3 {
    background-position:-384px -200px;
}
.help .content li.item4 {
    background-position:-334px -300px;
}
.help .content li.item5 {
    background-position:-284px -400px;
}
.help .content li.item6 {
    background-position:-234px -500px;
}
.help .content li.item7 {
    background-position:-184px -600px;
}
.help .content li.item8 {
    background-position:-134px -700px;
}
.help .content li.item9 {
    background-position:-84px -800px;
}
.help .content li.item10 {
    background-position:-34px -900px;
}
.boardMain {
    overflow:hidden;
    *zoom:1;
    padding:12px 30px;
}
.boardMain td img {
    vertical-align:middle;
    margin:1px;
}
.boardMain .board {
    margin:0 0 65px;
}
.boardMain .leftArea {
    float:left;
    width:50%;
}
.boardMain .leftArea .board {
    margin:0 23px 10px 0;
}
.boardMain .rightArea {
    float:right;
    width:50%;
}
.boardMain .rightArea .board {
    margin:0 0 10px 23px;
}
#modalBackpanel {
    display:none;
    position:absolute;
    top:0;
    left:0;
    z-index:500;
    width:100%;
    height:100%;
    background:#000;
}
#modalContainer {
    display:none;
    position:absolute;
    top:100px;
    left:100px;
    z-index:501;
    width:975px;
    height:720px;
    border:1px solid #333;
    background:#fff;
}
#modalContainer #modalContent {
    width:100%;
    height:100%;
}
.xans-layout-conversionpc a {
    display:block;
    padding:21px 0 22px;
    border:2px solid #9d9db0;
    border-radius:4px;
    font-weight:bold;
    font-size:38px;
    color:#63666e;
    text-align:center;
}
.xans-layout-conversionpc a {
    background:#fff -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2));
    background:#fff -moz-linear-gradient(top,#fff,#f2f2f2);
}
.xans-layout-conversionpc a:hover {
    text-decoration:none;
}
.xans-layout-conversionpc a span {
    padding:0 0 0 42px;
    background:url("/images/ngnh/skin/base_ko_KR/layout/ico_mobile.png") no-repeat 0 50%;
    background-size:27px 35px;
}
.xans-layout-logotop {
    width:275px;
    float:left;
    margin:0px 0 0;
}
.xans-layout-logotop img {
    max-width:275px;
}
.xans-layout-searchheader {
    float:left;
    margin:20px 0 0 130px;
}
.xans-layout-searchheader fieldset {
    border:1px solid #303a27;
    border-radius:2px;
}
.xans-layout-searchheader #search_keyword {
    width:260px;
    height:32px;
    padding:0 0 0 9px;
    border:0;
    line-height:32px;
    font-size:14px;
    color:#303a27;
    background:#fff;
}
.xans-layout-multishoplist.list {
    float:right;
    position:relative;
    z-index:10;
    height:45px;
    margin:0 0 0 6px;
}
.xans-layout-multishoplist.list button {
    display:block;
    height:45px;
    padding:0 0 0 10px;
    color:#757575;
    line-height:45px;
    font-size:12px;
    background:url("/images/ngnh/skin/base_ko_KR/layout/ico_util1.gif") no-repeat 0 17px;
}
.xans-layout-multishoplist.list button span {
    padding:0 25px 0 0;
    background:url("/images/ngnh/skin/base_ko_KR/layout/ico_multishop1.png") no-repeat 100% 4px;
}
.xans-layout-multishoplist.list>ul {
    display:none;
    position:absolute;
    right:0;
    top:44px;
    overflow:auto;
    width:248px;
    height:155px;
    border:1px solid #d5d5d5;
    background:#fff;
}
.xans-layout-multishoplist.list>ul li {
    position:relative;
    height:39px;
    margin:-1px 0 0;
    border-top:1px solid #d5d5d5;
    line-height:39px;
}
.xans-layout-multishoplist.list>ul li a {
    display:block;
    overflow:hidden;
    padding:0 62px 0 48px;
    color:#353535;
    white-space:nowrap;
    text-decoration:none;
    text-overflow:ellipsis;
    background:url("/images/ngnh/skin/base_ko_KR/layout/ico_multishop2.png") no-repeat 100% -24px;
}
.xans-layout-multishoplist.list>ul li.selected a {
    background:#f3f3f3 url("/images/ngnh/skin/base_ko_KR/layout/ico_multishop2.png") no-repeat 100% 16px;
}
.xans-layout-multishoplist.list>ul li a img {
    position:absolute;
    left:10px;
    top:9px;
}
.xans-layout-multishoplist.list>ul li a .name strong {
    font-weight:normal;
}
.xans-layout-multishoplist.list>ul li a .unit {
    position:absolute;
    right:38px;
    top:0;
    font-size:11px;
    color:#757575;
}
.xans-layout-multishoplist.list.show>ul {
    display:block;
}
.xans-layout-multishoplist.thumb {
    position:absolute;
    left:0;
    top:45px;
}
.xans-layout-multishoplist.thumb>ul {
    overflow:hidden;
}
.xans-layout-multishoplist.thumb>ul li {
    float:left;
    width:32px;
    margin:0 4px 0 0;
}
.xans-layout-multishoplist.thumb>ul li a {
    text-decoration:none;
}
.xans-layout-shoppinginfo {
    position:absolute;
    right:0;
    top:0;
    height:35px;
    line-height:35px;
}
.xans-layout-shoppinginfo li {
    float:left;
    margin:0 0 0 10px;
    padding:0 0 0 11px;
    background:url("/images/ngnh/skin/base_ko_KR/layout/ico_util2.gif") no-repeat 0 12px;
}
.xans-layout-shoppinginfo li:first-child {
    background:none;
}
.xans-layout-statelogoff {
    position:absolute;
    top:10px;
    right:0px;
}
.xans-layout-statelogoff a {
    padding:0 4px 0 10px;
    color:#757575;
    font-size:12px;
    background:url("/images/ngnh/skin/base_ko_KR/layout/ico_util1.gif") no-repeat 0 50%;
}
.xans-layout-statelogoff .log {
    background:none;
}
.xans-layout-statelogoff a .count,.xans-layout-statelogoff a .count span {
    position:relative;
    display:inline-block;
    background:url("/images/ngnh/skin/base_ko_KR/layout/bg_new_count.png") no-repeat;
}
.xans-layout-statelogoff a .count {
    left:-5px;
    top:-1px;
    margin:0 -5px 0 3px;
    padding:0 0 0 7px;
    vertical-align:middle;
    background-position:0 0;
}
.xans-layout-statelogoff a .count span {
    height:14px;
    padding:1px 7px 1px 0;
    font-size:11px;
    font-weight:bold;
    color:#fff;
    line-height:14px;
    vertical-align:top;
    background-position:right -26px;
}
.xans-layout-statelogon {
    position:absolute;
    top:10px;
    right:0px;
}
.xans-layout-statelogon a {
    padding:0 4px 0 10px;
    color:#757575;
    font-size:12px;
    background:url("/images/ngnh/skin/base_ko_KR/layout/ico_util1.gif") no-repeat 0 50%;
}
.xans-layout-statelogon .myinfo {
    color:#757575;
    font-size:12px;
}
.xans-layout-statelogon .myinfo strong {
    color:#353535;
    font-size:12px;
}
.xans-layout-statelogon .myinfo a {
    background:none;
}
.xans-layout-statelogon a .count,.xans-layout-statelogon a .count span {
    position:relative;
    display:inline-block;
    background:url("/images/ngnh/skin/base_ko_KR/layout/bg_new_count.png") no-repeat;
}
.xans-layout-statelogon a .count {
    left:-5px;
    top:-1px;
    margin:0 -5px 0 3px;
    padding:0 0 0 7px;
    vertical-align:middle;
    background-position:0 0;
}
.xans-layout-statelogon a .count span {
    height:14px;
    padding:1px 8px 1px 0;
    font-size:11px;
    font-weight:bold;
    color:#fff;
    line-height:14px;
    vertical-align:top;
    background-position:right -26px;
}
/* 장바구니 수 배지 — user-state.js 가 data-count 를 채운다. 0 이면 숨김(옛 displaynone 토글 대체) */
.xans-layout-statelogoff a .count span[data-count]::before,
.xans-layout-statelogon a .count span[data-count]::before {
    content:attr(data-count);
}
.xans-layout-statelogoff a .count:has(span[data-count="0"]),
.xans-layout-statelogon a .count:has(span[data-count="0"]) {
    display:none;
}
.xans-layout-category {
    width:198px;
    border-right:1px solid #243624;
    border-bottom:1px solid #243624;
    border-left:1px solid #243624
}
.xans-layout-category h2 {
    height:20px;
    color:#2e2e2e;
    font-size:14px;
}
.xans-layout-category .position {
    height: 448px;
}
.xans-layout-category .position>ul {
    padding:13px 0 14px;
}
.xans-layout-category .position>ul>li {
    position:relative;
    z-index:10;
    padding-left: 20px;
    line-height: 20px;
}
.xans-layout-category .position>ul>li>a {
    display:block;
    font-size:14px;
    font-weight:bold;
    word-spacing:-1px;
    text-decoration:none;
    text-decoration:none;
    color: #79A035;
    font-weight: bold;
    font-size:16px;
}
.xans-layout-category .position>ul>li>ul>li>a {
    padding-left: 20px;
    color: #7D7D7D;
    font-weight:bold;
    font-size:13px;
}
.xans-layout-category .position>ul>li>a:hover,.xans-layout-category .position>ul>li.selected>a,.xans-layout-category .position>ul>li.on>a, .position>ul>li>ul>li>a:hover {
    color:#3E523D;
}
.xans-layout-orderbasketcount {
    overflow:hidden;
    padding:8px 6px 6px 7px;
    line-height:16px;
    text-align:right;
    color:#fff;
    background:#3b3a3a;
    *zoom:1;
}
.xans-layout-orderbasketcount strong {
    font-size: 12px;
    float:left;
    font-weight:normal;
}
.xans-layout-orderbasketcount span {
    font-size: 12px;
    float:right;
}
.xans-layout-orderbasketcount span a {
    font-size: 12px;
    color:#fff;
    font-weight:bold;
}
.xans-layout-productrecent {
    border:1px solid #d5d5d5;
    border-top:0;
    text-align:center;
    background:#fff;
}
.xans-layout-productrecent h2 a {
    display:block;
    height:30px;
    line-height:30px;
    font-size:12px;
    font-weight:normal;
    color:#2e2e2e;
}
.xans-layout-productrecent ul {
    width:76px;
    margin:0 auto 10px;
}
.xans-layout-productrecent li a {
    color:#2e2e2e;
    font-size:11px;
}
.xans-layout-productrecent li img {
    max-width:76px;
}
.xans-layout-productrecent li span {
    display:block;
    padding:2px 0;
    line-height:16px;
}
.xans-layout-productrecent .player {
    overflow:hidden;
    *zoom:1;
}
.xans-layout-productrecent .player img {
    float:left;
}
.xans-product-2 {
    margin:17px 0 40px;
}
.xans-product-2 h2 {
    margin:0 0 0px;
    font-weight:normal;
    font-size:20px;
    color:#2e2e2e;
}
.xans-product-2 img {
    vertical-align:middle;
}
.xans-product-2 ul.prdList {
    display:table;
    width:100%;
    min-width:756px;
    margin:-20px 0 0;
    font-size:0;
    line-height:0;
}
.xans-product-2 ul.prdList li.item {
    display:inline-block;
    margin:20px 0;
    color:#757575;
    vertical-align:top;
    *display:inline;
    *zoom:1;
}
.xans-product-2 ul.prdList li.item .box {
    margin:0 auto;
    font-size:12px;
    line-height:18px;
    text-align:left;
}
.xans-product-2 ul.prdList li .color {
    overflow:hidden;
    display:inline-block;
    margin:3px 0 0 0;
}
.xans-product-2 ul.prdList.column3 li .color {
    width:176px;
}
.xans-product-2 ul.prdList.column4 li .color {
    width:116px;
}
.xans-product-2 ul.prdList.column5 li .color {
    width:76px;
}
.xans-product-2 ul.prdList li .chips {
    float:left;
    width:10px;
    height:10px;
    margin:0 2px 2px 0;
    border:1px solid #e3e3e3;
    font-size:0;
    line-height:0;
}
.xans-product-2 ul.prdList .thumb {
    margin:0 0 10px;
    border:1px solid #ececec;
}
.xans-product-2 ul.prdList .name {
    text-align:left;
}
.xans-product-2 ul.prdList .name a {
    color:#2e2e2e;
}
.xans-product-2 ul.prdList .name .title {
    font-weight:normal;
}
.xans-product-2 ul.prdList .status {
    margin:0 0 16px;
    padding:0 80px 4px 0;
    border-bottom:1px solid #e8e8e8;
    text-align:right;
    line-height:0;
    *zoom:1;
}
.xans-product-2 ul.prdList .status:after {
    content:"";
    display:block;
    clear:both;
}
.xans-product-2 ul.prdList .icon {
    float:left;
    text-align:left;
}
.xans-product-2 ul.prdList .icon img {
    margin:0 -3px 6px 0;
}
.xans-product-2 ul.prdList .button {
    margin:0 -80px 0 0;
    *zoom:1;
}
.xans-product-2 ul.prdList .button img {
    margin:0 0 6px -3px;
    cursor:pointer;
}
.xans-product-2 ul.prdList .button .option {
    display:inline;
    position:relative;
    *zoom:1;
}
.xans-product-2 ul.prdList .mileage {
    display:block;
}
.xans-product-2 ul.prdList span.grid {
    display:block;
}
.xans-product-listitem li {
    text-align:left;
}
.xans-product-2 ul.column4 li.item {
    width:25%;
}
.xans-product-2 ul.column4 li.item .box {
    width:250px;
}
.xans-product-2 ul.column4 li.item .thumb {
    max-width:250px;
}
.xans-product-2 ul.column5 li.item {
    width:20%;
}
.xans-product-2 ul.column5 li.item .box {
    width:189px;
}
.xans-product-2 ul.column5 li.item .thumb {
    max-width:187px;
}
.xans-product-2 .xans-product-listitem {
    margin:0;
}
.xans-product-2 .xans-product-listitem li .title {
    font-weight:normal;
    vertical-align:top;
}
.xans-product-2 .xans-product-listitem li .title span {
    vertical-align:top;
}
.xans-product-2 .discountPeriod {
    display:inline-block;
    z-index:10;
    position:relative;
    width:55px;
    height:19px;
    vertical-align:middle;
    *zoom:1;
    *display:inline;
}
.xans-product-2 .discountPeriod .edge {
    position:absolute;
    left:50%;
    top:-6px;
    width:10px;
    height:6px;
    margin:0 0 0 -5px;
    font-size:0;
    line-height:0;
    background:url("/images/ngnh/skin/base_ko_KR/common/ico_tip_edge.gif") no-repeat 0 0;
}
.xans-product-2 .layerDiscountPeriod {
    display:none;
    position:absolute;
    left:50%;
    top:26px;
    width:247px;
    margin:0 0 0 -124px;
    border:1px solid #565960;
    font-size:12px;
    background-color:#fff;
}
.xans-product-2 .layerDiscountPeriod strong.title {
    display:block;
    margin:0 0 12px;
    padding:0 35px 0 0;
    font-weight:bold;
    color:#2e2e2e;
}
.xans-product-2 .layerDiscountPeriod .content {
    padding:9px 10px 12px 14px;
}
.xans-product-2 .layerDiscountPeriod .content p {
    margin:2px 0 0;
    font-size:11px;
    color:#000;
    line-height:16px;
    color:#757575;
    letter-spacing:-1px;
}
.xans-product-2 .layerDiscountPeriod .content p strong {
    font-weight:normal;
    font-size:12px;
    color:#2e2e2e;
}
.xans-product-2 .layerDiscountPeriod .content p strong span {
    font-size:11px;
}
.xans-product-2 .layerDiscountPeriod .close {
    position:absolute;
    right:14px;
    top:14px;
}
.xans-product-2 .layerDiscountPeriod .close img {
    cursor:pointer;
}
.xans-board-listpackage-1 {
    position:relative;
    float:left;
    width:290px;
    margin:0 0 16px
}
.xans-board-listpackage-1 h2 {
    margin:0 0 10px;
    color:#2e2e2e;
    font-size:12px;
}
.xans-board-listpackage-1 .more {
    position:absolute;
    top:0px;
    right:0;
}
.xans-board-listpackage-1 thead th {
    height:0;
    font-size:0;
    line-height:0;
}
.xans-board-listpackage-1 td {
    width:65px;
    padding:0 1px 0 0;
    border:none;
    font-size:10px;
    color:#a4a4a4;
    text-align:right;
    line-height:22px;
}
.xans-board-listpackage-1 td.title {
    width:auto;
    font-size:12px;
    text-align:left;
    background:url(/images/ngnh/img/not_dot.gif) no-repeat left 50%;
    padding-left:8px
}
.xans-board-listpackage-1 td.title a,.xans-board-listpackage-1 td.title a:hover {
    color:#4f4f4f;
}
.xans-board-listpackage-4 {
    position:relative;
    float:left;
    width:350px;
    padding:0 25px;
}
.xans-board-listpackage-4 h2 {
    margin:0 0 16px;
    color:#2e2e2e;
    font-size:12px;
}
.xans-board-listpackage-4 h2 span {
}
.xans-board-listpackage-4 .more {
    position:absolute;
    top:0px;
    right:0;
}
.xans-board-listpackage-4 thead {
    visibility:hidden;
    position:absolute;
    left:-1000px;
    top:-1000px;
    height:0;
    width:0;
    display:none
}
.xans-board-listpackage-4 td {
    border:none;
    text-align:left;
    color:#838382;
}
.xans-board-listpackage-4 td.title {
    padding:0 0 0 15px;
    width:auto;
    text-align:left;
}
.xans-board-listpackage-4 td.title a,.xans-board-listpackage-4 td.title a:hover {
    color:#363636;
    font-weight:600;
    font-size:12px;
    letter-spacing:-0.5px;
    line-height:22px;
}
.xans-board-listpackage-4 td img {
    width:110px;
    height:100px;
    margin-right:18px;
    border:1px solid #dadada;
}
.con {
    font-weight:100;
    font-size:11px;
    padding:0 0 0 7px;
}
.xans-board-listpackage-4 p {
    float:left;
}
.xans-board-listpackage-4 p a:link,.xans-board-listpackage-4 p a:hover {
    color:#333;
    font-weight:600;
    font-size:12px;
    letter-spacing:-0.5px;
    line-height:22px;
}
.xans-board-listpackage-4 span a:link,.xans-board-listpackage-4 span a,.xans-board-listpackage-4 span a:hover {
    color:#333;
    font-weight:800;
    font-size:14px;
    letter-spacing:-0.5px;
    line-height:22px;
    cursor:pointer;
    width:220px;
    float:left;
}
.xans-board-listpackage-4 strong {
    text-align:justify;
    float:left;
    font-weight:normal;
    padding-top:3px;
    line-height:18px;
    width:220px;
}
.xans-board-listpackage-4 strong a:link,.xans-board-listpackage-4 li strong a:hover {
    font-size:11px;
    text-decoration:none;
    font-weight:normal;
    color:#666;
    letter-spacing:-0.5px;
}
.xans-board-listpackage-4 td.pat10 {
    padding-top:10px;
}
.xans-board-listpackage-4 td.pat15 {
    padding-top:12px;
}
.xans-board-listpackage-4 td.pab10 {
    padding-bottom:10px;
}
.xans-layout-logobottom {
    float:left;
    width:204px;
    padding:33px 0 0 0px;
}
.xans-layout-logobottom img {
    max-width:204px;
}
.xans-layout-footer {
    float:left;
    height:200px;
}
.xans-layout-footer .utilMenu {
    overflow:hidden;
    height:42px;
    line-height:43px;
    *zoom:1;
}
.xans-layout-footer .utilMenu li {
    float:left;
    padding:0 10px 0 10px;
    font-size:11px;
}
.xans-layout-footer .utilMenu li.home {
    padding-left:0;
    background:none;
}
.xans-layout-footer .utilMenu li a {
    color:#2e2e2e;
}
.xans-layout-footer .address {
    padding:32px 0px 0px 30px;
    color:#757575;
    line-height:16px;
    font-size:11px;
}
.xans-layout-footer .address span {
    padding:0 25px 0 0;
}
.xans-layout-footer .address span a {
    color:#757575;
}
.xans-layout-footer .copyright {
    position:absolute;
    left:204px;
    padding:0px 0px 0px 30px;
    height:32px;
    color:#2e2e2e;
    font-size:11px;
    line-height:32px;
}
.xans-layout-footer .pageTop {
    position:absolute;
    right:0;
    top:15px;
}
.xans-layout-footer .hosting {
    position:absolute;
    right:0;
    top:70px;
}
.xans-photoslide2 .nivoSlider,.xans-photoslider-slide .nivoSlider {
    overflow:hidden;
    position:relative;
    margin:0 auto;
    background:#fff url("/images/ngnh/apps/photo-slider/skin1/img-loading.gif") no-repeat 50% 50%;
}
.xans-photoslide2 .nivoSlider img,.xans-photoslider-slide .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.xans-photoslide2 .nivoSlider a.nivo-imageLink,.xans-photoslider-slide .nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
}
.xans-photoslide2 .nivo-slice,.xans-photoslider-slide .nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
}
.xans-photoslide2 .nivo-box,.xans-photoslider-slide .nivo-box {
    display:block;
    position:absolute;
    z-index:5;
}
.xans-photoslide2 .nivo-caption,.xans-photoslider-slide .nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    height:24px;
    padding:6px 0 0 0;
    background:url("/images/ngnh/apps/photo-slider/skin1/bg-title.png") 0 0 repeat-x;
    color:#3f3f3f;
    font-size:12px;
    line-height:180%;
    opacity:1;
    width:100%;
    z-index:8;
}
.xans-photoslide2 .nivo-caption p,.xans-photoslider-slide .nivo-caption p {
    margin:0;
    padding:0 120px 0 11px;
}
.xans-photoslide2 .nivo-caption a,.xans-photoslider-slide .nivo-caption a {
    display:inline !important;
    color:#3f3f3f;
}
.xans-photoslide2 .nivo-html-captio,.xans-photoslider-slide .nivo-html-caption {
    display:none;
}
.xans-photoslide2 .nivo-directionNav a,.xans-photoslider-slide .nivo-directionNav a {
    display:block;
    overflow:hidden;
    position:absolute;
    z-index:9;
    width:53px;
    height:51px;
    margin: -250px 0px 0px 208px;
    background:url("/images/ngnh/img/sfix-ico.png") 0 -23px no-repeat;
    text-indent:100%;
    white-space:nowrap;
    cursor:pointer;
}
.xans-photoslide2 .nivo-prevNav,.xans-photoslider-slide .nivo-prevNav {
    left:0;
    background-position:0 -23px;
}
.xans-photoslide2 .nivo-prevNav:hover,.xans-photoslider-slide .nivo-prevNav:hover {
    background-position:-63px -23px;
}
.xans-photoslide2 .theme-default .nivo-nextNav,.xans-photoslider-slide .theme-default .nivo-nextNav {
    right:0;
    background-position:0 -84px;
}
.xans-photoslide2 .theme-default .nivo-nextNav:hover,.xans-photoslider-slide .theme-default .nivo-nextNav:hover {
    background-position:-63px -84px;
}
.xans-photoslide2 .nivo-controlNav,.xans-photoslider-slide .nivo-controlNav {
    position:absolute;
    left:48%;
    bottom:10px;
    z-index:11
}
.xans-photoslide2 .nivo-controlNav a,.xans-photoslider-slide .nivo-controlNav a {
    overflow:hidden;
    position:relative;
    z-index:9;
    float:left;
    width:13px;
    height:13px;
    margin:0 0 0 7px;
    background:url("/images/ngnh/img/sfix-ico.png") 0 0 no-repeat;
    text-indent:100%;
    white-space:nowrap;
    cursor:pointer;
}
.xans-photoslide2 .nivo-controlNav a.active,.xans-photoslider-slide .nivo-controlNav a.active {
    background-position: -23px 0;
}
[x-cloak] {
    display: none !important;
}
.main-pop__img { margin:0; }
.main-pop__img img { display:block; width:100%; }
.main-pop__bar { display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; height:25px; padding:0 10px; background:#000; font-size:12px; line-height:1; }
.main-pop__bar a { color:#fff; text-decoration:none; }

/* ── 공통 다이얼로그 / 토스트 (notify.js: confirmDialog/alertDialog/toast → SweetAlert2) ──
   ui-swal / ui-toast 데코 — 남거창농협 (메뉴 hover 녹색 #324031, 나눔고딕) 톤. 계약 클래스는 notify.js SWAL_CLASS/TOAST_CLASS.
   메인 레이어 팝업(.main-pop, z-index 5000000)보다 위에 뜨도록 컨테이너를 올린다 */
.ui-swal-container { z-index: 2147483647 !important; }
.ui-swal {
    width: 360px !important;
    max-width: calc(100% - 32px);
    border: 1px solid #d5d5d5;
    border-radius: 4px !important;
    padding: 24px 20px 20px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
    font-family: "Nanum Gothic", sans-serif;
}
.ui-swal__title {
    font-size: 15px !important;
    font-weight: bold !important;
    color: #2e2e2e !important;
    padding: 4px 0 0 !important;
}
.ui-swal__text {
    font-size: 13px !important;
    color: #555 !important;
    line-height: 1.6 !important;
    margin-top: 10px !important;
    white-space: pre-line !important; /* confirm 문구 \n 줄바꿈 렌더 */
}
.ui-swal__actions { margin-top: 20px !important; gap: 6px; }
.ui-swal__btn {
    display: inline-block;
    min-width: 80px;
    height: 36px;
    padding: 0 16px;
    font-family: "Nanum Gothic", sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 34px;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
}
.ui-swal__btn--primary { background: #324031; border-color: #324031; color: #fff; }
.ui-swal__btn--primary:hover { background: #243624; border-color: #243624; }
.ui-swal__btn--ghost { background: #fff; border-color: #ccc; color: #333; }
.ui-swal__btn--ghost:hover { border-color: #333; }
.ui-swal .swal2-icon { transform: scale(.6); margin: -10px auto -6px !important; }
.ui-swal .swal2-icon,
.ui-swal .swal2-icon * { animation: none !important; }
.ui-swal.swal2-show { animation: ui-swal-pop .12s ease-out !important; }
.ui-swal.swal2-hide { animation: ui-swal-fade .1s ease-in forwards !important; }
@keyframes ui-swal-pop { from { opacity: 0; transform: scale(.97); } to { opacity: 1; transform: none; } }
@keyframes ui-swal-fade { to { opacity: 0; } }
.ui-swal .swal2-icon.swal2-question,
.ui-swal .swal2-icon.swal2-info { border-color: #999; color: #757575; }
.ui-swal .swal2-icon.swal2-success { border-color: transparent; color: #324031; }
.ui-swal .swal2-icon.swal2-success .swal2-success-ring { border-color: #324031; }
.ui-swal .swal2-icon.swal2-success [class^='swal2-success-line'] { background-color: #324031; }
.ui-swal .swal2-icon.swal2-error { border-color: #c4122f; color: #c4122f; }
.ui-swal .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { background-color: #c4122f; }
.ui-swal .swal2-icon.swal2-warning { border-color: #e67e22; color: #e67e22; }

/* Toast — 하단 다크 카드 */
.ui-toast {
    border-radius: 4px !important;
    background: #2e2e2e !important;
    color: #fff !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
    padding: 10px 18px !important;
    margin-bottom: 24px !important;
}
.ui-toast__title { font-family: "Nanum Gothic", sans-serif; font-size: 13px !important; color: #fff !important; font-weight: bold; }
.ui-toast__btn { background: transparent !important; border: 0 !important; box-shadow: none !important; margin: 0 0 0 10px !important; padding: 0 !important; font-family: "Nanum Gothic", sans-serif; font-size: 13px; font-weight: bold; color: #fff !important; text-decoration: underline; cursor: pointer; }
.ui-toast .swal2-icon,
.ui-toast .swal2-icon * { animation: none !important; }
.ui-toast .swal2-icon {
    transform: scale(.5);
    transform-origin: center center;
    margin: -18px -4px -18px -12px !important;
    flex-shrink: 0;
}
.ui-toast .swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(255, 255, 255, .4); }
.ui-toast .swal2-icon.swal2-success [class^='swal2-success-line'] { background-color: #fff; }
.ui-toast .swal2-icon.swal2-success [class^='swal2-success-circular-line'],
.ui-toast .swal2-icon.swal2-success .swal2-success-fix { background: transparent !important; }
.ui-toast__bar { background: rgba(255, 255, 255, .35) !important; }