@charset "utf-8";

:root {
    --text-primary: #111111;
    --text-secondary: #666666;
    --text-disabled: #999999;

    --main-color: #007DC7; 

    --background-color-1: #F9F9FA;
    --background-color-2: #F2F3F5;

    --line-color: #E5E6E6;

    --icon-primer: #444444;

    --board-color: #003B5D;

    --button-gray: #EAEAEB;
    --button-gray-hover: #D5D5DA;
}

/* 초기화 */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}

/* common */
.section_title {font-size: 2rem; font-weight: 700; line-height: 100%;}
.section_title::after {content:''; display: inline-block; width: 10px; height: 10px; background: var(--main-color); border-radius: 50%; transform: translate(10px, -20px);}
.section_title.light {color: #fff;}

.section_sub_title {font-size: 1.63rem; font-weight: 700; line-height: 100%;}
.section_sub_title.light {color: #fff;}

/* margin & padding */
.mgt_10 {margin-top: 10px;} 
.mgb_10 {margin-bottom: 10px;}
.mgl_10 {margin-left: 10px;}
.mgr_10 {margin-right: 10px;}
.mgtb_10 {margin: 10px 0;}
.mglr_10 {margin: 0 10px;}
.mg_10 {margin: 10px;}

.mgt_20 {margin-top: 20px;} 
.mgb_20 {margin-bottom: 20px;}
.mgl_20 {margin-left: 20px;}
.mgr_20 {margin-right: 20px;}
.mgtb_20 {margin: 20px 0;}
.mglr_20 {margin: 0 20px;}
.mg_20 {margin: 20px;}

.mgt_25 {margin-top: 25px;} 
.mgb_25 {margin-bottom: 25px;}
.mgl_25 {margin-left: 25px;}
.mgr_25 {margin-right: 25px;}
.mgtb_25 {margin: 25px 0;}
.mglr_25 {margin: 0 25px;}
.mg_25 {margin: 25px;}

.mgt_35 {margin-top: 35px;} 
.mgb_35 {margin-bottom: 35px;}
.mgl_35 {margin-left: 35px;}
.mgr_35 {margin-right: 35px;}
.mgtb_35 {margin: 35px 0;}
.mglr_35 {margin: 0 35px;}
.mg_35 {margin: 35px;}

.mgt_40 {margin-top: 40px;} 
.mgb_40 {margin-bottom: 40px;}
.mgl_40 {margin-left: 40px;}
.mgr_40 {margin-right: 40px;}
.mgtb_40 {margin: 40px 0;}
.mglr_40 {margin: 0 40px;}
.mg_40 {margin: 40px;}

.mgt_45 {margin-top: 45px;} 
.mgb_45 {margin-bottom: 45px;}
.mgl_45 {margin-left: 45px;}
.mgr_45 {margin-right: 45px;}
.mgtb_45 {margin: 45px 0;}
.mglr_45 {margin: 0 45px;}
.mg_45 {margin: 45px;}

.mgt_50 {margin-top: 50px;} 
.mgb_50 {margin-bottom: 50px;}
.mgl_50 {margin-left: 50px;}
.mgr_50 {margin-right: 50px;}
.mgtb_50 {margin: 50px 0;}
.mglr_50 {margin: 0 50px;}
.mg_50 {margin: 50px;}

.mgt_70 {margin-top: 70px;} 
.mgb_70 {margin-bottom: 70px;}
.mgl_70 {margin-left: 70px;}
.mgr_70 {margin-right: 70px;}
.mgtb_70 {margin: 70px 0;}
.mglr_70 {margin: 0 70px;}
.mg_70 {margin: 70px;}

.mgt_80 {margin-top: 80px;} 
.mgb_80 {margin-bottom: 80px;}
.mgl_80 {margin-left: 80px;}
.mgr_80 {margin-right: 80px;}
.mgtb_80 {margin: 80px 0;}
.mglr_80 {margin: 0 80px;}
.mg_80 {margin: 80px;}

.mgt_90 {margin-top: 90px;} 
.mgb_90 {margin-bottom: 90px;}
.mgl_90 {margin-left: 90px;}
.mgr_90 {margin-right: 90px;}
.mgtb_90 {margin: 90px 0;}
.mglr_90 {margin: 0 90px;}
.mg_90 {margin: 90px;}

.mgt_100 {margin-top: 100px;} 
.mgb_100 {margin-bottom: 100px;}
.mgl_100 {margin-left: 100px;}
.mgr_100 {margin-right: 100px;}
.mgtb_100 {margin: 100px 0;}
.mglr_100 {margin: 0 100px;}
.mg_100 {margin: 100px;}

.pdt_10 {padding-top: 10px;} 
.pdb_10 {padding-bottom: 10px;}
.pdl_10 {padding-left: 10px;}
.pdr_10 {padding-right: 10px;}
.pdtb_10 {padding: 10px 0;}
.pdlr_10 {padding: 0 10px;}
.pd_10 {padding: 10px;}

.pdt_20 {padding-top: 20px;} 
.pdb_20 {padding-bottom: 20px;}
.pdl_20 {padding-left: 20px;}
.pdr_20 {padding-right: 20px;}
.pdtb_20 {padding: 20px 0;}
.pdlr_20 {padding: 0 20px;}
.pd_20 {padding: 20px;}

.pdt_25 {padding-top: 25px;} 
.pdb_25 {padding-bottom: 25px;}
.pdl_25 {padding-left: 25px;}
.pdr_25 {padding-right: 25px;}
.pdtb_25 {padding: 25px 0;}
.pdlr_25 {padding: 0 25px;}
.pd_25 {padding: 25px;}

.pdt_35 {padding-top: 35px;} 
.pdb_35 {padding-bottom: 35px;}
.pdl_35 {padding-left: 35px;}
.pdr_35 {padding-right: 35px;}
.pdtb_35 {padding: 35px 0;}
.pdlr_35 {padding: 0 35px;}
.pd_35 {padding: 35px;}

.pdt_40 {padding-top: 40px;} 
.pdb_40 {padding-bottom: 40px;}
.pdl_40 {padding-left: 40px;}
.pdr_40 {padding-right: 40px;}
.pdtb_40 {padding: 40px 0;}
.pdlr_40 {padding: 0 40px;}
.pd_40 {padding: 40px;}

.pdt_45 {padding-top: 45px;} 
.pdb_45 {padding-bottom: 45px;}
.pdl_45 {padding-left: 45px;}
.pdr_45 {padding-right: 45px;}
.pdtb_45 {padding: 45px 0;}
.pdlr_45 {padding: 0 45px;}
.pd_45 {padding: 45px;}

.pdt_50 {padding-top: 50px;} 
.pdb_50 {padding-bottom: 50px;}
.pdl_50 {padding-left: 50px;}
.pdr_50 {padding-right: 50px;}
.pdtb_50 {padding: 50px 0;}
.pdlr_50 {padding: 0 50px;}
.pd_50 {padding: 50px;}

.pdt_70 {padding-top: 70px;} 
.pdb_70 {padding-bottom: 70px;}
.pdl_70 {padding-left: 70px;}
.pdr_70 {padding-right: 70px;}
.pdtb_70 {padding: 70px 0;}
.pdlr_70 {padding: 0 70px;}
.pd_70 {padding: 70px;}

.pdt_80 {padding-top: 80px;} 
.pdb_80 {padding-bottom: 80px;}
.pdl_80 {padding-left: 80px;}
.pdr_80 {padding-right: 80px;}
.pdtb_80 {padding: 80px 0;}
.pdlr_80 {padding: 0 80px;}
.pd_80 {padding: 80px;}

.pdt_90 {padding-top: 90px;} 
.pdb_90 {padding-bottom: 90px;}
.pdl_90 {padding-left: 90px;}
.pdr_90 {padding-right: 90px;}
.pdtb_90 {padding: 90px 0;}
.pdlr_90 {padding: 0 90px;}
.pd_90 {padding: 90px;}

.pdt_100 {padding-top: 100px;} 
.pdb_100 {padding-bottom: 100px;}
.pdl_100 {padding-left: 100px;}
.pdr_100 {padding-right: 100px;}
.pdtb_100 {padding: 100px 0;}
.pdlr_100 {padding: 0 100px;}
.pd_100 {padding: 100px;}

/* font */
.color_light {color: #fff;}
.color_main {color: var(--main-color);}
.color_disabled {color: var(--text-disabled);}
.color_secondary {color: var(--text-secondary);}


.color_caution {color: #c6181f;}
.tbl_head01 td.color_caution {color: #c6181f;}

[class *=font_] {line-height: 100%;}
[class *=font_].center {text-align: center;}
.font_12 {font-size: 0.75rem;}
.font_13 {font-size: 0.81rem;}
.font_14 {font-size: 0.88rem;}
.font_15 {font-size: 0.94rem;}
.font_16 {font-size: 1rem;}
.font_18 {font-size: 1.13rem;}
.font_19 {font-size: 1.19rem;}
.font_20 {font-size: 1.25rem;}
.font_30 {font-size: 1.88rem;}

.line_height_13{line-height: 1.3;}
.line_height_15{line-height: 1.5;}

.weight_400 {font-weight: 400;}
.weight_600 {font-weight: 600;}
.weight_700 {font-weight: 700;}

.word-keep {word-break: keep-all;}

/* icon */
.ico {display: inline-block; width: 20px; height: 20px; vertical-align: bottom;}
.ico.w_18 {width: 18px; height: 18px;}
.ico-light {background:#fff;}

.ico-calendar {mask: url(../img/main/ico-calender.svg) no-repeat center / cover; -webkit-mask: url(../img/main/ico-calender.svg) no-repeat center / cover;}
.ico-clock {mask: url(../img/main/ico-clock.svg) no-repeat center / cover; -webkit-mask: url(../img/main/ico-clock.svg) no-repeat center / cover;}

/* button */
.btn_wrap {display: flex; gap:10px;}
.btn_wrap.center {justify-content: center;}
.btn {color: #fff; word-break: keep-all; font-size: 15px; line-height: 100%; min-height: 46px; max-width: 160px; width: 100%; display: flex; align-items: center; justify-content: center; background-color: black; border-radius: 5px; border: none; font-weight: 500; cursor: pointer; transition: all .3s ease;}
.btn.dark {background: #001725;}
.btn.dark:hover {background: #fff; color: #001725; box-shadow: inset 0 0 0 2px #001725; -webkit-box-shadow: inset 0 0 0 2px #001725; -moz-box-shadow: inset 0 0 0 2px #001725; -o-box-shadow: inset 0 0 0 2px #001725; -ms-box-shadow: inset 0 0 0 2px #001725;}
.btn.dark_green {background: #003B5D;}
.btn.dark_green:hover {background: #fff; color: #003B5D; box-shadow: inset 0 0 0 2px #003B5D; -webkit-box-shadow: inset 0 0 0 2px #003B5D; -moz-box-shadow: inset 0 0 0 2px #003B5D; -o-box-shadow: inset 0 0 0 2px #003B5D; -ms-box-shadow: inset 0 0 0 2px #003B5D;}
.btn[class*="sub_style"] {font-size: 1rem; padding: 10px; min-height: 56px; max-width: 180px; transition: all .3s ease;}
.btn.sub_style1 {background: #fff; color: var(--board-color); box-shadow: inset 0 0 0 1px var(--board-color); -webkit-box-shadow: inset 0 0 0 1px var(--board-color); }
.btn.sub_style1:hover {background: var(--board-color); color: #fff;}
.btn.sub_style2 {background: var(--board-color);}
.btn.sub_style2:hover {background: #00598d;}
.btn.sub_style3 {background: var(--button-gray); color: var(--text-primary);}
.btn.sub_style3:hover {background: var(--button-gray-hover);}
.btn.form_btn {background: #fff; color: var(--text-primary); box-shadow: var(--text-primary) 0px 0px 0px 1px inset; -webkit-box-shadow: var(--text-primary) 0px 0px 0px 1px inset; min-height: 44px; max-width: 113px;}
.btn.form_btn:hover {background: var(--line-color);}
.btn.terms {font-size: 13px; font-weight: 400; color: var(--text-primary); background: var(--background-color-2); height:24px; min-height: 24px; max-width: 61px; padding: 0; box-shadow: inset 0 0 0 1px var(--button-gray-hover); -webkit-box-shadow: inset 0 0 0 1px var(--button-gray-hover); }
.btn.terms:hover {background: var(--line-color);}
.btn.wd_full {max-width: 100%;}

.btn.small {width: auto; max-width: inherit;}

/* layout */
.container {max-width:1280px; width:90%; margin:0 auto; position:relative;}
.clear_after:after {content:"";clear:both;display:table;} 
.table_wrap {display: table;  width: 100%;}
.table_cell_wrap {display:table-cell;}
img {max-width:100%}
input { -webkit-appearance: none; -moz-appearance: none;}

/* scrollbar style */
.scrollbar_style::-webkit-scrollbar-track { border-radius: 10px; background: #e8e8e8}
.scrollbar_style::-webkit-scrollbar { width: 8px; background-color: #e8e8e8; border-radius: 10px}
.scrollbar_style::-webkit-scrollbar-thumb { border-radius: 10px; background: #7a7a7a}

.scrollbar_style_wrap > *::-webkit-scrollbar-track { border-radius: 10px; background: #e8e8e8}
.scrollbar_style_wrap > *::-webkit-scrollbar { width: 8px; background-color: #e8e8e8; border-radius: 10px}
.scrollbar_style_wrap > *::-webkit-scrollbar-thumb { border-radius: 10px; background: #7a7a7a}

/* 구분선 */
.divider {width: 100%; height: 1px; background-color: var(--line-color);}
.divider.bk {background-color: var(--text-primary);}


/* header-top */
#hd {position: sticky; left: 0; top: 0; z-index: 1000;}
#hd_h1 {display: none;}
.header_link_menu {position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.header_link_menu a {display: inline-block; width:20px; height:20px; margin-left:10px; background-size:cover;opacity:1;-webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;}

.haeder_menu_area.menu_fixed .header_link_menu a {opacity:0.6;}
.haeder_menu_area.menu_fixed .header_link_menu a.instagram:hover {opacity:1; background-image:url(/img/main/instagram_red.svg)}
.haeder_menu_area.menu_fixed .header_link_menu a.facebook:hover {opacity:1; background-image:url(/img/main/facebook_red.svg)}
.haeder_menu_area.menu_fixed .header_link_menu a.blog:hover {opacity:1; background-image:url(/img/main/blog_red.svg)}

.haeder_menu_area.menu_fixed #logo .header_main_logo_img {background-image:url(/img/main/mate_logo_horizontal.svg);}

.haeder_menu_area > .container {display: flex; justify-content: space-between; align-items: center; height: 100%;}

/* Main menus */
.haeder_menu_area {width: 100%; background: #fff;  border-bottom: 1px solid rgba(255, 255, 255, 0.5); height:80px; clear: both;-webkit-transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;z-index: 50;}
.haeder_menu_area.menu_fixed {background:#fff;border-bottom: 1px solid #ddd; }
.haeder_menu_area.menu_line {background:#fff;border-bottom: 1px solid #ddd; }
#gnb > h2 {display: none;}
#gnb>ul>li.menu-item {float:left;height: 80px; line-height: 80px;margin-right: 50px; position: RELATIVE;padding: 0 10px;}
#gnb>ul>li.menu-item:last-child {margin-right:0;}
.gnb_dep1>li>a {  color: #333333; text-decoration: none; font-weight: 600; font-size: 1.13rem;}
.gnb_dep1>li>a.current {color: var(--main-color);}
.gnb_dep1>li:hover >a, .gnb_dep1>li.current>a {font-weight: 600; }
.gnb_dep1>li:hover > a, .gnb_dep1>li.current > a {color: var(--main-color);}
.haeder_menu_area.menu_fixed .gnb_dep1>li>a {  color: #222; }
.haeder_menu_area.menu_fixed .gnb_dep1>li>a.current {  color: var(--main-color); }
#gnb  ul li .sub_menu_wide_bg {display:none;  position: fixed;  top: 79px;  left: 0;  width: 100% ; height:235px; background: #f9f9f9 ;  padding: 40px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#gnb  ul li ul.sub_menu {  display:none; position: absolute;  top: 89px;  left: 0; }
#gnb  ul li ul.sub_menu.sub_01 { width: 500px;}
#gnb  ul li ul.sub_menu.sub_01 .sub_menu_list_01 {width:260px;}
#gnb  ul li ul.sub_menu.sub_02 {width: 200px; left:50%; margin-left:-100px; padding: 30px 20px;   text-align: CENTER;} 
#gnb  ul li ul.sub_menu li {line-height:1em; margin-bottom:25px; float: left; display: block;width: 100%;}
#gnb  ul li ul.sub_menu.sub_01 li {width: 95px; padding-left: 20px;}
#gnb  ul li ul.sub_menu li a {color:#fff; font-size:16px; font-weight:600;}
#gnb  ul li ul.sub_menu li a:hover {color:var(--main-color) !important; border-bottom:1px solid #fff;}
#gnb  ul li ul.sub_menu li:last-child  {margin-bottom:0;}
#gnb  ul li ul.sub_menu li a.sub_click {color:var(--text-secondary); font-size:1rem;}
.gnb_dep1>li.menu-item-has-children:hover .sub_menu_wide_bg, .gnb_dep1>li.menu-item-has-children:hover  ul.sub_menu{display:block !important;}
.gnb_dep1 .sub_menu .table_cell_wrap {vertical-align:top;}
.gnb_dep1 .sub_menu .sub_mid_title {border-bottom: 1px solid #ddd;  margin-bottom: 35px;}
.gnb_dep1 .sub_menu .sub_mid_title h3 {font-size: 18px;  font-weight: 500; color:#c6181f; padding: 30px 30px 30px 20px; line-height: 1em;}
.hd_login {display: flex; gap: 22px;}
.hd_login li {position: relative;}
.hd_login li::after {content:''; display: block; width: 2px; height: 2px; background: var(--text-secondary); position: absolute; right: -12px; top: 50%; transform: translateY(-50%);}
.hd_login li:first-child {border-left:0;}
.hd_login li:last-child::after {display: none;}
.hd_login a {font-size: 0.94rem; color: var(--text-secondary); font-weight: 400; line-height:13px; }
/*Mobile menus*/
.header_hamburder_menu { display:none; position: absolute; right: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.navbar-toggle {cursor: pointer;color: #fff;}
.header_hamburder_menu.active {position: fixed;  right: 10px;  top: 20px;}

.hamburger {  font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 0; line-height:1em; cursor: pointer; transition-timing-function: linear;  transition-duration: .15s;
    transition-property: opacity,filter;     text-transform: none; color: inherit;  border: 0; }
.hamburger-box {   position: relative;  display: inline-block;  width: 28px;height: 20px; }
.hamburger-inner:after, .hamburger-inner:before {  display: block;   content: ""; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 100%; height: 3px; border-radius: 0; }
.hamburger-inner {  margin-top: 1px; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {  position: absolute;  transition-timing-function: ease; transition-duration: .10s;  transition-property: transform;  border-radius: 4px; background-color: #333;}
.haeder_menu_area.menu_fixed .hamburger-inner, .haeder_menu_area.menu_fixed .hamburger-inner:after, .haeder_menu_area.menu_fixed .hamburger-inner:before  {background-color: #222;}
.hamburger-inner:before {   top: 8px;  transition-property: transform,opacity;}
.hamburger-inner:after {   bottom: -16px; }
.navbar-toggle.active .hamburger-inner { 
    transform: translate3d(0,20px,0) rotate(45deg);
   -webkit-transform:translate3d(0,20px,0) rotate(45deg);
   -ms-transform:translate3d(0,20px,0) rotate(45deg);}
.navbar-toggle.active .hamburger-inner:before {
    transform: rotate(-45deg) translate3d(0px,0px,0);
	-webkit-transform:rotate(-45deg) translate3d(0px,0px,0);
    -ms-transform:rotate(-45deg) translate3d(0px,0px,0);
    opacity: 0;
}
.navbar-toggle.active .hamburger-inner:after {
    transform: translate3d(0,-16px,0) rotate(-90deg);
	-webkit-transform: translate3d(0,-16px,0) rotate(-90deg);
	 -ms-transform: translate3d(0,-16px,0) rotate(-90deg);
}


.mobile_menu_contents {position: fixed;  top: 0; left: 100%; width: 100%; height: 100%; background: #222935; -webkit-transition: all 0.35s;-moz-transition: all 0.35s;-o-transition: all 0.35s;-ms-transition: all 0.35s;transition: all 0.35s;overflow-y: auto;z-index: 1999;}
.mobile_menu_contents.active {left:0;}
.navbar-toggle.active .hamburger-inner, .navbar-toggle.active .hamburger-inner:after, .navbar-toggle.active .hamburger-inner:before {background-color: #fff;}
#mobile_menu_box .hd_login {display: none;}
#mobile_menu_box .gnb_dep1 { margin-top: 0;}
#mobile_menu_box .gnb_dep1 li { float:none; }
#mobile_menu_box .gnb_dep1>li {border-bottom: 1px solid #484a4e;}
#mobile_menu_box .gnb_dep1>li>a {padding: 15px 0 15px 30px;  height: auto; color: #fff; line-height: 1em;  position: relative; display: block;}
#mobile_menu_box .gnb_dep1>li>a:after {
    position:absolute;
    left: 10px;
    top: 15px;
    content:"\f107";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; color: #fff;
	}
#mobile_menu_box .gnb_dep1>li.visible>a:after {content:"\f106";}
#mobile_menu_box .gnb_dep1>li:hover >a, .gnb_dep1>li>a.active {  font-weight:500; border-bottom: none; }

#mobile_menu_box .gnb_dep1 .menu-item-has-children.visible .sub_menu {display:block !important;}
#mobile_menu_box .sub_menu { width: 100%; line-height: 1em; float: none; margin: 0; padding: 10px 10px 30px 25px;left:0 !important; display:none !important;}
#mobile_menu_box .sub_menu>li { padding: 10px;}
#mobile_menu_box .sub_menu>li>a { font-size: 16px; color: #fff;  font-weight: 600;}
#mobile_menu_box .sub_menu>li>a.sub_click { font-size: 15px; color: #a4b0c5;  font-weight: 600;}

#mobile_menu_box .sub_menu_wide_bg {display:none !important;}
#mobile_menu_box .sub_menu .table_cell_wrap {  display: block;  width: 100%;margin-bottom: 20px; }
#mobile_menu_box .gnb_dep1 .sub_menu .sub_mid_title h3 {font-size: 16px;   padding: 20px 20px 20px 10px; color:#fff; }
#mobile_menu_box .gnb_dep1 .sub_menu .sub_mid_title {  border-bottom: 1px solid #4f545d;  margin-bottom: 25px; }
#mobile_menu_box .gnb_dep1 li li {margin-bottom: 0;padding-left: 10px;}
#mobile_menu_box .gnb_dep1 li li a {color: #999;}
#mobile_menu_box .sub_menu {padding: 0 10px 30px 25px;}

/*영문페이지*/
#gnb.en {padding-right: 16vw;}
#gnb.en ul li ul.sub_menu li a.sub_click {line-height: 1.3;}
#gnb.en ul li ul.sub_menu li {margin-bottom: 16px;}

/* footer */
.footer_area {background: #000; color: #D9D9D9;}
.footer_area .footer-top {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #313131; gap: 10px;}
.footer_area .footer-top .footer_menu {display: flex; gap: 20px;}
.footer_area .footer-top .footer_menu li {position: relative;}
.footer_area .footer-top .footer_menu li::after {content: ''; display: block; width: 3px; height: 3px; background: #D9D9D9; border-radius: 50%; position: absolute; right: -12px; top: 50%; transform: translateY(-50%);}
.footer_area .footer-top .footer_menu li a {color: #D9D9D9;}
.footer_area .footer-top .footer_menu li:first-child a {color: #fff;}
.footer_area .footer-top .footer_menu li:last-child::after {display: none;}
.footer_area .footer-bottom {display: flex; justify-content: space-between; gap: 10px;}
.footer_area .footer-bottom p {color: #D9D9D9;}
.footer_area .footer-bottom p span {color: #5C5C5C;}



/* Media Query */
/* @media only screen and (max-width: 1700px) {
    #gnb>ul>li.menu-item {margin-right: 15px;}
    .hd_login {right: 110px;}
}

@media only screen and (max-width: 1600px) {
	#gnb.en ul li .sub_menu_wide_bg {height: 340px;}
	.dentist01 .check-wrap .check-tit {width: 100%;}
	.dentist01 .check-wrap .check-tit br {display: none;}
}

@media only screen and (max-width: 1550px) {
    #logo {padding: 26px 0 0;}
    #logo a {display: block; width: 190px;}
    #logo img {display: block; width: 100%;}
    #gnb>ul>li.menu-item {margin-right: 7px;}
    .gnb_dep1>li>a {font-size: 1.15vw;}
    .hd_login a {font-size: 1.15vw;}
    #gnb ul li ul.sub_menu li a.sub_click {font-size: 1.15vw;}

}

@media only screen and (max-width: 1440px) {
	.hd_login {right: 100px;}
	.hd_login li {padding-left: 6px;}
} */

/* =========================================================
   Media Query: Max-width 980px (Tablet & Small Desktop)
   비율: 기존 수치의 약 75~80% 적용
   20->15, 25->20, 40->30, 45->35, 50->40, 70->55, 80->60, 90->70
========================================================= */
@media screen and (max-width: 980px) {
  /* Margin 980px */
  .mgt_20 {margin-top: 15px;} .mgb_20 {margin-bottom: 15px;} .mgl_20 {margin-left: 15px;} .mgr_20 {margin-right: 15px;} .mgtb_20 {margin: 15px 0;} .mglr_20 {margin: 0 15px;} .mg_20 {margin: 15px;}
  .mgt_25 {margin-top: 20px;} .mgb_25 {margin-bottom: 20px;} .mgl_25 {margin-left: 20px;} .mgr_25 {margin-right: 20px;} .mgtb_25 {margin: 20px 0;} .mglr_25 {margin: 0 20px;} .mg_25 {margin: 20px;}
  .mgt_35
  .mgt_40 {margin-top: 30px;} .mgb_40 {margin-bottom: 30px;} .mgl_40 {margin-left: 30px;} .mgr_40 {margin-right: 30px;} .mgtb_40 {margin: 30px 0;} .mglr_40 {margin: 0 30px;} .mg_40 {margin: 30px;}
  .mgt_45 {margin-top: 35px;} .mgb_45 {margin-bottom: 35px;} .mgl_45 {margin-left: 35px;} .mgr_45 {margin-right: 35px;} .mgtb_45 {margin: 35px 0;} .mglr_45 {margin: 0 35px;} .mg_45 {margin: 35px;}
  .mgt_50 {margin-top: 40px;} .mgb_50 {margin-bottom: 40px;} .mgl_50 {margin-left: 40px;} .mgr_50 {margin-right: 40px;} .mgtb_50 {margin: 40px 0;} .mglr_50 {margin: 0 40px;} .mg_50 {margin: 40px;}
  .mgt_70 {margin-top: 55px;} .mgb_70 {margin-bottom: 55px;} .mgl_70 {margin-left: 55px;} .mgr_70 {margin-right: 55px;} .mgtb_70 {margin: 55px 0;} .mglr_70 {margin: 0 55px;} .mg_70 {margin: 55px;}
  .mgt_80 {margin-top: 60px;} .mgb_80 {margin-bottom: 60px;} .mgl_80 {margin-left: 60px;} .mgr_80 {margin-right: 60px;} .mgtb_80 {margin: 60px 0;} .mglr_80 {margin: 0 60px;} .mg_80 {margin: 60px;}
  .mgt_100 {margin-top: 80px;} .mgb_100 {margin-bottom: 80px;} .mgl_100 {margin-left: 80px;} .mgr_100 {margin-right: 80px;} .mgtb_100 {margin: 80px 0;} .mglr_100 {margin: 0 80px;} .mg_100 {margin: 80px;}

  /* Padding 980px */
  .pdt_20 {padding-top: 15px;} .pdb_20 {padding-bottom: 15px;} .pdl_20 {padding-left: 15px;} .pdr_20 {padding-right: 15px;} .pdtb_20 {padding: 15px 0;} .pdlr_20 {padding: 0 15px;} .pd_20 {padding: 15px;}
  .pdt_25 {padding-top: 20px;} .pdb_25 {padding-bottom: 20px;} .pdl_25 {padding-left: 20px;} .pdr_25 {padding-right: 20px;} .pdtb_25 {padding: 20px 0;} .pdlr_25 {padding: 0 20px;} .pd_25 {padding: 20px;}
  .pdt_35 {padding-top: 25px;} .pdb_35 {padding-bottom: 25px;} .pdl_35 {padding-left: 25px;} .pdr_35 {padding-right: 25px;} .pdtb_35 {padding: 25px 0;} .pdlr_35 {padding: 0 25px;} .pd_35 {padding: 25px;}
  .pdt_40 {padding-top: 30px;} .pdb_40 {padding-bottom: 30px;} .pdl_40 {padding-left: 30px;} .pdr_40 {padding-right: 30px;} .pdtb_40 {padding: 30px 0;} .pdlr_40 {padding: 0 30px;} .pd_40 {padding: 30px;}
  .pdt_45 {padding-top: 35px;} .pdb_45 {padding-bottom: 35px;} .pdl_45 {padding-left: 35px;} .pdr_45 {padding-right: 35px;} .pdtb_45 {padding: 35px 0;} .pdlr_45 {padding: 0 35px;} .pd_45 {padding: 35px;}
  .pdt_50 {padding-top: 40px;} .pdb_50 {padding-bottom: 40px;} .pdl_50 {padding-left: 40px;} .pdr_50 {padding-right: 40px;} .pdtb_50 {padding: 40px 0;} .pdlr_50 {padding: 0 40px;} .pd_50 {padding: 40px;}
  .pdt_70 {padding-top: 55px;} .pdb_70 {padding-bottom: 55px;} .pdl_70 {padding-left: 55px;} .pdr_70 {padding-right: 55px;} .pdtb_70 {padding: 55px 0;} .pdlr_70 {padding: 0 55px;} .pd_70 {padding: 55px;}
  .pdt_80 {padding-top: 60px;} .pdb_80 {padding-bottom: 60px;} .pdl_80 {padding-left: 60px;} .pdr_80 {padding-right: 60px;} .pdtb_80 {padding: 60px 0;} .pdlr_80 {padding: 0 60px;} .pd_80 {padding: 60px;}
  .pdt_100 {padding-top: 80px;} .pdb_100 {padding-bottom: 80px;} .pdl_100 {padding-left: 80px;} .pdr_100 {padding-right: 80px;} .pdtb_100 {padding: 80px 0;} .pdlr_100 {padding: 0 80px;} .pd_100 {padding: 80px;}

   /* font */
  .section_title,
  .section_sub_title,
  [class *=font_] {line-height: 1.4;}
}

/* =========================================================
   Media Query: Max-width 480px (Mobile)
   비율: 기존 수치의 약 50% 적용
   20->10, 25->15, 40->20, 45->25, 50->25, 70->35, 80->40, 90->45
========================================================= */
@media screen and (max-width: 480px) {
  /* Margin 480px */
  .mgt_20 {margin-top: 10px;} .mgb_20 {margin-bottom: 10px;} .mgl_20 {margin-left: 10px;} .mgr_20 {margin-right: 10px;} .mgtb_20 {margin: 10px 0;} .mglr_20 {margin: 0 10px;} .mg_20 {margin: 10px;}
  .mgt_25 {margin-top: 15px;} .mgb_25 {margin-bottom: 15px;} .mgl_25 {margin-left: 15px;} .mgr_25 {margin-right: 15px;} .mgtb_25 {margin: 15px 0;} .mglr_25 {margin: 0 15px;} .mg_25 {margin: 15px;}
  .mgt_40 {margin-top: 20px;} .mgb_40 {margin-bottom: 20px;} .mgl_40 {margin-left: 20px;} .mgr_40 {margin-right: 20px;} .mgtb_40 {margin: 20px 0;} .mglr_40 {margin: 0 20px;} .mg_40 {margin: 20px;}
  .mgt_45 {margin-top: 25px;} .mgb_45 {margin-bottom: 25px;} .mgl_45 {margin-left: 25px;} .mgr_45 {margin-right: 25px;} .mgtb_45 {margin: 25px 0;} .mglr_45 {margin: 0 25px;} .mg_45 {margin: 25px;}
  .mgt_50 {margin-top: 25px;} .mgb_50 {margin-bottom: 25px;} .mgl_50 {margin-left: 25px;} .mgr_50 {margin-right: 25px;} .mgtb_50 {margin: 25px 0;} .mglr_50 {margin: 0 25px;} .mg_50 {margin: 25px;}
  .mgt_70 {margin-top: 35px;} .mgb_70 {margin-bottom: 35px;} .mgl_70 {margin-left: 35px;} .mgr_70 {margin-right: 35px;} .mgtb_70 {margin: 35px 0;} .mglr_70 {margin: 0 35px;} .mg_70 {margin: 35px;}
  .mgt_80 {margin-top: 40px;} .mgb_80 {margin-bottom: 40px;} .mgl_80 {margin-left: 40px;} .mgr_80 {margin-right: 40px;} .mgtb_80 {margin: 40px 0;} .mglr_80 {margin: 0 40px;} .mg_80 {margin: 40px;}
  .mgt_90 {margin-top: 45px;} .mgb_90 {margin-bottom: 45px;} .mgl_90 {margin-left: 45px;} .mgr_90 {margin-right: 45px;} .mgtb_90 {margin: 45px 0;} .mglr_90 {margin: 0 45px;} .mg_90 {margin: 45px;}
  .mgt_100

  /* Padding 480px */
  .pdt_20 {padding-top: 10px;} .pdb_20 {padding-bottom: 10px;} .pdl_20 {padding-left: 10px;} .pdr_20 {padding-right: 10px;} .pdtb_20 {padding: 10px 0;} .pdlr_20 {padding: 0 10px;} .pd_20 {padding: 10px;}
  .pdt_25 {padding-top: 15px;} .pdb_25 {padding-bottom: 15px;} .pdl_25 {padding-left: 15px;} .pdr_25 {padding-right: 15px;} .pdtb_25 {padding: 15px 0;} .pdlr_25 {padding: 0 15px;} .pd_25 {padding: 15px;}
  .pdt_40 {padding-top: 20px;} .pdb_40 {padding-bottom: 20px;} .pdl_40 {padding-left: 20px;} .pdr_40 {padding-right: 20px;} .pdtb_40 {padding: 20px 0;} .pdlr_40 {padding: 0 20px;} .pd_40 {padding: 20px;}
  .pdt_45 {padding-top: 25px;} .pdb_45 {padding-bottom: 25px;} .pdl_45 {padding-left: 25px;} .pdr_45 {padding-right: 25px;} .pdtb_45 {padding: 25px 0;} .pdlr_45 {padding: 0 25px;} .pd_45 {padding: 25px;}
  .pdt_50 {padding-top: 25px;} .pdb_50 {padding-bottom: 25px;} .pdl_50 {padding-left: 25px;} .pdr_50 {padding-right: 25px;} .pdtb_50 {padding: 25px 0;} .pdlr_50 {padding: 0 25px;} .pd_50 {padding: 25px;}
  .pdt_70 {padding-top: 35px;} .pdb_70 {padding-bottom: 35px;} .pdl_70 {padding-left: 35px;} .pdr_70 {padding-right: 35px;} .pdtb_70 {padding: 35px 0;} .pdlr_70 {padding: 0 35px;} .pd_70 {padding: 35px;}
  .pdt_80 {padding-top: 40px;} .pdb_80 {padding-bottom: 40px;} .pdl_80 {padding-left: 40px;} .pdr_80 {padding-right: 40px;} .pdtb_80 {padding: 40px 0;} .pdlr_80 {padding: 0 40px;} .pd_80 {padding: 40px;}
  .pdt_90 {padding-top: 45px;} .pdb_90 {padding-bottom: 45px;} .pdl_90 {padding-left: 45px;} .pdr_90 {padding-right: 45px;} .pdtb_90 {padding: 45px 0;} .pdlr_90 {padding: 0 45px;} .pd_90 {padding: 45px;}
  .pdt_100 {padding-top: 50px;} .pdb_100 {padding-bottom: 50px;} .pdl_100 {padding-left: 50px;} .pdr_100 {padding-right: 50px;} .pdtb_100 {padding: 50px 0;} .pdlr_100 {padding: 0 50px;} .pd_100 {padding: 50px;}
  
  /* font */
  .section_title,
  .section_sub_title,
  [class *=font_] {line-height: 1.5;}

  .section_title::after {width: 6px; height: 6px; transform: translate(6px, -16px);}

  .font_12 {font-size: 12px;}
  .font_13 {font-size: 13px;}
  .font_14 {font-size: 14px;}
  .font_15 {font-size: 14px;}
  .font_16 {font-size: 14px;}
  .font_18 {font-size: 15px;}
  .font_19 {font-size: 16px;}
  .font_20 {font-size: 18px;}

  /* button */
  .btn {font-size: 14px;}
}

/* header 미디어 쿼리 */
@media only screen and (max-width:1280px){
    #logo a {width: 160px; display: block;}
    #gnb  ul li .sub_menu_wide_bg .image_wrap {max-width:400px}
    #gnb>ul>li.menu-item {margin-right: 20px;}
 
}

@media only screen and (max-width:1024px){
    #gnb {display:none;}
    .header_link_menu { padding-right: 80px;}
    .header_hamburder_menu {display:block;z-index: 19999;}
    .hd_login {padding-right: 80px;}
    #gnb .gnb_dep1 {display: none;}
    .mobile_menu_inner_wrap {padding-top: 60px;} 

      /* footer */
    .footer_area .footer-bottom {flex-direction: column;}

}

@media only screen and (max-width: 980px) {
    .main_slider .text_holder .tertiary_heading {font-size: 1.4vw; letter-spacing: 15px;}
}

@media only screen and ( max-width: 767px ) { 
    .haeder_menu_area { height: 60px;}
    #logo .header_main_logo_img {width: 96px;  height: 30px;}
    #logo a {width: 120px;}
    .header_link_menu {top: 45%;}
    .hd_login {display: none; position: relative; top: auto; right: auto; transform: translateY(0);}
    #mobile_menu_box .hd_login {display: block !important;margin-bottom: 30px;text-align: center; padding-right: 0;}
    #mobile_menu_box .hd_login:after {content: ""; display: block; clear: both;}
    #mobile_menu_box .hd_login>li {float: none; display: inline-block; margin-right: 16px;}
    #mobile_menu_box .hd_login>li:nth-child(1) {padding-left: 0;}
    #mobile_menu_box .hd_login>li a {font-size: 16px; color: #d9d9d9;}
    #mobile_menu_box .gnb_dep1>li>a {font-size: 16px;}

    /* footer */
    .footer_area .footer-bottom p span {display:block; background: none; height: 0; width: 0;}
}

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

    .header_hamburder_menu {  top: 31px; right: 0;}
    .hamburger-box {width: 22px;}
    .header_link_menu {padding-right: 45px;}

    /* button */
    .btn[class*="sub_style"] {font-size: 14px; min-height: 46px;}
    .btn.form_btn {max-width: 100%;}

    /* footer */
    .footer_area .footer-top {flex-direction: column; padding-bottom: 20px;}
    .footer_area .footer-bottom {padding-top: 20px;}
} 

@media only screen and (max-width: 380px) {
	.header_link_menu {top: 52%; padding-right: 40px;}
	.header_link_menu a {margin-left: 6px; width: 16px; height: 16px;}
	.header_link_menu a img {display: block; width: 100%; height: 100%; object-fit: fill;}
}