body,h1,h2,h3,h4,h5,h6,li,a,textarea,div,p,span,td,input,select,button {font-family: 'Noto Sans Korean', sans-serif; font-weight:400;  }
.container {max-width:1320px; width:95%; position: relative; margin: 0 auto;}
img {max-width: 100%;}
.clear_after:after {content:"";clear:both;display:table;} 
.pc_br {display:block; color:rgba(0,0,0,0);line-height:0;}
.table_wrap {display: table; width: 100%;}
.table_wrap > div {display:table-cell; vertical-align:middle;}
.center_align {text-align:center;}
table {border-spacing: 0;  border-collapse: collapse; width:100%}



/* header top */
#tnb .table_wrap {height:100px;}
#tnb .header_empty {width:270px;}
#tnb .logo_section {text-align:left;}
#tnb .hd_login_wr {width:auto; text-align:right;}
#tnb .hd_login_wr .header_login{float:right}

/* Main menus */
#hd {position: relative;  z-index: 19999;}
#hd_wrapper {text-align:center;}
#gnb {display: inline-block;}
.header_menu_section {  position:relative; background:#fff; width:100%;}
.header_menu_section.menu_fixed { position: fixed;   left: 0; top: 0;  border-bottom:1px solid #eee}
#gnb>ul {text-align:left}
#gnb>ul>li {height: 70px; line-height: 70px;margin-right: 85px; position: RELATIVE; display:inline-block;}
#gnb>ul>li{margin-right: 90px;}
#gnb>ul>li:nth-child(2){margin-right: 90px;}
#gnb>ul>li:nth-child(3){margin-right: 140px;}
#gnb>ul>li:nth-child(4){margin-right: 128px;}
#gnb>ul>li:nth-child(6){margin-right: 125px;}
#gnb>ul>li:last-child {margin-right:0;}
.gnb_dep1>li>a {  color: #222;    text-decoration: none; font-weight: 600; font-size: 20px; letter-spacing:-0.02em; transition:0.2s ease}
.header_menu_section .gnb_dep1>li:hover >a, .header_menu_section .gnb_dep1>li.current>a {font-weight: 600; color:#fdbb11;}
#gnb  ul li ul.sub_menu {display:none;position: absolute;  top: 70px;  left:0; margin-left:0; min-height:475px; z-index: 1999; border-right:1px solid #eee; margin-top:50px}

#gnb  ul li ul.sub_menu.sub_01{width:158px}
#gnb  ul li ul.sub_menu.sub_02{width:116px}
#gnb  ul li ul.sub_menu.sub_03{width:120px}
#gnb  ul li ul.sub_menu.sub_04{width:98px}
#gnb  ul li ul.sub_menu.sub_05{width:136px}
#gnb  ul li ul.sub_menu.sub_06{width:123px}
#gnb  ul li ul.sub_menu.sub_07{width:120px; left:0px}
#gnb  ul li ul.sub_menu.sub_08{width:132px; left:0px}
#gnb  ul li ul.sub_menu.sub_09{width:136px; left:0px}

#gnb  ul li ul.sub_menu li {line-height:1em; margin-bottom:20px;}
#gnb  ul li ul.sub_menu li a {color: #75736d;  font-size: 16px;  font-weight: 800;}
#gnb  ul li ul.sub_menu li a:hover, #gnb  ul li ul.sub_menu li.current > a {color:#fdbb11 !important;}
#gnb  ul li ul.sub_menu li:last-child  {margin-bottom:0;}
#gnb  ul li ul.sub_menu li a.sub_click {color:#999; font-size:16px; font-weight:400;}

#gnb  ul li ul.sub_menu > li:first-child{margin-bottom:35px}
#gnb  ul li ul.sub_menu > li:first-child > a{color:#31302a; font-size:18px; font-weight:800}

#gnb ul li ul.sub_menu.show_on {display:block; box-shadow:none}

#gnb  ul li ul.sub_menu li ul li{margin-bottom:0; margin-top:12px}
#gnb  ul li ul.sub_menu li ul li a{font-size:15px; color:#999; font-weight:500}

#gnb>ul>li:last-child ul.sub_menu{border-right:none}
.gnb_dep1>li.hover_on:hover ul.sub_menu {display:block !important;}
.sub_menu_bg_area {display:none; position: absolute;  width: 100%;  height: 630px;  top: 70px;   left: 0; background: #fafafa; z-index:1001}
.sub_menu_bg_area.active {display:block;}

/*Mobile menus*/
.header_hamburger_menu {  position: absolute; right: 0; top: 0;background: #545146;  width: 70px;  height: 71px;padding: 25px; cursor:pointer; transition:0.2s ease}
.header_hamburger_menu:hover{background:#fdbd11}
.header_hamburger_menu.color_active{background:#fdbd11}
.navbar-toggle {cursor: pointer;color: #fff;}
.header_hamburger_menu.active {position: fixed;  right: 10px;  top: 10px !important;   background: #222935;}
.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: 20px;height: 20px; }
.hamburger-inner:after, .hamburger-inner:before {  display: block;   content: ""; }
.hamburger-inner, .hamburger-inner:after{ width: 100%; height: 2px; border-radius: 0; }
.hamburger-inner:before{width:70%; height: 2px; border-radius: 0;}
.hamburger-inner {  margin-top: 1px; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {     position: absolute;     left: 0;  transition-timing-function: ease; transition-duration: .10s;  transition-property: transform;  border-radius: 4px; background-color: #fff; }
.hamburger-inner:before {   top: 8px;  transition-property: transform,opacity;}
.hamburger-inner:after {   bottom: -16px; }
.navbar-toggle.active .hamburger-inner { 
    transform: translate3d(0,7px,0) rotate(45deg);
   -webkit-transform:translate3d(0,7px,0) rotate(45deg);
   -ms-transform:translate3d(0,7px,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: #545146; -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: 19999;}
.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_inner_wrap {padding: 20px;}
#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 rgba(255,255,255,0.2)}
#mobile_menu_box .gnb_dep1>li>a {padding: 15px 0 15px 30px;  height: auto; color: #fff; line-height: 1em;  position: relative; display: block;border: none !important;}
#mobile_menu_box .gnb_dep1>li>a:after {
    position:absolute;
    left: 10px;
    top: 15px;
    content:"\f105";
	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;
	}
#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:first-child a{font-size:18px; color:#fff}
#mobile_menu_box .sub_menu>li>a { font-size: 16px; color: rgba(255,255,255,0.7);  font-weight: 500;}
#mobile_menu_box .sub_menu>li>a.sub_click { font-size: 15px; color: #999;  font-weight: 400;}
#mobile_menu_box .sub_menu>li li{padding-top:15px; padding-left:10px}
#mobile_menu_box .sub_menu>li li a{color:rgba(255,255,255,0.5); font-size:14px}
#mobile_menu_box .sub_menu>li li:last-child{padding-bottom:10px}


/*앱다운로드 버튼*/
.app_open {display: inline-block; background-color: #545246; padding: 6px 15px; border-radius: 100px; }
.app_open a {font-weight: 600; color: #fdbe11;}

/*앱다운로드 팝업*/
.popup{position:fixed; width:100%; height:100%; left:0; top:0; z-index: 991; display: none;}
.popup .dark_bg{position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.2)}
.popup .inner_wrap{position:absolute; left:50%; top: 35%; background:#545246; transform:translate(-50%, -50%); max-width:1032px; width:95%; border-radius:15px; max-height:90vh; overflow:hidden; padding: 48px 35px;}
.popup .inner_wrap .popup_title{font-size: 7.8vw; color:#fff; font-weight: 900; line-height:1em; padding-bottom: 10px; text-align: center;}
.popup .inner_wrap .popup_subt {font-size: 3.8vw; color: #fff; padding-bottom: 40px; font-weight: 600; text-align: center; word-break: keep-all; letter-spacing: -0.5px;}
.popup .inner_wrap .cont{max-height:68vh;}
.popup .inner_wrap .cont > img{max-width:100%}
.popup .inner_wrap .center_list_wrap ul {width: 100%;}
.popup .inner_wrap .center_list_wrap ul li a {background-color: #fff; border-radius: 12px; height: 18vw; display: flex; align-items: center; padding: 0 25px;}
.popup .inner_wrap .center_list_wrap ul li .icon_holder {width: 17%; margin-right: 17%;}
.popup .inner_wrap .center_list_wrap ul li p {font-size: 5vw; font-weight: 800; }
/*.popup .inner_wrap .center_list_wrap ul li:first-child {margin-bottom: 4%;}*/
.popup .inner_wrap a.close{background-color: transparent; width: 20px; height: 20px; position: absolute; color: #fff; text-align: center; right: 25px; top: 15px}
/* Media Query */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#hd_sch {  border-radius: 10px;  background: #eef2f6; }
}

@media only screen and ( max-width: 1366px ) {
	#gnb>ul>li{margin-right:75px}
#gnb>ul>li:nth-child(3){margin-right: 123px;}
#gnb>ul>li:nth-child(4){margin-right: 123px;}
#gnb ul li ul.sub_menu.sub_08 {width: 121px;}
}

@media only screen and ( max-width: 1280px ) {
#gnb>ul>li,
#gnb>ul>li:nth-child(2){margin-right: 64px;}
#gnb>ul>li:nth-child(3),
#gnb>ul>li:nth-child(4){margin-right:111px;}
.gnb_dep1>li>a{font-size:18px}
#gnb ul li ul.sub_menu.sub_01{width:120px}
#gnb ul li ul.sub_menu.sub_02{width:101px}
#gnb ul li ul.sub_menu.sub_03{width:103px}
#gnb ul li ul.sub_menu.sub_04{width:87px}
#gnb ul li ul.sub_menu.sub_05{width:122px}
#gnb ul li ul.sub_menu.sub_06{width:110px}
#gnb ul li ul.sub_menu.sub_07{width:112px}
#gnb ul li ul.sub_menu.sub_08{width:115px}

#gnb ul li ul.sub_menu > li:first-child > a{font-size:16px}
#gnb ul li ul.sub_menu li a{font-size:14px}
#gnb ul li ul.sub_menu li ul li a{font-size:13px}
}

/*@media only screen and ( max-width: 1150px ) {
#gnb>ul>li {margin-right: 50px;}
}*/


@media only screen and ( max-width: 1200px ) {
  #gnb,#hamburger_for_pc {display:none;}
  #tnb {position: fixed;  top: 0;  left: 0;}
  #wrapper {margin-top:90px !important;}
  #hd_sch {display:none; position: absolute;  width: 100%;  left: 0;   bottom: -50px;}
  #hd_sch #sch_stx {width: 85%;}
  #hd_sch #sch_submit {width: 10%;}
  .for_mobile_section {display:block !important;}
  #hamburger_for_mobile {width: 40px;  height: 40px;  padding: 10px; top: 25px; display:block;  z-index: 1999999;}
  .mobile_head_search_icon {position: ABSOLUTE; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);right: 80px;}
  .mobile_head_search_icon .fa {font-size: 25px;  color: #175da9;}
  .mobile_head_search_close_btn {font-size: 20px;  background: #000;  color: #fff;  line-height: 1em;  width: 30px;  height: 30px;  display: inline-block;  text-align: center;  border-radius: 100%;  padding: 3px;}

  #tnb .header_empty{display:none}
  #tnb .logo_section{text-align:left}
  #tnb .hd_login_wr{width:auto; padding-right:50px}
  #tnb .header_login{display:none}
  #hamburger_for_mobile{top:30px}
  .header_hamburger_menu:hover{background:#545146}
  .header_hamburger_menu.active{background:#545146}
  .sub_menu_bg_area.active{display:none}
}

@media only screen and ( max-width: 980px ) {
	#tnb .table_wrap{height:70px}
	#hamburger_for_mobile{top:15px}
	#tnb .logo_section img{width:130px}
	#wrapper{margin-top:70px!important}
}

@media only screen and ( max-width: 767px ) {
 #tnb .table_wrap {  height: 60px; }  
 #wrapper {margin-top:60px !important;}
 #hamburger_for_mobile {top: 12px;}
 #hd_sch #sch_stx {  width: 80%; }
}

@media only screen and ( max-width: 480px ) {
.mobile_head_search_icon {right: 60px;}
}

@media only screen and (max-width: 380px) {
	
	.app_open {padding: 6px 12px;}
	/*앱다운로드 팝업*/
	.popup .inner_wrap {top: 40%; padding: 40px 30px;}
	.popup .inner_wrap .popup_subt {font-size: 4vw; padding-bottom: 30px;}
	.popup .inner_wrap .center_list_wrap ul li .icon_holder {margin-right: 14%;}
	.popup .inner_wrap a.close {width: 16px; height: 16px; right: 20px;}
}

@media only screen and ( max-width: 320px ) {
#hd_sch #sch_stx {   width: 75%; }

.hd_login a{font-size:12px}
.gnb_dep1>li>a{font-size:14px}
#tnb .hd_login_wr {padding-right: 42px;}
#hamburger_for_mobile {width: 35px; height: 35px; padding: 8px;}
#mobile_menu_box .sub_menu>li:first-child a{font-size:14px}
#mobile_menu_box .sub_menu>li>a{font-size:13px}

/*앱다운로드 팝업*/
	.popup .inner_wrap {top: 36%; padding: 40px 25px;}
}