@charset "utf-8";

/*_____ scope - components(module) _____*/
/* common */
.ktb > .link-white,
.ktb > .link-navy {display:inline-block;padding-right:39px;font-size:45px;background-repeat:no-repeat;background-position:100% 10px;}
.ktb > .link-white {color:#fff;background-image:url(../../images/common/link-white-arrow.png);}
.ktb > .link-navy {color:#222;background-image:url(../../images/common/link-navy-arrow.png);}

/* forms */
[type="text"],
[type="password"] {height:48px;padding:0 20px;border:1px solid #999;}
select {height:48px;padding-left:20px;border:1px solid #999;background:#fff url(../../images/common/bg-form-selects.png) no-repeat 100% 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand {display:none;}
textarea {overflow:auto;resize:none;padding:10px;}

/* visual */
.visual {width:100%;height:250px;margin-bottom:70px;background-repeat:no-repeat;background-position:center top;}
.visual .hgroup {padding-top:46px;text-align:center;}
.visual .hgroup h3 {min-height:44px;font-family:"KTB", "Malgun Gothic","맑은 고딕","MG", sans-serif;font-size:45px;color:#fff;letter-spacing:0;}
.visual .hgroup p {margin-top:1px;font-size:18px;color:#fff;}
.visual.sub-main {height:500px;margin:0;}
.visual.sub-main .hgroup {padding-top:147px;}
.visual.sub-main .hgroup h3 {font-size:60px;}
.visual.sub-main .hgroup h3:after {display:block;width:42px;height:2px;margin:39px auto 0;content:"";background-color:#fff;}
.visual.sub-main .hgroup p {margin-top:38px;}

/* radio-area */
.option-area {display:inline-block;}
.option-area label {display:inline-block;height:20px;margin-right:26px;color:#222;line-height:20px;cursor:pointer;background-repeat:no-repeat;}
.option-area label:last-child {margin:0;}
.option-area [type="radio"] + label {background-image:url(../../images/common/bg-form-radios.png);}
.option-area [type="checkbox"] + label {background-image:url(../../images/common/bg-form-checkboxs.png);}
.option-area [type="radio"]:disabled + label {cursor:default;}
.option-area.dir-flow label {padding-left:30px;}
.option-area.dir-flow [type="radio"] + label,
.option-area.dir-flow [type="checkbox"] + label {background-position:0 0;}
.option-area.dir-flow [type="radio"]:checked + label,
.option-area.dir-flow [type="checkbox"]:checked + label {background-position:0 -20px;}
.option-area.dir-flow [type="radio"]:disabled + label,
.option-area.dir-flow [type="checkbox"]:disabled + label {background-position:0 -40px;}
.option-area.dir-reverse label {padding-right:30px;}
.option-area.dir-reverse [type="radio"] + label,
.option-area.dir-reverse [type="checkbox"] + label {background-position:100% 0;}
.option-area.dir-reverse [type="radio"]:checked + label,
.option-area.dir-reverse [type="checkbox"]:checked + label {background-position:100% -20px;}
.option-area.dir-reverse [type="radio"]:disabled + label,
.option-area.dir-reverse [type="checkbox"]:disabled + label {background-position:100% -40px;}

/* search-area */
.search-area {width:1080px;height:100px;padding:26px 40px 0;background-color:#f1f2fa;box-sizing:border-box;}
.search-area .btn-search {width:110px;height:48px;text-align:center;border:0;border-radius:0;border-top-right-radius:0px;border-bottom-right-radius:2px;background-color:#484848;}
.search-area .btn-search span {display:inline-block;padding-left:20px;color:#fff;letter-spacing:-0.25px;background:url(../../images/common/bg-search-glasses.png) no-repeat 0 50%;}
.search-area .search-text {width:890px;border-right:0;}
.search-area .search-select {width:883px;margin-right:7px;}
.search-area .search-select + .btn-search {border-radius:2px;}
.search-area label:first-child {display:inline-block;width:98px;height:48px;font-size:18px;color:#222;line-height:48px;font-weight:bold;letter-spacing:-0.5px;}
.search-area label:first-child + .search-select {width:785px;}
.search-area.hybrid .search-select {width:297px;}
.search-area.hybrid .search-text {width:586px;}
.search-area.options {display:inline-block;width:auto;height:48px;padding:0;background-color:#fff;}
.search-area.options label {width:auto;margin-right:13px;font-weight:normal;}
.search-area.options .search-text:last-child {border-right:1px solid #999;}

/* btn */
.btn {overflow:hidden;display:inline-block;text-align:center;vertical-align:top;letter-spacing:-0.25px;border-radius:5px;box-sizing:border-box;}
.btn.small {height:28px;padding:0 10px;font-size:12px;line-height:28px;}
.btn.regular {height:40px;padding:0 20px;font-size:15px;line-height:40px;border-radius:2px;}
.btn.medium {height:40px;padding:0 25px;font-size:15px;line-height:40px;}
.btn.large {height:46px;padding:0 50px;font-size:18px;line-height:46px;border-radius:42px;}
.btn.big {width:190px;height:53px;font-size:18px;line-height:53px;border-radius:26px;}
.btn.circle {width:48px;height:48px;text-indent:-9999px;border:2px solid #d2d2d2;border-radius:50%;background-image:url(../../images/common/bg-btn-direction.png);background-repeat:no-repeat;}
.btn.circle.prev-red {background-position:-2px -1px;}
.btn.circle.next-red {background-position:-50px -1px;}
.btn.circle.prev-navygray {background-position:-98px -1px;}
.btn.circle.next-navygray {background-position:-146px -1px;}
.btn.circle.prev-navygray.disabled{border:2px solid #d2d2d2;background-image:url(../../images/common/bg-btn-direction-type2.png); background-position: -194px -1px;}
.btn.circle.next-navygray.disabled{border:2px solid #d2d2d2;background-image:url(../../images/common/bg-btn-direction-type2.png); background-position: -242px -1px;}
.btn.circle.prev-navygray.disabled:hover, .btn.circle.next-navygray.disabled:hover {border:2px solid #d2d2d2;background-color:#fff;}
/*
.btn.circle.prev-navygray.history, .btn.circle.next-navygray.history{border:2px solid #535353;}
.btn.circle.prev-navygray.history.disabled, .btn.circle.next-navygray.history.disabled{border:2px solid #d2d2d2;}
.btn.circle.prev-navygray.history.disabled:hover, .btn.circle.next-navygray.history.disabled:hover {border:2px solid #d2d2d2;background-color:#fff;}*/

.btn.is-red {color:#fff;background-color:#d71826;}
.btn.is-red:hover {background-color:#b50916;}
.btn.is-line-red {color:#d71826;}
.btn.is-lightgray {color:#fff;background-color:#484848;}
.btn.is-line-lightgray {color:#666;border-color:#bbb;}
.btn.is-navygray {color:#fff;background-color:#333;}
.btn.is-navygray:hover{background-color:#000;}
.btn.is-line-navygray {color:#222;border-color:#333;}
.btn.big.is-line-navygray:hover {background-color:#fff;}
[class*="btn circle"] {background-color:#fff;}
[class*="btn circle"]:hover {background-color:#ebebeb;}
[class*="is-line-"] {border-width:2px;border-style:solid;}
[class*="small is-line-"] {border-width:1px;line-height:26px !important;}
[class*="regular is-line-"] {border-width:1px;line-height:38px !important;}
[class*="medium is-line-"] {line-height:36px !important;}
[class*="large is-line-"] {line-height:42px !important;}
[class*="medium is-line-"]:hover,
[class*="large is-line-"]:hover {background-color:#ebebeb;}
[class*="big is-line-"] {line-height:49px !important;}
.btn [class*="ico-"] {display:inline-block;background-repeat:no-repeat;background-position:100% 50%;}
.btn .ico-play {padding-right:25px;background-image:url(../../images/common/bg-btn-play.png);}
.btn .ico-down {padding-right:18px;background-image:url(../../images/common/bg-btn-down.png);}
.btn.down {display:inline-block;width:128px;height:32px;font-size:15px;color:#393939;line-height:30px;border:2px solid #dcdcdc;border-radius:5px;}
.btn.down:hover{background:#333;color:#fff;border: 2px solid #333;}
.btn.down i {display:inline-block;padding-right:18px;background-image:url(../../images/common/bg-btn-down.png);background-repeat:no-repeat;background-position:100% 50%;}
.btn.down:hover i{background-image:url(../../images/common/bg-btn-down2.png);}
.btn.down.large {height:40px;padding:0;line-height:38px;}

.btn.is-line-lightgray.pdf-down {color:#666;border-color:#bbb;}
.btn.is-line-lightgray.pdf-down:hover,  .btn.is-line-lightgray.pdf-down.active{background-color:#333;color:#fff;border-color:#333;}
.btn.is-line-lightgray.pdf-down:hover .ico-down, .btn.is-line-lightgray.pdf-down.active .ico-down {padding-right:18px;background-image:url(../../images/common/bg-btn-down2.png);}
.ico-windows {display: inline-block;height:40px;padding-right:25px;background: url(../../images/common/icon-btn-double.png) no-repeat 100% 50%;}
.windows {background-image: url(../../images/common/icon-btn-double-sprite.png);background-repeat: no-repeat;display:inline-block;}
.windows.icon-btn-double-black {width:15px;height:15px;padding-left:15px;padding-bottom:15px;background-position: -22px 0px;}

/* btn-area */
.btn-area {overflow:hidden;width:100%;text-align:center;}

/* tabs */
.tabs {overflow:hidden;position:relative;width:1080px;margin-top:-8px;padding-top:5px;}
.tabs:after {display:block;content:"";clear:both;}
.tabs > ul {min-height:90px;}
.tabs > ul > li {float:left;width:100%;}
.tabs .tab-trigger {position:absolute;top:15px;display:block;border-left:1px solid #6f7180;width:270px;height:60px;font-size:17px;color:#fff;text-align:center;line-height:60px;background-color:#7a7c8d;box-sizing:border-box;}
.tabs .tab-trigger span {display:inline-block;padding-right:59px;}
.tabs .tab-trigger.two-line {padding-top:4px;line-height:normal;}
/*.tabs .tab-trigger:hover,*/
.tabs .tab-trigger.active {top:8px;height:74px;font-size:19px;color:#d71826;font-weight:bold;line-height:62px;border:6px solid #d71826;background-color:#fff;box-shadow:1px 2px 10px rgba(1,1,1,0.5);z-index:10;}
.tabs .tab-trigger.active + li .tab-trigger {border-left:0;}
.tabs .tab-trigger.two-line:hover,
.tabs .tab-trigger.two-line.active {line-height:normal !important;}
.tabs .menus1st {left:0;border-left:0;}
.tabs .menus2nd {left:270px;}
.tabs .menus3rd {left:540px;}
.tabs .menus4th {left:810px;}
.tabs .tab-contents {display:none;margin-top:70px;box-sizing:border-box;}
.tabs .tab-contents.active {display:block;}
.tabs .sub-tabs {position:relative;margin-top:70px;}
.tabs .sub-tabs:before {position:absolute;left:0;top:80px;width:100%;display:block;content:"";border-bottom:1px solid #eaeaea;}
.tabs .sub-tabs .sub-trigger {float:left;display:inline-block;margin:30px 0 0;font-size:18px;color:#222;}
.tabs .sub-tabs .sub-trigger span {display:inline-block;line-height:25px;}
.tabs .sub-tabs .sub-trigger:before {position:relative;top:1px;display:inline-block;width:1px;height:17px;margin:0 15px 0 15px;content:"";background-color:#ccc;}
.tabs .sub-tabs .sub-trigger:first-child:before {width:0;height:0;margin-left:6px;}
.tabs .sub-tabs .sub-trigger:hover span,
.tabs .sub-tabs .sub-trigger.active span {/*font-size:19px;*/font-weight:bold;border-bottom:2px solid #d71a28;}
.tabs .sub-tabs .tab-contents {position:absolute;left:0;top:81px;width:100%;margin:0;}
.tabs.three-tabs .tab-trigger {width:360px;}/* 5G */
.tabs.three-tabs .tab-trigger.menus2nd {left:360px;}/* 5G */
.tabs.three-tabs .tab-trigger.menus3rd {left:720px;}/* 5G */
.tabs.three-tabs .tabs.dir-flow ul li .tab-trigger.menus2nd {left:0;}/* 5G - leadership */
.tabs.three-tabs .tabs.dir-flow ul li .tab-trigger.menus3rd {left:0;}/* 5G - leadership */

/* tabs - bright */
.tabs.bright {}
.tabs.bright .tab-trigger {color:#222;border-left:1px solid #dbdce3;background-color:#e8e9f0;}
.tabs.bright .tab-trigger.menus1st {border-left:0;}
/*.tabs.bright .tab-trigger:hover,*/
.tabs.bright .tab-trigger.active {color:#d71826;line-height:65px;border:3px solid #d71826;background-color:#fff;box-shadow:none;}

/* tabs - slider */
.tabs.slider {}
.tabs.slider .tab-trigger {width:200px;}
.tabs.slider .menus1st {left:0;}
.tabs.slider .menus2nd {left:200px;}
.tabs.slider .menus3rd {left:400px;}
.tabs.slider .menus4th {left:600px;}
.tabs.slider .menus5th {left:800px;}
.tabs.slider .menus6th {left:1000px;}
.tabs.slider .menus7th {left:1200px;}
.tabs.slider .menus8th {left:1400px;}
.tabs.slider .menus9th {left:1600px;}
.tabs.slider .menus10th {left:1800px;}
.tabs.slider .dir {position:absolute;top:15px;background-color:#6b6d7c;background-image:url(../../images/common/btn-tabs-slider.png);background-repeat:no-repeat;}
.tabs.slider .dir span {overflow:hidden;display:block;width:40px;height:60px;text-indent:-9999px;}
.tabs.slider .prev {right:40px;border-right:1px solid #7a7c8d;background-position:0 0;}
.tabs.slider .next {right:0;background-position:-40px 0;}
.tabs.bright .dir {background-color:#d2d3e0;}
.tabs.bright .prev {border-right:1px solid #bec0ca;background-position:0px -60px;}
.tabs.bright .next {background-position:-40px -60px;}

/* tabs - links */
.tabs.links {width:770px;padding:0;}
.tabs.links > ul {overflow:hidden;padding-top:5px;}
.tabs.links .tab-trigger {width:192px;}
.tabs.links .menus1st {left:0;}
.tabs.links .menus2nd {left:192px;}
.tabs.links .menus3rd {left:384px;}
.tabs.links .menus4th {left:576px;}
.tabs.links .sub-tabs {overflow:hidden;width:100%;padding-bottom:22px;border-bottom:1px solid #e5e5e5;}

/* tabs - links - slider */
.tabs.links.slider .tab-trigger {width:173px;}
.tabs.links.slider .menus1st {left:0;}
.tabs.links.slider .menus2nd {left:172px;}
.tabs.links.slider .menus3rd {left:344px;}
.tabs.links.slider .menus4th {left:516px;}
.tabs.links.slider .menus5th {left:688px;}
.tabs.links.slider .menus6th {left:860px;}
.tabs.links.slider .menus7th {left:1032px;}
.tabs.links.slider .menus8th {left:1204px;}
.tabs.links.slider .menus9th {left:1376px;}
.tabs.links.slider .menus10th {left:1548px;}

/* tabs - popups */
.tabs.popups > ul {min-height:73px;}
.tabs.popups .tab-trigger {width:202px;height:50px;line-height:50px;}
.tabs.popups .tab-trigger:hover,
.tabs.popups .tab-trigger.active {top:12px;height:56px;font-size:20px;color:#d71826;font-weight:bold;line-height:50px;border:3px solid #d71826;background-color:#fff;box-shadow:1px 2px 10px rgba(1,1,1,0.5);z-index:10;}
.tabs.popups .menus1st {left:0;}
.tabs.popups .menus2nd {left:202px;}
.tabs.popups .menus3rd {left:404px;}
.tabs.popups .menus4th {left:606px;}
.tabs.popups .menus5th {left:808px;}

/* tabs - half */
.tabs.half .tab-trigger {width:540px;}
.tabs.half .menus1st {left:0;}
.tabs.half .menus2nd {left:540px;}

/* tabs - tree */
.tabs.tree .tab-trigger {width:360px;}
.tabs.tree .tab-trigger.menus1st {left:0;}
.tabs.tree .tab-trigger.menus2nd {left:360px;}
.tabs.tree .tab-trigger.menus3rd {left:720px;}

/* tabs - five */
.tabs.five .tab-trigger {width:216px;}
.tabs.five .tab-trigger.menus1st {left:0;}
.tabs.five .tab-trigger.menus2nd {left:215px;}
.tabs.five .tab-trigger.menus3rd {left:431px;}
.tabs.five .tab-trigger.menus4th {left:647px;}
.tabs.five .tab-trigger.menus5th {left:863px}

/* tabs - dir-flow */
.tabs.dir-flow > ul {position:relative;border:1px solid #dbdbde;box-sizing:border-box;}
.tabs.dir-flow ul li:first-child .tab-trigger {border-top:1px solid #dbdbde;}
.tabs.dir-flow ul li:last-child .tab-trigger {border-bottom:1px solid #dbdbde;}
.tabs.dir-flow ul li .tab-trigger {left:0;top:0;width:auto;height:auto;margin:0;padding:0;font-size:18px;color:#222;line-height:normal;border:0;background-color:#e8e9f0;box-shadow:none;box-sizing:border-box;}
.tabs.dir-flow ul li .tab-trigger:before {position:absolute;left:1px;top:0;width:99%;display:block;content:"";border-top:1px solid #dbdbde;}
.tabs.dir-flow ul li:first-child .tab-trigger:before,
.tabs.dir-flow ul li .tab-trigger:hover:before,
.tabs.dir-flow ul li .tab-trigger.active:before {border:0;}
/*.tabs.dir-flow ul li .tab-trigger:hover,*/
.tabs.dir-flow ul li .tab-trigger.active {color:#e20001;font-weight:bold;border:3px solid #e20001;background-color:#fff;}

.tabs.dir-flow ul li .tab-contents {margin:0;}

/* tabs-history */
.tabs-etc {overflow:hidden; width:100%; position:relative;}
.tabs-etc ul {overflow:hidden; width:1000px;  height:74px;}
.tabs-etc ul li {float:left; width:200px; height:74px;}
.tabs-etc ul li a {margin-top:7px; display:block; border-left:1px solid #dbdce3; height:60px; font-size:17px; color:#222; text-align:center; line-height:60px; background:#e8e9f0; text-align:center;}
.tabs-etc ul li a.etc {line-height:27px;}
.tabs-etc ul li:nth-child(5n+1) a {border-left:0;}
.tabs-etc ul li a.active {margin-top:0; border:3px solid #d71826; height:68px; line-height:68px; color:#d71826; font-weight:bold; background:#fff; font-size:19px;}
.tabs-etc ul li a.etc.active {line-height:32px;}
.tabs-etc ul li:nth-child(5n+1) a.active {border:3px solid #d71826;}
.tabs-etc .prev {position:absolute; top:7px; right:39px; display:block; width:40px; height:60px; background-color:#d2d3e0; background-image:url(../../images/common/btn-tabs-slider.png); background-repeat:no-repeat; text-indent:-9999px; border-right:1px solid #bec0ca; background-position:0px -60px;}
.tabs-etc .next {position:absolute; top:7px; right:0px; display:block; width:39px; height:60px; background-color:#d2d3e0; background-image:url(../../images/common/btn-tabs-slider.png); background-repeat:no-repeat; text-indent:-9999px; background-position:-40px -60px;}

/* tabs /etc/agreement_01.html */
.tabs.menus8st .tab-trigger{color:#222;border-left:1px solid #dbdce3;border-bottom: 1px solid #dbdce3;background-color:#e8e9f0;}
.tabs.menus8st .tab-trigger.active {color:#d71826;line-height:65px;border:3px solid #d71826;background-color:#fff;box-shadow:none;}
.tabs.menus8st .tab-contents{margin-top:170px;}
.tabs.menus8st > ul > li:nth-child(1)>a{left:0;}
.tabs.menus8st > ul > li:nth-child(2)>a{left:270px;}
.tabs.menus8st > ul > li:nth-child(3)>a{left:540px;}
.tabs.menus8st > ul > li:nth-child(4)>a{left:810px;}
.tabs.menus8st > ul > li:nth-child(5)>a{left:0px;top:75px}
.tabs.menus8st > ul > li:nth-child(6)>a{left:270px;top:75px}
.tabs.menus8st > ul > li:nth-child(7)>a{left:540px;top:75px}
.tabs.menus8st > ul > li:nth-child(8)>a{left:810px;top:75px}

.tabs.menus8st > ul > li:nth-child(5)>a.active{top:69px}
.tabs.menus8st > ul > li:nth-child(6)>a.active{top:69px}
.tabs.menus8st > ul > li:nth-child(7)>a.active{top:69px}
.tabs.menus8st > ul > li:nth-child(8)>a.active{top:69px}

/* table - board */
table.board {border-top:3px solid #555;}
/*table.board th:first-child, .board td:first-child {padding-left:30px;text-align:left;}
table.board th:last-child, .board td:last-child {padding-right:30px;text-align:right;}*/
table.board th {color:#222;font-weight:normal;background-color:#f1f2fa;}
table.board thead th {border-bottom:1px solid #555;background-color:#f1f2fa;}
table.board tbody th {}
table.board tbody td {text-align:center;}
table.board tbody td a,
table.board tbody td img {vertical-align:middle;}
table.board tbody td .links {border-bottom-width:1px;border-bottom-style:solid;}
table.board tbody td .ellipsis {vertical-align:middle;}
table.board tbody td a.ellipsis {color:#222;}
table.board tbody td a.ellipsis:hover {color:#d71826;text-decoration:underline;}
table.board tbody td .ellipsis.thumb {position:relative;top:2px;margin:10px 0;padding-top:2px;}
table.board tbody td .ellipsis.thumb img {margin-top:-2px;width:50px;height:50px;margin-right:9px;}
table.board .num {display:inline-block;width:42px;text-align:center;}
table.board .option-area.only-checkbox {margin-top:1px;}
table.board .option-area.only-checkbox [type="checkbox"] + label {width:20px;padding:0;text-indent:-9999px;}

/* table - board - dir-vertical */
table.board.dir-vertical {}
table.board.dir-vertical thead th,
table.board.dir-vertical tbody td {height:55px;}
table.board.dir-vertical tbody td {border-bottom:1px solid #ccc;}

/* table - board - dir-horizontal */
table.board.dir-horizontal {}
table.board.dir-horizontal tbody th,
table.board.dir-horizontal tbody td {padding-top:15px;padding-bottom:16px;border-bottom:1px solid #dbdbde;text-align:left;}
table.board.dir-horizontal tbody th,
table.board.dir-horizontal tbody td {padding-left:30px;}
/*table.board.dir-horizontal tbody th + td {padding-left:30px;}*/

/* accordions */
.accordions {width:100%;border-top:3px solid #555}
.accordions .accordion-trigger {display:block;height:70px;padding-left:30px;line-height:70px;color:#666;border-bottom:1px solid #d0cfd5;position: relative}
.accordions .accordion-trigger strong {font-size:20px;color:#000;}
.accordions .accordion-trigger:before {position:absolute;right:30px;top:30px;display:block;width:22px;height:11px;content:"";background-image:url(https://corp.kt.com/images/common/bg-accordions-arrow-black.png);background-repeat:no-repeat;background-position:0 0;}
.accordions .accordion-trigger.active:before {background-position:0 -11px;}
.accordions .accordion-contents {padding:30px 40px;border-bottom:1px solid #d0cfd5;display: none;}

/* thumbnail */
.thumbnail {}
.thumbnail .options {display:none;position:absolute;height:40px;background-color:rgba(0,0,0,0.5);z-index:10;}
.thumbnail .options [type="button"] {float:left;height:40px;border-left:1px solid #6f6168;}
.thumbnail .options [type="button"]:first-child {border-left:0;}
.thumbnail .options [type="button"] span {padding-left:15px;font-size:13px;color:#fff;background:url(../../images/common/bg-thumbnail-options.png);background-repeat:no-repeat;}
.thumbnail .options [type="button"] span.selected {background-position:0 0;}
.thumbnail .options [type="button"] span.more {background-position:0 -40px;}
.thumbnail .options [type="button"] span.reservation {background-position:0 -80px;}
.thumbnail .options.two [type="button"] {width:50%;}
.thumbnail .options.three [type="button"] {width:33.333%;}
.thumbnail .active .options {display:block;}

.thumbnail.figure ul {overflow:hidden;width:100%;}
.thumbnail.figure li {position:relative;float:left;margin-left:35px;}
.thumbnail.figure li:first-child {margin:0;}
.thumbnail.figure li a {display:block;width:190px;}
.thumbnail.figure li a img {width:190px;height:288px;display:block;}
.thumbnail.figure li .options {width:100%;left:0;top:248px;}
.thumbnail.figure li .ellipsis {margin-top:5px;font-size:20px;color:#222;}
.thumbnail.figcaption > ul {overflow:hidden;width:1080px;}
.thumbnail.figcaption > ul > li {position:relative;float:left;width:345px;height:238px;padding-left:195px;letter-spacing:-0.5px;}
.thumbnail.figcaption > ul > li:first-child,
.thumbnail.figcaption > ul > li:first-child + li {margin-bottom:48px;}
.thumbnail.figcaption > ul > li .options {width:168px;left:0;top:198px;}
.thumbnail.figcaption > ul > li .options span {display:inline-block;}
.thumbnail.figcaption > ul > li ul {margin-top:34px;}
.thumbnail.figcaption > ul > li ul li {font-size:15px;margin-top:4px;}
.thumbnail.figcaption > ul > li ul li:first-child {margin:0;}
.thumbnail.figcaption > ul > li ul li em {font-weight:bold;}
.thumbnail.figcaption a,
.thumbnail.figcaption strong,
.thumbnail.figcaption span {display:block;}
.thumbnail.figcaption a {width:310px;height:81px;color:#666;}
.thumbnail.figcaption strong {font-size:22px;color:#222;}
.thumbnail.figcaption .figure {position:absolute;left:0;top:2px;}
.thumbnail.board ul {border-top:3px solid #555;}
.thumbnail.board li {border-bottom:1px solid #c8c8c8;}
.thumbnail.board li a {position:relative;display:block;height:138px;padding:22px 0 0 350px;color:#666;}
.thumbnail.board li .figure {position:absolute;left:0;top:15px;width:320px;height:130px;}
.thumbnail.board li strong,
.thumbnail.board li span {display:block;letter-spacing:-0.5px;}
.thumbnail.board li strong {margin-bottom:1px;font-size:20px;color:#222;}
.thumbnail.board li strong .event {position:relative;top:-3px;display:inline-block;width:102px;height:23px;margin-right:9px;font-size:14px;color:#fff;text-align:center;font-weight:normal;line-height:22px;letter-spacing:0;vertical-align:middle;}
.thumbnail.board li strong .event.is-gray {background-color:#666;}
.thumbnail.board li strong .event.is-red {background-color:#d71826;}
.thumbnail.board .ellipsis + .dot {margin-top:5px;}
.thumbnail.board .dot:before {position:relative;top:-2px;display:inline-block;width:3px;height:3px;margin-right:7px;content:"";vertical-align:middle;background-color:#000;}

/* pagination */
.pagination {margin-top:40px;text-align:center;}
.pagination .scope {display:inline-block;}
.pagination a,
.pagination span {float:left;width:41px;height:40px;font-size:18px;color:#666;line-height:36px;box-sizing:border-box;border:1px solid #ccc;border-left:0;vertical-align:top;}
.pagination a:hover {background-color:#ebebeb;}
.pagination span {color:#fff;border:1px solid #000;background-color:#222;}
.pagination .dir {text-indent:-9999px;background-image:url(../../images/common/bg-pagination.png);background-repeat:no-repeat;}
.pagination .dir:hover {border:1px solid #ccc;border-left:0;background-color:#fff;}
.pagination .dir.first {background-position:0 0;border-left:1px solid #ccc;}
.pagination .dir.prev {background-position:-40px 0;}
.pagination .dir.next {background-position:-80px 0;}
.pagination .dir.last {background-position:-120px 0;}
.pagination .dir.disabled {cursor:default;}
.pagination .dir.first.disabled {background-position:0 -38px;}
.pagination .dir.prev.disabled {background-position:-40px -38px;}
.pagination .dir.next.disabled {background-position:-80px -38px;}
.pagination .dir.last.disabled {background-position:-120px -38px;}

/* sorting */
.sorting {display:inline-block;height:40px;}
.sorting [type="button"] {float:left;}
.sorting [type="button"] span {display:inline-block;width:37px;height:40px;font-size:14px;line-height:38px;border:1px solid #ccc;border-left:0;box-sizing:border-box;}
.sorting [type="button"]:first-child span {border-left:1px solid #ccc;}
.sorting [type="button"]:hover {background-color:#ebebeb;}
.sorting [type="button"].active span {color:#fff;border:1px solid #000;background-color:#484848;}
.sorting [type="button"] .wide {width:59px;}

/* layer */
.popup-dim { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000;}
.layers {position:relative;display:inline-block;border:3px solid #555;background-color:#fff;box-sizing:border-box; left:0; right:0; margin: auto; z-index:100;}
.layers .layer-header {color:#222;text-align:center;letter-spacing:-0.5px;border-bottom:1px solid #ccc;}
.layers .layer-contents {min-height:100px;}
.layers .layer-close {position:absolute;right:30px;}
.layers .layer-today-close {/*height:32px;*/padding:8px 0 8px 32px;border-top:1px solid #ccc;}
.layers .layer-today-close label {font-size:14px;color:#888;letter-spacing:-0.5px;}
.layers .board {border-top:2px solid #555;}
.layers .btn.medium {padding:0 40px;}
.layers .layer-subject {margin:25px 0 1px;font-size:18px;color:#222;}
.layers .layer-example {margin-top:26px;padding:25px 26px 29px;background-color:#f1f2fa;}
.layers .layer-msg {margin-top:11px;color:#222;text-align:center;}
.layers .btn-area {padding-top:30px;}
.layers .btn-area .btn {margin:0 2px;}
.layers .option-area {vertical-align:top;}
.layers p {letter-spacing:-0.5px;}
.layers.small .layer-header {height:67px;font-size:24px;line-height:67px;}
.layers.small .layer-contents {padding:34px 32px 50px;}
.layers.small .layer-close {top:23px;}
.layers.big .layer-contents {box-sizing: border-box;padding:34px 20px 32px 40px;}
.layers.big .layer-contents.scrollbar { max-height:648px;}
.layers.big .layer-header {height:85px;font-size:30px;line-height:85px;}
.layers.big .layer-sub-title {margin:0 0 8px;font-size:20px;color:#222;font-weight:bold;}
.layers.big .layer-close {top:31px;}
.layers.bnn .layer-close {right:20px;top:20px;}

.layers .scrollbar .mCSB_inside>.mCSB_container{margin-right:0;}
.layers .scrollbar .mCSB_scrollTools{width:4px;}
.layers .scrollbar .layer-contents-inner{margin:0 20px 20px 0;}

/* bx-slider */
.bx-wrapper{margin: 0;border: none;box-shadow: none}
.bx-wrapper img{display: inline-block;max-width: initial}
.bx-slider{position: relative;text-align: center}
.bx-slider .bxslider .item{height: 200px}
.bx-slider .nav button{position: absolute;z-index: 10;top: 50%;margin-top: -24px}
.bx-slider .nav button.prev{left: 0}
.bx-slider .nav button.next{right: 0}
.bx-slider .controls {position:absolute;z-index: 100;left:0;right:0;bottom:0;width:1080px;margin: 0 auto;text-align: center}
.bx-slider .controls .controls-wrap{display: inline-block;padding: 5px 26px;background-color: rgba(0,0,0,0.2);border-radius: 17px}
.bx-slider .controls .controls-wrap button{display: inline-block;border: none;box-sizing: border-box;background-color: none}
.bx-slider .controls .auto{display: inline-block;margin: 0 9px 0 0}
.bx-slider .controls .auto button{width: 10px;height: 12px;background-image: url(../../js/plugin/jquery.bxslider/images/controls.png);background-repeat: no-repeat}
.bx-slider .controls .auto button.play{background-position: -86px -11px;display: none}
.bx-slider .controls .auto button.stop{background-position: -86px -44px}
.bx-slider .controls .pager {display: inline-block}
.bx-slider .controls .pager button {width: 11px;height: 11px;border: 2px solid #222;border-radius: 7px;vertical-align: middle;margin: 0 2px}
.bx-slider .controls .pager button.active {background-color: #222}

/* font - color */
.font-black {color:#101010;}
.font-red {color:#d71826;}

/* align */
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.float-none{ float: inherit !important;}

/*popup*/
h1.title-pop {display:block; color:#222; text-align:center; font-size:30px; padding:21px 0; font-family:MG; font-weight:bold; letter-spacing:-0.5px; border-bottom:1px solid #ccc;}
.popup-contents {padding:35px}
.popup-sub-title {display:block; margin-top:40px; font-size:18px; color:#222;}
.popup-sub-title.tspace0 {margin-top:0;}

/* link style */
a:link.a_uline ,a:visited.a_uline {text-decoration:underline;}
a.a_uline.ov_red:hover {color:#d71826;}