@charset "utf-8";
@import url("core.css");
@import url("hover.css");
@import url("plugin.css");
@import url("sub.css");
@import url("subCom.css");
@import url("semifooter.css");

/* ----------------------	common	-----------------------------------------------*/

/*font*/

@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);

/* layout */
/* #wrap{	width: 100%;	margin: 0 auto;margin-top: 82px;} */
#wrap{	width: 100%;	margin: 0 auto;}
/* #main{	margin-top: 82px;} */
#wrapper {}
.container100 {width: 100%; margin: 0 auto;box-sizing:border-box; background: #3da6f0; height: 40px; padding-top: 7px;   text-align:center;}
.container {	width: 100%;	max-width: 1200px;	margin: 0 auto; box-sizing:border-box;}
.container1 {	width: 100%; max-width: 1200px;	 margin: 0 auto; box-sizing:border-box;}
.container2 {	width: 1400px;	min-width: 1400px;	margin: 0 auto; box-sizing:border-box;}

.navG {	position: absolute;}
#header {	position: fixed; display: block;	margin: 0 auto; top: 0; left: 0; right: 0;
	box-sizing: border-box;	;
	background-color: transparent;	padding: 20px;	transition: all .5s;	z-index: 2;
  /* height: 82px;	background-color: #ffffff; */	}
.headerTop {	position: relative;	display: block;	width: 100%; height: 82px;
	margin: 0 auto;	box-sizing: border-box;	background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);	z-index: 1;
  letter-spacing: 3px;}

#header.active{	padding: 0;	background-color: #fff;	}
.gnbArea { position: relative;	display: inline-block;
  width: calc(96% - 305px); height: 82px; z-index: 1;	box-sizing: border-box;
}

#header {}
	#header {position: fixed;top: 0;left: 0;right: 0;z-index: 2;}
		.headerTop {
		background-color: #3da6f0; height: 45px;font-size: 14px;
	}
	.headerTop .container {
		position: relative;
		display: block;
		padding-top: 10px;
	}
	.headerTop .link {color: #fff;font-size: 14px;}


/* 강원랜드 */
	.top_link01 {
		background:url(../img/top_link01.jpg) 0 2px no-repeat;
		padding-left: 48px;
		margin-right: 10px;
		color: #fff;
	}
		/* 하이원리조트 */
	.top_link02 {
		background:url(../img/top_link02.jpg) 0 2px no-repeat;
		padding-left: 43px;
		color: #fff;
	}
		/* 중독관리센터 */
	.top_link03 {
		background:url(../img/top_link03.jpg) 0 2px no-repeat;
		padding-left: 70px;
	 
		color: #fff;
	}
	

.headerArea {position: relative;background-color: #fff;}
	.headerArea .container100 {padding: 25px 0; position: relative;}
	.headerArea .logo {
		background:url(../img/main/logo01.jpg) 0 0 no-repeat;
		width: 112px;height: 67px; /* 112 67 */
		background-size: cover;
		font-size: 0;
		text-indent:-9999px;
		
	}



#wrap{	width: 100%;	margin: 0 auto;}
/* #main{	margin-top: 82px;} */
#wrapper {}
.container {	width: 100%;	max-width: 1200px;	margin: 0 auto; box-sizing:border-box;}
.container1 {	width: 100%; max-width: 1200px;	 margin: 0 auto; box-sizing:border-box;}
.container2 {	width: 1400px;	min-width: 1400px;	margin: 0 auto; box-sizing:border-box;}

.navG {	position: absolute;}
#header {	position: fixed; display: block;	margin: 0 auto; top: 0; left: 0; right: 0;
	box-sizing: border-box;	;
	background-color: transparent;	padding: 0px;	transition: all .5s;	z-index: 2;
  /* height: 82px;	background-color: #ffffff; */	}
.headerTop {	position: relative;	display: block;	width: 100%; height: 82px;
	margin: 0 auto;	box-sizing: border-box;	background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);	z-index: 1;}

#header.active{	padding: 0;	background-color: #fff;	}
.gnbArea { position: relative;	display: inline-block;
  width: calc(96% - 305px); height: 82px; z-index: 1;	box-sizing: border-box;}


.menuM #navM{	top: 102px;}
#header.active .menuMbg, #header.active .menuM #navM{	top: 40px;}
#header.active .btn_gnb_close {top: 0; right: 0;}

.gnbBg { display: none;	position: fixed;	width: 100%;  height: 370px;
  margin: 0 auto;	left: 0;	top: 102px;	z-index: 2;	background-color: rgba(255,255,255,0.95);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.05);
	transition: all .5s;	box-sizing: border-box;}
.gnbBg.active{	display: block;	}
.gnbBg.active2{	top: 82px;}

.logowrap{	position: relative;	display: inline-block;	width: 121px;	height: 41px;}
.headerTop .logo {	position: relative;	display: inline-block;  /* max-width: 10%;  */
  width: 53px;	height: 30px;	margin-left: 4%; margin-right: 16px;
  transform: translateY(-80%);
	background:url(../img/logo.jpg) no-repeat center/100%;}
#header .side-util { position: relative;	display: inline-block; width: initial;	max-width: 60%;
	float: right;	top: 0;	right: 0px;  border-collapse:collapse;	box-sizing: border-box;}
#header .side-util .issue-back, #header .side-util .btn_gnb_view { display: inline-block;
	width: 82px; height: 82px;	float: left; cursor: pointer;	box-sizing: border-box;
	text-align: center;	margin: 0 auto;}

#header .side-util .issue-back{	margin-right: -1px;}
#header .side-util .btn_gnb_view i {	display: inline-block; width: 35px;	height: 25px;
	margin: 0 auto;	margin-top: 50%;	transform: translateY(-50%);
	background: url(../img/menu.png) no-repeat center;}
/*.headerTop .side-util .issue-back i{ display: inline-block; width: 38px; height: 27px; margin-top: 10px;
  background: url(../img/main/book1.png) no-repeat center/cover;}*/
.headerTop .side-util .issue-back p{ display: inline-block; margin-top: 6px; font-size:13px;
	line-height: 1;	/* color:#666; */	color:#d4d4d4;
	transform: skew(-0.05deg);}

#header .side-util .issue-back:hover,
#header .side-util .btn_gnb_view:hover{ border: 0.5px solid #ddd; background-color: #ffffff;}
#header .side-util .issue-back:hover p{ color:#666;}
#header .side-util .issue-back:hover i{
	background: url(../img/main/book.png) no-repeat center/cover;	}
#header .side-util .btn_gnb_view:hover i{
	background: url(../img/menu.png) no-repeat center;}

#back-view { width: 188px;	top:82px;	right: 0px; top: 0;}
#back-view select {padding-left: 10px;}
#back-view select, #back-view select option {display: block;width: 100%;line-height: 1.7;}
#back-view select option {text-indent: 8px;color: #666;font-size: 15px;padding:5px;}
#back-view select option:checked, #back-view select option:hover {
	background: #fff;	color: #000;}
#back-view select option {background-color: #fff;}
/* .issue-back-wrap {display:none;}
.pdfdown-back-wrap {display: block;width: 1200px;margin: 0 auto;}
.pdfdown-back-wrap .pdfdown-back {float:right;margin-top:15px;}
.pdfdown-back-wrap .pdfdown-back {	box-sizing:border-box; display: inline-block;
	margin-left: 35px; padding: 3px 5px 3px 15px; width: 140px; height: 26px;
	font-size: 14px;  background:#bfc0c2 url(../img/main/pdfdown-back.jpg) top right no-repeat;
	-webkit-appearance: none; color: #525252; border:none;}*/
.select-wrap {	position: absolute;	width: 188px;	top: 82px;	right:20px;	text-align: center;}
.select-inner:after {content:"▼"; display: none;}
.select-inner {position: relative;}
#select-box {	position: fixed;	display: block;	width: 163px;	margin:0; padding: 7px;
	right: 20px; color: #666;	line-height: 2;	font-size: 13px;
	border: 1px solid #c5c5c5; text-indent: 2px;
  top: 102px;
  z-index: 1;
	background-color: #fff;	background-image: none;	overflow-y: hidden;}
#select-box.active2{top: 82px; right: 0px;}

#select-box option{	width: 98%; display: block;	min-height: 1.8em;	padding-top: 5px;
	font-size: 14px; line-height: 2;}
#select-box option:hover{	color:#fff;	background-color: rgba(17, 108, 182,0.85);}
.gTop .btn_gnb_close {	position: fixed;	/* display: inline-block; */
	width: 82px;	height: 82px;	top: 20px;	right: 20px;
	z-index: 200;	cursor: pointer;	box-sizing: border-box;
	background: url(../img/main/mobile_bt_close.png) no-repeat cover;}

.gTop .btn_gnb_close .closebtn{	display: inline-block;	width: 24px; height: 24px;
	margin-top: 120%;	margin-left: 50%;	transform: translate(-50%, -50%);
	background: url(../img/close.png) no-repeat center/cover;}

.menuMbg{	position: fixed;	width: 100%; height: 100%; top: 0; left: 0;
	background-color: rgba(0,0,0,0.6);	z-index: 0;}

.gnbArea .gnb {	position: relative;	display: inline-block;
	width: 100%; margin: 0 auto;	box-sizing:border-box;}
.gnbArea .gnb > ul.sub_menuW:after {content:'';display: block;clear: both;}
.gnbArea .wlist {	position: relative;	display: inline-block;	width: 25%;
  line-height: 82px;	float: left;	list-style:none;
	text-align: center;	box-sizing:border-box;	}
.gnbArea .wlist>a{ display: inline-block; line-height: 1.6;	padding-bottom: 5px;font-size: 18px;
	vertical-align: middle;	font-weight: bold;	color: #444444;overflow: hidden;
	box-sizing:border-box;
  /* background-image: linear-gradient(#fe0000, #fe0000); */
  /* background-image: linear-gradient(#205fb4, #205fb4); */
	background-size: 0 2px, auto;	background-repeat: no-repeat;
	background-position: center bottom;	transition: all .2s ease-out;}
.gnbArea .wlist>a:hover{	background-size: 98% 2px;	height: auto; color: rgba(0, 150, 215, 1);}/* 웹버전 대메뉴 호버 효과 끝 */
.gnbArea .gnb .sub_menuW {	display: none; width: 100%;	padding: 10px 0;
	box-sizing: border-box;}
.gnbArea .gnb ul li ul.sub_menuW li {float: none;}
.gnbArea .gnb ul li ul.sub_menuW li a{ display: block; height: auto;
	padding: 10px 5px;	font-size: 16.5px;	line-height: 1.5;	color: #666;
	text-align: center; word-break: break-all; word-wrap: break-word;	font-weight: normal;}
.gnbArea .gnb ul.sub_menuW li a:hover{	color:rgba(19,78,134,1.0);}
.gnbArea .gnb ul li ul.sub_menuW li a:hover{color: #e56c46;}
.gnbArea .gnb .gTop {display: none;}

/***********/
.menuM #navM {	position: fixed;	height: 100%;	width: 40%;	min-width: 250px;
	right: 0;	padding-left: 55px;	margin-right: 0;	padding: 30px;
	background-color: #fff;	z-index: 1;	overflow: hidden;	overflow-y: auto;}
.gnbArea #navM > ul {	margin: 0 0 45px 10px;}
.gnbArea #navM .menu00, .gnbArea #navM .menu01, .gnbArea #navM .menu02, .gnbArea #navM .menu03,
.gnbArea #navM .menu04{	border-bottom: 1px solid #e0e0e0;	font-weight: bold;}
.gnbArea #navM .menu05{	margin-top: 20px;}
.gnbArea #navM .menu05 a{	display: inline-block; margin-left: 80px;	vertical-align: middle;}
.gnbArea #navM .menu05 a i{	left: 30px;}
#navM .menu05 .thum-img {background:url(../img/main/mobile_img05.png) no-repeat 100%/cover;}
.gnbArea #navM ul > li { position: relative;	padding: 15px 0;}
.gnbArea #navM ul li a {	margin-left: 30px;	font-size: 18px;}
.gnbArea #navM ul li ul.subDep {	display:none;	margin-top: 10px;	padding: 0;
	background:none;	border-top:none;}
.gnbArea #navM ul li ul.subDep li {	position: relative;	padding-bottom: 10px;}
.gnbArea #navM ul li ul.subDep li:after {	content:'-'; display: inline; position: absolute;
	top: 10%;	left: 0; color: #fff;	line-height: 2.1;	vertical-align: middle;}
.gnbArea #navM ul li ul.subDep li a {	font-size: 16.5px;	font-weight: normal;
	vertical-align: middle;	line-height: 1.5;}
.gnbArea #navM .gTop { position: relative;	display: block;	padding: 20px 0 20px 40px;
	line-height: 40px;	font-size: 18px;	font-weight: bold;}
.gnbArea #navM .gTop span{	margin-left: 5px; color:#116cb6;	font-size: 16.5px;}
#navM .thum-img {	position: absolute;	display: block;	width: 38px; height: 38px; top: 10px;
	margin-right: 30px;	border-radius: 50%;	overflow: hidden;	line-height: 2.5;}
#navM .fa-angle-down, #navM .fa-angle-up, #navM .fa-plus, #navM .fa-minus	{
	display: inline-block;	width: 50px;	margin-left: 8px;	font-size: 16px;
	line-height: 16px;	float: right;	font: normal normal normal 16px FontAwesome;
	vertical-align: middle;	font-style: normal;	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
#navM .fa-plus, #navM .fa-minus{ font-size: 25px;	font-weight: normal;	color: #666;}
#navM .fa-plus:active .fa-plus::before,
#navM .fa-minus:active .fa-minus::before{	color: #0F77B2;}
.fa-plus,	.fa-angle-up{	display: none;	color: #0F77B2;}
.fa-angle-up:before{	font-size: 18px;}
.fa-plus:before{	font-weight: 100;	font-size: 18px;}
.msearch {	margin: 0 auto;  padding: 50px 10px 30px;}
.msearchinput {  width: calc(100% - 70px);  height: 33px;  margin: 0;  padding: 0;
  border: 1px solid #ccc;  vertical-align: top;}
#sch_submit{	width: 35px;	height: 35px;	line-height: 1;	margin-top: -10px;
	background-color: rgba(0,0,0,0.8);	vertical-align: middle;}
#sch_submit i{	color:#fff;	font-weight: normal;	font-size: 20px;}
	/*******************/

#banner {background-color: #085cba; color: #fff; height:70px;max-width:100%; background-image:url('../img/main/banner_pattern.png'); background-repeat:no-repeat;  text-align: right;}
 




@media all and (max-width:1089px){
#wrap{margin-top: 55px;}
#main{	margin-top: 55px;	}
.menuMbg{ top: 55px;}
#header{padding: 5px;}

.gnbBg,.gnbArea .gnb,#header .side-util .issue-back,

/* .gTop .btn_gnb_close{	top: 10px; right: 10px;} */

.menuM #navM { width:50%;	padding: 0;}
.menuMbg, .menuM #navM{	top: 60px;}
#header.active .menuMbg, #header.active .menuM #navM{	top: 0px;}
#header.active  .btn_gnb_close {top: 5px; right: 5px;}
.topBtn { width: 40px;  height: 40px;	right: 3%;}
.topBtn img{ width: 19px;	height: 19px;	padding-top: 9px;}

.headerTop .logo { max-width:121px;	margin: 0 auto;
	margin-left: 4%;
	/* margin-top: 5px;	margin-left: 50%;	transform: translateX(-50%);} */
.container, .container1, .container2 { width: 100%;	min-width: initial; max-width:initial;}

#header,.gnbArea,.headerArea,#header .side-util,
.headerTop{	height: 55px;	box-sizing: border-box;}
.headerArea .container { height: 100%;	padding: 10px 0;}
 	
	
.gnbArea { position: static; width: auto; height: auto;}
 #header .side-util .btn_gnb_view, .headerTop .btn_gnb_view, 
.gTop .btn_gnb_close { width: 55px;	height: 55px;	box-sizing: border-box;}
	#header .side-util .issue-back  { width: 55px;	height: 55px;}

#header .side-util .btn_gnb_view{	border:none;	position: fixed; right: 20px; }
.gTop .btn_gnb_close.active{top: 10px;right: 10px;}


 
@media all and (max-width:768px){
	#header{padding: 5px;}
#header .side-util{ right: 0;}
.headerTop .logo { max-width:85px;}
.menuM #navM {width:80%;}
 .container100 { min-width: 99%;margin: 0 auto;box-sizing:border-box; background: #3da6f0; height: 40px; padding-top: 7px;font-size: 12px; text-align:center;}
}

.gTop .btn_gnb_close .closebtn{	display: inline-block;	width: 25px; height: 25px;
	margin-top: 120%;	margin-left: 50%;	transform: translate(-50%, -50%);
	background: url(../img/close.png) no-repeat center/cover;}

@media all and (max-width:400px){
.headerTop .logo { max-width:70px;}
}

/* footer */
/* .tailcnt {width:100%;background-color:#cecece;}
.tail {width:100%;height:auto;text-align:center;padding:20px 0 0px 0;}
.tail-logo {display:none}
.tail-copy {display:block;width:90%;color:#FFF;font-size:13px;line-height:1.5em;text-align:center;margin:0 auto;}
.tail-btn {display:block;width:auto;height:auto;padding-bottom: 30px;}
.tail_select {display:block;width:130px;0;margin:12px auto;} */


 

/**************/
/* #TopButton{  display: block; width: 36px;  height: 36px;  box-sizing: border-box;
	padding-top: 15px;  text-align: center;	border-radius: 50%;
  background: url(../img/main/topBtn_icon.png) no-repeat center/60%;
	cursor: pointer;	background-color: rgba(32,32,32,0.8);}

.topBtn {	position: fixed;	width: 36px;	height: 36px;	right: 1.5%;	bottom: 50px;	z-index: 999;
	border-radius: 50%;	text-align: center;	vertical-align: middle;	opacity: 0;	visibility: hidden;
  transition: all 0.5s;	cursor: pointer;}
.topBtn.active{	opacity: 1;	visibility: visible;  transition: all 0.5s;}
.topBtn img{	padding-top: 15px;}

@media all and (max-width:1200px){
#TopButton{display: none;}
} */