@charset "utf-8";

input::placeholder { color: #006595; }

.bgcover{
/* 	background-repeat: no-repeat; */
/* 	background-position: center; */
/* 	background-size: cover; */
	background: url('/static-root/common/css/new/sample/m01.jpg') no-repeat center/cover;
/* 	background-image: url("/static-root/common/css/new/sample/m01.jpg"); */
}


.floatl{float: left;}
.floatr{float: right;}

.wd100{width: 100px;}
.wd200{width: 200px;}

.wd20per{width: 20%;}
.wd50per{width: 50%;}


.hua {
  display: inline-block; position: relative;
}
.hua::after{content: ''; position: absolute;  width: 100%;  transform: scaleX(0);  height: 2px;  bottom: 0;  left: 0;  background-color: #d9ecec;  transform-origin: bottom right;  transition: transform 0.25s ease-out;}
.hua:hover::after {transform: scaleX(1);transform-origin: bottom left;}

.hua_b {
  display: inline-block; position: relative;
}
.hua_b::after{content: ''; position: absolute;  width: 100%;  transform: scaleX(0);  height: 2px;  bottom: 0;  left: 0;  background-color: #858585;  transform-origin: bottom right;  transition: transform 0.25s ease-out;}
.hua_b:hover::after {transform: scaleX(1);transform-origin: bottom left;}

.mgt10{margin-top: 10px;}
.mgt15{margin-top: 15px;}
.mgt20{margin-top: 20px;}
.mgb30{margin-top: 30px;}

/* 정렬 */
.tal{text-align: left !important;}
.tac{text-align: center !important;}
.tar{text-align: right !important;}


/* 마진 */
.mgt1{margin-top: 10px !important;}
.mgt2{margin-top: 20px !important;}
.mgt3{margin-top: 30px !important;}
.mgt4{margin-top: 40px !important;}
.mgt5{margin-top: 50px !important;}

.mgb1{margin-bottom: 10px !important;}
.mgb2{margin-bottom: 20px !important;}
.mgb3{margin-bottom: 30px !important;}
.mgb4{margin-bottom: 40px !important;}
.mgb5{margin-bottom: 50px !important;}

.mgr05{margin-right: 5px !important;}
.mgr1{margin-right: 10px !important;}
.mgr2{margin-right: 20px !important;}
.mgr3{margin-right: 30px !important;}


/* 폰트컬러 */
.fc1{color: #23A41A;} .fc2{color: #A566FF;} .fc3{color: #24A6BD;}
.fc4{color: #e1701f;} .fc5{color: #4374D9;} .fc6{color: #FF5A5A;}
.fc7{color: #586381;} .fc8{color: #ff8cff;} .fc9{color: #820041;}
.fcB1{color: #23A41A; font-weight: bold;} .fcB2{color: #A566FF; font-weight: bold;} .fcB3{color: #24A6BD; font-weight: bold;}
.fcB4{color: #e1701f; font-weight: bold;} .fcB5{color: #4374D9; font-weight: bold;} .fcB6{color: #FF5A5A; font-weight: bold;}
.fcB7{color: #586381; font-weight: bold;} .fcB8{color: #ff8cff; font-weight: bold;} .fcB9{color: #820041; font-weight: bold;}

/**/
.cp{cursor: pointer;}


/*레이어 팝업*/
.layerDiv{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100;}
.fade {background: aliceblue; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 70%; z-index: 0;}
.layerDiv a {text-decoration: none; color: #505050; font-size: 1.3em;}
.layerDiv .fL {float: left !important;}
.layerDiv .fR {float: right !important;}

.popup_login{background: #fff; padding: 20px; border: 20px solid #ddd; width: 230px; height: 180px; top: 20%;
			margin: auto; font-size: 1.2em; position: relative; z-index: 1; 
			font-family: 'S-CoreDream-3Light';
			-webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000;
			-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
/* 로그인 */
.loginBox {margin-top:30px; margin-bottom:10px; clear: both;}
.loginBox label { margin-left:20px; line-height:32px; }
.loginBox input { margin-top: 5px; padding:4px; border:1px solid #e6e6e6; width: 110px;}
.loginBox input:focus { outline:1px solid #5fafaf;}
.loginBox .tit {float: left; width: 90px; line-height:32px;}
.loginBox .val {float: left; width: 130px;}
.loginBox .btn {float: left;}
.loginBox .btn button{font-size: 1.2em; font-weight: bold; height: 56px; margin-left: 5px; margin-top: 5px;}
.loginBox .mem {clear: both; text-align: right; padding: 30px 12px;}

.popup_find{background: #fff; padding: 15px; border: 10px solid #ddd; width: 275px; height: 135px; top: 20%;
			margin: auto; font-size: 1.2em; position: relative; z-index: 1; 
			font-family: 'S-CoreDream-3Light';
			-webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
			font-family: 'S-CoreDream-3Light';
}
.findBox {margin-top:15px; margin-bottom:10px; clear: both;}
.findBox .tid {font-size: 1em; }
.findBox input { margin-top: 5px; padding:4px; border:1px solid #e6e6e6; width: 150px; height: 20px;}
.findBox input:focus { outline:1px solid #5fafaf;}


.menuBar {display: none; position: absolute; width: 0px; min-height: 100%; top: 0; right: 0; padding: 20px 0 20px 0; z-index: 100; background: #f0f8ff; font-family: 'S-CoreDream-3Light';}
.closex { cursor: pointer;}

#rightMenu { float:left;}
#rightMenu,
#rightMenu ul,
#rightMenu ul li,
#rightMenu ul li a {
  margin:0;
  padding:0;
  border:0;
  line-height:18px;
  display:block;
  position:relative;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#rightMenu { width:90%; color:#fff; margin-top: 20px;}
#rightMenu ul ul { display:none; }
#rightMenu > ul > li.active > ul { display:block; }
#rightMenu > ul > li > a {
  padding:14px 20px;
  cursor:pointer;
  z-index:3;
  font-size:16px;
  text-decoration:none;
  color:#fff;
  background:#7EB2E0;
  -webkit-transition:color .2s ease;
  -o-transition:color .2s ease;
  transition:color .2s ease;
}
#rightMenu > ul > li > a:hover {
  color:#f7f7ff;
}
#rightMenu ul > li.sub > a:after {
  position:absolute;
  right:26px;
  top:19px;
  z-index:5;
  display:block;
  height:10px;
  width:2px;
  background:#fff;
  content:"";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#rightMenu ul > li.sub > a:before {
  position:absolute;
  right:22px;
  top:23px;
  display:block;
  width:10px;
  height:2px;
  background:#fff;
  content:"";
  -webkit-transition:all 0.1s ease-out;
  -moz-transition:all 0.1s ease-out;
  -ms-transition:all 0.1s ease-out;
  -o-transition:all 0.1s ease-out;
  transition:all 0.1s ease-out;
}
#rightMenu ul > li.sub.open > a:after,
#rightMenu ul > li.sub.open > a:before {
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}
#rightMenu ul ul li a {
  padding:12px 25px;
  cursor:pointer;
  z-index:2;
  font-size:14px;
  text-decoration:none;
  color:#fff;
  background:#80817B;
  -webkit-transition:color .2s ease;
  -o-transition:color .2s ease;
  transition:color .2s ease;
}
#rightMenu ul ul li a:hover { color:#fff; }
#rightMenu ul ul > li.sub > a:after { top:16px; right:26px; background:#ddd; }
#rightMenu ul ul > li.sub > a:before { top:20px; background:#ddd; }
#rightMenu .open > a{ color: #f7f7ff; font-weight: bold; text-decoration: underline;}
/* #d0fe85 */
/* #ffff80 */
/* #7df9b1 */
#rightMenu ul ul ul li a { padding-left:50px; background:#697483;}
#rightMenu ul ul ul ul li a { padding-left:70px; background:#88929f;}
#rightMenu ul ul ul ul ul li a { padding-left:90px; background:#99a2ac;}

/*우측메뉴*/
.rightBtnArea{ width: 90%; z-index: 2; }
.rightBtnArea .rightBtn{list-style: none; padding: 0; margin: 20px 0;}
.rightBtnArea .rightBtn li{padding: 10px; font-size: 1.3em; cursor: pointer; border-bottom: 1px solid #dce0e9; background: #f7f7ff; text-align: center;}
.rightBtnArea .rightBtn li:hover{font-weight: bold;}
.rightBtnArea .rightBtn li a{color: #006a9d; text-decoration: none;}



/* 사이트맵 */
.siteMap:after { clear:both; display:block; content:""; font-family: 'S-CoreDream-3Light';}

.siteMenu,
.siteMenu ul,
.siteMenu ul li,
.siteMenu ul li a { padding:0;  list-style:none;  line-height:1.8em;  display:block;  position:relative;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box;  font-family: 'S-CoreDream-3Light';}
.siteMenu { float:left; margin-left:140px; }
.siteMenu:first-child { margin-left:0; }
/* .siteMenu > ul > li { border-bottom:1px solid #c3c3c3; } */
/* .siteMenu h3 { padding:10px 0 10px 20px; background:url('../../images/common/icon_tit.gif') no-repeat 0 center; color:#525da0; border-bottom:2px solid #525da0; font-size:16px; font-weight:bold; } */
.siteMenu h3 { padding:0; font-size:1.5em;}
.siteMenu ul ul { display:none; }
.siteMenu > ul > li.active > ul { display:block; }
.siteMenu > ul > li > a { padding:10px 35px 10px 0;  cursor:pointer;  z-index:2;  font-size:1.3em;  text-decoration:none;  color:#555;  -webkit-transition:color .2s ease;  -o-transition:color .2s ease;  transition:color .2s ease;}
.siteMenu ul > li.sub > a:after { position:absolute;  right:18px;  top:18px;  z-index:5;  display:block;  height:10px;  width:2px;  background:#b3b3b3;  content:"";
  -webkit-transition: all 0.1s ease-out;  -moz-transition: all 0.1s ease-out;  -ms-transition: all 0.1s ease-out;  -o-transition: all 0.1s ease-out;  transition: all 0.1s ease-out;}
.siteMenu ul > li.sub > a:before { position:absolute;  right:14px;  top:22px;  display:block;  width:10px;  height:2px;  background:#b3b3b3;  content:"";
  -webkit-transition:all 0.1s ease-out;  -moz-transition:all 0.1s ease-out;  -ms-transition:all 0.1s ease-out;  -o-transition:all 0.1s ease-out;  transition:all 0.1s ease-out;}
.siteMenu ul > li.sub.open > a:after,
.siteMenu ul > li.sub.open > a:before { -webkit-transform:rotate(45deg);  -moz-transform:rotate(45deg);  -ms-transform:rotate(45deg);  -o-transform:rotate(45deg);  transform:rotate(45deg);}
.siteMenu ul ul li a { padding:10px 10px 10px 30px;  cursor:pointer;  z-index:2;  font-size:1.2em;  text-decoration:none;
  color:#555;  -webkit-transition:color .2s ease;  -o-transition:color .2s ease;  transition:color .2s ease;}
.siteMenu ul ul > li.sub > a:after { top:16px; right:18px; background:#b3b3b3; }
.siteMenu ul ul > li.sub > a:before { top:20px; background:#b3b3b3; }
.siteMenu .open > a{ color:#555; font-weight:bold;}

.siteMenu ul ul ul li a { padding-left:50px; color:#fff; background:#697483;}
.siteMenu ul ul ul ul li a { padding-left:70px; color:#fff; background:#88929f;}