@charset "euc-kr";
@font-face {
    font-family: 'NotoSans';
    src: url(./fonts/notokr-regular.eot);
    src: local('notokr-regular'), url(./fonts/notokr-regular.eot?#iefix) format('embedded-opentype'), url(./fonts/notokr-regular.woff) format('woff'), url(./fonts/notokr-regular.woff2) format('woff2'), url(./fonts/notokr-regular.ttf) format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'NotoSansM';
    src: url(./fonts/notokr-medium.eot);
    src: local('notokr-medium'), url(./fonts/notokr-medium.eot?#iefix) format('embedded-opentype'), url(./fonts/notokr-medium.woff) format('woff'), url(./fonts/notokr-medium.woff2) format('woff2'), url(./fonts/notokr-medium.ttf) format('truetype');
}

body {
    font-family: 'NotoSans', sans-serif;
}

input, select, textarea, button{font-family: 'NotoSans', sans-serif;}

.wrap {
    position: relative;
    width: 100%;
    min-width: 1200px;
}

.container {
    position: relative;
    width: 100%;
    min-width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
}

.S_container {
    position: relative;
    width: 100%;
    min-width: 1200px;
    max-width: 1200px;
    min-height:500px;
    margin: 30px auto 0;
    padding-bottom: 100px;
}

.right_column {
    float: right;
    width: 970px;
}

.left_column {
    float: left;
    width: 200px;
}
.cate_wrap {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    z-index: 101;
}
.cate_wrap .cate_area {
    position: relative;
    float: left;
    top:0;
    left:0;
    width: 200px;
    height: 400px;
    background: #fff;
    border: 1px solid #d9d0c9;
    margin-left:0;
    box-sizing: border-box;
}
.top_head {
    width: 100%;
    height: 33px;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
}

.top_head .left_lnk {
    float: left;
}

.top_head .right_lnk {
    float: right;
}

.top_head li {
    float: left;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    letter-spacing: -0.065rem;
    color: #636363;
}

.top_head li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    text-decoration: none;
    box-sizing: border-box;
}

.top_head li a:hover {
    color: inherit;
}

.top_head .left_lnk li:first-child a {
    padding-left: 0;
}

.top_head .right_lnk li a {
    padding-right: 0;
}

.top_head .right_lnk li a:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #e1e1e1;
    vertical-align: middle;
    margin-left: 12px;
}

.top_head .right_lnk li:last-child a:after {
    display: none;
}

.top_head .right_lnk li:last-child {
    padding-left: 11px;
}

.top_head .right_lnk li button {
    font-size: 13px;
    line-height: 31px;
    letter-spacing: -0.065rem;
    color: #ffbe22;
    font-family: 'NotoSans', sans-serif;
    background: none;
    border: none;
    padding: 0;
    outline-color: #ffbe22;
    cursor: pointer;
}

.logo_area {
    position: relative;
    height: 130px;
    overflow: hidden;
}

.logo_area .main_logo {
    width: 208px;
    height: 130px;
    background: url(../img/main_logo.png) 50% 50% no-repeat;
    text-indent: -9999px;
    background-size: 100%;
}

.logo_area .main_logo a {
    display: block;
    width: 100%;
    height: 100%;
}

.logo_area .sb_area {
    position: absolute;
    top: 27px;
    left: 354px;
    width: 410px;
}

.sb_area .sb_box {
    position: relative;
}

.sb_area .sb_box input {
    width: 100%;
    height: 44px;
    line-height: 38px;
    border: 3px solid #333949;
    border-radius: 20px;
    font-size: 15px;
    letter-spacing: -0.045rem;
    font-family: 'NotoSans', sans-serif;
    padding: 0 38px 0 20px;
    outline-color: #333949;
    box-sizing: border-box;
}

.sb_area .sb_box input::placeholder {
    color: #888;
}

.sb_area .sb_box button {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 20px;
    height: 21px;
    border: none;
    background: url(../img/ico/search_bar_ico.png) 0 0 no-repeat;
    text-indent: -9999px;
    outline-color: #333949;
    cursor: pointer;
}

.sb_area .pr_box {
    position: relative;
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    margin-top: 5px;
    box-sizing: border-box;
}

.sb_area .pr_box span {
    display: inline-block;
    line-height: 28px;
    font-size: 16px;
    letter-spacing: -0.085rem;
    color: #333;
    margin-right: 8px;
    vertical-align: middle;
}

.sb_area .pr_box input {
    width: 80px;
    height: 28px;
    line-height: 28px;
    border-width: 1px;
    border-style: solid;
    border-color: #b3b3b3 #ddd #ddd #a4a4a4;
    background: #f9f9f9;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2);
    padding-right: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #222;
    text-align: right;
    vertical-align: middle;
    box-sizing: border-box;
}

.sb_area .pr_box input+span {
    margin: 0 8px 0 5px;
    color: #222;
}

.sb_area .pr_box input::placeholder {
    color: #222;
}

.sb_area .pr_box button {
    position: absolute;
    top: 3px;
    right: 10px;
    width: 25px;
    height: 25px;
    background: #ffd513 url(../img/ico/search_ico.png) 50% 50% no-repeat;
    border: none;
    border-radius: 50%;
    text-indent: -9999px;
    cursor: pointer;
}

.logo_area .call_area {
    position: absolute;
    top: 38px;
    right: 0;
    width: 310px;
    height: 50px;
    /* background: url(../img/ico/call_ico.png) 0 0 no-repeat; */
    /* padding-left: 65px; */
    text-align: right;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo_area .call_area a {height: 50px; display: block;}
.logo_area .call_area a img {height: 100%;}

.call_area h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 35px;
    line-height: 26px;
    font-weight: 700;
    color: #ffbe22;
    margin-bottom: 7px;
}

.call_area p {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 26px;
    color: #333949;
    /* text-align: left; */
    margin-left: 7px;
}

.call_area p span {
    color: #aaa;
}

.gnb_area {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #ffd513;
}

.gnb_area .gnb_btn {
    float: left;
    width: 64px;
    height: 60px;
    line-height: 60px;
    background: #333949 url(../img/ico/gnb_ico.png) 50% 50% no-repeat;
    border: none;
    text-indent: -9999px;
    outline-color: #333949;
    cursor: pointer;
}

.gnb_area .gnb_btn.on {
    background: #333949 url(../img/ico/gnb_close.png) 50% 50% no-repeat;
}

.gnb_area ul {
    float: left;
    width: 1136px;
}

.gnb_area li {
    float: left;
}

.gnb_area li a {
    display: block;
    width: 100%;
    padding: 0 22px;
    font-size: 17px;
    letter-spacing: -0.065rem;
    color: #333949;
    box-sizing: border-box;
}

.gnb_area li a:hover {
    text-decoration: underline;
}

.drop_nav {
    display: none;
    position: absolute;
    top: 223px;
    left: 50%;
    width: 1200px;
    background: #fff;
    margin-left: -600px;
    border: 1px solid #333949;
    padding-bottom: 20px;
    box-sizing: border-box;
    z-index: 999;
}

.drop_nav .nav_box {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 19px 0 15px;
}

.drop_nav .nav_box:after {
    content: '';
    display: block;
    clear: both;
}

.drop_nav .nav_box:last-child {
    border-bottom: none;
}

.drop_nav .nav_box h3 {
    float: left;
    width: 199px;
    font-size: 17px;
    letter-spacing: -0.065rem;
    color: #ffbe22;
    padding-left: 30px;
    box-sizing: border-box;
}

.drop_nav .nav_box ul {
    float: left;
    width: 999px;
    padding-right: 29px;
    box-sizing: border-box;
}

.drop_nav .nav_box li {
    float: left;
    font-size: 14px;
    letter-spacing: -0.065rem;
    line-height: 23px;
    color: #666;
}

.drop_nav .nav_box li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 16px;
    background: #eee;
    vertical-align: middle;
    margin: 0 7px;
}

.drop_nav .nav_box li:hover {
    color: #ffbe22;
}

.drop_nav .nav_box li:last-child:after {
    display: none;
}

.center_area {
    width: 100%;
    height: 360px;
    background: #f9f9f9;
    padding: 47px 0 57px;
    border-bottom: 1px solid #000;
    box-sizing: border-box;
}

.center_area div[class*="box"] {
    float: left;
    width: 270px;
    margin-right: 40px;
}

.center_area div[class*="box"] div[class*="ttl"] h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #ffbe22;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.center_area div[class*="box"]:nth-child(n+3) div[class*="ttl"] h2 {
    font-family: 'NotoSans', sans-serif;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.085rem;
}

.center_area div.confirm_box {
    margin-right: 0;
}

.bank_number h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 31px;
    letter-spacing: -0.025rem;
    color: #000;
    padding-top: 28px;
    background: url(../img/bank_img.png) 0 0 no-repeat;
    margin-bottom: 16px;
}

.bank_info p {
    font-size: 17px;
    letter-spacing: -0.065rem;
    line-height: 26px;
    color: #000;
}

.bank_info span {
    font-size: 15px;
    letter-spacing: -0.085rem;
    line-height: 26px;
    color: #aaa;
}

.bank_info ul {
    margin-top: 12px;
}

.bank_info li {
    float: left;
    width: 133px;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
}

.bank_info li:nth-child(odd) {
    margin: 0 4px 4px 0;
}

.bank_info li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 21px;
    background: #ffd513;
    font-size: 14px;
    letter-spacing: -0.085rem;
    color: #444;
    transition: all 0.3s;
    box-sizing: border-box;
}

.bank_info li:hover a {
    background: #333949;
    color: #fff;
}

.cs_box .cs_number h3 {
    padding-top: 10px;
    font-size: 40px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
}

.cs_box .cs_info p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #333949
}

.cs_box .cs_info p strong {
    display: inline-block;
    width: 52px;
    color: #aaa;
    margin-right: 13px;
}

.cs_box .cs_info .yel {
    margin: 16px 0 10px;
    font-size: 15px;
    font-family: 'NotoSans', sans-serif;
    letter-spacing: -0.065rem;
    line-height: 26px;
    color: #f8b20c;
}

.cs_box .cs_info a {
    position: relative;
    display: block;
    width: 270px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    letter-spacing: -0.065rem;
    color: #333949;
    border: 1px solid #a2a2a2;
    box-sizing: border-box;
}

.cs_box .cs_info .center_arr {
    position: absolute;
    top: 50%;
    right: 68px;
    width: 5px;
    height: 8px;
    background: url(../img/ico/foot_arr.png) no-repeat;
    margin-top: -4px;
    vertical-align: middle;
}

.cs_box .cs_info a:hover .center_arr {
    animation: center_arr 0.7s infinite linear;
}

@keyframes center_arr {
    from {
        right: 68px
    }
    25% {
        right: 66px;
    }
    50% {
        right: 64px;
    }
    75% {
        right: 66px;
    }
    to {
        right: 68px
    }
}

.sian_box .sian_txt p {
    font-size: 15px;
    letter-spacing: -0.085rem;
    line-height: 22px;
    color: #181818;
    margin-bottom: 20px;
}

.sian_box .sian_lnk {
    width: 270px;
    height: 70px;
    border: 1px solid #a2a2a2;
    background: #fff;
    box-sizing: border-box;
}

.sian_box .sian_lnk:nth-child(3) {
    margin-bottom: 10px;
}

.sian_box .sian_lnk a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 17px 0 0 20px;
    background: url(../img/ico/foot_arr.png) right 25px top 50% no-repeat;
    box-sizing: border-box;
}

.sian_box .sian_lnk a:hover {
    animation: sian_arr 0.5s infinite linear;
}

@keyframes sian_arr {
    from {
        background-position: right 25px top 50%;
    }
    25% {
        background-position: right 23px top 50%;
    }
    50% {
        background-position: right 21px top 50%;
    }
    75% {
        background-position: right 23px top 50%;
    }
    to {
        background-position: right 25px top 50%;
    }
}

.sian_box .sian_lnk p {
    font-size: 15px;
    letter-spacing: -0.065rem;
    color: #333949;
    margin-bottom: 5px;
}

.sian_box .sian_lnk span {
    font-size: 13px;
    letter-spacing: -0.065rem;
    color: #ffbe22;
}

.confirm_ttl h2 {
    float: left;
}

.confirm_ttl a {
    float: right;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #999;
    text-decoration: underline;
}

.confirm_board li:after {
    content: '';
    display: block;
    clear: both;
}

.confirm_board li a {
    float: left;
    max-width: 160px;
    font-size: 14px;
    letter-spacing: -0.065rem;
    line-height: 27px;
    color: #444;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.confirm_board li a:hover {
    text-decoration: underline;
}

.confirm_board li a:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #333949;
    vertical-align: middle;
    margin-right: 3px;
}

.confirm_board li .date {
    float: right;
    font-size: 13px;
    line-height: 27px;
    color: #999;
}

.foot_info {
    height: 231px;
    padding: 35px 0 0 270px;
    background: url(../img/main_logo.png) 0 38px no-repeat;
    background-size: 190px auto;
}

.foot_info .foot_top li {
    float: left;
    font-size: 17px;
    letter-spacing: -0.065rem;
    color: #444;
    margin: 0 28px 30px 0;
}

.foot_info .foot_top li:nth-child(4) {
    font-weight: 600;
    color: #181818;
}

.foot_info .info_txt {
    width: 880px;
}

.foot_info .info_txt li {
    float: left;
    font-size: 15px;
    letter-spacing: -0.065rem;
    line-height: 24px;
    color: #888;
}

.foot_info .info_txt li:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #ddd;
    vertical-align: middle;
    margin: 0 10px;
}

.foot_info .info_txt li.none:after,
.foot_info .info_txt li.copy:after {
    display: none;
}

.foot_info .info_txt li.copy {
    float: none;
    clear: both;
    padding-top: 20px;
    font-size: 14px;
    color: #aaa;
}

.M_visual {
    position: relative;
    width: 100%;
    height: 460px;
    overflow: hidden;
}

.M_visual .slide {
    display: inline-block;
    width: 100%;
    height: 460px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.M_visual .visual_pager {
    position: absolute;
    left:50%;
    bottom: 50px;
    margin-left:-360px;
    z-index:101;
}

.M_visual .visual_pager span {
    display: inline-block;
    width: 40px;
    height: 4px;
    background: #333949;
    margin-right: 5px;
    text-indent: -9999px;
    cursor: pointer;
}

.M_visual .visual_pager span.cycle-pager-active {
    background: #ffbe22
}

.M_visual .visual_pager span:last-child {
    margin-right: 0;
}
.cate_area {
    position: absolute;
    top:30px;
    left:50%;
    width: 200px;
    height: 400px;
    background: #fff;
    border: 1px solid #d9d0c9;
    box-sizing: border-box;
    margin-left:-600px;
    z-index:101;
}
.cate_area .cate_list {
    padding: 15px 0;
}
.cate_area .cate_list li {
    font-size: 15px;
    line-height: 31px;
    color: #181818;
    letter-spacing: -0.065rem;
}
.cate_area .cate_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 29px;
    transition: all 0.2s;
    box-sizing: border-box;
}
.cate_area .cate_list li:hover a {
    background: #ffd513;
}
.cate_area .cate_list li.on a {
    background: #ffd513;
}
.cate_area .cate_cont {
    position: absolute;
    left: 198px;
    top: 0;
}
.cate_area .cate_cont .cate_box {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 460px;
    height: 400px;
    border: 1px solid #333949;
    background: #fff;
    padding: 30px 30px;
    box-sizing: border-box;
    z-index: 200;
}

.cate_area .cate_cont .depth_cate {
    float: left;
    width: 132px;
}

.cate_box .depth_cate li {
    width: 140px;
    font-size: 13px;
    letter-spacing: -0.065rem;
    line-height: 26px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cate_box .depth_cate li:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #888;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 4px;
}

.cate_box .depth_cate li a:hover {
    color: #080808;
    text-decoration: underline;
}

.M_visual .cate_table {
    position:absolute;
    top:30px;
    left:50%;
    width:280px;
    margin-left:320px;
    z-index:101;
}

.M_visual .cate_table table {
    width: 280px;
    height: 400px;
    background: #fff;
    border: 1px solid #d9d2cb;
    box-sizing: border-box;
}

.M_visual .cate_table td {
    width: 33.3%;
    height: 99px;
    text-align: center;
    border: 1px solid #ddd;
}
.M_visual .cate_table td a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 75px;
    background-position:50% 10px;
    background-repeat:no-repeat;
    font-size: 12px;
    letter-spacing: -0.09rem;
    color: #000;
    font-family: 'Dotum', sans-serif;
    box-sizing: border-box;
}
.M_visual .cate_table td:hover a {
    text-decoration:underline;
}
.cate_area.sub {
    height: auto;
    padding: 27px 0;
}

.cate_area .sub_ttl {
    font-size: 20px;
    letter-spacing: -0.065rem;
    line-height: 31px;
    color: #ffbe22;
    font-weight: 600;
    padding: 0 0 22px 24px;
}

.cate_area .sub_cate li {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.065rem;
    color: #181818;
}

.cate_area .sub_cate li:hover a {
    text-decoration: underline;
}

.cate_area .sub_cate li.on {
    font-family: 'NotoSansM';
    color: #ffbe22;
    background: url(../img/ico/snb_on.gif) right 25px top 50% no-repeat;
}

.cate_area .sub_cate li.on:hover a {
    text-decoration: none;
}

.cate_area .sub_cate li.bor {
    padding: 16px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ddd;
    margin: 12px 0;
}

.cate_area .sub_cate li a {
    line-height: 1.9;
    display: block;
    padding: 0 24px;
}

.M_bn {
    margin: 30px auto;
}

.M_bn .top_bn {
    margin-bottom: 30px;
}

.M_bn .top_bn div {
    float: left;
    width: 380px;
    height: 200px;
    margin-left: 30px;
}

.M_bn .top_bn div:first-child {
    margin-left: 0;
}

.M_bn .top_bn .banner a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.M_bn .top_bn .banner img {
    width: 380px;
    height: 200px;
}

.M_bn .keyword {
    padding: 19px 20px 17px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.M_bn .keyword h3 {
    font-weight: 700;
    font-size: 16px;
    color: #181818;
    margin-bottom: 6px;
}

.M_bn .keyword li {
    float: left;
    width: 50%;
    line-height: 28px;
}

.M_bn .keyword li span {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #e5e6e8;
    background: #f2f4f8;
    text-align: center;
    font-size: 11px;
    color: #8c8e92;
    margin-right: 10px;
    box-sizing: border-box;
}

.M_bn .keyword li a {
    font-size: 13px;
    letter-spacing: -0.065rem;
    color: #181818;
}

.M_bn .keyword li:hover a {
    text-decoration: underline;
}

.M_bn .bot_bn div[class*="bn"] {
    float: left;
    margin-left: 10px;
}

.M_bn .bot_bn div[class*="bn"] a {
    display: block;
    width: 100%;
    height: 100%;
}

.M_bn .bot_bn div.b_bn {
    width: 600px;
    height: 350px;
    margin-left: 0;
}

.M_bn .bot_bn .m_bn {
    width: 290px;
    height: 350px;
}

.M_bn .bot_bn .c_bn {
    width: 290px;
    height: 350px;
}

.M_bn .bot_bn div.c_bn a {
    display: block;
    width: 100%;
    height: 170px;
}

.M_bn .bot_bn .c_bn a:first-child {
    margin-bottom: 10px;
}

.keyword_area {
    width: 100%;
    height: 240px;
    background: #fcebac;
    margin-bottom: 40px;
}

.keyword_area .key_ttl {
    float: left;
    height: 240px;
    padding: 50px 0;
    box-sizing: border-box;
}

.keyword_area .key_ttl strong {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #feae3d;
    margin-bottom: 16px;
}

.keyword_area .key_ttl h2 {
    font-family: 'NotoSansM', sans-serif;
    font-size: 35px;
    letter-spacing: -0.065rem;
    color: #222;
    margin-bottom: 24px;
}

.keyword_area .key_ttl p {
    font-size: 17px;
    letter-spacing: -0.065rem;
    line-height: 25px;
    color: #222;
}

.keyword_area ul {
    float: right;
    height: 240px;
}

.keyword_area li {
    float: left;
    height: 240px;
}

.keyword_area li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../img/ico/keyword_ico.png) left 50% top 68px no-repeat;
    font-size: 16px;
    letter-spacing: -0.065rem;
    color: #181818;
    text-align: center;
    padding: 175px 27px 0;
    box-sizing: border-box;
}

.keyword_area li:nth-child(2) a {
    background: url(../img/ico/keyword_ico2.png) left 50% top 76px no-repeat;
}

.keyword_area li:nth-child(3) a {
    background: url(../img/ico/keyword_ico3.png) left 50% top 76px no-repeat;
}

.keyword_area li:nth-child(4) a {
    background: url(../img/ico/keyword_ico4.png) left 50% top 71px no-repeat;
}

.keyword_area li:nth-child(5) a {
    background: url(../img/ico/keyword_ico5.png) left 50% top 68px no-repeat;
}

.keyword_area li:nth-child(6) a {
    background: url(../img/ico/keyword_ico6.png) left 50% top 73px no-repeat;
}

.cate_bn {
    width: 100%;
    border-top: 3px solid #ffd513;
    margin-bottom: 60px;
}

.cate_bn td {
    width: 200px;
    height: 119px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #eee;
    background-image: url(../img/cate_img1.jpg);
    background-position: right 20px bottom 16px;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.cate_bn tr:last-child td {
    border-bottom: 1px solid #000;
}

.cate_bn tr:first-child td:nth-child(2) {
    background-image: url(../img/cate_img2.jpg);
}

.cate_bn tr:first-child td:nth-child(3) {
    background-image: url(../img/cate_img3.jpg);
}

.cate_bn tr:first-child td:nth-child(4) {
    background-image: url(../img/cate_img4.jpg);
}

.cate_bn tr:first-child td:nth-child(5) {
    background-image: url(../img/cate_img5.jpg);
}

.cate_bn tr:first-child td:nth-child(6) {
    background-image: url(../img/cate_img6.jpg);
}

.cate_bn tr:last-child td:first-child {
    background-image: url(../img/cate_img7.jpg);
}

.cate_bn tr:last-child td:nth-child(2) {
    background-image: url(../img/cate_img8.jpg);
}

.cate_bn tr:last-child td:nth-child(3) {
    background-image: url(../img/cate_img9.jpg);
}

.cate_bn tr:last-child td:nth-child(4) {
    background-image: url(../img/cate_img10.jpg);
}

.cate_bn tr:last-child td:nth-child(5) {
    background-image: url(../img/cate_img11.jpg);
}

.cate_bn tr:last-child td:nth-child(6) {
    background-image: url(../img/cate_img12.jpg);
}

.cate_bn td a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 0 0 21px;
    box-sizing: border-box;
}

.cate_bn td:last-child {
    border-right: 0;
}

.cate_bn td .ttl {
    font-size: 16px;
    letter-spacing: -0.065rem;
    color: #404040;
}

.hit_area {
    margin: 10px auto 85px;
}

.hit_area .hit_ttl {
    text-align: center;
    margin-bottom: 20px;
}

.hit_area .hit_ttl h2 {
    font-family: 'NotoSansM', sans-serif;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: -0.105rem;
    color: #333949;
}

.hit_area .hit_ttl .hit_ico {
    display: inline-block;
    width: 40px;
    height: 41px;
    background: url(../img/ico/hit_ico.png) no-repeat;
    vertical-align: top;
    margin-right: 12px;
}

.hit_area li {
    float: left;
    width: 202px;
    height: 300px;
    margin: 0 19px;
    box-sizing: border-box;
}

.hit_area li a {
    display: block;
    width: 100%;
    height: 100%;
}

.hit_area li .thumb_box {
    width: 202px;
    height: 202px;
    border-radius: 50%;
    overflow: hidden;
}

.hit_area li .thumb_box img {
    width: 202px;
    height: 202px;
    transition: all 0.3s;
}

.hit_area li:hover .thumb_box img {
    transform: scale(1.05);
}

.hit_area li .txt_box {
    margin-top: 18px;
    text-align: center;
}

.hit_area .txt_box .code {
    font-size: 12px;
    font-family: 'Dotum', sans-serif;
    color: #aaa;
}

.hit_area .txt_box .ttl {
    font-size: 15px;
    letter-spacing: -0.065rem;
    line-height: 19px;
    color: #181818;
    margin: 10px auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.hit_area li:hover .txt_box .ttl {
    text-decoration: underline;
}

.hit_area .txt_box .price {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 19px;
    color: #000;
}

.hit_area .txt_box .price span {
    font-family: 'Notosans', sans-serif;
    font-size: 18px;
}

.plan_area {
    margin-bottom: 85px;
}

.plan_area .plan_ttl h2 {
    float: left;
    font-family: 'NotoSansM', sans-serif;
    font-size: 35px;
    line-height: 65px;
    letter-spacing: -0.085rem;
    color: #333949;
}

.plan_area .plan_ttl .plan_controls {
    float: right;
    margin-top: 21px;
}

.plan_area .plan_ttl .plan_controls>div {
    float: left;
}

.plan_area .plan_ttl .plan_caption {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #999;
    line-height: 36px;
    margin-right: 20px;
}

.plan_area .plan_ttl .plan_caption b {
    font-weight: 700;
    color: #181818;
}

.plan_area .plan_ttl .controls span {
    float: left;
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #d9d9d9 url(../img/ico/plan_prev.png) 50% 50% no-repeat;
    cursor: pointer;
}

.plan_area .plan_ttl .controls .plan_next {
    background-image: url(../img/ico/plan_next.png);
    border-left: 1px solid #fff;
}

.plan_area .plan_slide {
    width: 1200px;
    height: 1322px;
}

.plan_area .plan_slide .slide {
    width: 1200px;
    height: 1322px;
    border-top: 3px solid #ffd513;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}

.plan_area .plan_slide table {
    width: 1200px;
}

.plan_area .plan_slide table td {
    width: 240px;
    height: 330px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.plan_area .plan_slide table tr:first-child td {
    border-top: none;
}
.plan_area .plan_slide table td a {
    display: block;
    width: 200px;
    height: 100%;
    padding: 20px 19px;
    box-sizing: border-box;
}

.plan_area .plan_slide .thumb_box {
    width: 201px;
    height: 201px;
    overflow: hidden;
}

.plan_area .plan_slide .thumb_box img {
    width: 201px;
    height: 201px;
    transition: all 0.3s;
}

.plan_area .plan_slide td:hover .thumb_box img {
    transform: scale(1.05);
}

.plan_area .plan_slide .prd_info {
    width: 201px;
    margin-top: 14px;
    text-align: center;
}

.plan_area .plan_slide .prd_info .code {
    font-size: 12px;
    font-family: 'Dotum', sans-serif;
    color: #aaa;
}

.plan_area .plan_slide .prd_info .ttl {
    font-size: 15px;
    letter-spacing: -0.065rem;
    line-height: 19px;
    color: #181818;
    margin: 9px auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.plan_area .plan_slide td:hover .prd_info .ttl {
    text-decoration: underline;
}

.plan_area .plan_slide .prd_info .price {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 19px;
    color: #000;
}

.plan_area .plan_slide .prd_info .price span {
    font-family: 'Notosans', sans-serif;
    font-size: 18px;
}

.com_area {
    margin: 0 auto 80px;
}

.com_area h2 {
    font-size: 27px;
    letter-spacing: -0.065rem;
    line-height: 32px;
    color: #181818;
    text-align: center;
    margin-bottom: 25px;
}

.com_area h2 strong {
    font-weight: 600;
}

.com_area .com_slide table {
    width: 1200px;
    border: 1px solid #ddd;
}

.com_area .com_slide table td {
    position: relative;
    width: 200px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    border: 1px solid #ddd;
}

.com_area .com_slide table td img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.com_area .com_slide .controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -18px;
    z-index: 200;
}

.com_area .com_slide .controls div {
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, .15) url(../img/ico/plan_prev.png) 50% 50% no-repeat;
    cursor: pointer;
}

.com_area .com_slide .controls .com_next {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../img/ico/plan_next.png);
}

.cate_ttl {
    margin-bottom: 10px;
}

.cate_ttl h2 {
    font-size: 30px;
    letter-spacing: -0.085rem;
    color: #333949;
    font-weight: 600;
}

.prd_list .prd_category {
    border: 1px solid #ddd;
    border-collapse: separate;
}

.prd_list .prd_category td {
    padding: 8px 10px 8px 20px;
    vertical-align: middle;
}

.prd_list .prd_category tr:first-child td {
    padding-top: 17px;
}

.prd_list .prd_category tr:last-child td {
    padding-bottom: 17px;
}

.prd_list .prd_category td a {
    display: inline-block;
    max-width: 128px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.065rem;
    color: #888;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.prd_list .prd_category td a:hover {
    color: #181818;
}

.prd_list .prd_category td a:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #888;
    margin-right: 3px;
    vertical-align: middle;
}

.prd_list_info td {
    vertical-align: middle;
}

.prd_list_info .cate_depth {
    display: inline-block;
    vertical-align: middle;
}

.prd_list_info .cate_depth li {
    float: left;
    font-size: 15px;
    letter-spacing: -0.085rem;
    color: #70757d;
}

.prd_list_info .cate_depth .home a {
    padding-left: 19px;
    background: url(../img/ico/home_ico.png) left 0 top 50% no-repeat;
}

.prd_list_info .cate_depth li:after {
    content: '>';
    display: inline-block;
    font-family: 'Dotum', sans-serif;
    color: #b4b4b4;
    font-size: 11px;
    margin: -2px 9px 0 10px;
    vertical-align: middle;
}

.prd_list_info .cate_depth li:last-child:after {
    display: none;
}

.prd_list_info .cate_depth .current {
    color: #ffbe22;
}

.prd_list_info .total_count {
    display: inline-block;
    font-size: 15px;
    line-height: 55px;
    letter-spacing: -0.085rem;
    color: #444;
    vertical-align: middle;
    margin-left: 19px;
}

.prd_list_info label {
    display: inline-block;
    font-size: 16px;
    line-height: 55px;
    letter-spacing: -0.085rem;
    color: #333949;
    vertical-align: middle;
    margin-right: 15px;
}

.prd_list_info .search_box {
    float: right;
    position: relative;
    width: 220px;
    height: 36px;
    margin-top: 9px;
}

.prd_list_info .search_box input {
    width: 220px;
    height: 36px;
    border-width: 1px;
    border-style: solid;
    border-color: #b3b3b3 #ddd #ddd #a4a4a4;
    background: #f9f9f9;
    font-family: 'NotoSans', sans-serif;
    font-size: 15px;
    letter-spacing: -0.045rem;
    color: #666;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2);
    padding: 0 20px 0 15px;
    box-sizing: border-box;
}

.prd_list_info .search_box button {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 36px;
    background: url(../img/ico/search_bar_ico.png) 50% 50% no-repeat;
    border: none;
    outline-color: #ddd;
    text-indent: -9999px;
    cursor: pointer;
}

.prd_list_info .orderby {
    margin-left: 10px;
}

.prd_list_info .orderby li {
    float: left;
    font-size: 15px;
    letter-spacing: -0.085rem;
    color: #333949;
}

.prd_list_info .orderby li a {
    padding-left: 16px;
}

.prd_list_info .orderby li a:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #ddd;
    vertical-align: middle;
    margin-left: 16px;
}

.prd_list_info .orderby li:last-child a:after {
    display: none;
}

.prd_list_info .viewCount {
    display: inline-block;
    font-size: 16px;
    letter-spacing: -0.085rem;
    color: #333949;
    margin-right: 9px;
}

.prd_list_info select[name="viewCount"], .prd_list_info select[name="limit"], .prd_list_info select[name="orderby"] {
    width: 90px;
    height: 36px;
    border-width: 1px;
    border-style: solid;
    border-color: #b3b3b3 #ddd #ddd #a4a4a4;
    background: #f9f9f9 url(../img/ico/select_arr.png) right 7px top 50% no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 13px;
    font-family: 'NotoSans', sans-serif;
    font-size: 16px;
    color: #333949;
    box-sizing: border-box;
}

.prd_list_info select[name="viewCount"] option {
    color: #333949;
    font-size: 16px;
    font-family: 'NotoSans', sans-serif;
}

.prd_list_info select::-ms-expand {
    display: none;
}

.item_list_wrap {
    border-width: 1px 0;
    border-style: solid;
    border-color: #000;
    margin-bottom: 30px;
}

.item_list>tbody>tr>td {
    border: 1px solid #ddd;
}

.item_list .pro_list,
.best_prd_list td {
    width: 242px;
    height: 330px;
}

.item_list .pro_list a,
.best_prd_list td a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 18px;
    box-sizing: border-box;
}

.item_list .pro_list .thumb_box,
.best_prd_list .thumb_box {
    position: relative;
    width: 201px;
    height: 201px;
    overflow: hidden;
}

.item_list .pro_list .thumb_box img,
.best_prd_list .thumb_box img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
    height: auto;
    max-width: 201px;
    max-height: 201px;
    transition: all 0.3s;
}

.item_list .pro_list td:hover .thumb_box img,
.best_prd_list td:hover .thumb_box img {
    transform: scale(1.05);
}

.item_list .pro_list .prd_info,
.best_prd_list td .prd_info {
    width: 201px;
    margin-top: 14px;
    text-align: center;
}

.item_list .pro_list .prd_info .code,
.best_prd_list td .prd_info .code {
    font-size: 12px;
    font-family: 'Dotum', sans-serif;
    color: #aaa;
}

.item_list .pro_list .prd_info .ttl,
.best_prd_list .prd_info .ttl {
    font-size: 15px;
    letter-spacing: -0.065rem;
    line-height: 19px;
    color: #181818;
    margin: 9px auto;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    overflow: hidden;
}

.item_list .pro_list td:hover .prd_info .ttl,
.best_prd_list td:hover .prd_info .ttl {
    text-decoration: underline;
}

.item_list .pro_list .prd_info .price,
.best_prd_list .prd_info .price {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 19px;
    color: #000;
}

.item_list .pro_list .prd_info .price span,
.best_prd_list .prd_info span {
    font-family: 'Notosans', sans-serif;
    font-size: 18px;
}

.page_list_table td {
    font-size: 13px;
    letter-spacing: -0.065rem;
    color: #888;
}

.page_list_table a {
    display: inline-block;
    margin: 0 2px;
}

.page_list_table b {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #666;
    margin: 0 3px;
}

.best_prd_wrap {
    margin: 25px auto 40px;
    text-align: left;
}

.best_prd_wrap h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    color: #333949;
    font-weight: 600;
    margin-bottom: 10px;
}

.best_prd_list {
    border-top: 3px solid #ffd513;
    border-bottom: 1px solid #000;
}

.best_prd_list td {
    border-width: 0 1px;
    border-style: solid;
    border-color: #ddd;
}

#quick>table {
   /* border-radius: 30px;*/
  /*  width: 90px;*/
	width: 110px;
    background: #fff;
   border: 1px solid #ccc;
}

#quick>table>tbody>tr:nth-child(-n+4)>td {
    font-size: 13px;
    letter-spacing: -0.065rem;
    color: #555;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle;
}

#quick>table>tbody>tr>td>a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 38px;
}

#quick #gdscroll {
    padding-top: 14px;
    margin-top: 1px;
}

#quick #gdscroll table {
    border: 1px solid #e5e5e5;
    margin: 0 auto;
}

#quick table .controls {
    padding-bottom: 15px;
}

#quick table .controls a {
    float: left;
}

#quick table .controls a:first-child {
    margin-left: 32px;
}

#quick .quick_banner {
       width: 110px;
    height: auto;
    margin-top: 10px;
}

#quick .quick_banner a {
    display: block;
    width: 100%;
    height: 100%;
}

#quick .quick_banner img {
    /*width: auto;
    height: auto;
    max-width: 90px;

	*/
	width: 100%;
}

.thumb_item table img {
    cursor: pointer;
}

.thumb_item table.first {
    margin-left: 0;
}

.thumb_item table {
    border: 1px solid #fff;
    margin: 0 2px;
}

.thumb_item table.on {
    border-color: #333949;
}

.sns_lnk {
    float: right;
}

.sns_lnk li {
    float: left;
    margin-left: 5px;
}

.sns_lnk li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background: url(../img/ico/face.png) no-repeat;
}

.sns_lnk li:nth-child(2) a {
    background: url(../img/ico/twitt.png) no-repeat;
}

.sns_lnk li:nth-child(3) a {
    background: url(../img/ico/insta.png) no-repeat;
}

.sns_lnk li:nth-child(4) a {
    background: url(../img/ico/kakao.png) no-repeat;
}

.sns_lnk li:hover a {
    background: url(../img/ico/face_on.png) no-repeat;
}

.sns_lnk li:nth-child(2):hover a {
    background: url(../img/ico/twitt_on.png) no-repeat;
}

.sns_lnk li:nth-child(3):hover a {
    background: url(../img/ico/insta_on.png) no-repeat;
}

.sns_lnk li:nth-child(4):hover a {
    background: url(../img/ico/kakao_on.png) no-repeat;
}

.item_info .yel,
.item_figure .yel {
    font-size: 17px;
    letter-spacing: -0.085rem;
    color: #ffbe22;
}

.item_info .favorite {
    cursor: pointer;
}

.item_info .favorite,
.item_info .item_qna {
    position: absolute;
    top: 0;
    right: 66px;
    width: 56px;
    height: 56px;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
    padding-top: 11px;
    box-sizing: border-box;
}

.item_info .item_qna {
    position: absolute;
    top: 0;
    right: 0;
}

.item_info .favorite span,
.item_info .item_qna span {
    display: block;
    font-size: 11px;
    letter-spacing: -0.085rem;
    color: #696d77;
    margin-top: 4px;
    text-align: center;
}

.item_info .favorite:hover,
.item_info .item_qna:hover {
    border-color: #ffd554;
}

.item_figure strong.yel {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0;
    margin-left: 6px;
}

.item_info tr td {
    vertical-align: middle;
}

.item_info .prd_title {
    display: inline-block;
    width: 70%;
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    letter-spacing: -0.085rem;
    padding: 4px 0 20px;
    color: #333949;
    word-break: keep-all;
}

.item_memo {
    border-width: 1px;
    border-style: solid;
    border-color: #fff8b0 #ffef72 #ffef72 #fff8b0;
    background: #fffdf1;
    margin: 12px 0;
}

.item_memo th {
    width: 80px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #ffbe22;
    padding: 13px 0 0 13px;
    vertical-align: top;
    text-align: left;
    box-sizing: border-box;
}

.item_memo td {
    width: 520px;
    height: 42px;
    font-family: 'NotoSans', sans-serif;
    font-size: 13px;
    line-height: 21px;
    letter-spacing: -0.065rem;
    color: #222;
    padding: 13px 0;
    vertical-align: top;
}

.item_figure select {
    min-width: 220px;
    height: 35px;
    border-width: 1px;
    border-style: solid;
    border-color: #b3b3b3 #ddd #ddd #a4a4a4;
    background: #f9f9f9 url(../img/ico/select_arr.png) right 7px top 50% no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 13px;
    font-family: 'NotoSans', sans-serif;
    font-size: 16px;
    color: #333949;
    box-sizing: border-box;
}

.item_figure td {
    font-size: 15px;
    letter-spacing: -0.065rem;
    color: #181818;
    vertical-align: middle;
}

.item_figure .p_tit {
    width: 95px;
    font-size: 14px;
    letter-spacing: -0.065rem;
    line-height: 41px;
    color: #666;
    padding: 2px 0;
}

.item_figure input[type="text"] {
    min-width: 90px;
    height: 35px;
    border-width: 1px;
    border-style: solid;
    border-color: #b3b3b3 #ddd #ddd #a4a4a4;
    background: #f9f9f9;
    padding-left: 13px;
    font-family: 'NotoSans', sans-serif;
    font-size: 16px;
    color: #333949;
    box-sizing: border-box;
}

.item_figure select option {
    color: #333949;
    font-size: 16px;
    font-family: 'NotoSans', sans-serif;
}

.item_figure select::-ms-expand {
    display: none;
}

.item_figure input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 0 3px 0 0;
    vertical-align: middle;
}

.item_figure input[type="radio"]+label {
    font-size: 15px;
    letter-spacing: -0.065rem;
    color: #000;
    vertical-align: middle;
    margin-right: 12px;
    cursor: pointer;
}

.item_figure span a {
    display: inline-block;
    padding: 7px 0;
    width: 80px;
    text-align: center;
    border-radius: 4px;
    font-size:13px;
    color:#fff;
    margin-left: 5px;
}

.item_figure span.link_01 a {
    background:#67B930;
}

.item_figure span.link_02 a {
    background:#0d99ff;
}

.item_figure span.link_03 a {
    background:#FF4450;
}


#buy_total strong {
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    color: #000;
    font-weight: 700;
}

#buy_total strong span {
    font-family: 'NotoSans', sans-serif;
    font-size: 20px;
    letter-spacing: -0.065rem;
}

.order_table {
    width: 600px;
    margin-top: 18px;
}

.order_table td {
    width: 150px;
    vertical-align: middle;
}

.order_table tr:first-child td a {
    float: left;
    display: inline-block;
    width: 142px;
    margin: 0 10.5px 10px 0;
}

.order_table tr:first-child td a:last-child {
    margin-right: 0;
}

.order_table tr:last-child td a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.order_table td .buy_btn {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
}

.item_detail_wrap {
    margin-top: 70px;
}

.item_detail_wrap .detail_tabBtn {
    margin-bottom: 50px;
    border-bottom: 1px solid #cdcdcd;
}

.item_detail_wrap .detail_tabBtn li {
    float: left;
    font-size: 16px;
    letter-spacing: -0.065rem;
    line-height: 46px;
    color: #848484;
    padding-left: 18px;
    cursor: pointer;
}

.item_detail_wrap .detail_tabBtn li.on {
    color: #333949;
}

.item_detail_wrap .detail_tabBtn li:after {
    content: '/';
    display: inline-block;
    color: #ddd;
    margin-left: 18px;
}

.item_detail_wrap .detail_tabBtn li:last-child:after {
    display: none;
}

.detail_cont div[id^="tab"] {
    margin-bottom: 70px;
}

.detail_cont .item_info {
    width: 900px;
    height: 165px;
    margin: 0 auto 50px;
    border: 1px solid #ddd;
}

.detail_cont .item_info td,
.detail_cont .item_info th {
    height: 40px;
    padding-left: 15px;
    border: 1px solid #ddd;
    vertical-align: middle;
    text-align: left;
    box-sizing: border-box;
    font-size: 14px;
    letter-spacing: -0.065rem;
    color: #666;
}

.detail_cont .item_info th {
    width: 140px;
    background: #f9f9f9;
    color: #444;
}

.detail_cont .item_notice {
    margin: 100px auto 0;
}

.item_notice .notice_ttl {
    margin-bottom: 8px;
}

.item_notice .notice_ttl h2 {
    float: left;
    font-size: 22px;
    line-height: 31px;
    letter-spacing: -0.065rem;
    color: #000;
    font-weight: 600;
    margin-right: 15px;
}

.item_notice .notice_ttl span {
    float: left;
    font-size: 14px;
    line-height: 31px;
    letter-spacing: -0.065rem;
    color: #000;
}

.item_notice .notice_cont {
    width: 100%;
    background: #f9f9f9;
    padding: 20px;
    box-sizing: border-box;
}

.item_notice .notice_cont li {
    font-size: 16px;
    letter-spacing: -0.045rem;
    line-height: 25px;
    color: #888;
}

.item_notice .notice_cont li strong {
    display: inline-block;
    width: 185px;
    color: #000;
}

.item_atten .notice_ttl h2 {
    font-size: 22px;
    line-height: 31px;
    letter-spacing: -0.065rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 12px;
}

.item_atten .atten_list li {
    font-size: 16px;
    letter-spacing: -0.045rem;
    line-height: 25px;
    color: #000;
}

.sub_title {
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}

.sub_title h2 {
    float: left;
    font-size: 25px;
    line-height: 40px;
    font-weight: 600;
    color: #333949;
    letter-spacing: -0.085rem;
}

.sub_title .cate_depth {
    float: right;
    line-height: 40px;
}

.company_area {
    width: 100%;
    min-height: 600px;
    background: url(../img/company_vis.jpg) right 0 top 0 no-repeat;
    margin-top: 50px;
}

.company_area h2 {
    font-size: 40px;
    letter-spacing: -0.065rem;
    line-height: 45px;
    color: #333949;
    margin-bottom: 27px;
}

.company_area h2 strong {
    font-weight: 600;
}

.company_area h2 .yel {
    color: #ffbe22;
}

.company_area p {
    width: 470px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.065rem;
    color: #8f929a;
    word-break: keep-all;
    margin-bottom: 35px;
}

.company_area table {
    width: 520px;
}

.company_area th,
.company_area td {
    vertical-align: middle;
    padding-left: 14px;
    text-align: left;
    font-size: 15px;
    letter-spacing: -0.045rem;
    color: #444;
}

.company_area th {
    width: 115px;
    height: 50px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #bcbcbc;
    background: #f7f7f7;
}

.company_area td {
    border-width: 1px 0;
    border-style: solid;
    border-color: #e4e4e4;
}

.AW_member_tit {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.07em;
    line-height: 1.3;
    font-family: 'NotoSansM';
}

.AW_member_tit span {
    color: #999;
}

.AW_member_hr {
    border: 0 none;
    border-top: 1px solid #eaeaea;
    padding: 50px 0 0;
    margin: 50px 0 0;
}

.AW_table {border-top: 1px solid #999;}
.AW_table, .AW_table * {vertical-align: middle;}
.AW_table caption {position: relative; top: -10px; text-align: right; font-size: 13px; letter-spacing: -0.05em; color: #777; line-height: 1.3;}
.AW_table caption.big{font-size:15px; color:#333;}
.AW_table th, .AW_table td {height:30px; padding:7px 0; text-align: left; font-size: 14px; color: #666; border-bottom: 1px solid #ddd; border-left: 1px solid #eee;}
.AW_table th {padding-left:15px; color: #333;}
.AW_table td {padding-left:15px;}
.AW_table th:first-child, .AW_table td:first-child {border-left: 0 none;}
.AW_table thead{}
.AW_table thead th, .AW_table thead td{}
.AW_table thead th{background: #fafaf9;}
.AW_table thead td{}
.AW_table tbody{}
.AW_table tbody th, .AW_table tbody td{}
.AW_table tbody th{background: #fafaf9;}
.AW_table tbody td{}
.AW_table i {color: red; font-family: 'NotoSansM'; font-size: 120%;}
.AW_table font {letter-spacing: -0.05em;}
.AW_table button.btn {height:28px; padding: 0 15px; letter-spacing: -0.05em; background: #888; color: #fff; border-radius: 3px;}
.AW_table button.btn:hover {background: #666;}
.AW_table label{vertical-align:middle; margin-right:15px; cursor:pointer;}
.AW_table label:hover{color:#111;}
.AW_table label:last-child{margin-right:0;}
.AW_table label input{vertical-align:middle; position:relative; top:-2px;}
	/* °¡¿îµ¥ Á¤·Ä */
.AW_table.center{}
.AW_table.center th, .AW_table.center td{text-align:center; padding-left:10px; padding-right:10px;}
	/* ¼¼·Î¶óÀÎ X */
.AW_table.noline{}
.AW_table.noline th, .AW_table.noline td{border-left:0 none;}
.AW_table .price {font-family: 'Roboto', 'NotoSansM', sans-serif; /*font-weight:600;*/ font-size:18px; color: #111;}

.AW_member_btn {
    font-size: 0;
    white-space: nowrap;
}

.AW_member_btn a,
.AW_member_btn button {
    display: inline-block;
    min-width: 100px;
    height: 45px;
    line-height: 43px;
	padding:0 25px;
    font-size: 17px;
    color: #999;
    letter-spacing: -0.07em;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-left: 5px;
    cursor: pointer;
    font-family: 'NotoSansM';
    vertical-align: middle;
    box-sizing: border-box;
}

.AW_member_btn a:hover,
.AW_member_btn button:hover {
    border-color: #999;
}

.AW_member_btn a:first-child,
.AW_member_btn button:first-child {
    margin-left: 0;
}

.AW_member_btn .on {
    background: #ffd513;
    border-color: #ffd513;
    color: #444;
}

.AW_member_btn .on:hover {
    background: #333949;
    border-color: #333949;
    color: #fff;
}

.join_input{border:1px solid #ddd; background:#f7f7f7; padding:3px; margin:0;}


.textarea {width:100%; padding:15px; font-size:14px; font-family:'NotoSans',sans-serif; color:#666; border:1px solid #ccc; background-color:#f9f9f9; box-sizing: border-box;}




.AW-basket_step{background:#f7f7f7; text-align:center; padding:25px 0;}
.AW-basket_step .step_wrap{overflow:hidden; font-size:0; white-space:nowrap;}
.AW-basket_step .step_wrap li{position:relative; display:inline-block; text-align:left; line-height:1.4; width:70px; padding:20px 0 20px 100px; margin-left:50px;}
.AW-basket_step .step_wrap li i{position:absolute; left:-35px; top:50%; margin-top:-14px; width:14px; height:28px; background:url(../images/shop/step_arrow.png) 0 0 no-repeat;}
.AW-basket_step .step_wrap li span{position:absolute; left:0; top:0; display:block; width:78px; height:78px; border-radius:500px; border:1px solid #ddd;}
.AW-basket_step .step_wrap li span.icon1{background:url(../images/shop/step1.png) 50% 50% no-repeat #fff;}
.AW-basket_step .step_wrap li span.icon2{background:url(../images/shop/step2.png) 50% 50% no-repeat #fff;}
.AW-basket_step .step_wrap li span.icon3{background:url(../images/shop/step3.png) 50% 50% no-repeat #fff;}
.AW-basket_step .step_wrap li span.icon4{background:url(../images/shop/step4.png) 50% 50% no-repeat #fff;}
.AW-basket_step .step_wrap li small{display:block; font-size:13px; font-family:'Roboto'; color:#999;}
.AW-basket_step .step_wrap li strong{display:block; font-size:18px; letter-spacing:-0.07em; color:#999;}
	.AW-basket_step .step_wrap li.on{}
	.AW-basket_step .step_wrap li.on span{border-color:#222;}
	.AW-basket_step .step_wrap li.on small{color:#222;}
	.AW-basket_step .step_wrap li.on strong{color:#222;}
	


.AW-amount{font-size:0; white-space:nowrap; text-align:center;}
.AW-amount a{display:inline-block; font-size:15px; font-family:'µ¸¿ò'; font-size:15px; width:31px; height:31px; line-height:33px; text-align:center; font-weight:100; border:1px solid #ddd;}
.AW-amount input{display:inline-block; font-size:15px; font-family:'Roboto'; width:60px; height:31px; line-height:31px; font-size:14px; color:#333; border-width:1px 0; border-style:solid; border-color:#ddd; text-align:center; background:#f9f9f9; padding:0; margin:0;}
.AW-amount button{display:inline-block; margin-left:5px; width:40px; text-align:center; font-size:13px; letter-spacing:-0.07em; height:33px; background:#fff; border:1px solid #ddd; background:#ddd; border-radius:3px;}