@charset "utf-8";
::selection {
    background: #333;
    color: #f2f2f2;
    text-shadow: none;
}
.con {display:none; width:100%; height:100%; color:#000; position:fixed; top:0; left:0; z-index:999; overflow-y:scroll; -webkit-overflow-scrolling:touch; background:url(../img/tp_bk_95.png) repeat;}
.box {position:relative; width:100%; height:100%; margin:0 auto; }
.content {height:100%; width:100%;}
.inner_explanation {width: 300px; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-weight: 200; margin: 50px auto;}
.inner_explanation p {text-align: center; font-size: 15px; margin-bottom: 15px;}
.inner_explanation p:first-child {font-weight: 300; letter-spacing: -1px;}
.inner_explanation p:first-child span {letter-spacing: normal;}
.inner_explanation p span {color: #b2b2b2; font-size: 10px; margin-bottom: 1px; display: inline-block;}
.inner_content {position:relative; width:1200px; margin:50px auto 100px;}
.inner_content img {margin-bottom: 70px;}
.close_btn {position: fixed; top: 0px; right: 15px; z-index: 1000; background: url(../img/tp_bk_90.png) repeat; width: 34px; height: 34px; text-align: center; line-height: 31px; border-radius: 20px;}
.close_btn img {width: 14.5px;}

/** {font-family: 'Open Sans', sans-serif;}*/
/*body {background-color:#f7f7f7;}*/
.container {width:100%; padding-left: 0; padding-right: 0; margin-top: 150px; margin-bottom: 100px;}
.container h1 {width: 100%; font-family: 'Noto Sans KR', sans-serif; color: #f9f9f9; /*text-shadow: 0 0 2px #333; -moz-text-shadow: 0 0 2px #333;
  -webkit-text-shadow: 0 0 2px #333;*/ font-size: 30px; padding: 30px 50px; /*position: absolute; top: 0; z-index: 10;*/ margin: 0 auto; overflow: hidden; letter-spacing: -1px;}
/*.container h1 p span {display: block;}*/
.container h1 p:first-child {font-size: 0; color: #ddd; margin-bottom: 10px; cursor: pointer;}
.container h1 p:first-child span {}
.container h1 p:first-child span span {font-size: 18px; margin-right: 30px; color: #212121; font-weight: bold; display: block; letter-spacing: -1px; line-height: 21px; font-stretch: condensed;}
.container h1 p:first-child span span:first-child {margin-bottom: 1px;}
.container h1 p:first-child span span:first-child img {width: 30px; height: 17.5px; margin-right: 6px;}
.container h1 p:first-child span span + span {font-size: 12px; color: #a5a5a5;}
.container h1 p:first-child span span:last-child {font-size: 13px; color: #8b8b8b;}
.container h1 p:last-child {font-family: 'Noto Sans KR', sans-serif; font-size: 11px; color: #707070; letter-spacing: normal; font-weight: 300;}
.container h1 p:last-child > span {display: block; cursor: pointer; text-decoration: none; margin-top: 3px;}
.container h1 p:last-child .button-ev {color: #fff; background: #ff4800; padding: 10px 16px; display: inline-block; border-radius: 5px; font-size: 14px; margin-top: 10px; font-weight: 500;  border: 1px solid #ff4800;}
.container h1 p:last-child .button-ev span span:last-child {font-size: 10px; font-weight: normal;}
.container h1 p:last-child .button-ev:hover {border: 1px solid #ff4800; color: #ff4800; background: #fff;}
.container h1 p:last-child .button-ev:hover .arrow {color: #ff4800;}

.container h1 p:last-child .button-ev .arrow {transform: rotate(21deg); display: inline-block; margin-left: 10px; color: #ffa784;}
.container h1 p:last-child .button-ev.out {color: #ff4800; background: #fff; border: 1px solid #ff4800;}
.container h1 p:last-child .button-ev.out:hover {color: #fff; background: #ff4800;}
.container h1 p:last-child .button-ev.out:hover .arrow {color: #fff;}

.accordionItemHeading.pricelist table thead {background: #f9f9f9;}
.accordionItemHeading.pricelist table thead tr td {font-size: 12px; border: 1px solid #ddd;}
.accordionItemHeading.pricelist table tbody tr td {border: 1px solid #ddd; font-size: 11px; line-height: 130%;}
.accordionItemHeading.pricelist table tr td {padding: 10px;}
.accordionItemHeading.pricelist table tr {text-align: left;}

.toc-tab-box .acc-content.pricelist > div:last-child {margin-bottom: auto; height: auto;}

.pricelist .modal_wrap p {text-align: left; margin: 10px 0;}

.pricelist.process table tr td {border: 1px solid #ddd; border-radius: 12px; display: inline-block; width: 70px;
    height: 70px; margin-right: 20px; position: relative;}
/*.pricelist.process table tr td span {vertical-align: -6px;}*/
.pricelist.process table tr td::after {content: '→'; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); color: #ddd;}
.pricelist.process table tr td:last-child::after {display: none;}
.accordionItemHeading.pricelist.process table tr td {padding: 20px 0; margin-bottom: 10px; text-align: center;}

.container h1 p:last-child .sortation {font-family: 'Noto Sans KR', sans-serif; font-size: 10px; color: #ccc; margin-right: 5px;}
.container .top_bg {width: 100%; background: url(../img/tp_wt.png) repeat; position: fixed; top: 0; left: 0; z-index: 9; backdrop-filter: blur(5px);}
.container h2 {font-family: 'Noto Sans KR', sans-serif; color: #ccc; letter-spacing: -1px; overflow: hidden;}
.container h2 p {float: left; transition: all 0.5s ease; margin: 5px 0; letter-spacing: -1px;}
.container h2 p span br {display: none;}
.container h2:hover p:last-child span:first-child {color: #ccc0a0; transition: all 0.5s ease;}
.container h2:hover p:first-child span img {
  transform: scale(1,1) rotate(-45deg)skew(0,0) translate(0,0); 
  -webkit-transform: scale(1,1) rotate(-45deg)skew(0,0) translate(0,0); 
  -moz-transform: scale(1,1) rotate(-45deg)skew(0,0) translate(0,0); 
  transform-origin: 50% 50%; transition: all 0.5s ease;
}
.container h2 p span {display: block;}
.container h2 p:first-child span {border-radius: 70px; width: 70px; height: 70px; background: #fff; text-align: center; margin-right: 30px;}
.container h2 p:first-child span img {width: 32px; height: 26px; vertical-align: -5px; transition: all 0.5s ease;}
.container h2 p:last-child span:first-child {font-size: 45px; color: #212121; font-weight: 600; line-height: 35px; margin-bottom: 5px;}
.container h2 p:last-child span:nth-child(2) {font-size: 35px; color: #747474; font-weight: 500; margin-bottom: 15px;}
.container h2 p:last-child span:last-child {color: #c3c3c3; font-size: 35px; font-weight: 200; letter-spacing: -1px;}
/*.container h2:hover p:last-child span {color: #a0c4ff; transition: all 1.0s ease; font-size: 12px;}*/
/*.container h2.samyang:hover {background: url(../img/samyang_thumb.jpg) no-repeat right top;}
.container h2.gazua:hover {background: url(../img/gazua_thumb.jpg) no-repeat right top;}
.container h2.jeju:hover {background: url(../img/jeju_thumb.jpg) no-repeat right top;}*/
.toc-tab-box h2 {text-align: center;}
.toc-tab-box h2.acc-title {
  font-family: 'Noto Sans KR', sans-serif;
  color: #3e3e3e;
  /*background: #fff;*/
  padding: 30px 50px;
  /*padding-left: 60px;*/
  font-size: 45px;
  font-weight: 600;
  margin: 0 auto;
  /*margin-bottom: 4px;*/
  cursor: pointer;
  position: relative;
  transition: all 0.5s ease;
  width: 100%;
  /*float: left;*/
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  /*box-shadow: 0 0 2px #ccc; -moz-box-shadow: 0 0 2px #ccc;
  -webkit-box-shadow: 0 0 2px #ccc;*/
  text-align: left;
}
.toc-tab-box h2.acc-title:first-child {border-top: 0;}
.toc-tab-box h2.acc-title:hover {transition: all 0.5s ease; color: #333; background: #fff;}
.toc-tab-box h2.acc-title.hvr-sweep-to-right.open {background: #fff; border-bottom: none;}
.toc-tab-box h2.acc-title.hvr-sweep-to-right.open p:first-child span img {
	transform: scale(1,1) rotate(-45deg)skew(0,0) translate(0,0);
    -webkit-transform: scale(1,1) rotate(-45deg)skew(0,0) translate(0,0);
    -moz-transform: scale(1,1) rotate(-45deg)skew(0,0) translate(0,0);
}

.acc-title span img {transition: transform 0.3s ease;}

.toc-tab-box .acc-content {
  background: #fff;
  width: 100%;
  /*margin-bottom: 4px;*/
  float: left;
  padding: 30px 30px 60px 60px;
  color: #617693;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  /*background: #f9f9f9;*/
  /*box-shadow: 0 2px 2px #ccc; -moz-box-shadow: 0 2px 2px #ccc;
  -webkit-box-shadow: 0 2px 2px #ccc;*/
}
.toc-tab-box .acc-content > div:first-child {/* height: 300px;  */text-align: center;position: relative;}
.toc-tab-box .acc-content > div:first-child > div:first-child {margin-top: 50px;}
.toc-tab-box .acc-content > div > div:first-child {margin-top: 100px;}
.toc-tab-box .acc-content .col-md-6 {position: relative;}
.accordionItemHeading .circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*width: 40px;*/
  height: 40px;
  text-align: center;
  float: left;
  background: transparent;
  color: #fff;
  margin-right: 15px;
  line-height: 25px;
}

.accordionItemHeading .circle span {
  color: #555;
  font-size: 13px;
  font-weight: 300;
  float: left;
  display: block;
  margin: 6px 0;
  height: 5px;
  /*border-left: 5px solid #f0f0f0;*/
  padding-left: 10px;
  font-family:'Noto Sans KR',sans-serif;;
}



.accordionItemHeading h4 {
  font-family:'Noto Sans KR',sans-serif;;
  color: #555;
  font-size: 14px;
  transition: all 0.5s ease;
  line-height: 24px;
  font-weight: 400;
  margin: 5px 0px 12px;
  visibility: hidden;
}
.accordionItemHeading:hover,
.accordionItemHeading:hover h4 {
  color: #5b93f1;
  transition: all 0.5s ease;
  cursor: pointer;
}

.accordionItemHeading.pricelist:hover,
.accordionItemHeading.pricelist:hover h4 {color: #617693;}

.modal_wrap.pricelist > div:hover {color: #5b93f1;}

/*.accordionItemHeading .circle span:first-child {border-radius: 100px;}*/
.accordionItemHeading .circle > span {display: inline;}
.accordionItemHeading .circle span:first-child img:first-child {width: 25px;}
.accordionItemHeading .circle span:first-child img:last-child {width: 25px; display: none;}
.accordionItemHeading:hover .circle span {color: #459dff;}
.accordionItemHeading:hover .circle span.none {color: #555;}
.accordionItemHeading:hover .circle span:first-child img:first-child {display: none;}
.accordionItemHeading:hover .circle span:first-child img:last-child {display: block;}
.accordionItemHeading:hover .circle.none span:first-child img:first-child {display: block; margin-top: 2px;}
.accordionItemHeading:hover .circle.none span:first-child img:last-child {display: none;}
.accordionItemHeading:hover .circle span.none::after {content: " (제작미완료)"; font-size: 12px; color: #333; font-weight: 400;}

/*.accordionItemHeading:hover .circle span:first-child img{
  width: 25px;
  border-left: 7px solid #5b93f1;
  transition: all 0.5s ease;
  background: #333;
  opacity: 0.1;
}*/
/*.accordionItemHeading .circle span:last-child {display: none; transition: all 0.5s ease;}*/
.devel-pce {text-align: left; margin-bottom: 10px; font-size: 12px;}
.quest .answer {
  border-left: 1px solid #ddd;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  /*margin-top: 20px;*/
  margin-left: 22px;
  padding: 10px 20px 10px 36px;
}

.quest .answer p {color: #888; margin-bottom: 20px; font-family:'Noto Sans KR',sans-serif; color: #333; font-size: 15px; font-weight: 300; letter-spacing: -1px;}
.quest .answer p span {font-family:'Noto Sans KR',sans-serif; color: #ccc; font-size: 10px; margin-right: 5px; width: 90px; display: inline-block; letter-spacing: normal;}
.quest .answer p span:last-child {margin-right: 0; font-family:'Noto Sans KR',sans-serif; font-weight: 100; font-size: 12px; color: #888;}
.quest .answer p:nth-child(2) {font-family:'Noto Sans KR',sans-serif; font-size: 15px; color: #333; font-weight: 300;}
.quest .answer p:last-child {font-family:'Noto Sans KR',sans-serif; color: #b5b5b5; font-size: 15px; color: #333; font-weight: 300;}
.quest .answer p br {display: none;}

/*.acc-content .quest*/
.modal_wrap .box {text-align: right;}
.modal_wrap .box a {display: inline-block; margin: 10px;}
.modal_wrap > a {display: block;}
.modal_wrap.pricelist > div {margin-bottom: 50px;}
/*.modal_wrap > a > img {width: 100px;}*/
/*.modal_wrap {position: relative; padding: 20px 0;}*/
/*.modal_wrap ul li img {width: 320px;}*/
/*.modal_wrap p a {display: inline-block;}*/
.modal_wrap > a span {margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 50px; height: 50px; border-radius: 50px; background: url(../img/tp_bk.png) repeat; color: #fff; font-size: 45px; font-family:'Noto Sans KR',sans-serif; font-weight: lighter; vertical-align: middle; display: none;}
.modal_wrap > a span img {width: 30px; vertical-align: 1px;}
.modal_wrap > a:hover span {display: block;}

 @media (max-width: 768px) {
.toc-tab-box .acc-content { padding: 0px;}
}

.footer div {padding: 0 50px; margin-bottom: 100px;}
.footer div p {margin-bottom: 6px;}
.footer div p:first-child {margin-bottom: 10px;}
.footer div p span {font-size: 12px;}
.footer div p span:first-child {color: #ccc; margin-right: 10px;}
.footer div p span:last-child {}

/* ad */
div.ad {}
div.ad_inner {padding: 20px;}
div.ad ul {overflow: hidden;}
div.ad ul li {float: left; width: 150px; text-align: center; margin-bottom: 20px;}

.ui-loader.ui-corner-all {display: none;}