@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

.nanum_myeongjo{
    font-family: 'Nanum Myeongjo','Montserrat', "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', serif;
}


.txt13{font-size:16px;}
.txt16{font-size:19px; letter-spacing:-0.5px;}


.flex-direction-nav a {
    margin: -20px 0 0; 
}

/*탭삭제*/
.div_tab_wrap, .ui-resizable-handle, .div_content_handle, .ui-draggable-handle {
    display : none !important;
}
.wrap_sub_title{
    /* display:none; */
}
.sub_menu_path {
    display: none;
}


.wrap_md {
    padding-top: 1rem;
    padding-bottom: 3rem;
    clear: both;
}
@media (max-width:991px){
	.wrap_md {
		padding-top: 1rem;
		padding-bottom:2rem;
	}
}


.wrap_url_copy {
    display:none;
}
.wrap_url_copy .col-xs-12{
	/* padding-right:0; */
	/* padding-right:15px; */
}
.wrap_div_contents_product .wrap_url_copy 
{
	
}
@media (max-width: 991px) {
    .wrap_url_copy {
        /* position:relative; */
        /* padding-bottom:15px; */
        /* margin-right:10px; */
        /* padding-top: 0px; */
        /* margin-right: 5px; */
        margin-top: -100px;
        /* padding-right:5px; */
        /* left:10px; */
    }
    .wrap_div_contents_company .wrap_url_copy 
	{
		/* margin-top: -130px; */
	}
}
@media (max-width:767px){
	.wrap_url_copy {
		margin-right: 0px;
		margin-top: -95px;
	}
	.wrap_div_contents_company .wrap_url_copy 
	{
		margin-top: -130px;
	}
	.wrap_url_copy .col-xs-12{
		padding-right: 10px;
	}
}

@media (min-width: 992px) {
    .wrap_home, .wrap_sub, .wrap_home_footer, .wrap_sub_footer,.wrap_main_header, .wrap_sub_header {
        width:100%;
        min-width: 1200px;
    }

    .container, .wrap_d_board, .wrap_url_copy, .wrap_user, .wrap_sitemap, .sub_menu_path
    , .wrap_shop_cart_list
    , .wrap_my_lms_lecture_list
    , .wrap_my_shop_page_list
    , .wrap_shop_order
    , .recent_list
    , .wrap_shop_wist_list
	, .wrap_sub_title
    {
        width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
}

.wrap_main_header {
    /* position:absolute; */
    z-index: 100;
    width: 100%;
}

.wrap_main_header, .wrap_sub_header {
    /* border-bottom:solid 1px #1d2e53; */
}

.div_tab_wrap, .ui-resizable-handle, .div_content_handle, .ui-draggable-handle {
    display : none !important;
}

.wrap_sub_title {
    /* display: none; */
    font-size:1.8rem;
    line-height:1rem;
    padding-left:15px;
    margin-top:15px;
}
.sub_title{
    border-bottom: 1px solid #d1cccc;
	padding-bottom:5px;
}

.sub_menu_path {
    display: none;
}
.wrap_sub_left_menu {
    display: none;
}

.wrap_mt_top_menu_sub , .wrap_mt_top_menu_sub_hidden {
    
}

.sub_menu_path a {
}

body {
	font-size:1.1rem;
	line-height: 1.5rem;
	color: #444444;
}

a, a:visited {
    text-decoration: none !important;
    color: #1d1d1d;
}
a:focus, a:active, a:hover, a.current {
    color: #75286c;
}
.txt_left a:hover, .board-list-table .txt_left a:active, .board-list-table .txt_left a:focus {
    color: #75286c;
}

a.btn:visited, a.btn:hover{
	/* color:#ffffff !important; */
}

.pcolor{
	color:#FF8F27;
}
.pcolor1 {
    color: #75286c;
}
.point_bg{
	background-color:#75286c;
}
.point1_bg{
	background-color:#2b589f !important;
}
.gray {
    color:#7A7A7A;
}

.t_5 {
    /* margin-top:.5rem !important; */
}
.t1 {
    margin-top:1rem !important;
}
.t2 {
    margin-top:2rem !important;
}
.t1_5 {
    margin-top:1.5rem !important;
}
.t3 {
    margin-top:3rem !important;
}
.t4 {
    margin-top:4rem !important;
}

.top5{
	margin-top:5px !important;
}
.top10{
	margin-top:10px !important;
}
.top15{
	margin-top:15px !important;
}
.top20{
	margin-top:20px !important;
}

.h2{
	font-size:2rem;
	line-height:2.2rem;
	margin-top:0;
	margin-bottom:0;
}
.h3{
	font-size:1.8rem;
	line-height:2rem;
	margin-top:0;
	margin-bottom:0;
}
.h4{
	font-size:1.5rem;
	line-height:1.9rem;
	margin-top:0;
	margin-bottom:0;
}
.h5{
	font-size:1.2rem;
	line-height:1.6rem; 
	margin-top:0;
	margin-bottom:0;
}
.h6{
	font-size:1.2rem;
	line-height:1.5rem; 
	margin-top:0;
	margin-bottom:0;
}
@media (max-width:991px){
	.h3{
		font-size:1.7rem;
	}
	.h4{
		font-size:1.4rem;
		line-height:1.6rem;
	}
	.h5{
		font-size:1.2rem;
		line-height:1.4rem;
	}	
    .h5{
		font-size:1.1rem;
		line-height:1.3rem;
	}	
}
@media (max-width:767px){
	.h3{
		font-size: 1.5rem;
	}
	.h4{
		font-size:1.4rem;
		line-height:1.7rem;
	}
	.h5{
		font-size:1.2rem;
		line-height:1.4rem;
	}	
    .h5{
		font-size:1.1rem;
		line-height:1.3rem;
	}	
}

.sitemap_col li{overflow:hidden;float:left;position:relative;top:0px;width:25%;height: 300px;border-bottom:none;}
.sitemap_col .sitemap_box{display:block; position:relative; color:#666; white-space:nowrap; border:none !important; padding:0px !important; margin:0 2px 0 2px;}
.sitemap_col a{display:block;width:120px;margin:0 auto;padding:0 0 0 0;text-decoration:none;cursor:pointer}
.sitemap_col a {display:inline-block;color:#333;}
.sitemap_col a:hover strong,
.sitemap_col a:active strong,
.sitemap_col a:focus strong{text-decoration:underline}
.sitemap_col .title_0{background:#75286c; color:#fff; padding: 10px 15px; text-align:left !important;margin:0 0 10px 0;}
.sitemap_col .title_0 a { color:#fff; font-weight:bold; }
.sitemap_col .title_1{ padding:7px 5px; border-bottom:1px solid #e0e0e0; font-weight:600; color:#7c7c7c }

@media (max-width:767px){
    .sitemap_col li{
        width:50%;
    }   
}
.btn {
    min-height: 35px;
    min-width: 35px;
    padding: 7px 15px;
}
.btn:hover, .btn:visited {
    color: #606060 !important;
}
.btn-default, .btn-default:visited {
    background: #ffffff !important;
    border: 1px solid #ccc !important;
    color: #606060 !important;
}
.btn-default:hover,.btn-default:focus {
    background: #f5f5f5 !important;
    color: #444444 !important;
}
.btn-primary, .btn-primary:visited {
    background: #75286c !important;
    border: 1px solid #75286c;
    color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:focus {
    background: #61b228 !important;
    border: 1px solid #61b228 !important;
    color: #ffffff !important;
}
.btn-info, .btn-info:visited {
    background: #986333 !important;
    border: 1px solid #986333;
    height: auto;
    color:#ffffff !important;
}
.btn-info:hover, .btn-info:focus {
    background: #7d522a !important;
    border: 1px solid #7d522a !important;
    color: #ffffff !important;
}
.btn-danger, .btn-danger:visited {
    background: #e88d06 !important;
    border: 1px solid #e88d06 !important;
    color: #ffffff !important;
}
.btn-danger:hover,.btn-danger:focus {
    background: #ce7c04 !important;
    border: 1px solid #ce7c04 !important;
    color: #fff !important;
}
.control-label{
	color:#1d1d1d; 
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #75286c;
    border-color: #75286c;
}
.board_bg .tbl_type_board thead th {
    border-top: solid 1px #75286c !important;
    /* padding: 15px 0px; */
    /* font-size: 14px; */
}
.board_bg .tbl_type_board tbody {
    font-size: 16px;
}
.tbl_type_board td {
    /* padding-top: 15px; */
    /* padding-bottom: 15px; */
}

.sub_banner_img .title{
	text-align:center;
}
.sub-ban-text{
	color:#ffffff;
}
.sub_ban_title
, .sub_ban_title_sub{
	display:block;
	text-align:center;

}
.sub_ban_title
{
	font-size:1.8rem;
	font-weight:bold;
}
.sub_ban_title_sub{
	font-size:1.5rem;
	/* font-weight:bolder; */
	margin-top: 7px;
	/* color:#808080; */
}
.sub-ban-text
, .sub-ban-text:before
{
    position: absolute;
    top: 31%;
    width:100%
    /* left: 50%; */
    /* transform: translate3d( -50%, -50%, 0 ); */;
	font-size: 2rem;
    font-weight:bold;
}
.sub_banner_img .previous
, .sub_banner_img .next
{
    position: absolute;
    display:block !important;
    height: 236px;
    width:50px;
    background-size:20px;
    opacity:0.5;
}
.sub_banner_img .previous{
    left: 15%;
    background: transparent url("http://oncode.net/content/themes/cmm/img/ico_pre.png") no-repeat center;
}
.sub_banner_img .previous:hover{opacity:1}
.sub_banner_img .next{
    right: 15%;
    background: transparent url("http://oncode.net/content/themes/cmm/img/ico_next.png") no-repeat center;
}
.sub_banner_img .next:hover{opacity:1}

@media (max-width:991px){
	.wrap_title{
		/* height: 200px; */
	}
	.sub-ban-text, .sub-ban-text:before {
		top: 34%;
	}
    .sub_banner_img .title span.sub-ban-text {
        
    }   
    .sub_banner_img .previous, .sub_banner_img .next{
        height:210px;
    }
    .sub_banner_img .previous{
        left:5%;
    }
    .sub_banner_img .next{
        right:5%;
    }
    
}
@media (max-width:767px){
	.sub_ban_title {
		font-size: 1.5rem;
	}
	.sub_ban_title_sub{
		/* font-size:1.6rem; */
		margin-top:5px;
	}
	.wrap_title{
		
	}
	.sub_banner_img .title span.sub-ban-text {
        
    }
    .sub_banner_img .previous, .sub_banner_img .next{
        height: 175px;
    }   
    .sub-ban-text, .sub-ban-text:before {
		top: 26%;
	}
	 .sub_banner_img .previous{
        left:0;
    }
    .sub_banner_img .next{
        right:0;
    }
	
}
@media (max-width:375px){
	.m_sub_visual_img_donation .sub-ban-text
	, .m_sub_visual_img_donation .sub-ban-text:before
	{
		font-size: 1.5rem;
	}
}

/*top 메뉴*/
.top_menu_wrap{ background:#fff; }
.mune_wrap{ height:120px;}
.mune_wrap .sitemap_wrap {text-align : right;}

.mune_wrap .top_logo{position : absolute; left : 50%; margin-left :-75px; top : 30px; }
.mune_wrap .top_logo{text-align:right;}
.mune_wrap .top_logo img{width:150px;}
.mune_wrap .mune li {}
.mune_wrap .mune li:last-child{background:none}
.mune_wrap .mune li a{display:inline-block; color:#909090; font-size:12px; line-height:40px !important;}
.mune_wrap .mune li a:hover,
.mune_wrap .mune li a:active,
.mune_wrap .mune li a:focus,
.mune_wrap .mune li a:visited{text-decoration:none; color:#202020;}

.wrap_top_menu{
	margin-top: 25px;
}
.top_menu_wrap .top_menu {margin-top:-1px; text-align:center; height:45px; overflow:hidden; border : 1px solid #e3e3e3; background : linear-gradient(transparent, #eee); border-radius : 10px !important; }
.top_menu_wrap .top_menu .menu_li{width: 317px;border-right : 1px solid #e3e3e3;float : left;padding : 0px 0px;}
.top_menu_wrap .top_menu .menu_li + .menu_li + .menu_li + .menu_li{border-right : 0px solid #e3e3e3;}
.top_menu_wrap .top_menu .menu_li.current{background:#e3e3e3; font-weight:bold; transition:ease all 0.3s;}
.top_menu_wrap .top_menu .menu_li:hover {background:#e3e3e3; font-weight:bold; transition:ease all 0.3s;}
.top_menu_wrap .top_menu .menu_li a{display:block; color:#333; font-size:15px; font-family:"맑은 고딕","Malgun Gothic"; height:45px; line-height : 45px; font-weight:bold;}
.top_menu_wrap .top_menu .menu_li a:hover,
.top_menu_wrap .top_menu .menu_li a:focus,
.top_menu_wrap .top_menu .menu_li a:active,
.top_menu_wrap .top_menu .menu_li a:visited{text-decoration:none; color:#000 !important; background : #f6f6f6; }
.top_menu_wrap .top_menu .menu_li a.current{text-decoration:none; color:#000 !important; background : #f6f6f6; }

.top_menu_wrap ul.top_menu li ul {
    display : none;
    letter-spacing : -0.5px;
    z-index : 99999;
    position : absolute;
    width: 317px;
    margin-top : -2px !important;
}
.top_menu_wrap .top_menu ul {
    background : #fff;
    border : 1px solid #ddd;
}
.top_menu_wrap .top_menu .menu_li ul li a {font-size : 14px;}
.top_menu_wrap .top_menu .menu_li ul li a:hover {color : green !important; background : #f6f6f6;}
.top_menu_wrap .top_menu .m_menu_li {display : none;}
.top_menu_wrap .m_top_menu {display : none;}


.ul_mune {
    float: right;
    position:relative;
}
.ul_mune {
    /* width:100%; */
    display: block;
    /* position:relative; */
    /* border:solid; */
    margin-top: 4px;
}
.ul_mune a {
    font-size: 14px;
    /* font-weight: bold; */
    color: #1d1d1d;
    display: block;
}
.ul_mune li {
    display: inline-block;
    padding-left: 7px;
    padding-right: 10px;
    background: url("http://oncode.net/content/themes/cmm/img/mune_division_1.gif") no-repeat right;
    /* background-size: 1px 15px; */
    /* background:none; */
    float:left;
}
.ul_mune li img {
	border: solid 1px #e8e8e8;
}
.ul_mune li:first-child {
    
}
.ul_mune li:last-child {
    padding-right: 0px;
    background:none;
}
@media (max-width: 767px) {
    .ul_mune {
        display:inline-block;
        float: none !important;
    }

    .ul_mune li {
        padding-left: 10px;
        padding-right: 3px;
    }
}



.top_logo {
    padding-top: 5px;
	text-align:center;
}
.top_logo img{
    width: 220px;
    padding-top: 10px;
}
.top_logo h1{
    display:inline-block;
}
.wrap_main_header .top_logo {
    padding-top: 1px;
}
img.logo_social{
	width: 100px;
	/* margin-top: 0px; */
	/* display:inline-block; */
	margin-left:5px;
}
@media (max-width: 991px) {
    .top_logo {
        height: 60px;
        padding-top: 19px;
    }
}
.wrap_mt_top_menu{
	width: 88%;
}
.wrap_btn_right_menu{
	width: 12%;
	/* background-color: rgba(255,255,255,.9); */
}
.mt_top_menu_hidden {
	height: 51px;
	background:
	none;
	border-top:
	none;
	border-bottom:
	none;
	padding-left:5px !important;
	padding-right:5px !important;
	margin-top: -3px;
}
.mt_top_menu .mt_menu_li a {
    line-height: 54px;
}
.wrap_child_menu {
    /* display:inline-block; */
    /* padding-top: 4px; */
    /* float: right; */
    /* border:solid; */
}

@media (max-width: 991px) {
    .wrap_child_menu {
        /* padding-top: 0px; */ /* position:absolute; */ /* width:100%; */
    }
}

@media (max-width : 991px) {
    .btn_right_menu {
        display: block;
    }

    .top_menu_wrap .top_menu {
        display: none;
    }

    .qw_left_menu {
        display : none !important;
    }

    .top_logo {
        width: 66px;
    }

    .wrap_child_menu {
        display: none;
    }

    .wrap_m_top_logo {
        display: block !important;
        background-color: rgba(255,255,255,.9);
    }

    .m_top_logo {
        display: block !important;
        float: left;
        /* height: 50px; */
        /* line-height: 55px; */
        /* text-align: left !important; */
        margin-left: 11px !important;
        width: 195px;
        padding-top: 10px !important;
        padding-bottom: 7px !important;
    }
	.m_top_logo a img{
		width: 130px;
	}

    .wrap_child_menu_m {
        display: inline-block;
        padding-top: 15px;
    }

    .top_menu_bg {
        display: none;
        /* display:inline-block; */
    }
}

@media (max-width : 767px) {
    .top_logo {
        display: none;
    }
    .content_wrap {
        margin-top: 0px;
    }
    .content_wrap {
        width: 100%;
    }
    .btn_right_menu {
        display: block;
    }
    .wrap_child_menu {
    }
    .wrap_footer_top a {
        margin-right: 9px;
        font-size: 13px;
    }
    .footer_logo {
        display: none !important;
    }
    .wrap_footer .footer_top {
        /* padding: 5px 0 5px 0; */
    }
    .wrap_footer .footer_txt {
        font-size: 12px !important;
    }
    .wrap_footer .footer_btm * {
        font-size: 12px;
    }
    .wrap_footer .footer_btm {
        padding-left: 15px;
        padding-right: 15px;
    }
    .wrap_footer .footer_btm span {
        line-height: 15px;
    }
	.m_top_logo {
        margin-left: 10px !important;
        width: 130px;
    }
    .ul_terms_footer li a {
	    
	    padding: 9px 0px;
	}
}


/*모바일 Right 사이드 메뉴*/
.cbp-spmenu {
    position: fixed;
    z-index: 450 !important;
}

.cbp-spmenu-vertical {
    width: 85%;
    min-height: 100%;
    top: 0;
    background-color: #fdfdfd;
}

.cbp-spmenu-right {
    right: -85%;
    overflow: auto;
}

@media (min-width: 768px) {
    .cbp-spmenu-vertical {
        width:300px;
    }

    .cbp-spmenu-right {
        right: -300px;
    }
}

.spmenu_logo {
    width: 175px;
    margin-top: 18px;
    margin-bottom: 15px;
    margin-left: 20px;
}
.wrap_spmenu_logo {
    float: left;
}
.wrap_ul_right_lang{
    /* text-align:right; */
    /* margin-right: 0px; */
    padding-top: 10px;
    /* padding-right: 20px; */
    padding-left: 15px;
    padding-bottom:20px;
}
.ul_right_lang li{
    display:inline-block;
    border:solid 1px #cccccc;
}
.ul_right_lang li img{
    width: 45px;
}
.wrap_mm_right_clse {
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
}

.btn_right_menu {
    display: none;
    /* width: 50px; */
}

.cbp-spmenu-horizontal {
    left: 0;
    overflow: hidden;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
    /* border-left: 1px solid #a3a3a3; */
    /* background : #efefef; */
}

.ly_pop_menu .spmenu_top {
    display: block;
    background: #fdfdfd;
    border-bottom: 1px solid #cccccc;
}

.ly_pop_menu .spmenu_top .logo {
    padding-top: 7px;
    width: 85px;
    padding-left: 15px;
}

/*모바일메뉴 버튼*/
.mm_right_btn {
    position: relative;
    display: block;
    width: 35px;
    height: 20px;
}

.mm_right_btn .mm_right_line {
    position: absolute;
    height: 1px;
    border-radius: 3px !important;
    display: block;
    background-color: #75286c;
    transition: 0.15s all linear;
    -webkit-transition: 0.15s all linear;
    font-size: 0;
    line-height: 0;
}

.mm_right_btn:hover .mm_right_line, .mm_right_btn:focus .mm_right_line {
    background-color: #75286c;
}

.mm_right_btn .mm_right_tline {
    top: 0;
    width: 85%;
}

.mm_right_btn:hover .mm_right_tline, .mm_right_btn:focus .mm_right_tline {
    width: 100%;
}

.mm_right_btn .mm_right_mline {
    top: 50%;
    width: 85%;
}

.mm_right_btn:hover .mm_right_mline, .mm_right_btn:focus .mm_right_mline {
    width: 100%;
}

.mm_right_btn .mm_right_bline {
    top: 100%;
    width: 85%;
}

.mm_right_btn:hover .mm_right_bline, .mm_right_btn:focus .mm_right_bline {
    width: 100%;
}

/*//모바일메뉴 버튼*/
/*모바일 right 메뉴 닫기버튼*/
.ly_pop_menu .spmenu_top .clse {
}

.ly_pop_menu .spmenu_top .clse:hover {
}

.section_wrap_mm_right_clse {
    display: block;
    margin-top: 7px;
    margin-right: 5px;
    float:right;
}

.wrap_mm_right_clse .clse {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 30px;
    top: 0px;
    right: 0;
    padding: 5px;
}

.wrap_mm_right_clse .clse .mm_right_line {
    position: absolute;
    height: 1px;
    border-radius: 1px !important;
    display: block;
    background-color: #75286c;
    transition: 0.15s all linear;
    -webkit-transition: 0.15s all linear;
    font-size: 0;
    line-height: 0;
}

.wrap_mm_right_clse .clse .mm_right_line {
    background: #75286c !important;
}
.wrap_mm_right_clse .clse .mm_right_tline{top: 24%;width:50%;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.wrap_mm_right_clse .clse:hover .mm_right_tline,
.wrap_mm_right_clse .clse:active .mm_right_tline{width:100%;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.wrap_mm_right_clse .clse .mm_right_mline{display:none;}
.wrap_mm_right_clse .clse:active .mm_right_mline{display:block;}
.wrap_mm_right_clse .clse .mm_right_bline{top: 67%;width:50%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.wrap_mm_right_clse .clse:hover .mm_right_bline,
.wrap_mm_right_clse .clse:active .mm_right_bline{width:100%;-webkit-transform: rotate(0deg);transform: rotate(0deg);}

/*//모바일 right 메뉴 닫기버튼*/

.ly_pop_menu .login_wrap {
    /* border: none !important; */
    display: block;
    /* float: left; */
    width: 90%;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    /* border-bottom: solid 1px #e0e0e0!important; */
    /* clear:both; */
    /* position: static; */
    /* line-height: 43px; */
}
.ul_m_right_login{
	position:relative;
	/* border:solid 1px; */
	width: 100%;
}
.ul_m_right_login li img{
	width:13px;
}
.ul_m_right_login > li{
	display:inline-block;
	float:left;
	width: 49%;
	margin:0;
	padding:0;
}
.ly_pop_menu .login_wrap .ul_m_right_login a, .ly_pop_menu .login_wrap .ul_m_right_login a:visited {
    display:block;
    /* float:left; */
    /* width: 45%; */
    text-align: center;
    font-size: 11px;
    line-height: 35px;
    background: #fdfdfd;
    font-weight: bold;
    border: 1px solid #cccccc;
    margin-left: 4px;
    /* line-height: 58px; */
}

.ly_pop_menu .login_wrap a:hover, .ly_pop_menu .login_wrap a:focus {
    text-decoration: none !important;
}

.ly_pop_menu .login_wrap .ico_login {
    width: 26px;
}

.ly_pop_menu .login_wrap .ico_join {
    width: 22px;
}

.login_wrap img {
    width: 18px;
    margin-right: 5px;
    /* margin-top: 10px; */
    /* padding-top: 10px; */
}

.nav_right{
	
}
.sub_nav{
    overflow:hidden; 
    position:absolute;  
    width:100%;  
}
.sub_nav .box_mune {
    overflow: hidden;
    display: block;
}

.sub_nav .m_top_menu > li > span > a {
    display: block;
    padding: 5% 8% 5% 10%;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}

.sub_nav .m_top_menu > li > span > a:hover {
    color: #75286c;
    background: #eee;
}
.sub_nav .m_top_menu > li > span > a:hover::after {
    content: "";
    content: "-";
    padding-right: 12px;
    color: #75286c;
}
.sub_nav .m_top_menu ul li a.current {
    font-weight: bold;
    color: #75286c;
    background: #f3f3f3;
}
.sub_nav .m_sub_nav_sub {
	/* display:none !important; */
	/* color: #fdfdfd; */
	background: #f6f6f6;
	/* border-top: 1px solid #f1f1f1; */
}

.sub_nav .m_sub_nav_sub li {
    /* background: #fdfdfd; */
}

.sub_nav .m_sub_nav_sub li a {
    display: block;
    color: #333;
    font-size: 12px;
    padding: 5% 5% 5% 12%;
    line-height: 20px;
}

.sub_nav .m_sub_nav_sub li:hover {
    background: #f1f1f1;
    color: #121212
}

.sub_nav .current {
    /* color: #fdfdfd; */
    /* background: #f5f5f5; */
    /* color: #FF9400; */
}
.m_top_menu{
	/* position:relative; */
	clear:both;
	padding-top: 20px;
	display:block;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}
.m_top_menu li ul li {
    border-top: solid 1px #e0e0e0;
}
.m_top_menu > li {
    border-top: solid 1px #cccccc;
}
.m_top_menu li span a::after {
    content: "";
    content: "+";
    padding-right: 10px;
    float: right;
    font-size:16px;
    /* line-height:0.9em; */
    color:#777;
}
.m_menu_li .current a::after {
    content: "";
    content: "-";
    font-size: 16px;
    padding-right: 12px;
    /* line-height:0.9em; */
    color:#75286c;
}
.m_top_menu > li:first-child{
	border-top:none;
	border-top: solid 1px #75286c;
}
.m_top_menu > li:last-child{
	border-bottom:none;
	border-bottom: solid 1px #75286c;
}
.m_menu_li:hover, .m_menu_li > .current {
    background: #f1f1f1 !important;
    /* color: #fdfdfd !important; */
}
.m_menu_li:hover, .m_menu_li > .current a{
    /* color:#fdfdfd; */
    /* background: #75286c !important; */
}
@media (max-width : 991px) {
    .btn_right_menu {
		
		
		
	}
}
@media (max-width : 991px) {
    .btn_right_menu {
        display: inline-block;
        position:relative;
        margin-top: 15px;
        margin-right: 5px;
    }
}
/*//모바일 Right 사이드 메뉴*/

.wrap_nav_mt_top_menu > .nav_mt_top_menu {
    padding-left: 0px;
}
.mt_top_menu .mt_menu_li.current a {
	color:#75286c;
}
.mt_top_menu .mt_menu_li.current {
	border-bottom:solid 2px #75286c;
}
.wrap_mt_top_menu_sub li.current a {
	color:#75286c;
}
.wrap_mt_top_menu_sub li.current {
	border-bottom:solid 2px #75286c;
}
.wrap_mt_top_menu_sub {
    background-color:#f5f5f6;
}


.main_banner_video{
    line-height:0;
    background-color:#121212;
}
.ifrm_main_youtube{
    width:100%;
    height:650px;
}
@media (min-width: 992px) {
	.main_banner_video{
	    margin-top: 20px;
	}	
}



.bn_box{padding:30px 0;border-top:2px solid #202020;margin-top : 30px;}
.bn_box2 { border-top: 1px solid #ccc;}
.bn_box_last{}
.bn_box .img_wrap{position:relative;display:block;width:100%;height: 240px;overflow:hidden;}
.bn_box .img_wrap img{width:100%;/* min-height:178px; */height:auto;}
.bn_box .bn_title{display:block;color:#404040;font-weight:bold;/* letter-spacing:0 !important; *//* line-height: 25px; */}
.bn_box .bn_title:hover,
.bn_box .bn_title:focus,
.bn_box .bn_title:active{color:#d33e82; text-decoration:none}
.bn_box .bn_text{display:block; color:#808080;}
.bn_box .bn_text:hover,
.bn_box .bn_text:focus,
.bn_box .bn_text:active{color:#909090; text-decoration:none}

.btn_more{display:block; padding:4px; width:100px; border:1px solid #d33e82; color:#d33e82; font-weight:bold; text-align:center; text-decoration:none; margin-bottom : 15px; color:#d33e82 !important;}
.btn_more:hover,
.btn_more:focus,
.btn_more:active{
    color:#fff !important; 
    background : #d33e82;
    text-decoration:none; 
    transition-duration : 0.3s;
    -webkit-transition-duration : 0.3s;
    -moz-transition-duration : 0.3s;
    -ms-transition-duration : 0.3s;
    -o-transition-duration : 0.3s;
}


/*푸터*/
.wrap_home_footer{
	margin-top:30px;
}
.wrap_footer {border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0;}

.wrap_footer .terms_wrap{}
.wrap_footer .terms_wrap .ul_terms {display : inline-block;}
.wrap_footer .terms_wrap .ul_terms li{}
.wrap_footer .terms_wrap .ul_terms li a{display:inline-block; color:#606060; font-size:11px; line-height:50px; padding-right:5px;}
.wrap_footer .terms_wrap .ul_terms li a:hover,
.wrap_footer .terms_wrap .ul_terms li a:active,
.wrap_footer .terms_wrap .ul_terms li a:focus,
.wrap_footer .terms_wrap .ul_terms li a:visited{color:#404040; text-decoration:none;}

.wrap_footer .add_wrap address span{color:#606060; font-size:11px; line-height:50px;}
.wrap_footer .sns{text-align:right; }
.wrap_footer .sns a{line-height:50px; padding-left:5px;}

.foot_logo{/* padding:12px 0 10px; */text-align:center;margin-top: 32px;}
.foot_logo img{/* height:60px !important; */}

.copyright{
	/* padding:20px 15px; */
	color:#909090;font-size: 15px;/* line-height:16px; */
	margin-top:20px;
}
.copyright span{letter-spacing:0px !important}
@media (min-width:992px){
	.copyright{
		margin-left:15px;
	}
}
@media (max-width: 992px) {
    .quick_banner {
        margin-top : 20px;
        background : #dc659b;
    }
    .quick_banner2 {margin-top : 20px;}
    .img_wrap { height : auto !important;}
}


.previous {position : fixed; top : 50%; margin-top : -34px; left : 5%; z-index : 999;}
.next {position : fixed; top : 50%; margin-top : -34px; right : 5%;  z-index : 999;}

.quick_banner:hover {opacity : 0.7; transition-duration : 0.5s;}
.quick_banner2 img:hover {opacity : 0.7; transition-duration : 0.5s;}


.ul_main_aroniapowder li
, .ul_main_aroniajuice li{
	float:left;
	width: 50%;
	/* height: 250px; */
	/* overflow:hidden; */
}


.wrap_greeings_txt {
    width:70%;
    margin-left:auto;
    margin-right:auto;
}
@media (max-width:991px){
	.wrap_greeings_txt {
	    width:90%;
	}	
}
@media (max-width:767px){
	.wrap_greeings_txt {
	    width:auto;
	}	
}