#head_nav {position:absolute;top:0;left:0;width:100%;padding:0;}
#head_nav>div{max-width:100%; height:1px; /*background:#FFF;*/ position:relative; margin:0 auto;}
#head_nav.sub_header>div {height:360px !important;}
#head_nav h1.logo {top:122px; background:url('/new/images/logo_header_big.svg') no-repeat; width:29px; height:292px}
#head_nav h1.logo.white {background:url('/new/images/logo_header_big_W.svg') no-repeat;}
#head_nav h1.logo.all_white {background:url('/new/images/logo_header_big_WW.svg') no-repeat;}
#head_nav.sub_header nav {}
#head_nav.sub_header h1.logo {height:227px; width:23px; top: 67px; position: absolute; z-index:11;}

#head_nav nav > a {display:block;/*float:left;height:26px;*/background:50% 50% no-repeat;background-size:contain}
#head_nav_after {position:fixed; z-index:32; left:0;width:100%;overflow:hidden;padding:0; -webkit-transition-property:top;transition-property:top;-webkit-transition-duration:.3s;transition-duration:.3s; }
#head_nav_after nav::after,#head_nav_after>div::after{clear:both;content:"";display:table}

/** 메뉴롤오버 **/
header nav {position:relative;}

header nav .gnb {position:relative; margin:0 auto; width:1218px; z-index:11; padding:0; }
header nav .gnb.sub_gnb {height:100%;}
header nav h1{position:absolute; top:65px; z-index:1;}
header nav .oneD{float:right; z-index:1;}

header nav .oneD>a {display:block; box-sizing:border-box; padding:60px 0; text-align:center; height:632px; font-size:18px; color:#fff; letter-spacing:1px}
#head_nav_after nav .oneD>a {padding:0}

header nav .oneD .twoD {position:absolute; top:350px; left:0; box-sizing:border-box; width:100%; overflow:hidden; z-index:1; border-top: 0px solid #000; padding:40px 20px;}

header nav .oneD .twoD.news {height:320px;}

header nav.sec_nav .gnb.after .twoD.after {position:absolute; top:164px; left:0; box-sizing:border-box; width:100%; overflow:hidden;  z-index:1;}
header nav .oneD .twoD .closeMenu {float:left; background:url('/new/images/btn_submenu_close.svg') no-repeat 50% 50%; width:12px; height:12px; margin:0 40px 0 210px;}
header nav .oneD .twoD .leftMenu {position:relative; float:left; box-sizing:border-box; }
header nav .oneD .twoD .leftMenu .menu {display:block; box-sizing:border-box; margin-top:10px; width:170px; height:28px; font-size:15px; color:#333; font-weight:500; }
header nav .oneD .twoD .leftMenu .menu:hover{color:#000; }
header nav .oneD .twoD .leftMenu .menu:first-child{margin-top:-2px; }
header nav .oneD .twoD .rightArea{float:right; box-sizing:border-box;}

header nav .oneD .twoD .rightArea .list .title{height:22px; font-size:15px; color:#333; font-weight:500;}
header nav .oneD .twoD .rightArea .list .img {overflow:hidden; width:400px; height:240px;}
header nav .oneD .twoD .rightArea .list .txt{font-size:13px; letter-spacing:-0.3px}

/** 스크롤 메뉴 **/


#head_nav nav::after {clear:both;display:table}

h1.head_nav_after_logo{position:absolute; top:60px; left:470px; z-index:99;}
h1.head_nav_after_logo {left:0px; bottom:30px; background:url('/new/images/logo_header_small.svg') no-repeat 50% 50%; width:228px; height:41px}
/*h1.head_nav_after_logo.small_logo {left:0px; top:18px; bottom:auto; background:url('/new/images/logo_header_small.svg') no-repeat 50% 50%; width:134px; height:24px}*/


/** 스크롤 전 메뉴 **/
#head_nav nav a.header_menu_01_company {background:url('/new/images/header_menu_01_company.svg') no-repeat 50% 110px; width:121px;}
#head_nav nav a.header_menu_02_ri {background:url('/new/images/header_menu_02_ri.svg') no-repeat 50% 110px; width:121px;}
#head_nav nav a.header_menu_03_beauty {background:url('/new/images/header_menu_03_beauty.svg') no-repeat 50% 110px; width:121px;}

#roll_menu:hover .oneD a.top_menu { opacity : 0.3 ; }
#roll_menu:hover .oneD a.top_menu:hover { opacity : 1.0 ; }

#head_nav nav a span{}
#head_nav nav a+span {display:block;float:left;width:1px;height:12px;margin:6px 10px;background:#fff;opacity:.4}

#head_nav_after div.nav_wrap {width:100%; height:164px; padding:0; position:fixed; left:0; height:135px}
#head_nav_after div.nav_wrap.small_wrap {}
#head_nav_after div.nav_wrap.small_wrap .small_over {display:inline-block;position:absolute; width:100%; height:60px; top:0px; left:0; z-index:99;}

#head_nav_after nav::after,#head_nav_after>div::after{clear:both;content:"";display:table}
#head_nav_after nav {width:100%; height:135px}
#head_nav_after nav.small_nav {}
#head_nav_after nav.open_menu {margin:0 auto;width:100%; height:135px}
#head_nav_after nav .inner_menu_wrap {margin:0 auto;width:1218px; height: 80px;    position: relative;}

#active_menu {height:135px; width:100%; position:absolute; z-index:100; left:0px; top:0px;display:none; animation-duration: 0.4s; animation-name: fadein;}

/* 메뉴칼라 */
#head_nav_after {}
#small_nav_active {background: rgba(255,255,255,0.96);}
#head_nav_after div.nav_wrap {}
#active_menu { background: rgba(255,255,255,0.92);}
#head_nav_after nav .pageHeaderMenu.after.submenu--open ~ .pageHeaderMenu--spacing-helper.after {background: rgba(255,255,255,0.92);}

#head_nav_after nav .oneD>a {height:164px;}

/** 스크롤 후 메뉴 **/
/** 스크롤 전 메뉴 **/
.head_nav_after_gnb_after {position:relative; height: 135px; width:1218px; margin:0 auto;}

#head_nav_after_roll_menu {position: absolute;    bottom: 30px;    right: 0;}
#head_nav_after_roll_menu:after {content:" "; display:block; clear:both; *zoom:1;}

#head_nav_after nav .header_menu_01 {background:url('/new/images/header_menu_01_small.svg') no-repeat top right; width:74px; height:36px; background-size:74px 36px; display:block;}
#head_nav_after nav .header_menu_02 {background:url('/new/images/header_menu_02_small.svg') no-repeat top right; width:92px; height:36px; background-size:92px 36px; display:block; margin-left:140px}
#head_nav_after nav .header_menu_03 {background:url('/new/images/header_menu_03_small.svg') no-repeat top right; width:58px; height:36px; background-size:58px 36px; display:block; margin-left:140px}

#head_nav_after nav .main_topmenu_01_after {z-index: 9999;position: absolute; background:url('/new/images/header_menu_01_small.svg') no-repeat top right; width:79px; height:36px; background-size:79px 36px; display:block;  right:471px;}
#head_nav_after nav .main_topmenu_02_after {z-index: 9999;position: absolute; background:url('/new/images/header_menu_02_small.svg') no-repeat top right; width:98px; height:36px; background-size:98px 36px; display:block; right:238px}
#head_nav_after nav .main_topmenu_03_after {z-index: 9999;position: absolute; background:url('/new/images/header_menu_03_small.svg') no-repeat top right; width:62px; height:36px; background-size:62px 36px; display:block; right:5px}

#head_nav_after.visible{top:0}


/** New 사이트 css 190705**/
.video {width:100% !important;}
.video video {height:auto}
#myVideo {position: static !important; left: 0; top: 0;  min-width: 100%;  z-index:0;}

#head_nav {background:transparent;}
#head_nav h1.logo {top: 135px; right:1%; left: auto; width: 40px; height: 400px;}
#sub_page_body #head_nav h1.logo {top: 135px; right:20px; left: auto; width: 40px; height: 400px;}

#index_video_container {position:relative; height:700px; top:0}
#index_video_wrap {width: 100%; height: 100%; position: relative; left: 0; top: 0; z-index: 0;}
#index_video_wrap .player {display:none;}
#index_video_wrap video {height:auto;}
#index_video_wrap.sub_vod {height:420px; position: relative;}
#index_video_wrap.sub_vod .video {}
#index_video_wrap.sub_vod video {position: absolute !important; height:auto; width:auto; left: 50%; /*top: -380px;*/	transform: translate(-50%, 0);}

#change_header {height:auto; position:absolute; top:0;}
#change_header .close {background:url('/new/images/btn_close_33x33.svg') no-repeat 0 0; cursor:pointer; position:absolute; top:41px; height:25px; width:25px; z-index:510; background-size:100%;}
#change_header .blind { overflow: hidden; font-size: 0; line-height: 0; position: absolute; height: 0; width: 0;}
#change_header .partner {position:relative; z-index:450; width:1218px; margin:0 auto; height:80px;}
#change_header .partner .menu_text {padding:30px 60px 60px 50px;}
#change_header .partner .menu_open {left:0; width: 80px; height:80px; position:absolute;}
#change_header .partner.open .partner_wrap {opacity:1; left:0; }
#change_header .partner_wrap {box-sizing:border-box; opacity:0; position:fixed; left:-200%; top:0; transition:left 0.8s, opacity 0.5s; -webkit-transition:left 0.8s, opacity 0.5s; width:100%; z-index:500;}
#change_header .partner_wrap .close {left:50px;}
#change_header .partner_container {background-color:#fff; overflow-x:hidden; box-sizing:border-box;  /*height:100%;width:35%;*/ width:650px; position: relative;}
#change_header .open:after { background-color: #000; content: ""; opacity: 0.5; position: fixed; right: 0; top: 0; height: 100%; width: 100%; z-index: 400;}
#change_header .oneD.close {background: url('/new/images/menu/menu_contact.svg') no-repeat left 50%; cursor:pointer; position:static; top:auto; width:486px;height:20px; z-index:510;}
#change_header .partner_wrap .oneD.close {left:auto;}
#change_header.front-page {width:100%;}
#change_header.sub_header {min-height:360px !important;}

#header_menu.new_side_menu {display:block; position: static; margin-top: 50px; } 
#header_menu.new_side_menu .gnbArea {left:0; background:transparent; position: static; /*padding-bottom: 80px;*/}
#head_nav_after div.nav_wrap.small_wrap .small_menu {right:auto; left:0; display:inline-block; position:absolute;top:22px;}

#head_nav_after {top:-80px;}
#head_nav_after, #head_nav_after div.nav_wrap.small_wrap, #head_nav_after nav.small_nav{height:80px;}

.desk_mp4 {display:block}
.mobile_mp4 {display:none}

.myBtn_wrap { position: absolute; z-index:1; top:720px; left:50%; text-align:right; padding: 20px 28px 20px 2px;
-ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); color: #f1f1f1; width: 1218px; margin:0 auto;}
/** 플레이버튼 **/
#sub_page_body .myBtn_wrap {top: 600px; display:none;}
.myBtn_wrap button {border:0; outline:0; display:none;}
.btn_myBtn {cursor:pointer; display: inline-block; margin-top:10px;     position: fixed;}
h1.head_nav_after_logo.small_logo {left:auto; right:18px; width:201px; height:36px; top:18px; bottom:auto; background:url('/new/images/logo_header_small.svg') no-repeat 50% 50%; }

#s_menu {padding-left:15px;}
#b {display: none;}
#b a {letter-spacing:-0.02em !important;}
#s_menu:hover > #b {display: block;}
#s_menu:hover > #a {display: none;}
/*.oneD.way:after {content: "COSMAX WAY";}
.oneD.way:hover:after {content: "코스맥스 길"; font-family: 'notokr-medium', sans-serif; letter-spacing:-0.04em; font-size:26px;}*/