*{margin: 0; padding: 0; box-sizing: border-box;}

.images, .images2 {width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;}
.images img {width: 50px; height: auto;}
.images {height: 322px;}
.mainTitle-wrap {position: relative;  height: 80px; top: 40%;  }
/*.mainTitle-wrap {position: relative; width: 50%; transform:translateX(-50%); height: 80px; left: 50%; top: 40%;}*/
h1.mainTitle {color: #fff; text-align: center; font-size: 30px; font-weight: bold;}
.center-content {position: relative;}
.w100h100{width:100%; height:100%;}


/* ----- define ----- */
.defineBanner {width: 100%; height: 500px; 	background-image: url("/images/center/gachiupstory_bg.jpeg"); background-repeat: no-repeat; background-size:cover; background-position:bottom;}
.define-main{width: 100%; text-align: center; padding: 60px 0;}
.de-center{color: #fff; text-align: center; padding-top: 200px; height: 500px;}
.de-center h1 {display: inline-block; color: #fff; font-size:50px; margin-bottom: 30px; font-weight:600;}
.de-center p {font-size: 16px; line-height: 24px;}
.who-wrap{color: #fff; width: 100%;height: auto; padding: 0;
	/* background-image: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url("/images/center/gachi_story.jpg");  */
	background-repeat: no-repeat; background-size:cover; background-position: center; background-attachment: fixed;}
	.scrbg{background-image: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url("/images/center/gachi_story.jpg");}
	.scrbg2{
			background-image: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url("/images/center/gachi_story2.jpg");
	}
	.scrbg3{
			background-image: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url("/images/center/gachi_story3.jpg");
	}
.de-center hr{margin: 50px auto 0; width:1px; height: 200px; background: #888;}
.who_txt h1{ font-weight: bold; margin-bottom:60px;}
.who_txt p {font-size: 16px; line-height: 30px;	text-align: justify;}
.who {width:480px; height:auto;}
.who_txt{ width:calc(100% - 480px); padding:100px 0;}
.who h1 {color: #fff; font-size:30px; line-height: 60px; font-weight: bold; position: absolute; margin: 30px 0 0 -30px;}

.define-main h1 {color: rgba(198, 198, 198, 0.1); font-size: 150px; font-weight: bold; text-align: center; padding:70px 0 0;}
.df-info{display:-webkit-flex !important;}
.define-icon {text-align: center; padding: 0;}
.definetxt {width:33.33%; height:auto; padding: 0 30px; margin: -50px 0 150px 0;}
.definetxt h5 {font-size: 40px; color: #3d3d3d; font-weight: bold; text-align: center; padding: 0 0 16px 0;}
.definetxt h5 a{display: inline-block;}
.define-icon p{ font-size: 16px; line-height: 30px;}
.de-text {
	padding: 30px 0 150px ;
	color: #222;
	text-align:center;
	font-size: 18px;
	line-height: 26px;
}
.de-text hr{margin: -200px auto 50px; width:1px; height: 200px; background: #888;}

.de-text a{ display: inline-block; font-size: 1em; line-height: 1.2em; padding: 10px 60px; background: rgba(199,32,48,0.8); /*border: 1px solid #222;*/ margin-top: 20px; color: #fff; border-radius: 10px; transition: 0.3s;}

.de-text a:hover{background: #c72030;}

.definetxt:first-child h5:hover a{color: #fc8282;cursor: pointer; transition:0.5s;}
.definetxt:nth-child(2) h5:hover a{color: #abcbf6;cursor: pointer;
transition:0.5s;}
.definetxt:nth-child(3) h5:hover a{color: #ffcf96; cursor: pointer;
transition:0.5s;}


@media(max-width: 1024px){
	.chart_2 .sg_ps{padding-top:0;}
	.chart_box p{margin-top: 20px!important;}
	.guide-contents p{padding:0 5% !important}
	.chart_box span{margin:-8% auto 0!important;}
}
@media(max-width: 1100px){
	.who-wrap .wrap_1100{padding:0 40px;}
	.who img{width:350px;}
	.who{width:350px;}
	.who_txt{width:calc(100% - 350px);}
}
@media(max-width: 749px){
.df-info{flex-direction: column;}
	.definetxt{width:100%; margin-top: -100px; margin-bottom:40px; padding: 50px 0; }
	.define-icon p{padding: 10px 0;}
}
@media(max-width: 840px){
	.who,.who_txt{float:none;}
	.who{margin:auto;}
	.who img{padding:20px 0 0 0;}
	.who_txt{width:100%; padding:20px 0;}
	.who_txt p{padding-left:0;}
	.cfmt{display: none;}
	.cfmt1{margin-top:100px!important;}
	.chart_2 .sg_ps{margin-top:0!important;}
}
@media(max-width: 440px){
	.who{width:auto;}
	.who img{width:100%;}
}






/* ----- guide ----- */
.guideMain {
	width: 100%;
	height: 300px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	font-size: 30px;
	font-weight: 500;
	color:#303030;
}
.guideMain2 {
	width: 60%;
	margin: 0 auto;
	background: #fff;
	text-align: center;
	display: flex;
}
.guideIcon {
	position: relative;
	width: 100%;
	margin: 0 5%;
	top: 50%;
	margin-top: -90px;
}
.guideIcon img {
}
.guideIcon h5 {
	font-size: 20px;
	font-weight: bold;
	padding: 30px 0;
	color: #e48080;
}




.guide-contents {
	width: 100%;
}
.guide-contents .wrap_1100{padding:90px 0;}
.guide-wrap {
	width: 100%;
	/* background: #fff; */
	/* border-radius: 10px; */
	/* border: 1px solid #ddd; */
}
.guide-title {
	position: relative;
	width: 36%;
	min-width: 300px;
	height: 40px;
	background: rgba(222, 222, 222, 1);
	border-radius: 10px;
	border: 1px solid #ddd;
	margin: -20px auto 0 auto;

}
.guide-title p {
	text-align: center;
	line-height: 40px;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 3px;
	color: #fff;
}
.guide-contents h2.title {
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	margin: 100px 0 50px 0;
}
.chart-wrap {
	display: block;
	padding: 0 ;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 50px;
}
.chart-wrap img {
	/* position: relative; */
	width: 100%;
	padding: 30px 0;
	/* left: 50%;
	margin-left: -30%; */
}
.guide-contents p {
	text-align: center;
	padding: 10px 5%;
	font-size: 18px;
	line-height: 24px;
}
.guide-text span {
	color: #c72030;
	font-size: 1em;
}

.center-contents b{font-size: 1.2em; 	color: #c72030;}

.bgsection{width: 100%; background-color: #fcfcfc;}



/* ----- shamguide ----- */
.SGmain{
	width: 100%;
	height: 150px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	font-size: 30px;
	font-weight: 500;
	color:#303030;
}
.SGinfo{ background: rgba(239, 242, 244, 0.3); border-radius: 10px; text-align: center; font-size: 1.5em; line-height: 1.8em; padding: 100px 10%; margin-bottom: 100px; }
.SGinfo .small_txt{ font-size: 0.8em; line-height: 2em; margin-top: 30px; color: #888;}
.SGinfo .small_txt span{font-size: 1em; color: #b72932; }

.shamguide_wrap{
	width: 100%;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #ddd;
	margin: 0 auto;
	position: relative;
	padding: 70px 0;
}
.shamguide-title{
	width: 40%;
	min-width: 300px;
	line-height:40px;
	background: #b72932;
	border-radius: 10px;
	text-align: center;
	padding: 10px 30px;
	position: absolute; top:0; left: 50%;
	transform: translate(-50%, -50%);
}
.shamguide-title h2{ text-align: center;  color: #fff;font-weight: 300;}
.shamguide-title b{font-weight: 400;}


.shamguide_inner{padding: 50px;}
/* .chart_box div{ margin-bottom: 30px;} */
.chart_box span{ font-size:1em; display: block;width: 60px; height: 60px;background: #ddd; border-radius: 50%; text-align: center; line-height: 60px; color:#fff; margin:-5% auto 0; z-index: 100}

.chart_box{display: flex; flex-wrap: wrap; justify-content: center;}
.chart_box p{text-align: center; margin-top: 30px; font-size: 1.2em; line-height: 2em; width:100%;}



/* .chart_2 p {margin-top: 0;} */
.chart_2 .sg_ps {color:#96a6b0; font-size: 1em; margin-top: 0;}

.chart_1 span{background: rgba(254, 143, 143, 0.4);}
.chart_2 span{background: rgba(254, 143, 143, 0.6);}
.chart_3 span{background: rgba(254, 143, 143, 0.7);}
.chart_4 span{background: rgba(254, 143, 143, 0.8);}



.chart_box .guidebox{width: 45%;  margin: 2.5%; height:200px; border:1px solid #eee;}


@media(max-width: 790px){
.chart_box .guidebox{width: 100%; margin-bottom:50px}
.chart_box .guidebox:last-child{margin-bottom: 20px}
}



/* ----- notice ----- */
.noticeMain {
	font-family: 'SF Pro Text', 'Helvetica Neue', 'Segoe UI', Arial, 'NotoSansKR', sans-serif; /*margin:100px auto 50px;*/}
/* .noticeMain{ border-bottom: 1px solid #ddd;} */
.noticeMain h1{color: #333; text-align: center; font-size: 3em;}
/*.notice_tit{margin-bottom: 3%}*/
.noticeMain .notice_tit h1{text-align: left; margin: 5% auto;}
.notice-wrap{
	margin: 0 auto;
	width: 50%;
	 border: 1px solid #ddd;
	 border-radius: 10px;
	 margin-bottom: 20px
}

.notice-wrap .search {
  width: 100%;
  position: relative;
  display: flex;
	font-size: 1.2em;
}

.notice-wrap .searchTerm {
	width: 100%;
	text-align: left;
   border: 1px solid #fff;
   border-right: none;
   padding: 5px;
   height: 36px;
   outline: none;
   color: #555;
}

.notice-wrap .searchTerm:focus{
	color: #555;
}

.notice-wrap .searchButton {
	width: 40px;
  border: none;
  text-align: center;
  color: #888;
  cursor: pointer;
  line-height: 1.5em;
	background: none;
}
.notice-wrap .searchButton i{ font-size: 1.2em; }

.notice-text {
	/* width: 100%; */
}
.notice-list li {width: 100%; float: right; padding: 10px 0; border-bottom: 1px solid #eee;}
.notice-list li a {display: block;}
.notice-list h1 {
	font-size: 22px;
}

.notice-cont-wrap{}
.notice-cont-wrap .notice-th{background-color: rgba(224,224,224,0.3); margin-bottom: 9px;}
.notice-cont-wrap .notice-th ul{display: flex;justify-content: space-between; padding: 0;}
.notice-cont-wrap .notice-th ul li{font-weight: 500;  text-align: center;vertical-align: middle; height: 65px;line-height: 65px;font-size: 1.4em;}
.notice-cont-wrap .notice-th ul li:first-child{width: 10%; text-align: center; }
.notice-cont-wrap .notice-th ul li:nth-child(2){width:75%;text-align: left;}
.notice-cont-wrap .notice-th ul li:last-child{width: 15%;}
.notice-cont-wrap  .notice-text{}
.notice-cont-wrap  .notice-text ul{clear: both;}
.notice-cont-wrap  .notice-text:after{content: "";clear: both;}
.notice-cont-wrap  .notice-text .notice-list{}
.notice-cont-wrap  .notice-text .notice-thumb{display: none;}
.notice-cont-wrap  .notice-text .notice-list li{height: 80px; padding: 0;}
.notice-cont-wrap  .notice-text .notice-list li:first-child{line-height: 80px; }
.notice-cont-wrap  .notice-text .notice-list li:last-child{border-bottom: 2px solid #ccc;}
.notice-cont-wrap  .notice-text .notice-list li a:after{content: ""; clear: both; width: 100%; height: 100%;}
.notice-cont-wrap .notice-text .notice-list li a div.list-text{ clear:both; width: 100%; height: 100%; display: flex; justify-content: space-between; margin: 0;}
.notice-cont-wrap .notice-text .notice-list li a div.list-text p{text-align:center; clear: both; padding: 0;line-height: 80px; font-weight: 400;}
.notice-cont-wrap .notice-text .notice-list li a div.list-text p:first-child{width: 10%}
.notice-cont-wrap .notice-text .notice-list li a div.list-text p:nth-child(2){width:85%; text-align:left; font-size: 1.3em; }
.notice-cont-wrap .notice-text .notice-list li a div.list-text p:last-child{width: 15%; text-align: center;}

.paging_div{margin-top: 800px;}


h5.date {
	font-size: 13px;
	padding: 20px 0;
	font-weight: 400;
	color:#7d7d7d
}
.list-text {float:left;	width:calc(100% - 210px); /*padding: 0 16px;*/ margin-top:30px;}
.notice-list hr:last-child {
	display: none;
}
.notice-list .notice-thumb {position: relative; float: right; width: 200px; height:133.3px;
	background-position:center; background-repeat:no-repeat; background-size:cover;}




/* ----- notice_sub -----*/

.notice-subTitle, .notice-subText, .notice-subImages {
	width: 100%;
	padding: 30px 0;
	min-height: 229px;
}
.notice-subText img{width:100%;}
.notice-subTitle h1 {
	padding-top: 10px;
	font-size:1.6em
}
.notice-subTitle h4{font-size:1em; color:#7d7d7d; padding:20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.notice-subTitle h4 span{margin-right:10px;}
.notice-subTitle h4 a{color:#7d7d7d; word-break:break-all;}
.notice-subText p {
	font-size: 16px;
	line-height: 26px;
}
.notice-subImages {
	height: 500px;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 30px 0;
}
.notice-subwrap ul {width: 100%; text-align: center; padding:40px 0;}
.notice-subwrap ul li {
	text-align: center;
	display: inline-block;
}
.nBt {
	text-align: center;
	font-size: 16px;
	margin: 30px 0;
	padding: 0 20px;
}

.notice-subwrap .list {
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

/*.notice_list{border-bottom:1px solid #ddd}*/
.notice_list{display: flex;}
.notice_tabList{ font-size: 1.5em; padding:10px; cursor:pointer; margin-right:4%; color:#7d7d7d;}
.notice_list .on{border-bottom: 2px solid #333; font-weight: 600; color:#333}








/* ----- faq ----- */
.faqMain {}
.faqMain_tit{position: relative; width:100%; height: 250px;}
.faqMain h1{font-weight: 500; color: #333; font-size: 2.3rem; text-align: center;vertical-align: middle;line-height: 250px;}
.faqMain_tit form{position: absolute; bottom: 10px; right: 0;}
.faqMain_tit .faqHeader{
	margin: 0;
}
.faqMain p{color:#555; text-align:center; margin-top: 10px; font-size: 1.3em;}
.faqHeader{margin:2% 0}
.faqMain_tit input{display:inline-block; width:400px; height:35px; outline:none; border-radius: 5px; border:1px solid #ededed; padding: 5px 10px;}
.faqMain_tit input:focus{border:1px solid #333}
.faqMain_tit button { display: inline-block; position: relative; width: 30px; height: 30px; border-color: #fff; cursor: pointer; transform: translateX(-42px)}
.faqMain_tit button:before { content: ''; position: absolute; left: 5px; top: 5px; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #181818;}
.faqMain_tit button:after { content: ''; position: absolute; right: 6px; bottom: 3px; width: 1px; height: 8px;  background-color: #181818;  transform: rotate(-45deg)}

.faqmenu{line-height: 50px; text-align: center; display: flex; margin: 0 auto; margin-top: -25px; margin-bottom: 100px; justify-content: center;}
.faqmenu .qmenu{width: 20%; background:#444; text-align:center; font-size: 1.3em;}

.faqmenu .qmenu a{display:inline-block; color: #fff; font-weight: 300;}

.faqmenu .qmenu:last-child{border-right: none; border-left: 1px solid #fff;}

.faqpage{margin-bottom: 50px; }
.faqpage caption{display: none;}

.faqpage th{color: #666; font-size: 13px; }
#bo_list_total{color: #888; text-align: right;}

#bo_list{margin-bottom: 150px;}
#bo_list ul{border-top: 1px solid #333; border-bottom: 1px solid #333}

#bo_sch{border: 1px solid #ccc; background: #fff; border-radius: 3px;  width:320px; margin: 50px auto;}
#bo_sch legend{position: absolute;
margin: 0; padding:0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden;}
#bo_sch select{border: 0 !important; margin: 9px 5px; height: 20px;
	border-right: 1px solid #ddd; float: left; text-align: center;}

#bo_sch .sch_input {
  height: 38px;
  border: 0;
  padding: 0;
  background-color: transparent;
  float: left;
}

#bo_sch .sch_btn {
    height: 38px;
    float: left;
    background: none;
    border: 0;
    width: 40px;
    font-size: 15px;
}
#bo_sch:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

#bo_list:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

.sound_only {
    display: inline-block !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
    border-radius: 10px;
}



/* .faq-list{padding:50px 0;} */
.faq-list i{font-size:30px; color: #ededed; margin-right:15px; vertical-align:middle;}
.faq-list h3{font-size:1.3em;  font-weight:600; line-height: 1.1em; display:inline-block; width:100%; color:#8a8a8a; margin-left:15px}
.faq-list li {
	width: 100%;
	padding: 30px 0;
	/* border-radius: 20px;
	box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
	margin-bottom: 30px; */
	display: block;
	border-bottom: 1px solid #ccc;
}
.faq_tab{display:none; margin-top:20px; font-size:1.2em; line-height: 26px; padding: 0 20px; color: #999999;}
.faq-list li:hover h3{color:#8a8a8a;}
.faq-list li a.faq_section{position: relative}
.faq-list li a.faq_section:after{
	content: "\f13a";
	display: inline-block;
	font-family: 'FontAwesome';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #3d3d3d; right:2%}
.faq_list_detail{position:relative; width: 100%; display:block; padding:20px 10px 20px; background:#fff; border-radius: 5px; margin-bottom:15px}
.faq_list_detail:last-child{margin-bottom: 0!important;}
/*.faq_list_detail:before{content: ""; position:absolute ;width:25px; height:25px; border:5px solid #c9cbcd8a; border-radius: 50%; top:50%; transform: translateY(-50%); left:12px}*/
/*.faq_list_detail:after{content:""; position:absolute; height:20px; border:3px solid #c9cbcd8a; transform: rotate(-45deg); bottom:9px; left:37px; border-radius: 3px; }*/

.faq-list li div div.faq_detail_in{width: 100%; border-radius: 5px; padding: 10px 15px; margin-bottom: 10px; background-color: #f9f9f9;}
.faq-list li div div.faq_detail_in > div:first-child{margin-bottom: 10px; vertical-align:middle; font-size: 1.1em; font-weight: 500; font-family: inherit; padding-left: 20px; background-image: url("../../images/question_mark.png"); background-size: auto 15px ; background-repeat: no-repeat; background-position: left center;}
.faq-list li div div.faq_detail_in > div:nth-child(2){margin-bottom: 15px;  font-family: inherit; padding: 0 20px;}
.faq-list li div div.faq_detail_in > div:nth-child(3){margin-bottom: 15px;}
.faq-list li div div.faq_detail_in div a{ margin-bottom: 0; font-size: 0.9em; color: #999; padding: 0 40px; background-image: url("../../images/icon_attached_file.png");background-size:  auto 16px; background-repeat: no-repeat; background-position: 20px center; }

/*faq view*/
.faq_tab_cont{margin-bottom: 20px;}
.faq_detail_view{padding-bottom:100px}
.faq_detail_tit{}
.faq_detail_tit h2{}
.faq_detail_tit p{margin-top:2%; color:#7d7d7d}
.faq_detail_img img{margin-top:5%;}
.faq_view_img{width:70%; height:100%;}
.faq_view_img img{width:100%; height:400px}
.faq_detail_dc{margin-top:5%;}
.faq_detail_dc p{font-weight:500; font-size:1.2em; margin-bottom:10px}
.faq_detail_dc p span{font-weight: 400; font-size: 1em; color:#7d7d7d}
.faq_detail_help{margin-top:5%;}
.faq_detail_help p{font-weight: 500; font-size:1.2em; color:#7d7d7d}
.faq_detail_help p a{color:#b72932; border-bottom: 1px solid #b72932}
.faq_detail_pdb{margin-top:5%}
.faq_detail_pdb p{font-weight:400; font-size: 1.2em; color:#7d7d7d; display:inline-block; margin-right:5%}
.faq_detail_pdb label{margin-right: 2%}
.faq_detail_pdb button{border:1px solid #ededed; background:#fff; padding:10px 40px; border-radius: 5px; transition:all 0.3s}
.faq_detail_pdb button:hover{border:1px solid #b2b2b2; background:#f9f9f9;}
.faq_detail_title{display: flex; justify-content: space-between;}
.faq_detail_title .faq_detail_arrow{width: 10px; height: 10px; background-image: url("../../images/arrow_down.png"); background-size: auto 100%; background-repeat: no-repeat; background-position: center;}
.faq_like{display: flex; justify-content: left; padding-left: 15px; font-size: 0.85rem;}
.faq_like p{ margin-right: 15px;}
.faq_like label button .fa-solid.fa-thumbs-up, .faq_like label button .fa-solid.fa-thumbs-down{color: #ccc;}
.faq_like label:first-child button:hover .fa-solid.fa-thumbs-up{color: red;}
.faq_like label button{background-color: transparent; border: 0; box-shadow: none; border: none; appearance: none; -webkit-appearance: none;-moz-appearance: none; padding: 0;}
.faq_like label button .fa-solid.fa-thumbs-up, .faq_like label button .fa-solid.fa-thumbs-down{font-size: 18px;}
.faq_like label button.already{background-color: transparent!important; transform: none;}
.faq_like label button.already .fa-solid.fa-thumbs-up{color: greenyellow;}
.faq_like label button.already .fa-solid.fa-thumbs-down{color: red;}
.faq_tab p{font-family: 'Noto Sans KR';}

/* ----- advice ----- */
.adviceMain {
	/* background-image: url(/images/center/qna_bg.jpg); */
	background-repeat: no-repeat; background-size:cover; background-position: center;
}
.advice{padding:50px 0}
.advice div {
	display: inline-block;
	width: 46%;
	margin-bottom: 60px;
	border-bottom: 1px solid #d2d2d2;
}
.advice div:nth-child(2n-1) {
	margin-right: 4%;
}
.advice div:nth-child(2n) {
	margin-left: 4%;
}
.advice div:last-child {
	width: 100% ;
}
.adviceTitle h5 {
	width: 24%;
	display: inline-block;
	font-size: 16px;
}
.adviceTitle input[type=text] {
	display: inline-block;
	width: 76%;
	border: none;
	font-size: 16px;
}

.adviceTitle:last-child h5 {
	width: 11%;
}
.adviceTitle:last-child input[type=text] {
	width: 89%;
}
.adviceBt {display: block; width: 250px; margin:auto; line-height: 60px; background-color:#b62932; text-align: center;
	color: #fff; font-size: 22px;}
.adviceTitle span {
	color: #b62932;
}




/* ----- story ----- */
.storyMain {
	background-image: url(/images/center/story_main.jpg);
}
.story-contents {
	position: relative;
	background: #fff;
	width: 100%;
}
.storyBg-wrap {
	width: 100%;
}
.storyBg {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 290px;
	padding-left: 20%;
}
.storyText-wrap {
	background: #e3a4a8;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 40px 20% 40px 20%;
}
.storyText-wrap h3 {
	text-align: right;
	font-size: 18px;
	line-height: 50px;
	font-weight: bold;
	margin-left: 0;
}
.storyText-wrap p {
	text-align: justify;
	font-size: 16px;
	line-height: 26px;
	margin-left: 60%;
}
.storySubText-wrap {
	background: #fff;
	width: 100%;
	height: 100%;
	padding: 50px 20% 150px 20%;
}
.storySubText-wrap h3 {
	text-align: left;
	font-size: 18px;
	line-height: 50px;
	font-weight: bold;
	color: #b62932;
}
.storySubText-wrap p {
	text-align: justify;
	font-size: 16px;
	line-height: 24px;
}

.thumb {
	position: relative;
	width: 450px;
	height: 450px;

	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}
.titleWrap {
	position: absolute;
	background: #fff;
	border: 1px solid #b62932;
	padding: 50px 50px;
	top: 90px;
	left: 400px;
	width: 63%;
}
.titleWrap h3 {
	font-weight: bold;
	color: #b62932;
	font-size: 20px;
}
.titleWrap p {
	padding: 25px 0;
	font-size: 14px;
}
.titleWrap a {
	display: block;
	padding: 4px 25px;
	border: 1px solid #b62932;
	color: #b62932;
	text-align:center;
	width: 90%;
}

.story-contents:nth-child(2n-1) .storyText-wrap {
	background: #b81b25;
}
.story-contents:nth-child(2n) .storyText-wrap {
	background: #d2d2d2;
}
.story-contents:nth-child(2n) .storyText-wrap h3 {
	color: #b62932;
}
.story-contents:nth-child(2n) .storyText-wrap p {
	color: #000;
}







@media(max-width: 1100px){
	.center-content{padding:0 10px;}
	.guide-contents .wrap_1100{padding:90px 10px;}
}










/* ------------------------------
 mobile
------------------------------ */

@media(max-width: 749px){

.mainTitle-wrap {
	/* top: 40px; */
}

.images {
	height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.images {
	margin-top: 0;
}
	.noticeMain .notice_tit h1{margin:10% auto}
.center-content{padding:0 15px;}
.defineBanner {
	margin-top: 0;
}


.advice-content {
	padding: 15% 10%;
}



.guide-text img {
	width: 100%;
	left: 0;
	margin-left: 0;
}


.advice div {
	display: inline-block;
	width: 100%;
	margin-bottom: 40px;
}
.advice div:nth-child(2n-1) {
	margin-right: 0;
}
.advice div:nth-child(2n) {
	margin-left: 0;
}
.adviceTitle h5 {
	width: 30%;
	display: inline-block;
}
.adviceTitle input[type=text] {
	display: inline-block;
	width: 70%;
}
.advice div:last-child {
	width: 100% ;
}
.adviceTitle:last-child h5 {
	width: 30%;
}
.adviceTitle:last-child input[type=text] {
	width: 70%;
}
.adviceBt {
	display: block;
	position: relative;
	width: 50%;
	height: 50px;
	background: #b62932;
	left: 50%;
	margin: 20px 0 0 -25%;
	cursor: pointer;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 22px;
}



.chart-wrap {
	display: none;
}
.chart-wrap2 {
	display: block;
}


/* .guide-contents .wrap_1100{padding:50px 10px;} */

.guide-text p {
	padding: 10px 3%;
}

.guideMain{
	height: auto;
}


.guideMain2 {
	width: 100%;
	height: 100px;
	text-align: center;
	margin:50px 0 150px;
}
.guideIcon {
	width: 100%;
	margin: 0 2%;
	top: 50%;
	margin-top: -65px;

}
.guideIcon img {
	width: 90%;
	padding: 25% 10% 0 10%;
}
.guideIcon h5 {
	font-size: 16px;
	padding: 16px 0;
}


.guide-title {
	width: 26%;
	min-width: 260px;
	height: 40px;
	margin: -20px auto 0 auto;
}
.guide-title p {
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;

}
.guide-text h1.title {
	font-size: 22px;
	margin: 60px 0 30px 0;
}


/*.faq-list i{vertical-align:top;}*/


.who-wrap {
	color: #fff;
	height: 500px;
	position: relative;
	width: 100%;
}
.who h1 {
	color: #fff;
	font-size:30px;
	line-height: 60px;
	font-weight: bold;
	position: absolute;
	margin: 30px 0 0 -30px;
}




}






/* ------------------------------
 mobile  (story)
------------------------------ */



@media(max-width: 1359px){

.storyText-wrap {
	background: #e3a4a8;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 130px 20% 40px 20%;
}
.storyText-wrap h3 {
	text-align: right;
	font-size: 18px;
	line-height: 50px;
	font-weight: bold;
	margin-left: 0;
}
.storyText-wrap p {
	text-align: justify;
	font-size: 16px;
	line-height: 26px;
	margin-left: 0;
}




}








/* ------------------------------
 mobile (story)
------------------------------ */




@media(max-width: 929px){

.storyText-wrap {
	background: #e3a4a8;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 180px 15% 40px 15%;
}
.storyText-wrap h3 {
	text-align: right;
	font-size: 18px;
	line-height: 50px;
	font-weight: bold;
	margin-left: 0;
}
.storyText-wrap p {
	text-align: justify;
	font-size: 16px;
	line-height: 26px;
	margin-left: 0;
}



.storyBg {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 200px;
	padding-left: 15%;
}

.thumb {
	position: relative;
	width: 400px;
	height: 400px;
}
.titleWrap {
	position: absolute;
	background: #fff;
	border: 1px solid #b62932;
	padding: 50px 50px;
	top: 70px;
	left: 350px;
	width: 75%;
}
.titleWrap h3 {
	font-weight: bold;
	color: #b62932;
	font-size: 20px;
}
.titleWrap p {
	padding: 25px 0;
	font-size: 14px;
}
.titleWrap a {
	display: block;
	padding: 4px 25px;
	border: 1px solid #b62932;
	color: #b62932;
	text-align:center;
	width: 95%;
}

.storySubText-wrap {
	background: #fff;
	width: 100%;
	height: 100%;
	padding: 50px 15% 200px 15%;
}



}




/* ------------------------------
 mobile (story)
------------------------------ */

@media(max-width: 790px){

.storyText-wrap {
	background: #e3a4a8;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 320px 3% 40px 3%;
}
.storyText-wrap h3 {
	text-align: right;
	font-size: 18px;
/* 	line-height: 50px; */
	font-weight: bold;
	margin-left: 0;
}
.storyText-wrap p {
	text-align: justify;
	font-size: 16px;
	line-height: 26px;
	margin-left: 0;
}



.storyBg {
	position: relative;
	z-index: 10;
	width: auto;
	height: 300px;
	padding: 0;
}

.thumb {
	width: 100%;
	height: 100%;
}
.titleWrap {
	position: absolute;
	background: #fff;
	border: 1px solid #b62932;
	width: 80%;
	left: 50%;
	margin-left: -40%;
	margin-top: 300px;
}
.titleWrap h3 {
	font-weight: bold;
	color: #b62932;
	font-size: 20px;
}
.titleWrap p {
	padding: 25px 0;
	font-size: 14px;
}
.titleWrap a {
	display: block;
	padding: 4px 25px;
	border: 1px solid #b62932;
	color: #b62932;
	text-align:center;
	width: 95%;
}

.storySubText-wrap {
	background: #fff;
	width: 100%;
	height: 100%;
	padding: 50px 3% 200px 3%;
}

.storyMain {
	height: 200px;
}

.shamguide_wrap{padding:0!important;}


}


@media(max-width: 729px){

.storyText-wrap {
	background: #e3a4a8;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 320px 3% 40px 3%;
}
.storyText-wrap h3 {
	text-align: right;
	font-size: 18px;
	line-height: 50px;
	font-weight: bold;
	margin-left: 0;
}
.storyText-wrap p {
	text-align: justify;
	font-size: 16px;
	line-height: 26px;
	margin-left: 0;
}



.storyBg {
	position: relative;
	z-index: 10;
	width: auto;
	height: 300px;
	padding: 0;
}

.thumb {
	width: 100%;
	height: 100%;
}
.titleWrap {
	position: absolute;
	background: #fff;
	border: 1px solid #b62932;
	width: 80%;
	left: 50%;
	margin-left: -40%;
	margin-top: 300px;
}
.titleWrap h3 {
	font-weight: bold;
	color: #b62932;
	font-size: 20px;
}
.titleWrap p {
	padding: 25px 0;
	font-size: 14px;
}
.titleWrap a {
	display: block;
	padding: 4px 25px;
	border: 1px solid #b62932;
	color: #b62932;
	text-align:center;
	width: 95%;
}

.storySubText-wrap {
	background: #fff;
	width: 100%;
	height: 100%;
	padding: 50px 3% 200px 3%;
}

.storyMain {
	height: 200px;
}




}





@media(max-width: 1320px) {
	.decon {
		display: block;
	}
	.de-center {
		/* padding: 20px 0; */
	}
}

@media(max-width: 749px) {
	.notice-list li{padding:10px; margin-bottom:10px;}
	.list-text {float:none; padding: 0; width:100%; margin-top:0;}
	.notice-list div.notice-thumb {float:none; width: 100%;	height:200px; display: none}
}

@media(max-width: 563px){
	.notice-list h1 {
		font-size: 20px;
	}
	h5.date {
		font-size: 13px;
		padding: 10px 0;
	}
}

@media(max-width: 484px){
	.notice-list li a {
		display: block;
		padding:  0;
	}
	.notice-list h1 {
		font-size: 20px;
	}
	h5.date {
		font-size: 13px;
		padding: 10px 0;
	}
	.notice-list hr:last-child {
		display: none;
	}

}



@media (max-width: 768px) {
	.faqmenu .qmenu { width: 40%; }
	.mainTitle-wrap { top: 30%; }
	#bo_sch { width: 290px; }
	.chart_box span{margin:-13% auto 0!important;}
	.faq_tab{margin-top:20px; padding:15px;}
	.faq_tab p{line-height: 20px; margin-bottom:6%; margin-top:3%}
	.faq_list_detail{padding:15px 10px; font-size:0.8em; margin-bottom:10px}
	.faq-list i{font-size:25px;}
	/*.faq_list_detail:before{width:15px; height:15px; left:12px;}*/
	/*.faq_list_detail:after{height:15px; bottom:10px; left:30px;}*/
	.faqMain_tit button:after{right:5px; height:11px;}
	.faqMain_tit{margin-top: 8%;}
	.faqMain h1{margin-bottom: 8%;}
	.faqHeader{padding-bottom:8%}
	.faq_detail_tit{margin-top:5%;}
	.faq_detail_img{margin-top:5%}
	.faq_view_img{width:100%}
	.faq_detail_pdb{margin-top:10%}
	.faq_detail_pdb p{display:block; margin-bottom:5%}
	.faq_detail_help{margin-top: 10%}
	.faq_detail_help p{font-size: 1em}
	.faq-list h3{font-size: 1em}
	.faq-list li a.faq_section:after{right:6%}
	.boListWrap{padding-bottom: 30px!important; padding-top: 30px!important;}
}



/* 가치업 소식 */
.noticeTop {height:250px; border-bottom: 1px solid #ededed; position: relative;}
.noticeTop .notice_top_wrap{}
.noticeTop h2 { font-weight: 700; line-height: 250px; color: #292929; text-align: center; }
.noticeTop .notice_list{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.noticeTop .notice_list li { font-size: 0.937rem; margin-right: 0; padding: 5px 15px}


.notice_sub_cont .notice-subTitle{padding: 50px 20px 20px 20px;}
.notice_sub_cont .notice-subTitle > * {margin: 0; padding: 0; }
.notice_sub_cont .notice-subTitle div{margin-bottom: 5px; padding-left: 3px;}
.notice_sub_cont .notice-subTitle h1{ display: inline-block; width: 80%;}
.notice_sub_cont .notice-subTitle h5{display: inline-block; text-align: right; width: 19%;}
.notice_sub_cont .notice-subTitle { min-height: unset; border-bottom: 1px solid #999;}

.notice_sub_cont .notice-subText{padding: 80px 20px;}
.notice-list h1 { font-size: 1.125rem; font-weight: 600}



/*크리에이터 가이드 */
.guideTop { background: #ddd; height: 250px; background: url('/images/cgBg.png') no-repeat right center; background-size: cover; }
.guideTop h2 { font-weight: 700; font-size: 1.875rem; }
.cgListWrap { padding: 50px 0; flex-wrap: wrap;  }
.cgListWrap .cgList { width: calc((100% - 80px)/3); margin-right: 40px; margin-bottom: 40px; }
.cgListWrap .cgList:nth-child(3n) {margin-right: 0; }
.cgListWrap .cgList h5 { font-size: 1.125rem; margin-bottom: 15px; font-weight: 600; }
.cgListWrap .cgList ul li { border-bottom: 1px solid rgba(0, 0, 0, .05); }
.cgListWrap .cgList ul li a { display: block; padding: 10px 0; color: #3C3737}

.cgdWrap { padding: 50px 0; }
.cgdWrap h2 { border-bottom: 1px solid #ededed; padding-bottom: 15px; }
.cgdTxt { padding: 50px 0;  }
.cgdfBtn { margin-left: 40px; }
.cgdfBtn button {
	border: 1px solid #ededed;
	background: #fff;
	padding: 10px 40px;
	border-radius: 5px;
	transition: all 0.3s;
	cursor: pointer;
}
.cgdfBtn button i { margin-right: 5px; color: #333; }
.cgdfBtn button:hover { border: 1px solid #b2b2b2; background: #F9F9F9; }
.cgdfBtn button:active { border: 1px solid #3d3d3d; background: #3d3d3d; color: #fff; }


@media screen and (max-width: 1024px) {
	.cgListWrap .cgList { width: calc((100% - 40px)/2); margin-right: 40px; }
	.cgListWrap .cgList:nth-child(even) {margin-right: 0; }
	.cgListWrap .cgList:nth-child(3n) {margin-right: 40px; }
}


@media screen and (max-width: 768px) {
	.cgListWrap .cgList { width:100%; margin-right: 0; }
}