/*!
포인트컬러
blue    : #0078b9
yellow  : #f4c822

text
dark gray   : #3c3d3e
mid gray    : #505152
mid blue   : #477b96
*/

/*!
etc -------------------------------------------------- */
.btn_dark {
    display: inline-block;
    margin: 0;
    padding: 0 20px;
    min-width: 120px;
    height: 40px;
    line-height: 40px;
    border: 0 none;
    outline: 0 none;
    background-color: #3c3d3e;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    cursor: pointer;
}

.btn_dark:hover {
    background-color: #191919;
    color: #fff;
}

/*!
header -------------------------------------------------- */
#header .header_wrap {
    border-bottom: 1px solid #ececec;
}

#header .top_search .top_search_input {
    border: 2px solid #0078b9;
}

#header .top_search .top_search_input .top_search_txt {
    color: #0078b9;
}

#header .top_search .top_search_input .top_search_btn {
    color: #0078b9;
}

#header .top_search .top_search_input input[type=text]:focus {
    -webkit-box-shadow: 0 0 5px #0078b9;
    -moz-box-shadow: 0 0 5px #0078b9;
    box-shadow: 0 0 5px #0078b9;
    border: 1px solid #0078b9 !important;
}

/*!
GNB -------------------------------------------------- */
#vs_gnb {
    border-bottom: 2px solid #0078b9;
}

/*! 전체보기 버튼 */
.sr_gnb .btn_gnb_all {
    background-color: #f7f7f7;
}

.sr_gnb .btn_gnb_all:hover,
.sr_gnb .btn_gnb_all.on {
    background-color: #0078b9;
    color: #fff;
}

.sr_gnb .btn_gnb_all div a strong {
    color: #0078b9;
}

.sr_gnb .btn_gnb_all div a:hover strong,
.sr_gnb .btn_gnb_all.on div a strong {
    color: #fff;
}

.sr_gnb .btn_gnb_all div a i {
    background-color: #0078b9;
}

.sr_gnb .btn_gnb_all div a:hover i,
.sr_gnb .btn_gnb_all.on div a i {
    background-color: #fff;
}

/*! 인라인메뉴 */
.sr_gnb .inline_menu ul li a {
    color: #3c3d3e;
}

.sr_gnb .inline_menu ul li a.on,
.sr_gnb .inline_menu ul li a:hover {
    color: #0078b9;
}

/*! 전체메뉴 박스 */
.sr_gnb .gnb_all_box ul li a {
    color: #3c3d3e;
    border-bottom: 1px solid #191919;
}

.sr_gnb .gnb_all_box ul li a:hover {
    color: #0078b9;
    border-bottom: 1px solid #f4c822;
    background-color: #f4c822;
}

.sr_gnb .gnb_all_box .all_menu_1 li a {
    color: #3c3d3e;
}

.sr_gnb .gnb_all_box .all_menu_1 li a:hover {
    color: #0078b9;
    background-color: #f0f0f0;
    border: 0 none;
}

/*!
main slider -------------------------------------------------- */
.main_slider_wrap2 .navigation div {
    background-color: #fff;
}

.main_slider_wrap2 .navigation div a {
    color: #3c3d3e;
}

.main_slider_wrap2 .navigation .slick-current div a {
    background-color: #0078b9;
    color: #fff;
}

/*!
focus_banner -------------------------------------------------- */
.focus_banner .notice h3 {
    border-bottom: 3px solid #f4c822;
    color: #3c3d3e;
}

.focus_banner .notice h3 a:hover {
    color: #0078b9;
}

.focus_banner .notice .title a {
    color: #3c3d3e;
}

.focus_banner .notice .title a:hover {
    color: #0078b9;
}

/*!
youtube_cont -------------------------------------------------- */
.youtube_cont {
    background-color: #0078b9;
    background: #0078b9 url("../img/background/youtube_bg.jpg") no-repeat center center;
}

.youtube_latest .txt a {
    color: #fff;
}

.youtube_latest .tit {}

.youtube_latest .txt {
    color: #fff;
}

/*!
tabs_nav -------------------------------------------------- */

.tabs_nav li a:hover,
.tabs_nav li.active a {
    /*! color: #0078b9; */
}

.tabs_nav li.active a,
.tabs_nav .slick-current li a {
    /*! border-top: 3px solid #0078b9; */
}

/*!
goods_list_cont -------------------------------------------------- */
.goods_list_cont .item_money_box .item_price {
    color: #0078b9;
}

/*!
footer */
#footer {
    border-top: 0 none;
    background-color: #505152;
}

#footer .info_wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 60px 0;
    background-color: #f0f0f0;
}

#footer .info_wrapper:after {
    content: "";
    display: block;
    clear: both;
}


#footer .information {
    margin: 0 auto;
    width: 1100px;
    position: relative;
    display: block;
}

#footer .information:after {
    content: "";
    display: block;
    clear: both;
}

#footer .information .col {
    position: relative;
    display: block;
    float: left;
    width: 353px;
    height: 270px;
    padding: 90px 20px 70px;
    margin-right: 20px;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #fff;
}

#footer .information .col:last-child {
    width: 354px;
    margin-right: 0;
}

#footer .information .col p {
    line-height: 1.5;
    color: #505152;
    font-size: 15px;
    text-align: center;
}

#footer .information .col p strong {
    color: #477b96;
    font-size: 20px;
}

#footer .information .col p em {
    color: #191919;
    font-size: 13px;
    font-weight: bold;
}

#footer .information .col p span {
    color: #0078b9;
    font-size: 15px;
    font-weight: bold;
}

.info_icon {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 50px;
    margin: 0 0 0 -25px;
    padding: 0;
    border-radius: 50%;
    background-color: #f0f0f0;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    color: #3c3d3e;
}

.btn_area {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

#footer .footer_nav_wrap {
    border: 0 none;
}

#footer .footer_nav {
    margin: 0;
}

#footer .footer_nav ul li {
    line-height: 60px;
    height: 60px;
}

#footer .footer_nav ul li:after {
    background: #707070;
}

#footer .footer_nav ul li a {
    color: #ccc;
}

#footer .footer_nav ul li a:hover {
    color: #f4c822;
}

#footer .contact_info {
    margin: 0 20px 20px 0;
}

#footer .contact_info li {
    border-left: 1px solid #707070;
    color: #acacac;
}

#footer .contact_info li a {
    color: #acacac;
}

#footer .contact_info li strong {
    color: #f4c822;
}

#footer .contact_info .notice {
    border-top: 0 none;
    padding: 10px;
    background-color: #4a4a4a;
    color: #f0f0f0;
}

#footer .copyright {
    background-color: #3c3d3e;
}

#footer .copyright p {
    color: #ccc;
}

#footer .copyright p>strong {
    color: #f0f0f0;
}