/* 
  상단 TOP 메뉴부분 css 파일입니다.
                     */







/*탑메뉴 */


#header { position:absolute;width:100%; height:80px; margin: 0 0; background:rgba(255,255,255,0); z-index:102;transition-duration:0.5s; }  
#header .innercon { display: flex; box-sizing:border-box;padding:2% 1%;    justify-content: space-between;align-items: center;}
/* 로고 */
#header h1 { position: absolute; background:url('../../dmedi/img/logo.png') no-repeat;  width:169px; height:70px; text-indent:-9999px;left: 44%;  }
#header h1 {background-size:auto 100%;}
#header h1 a { display:block; width:100%; height:100%; }


   
/* 아이콘메뉴 */ 
#header .ico_menu { float:right; color:#fff; width:auto; min-width:70px; padding-top:1rem; }
#header .ico_menu a { float:right; color:#fff; margin:0 5px; padding:0 2px; font-size:1.2rem; cursor:pointer; } 
#header .add_menu li { position:relative; float:left; display:block; height:40px; }    
#header .add_menu li:hover .sub { opacity:1; display:block; height:auto; transition-duration:1s; } 
#header .add_menu a:hover { opacity:0.9; }

#header .add_menu a.multi_btn { padding:0 20px 0 5px; vertical-align:middle; background:url('../../dmedi/img/ico_down.png')  no-repeat right; }
#header .add_menu a.login_btn { width:23px; height:23px; vertical-align:middle; background:url('../../dmedi/img/top_btn_login.png') no-repeat center; margin-left:15px; }
#header .add_menu a.full_btn { display:none; width:29px; height:21px; vertical-align:middle; background:url('../../dmedi/img/full_btn.png') no-repeat center; margin: 0px 15px; }
#header .add_menu .search_btn { display:inline-block; width:23px;height:23px; vertical-align:middle; background:url('../../dmedi/img/top_btn_search.png') no-repeat center; margin-left:15px; }
#header .add_menu a:hover { opacity:0.9; }

/* 아이콘메뉴 서브 */
#header .add_menu .sub { position:absolute; width:85px; height:0px; top:35px; left:5px; padding:18px 0 0px; opacity:0; display:none; background:url(../../dmedi/img/ico_menu_bg.png) no-repeat; overflow:hidden; z-index:999; }    
#header .add_menu .sub li { width:85px; height:20px; background:#f6f6f6; text-indent:8px; }

#header .add_menu .sub li a { float:none; color:#000; font-size:12px; font-family:'Roboto','Nanumgothic',Verdana,Dotum,AppleGothic,sans-serif; }
#header .add_menu .sub li a:hover { color:#0077b0; }
#header .add_menu .sub li:last-child { width:100%; height:35px; box-sizing:border-box; border:1px solid #f6f6f6; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}

/** 메뉴 스크롤시 축소 **/
#header.on { position:fixed; width:100%;background:rgba(255,255,255,0.7); border:0 ;margin:0px 0 0;    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);backdrop-filter: blur(10px);}
#header.on { height:150px;border-bottom:1px solid rgba(0,0,0,0.1); }
#header.on .line{ border-bottom:1px solid rgba(0,0,0,0.1);transition-duration:0.5s;}
#header.on h1 { background:url('../../dmedi/img/logo_on.png') no-repeat; }  
/* 스크롤시 메뉴 */
#header.on .lnb li > a { font-size:17px; line-height:80px; height:80px;color:#000; }
#header.on .lnb .bg { top:80px;  }
/* 스크롤시 아이콘메뉴 */ 
#header.on  .ico_menu { color:#333;}
#header.on  .ico_menu a { color:#333;  } 
#header.on .add_menu a.multi_btn { padding:0 20px 0 5px; vertical-align:middle; background:url('../../dmedi/img/ico_down_bk.png')  no-repeat right; }
#header.on .add_menu a.login_btn { width:23px; height:23px; vertical-align:middle; background:url('../../dmedi/img/top_btn_login_on.png') no-repeat center; margin-left:15px; }
#header.on .add_menu a.full_btn { display:none; width:29px; height:21px; vertical-align:middle; background:url('../../dmedi/img/full_btn_on.png') no-repeat center; margin: 0px 15px; }
#header.on .add_menu .search_btn { display:inline-block; width:23px;height:23px; vertical-align:middle; background:url('../../dmedi/img/top_btn_search_on.png') no-repeat center; margin-left:15px; }



/* 상단메뉴 */
#header #cssmenu { z-index:1; }
#header #cssmenu ul { width:100%; margin:0px auto; }
#header #cssmenu ul .smene{width:8rem;  }
#header #cssmenu > ul { position:relative; display:block; width:100%; z-index:500; }
#header #cssmenu:after,
#header #cssmenu > ul:after { content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
#header #cssmenu.align-right > ul > li { float:right; }
#header #cssmenu.align-center ul { text-align:center; }
#header #cssmenu.align-center ul ul { text-align:left; }
#header #cssmenu > ul > li { display:inline-block; position:relative; margin:0; padding:0; }
#header #cssmenu > ul > #menu-button { display:none; }
#header #cssmenu ul li a { position:relative; display: block; font-family:Helvetica, sans-serif; text-decoration:none; }
#header #cssmenu > ul > li > a { font-size: 0.8rem;; font-weight:300; line-height:70px; padding:0.4em 1em; color:#f1f1f1; text-transform:uppercase;
  -webkit-transition: color 1.25s ease-out;
  -moz-transition: color 1.25s ease-out;
  -ms-transition: color 1.25s ease-out;
  -o-transition: color 1.25s ease-out;
  transition: color 1.25s ease-out;
}
#header #cssmenu > ul > li > a:hover:after {content: ""; width:30px; display:inline-block;position:absolute;left:0px;margin:0 1.40rem;top:64px;border-bottom:1px solid #fff;}

#cssmenu > ul > li.has-sub > a { padding-right: 32px; }
#header #cssmenu > ul > li:hover > a { color: #ffffff; }
#cssmenu li.has-sub::after { display:block; content: ""; position:absolute; width:0; height:0;}
#header #cssmenu > ul > li.has-sub::after { right:-10px; top:38px; border:5px solid transparent; border-top-color:#fff;}
#header #cssmenu > ul > li:hover::after { border-top-color:#ffffff;}
#indicatorContainer { position:absolute; height:12px; width:0; bottom:0px; overflow:hidden; z-index:-1;}
#pIndicator { position:absolute; height:0; width:100%; border:12px solid transparent; border-top-color:#2b2f3a; z-index:-2;
  -webkit-transition: left 1.25s ease;
  -moz-transition: left 1.25s ease;
  -ms-transition: left 1.25s ease;
  -o-transition: left 1.25s ease;
  transition: left 1.25s ease;
}
#cIndicator { position:absolute; height:0; width:100%; border:12px solid transparent; border-top-color:#2b2f3a; top:-12px; right:100%; z-index:-2; }
#cssmenu ul ul { position: absolute; left:-9999px; top:70px; opacity:0; z-index: 1000;border-radius: 15px !important;background-color: rgba(255,255,255,1)!important; padding:10%; box-shadow: 0 0 10px 0 rgba(0,0,0,0.16);   
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;  
 border: 1px solid #ddd; 
}

#cssmenu ul ul ul { top:37px; padding-left:5px; }
#cssmenu ul ul li { position:relative; }
#cssmenu > ul > li:hover > ul { left:auto; top:80px; opacity:1; }
#header #cssmenu > ul > li:hover > ul:hover:after   {content: ""; width:30px; display:inline-block;position:absolute;left:0px;margin:-0.5% 1.34rem;top:-16px;opacity:1; border-bottom:1px solid #fff;}

#cssmenu.align-right > ul > li:hover > ul { left:auto; right:0; opacity:1; }
#cssmenu ul ul li:hover > ul { left:170px; top:0; opacity:1; }
#cssmenu.align-right ul ul li:hover > ul { left:auto; right:170px; top:0px; opacity:1; padding-right:5px; }
#cssmenu ul ul li a {  border-bottom:0px solid #eeeeee; padding:10px 10px; font-size:14px; color:#000;;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu.align-right ul ul li a { text-align:right; }
#cssmenu ul ul li:hover > a { color:#2daae1; }
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last > a { border-bottom:0; }
/*#cssmenu > ul > li > ul::after { content: ''; border:6px solid transparent; width:0; height:0; border-bottom-color:#ffffff; position:absolute; top:-12px; left:30px;}*/
#cssmenu.align-right > ul > li > ul::after { left:auto; right:30px; }

#cssmenu.align-right ul ul li.has-sub::after {  border-left-color:transparent; border-right-color:#9ea2a5; right:auto; left:10px; }

#cssmenu.align-right ul ul li.has-sub:hover::after { border-right-color:#ffffff; border-left-color:transparent; left:-5px;
  -webkit-transform:rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}


#header.on #cssmenu > ul > li > a { font-size: 0.8rem; font-weight:300; line-height:70px; padding:0.4em 1em; color:#000; text-transform:uppercase;
  -webkit-transition: color 1.25s ease-out;
  -moz-transition: color 1.25s ease-out;
  -ms-transition: color 1.25s ease-out;
  -o-transition: color 1.25s ease-out;
  transition: color 1.25s ease-out;
}
#header.on #cssmenu > ul > li > a:hover:after {border-bottom:1px solid #000;}
#header.on #cssmenu > ul > li:hover > ul:hover:after   {border-bottom:1px solid #000;}
#header.on #cssmenu > ul > li.has-sub::after { border-top-color:#333;}

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu { width:auto; }
  #cssmenu.align-center ul { text-align:left; }
  #cssmenu.align-right > ul > li { float:none; }
  #cssmenu ul { width:auto; }
  #cssmenu .submenuArrow, #indicatorContainer {display:none}
  #cssmenu > ul { height:auto; display:block; }
  #cssmenu > ul > li { float:none; }
  #cssmenu li,  #cssmenu > ul > li { display: none; }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul { position:relative; left:auto; top:auto; opacity:1; padding-left:0; padding-right:0; right:auto; }
  #cssmenu ul .has-sub::after { display:none; }
  #cssmenu ul li a { padding:12px 20px; }
  #cssmenu ul ul li a { border:0; background:none; width:auto; padding:8px 35px; }
  #cssmenu.align-right ul ul li a { text-align:left; }
  #cssmenu ul ul li:hover > a { background:none; color:#8c9195;}
  #cssmenu ul ul ul a { padding:8px 50px; }
  #cssmenu ul ul ul ul a { padding:8px 65px; }
  #cssmenu ul ul ul ul ul a { padding:8px 80px; }
  #cssmenu ul ul ul ul ul ul a { padding:8px 95px; }
  #cssmenu > ul > #menu-button { display:block; cursor:pointer; }
  #cssmenu #menu-button > a { padding:14px 20px; }
  #cssmenu ul.open li,  #cssmenu > ul.open > li { display: block; }
  #cssmenu > ul.open > li#menu-button > a { color: #fff; border-bottom: 1px solid rgba(150, 150, 150, 0.1); }
  #cssmenu ul ul::after { display:none; }
  #cssmenu #menu-button::after { display:block; content: ''; position:absolute; height:3px; width:22px; border-top:2px solid #7a8189; border-bottom:2px solid #7a8189; right:20px; top:15px;}
  #cssmenu #menu-button::before { display:block; content: ''; position: absolute; height:3px; width:22px; border-top:2px solid #7a8189; right:20px; top:25px; }
  #cssmenu ul.open #menu-button::after, #cssmenu ul.open #menu-button::before { border-color:#fff; }
}







     
/* 전체메뉴 */
#full { display:none; position:fixed; width:100%; height: 100vh; min-height:100%; left:0; top:0; background:rgba(37,37,37,0.99); z-index:2000; }
#full.on { display:block;}
#full .close { position:absolute; right:65px; top:45px; cursor:pointer;}
#full .inner { width:90%; margin:200px auto 0;}
#full .inner li  a { display:block; font-size:14px; color:#888; line-height:3;}
#full .inner li { width:100%;}
#full .inner ul ul li  a { display:block; font-size:14px; color:#888; line-height:3; padding :0 0 0  1rem}
#full .inner ul ul ul li  a { display:block; font-size:14px; color:#888; line-height:3; padding :0 0 0  2rem}
#full .inner dl { padding:20px 0 20px 20px;}
#full .inner dd > a { display:block; line-height:50px; color:#fff; font-size:18px; background:url('/dmedi/img/blt_cir.png') no-repeat 0 center; padding-left:20px;}
#full .inner dd a:hover { color:#f1f1f1; /*background:url('/dmedi/img/blt_cir_on.png') no-repeat 0 center; */}
#full .inner dd .d3 { padding:10px 0 10px 20px; }
#full .inner dd .d3 a { display:block; line-height:35px; font-size:15px; color:#fff; background:url('/dmedi/img/blt_rect.png') no-repeat 0 center; padding-left:15px; }
#full .inner dd .d3 a:hover { color:#f1f1f1; }



.accordion {font-size:12px; padding:30px;}
.accordion-item{}
.accordion-item-active .accordion-header{color:#fff;transition:.25s;}
.accordion-item-active .accordion-header-icon{color:#fff;}
.accordion-item-active .accordion-header h1{color:#fff;}
.accordion-header{padding:12px;cursor:pointer;height:18px;transition:.25s;}
.accordion-header h2{float:left;font-size:1rem;font-weight: normal;margin:0; color:#fff;}
.accordion-content{ border-top:1px solid #888;display:none;padding:1rem;color:#797979;rgba(37,37,37,0.99);font-size:14px;line-height:3;}
.accordion-content a{color:#888}
.accordion-content p{margin:0;margin-bottom:3px;}
.accordion-header-icon{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;float:right;color:#ccc;font-size:9px;vertical-align:middle;}
.accordion-header-icon.accordion-header-icon-active{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);color:#ccc;}


/* 서브페이지 */
/*탑메뉴 */

#header1 { position:absolute;width:100%; height:80px; margin: 0 0;background:rgba(255,255,255,1); z-index:102;transition-duration:0.5s; }  
#header1 .innercon { display: flex; box-sizing:border-box;padding:0 1%;    justify-content: space-between;align-items: center;}
/* 로고 */
#header1 h1 { position: absolute; background:url('../../dmedi/img/logo_on.png') no-repeat;  width:215px; height:70px; text-indent:-9999px;left: 44%;  }
#header1 h1 {background-size:auto 100%;}
#header1 h1 a { display:block; width:100%; height:100%; }



   
/* 아이콘메뉴 */ 
#header1 .ico_menu { float:right; color:#fff; width:auto; min-width:70px; padding-top:25px; }
#header1 .ico_menu a { float:right; color:#fff; margin:0 5px; padding:0 2px; font-size:1.2rem; cursor:pointer; } 
#header1 .add_menu li { position:relative; float:left; display:block; height:40px; }    
#header1 .add_menu li:hover .sub { opacity:1; display:block; height:auto; transition-duration:1s; } 
#header1 .add_menu a:hover { opacity:0.9; }

#header1 .add_menu a.multi_btn { padding:0 20px 0 5px; vertical-align:middle; background:url('../../dmedi/img/ico_down_bk.png')  no-repeat right; }
#header1 .add_menu a.login_btn { width:23px; height:23px; vertical-align:middle; background:url('../../dmedi/img/top_btn_login_on.png') no-repeat center; margin-left:15px; }
#header1 .add_menu a.full_btn { display:none; width:29px; height:21px; vertical-align:middle; background:url('../../dmedi/img/full_btn_on.png') no-repeat center; margin: 0px 15px; }
#header1 .add_menu .search_btn { display:inline-block; width:23px;height:23px; vertical-align:middle; background:url('../../dmedi/img/top_btn_search_on.png') no-repeat center; margin-left:15px; }
#header1 .add_menu a:hover { opacity:0.9; }

/* 아이콘메뉴 서브 */
#header1 .add_menu .sub { position:absolute; width:85px; height:0px; top:35px; left:5px; padding:18px 0 0px; opacity:0; display:none; background:url(../../dmedi/img/ico_menu_bg.png) no-repeat; overflow:hidden; z-index:999; }    
#header1 .add_menu .sub li { width:85px; height:20px; background:#f6f6f6; text-indent:8px; }

#header1 .add_menu .sub li a { float:none; color:#000; font-size:12px; font-family:'Roboto','Nanumgothic',Verdana,Dotum,AppleGothic,sans-serif; }
#header1 .add_menu .sub li a:hover { color:#0077b0; }
#header1 .add_menu .sub li:last-child { width:100%; height:35px; box-sizing:border-box; border:1px solid #f6f6f6; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}

/** 메뉴 스크롤시 축소 **/
#header1.on { position:fixed; width:100%;background:rgba(255,255,255,0.7); border:0 ;margin:0px 0 0;    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);backdrop-filter: blur(10px);}
#header1.on { height:150px;border-bottom:1px solid rgba(0,0,0,0.1); }
#header1.on .line{ border-bottom:1px solid rgba(0,0,0,0.1);transition-duration:0.5s;}
#header1.on h1 { background:url('../../dmedi/img/logo_on.png') no-repeat; }  
/* 스크롤시 메뉴 */
#header1.on .lnb li > a { font-size:17px; line-height:80px; height:80px;color:#000; }
#header1.on .lnb .bg { top:80px;  }
/* 스크롤시 아이콘메뉴 */ 
#header1.on  .ico_menu { color:#333;}
#header1.on  .ico_menu a { color:#333;  } 
#header1.on .add_menu a.multi_btn { padding:0 20px 0 5px; vertical-align:middle; background:url('../../dmedi/img/ico_down_bk.png')  no-repeat right; }
#header1.on .add_menu a.login_btn { width:23px; height:23px; vertical-align:middle; background:url('../../dmedi/img/top_btn_login_on.png') no-repeat center; margin-left:15px; }
#header1.on .add_menu a.full_btn { display:none; width:29px; height:21px; vertical-align:middle; background:url('../../dmedi/img/full_btn_on.png') no-repeat center; margin: 0px 15px; }
#header1.on .add_menu .search_btn { display:inline-block; width:23px;height:23px; vertical-align:middle; background:url('../../dmedi/img/top_btn_search_on.png') no-repeat center; margin-left:15px; }



/* 상단메뉴 */
#header1 #cssmenu { z-index:1; }
#header1 #cssmenu ul { width:100%; margin:0px auto; }
#header1 #cssmenu ul .smene{width:8rem;  }
#header1 #cssmenu > ul { position:relative; display:block; width:100%; z-index:500; }
#header1 #cssmenu:after,
#header1 #cssmenu > ul:after { content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
#header1 #cssmenu.align-right > ul > li { float:right; }
#header1 #cssmenu.align-center ul { text-align:center; }
#header1 #cssmenu.align-center ul ul { text-align:left; }
#header1 #cssmenu > ul > li { display:inline-block; position:relative; margin:0; padding:0; }
#header1 #cssmenu > ul > #menu-button { display:none; }
#header1 #cssmenu ul li a { position:relative; display: block; font-family:Helvetica, sans-serif; text-decoration:none; }
#header1 #cssmenu > ul > li > a { font-size: 0.8rem;; font-weight:300; line-height:70px; padding:0.4em 1em; color:#000; text-transform:uppercase;
  -webkit-transition: color 1.25s ease-out;
  -moz-transition: color 1.25s ease-out;
  -ms-transition: color 1.25s ease-out;
  -o-transition: color 1.25s ease-out;
  transition: color 1.25s ease-out;
}
#header1 #cssmenu > ul > li > a:hover:after {content: ""; width:30px; display:inline-block;position:absolute;left:0px;margin:0 1.40rem;top:64px;border-bottom:1px solid #000;}

#cssmenu > ul > li.has-sub > a { padding-right: 32px; }
#header1 #cssmenu > ul > li:hover > a { color: #000; }
#cssmenu li.has-sub::after { display:block; content: ""; position:absolute; width:0; height:0;}
#header1 #cssmenu > ul > li.has-sub::after { right:-10px; top:38px; border:5px solid transparent; border-top-color:#fff;}
#header1 #cssmenu > ul > li:hover::after { border-top-color:#ffffff;}
#indicatorContainer { position:absolute; height:12px; width:0; bottom:0px; overflow:hidden; z-index:-1;}
#pIndicator { position:absolute; height:0; width:100%; border:12px solid transparent; border-top-color:#2b2f3a; z-index:-2;
  -webkit-transition: left 1.25s ease;
  -moz-transition: left 1.25s ease;
  -ms-transition: left 1.25s ease;
  -o-transition: left 1.25s ease;
  transition: left 1.25s ease;
}
#cIndicator { position:absolute; height:0; width:100%; border:12px solid transparent; border-top-color:#2b2f3a; top:-12px; right:100%; z-index:-2; }
#cssmenu ul ul { position: absolute; left:-9999px; top:70px; opacity:0; z-index: 1000;border-radius: 15px !important;background-color: rgba(255,255,255,1)!important; padding:10%; box-shadow: 0 0 10px 0 rgba(0,0,0,0.16);   
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;  
 border: 1px solid #ddd; 
}

#cssmenu ul ul ul { top:37px; padding-left:5px; }
#cssmenu ul ul li { position:relative; }
#cssmenu > ul > li:hover > ul { left:auto; top:80px; opacity:1; }
#header1 #cssmenu > ul > li:hover > ul:hover:after   {content: ""; width:30px; display:inline-block;position:absolute;left:0px;margin:-0.5% 1.34rem;top:-16px;opacity:1; border-bottom:1px solid #000;}

#cssmenu.align-right > ul > li:hover > ul { left:auto; right:0; opacity:1; }
#cssmenu ul ul li:hover > ul { left:170px; top:0; opacity:1; }
#cssmenu.align-right ul ul li:hover > ul { left:auto; right:170px; top:0px; opacity:1; padding-right:5px; }
#cssmenu ul ul li a {  border-bottom:0px solid #eeeeee; padding:10px 10px; font-size:12px; color:#000;;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu.align-right ul ul li a { text-align:right; }
#cssmenu ul ul li:hover > a { color:#2daae1; }
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last > a { border-bottom:0; }
/*#cssmenu > ul > li > ul::after { content: ''; border:6px solid transparent; width:0; height:0; border-bottom-color:#ffffff; position:absolute; top:-12px; left:30px;}*/
#cssmenu.align-right > ul > li > ul::after { left:auto; right:30px; }

#cssmenu.align-right ul ul li.has-sub::after {  border-left-color:transparent; border-right-color:#9ea2a5; right:auto; left:10px; }

#cssmenu.align-right ul ul li.has-sub:hover::after { border-right-color:#ffffff; border-left-color:transparent; left:-5px;
  -webkit-transform:rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}


#header1.on #cssmenu > ul > li > a { font-size: 0.8rem; font-weight:300; line-height:70px; padding:0.4em 1em; color:#000; text-transform:uppercase;
  -webkit-transition: color 1.25s ease-out;
  -moz-transition: color 1.25s ease-out;
  -ms-transition: color 1.25s ease-out;
  -o-transition: color 1.25s ease-out;
  transition: color 1.25s ease-out;
}
#header1.on #cssmenu > ul > li > a:hover:after {border-bottom:1px solid #000;}
#header1.on #cssmenu > ul > li:hover > ul:hover:after   {border-bottom:1px solid #000;}
#header1.on #cssmenu > ul > li.has-sub::after { border-top-color:#333;}

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu { width:auto; }
  #cssmenu.align-center ul { text-align:left; }
  #cssmenu.align-right > ul > li { float:none; }
  #cssmenu ul { width:auto; }
  #cssmenu .submenuArrow, #indicatorContainer {display:none}
  #cssmenu > ul { height:auto; display:block; }
  #cssmenu > ul > li { float:none; }
  #cssmenu li,  #cssmenu > ul > li { display: none; }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul { position:relative; left:auto; top:auto; opacity:1; padding-left:0; padding-right:0; right:auto; }
  #cssmenu ul .has-sub::after { display:none; }
  #cssmenu ul li a { padding:12px 20px; }
  #cssmenu ul ul li a { border:0; background:none; width:auto; padding:8px 35px; }
  #cssmenu.align-right ul ul li a { text-align:left; }
  #cssmenu ul ul li:hover > a { background:none; color:#8c9195;}
  #cssmenu ul ul ul a { padding:8px 50px; }
  #cssmenu ul ul ul ul a { padding:8px 65px; }
  #cssmenu ul ul ul ul ul a { padding:8px 80px; }
  #cssmenu ul ul ul ul ul ul a { padding:8px 95px; }
  #cssmenu > ul > #menu-button { display:block; cursor:pointer; }
  #cssmenu #menu-button > a { padding:14px 20px; }
  #cssmenu ul.open li,  #cssmenu > ul.open > li { display: block; }
  #cssmenu > ul.open > li#menu-button > a { color: #fff; border-bottom: 1px solid rgba(150, 150, 150, 0.1); }
  #cssmenu ul ul::after { display:none; }
  #cssmenu #menu-button::after { display:block; content: ''; position:absolute; height:3px; width:22px; border-top:2px solid #7a8189; border-bottom:2px solid #7a8189; right:20px; top:15px;}
  #cssmenu #menu-button::before { display:block; content: ''; position: absolute; height:3px; width:22px; border-top:2px solid #7a8189; right:20px; top:25px; }
  #cssmenu ul.open #menu-button::after, #cssmenu ul.open #menu-button::before { border-color:#fff; }
}




/* ============= 
 * RESPONSIVE
 * ============*/


@media screen and (max-width: 1450px) {

}
@media screen and (max-width: 1250px) {
#header .innercon { display: block;}
#header1 .innercon { display: block;}

#header h1{ background-size: auto 50%;left: 1rem;        margin: 0.8rem 0 0;} /* 로고 */
#header.on h1 { background-size: auto 50%;        margin: 0.8rem 0 0; } /* 로고ON */    
#header1 h1{ background-size: auto 80%;left: 1rem;} /* 로고 */
#header1.on h1 { background-size: auto 80%;} /* 로고ON */
 #header #cssmenu  {display:none;}
#header1 #cssmenu  {display:none;}
#header .add_menu a.full_btn { display:inline-block; }
#header.on .add_menu a.full_btn { display:inline-block; }
#header1 .add_menu a.full_btn { display:inline-block;}
#header1.on .add_menu a.full_btn  { display:inline-block; }

#header.on { height:60px;}
#header1.on { height:60px;}

/* 전체메뉴 */
#full .inner li > a {  line-height:3;}
#full .inner li > a::before {
    content: ".";
    padding: 0 0.5rem;
    color:#888
}
#full .inner dd > a { line-height:2.5; color:#ccc;background-size:5px 5px; padding-left:10px;}
 
 }

@media screen and (max-width: 1150px) {


/* 전체메뉴 */
#full .inner { width:90%; margin:100px auto 0;}


}


@media screen and (max-width: 750px) {

#header .add_menu a.login_btn{display:none;}
#header1 h1{ background-size: auto 80%;        margin: 0.3rem 0 0;} /* 로고 */
#header1.on h1 { background-size: auto 80%;        left: 0.2rem;} /* 로고ON */
#header1 .add_menu a.login_btn{display:none;}
#header1 .add_menu a.login_btn{display:none;}
#full .inner li { width:100%;}
#full .close {right:-1rem; top:0.8rem;}
#full .close img{width: 50%}
}


.search-box{
  padding: 10px !important;;
  position: absolute;
  top: 50% ;
  left: 50% ;
  transform: translate(-96%,-66%) ;
  height: 30px ;


  transition: 0.4s;
  width:30px ;
}
.search-box:hover{

  width: 180px;
}
.search-btn{
  text-decoration: none;
  float: right;
  width: 23px !important;;
  height: 23px !important;; 

  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #51e3d4;
  margin: 0 0 !important;
  padding:0.5rem 0  0 !important;
}
.search-box:hover > .search-btn{

}
.search-txt{
  display: flex;
  padding: 0 !important;;
  width: 0px;
  border-bottom: 1px solid #d6d6d6 !important;
  border-top:none !important;
  border-left:none !important;
  border-right:none !important;
  outline: none !important;
  float: left;
  font-size: 1rem;
  line-height: 30px;
  transition: .4s;
  background-color: transparent;

}
.search-box:hover > .search-txt{
  width: 150px;
  padding: 0 6px !important;;
}