@charset "utf-8";
/* CSS Document */

/*== component ==*/
/*input*/
input {box-sizing:border-box; padding:0 2px; width:100%; max-width:380px; -webkit-border-radius:1px; -webkit-appearance:none; background:none;}
input.full{max-width:100%;}
input.inpt {height:28px; padding:0 2px 0 10px; color:#555; border:1px solid #bbb; font-size:14px; line-height:28px;}
input.inpt:focus {border-color:#005daa; color:#005daa; font-weight:700}
input.inpt[readonly],
input.inpt[disabled] {border-color:#bbb; background-color:#f0f2f5; color:#555}
input.inpt.error,
input.inpt.error {border-color:#999; background-color:#ffe7e7; color:#555}
input.inpt + input.inpt {margin-left:10px;}
::-webkit-input-placeholder {color:#999 !important; opacity:1;} /* WebKit, Blink, Edge */
:-moz-placeholder {color:#999 !important; opacity:1;}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#999 !important; opacity:1;} /* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#999 !important; opacity:1;} /* Internet Explorer 10-11 */
input[type='date']::-webkit-inner-spin-button, input[type='date']::-webkit-calendar-picker-indicator {-webkit-appearance: none;}

/* radio */
input[type=radio],
input[type=checkbox]{width:auto;}
.rdo {position:relative; display:inline-block;line-height:1.5;vertical-align:middle;}
.rdo + .rdo {margin-left:30px}
.rdo label {margin-left:10px; color:#555}
.rdo label:after {position:absolute; top:1px; left:0; display:block; width:16px; height:16px; content:""; background:#fff url(/images/common/bg_form.png) no-repeat 0 0; background-size:32px auto;}
.rdo input[type=radio] {position:relative; left:0px; top:0px; opacity:0; width:16px; height:16px; display:inline-block;}
.rdo input[type=radio]:checked + label:after {background-position:0px -16px;}
.rdo input[type=radio]:focus + label:before {content:''; position:absolute; top:-1px; left:-1px; display:block; width:16px; height:18px; border:1px dotted #555;}
.rdo input[type=radio]:disabled + label:after{background-position:-16px 0px;}
.rdo input[type=radio]:disabled:checked + label:after{background-position:-16px -16px;}

/* checkbox */
.chk {position:relative; display:inline-block; vertical-align:middle; line-height:1.5;}
/*.chk + .chk {margin-left:15px}*/
.chk label {margin-left:27px; color:#555;display:inline-block;min-height:16px;}
.chk label:after {position:absolute; top:0; left:0; display:block; width:18px; height:18px; content:""; background:#fff url(/images/common/bg_form-checkbox.png) no-repeat; background-size:36px auto;}
.chk input[type=checkbox] {position:absolute;top:0;left:0;opacity:0.5; width:16px; height:16px; display:inline-block;}
.chk input[type=checkbox]:checked + label:after {background-position:0px bottom; color:#1d7cf6; font-weight:700}
.chk input[type=checkbox]:focus + label:before {content:''; position:absolute; top:-1px; left:-1px; display:block; width:18px; height:18px; border:1px dotted #555; }
.chk input[type=checkbox]:disabled + label:after {background-position:-16px 0; color:#777}
.chk input[type=checkbox]:disabled:checked + label:after {background-position:-16px -16px; color:#777}
.chk-input {display:inline-block; width:300px;}
.chk-input input[type=text] {width:200px; margin-left:10px; box-sizing:border-box;}

/* select */
.sel {box-sizing:border-box; display:inline-block; width:100%; height:28px; padding:0; border:1px solid #bbb; background:#fff; max-width:380px; position:relative;}
.sel select {box-sizing:border-box; width:100%; height:100%; padding-left:5px; border:0; color:#555; }
.sel.full {max-width:100%;}

.sel select[disabled] {background-color:#f0f2f5}
.sel-disabled {background-color:#f0f2f5}
.sel.error,
.sel.error select {background-color:#ffe7e7}

/* textarea */
textarea{box-sizing:border-box;border:1px solid #bbb;padding:12px 15px;width:100%;height:200px;font-size:14px;line-height:20px;-webkit-appearance:none;resize:none;}
.text-count{margin-top:10px;text-align:right;color:#777;font-size:14px;}
.text-count strong{color:#222;}
textarea.h150 {height:150px;}

/* device display */
.only-pc {display:block !important} /* pc 에서만 보임 */
.only-pc-view {display:block !important;}
.cont-mobile {display:none !important} /* mobile 에서만 보임 */
.only-mobile {display:none !important} /* mobile 에서만 보임 */
.only-mobile-view {display:none !important} /* mobile과 tablet 에서만 보임 */



/* paging */
.paging-navi {margin:24px 0 0; text-align:center}
.paging-navi a {box-sizing:border-box; display:inline-block; width:32px; height:32px; border:1px solid #bbb; border-radius:1px; font-weight:300; color:#555; line-height:33px; text-align:center; vertical-align:top}
.paging-navi a.active, .paging-navi a:hover, .paging-navi a:active, .paging-navi a:focus {border-color:#005daa; background-color:#005daa; color:#fff}
.para .paging-navi a.active,.para .paging-navi a:hover,.para .paging-navi a:active, .para .paging-navi a:focus{border-color:#c3390f; background-color:#c3390f; color:#fff;}

.paging-navi a span {position:absolute; width:1px; font-size:0; line-height:0; text-align:left; text-indent:-999em; left:-9999px}
.paging-navi a i {display:inline-block; line-height:30px;}
.paging-navi .btn-paging-prev + a {margin-left:4px}

.paging-navi.only-mobile {margin-top:24px; text-align:center;}
.paging-navi.only-mobile > strong,
.paging-navi.only-mobile > span {display:inline-block; font-size:14px; line-height:32px}
.paging-navi.only-mobile > *:first-child:not(a) {margin-left:84px;}
.paging-navi.only-mobile > *:last-child:not(a) {margin-right:75px;}
.paging-navi.only-mobile > strong.active {color:#83003f; font-weight:700}
.paging-navi.only-mobile .btn-paging-next {margin-left:18px;}
.paging-navi.only-mobile .btn-paging-prev {margin-right:18px;}

.paging-navi.type2 {margin:0; padding:24px 0 0; text-align:center}
 /*border-top:1px solid #eee;*/
.paging-navi.type2 a {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block; width:32px; height:32px; border:1px solid #fff; font-weight:300; color:#555; line-height:33px; text-align:center; vertical-align:top}
.paging-navi.type2 a.active {background:#fff; border:1px solid #0090d4; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; border-color:#0090d4; color:#0090d4}
.paging-navi.type2 a:hover, .paging-navi.type2 a:active, .paging-navi.type2 a:focus {background:#0090d4; color:#fff; border-color:#0090d4;}
.paging-navi.type2 a span {position:absolute; width:1px; font-size:0; line-height:0; text-align:left; text-indent:-999em; left:-9999px}
.paging-navi.type2 a i {display:inline-block; font-size:10px; vertical-align:middle;}
.paging-navi.type2 .btn-paging-prev + a {margin-left:4px}

.wrap.para .paging-navi.type2 {margin:0; padding:24px 0 0; text-align:center}
.wrap.para .paging-navi.type2 a {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block; width:32px; height:32px; border:1px solid #fff; font-weight:300; color:#555; line-height:33px; text-align:center; vertical-align:top}
.wrap.para .paging-navi.type2 a.active {background:#fff; border:1px solid #c3390f; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; border-color:#c3390f; color:#c3390f}
.wrap.para .paging-navi.type2 a:hover, .wrap.para .paging-navi.type2 a:active, .wrap.para .paging-navi.type2 a:focus {background:#c3390f; color:#fff; border-color:#c3390f;}
.wrap.para .paging-navi.type2 a span {position:absolute; width:1px; font-size:0; line-height:0; text-align:left; text-indent:-999em; left:-9999px}
.wrap.para .paging-navi.type2 a i {display:inline-block; font-size:10px; vertical-align:middle;}
.wrap.para .paging-navi.type2 .btn-paging-prev + a {margin-left:4px}



/*== layout ==*/
.wrap {width:100%; min-height:100%; /*min-width:1024px;*/ margin:0 auto; /*position:absolute;*/ /*padding-bottom:300px;*/ box-sizing:border-box;}

svg{fill:#fff;}
/*svg, svg * {pointer-events: none;}*/

.wrap .hue-normal {color:#0090d4 !important; background-color:#fff !important;} /* 하늘 */
.para .hue-normal {color:#f08c39 !important; background-color:#fff !important;} /* 주황 */
.wrap .hue-venue01 {color:#f08c39 !important; background-color:#fff !important;} /* 주황 */
.wrap .hue-venue02 {color:#28a0b0 !important; background-color:#fff !important;} /* 청록 */
.wrap .hue-venue03 {color:#e5586e !important; background-color:#fff !important;} /* 분홍 */
.wrap .hue-venue04 {color:#9965ab !important; background-color:#fff !important;} /* 보라 */
.wrap .hue-venue05 {color:#0090d4 !important; background-color:#fff !important;} /* 파랑 */

.wrap .hue-normal svg {fill:#0090d4 !important;}
.para .hue-normal svg {fill:#f08c39 !important;}
.wrap .hue-venue01 svg {fill:#f08c39 !important;}
.wrap .hue-venue02 svg {fill:#28a0b0 !important;}
.wrap .hue-venue03 svg {fill:#e5586e !important;}
.wrap .hue-venue04 svg {fill:#9965ab !important;}
.wrap .hue-venue05 svg {fill:#0090d4 !important;}
.wrap .hue-venue06 svg {fill:#005794 !important;}

.wrap .bg-normal {background-color:#0090d4 !important; color: #fff !important;}
.para .bg-normal {background-color:#f08c39 !important; color: #fff !important;}
.wrap .bg-venue01 {background-color:#f08c39 !important; color: #fff !important;}
.wrap .bg-venue02 {background-color:#28a0b0 !important; color: #fff !important;}
.wrap .bg-venue03 {background-color:#e5586e !important; color: #fff !important;}
.wrap .bg-venue04 {background-color:#9965ab !important; color: #fff !important;}
.wrap .bg-venue05 {background-color:#0090d4 !important; color: #fff !important;}
.wrap .bg-venue01 svg, .wrap .bg-venue02 svg, .wrap .bg-venue03 svg, .wrap .bg-venue04 svg, .wrap .bg-venue05 svg {fill:#fff !important;}

.wrap .tag-color01 {background-color:#9965ab !important; color: #fff !important; border: 0 !important;}
.wrap .tag-color02 {background-color:#e5586e !important; color: #fff !important; border: 0 !important;}
.wrap .tag-color03 {background-color:#f08c39 !important; color: #fff !important; border: 0 !important;}
.wrap .tag-color04 {background-color:#28a0b0 !important; color: #fff !important; border: 0 !important;}
.wrap .tag-color05 {background-color:#0090d4 !important; color: #fff !important; border: 0 !important;}

.wrap .hue-venue01 {color:#b43d27 !important;} /* 주황 */
.wrap .hue-venue02 {color:#16687e !important;} /* 청록 */
.wrap .hue-venue03 {color:#d0004e !important;} /* 분홍 */
.wrap .hue-venue04 {color:#671f75 !important;} /* 보라 */
.wrap .hue-venue05 {color:#004a87 !important;} /* 파랑 */
.wrap .hue-venue01 svg {fill:#b43d27 !important;}
.wrap .hue-venue02 svg {fill:#16687e !important;}
.wrap .hue-venue03 svg {fill:#d0004e !important;}
.wrap .hue-venue04 svg {fill:#671f75 !important;}
.wrap .hue-venue05 svg {fill:#004a87 !important;}
.wrap .hue-venue06 svg {fill:#005794 !important;}
.wrap .bg-venue01 {background-color:#b43d27 !important;}
.wrap .bg-venue02 {background-color:#16687e !important;}
.wrap .bg-venue03 {background-color:#d0004e !important;}
.wrap .bg-venue04 {background-color:#671f75 !important;}
.wrap .bg-venue05 {background-color:#004a87 !important;}
.wrap .tag-color01 {background-color:#671f75 !important;}
.wrap .tag-color02 {background-color:#d0004e !important;}
.wrap .tag-color03 {background-color:#b43d27 !important;}
.wrap .tag-color04 {background-color:#16687e !important;}
.wrap .tag-color05 {background-color:#004a87 !important;}

/** header **/
.header .gnb-mobile{display:none;}
.header {width:100%; background:#005794 url(/images/common/bg/bg-header.png) center top no-repeat;}
.header .inner {position:relative; max-width:1200px; height:auto; margin:0 auto;vertical-align: top;}
.header .inner .gnb {display:table; width:100%;}
.header .inner .gnb > .logo {display:table-cell; text-align:center; vertical-align:middle; width:160px; height:120px; background:#fff;-webkit-transition: width 130ms; transition: width 130ms;}
.header .inner .gnb .menu-area {display:table-cell; vertical-align:top;}
.header .inner .gnb .menu-area .utils {display:inline-block; width:100%; height:50px; vertical-align:top; text-align:right; background:#005794;}
.header .inner .gnb .menu-area .utils > span{float: left;line-height: 50px;color: #fff;margin-left: 12px;font-size:13px;}
.header .inner .gnb .menu-area .utils > span.link {position:relative; padding-left:12px;}
.header .inner .gnb .menu-area .utils > span.link:before {content:""; display:block; width:1px; height:10px; background:#0076bf; position:absolute; top:50%; left:0; margin-top:-6px;}
.header .inner .gnb .menu-area .utils > span.link a {color:#fff;}
.header .inner .gnb .menu-area .utils > span.link a:hover,
.header .inner .gnb .menu-area .utils > span.link a:focus {text-decoration:underline;}
.header .inner .gnb .menu-area .utils > ul.others {display:inline-block; float:left;}
.header .inner .gnb .menu-area .utils > ul.util {display:inline-block; text-align:left;}
.header .inner .gnb .menu-area .utils > ul.util > li {position:relative; float:left;font-size:0; /*margin-top:12px;margin-bottom:12px;*/}
.header .inner .gnb .menu-area .utils > ul.util > li + li:not(.lang):nth-child(-n+3):before {content:""; display:block; width:1px; height:10px; background:#0076bf; position:absolute; top:50%; left:0; margin-top:-6px;}
.header .inner .gnb .menu-area .utils > ul.util > li:first-child:before{display:none;}
.header .inner .gnb .menu-area .utils > ul:first-child > li:first-child:before {display:none;}
.header .inner .gnb .menu-area .utils > ul.access {display:inline-block; text-align:left; vertical-align:top; position:relative; padding-right:5px;}
.header .inner .gnb .menu-area .utils > ul.access > li > a {padding:10px 8px;}
.header .inner .gnb .menu-area .utils > ul.access > li {position:relative; float:left; margin-top:14px;}
/*.header .inner .gnb .menu-area .utils > ul > li.ticket a:before {content:""; display:inline-block; width:26px; height:18px; background:url(/images/common/ico/ico-tickets.png) no-repeat left center; position: absolute;left:12px;top:50%;margin-top: -9px;}*/
/*.header .inner .gnb .menu-area .utils > ul > li.shop a:before {content:""; display:inline-block; width:20px; height:18px; background:url(/images/common/ico/ico-shop.png) no-repeat left center; position: absolute;left:18px;top:50%;margin-top: -9px;}*/
/*.header .inner .gnb .menu-area .utils > ul > li.spectator a:before {content:""; display:inline-block; width:18px; height:20px; background:url(/images/common/ico/ico-spectator.png) no-repeat left center; position: absolute;left:20px;top:50%;margin-top: -10px;}*/
.header .inner .gnb .menu-area .utils > ul > li.login a:before {content:""; display:inline-block; width:14px; height:15px; background:url(/images/common/ico/ico-login.png) no-repeat left center; vertical-align:bottom; padding-right:8px;}
.header .inner .gnb .menu-area .utils > ul > li.family {margin-top:0; width:109px;background-color:#0068b0;}
.header .inner .gnb .menu-area .utils > ul > li.family .list-layer {width:208px;}
.header .inner .gnb .menu-area .utils > ul > li.login{text-align:center;padding-top:12px;padding-bottom:12px;/*padding-left:10px;padding-right:10px;*/background-color:#0068b0;}
.header .inner .gnb .menu-area .utils > ul > li.ticket{text-align:center;padding:7px 0;background-color:#005794;}
.header .inner .gnb .menu-area .utils > ul > li.watchlive{text-align:center;padding:7px 0;}
.header .inner .gnb .menu-area .utils > ul > li.shop{text-align:center;padding:7px 0;background-color:#005794;}
.header .inner .gnb .menu-area .utils > ul > li.spectator{text-align:center;padding:7px 0;background-color:#005794;}
.header .inner .gnb .menu-area .utils > ul > li.ticket:before{display:none;}
.header .inner .gnb .menu-area .utils > ul > li.lang {margin-top:0; width:110px;background-color:#005794;}
.header .inner .gnb .menu-area .utils > ul > li > a {display:block; position: relative;box-sizing:border-box; height:36px; padding:11px 10px 10px 10px; color:#fff; font-size:13px;}
.header .inner .gnb .menu-area .utils > ul > li > a:hover {text-decoration: underline;} /* 접근성 명도대비 수정 */
.header .inner .gnb .menu-area .utils > ul > li .share-container {display:inline-block; padding:10px 4px;background: #0076bf;}
.header .inner .gnb .menu-area .utils > ul > li .share-container:after {content:""; display:block; clear:both;}
.header .inner .gnb .menu-area .utils > ul > li .share-container > li {display:inline-block; float:left; padding:5px 8px; position:relative;}
.header .inner .gnb .menu-area .utils > ul > li .share-container > li > a {display:block; text-align:center;color:#fff;height:20px;font-size:13px;}
.header .inner .gnb .menu-area .utils > ul > li .share-container > li > a > span{line-height: 20px; padding-right:9px;}
.header .inner .gnb .menu-area .utils > ul > li .share-container > li > a > i {line-height: 20px; color:#99bdde; vertical-align:middle;}
.header .inner .gnb .menu-area .utils > ul > li .share-container > li:last-child > a > i {font-size:20px; color:#fff;}
.header .inner .gnb .menu-area .utils > ul > li .share-container > li.open > a > i,
.header .inner .gnb .menu-area .utils > ul > li .share-container > li > a:hover > i,
.header .inner .gnb .menu-area .utils > ul > li .share-container > li > a:focus > i{color:#fff;}
.header .inner .gnb .menu-area .utils > ul > li .share-container > li > a > i[class*="icon-link"] {font-size:19px;}
.header .inner .gnb .menu-area .utils > ul > li .share-container .sns-wrap > ul {display:none;position: absolute;top:36px;left:50%;width:122px;padding:21px 20px;z-index: 9998;background-color: #fff;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);box-sizing:border-box;-webkit-box-sizing:border-box;box-shadow: 0px 8px 15px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 8px 15px 0 rgba(0, 0, 0, 0.2);}
.header .inner .gnb .menu-area .utils > ul > li .share-container .sns-wrap > ul:before{content: '';display: block;width: 0;height: 0;border-width: 0 6px 6px ;border-color: transparent transparent #fff;border-style: solid;position: absolute; top: -6px;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform: translateX(-50%);}
.header .inner .gnb .menu-area .utils > ul > li .share-container .sns-wrap > ul > li{float:left; padding:5px 10px;}
.header .inner .gnb .menu-area .utils > ul > li .share-container .sns-wrap > ul.open{display: block;}
.header .inner .gnb .menu-area .utils > ul > li .share-container .sns-wrap > ul > li i[class*="icon-link"] {font-size:21px; color:#999;}
.header .inner .gnb .menu-area .utils > ul > li .share-container .sns-wrap > ul > li a:hover .icon-link-instagram,
.header .inner .gnb .menu-area .utils > ul > li .share-container .sns-wrap > ul > li a:focus .icon-link-instagram {color:#363636;}
.header .inner .gnb .menu-area .utils > ul > li .share-container .sns-wrap > ul > li a:hover .icon-link-youtube,
.header .inner .gnb .menu-area .utils > ul > li .share-container .sns-wrap > ul > li a:focus .icon-link-youtube {color:#d52423;}
.header .inner .gnb .menu-area .utils > ul > li .share-container .sns-wrap > ul > li a:hover .icon-link-weibo,
.header .inner .gnb .menu-area .utils > ul > li .share-container .sns-wrap > ul > li a:focus .icon-link-weibo {color:#df2029;}
.header .inner .gnb .menu-area .utils > ul > li .share-container .sns-wrap > ul > li a:hover .icon-link-flickr,
.header .inner .gnb .menu-area .utils > ul > li .share-container .sns-wrap > ul > li a:focus .icon-link-flickr {color:#006add;}
.header .inner .gnb .menu-area .menu {position:relative; width:100%; padding-right:70px;background: #fff;box-sizing:border-box;-webkit-box-sizing:border-box;}
.header .inner .gnb .menu-area .menu .depth1-container {display:table; width:100%; table-layout:fixed;}
.header .inner .gnb .menu-area .menu .depth1-container > li {position:relative; display:table-cell; vertical-align:middle;}
.header .inner .gnb .menu-area .menu .depth1-container > li > a {display:table; width:100%; height:70px; background:#fff; font-size:18px; color:#222; font-weight:700;}
.header .inner .gnb .menu-area .menu .depth1-container > li > a:hover,
.header .inner .gnb .menu-area .menu .depth1-container > li > a.on,
.header .inner .gnb .menu-area .menu .depth1-container > li > a.active {color:#108ccf;}
.header .inner .gnb .menu-area .menu .depth1-container > li > a > div {display:table-cell; padding:0 10px; text-align:center; vertical-align:middle;}
.header .inner .gnb .menu-area .menu .depth1-container > li > a > div > span{display:inline-block;position: relative;}
.header .inner .gnb .menu-area .menu .depth1-container > li > a > div > span:after{content: '';display: block;position: absolute;left:0;bottom: -6px;width:0;height:3px;background-color: #0090d4;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.header .inner .gnb .menu-area .menu .depth1-container > li > a.active > div > span:after,
.header .inner .gnb .menu-area .menu .depth1-container > li > a:hover > div > span:after{width:100%;}
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list {display:none; position:absolute; z-index:100; top:100%; left:0; width:100%; padding:10px 0; border:1px solid #ccc; border-top:1px solid #fff; background:#fff; box-sizing:border-box;}
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list:before {content:''; position:absolute; left:9%; top:0; display:block; width:82%; height:1px; background:#ddd;}
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list.on,
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list.active {display:block;}
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list a {display:block; padding:7px 20px; font-size:14px; color:#444; box-sizing:border-box; position:relative;}
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list > li > a {font-size:16px; font-weight:700; padding:10px 40px 10px 20px;}
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list a.on {color:#108ccf;}
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list a:hover, .header .inner .gnb .menu-area .menu .depth1-container > li .menu-list a:focus {color:#108ccf;}
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list a > i {position:absolute; top:14px; right:20px; font-size:10px;}
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list a .icon-down2 {display:inline-block;}
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list a .icon-up2 {display:none;}
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list a + ul {display:none;}
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list a.on .icon-down2 {display:none;}
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list a.on .icon-up2 {display:inline-block;}
.header .inner .gnb .menu-area .menu .depth1-container > li .menu-list a.on + ul {display:block;}
.header .inner .gnb .menu-area .menu .depth1-container > li > a i {position:absolute; right:20px; top:10px; font-size:10px;}
.header .inner .gnb .menu-area .menu .depth1-container > li > a .icon-up2 {display:none; font-size:10px; color:#108ccf;}
.header .inner .gnb .menu-area .menu .depth1-container > li > a.on + .menu-list {display:block;}
.header .inner .gnb .menu-area .menu .game-select {display:none;}
.header .inner .gnb .menu-area .menu .square-container {position:absolute; right:0px; top:0px; box-sizing:border-box; width:92px;/*200px;*/ height:64px; text-align:right;}
.header .inner .gnb .menu-area .menu .square-container > ul {display:inline-block; vertical-align:top;}
.header .inner .gnb .menu-area .menu .square-container > ul > li {position:relative; display:inline-block; float:left; vertical-align:top; border-left:1px solid #ddd}
.header .inner .gnb .menu-area .menu .square-container > ul > li:first-child {/*margin:18px 10px 0 0;*/position:absolute; left:-48px; top:18px;border:1px solid #bbb;}
.header .inner .gnb .menu-area .menu .square-container > ul > li > a,
.header .inner .gnb .menu-area .menu .square-container > ul > li > a:hover {color:#333;}
.header .inner .gnb .menu-area .menu .square-container > ul > li.menu-all {display:none;}
.header .inner .gnb .menu-area .menu .square-container .btn-menu-all {box-sizing:border-box; width:50px; height:50px; border:1px solid #bbb; background:#fff; text-align:center; padding-top:10px; font-size:0;}
.header .inner .gnb .menu-area .menu .square-container .btn-menu-all i {font-size:30px; color:#0086d6;}
.header .inner .gnb .menu-area .menu .square-container .btn-share {box-sizing:border-box; width:50px; height:50px; border:1px solid #bbb; background:#fff; text-align:center; padding-top:11px; font-size:0;}
.header .inner .gnb .menu-area .menu .square-container .btn-share i {font-size:26px;}
.header .inner .gnb .menu-area .menu .square-container .btn-search {box-sizing:border-box; width:28px; height:28px; background:#fff; text-align:center; padding-top:4px; font-size:0;}
.header .inner .gnb .menu-area .menu .square-container .btn-search i {font-size:18px;}
.header .inner .gnb .menu-area .menu .square-container .open {display:block;}
.header .inner .gnb .menu-area .menu .square-container .close {display:none;}
.header .inner .gnb .menu-area .menu .square-container .close i {font-size:18px; color:#fff;}
.header .inner .gnb .menu-area .menu .square-container .on {background-color:#0086d6; border-color:#0086d6;}
.header .inner .gnb .menu-area .menu .square-container .on .open {display:none;}
.header .inner .gnb .menu-area .menu .square-container .on .close {display:block;}
.header .inner .gnb .menu-area .menu .square-container .btn-search.on + .search-container {display:block;}
.header .inner .gnb .menu-area .menu .square-container .search-container {position:absolute; right:28px; top:0px; display:block; width:212px; background:#fff; border:1px solid #bbb; border-right:none; display:none;}
.header .inner .gnb .menu-area .menu .square-container .search-container > div {float:left; width:184px;}
.header .inner .gnb .menu-area .menu .square-container .search-container input {width:100%; height:26px; padding:0 10px; border:none;}
.header .inner .gnb .menu-area .menu .square-container .search-container a {float:left; display:block; width:28px; height:23px; text-align:center; padding-top:3px;}
.header .inner .gnb .menu-area .menu .square-container .search-container a > i {font-size:18px;}
.header .inner .gnb .menu-area .menu .square-container .btn-paralympic {display:inline-block; box-sizing:border-box; padding:10px 19px 10px 18px; /*border-left:1px solid #ddd;*/ border-right:1px solid #ddd;}
.header .inner .gnb .menu-area .menu .square-container .btn-paralympic span {display:inline-block; float:left; font-size:12px; color:#222; margin:10px 10px 0 0; text-align:left;}
.header .inner .gnb .menu-area .menu .square-container .btn-paralympic span i {font-size:10px; font-weight:700; margin-left:3px;}
.header .inner .gnb .menu-area .menu .square-container .btn-paralympic img.logo {display:inline-block; width:auto; height:45px;}
.header .inner .gnb .menu-area .menu .square-container .btn-paralympic.fr {padding:9px 2px 10px 5px;}
.header .inner .gnb .menu-area .menu .square-container .btn-paralympic.cn {padding:9px 5px 10px 10px;}
.header .inner .gnb .menu-area .menu .square-container .btn-paralympic.fr > img:first-child,
.header .inner .gnb .menu-area .menu .square-container .btn-paralympic.cn > img:first-child {margin-right:5px;}

.header .inner .all-menu-wrap{background: #fff;display:none;}
.header .inner .all-menu-wrap .login{position:relative; width:100%; padding:30px 30px 30px 65px; min-height: 80px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box;}
.header .inner .all-menu-wrap .login > span {line-height:1.5; font-size: 16px; color:#555;}
.header .inner .all-menu-wrap .login > span:first-child {position:absolute; top:29px; left:30px; color:#bbb;}
.header .inner .all-menu-wrap .login a{color:#006fb9; font-weight:700; position:relative;}
.header .inner .all-menu-wrap .login a:not(.btn-blue):focus:after, .header .inner .all-menu-wrap .login a:not(.btn-blue):hover:after{content:""; display:block; position:absolute; bottom:2px; width:100%; height:1px; background:#006fb9;}
.wrap.para .header .inner .all-menu-wrap .login a:not(.btn-blue):focus:after,.wrap.para .header .inner .all-menu-wrap .login a:not(.btn-blue):hover:after{background:#f26222;}

.header .inner .all-menu-wrap .login .btn-login{display: inline-block;position: absolute;top:50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);right:20px;font-size: 0;}
.header .inner .all-menu-wrap .login a.btn-blue{font-size: 16px;line-height: 40px;height:40px;color:#fff;padding:0;min-width: 140px;padding:0 20px;    box-sizing: border-box;-webkit-box-sizing: border-box;}
.header .inner .all-menu-wrap .login a.btn-blue:last-child{margin-left: 10px;}
.wrap.para .header .inner .all-menu-wrap .login a.btn-blue{color:#fff; background: #c3390f;border-color: #c3390f;}

.header .inner .all-menu-wrap .login > span > i{font-size: 24px;}
.header .inner .all-menu-wrap .all-menu {padding: 30px 0;font-size:16px;color:#222;}
.header .inner .all-menu-wrap .all-menu > ul{display:table;width:100%;table-layout: fixed;}
.header .inner .all-menu-wrap .all-menu > ul > li{display:table-cell;}
.header .inner .all-menu-wrap .all-menu > ul > li > ul > li{padding-top:20px;padding-left:10%;}
.header .inner .all-menu-wrap .all-menu > ul > li > ul > li:first-child{padding-top:0;}
.header .inner .all-menu-wrap .all-menu > ul > li > ul > li > a > i{font-size:12px; margin-left:8px; opacity:0.4; vertical-align:middle;}
.header .inner .all-menu-wrap .search{padding-left:30px;padding-right:20px;height:75px;border-top: 1px solid #ddd; box-sizing: border-box;-webkit-box-sizing: border-box;}
.header .inner .all-menu-wrap .search > ul {display: table;width: 100%;table-layout: fixed;height: 100%;}
.header .inner .all-menu-wrap .search > ul > li{display:table-cell;vertical-align: middle;}
.header .inner .all-menu-wrap .search > ul > li:first-child{width:22px;}
.header .inner .all-menu-wrap .search > ul > li:last-child{width:171px;}
.header .inner .all-menu-wrap .search i {font-size: 22px; color:#333;}
.header .inner .all-menu-wrap .search input {font-size: 24px; color:#999;margin:0 1%;border:none;max-width: none;width:98%;}
.header .inner .all-menu-wrap .search input:focus{outline:none;}
.header .inner .picto-wrap {background:#fff;}
.header .inner .picto-wrap > ul {display:table;width:100%;table-layout: fixed;}
.header .inner .picto-wrap > ul > li {display:table-cell;border-top:1px solid #ececec;}
.header .inner .picto-wrap > ul > li + li {border-left:0;}
.header .inner .picto-wrap > ul > li > a {padding:10px;position: relative;max-height: 78px;width:100%;box-sizing: border-box;-webkit-box-sizing: border-box;vertical-align: top;}
.header .inner .picto-wrap > ul > li > a > .picto-icon {display:block; position:relative;}
.header .inner .picto-wrap > ul > li > a > .picto-title {display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform: translateX(-50%); padding:12px 15px; white-space:pre; text-align:center; font-weight:700; background:#fff; z-index:10; box-sizing: border-box;-webkit-box-sizing: border-box; box-shadow: 0px 8px 15px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 8px 15px 0 rgba(0, 0, 0, 0.2);}
.header .inner .picto-wrap > ul > li > a .icon-triangle1-up {display:none; position:absolute; top:100%; left:50%; margin-top:-1px; margin-left:-6px;}
.header .inner .picto-wrap > ul > li:first-child > a > .picto-title,
.header .inner .picto-wrap > ul > li:last-child > a > .picto-title {min-width:75px; padding:12px 5px; white-space:inherit;}
/* .header .inner .picto-wrap > ul > li > a > .picto-title:before {content: '';display: block;width: 0;height: 0;border-width: 0 6px 6px ;border-color: transparent transparent red;border-style: solid;position: absolute; top: -6px;left:50%;transform:translateX(-50%);-webkit-transform: translateX(-50%);} */
.header .inner .btn-allMenu{
  padding: 16px 21px 17px 21px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #222;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.header .inner .hamburger .line{
  width: 28px;
  height: 3px;
  background-color: #222;
  display: block;
  margin: 7px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header .inner .hamburger:hover{
  cursor: pointer;
}
/* ONE */
.header .inner #hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}
.header .inner #hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}
.header .inner #hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
}

.floatHeader{position: fixed;top:-100px;z-index: 9999;width: 100%;background: #005794 url(/images/common/bg/bg-header.png) center -120px no-repeat;box-shadow: 0 10px 20px rgba(0,0,0,0.2);-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
.floatHeader .inner {position: relative;max-width: 1200px;height: auto;margin: 0 auto;}
.floatHeader .inner .menu {width: 100%;padding-left: 70px;background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;}
.floatHeader .inner .menu .menu-home {position:absolute; top:0; left:0; width:70px; height:70px; line-height:70px;}
.floatHeader .inner .menu .menu-home a {display:block; width:100%; height:100%; color:#333; font-size:22px; text-align:center;}
.floatHeader .inner .menu .menu-wrap {position:relative;}
.floatHeader .inner .menu .depth1-container {display:table;width:100%;table-layout: fixed;}
.floatHeader .inner .menu .depth1-container > li {position: relative;display:table-cell;vertical-align: middle;}
.floatHeader .inner .menu .depth1-container > li > a{display: table;width: 100%;height: 70px;background: #fff;font-size: 18px;color: #222;font-weight:700;}
.floatHeader .inner .menu .depth1-container > li > a > div {display: table-cell; padding: 0 10px; text-align: center; vertical-align: middle;}
.floatHeader .inner .menu .depth1-container > li > a:hover,
.floatHeader .inner .menu .depth1-container > li > a.on,
.floatHeader .inner .menu .depth1-container > li > a.active{color:#108ccf;}
.floatHeader .inner .menu .depth1-container > li > a > div > span{display:inline-block;position: relative;}
.floatHeader .inner .menu .depth1-container > li > a > div > span:after{content: '';display: block;position: absolute;left:0;bottom: -6px;width:0;height:3px;background-color: #0090d4;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.floatHeader .inner .menu .depth1-container > li > a.active > div > span:after,
.floatHeader .inner .menu .depth1-container > li > a:hover > div > span:after{width:100%;}
/* sub-top-container */
.sub-top-container + * {margin-top:10px !important;}
.sub-top-container .item-wrap {position:relative; max-width:1200px; margin:0 auto; min-height:36px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.sub-top-container .item-wrap .history-wrap {display:block; width:100%; padding-top:14px; padding-right:160px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.sub-top-container .item-wrap .history-wrap span {display:inline-block; color:#444; vertical-align:middle;}
.sub-top-container .item-wrap .history-wrap span:before {content:"\e907"; font-family:'gametime-icon'; display:inline-block; font-size:10px; color:#999; margin:0 4px 0 2px;}
.sub-top-container .item-wrap .history-wrap span a {color:#444;}
.sub-top-container .item-wrap .history-wrap .home:before {content:none;}
.sub-top-container .item-wrap .history-wrap .home a {color:transparent; width:18px; height:19px; overflow:hidden;}
.sub-top-container .item-wrap .history-wrap .home a:before {content:"\e920"; color:#999; font-family:'gametime-icon'; display:inline-block; font-size:16px; position:relative;}
.sub-top-container .item-wrap .history-wrap .home + span:before {margin-left:0;}

.sub-top-container .item-wrap .page-desc {position:absolute; top:0; right:0; height:36px; padding:0 9px 0 15px; border-radius:18px; background:#fff; box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.1);}
.sub-top-container .item-wrap .page-desc:after {content:""; display:block; clear:both;}
.sub-top-container .item-wrap .page-desc .print-wrap {float:left;}
.sub-top-container .item-wrap .page-desc .print-wrap a {width:36px; height:36px; line-height:36px; text-align:center; box-sizing:border-box; font-size:18px; color:#999;}
.sub-top-container .item-wrap .page-desc .print-wrap a .icon-print2 {display:inline-block; vertical-align:middle;}
.sub-top-container .item-wrap .page-desc .print-wrap a:hover, .sub-top-container .item-wrap .page-desc .print-wrap a:focus {color:#0090d4;}
.para .sub-top-container .item-wrap .page-desc .print-wrap a:hover, .para .sub-top-container .item-wrap .page-desc .print-wrap a:focus {color:#c3390f;}
.sub-top-container .item-wrap .page-desc .share-wrap {float:left;}
.sub-top-container .item-wrap .page-desc .share-wrap > ul > li {float:left;}
.sub-top-container .item-wrap .page-desc .share-wrap > ul > li > a{color:#999;}
.sub-top-container .item-wrap .page-desc .share-wrap > ul > li > a .icon-share-facebook{background-color: #3a5897 !important; color: #fff !important;
}
.sub-top-container .item-wrap .page-desc .share-wrap > ul > li > a .icon-share-twitter {background-color:#01bbf6 !important; color:#fff !important;}
.sub-top-container .item-wrap .page-desc .share-wrap > ul > li > a i{display: inline-block;vertical-align: middle;width: 25px;height: 25px;border-radius: 13px;font-size: 26px;text-align: center;}
.sub-top-container .item-wrap .page-desc .share-wrap > ul > li > a i.icon-ellipse{font-size: 13px;line-height: 25px;}
.sub-top-container .item-wrap .page-desc .share-wrap a {/*width:36px;*/width:30px; height:36px; line-height:36px; text-align:center; box-sizing:border-box; font-size:18px;}
.sub-top-container .item-wrap .page-desc a.share-open:hover .icon-ellipse,
.sub-top-container .item-wrap .page-desc a.share-open:focus .icon-ellipse {color:#0090d4;}
.sub-top-container .item-wrap .page-desc .share-wrap.active > ul{display: none;}

.sub-top-container .item-wrap .page-desc .share-wrap a .icon-move1,
.sub-top-container .item-wrap .page-desc .share-wrap a .icon-close3 {display:inline-block; vertical-align:middle;}
.sub-top-container .item-wrap .page-desc .share-wrap a:hover .icon-move1,
.sub-top-container .item-wrap .page-desc .share-wrap a:focus .icon-move1 {color:#0090d4;}
.sub-top-container .item-wrap .page-desc .share-wrap:after {content:""; display:block; clear:both;}
.sub-top-container .item-wrap .page-desc .share-wrap .share-list {display:none; float:left;}
.sub-top-container .item-wrap .page-desc .share-wrap .share-list > ul,
.sub-top-container .item-wrap .page-desc .share-wrap .share-list > .share-close {float:left; color:#0090d4;}
.sub-top-container .item-wrap .page-desc .share-wrap.active .share-list {display:block;}
/*.sub-top-container .item-wrap .page-desc .share-wrap.active .share-open {display:none;}*/

/* sns share 공통 */
.share-list ul:after {content:""; display:block; clear:both;}
.share-list li {float:left;}
.share-list li > a {display:block; width:30px; overflow:hidden; text-align:center;}
.share-list li > a i {display:inline-block; vertical-align:middle; width:25px; height:25px; border-radius:13px; font-size:26px; text-align:center;}

.share-list li > a .icon-share-facebook {background-color:#3a5897  !important; color:#fff !important;}
.share-list li > a .icon-share-twitter {background-color:#01bbf6 !important; color:#fff !important;}
.share-list li > a .icon-share-googleplus {background-color:#ef4135 !important; color:#fff !important;}
.share-list li > a .icon-share-pinterest {font-size:24px; margin-top:1px; background-color:#fff !important; color:#cb2028 !important;}
.share-list li > a .icon-share-linkedin {background-color:#0177b5 !important; color:#fff !important;}
.share-list li > a .icon-share-mail {background-color:#659b41 !important; color:#fff !important;}
.share-list li > a .icon-share-kakaotalk {position: relative; overflow:hidden; font-size:29px; background-color:#fee707 !important; color:#010101 !important;}
.share-list li > a .icon-share-kakaotalk:before {display:block; margin-top:-4px; margin-left:-2px; margin-top:-2px;}
.share-list li > a .icon-share-instagram {background-color:#b032ad !important; color:#fff !important;}
.share-list li > a .icon-share-line {font-size:29px; background-color:#35b44a !important; color:#fff !important;}
.share-list li > a .icon-share-line:before {display:block; margin-top:-1px; margin-left:-2px;}
.share-list li > a .icon-share-band {background-color:#19cb1d !important; color:#fff !important;}
.share-list li > a .icon-share-youtube {background-color:#d11b14 !important; color:#fff !important;}
.share-list li > a .icon-share-weibo {background-color:#d72829 !important; color:#fff !important;}
.share-list li > a .icon-share-flickr {background-color:#006add !important; color:#fff !important;}
.share-list li > a .icon-share-blog {background-color:#ef6f20 !important; color:#fff !important;}
.share-list li > a .icon-share-naver {background-color:#32b44a !important; color:#fff !important;}

* + .category-wrap {margin-top:20px;}
.category-wrap {position:relative; background:#fff;}
.category-wrap .category-type2 .category-title {display:table;width:100%;table-layout: fixed;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.category-wrap .category-type2 .category-title > li {display:table-cell;text-align: center;vertical-align: middle;position: relative;height:100%;}
.category-wrap .category-type2 .category-title > li.active:after{content:"";position: absolute;bottom:-1px;left:0;width:100%;height:3px;background-color: #108ccf}
.category-wrap .category-type2 .category-title > li.active > a{color:#108ccf}
.category-wrap .category-type2 .category-title > li > a {display: block;color: #555;padding:17px 16px;position: relative;font-size: 16px;font-weight: 500;box-sizing: border-box;-webkit-box-sizing: border-box;height:100%;}
.category-wrap .category-type2 .category-title > li > a:focus,
.category-wrap .category-type2 .category-title > li > a:hover{color:#108ccf}
.category-wrap .category-type2 .category-title > li > a > span{display:inline-block;vertical-align: middle;}

.para .category-wrap .category-type2 .category-title > li.active:after{content:"";position: absolute;bottom:-1px;left:0;width:100%;height:3px;background-color: #c3390f}
.para .category-wrap .category-type2 .category-title > li.active > a{color:#c3390f}
.para .category-wrap .category-type2 .category-title > li > a:focus,
.para .category-wrap .category-type2 .category-title > li > a:hover{color:#c3390f}

/* contents */
.section-full{width:100%; max-width:100% !important;}
.section-full.bg{position:relative; background-color: #fff !important;}
.section-full.bg:before {content:''; position:absolute; left:0; bottom:-11px; display:block; width:100%; height:11px; background:url('/images/common/bg/bg-sectioncrop-bxshadow.png') no-repeat center bottom; background-size:100% auto;}
.section-crop{width:100%; max-width:1200px !important; margin:0 auto 20px; } /* 170801 - 수정 / 170814 overflow: hidden; 삭제 + after 추가  */
.section-crop:after {content:''; clear:both; display:block;}
.section-crop.bg{background-color: #fff !important;  padding:30px 20px 60px; box-sizing: border-box;-webkit-box-sizing: border-box;}
.section-inner:after {content:""; display:block; clear:both;}

.wrap{background-color: #f1f1f1;}
.contents{padding-top:10px; margin-bottom:40px;}
#mainContainer.contents {margin-top:10px;}

.only-pc:not(:first-child) + .section-inner,
.only-mobile-view + .section-inner {margin-top:20px;}

/* footer */
.footer {background:#333; color:#999;}
.footer .inner {max-width:1200px; margin:0 auto; position: relative; min-height:35px;}
.footer .inner:after {content:""; display:block; clear:both;}
.footer .foot-link {width:100%; padding:22px 0; border-bottom:1px solid #444;}
.footer .foot-link .link {display:inline-block; width:100%; box-sizing:border-box}
.footer .foot-link .link > li {position:relative; float:left; display:inline-block; width:25%;}
.footer .foot-link .link > li:last-child:before {display:none;}
.footer .foot-link .link > li > strong {display:block; padding:8px 25px 16px 0; font-size:20px; color:#fefefe; font-weight:700;} /* 접근성 명도대비 수정 */
.footer .foot-link .link > li > a{display:none;}
.footer .foot-link .link > li > a > i + i{display:none;}
.footer .foot-link .link > li.on > a > i{display:none;}
.footer .foot-link .link > li.on > a > i + i{display: block;}
.footer .foot-link .link > li > ul > li{padding-right: 25px;}
.footer .foot-link .link > li > ul > li + li {margin-top:6px;}
.footer .foot-link .link > li > ul > li > a{color:#ccc; line-height:1.4;}
.footer .foot-link .link > li > ul > li > a.white{color:#fff;font-weight: 500;}
.footer .foot-link .link > li > ul > li > a:focus,
.footer .foot-link .link > li > ul > li > a:hover {text-decoration:underline;}
.footer .foot-link .link > li > ul > li > a > i{font-size:12px; margin-left:8px; opacity: 0.4;}
.footer .foot-link .sns-wrap{position: absolute;right: 270px;margin-top: 53px;width:240px;}
.footer .foot-link .sns-wrap > ul > li {float:left;}
.footer .foot-link .sns-wrap > ul > li > a{padding:10px;}
.footer .foot-link .sns-wrap > ul > li > a > i{font-size:20px; color:#fff;}
.footer .foot-link .link-group{position: absolute; right:0; margin-top: 56px;}
.footer .foot-link .link-group .sns-wrap{position: absolute;padding-right:300px;}
.footer .foot-link .family {display:inline-block; position: absolute; top:0; right:265px; width:255px;}
.footer .copyright .inner {position:relative; box-sizing:border-box; height:124px; padding-top:50px;}
.footer .copyright .logo {display:inline-block;}
.footer .copyright .rights {display:inline-block; margin-left:10px;}
.footer .copyright .mark {position:absolute; right:0px; top:14px;}
.footer .copyright .link-wrap{text-align: right;}

.list-layer-box .selected-title > span {position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
.util .list-layer-box {position:relative; min-width:50px; width:100%;}
.util .list-layer-box .selected-title {position:relative;}
.util .list-layer-box .selected-title > button {position:relative; font-size:0; z-index:1; width:100%; height:50px;}
.util .list-layer-box .selected-title .title {position:absolute; left:0px; top:0px; z-index:0; box-sizing:border-box; width:100%; height:50px; padding:0 24px 0 19px; font-size:13px; line-height:50px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.util .list-layer-box .selected-title .title:before {content:''; display:block; width:0; height:0; border-width:5px 4px 0; border-color:#fff transparent transparent; border-style:solid; position:absolute; top:50%; right:11px; margin-top:-2px; z-index:55;}
.util .list-layer-box .list-layer {display:none; position:absolute; overflow:auto; width:100%; box-sizing:border-box; padding:0; z-index:999;}
.util .list-layer-box .list-layer > li {box-sizing:border-box;}
.util .list-layer-box .list-layer > li > a {display:block; font-size:14px; line-height:16px; padding:11px 10px 11px 20px; color:#fff; background:#0068b0; }
.util .list-layer-box .list-layer > li > a:focus,
.util .list-layer-box .list-layer > li > a:hover,
.util .list-layer-box .list-layer > li.active > a {background-color:#004779;}
.util .list-layer-box .list-layer > li.cn > a {font-family:"SimHei";}

.util .list-layer-box.open .selected-title .title {color: #74a4c5;}
.util .list-layer-box.open .selected-title .title:before {border-width:0 4px 5px; border-color:transparent transparent #74a4c5;}
.util .list-layer-box.open .list-layer {display:block; color: #74a4c5;}

.wrap.para .util .list-layer-box.open .selected-title .title {color: #fff;}
.wrap.para .util .list-layer-box.open .selected-title .title:before {border-width:0 4px 5px; border-color:transparent transparent #fff;}
.wrap.para .util .list-layer-box.open .list-layer {display:block; color: #fff;}

/*2018-03-05 웹인증마크 추가*/
.footer .foot-powered {display:block; position:absolute;right:0;bottom:-130px;}
.footer .foot-powered img {vertical-align:middle; padding-left:10px;}
.footer .mark {display:none; position:absolute;right:0;bottom:-140px;}

.para .footer .foot-powered {right:82px;}
.para .footer .mark {display:block;}
/*2018-03-05 웹인증마크 추가 end*/

/* footer list-layer-box */
.footer .foot-link .site {display:inline-block; width:260px; position:relative;}
.footer .foot-link .list-layer-box .selected-title {position:relative; z-index:15;}
.footer .foot-link .list-layer-box .selected-title > button {position:relative; font-size:0; z-index:1; width:100%; height:38px;/*outline: none;*/}
.footer .foot-link .list-layer-box .selected-title .title {position:absolute; left:0px; top:0px; z-index:0; width:100%; height:38px; line-height:40px; padding:0 38px 0 15px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#484848; box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.2);}
.footer .foot-link .list-layer-box .selected-title .title:before {content:'\e955'; font-family:'gametime-icon'; position:absolute; right:20px; top:0; display:block; font-size:10px;}
.footer .foot-link .list-layer-box .list-layer {display:none; position:absolute; bottom:0; padding-bottom:38px; overflow:auto; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; max-height:350px; z-index:10; box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.2);}
.footer .foot-link .list-layer-box .list-layer > li {box-sizing:border-box;}
.footer .foot-link .list-layer-box .list-layer > li:last-child {border-bottom:none;}
.footer .foot-link .list-layer-box .list-layer > li > a {display:block; line-height:19px; padding:10px 15px 9px 15px; color:#fff; background:#484848;}
.footer .foot-link .list-layer-box .list-layer > li > a:focus,
.footer .foot-link .list-layer-box .list-layer > li > a:hover,
.footer .foot-link .list-layer-box .list-layer > li.active > a {background:#222;}

.footer .foot-link .list-layer-box.open .selected-title .title {background:#484848; color: #b4b4b4; box-shadow:none; -webkit-box-shadow:none;}
.footer .foot-link .list-layer-box.open .selected-title .title:before {content:'\e952';}
.footer .foot-link .list-layer-box.open .list-layer {display:block;}

/*footer copyright*/
.footer .copyright {pointer-events: none;}
.footer .copyright .list-layer-box.open .selected-title .title {background:#0086d6; color: #fff;}
.footer .copyright .list-layer-box.open .selected-title .title:before {content:'\e90b';}
.footer .copyright .list-layer-box.open .list-layer {display:block;}

.sponsor-list {background:#fff; position:relative; word-break: keep-all; word-wrap: break-word;} /* 2018-02-12 수정 | word-break, word-wrap 추가 */
.sponsor-list > ul {max-width:1200px; padding:20px 0 60px; margin:0 auto;}
.sponsor-list > ul > li {padding-top:22px;}
.sponsor-list > ul > li + li {margin-top:35px; padding-top:55px; border-top:1px solid #ddd;}
.sponsor-list > ul > li .title {font-size:18px; line-height:28px; color:#222; font-weight:700;}
.sponsor-list > ul > li .acc-content {margin-top:20px;}
.sponsor-list > ul > li .acc-content .logo-list {display:inline-block; width:100%;}
.sponsor-list > ul > li .acc-content .logo-list li {float:left; display:inline-block; width:16.6%; height:70px; box-sizing:border-box; padding:10px 27px;}
.sponsor-list > ul > li .acc-content .logo-list li a {display:block; width:100%; /*height:100%;*/}
.sponsor-list > ul > li .acc-content .logo-list li.all {float:none; display:block;}
.sponsor-list > ul > li.type-2 .acc-content .logo-list li {width:14.2%; padding:10px 13px;}
.sponsor-list > ul > li.type-double {display:inline-block; width:100%;}
.sponsor-list > ul > li.type-double > div {float:left; display:inline-block; width:50%;}
.sponsor-list > ul > li.type-double .acc-content {padding:10px 20px 0;}
.sponsor-list > ul > li.type-double .acc-content .logo-list li {width:25%; height:50px; padding:0;}

/* logo-text */
.sponsor-list > ul > li .logo-list.logo-text li {display:table;padding:0 19px;}
.sponsor-list > ul > li .logo-list.logo-text li a {display:table-cell;text-align:center;vertical-align:middle;padding:10px 0;font-family:'nanum';font-weight:bold;line-height:1.2;}
.sponsor-list > ul > li .logo-list.logo-text li a:focus,
.sponsor-list > ul > li .logo-list.logo-text li a:hover {color:#555;}

.float-bottom {display:none; position: fixed; left:0; bottom:55px; width:100%; z-index: 112; }
.float-bottom > div {}
.float-bottom > div .btn-mobile-back {display:none; position:absolute; left:0px; top:0px; width:56px; height:56px; background:url(/images/common/btn/btn-mobile-back.png) no-repeat; background-size:56px 56px; font-size:0;}
.float-bottom > div .btn-mobile-top {display:block; position:absolute; right:0px; top:0px; width:56px; height:56px; background:url(/images/common/btn/btn-mobile-top.png) no-repeat; background-size:56px 56px; font-size:0;}

/*icon */
i.icon-calendar {font-size:17px;color:#777;padding-top:3px;}
i.icon-lock {font-size:0;color:#777;padding:3px 0 2px 0;}
i.icon-lock:before {font-size:12px;}
i.icon-new {font-size:0;color:#ee334e;padding:3px 0 2px 0;}
i.icon-new:before {font-size:12px;}
i.icon-file {font-size:0;color:#005daa;padding-top:1px;}
i.icon-file:before {font-size:15px;}
i.icon-notify {font-size:0;color:#555;}
i.icon-notify:before {font-size:22px;}
i.icon-mail {margin-right:5px; font-size:16px; vertical-align:middle;}

/* 2017-03-29 | 접근성 hidden text 수정 */
a > i + span, button > i + span {position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
a > svg + span, button > svg + span {position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
i[class*="icon"] + span {position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; font-size:10px; color:transparent;}
i[class*="picto"] + span {position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; font-size:10px; color:transparent;}

/* modal */
.modal {display:none; position:fixed;z-index:10000; left:0; top: 0; box-sizing:border-box; width:100%; height:100%; overflow:hidden;}
.modal .modal-dim {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; -ms-filter:alpha(opacity=60); filter:alpha(opacity=60);}
.modal .close > .icon-close2 {font-size:22px; color: #fff;}
.modal .close > .icon-close2 + span {}
.modal .modal-body > * {margin-top:0;}
.modal .modal-body .info-text {text-align:center; line-height:1.5;}
.modal .modal-content {position:relative; z-index:1; width:640px; margin:0 auto;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.modal .modal-content .modal-header {position:relative; width:100%; height:60px; background:#0079c2; line-height:60px; padding-left:20px; padding-right:62px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.modal .modal-content .modal-header .close {position:absolute; right:20px; top:18px; width: 22px; height: 22px; line-height:0;}
.modal .modal-content .modal-header .close i {display:inline-block; vertical-align:top;}
.modal .modal-content .modal-header .title {display:inline-block; box-sizing:border-box; vertical-align:middle; font-size:20px; color:#fff; line-height:normal;}
.modal .modal-content .modal-body {padding:20px; background:#fff; }
.modal .modal-content .scroll-y {overflow-x:hidden; overflow-y:auto;}
.modal .btn-wrap {margin-top:20px;}
.modal .modal-footer {padding:15px 20px; background:#fff; border-top:1px solid #dbdbdb;}
.modal .modal-footer .chk {margin:0;}

.para .modal .modal-content .modal-header {background-color:#c3390f;}

.modal .modal-content .modal-header.no-title {height:40px; background:#fff; }
.modal .modal-content .modal-header.no-title .close {top:8px;}
.modal .modal-content .modal-header.no-title .close > .icon-close2 {color: #0079c2;}
.modal .modal-content .modal-header.no-title ~ .modal-body {padding-top:0px;}

.hash-modal {position: absolute;left:0;right:0;top:0;width:100%;height:100%;z-index: 10000;display:none;text-align: center;}
.hash-modal .modal-dim{position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.8);}
.hash-modal .hidden {position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
.hash-modal .modal-content {position: relative;top:0;padding-top: 70px;background:none;/*top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding-top: 70px;*/}
.hash-modal .modal-content .modal-body{width:80%;max-width:980px;position: relative;display:inline-block;text-align: left;/*position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);*/}
.hash-modal .modal-content .modal-body .modal-view{background-color: #fff;}
.hash-modal .modal-content .modal-body .modal-view .modal-photo{position: relative;padding-bottom: 58.4%;background-color: #000;}
.hash-modal .modal-content .modal-body .modal-view .modal-photo img{position: absolute;top:0;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);height:100%;}
.hash-modal .modal-content .modal-body .modal-view .modal-video .video-wrap{position: relative;padding-bottom: 59%;background-color: #000;}
.hash-modal .modal-content .modal-body .modal-view .modal-video .video-wrap iframe{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.hash-modal .modal-content .modal-body .modal-view .modal-desc{padding:0 20px;}
.hash-modal .modal-content .modal-body .modal-view .modal-title{padding:20px 0;font-weight:700;}
.hash-modal .modal-content .modal-body .modal-view .modal-date {position:relative;top:-15px;font-size:12px;}
.hash-modal .modal-content .modal-body .modal-view .modal-caption{padding:10px 20px; height:70px;line-height:1.2;box-sizing: border-box;-webkit-box-sizing: border-box;background-color: #f5f5f5;overflow-y: auto;margin-bottom: 20px;}
.hash-modal .modal-content .modal-body .modal-view .modal-tag{margin:0 !important;padding:0 0 10px 0 !important;border-bottom: 1px solid #cbcbcb !important;}
.hash-modal .modal-content .modal-body .sns-share{background-color: #fff;}
.hash-modal .modal-content .modal-body .sns-share .inwrap{text-align:right;}
.hash-modal .modal-content .modal-body .sns-share {position:relative; padding:20px 0;}
.hash-modal .modal-content .modal-body .sns-share .tit {/*position:absolute; right:295px; top:28px; display:block;*/ display:inline-block;position: relative;top: -7px;left: -15px;}
.hash-modal .modal-content .modal-body .sns-share .sns-list a span {display: none !important;}
.hash-modal .modal-content .modal-body .sns-share .sns-list a:hover span {display: inline-block !important;}
.hash-modal .modal-content .modal-body .sns-share .sns-list {display:inline-block; margin-right: 20px;}
.hash-modal .modal-content .modal-body .sns-share .sns-list:after {content:''; clear:both; display:block}
.hash-modal .modal-content .modal-body .sns-share .sns-list .sns {display:block; float:left; margin:0 0 0 8px;}
.hash-modal .modal-content .modal-body .sns-share .sns-list .sns i {display:inline-block; margin:0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; width:25px; height:25px; font-size:25px; color:#fff; line-height:25px; text-align:center; vertical-align:middle}
.hash-modal .modal-content .modal-body .sns-share .sns-list .sns span {display:inline-block; min-width:0; padding:0 7px 0 5px; font-size:14px; color:#333; vertical-align:middle; line-height:23px}
.hash-modal .modal-content .modal-body .sns-share .sns-list .sns:first-child {margin-left:0}
.hash-modal .modal-content .modal-body .sns-share .sns-list .sns.fb i {background:#3b5a9b}
.hash-modal .modal-content .modal-body .sns-share .sns-list .sns.tw i {background:#01c0fc}
.hash-modal .modal-content .modal-body .sns-share .sns-list .sns.gp i {background:#f54336}
.hash-modal .modal-content .modal-body .sns-share .sns-list .sns.pi i {background:#fff; color:#d02129}
.hash-modal .modal-content .modal-body .sns-share .sns-list .sns.in i {background:#017ab9}
.hash-modal .modal-content .modal-body .sns-share .sns-list .sns.mail i {background:#679f43}
.hash-modal .modal-content .modal-body .sns-share .sns-list .sns.ka i {background:#ffed07; color:#010101}
.hash-modal .modal-content .modal-body .sns-share .sns-list .sns.line i {background:#36b84c}

.hash-modal .modal-content .modal-body .modal-controls > a > i{font-size: 22px;}
.hash-modal .modal-content .modal-body .modal-view .pager{width:100%;text-align: center;position: absolute;bottom: -40px;color:#fff;font-size: 24px;}
.hash-modal .modal-content .modal-body .modal-controls > a{position: absolute;top:50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);color:#fff;border: 2px solid #fff; border-radius: 50%;font-size: 0;padding:13px;}
.hash-modal .modal-content .modal-body .modal-controls > a.btn-close{top:-66px;left:50%;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.hash-modal .modal-content .modal-body .modal-controls .hash-modal .btn-close{top:-70px;left:50%;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.hash-modal .modal-content .modal-body .modal-controls .btn-prev{left:-70px;transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.hash-modal .modal-content .modal-body .modal-controls .btn-next{right:-70px;}

/*.schedule-table .popup .popup-header {background-color: #57b7e7;padding:18px 20px;}
.schedule-table .popup .popup-header strong{font-weight: 700;font-size: 24px;color:#222;line-height: 27px;}
.schedule-table .popup .popup-header p{font-size: 18px;color:#222;line-height: 27px;}
.schedule-table .popup .popup-contens {padding:10px 20px 20px 20px;}
.schedule-table .popup .popup-contens li{padding: 13px 0;border-bottom: 1px solid #ddd;}
.schedule-table .popup .popup-contens .date{font-size: 14px; color:#888;}
.schedule-table .popup .popup-contens span{font-size: 16px; font-weight:700; color:#222;line-height: 28px;}*/
/*.schedule-table .popup .popup-contens li.medal:before{}*/

@media only screen and (min-width: 1024.9999999999px){
	.header.mwUI_is_sticky {margin-top:0 !important;}
}


/*******************************************************************
## Tablet

@media only screen and (min-width: 768px) and (max-width: 1024px){
********************************************************************/

@media only screen and (min-width: 768px) and (max-width: 1024.9999999999px){
	.wrap {min-width:inherit}
	.wrap > .inner {background-position:right top;}
	.tab-cont .tab-inner {max-width:inherit}

	body, select {font-size:14px}

    /* header */
	.header {border-bottom:none;}
    .header .inner{box-shadow: 0 2px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);}
	.header .gnb-mobile{display:block;}
	.header .inner .gnb .logo {box-sizing:border-box; width:60px; height:58px; padding:3px; border-left:none; -webkit-transition:none; transition:none;}
	.header .inner .gnb .logo img {width:44px;}
	.header .inner .gnb .menu-area {position:relative;}
	.header .inner .gnb .menu-area .utils {position: absolute;top: 0;left:0; width:calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:-ms-calc(100% - 40px); z-index: 1;background:none !important;height:58px; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .header .inner .gnb .menu-area .utils > span{line-height: 58px; margin-left:15px;}
    .header .inner .gnb .menu-area .utils > span.right {float:right;}
    .header .inner .gnb .menu-area .utils > span.right:after {content:""; display:inline-block; margin-left:15px; width:1px; height:14px; background:#fff; vertical-align:middle;}
	.header .inner .gnb .menu-area .utils > span a {color:#fff;}
    .header .inner .gnb .menu-area .utils > ul.util {display:none;}
	.header .inner .gnb .menu-area .menu {background:#005895 url(/images/common/bg/bg-header-m.png) no-repeat right top; background-size:auto 58px; box-sizing:border-box; width:100%; height:58px; padding-right:70px;}
	.header .inner .gnb .menu-area .menu .depth1-container {display:none;}
	.header .inner .gnb .menu-area .menu .game-select {position:relative; display:block; text-align:center;}
	.header .inner .gnb .menu-area .menu .game-select .select-wrap {display:inline-block; padding:0 10px;}
	.header .inner .gnb .menu-area .menu .game-select > a {display:block; padding:10px 0; font-size:14px; line-height:15px; font-weight:700; color:#222; background:#fff;}
	.header .inner .gnb .menu-area .menu .game-select > a > i {color:#004986; font-size:10px; font-weight:700; margin-left:10px;}
	.header .inner .gnb .menu-area .menu .game-select > a.on > i:before {content:"\e925"}
	.header .inner .gnb .menu-area .menu .game-select .select-list {display:none; position:absolute; left:-1px; top:35px; width:100%; border:1px solid #ddd;z-index: 9999;}
	.header .inner .gnb .menu-area .menu .game-select .select-list > li {border-bottom:1px solid #ddd;}
	.header .inner .gnb .menu-area .menu .game-select .select-list > li:last-child {border-bottom:none;}
	.header .inner .gnb .menu-area .menu .game-select .select-list > li > a {display:block; padding:10px 0; font-size:14px; font-weight:700; color:#222; background:#fff;}
	.header .inner .gnb .menu-area .menu .game-select .select-list > li > a.active {color:#023e7a; background:#f5f5f5;}
	.header .inner .gnb .menu-area .menu .game-select > a.on ~ .select-list {display:block;}

	.header .inner .gnb .menu-area .menu .square-container {width:auto; height:auto;}
	.header .inner .gnb .menu-area .menu .square-container > ul > li:first-child {position:relative; left:0px; top:0px; margin:0;border:none;border-left:1px solid #ddd;}
	.header .inner .gnb .menu-area .menu .square-container > ul > li.menu-all {display:block;}
	.header .inner .gnb .menu-area .menu .square-container > ul > li.paralympic {display:none;}
	.header .inner .gnb .menu-area .menu .square-container .btn-menu-all {width:35px; height:35px; border:none; padding-top:10px;}
	.header .inner .gnb .menu-area .menu .square-container .btn-menu-all i {display:block; margin:0 auto; font-size:16px; width:16px;}
	.header .inner .gnb .menu-area .menu .square-container .btn-search {width:35px; height:35px; border-top:none; border-bottom:none; padding-top:10px;}
	.header .inner .gnb .menu-area .menu .square-container .btn-search i {display:block; margin:0 auto; font-size:16px; width:16px;}
	.header .inner .gnb .menu-area .menu .square-container .search-container {right:35px; top:0px; width:200px; background:#fff; border-top:none; border-bottom:none;}
	.header .inner .gnb .menu-area .menu .square-container .search-container > div {width:165px;}
	.header .inner .gnb .menu-area .menu .square-container .search-container input {height:35px;}
	.header .inner .gnb .menu-area .menu .square-container .search-container a {float:left; display:block; width:35px; height:25px; text-align:center; padding-top:10px;}
	.header .inner .gnb .menu-area .menu .square-container .search-container a > i {font-size:16px;}
    .header .inner .gnb-mobile{width:100%;overflow-x: auto;}
    .header .inner .gnb-mobile .depth1-container{display: table; width:100%;}
    .header .inner .gnb-mobile .depth1-container > li{position: relative; display: table-cell; vertical-align: middle;white-space: nowrap;}
    .header .inner .gnb-mobile .depth1-container > li > a.active{color: #108ccf;}
	.para .header .inner .gnb-mobile .depth1-container > li > a.active {color:#c3390f;}
    .header .inner .gnb-mobile .depth1-container > li > a {display: table;width: 100%;height: 35px; background: #fff;font-size: 13px;color: #222;font-weight:700;}
    .header .inner .gnb-mobile .depth1-container > li > a > div {display: table-cell;padding: 0 10px; text-align: center; vertical-align: middle;}
    .header .inner .gnb-mobile .depth1-container > li > a > div > span{display:inline-block;position: relative;}
    .header .inner .gnb-mobile .depth1-container > li > a > div > span:after{content: '';display: block;position: absolute;left:0;bottom: -10px;width:0;height:3px;background-color: #0090d4;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
    .header .inner .gnb-mobile .depth1-container > li > a.active > div > span:after,
    .header .inner .gnb-mobile .depth1-container > li > a:hover > div > span:after{width:100%;}
	.header .inner .picto-wrap {display: none;}
	.header .inner .picto-wrap.on {display:block;position:fixed; width:100%; height:100%; padding:52px 18px 20px 18px; left:0px; top:0px; z-index:1; overflow-y: auto;-webkit-overflow-scrolling: touch; background:rgba(6, 99, 157, 0.9); box-sizing:border-box; -webkit-box-sizing:border-box;}
	.header .inner .picto-wrap > ul{display:block;}
	.header .inner .picto-wrap > ul:after{content:""; display:block; clear:both;}
	.header .inner .picto-wrap > ul > li{display:block; float:left; width:33.3%; border:none;}
	.header .inner .picto-wrap > ul > li:nth-child(3n+1) {clear:both;}
	.header .inner .picto-wrap > ul > li > a {max-height:inherit; padding:0;}
	.header .inner .picto-wrap > ul > li > a > .picto-icon {margin:0 auto; width:50px;}
	.header .inner .picto-wrap > ul > li > a > .picto-icon .picto {fill:#fff;}
	.header .inner .picto-wrap > ul > li > a > .picto-title {display:block; position:relative; width:100%; padding:5px 0; min-height:45px; font-size:12px; color:#fff; background:none; box-shadow:none; white-space:inherit;}
	.header .inner .picto-wrap > ul > li > a > .picto-title:before {content:none;}
	.header .inner .picto-wrap > ul > li:first-child > a > .picto-title,
	.header .inner .picto-wrap > ul > li:last-child > a > .picto-title {min-width:inherit; padding:5px 0;}
	.header .inner .picto-wrap > ul > li:nth-child(13) > a > .picto-title,
	.header .inner .picto-wrap > ul > li:nth-child(14) > a > .picto-title,
	.header .inner .picto-wrap > ul > li:nth-child(15) > a > .picto-title{min-height:40px;}
	.header .inner .picto-wrap .btn-close-picto {position:absolute; top:0; right:0; width: 48px; height: 53px; background: #00487a; padding: 0; font-size: 16px; color: #fff;line-height: 60px; text-align: center;}
	.header .inner .picto-wrap .btn-close-picto a {display:block; width:100%; height:100%; font-size:16px; color:#fff;}
	.para .header .inner .picto-wrap .btn-close-picto {background:#7f2104;}


	.header .inner .btn-allMenu{padding: 18px 10px 18px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: none;color: #fff;text-align: center;position: absolute;right: 0;top: 0;}
	.header .inner .hamburger .line{width: 17px;height: 2px;background-color: #fff;display: block;margin: 4px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
	.header .inner .hamburger:hover{cursor: pointer;}
	/* ONE */
	.header .inner #hamburger-1.is-active .line:nth-child(2){opacity: 0;}
	.header .inner #hamburger-1.is-active .line:nth-child(1){-webkit-transform: translateY(6px) rotate(45deg);-ms-transform: translateY(6px) rotate(45deg);-o-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg);}
	.header .inner #hamburger-1.is-active .line:nth-child(3){-webkit-transform: translateY(-6px) rotate(-45deg);-ms-transform: translateY(-6px) rotate(-45deg);-o-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) rotate(-45deg);}
    .header .all-menu-wrap {display:none;}
    .header .all-menu-wrap.on {display:block;position:fixed; width:100%; height:100%;left:0px; top:0px; z-index:1;background: #0076bf !important;}
    .header .all-menu-wrap .close-area {position:absolute; right:0px; top:0px; max-width:none; margin:0;z-index: 999;}
    .header .all-menu-wrap .btn-close-all-menu {position:relative; width:48px; height:53px; background:#00487a; padding:0; font-size:16px; color:#fff; line-height:60px; text-align:center;}
    .header .all-menu-wrap .btn-close-all-menu i {margin-left:0px; }
    .header .all-menu-wrap .btn-close-all-menu > span:first-child {display:none;}
    .header .all-menu-wrap .btn-close-all-menu i + span {display:initial;}
    .header .all-menu-wrap .search-mobile{width:100%;height:53px;padding-right:48px;border-bottom: 1px solid rgba(255,255,255,0.4);box-sizing: border-box;-webkit-box-sizing: border-box;}
    .header .all-menu-wrap .search-mobile > ul {display:table;width:100%;height:100%;table-layout: fixed;}
    .header .all-menu-wrap .search-mobile > ul > li {display:table-cell;vertical-align: middle;}
    .header .all-menu-wrap .search-mobile > ul > li > input{font-size:14px; margin-top:4px; height:28px; line-height:28px; border: none;color:#fff;outline:none;}
    .header .all-menu-wrap .search-mobile > ul > li > input::-webkit-input-placeholder {color: #fff !important;}
    .header .all-menu-wrap .search-mobile > ul > li > input:-moz-placeholder {color:#fff !important;}
    .header .all-menu-wrap .search-mobile > ul > li > input::-moz-placeholder {color:#fff !important;}
    .header .all-menu-wrap .search-mobile > ul > li > input:-ms-input-placeholder {color:#fff !important;}
    /*.header .all-menu-wrap .search-mobile > ul > li > input::placeholder {color:#fff !important;}*/
    .header .all-menu-wrap .search-mobile > ul > li:first-child{padding-left:20px;}
    .header .all-menu-wrap .search-mobile > ul > li:last-child{width:50px;text-align: center;}
    .header .all-menu-wrap .search-mobile > ul > li .btn-search{color:#fff; width:100%; height:52px; line-height:52px;}
    .header .all-menu-wrap .search-mobile > ul > li .btn-search > i{display: inline-block; font-size:17px; vertical-align:text-top;}

    .header .all-menu-wrap .lang > ul{display:table;width:100%;table-layout: fixed;}
    .header .all-menu-wrap .lang > ul > li{display:table-cell;text-align: center;vertical-align: middle;height:44px;}
    .header .all-menu-wrap .lang > ul > li > a{font-size: 14px;color: #fff;opacity: .7;}
    .header .all-menu-wrap .lang > ul > li.active > a{font-weight:700;color: #fff;opacity: 1;border-bottom: 1px solid #fff;}
    .header .all-menu-wrap .utils{width:100%;background: #005794;}
    .header .all-menu-wrap .utils > ul > li{float:left;width:33.333%;display:table;}
    .header .all-menu-wrap .utils > ul > li > a{display:table-cell;height:50px;padding:0 5px;border: 1px solid #015088; line-height:1.5; color:#fff;text-align: center;vertical-align: middle;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .header .all-menu-wrap .utils > ul > li + li > a {border-left: 0;}
    .header .all-menu-wrap .utils > ul:after{content:'';display:block;clear: both;}
    .header .inner .all-menu-wrap .all-menu{font-size: 14px;padding:10px 0; height: calc(100% - 147px);height: -moz-calc(100% - 147px);height: -webkit-calc(100% - 147px);/*padding-bottom: 147px;*/overflow-y: auto;-webkit-overflow-scrolling: touch;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .header .inner .all-menu-wrap .all-menu > ul {display: block;}
    .header .inner .all-menu-wrap .all-menu > ul > li {display: block;}
    .header .inner .all-menu-wrap .all-menu > ul > li > ul > li{padding-top:0; padding-left:20px;padding-right:20px;}
    .header .inner .all-menu-wrap .all-menu > ul > li > ul > li > a {color: #feffff;width:100%;padding:12px 0;border-top: 1px solid #005f9c;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .header .inner .all-menu-wrap .all-menu > ul > li:first-child > ul > li:first-child > a{border-top: 0;}
    .header .inner .all-menu-wrap .all-menu > ul > li:last-child{padding-top: 20px;}
    .header .inner .all-menu-wrap .all-menu > ul > li:last-child > ul{background: #005794;}
    .header .inner .all-menu-wrap .all-menu > ul > li:last-child > ul > li > a{     border-top: 1px solid #146aa5;}
    .header .inner .all-menu-wrap .all-menu > ul > li:last-child > ul > li:first-child > a{border-top: 0;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap{color:#fff; position:relative; padding:21px 20px 12px 20px; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap .profile {position:absolute; top:16px; left:20px; font-size:26px; width:26px; height:26px; overflow:hidden;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap .profile img {width:100%; height:auto;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap .state {padding-left:36px; line-height:1.3;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap .state .state-user {font-weight:700; font-size:15px;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap .state .state-intro {margin-top:6px; opacity:0.75;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap .state .state-intro a {color:#000; text-decoration:underline;}

    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap a.btn-blue{position: absolute;top:50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);font-size:14px; background-color:#00487a; right:148px;height: 28px;line-height: 28px;padding: 8px 25px;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap a.btn-blue:last-child{right:20px;}
    .wrap.para .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap a.btn-blue{background-color: #7f2104;border-color: #6f1a00;}

    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .link-wrap {text-align:center; background: #fff; position:relative;}
	.header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .link-wrap:after {content:"\e90b"; font-family:'gametime-icon'; display:block; position:absolute; top:50%; right:9px; margin-top:-7px;  font-size:12px; color:#00487a;}
	.header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .link-wrap a {display:block;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .link-wrap img {width:300px;}
	.header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .sns-wrap {padding:5px 10px; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .sns-wrap > ul {display:table;width:100%;table-layout:fixed;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .sns-wrap > ul > li{float:none;display:table-cell;text-align: center;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .sns-wrap > ul > li > a{padding:10px;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .sns-wrap > ul > li > a > i{font-size:25px; color:#fff;}

	.header .sns-area i.icon-facebook {background-color:#3a5897  !important;}
	.header .sns-area i.icon-twitter {background-color:#01bbf6 !important;}
	.header .sns-area i.icon-googleplus {background-color:#ef4135 !important;}
	.header .sns-area i.icon-pinterest {background-color:#fff !important; color:#cb2028 !important;}
	.header .sns-area i.icon-linkedin {background-color:#0177b5 !important;}
	.header .sns-area i.icon-email {background-color:#659b41 !important;}
	.header .sns-area i.icon-kakaotalk {background-color:#fee707 !important; color:#010101 !important;}
	.header .sns-area i.icon-instagram {background-color:#b032ad !important;}
	.header .sns-area i.icon-line {background-color:#35b44a !important;}
	.header .sns-area i.icon-band {background-color:#51515c !important;}
	.header .sns-area i.icon-youtube {background-color:#d11b14 !important;}
	.header .sns-area i.icon-weibo {background-color:#d72829 !important;}
	.header .sns-area i.icon-flickr {background-color:#006add !important;}
	.header .sns-area i.icon-blog {background-color:#ef6f20 !important;}
	.header .sns-area i.icon-naver {background-color:#32b44a !important;}

	/* margnet UI */
	.mwUI_is_fixed_wrap {position:fixed; top:0; left:0; width:100%; height:93px !important; /*border-bottom:1px solid #d0d0d0;*/ z-index:9999;}
	.mwUI_is_fixed_wrap .header {height:93px;}
	.mwUI_is_fixed_wrap_sub-top-container {display:none;}
	.mwUI_is_sticky {height:93px !important;}
	.mwUI_is_sticky_sub-top-container.sub-top-container {display:none;}
	/*.mwUI_is_sticky_sub-top-container.sub-top-container ~ .sub-content-area {padding-top:70px;}*/

	.header.fix-style {background:#fff;}
	.header.fix-style .inner {height:auto;}
	.header.fix-style .inner .gnb .logo {width:60px; padding:3px;}
	.header.fix-style .inner .gnb .logo img {width:44px;}
	.header.fix-style .inner .gnb .menu-area {}
	.header.fix-style .inner .gnb .menu-area .utils {display:none;}
	.header.fix-style .inner .gnb .menu-area .menu .depth1-container > li > a {height:50px; padding-top:15px; font-size:16px;}
	.header.fix-style .inner .gnb .menu-area .menu .square-container > ul > li:first-child {position:relative; left:0px; top:0px; margin:0;}

	/*.header.mwUI_is_sticky {background:#fff;}
	.header.mwUI_is_sticky .inner {height:auto;}
	.header.mwUI_is_sticky .inner .gnb .logo {width:50px; padding:3px;}
	.header.mwUI_is_sticky .inner .gnb .logo img {width:44px;}
	.header.mwUI_is_sticky .inner .gnb .menu-area {}
	.header.mwUI_is_sticky .inner .gnb .menu-area .utils {display:none;}
	.header.mwUI_is_sticky .inner .gnb .menu-area .menu .depth1-container > li > a {height:50px; padding-top:15px; font-size:16px;}
	.header.mwUI_is_sticky .inner .gnb .menu-area .menu .square-container > ul > li:first-child {position:relative; left:0px; top:0px; margin:0;}*/

	.header.mwUI_is_sticky .all-menu,
	.header.fix-style .all-menu {top:0px;}

	.header.mwUI_is_fixed {position: fixed; top:0px; z-index:9999;}
	.header.mwUI_is_sticky {position:fixed !important; top:0px !important; z-index:9999;}
	.header.mwUI_is_sticky.onSticky {}
	/*.header.mwUI_is_sticky + #contents {padding-top:40px;}*/

	.header.mwUI_is_fixed .inner {/*background:red !important;*/}
	.header.mwUI_is_sticky .inner {/*background:orange !important;*/}
	.header.mwUI_is_sticky.onSticky .inner {/*background:yellow !important;*/}

	/* logo-text */
	.sponsor-list > ul > li .logo-list.logo-text li {padding:0;}
	.sponsor-list > ul > li .logo-list.logo-text li a {font-size:13px;}

	/* footer */
    .footer {box-sizing:border-box;}
	.footer .foot-link {display:inline-block; padding:0;}
	.footer .foot-link .link {padding-right:0;}
    .footer .foot-link .link > li{width:100%;border-bottom: 1px solid #404040; padding:0 10px;box-sizing: border-box;}
    .footer .foot-link .link > li > a{display:block;position: absolute;top: 0; left: 0; height:40px; font-size:16px;color:#777;padding:10px;width:100%;text-align: right;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .footer .foot-link .link > li > a i {font-size:14px; position:absolute; top:50%; right:10px; margin-top:-7px;}
	.footer .foot-link .link > li > strong {font-size:13px; padding:12px 20px 13px 0px;color:#fefefe;}
    .footer .foot-link .link > li > ul{display:none;padding-bottom: 10px;}
    .footer .foot-link .link > li > ul > li{padding-right: 0;}
	.footer .foot-link .link > li > ul > li + li {margin-top:8px;}
	.footer .foot-link .site {width:100%; top:0px; font-size: 13px;}
	.footer .foot-link .family {width:100%; right:0; left:0; font-size: 13px;}
	.footer .foot-link .site:after {margin-top:11px;}
    .footer .foot-link .link-group{position: relative;margin-top:5px;padding:0 10px; box-sizing:border-box; -webkit-box-sizing:border-box;}
	.footer .foot-link .list-layer-box .list-layer {}

	.footer .foot-powered {position:relative; bottom:auto; margin:12px 0 10px 0; padding:0 15px; text-align:right;}
	.footer .foot-powered img {width:95px;}

	.para .footer .foot-powered {right:auto;}
	.para .footer .mark {display:none;}

    .footer .foot-link .sns-wrap {position: relative;right:0;margin-top:5px;width: auto; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box;}
	.footer .foot-link .sns-wrap > ul {display:table;width:100%;table-layout:fixed;;}
    .footer .foot-link .sns-wrap > ul > li{float:none;display:table-cell;text-align: center;}
    .footer .foot-link .sns-wrap > ul > li > a{padding:10px;}
    .footer .foot-link .sns-wrap > ul > li > a > i{font-size:25px; color:#a4a4a4;}
	/* NEW footer link */
	.footer .selectric-wrapper .button:after {font-size:10px;}
	.footer .address-info {float:right; display:inline-block; width:42%; margin-top:0px;}
	.footer .address-info address {display:none;}
	.footer .address-info > p > span {letter-spacing:-1px; }
	.footer .copyright {padding:0 15px;}
	.footer .copyright .inner {padding-top:16px; padding-bottom:16px; height:inherit;}
	.footer .copyright .mark {display:none;}
	.footer .copyright .logo {float:left; width:108px;}
	.footer .copyright .rights {float:right;}

    .only-pc {display:none !important} /* pc 에서만 보임 */
	.only-pc-view {display:block !important;}
    .only-mobile {display:none !important} /* mobile 에서만 보임 */
	.only-mobile-view {display:block !important;}
	
	.wrap {padding-top:93px;}
	.contents{padding-top:0;margin-bottom: 20px;}
	.sub-top-container {display:none;}
    .float-bottom {display:block;}
}





/*******************************************************************
## Mobile

@media only screen and (min-width: 0px) and (max-width: 767px){
********************************************************************/

@media only screen and (min-width: 0px) and (max-width: 767.9999999999px){
	body {font-size:12px}

	/* device display */
	.img-pc {display:none !important}
	.img-tablet {display:none !important}
	.img-mobile {display:block}
	.cont-mobile {display:block} /* mobile 에서만 보임 */
	.only-mobile {display:block !important} /* mobile 에서만 보임 */
	.only-mobile-view {display:block !important} /* mobile 에서만 보임 */
	.only-pc {display:none !important} /* pc, tablet 에서만 보임 */
	.only-pc-view {display:none !important} /* pc, tablet 에서만 보임 */
	.tablecell-mobile {display:none} /* mobile 에서만 안보임 */
	.tablecell-view {display:table-cell} /* mobile 에서 보임 : td */

	.wrap {min-width:inherit; position:relative; }
	.wrap > .inner {display:inline-block; box-sizing:border-box; width:100%; }

	.section-full{}
	.section-full.bg{}
	.section-crop{}
	.section-crop.bg{padding:20px 10px;}

	.wrap {padding-top:93px;}
	.contents{padding-top:0; margin-bottom:20px;}
	#mainContainer.contents {margin-top:0;}

	.only-pc:not(:first-child) + .section-inner,
	.only-mobile-view + .section-inner {margin-top:10px;}

	/* common - form */
	input{max-width:inherit;}
	input.inpt {height:35px; padding:0 2px 1px 7px; line-height:33px; font-size:12px}
	input,textarea,select {vertical-align:top;}
	textarea{font-size:14px;height:150px}


	.chk-input {width:290px;}
	.chk-input input[type=text] {width:220px;}

	/* select */
	.sel {height:35px; line-height:35px;}
	.sel:before {content:''; display:block; width:0; height:0; border-width:6px 3px 0; border-color:#6c6c6c transparent transparent; border-style:solid; position:absolute; top:50%; right:6px; margin-top:-3px; z-index:1;}
	.sel:after {content:''; display:block; width:18px; height:100%; background:white; position:absolute; top:0px; right:0px; }
	.sel select {-webkit-border-radius:1px; -webkit-appearance:none; background:none; position:relative; z-index:2; font-size:12px; }

	/* radio */
	.rdo {display:block;}
	.rdo + .rdo {margin-left:0; margin-top:4px;}

	/* header */
	.header {border-bottom:none;}
    .header .inner{box-shadow: 0 2px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);}
	.header .gnb-mobile{display:block;}
	.header .inner .gnb .logo {box-sizing:border-box; width:60px; height:58px; padding:3px; border-left:none; -webkit-transition:none; transition:none;}
	.header .inner .gnb .logo img {width:44px;}
	.header .inner .gnb .menu-area {position:relative;}
	.header .inner .gnb .menu-area .utils {position: absolute;top: 0;left:0; width:calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:-ms-calc(100% - 40px); z-index: 1;background:none !important;height:58px; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .header .inner .gnb .menu-area .utils > span{line-height: 58px; margin-left:15px;}
    .header .inner .gnb .menu-area .utils > span.right {float:right;}
    .header .inner .gnb .menu-area .utils > span.right:after {content:""; display:inline-block; margin-left:15px; width:1px; height:14px; background:#fff; vertical-align:middle;}
	.header .inner .gnb .menu-area .utils > span a {color:#fff;}
    .header .inner .gnb .menu-area .utils > ul.util {display:none;}
	.header .inner .gnb .menu-area .menu {background:#005895 url(/images/common/bg/bg-header-m.png) no-repeat right top; background-size:auto 58px; box-sizing:border-box; width:100%; height:58px; padding-right:70px;}
	.header .inner .gnb .menu-area .menu .depth1-container {display:none;}
	.header .inner .gnb .menu-area .menu .game-select {position:relative; display:block; text-align:center;}
	.header .inner .gnb .menu-area .menu .game-select .select-wrap {display:inline-block; padding:0 10px;}
	.header .inner .gnb .menu-area .menu .game-select > a {display:block; padding:10px 0; font-size:14px; line-height:15px; font-weight:700; color:#222; background:#fff;}
	.header .inner .gnb .menu-area .menu .game-select > a > i {color:#004986; font-size:10px; font-weight:700; margin-left:10px;}
	.header .inner .gnb .menu-area .menu .game-select > a.on > i:before {content:"\e925"}
	.header .inner .gnb .menu-area .menu .game-select .select-list {display:none; position:absolute; left:-1px; top:35px; width:100%; border:1px solid #ddd;z-index: 9999;}
	.header .inner .gnb .menu-area .menu .game-select .select-list > li {border-bottom:1px solid #ddd;}
	.header .inner .gnb .menu-area .menu .game-select .select-list > li:last-child {border-bottom:none;}
	.header .inner .gnb .menu-area .menu .game-select .select-list > li > a {display:block; padding:10px 0; font-size:14px; font-weight:700; color:#222; background:#fff;}
	.header .inner .gnb .menu-area .menu .game-select .select-list > li > a.active {color:#023e7a; background:#f5f5f5;}
	.header .inner .gnb .menu-area .menu .game-select > a.on ~ .select-list {display:block;}

	.header .inner .gnb .menu-area .menu .square-container {width:auto; height:auto;}
	.header .inner .gnb .menu-area .menu .square-container > ul > li:first-child {position:relative; left:0px; top:0px; margin:0;border:none;border-left:1px solid #ddd;}
	.header .inner .gnb .menu-area .menu .square-container > ul > li.menu-all {display:block;}
	.header .inner .gnb .menu-area .menu .square-container > ul > li.paralympic {display:none;}
	.header .inner .gnb .menu-area .menu .square-container .btn-menu-all {width:35px; height:35px; border:none; padding-top:10px;}
	.header .inner .gnb .menu-area .menu .square-container .btn-menu-all i {display:block; margin:0 auto; font-size:16px; width:16px;}
	.header .inner .gnb .menu-area .menu .square-container .btn-search {width:35px; height:35px; border-top:none; border-bottom:none; padding-top:10px;}
	.header .inner .gnb .menu-area .menu .square-container .btn-search i {display:block; margin:0 auto; font-size:16px; width:16px;}
	.header .inner .gnb .menu-area .menu .square-container .search-container {right:35px; top:0px; width:200px; background:#fff; border-top:none; border-bottom:none;}
	.header .inner .gnb .menu-area .menu .square-container .search-container > div {width:165px;}
	.header .inner .gnb .menu-area .menu .square-container .search-container input {height:35px;}
	.header .inner .gnb .menu-area .menu .square-container .search-container a {float:left; display:block; width:35px; height:25px; text-align:center; padding-top:10px;}
	.header .inner .gnb .menu-area .menu .square-container .search-container a > i {font-size:16px;}
    .header .inner .gnb-mobile{width:100%;overflow-x: auto;}
    .header .inner .gnb-mobile .depth1-container{display: table; width:100%;}
    .header .inner .gnb-mobile .depth1-container > li{position: relative; display: table-cell; vertical-align: middle;white-space: nowrap;}
    .header .inner .gnb-mobile .depth1-container > li > a.active{color: #108ccf;}
	.para .header .inner .gnb-mobile .depth1-container > li > a.active {color:#c3390f;}
    .header .inner .gnb-mobile .depth1-container > li > a {display: table;width: 100%;height: 35px; background: #fff;font-size: 13px;color: #222;font-weight:700;}
    .header .inner .gnb-mobile .depth1-container > li > a > div {display: table-cell;padding: 0 10px; text-align: center; vertical-align: middle;}
    .header .inner .gnb-mobile .depth1-container > li > a > div > span{display:inline-block;position: relative;}
    /*.header .inner .gnb-mobile .depth1-container > li > a > div > span:after{content: '';display: block;position: absolute;left:0;bottom: -10px;width:0;height:3px;background-color: #0090d4;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
    .header .inner .gnb-mobile .depth1-container > li > a.active > div > span:after,
    .header .inner .gnb-mobile .depth1-container > li > a:hover > div > span:after{width:100%;}*/
	.header .inner .picto-wrap {display: none;}
	.header .inner .picto-wrap.on {display:block;position:fixed; width:100%; height:100%; padding:52px 18px 20px 18px; left:0px; top:0px; z-index:1; overflow-y: auto;-webkit-overflow-scrolling: touch; background:rgba(6, 99, 157, 0.9); box-sizing:border-box; -webkit-box-sizing:border-box;}
	.header .inner .picto-wrap > ul{display:block;}
	.header .inner .picto-wrap > ul:after{content:""; display:block; clear:both;}
	.header .inner .picto-wrap > ul > li{display:block; float:left; width:33.3%; border:none;}
	.header .inner .picto-wrap > ul > li:nth-child(3n+1) {clear:both;}
	.header .inner .picto-wrap > ul > li > a {max-height:inherit; padding:0;}
	.header .inner .picto-wrap > ul > li > a > .picto-icon {margin:0 auto; width:50px;}
	.header .inner .picto-wrap > ul > li > a > .picto-icon .picto {fill:#fff;}
	.header .inner .picto-wrap > ul > li > a > .picto-title {display:block; position:relative; width:100%; padding:5px 0; min-height:45px; font-size:12px; color:#fff; background:none; box-shadow:none; white-space:inherit;}
	.header .inner .picto-wrap > ul > li > a > .picto-title:before {content:none;}
	.header .inner .picto-wrap > ul > li:first-child > a > .picto-title,
	.header .inner .picto-wrap > ul > li:last-child > a > .picto-title {min-width:inherit; padding:5px 0;}
	.header .inner .picto-wrap > ul > li:nth-child(13) > a > .picto-title,
	.header .inner .picto-wrap > ul > li:nth-child(14) > a > .picto-title,
	.header .inner .picto-wrap > ul > li:nth-child(15) > a > .picto-title{min-height:40px;}
	.header .inner .picto-wrap .btn-close-picto {position:absolute; top:0; right:0; width: 48px; height: 53px; background: #00487a; padding: 0; font-size: 16px; color: #fff;line-height: 60px; text-align: center;}
	.header .inner .picto-wrap .btn-close-picto a {display:block; width:100%; height:100%; font-size:16px; color:#fff;}
	.para .header .inner .picto-wrap .btn-close-picto {background:#7f2104;}

	.header .inner .btn-allMenu{padding: 18px 10px 18px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: none;color: #fff;text-align: center;position: absolute;right: 0;top: 0;}

	.header .inner .hamburger .line{width: 17px;height: 2px;background-color: #fff;display: block;margin: 4px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
	.header .inner .hamburger:hover{cursor: pointer;}
	/* ONE */
	.header .inner #hamburger-1.is-active .line:nth-child(2){opacity: 0;}
	.header .inner #hamburger-1.is-active .line:nth-child(1){-webkit-transform: translateY(6px) rotate(45deg);-ms-transform: translateY(6px) rotate(45deg);-o-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg);}
	.header .inner #hamburger-1.is-active .line:nth-child(3){-webkit-transform: translateY(-6px) rotate(-45deg);-ms-transform: translateY(-6px) rotate(-45deg);-o-transform: translateY(-6px) rotate(-45deg);transform: translateY(-6px) rotate(-45deg);}
    .header .all-menu-wrap {display:none;}
    .header .all-menu-wrap.on {display:block;position:fixed; width:100%; height:100%;left:0px; top:0px; z-index:1;background: #0076bf !important;}
    .header .all-menu-wrap .close-area {position:absolute; right:0px; top:0px; max-width:none; margin:0;z-index: 999;}
    .header .all-menu-wrap .btn-close-all-menu {position:relative; width:48px; height:53px; background:#00487a; padding:0; font-size:16px; color:#fff; line-height:60px; text-align:center;}
    .header .all-menu-wrap .btn-close-all-menu i {margin-left:0px; }
    .header .all-menu-wrap .btn-close-all-menu > span:first-child {display:none;}
    .header .all-menu-wrap .btn-close-all-menu i + span {display:initial;}
    .header .all-menu-wrap .search-mobile{width:100%;height:53px;padding-right:48px;border-bottom: 1px solid rgba(255,255,255,0.4);box-sizing: border-box;-webkit-box-sizing: border-box;}
    .header .all-menu-wrap .search-mobile > ul {display:table;width:100%;height:100%;table-layout: fixed;}
    .header .all-menu-wrap .search-mobile > ul > li {display:table-cell;vertical-align: middle;}
    .header .all-menu-wrap .search-mobile > ul > li > input{font-size:14px; margin-top:4px; height:28px; line-height:28px; border: none;color:#fff;outline:none;}
    .header .all-menu-wrap .search-mobile > ul > li > input::-webkit-input-placeholder {color: #fff !important;}
    .header .all-menu-wrap .search-mobile > ul > li > input:-moz-placeholder {color:#fff !important;}
    .header .all-menu-wrap .search-mobile > ul > li > input::-moz-placeholder {color:#fff !important;}
    .header .all-menu-wrap .search-mobile > ul > li > input:-ms-input-placeholder {color:#fff !important;}
    /*.header .all-menu-wrap .search-mobile > ul > li > input::placeholder {color:#fff !important;}*/
    .header .all-menu-wrap .search-mobile > ul > li:first-child{padding-left:20px;}
    .header .all-menu-wrap .search-mobile > ul > li:last-child{width:50px;text-align: center;}
    .header .all-menu-wrap .search-mobile > ul > li .btn-search{color:#fff; width:100%; height:52px; line-height:52px;}
    .header .all-menu-wrap .search-mobile > ul > li .btn-search > i{display: inline-block; font-size:17px; vertical-align:text-top;}

    .header .all-menu-wrap .lang > ul{display:table;width:100%;table-layout: fixed;}
    .header .all-menu-wrap .lang > ul > li{display:table-cell;text-align: center;vertical-align: middle;height:44px;}
    .header .all-menu-wrap .lang > ul > li > a{font-size: 14px;color: #fff;opacity: .7;}
    .header .all-menu-wrap .lang > ul > li.active > a{font-weight:700;color: #fff;opacity: 1;border-bottom: 1px solid #fff;}
    .header .all-menu-wrap .utils{width:100%;background: #005794;}
    .header .all-menu-wrap .utils > ul > li{float:left;width:33.333%;display:table;}
    .header .all-menu-wrap .utils > ul > li > a{display:table-cell;height:50px; padding:0 5px; border: 1px solid #015088; line-height:1.5; color:#fff;text-align: center;vertical-align: middle;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .header .all-menu-wrap .utils > ul > li + li > a {border-left: 0;}
    .header .all-menu-wrap .utils > ul:after{content:'';display:block;clear: both;}
    .header .inner .all-menu-wrap .all-menu{font-size: 14px;padding:10px 0;height:calc(100% - 147px);height:-moz-calc(100% - 147px);height:-webkit-calc(100% - 147px);/*padding-bottom: 147px;*/overflow-y: auto;-webkit-overflow-scrolling: touch;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .header .inner .all-menu-wrap .all-menu > ul {display: block;}
    .header .inner .all-menu-wrap .all-menu > ul > li {display: block;}
    .header .inner .all-menu-wrap .all-menu > ul > li > ul > li{padding-top:0; padding-left:20px;padding-right:20px;}
    .header .inner .all-menu-wrap .all-menu > ul > li > ul > li > a {color: #feffff;width:100%;padding:12px 0;border-top: 1px solid #005f9c;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .header .inner .all-menu-wrap .all-menu > ul > li:first-child > ul > li:first-child > a{border-top: 0;}
    .header .inner .all-menu-wrap .all-menu > ul > li:last-child{padding-top: 20px;}
    .header .inner .all-menu-wrap .all-menu > ul > li:last-child > ul{background: #005794;}
    .header .inner .all-menu-wrap .all-menu > ul > li:last-child > ul > li > a{     border-top: 1px solid #146aa5;}
    .header .inner .all-menu-wrap .all-menu > ul > li:last-child > ul > li:first-child > a{border-top: 0;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap{color:#fff; position:relative; padding:21px 20px 12px 20px; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap .profile {position:absolute; top:16px; left:20px; font-size:26px; width:26px; height:26px; overflow:hidden;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap .profile img {width:100%; height:auto;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap .state {padding-left:36px; line-height:1.3;color:#fff; margin-bottom: 10px;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap .state .state-user {font-weight:700; font-size:15px;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap .state .state-intro {margin-top:6px; opacity:0.75;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap .state .state-intro a {color:#000; text-decoration:underline;}

    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap a.btn-blue{font-size:14px; padding:10px;float: left; width: 48%;background-color:#00487a;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap a.btn-blue + a.btn-blue{margin-left:4%;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap:after{content: '';display:block;clear: both;}
    .wrap.para .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap a.btn-blue{background-color: #7f2104;border-color: #6f1a00;color: #fff;}
    /*.header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap a.btn-blue{position: absolute;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right:148px;font-size: 16px;line-height: 28px;height:28px;color:#fff;padding: 8px 24px;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .login-wrap a.btn-blue:last-child{right:20px;}*/

    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .link-wrap {text-align:center; background: #fff; position:relative;}
	.header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .link-wrap:after {content:"\e90b"; font-family:'gametime-icon'; display:block; position:absolute; top:50%; right:9px; margin-top:-7px;  font-size:12px; color:#00487a;}
	.header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .link-wrap a {display:block;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .link-wrap img {width:300px;}
	.header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .sns-wrap {padding:5px 10px; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .sns-wrap > ul {display:table;width:100%;table-layout:fixed;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .sns-wrap > ul > li{float:none;display:table-cell;text-align: center;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .sns-wrap > ul > li > a{padding:10px;}
    .header .inner .all-menu-wrap .all-menu .menu-bottom-mobile .sns-wrap > ul > li > a > i{font-size:25px; color:#fff;}

	.header .sns-area i.icon-facebook {background-color:#3a5897  !important;}
	.header .sns-area i.icon-twitter {background-color:#01bbf6 !important;}
	.header .sns-area i.icon-googleplus {background-color:#ef4135 !important;}
	.header .sns-area i.icon-pinterest {background-color:#fff !important; color:#cb2028 !important;}
	.header .sns-area i.icon-linkedin {background-color:#0177b5 !important;}
	.header .sns-area i.icon-email {background-color:#659b41 !important;}
	.header .sns-area i.icon-kakaotalk {background-color:#fee707 !important; color:#010101 !important;}
	.header .sns-area i.icon-instagram {background-color:#b032ad !important;}
	.header .sns-area i.icon-line {background-color:#35b44a !important;}
	.header .sns-area i.icon-band {background-color:#51515c !important;}
	.header .sns-area i.icon-youtube {background-color:#d11b14 !important;}
	.header .sns-area i.icon-weibo {background-color:#d72829 !important;}
	.header .sns-area i.icon-flickr {background-color:#006add !important;}
	.header .sns-area i.icon-blog {background-color:#ef6f20 !important;}
	.header .sns-area i.icon-naver {background-color:#32b44a !important;}

	/* margnet UI */
	.mwUI_is_fixed_wrap {position:fixed; top:0; left:0; width:100%; height:93px !important; /*border-bottom:1px solid #d0d0d0;*/ z-index:9999;}
	.mwUI_is_fixed_wrap .header {height:93px;}
	.mwUI_is_fixed_wrap_sub-top-container {display:none;}
	.mwUI_is_sticky {height:93px !important;}
	.mwUI_is_sticky_sub-top-container.sub-top-container {display:none;}
	/*.mwUI_is_sticky_sub-top-container.sub-top-container ~ .sub-content-area {padding-top:70px;}*/

	.header.fix-style {background:#fff;}
	.header.fix-style .inner {height:auto;}
	.header.fix-style .inner .gnb .logo {width:60px; padding:3px;}
	.header.fix-style .inner .gnb .logo img {width:44px;}
	.header.fix-style .inner .gnb .menu-area .utils {display:none;}
	.header.fix-style .inner .gnb .menu-area .menu .depth1-container > li > a {height:50px; padding-top:15px; font-size:16px;}
	.header.fix-style .inner .gnb .menu-area .menu .square-container > ul > li:first-child {position:relative; left:0px; top:0px; margin:0;}

	/*.header.mwUI_is_sticky {background:#fff;}
	.header.mwUI_is_sticky .inner {height:auto;}
	.header.mwUI_is_sticky .inner .gnb .logo {width:50px; padding:3px;}
	.header.mwUI_is_sticky .inner .gnb .logo img {width:44px;}
	.header.mwUI_is_sticky .inner .gnb .menu-area {}
	.header.mwUI_is_sticky .inner .gnb .menu-area .utils {display:none;}
	.header.mwUI_is_sticky .inner .gnb .menu-area .menu .depth1-container > li > a {height:50px; padding-top:15px; font-size:16px;}
	.header.mwUI_is_sticky .inner .gnb .menu-area .menu .square-container > ul > li:first-child {position:relative; left:0px; top:0px; margin:0;}*/

	.header.mwUI_is_sticky .all-menu,
	.header.fix-style .all-menu {top:0px;}

	.header.mwUI_is_fixed {position: fixed; top:0px; z-index:9999;}
	.header.mwUI_is_sticky {position:fixed !important; top:0px !important; z-index:9999;}
	.header.mwUI_is_sticky.onSticky {}
	/*.header.mwUI_is_sticky + #contents {padding-top:40px;}*/

	.header.mwUI_is_fixed .inner {/*background:red !important;*/}
	.header.mwUI_is_sticky .inner {/*background:orange !important;*/}
	.header.mwUI_is_sticky.onSticky .inner {/*background:yellow !important;*/}

    .floatHeader{display:none !important;}
	/* footer */
	.footer {box-sizing:border-box;}
	.footer .foot-link {display:inline-block; padding:0;}
	.footer .foot-link .link {padding-right:0;}
    .footer .foot-link .link > li{width:100%;border-bottom: 1px solid #404040; padding:0 10px;box-sizing: border-box;}
    .footer .foot-link .link > li > ul{display:none;padding-bottom: 10px;}
    .footer .foot-link .link > li > ul > li{padding-right: 0;}
	.footer .foot-link .link > li > strong {font-size:13px; padding:12px 20px 13px 0px;color:#fefefe;}
    .footer .foot-link .link > li > a{display:block;position: absolute;top: 0; left: 0; height:40px; font-size:16px;color:#777;padding:10px;width:100%;text-align: right;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .footer .foot-link .link > li > a i {font-size:14px; position:absolute; top:50%; right:10px; margin-top:-7px;}
	.footer .foot-link .site {width:100%; top:0px; font-size: 13px;}
	.footer .foot-link .family {width:100%; right:0; left:0; font-size: 13px;}
	.footer .foot-link .site:after {margin-top:11px;}
    .footer .foot-link .link-group{position: relative;margin-top:5px;padding:0 10px;}

	.footer .foot-powered {position:relative; bottom:auto; margin:12px 0 10px 0; padding:0 15px; text-align:right;}
	.footer .foot-powered img {width:95px;}

	.para .footer .foot-powered {right:auto;}
	.para .footer .mark {display:none;}

    .footer .foot-link .sns-wrap {position: relative;right:0;margin-top:5px;width: auto; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box;}
	.footer .foot-link .sns-wrap > ul {display:table;width:100%;table-layout:fixed;;}
    .footer .foot-link .sns-wrap > ul > li{float:none;display:table-cell;text-align: center;}
    .footer .foot-link .sns-wrap > ul > li > a{padding:10px;}
    .footer .foot-link .sns-wrap > ul > li > a > i{font-size:25px; color:#a4a4a4;}

	/* NEW footer link */
	.footer .selectric-wrapper .button:after {font-size:10px;}
	.footer .foot-link .list-layer-box .list-layer {}
	.footer .foot-link .util {display:none;}
	.footer .foot-link .logo {height:20px;}
	.footer .foot-link .logo > img {height:20px;}
	.footer .foot-link .logo > span {padding-top:9px;font-size:11px;}
	.footer .address-info {float:right; display:inline-block; width:42%; margin-top:0px;}
	.footer .address-info address {display:none;}
	.footer .address-info > p > span {letter-spacing:-1px; }
	.footer .copyright {padding:0 15px;}
	.footer .copyright .inner {padding-top:16px; padding-bottom:16px; height:inherit;}
	.footer .copyright .mark {display:none;}
	.footer .copyright .logo {float:left; width:108px;}
	.footer .copyright .rights {float:right;}

	.sub-top-container {display:none;}

	* + .category-wrap {margin-top:15px;}
	.category-wrap .category-type2 .category-title {display:block; border-top:none; border-bottom:none;}
	.category-wrap .category-type2 .category-title > li {display:block;}
	.category-wrap .category-type2 .category-title > li + li {margin-top:-1px;}
	.category-wrap .category-type2 .category-title > li > a {padding:12px 10px; font-size:14px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
	.category-wrap .category-type2 .category-title > li.active > a {color:#fff; background-color:#108ccf; border-top-color:#108ccf; border-bottom-color:#108ccf; z-index:5;}
	.category-wrap .category-type2 .category-title > li.active:after {display:none;}

	.para .category-wrap .category-type2 .category-title > li.active > a {color:#fff; background-color:#c3390f; border-top-color:#c3390f; border-bottom-color:#c3390f;}

	.sponsor-list {margin-top:0;}
	.sponsor-list:before {top:-30px; height:30px; background-size:auto 30px;}
	.sponsor-list > ul {padding:10px 10px 0 10px; margin-top:10px; box-sizing:border-box;}
	.sponsor-list > ul > li {padding-top:0;}
	.sponsor-list > ul > li:last-child {padding-bottom:10px;}
	.sponsor-list > ul > li .title {font-size:12px; line-height:22px;}
	.sponsor-list > ul > li .title > span {display:none;}
	.sponsor-list > ul > li .title > a {position:relative; display:block; padding:15px 10px; background:#e9e9e9; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
	.sponsor-list > ul > li .title > a i {position:absolute; right:10px;}
	.sponsor-list > ul > li .title > a i.icon-up2 {display:none;}
	.sponsor-list > ul > li .title > a.on i.icon-up2 {display:inline-block;}
	.sponsor-list > ul > li .title > a.on i.icon-down2 {display:none;}
	.sponsor-list > ul > li .acc-content {margin:8px -10px 0 -10px;}
	.sponsor-list > ul > li.accordion {margin-top:-4px;}
	.sponsor-list > ul > li.accordion .acc-content {background:#fff;}
	.sponsor-list > ul > li.accordion .logo-list {padding-bottom:5px; border-bottom:none; padding-top:5px;}
	.sponsor-list > ul > li .acc-content .logo-list li {float:left; margin:0; width:33%; height:auto; padding:5px; box-sizing:border-box; text-align:center;}
	.sponsor-list > ul > li .acc-content .logo-list li img {max-width:130px; width:100%;}
	.sponsor-list > ul > li.type-double > div {width:100%;}
	.sponsor-list > ul > li.type-double .acc-content {padding:10px 10px 0;}
	.sponsor-list > ul > li.type-double .acc-content .logo-list li {width:25%;}
	.sponsor-list > ul > li.type-2 .acc-content .logo-list li {width:33%;}
	.sponsor-list > ul > li.type-3 .acc-content .logo-list li {width:25%;}
	.sponsor-list > ul > li .logo-list li a {width:100%; height:40px;}
	.sponsor-list > ul > li .logo-list.logo-text li a {height:40px;padding:0;font-size:11px;line-height:1.2;}

	.float-bottom {display:block;}

	/*icon */
	i.icon-file:before {font-size:13px;}
	i.icon-notify:before {font-size:17px;}

	/* modal */
	.modal {padding:15px 15px 0; overflow:auto;}
	.modal .close > .icon-close2 {font-size:17px;}
	.modal .modal-content {width:auto;}
	.modal .modal-content .modal-header {height:45px; padding:0 15px; line-height:45px;}
	.modal .modal-content .modal-header .close {top:14px; width: 17px; height: 17px;}
	.modal .modal-content .modal-header .title {font-size:16px;}
	.modal .modal-content .modal-body {padding:20px; background:#fff; }
	.modal .modal-footer {padding:10px 20px;}
	.modal .two-btn>a {width:46%;}

	/*.hash-modal {padding:15px 15px 0; overflow:auto;}*/
	.hash-modal .close > .icon-close2 {font-size:17px;}
	.hash-modal .modal-content {width:auto;}
	.hash-modal .modal-content .modal-header {height:45px; line-height:45px; }
	.hash-modal .modal-content .modal-header .close {top:14px; width: 17px; height: 17px;}
	.hash-modal .modal-content .modal-header .title {font-size:16px; padding:0 15px;}
	/*.hash-modal .modal-content .modal-body {padding:20px; background:#fff; }*/
	.hash-modal .modal-footer {padding:10px 20px;}
	.hash-modal .two-btn>a {width:46%;}

    .hash-modal .modal-content .modal-body{width:100%;max-width: inherit; box-sizing:border-box; -webkit-box-sizing:border-box;}
    .hash-modal .modal-content .modal-tag .tag-wrap .tag{font-size: 12px !important; margin:0 0 8px 0 !important;padding:0 12px !important;line-height:32px !important; height:35px !important;}
    /*.modal .modal-content .modal-body .closeBtn > i {font-size: 12px;}
    .modal .modal-content .modal-body .closeBtn{top:-50px;padding:10px;}*/
    .hash-modal .modal-content .modal-body .sns-share .tit{display:none;}
    .hash-modal .modal-content .modal-body .modal-view .modal-desc{padding:0 10px;}
    .hash-modal .modal-content .modal-body .modal-view .modal-title{padding:10px 0;}
	.hash-modal .modal-content .modal-body .modal-view .modal-date {top:-5px;}
    .hash-modal .modal-content .modal-body .sns-share .sns-list{width:100%;padding:0 10px;box-sizing: border-box;-webkit-box-sizing: border-box;margin-right:0;}
    .hash-modal .modal-content .modal-body .sns-share .sns-list{display:table;width:100%;table-layout: fixed;}
    .hash-modal .modal-content .modal-body .sns-share .sns-list .sns{float:none;display: table-cell;margin:0;text-align: center;}
    .hash-modal .modal-content .modal-body .sns-share .sns-list:after{display:none;}
    .hash-modal .modal-content .modal-body .sns-share .sns-list a:hover span {display: none !important;}
    .hash-modal .modal-content .modal-body .modal-controls > a{display:inline-block; position:static !important; left:inherit !important; top:inherit !important; left:inherit !important; right:inherit !important;}
    .hash-modal .modal-content .modal-body .modal-controls > a:nth-child(n+2){transform: none !important;}
    .hash-modal .modal-content .modal-body .modal-controls > a > i {font-size: 12px;}
    .hash-modal .modal-content .modal-body .modal-controls > a {padding:10px;margin-left:5px;}
    .hash-modal .modal-content .modal-body .modal-controls{position: absolute;top:-45px;right:0;}
}


/*******************************************************************
## Print
********************************************************************/
@media print {
	.header { display: none; }
	.sponsor-list { display: none; }
	.footer { display: none; }
	.history-wrap { display: none; }
	.sub-top-container { display: none; }
}