/*
.thin {font-weight: 100; }
.light {font-weight: 300;}
.regular {font-weight: 400;}
.medium {font-weight: 500;}
.bold {font-weight: 700;}
.bolder {font-weight: 900;}

.t-align-left {text-align: left !important;}
.t-align-right {text-align: right !important;}
.t-align-center {text-align: center !important;}
body.popup-active {overflow:hidden;}
*/

body {/*overflow:inherit;*/}

.fixbackgroundcolor {/*background:#fff;*/}

#totalmenu_wrap { width: 100%;  /*background:url("/images/nav/nav_top_bg.jpg") no-repeat center top;*/  background:#fff;}
#totalmenu_wrap header { 
  width: 100%;
  height: 98px;
  /*background:none;*/
  border-bottom:0px solid #000;
  
  /* background: url('/images/common/pt_bg.png') center top rgba(33,33,33,0.7); */
  background: url('/images/common/pt_bg.png') center top   rgba(33,33,33,0.7);
  
  position:fixed;
  top:0;
  left:0;
    
  z-index: 9999;
  
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;  
}


#totalmenu_wrap header .header-wrap {  /*width: 1200px;*/ width:90%; max-width:1800px; margin: 0 auto; padding:0; vertical-align:top; position: relative; 
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 100%;
}
/*
#totalmenu_wrap header .header-wrap .toggle-gnb {position: absolute; top: 34px; left: 0;}
#totalmenu_wrap header .header-wrap .toggle-gnb a {display: inline-block;  width: 33px;  height: 23px;  background: url("/totalmenu/toggle_icon01.png") no-repeat;}
#totalmenu_wrap header .header-wrap .toggle-gnb.on a {background: url("/totalmenu/toggle_icon02.png") no-repeat;}
*/
#totalmenu_wrap header .header-wrap h1 {height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 0 0;
    padding: 0 0 0 30px;
    width: 15.5%;
    box-sizing: border-box;}
#totalmenu_wrap header .header-wrap h1 a img {display: block; /*height:100%; max-height:46px;*/ width:100%; max-height:46px;}
#totalmenu_wrap header .header-wrap .gnb {width: 70%; vertical-align:top;  max-width: 1600px; height: 100%; padding:0;}
#totalmenu_wrap header .header-wrap .gnb ul {
	margin:8px auto 0 auto; padding:0; border-collapse:collapse;
	width: 80%;
    max-width: 1600px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0;
    font-family: NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', sans-serif;
    box-sizing: border-box;
    font-size: 20px;
    color: #fff;
}
#totalmenu_wrap header .header-wrap .gnb ul li {/*float: left;*/ display:inline-block; width:25%; position: relative; padding:0; margin:0 -1px -4px -1px;}

#totalmenu_wrap header .header-wrap .gnb ul li.bdline {display:none;
	border-left:1px solid #ddd; margin:40px 10px 0 0; height:13px; width:auto; 
	-webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;}
/*#totalmenu_wrap header .header-wrap .gnb ul li.tmenu:nth-child(n+1) {vertical-align:middle; border-left:1px solid #ddd; margin:0; padding:0px; height:20px;}*/

/*#totalmenu_wrap header .header-wrap .gnb ul li:nth-child(3) {width:200px;}*/

#totalmenu_wrap header .header-wrap .gnb ul li a {font-family:NotoSanskr, nsr, 'Nanum Gothic'; display:block; box-sizing:border-box; text-align:center; color:#fff; font-size:19px; line-height:98px; font-weight:400;}
#totalmenu_wrap header .header-wrap .gnb ul li a:hover {color:#0276b8;}

#totalmenu_wrap header .header-wrap .gnb ul li .depth2 {    
	background:url('') center top;
  display: none;
  position: absolute;
  margin:0 auto;
  z-index: 999;
  padding: 15px 0 20px 0;
  height: 200px !important;
  box-sizing: border-box;
  border-collapse:collapse;
  width: 100%;    
  vertical-align:top;

  -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

#totalmenu_wrap header .header-wrap .gnb ul li:hover {/*border-bottom:8px solid #0276b8;*/}
#totalmenu_wrap header .header-wrap .gnb ul li:hover .depth2 {	
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	/*border-top: 4px solid #0276b8; */
  }


/*
#totalmenu_wrap header.on .header-wrap .gnb ul li .depth2 {border-left:1px dashed #ddd;}
#totalmenu_wrap header.on .header-wrap .gnb ul li .depth2:nth-last-child(1) {border-right:1px dashed #ddd;}
*/

#totalmenu_wrap header .header-wrap .gnb ul li .depth2 ul {

	border-collapse:collapse;
	width: 99%;
	max-width: 280px;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	margin: 0 auto 0 auto;
	padding: 0;
	font-family: NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', sans-serif;
	box-sizing: border-box;
	font-size: 20px;
	color: #fff;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	align-content: flex-start;
}

#totalmenu_wrap header .header-wrap .gnb ul li .depth2 ul li {display:inline-block; width:100%; }
#totalmenu_wrap header .header-wrap .gnb ul li .depth2 ul li a {
  font-size: 16px;
  letter-spacing:-0.5px;
  line-height: normal;  
  /*color: #e8e8e8;*/
  color: #333;
  font-weight: 400;
  padding: 6px 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#totalmenu_wrap header .header-wrap .gnb ul li .depth2 ul li:hover {border-bottom:none;}
#totalmenu_wrap header .header-wrap .gnb ul li .depth2 ul li a:hover {
  color: #114d91;
  font-weight: 400;
}
#totalmenu_wrap header .header-wrap .gnb ul li.active .depth2 {
	/*background: #efefef;*/
	/*background: #fff;*/
}

#totalmenu_wrap header .header-wrap .gnb ul li.active .depth2 ul li a {
  border-bottom: none;
}
#totalmenu_wrap header .header-wrap .gnb ul li.active .depth2 ul li a:hover {
  color: #114d91 !important;
}

#totalmenu_wrap header .cover {display:none; position:fixed; top:98px; left:0;  border-top:none; 
	/*background-color:rgba(54,58,62,0.9);*/
	background-color:rgba(255,255,255,1); 
	width:100%; height:200px; border-bottom:1px solid #ddd;}

#totalmenu_wrap header .cover .brandtitle_wrap {display:none; max-width:1200px; margin:0 auto; text-align:left;  position:relative; font-family:NotoSanskr, nsr, 나눔고딕;}
#totalmenu_wrap header .cover .brandtitle_wrap .brandtbox {width:345px; height:269px; padding:25px 25px 0; display:inline-block; 
			/*background-color:rgba(54,58,62,0.6);*/ 
			background-color:rgba(255,255,255,1); 
			word-break:keep-all; font-family:NotoSanskr, nsr, 나눔고딕;}
#totalmenu_wrap header .cover .brandtitle_wrap .brandtbox h1 {text-align:center; padding:0 0 15px 0; margin:0; width:100%;}
#totalmenu_wrap header .cover .brandtitle_wrap .brandtbox h1 img {width:100%; max-width:230px;}
#totalmenu_wrap header .cover .brandtitle_wrap .brandtbox p {width:100%; text-align:center; font-size:18px; color:#333; font-weight:400; line-height:1.5; font-family:NotoSanskr, nsr, 나눔고딕;}
#totalmenu_wrap header .cover .brandtitle_wrap .brandtbox p.t1 {font-size:20px; font-weight:bold; color:#38479c;}
#totalmenu_wrap header .cover .brandtitle_wrap .brandtbox p.t2 {font-size:18px; font-weight:400;}
  
#totalmenu_wrap header.on {/*background: #363a3e;*/ /*background: #fff;*/}
#totalmenu_wrap header.on .header-wrap .toggle-gnb a { background: url("/images/common/toggle_icon02.png") no-repeat;}
#totalmenu_wrap header.on .header-wrap .gnb ul li a {/*color: #f5f5f5;*/color:#f5f5f5;}
#totalmenu_wrap header.on .header-wrap .gnb ul li a:hover {color:#c9a074;}

#totalmenu_wrap header.on .cover {
  border-top: 1px solid #000;
  /*background: #fff;*/
  /*
  background-color:rgba(54,58,62,0.9);
  */  
}
#totalmenu_wrap header.fix {
  position: fixed;
  top: 0;
  left: 0;
}
#totalmenu_wrap.page header {
  border-bottom: 1px solid #92979e;
}

.scroll-top {
  transition: transform .35s;
  -o-transition: transform .35s;
  -moz-transition: transform .35s;
  -webkit-transition: transform .35s;
  position: fixed;
  right: 40px;
  bottom: 193px;
  background: rgba(163, 41, 88, 0.7);
  width: 65px;
  height: 65px;
  text-align: center;
  line-height: 65px;
  z-index: 9999;
  display: none;
}


.membersystemmenu-wrap {width:100%; max-height:40px; margin:0 auto; padding:0; text-align:center; background:#073868; /*background:#152d4e;*/ display:block; position:relative;}

.header-headmenu {width:1200px; margin: 0 auto; padding:6px 6px 10px 0; position: relative; text-align:right;}
.header-headmenu ul.myinfomation {margin:0px 37px 0 0; display:block; position:relative;list-style:none;}
.header-headmenu ul.myinfomation li {color:#fff; padding:6px 5px 0 3px; display:inline-block; position:relative; list-style:none;}
.header-headmenu ul.myinfomation li::after {font-size:8px; color:#ddd; padding-left:10px; content:"|"}
.header-headmenu ul.myinfomation li:last-child::after {content:""}
.header-headmenu ul.myinfomation li a:link,
.header-headmenu ul.myinfomation li a:visited,
.header-headmenu ul.myinfomation li a:active {color:#efefef; font-size:14px;}
.header-headmenu ul.myinfomation li a:hover {color:#fff;}

.header-headmenu ul.myinfomation li a.btn_kakao_ch {}
.header-headmenu ul.myinfomation li a.btn_kakao_ch img {margin-right:5px; width:100%; max-width:20px;}



/* ======================================================= */
/* ======================================================= */
/* language select : S                                     */
/* ======================================================= */
.utill_menu {width: 100%;
    max-width: 190px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: relative;
	}
.utill_menu .sns-link {display: block; vertical-align: middle; margin-top:13px;}
.utill_menu .sns-link .btn-blog {width:90px; display: block; color: #fff;}
.utill_menu .sns-link .btn-blog img {max-width: 30px; margin-bottom: 6px;}
.utill_menu .sns-link .btn-blog span {display: block; font-weight: 300; font-size: 13px; line-height: 1.5; color: #fff;}

.utill_menu .inner_area {padding:7px 15px; background:#fff; border:1px solid #d9d9d9; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; overflow:hidden; display:block; position:relative;}
.utill_menu .inner_area a {color:#999; padding:2px 6px; font-size:13px; font-weight:normal; font-family:Poppins,NotosansKr,nsr;}
.utill_menu .inner_area a:hover {color:#3777d7 !important;}

@media (min-width: 1025px) and (max-width: 1280px) { 
	.utill_menu {width:15%; margin-top:0px; margin-right:50px; max-width:80px;}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.utill_menu {width:15%; margin-top:0px; margin-right:50px; max-width:80px;}
	.utill_menu .inner_area {padding:3px 12px 4px 12px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
	.utill_menu .inner_area a {padding:0px 5px; font-size:12px;}
	.utill_menu .sns-link {margin-top:13px;}
	.utill_menu .sns-link .btn-blog span {display:none;}
}
@media (min-width: 481px) and (max-width: 767px) {
	.utill_menu { margin-top:0px; margin-right:30px; max-width:80px;}
	.utill_menu .inner_area {padding:3px 12px 4px 12px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
	.utill_menu .inner_area a {padding:0px 5px; font-size:12px;}
	.utill_menu .sns-link {margin-top:13px;}
	.utill_menu .sns-link .btn-blog span {display:none;}
}
@media (min-width: 200px) and (max-width: 766px) {
	.utill_menu { margin-top:0px; margin-right:30px; max-width:80px;}
	.utill_menu .inner_area {padding:3px 12px 4px 12px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
	.utill_menu .inner_area a {padding:0px 5px; font-size:12px;}
	.utill_menu .sns-link {margin-top:13px;}
	.utill_menu .sns-link .btn-blog span {display:none;}

}
/* ======================================================= */
/* language select : E                                     */
/* ======================================================= */
/* ======================================================= */





/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
  
  
  
}




/* 
  ##Device = Laptops, Desktops
  ##Screen = 1025px 에서 1280px 사이
*/
@media (min-width: 1025px) and (max-width: 1280px) {

#totalmenu_wrap header .header-wrap h1 {width:20%; }
#totalmenu_wrap header .header-wrap h1 a img {}

#totalmenu_wrap header .header-wrap .gnb {/*float: left;*/  width:70%;  margin-left: 25px; }
#totalmenu_wrap header .header-wrap .gnb ul li {/*float: left;*/ /*width:130px;*/ width:120px;}
#totalmenu_wrap header .header-wrap .gnb ul li a {font-size:15px;}
#totalmenu_wrap header .header-wrap .gnb ul li .depth2 ul li a {font-size:13px;}
#totalmenu_wrap .header-headmenu {width:100%;}
.header-headmenu ul.myinfomation {margin:4px 2% 0 0; display:block; position:relative; list-style:none;}

}




/* 
  ##Device = Tablets, Ipads 세로(portrait)
  ##Screen = 768px 에서 1024px 사이
*/
/*************************
@media (min-width: 768px) and (max-width: 1024px) {
	
#totalmenu_wrap header { height: 50px; background:#fff; border-bottom:1px solid #ddd; position:fixed; top:0; left:0; z-index: 9999; 
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#totalmenu_wrap header .header-wrap {width:100%; max-width:1200px; margin: 0 auto; position: relative;}
#totalmenu_wrap header .header-wrap h1 {margin-top: 10px; padding-left:15px; }
#totalmenu_wrap header .header-wrap h1 a img {display: block;  width:auto; height:30px;}
#totalmenu_wrap header .header-wrap .gnb {width:auto; height: 50px; margin-left: 20px; }
#totalmenu_wrap header .header-wrap .gnb ul li {display:inline-block; width:60px;}
#totalmenu_wrap header .header-wrap .gnb ul li a {font-size:12px;}
#totalmenu_wrap header .header-wrap .gnb ul li .depth2 ul li a {font-size:12px;}
#totalmenu_wrap .header-headmenu {display:none;}
}
****************************************************/


/* 
  ##Device = Tablets, Ipads 가로(landscape)
  ##Screen = 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  
#totalmenu_wrap header {height: 50px; background:; border-bottom:1px solid #333; position:fixed; top:0; left:0; z-index: 9999; 
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#totalmenu_wrap header .header-wrap {  width:100%; max-width:1200px; margin: 0 auto; position: relative;}
#totalmenu_wrap header .header-wrap h1 {width:100%; margin-top: 3px; padding-left:50px;}
#totalmenu_wrap header .header-wrap h1 a img {display: block; height:30px;}
#totalmenu_wrap header .header-wrap .gnb {width:auto; height: 25px; margin-left: 25px; }
#totalmenu_wrap header .header-wrap .gnb ul li {display:inline-block; width:90px;}
#totalmenu_wrap header .header-wrap .gnb ul li a {font-size:12px; line-height:44px;}
#totalmenu_wrap header .header-wrap .gnb ul li .depth2 ul li a {font-size:12px;}

#totalmenu_wrap header .cover {top:50px; height: 301px; }

#totalmenu_wrap .header-headmenu {display:none;}
}







/* 
  ##Device = Low Resolution Tablets, Mobiles  낮은 해상도, 모바일 가로(Landscape)
  ##Screen = 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  
#totalmenu_wrap header { height: 50px; background:; border-bottom:1px solid #333; position:fixed; top:0; left:0; z-index: 9999; 
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#totalmenu_wrap header .header-wrap {  width:100%; max-width:1200px; margin: 0 auto; position: relative;}
#totalmenu_wrap header .header-wrap h1 {width:100%; margin-top: 3px;  padding-left:50px; }
#totalmenu_wrap header .header-wrap h1 a img {display: block; width:auto; height:30px;}
#totalmenu_wrap header .header-wrap .gnb {display:none;}
#totalmenu_wrap .header-headmenu {display:none;}
}








/* 
  ##Device = Most of the Smartphones Mobiles 모바일 세로(Portrait)
  ##Screen = B/w 320px to 479px
	@media (min-width: 320px) and (max-width: 480px) {
*/
@media (min-width: 220px) and (max-width: 480px) {
#totalmenu_wrap header {background-position:center -6px;}
#totalmenu_wrap header { height: 50px; border-bottom:1px solid #333; position:fixed; top:0; left:0; z-index: 9999; 
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#totalmenu_wrap header .header-wrap {  width:100%; max-width:1200px; margin: 0 auto; position: relative;}
#totalmenu_wrap header .header-wrap h1 {width:auto; margin-top: 3px;  padding-left:40px;}
#totalmenu_wrap header .header-wrap h1 a img {display: block; width:auto; height:28px;}
#totalmenu_wrap header .header-wrap .gnb {display:none;}

#totalmenu_wrap .header-headmenu {display:none;}
}







.menukkk .btnarea {display:block; position:relative; width:98%; margin:0 1%; padding:0 10px; border-bottom:1px solid #ddd;}
.menukkk .btnarea  div {display:inline-block; width:auto; margin:0 auto 0 5px; padding:10px 0; text-align:center; border:0; border-collapse:collapse;}
.menukkk .btnarea  div a { color:#333; background:#fff;
	font-size:12px; font-weight:400; padding:3px 6px; vertical-align:middle; text-align:center; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ddd;
	display:inline-block; position:relative;
	}
.menukkk .btnarea  div a.btn_kakao_ch {min-width:90px;}
.menukkk .btnarea  div a.btn_kakao_ch img {display:inline-block; max-width:12px; margin-right:5px;}