html, body, div, section, article, h1, h2, h3, h4, h5 ,h6, button, input, select{
  box-sizing:border-box;
  font-family: 'Montserrat', 'Noto Sans KR', sans-serif, Arial;
  font-weight: 400;
  padding:0px;
  margin: 0px;
  word-break: break-word;
letter-spacing: -0.03em; 
}
body { font-family: 'Montserrat', 'Noto Sans KR', sans-serif, Arial; font-weight: 400; font-size: 16px; color: #828282; background: #fff; } 

h1, h2, h3, h4, h5 { line-height: 1.2; font-weight: 600; } 
ol, ul, li{list-style: none; padding:0; margin:0;}
a{color: inherit;}
a:hover, a:link, a:visited{text-decoration-line:none; text-decoration:none; color: (internal value);}
a:link:active, a:visited:active {color: (internal value);}
#page { position: relative; overflow-x: hidden; width: 100%; height: 100%; } 
section {line-height: 1.2; }
h1, h2, h3, h4, h5, h6, figure { color: #fff; font-family: 'Montserrat', 'Noto Sans KR', sans-serif, Arial; font-weight: 400; margin: 0 0 20px 0; } 

::-webkit-selection { color: #fff; background: #2f89fc; } 

::-moz-selection { color: #fff; background: #2f89fc; } 

::selection { color: #fff; background: #2f89fc; } 

.pab_15{ padding-bottom: 15px;}
img { max-width:100%;}
button, input, select, input[type="button"] {
  cursor: pointer;
  border: none;
  outline: none;
  vertical-align: middle;
  box-sizing: border-box;
}

/*Navigation*/
.dio-nav { position: fixed; top:0; z-index: 999; width: 100%; background: rgba(0, 0, 0, 0.5);  line-height: 0;} 
.dio-nav #dio-logo { font-size: 24px; margin: 0; padding: 20px 50px 17px 30px; text-transform: uppercase; font-weight: bold; font-weight: 700; font-family: 'Montserrat', 'Noto Sans KR', sans-serif, Arial; } 
.dio-nav #dio-logo a { display: block; width: 150px; height: 31px; font-size: 0; background: url("../../../images/adMain/2021/common/logo.png") no-repeat; background-size: 100%; } 
.dio-nav #dio-logo a span { color: #000; } 
.dio-nav #professional { position: absolute; top: 0; right: 5%; width: 110px; height: 85px; padding: 20px 0; text-align: center; background:#121212; } 
.dio-nav #professional a { display: block; color:#ff73a6; font-size: 0.7vw; line-height: 120%; } 
.dio-nav #top_gnb { position: absolute; top: 0; right: 45%; height: 70px; padding: 30px 30px; color: #fff; background: url("../../../images/adMain/2021/common/manual_icon.png") no-repeat left center; } 
.dio-nav #top_gnb a { display: block; color:#fff; font-size: 0.7vw; line-height: 100%; } 
.dio-nav #top_gnb_pb { position: absolute; top: 0; right: 15%; height: 70px; padding: 30px 30px; color: #fff; background: url("../../../images/adMain/2021/common/manual_icon.png") no-repeat left center; } 
.dio-nav #top_gnb_pb a { display: block; color:#fff; font-size: 0.7vw; line-height: 100%; } 

.dio-nav ul { padding: 0px; margin: 30px 0 0 100px; } 

.dio-nav ul li { list-style: none; display: inline-block; margin:0; text-transform: uppercase; }
.dio-nav ul li img{ display:none;} 
.dio-nav ul li a {font-size:0; margin-right:30px;}
.dio-nav ul li.implant a{ background: url("../../../images/adMain/2021/common/f_nav_implant.png") no-repeat top center; padding:20px 77px 15px 78px;}
.dio-nav ul li.implant a:hover, .dio-nav ul li.implant > a:active { background: url("../../../images/adMain/2021/common/f_nav_implant_on.png") no-repeat top center; }
.dio-nav ul li.implant a.active { background: url("../../../images/adMain/2021/common/f_nav_implant_on.png") no-repeat top center;}
.dio-nav ul li.dionavi a{ background: url("../../../images/adMain/2021/common/f_nav_dionavi.png") no-repeat top center; padding:20px 55px 15px 55px; } 
.dio-nav ul li.dionavi a:hover, .dio-nav ul li.dionavi > a:active { background: url("../../../images/adMain/2021/common/f_nav_dionavi_on.png") no-repeat top center; }
.dio-nav ul li.dionavi a.active { background: url("../../../images/adMain/2021/common/f_nav_dionavi_on.png") no-repeat top center;}
.dio-nav ul li.fullarch a{ background: url("../../../images/adMain/2021/common/f_nav_dionavi_fullarch.png") no-repeat top center; padding:20px 55px 15px 55px;}
.dio-nav ul li.fullarch a:hover, .dio-nav ul li.fullarch > a:active { background: url("../../../images/adMain/2021/common/f_nav_dionavi_fullarch_on.png") no-repeat top center;}
.dio-nav ul li.fullarch a.active { background: url("../../../images/adMain/2021/common/f_nav_dionavi_fullarch_on.png") no-repeat top center;}
.dio-nav ul li.proboz a{ background: url("../../../images/adMain/2021/common/f_nav_dioproboz.png") no-repeat top center; padding:20px 61px 15px 60px;}
.dio-nav ul li.proboz a:hover, .dio-nav ul li.proboz > a:active { background: url("../../../images/adMain/2021/common/f_nav_dioproboz_on.png") no-repeat top center;}
.dio-nav ul li.proboz a.active { background: url("../../../images/adMain/2021/common/f_nav_dioproboz_on.png") no-repeat top center;}
.dio-nav ul li.uvactivator a{ background: url("../../../images/adMain/2021/common/f_nav_uvactivator.png") no-repeat top center; padding:20px 67px 15px 67px;}
.dio-nav ul li.uvactivator a:hover, .dio-nav ul li.uvactivator > a:active { background: url("../../../images/adMain/2021/common/f_nav_uvactivator_on.png") no-repeat top center;}
.dio-nav ul li.uvactivator a.active { background: url("../../../images/adMain/2021/common/f_nav_uvactivator_on.png") no-repeat top center;}
.dio-nav ul li.ecosystem a{ background: url("../../../images/adMain/2021/common/f_nav_ecosystem.png") no-repeat top center; padding:20px 83px 15px 82px;}
.dio-nav ul li.ecosystem a:hover, .dio-nav ul li.ecosystem > a:active { background: url("../../../images/adMain/2021/common/f_nav_ecosystem_on.png") no-repeat top center;}
.dio-nav ul li.ecosystem a.active { background: url("../../../images/adMain/2021/common/f_nav_ecosystem_on.png") no-repeat top center;}
.dio-nav ul li.orthonavi a{ background: url("../../../images/adMain/2021/common/f_nav_orthonavi.png") no-repeat top center; padding:20px 55px 15px 55px;}
.dio-nav ul li.orthonavi a:hover, .dio-nav ul li.orthonavi > a:active { background: url("../../../images/adMain/2021/common/f_nav_orthonavi_on.png") no-repeat top center;}
.dio-nav ul li.orthonavi a.active { background: url("../../../images/adMain/2021/common/f_nav_orthonavi_on.png") no-repeat top center;}

.dio-nav .tooltip {position: absolute;top: 0; text-align:center; font-size: 13px; font-weight:400; font-family:'Montserrat', 'Noto Sans KR', sans-serif, Arial; background: rgba(0, 0, 0, 0.4);  color: #ffffff;  padding: 5px 8px;  border-radius: 5px;  
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);  opacity: 0;  pointer-events: none;  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}

/*.dio-nav .tooltip::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background: rgba(0, 0, 0, 0.4);
  top: -3px;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}*/

.dio-nav ul li a:hover .tooltip {  top: 68px;  opacity: 1;  visibility: visible;  pointer-events: auto;}
.dio-nav ul li a:hover span, .dio-nav ul li a:hover .tooltip {  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);}



.dio-nav .btnMenu{overflow:hidden;display:none;position:absolute;right:5px;top:50%;z-index:100;width:50px;height:50px;transform:translateY(-50%);font-size:0}
.dio-nav .btnMenu span{position:absolute;left:50%;top:50%;width:20px;height:2px;font-size:0;background:#333;transform:translate(-50%,-50%)}
.dio-nav .btnMenu span:after{content:"";display:block;position:absolute;top:-7px;right:0;width:100%;height:2px;background:#333;transition:all .3s ease}
.dio-nav .btnMenu span:before{content:"";display:block;position:absolute;top:7px;left:0;width:100%;height:2px;background:#333;transition:all .3s ease}
.dio-nav .btnMenu.on span {background: none;}
.dio-nav .btnMenu.on span:after{top:50%;transform-origin:50% 50%;transform:translateY(-50%) rotate(45deg)}
.dio-nav .btnMenu.on span:before{top:50%;transform-origin:50% 50%;transform:translateY(-50%) rotate(-45deg)}
.dio-nav .languageBox{position:absolute;top:20px;right:15%;width:100px;height:33px;margin-left:59px;border:1px solid #d7d7d7;border-radius:50px;background:#ffffff;}
.dio-nav .languageBox button{position:relative;width:100%;padding-left:20px;text-align:left;line-height:31px;font-size:14px;color:#011;font-weight:700;border-radius:50px;background:#ffffff;}
.dio-nav .languageBox button:after{content:"";display:block;position:absolute;top:50%;right:15px;width:8px;height:5px;margin-top:-2.5px;background:url("../../../images/adMain/2021/common/icon_language_arrow.png") no-repeat}
.dio-nav .languageBox button.on:after {transform: rotate(180deg);}
.dio-nav .languageBox .languageView{display:none;overflow:hidden;position:absolute;top:33px;left:0;padding:10px 0;width:100%;border:1px solid #d7d7d7;border-radius:15px;background:#fff}
.dio-nav .languageBox .languageView a{display:block;width:100%;padding:5px 12px 5px 12px;font-size:14px;color:#999; line-height: 1.2;}
.dio-nav .languageBox .languageView a:hover {color: #001111; background: #f3f3f3;}
.dio-nav .languageBox span.lan_flag {margin-left:3px; float:right;}
.dio-nav .languageBox span.lan_flag img{ width:100%; border:1px solid #EEEEEE;}

.dio-nav ul li.has-dropdown { position: relative; } 
.dio-nav ul li.has-dropdown .dropdown { width: 160px; -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); 
box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); 
z-index: 1002; 
visibility: hidden; 
opacity: 0; 
position: absolute; 
top: 40px; 
left: 0; 
text-align: left; 
background: #fff; 
padding: 20px; 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
-ms-border-radius: 4px; 
border-radius: 4px; 
-webkit-transition: 0s; 
-o-transition: 0s; 
transition: 0s; } 
.dio-nav ul li.has-dropdown .dropdown:before { bottom: 100%; left: 40px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } 
.dio-nav ul li.has-dropdown .dropdown li { display: block; margin-bottom: 7px; } 
.dio-nav ul li.has-dropdown .dropdown li:last-child { margin-bottom: 0; } 
.dio-nav ul li.has-dropdown .dropdown li a { padding: 2px 0; display: block; line-height: 1.2; text-transform: none; font-size: 14px; letter-spacing: 0; color: #000; } 
.dio-nav ul li.has-dropdown .dropdown li a:hover { color: #2f89fc; } 
.dio-nav ul li.has-dropdown:hover a, .dio-nav ul li.has-dropdown:focus a { color: #fff; } 
.dio-nav ul li.btn-cta a { padding: 30px 0px !important; color: #fff; } 
.dio-nav ul li.btn-cta a span { background: #2f89fc; padding: 10px 20px; display: -moz-inline-stack; display: inline-block; zoom: 1; display: inline; 
-webkit-transition: 0.3s; 
-o-transition: 0.3s; 
transition: 0.3s; 
-webkit-border-radius: 100px; 
-moz-border-radius: 100px; 
-ms-border-radius: 100px; 
border-radius: 100px; } 
.dio-nav ul li.btn-cta a:hover span { 
-webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); 
-moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); 
box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); } 
.dio-nav ul li.active > a { color: #2f89fc; position: relative; } 

.dio-nav-toggle { width: 25px; height: 25px; cursor: pointer; text-decoration: none; top: 10px !important; } 
.dio-nav-toggle.active i::before, .dio-nav-toggle.active i::after { background: #444; } 
.dio-nav-toggle:hover, .dio-nav-toggle:focus, .dio-nav-toggle:active { outline: none; border-bottom: none !important; } 
.dio-nav-toggle i { position: relative; display: inline-block; width: 25px; height: 2px; color: #252525; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: #252525; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } 
.dio-nav-toggle i::before, .dio-nav-toggle i::after { content: ''; width: 25px; height: 2px; background: #252525; position: absolute; left: 0; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } 
.dio-nav-toggle.dio-nav-white > i { color: #fff; background: #fff; } 
.dio-nav-toggle.dio-nav-white > i::before, .dio-nav-toggle.dio-nav-white > i::after { background: #fff; } 
.dio-nav-toggle i::before { top: -7px; } 
.dio-nav-toggle i::after { bottom: -7px; } 
.dio-nav-toggle:hover i::before { top: -10px; } 
.dio-nav-toggle:hover i::after { bottom: -10px; } 
.dio-nav-toggle.active i { background: transparent; } 
.dio-nav-toggle.active i::before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); background: #fff; } 
.dio-nav-toggle.active i::after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); background: #fff; } 
.dio-nav-toggle { position: fixed; right: 1vw; top: 65px; z-index: 21; padding: 10px 0 0 0; display: block; margin: 0 auto; display: none; height: 44px; width: 44px; z-index: 2001; border-bottom: none !important; } 

.offcanvas #wrap { position: absolute; } 
.offcanvas #wrap:after { -webkit-transition: 2s; -o-transition: 2s; transition: 2s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; background: rgba(0, 0, 0, 0.7); content: ""; } 
#dio-offcanvas { position: fixed; z-index: 1901; /*width: 270px;*/ width:270px; background: black; top: 0; right: 0; top: 0; bottom: 0; padding: 75px 40px 40px 40px; overflow-y: auto; display: none; -moz-transform: translateX(270px); -webkit-transform: translateX(270px); -ms-transform: translateX(270px); -o-transform: translateX(270px); transform: translateX(270px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } 
.offcanvas #dio-offcanvas { -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } 
#dio-offcanvas a { color: rgba(255, 255, 255, 0.5); } 
#dio-offcanvas a:hover { color: rgba(255, 255, 255, 0.8); } 
#dio-offcanvas ul { padding: 0; margin: 0; } 
#dio-offcanvas ul li { padding: 0; margin-top: 30px; list-style: none; font-size:0; } 
#dio-offcanvas ul li > ul { padding-left: 20px; display: none; } 
#dio-offcanvas ul li.offcanvas-has-dropdown > a { display: block; position: relative; } 
#dio-offcanvas ul li.offcanvas-has-dropdown > a:after { position: absolute; right: 0px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; 
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e921"; font-size: 20px; color: rgba(255, 255, 255, 0.2); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } 
#dio-offcanvas ul li.offcanvas-has-dropdown.active a:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } 

@media screen and (max-width: 1660px) { 
.dio-nav { background: rgba(0, 0, 0, 1); } 
.dio-nav .menu-1 { display: none; } 
.dio-nav ul li img{ display:block;} 
.dio-nav #top_gnb { display: none !important;  } 
.dio-nav .tooltip {display:none;}
.dio-nav #top_gnb_pb { display: none !important;  } 
.dio-nav #professional { display: none; }
.dio-nav .languageBox{top:20px;right:-400%; width:90px;height:33px;margin-left:59px;}
.dio-nav-toggle { display: block; }
#dio-offcanvas { display: block; } 
}
@media screen and (max-width: 991px) { 
.dio-nav #top_gnb { display: none !important;  } 
.dio-nav #top_gnb_pb { display: none !important;  } 
.dio-nav .languageBox{top:20px;right:12%;width:90px;height:33px;margin-left:59px;}
}

@media screen and (max-width: 600px) { 
.dio-nav .languageBox{right:16%;}
}

@media screen and (max-width: 480px) { 
.dio-nav .languageBox{top:20px;right:22%;width:90px;height:33px;margin-left:59px;}
}

/*// Navigation*/

/*left_quickbanner*/
.quick_b{position:fixed;top:40%;left:20px;z-index:999; }
.quick_b li{width:50px;height:50px;display: block;}
.quick_b li a { height: 44px; vertical-align: middle; opacity: 0.5;} 
.quick_b a:hover { text-decoration: none; outline: none; opacity: 1; } 
.quick_b a:active, .quick_b a:focus, .quick_b a:visited { text-decoration: none; outline: none; } 
.quick_b_mobile {display:none; }
@media screen and (max-width: 992px) { 
 .quick_b{display:none; }
 .quick_b_mobile{display:block; position:fixed; bottom:65px;right:6vw;z-index:999; opacity: 0.7; -webkit-transition:.5s;-o-transition:.5s;transition:.5s; }
 .quick_b_mobile a:hover { text-decoration: none; outline: none; opacity: 1; } 
 .quick_b_mobile a:active, .quick_b_mobile a:focus, .quick_b_mobile a:visited { text-decoration: none; outline: none; }
 } 
/*// left_quickbanner*/

/*Top_btn*/
.gototop{position:fixed;bottom:20px;right: 5vw;z-index:999;opacity:0;visibility:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.gototop.active{opacity:1;visibility:visible;}
.gototop a{width:50px;height:50px;display:table;background:rgba(0,0,0,0.5);color:#fff;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;}
.gototop a i { height: 31px; display: table-cell; vertical-align: middle; background:url("../../../images/adMain/2021/common/top_arrow_icon.png") no-repeat center;} 
.gototop a:hover, .gototop a:active, .gototop a:focus { text-decoration: none; outline: none; } 
/*// Top_btn*/

/*Footer*/
#dio-footer { padding: 7em 0; position: relative; width: 100%; height: 100%; min-height: 423px;} 

#dio-footer { background: #313131; color: rgba(255, 255, 255, 0.5); letter-spacing:0em; padding: 5em 0 2em 0; } 
#dio-footer .dio-footer-links { padding: 0; margin: 0; } 
#dio-footer .dio-footer-links_ho { list-style: none; display: flex; padding: 0; margin:0 ;  }
#dio-footer .dio-footer-links_ho li { padding: 0; margin-right:5px; list-style: none; } 
#dio-footer .dio-footer-links_ho li a img {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
#dio-footer .dio-footer-links_ho li a img:hover {  -webkit-transform: translateY(-8px); transform: translateY(-8px); } 
#dio-footer .dio-footer-links li { padding: 1px 0; margin-right:5px; list-style: none; } 
#dio-footer .dio-footer-links li a { color: rgba(255, 255, 255, 0.8); text-decoration: none; } 
#dio-footer .dio-footer-links li a:hover { text-decoration: underline; } 
#dio-footer h4 { color: #fff; font-size: 14px; letter-spacing: .2em; font-weight: 600; text-transform: uppercase; padding-bottom: 15px; } 
#dio-footer .dio-widget { margin-bottom: 30px; } 
#dio-footer .logo_footer { background: url("../../../images/adMain/2021/common/logo_footer.png") no-repeat center; width: 150px; height: 27px; margin-bottom: 25px;}
#dio-footer select { background: #313131; font-size: 12px; padding: 0.7em 2em;}
#dio-footer .copyright .block { display: block; } 
#dio-footer .copyright p{ display: block; font-size: 0.7vw;  } 

@media screen and (max-width: 991px) { 
#dio-footer { max-height: 100%;}
#dio-footer .dio-widget { text-align: left; } 
#dio-footer h4 { padding-bottom: 0px; } 
#dio-footer .dio-footer-links_ho { list-style: none; display: flex; padding: 0; margin:0 0 20px 0 ;  }
#dio-footer .copyright p{ display: block; font-size: 2vw;  } 
} 

@media screen and (max-width: 768px) { 
  #dio-footer .dio-footer-links { margin-bottom: 30px; } 
} 
/*// Footer*/

/*LayerPopup*/
.layerpopup {position:absolute; left:10px; top:85px; width:450px;}
.layerpopup img {width:100%;}
.layerpopup .btn2 img {width:17px; height:13px;}
@media screen and (max-width: 991px) { 
.layerpopup {width:94%;}

}
/*// LayerPopup*/

/*Contact us*/
#contactus_wrap { font-size:16px;}
#contactus_wrap .modal-dialog { position: relative; width: auto; margin: 10px;}
#contactus_wrap .modal-content {position: relative;background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; 
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);background-clip: padding-box; outline: 0;}
#contactus_wrap .modal-header {padding: 25px 34px;border-bottom: 1px solid #e5e5e5; min-height: 16.42857px; background:#252525;}
#contactus_wrap .modal-header .close {margin-top: -2px;}
#contactus_wrap .modal-title { font-size:40px; font-weight:200; margin: 0; line-height: 1.42857; color:#ffffff;}
#contactus_wrap .modal-body {position: relative; padding: 40px 60px;}
#contactus_wrap .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5;}
#contactus_wrap .modal-footer:before, .modal-footer:after { content: " "; display: table;}
#contactus_wrap .modal-footer:after { clear: both;}
#contactus_wrap .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0;}
#contactus_wrap .modal-footer .btn-group .btn + .btn { margin-left: -1px;}
#contactus_wrap .modal-footer .btn-block + .btn-block { margin-left: 0;}
#contactus_wrap .close { float: right; font-size: 50px; font-weight: 200; line-height: 1; color: #fff; text-shadow: 0 1px 0 #fff; opacity: 0.5; filter: alpha(opacity=50);}
#contactus_wrap .close:hover, .close:focus { color: #fff; text-decoration: none; cursor: pointer; opacity: 1; filter: alpha(opacity=100);}
#contactus_wrap button.close {padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none;}

#contactus_wrap .tableStyle {  width:100%; border:0; table-layout:fixed; color:#363636; margin-bottom:40px;}
#contactus_wrap .tableStyle li.tit { padding:15px 0 0 10px; font-weight:500;}
#contactus_wrap .tableStyle li.noBgBar {background-image:none !important;}
#contactus_wrap .tableStyle li {padding:0px 10px 15px 10px; width:100%; text-align:center; line-height: 20px; }
#contactus_wrap .tableStyle li a {/*font-family:dotum; font-family:"NanumGothic";*/}
#contactus_wrap .tableStyle .lastNoLine {border-bottom:none;}
#contactus_wrap .tableStyle li.titbg { min-height:248px;}

#contactus_wrap .tableStyle li.tdLeft {text-align:left;}
#contactus_wrap .tableStyle li.tdLeft a {text-decoration:none;}

#contactus_wrap .customerTable { position:relative; height:100%; border-top:2px solid #252525;}
#contactus_wrap .customerTable ul { margin-bottom:0; border-bottom:1px solid #e7e7e7;}
#contactus_wrap .customerTable li {  color:#363636; font-size:14px;}
#contactus_wrap .customerTable .selectType {color:#767676; border:1px solid #cacbce; font-size:16px;padding:5px 10px; width:155px;}
#contactus_wrap .customerTable .inputTxt {color:#767676; border:1px solid #cacbce; font-size:16px; padding:5px 10px;}
#contactus_wrap .customerTable .addressMemTxt {width:730px;}

#contactus_wrap h3 {padding:0 0 15px 0; margin:0; font-weight:600; color:#252525;}
#contactus_wrap .line {width:100%; height:1px; bacground:#D9D9D9;}
#contactus_wrap .questionListBox {width:100%; padding:40px; margin-bottom:50px; border:2px solid #D9D9D9;}
#contactus_wrap .questionListBox .txtUserInfo {text-align:left;}
#contactus_wrap .questionListBox .txtUserInfo .inputUserInfo {vertical-align:middle; font-size:16px; padding:0 0 20px 0;border-bottom:1px solid #D9D9D9;}
#contactus_wrap .questionListBox .txtUserInfo .agreeClause { float:right; padding-right:22px; font-weight:600; vertical-align:middle;}


#contactus_wrap .form-radio,
#contactus_wrap .form-group {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
}
#contactus_wrap .form-group-inline {display: inline-block;}
#contactus_wrap .form-group-inline input {width:100%; padding:10px;border:1px solid #D9D9D9;}
#contactus_wrap .form-group-inline textarea {width:100%; max-width:100%; padding:10px; resize: none; border:1px solid #D9D9D9;}
#contactus_wrap .form-group-inline select {min-width:300px; font-size: 16px; padding:10px; background: none; border: none; line-height: 100%; border:1px solid #D9D9D9}
#contactus_wrap .form-group-inline input.tele { width:30%; display: inline-block;}
#contactus_wrap .form-group-inline input.midd { width:40%; display: inline-block;}
#contactus_wrap .form-inline > .btn {display: inline-block; margin-bottom: 0;}

#contactus_wrap .form-help {margin-top: 0.125rem; margin-left: 0.125rem; color: #b3b3b3; font-size: 0.8rem;}
#contactus_wrap .checkbox .form-help, .form-radio .form-help, .form-group .form-help { position: absolute; width: 100%;}
#contactus_wrap .checkbox .form-help { position: relative; margin-bottom: 1rem;}
#contactus_wrap .form-radio .form-help { padding-top: 0.25rem; margin-top: -1rem;}
#contactus_wrap .form-group input {width:100%; padding:10px;border:1px solid #D9D9D9;}
#contactus_wrap .form-group textarea {width:100%; max-width:100%; padding:10px; resize: none; border:1px solid #D9D9D9;}
#contactus_wrap .form-group select {min-width:300px; font-size: 16px; padding:10px; background: none; border: none; line-height: 100%; border:1px solid #D9D9D9}
#contactus_wrap .form-group .control-label { position: absolute;  top: 0.25rem;  pointer-events: none;  padding-left: 0.125rem;  z-index: 1;  color: #b3b3b3;  font-size: 1rem;  font-weight: normal;  -webkit-transition: all 0.28s ease;  transition: all 0.28s ease;}
#contactus_wrap .form-group .bar {  position: relative;  border-bottom: 0.0625rem solid #999;  display: block;}
#contactus_wrap .form-group .bar::before {  content: '';  height: 0.125rem;  width: 0;  left: 50%;  bottom: -0.0625rem;  position: absolute;  background: #337ab7;  -webkit-transition: left 0.28s ease, width 0.28s ease;  transition: left 0.28s ease, width 0.28s ease;  z-index: 2;}
#contactus_wrap .form-group input[type="file"] {line-height: 1; font-size:12px;}
#contactus_wrap .form-group input[type="file"] ~ .bar {  display: none;}
#contactus_wrap .form-group input.tele { width:30%; display: inline-block;}
#contactus_wrap .form-group input.midd { width:60%; display: inline-block;}
#contactus_wrap .form-group input.sml { width:40%; display: inline-block;}

#contactus_wrap .inputInfo {display:inline-block; padding-left:10px;}

#contactus_wrap .button-container {text-align:center; margin:0 auto;}
#contactus_wrap .button {
  position: relative;
  background: currentColor;
  border: 1px solid currentColor;
  font-size: 16px;
  color: #252525;
  margin: 3rem 0;
  padding: 0.75rem 3rem;
  cursor: pointer;
  -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  overflow: hidden;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
#contactus_wrap .button span {
  color: #fff;
  position: relative;
  z-index: 1;
}
#contactus_wrap .button.greyb { background:#919191; border: 1px solid #919191;}
#contactus_wrap .button::before {
  content: '';
  position: absolute;
  background: #252525;
  border: 50vh solid #1d4567;
  width: 30vh;
  height: 30vh;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  z-index: 0;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
#contactus_wrap .button:hover {
  color: #000000;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
#contactus_wrap .button.greyb:hover {
  background: #666666;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
#contactus_wrap .button:active::before, .button:focus::before {
  -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 0;
}
#contactus_wrap .button:focus {
  outline: none;
}

@media (min-width: 768px) {
	#contactus_wrap .modal-dialog { width: 50%;margin: 30px auto;}
	#contactus_wrap .modal-content {-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);}
	#contactus_wrap .modal-sm { width: 300px;}
}
@media (min-width: 992px) {
	#contactus_wrap .modal-lg {width: 900px;}
	
}

@media (max-width: 1800px) {
	#contactus_wrap .inputInfo {display:block; padding-left:0px;}
}
@media (max-width: 1400px) {
#contactus_wrap .form-group input.midd { width:100%; }
#contactus_wrap .form-group input.sml { width:45%; display: inline-block;}
}
@media (max-width: 900px) {
	#contactus_wrap .modal-body { padding: 40px 30px;}
#contactus_wrap .form-group-inline select {min-width:250px;}
#contactus_wrap .form-group select {min-width:250px;}
}
@media (max-width: 480px) {
	#contactus_wrap .modal-header {padding: 25px 34px;}
#contactus_wrap .modal-title { font-size:30px; }
	#contactus_wrap .modal-body { padding: 20px;}
	#contactus_wrap .questionListBox { padding:20px 20px 40px 20px; margin-bottom:50px; }
	#contactus_wrap .form-group input.tele { width:30%;}
	}

/*// Contact us*/