@import "./../../../css/loadingbar.css";


/*Font: Poppins*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*Font: Chakra Petch*/
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

/*Font: Roboto*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/*Font: Pretendard*/
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
a:visited{color:#3A3A3A;}
a, a:visited, a:hover{text-decoration:none!important;}
.container{max-width:1120px!important; padding:0!important;}

/*scroll-to-top*/
html{overflow-y:scroll; word-break: keep-all;}
html .scroll-to-top.visible {
    right: 0;
    top: auto;
  
    bottom: 16px;

}
body{font-family:"Pretendard" , "Poppins"}
/* POPUP */
#hd_pop {
	z-index:1000;
	position:relative;
	margin:0 auto;
	height:0;
}
#hd_pop .hd_pops .hd_pops_con img{
	width: 100%;
}
#hd_pop h2 {
	position:absolute;
	font-size:0;
	line-height:0;
	overflow:hidden
}
.hd_pops {
	position:absolute;
	border: 0px;
	background:#fff
}
.hd_pops_con {
	overflow: hidden;
	margin:0 auto;
	height:0;
}
.hd_pops_footer {
	padding:8px 0;
	background:#393939;
	color:#fff;
	text-align:right;
	border-bottom: 0px;
	width: 100%;
	position: absolute;
	border-right: 1px solid rgba(238, 238, 238, 0.1);
}

.hd_pops_footer button {
	margin-right:5px;
	padding: 0px 7px;
	border:0;
	background:#282828;
	color:#fff;
	border-radius: 4px;
	font-size: 12px;
    font-weight: 300;
	margin: 3px 5px 3px 0px;
}


     /* 상세페이지 iframe css적용 */
     #sit_media .flex_around{display:flex; flex-wrap:wrap;}
    
     #sit_media .flex_around > div:nth-of-type(even){margin-left:5px;}
     #sit_media .Style_iframeSub{position:relative!important; text-align:initial; height:100%;text-align:initial;}
     #sit_media .Style_iframeSub>iframe{width:100%; }

     #sit_media .MarginOO{margin:0!important;}


    /* 메인 페이지 iframe */
    #msec6 .flex_around{display:flex; flex-wrap:wrap;}
    
    #msec6 .flex_around > div:nth-of-type(even){margin-left:5px;}
    #msec6 .Style_iframeSub{position:relative!important; text-align:initial; height:100%;text-align:initial;}
    #msec6 .Style_iframeSub>iframe{width:100%; }


@media (max-width:992px){
	#hd_pop .hd_pops{
		left: 0 !important;
		width: 80% !important;
	}
	#hd_pop .hd_pops .hd_pops_con{
		width: 100% !important;
		overflow: scroll;
        height: auto !important;
	}
	.hd_pops_footer button {
		font-size: 10px;
	}



    /* 메인페이지 iframe css적용 */
    #msec6 .flex_around > .Style_iframeSub>iframe{height:16vw;}
    #msec6 .Style_iframeSub>iframe{width:100%; height:53vw}

    /*상세페이지 */
    #sit_media .flex_around > .Style_iframeSub>iframe{height:16vw;}
    #sit_media .Style_iframeSub>iframe{width:100%; height:53vw}



}
@media (min-width:700px) {
    /* 상세 페이지*/
    #sit_media .flex_around > .Style_iframeSub{flex-shrink: 0; flex-grow: 1;}
    #sit_media .flex_around > .Style_iframeSub{flex-shrink: 0; flex-grow: 1;}

    /* 메인 페이지*/
    #msec6 .flex_around > .Style_iframeSub{flex-shrink: 0; flex-grow: 1;}   
    



}







/*body*/
.body {
    overflow: hidden;
}
.body, h1, h2, h3, h4, h5, h6, p {
	font-family: 'Pretendard', Arial, sans-serif !important;
 
}
html {
    font-size: 10px;
}
/*bt_wrp*/
#header {
    z-index: 9000;
}
#header .bt_wrp .bar_i {
    display: inline-block;
}
#header .bt_wrp .bar_i_bk {
    display: none;
}
#header .bt_wrp .bar_i_bk3 {
    position: relative;
    margin-top: 3px;
    padding: 12px 15px 9px 5px;
}
#header .bt_wrp .bar_i_bk3 span {
    position: absolute;
    right: 7px;
    top: 10px;
    z-index: 10;
    color: #fff;
    background-color: #f70000;
    display: block !important;
    width: 18px;
    line-height: 18px;
    font-size: 8px;
    font-weight: 700;
    border-radius: 50%;
}
#header .ch_wrp {
    position: relative;
    z-index: 1;
}
#header .ch_wrp a {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    line-height: 1em;
    padding: 0 5px;
	margin-right:5px;
    vertical-align: middle;
    font-weight: 400;
    position: relative;
}
#header .ch_wrp a:last-child{margin-right:0;}

#header .ch_wrp a img {
    padding-right:10px;
    vertical-align: middle;
}
#header .ch_wrp a .bk{
    display: none;
}
#header .ch_wrp a .w {
    display: inline-block;
}
#header.header-sub .ch_wrp a {
    color: #333;
}
#header.header-sub .ch_wrp a:before {
    background-color: #333;
}

@media (max-width:1200px){
   /* #header{position:fixed!important; width:100%!important;}*/
}

@media (min-width:1200px){
    #header .lo_wrp {
        width: 17%;
    }
	#header .mn_wrp {
        width: 60%;
    }
    #header .ch_wrp {
        width: 32%;
        padding-right: 30px;
    }
    #header .bt_wrp {
        width: 25%;
        text-align: right;
        padding-right: 30px;
    }
    html #header .header-nav-main nav > ul > li > a {
        padding: 25px 30px !important;
        font-size: 18px;
    }

    #new_drop .dm_con1.act{margin-left:5.5%;}
    #new_drop .dm_con2.act{margin-left:18.5%;}
    #new_drop .dm_con3.act{margin-left:33%;}
    #new_drop .dm_con4.act{margin-left:47%;}
    #new_drop .dm_con5.act{margin-left:61.5%;}
    #new_drop .dm_con6.act{margin-left:73.5%;}
}
/* 메인페이지 */

#msec6 .flex_around > .Style_iframeSub{width:552px; flex-shrink: 0; flex-grow: 1;}
#msec6 .flex_around > .Style_iframeSub>iframe{height:300px;}
#msec6 .Style_iframeSub>iframe{width:100%; height:440px}

 /* 상세페이지 iframe css적용 */
 #sit_media  .flex_around > .Style_iframeSub{width:552px; flex-shrink: 0; flex-grow: 1;}
 #sit_media .flex_around > .Style_iframeSub>iframe{height:300px;}
 #sit_media .Style_iframeSub>iframe{width:100%; height:440px}


.nav{justify-content: center; border: none;} /*소개-컨텐츠 gnb*/
@media (max-width:1200px){
    .quick_menu{display:none;}
    .nav{    
        display: block;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        border: none;}
	.nav li{width:12%}
}

/*데스크탑 gnb*/
@media (max-width:1700px) and (min-width:1201px){
    html #header .header-nav-main nav > ul > li > a {
        font-size: 15px;
    }
	html #header .header-nav-main nav > ul > li:first-of-type{width:120px;}
	html #header .header-nav-main nav > ul > li:nth-of-type(2){width:110px;}
	html #header .header-nav-main nav > ul > li > ul{padding-left:0; padding-right:0;}
    #header .bt_wrp {
        width: 18%;
    }
    #header .header-logo img {
        width: 150px;
    }


    #new_drop .dm_con1.act{margin-left:10%;}
    #new_drop .dm_con2.act{margin-left:19%;}
    #new_drop .dm_con3.act{margin-left:31.5%;}
    #new_drop .dm_con4.act{margin-left:41.5%;}
    #new_drop .dm_con5.act{margin-left:52.5%;}
    #new_drop .dm_con6.act{margin-left:62%;}
     /* 상세페이지 iframe css적용 */
    .flex_around > .Style_iframeSub{flex-shrink: 0; flex-grow: 1;}
    .flex_around > .Style_iframeSub>iframe{height:215px;}
    .Style_iframeSub>iframe{width:100%;  height:440px}
    /*fulldropdown0208*/
    .dropdown>li {float: left; width: 20%; line-height: 40px; }
    .dropdown span {font-size: 20px; font-weight: bold; }
                
    .dropdown-menu {position: absolute; top: 40px;
                    display: none; width: 24%;  
                    padding: 15px 0; 
                    border-bottom: none; 

                    border: none;}
    ul {z-index: 999;}  /* 메뉴 ul을 위로 올린다. */
    .none:after {content: ""; display: block; clear: both; }
    /*021023 메뉴 드랍다운*/ 
}
@media (max-width:1350px){
	html #header .header-nav-main nav > ul > li > a{padding:25px 20px !important;}
	#header .header-nav{margin-right:-100px;}
	#header .header-logo{padding-left:20px;}
    #header .mn_wrp{width:auto;}
    #header .ch_wrp{width:32%; padding-right:20px;}
}
@media (max-width:1200px) and (min-width:991px){
    #header .lo_wrp {
        width: 18%;
    }
	#header .header-nav{margin-right:0;}
    #header .mn_wrp {
        width: 64%;
    }
    #header .bt_wrp {
        width: 18%;
    }
    html #header .header-nav-main nav > ul > li > a {
        padding: 35px 7px !important;
        font-size: 14px;
    }
    #header .ch_wrp a {
        font-size: 11px;
        padding: 5px 5px;
    }
    #header .ch_wrp a:before {
        top: 9px;
    }
    #header .header-logo img {
        width: 120px;
    }
     /* 상세페이지 iframe css적용 */
     .flex_around > .Style_iframeSub{flex-shrink: 0; flex-grow: 1;}
     .flex_around > .Style_iframeSub>iframe{height:16vw;}
    .Style_iframeSub>iframe{width:100%; height:35vw}
}

/*font*/
.tra_ty {
	font-family: "Malgun Gothic";
}
.f_chak {
	font-family: 'Chakra Petch' !important;
    letter-spacing: 0px;
}

/*Common*/
img {
	max-width: 100%;
}
:focus {
    outline: -webkit-focus-ring-color auto 0;
}
@media (max-width:992px){
    .owl-carousel .owl-nav [class*="owl-"],
    .owl-carousel .owl-nav [class*="owl-"]:active, 
    .owl-carousel .owl-nav [class*="owl-"]:focus, 
    .owl-carousel .owl-nav [class*="owl-"]:hover, 
    .owl-carousel .owl-nav [class*="owl-"]:active:hover, 
    .owl-carousel .owl-nav [class*="owl-"]:active:focus {
        border: 1px solid #fff;
        border-radius: 0px;
        border-collapse: #fff;
        background-color: rgba(0,0,0,0.3);
        font-size: 12px;
        padding-top: 2px;
    }
}


@media (max-width: 1200px) {
    .container {
        width:88.78%!important;margin:0 auto;
    }
    .hidden-xs {
        display: none !important;
    }
    /* 상세페이지 iframe css적용 */
    #msec6 .flex_around > .Style_iframeSub{width:100%; flex-shrink: 0; flex-grow: 1;}
    .Style_iframeSub>iframe{width:100%; height:50vw!important;}
    .flex_around > .Style_iframeSub>iframe{height:26.5vw;}
    .Style_iframeSub>iframe{width:100%; height:53vw}
}
@media (max-width: 400px) {
    .container {
        width:88.78%!important;
        /* margin: inherit; /*기존auto;에서의 패딩값수정*/         
        margin: auto;
    }
     /* 상세페이지 iframe css적용 */
     .flex_around > .Style_iframeSub>iframe{height:26.5vw;}
    .Style_iframeSub>iframe{width:100%; height:53vw}
}

/*font*/
.f_rob {
	font-family: 'Roboto' !important;
}
.f_pop {
	font-family: 'Poppins' !important;
}
.tra_ty {
	font-family: "Malgun Gothic";
}

/*scroll-to-top*/
html .scroll-to-top.visible {
    right: 0;
    top: auto;
   
    bottom: 16px;
}

/*sticky*/
html.add-header #header.header-transparent .header-body,
html.sticky-header-active #header.header-transparent .header-body {
    padding-top: 0px;
}
html #header.header-transparent .header-body:before {
    background-color: #111;
    opacity: 0;
    border-bottom: 0px;
}

html #header .header-nav-main nav > ul > li > a {
    font-weight: 300;
    color: #333 !important;
    border-radius: 0px;
    letter-spacing: 0;
    text-transform: none;
    vertical-align: middle;
    position: relative;
}
html #header.header-transparent .header-nav-main nav > ul > li > a {
    color: #fff !important;
}


html.add-header #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a,
html.sticky-header-active #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    color: #333;
}


@media (min-width:1601px) {	
    html #header .header-nav-main nav > ul > li > a {
        padding: 25px 40px !important; /*fulldropdown*/
        font-size: 18px;
    }

    #new_drop .dm_con1.act{margin-left:5.5%;}
    #new_drop .dm_con2.act{margin-left:18.5%;}
    #new_drop .dm_con3.act{margin-left:33%;}
    #new_drop .dm_con4.act{margin-left:47%;}
    #new_drop .dm_con5.act{margin-left:61.5%;}
    #new_drop .dm_con6.act{margin-left:73.5%;}


}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
	font-size: 15px;
	color: #fff;
	border-color: #ff8400;
    word-break: keep-all;
}
html.add-header #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a,
html.sticky-header-active #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    color: #333;
}
html.add-header #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover,
html.sticky-header-active #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover {
    color: #2664ab;
	background-color: transparent;
} 

	
    
@media (max-width:1601px) {	
    html #header .bt_wrp a {
        width: auto;
        padding: 12px 12px 9px;
    }	
    html #header .bt_wrp a img {
        margin: 0;
    }
    html #header .header-nav-main nav > ul.act:after,
    html #header .header-nav-main nav > ul:after {
        content: "";
        position: absolute;
        /* width: 10000px; */
        top: 100%;
        background-color: rgba(255, 255, 255, 0.2);
        height: 0px;
        left: -600px;
        transform: translate3d(0, 0, 0);
        clear: none;
        display: block;
        border-top: 1px solid rgba(255,255,255,0.3);
    }
    html.add-header #header .header-nav-main.act  nav > ul:after,
    html.add-header #header .header-nav-main nav > ul:after,
    html.sticky-header-active #header .header-nav-main.act  nav > ul:after,
    html.sticky-header-active #header .header-nav-main nav > ul:after {
        background-color: rgba(255,255,255, 0.95);
        border-top: 1px solid rgba(0,0,0,0.3);
    }
}


/*
@media (min-width:1601px) {	
    html #header .header-nav-main nav > ul > li > a {
        padding: 25px 38.5px !important;
        font-size: 18px;
    }

    #new_drop .dm_con1.act{margin-left:5.5%;}
    #new_drop .dm_con2.act{margin-left:18.5%;}
    #new_drop .dm_con3.act{margin-left:33%;}
    #new_drop .dm_con4.act{margin-left:47%;}
    #new_drop .dm_con5.act{margin-left:61.5%;}
    #new_drop .dm_con6.act{margin-left:73.5%;}


}
@media (max-width:1601px) {	
    html #header .bt_wrp a {
        width: auto;
        padding: 12px 12px 9px;
    }	
    html #header .bt_wrp a img {
        margin: 0;
    }
    html #header .header-nav-main nav > ul.act:after,
    html #header .header-nav-main nav > ul:after {
        content: "";
        position: absolute;
        width: 10000px;
        top: 100%;
        background-color: rgba(255, 255, 255, 0.2);
        height: 0px;
        left: -600px;
        transform: translate3d(0, 0, 0);
        clear: none;
        display: block;
        border-top: 1px solid rgba(255,255,255,0.3);
    }
    html.add-header #header .header-nav-main.act  nav > ul:after,
    html.add-header #header .header-nav-main nav > ul:after,
    html.sticky-header-active #header .header-nav-main.act  nav > ul:after,
    html.sticky-header-active #header .header-nav-main nav > ul:after {
        background-color: rgba(255,255,255, 0.95);
        border-top: 1px solid rgba(0,0,0,0.3);
    }
}
*/
	

@media (max-width:1200px) {
    html #header .bt_wrp a {
        width: auto;
        padding: 12px 4px 9px;
    }
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
		font-size: 16px;
		padding: 2px 0px;
        color: #666;
	}
	html.add-header #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a,
	html.sticky-header-active #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
        color: #636363
	}

    #header .header-body .c_wrp {
        padding: 5px 15px;
    }
    #header .header-logo {
        padding: 0px !important;
        text-align: left;
    }
    #header.header-narrow .header-logo img {
        margin: 10px;
        width: 110px;
    }
	#header .header-nav-main {
		margin-bottom: 0px !important;
		padding: 0px !important;
		background-color: transparent !important;
	}
	#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu,
	#header .header-nav-main nav > ul > li.dropdown > .dropdown-menu {
		background-color: #fff;
	}
	#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu:before {
		display: none;
	}
	#header .header-nav-main nav > ul > li.open > a, 
	#header .header-nav-main nav > ul > li:hover > a {
    	color: #2664ab !important;
		border-color: #fff;
	}
    #header .header-nav-main nav > ul > li > a {
        line-height: inherit;
		color: #333 !important;
        padding: 7px 8px 3px 8px !important;
		font-size: 18px;
    }
    #header .header-nav-main nav > ul li a .fa-caret-down {
        width: 100%;
        text-align: right;
    }
	#header .header-nav-main nav > ul > li > .dropdown-menu > li {
		border: 0px;
	}
	#header .header-nav-main nav > ul > li > .dropdown-menu > li > a:hover {
		color: #2664ab !important;
	}
	#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu,
	#header .header-nav-main nav > ul > li.dropdown > .dropdown-menu {
		border-bottom: 0px;
	}
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        background-color: transparent !important;
    }
     

}

/*모바일드롭다운 옆으로나옴0206*/
@media (max-width:992px) {
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
		font-size: 16px;
		padding: 2px 0px;
        color: #666;
	}
	html.add-header #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a,
	html.sticky-header-active #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
        color: #636363
	}
     
} 
/*#header-t*/
#header .header-body .c_wrp {
    padding: 0;
    position: relative;
    z-index: 3;
    
}
#header .header-body .header-t {
    background-color: #070d21;
    position: relative;
    z-index: 10;
}
#header .header-body .header-t a {
    text-decoration: none;
    display: inline-block;
    padding: 8px;
    color: #fff;
    font-size: 12px;
}
#header .header-body .header-t a strong {
    color: #2664ab;
}
/*#  - Header*/
#header .header-body {
	padding-bottom: 0;
	border-top: 0px;
	border-bottom: 0px;
	padding: 0;
    box-shadow: 0 0 0 !important;
    border-bottom: 1px solid rgba(155,155,155,0) !important;
}
#header.header-sub .header-body {
    height:70px;
    width:100%;
    background:#E2E2E2; color:#3A3A3A;
    border-bottom: 1px solid #ddd !important;
    box-shadow: 0 0 0 !important;
}
html.add-header #header .header-body {
    border-bottom: 1px solid #ddd;
}
#header.bbt .header-body {
	border-bottom: 2px solid #e1e1e1;
}
#header .header-nav-main {
    margin: 0;
    float: none;
}
#header .header-nav-main nav > ul > li {
    position: relative;
    float: none;
    display: inline-block;
}
#header .header-nav-main nav > ul > li.act > a {
    color: #612683 !important;
	font-weight: 600;
	position: relative;
}
#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu,
#header .header-nav-main nav > ul > li.dropdown > .dropdown-menu {
	margin-top: 0px;
	margin-bottom: 10px;
    border: 0px;
    border-radius: 0px;
	background-color: transparent;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    white-space: pre; /*fulldropdown */
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover {
    color: #ff8400;
	background-color: transparent;
}

#header .header-nav-main nav > ul > li.open > a, 
#header .header-nav-main nav > ul > li:hover > a {
    color: #3A3A3A !important;
	background: transparent;
}

#header .header-nav-main nav > ul > li > a.dropdown-toggle:after,
#header .header-nav-main nav > ul > li.active > a.dropdown-toggle:after, 
html #header .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after {
	border: 0px;
}
/*#header.header-narrow .header-logo img {
    width: 100px;
}*/
@media (min-width:991px) and (max-width:1200px) {	
	#header .header-nav-main nav > ul > li > a {
		padding: 35px 25px !important;
        
	}
}
@media (min-width:1200px) {	
    .width25{width:25%!important;}
    html #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        /* display: none !important; */
        display: none;
        border: none;
    } /*한번에 다내려옴*/
    #header .header-nav-main nav > ul:hover:after {
        height: 250px;
        background-color: rgba(0 ,0, 0, 0.5);
        position: absolute;
        border: 1px solid;
        left: -10%;
        width: 120%;
        z-index: 1;
    }
    #header .header-nav-main nav > ul.act:after {
        height: 250px !important;
    }*/
    #header .header-nav-main nav > ul > li.act > a:before,
    #header .header-nav-main nav > ul > li:hover > a:before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        background: url(../img/h_arr_bg.png) center center no-repeat;
        height: 15px;
        width: 100%;
        z-index: 3;
    }
    #header .header-nav-main nav > ul > li.dropdown > .dropdown-menu {
        transform: translate3d(0, 0, 0) !important;
    }
    #header .header-nav-main nav > ul.act > li.dropdown > .dropdown-menu,
    #header .header-nav-main nav > ul:hover > li.dropdown > .dropdown-menu,
    #header .header-nav-main nav > ul > li.dropdown:hover  > .dropdown-menu {
        transform: translate3d(0, 0, 0) !important;
        top: auto;
        display: block;
        opacity: 1;
    }
	#header .header-nav-main nav > ul > li > a > i {
		font-size: 10px;
		vertical-align: middle;
		margin-top: -3px;
	}
	#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu,
	#header .header-nav-main nav > ul > li.dropdown > .dropdown-menu {
		border-top: 0px;
		min-width: 0px;
		box-shadow: 0 0 0;
		padding: 25px 5px;
		min-width: 100%;
	}
	/*#header .header-nav-main nav > ul > li.act > a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		background-color: #612683;
		bottom: -2px;
		left: 0;
	}*/
	#header .header-nav-main nav > ul > li.dropdown > .dropdown-menu li a {
        font-size: 15px;
        font-weight: 400;
        border-bottom: 0px;
        padding: 5px 0;
        line-height: 1.2em;
        text-align: center;
    }
}
@media (max-width:992px) {
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
		font-size: 16px;
		padding: 2px 0px;
        color: #666;
	}
	html.add-header #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a,
	html.sticky-header-active #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
        color: #636363
	}
} /*0207fulldropdown :ocllor.com*/
/*actbtn*/
#header .bt_wrp a {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    padding: 12px 5px 9px;
    line-height: 1em;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border-radius: 80px;
    vertical-align: middle;
}
#header .bt_wrp .actbtn {
    background-color: #009900;
}
#header .bt_wrp a img {
    width: 27px;
    vertical-align: middle;
    margin-right: 3px;
    margin-bottom: 0;
}
@media (min-width:1201px){
    #header .bt_wrp .actbtn {
        background-color: #009900;
        width: 140px;
    }
}
/*#  - HeaderTop mobile*/
#header .header-btn-collapse-nav {
    float: none;
	margin: 15px 0;
	background-color: transparent;
	color: #111;
	padding: 4px 8px !important;
	line-height: 22px !important;
	font-size: 26px !important;
    display: inline-block;
}
#header.header-transparent .header-btn-collapse-nav {
	color: #fff;
}
html #header:hover .header-btn-collapse-nav,
html #header:hover .header-btn-collapse-nav,
html.add-header #header .header-btn-collapse-nav,
html.sticky-header-active #header .header-btn-collapse-nav {
    color: #111;
}
@media (max-width:1200px){
    #header.header-sub .header-body {
        height:50px;}
    #header .bt_wrp a {
        padding: 12px 3px 9px;
    }
    /*mmenu btn*/
.mmenu-toggle-btn {
    display: block!important;
    height: auto;
    text-align: center;
    padding: 6px 12px;
    float: right;
    font-size: 18px;
    line-height: 20px;
    min-width: 25px;
    vertical-align: middle;
    background-color: transparent;
    color: #333;
}
}


@media (max-width:992px){
    html #header .bt_wrp img {
        margin-bottom: 5px !important;
    }
}
/*new_drop*/
#new_drop {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    /*background-color: #fcfcfc;*/
}
#header:focus #new_drop,
#header:active #new_drop,
#header:hover #new_drop {
   border-top: 1px solid #ddd; box-sizing:border-box;
}
#header.header-sub #new_drop {
    border-top-width: 0px !important;
}
html.sticky-header-active #header.header-sub #new_drop {
    border-top-width: 1px !important;
}
#new_drop .container {
    max-width: 1340px;
}
#new_drop .dm_con {
    padding: 15px 0;
    position: relative;
   
    display: none;
    min-height: 150px;
}


#new_drop .dm_con.act {
  
    display: block;
    
}
#new_drop .dm_con.act {
    width:20%;
    display: block;
    background-color: #fcfcfc;
}

#new_drop .drop_ul{width:88%; margin:0 auto;}






#new_drop .dm_con .lt {
    padding-top: 40px;
    position: absolute;
    left: 0;
    top: 0;
    width: 280px;
    height: 100%;
}
#new_drop .dm_con .lt p {
    font-size: 15px;
    line-height: 1.6em;
    font-weight: 300;
    color: #333;
    font-weight: 1.5em;
    margin-top: 10px;
}
#new_drop .dm_con .lt .icon {
    margin-top: 15px;
}
#new_drop .dm_con .rt > ul > li {
    margin-bottom: 10px;
}
#new_drop .dm_con .rt h5 a {
    display: block;
   
    line-height: 1em;
    padding: 8px;
    text-decoration: none;
    color: #333;
    font-weight: 400;
    font-size: 18px;
    position: relative;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#new_drop .dm_con .rt h5 a:hover {
    color: #d42324;
  
}
/*
#new_drop .dm_con .rt h5 a:after {
    content: "";
    position: absolute;
    right: 20px;
    height: 100%;
    top: 0;
    width: 7px;
    background: url(../img/dm_arr.png) right center no-repeat;
    background-size:100%;
}
#new_drop .dm_con .rt h5 a:hover:after {
    background: url(../img/dm_arr_rd.png) right center no-repeat;
}
*/
#new_drop .dm_con .rt .dm {
    margin-top: 10px;
}
#new_drop .dm_con .rt .dm li a {
    display: block;
    text-decoration: none;
    font-size: 15px;
    color: #333;
    font-weight: 400;
    padding: 3px 0;
}
#new_drop .dm_con .rt .dm li:hover a {
    color: #d42324;
}
@media (max-width:1600px) {
    #new_drop .dm_con .rt h5 a {
        font-size: 14px;
    }
    #new_drop .dm_con .rt .dm li a {
        font-size: 13px;
    }
}
@media (max-width:992px) {
    #new_drop {
        display: none !important;
    }
}
/*mn_header*/
.mn_header {
	background-color: #f2f2f2;
}
.mn_header .logobox {
	padding: 25px 0;
}
.mn_header .logobox a {
	text-decoration: none;
	display: block;
}
.mn_header .h_nav {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.mn_header .h_nav a {
	text-decoration: none;
	display: block;
	padding: 15px 0;
	color: #333;
	font-family: 'Libre Baskerville';
}

@media (max-width:992px){
	.mn_header .logobox {
		padding: 20px 0;
		text-align: left;
	}
	.mn_header .logobox a img {
		width: 120px;
	}
}


@media (min-width: 1200px) {
	.mmenu-toggle-btn {
		display: none;
	}
}
/*Mobile Navigation*/
.mobile-nav {
	display: block !important;
	position: fixed;
	top: 0;
	right:-85%;
	z-index: 10999;
	width: 84.112%;
	height: 100%;
	overflow-y: scroll;
	padding: 40px 7% 40px 7%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background-color: #fff;
}

.mobile-side-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.mobile-side-menu .header-logo{text-align:center;}
.mobile-side-menu .header-logo img {
    width: 120px;
	margin-left:-25px;
}
.mobile-side-menu > .mmenu-toggle-btn {
    position: absolute;
    right: 0;
    top: 5px;
    padding: 0px;
    display: inline-block;
    width: 13px;
    height: 13px;
    color: #ccc;
    cursor: pointer;
    background: url(../img/cls.png) center center no-repeat;
    background-size: 13px;
}
.mobile-side-menu #mainNav > li {
    border-bottom: 1px solid #C4C4C4;
    margin-left: 0px !important;
}
.mobile-side-menu > li > a {
	text-transform: uppercase;
}
.mobile-side-menu li {
	display: block;
	position: relative;
	width: 100%;
}
.mobile-side-menu li:after {
	content: '';
	display: table;
	clear: both;
}
.mobile-side-menu #mainNav {
	margin-top: 30px;
}
.mobile-side-menu li a {
	display: block;
	font-size: 15px;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	font-weight: 500;
	background-color: transparent;
	color: #333;
	border: 0px;
	padding: 1px;
	white-space: normal;
    word-break: keep-all;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-decoration: none !important;
}
.mobile-side-menu li a:after {
	content: '';
	display: table;
	clear: both;
}
.mobile-side-menu li ul {
	display: none;
	padding: 0;
	margin: 0;
	list-style: none;
}
.mobile-side-menu .nav .open>a, 
.mobile-side-menu .nav .open>a:focus, 
.mobile-side-menu .nav .open>a:hover{
    background-color: transparent;
}
.mobile-side-menu li li a {
	margin-left: 10px;
	font-size: 15px;
}
.mobile-side-menu li li a:before {
	font: normal normal 16px/16px "FontAwesome";
	text-decoration: inherit;
	content: "\f105";
	-webkit-font-smoothing: antialiased;
	float: left;
	margin-right: 10px;
}
.mobile-side-menu li li li a {
	margin-left: 20px;
}
.mobile-side-menu li .mmenu-toggle {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	color: #636363;
	background-color: transparent;
	cursor: pointer;
	font-size: 0;
	width: 40px;
	height: 40px;
    z-index: 100;
	margin-top: 1px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.mobile-side-menu li .mmenu-toggle:after {
	content: "\f196";
	font-family: 'FontAwesome';
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: pointer;
	width: 19px;
	height: 19px;
	font-size: 19px;
	line-height: 19px;
	display: block;
	position: absolute;
	left: 10px;
	top: 11px;
}
.mobile-side-menu li.open > .mmenu-toggle:after {
	content: "\f147";
}


.mobile-side-menu .dropdown-menu {
    border: 0px;
    box-shadow: 0 0 0;
    position: relative;
    min-width: 100%;
}
.mobile-side-menu  .dropdown-menu a {
    font-size: 13px;
}
.mobile-side-menu .log_nav {
	position: relative;
	margin-top: 15px;
	padding-top: 15px;
}
.mobile-side-menu .log_nav li a {
	font-size: 16px;
    color: #989898;
    font-weight: 400;
}


#mobile-menu-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 10998;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.mmenu-open #mobile-menu-overlay {
	opacity: .15;
	visibility: visible;
}

.mmenu-open.body {
	right: 250px;
}
.mmenu-open #mobile-menu-overlay {
	opacity: 0.3;
	visibility: visible;
}
.mmenu-open .mobile-nav {
	right:0;
}
/*오른쪽서브메뉴생성*/

/*f_wrp*/
.mobile-side-menu .row {
    margin: 0 -5px;
}
.mobile-side-menu .row > div{
    padding: 0 5px;
}
.mobile-side-menu .f_wrp {
    margin-top: 20px;
}
.mobile-side-menu .f_wrp a {
    text-decoration: none;
    color: #333;
    display: inline-block;
    padding: 12px 10px 9px;
    line-height: 1em;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    vertical-align: middle;
    border: 2px solid #333;
}
.mobile-side-menu .f_wrp .actbtn {
    border-color: #009900;
    background-color: #009900;
    color: #fff;
}
.mobile-side-menu .f_wrp a img {
    width: 15px;
    vertical-align: middle;
    margin-right: 3px;
    margin-bottom: 0;
}
nav ul li a{color:#3A3A3A; font-size:1.8rem; }
.ML_mobile{width:100%; border-bottom:1px solid #C4C4C4; padding:20px 10px 20px 4px; display:flex; justify-content: space-between; padding-left: 36px;}
.ML_mobile li:nth-child(2){margin-left:5%;}
.ML_mobile li a{font-size:1.6rem;}
.ML_mobile li a img{margin-right:8px; vertical-align:-3.5px;}
.nav>li>a{padding:15px;}


/* 모바일 메뉴 하단 푸터  */
.mobile_Mfooter{margin-top:65vw;}
.mMfooter_wrap{padding:0; }
.mMfooter_wrap li{font-size:1rem; line-height:1.6rem;}




/*푸터 sns*/

.sns_button{display:flex;margin-top: 20px;margin-bottom: 10px;}
.sns_button p:nth-child(2){margin:0 17px;}




/*lines_bar*/
.h_nav a {
    display: block;
    width: 92px;
    text-align: center;
    margin-left: auto;
}
.h_nav a > span {
    text-align: left;
    display: inline-block;
}

html #header.header-transparent .lines_bar {
    display: inline-block;
    width: 12px;
    height: 3px;
    transition: 0.3s;
    position: relative;
    top: -2px;
    right:0;
    background-color: #fff;
    border-radius:50px;
}
html #header.header-transparent .lines_bar:before,
html #header.header-transparent .lines_bar:after {
    display: inline-block;
    width: 20px;
    height: 3px;
    transition: 0.3s;
    position: absolute;
    background-color: #fff;
    border-radius:50px;
    right: 0;
    content: '';
    -webkit-transform-origin: 0.26rem center;
    transform-origin: 0.26rem center;
}


.lines_bar:before {
    top: 9px;
}
.lines_bar:after {
    top: -9px;
}
.lines_bar.darkmd,
.lines_bar.darkmd:before,
.lines_bar.darkmd:after {
    background-color: #333;
}

.lines_bar {
    display: inline-block;
    width: 12px;
    height: 3px;
    transition: 0.3s;
    position: relative;
    top: -2px;
    right:0;
    background-color: #3a3a3a;
    border-radius:50px;
}
.lines_bar:before,
.lines_bar:after {
    display: inline-block;
    width: 20px;
    height: 3px;
    transition: 0.3s;
    position: absolute;
    background-color: #3a3a3a;
    border-radius:50px;
    right: 0;
    content: '';
    -webkit-transform-origin: 0.26rem center;
    transform-origin: 0.26rem center;
}
.lines_bar:before {
    top: 9px;
}
.lines_bar:after {
    top: -9px;
}
.lines_bar.darkmd,
.lines_bar.darkmd:before,
.lines_bar.darkmd:after {
    background-color: #333;
}
.mmenu-open .lines_bar {
    background-color: transparent !important;
}
.mmenu-open .lines_bar:before,
.mmenu-open .lines_bar:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 30px;
}
.mmenu-open .lines_bar:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}
.mmenu-open .lines_bar:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

/*header-logo*/
#header .header-logo {
    padding-left: 30px;
}

#header .header-logo img{width:93%;}
/*conbox*/
.conbox {
    margin-top: 30px;
}

.conbox.conbox_mini {
    margin-top: 40px;
}
@media (max-width:992px){
    .conbox {
        margin-top: 20px;
    }
	.conbox.conbox_mini {
		margin-top: 15px;
        display: table; /**/
	}
}
/*sec_dvd*/

.sec_dvd.sec_dvd_lg {
    padding: 200px 0;
}

.sec_dvd.sec_dvd_xs {
    padding: 50px 0;
}

.ocollor_main_ex{width:100%; display:flex;margin:0 auto; background:#DFDAD4; position:relative;} 
.ocollor_main_media{width:100%; display:flex;margin:0 auto; background:#D8CDBF; position:relative; } 

#msec2 .ocollor_main_ex .main_bd_tit{height:34.89vw; margin:0 auto; position:relative; padding:4.5vw 0; left:6.5%;z-index:100}
#msec2 .main_dft_p2{width:31vw;}

#msec3 .ocollor_main_ex .main_bd_tit{height:34.89vw; position:relative;padding:4.5vw 0; z-index:100; left:3.64vw;}



.ocollor_main_ex .main_bd_tit h4{font-family: 'Poppins'!important; 
    margin-bottom:3.22vw!important; font-weight:700}
.ocollor_main_ex .main_bd_tit a{font-family: 'Pretendard'!important; }

#msec4 .ocollor_main_ex .main_bd_tit{margin:0 auto; position:relative; padding-top:85px; left:6.5%;z-index:100}
#msec4 .container .main_bd_tit h4{font-family: 'Poppins'!important; margin-bottom:60px!important; font-weight:300;}
#msec4 .container .main_bd_tit h4 span{font-weight:700;}
#msec4 .container .main_bd_tit h4 a{font-family: 'Pretendard'!important;}


#msec6 .ocollor_main_media{padding:95px 0 154px;}
#msec6 .ocollor_main_media h4{font-family: 'Poppins'!important; margin-bottom:60px!important; font-weight:300;}
#msec6 .ocollor_main_media h4 span{font-weight:700;}
#msec6 .ocollor_main_media h4 {font-family: 'Pretendard'!important;}



#msec3 .ocollor_main_ex{width:100%; display:flex;margin:0 auto; background:#F1F1F1; position:relative;} 

.ocollor_main_ex .main_bd_tit .container{width:1120px; margin:0 auto;}


.main_dft_p1{font-size:1.45vw;line-height:1.66vw; color:#000; font-weight:600; letter-spacing:0;}

.main_dft_p2{ font-size:.86vw; color:#4A4846;line-height:1.19vw;}


#msec2.main4{padding:0;}

#msec3 .main_dft_p2{width:39vw;}

#msec4 .main_dft_p2{width:31vw;}







.main_backRight{ width:42.29vw; height:34.89vw; background:url(../img/ocollor_main2.jpg);
background-size:cover!important; position:relative;z-index:10 }
.main_backLeft{ width:42.29vw; height:34.89vw; background:url(../img/ocollor_main3.jpg);
    background-size:cover!important; position:relative;z-index:10 }

    .main4_backRight{ width:42.29vw; height:34.89vw; background:url(../img/ocollor_main4.jpg);
        background-size:cover!important; position:relative;z-index:10 }

@media (max-width:992px){
    .sec_dvd {
        padding: 60px 0;
    }
    .sec_dvd.sec_dvd_lg {
        padding: 90px 0;
    }
    .sec_dvd.sec_dvd_mini {
        padding: 0;
    }
    .sec_dvd.sec_dvd_xs {
        padding: 20px 0;
    }
}

/*c_wrp*/
.v_m > li,
.v_m > div {
    vertical-align: middle;
}
.v_t > li,
.v_t > div {
    vertical-align: top;
}
@media (min-width:1200px) {
    .c_wrp {
        display: table;
        width: 100%;
        height: 100%;
    }
    .c_wrp.t_fx {
        table-layout: fixed;
    }
    .c_wrp > li,
    .c_wrp > div {
        text-align:center;
        display: table-cell;
    }
    .text_lft .lft{text-align:left!important;}
    
}
.c_wrp.t_fx .sec_dvd{padding:100px 0;}




/*m_wrp 설명 동그라미 */
@media (max-width:1200px) {
    .m_wrp {
        display: table;
        width: 100%;
        height: 100%;
    }
    .m_wrp.t_fx {
        table-layout: fixed;
    }
    .m_wrp > li,
    .m_wrp > div {
        display: table-cell;
    }
    .ocollor_main_ex {
        display:block;
        width: 100%;
        margin: 0 auto;
        background: #DFDAD4;
        position: relative;
    }

    #msec2 .ocollor_main_ex .main_bd_tit{width:88.78%; height:auto;
         margin:0 auto; position:relative;left:0;  padding-top:45px; z-index:100}
    .main_backRight{width:100%;  max-width:100%; height:61.68vw;}
    #msec2 .ocollor_main_ex{padding-bottom:60px;}

    #msec2 .main_dft_p2{width:100%;}
    #msec2.main4{padding:0;}
    
    #msec3 .main_dft_p2{width:100%;}
    
    #msec4 .main_dft_p2{width:100%;}
    

    #msec4 .ocollor_main_ex .main_bd_tit{width:88.78%; height: auto;
        margin:0 auto; position:relative; padding-top:23px; left:0;z-index:100}
  
    .main4_backRight {
       max-width: 100%;
        width: 100%;
        height: 264px;;

    }
    
    .sev_ex .rt .round_box > div .ex_eye{background-position:center 1vh!important;}
    .sev_ex .rt .round_box > div .ex_skin,.sev_ex .rt .round_box > div .ex_hair{background-position: center top!important;}
    
    #msec6 .ocollor_main_media{padding:20px 0 60px;}
    #msec6 .ocollor_main_media h4{margin-bottom:20px!important;}
    #msec6 .ocollor_main_media h4 span{font-weight:700;}
   
    
    
    #msec4 .ocollor_main_ex{padding-bottom:60px;}
    #msec3 .ocollor_main_ex{width:100%; display:block; background:#F1F1F1; position:relative;padding-bottom:60px; } 
    #msec3 .ocollor_main_ex .main_bd_tit{width:88.78%; height:auto;
        margin:0 auto; position:relative; padding-top:16px; z-index:100; left:0;}
    
    .ocollor_main_ex .main_bd_tit h4{margin-bottom:20px!important;}
    
    .main_dft_p1{font-size:2.2rem; margin-top:30px;line-height:2.8rem;
         color:#000; font-weight:600; letter-spacing:0;}
    
    .main_dft_p2{ font-size:1.6rem; color:#4A4846;line-height:2rem;}
    
   
    #msec2.main4{padding:0;}
    
    .sev_ex{max-width:100%;}


    .main_backLeft {
        width: 100%;
        height: 264px;
    }
    .c_wrp.t_fx .sec_dvd{padding:9vw 0;}
}



/*dft*/
.dft {
    word-break: keep-all;
}
h1.dft {
    font-size: 45px;
    color: #3A3A3A;
    font-weight: 600;
    line-height: 2em;
    text-transform: none;
    margin-bottom: 20px;
}
h2.dft {
    font-size: 35px;
    color: #221814;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: none;
}
h3.dft {
    font-size: 28px;
    color: #221814;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: none;
}
h4.dft {
    font-size: 24px;
    color: #221814;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: none;
}

h4.dft2 {
    font-size: 24px;
    color: #221814;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: none;
}

h5.dft {
    font-size: 20px;
    color: #221814;
    font-weight: 300;
    line-height: 1.4em;
    text-transform: none;
}
h6.dft {
    font-size: 15px;
    color: #1e1e1e;
    font-weight: 400;
    line-height: 1.4em;
    text-transform: none;
}
p.dft {
    font-size: 17px;
    line-height: 1em; /*022최진규이사 수정사항*/
    color: #221814;
    font-weight: 400;
}
.conp {
    margin-top: 1rem;
} /*모바일 메인인터페이스 모드*/
@media (max-width:992px){
    h1.dft {
        font-size: 28px;
    }
    h2.dft {
        font-size: 22px;
    }
    h3.dft {
        font-size: 20px;
    }
    h4.dft {
        font-size: 18px;
    }
    h5.dft {
        font-size: 13px;
    }    
    h6.dft {
        font-size: 14px;
    }
    p.dft {
        font-size: 13px;
    }
    img.plus {
		width:100px;
	}   /*더보기 플러스버튼 크기 022123*/
}

/*row*/
@media (max-width:1200px){
    .desktop{display:none!important;}
    .row {
        margin: 0 -5px;
    }
    .row > li,
    .row > div {
        padding: 0 5px;
        display: contents;
        margin: 0 auto;
    }
}
/*useage_lnk*/
.useage_lnk span {
    display: inline-block;
    border-bottom: 1px solid #333;
    cursor: pointer;
    margin-bottom: 15px;
}
/*usage_m*/
#usage_m {
    padding-right: 0px !important;
}
#usage_m .modal-dialog {
    margin: 0px !important;
    width: 100%;
}
#usage_m .modal-dialog .modal-content .hv {
    height: 100vh;
}
#usage_m .modal-dialog .modal-content {
    border: 0px;
    border-radius: 0;
}
#usage_m .modal-dialog .modal-content .modal-header {
    border: 0px;
    background-color: transparent;
    border-color: transparent;
    position: absolute;
    width: 100%;
    z-index: 100;
}
#usage_m .modal-dialog .modal-content .modal-header .close {
    margin-top: -2px;
    background-color: #333;
    color: #fff;
    text-shadow: 0 1px 0 #333 !important;
    padding: 5px;
    opacity: 1;
}
/*color*/
.c_rd {
    color: #eb2123 !important;
}
.c_lrd {
    color: #e82828 !important;
}
.c_org {
    color: #ff8400 !important;
}
.c_yl {
    color: #ffe400 !important;
}
.c_pk {
    color: #f70000 !important;
}
.c_sky {
    color: #019915 !important;
}
.c_gray {
    color: #999 !important;
}
.c_dgray {
    color: #666 !important;
}
.c_mgray {
    color: #8c8c8c !important;
}
/*mt_lg*/
.mt_lg {
    margin-top: 20px;
}
@media (max-width:1200px){
    .mt_lg {
        margin-top: 7px;
    }
}
/*mtit*/
.mtit h5 {
    margin-top: 10px;
}
.mtit h2 {
    margin-top: 15px;
}
/*f_top*/
.f_top {
    background-color: #000;
    padding: 10px 0;
    border-bottom: 1px solid #333;
}
.f_top {
    font-size: 15px;
    color: rgba(255,255,255,0.5);
    font-weight: 600;
    line-height: 1em;
}
.f_top .lft span {
    display: inline-block;
    cursor: pointer;
    padding: 15px 0;
    vertical-align: middle;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.f_top .lft span:hover{
    color: rgba(255,255,255,9);
}
.f_top .lft strong {
    margin: 0 10px;
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 50%;
    vertical-align: middle;
}
.f_top .rt {
    text-align: right;
}
.f_top .rt a {
    text-decoration: none;
    display: inline-block;
    padding: 0 10px;
}
.f_top .rt a img {
    width: 28px;
    opacity: 0.5;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.f_top .rt a:hover img {
    opacity: 1;
}
@media (max-width:1200px){
    .f_top {
        font-size: 11px;
    }
    .f_top .lft strong {
        width: 2px;
        height: 2px;
        margin: 0 3px;
    }
    .f_top .rt a img {
        width: 18px;
    }
}

.foot_list{
    background-color: #3A3A3A;
    padding-top:82px; 
}


/*foot_top*/
.foot_top {
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    background-color: #3A3A3A;
    padding: 15px 0;
}
.foot_top .lft span,
.foot_top .lft a {
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
}
.foot_top .lft span {
    color: #C4C4C4;
}
.foot_top .lft strong {
    display: inline-block;
    height: 10px;
    width: 1px;
    background-color: #ccc;
    margin: 0 3px;
}
.foot_top .rt {
    text-align: right;
}
.foot_top .rt strong {
    display: inline-block;
    height: 3px;
    width: 3px;
    background-color: #C4C4C4;
    margin: 6px 3px;
    border-radius: 50%;
    vertical-align: middle;
}
.foot_top .rt a {
    font-weight: 400;
    color: #C4C4C4!important;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
}
@media (max-width:1200px){
    .foot_top {
        padding: 8px 0;
    }
    .foot_top .lft {
        text-align: center;
    }
    .foot_top .lft span,
    .foot_top .lft a,
    .foot_top .rt a {
        font-size: 11px;
    }
}
/*footer*/
#footer h5{margin-bottom:30px!important;}
#footer {
    margin-top: 0px;
    background-color: #3A3A3A;
    border-top: 0px;
    padding: 40px 0 !important;
}
#footer p {
    font-size: 14px;
    line-height: 1.8em;
    font-weight: 300;
    color: #C4C4C4;

}
#footer .sns_wrp {
    text-align: right;
}
#footer .sns_wrp a {
    display: inline-block;
    margin-left: 10px;
}


.foot_list_content table{width:100%;}
.foot_list_content table tr td{color:#C4C4C4; font-size:1.6rem;padding-bottom:15px;}
.foot_list_content table tr td:nth-child(1){width:380px; 
    white-space: nowrap;overflow:hidden;display:inline-block;
text-overflow: ellipsis;}
.foot_list_content table tr td:nth-child(2){text-align:right;}


.foot_more_list{display:flex; }
.foot_more_list p{word-break: keep-all;}
.foot_more_list>div{ margin-bottom:66px;}

.notice_list{width:476px;}
.service_list{width:220px;margin:0 58px;}
.store_list{width:274px;}



.side_title{display:flex; justify-content: space-between; align-items:center; margin-bottom:20px;}
.side_title h2{color:#FFFFFF;font-size:2.4rem; margin:0;}
.side_title a{color:#C4C4C4;font-size:1.6rem}
.side_title a:hover{color:#C4C4C4;}

.ch_info{width:220px; height:50px; background:#FFD500; border-radius:15px; padding-left:41px;
line-height: 50px; margin-bottom:10px;}
.ch_info a{color:#0E0F0F; font-size:1.8rem; font-weight:bold; display:inline-block; position:relative;
    }
.ch_info a:hover{color:#0E0F0F;}    
    .ch_info>span{width:35px; height:37px; 
       }

.ch_info_phone h3{font-size:1.5rem; margin:0; color:#C4C4C4; line-height:3.8rem;}
.ch_info_phone > p{font-size:3.8rem; color:#C4C4C4}



.store_content h3{margin:0; display:inline-block; color:#C4C4C4; font-size:2rem; font-weight:bold;}
.store_content>span{margin-right:10px;}
.store_content>p{margin:5px 0 14px 32px;color:#C4C4C4; font-weight:bold;}
@media (max-width:1200px){

    #footer {
       
        padding: 30px 0 31.59vw!important;
    }
    #footer > .container > ul > li {
        width: 100%;
    }
    #footer p {
        font-size: 11px;
    }
    #footer .sns_wrp {
        text-align: center;
        margin-top: 15px;
    }
    #footer .sns_wrp a {
        width: 20px;
        margin: 0px 3px;
    }
    
    .ch_info.mobile{width:100%; height:50px; padding-left:28%; margin-bottom:30px;} /*모바일카톡하단*/
    .ch_info.mobile span img{display:inline-bloock; margin-right:10px;}
    .ch_info.mobile a{display:inline-block; color:#3A3A3A!important;}
    .footer_minfo{color:#C4C4C4; list-style-type: disc; padding-left:20px;}
   
    .footer_minfo li:last-child{list-style:none;}

    .sub_mobile_menu{border-top:1px solid #C4C4C4;}
    .sub_mobile_menu ul{padding:30px 20px 50px 20px;list-style-type: disc;}
    .sub_mobile_menu ul li:nth-child(odd){width:50%;float:left;}
    .sub_mobile_menu ul li:nth-child(even){width:50%; float:right;}
    .sub_mobile_menu ul li a, .sub_mobile_menu ul li span {color:#C4C4C4!important;}


}

/*modal*/
.privacy .modal-dialog {
    margin: 0;
    display: table;
    width: 100%;
    height: 100%;
}
.privacy .modal-dialog > div {
    display: table-cell;
    vertical-align: middle;
}
.privacy .modal-dialog > div .modal-content {
    max-width: 600px;
    margin: 0 auto;
}
.privacy h4 {
    color: #222;
    font-size: 18px;
    line-height: 1em;
    font-weight: 600;
    text-transform: uppercase;
}
.privacy #privacy {
    height: 50vh;
    overflow-y: scroll;
}
@media (max-width:1200px){
    .privacy h4 {
        font-size: 13px;
    }
    .privacy .modal-dialog > div .modal-content {
        max-width: 90%;
    }
}

/*nw_slider*/
#nw_slider {
    position: relative;
}
/*
#nw_slider .scr {
    position: absolute;
    right: 0;
    width: 90px;
    bottom: 40px;
    text-align: center;
    z-index: 20;
    
    -webkit-animation: arr 0.9s linear infinite;
    -moz-animation: arr 0.9s linear infinite;
    -ms-animation: arr 0.9s linear infinite;
    -o-animation: arr 0.9s linear infinite;
    animation: arr 0.9s linear infinite;
}*/
@keyframes arr {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
        transform: translateY(0px);
	}
	70% {
		-webkit-transform: translateY(8px);
		-moz-transform: translateY(8px);
		-ms-transform: translateY(8px);
		-o-transform: translateY(8px);
        transform: translateY(8px);
	}
	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
        transform: translateY(0px);
	}  
}
#nw_slider h1 {
    line-height: 1em;
    color: #fff;
    font-weight: 700;
    font-size: 65px;
}
#nw_slider h5 {
    font-weight: 300;
    margin-top: 20px;
    line-height: 1.8em;
}
#nw_slider .ms_scr {
    position: absolute;
    bottom: 15%;
    width: 100%;
    left: 0;
    z-index: 10;
    
    -webkit-animation: arr 0.9s linear infinite;
    -moz-animation: arr 0.9s linear infinite;
    -ms-animation: arr 0.9s linear infinite;
    -o-animation: arr 0.9s linear infinite;
    animation: arr 0.9s linear infinite;
}
@keyframes arr {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
        transform: translateY(0px);
	}
	70% {
		-webkit-transform: translateY(8px);
		-moz-transform: translateY(8px);
		-ms-transform: translateY(8px);
		-o-transform: translateY(8px);
        transform: translateY(8px);
	}
	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
        transform: translateY(0px);
	}  
}
.swiper-container.mslider {
    width:100%; 
    height:100%;
}
.swiper-container.mslider .swiper-slide {
    height:550px;
}
.swiper-container.mslider .swiper-slide .bg {
    height:550px; 
    background-position:center; 
    background-size:cover;
}

.swiper-container.mslider .swiper-slide.slide_1 .bg {
    background-image:url(../img/main_slide1.jpg);
}
.swiper-container.mslider .swiper-slide.slide_2 .bg {
    background-image:url(../img/main_slide2.jpg);
}
.swiper-container.mslider .swiper-slide.slide_3 .bg {
    background-image:url(../img/main_slide3.jpg);
}

.swiper-container.mslider .swiper-slide .txtbox {
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%;
}
.swiper-container.mslider .swiper-slide .btn_wrp {
    margin-top: 40px;
}
.swiper-container.mslider .swiper-slide .btn_wrp a {
    font-size: 14px; 
    display: inline-block; 
    border: 3px solid #3a55ca; 
    padding: 15px 50px; 
    color: #fff; 
    font-weight: 700; 
    text-align: center; 
    text-decoration: none;
    margin: 5px;
    border-radius: 150px;
}
.swiper-container.mslider div.swiper-button-next,
.swiper-container.mslider div.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 55px;
    height: 130px;
    margin-top: calc(-1 * 100 / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: url(../img/owl-prev.png) center center no-repeat;
}
.swiper-container.mslider .swiper-button-prev {
    left: 0;
}
.swiper-container.mslider .swiper-button-next {
    transform: rotate(180deg);
    right: 0;
}
.swiper-container.mslider .swiper-button-prev:after, 
.swiper-container.mslider .swiper-button-next:after {
    content: "";
}
.swiper-container.mslider .swiper-pagination-wrp {
    position: absolute;
    left: 0;
    bottom: 25%;
    width: 100%;
}
.swiper-container.mslider div.swiper-pagination {
    display: block;
    position: relative;
   top:100px; left:20%;
    text-align: right;
}
.swiper-pagination.swiper-pagination-fraction{
     color:#fff;
}
@media (min-width:824px){
    #nw_slider h5{margin-top:0;}
    #nw_slider .txt1 {
        position: relative;
        bottom: -100px;
        opacity: 0;

        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        transition-delay: 0.5s;
    }
    #nw_slider .swiper-slide-active .txt1 {
        bottom: 0;
        opacity: 1;
    }
    #nw_slider .txt2 {
        position: relative;
        bottom: -100px;
        opacity: 0;

        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        transition-delay: 1s;
    }
    #nw_slider .swiper-slide-active .txt2 {
        bottom: 0;
        opacity: 1;
    }
    #nw_slider .txt3 {
        position: relative;
        bottom: -100px;
        opacity: 0;

        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        transition-delay: 1.5s;
    }
    #nw_slider .swiper-slide-active .txt3 {
        bottom: 0;
        opacity: 1;
    }
    #nw_slider .txt4 {
        position: relative;
        bottom: -100px;
        opacity: 0;

        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        transition-delay: 2s;
    }
    #nw_slider .swiper-slide-active .txt4 {
        bottom: 0;
        opacity: 1;
    }
    #nw_slider .txt5 {
        position: relative;
        bottom: -100px;
        opacity: 0;

        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        transition-delay: 2s;
    }
    #nw_slider .swiper-slide-active .txt5 {
        bottom: 0;
        opacity: 1;
    }

}
@media (max-width:1200px){
    #nw_slider h5{margin-top:0;}
    .swiper-container.mslider {
        width:100%; 
        height:100%;
    }
   
    .swiper-container.mslider .swiper-slide .bg {
     
        background-position:center; 
        background-size:cover;
    }
    
    .swiper-container.mslider .swiper-slide.slide_1 .bg {
        background-image:url(../img/main_slideM1.png);
    }
    .swiper-container.mslider .swiper-slide.slide_2 .bg {
        background-image:url(../img/main_slideM2.png);
    }
    .swiper-container.mslider .swiper-slide.slide_3 .bg {
        background-image:url(../img/main_slideM3.png);
    }



    #nw_slider .scr img{
        width: 9px;
    }
    #nw_slider h1 {
        position:relative;
        top:110px;
        font-size: 3rem;
        line-height: 3rem;
    }
    #nw_slider h5 {
        font-size:1.8rem;
        position:relative;
        top:110px;
        
    }
    .swiper-container.mslider .swiper-slide,
    .swiper-container.mslider .swiper-slide .bg {
        height:340px; 
    }
    .swiper-container.mslider div.swiper-button-next,
    .swiper-container.mslider div.swiper-button-prev {
        width: 20px;
        height: 40px;
        background-size: 100%;
        display: none;
    }
    .swiper-container.mslider .swiper-button-prev {
        left: 30px;
    }
    .swiper-container.mslider .swiper-button-next {
        right: 30px;
    }
    .swiper-container.mslider .swiper-slide .btn_wrp a {
        font-size: 13px; 
        padding: 7px 30px; 
    }
    .swiper-container.mslider .swiper-pagination-wrp {
        bottom: 15%;
    }
    .swiper-container.mslider div.swiper-pagination {
        display: block;
        position: relative;
       top:100px; left:0;
        text-align: right;
        color:#000;
    }

    .swiper-button-prev, .swiper-button-next {
        position: absolute;
        top: 33%;
        background: rgba(58,58,58,.5);
        border-radius: 50%;
        width: 24px;
        height: 24px;
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    .swiper-button-prev:after, .swiper-button-next:after {
        font-family: swiper-icons;
        font-size: 12px;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
    }
   

}
@media (max-width:500px){
	.ML_mobile {padding:20px 0 20px !important; text-align:center;}

    #nw_slider h1 {
        font-size: 30px;
    }
    #nw_slider h4 {
        font-size: 15px;
    }
    #nw_slider h5{margin-top:0;}
}

/*sev_sec 퀵메뉴 */
#sev_sec.quick_menu {
    width:90px;
   position:fixed;
   right:0;
   top:105px;
   z-index:500;
}



#sev_sec.quick_menu .sev_box {
    width:90px;

    background-color: #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 10px 10px 30px rgba(0,0,0,0.1);

    
}
#sev_sec.quick_menu .sev_box ul li:not(:last-child){

    width:90px;
    padding-top: 20px;
    
}
#sev_sec.quick_menu .sev_box ul li:last-child{

    width:90px;
    padding-top:20px;
    border-top:1px solid #C4C4C4;
    margin-top:20px;

}
#sev_sec.quick_menu .sev_box ul li{position:relative;}
#sev_sec.quick_menu .sev_box ul li:nth-child(2)::before,#sev_sec.quick_menu .sev_box ul li:nth-child(3)::before,
#sev_sec.quick_menu .sev_box ul li:nth-child(4)::before{
    content:''; position:absolute; width:51px; height:1px; background:#C4C4C4; left:25%;
}



#sev_sec.quick_menu .sev_box ul li a {
    display: block;
    position: relative;
    text-decoration: none;
}

 #sev_sec.quick_menu .sev_box ul li + li:not(:last-child) a {
    display: inline-block; width:100%; padding-top:28px;}

#sev_sec.quick_menu .sev_box ul li a p {
    font-size: 13px;
    line-height: 1em;
    color: #111;
    margin-top: 10px;
}

#sev_sec2.quick_menu2 {

    width:150px;
    height:60px;
   position:fixed;
   right:0;
   bottom:5%;
   z-index:500;
}
/*퀵메뉴 카카오톡 웹,모바일*/
#sev_sec2.quick_menu2 .sev_box{
    width:100px;
    height:60px;
    margin-left: 55px;
    background-color: transparent; /*투명으로 만드러따*/
    border-radius: 15px;  
    box-shadow: 10px 10px 30px rgba(0,0,0,0.1);

}
#sev_sec2.quick_menu2 .sev_box li {line-height:60px;}
#sev_sec2.quick_menu2 .sev_box li .mb-none{line-height:60px; font-size:1.8rem; font-weight:700; padding-left:10px;}
#sev_sec2.quick_menu2 .sev_box li > * {display:flex; justify-content: center;line-height: 2px;}











/* banner */
.banner_area{margin:100px 0 70px;}
.banner_area img{display:block; width:100%;}
.banner_pagination{width:60px; position:relative; top:-110px; left:93%;}
.banner_pagination.swiper-pagination-fraction{border-radius:50px;background:rgba(58,58,58,.2)!important;}

@media (min-width:824px){
   
}
@media (max-width:1200px){

    .banner_area{margin:30px 0 30px;}

    .banner_pagination{width:30px; position:relative; top:-45px; left:91%;}
    .banner_pagination.swiper-pagination-fraction{border-radius:50px;background:rgba(58,58,58,.2)!important;}
    
    #sev_sec {
        background-color: #fff;
        border-bottom: 5px solid #eee;
    }
    #sev_sec .sev_box {
        padding: 5px 10px;
        background-color: transparent;
        box-shadow: 0 0 0;
        margin-top: 0;
    }
    #sev_sec .sev_box ul li {
        margin: 10px 0;
    }
    #sev_sec .sev_box ul li a:before {
        display: none;
    }
    #sev_sec .sev_box ul li a .icon img {
        width: 35px;
    }
    #sev_sec .sev_box ul li a p {
        font-size: 11px;
        margin-top: 5px;
    }
}




/*msec1*/
#msec1 {
    background-color: #f7f7f7;
}
#msec1 .txt .c_wrp > div {
    vertical-align: top;
}
#msec1 .txt .lft p {
    letter-spacing: 2px;
}
#msec1 .txt .lft h3 {
    margin-top: 30px;
}
@media (min-width:824px){
    #msec1 .txt .lft {
        padding-right: 15px;
    }
    #msec1 .txt .rt {
        border-top: 1px solid #aaa;
        padding-top: 30px;
    }
}
@media (max-width:1200px){
    #msec1 {
        background-color: #fff;
        border-bottom: 5px solid #eee;
    }
    #msec1 .txt {
        text-align: center;
    }
    #msec1 .txt .lft h3 {
        margin-top: 5px;
    }
    #msec1 .txt .rt p {
        margin-top: 15px;
    }
}

/*mtit*/
.mtit .talk span {
    display: inline-block;
    line-height: 1em;
    padding: 8px 30px;
    border: 1px solid #d42324;
    border-radius: 60px;
    position: relative;
    color: #d42324;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}
.mtit .talk span strong {
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
}
.mtit .talk span strong:after {
    content: "";
    display: inline-block;
    background-color: #fff;
    width: 10px;
    height: 10px;
    border: 1px solid #ddd;
    border-color: #d42324 #d42324 transparent transparent;
    transform: rotate(135deg);
}
/*msec2*/
 .sev_ex {   
    
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}


 .sev_ex .lft .lt_item .circle {
    position: relative;
    width: 8.59vw;
    height: 8.59vw;
    border: 5px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 0 -8px;
    border: 1px solid #aaa;
}

.online_item .sev_ex .lft .lt_item .circle{width:165px; height:165px;}

 .sev_ex .lft .lt_item .circle:before {
    content: "";
    position: absolute;
    left: 8%;
    top: 8%;
    width: 84.5%;
    height: 84.5%;
    border-radius: 50%;
  
}

.sev_ex .lft .lt_item .circle.color_cir1::before{
    background:#EAD6D0;
}
 .sev_ex .lft .lt_item .circle.color_cir2::before{
    background:#FDD8C8;
}
 .sev_ex .lft .lt_item .circle > div {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
 .sev_ex .lft .lt_item .circle p {
    color:  #3A3A3A;
}

#msec3 .sev_ex .lft .lt_item .circle h5 {
    width:100%; height:100%;
    font-weight: 600;
    color: #3A3A3A;
    font-size:.93vw;   
    padding-top:5.75vw;
    line-height:.93vw;
}


 .sev_ex .lft .lt_item .circle h5 {
    font-weight: 600;
    color: #3A3A3A;
    font-size:.93vw;   
    line-height:.93vw;
}



#msec3 .sev_ex .lft .lt_item .circle .icon_fit_1{
    background:url(../img/icon_fit_1.svg)center 1.8vw no-repeat;
    background-size:3.5vw!important;
    
}

#msec3 .sev_ex .lft .lt_item .circle .icon_fit_2{
    background:url(../img/icon_fit_2.svg)center 1.8vw no-repeat;
    background-size:3.5vw!important;
}

#msec3 .sev_ex .lft .lt_item .circle .icon_fit_3{
    background:url(../img/icon_fit_3.svg)center 1.8vw no-repeat;
    background-size:2.5vw!important;
}

#msec3 .sev_ex .lft .lt_item .circle .icon_fit_4{
    background:url(../img/icon_fit_4.svg)center 1.8vw no-repeat;
    background-size:3vw!important;
}

#msec4 .sev_ex .lft .lt_item .circle.color_cir2{margin:0 -15px;}

#msec4 .lt_item .icon_mRe {
    font-weight: 600;
    color: #3A3A3A;
    font-size:.93vw;
    width:100%; height:100%;
    padding-top:5.6vw;
    line-height:.93vw;
}

#msec4 .lt_item .color_cir1 .icon_mRe{background:url(../img/icon_mainOn.svg)center 2vw no-repeat;
     background-size:4vw!important;}

#msec4 .lt_item .color_cir2 .icon_mRe{background:url(../img/icon_fit_3.svg)center 2vw no-repeat;
    background-size:2vw!important;}

@media(max-width:1200px){
    .sev_ex {   
        max-width: 100%;
    }
    #msec3 .sev_ex .lft .lt_item .circle .dft.mb-none{
        background-size:8vw!important; background-position:center 5vw!important;}
    #msec3 .sev_ex .lft .lt_item .circle .dft.mb-none.icon_fit_3{background-size:6vw!important;}
    #msec3 .sev_ex .lft .lt_item .circle h5{font-size:2vw;padding-top:15vw; line-height:2.5vw;}
    #msec2 .sev_ex .lft .lt_item{width:100%;} 
    .mobile.prev_menu img{width:3.94vw;}
    #msec4 .lt_item .color_cir1 .icon_mRe{
        background-size:10vw!important;}
   
   #msec4 .lt_item .color_cir2 .icon_mRe{
       background-size:6vw!important;}
}




.sev_ex .lft .lt_item .circle.color_cir::before{background:#fff;}
.sev_ex .ct {
    text-align: center;
    padding: 0 15px;
}
 .sev_ex .ct ul li {
    display: inline-block;
    margin: 5px;
}
 .sev_ex .ct ul li span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #d1d1d1;
    border-radius: 50%;
}
 .sev_ex .ct ul li.dark span {
    background-color: #666;
}
 .sev_ex .rt .round_box {
    position: relative;
    width: 15.2vw;
    height: 8.95vw;
    left:-2%;
    border-radius: 100px;
    display: inline-block;

    border: 1px solid #aaa;
}




#msec4{padding:0;}
#msec4 .sev_ex .rt .round_box {
    position: relative;
    width: 15.2vw;
    height: 8.95vw;
    margin-left:-5px;
    border-radius: 100px;
    display: inline-block;

    border: 1px solid #aaa;
}

@media (max-width:1200px){
    #msec4 .sev_ex .rt .round_box {
        height: 23vw;
        padding: 10px 10px 8px;
        width: 43vw;
        margin: 0 auto 0 -20px;
    }

    #msec4 .lt_item .color_cir1 .icon_mRe{background-size:49px; background-position:center 5vw!important;}

    #msec4 .lt_item .color_cir2 .icon_mRe{background-size:26px;background-position:center 5vw!important;}
    #msec4 .lt_item .icon_mRe{padding-top:15vw;font-size:2vw; line-height:2.5vw;}
    #msec4 .sev_ex .lft .lt_item .circle.color_cir2{margin:0 -2.5vw}
}


.sev_ex .rt .round_box:before {
    content: "";
    position: absolute;
    left: 6%;
    top: 6%;
    width: 88%;
    height: 88%;
    border-radius:100px;
    background:rgba(255,255,255,.5);
  
}
.ocollor_main_ex .main_bd_tit a{padding-right:57px;}

@media (max-width:1200px){
    .ocollor_main_ex .main_bd_tit a{padding:0!important;}
   
  
}



.sev_ex .rt .round_box > div {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
 .sev_ex .rt .round_box > div h5 {
    font-size:1.8rem;
    padding-bottom:18px;
    font-weight: 600;
    color: #333;
}
.ocollor_main_ex .sev_ex .rt .round_box > div h5 {font-size:.93vw; line-height: 1.04vw;}
.ocollor_main_ex .sev_ex .rt .round_box h6.dft{font-size:.78vw;}
.ocollor_main_ex .sev_ex .circle p.dft{font-size:.88vw}




.sev_ex .rt .round_box .hes_icon{display:flex; justify-content: center;}
  .sev_ex .rt .round_box .hes_icon h6{padding-top:2.2vw;background-size:1.8vw!important;}
  
 .sev_ex .rt .round_box > div .ex_hair{background:url(../img/icon_main_hair.svg) no-repeat;}
  .sev_ex .rt .round_box > div .ex_eye{ margin:0 1.14vw 0 1.16vw ;background:url(../img/icon_main_eye.svg)center .3vw no-repeat;}
  .sev_ex .rt .round_box > div .ex_skin{background:url(../img/icon_main_skin.svg) no-repeat;}


@media (max-width:992px){

  

    .sev_ex .lft .lt_item .circle {
        width: 150px;
        height: 150px;
    }

    .sev_ex .rt .round_box {
        height: 150px;
        width: 350px;
    }
}
@media (max-width:1200px){
    .sev_ex .rt .round_box > div h5 {
        font-size:3.03vw;
    }
    .sev_ex .lft .lt_item .circle{width:23vw; height:23vw; margin: 0 -1vw;}

    .sev_ex > div {
        width: 100%;
     
    }
    .sev_ex > div h5, .sev_ex > div p{text-align:center;}
    

    .sev_ex .ct {
        padding: 10px;
        padding-top: 0px;
    }

    .sev_ex .ct ul li {
        display: block;
        margin: 1px;
        line-height: 9px;
    }

    .sev_ex .ct ul li span {
        width: 7px;
        height: 7px;
    }

    .sev_ex .rt .round_box {
     
        height: 23vw;
        padding: 10px 10px 8px;
        width: 45vw;
        margin: 0 auto 0 -1.86vw;
    }

    .sev_ex .rt .round_box > div {
        position: relative;
    }

    .sev_ex .rt .round_box > div h6 {
        font-size: 2vw;
        margin-top: 5px;

    }
    .ocollor_main_ex .sev_ex .rt .round_box > div h5{
       font-size:2vw;
    }
    .ocollor_main_ex .sev_ex .rt .round_box .hes_icon h6{background-size: 5vw!important;
        text-align:center;
        padding-top: 7vw;
        width: 8vw;}
        .ocollor_main_ex .sev_ex .rt .round_box > div .ex_eye{margin:5px 7px 0 2px;}

    .ocollor_main_ex .sev_ex .rt .round_box h6.dft {
        text-align: center;
        font-size: 2.5vw;
    }

    .ocollor_main_ex .sev_ex .lft .lt_item .circle h5 {

        font-size: 3vw;
        line-height: 3vw;
    }
    .ocollor_main_ex .sev_ex .circle p.dft {
        font-size: 3vw;
    }
    .ocollor_main_ex .sev_ex .rt .round_box > div h5 {
  
        padding-bottom: 5px;

    }
}




/*persnal_color*/
#persnal_color {
    overflow: hidden;
    background: url(../img/psn_fl.jpg) center center no-repeat;
    height: 650px;
    position: relative;
}
#persnal_color .linkbtn {
    position: absolute;
    text-align: center;
    left: 0;
    bottom: 70px;
    width: 100%;
    z-index: 8;
}
#persnal_color .linkbtn a {
    text-decoration: none;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 50px;
    background-color: #111;
    color: #fff;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
    
    /*-webkit-animation: arr 0.9s linear infinite;
    -moz-animation: arr 0.9s linear infinite;
    -ms-animation: arr 0.9s linear infinite;
    -o-animation: arr 0.9s linear infinite;
    animation: arr 0.9s linear infinite;*/
}
#persnal_color .linkbtn a img {
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 3px;
}
#persnal_color .arr {
    position: absolute;
    text-align: center;
    left: 0;
    top: -30px;
    width: 100%;
    z-index: 8;
}
#persnal_color .arr:before {
    content: "";
    display: inline-block;
    background-color: #fff;
    width: 60px;
    height: 60px;
    transform: rotate(135deg);
}
#persnal_color .txt {
    height: 100%;
    position: relative;
    z-index: 5;
}
#persnal_color .txt h5,
#persnal_color .txt p {
    font-weight: 300;
}
#persnal_color .txt p {
    margin-top: 20px;
}
#persnal_color .txt .lft h1 {
    color: #d9e2fc;
    font-weight: 600;
    
    -webkit-animation: font_scale1 6s ease-in-out infinite;
    -moz-animation: font_scale1 6s ease-in-out infinite;
    -ms-animation: font_scale1 6s ease-in-out infinite;
    -o-animation: font_scale1 6s ease-in-out infinite;
    animation: font_scale1 6s ease-in-out infinite;
}
@keyframes font_scale1 {
	0% {
        transform: scale(1);
	}
	20% {
        transform: scale(1);
	} 
	30% {
        transform: scale(1.2);
	}
	40% {
        transform: scale(1);
	} 
}
#persnal_color .txt .rt h1 {    
    -webkit-animation: font_scale2 6s ease-in-out infinite;
    -moz-animation: font_scale2 6s ease-in-out infinite;
    -ms-animation: font_scale2 6s ease-in-out infinite;
    -o-animation: font_scale2 6s ease-in-out infinite;
    animation: font_scale2 6s ease-in-out infinite;
}
@keyframes font_scale2 {
	0% {
        transform: scale(1);
	}
	10% {
        transform: scale(1.2);
	}
	20% {
        transform: scale(1);
	}  
}
#persnal_color .txt .rt h1 {
    color: #fcdaeb;
    font-weight: 600;
}
#persnal_color .float_img {
    content: "";
    position: absolute;
    left: 0%;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    
    -webkit-animation: move_img 6s ease-in-out infinite;
    -moz-animation: move_img 6s ease-in-out infinite;
    -ms-animation: move_img 6s ease-in-out infinite;
    -o-animation: move_img 6s ease-in-out infinite;
    animation: move_img 6s ease-in-out infinite;
}
#persnal_color .float_img #psn_wm {
    content: "";
    background: url(../img/psn_bg.jpg) center center no-repeat;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
@keyframes move_img {
	0% {
        left: 0%;
        width: 50%;
	}
	10% {
        left: 0%;
        width: 30%;
	}
	20% {
        left: 0%;
        width: 50%;
	}
	30% {
        left: 0%;
        width: 70%;
	}
	40% {
        left: 0%;
        width: 50%;
	} 
	100% {
        left: 0%;
        width: 50%;
	}  
}
@media (min-width: 992px) {
    #persnal_color .txt .lft {
        padding-right: 60px;
    }
    #persnal_color .txt .rt {
        padding-left: 60px;
    }
}
@media (max-width: 992px) {
    #persnal_color {
        height: 280px;
        background-size: cover !important;
    }
    #persnal_color .arr {
        top: -10px;
    }
    #persnal_color .arr:before {
        width: 20px;
        height: 20px;
    }
    #persnal_color .float_img #psn_wm {
        background-size: cover !important;
    }
    #persnal_color .txt .lft {
        padding-right: 60px;
    }
    #persnal_color .txt .rt {
        padding-left: 60px;
    }
    #persnal_color .txt h1 {
        font-size: 20px;
    }
    #persnal_color .txt p {
        color: #fff;
        opacity: 0.5;
        margin-top: 10px;
    }
    #persnal_color .linkbtn {
        bottom: 30px;
    }
    #persnal_color .linkbtn a {
        padding: 8px 15px;
        box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
    }
    #persnal_color .linkbtn a h5 {
        font-size: 14px;
    }
    #persnal_color .linkbtn a img {
        width: 14px;
    }
}
/*msec3 핏소개*/

#msec3 .psn_fit_list .item {
    padding: 45px 15px;
    border-radius: 10px;
    background-color: #fff;
    border: 3px solid #ddd;
}
#msec3 .psn_fit_list .item p {
    line-height: 1.2em;
    font-weight: 300;
    color: #3A3A3A;
    margin-top: 15px;
    font-size: 17px;
}
@media (max-width: 992px) {

    #msec3 .psn_fit_list > li {
        margin-bottom: 30px;
    }
}
@media (min-width: 824px) {
    
    #msec3 .psn_fit_list .item {
        box-shadow: 10px 10px 30px rgba(0,0,0,0.1);
    }
}
@media (max-width: 1200px) {
    #msec3 .psn_fit_list > li {
        margin-bottom: 10px;
    }
    #msec3 .psn_fit_list .item {
        padding: 15px 15px;
        border-radius: 10px;
        background-color: #fff;
        border: 3px solid #ddd;
    }
    #msec3 .psn_fit_list .item img {
        width: 30px;
    }
    #msec3 .psn_fit_list .item p {
        margin-top: 5px;
        font-size: 12px;
    }
}
/*main_bd_tit*/
.main_bd_tit {
  

    position: relative;
}
.main_bd_tit h4 {
    font-weight: 500;
    position: relative;
    padding-left: 82px;
}
.main_bd_tit h4 span{font-weight:600;}
.main_bd_tit h4:before{
    left:0; top:15px;content:""; position:absolute; width:62px; height:1px; background:#707070;}
.main_bd_tit a {
    position: absolute;
    font-size: 2.2rem;
    color: #3A3A3A;
    text-decoration: none;
    right: 0;
    padding-right: 20px;
    font-weight: 600;
}

.main_bd_tit h4{
    font-weight: 700;
}

@media (max-width:1200px){
    .main_bd_tit h4 {
        font-weight: 500;
        position: relative;
        padding-left: 7.89%;
    }
    .main_bd_tit h4:before {
        left: 0;
        top: 15px;
        content: "";
        position: absolute;
        width: 22px;
        height: 1px;
        background: #707070;
    }
    .main_bd_tit a {
        position: absolute;
        font-size: 1.8rem;
        color: #3A3A3A;
        text-decoration: none;
            
        font-weight: 600;
    }

}



/* ------------------------------------------------------------------------------

퍼스널컬러 서브 (list10.skin)  

-----------------------------------------------------------------------------*/
.route_nav{display:flex;margin:44px 0 35px;}
.route_nav a{color:#8E8E8E;font-size:1.8rem; }



/* 컨설팅 예약 */


h3.dft a{color:#3A3A3A;}
h3.dft a:hover{color:#3A3A3A;}
#msec4 .main_bd_tit.sub_product > h4{font-family:'Pretendard'!important; font-size:2.8rem; font-weight:500; display:inline-block;}
#msec4 .main_bd_tit.sub_product > h4 > span{color:#A1A1A1; font-size:2.2rem; font-weight:500; }
#msec4 .main_bd_tit.sub_product > p{float:right; font-size:2.4rem;}
#msec4 .main_bd_tit.sub_product > p > span{font-weight:700;}




#online_mypouch .consultingReser_area{padding-bottom:60px; border-bottom:1px solid #707070;}
.Reser_content form > div{display:flex; align-items:baseline;}
.Reser_wrap{width:827px;}

.Reser_title h2{font-size:3.5rem;}
.Reser_title span{display:inline-block; margin-left:10px;font-size:1.8rem; }

.Reser_area_wrap{background:#E3E3DD; border:none solid #707070; padding:33px 22px 27px; border-radius: 13px;}
.Reser_content form > div h3{font-size:1.8rem; width:120px; font-weight:700; margin-bottom:25px;}
.Reser_content input[type="checkbox"]+label {
    display:inline-block;
    padding:8px 10px;
    font-size:1.8rem;
    border:1px solid #707070; border-radius:4px;
}

.Reser_store input[type='checkbox']:hover+label {
    cursor: pointer;
    border:1px solid #D6CCC2; border-radius:4px;
    box-sizing: border-box; 
}
.Reser_store input[type='checkbox']:checked+label{
  
    background:#D6CCC2; color:#fff;border-radius:4px;
}

.Reser_service input[type='checkbox']:hover+label{ 
    cursor: pointer;
    border:1px solid #CDC2B7; border-radius:4px;
    box-sizing: border-box;}
.Reser_service input[type='checkbox']:checked+label{
    background:#CDC2B7; color:#fff;border-radius:4px;
}

.Reser_person input[type='checkbox']:hover+label{ 
    cursor: pointer;
    border:1px solid #C6B8AA; border-radius:4px;
    box-sizing: border-box;}
.Reser_person input[type='checkbox']:checked+label{
    background:#C6B8AA; color:#fff;border-radius:4px;
}

.Reser_time input[type='checkbox']:hover+label{ 
    cursor: pointer;
    border:1px solid #AF9B87; border-radius:4px;
    box-sizing: border-box;}
.Reser_time input[type='checkbox']:checked+label{
    background:#AF9B87; color:#fff;border-radius:4px;
}


.Reser_content input[type="checkbox"] {
    display: none;
}

.Reser_text input[type="text"]{border:1px solid #707070; border-radius:4px; width:427px;
padding-left:10px; height:45px; line-height:45px; font-size:1.8rem;}  


.Reser_search{display:flex;}
.Reser_search button{border:none;}



.ReserSearch_btn {margin-right:15px;}
.ReserSearch_btn button{ border-radius:4px;
    display:inline-block; width:911px; height:60px; background:#E5E5E5; font-size:2.4rem; 
    font-weight:600;}

.ReserSearch_btn button span{display:inline-block; width:22px; height:23px; background-size:100%!important;
    background:url(../img/search_btn.svg)center 3px no-repeat; margin-right:10px;}


.ReserSearch_btn .active{
    display:inline-block; width:911px; height:60px; background:darkgray; font-size:2.4rem; 
    font-weight:600; color:#fff;} /*상품 검색하기 버튼*/

.ReserSearch_btn .active span{display:inline-block; width:22px; height:23px; background-size:100%!important;
    background:url(../img/search_btn.svg)center 3px no-repeat; margin-right:10px;}



.ReserSearch_reset button{border-radius:4px;
    display:inline-block; width:143px; height:60px; background:#fff; font-size:2rem;
    border:1px solid #707070;}

    .ReserSearch_reset button span{display:inline-block; width:17px; height:18px; background-size:100%!important;
        background:url(../img/reset_btn.svg)center no-repeat; margin-right:10px;}



.consultingReser_area{margin-bottom:50px;}



@media (max-width:1200px){
    #sit_media .flex_around > .Style_iframeSub{width:100%}
    #online_mypouch .consultingReser_area{padding-bottom:20px; border-bottom:1px solid #707070;}
.Reser_content form > div{display:block; margin-bottom:10px;}
.Reser_wrap{width:100%;}
.Reser_title{margin-top:20px;}






.Reser_content form > div h3{font-size:1.6rem; width:100%; margin-bottom:10px;}
.Reser_content input[type="checkbox"]+label {
    display:inline-block;
    padding:6px 10px;
    margin:0 5px 10px;
    font-size:1.6rem;
    border:1px solid #707070;
}

.Reser_store input[type='checkbox']:hover+label {
    cursor: pointer;
    border:1px solid #D6CCC2; border-radius:4px;
    box-sizing: border-box; 
}
.Reser_store input[type='checkbox']:checked+label{
  
    background:#D6CCC2; color:#fff;border-radius:4px;
}

.Reser_service input[type='checkbox']:hover+label{ 
    cursor: pointer;
    border:1px solid #CDC2B7; border-radius:4px;
    box-sizing: border-box;
}
.Reser_service input[type='checkbox']:checked+label{
    background:#CDC2B7; color:#fff;border-radius:4px;
}

.Reser_person input[type='checkbox']:hover+label{ 
    cursor: pointer;
    border:1px solid #C6B8AA; border-radius:4px;
    box-sizing: border-box;}
.Reser_person input[type='checkbox']:checked+label{
    background:#C6B8AA; color:#fff;border-radius:4px;
}

.Reser_time input[type='checkbox']:hover+label{ 
    cursor: pointer;
    border:1px solid #AF9B87; border-radius:4px;
    box-sizing: border-box;}
.Reser_time input[type='checkbox']:checked+label{
    background:#AF9B87; color:#fff;border-radius:4px;
}


.Reser_content input[type="checkbox"] {
    display: none;
}

.Reser_text input[type="text"]{margin-left:0; font-size:1.6rem; width:88.4%; height:35px; border:none;}
.Reser_search{display:block;}

.ReserSearch_btn {margin:15px 0 9px;}

.ReserSearch_btn button {
    height:40px;
    width: 100%;
    font-size: 1.8rem;
 
}
.ReserSearch_btn .active{
     width:100%;font-size:1.8rem; 
     height:40px;
   }
   .ReserSearch_reset button {
    width: 100%;
    font-size: 1.8rem;
    height:40px;
}

#msec4 .main_bd_tit.sub_product > h4{font-size:18px;}
#msec4 .main_bd_tit.sub_product > h4 > span{font-size:16px;}
#msec4 .main_bd_tit.sub_product > p{float:right; font-size:16px;}





}


/* 온라인컨설팅 예약 */
.online_consitem_visual{position:relative; width:100%;height:550px;
    background-size:cover;background-color:#F3F3F3; margin-bottom:102px;}

.online_consitem_inner{width:1120px; height:550px;margin:0 auto;
    background:url(../img/online_consult.png) no-repeat; 
    background-size: contain;
    background-position: bottom;}

    .online_consitem_main{position:absolute;left:40%; top:200px }
    .online_consitem_main h1{margin:0 0 20px 0; color:#555498; 
        font-size: 5rem; font-weight:700; line-height:3.2rem;}
    .online_consitem_text1{color:#3A3A3A; font-size:4rem; line-height:3.6rem;}
   
   .online_consitem_text2{color:#3A3A3A; font-size:2.8rem; line-height:3.6rem;}




.online_price{margin-top: 80px;
    display: flex;
    align-items: end;
    justify-content: space-between;}


    .ReserDateModal2 {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 10000;}



#sit_ov_wrap.over_class #sit_pvi_big.online_img{width:100%;}
#sit_ov_wrap.over_class #sit_pvi_big.online_img img{display:block;width:100%;}




/* 더보기 */
.readMore::before{
    position:absolute; width:100%; height:1px; background:#707070; content:'';
    transform: translate(-50% ,-50%);
    left: 50%;
    top: 30px; z-index:-1;}
.readMore{width:100%; max-width:1920px;text-align:center; position:relative; margin:0 auto;}
.readmore_toggle{width:197px; height:65px; display:inline-block; line-height:65px; color:#3A3A3A;
    background:#fff; border:none; font-size:2.8rem; font-weight:600; }

    .readmore_toggle:hover{color:#3A3A3A;}


@media (max-width: 1200px) {
    .main_bd_tit a {
        padding-right: 1px; /* newplus padding right */
        background-size: 5px;
    }
}
/*pr_list*/

.pr_list > li:not(:first-child){padding-top:60px;}
.pr_list > li{
    text-decoration: none;
    display: flex;
    padding-bottom:60px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.pr_list > li:not(:last-child){border-bottom:1px solid #C4C4C4}
.pr_list > li > a:hover {
    box-shadow: 10px 10px 30px rgba(0,0,0,0.1);
    border-color: #7d2d9a;
}
.pr_list > li .ibox {
    overflow: hidden;
}
.pr_list > li .ibox img {
   /* width: 100%!important;
    height:100%!important;*/
    width:280px; height:300px; border-radius:4px;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.pr_list > li .ibox img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.pr_list > li .tbox {
    width:800px;
    margin: 20px 0 0 40px;

}
.pr_list > li .tbox h3{font-weight:600;}
.pr_list > li .tbox .mark_wrp {
    margin-bottom: 15px;
}
/*웹버전 이모지3개 스토어,인원,시간*/
.pr_list > li .tbox .mark_wrp span {
    display: inline-block;
    color: #fff;
    line-height: 26px;
    font-size: 1.4rem;
    font-weight: 400;

   padding: 4px 10px 4px 10px;
    border-radius: 50px;
   
    margin-right: 3px;
}
.pr_list > li .tbox .mark_wrp span img{display:inline-block; margin-right:10px;}
.pr_list > li .tbox .mark_wrp span.loc {background-color: #D6CCC2;}
.pr_list > li .tbox .mark_wrp span.stan {background-color: #CDC2B7;}
.pr_list > li .tbox .mark_wrp span.cate {background-color: #C6B8AA;}
.pr_list > li .tbox .mark_wrp span.time {background-color: #AF9B87;}
.flex_price>.flex_star{display:flex;}
.flex_star ul{display:flex; margin-right:20px; list-style:none;}


/*
.pr_list > li .tbox .rv_count {
    position: relative;
    padding-left: 140px;
    background: url(../img/star.svg) left center no-repeat;
    line-height: 22px;
    color: #666;
    margin-top: 0;
}
*/
.pr_list > li .tbox .rv_count strong {
    color: #000;
}
.pr_list > li .tbox .stars_score{margin-right:140px;}
.pr_list > li .tbox .cost {
    text-align: right;
}
.pr_list > li .tbox .cost .dft{ font-size:3.2rem; }  /*모바일 가격 크기 */
.pr_list > li .tbox .sale h4{font-size:2.2rem; font-weight:500!important;
 color:#CB030B}
.pr_list > li .tbox .cost p.del {
    font-weight:600;
    font-size:2.8rem;
    text-decoration: line-through;
    color: #999;
}
.pr_list > li .tbox .go_reserve a{display:inline-block;font-size:2.1rem; font-weight:600;
    text-align:center; line-height:50px; width:133px; height:50px; border-radius:4px; background:darkgray; color:#fff;} /*웹용 컨설팅예약버튼*/

.flex_price{margin-top:80px; display:flex; align-items:end; justify-content:space-between;}

/*모바일 버전 예약페이지 css*/
@media (max-width:1200px){
    #msec4 .container .main_bd_tit h4{margin-bottom:20px!important;}
    .pr_list > li:not(:first-child){padding-top:20px;}
    .pr_list > li{
        text-decoration: none;
     display:block;
        padding-bottom:30px;
   
    }
      /*글씨깨짐 mediaquery021423*/
    #mse4. online_consitem_main{position:fixed;}
	.online_consitem_main p{
		margin:0 0 0px 0px;
		color: black;
		font-size: 15px;
		padding-bottom: 0px;
		top: auto;
		line-height:1.4
		
		
	}
	.online_consitem_main h1{
		
		font-size:20px;
		
		
	}
    .online_consitem_main{position:absolute;left:50%; top:10px }
    /*0214*/
    .pr_list > li:not(:last-child){border-bottom:1px solid #E5E5E5;}
   
    .pr_list > li .ibox {
        overflow: hidden;
    }
    .pr_list > li .ibox img {
       /* width: 100%!important;
        height:100%!important;*/
        width:100%; height:100%; border-radius:4px;
        
    }

    .pr_list > li .tbox {
       width:100%; margin:0;
    
    }
    .pr_list > li .tbox h3{margin-top:20px; font-weight:600;}
    .pr_list > li .tbox .mark_wrp {
        margin:20px 0 15px;
    }
    
    .pr_list > li .tbox .mark_wrp span {
        display: inline-block;
        color: #fff;
        line-height: 26px;
        font-size: 11px;
        font-weight: 400;
       /* width: 80px;*/
       padding: 2px 12px 2px 4px;
        border-radius: 50px;
        margin-right: 3px;
        padding-left: 12px;
    } /*모바일버전 지점,시간,인원 크기*/

    .pr_list > li .tbox .mark_wrp span img{display:inline-block; margin-right:5px; width:24px;}
    .pr_list > li .tbox .mark_wrp span.loc {background-color: #D6CCC2;} /*모바일 지점선택 색상*/
    .pr_list > li .tbox .mark_wrp span.stan {background-color: #CDC2B7;} /*모바일 서비스선택 색상*/
    .pr_list > li .tbox .mark_wrp span.cate {background-color: #C6B8AA;} /*모바일 인원선택 색상*/
    .pr_list > li .tbox .mark_wrp span.time {background-color: #AF9B87;} /*모바일 소요시간선택 색상*/
    
    .pr_list > li .tbox .sale h4 {
        text-align: right;}
    .flex_price{display:block; margin-top:0;}
    .flex_price>.flex_star{display:flex; justify-content: end; }
.flex_star ul{display:flex; margin-right:20px; list-style:none;}
    
.pr_list > li .tbox .go_reserve a {
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    background: darkgray;
    color: #fff;
    /*width: 100px;*/
} /*모바일 컨설팅 예약 버튼 css*/
    /*
    .pr_list > li .tbox .rv_count {
        position: relative;
        padding-left: 140px;
        background: url(../img/star.svg) left center no-repeat;
        line-height: 22px;
        color: #666;
        margin-top: 10px;
    }
    /*
    .pr_list > li .tbox .rv_count strong {
        color: #000;
    }
    .pr_list > li .tbox .stars_score{margin-right:140px;}
    .pr_list > li .tbox .cost {
        text-align: right; margin-bottom:10px;
    }
    .pr_list > li .tbox .cost .dft{ font-size:2.8rem; }
    .pr_list > li .tbox .sale{position:relative;}
    .pr_list > li .tbox .sale h4{font-size:2rem; font-weight:500!important;
     color:#CB030B;position:absolute; top:35px;}
    .pr_list > li .tbox .cost p.del {
        display:inline;
        font-weight:600;
        font-size:2rem;
        text-decoration: line-through;
        color: #999;
    }
    .pr_list > li .tbox .go_reserve a{
        display:inline-block;font-size:2.1rem; font-weight:600;
        text-align:center; line-height:62px;
         width:100%; height:62px;
          border-radius:4px; background:#3A3A3A; color:#fff;}
    
    .flex_price{margin-top:0; display:block;}


    .Reser_title h2{font-size:2.5rem; margin-bottom:20px;}
    .Reser_title img{width:20px;}
    .online_title.dft span{font-size:2.2rem}
    .online_title.dft{font-size:1.8rem}
    .Reser_title span{display:inline-block; margin-left:10px;font-size:1.2rem; }
    .online_title2 {
        font-size: 1.5rem;
        color: #221814;
        line-height: 1.8rem;}
        .consultingReser_area{margin-bottom:30px;}

        .online_price{ margin-top:20px;display:block;} 
*/
} 
/*상품가격*/
p.del {
    text-decoration: line-through;
    color: #999;
}
/*msec5*/
#msec5 {
   /* background-color: #f4d0d0;*/
   background: #dedede;
    position: relative;
}
#msec5:after {
    background-color: #FFEAB2;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    
    z-index: 1;
}
#msec5 .ban {
    text-align:left;
    position: relative;
    z-index: 3;
    padding-left: 30px;
}
#msec5 .ban a {
    text-decoration: none;
    display: block;
}
#msec5 .ban.lban {
    filter:grayscale(1);
    background: url(../img/lban_bg.png) right bottom no-repeat;
}
#msec5 .ban.rban {
    background: url(../img/rban_bg.png) left bottom no-repeat;
}
#msec5 .ban a h5,
#msec5 .ban a h2 {
    color: #373737;
}
#msec5 .ban a p {
    color: #a05252;
    padding-right: 20px;
    font-weight: 600;
    display: inline-block;
    background: url(../img/go_rd.png) right center no-repeat;
    margin-bottom: 0px;
}
#msec5 .rban a p {
    color: #8a794a;
    background: url(../img/go_yl.png) right center no-repeat;
}
@media (min-width:1200px){
  .onlineConsult .pr_list > li .cost{padding-left:260px;}
    .mobile{display:none!important;}

    #new_drop .dm_con.act {
        width:22%;
        display: block;
        background-color: #fcfcfc;
    }

    #new_drop .drop_ul{width:88%; margin:0 auto;}





    #msec5 .ban_con {
        width: 100%;
        max-width: 1230px;
        margin: 0 auto;
    }
}
@media (max-width:992px){
    #msec5 .ban {
        background-size: cover!important;
        background-position: right!important;
    }
}
@media (max-width:1200px){
    #msec5:after {
        top: 50%;
        background:#f4d0d0;
        width: 100%;
        height: 50%;
    }
    #msec5 .ban a p{
        padding-right: 10px;
        background-size: 5px;
    }
}
/*fix_btn*/
@media (min-width: 1200px) {
    .fix_btn {
        display: none;
    }
    .store_quick_menu{display:none;}
}
@media (max-width: 1200px) {
    .route_nav{display:none;}
    .fix_btn {
        position: fixed;
        bottom: -10px;
        left: 0;
        width: 100%;
        z-index: 101;
    }
    .fix_btn ul {
        padding-top:10px;
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
        background-color: #fff;
        box-shadow:3px -3px 5px rgba(0,0,0,.16); 
        text-align: center;
     
    }
    .fix_btn a {
        text-decoration: none;
        display: block;
        padding-top: 5px;
    }
    .fix_btn .mp_i_center {
        position:relative;
        z-index:100;
        top:-30px;
        display: inline-block;
        background:#fff;
        box-shadow:0px -5px 5px rgba(0,0,0,.16); 
        width: 20vw;
        line-height: 20vw;
        border-radius:50%;
        padding-top: 0px;
    }
    .fix_btn a img {
        width: 8vw;
    }
    .fix_btn a.mp_i_center img {
        width: 17vw;
    }
    .fix_btn a p {
        font-size: 2.63vw;
        line-height: 1em;
        margin-top: 3px;
        color: #333;
    }
@media (min-width:550px){
    .fix_btn .mp_i_center {
        top:-45px;
        width: 12vw;
        line-height: 12vw;}
       
    .fix_btn a img {
        width: 5vw;
    }
    .fix_btn a.mp_i_center img {
        width: 10vw;
    }
    .fix_btn a p {
        font-size: 2vw;
        line-height: 1em;
        margin-top: 3px;
        color: #333;
    }
}

.store_quick_menu{
    z-index:100;
    background: #3A3A3A;
   bottom:0;
   padding-bottom:80px;
    width: 100%;
    position: fixed;}

.store_quick_menu ul{display:flex; justify-content: space-between; margin:0; padding:30px 30px 50px;}

.store_quick_menu ul li{list-style:none; }
.store_quick_menu ul li >*{display:flex; align-items:center;}
.store_quick_menu ul li p{margin:0; color:#fff; font-size:1.6rem; font-weight:600; margin-left:8px;}

}
/*site_con_wrp*/
.site_con_wrp {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}
.site_con_wrp ul li {
    display: inline-block;
}
.site_con_wrp ul li a {
    display: inline-block;
    margin-right: 10px;
}
.site_con_wrp ul li a img {
    /*width: 14px; 가로로 늘리는구문 삭제*/
    
    vertical-align: middle;
    margin-bottom: 5px;
}

.site_con_wrp ul li span {
    display: inline-block;
    line-height: 14px;
    font-size: 12px;  /*blog 관리자 글씨체 축소 0224*/
    color: #666;
    font-weight: 300;
}

/* .site_con_wrp ul li:not(:nth-child(2)) span {
    background: url(../img/dm_arr.png) 10px center no-repeat;
    padding-left: 30px;
    background-size: 4px;
} 

.site_con_wrp ul li:last-child span{
    font-weight: 600;
    color: #333;
}
*/

.site_con_wrp ul li span.no_image {
    width: 250px; /*정사각형으로 출력안됨 200323*/
    height: 260px; 
    border: #ddd 1px solid; 
    display: table-cell; 
    text-align: center; 
    vertical-align: middle;
}

@media (min-width:1024px) and (max-width: 1200px){
    .swiper-button-prev, .swiper-button-next{width:60px; height:60px;}
    .swiper-button-prev:after, .swiper-button-next:after{font-size:16px;}

    .banner_pagination{left:90%}
    .store_quick_menu{
       padding-bottom:100px;
    }
    #msec5 .ban.rban {
        background-color: #FFEAB2;

    }
    #msec5 .ban.rban ,#msec5 .ban.lban{background-size:100%!important;}

    #footer {
        padding: 30px 0 20vw!important;
    }
}

@media (max-width: 1200px) {
    .hidden-md{display:block!important;}
    .site_con_wrp {
        padding: 5px 0;
    }
    .site_con_wrp ul li a {
        margin-right: 5px;
    }
    .site_con_wrp ul li a img {
        width: 8vw;
        margin-bottom: 1px;
    }
    .site_con_wrp ul li span {
        line-height: 10px;
        font-size: 12px;
    }
    .site_con_wrp ul li:not(:nth-child(2)) span {
        background-position: 5px center;
        padding-left: 14px;
        background-size: 2px;
    }

    .site_con_wrp ul li span.no_image {
        width: 180px; 
        height: 180px; 
        border: #ddd 1px solid; 
        display: table-cell; 
        text-align: center; 
        vertical-align: middle;
    }
}
/*sub_tab*/
#sub_tab > div{
    border: 1px solid #ddd;
}
#sub_tab > div:not(:first-child){
    border-left: 0px;
}
#sub_tab a {
    text-decoration: none;
    display: block;
    font-size: 20px;
    padding: 20px 15px;
    line-height: 1em;
    font-weight: 700;
    color: #c5c5c5;
    background-color: #f7f7f7;
    text-align: center;
}
#sub_tab .active a {
    color: #111;
    background-color: #fff;
}
@media (max-width: 1200px) {
    #sub_tab a {
        font-size: 14px;
        padding: 15px 5px;
    }
}

/*------------------------------------------------------------------------

                기업프로그램  brand_01.php

-----------------------------------------------------------------------*/

.group_area li{list-style:none;}
.group_area h2{font-size:2.8rem; font-weight:600;}
.group_area p{font-size:2.2rem; color:#3A3A3A; line-height:3.2rem;}

.group_visual{width:100%; background:#FFDED1; margin:0 auto;}
.group_main_images img{
    margin: 0 auto;
    display: block;}
    .group_content{margin: 60px 0 100px;}

.group_mapa{margin-bottom:80px;}
.text_center{text-align:center;}

.group_list_images p{height:122px; margin-bottom:20px;}

.group_program{margin-top:125px;}
.group_program ul{display:flex; padding:0; justify-content: center;}
.group_program ul li{width:260px;padding:0;}
.group_program ul li+li{margin-left:16px;}
.group_program ul li h3{margin:10px 0 0 0; font-weight:600;color:#3A3A3A;}
.group_list_images span{display:inline-block; margin-bottom:25px;}

.plus_more a{display:block; background:#3A3A3A; border-radius:4px; width:260px; height:60px; line-height:60px; color:#fff;
text-align:center;font-weight:600; font-size:2.2rem;}

.group_company h3{margin:125px 0 20px; font-weight:600;}


.group_company ul {display:table;table-layout:fixed; padding:0;}
.group_company ul li{float:left;width:160px;display:table-cell;margin:10px 0 20px 25px;}

.group_sub_process{padding: 0 0 40px 35px;color:#674239!important; font-size:2.4rem; font-weight:700;}
.group_sub_process span{ font-weight:500;}

.program_download{margin:100px auto 0 auto;  width:250px; height:50px; line-height:50px; background:#FF8181; border-radius:50px;}
.program_download a{display:inline-block; width:250px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:2.2rem;}

/*------------------------------------------------------------------------

                기업프로그램 - 스타일럭스  brand_012.php

-----------------------------------------------------------------------*/

.group_sub1 .group_program{margin-top:60px;}
 
.sub_program a{display:block;}
.sub_program .group_list_images .text_title >*{color:#C4C4C4}
.sub_program .group_list_images.active .text_title>*{color:#3A3A3A}

.stylelux_title img{display:block; margin: 0 auto 77px auto}

.stylelux_con{display:flex;  }


.stylelux_con p:first-child{width:445px;}
.stylelux_con p:last-child{width:416px; margin:0 0 0 113px;}

.group_sub_intro{margin-bottom:120px;}
.group_sub_company>div {padding:137px 0 120px; border-top:1px solid #C4C4C4;}
.group_sub_company>div h3{padding-left:35px; position:relative; color:#674239; font-size:2.4rem; font-weight:700;}
.group_sub_company>div h3::before{
    position:absolute; content:""; width:71px; height:45px; background:#EEECEC; 
    border-radius: 50%;
    z-index: -1;
    bottom: 1px;
    left: 0;}

.stylelux_wrap span{color:#674239;font-weight:700;}
.process_wrap img{display:block; margin:0 auto;}

.extra{background:#FF8181; color:#fff; padding:8px 10px; margin-left:5px;}



.quration_wrap{margin-top:60px;}
.quration_wrap table{ width:100%; border:1px solid #C4C4C4; 
    border-radius:20px;border-collapse: collapse;
    border-style: hidden;
    box-shadow: 0 0 0 1px #C4C4C4 
    }
.quration_wrap tr{ border:1px solid #C4C4C4; }
.quration_wrap th{width:35%; background:#F3F3F3; color:#3A3A3A; font-weight:700; padding-left:30px; font-size:2.4rem;line-height:3.4rem;}
.brTL_20{border-top-left-radius:20px;}
.brBL_20{border-bottom-left-radius:20px;}
.brBL_20 span{font-size:1.8rem;}
.quration_wrap td{padding:27px 80px 27px 30px; border-left:1px solid #C4C4C4; 
    font-size:2.4rem; line-height:3.4rem; color:#3A3A3A;}



.option_wrap{display:flex; justify-content: space-between;margin-top:60px;}


.option_content{ width:300px; height:300px; background:#EEECEC; border-radius:50%; text-align:center;}

.option_content img{display:block; margin:30px auto 0 auto;}
.option_content h4{width:277px; margin:11px auto 0 auto; padding-bottom:15px; border-bottom:1px solid #C4C4C4; color:#3A3A3A; font-size:2.4rem; font-weight:600;}

.option_content p{padding-top:30px; font-size:1.8rem;line-height:2.2rem;}

.option_wrap>div:first-child p ,.option_wrap>div:nth-child(2) p{padding-left:45px; padding-right:45px;} 

.option_wrap>div:last-child p{padding-left:40px; padding-right:40px;} 

.checking_wrap{display:flex; align-items:center; margin-left:85px;}
.checking_wrap>div:last-child{margin-left:15px;}
.checking_wrap>div:last-child p{margin:0;}
.checking_wrap>div:last-child p span{font-weight:700; color:#FF8181}



/*------------------------------------------------------------------------

                기업프로그램 - 스타일럭스특강  brand_013.php

-----------------------------------------------------------------------*/
table{position:relative;}
.online_summary {
	width: -webkit-fill-available;
} /*마이페이지 온라인 상품요약*/

.offline_summary {
	width: -webkit-fill-available;
} /*마이페이지 오프라인 상품요약*/

.group_stylelux_lecture_content h4{font-size:3.4rem; color:#674239; font-weight:700; margin-bottom:32px;}
.lecture_about ul {padding:0;}
.lecture_about ul li {position:relative;}
.lecture_about ul li div{padding-left:65px;}
.lecture_about ul li div strong{display:inline-block; font-weight:400; padding-left:125px;}
.lecture_about ul li div span{color:#674239;font-weight:700;}
.num{font-style:normal;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 45px;
    font-size:2.4rem; color:#3A3A3A
}


.stylelux_lecture_program{display:flex;align-items:center; margin-left:55px;}
.stylelux_lecture_program>div:last-child{margin-left:15px;}
.stylelux_lecture_program>div:last-child p{margin:0;}


.quration_wrap thead th{
    border-top-right-radius:20px;border-top-left-radius:20px;
text-align:center; padding:40px 0;}

.quration_wrap .lecture_table tbody th{width:90px;}

.table_mar{margin-bottom:30px;}


.lp2{margin-top:120px;}

.pro_inner {display:flex;}
.prota_2{margin-left:28px;}


.pro_inner table td{padding-right:10px;}

/*------------------------------------------------------------------------

                기업프로그램 - 스타일컬쳐  brand_014.php

-----------------------------------------------------------------------*/

.culture_program{justify-content: center;}
.culture_program>div:last-child{margin-left:70px;}

/*------------------------------------------------------------------------

                기업프로그램 - 하이스탠다드  brand_015.php

-----------------------------------------------------------------------*/
.histandard_program{justify-content: center; flex-wrap:wrap;}
.histandard_program >div{margin:0 24px;}

.option_wrap.histandard_program>div p{padding-left:45px; padding-right:45px; padding-top:25px;}

.quration_wrap .hitable td{padding-right:30px;}

.hitable_txt{width:944px; margin:0 auto;text-align:center;margin-top:30px;}











/* 기업프로그램 미디어 쿼리   */

@media (max-width:1200px){
  
    .group_sub1 .group_program{margin-top:0;}
    .group_visual{padding-top:90px;}
    .group_main_images img{display:block; width:90%; margin:0 auto;}

    .group_content {
        margin: 40px 0 60px;
    }

    .group_content .container{width:88.78%; margin:0 auto;}
    .group_area p{font-size:1.8rem;line-height:2.2rem;}
    .group_area p img{display:block;margin:0 auto;}
.group_intro h2{font-size:2rem; margin-bottom:20px;}
.group_intro p{font-size:1.8rem; line-height:2.8rem;}
.group_mapa{margin-bottom:60px;}
.group_mapa.mamo_30{margin-bottom:30px;}

.group_program {
    margin-top: 60px;
}

.group_program ul{display:block; }

.group_program ul li {
    padding: 0;
    width: 100%;
    text-align: center;
}

.group_list_images p{width:70%; margin: 0 auto 20px auto; height:100%;}

.plus_more a {
    margin: 0 auto;}

    .group_program ul li+ li{margin-top:120px; margin-left:0;}

    .group_company ul li {
        width:80px;
        margin: 10px 10px 20px 0;}


.group_sub1{padding-top:43px;}        
.group_program.sub_program ul{display:flex;}
.group_program.sub_program ul li{width:21vw;}

.group_program.sub_program ul li+li {
    margin: 0 0 0 10px;
}
.group_company h3{    
    margin-top: 70px;
    border-top: 1px solid #c4c4c4;
    padding: 70px 0 20px;
    }
.group_program.sub_program .text_title span{display:none;}
.group_program.sub_program .text_title h3{font-size:3.3vw; line-height:4.2vw}
.stylelux_title img {
    margin: 0 auto 30px auto;
}

.stylelux_con {
    display: block;
}

.stylelux_con p{width:100%!important;}
.stylelux_con p:nth-child(2){margin-top:40px;}
.stylelux_con p:last-child{margin-left:0;}
.group_sub_intro{margin-bottom:70px;}
.group_sub_company>div {
    padding: 50px 0;
   
}

.group_stylelux_content h3{margin-bottom:40px;}
.stylelux_wrap p:not(:last-child){margin-bottom:40px;}

.process_wrap img{display:block; margin:0 auto;}

.quration_wrap table.mobile th {
    padding: 30px;
}


.quration_wrap table.mobile th{width:100%; text-align:center;}

.quration_wrap th{font-size:2.2rem;}


.brTL_20{border-top-right-radius:20px}
.quration_wrap {
    margin-top: 40px;
}
.quration_wrap table.mobile td {
    padding: 25px;
}
.quration_wrap table.mobile td.spanStyle span{font-size:1.8rem;}

.quration_wrap td{font-size:1.8rem;padding:27px 20px 27px 30px; line-height:2.8rem; }
.option_wrap{display:block;}

.option_content{margin:0 auto;}
.option_content img{display:inline-block;}

.option_wrap>div:not(:last-child){margin-bottom:40px;}

.checking_wrap{display:block; margin:20px 0 0 20px; }

.checking_wrap>div:last-child {
    margin-left: 0; margin-top:20px;
}
.checking_wrap>div:last-child p:last-child{margin-top:20px;}

.group_stylelux_lecture_content h4{font-size:2.2rem; margin-bottom:20px;} /*22px*/
 .group_sub_company .group_stylelux_lecture_content{padding:30px 0;}

 .lecture_about h3 ,.group_stylelux_quration h3{margin-bottom:40px;}
 
 .num{
        
    left: 0px;   
}

 .lecture_about ul li div {
    padding-left: 0;
}
.lecture_about ul.mobile li:not(:last-child){margin-bottom:40px;}
.lecture_about ul.mobile li p{display:inline; letter-spacing: -.5px;}

.lecture_about ul li div strong{padding-left:0;}
.stylelux_lecture_program{display:block; margin-left:0;}
.stylelux_lecture_program>div:last-child p:last-child{margin-top:18px;font-size:4.73vw}/* 18px*/
.stylelux_lecture_program>div:last-child img{margin-right:7px;}


.quration_wrap.mobile>div:not(:last-child){margin-bottom:50px;}
.lecture_table_mobile{border:1px solid #C4C4C4; border-top-left-radius:20px;border-top-right-radius:20px;}

.lecture_table_mobile_wrap{background:#F3F3F3;
    border-top-left-radius:20px;border-top-right-radius:20px;}

    .lecture_table_mobile_wrap h5{text-align:center; padding:20px 0; 
        font-size:2.2rem;color:#3A3A3A; line-height:2.8rem;}
    .padd_ h5{padding:25px 0;}    

.lecture_table_mobile_content{padding:5vw; word-break: normal;}

.quration_wrap.mobile {
    margin-top: 30px;
}

.lecture_table_mobile_content h6{font-weight:700;
    margin-bottom:20px; font-size:2.4rem;}

.lecture_table_mobile_content p{margin-bottom:25px;}
.lp2 {
    margin-top: 30px;
}

.pro_inner.mobile{display:block;}

.culture_program>div:last-child {
     margin-left: auto; 
}
.histand_area h3{line-height:3.4rem;}
.hitableMobile h6{line-height:3.4rem;}

}

/*--------------------------------------------------------------------------------------------------------

                    컨설팅설명상세 company.php

-----------------------------------------------------------------------------------------------------------*/

.company_visual{position:relative; height:493px; background:url(../img/color_visual.png) no-repeat;
background-size:cover;}


.company_visual .route_nav a  , .company_fit_visual .route_nav a , .company_online_visual .route_nav a{ color:#F3F3F3;}
.visual_title{position:absolute; top:264px;}
.visual_title h2{font-size:6.2rem; font-weight:700; color:#fff;}
.visual_title p{font-size:2.4rem; color:#fff;}

.company_color_content01{margin:100px 0 60px;}
.company_color_content01 h3{font-size:2.8rem;text-transform: capitalize; margin-bottom:40px;font-weight:700; }
.company_color_content01 h3 span{font-size:2.2rem; font-weight:400;}
.color_wrap{display:flex;}
.color_wrap_img{width:47.8%; }
.color_wrap_txt01{width:45.7%;margin-left:3.57%;}
.color_wrap_txt01 p {font-size:2.4rem; line-height:4rem;color:#3A3A3A}
.color_wrap_txt01 p span ,.color_wrap_txt02 p span{font-weight:700;}

.company_color_content02 {background:#DFDAD4; padding:200px 0;}
.color_logo{text-align:center; padding-bottom:47px;}
.color_wrap_txt02 p{font-size:3.2rem;text-align:center;line-height:5.4rem;
    color:#3A3A3A; margin-bottom:100px;}
.color_wrap_detail{text-align: center;}
.color_inner{background:#fff;}
.color_wrap_detail.color_inner img{display:block; padding:30px 80px; width:100%;}


.company_color_content03{background:#F1F1F1; padding:200px 0}
.company_color_content03>.container{text-align:center;}
.company_color_content03>.container>p{font-size:3.2rem;text-align:center;line-height:5.4rem;
    color:#3A3A3A;}

.company_color_content04{padding:100px 0;}    
.company_color_content04 .content04_img{text-align:center;}

.company_color_content05{background:#DFDAD4; padding:100px 0 100px;}

.content05_wrap{display:flex; align-items: center; margin-bottom:63px;}
.content05_wrap>h3{color:#F1637A; font-size:12rem; font-weight:700; margin-bottom:0;}
.content05_wrap>p{font-size:3.2rem;line-height:5.4rem;
    color:#3A3A3A; margin-left:34px;}

.color_move{width:50%; height:100px; background:darkgray; margin-left: 28%;}
.color_move a{display:block; width:100%; height:100px; line-height:100px; 
    text-align:center; color:#fff; font-size:4.2rem; }


.company_fit_visual{
    position:relative; height:493px; background:url(../img/fit_visual.png) no-repeat;
background-size:cover;
}

.company_02 .fit_text p , .company_03 .fit_text p{text-align:left;}

.company_color_content02 .color_wrap_detail .sev_ex{justify-content: center; max-width:100%;}

.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle.color_cir::before{
    background:rgba(255,255,255,.5);
}


.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle .icon_fit_1{
    background:url(../img/icon_fit_1.svg)center top no-repeat;
    background-size:5vw!important;
    
}

.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle .icon_fit_2{
    background:url(../img/icon_fit_2.svg)center top no-repeat;
    background-size:4.8vw!important;
}

.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle .icon_fit_3{
    background:url(../img/icon_fit_3.svg)center top no-repeat;
    background-size:3.8vw!important;
}

.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle .icon_fit_4{
    background:url(../img/icon_fit_4.svg)center top no-repeat;
    background-size:4.5vw!important;
}

.fit_data{margin-top:40px; font-size:2.8rem; font-weight:500;color:#3A3A3A;}
.fit_data span{font-size:2.2rem;}




.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle h5{padding-top:5.9vw; line-height:2.3rem;}

.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle{width:15.11vw; height:15.11vw;}

.content03_wrap>p{font-size:3.2rem;line-height:5.4rem;
    color:#3A3A3A; margin-bottom:60px;}




.company_online_visual{
 position:relative; height:493px; background:url(../img/online_visual.png) no-repeat;
    background-size:cover;
}    

.company_online_visual .visual_title p{
    line-height:4rem;
}

.company_color_content02 .color_wrap_detail .lt_item .color_cir1 .icon_mRe{
    background:url(../img/icon_mainOn.svg)center top no-repeat;
    background-size:7vw!important;}

.company_color_content02 .color_wrap_detail .lt_item .color_cir2 .icon_mRe{
    background:url(../img/icon_fit_3.svg)center top no-repeat;
   background-size:3.8vw!important;}
.company_color_content02 .color_wrap_detail .sev_ex .rt .round_box{width:27.6vw;height:16.31vw;
border-radius:170px;}

.company_color_content02 .color_wrap_detail .sev_ex .rt .round_box:before{
    border-radius:170px; background:rgba(255,255,255,.5);
}

.company_color_content02 .color_wrap_detail .sev_ex .rt .round_box > div h5{font-size:3.1rem;}
.company_color_content02 .color_wrap_detail .sev_ex .rt .round_box .hes_icon > h6{font-size:2.3rem; padding-top:4.2vw;}
.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle.color_cir2{margin:0 -30px;}

.company_color_content02 .color_wrap_detail .sev_ex .rt .round_box .hes_icon .ex_skin{background-size:100%!important;}
.company_color_content02 .color_wrap_detail .sev_ex .rt .round_box .hes_icon .ex_eye{background-size:100%!important; margin: 0 40px;}
.company_color_content02 .color_wrap_detail .sev_ex .rt .round_box .hes_icon .ex_hair{background-size:100%!important;}

/*--------------------------------------------------------------------------------------------------------

                    컨설팅설명상세 company.php 미디어쿼리

-----------------------------------------------------------------------------------------------------------*/
@media (max-width:1200px){
    .company_visual .container{width:82.8%; margin:0 auto;}
    .company_visual{background:url(../img/color_visual_mobile.png); background-size:cover;height:210px;}
    .visual_title{position:absolute; top:60px;}

    .visual_title h2{font-size:3.6rem; margin-bottom:0;}
    .visual_title p{width:81%; font-size:1.6rem;}

    .company_color_content01 h3 {font-size: 2rem;}
    .company_color_content01 h3 span {font-size: 1.6rem;}
.company_color_content01{margin:40px 0 0 0;}

.color_wrap{display:block;}
.color_wrap_img{margin-bottom:40px;}
.color_wrap_img ,.color_wrap_txt01 {width:100%;}
.color_wrap_txt01 p{font-size:1.8rem;line-height:2.8rem;}

.company_color_content02{padding:100px 0 80px;}
.color_wrap_txt02 p{font-size:2.3rem; line-height:4rem; text-align:left; margin-bottom:40px;}
.color_logo{width:144px; margin:0 auto;}

.color_wrap_detail.color_inner img{padding:30px 20px;}

.company_color_content03{padding:100px 0;}

.company_color_content03>.container>p{font-size:2.3rem; line-height:4rem; text-align:left; }
.content05_wrap{display:block; margin-bottom:40px;}
.content05_wrap h3{font-size:6rem;margin-bottom:40px; text-align:center;}
.content05_wrap>p{font-size:2.6rem; line-height:4.5rem; margin:0;}
.color_move{width:100%;height:65px;margin: auto; display: block;}

.color_move a{width:100%; height:65px; line-height:65px; font-size:2.6rem; }

.company_fit_visual .container{width:82.8%; margin:0 auto;}
.company_fit_visual{background:url(../img/fit_visual_mobile.png); background-size:cover;height:210px;}
.color_wrap_txt01{margin:0;}

.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle {
    width: 45.9vw;
    height: 45.9vw;
}


.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle {margin:-10px -1.8vw;}


.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle .icon_fit_1{
    background-size:15vw!important;
}

.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle .icon_fit_2{
    background-size:14.5vw!important;
}
.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle .icon_fit_3{
    background-size:11vw!important;
}
.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle .icon_fit_4{
    background-size:13vw!important;
}
.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle h5{
    font-size:3.27vw; line-height:3.5vw; padding-top:16vw;}

.fit_data{font-size:2.9rem;}
.fit_data span{font-size:1.8rem;}


.content03_wrap>p{font-size:2.3rem; line-height:4rem;}



.company_online_visual .container{width:82.8%; margin:0 auto;}
.company_online_visual{background:url(../img/online_visual_mobile.png); background-size:cover;height:210px;}


.company_online_visual .visual_title p{width:96%; line-height:2.4rem;}

.company_color_content02 .online_inner .sev_ex{display:block;}

.company_color_content02 .color_wrap_detail .sev_ex .rt .round_box{
     width: 82.7vw;
    height: 48.6vw;}




.company_color_content02 .color_wrap_detail .sev_ex .lft .lt_item .circle h5{font-size:3.27vw;}

.company_color_content02 .color_wrap_detail .lt_item .color_cir1 .icon_mRe{background-size:18vw!important}

.company_color_content02 .color_wrap_detail .sev_ex .rt .round_box > div h5{font-size:4.43vw;}

.company_color_content02 .color_wrap_detail .sev_ex .rt{margin-top:-8px;}
.company_color_content02 .color_wrap_detail .sev_ex .lft{margin-top:-18px;}

.company_color_content02 .color_wrap_detail .sev_ex .rt .round_box .hes_icon > h6{
    font-size:3.27vw;padding-top: 15.9vw;}

.company_color_content02 .color_wrap_detail .sev_ex .rt .round_box .hes_icon h6{background-size:12vw!important; width:20%;}
    .company_color_content02 .color_wrap_detail .sev_ex .rt .round_box .hes_icon .ex_eye{
        margin:6px 10px 0px 10px;}

        .company_color_content02 .color_wrap_detail .lt_item .color_cir2 .icon_mRe{background-size:10vw!important;}















}












/*------------------shop------------------*/

/*shop : 리스트*/
.sub_bd_tit {
    border-bottom: 3px solid #222;
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative;
}

#shop_list_slt {
    display: inline-block;
    width: 150px;
    box-shadow: 0 0 0;
    border-radius: 0px;
    border: 0px;
    font-size: 17px;
    height: 40px;
    padding: 0px 10px;
    font-weight: 600;
    color: #676767;
}
.local_sch .btn_submit {
    display: inline-block;
    font-weight: 300;
    padding: 0 10px;
    height: 39px;
    line-height: 39px;
    border-radius: 0;
    background-color: #111;
    color: #fff;
    border: 1px solid #111;
    width: 100%;
    text-align: center;
    width: 60px;
    margin-left: 15px;
}

/*.pagination_wrp {
    text-align: center;
    /* border-top: 1px solid #ddd; 
    padding-top: 20px;
    margin-top: 40px;
}*/
.pagination_wrp .pagination {
    display: inline-block;
}
.pagination_wrp .pagination li a {
    border: 0px;
    color: #bbb;
    font-size: 15px;
    display: inline-block;
    line-height: 38px;
    padding: 0 15px;
}

.pagination_wrp .pagination li a.next {
    height: 38px;
    width: 38px;
    border: 1px solid #ddd;
    border-radius: 0px;
    padding: 0px;
    background: url(../img/main_bd_tit.png) 14px center no-repeat;
}
.pagination_wrp .pagination li a.next {
    margin-left: 15px;
}
.pagination_wrp .pagination li a.pre {
    height: 38px;
    width: 38px;
    border: 1px solid #ddd;
    border-radius: 0px;
    padding: 0px;
    background: url(../img/main_bd_tit.png) 14px center no-repeat;
}
.pagination_wrp .pagination li a.pre {
    transform: rotate(180deg); /*해당요소 180도 변경 이전페이지 생성버튼 */
    margin-right: 15px;
}
.pagination_wrp .pagination li.active a {
    color: #111;
    background-color: transparent !important;
}
.pagination_wrp .pagination li:hover a {
    background-color: #f4f4f4;
}
@media (max-width: 1200px) {
    #shop_list_slt {
        width: 80px;
        font-size: 13px;
        height: 30px;
        padding: 0 5px 0 0;
    }
    .local_sch .btn_submit {
        padding: 0 5px;
        height: 30px;
        line-height: 30px;
        width: 50px;
    }
    
    .pagination_wrp {
        padding-top: 10px;
        margin-top: 20px;
    }
    .pagination_wrp .pagination li a {
        font-size: 13px;
        line-height: 28px;
        padding: 0 10px;
    }
    .pagination_wrp .pagination li a.next,
    .pagination_wrp .pagination li a.pre {
        height: 28px;
        width: 28px;
        border: 1px solid #ddd;
        background: url(../img/main_bd_tit.png) 10px center no-repeat;
        background-size: 5px !important;
    }
    .pagination_wrp .pagination li a.next {
        margin-left: 10px;
    }
    .pagination_wrp .pagination li a.pre {
        margin-right: 10px;
    }
}

/*sit_ov_wrap*/
#sit_info_wrap.over_class,
#sit_ov_wrap.over_class {
    
    border-top: 0px;
    margin: 0 auto;
    background: #EDEDE9;
} /*상품상세페이지 배경색*/


/* bookSchedule */
.bookSchedule .table_arr {
    padding-top: 15px;
}
.bookSchedule .table_arr h5 {
    display: inline-block;
    vertical-align: middle;
    font-weight: 900 !important;
}
.bookSchedule .table_arr .prev,
.bookSchedule .table_arr .next {
    display: inline-block;
    height: 28px;
    width: 38px;
    background: url(../img/arr_des.png) center center no-repeat;
    vertical-align: middle;
    cursor: pointer;
}
.bookSchedule .table_arr .prev {
    transform: rotate(180deg);
}

/* datapicker */
.datepicker table thead tr:first-child th:hover {
    background: #f7f7f7;
    color: #333;
}

/* selectConsitem */
.selectConsitem {
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 4px;
    line-height: 1em;
    cursor: pointer;
    padding: 13px 25px;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.selectConsitem:hover {
    background-color: #fff;
}



/* stepsUseage */
.stepsUseage {
    border: 3px solid #ddd;
    padding: 30px 40px;
    margin-top: 25px;
}
.stepsUseage ul {
    margin: 0 -40px;
}
.stepsUseage ul li {
    padding: 0 40px;
    margin: 15px 0;
    position: relative;
}
.stepsUseage ul li .dot {
    position: absolute;
    right: 3px;
    top: 0;
    height: 100%;
}
.stepsUseage .stepItem {
    padding-right: 20px;
}
.stepsUseage .stepItem .icon {
    width: 50%;
    text-align: center;
}
.stepsUseage .stepItem .txt {
    padding-left: 15px;
}
.stepsUseage .stepItem .txt .nums {
    color: #aaa;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.stepsUseage .stepItem .txt .nums span {
    color: #333;
}
.stepsUseage .stepItem .txt p {
    line-height: 1.3em;
}
@media (max-width: 1200px) {
    .stepsUseage {
        border: 2px solid #ddd;
        padding: 0 15px;
        margin-top: 15px;
    }
    .stepsUseage ul li .dot {
        display: none;
    }
    .stepsUseage .stepItem .icon {
        width: 35%;
    }
    .stepsUseage .stepItem .icon img {
        width: 60px;
    }
}

/**
 * ==============================================
 * Dot Stretching
 * ==============================================
 */
 .dot-stretching {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #aaa;
    color: #aaa;
    transform: scale(1.25, 1.25);
    animation: dotStretching 2.5s infinite ease-in;
  }
  
  .dot-stretching::before, .dot-stretching::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
  }
  
  .dot-stretching::before {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ddd;
    color: #ddd;
    animation: dotStretchingBefore 2.5s infinite ease-in;
  }
  
  .dot-stretching::after {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ddd;
    color: #ddd;
    animation: dotStretchingAfter 2.5s infinite ease-in;
  }
  
  @keyframes dotStretching {
    0% {
      transform: scale(1.25, 1.25);
    }
    50%,
    60% {
      transform: scale(0.8, 0.8);
    }
    100% {
      transform: scale(1.25, 1.25);
    }
  }
  
  @keyframes dotStretchingBefore {
    0% {
      transform: translate(0) scale(0.7, 0.7);
    }
    50%,
    60% {
      transform: translate(-15px) scale(1, 1);
    }
    100% {
      transform: translate(0) scale(0.7, 0.7);
    }
  }
  
  @keyframes dotStretchingAfter {
    0% {
      transform: translate(0) scale(0.7, 0.7);
    }
    50%,
    60% {
      transform: translate(15px) scale(1, 1);
    }
    100% {
      transform: translate(0) scale(0.7, 0.7);
    }
}
.lostinfo {
    display: table;
    height: 100vh;
    margin: 0 auto;
    max-width: 500px;
    padding: 0 15px;
    width: 100%;
    position: relative;
    z-index: 50;
}
.lostinfo .center-sign {
    display: table-cell;
    padding-top: 20px;
    vertical-align: middle;
}
.lostinfo .center-sign .panel-sign {
    border: 1px solid #ddd;
    padding: 40px 33px;
}
.lostinfo .center-sign .panel-sign .my_top {
    margin-top: 20px;
}
.lostinfo .center-sign .panel-sign .my_top .row {
    margin: 0 -5px;
}
.lostinfo .center-sign .panel-sign .my_top .row > div {
    padding: 0 5px;
}
.lostinfo .center-sign .panel-sign .my_top a {
    text-decoration: none;
    display: block;
    border-radius: 10px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    padding: 25px 15px 15px;
    margin: 5px;
}
.lostinfo .center-sign .panel-sign .my_top a img {
    opacity: .7;
    width: 50px;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.lostinfo .center-sign .panel-sign .my_top a p {
    margin-top: 5px;
    opacity: .7;
}
.lostinfo .center-sign .panel-sign .my_top a,
.lostinfo .center-sign .panel-sign .my_top a img,
.lostinfo .center-sign .panel-sign .my_top a p {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.lostinfo .center-sign .panel-sign .my_top a:hover {
    border-color: #e82828;
    background-color: #fff;
}
.lostinfo .center-sign .panel-sign .my_top a:hover img,
.lostinfo .center-sign .panel-sign .my_top a:hover p {
    opacity: 1;
}


/* 2022-11-11 */
h4.dft {text-align:left;}
.text-right{text-align:right !important;}
.pouch_top{margin-top:60px;}

/* table */
.order_tabel2{text-align:left;}

/* margin */
.mg_0{margin:0;}.mt_0{margin-top:0;}.mr_0{margin-right:0;}.mb_0{margin-bottom:0;}.ml_0{margin-left:0;}
/* margin : px */
.mg_1{margin:1px;}.mg_2{margin:2px;}.mg_3{margin:3px;}.mg_4{margin:4px;}.mg_5{margin:5px;}.mg_6{margin:6px;}.mg_7{margin:7px;}.mg_8{margin:8px;}.mg_9{margin:9px;}.mg_10{margin:10px;}.mg_11{margin:11px;}.mg_12{margin:12px;}.mg_13{margin:13px;}.mg_14{margin:14px;}.mg_15{margin:15px;}.mg_16{margin:16px;}.mg_17{margin:17px;}.mg_18{margin:18px;}.mg_19{margin:19px;}.mg_20{margin:20px;}.mg_21{margin:21px;}.mg_22{margin:22px;}.mg_23{margin:23px;}.mg_24{margin:24px;}.mg_25{margin:25px;}.mg_26{margin:26px;}.mg_27{margin:27px;}.mg_28{margin:28px;}.mg_29{margin:29px;}.mg_30{margin:30px;}.mg_31{margin:31px;}.mg_32{margin:32px;}.mg_33{margin:33px;}.mg_34{margin:34px;}.mg_35{margin:35px;}.mg_36{margin:36px;}.mg_37{margin:37px;}.mg_38{margin:38px;}.mg_39{margin:39px;}.mg_40{margin:40px;}.mg_41{margin:41px;}.mg_42{margin:42px;}.mg_43{margin:43px;}.mg_44{margin:44px;}.mg_45{margin:45px;}.mg_46{margin:46px;}.mg_47{margin:47px;}.mg_48{margin:48px;}.mg_49{margin:49px;}.mg_50{margin:50px;}.mg_51{margin:51px;}.mg_52{margin:52px;}.mg_53{margin:53px;}.mg_54{margin:54px;}.mg_55{margin:55px;}.mg_56{margin:56px;}.mg_57{margin:57px;}.mg_58{margin:58px;}.mg_59{margin:59px;}.mg_60{margin:60px;}.mg_61{margin:61px;}.mg_62{margin:62px;}.mg_63{margin:63px;}.mg_64{margin:64px;}.mg_65{margin:65px;}.mg_66{margin:66px;}.mg_67{margin:67px;}.mg_68{margin:68px;}.mg_69{margin:69px;}.mg_70{margin:70px;}.mg_71{margin:71px;}.mg_72{margin:72px;}.mg_73{margin:73px;}.mg_74{margin:74px;}.mg_75{margin:75px;}.mg_76{margin:76px;}.mg_77{margin:77px;}.mg_78{margin:78px;}.mg_79{margin:79px;}.mg_80{margin:80px;}.mg_81{margin:81px;}.mg_82{margin:82px;}.mg_83{margin:83px;}.mg_84{margin:84px;}.mg_85{margin:85px;}.mg_86{margin:86px;}.mg_87{margin:87px;}.mg_88{margin:88px;}.mg_89{margin:89px;}.mg_90{margin:90px;}.mg_91{margin:91px;}.mg_92{margin:92px;}.mg_93{margin:93px;}.mg_94{margin:94px;}.mg_95{margin:95px;}.mg_96{margin:96px;}.mg_97{margin:97px;}.mg_98{margin:98px;}.mg_99{margin:99px;}.mg_100{margin:100px;}
/* margin : top : px */
.mt_1{margin-top:1px;}.mt_2{margin-top:2px;}.mt_3{margin-top:3px;}.mt_4{margin-top:4px;}.mt_5{margin-top:5px;}.mt_6{margin-top:6px;}.mt_7{margin-top:7px;}.mt_8{margin-top:8px;}.mt_9{margin-top:9px;}.mt_10{margin-top:10px;}.mt_11{margin-top:11px;}.mt_12{margin-top:12px;}.mt_13{margin-top:13px;}.mt_14{margin-top:14px;}.mt_15{margin-top:15px;}.mt_16{margin-top:16px;}.mt_17{margin-top:17px;}.mt_18{margin-top:18px;}.mt_19{margin-top:19px;}.mt_20{margin-top:20px;}.mt_21{margin-top:21px;}.mt_22{margin-top:22px;}.mt_23{margin-top:23px;}.mt_24{margin-top:24px;}.mt_25{margin-top:25px;}.mt_26{margin-top:26px;}.mt_27{margin-top:27px;}.mt_28{margin-top:28px;}.mt_29{margin-top:29px;}.mt_30{margin-top:30px;}.mt_31{margin-top:31px;}.mt_32{margin-top:32px;}.mt_33{margin-top:33px;}.mt_34{margin-top:34px;}.mt_35{margin-top:35px;}.mt_36{margin-top:36px;}.mt_37{margin-top:37px;}.mt_38{margin-top:38px;}.mt_39{margin-top:39px;}.mt_40{margin-top:40px;}.mt_41{margin-top:41px;}.mt_42{margin-top:42px;}.mt_43{margin-top:43px;}.mt_44{margin-top:44px;}.mt_45{margin-top:45px;}.mt_46{margin-top:46px;}.mt_47{margin-top:47px;}.mt_48{margin-top:48px;}.mt_49{margin-top:49px;}.mt_50{margin-top:50px;}.mt_51{margin-top:51px;}.mt_52{margin-top:52px;}.mt_53{margin-top:53px;}.mt_54{margin-top:54px;}.mt_55{margin-top:55px;}.mt_56{margin-top:56px;}.mt_57{margin-top:57px;}.mt_58{margin-top:58px;}.mt_59{margin-top:59px;}.mt_60{margin-top:60px;}.mt_61{margin-top:61px;}.mt_62{margin-top:62px;}.mt_63{margin-top:63px;}.mt_64{margin-top:64px;}.mt_65{margin-top:65px;}.mt_66{margin-top:66px;}.mt_67{margin-top:67px;}.mt_68{margin-top:68px;}.mt_69{margin-top:69px;}.mt_70{margin-top:70px;}.mt_71{margin-top:71px;}.mt_72{margin-top:72px;}.mt_73{margin-top:73px;}.mt_74{margin-top:74px;}.mt_75{margin-top:75px;}.mt_76{margin-top:76px;}.mt_77{margin-top:77px;}.mt_78{margin-top:78px;}.mt_79{margin-top:79px;}.mt_80{margin-top:80px;}.mt_81{margin-top:81px;}.mt_82{margin-top:82px;}.mt_83{margin-top:83px;}.mt_84{margin-top:84px;}.mt_85{margin-top:85px;}.mt_86{margin-top:86px;}.mt_87{margin-top:87px;}.mt_88{margin-top:88px;}.mt_89{margin-top:89px;}.mt_90{margin-top:90px;}.mt_91{margin-top:91px;}.mt_92{margin-top:92px;}.mt_93{margin-top:93px;}.mt_94{margin-top:94px;}.mt_95{margin-top:95px;}.mt_96{margin-top:96px;}.mt_97{margin-top:97px;}.mt_98{margin-top:98px;}.mt_99{margin-top:99px;}.mt_100{margin-top:100px;}
/* margin : right : px */
.mr_1{margin-right:1px;}.mr_2{margin-right:2px;}.mr_3{margin-right:3px;}.mr_4{margin-right:4px;}.mr_5{margin-right:5px;}.mr_6{margin-right:6px;}.mr_7{margin-right:7px;}.mr_8{margin-right:8px;}.mr_9{margin-right:9px;}.mr_10{margin-right:10px;}.mr_11{margin-right:11px;}.mr_12{margin-right:12px;}.mr_13{margin-right:13px;}.mr_14{margin-right:14px;}.mr_15{margin-right:15px;}.mr_16{margin-right:16px;}.mr_17{margin-right:17px;}.mr_18{margin-right:18px;}.mr_19{margin-right:19px;}.mr_20{margin-right:20px;}.mr_21{margin-right:21px;}.mr_22{margin-right:22px;}.mr_23{margin-right:23px;}.mr_24{margin-right:24px;}.mr_25{margin-right:25px;}.mr_26{margin-right:26px;}.mr_27{margin-right:27px;}.mr_28{margin-right:28px;}.mr_29{margin-right:29px;}.mr_30{margin-right:30px;}.mr_31{margin-right:31px;}.mr_32{margin-right:32px;}.mr_33{margin-right:33px;}.mr_34{margin-right:34px;}.mr_35{margin-right:35px;}.mr_36{margin-right:36px;}.mr_37{margin-right:37px;}.mr_38{margin-right:38px;}.mr_39{margin-right:39px;}.mr_40{margin-right:40px;}.mr_41{margin-right:41px;}.mr_42{margin-right:42px;}.mr_43{margin-right:43px;}.mr_44{margin-right:44px;}.mr_45{margin-right:45px;}.mr_46{margin-right:46px;}.mr_47{margin-right:47px;}.mr_48{margin-right:48px;}.mr_49{margin-right:49px;}.mr_50{margin-right:50px;}.mr_51{margin-right:51px;}.mr_52{margin-right:52px;}.mr_53{margin-right:53px;}.mr_54{margin-right:54px;}.mr_55{margin-right:55px;}.mr_56{margin-right:56px;}.mr_57{margin-right:57px;}.mr_58{margin-right:58px;}.mr_59{margin-right:59px;}.mr_60{margin-right:60px;}.mr_61{margin-right:61px;}.mr_62{margin-right:62px;}.mr_63{margin-right:63px;}.mr_64{margin-right:64px;}.mr_65{margin-right:65px;}.mr_66{margin-right:66px;}.mr_67{margin-right:67px;}.mr_68{margin-right:68px;}.mr_69{margin-right:69px;}.mr_70{margin-right:70px;}.mr_71{margin-right:71px;}.mr_72{margin-right:72px;}.mr_73{margin-right:73px;}.mr_74{margin-right:74px;}.mr_75{margin-right:75px;}.mr_76{margin-right:76px;}.mr_77{margin-right:77px;}.mr_78{margin-right:78px;}.mr_79{margin-right:79px;}.mr_80{margin-right:80px;}.mr_81{margin-right:81px;}.mr_82{margin-right:82px;}.mr_83{margin-right:83px;}.mr_84{margin-right:84px;}.mr_85{margin-right:85px;}.mr_86{margin-right:86px;}.mr_87{margin-right:87px;}.mr_88{margin-right:88px;}.mr_89{margin-right:89px;}.mr_90{margin-right:90px;}.mr_91{margin-right:91px;}.mr_92{margin-right:92px;}.mr_93{margin-right:93px;}.mr_94{margin-right:94px;}.mr_95{margin-right:95px;}.mr_96{margin-right:96px;}.mr_97{margin-right:97px;}.mr_98{margin-right:98px;}.mr_99{margin-right:99px;}.mr_100{margin-right:100px;}
/* margin : bottom : px */
.mb_1{margin-bottom:1px;}.mb_2{margin-bottom:2px;}.mb_3{margin-bottom:3px;}.mb_4{margin-bottom:4px;}.mb_5{margin-bottom:5px;}.mb_6{margin-bottom:6px;}.mb_7{margin-bottom:7px;}.mb_8{margin-bottom:8px;}.mb_9{margin-bottom:9px;}.mb_10{margin-bottom:10px;}.mb_11{margin-bottom:11px;}.mb_12{margin-bottom:12px;}.mb_13{margin-bottom:13px;}.mb_14{margin-bottom:14px;}.mb_15{margin-bottom:15px;}.mb_16{margin-bottom:16px;}.mb_17{margin-bottom:17px;}.mb_18{margin-bottom:18px;}.mb_19{margin-bottom:19px;}.mb_20{margin-bottom:20px;}.mb_21{margin-bottom:21px;}.mb_22{margin-bottom:22px;}.mb_23{margin-bottom:23px;}.mb_24{margin-bottom:24px;}.mb_25{margin-bottom:25px;}.mb_26{margin-bottom:26px;}.mb_27{margin-bottom:27px;}.mb_28{margin-bottom:28px;}.mb_29{margin-bottom:29px;}.mb_30{margin-bottom:30px;}.mb_31{margin-bottom:31px;}.mb_32{margin-bottom:32px;}.mb_33{margin-bottom:33px;}.mb_34{margin-bottom:34px;}.mb_35{margin-bottom:35px;}.mb_36{margin-bottom:36px;}.mb_37{margin-bottom:37px;}.mb_38{margin-bottom:38px;}.mb_39{margin-bottom:39px;}.mb_40{margin-bottom:40px;}.mb_41{margin-bottom:41px;}.mb_42{margin-bottom:42px;}.mb_43{margin-bottom:43px;}.mb_44{margin-bottom:44px;}.mb_45{margin-bottom:45px;}.mb_46{margin-bottom:46px;}.mb_47{margin-bottom:47px;}.mb_48{margin-bottom:48px;}.mb_49{margin-bottom:49px;}.mb_50{margin-bottom:50px;}.mb_51{margin-bottom:51px;}.mb_52{margin-bottom:52px;}.mb_53{margin-bottom:53px;}.mb_54{margin-bottom:54px;}.mb_55{margin-bottom:55px;}.mb_56{margin-bottom:56px;}.mb_57{margin-bottom:57px;}.mb_58{margin-bottom:58px;}.mb_59{margin-bottom:59px;}.mb_60{margin-bottom:60px;}.mb_61{margin-bottom:61px;}.mb_62{margin-bottom:62px;}.mb_63{margin-bottom:63px;}.mb_64{margin-bottom:64px;}.mb_65{margin-bottom:65px;}.mb_66{margin-bottom:66px;}.mb_67{margin-bottom:67px;}.mb_68{margin-bottom:68px;}.mb_69{margin-bottom:69px;}.mb_70{margin-bottom:70px;}.mb_71{margin-bottom:71px;}.mb_72{margin-bottom:72px;}.mb_73{margin-bottom:73px;}.mb_74{margin-bottom:74px;}.mb_75{margin-bottom:75px;}.mb_76{margin-bottom:76px;}.mb_77{margin-bottom:77px;}.mb_78{margin-bottom:78px;}.mb_79{margin-bottom:79px;}.mb_80{margin-bottom:80px;}.mb_81{margin-bottom:81px;}.mb_82{margin-bottom:82px;}.mb_83{margin-bottom:83px;}.mb_84{margin-bottom:84px;}.mb_85{margin-bottom:85px;}.mb_86{margin-bottom:86px;}.mb_87{margin-bottom:87px;}.mb_88{margin-bottom:88px;}.mb_89{margin-bottom:89px;}.mb_90{margin-bottom:90px;}.mb_91{margin-bottom:91px;}.mb_92{margin-bottom:92px;}.mb_93{margin-bottom:93px;}.mb_94{margin-bottom:94px;}.mb_95{margin-bottom:95px;}.mb_96{margin-bottom:96px;}.mb_97{margin-bottom:97px;}.mb_98{margin-bottom:98px;}.mb_99{margin-bottom:99px;}.mb_100{margin-bottom:100px;}
/* margin : left : px */
.ml_1{margin-left:1px;}.ml_2{margin-left:2px;}.ml_3{margin-left:3px;}.ml_4{margin-left:4px;}.ml_5{margin-left:5px;}.ml_6{margin-left:6px;}.ml_7{margin-left:7px;}.ml_8{margin-left:8px;}.ml_9{margin-left:9px;}.ml_10{margin-left:10px;}.ml_11{margin-left:11px;}.ml_12{margin-left:12px;}.ml_13{margin-left:13px;}.ml_14{margin-left:14px;}.ml_15{margin-left:15px;}.ml_16{margin-left:16px;}.ml_17{margin-left:17px;}.ml_18{margin-left:18px;}.ml_19{margin-left:19px;}.ml_20{margin-left:20px;}.ml_21{margin-left:21px;}.ml_22{margin-left:22px;}.ml_23{margin-left:23px;}.ml_24{margin-left:24px;}.ml_25{margin-left:25px;}.ml_26{margin-left:26px;}.ml_27{margin-left:27px;}.ml_28{margin-left:28px;}.ml_29{margin-left:29px;}.ml_30{margin-left:30px;}.ml_31{margin-left:31px;}.ml_32{margin-left:32px;}.ml_33{margin-left:33px;}.ml_34{margin-left:34px;}.ml_35{margin-left:35px;}.ml_36{margin-left:36px;}.ml_37{margin-left:37px;}.ml_38{margin-left:38px;}.ml_39{margin-left:39px;}.ml_40{margin-left:40px;}.ml_41{margin-left:41px;}.ml_42{margin-left:42px;}.ml_43{margin-left:43px;}.ml_44{margin-left:44px;}.ml_45{margin-left:45px;}.ml_46{margin-left:46px;}.ml_47{margin-left:47px;}.ml_48{margin-left:48px;}.ml_49{margin-left:49px;}.ml_50{margin-left:50px;}.ml_51{margin-left:51px;}.ml_52{margin-left:52px;}.ml_53{margin-left:53px;}.ml_54{margin-left:54px;}.ml_55{margin-left:55px;}.ml_56{margin-left:56px;}.ml_57{margin-left:57px;}.ml_58{margin-left:58px;}.ml_59{margin-left:59px;}.ml_60{margin-left:60px;}.ml_61{margin-left:61px;}.ml_62{margin-left:62px;}.ml_63{margin-left:63px;}.ml_64{margin-left:64px;}.ml_65{margin-left:65px;}.ml_66{margin-left:66px;}.ml_67{margin-left:67px;}.ml_68{margin-left:68px;}.ml_69{margin-left:69px;}.ml_70{margin-left:70px;}.ml_71{margin-left:71px;}.ml_72{margin-left:72px;}.ml_73{margin-left:73px;}.ml_74{margin-left:74px;}.ml_75{margin-left:75px;}.ml_76{margin-left:76px;}.ml_77{margin-left:77px;}.ml_78{margin-left:78px;}.ml_79{margin-left:79px;}.ml_80{margin-left:80px;}.ml_81{margin-left:81px;}.ml_82{margin-left:82px;}.ml_83{margin-left:83px;}.ml_84{margin-left:84px;}.ml_85{margin-left:85px;}.ml_86{margin-left:86px;}.ml_87{margin-left:87px;}.ml_88{margin-left:88px;}.ml_89{margin-left:89px;}.ml_90{margin-left:90px;}.ml_91{margin-left:91px;}.ml_92{margin-left:92px;}.ml_93{margin-left:93px;}.ml_94{margin-left:94px;}.ml_95{margin-left:95px;}.ml_96{margin-left:96px;}.ml_97{margin-left:97px;}.ml_98{margin-left:98px;}.ml_99{margin-left:99px;}.ml_100{margin-left:100px;}
/* height : px */
.h_1{height:1px;}.h_2{height:2px;}.h_3{height:3px;}.h_4{height:4px;}.h_5{height:5px;}.h_6{height:6px;}.h_7{height:7px;}.h_8{height:8px;}.h_9{height:9px;}.h_10{height:10px;}.h_11{height:11px;}.h_12{height:12px;}.h_13{height:13px;}.h_14{height:14px;}.h_15{height:15px;}.h_16{height:16px;}.h_17{height:17px;}.h_18{height:18px;}.h_19{height:19px;}.h_20{height:20px;}.h_21{height:21px;}.h_22{height:22px;}.h_23{height:23px;}.h_24{height:24px;}.h_25{height:25px;}.h_26{height:26px;}.h_27{height:27px;}.h_28{height:28px;}.h_29{height:29px;}.h_30{height:30px;}.h_31{height:31px;}.h_32{height:32px;}.h_33{height:33px;}.h_34{height:34px;}.h_35{height:35px;}.h_36{height:36px;}.h_37{height:37px;}.h_38{height:38px;}.h_39{height:39px;}.h_40{height:40px;}.h_41{height:41px;}.h_42{height:42px;}.h_43{height:43px;}.h_44{height:44px;}.h_45{height:45px;}.h_46{height:46px;}.h_47{height:47px;}.h_48{height:48px;}.h_49{height:49px;}.h_50{height:50px;}.h_51{height:51px;}.h_52{height:52px;}.h_53{height:53px;}.h_54{height:54px;}.h_55{height:55px;}.h_56{height:56px;}.h_57{height:57px;}.h_58{height:58px;}.h_59{height:59px;}.h_60{height:60px;}.h_61{height:61px;}.h_62{height:62px;}.h_63{height:63px;}.h_64{height:64px;}.h_65{height:65px;}.h_66{height:66px;}.h_67{height:67px;}.h_68{height:68px;}.h_69{height:69px;}.h_70{height:70px;}.h_71{height:71px;}.h_72{height:72px;}.h_73{height:73px;}.h_74{height:74px;}.h_75{height:75px;}.h_76{height:76px;}.h_77{height:77px;}.h_78{height:78px;}.h_79{height:79px;}.h_80{height:80px;}.h_81{height:81px;}.h_82{height:82px;}.h_83{height:83px;}.h_84{height:84px;}.h_85{height:85px;}.h_86{height:86px;}.h_87{height:87px;}.h_88{height:88px;}.h_89{height:89px;}.h_90{height:90px;}.h_91{height:91px;}.h_92{height:92px;}.h_93{height:93px;}.h_94{height:94px;}.h_95{height:95px;}.h_96{height:96px;}.h_97{height:97px;}.h_98{height:98px;}.h_99{height:99px;}.h_100{height:100px;}




/*상품 찜하기 하트모양 CSS*/
.heart {
  width: 50px;
  height: 50px;
  position: relative;
  cursor: pointer;
  margin-left: 33px; /*하트 상자안 마진 0222*/
  margin-top: 8px;
}

.heart::before,
.heart::after {
  content: "";
  position: absolute;
  left: 25px;
  top: 0;
  width: 25px;
  height: 40px;
  background: pink;
  border-radius: 25px 25px 0 0;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}

.heart::after {
  left: 0;
  transform: rotate(45deg);
  transform-origin: 100% 100%;
}

.heart.is-active::before,
.heart.is-active::after {
  background: red;
}

@media(max-width:920px){
.heart {
  width: 50px;
  height: 50px;
  position: relative;
  cursor: pointer;
   /*하트 상자안 마진 0222*/
  margin-top: 8px;
}

.heart::before,
.heart::after {
  content: "";
  position: absolute;
  left: 18px;
  top: 0;
  width: 18px;
  height: 30px;
  background: pink;
  border-radius: 30px 30px 0 0;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}

.heart::after {
  left: 0;
  transform: rotate(45deg);
  transform-origin: 100% 100%;
}

.heart.is-active::before,
.heart.is-active::after {
  background: red;
}
} /*mobile 0228.fixed */

/*OPA_3_ Curator 220323*/
.opa3_visual_title{position:absolute; top:120px;} /**/
.opa3_visual_title h2{font-size:6.2rem; font-weight:700; color:#fff;}
.opa3_visual_title p{font-size:2.4rem; color:#fff;}
.opa_container2 {margin-left: 25%; padding: 100px;} /*여백 첫번째*/
.opa_container4{margin-left: 38%}
.opa_container2 h2{margin-left: 10%}
.opa3_container3_title {margin-left: 35%}
.opa_container7 {margin-left: 30%; position: absolute; top: 6700px;} /*마지막 문단 여백*/
.opa_container7 h4{font-size: 2em} /*마지막 타이틀 크기*/
.opa_container3 h2{margin-left: 38%} /*과정수강대상 중앙정렬*/
/*홈 > opa 이동 */
.route_nav{display:flex;margin:44px 0 35px;}
.route_nav a{color:#8E8E8E;font-size:1.8rem; }
/*OPA_2_ ANALYSt 220323 */
.opa2_visual_title{position:absolute; top:120px;} /**/
.opa2_visual_title h2{font-size:6.2rem; font-weight:700; color:#fff;}
.opa2_visual_title p{font-size:2.4rem; color:#fff;}
.opa_container5 {margin-left: 30%; padding-top:200px;} /*두번째 문단*/
/*OPA_1_Specialist*/
.opa1_visual_title{position:absolute; top:120px;} 
.opa1_visual_title h2{font-size:6.2rem; font-weight:700; color:#fff;}
.opa1_visual_title p{font-size:2.4rem; color:#fff;}
.opa1_container3 {margin: 38%}
.opa_container2 p{    font-size: 2.4rem;
    line-height: 4rem;
    color: #3A3A3A;} /*첫번째 문단 글자 크기*/    
.opa_container5 p{    font-size: 2.4rem;
    line-height: 4rem;
    color: #3A3A3A;} /*두번쨰 문단 글자 크기*/
.opa_container5 h2{margin-left: 10%}/*여백*/
.opa_container7 p{    font-size: 2.4rem;
    line-height: 4rem;
    color: #3A3A3A;} /*세번째 문단 글자 크기 (마지막)*/
.opa_container7 h4{margin-left: 25%}
.opa_container7 h5{margin-left: 25%}
/*Opa_미디어쿼리*/
@media(max-width:920px){
    .opa_container2 {margin-left: 1%;} /*문단 모바일 정렬*/
    .opa3_container3_title  {margin-left: 15%}
    .opa_container4 {margin-left: 14%}
    .opa_container4 h2 {font-size: 20px;}
    .opa3_visual_title{position:absolute; top:50px;}
	.opa3_visual_title h2{font-size:3.6rem; margin-bottom:0;}
    .opa3_visual_title p{width:81%; font-size:1.rem;}
    .opa3_container6{margin-left: 15%}
    .opa1_visual_title{position: absolute; top: 50px;}/*모바일 버전 opa1*/
    .opa1_visual_title h2{font-size:3.6rem; margin-bottom:0;}
    .opa1_visual_title p{width:81%; font-size:1.rem;}
    .opa_container2 p{font-size: large;} /*첫번째 문단 글자 크기*/
    .opa_container5 p{font-size: large;} /*두번쨰 문단 글자 크기*/
    .opa_container5 h2{margin-left: 30px; font-size: 22px;}/*두번째 문단 글자 여백*/
    .opa_container7 p{font-size: large;} /*세번째 문단 글자 크기 (마지막)*/
    .opa_container2 h2{margin-left: 14%; font-size: 20px;} /*첫번째문단 글자 여백*/
    .opa_container5 p{margin-left: 9%;} /*두번쨰 문단 글자 여백*/
    .opa_container6 p{font-size: large;} /*세번째 문단 글자크기*/
    .opa_container6 p{margin-left: 9%;} /*세번쨰 문단 글자여백*/
    .opa_container7 h4{font-size: 2.2em;} /*네번째 문단 글자 크기*/
    .opa_container7{margin-left: 10%; display: none;} /*네번째 문단 여백*/
    .opa_container7 {margin-left: 30%;} /*마지막 문단 여백*/
    .route_nav{display: none;}
    .opa_container3 h2{margin-left: 18%; font-size: 20px;} /*수강과정대상문구*/
    .opa_container5 {margin-left: 1%; padding-top:200px;}
}

/*마이페이지 리노베이션 */
.ReservationViewButton {
    margin-right: 80%;
}

table.offline_summary {
    border-collapse: separate; /* 테이블 셀 간의 경계를 별도로 유지 */
    border-spacing: 1em; /* 셀 간의 간격  */
    color: black; /*글자색*/
    white-space: nowrap; /*줄바꿈방지*/
  }
  
  table.offline_summary th {
    padding: 10px; /* th 요소의 내부 여백을 10px */
    text-align: center;
  }


  table.online_summary {
    border-collapse: separate; /* 테이블 셀 간의 경계를 별도로 유지 */
    border-spacing: 1em; /* 셀 간의 간격  */
    color: black; /*글자색*/
    white-space: nowrap; 
  }
  
  table.online_summary th {
    padding: 10px; /* th 요소의 내부 여백을 10px */
    text-align: center;
  }
  
.offline_summary_container {
    background-color: whitesmoke;
    padding: 20px 10px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 3px 3px 3px gray;
    
}

.online_summary_container {
    background-color: whitesmoke;
    padding: 0px; 
    text-align: center;
    border-radius: 10px;
    box-shadow: 3px 3px 3px gray;
    /* width: 740px; */
    overflow-y: scroll; /*모바일 마이페이지 예약건 y축스크롤*/
}

/*190523 상세조회*/
.on_offline_summary_container {
    background-color: whitesmoke;
    padding: 20px 0px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 3px 3px 3px gray;
    width: auto; /*260523 전체조회 여백오류 수정*/
    margin-top: 2em;
}
table.on_offline_summary {
    border-collapse: separate; /* 테이블 셀 간의 경계를 별도로 유지 */
    border-spacing: 1em; /* 셀 간의 간격  */
    color: black; /*글자색*/
    white-space: nowrap; 
  }
  table.on_offline_summary th {
    padding: 10px; /* th 요소의 내부 여백을 10px */
    text-align: center;
  }


  /*190523 리포트 테이블 마이페이지 */

.report_summary_container {
    background-color: whitesmoke;
    padding: 20px 10px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 3px 3px 3px gray;
}

table.report_summary {
    border-collapse: separate; /* 테이블 셀 간의 경계를 별도로 유지 */
    border-spacing: 1em; /* 셀 간의 간격  */
    color: black; /*글자색*/
    white-space: nowrap; 
  }
  
  table.report_summary th {
    padding: 10px; /* th 요소의 내부 여백을 10px */
    text-align: center;
  }


  
/*od_status 버튼 */
/*order = 주문 */
/*cancel = 취소*/
/*deposit = 입금 */
/*done = 완료 */
/*report = 리포트 보러가기*/

table.online_summary order_btn {
    ont-size: 15px;
    font-weight: 300;
    padding: 0 10px;
    height: 30px;
    border-radius: 0;
    background-color:black;
    color: #fff;
    border: 1px solid black;
    width: 100%;
    text-align: center;
    display: block;
    width: 50px;
}
table.offline_summary order_btn {
    ont-size: 15px;
    font-weight: 300;
    padding: 0 10px;
    height: 30px;
    border-radius: 0;
    background-color:black;
    color: #fff;
    border: 1px solid black;
    width: 100%;
    text-align: center;
    display: block;
    width: 50px;
}

table.online_summary cancel_btn {
    ont-size: 15px;
    font-weight: 300;
    padding: 0 10px;
    height: 30px;
    border-radius: 0;
    background-color: red;
    color: #fff;
    border: 1px solid red;
    width: 100%;
    text-align: center;
    display: block;
    width: 50px;
}
table.offline_summary cancel_btn {
    ont-size: 15px;
    font-weight: 300;
    padding: 0 10px;
    height: 30px;
    border-radius: 0;
    background-color: red;
    color: #fff;
    border: 1px solid red;
    width: 100%;
    text-align: center;
    display: block;
    width: 50px;
}

table.online_summary deposit_btn {
    ont-size: 15px;
    font-weight: 300;
    padding: 0 10px;
    height: 30px;
    border-radius: 0;
    background-color:gray;
    color: #fff;
    border: 1px solid gray;
    width: 100%;
    text-align: center;
    display: block;
    width: 50px;
}

table.offline_summary deposit_btn {
    ont-size: 15px;
    font-weight: 300;
    padding: 0 10px;
    height: 30px;
    border-radius: 0;
    background-color:gray;
    color: #fff;
    border: 1px solid gray;
    width: 100%;
    text-align: center;
    display: block;
    width: 50px;
}


table.online_summary done_btn {
    ont-size: 15px;
    font-weight: 300;
    padding: 0 10px;
    height: 30px;
    border-radius: 0;
    background-color: orange;
    color: #fff;
    border: 1px solid orange;
    width: 100%;
    text-align: center;
    display: block;
    width: 50px;
}

table.offline_summary done_btn {
    ont-size: 15px;
    font-weight: 300;
    padding: 0 10px;
    height: 30px;
    border-radius: 0;
    background-color: orange;
    color: #fff;
    border: 1px solid orange;
    width: 100%;
    text-align: center;
    display: block;
    width: 50px;
} 


table.online_summary report_btn {
    ont-size: 15px;
    font-weight: 300;
    padding: 0 10px;
    height: 30px;
    border-radius: 0;
    background-color:blueviolet;
    color: #fff;
    border: 1px solid blueviolet;
    width: 100%;
    text-align: center;
    display: block;
    width: 150px;
}


table.offline_summary report_btn {
    ont-size: 15px;
    font-weight: 300;
    padding: 0 10px;
    height: 30px;
    border-radius: 0;
    background-color:blueviolet;
    color: #fff;
    border: 1px solid blueviolet;
    width: 100%;
    text-align: center;
    display: block;
    width: 150px;
}

/*020623 기업프로그램 시작 */

/*직원복지*/ 
.route_nav_com{display:flex;margin: auto;}
.route_nav_com a{color:#8E8E8E;font-size:1.8rem; } 

.EWelfare_container4{
    background: #FFFFFF;
    font-size: 18px;
}

.Ewelfare_container6{
    display: flex;
    background: #FFFFFF;
    font-size: 18px;
} /*직원복지 및 4분할 사진 배열*/

.Executive_container6{
    display: flex;
    background:#FFFFFF;
    font-size: 18px;
} /*임원스타일링 모바일 3개의사진 배열*/


/*220523 미디어 쿼리:마이페이지 */

@media (max-width: 920px) {
    table.offline_summary {     
        border-collapse: collapse;
        border-spacing: 0;     	
        color: black;      	
        white-space: normal;   
    }     
    table.offline_summary th {     
        padding: 3px; /* th 요소의 내부 여백을 10px */     
        text-align: center;   
    }



    table.online_summary {     
        border-collapse: collapse;      	
        border-spacing: 0;     	
        color: black;      	
        white-space: normal;   
    }     
    table.online_summary th {     
        padding: 3px; /* th 요소의 내부 여백을 3px*/     
        text-align: center;   
    }


    
        .on_offline_summary_container{
            background-color: whitesmoke;
            padding: 0px; /*기존 20 10px 에서 수정*/
            text-align: center;
            border-radius: 10px;
            box-shadow: 3px 3px 3px gray;
            width: auto;
            display: table-caption; /*임시용*/
        }
        table.on_offline_summary {     
            border-collapse: collapse;      	
            border-spacing: 0;     	
            color: black;      	
            white-space: normal;   
       }    
       .on_offline_summary_tbody{
        display: grid;/*260523*/
       }
        table.on_offline_summary th {     
            padding: 3px; /* th 요소의 내부 여백px*/     
            text-align: center;   
    }
         
            
        table.report_summary {     
            border-collapse: collapse;      	
            border-spacing: 0;     	
            color: black;      	
            white-space: normal;   
    }     
        table.report_summary th {     
            padding: 3px; /* th 요소의 내부 여백px*/    
            text-align: center;   
    }
  }
 

/*070623 기업프로그램 미디어쿼리 */

 @media (max-width: 920px){
    
    .route_nav_com {
        display: flex; 
        margin: auto;
    }
    .route_nav_com a {     
           color:  #8E8E8E;
           font-size: 1.2rem;
     }    /*경로*/  
     
     
    .Executive_container6{
            display: flow-root;
            text-align: center;
            background: #FFFFFF;
            font-size: 12px;
    } /*임원스타일링 모바일 3개의사진 배열*/
     
     .EWelfare_container4{
         background: #FFFFFF;
         font-size: 12px;
         font-family: 'Noto Sans KR';
     } /*6분할 사진*/
     
       .EWelfare_container6{
         background: #FFFFFF;
         font-size: 12px;
         font-family: 'Noto Sans KR';
     } /*4분할 사진*/

}

/*080623 기업프로그램페이지*/
@media screen and (min-width: 1200px) {
    /* 여기에 1200픽셀*/
    .EWelfare_container4{
        padding-left: 307px;
    }
    .Ewelfare_container6{
        padding-left: 180px;
    }
    .Executive_container6{
        padding-left: 311px;
        display: flex;
        flex-wrap: wrap;
    }
    .padding_std{
        margin: 0 73px;
    }
    .EWelfare_4_1{
        margin: 0 126px;
    }
    .EWelfare_3_3{
        padding-left: 126px;
    }
    .EWelfare_3_2{
        padding: 0 300px;
    }
  }
   

  /* 13인치부터 15인치까지의 스타일 */
@media (min-width: 13in) and (max-width: 15in) {

    .Ewelfare_container6{
      padding-left: 0px;

 }
}