/* main start */
.hugi-main-wrap {}
.hg-fixed-tab {position:relative;min-height:85px;z-index:10;text-align:center}
.hg-fixed-tab .a {position:relative;height:85px;line-height:85px;width:500px;display:inline-block;text-align:center;font-size:28px;font-weight:bold;color:#1d1d1d;transition:all .3s ease}
.hg-fixed-tab .a.on {background:#dd3657;color:#fff}
.hg-fixed-tab .a.on:after {position:absolute;bottom:-30px;left:50%;margin-left:-15px;content:'';display:block;width:0;height:0;border:15px solid #dd3657;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;}
.hg-fixed-tab .inner {background:#fff;transition:all .3s ease}
.hg-fixed-tab .inner.fix {position:fixed;top:0;left:0;right:0;width:auto;height:65px;background:#fff}
.hg-fixed-tab .inner.fix .a {height:65px;line-height:65px;font-size:22px}
.hugi-global-menu {background:#1a4ca9;text-align:center}
.hugi-global-menu a {position:relative;display:inline-block;height:48px;line-height:48px;margin:0 5px;padding:0 28px;color:#fff;font-size:16px;font-weight:bold}
.hugi-global-menu a.best {background:#083075}
.hugi-global-menu a.home {padding-right:34px}
.hugi-global-menu a.home:after {position:absolute;right:0;top:50%;margin-top:-7px;content:'';display:block;width:1px;height:16px;background:#5075b4}

.hugi-visual {height:507px;position:relative;overflow:hidden}
.hugi-visual .bg {animation: gsvisual 3s linear .2s infinite;position:absolute;z-index:1;top:0;left:50%;margin-left:-960px}
.hugi-visual .title {position:absolute;z-index:5;top:50%;left:50%;margin:-180px 0 0 -364px}
.hugi-visual .hbtn {position:absolute;z-index:10;top:50%;left:50%;margin:150px 0 0 -100px;display:block;width:201px;border:1px solid #2e2e30;text-align:center;padding:15px 0;transition:all .3s ease}
.hugi-visual .hbtn img {vertical-align:bottom}
.hugi-visual .hbtn:hover {background:#fff;border-color:#fff}
@keyframes gsvisual {
  0%   {margin-top:0;}
  35%  {margin-top:-7px}
  65%  {margin-top:10}
  100% {margin-top:0;}
}
.hg-dan.d1 {position:relative;height:1080px;background:#1d5aac url(//www2.webtour.com/_UI/wt/2017/img/gstory/mainc0102.png) no-repeat center 408px}
.hg-dan.d1 .obj {position:absolute;left:50%;top:70px}
.hg-dan.d1 .obj.o1 {top:66px;margin-left:-205px}
.hg-dan.d1 .obj.o2 {top:66px;margin-left:-34px}
.hg-dan.d1 .obj.o3 {top:258px;margin-left:-399px}
.hg-dan.d1 .obj.o4 {top:258px;margin-left:76px}
.hg-dan.d1 .infobtn {display:block;width:120px;height:35px;position:absolute;top:795px;left:50%;margin-left:281px;font-size:0;color:transparent}

.hg-dan.d2 {position:relative;height:1364px;background:#e1f2ff;transition:all .3s ease}
.hg-dan.d2.over {background-color:#285373}
.hg-dan.d2 area {cursor:default}
.hg-dan.d2 .obj.o1 {top:90px;left:50%;position:absolute;margin-left:-535px}
.hg-dan.d2 .wbtn {position:absolute;left:50%;margin-left:-167px;letter-spacing:-0.05em;bottom:100px;width:330px;height:80px;border:2px solid #1d1d1d;display:block;font-size:32px;color:#1d1d1d;line-height:80px;text-align:center;transition:all .3s ease}
.hg-dan.d2 .wbtn:hover,
.hg-dan.d2.over .wbtn {background:#fff}
.hg-dan.d3 {position:relative;height:1138px;background:#c7f7ef;margin-bottom:75px}
.hg-dan.d3 .obj.o1 {top:82px;left:50%;position:absolute;margin-left:-366px}
.hg-dan.d3 .obj.o2 {top:238px;left:50%;position:absolute;margin-left:-433px}
.hg-dan.d3 .obj.o2 img {position:absolute;top:0;left:0;}
.hg-dan.d3 .fadeImg {opacity:0}
.hg-dan.d3 .obj.o3 {position:absolute;top:855px;left:50%;margin-left:-513px}
.hg-dan.d3 .obj.o3 li {font-size:19px;color:#454545;margin-bottom:5px;letter-spacing:-0.05em}
.hg-dan.d3 .wbtn {position:absolute;left:50%;margin-left:-167px;letter-spacing:-0.05em;bottom:100px;width:330px;height:80px;border:2px solid #1d1d1d;display:block;font-size:32px;color:#1d1d1d;line-height:80px;text-align:center;transition:all .3s ease}
.hg-dan.d3 .wbtn:hover {background:#fff}
.wt-box.bold.hugi-infomateion {position:relative;width:840px;margin:0 auto;font-size:16px;padding:45px 50px 45px 220px}
.wt-box.bold.hugi-infomateion .tit {font-size:20px;color:#202020;font-weight:bold;position:absolute;top:45px;left:50px}
.wt-box.bold.hugi-infomateion div strong {color:#202020}
.wt-box.bold.hugi-infomateion li {font-size:16px}
.wtlayer-gift-info .wtl-inner {background:#fff;width:900px;height:auto;padding-bottom:30px;margin:50px auto;}
.wtlayer-gift-info .wtl-inner h2.ph2 {text-align:center;font-size:36px}
.wtlayer-gift-info .lcontents {margin:0 30px;padding:20px 0 0 0}
.wtlayer-gift-info .lcontents .icon {margin-bottom:30px;text-align:center;font-size:23px;font-weight:bold;color:#333}
.wtlayer-gift-info .lcontents .icon img {display:block;margin:25px auto}
.wtlayer-gift-info .lcontents .icon strong {color:#f33e35}
.wtlayer-gift-info .lcontents ul li {font-size:16px;line-height:24px;color:#333}
.wtlayer-gift-info .lcontents ul li strong {border-bottom:1px solid #333}
.wtlayer-gift-info .lcontents ul[class|=wt-ul][class*=min] li:after {top:11px}
/* main end */

/* sub start */
.hugi-sub-visual {position:relative;height:380px;margin-bottom:27px}
.hugi-sub-visual .tit {letter-spacing:-0.05em;position:absolute;top:58px;left:50%;margin-left:-512px;color:#fff;white-space:nowrap;font-size:80px;line-height:80px;text-shadow:2px 2px 5px rgba(0,0,0,0.3)}
.hugi-sub-visual .d-category {position:absolute;bottom:20px;left:50%;width:1130px;padding:20px 20px;margin-left:-595px;background:rgba(255,255,255,0.8)}
.hugi-sub-visual .d-category a.name {display:block;font-size:18px;color:#333;padding:0 10px;margin-bottom:6px;font-weight:bold}
.hugi-sub-visual .d-category a.name:after {content:'';display:inline-block;margin-left:8px;vertical-align:middle;width:0;height:0;border:4px solid #333;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}
.hugi-sub-visual .d-category .ct-list a {color:#444;font-size:14px;display:inline-block;padding:3px 0px;margin:0 10px}
.hugi-sub-visual .d-category .ct-list a.on {font-weight:bold;color:#083075;border-bottom:1px solid #083075}
.hugi-sub-visual.best {height:265px}
.hugi-container {width:1190px;margin:0 auto}
.hugi-container .hugi-lnb {float:left;width:190px;border-top:2px solid #666;margin-bottom:50px}
.hugi-container .hugi-lnb .a {height:52px;line-height:52px;padding:0 18px;color:#888;font-size:14px;display:block;border-bottom:1px solid #dadada;background:#ebebeb}
.hugi-container .hugi-lnb .a.on  {background:#555;color:#fff}
.hugi-container .hugi-lnb .a:hover  {background:#666;color:#fff}
.hugi-container .hugi-lnb .a .sub {font-size:11px}
.hugi-container .hugi-contents {margin-left:210px;padding-top:13px}
.hugi-container .hugi-contents.best {padding-top:0}
.hugi-contents .h3 {position:relative;min-height:31px;font-size:20px !important;margin-bottom:20px !important}
.hugi-contents .h3 .r {position:absolute;top:50%;right:0;font-size:13px;margin-top:-16px;font-weight:normal}
.hugi-contents .h3 .r strong {font-size:17px;color:#f42e19;font-weight:bold}
.hugi-contents .h3 .r .wbtn {display:inline-block;font-size:14px;color:#333;vertical-align:5px;margin-left:10px;width:90px;height:31px;border:1px solid #dcdcdc;border-radius:3px;line-height:31px;text-align:center}
.hugi-contents .hugi-search {height:37px}
.hugi-contents .hugi-search .wt-sel {float:left;border:1px solid #ccc;margin-right:10px;height:35px;text-indent:5px;width:139px}
.hugi-contents .hugi-search .inp-wrap {position:relative;margin-left:301px;border:1px solid #ccc}
.hugi-contents .hugi-search .wt-inp {border:0;height:35px;text-indent:10px;width:100%}
.hugi-contents .hugi-search .wtbtn {position:absolute;right:0;top:0;bottom:0;padding:0 25px;line-height:35px;}
.hugi-contents .hugi-search .wtbtn:hover {border-radius:0}
.hugi-index-list {margin-bottom:30px;}
.best .hugi-index-list {border-top:2px solid #777}
.hugi-index-list .lst {position:relative;display:block;border-bottom:1px solid #c3c3c3;padding:15px 0;height:224px}
.hugi-index-list .lst .thumb {float:left;width:223px;height:224px}
.hugi-index-list .lst .thumb img {width:100%;height:100%}
.hugi-index-list .lst .inform {position:relative;margin-left:223px;padding:16px 0 16px 22px;height:192px}
.hugi-index-list [class|=hico][class*=wbest] {position:absolute;top:164px;left:120px;width:110px;height:90px;background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/icon_weeklyBest.png) no-repeat}
.hugi-index-list [class|=hico][class*=mbest] {position:absolute;top:164px;left:120px;width:110px;height:90px;background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/icon_monthlyBest.png) no-repeat}
.hugi-index-list .lst .inform .i-head {position:relative;border-bottom:1px solid #c3c3c3;padding:0 0 16px 0;margin-bottom:18px}
.hugi-index-list .lst .inform .i-head .tit {display:block;font-size:24px;font-weight:bold;color:#333;margin-bottom:6px}
.hugi-index-list .lst .inform .i-head dl {margin-right:196px;line-height:24px}
.hugi-index-list .lst .inform .i-head dl dt {display:inline-block;width:65px;vertical-align:top;}
.hugi-index-list .lst .inform .i-head dl dd {display:inline-block;width:445px;vertical-align:top;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hugi-index-list .lst .inform .i-head dl dd b {display:inline-block;vertical-align:middle;padding:3px 10px;line-height:1.3;border:1px solid #ddd;border-radius:100px;font-size:13px;color:#555}
.hugi-index-list .lst .inform .i-head .grade {position:absolute;text-align:right;right:0;top:0;color:#333;font-size:18px;font-weight:bold}
.hugi-index-list .lst .inform .i-head .grade .hugi-score {display:block}
.best .hugi-index-list .lst .inform .i-head .grade {position:static;display:block;text-align:left}
.best .hugi-index-list .lst .inform .i-head .grade .hugi-score {display:inline-block}
.hugi-index-list .lst .inform .description {font-size:14px;color:#333;line-height:22px;max-height:64px;padding-right:10px;overflow:hidden}
.hugi-index-list .lst .inform .userinfo {position:absolute;bottom:16px;left:22px;color:#888;font-size:13px}
.hugi-paging {text-align:center;margin-bottom:60px}
.hugi-paging .a {display:inline-block;vertical-align:middle;width:30px;height:30px;margin:0 2px;border:1px solid #ccc;border-radius:36px;line-height:30px;text-align:center;font-size:15px;color:#333}
.hugi-paging .a.on {background:#505154;color:#fff;border-color:#505154}
.hugi-paging .btn {vertical-align:middle;font-size:0;color:transparent;width:30px;height:30px;display:inline-block;position:relative}
.hugi-paging .btn:after {width:13px;height:21px;position:absolute;top:50%;left:50%;margin:-10.5px 0 0 -6.5px;content:'';display:block;background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/ico_hugi.png) no-repeat}
.hugi-paging .btn.prev {margin-right:10px}
.hugi-paging .btn.next {margin-left:10px}
.hugi-paging .btn.prev:after {background-position:-400px -100px}
.hugi-paging .btn.next:after {background-position:-450px -100px}

.detail-share {height:45px;position:relative;}
.detail-share .share {display:block;font-size:0;color:transparent;position:absolute;right:0;top:0;width:35px;height:35px;background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/ico_hugi.png) no-repeat -450px 0}
.detail-share .detail-share-layer {display:none;position:absolute;top:0;right:0;z-index:10;padding:10px 40px 0 0}
.detail-share .detail-share-layer .btn {display:inline-block;width:70px;height:70px;font-size:0;color:transparent;}
.detail-share .detail-share-layer .btn.fb {background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/ico_facebook.png) no-repeat}
.detail-share .detail-share-layer .btn.tw {background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/ico_twitter.png) no-repeat}
.detail-share .detail-share-layer .btn.ks {background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/ico_kakaostory.png) no-repeat}
.detail-share .detail-share-layer .btn:hover {background-position-y:-70px}
.detail-share .detail-share-layer .close {font-size:0;color:transparent;display:block;width:33px;height:33px;position:absolute;right:1px;top:1px;background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/btn_bCls.png) no-repeat}
.detail-share .detail-share-layer+.bg {display:none;background:rgba(0,0,0,0.4);position:fixed;top:0;left:0;right:0;bottom:0;z-index:5}
.detail-share .detail-share-layer.on {display:block}
.detail-share .detail-share-layer.on+.bg {display:block}
.hugi-detail-head {height:140px;position:relative;border:1px solid #ccc;margin-bottom:15px}
.hugi-detail-head .thumb {height:140px;width:190px;float:left}
.hugi-detail-head .inform {position:relative;margin-left:190px;padding:0 16px;height:140px}
.hugi-detail-head .inform dl {padding:24px 0;line-height:24px}
.hugi-detail-head .inform dl dt {display:inline-block;width:65px}
.hugi-detail-head .inform dl dd {display:inline-block;width:684px}
.hugi-detail-head .inform dl dd b {display:inline-block;vertical-align:middle;padding:3px 10px;line-height:1.3;border:1px solid #ddd;border-radius:100px;font-size:13px;color:#555}
.hugi-detail-head .inform .wtbtn-arr {position:absolute;right:16px;top:10px;padding:5px 10px 6px 10px;border-radius:3px;font-size:13px}
.hugi-detail-head .inform .userinfo {position:absolute;right:20px;bottom:20px}
.hugi-detail-head .inform .userinfo .hico-date {width:22px;height:23px;background-position:-350px -150px;margin-right:4px;margin-left:10px}
.hugi-detail-head .inform .userinfo .hico-user {width:22px;height:23px;background-position:-300px -150px;margin-right:4px;margin-left:10px}
.hugi-detail-grade {font-size:18px;font-weight:bold;color:#333;border-bottom:2px solid #777;padding-bottom:10px}
.hugi-detail-grade .num {font-size:16px}
.hugi-detail-grade .hugi-score {margin-left:10px}
.hugi-detail-description {padding:20px 0;line-height:26px;border-bottom:1px solid #747474}
.hugi-detail-imgs {margin-top:10px;height:94px;width:100%;padding-bottom:10px;overflow:hidden}
.hugi-detail-imgs span {display:block;float:left;height:94px;overflow:hidden}
.hugi-detail-imgs a {width:94px;height:92px;float:left;margin-right:7px;border:1px solid #eaeaea}
.hugi-detail-imgs a img {width:100%;height:100%}
.hugi-container .h-answer {position:relative;padding:22px 36px 22px 36px;}
.hugi-container .h-answer .h {color:#888;font-size:14px;margin-bottom:4px}
.hugi-container .h-answer .h strong {color:#333;font-size:15px;margin-right:5px}
.hugi-container .h-answer:after {position:absolute;left:3px;top:17px;content:'';display:block;width:23px;height:26px;background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/ico_hugi.png) no-repeat -300px 0}
.write-intro-tit {margin-bottom:30px;border-radius:48px 0 48px 0;color:#333;line-height:135px;text-align:center;font-size:24px;height:135px;background:#eaf4fd url(//www2.webtour.com/_UI/wt/2017/img/gstory/write_tit_bg.png) no-repeat;}
.hugi-label-selector {border:1px solid #dbe1e6;padding:10px 18px}
.hugi-label-selector label.li {display:block;padding:5px 0;cursor:pointer;font-size:15px;color:#666}
.hugi-label-selector label.li  span strong {color:#333}
.hugi-label-selector label.li  span strong.type {color:#12b059;display:inline-block;vertical-align:1px;margin-right:20px}
.hugi-label-selector label.li input {display:none}
.hugi-label-selector label.li input+b {width:22px;height:22px;border-radius:100px;border:1px solid #d4d4d4;display:inline-block;vertical-align:-6px;position:relative;margin-right:6px}
.hugi-label-selector label.li input:checked+b:after {content:'';display:block;width:12px;height:12px;border-radius:12px;position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;background:#58d20a}
.wt-btns-write {text-align:left;position:relative}
.wt-btns-write .r {position:absolute;right:0;top:0}
.wt-btns-write [class|=wtbtn] {font-size:15px;width:105px;height:41px;line-height:41px;padding:0;text-align:center}
.wt-btns-write [class|=wtbtn][class*=white] {background:#f9f9f9;color:#333;border-color:#d8d8d8;width:103px;height:39px;line-height:39px}
.wt-btns-write [class|=wtbtn][class*=dgray] {background:#48586e;margin-left:5px}

/* sub end */

[class|=hico] {vertical-align:middle;display:inline-block;background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/ico_hugi.png) no-repeat}
.hico-high {width:72px;height:72px;background-position:-500px 0px;transition:all .3s ease}
.hico-mid {width:72px;height:72px;background-position:-500px -100px;transition:all .3s ease}
.hico-low {width:72px;height:72px;background-position:-500px -200px;transition:all .3s ease}
.hico-highm {width:30px;height:30px;background-position:0px -200px}
.hico-midm {width:30px;height:30px;background-position:-50px -200px}
.hico-lowm {width:30px;height:30px;background-position:-100px -200px}
.hugi-score {display:inline-block;vertical-align:1px;margin-right:5px}
.hugi-score i,
.hugi-score b {margin:0 1px;width:16px;height:22px;vertical-align:middle;display:inline-block;background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/ico_hugi.png) no-repeat -400px -50px}
.hugi-score b {background-position:-400px 0}
.hugi-score.large {vertical-align:-3px}
.hugi-score.large i,
.hugi-score.large b {width:34px;height:35px;background-position:-350px -50px;margin:0 4px}
.hugi-score.large b {background-position:-350px 0px}
.hugi-list-wrap {max-width:1190px;margin:0 auto;padding-bottom:60px}
.hugi-list-wrap .hugi-banner {margin-bottom:30px}
.hugi-list-wrap .hugi-banner a {position:relative;background:#e7f6f3;display:block;overflow:hidden;padding:35px 230px 25px 35px}
.hugi-list-wrap .hugi-banner span {display:block;letter-spacing:-0.05em}
.hugi-list-wrap .hugi-banner .sub-t {font-size:19px;color:#009377;margin-bottom:5px}
.hugi-list-wrap .hugi-banner .main-t {font-size:26px;color:#333;font-weight:bold;margin-bottom:10px}
.hugi-list-wrap .hugi-banner .info-t {font-size:16px;color:#7d7d7d;}
.hugi-list-wrap .hugi-banner .hico {position:absolute;top:50%;right:35px;margin-top:-50px;width:180px;height:100px;}
.hugi-list-wrap .hugi-board {border:5px solid #c9ddd2;margin-bottom:15px;padding:24px 44px}
.hugi-list-wrap .hugi-board .grade {position:relative;display:inline-block;vertical-align:middle;margin-right:42px;padding-right:51px}
.hugi-list-wrap .hugi-board .grade:after {position:absolute;right:0;top:50%;margin-top:-21px;content:'';display:block;width:1px;height:42px;background:#c9ddd2}
.hugi-list-wrap .hugi-board .grade [class|=hico] {margin-right:10px}
.hugi-list-wrap .hugi-board .grade {white-space:nowrap;font-size:25px;font-weight:bold;color:#333}
.hugi-list-wrap .hugi-board .hugi-score+span {vertical-align:middle;font-size:24px;color:#333;font-weight:bold}
.hugi-list-wrap .hugi-board .hugi-score+span b {font-size:40px}
.hugi-list-wrap .hugi-board.nodata {position:relative;text-align:center}
.hugi-list-wrap .hugi-board.nodata:after {content:'Èı⸦ ÀÛ¼ºÇØÁÖ¼¼¿ä.';display:inline;font-size:24px;color:#333;font-weight:bold}
.hugi-list-wrap .hugi-board.nodata:before {content:'';display:inline-block;vertical-align:middle;margin-right:10px;width:74px;height:56px;background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/ico_hugi.png) no-repeat -250px -200px}
.hugi-list-wrap .hugi-board.nodata * {display:none}
.hugi-list-wrap .hugi-head {position:relative;padding:20px 0;font-size:18px;color:#333}
.hugi-list-wrap .hugi-head strong b {color:#12b059}
.hugi-list-wrap .hugi-head .r {position:absolute;right:0;top:50%;margin-top:-19px}
.hugi-list-wrap .hugi-head [class|=wtbtn] {margin-left:4px;font-size:15px;background:#12b059;height:35px;line-height:35px;padding:0 22px;border:1px solid #12b059;border-radius:4px}
.hugi-list-wrap .hugi-head [class|=wtbtn][class*=white] {display:none;color:#12b059 !important;background:none;border-color:#9dcebe}
.hugi-list-wrap .hg-list {border-top:1px solid #dcdcdc;margin-bottom:30px}
.hugi-list-wrap .hg-list .li {position:relative;padding:20px 0 20px 98px;min-height:70px;border-bottom:1px solid #dcdcdc;font-size:15px;color:#333;line-height:26px}
.hugi-list-wrap .hg-list .li [class|=hico] {position:absolute;top:20px;left:2px}
.hugi-list-wrap .hg-list .li .h-title {position:relative;font-size:18px;color:#333;font-weight:bold}
.hugi-list-wrap .hg-list .li .h-title .r {position:absolute;bottom:0;right:0;color:#888;font-size:14px;font-weight:normal}
.hugi-list-wrap .hg-list .li .h-title .r [class|=wtbtn] {vertical-align:-8px;padding:6px 10px;border-color:#d8d8d8;margin-left:4px;color:#666;border-radius:3px;line-height:1.1}
.hugi-list-wrap .hg-list .li .h-description {padding:8px 0 10px 0}
.hugi-list-wrap .hg-list .li .h-description p,
.hugi-list-wrap .hg-list .li .h-description div {text-align:left}
.hugi-list-wrap .hg-list .li .h-imgs {width:100%;overflow:hidden}
.hugi-list-wrap .hg-list .li .h-imgs span {display:block;float:left;overflow:hidden}
.hugi-list-wrap .hg-list .li .h-imgs a {float:left;margin-right:7px;border:1px solid #eaeaea}
.hugi-list-wrap .hg-list .li .h-imgs a img {width:94px;height:92px;}
.hugi-list-wrap .hg-list .li .h-answer {position:relative;padding:22px 36px 8px 36px;border-top:1px dashed #d3d3d3}
.hugi-list-wrap .hg-list .li .h-answer .h {color:#888;font-size:14px;margin-bottom:4px}
.hugi-list-wrap .hg-list .li .h-answer .h strong {color:#333;font-size:15px;margin-right:5px}
.hugi-list-wrap .hg-list .li .h-answer:after {position:absolute;left:3px;top:17px;content:'';display:block;width:23px;height:26px;background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/ico_hugi.png) no-repeat -300px 0}
.hugi-list-wrap .hg-list.nodata {text-align:center;padding:45px 0;border-bottom:1px solid #dcdcdc}
.hugi-list-wrap .hg-list.nodata * {display:none}
.hugi-list-wrap .hg-list.nodata:after {content:'ÈıⰡ¾ø½À´Ï´Ù.';display:inline;color:#888;font-size:16px}
.hugi-list-wrap .hg-list.nodata+.h-btns {display:none}
.hugi-list-wrap .h-btns {text-align:center;}
.hugi-list-wrap .h-btns .wtbtn-white {width:218px;height:55px;border:1px solid #9dcebe;border-radius:4px;padding:0;line-height:55px;text-align:center;font-size:20px;font-weight:bold;color:#12b059 !important}
.hugi-list-wrap .h-btns .wtbtn-white b {position:relative;width:10px;height:2px;display:inline-block;vertical-align:middle;margin-left:8px;background:#12b059}
.hugi-list-wrap .h-btns .wtbtn-white b:after {position:absolute;top:50%;left:50%;margin:-5px 0 0 -1px;content:'';display:block;background:#12b059;height:10px;width:2px}

.wtlayer-hugi-imgs .wtl-inner {background:#fff;width:646px;height:auto;padding-bottom:30px;margin:50px auto;}
.wtlayer-hugi-imgs .ph2 {margin-bottom:30px;}
.wtlayer-hugi-imgs .slider-s {position:relative;margin:0 30px;padding:0 60px}
.wtlayer-hugi-imgs .slider-s li {width:467px;height:312px}
.wtlayer-hugi-imgs .slider-s li img {width:100%}
.wtlayer-hugi-imgs .slider-s .slider-info {text-align:center;display:block;padding-top:18px;color:#888;font-size:18px}
.wtlayer-hugi-imgs .slider-s .slider-info b {color:#333;font-weight:bold}
.wtlayer-hugi-imgs .slider-s .bx-prev,
.wtlayer-hugi-imgs .slider-s .bx-next {position:absolute;top:0px;font-size:0;color:transparent;display:block;width:29px;height:100%;}
.wtlayer-hugi-imgs .slider-s .bx-prev:after,
.wtlayer-hugi-imgs .slider-s .bx-next:after {content:'';position:absolute;top:120px;color:transparent;display:block;width:29px;height:55px;background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/ico_hugi.png) no-repeat}
.wtlayer-hugi-imgs .slider-s .bx-prev {left:12px;}
.wtlayer-hugi-imgs .slider-s .bx-next {right:12px;}
.wtlayer-hugi-imgs .slider-s .bx-prev:after {background-position:-150px -200px}
.wtlayer-hugi-imgs .slider-s .bx-next:after {background-position:-200px -200px}

.hugi-write-wrap {max-width:1190px;margin:0 auto;padding-bottom:50px}
.hugi-write-wrap .h3 {margin-bottom:10px;font-size:18px;color:#222;font-weight:bold;}
.hugi-write-wrap .grade-range {position:relative;border:1px solid #606060;height:108px;padding:0 38px}
.hugi-write-wrap .grade-range b {cursor:pointer;width:34px;height:47px;margin:0 7px;vertical-align:middle;display:inline-block;background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/ico_hugi.png) no-repeat -350px 0px;transition:all .2s ease}
.hugi-write-wrap .grade-range b.on {background-position:-350px -50px}
.hugi-write-wrap .grade-range .range {padding-top:33px}
.hugi-write-wrap .grade-range strong.r {position:absolute;top:50%;right:38px;color:#333;font-size:22px;font-weight:bold;margin-top:-36px;height:72px;line-height:72px;display:block}
.hugi-write-wrap .grade-range strong.r [class|=hico] {margin-right:12px}
.hugi-write-wrap .grade-range {margin-bottom:20px}
.hugi-write-description {border:1px solid #e8ebed;height:190px;}
.hugi-write-description textarea {float:left;background:#f5f6f7;color:#888;font-size:15px;padding:15px 1.5%;height:162px;width:97%;border:0}
.hugi-write-description:after {content:'';display:block;clear:both}
.hugi-write-wrap .desc-info {padding:14px 0;position:relative;color:#ff5e5e;font-size:13px;border-bottom:1px solid #dcdcdc}
.hugi-write-wrap .desc-info .r {position:absolute;right:0;top:14px;color:#666;font-size:14px}
.hugi-write-imgs {padding:20px 0 0 0;border-bottom:1px solid #9c9c9c}
.hugi-write-imgs label.wtbtn {display:block;margin-bottom:20px;cursor:pointer;background:#759bc0;font-size:14px;width:147px;height:37px;line-height:37px;padding:0;text-align:center;border-radius:3px}
.hugi-write-imgs label.wtbtn .hico {width:25px;height:23px;background-position:-300px -100px;margin-right:4px;vertical-align:-6px}
.hugi-write-imgs label.wtbtn input {display:none}
.hugi-write-imgs .thumb {display:none}
.hugi-write-imgs .thumb.on {display:block;margin-bottom:20px}
.hugi-write-imgs .thumb span.img {position:relative;display:inline-block;vertical-align:bottom;margin-right:7px;margin-bottom:7px;width:92px;height:92px;border:1px solid #eaeaea}
.hugi-write-imgs .thumb span.img img {width:100%;height:100%}
.hugi-write-imgs .thumb span.img .delete {position:absolute;top:0;right:0;display:block;width:24px;height:24px;background:rgba(0,0,0,0.6);color:transparent;font-size:0}
.hugi-write-imgs .thumb span.img .delete:after {content:'';display:block;width:13px;height:13px;position:absolute;top:50%;left:50%;margin:-6.5px 0 0 -6.5px;background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/ico_hugi.png) no-repeat -350px -100px}
.hugi-write-agree {padding:20px 80px 20px 0;font-size:15px;color:#333;position:relative}
.hugi-write-agree .r {position:absolute;right:0;top:20px;font-weight:bold;cursor:pointer}
.hugi-write-agree .r input {display:none}
.hugi-write-agree .r input+b {display:inline-block;width:17px;height:17px;border:1px solid #a7a7a7;vertical-align:-5px;margin-right:4px}
.hugi-write-agree .r input:checked+b {background:url(//www2.webtour.com/_UI/wt/2017/img/comm/ico.png) no-repeat -496px -246px}
.hugi-write-btns {text-align:center;margin-bottom:70px}
.hugi-write-btns a.wtbtn {background:#58d20b;color:#fff;font-size:24px;font-weight:bold;width:192px;height:59px;line-height:59px;text-align:center;padding:0}
.hugi-write-textinfo {background:#f5f6f7;padding:30px 26px 10px 26px;border:1px solid #e8ebed}
.hugi-write-textinfo h4.h4 {font-weight:bold !important;margin-bottom:6px}
.hugi-write-textinfo ul[class|=wt-ul][class*=min] {margin-bottom:20px}
.hugi-write-textinfo ul[class|=wt-ul][class*=min] li {font-size:14px;line-height:18px}
.hugi-write-textinfo li .green {color:#12b059}

.wtlayer-hugi-wlayer .wtl-inner {background:#fff;width:780px;height:auto;padding-bottom:30px;margin:50px auto;}
.wtlayer-hugi-wlayer .lcontents {margin:0 30px;height:600px;overflow-y:auto;padding:20px 0 0 0}
.hugi-write-top-infom {padding:9px;border:1px solid #dbe1e6;margin-bottom:20px}
.hugi-write-top-infom img {float:left;width:88px;height:88px;border:1px solid #dbe1e6}
.hugi-write-top-infom div.p {margin-left:115px;padding-top:19px;line-height:25px;font-size:15px;color:#333}
.hugi-write-top-infom:after {content:'';display:block;clear:both}

.gs-wrap .visual {position:relative;height:691px;background:url(//www2.webtour.com/_UI/wt/2017/img/gstory/main1.jpg) no-repeat center top;}
.gs-wrap .ct {text-align:center;margin-bottom:80px}
.gs-main-info {background:#efefef;padding:70px 0;font-size: 22px;line-height: 1.6}
.gs-main-info [class|=wt-ul][class*=min] li {font-size: 22px;line-height: 1.6}
.gs-main-info [class|=wt-ul][class*=min] li:after {top:18px}
.gs-main-info .tit {color: #373737;font-size:30px;font-weight: bold;margin-bottom:10px}
.gs-main-info .ny {margin-bottom:30px}

.gs-wrap .ct {position:relative;}
.visual .msg {position:absolute;top:502px;left:50%;margin-left:-517px;color:#fff;font-size:34px;white-space:nowrap;}
.visual .msg strong {color:#fffc0f;font-weight:normal;}
.gs-tit {font-size:40px;color:#222;text-align:center;padding:30px 0;}
.gs-tit span {letter-spacing:-0.1em;}
.gs-tit strong {display:block;font-size:70px;letter-spacing:-0.12em;}
.gs-tit.t2 {color:#3a3c3b;position: absolute;top:500px;left:50%;width:1000px;margin-left:-500px}
.gs-tit.t2 strong {color:#009caa}

.gs-c-tab {text-align:center;min-width:1000px;padding:20px 0 10px 0}
.gs-c-tab a {font-weight:bold;box-shadow:0px 0px 18px #e8e8e8;margin:0 20px;display:inline-block;width:560px;height:140px;line-height:140px;text-align:center;font-size:45px;background:#fff;border-radius:20px;color:#222873}
.gs-c-tab a.on {background:#00d88a;color:#fff}
.gs-c-cont {display:none}
.gs-c-cont.on {display:block}