.sub_visual {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 300px;
    text-align: center;
    overflow: hidden;
    z-index: 1
}

.sub_visual .visuals a {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    text-align: left;
    text-indent: -9999px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.sub_visual .circle {
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    z-index: 2
}

.sub_visual .circle a {
    display: inline-block;
    margin: 0 3px 0 3px;
    width: 10px;
    height: 10px;
    text-align: left;
    text-indent: -9999px;
    background: #fff;
    border: 1px solid #ccc
}

.sub_visual .circle a:hover {
    opacity: 1;
    background: #999;
    border: 1px solid #777
}

.sub_visual .circle a.active {
    opacity: 1;
    background: #999;
    border: 1px solid #777
}

.sub_visual .spinn {
    position: absolute;
    top: 127px;
    z-index: 3
}

.sub_visual .prev {
    left: 20px
}

.sub_visual .next {
    right: 20px
}

#gnb_left.fixed {
    position: fixed;
    top: -45px
}

#contents_left {
    float: left;
    margin-top: 50px;
    width: 200px;
    color: #777;
    text-align: right
}

#contents_left .left_title {
    clear: both;
    padding-top: 8px;
    padding-right: 20px;
    width: 160px;
    height: 22px;
    background: #7b327b;
    font: bold 12px Nanum Gothic,'나눔고딕';
    color: #fff;
    text-align: right
}

@-moz-document url-prefix() {
    #left_content .left_title {
        padding-top: 7px
    }
}

#contents_left .top_blank {
    margin-top: 10px
}

#contents_left ul {
    margin: 0;
    padding: 0;
    width: 180px
}

#contents_left ul.cate a {
    display: block;
    padding: 5px 20px 5px 0;
    text-decoration: none;
    font: 12px arial,'굴림',gulim;
    color: #777;
    line-height: 14px
}

#contents_left ul.cate li {
    list-style: none
}

#contents_left ul.cate li:hover > a {
    background: #eee;
    color: #000
}

#contents_left ul.cate li:hover > a.fly {
    background: url(../../../img/gnb_sub_arrow.gif) no-repeat 170px #eee
}

#contents_left ul.cate a:hover {
    background: #1b2034;
    color: #fff;
    visibility: visible
}

#contents_left ul.cate li a.fly {
    background: url(../../../img/gnb_sub_arrow.gif) no-repeat 170px
}

#contents_left ul.cate li a.fly:hover {
    background: url(../../../img/gnb_sub_arrow.gif) no-repeat 170px #eee
}

#contents_left ul.cate li ul.sub_gnb {
    position: absolute;
    left: 180px;
    visibility: hidden;
    background: #fbfbfb;
    z-index: 111
}

#contents_left ul.cate li ul.sub_gnb li a {
    display: block;
    padding: 5px 10px 3px;
    text-decoration: none;
    font: 12px '굴림',gulim,arial;
    line-height: 16px
}

#contents_left ul.cate li:hover > ul.sub_gnb {
    margin: -24px 0 0 0;
    padding: 0;
    width: 150px;
    visibility: visible
}

#contents_left ul.cate li:hover > ul.sub_gnb li {
    height: 100%
}

#contents_left ul.cate li:hover > ul.sub_gnb li:hover a {
    background: #eee
}

#contents_left ul.cate li:hover > ul.sub_gnb li a {
    color: #777;
    text-align: left
}

#contents_left ul.cate li:hover > ul.sub_gnb li a:hover {
    color: #222
}

.top_blank_title {
    margin-top: 25px
}

#phone_num {
    margin-top: 15px;
    margin-right: 40px;
    font: 16px arial,'굴림',gulim;
    color: #555;
    line-height: 20px
}

#shop_time {
    margin-top: 10px;
    margin-right: 40px;
    font: 11px '돋움',dotum;
    line-height: 16px
}

#bank_account_left {
    margin-top: 15px;
    margin-right: 40px;
    font: 12px '굴림',gulim;
    line-height: 18px
}

#contents_right {
    float: right;
    padding: 20px 0;
    width: 1000px;
    min-height: 600px;
    height: 600px;
    overflow-x: hidden;
    zoom:1}

.wrap_title {
    height: 54px;
    background: url(../../../img/title_line.gif) repeat-x
}

.tab {
    width: 1280px;
    cursor: pointer;
    margin: 50px auto 25px;
    overflow: hidden;
}

.tab a {
    text-decoration: none;
}

.nfos_list {
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
}

.nfos_company h2 {
    font-family: 'Noto Sans KR',sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
}

.nfos_company p {
    font-size: 16px;
    font-family: 'Noto Sans KR',sans-serif;
    font-weight: 400;
    color: #000;
}

.news h2 {
    color: #0a3381;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    width: 1280px;
    font-family: 'Noto Sans KR',sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
}

.news p {
    font-size: 17px;
    font-family: 'Noto Sans KR',sans-serif;
    font-weight: 400;
    color: #000;
    line-height: 30px;
}

.news span {
    margin-left: 10px;
    line-height: 30px;
}

.news span img {
    vertical-align: middle;
    padding-right: 5px;
}

.ntms h2 {
    color: #0a3381;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    width: 1280px;
    font-family: 'Noto Sans KR',sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
}

.ntms p {
    font-size: 17px;
    font-family: "Dutom","돋음","맑은고딕","Malgun Gothic","돋음";
    font-weight: 400;
    color: #000;
    line-height: 30px;
}

.ntms span {
    margin-left: 10px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
}

.ntms span img {
    vertical-align: middle;
    padding-right: 5px;
}

.ntms p img {
    vertical-align: middle;
    padding-right: 10px;
}

.nfos_glo h2 {
    color: #0a3381;
    padding-bottom: 10px;
    width: 1280px;
    font-family: 'Noto Sans KR',sans-serif;
    padding-bottom: 10px;
    font-size: 20px;
    margin-top: 10px;
}

.nfos_glo h3 {
    font-family: "Dutom","돋음","맑은고딕","Malgun Gothic","돋음";
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 40px;
    border-top: 1px solid #dedede;
    padding-top: 20px;
}

.nfos_glo h3 span {
    font-family: 'Noto Sans KR',sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #0a3381;
}

.nfos_glo h4 {
    font-family: 'Noto Sans KR',sans-serif;
    font-size: 17px;
    margin-bottom: 20px;
    padding-top: 5px;
}

.nfos_glo p {
    font-size: 16px;
    font-family: "Dutom","돋음","맑은고딕","Malgun Gothic","돋음";
    font-weight: 400;
    color: #000;
}

.nfos_glo span {
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
    line-height: 30px;
}

.nfos_glo span img {
    vertical-align: middle;
    padding-right: 5px;
}

.nfos_glo .glo_n01 {
    width: 550px;
    float: left;
}

.nfos_glo .glo_n02 {
    width: 700px;
    float: right;
}

.nfos_cp {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px;
}

.nfos_glo table {
    border: 1px solid #dedede;
    font-family: "Dutom","돋음","맑은고딕","Malgun Gothic","돋음";
    font-size: 1.13em;
    margin-bottom: 30px;
}

.nfos_glo table tr {
    border: 1px solid #dedede;
}

.nfos_glo table th {
    padding: 15px 10px;
    background-color: #0a3381;
    color: #fff;
}

.nfos_glo table td {
    padding: 10px 10px;
    border-right: 1px solid #dedede;
}
.nfos_glo table td:last-child{
    border-right: 0;
}

.nfos_cp div {
    display: table-cell;
    padding: 55px 0 55px;
    width: 300px;
    text-align: center;
    word-break: keep-all;
    border-right: 1px solid #dedede;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.nfos_cp01 {
    border-left: 1px solid #dedede;
}

.nfos_cp01 span {
    line-height: 22px;
    font-weight: 400;
    color: #767676;
}

.nfos_cp02 span {
    line-height: 22px;
    font-weight: 400;
    color: #767676;
}

.nfos_cp03 span {
    line-height: 22px;
    font-weight: 400;
    color: #767676;
}

.nfos_cp div:hover {
}

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: 0.75em Verdana,Dotum,AppleGothic,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%;
    font-family: "돋움",Dotum;
    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: underline;
}

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(https://img.cafe24.com/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("https://img.echosting.cafe24.com/skin/base_ko_KR/layout/bg_body.gif") repeat-x 0 0;
}

#header .inner {
    position: relative;
    width: 1218px;
    margin: 0 auto;
    zoom:1;}

#header .inner:after {
    content: "";
    display: block;
    clear: both;
}

#header .topArea {
    height: 112px;
    padding: 83px 0 0;
    text-align: center;
    zoom:1;}

#header .topArea:after {
    content: "";
    display: block;
    clear: both;
}

#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("https://img.echosting.cafe24.com/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("https://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_bookmark.gif") no-repeat 0 1px;
}

#wrap {
    position: relative;
    width: 1460px;
    margin: 27px auto 0;
}

#container {
    width: 1218px;
    margin: 0 auto;
    zoom:1;}

#container:after {
    content: "";
    display: block;
    clear: both;
}

#sidebar {
    float: left;
    width: 180px;
}

#sidebar .banner {
    padding: 0 0 20px;
    border-bottom: 1px solid #e8e8e8;
}

#sidebar .banner p a {
    display: block;
}

#contents {
    float: right;
    width: 1014px;
}

#banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
}

#quick {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
}

#quick .banner a {
    display: block;
    margin: 15px 0 0;
}

#footer {
    background: url("https://img.echosting.cafe24.com/skin/base_ko_KR/layout/bg_footer.gif") repeat-x 0 100%;
}

#footer .inner {
    overflow: hidden;
    position: relative;
    width: 1218px;
    margin: 40px auto 0;
    zoom:1;}

#boardArea {
    overflow: hidden;
    margin: 50px 0 0;
    border-top: 1px solid #d8d8d8;
}

#bannerArea {
    margin: 22px 0 0;
}

#bannerArea h2 {
    margin: 0 0 16px;
    font-weight: normal;
    font-size: 20px;
    font-family: Arial,"돋움",Dotum,sans-serif;
    color: #2e2e2e;
    text-align: center;
}

.path {
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    zoom:1;}

.path span {
    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("https://img.echosting.cafe24.com/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: 10px 0 20px;
    border-bottom: 1px solid #e8e8e8;
}

.titleArea h2 {
    display: inline-block;
    padding: 0 0 0 12px;
    color: #2e2e2e;
    font-size: 16px;
    display: inline;
    zoom:1;background: url("https://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_heading.gif") 0 2px no-repeat;
}

.titleArea p {
    display: inline-block;
    margin: 0 0 0 6px;
    padding: 0 0 0 10px;
    color: #939393;
    background: url("https://img.echosting.cafe24.com/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("https://img.echosting.cafe24.com/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("https://img.echosting.cafe24.com/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;}

.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 65px 0;
}

.boardMain .rightArea {
    float: right;
    width: 50%;
}

.boardMain .rightArea .board {
    margin: 0 0 65px 23px;
}

#modalBackpanel {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #000;
}

#modalContainer {
    display: none;
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 10001;
    width: 975px;
    height: 720px;
    border: 1px solid #333;
    background: #fff;
}

#modalContainer #modalContent {
    width: 100%;
    height: 100%;
}

body {
    min-width: 1400px !important
}

body,code {
    font: 0.75em arial,'굴림',gulim,Verdana,'돋움',dotum,AppleGothic,sans-serif !important
}

.xans-product-additional div.board p.nodata {
    font-weight: normal !important;
    color: #999 !important
}

.xans-product-menupackage .title h2 {
    background: none !important;
    text-align: center
}

.xans-product-menupackage .menuCategory {
    border: 0 !important
}

.xans-product-normalmenu .prdCount {
    color: #555 !important
}

.path li a {
    font-family: gulim
}

.path li strong,.path li strong a {
    font-family: gulim
}

@import url(nanumgothic/nanumgothic.css);html {
    overflow-y: scroll
}

html,body {
    margin: 0 auto;
    border: 0
}

#top_bg {
    clear: both;
    height: 1px;
    background: #fff;
    border: 0;
}

.wrap_bgc {
    width: 100%;
    height: 121px;
    background-color: #fff;
}

.wrap_default {
    clear: both;
    position: relative;
    margin: 0 auto;
    width: 1280px;
}

#top_menu {
    float: right;
    margin-top: 133px
}

@-moz-document url-prefix() {
    #top_menu {
        margin-top: 132px
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #top_menu {
        margin-top:134px
    }
}

#top_menu img {
    margin-left: 28px
}

#wrap_search {
    float: right;
    margin-top: 8px;
    margin-right: -9px
}

.the_quick {
    width: 100%;
    position: relative;
}

.the_quick #quick {
    position: absolute;
    top: 250px;
    right: 10px;
    width: 100px;
    z-index: 100;
    padding-top: 170px;
}

.the_quick ul {
}

.the_quick li {
    display: block;
    margin-bottom: 2px;
}

.wrap_default #logo {
    float: left;
    margin-top: 20px;
    margin-left: 0;
}

#gnb_bg.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 103;
}

#gnb_bg {
    clear: both;
    background: #fff;
    height: 100px;
    margin: 0 auto;
    border-bottom: 1px solid #5a6771;
}

ul.gnb {
    display: table;
    padding: 35px 0 15px;
    list-style: none;
    width: 800px;
    text-align: right;
    float: right;
}

ul.gnb img {
    vertical-align: top
}

ul.gnb li {
    position: relative;
    ;z-index: 102;
    width: 150px;
    display: inline-block;
    text-align: center;
}

ul.gnb li a.major {
    padding: 7px 15px 30px;
    color: #000;
    text-decoration: none;
    font-size: 17px;
    font-family: "Dutom","돋음","맑은고딕","Malgun Gothic","돋음";
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ul.gnb li a.major {
        padding:7px 15px 30px
    }
}

ul.gnb li a.major:hover {
    background: url(../../../img/gnb_arrow.gif) center 46px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ul.gnb li a.major:hover {
        background:url(../../../img/gnb_arrow.gif) center 35px no-repeat
    }
}

@-moz-document url-prefix() {
    ul.gnb li a.major:hover {
        background: url(../../../img/gnb_arrow.gif) center 34px no-repeat
    }
}

ul.gnb ul {
    display: none;
    position: absolute;
    padding: 0;
    top: 35px;
    left: 0;
    background: #fff;
    font-family: "Dutom","돋음","맑은고딕","Malgun Gothic","돋음";
    font-size: 12px;
    letter-spacing: 0;
    list-style: none;
    width: 150px;
}

ul.gnb ul li {
    width: 140px;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
}

ul.gnb ul li:last-child {
    margin-bottom: 5px;
}

ul.gnb ul li:first-child {
    margin-top: 4px
}

ul.gnb ul li:first-child:hover {
    color: #04bfbf;
}

ul.gnb ul li a,li.menuhover li a,li.menuhover li.menuhover li a {
    float: none;
    display: block;
    background: none;
    text-decoration: none;
    white-space: nowrap;
}

ul.gnb ul li a:hover,li.menuhover li a:hover,li.menuhover li.menuhover li a:hover {
    background-color: #243a7d;
    color: #fff;
}

li.menuhover a,li.menuhover li.menuhover a {
    background: url(../../../img/gnb_arrow.gif) center 46px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    li.menuhover a,li.menuhover li.menuhoverr {
        background:url(../../../img/gnb_arrow.gif) center 35px no-repeat
    }
}

@-moz-document url-prefix() {
    li.menuhover a,li.menuhover li.menuhoverr {
        background: url(../../../img/gnb_arrow.gif) center 34px no-repeat
    }
}

ul.sub_gnb a {
    color: #555
}

.end_line {
    border-bottom: 1px solid #406c3a
}

.all_categories {
    position: absolute;
    padding-top: 37px;
    margin-left: 530px;
    height: 42px;
}

.all_categories img {
    cursor: pointer
}

.all_categories span {
    font-family: "Dutom","돋음","맑은고딕","Malgun Gothic","돋음";
    font-size: 13pt;
    padding-left: 5px;
    color: #000;
}

.btn_categories_view {
    display: none;
    margin-top: -23px
}

.open_cate {
    display: none;
    position: absolute;
    margin-top: 100px;
    padding: 5px 0 0 3px;
    width: 1280px;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    background: #fff;
    z-index: 101;
}

.cate_section {
    float: left;
    margin: 8px 11px 4px 10px;
    width: 296px;
    height: 208px;
    border: 1px solid #eee;
    overflow: hidden
}

.cate_section h2 {
    margin: 1px;
    padding: 7px 0 6px;
    background: #f4f4f4;
    color: #333;
    letter-spacing: -1px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Noto Sans KR',sans-serif;
}

.cate_section h2 a {
    display: block;
    text-decoration: none
}

.cate_section ul {
    margin: -1px 10px 10px 15px;
    padding: 8px 0 0 0;
    width: 143px;
    height: 172px;
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto
}

.cate_section ul li a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Noto Sans KR',sans-serif;
    color: #555;
    line-height: 25px;
    white-space: nowrap;
}

.cate_section ul li a:hover {
    text-decoration: underline;
    color: #000
}

#cate_tail_blank {
    clear: both;
    height: 7px;
}

#cate_tail {
    clear: both;
    margin-left: -3px;
    width: 100%;
    height: 30px;
}

ul#cate_tail_gnb {
    position: absolute;
    margin-top: 10px;
    margin-left: 20px;
    list-style: none
}

ul#cate_tail_gnb li {
    float: left
}

ul#cate_tail_gnb li.color_shortcut a {
    color: #7f73ca
}

ul#cate_tail_gnb li.color_favorites a {
    color: #3ea83c
}

ul#cate_tail_gnb li a {
    text-decoration: none;
    font: 10px arial,tahoma;
    color: #333;
    line-height: 10px;
    vertical-align: top
}

ul#cate_tail_gnb .gnb_blank {
    padding: 0 8px
}

#cate_tail .open_cate_close {
    float: right;
    margin-right: 20px;
}

#cate_tail .open_cate_close img {
    position: absolute;
    margin-top: 11px;
    cursor: pointer
}

#wrap_search {
    float: right;
    margin-top: -25px;
    margin-bottom: 5px;
    width: 129px
}

#wrap_search fieldset {
    margin: 0;
    padding: 0;
    border: none
}

#wrap_search img {
    position: absolute;
    margin-top: 3px;
    right: 0
}

#wrap_language {
    position: relative;
    float: right;
    margin-top: -42px;
    z-index: 11
}

.language_area {
    float: left;
    height: 32px;
    padding-right: 6px;
    background: url(../../../img/language_bg.png)
}

#language_title {
    margin-top: 10px;
    padding: 0 5px 0 10px;
    font: 10px arial;
    color: #fff
}

@-moz-document url-prefix() {
    #language_title {
        margin-top: 8px
    }
}

#language_select ul {
    margin: 5px 0 0;
    padding: 0;
    list-style: none
}

#language_select ul li {
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
    width: 30px;
    height: 22px;
    overflow: hidden
}

#language_select ul li img {
    padding: 0;
    border: 0
}

.wrap_default #on_top {
    display: block;
    position: fixed;
    right: 5px;
    bottom: 5px;
    z-index: 101
}

#gnb_bottom_bg {
    clear: both;
    background-color: #f1f1f1;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 140px;
}

#gnb_bottom {
    position: relative;
    text-align: center;
}

.gnb_category_sub {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 0 10px;
    width: 1280px;
    height: 40px;
    text-align: center;
}

.gnb_category_sub ul {
    width: 100%;
    height: 60px;
    margin: 0 auto;
}

.gnb_category_sub ul li:first-child {
    margin-left: 0;
}

.gnb_category_sub ul li:last-child {
    border-right: none
}

.gnb_category_sub ul li {
    list-style: none;
    display: inline-block;
    float: left;
    margin-left: 35px;
    height: 20px;
    width: 290px;
    border-right: 1px solid #d0d0d0;
    margin-top: 15px;
}

.gnb_category_sub ul li a {
    text-decoration: none;
    font-family: "Dutom","돋음","맑은고딕","Malgun Gothic","돋음";
    line-height: 30px;
    color: #333333;
    font-size: 15px;
    font-weight: 500;
}

.gnb_category_sub ul li a:hover {
    color: #000;
}

.gnb_category_sub #bank_account {
    font: 12px '굴림',gulim;
    line-height: 18px
}

.gnb_category_sub .blank_area {
    padding-left: 15px
}

#gnb_bottom_bg p {
    text-align: center;
    font-size: 15px;
    color: #333333;
}

#gnb_bottom_bg {
    clear: both;
    background: #f1f1f1;
    height: 140px;
    overflow: hidden;
}

#wrap_copyright {
    position: relative;
    padding: 25px 0 15px;
    text-align: center;
    font: 12.5px '돋움',dotum;
    color: #fff;
    line-height: 20px;
    border: 1px solid blue
}

#wrap_copyright #logo_bottom {
    position: absolute;
    margin-top: 15px;
    right: 45px
}

#wrap_copyright .line_style {
    padding: 0 5px;
    color: #ededed;
}

#wrap_copyright p {
    margin: 0;
    padding: 0
}

#wrap_copyright .address {
    margin-top: 10px
}

#wrap_copyright .address a {
    text-decoration: none;
    font: 11px '돋움',dotum;
    color: #ededed;
    line-height: 20px
}

#wrap_copyright .address a:hover {
    color: #fff
}

#wrap_copyright .copy {
    margin-top: 15px
}

.xans-layout-searchheader {
}

.xans-layout-searchheader fieldset {
}

.xans-layout-searchheader #keyword {
    padding: 0 0 0 2px;
    width: 108px;
    height: 20px;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #e1e1e1;
    border-left: 0;
    outline-style: none;
    font: normal 11px '돋움',dotum;
    color: #777;
    line-height: 12px;
}

.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("https://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_mobile.png") no-repeat 0 50%;
    background-size: 27px 35px;
}

li.tabOutClass.on {
    background-color: #0a3381 !important;
}

li.tabOutClass.on a {
    color: #fff;
    font-weight: bold;
}

.nfos_mainbanner01 li a,
.nfos_mainbanner01 li a:hover {
  text-decoration: none !important;
}
.nfos_mainbanner01 li{
    text-decoration: none;
    list-style: none;
}
.nfos_mainbanner01 li a:hover p,.nfos_mainbanner01 li a:hover span{
    text-decoration: none !important;
    list-style: none !important;
}
.nfos_mainbanner01 li a:hover,
.nfos_mainbanner01 li a:hover p,
.nfos_mainbanner01 li a:hover span {
  text-decoration: none !important;
}

/* 견적문의 */
.estimate-form {
    max-width: 700px;
    margin: 100px auto;
    padding: 24px;
    border: 1px solid #ccc;
    background: #fff;
    font-family: "Noto Sans KR", sans-serif;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.estimate-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
}

.estimate-form input,
.estimate-form textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 18px;
    border: 1px solid #bbb;
    border-radius: 0; /* 각지게 */
    font-size: 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: #f9f9f9;
    box-sizing: border-box;
}

.estimate-form input:focus,
.estimate-form textarea:focus {
    border-color: #0a3381;
    box-shadow: 0 0 4px rgba(10,51,129,0.3);
    outline: none;
    background: #fff;
}

.estimate-form button {
    width: 100%;
    padding: 14px;
    font-size: 16px;
    background: #0a3381; /* 진한 블루 */
    color: #fff;
    border: none;
    border-radius: 0; /* 각진 버튼 */
    cursor: pointer;
    font-weight: bold;
    transition: background 0.2s;
}

.estimate-form button:hover {
    background: #082966; /* hover 시 더 어두운 블루 */
}

@media only screen and (max-width: 768px) {
    .estimate-form{
        max-width: 90%;
    }
}