/*
Theme name:     팀타이틀리스트 2017
Author:         PULIP COMMUNITIONS
Author URI:     http://www.pulipinc.com
Description:    팀타이틀리스트 2017
Version:        0.1
Licence URI:    http://www.pulipinc.com
Template:       twentytwelve
 */

 @charset "utf-8";
 @import url("../css/fonts/icon-font.css");
 @import url("../css/font.css"); 
 @import url("../css/titleist-gnb.css?v=251210");
 
 /* default definition*/
 *, *:before, *:after {
	 -ms-box-sizing: content-box;
	 -moz-box-sizing: content-box;
	 -webkit-box-sizing: content-box;
	 box-sizing: content-box;
 }
 
 html , body{ margin:0; padding:0; width:100%; height:100%; font-size:100%; line-height:1.7; font-family:"NovaR", "noto", sans-serif;}
 div, /*p, */span, dl, ul, ol, li, dt, dd, strong, fieldset, table, th, td, form, address, input, select, textarea, legend, /*h1, h2, h3, h4, h5, h6*/ {margin: 0; padding: 0;}
 
 body{color: #000; }
 
 fieldset, img { border: none;}
 legend {font-size:14px; font-size:0.875rem; display:block; margin:0; padding:0; width:100%; font-weight:700;}
 ul, ol, dl { list-style:none; }
 img {vertical-align:top;max-width:100%;}
 
 a {text-decoration:none; color:#e31837; border-bottom:1px solid #e31837; border-bottom-color:rgba(227, 24, 55, .2);}
 a.gray {color:#4c4c4c; border-bottom:1px solid #4c4c4c; border-bottom-color:rgba(76, 76, 76, .2);}
 a:hover {border-bottom-color:rgba(0, 0, 0, .1); color:#4c4c4c;}
 
 a:focus, button:focus {outline:none;}
 
 hr {border: 0; height: 0; border-top: 1px solid #d6d6d6; margin: 20px 0 40px;}
 
 table { border-collapse: collapse;}
 
 select {box-sizing:border-box;}
 textarea { padding:5px; line-height:16px; border:1px solid #d7d7d7;
 scrollbar-face-color:#dedede;
 scrollbar-highlight-color:#dedede;
 scrollbar-3dlight-color:#ffffff;
 scrollbar-darkshadow-color:#dedede;
 scrollbar-shadow-color:#ffffff;
 scrollbar-arrow-color:#ffffff;
 scrollbar-track-color:#f2f2f2;
 }
 address { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
 
 .txtHidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden;}
 
 table {
	 width: 100%;
	 line-height: 1.3;
	 min-width: 700px;
	 font-size: 12px;
	 font-size: 0.75rem; }
 table.table-stats {
	 text-align: center; }
 
 table table {
	 min-width: initial; }
 
 td, th {
	 padding: 10px 10px 15px; }
 
 th {
	 font-weight: 700;
	 text-align: left;
	 vertical-align: top;
	 font-size: 14px;
	 font-size: 0.875rem; }
 .table-stats th {
	 text-align: center; }
 th[scope="row"] {
	 text-align: right;
	 vertical-align: middle; }
 
 thead {
	 border-bottom: 1px solid #e3dede; }
 
 tbody tr:nth-child(even) {
	 background-color: #fafafa; }
 .table-stats tbody tr:nth-child(even) {
	 background: white; }
 
 .table-stats tbody td:nth-of-type(even), .table-stats
 tbody th:nth-of-type(odd), .table-stats
 thead th:nth-of-type(odd) {
	 background: #f6f6f6; }
 
 td {
	 padding: 20px 10px;
	 color: #4C4C4C; }
 
 .table-responsive {
	 max-width: 100%;
	 overflow-x: scroll; }
 
 .table-responsive-wrap {
	 position: relative; }
 
 .tt_content_subsection + .table-responsive-wrap {margin-top:-15px;}
 @media screen and (max-width: 700px) {
	 .table-responsive-wrap:before {
		 content: "";
		 position: absolute;
		 top: 0;
		 right: 0;
		 height: 100%;
		 width: 30px;
		 background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
		 background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
		 background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); }
	 .table-responsive-wrap.remove-overflow:before {
		 display: none; } }
 
 .input {border:1px solid #e0e0e0; padding:2px 5px 0 5px; height:14px;}
 
 /* 2018-03-20 추가  */
 /* http://m.titleist.co.kr/ 페이지 관련 header/footer 별도 솔루션 추가 작업으로 스타일 추가
	 ※ 담당자 - 김나현수석님께 문의하세요. -  */
 .body-container-wrapper form div.input { border:none; padding:0; height:auto; }
 /* //2018-03-20 추가  */
 
 .f_l { float:left; }
 .f_r { float:right; }
 .text-align-right {text-align:right;}
 .sr-only {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
 
 .layer_contents{width:100%;}
 .titleist_container{max-width:1000px;margin:auto;}
 .titleist_container:before, 
 .titleist_container:after {content: " "; display: table;}
 .titleist_container:after {clear: both;}
 .container_rightpadding{padding-right:25%;}
 .titleist_layout{display:table;width:100%;}
 .titleist_layout2{display:table;margin-left:-20px;}
 .border_line{border-bottom:1px solid #e3dede;margin-bottom:40px;padding:20px 0 20px;}
 
 .titleist-layout {clear:both; margin-left:-20px; padding-left:5px; position:relative;}
 .titleist-layout:before,
 .titleist-layout:after {content:''; display:table;}
 /*.titleist-layout-group .titleist-layout {margin-top: 20px; margin-left: -15px; padding-left:0;}*/
 /*.titleist-layout-group .titleist-layout + .titleist-layout {margin-top: 40px;}*/
 .titleist-layout-group .gutter {margin-bottom:25px;}
 .titleist-layout-article {padding-top: 10px;}
 
 .titleist-layout .head {display:block; width:100%; height:21px; margin-top:0; margin-bottom:15px; padding:0; font-weight:400; font-size:14px; font-size:0.875rem; line-height:1.5;}
 .titleist-layout .head.small {text-transform: none;font-size: 12px;font-size: 0.75rem;}
 .titleist-layout .head.large {height:26px;font-size: 14px;font-size: 0.875rem;line-height: 1.9;text-transform: none;font-family: "NovaR", "noto", sans-serif;margin: 0 0 4px;}
 .titleist-layout .head.help {text-transform: none;font-size: 12px;font-size: 0.75rem;text-align: right;margin-top: -.75em;margin-bottom: 1em;display: block;}
 .titleist-layout .desc .text {font-size:13px; font-size:0.8125rem; color:#4c4c4c;}
 
 .titleist-layout .lrg-narrow {margin-top:-10px;}
 .titleist-layout .lrg-no-head .head {display:none;}
 @media only screen and (min-width: 940px) {
	 .titleist-layout .lrg-narrow {margin-top:0;}
	 .titleist-layout .lrg-no-head .head {display:block;}
 }
 
 .gutter,
 .sub-menu > li {margin: 0 0 20px 20px;}
 .layout-vertical .gutter:first-child,
 .layout-vertical .sub-menu > li:first-child {margin-bottom: 10px;}
 .layout-vertical .gutter:first-child p,
 .layout-vertical .sub-menu > li:first-child p {margin-bottom: 5px;}
 
 .red_text{color:#e31837;font-weight:700;font-size:14px;}
 .radio_box{font-size:14px;margin-bottom:10px;}
 
 .is-hidden {position: absolute; top: -999em; left: -999em;}
 @media screen and (max-width: 440px) {
	 .is-hidden-mobile {display: none !important;}
 }
 @media screen and (min-width: 441px) {
	 .is-hidden-non-mobile {display: none !important;}
 }
 @media screen and (max-width: 800px) {
	 .is-hidden-mobile-tablet {display: none !important;}
 }
 @media screen and (min-width: 801px) {
	 .is-hidden-non-mobile-tablet {display: none !important;}
 }
 .is-removed {display: none;}
 
 .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px;}
 
 .sm-hide {position: absolute; top: -999em; left: -999em; opacity: 0; -webkit-transition: opacity linear 0.5s; -moz-transition: opacity linear 0.5s; -ms-transition: opacity linear 0.5s; transition: opacity linear 0.5s; }
 @media screen and (min-width: 440px) {
	 .sm-hide {opacity: 1; position: static;}
 }
 
 /* subpage 공통영역 */
 .tt_main{min-height:350px;padding:0 10px 50px;box-sizing:border-box;}
 @media screen and (min-width: 660px) {
	 .tt_main{width:100%;}
 }
 
 /* primary header */
 .layer_title_bar {clear: both; background: #000; color: #fff; padding: 20px 10px 25px;}
 .layer_title_bar:before, .layer_title_bar:after {content: " "; display: table;}
 .layer_title_bar:after {clear: both;}
 /*.layer_title_bar span{display:inline-block; vertical-align:baseline; margin-bottom:0; padding-left:5px; color:#fff; line-height:1.7;}*/
 .layer_title_bar h1 {font-size:27px; color:#fff; font-weight:700; margin:0; vertical-align: baseline;}
 .layer_title_bar h1 a {display:inline-block; color:#fff; margin-right:12px; vertical-align: baseline; border:none;}
 .layer_title_bar h1 a img {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; position: relative; top: 10px; height: 41px; width: 41px;}
 @media screen and (min-width: 660px) {
	 .layer_title_bar {padding: 19px 10px 15px;}
 }
 @media screen and (min-width: 800px) {
	 .layer_title_bar {margin-bottom:30px;}
	 .layer_title_bar h1 a img {margin-bottom: 0 !important;}
 }
 
 .layer_title_bar h1 a img.forPC {display:none;}
 @media screen and (min-width: 940px) {
	 .layer_title_bar {background:#eee; color:#000;}
	 .layer_title_bar h1 {color:#000;}
	 .layer_title_bar h1 a img.forM {display:none;}
	 .layer_title_bar h1 a img.forPC {display:block;}
 }
 
 /* btns */
 .titleist-btn,
 .btn-secondary,
 .btn-tertiary,
 .inputfile + label {font-weight: 700; text-decoration: none; padding: 12px 20px; border-radius: 2px; -webkit-font-smoothing: antialiased; cursor: pointer; font-family: "NovaR", "noto", sans-serif; line-height: normal; min-width: 80px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; font-size: 0.8125rem; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; -webkit-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -ms-transition: all linear 0.1s; transition: all linear 0.1s; border: 1px solid #e31837; background: #e31837; color: #fff;}
 .titleist-btn:hover,
 .btn-secondary:hover,
 .btn-tertiary:hover,
 .inputfile + label:hover,
 .titleist-btn:focus,
 .btn-secondary:focus,
 .btn-tertiary:focus,
 .inputfile + label:focus {color: #fff; text-decoration: none; background: #b5132c; border-color: #b5132c;}
 .titleist-btn.small,
 .small.btn-secondary,
 .small.btn-tertiary,
 .inputfile + label.small {font-size: 12px; font-size: 0.75rem; padding: 8px 12px;}
 .titleist-btn.large,
 .large.btn-secondary,
 .large.btn-tertiary,
 .inputfile + label.large {font-size: 15px; font-size: 0.9375rem; padding: 15px 30px; border-radius: 3px;}
 .titleist-btn.outline,
 .outline.btn-secondary,
 .outline.btn-tertiary,
 .inputfile + label.outline {border: 1px solid #e31837; background: transparent; color: #e31837;}
 .titleist-btn.outline:hover,
 .outline.btn-secondary:hover,
 .outline.btn-tertiary:hover,
 .inputfile + label.outline:hover,
 .titleist-btn.outline:focus,
 .outline.btn-secondary:focus,
 .outline.btn-tertiary:focus,
 .inputfile + label.outline:focus {color: #e31837; text-decoration: none; background: transparent; border-color: transparent;}
 .titleist-btn.outline:hover,
 .outline.btn-secondary:hover,
 .outline.btn-tertiary:hover,
 .inputfile + label.outline:hover,
 .titleist-btn.outline:focus,
 .outline.btn-secondary:focus,
 .outline.btn-tertiary:focus,
 .inputfile + label.outline:focus {border-color: #e31837; background-color: #e31837; color: #fff;}
 .titleist-btn.outline.invert,
 .outline.invert.btn-secondary,
 .outline.invert.btn-tertiary,
 .inputfile + label.outline.invert {border: 1px solid #fff; background: transparent; color: #fff;}
 .titleist-btn.outline.invert:hover,
 .outline.invert.btn-secondary:hover,
 .outline.invert.btn-tertiary:hover,
 .inputfile + label.outline.invert:hover,
 .titleist-btn.outline.invert:focus,
 .outline.invert.btn-secondary:focus,
 .outline.invert.btn-tertiary:focus,
 .inputfile + label.outline.invert:focus {color: #fff; text-decoration: none; background: transparent; border-color: transparent;}
 .titleist-btn.outline.invert:hover,
 .outline.invert.btn-secondary:hover,
 .outline.invert.btn-tertiary:hover,
 .inputfile + label.outline.invert:hover,
 .titleist-btn.outline.invert:focus,
 .outline.invert.btn-secondary:focus,
 .outline.invert.btn-tertiary:focus,
 .inputfile + label.outline.invert:focus {border-color: #fff; border-color: rgba(255, 255, 255, 0.85); background-color: #b5132c;}
 .titleist-btn .titleist-icon,
 .btn-secondary .titleist-icon,
 .btn-tertiary .titleist-icon,
 .inputfile + label .titleist-icon {top: 1px; position: relative; font-size: 105%;}
 
 .btn-secondary {border: 1px solid #999; background: #999; color: #fff;}
 .btn-secondary:hover,
 .btn-secondary:focus {color: #fff; text-decoration: none; background: gray; border-color: gray;}
 .btn-secondary.outline {border: 1px solid #999; background: transparent; color: #999;}
 .btn-secondary.outline:hover,
 .btn-secondary.outline:focus {color: #999; text-decoration: none; background: transparent; border-color: transparent;}
 .btn-secondary.outline:hover,
 .btn-secondary.outline:focus {border-color: #999; background-color: #999; color: #fff;}
 .btn-secondary.outline.invert {border: 1px solid #fff; background: transparent; color: #fff;}
 .btn-secondary.outline.invert:hover,
 .btn-secondary.outline.invert:focus {color: #fff; text-decoration: none; background: transparent; border-color: transparent;}
 .btn-secondary.outline.invert:hover,
 .btn-secondary.outline.invert:focus {border-color: #fff; border-color: rgba(255, 255, 255, 0.85); background-color: #000;}
 
 .btn-tertiary, .inputfile + label {border: 1px solid #000; background: #000; color: #fff;}
 .btn-tertiary:hover,
 .inputfile + label:hover,
 .btn-tertiary:focus,
 .inputfile + label:focus {color: #fff; text-decoration: none; background: black; border-color: black;}
 .btn-tertiary.outline,
 .inputfile + label.outline {border: 1px solid #000; background: transparent; color: #000;}
 .btn-tertiary.outline:hover,
 .inputfile + label.outline:hover,
 .btn-tertiary.outline:focus,
 .inputfile + label.outline:focus {color: #000; text-decoration: none; background: transparent; border-color: transparent;}
 .btn-tertiary.outline:hover,
 .inputfile + label.outline:hover,
 .btn-tertiary.outline:focus,
 .inputfile + label.outline:focus {border-color: #000; background-color: #000; color: #fff;}
 .btn-tertiary.outline.friend-req,
 .inputfile + label.outline.friend-req {margin-left: 15px;}
 .btn-tertiary.outline.invert,
 .inputfile + label.outline.invert {border: 1px solid #fff; background: transparent; color: #fff;}
 .btn-tertiary.outline.invert:hover,
 .inputfile + label.outline.invert:hover,
 .btn-tertiary.outline.invert:focus,
 .inputfile + label.outline.invert:focus {color: #fff; text-decoration: none; background: transparent; border-color: transparent;}
 .btn-tertiary.outline.invert:hover,
 .inputfile + label.outline.invert:hover,
 .btn-tertiary.outline.invert:focus,
 .inputfile + label.outline.invert:focus {border-color: #fff; border-color: rgba(255, 255, 255, 0.5);}
 .btn-icon {background: none; padding: 0; border: 0; color: #4C4C4C;}
 .btn-icon:hover, .btn-icon:active, .btn-icon:focus {background: none; color: #4C4C4C; }
 .btnText {font-size:13px; font-size:0.8125rem;}
 .btnText.big {font-size:14px; font-size:0.875rem;}
 
 .cta-link {font-size: 13px; font-family: "NovaR", "noto", sans-serif; font-weight: 700; text-decoration: none;}
 
 h1 .cta-link {padding: 29px 0 0;}
 h1 .cta-link.pull-right {float: none !important; display: block; padding-top: 20px; line-height: 1;}
 @media screen and (min-width: 800px) {
	 h1 .cta-link.pull-right {float: right !important;}
 }
 
 .m-tt-main-header {text-transform: uppercase; letter-spacing: 0px; font-size: 15px; font-size: 0.9375rem; font-family: "NovaR", "noto", sans-serif; font-weight: 700; border-bottom: 1px solid #e3dede; margin: 0 0 20px; padding: 15px 0; }
 .m-tt-main-header > .titleist-icon,
 .m-tt-main-header a > .titleist-icon {float: left; margin-right: 6px; position:relative; top:1px;}
 .m-tt-main-header .header-label,
 .m-tt-main-header .titleist-menu, .m-tt-main-header label {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto;}
 .m-tt-main-header .form-header-message {float: right; font-size: 12px; font-size: 0.75rem; font-weight: normal; width: 50%; line-height: normal; text-align: right;}
 .m-tt-main-header .titleist-menu,
 .m-tt-main-header label {float: left;}
 .m-tt-main-header .m-tt-main-header-bar label {width: 110px; margin-right: 0px; font-size: 12px; font-size: 0.75rem; padding-top: 3px;}
 @media screen and (min-width: 660px) {
	 .m-tt-main-header .m-tt-main-header-bar {float: right;}
	 .m-tt-main-header > .titleist-icon,
	 .m-tt-main-header a > .titleist-icon {top:2px;}
 }
 .m-tt-main-header .titleist-menu,
 .m-tt-main-header .titleist-menu-notifications {margin: -5px 0 -10px 0; padding: 0; min-width: none; text-transform: none; font-weight: 400; display: block; margin-top: 20px;}
 @media screen and (min-width: 660px) {
	 .m-tt-main-header .titleist-menu,
	 .m-tt-main-header .titleist-menu-notifications {margin-bottom: 0;}
 }
 .m-tt-main-header .titleist-menu .menu-content,
 .m-tt-main-header .titleist-menu-notifications .menu-content {min-width: 150px;}
 
 .m-tt-main-header .titleist-menu a,
 .m-tt-main-header .titleist-menu-notifications a {border: 0; white-space: nowrap;}
 .m-tt-main-header .titleist-menu .titleist-icon,
 .m-tt-main-header .titleist-menu-notifications .titleist-icon {top: 2px;}
 @media screen and (min-width: 660px) {
	 .m-tt-main-header .titleist-menu,
	 .m-tt-main-header .titleist-menu-notifications {margin-top: 0;}
 }
 
 .m-tt-main-header-alt-container {border-bottom: 1px solid #e3dede; margin: 0px 0 20px; padding: 15px 0 13px;}
 @media screen and (max-width: 800px) {
	 .m-tt-main-header-alt-container {margin: 5px 0 20px; }
 }
 @media screen and (max-width: 520px) {
	 .m-tt-main-header-alt-container {margin: 0px 0 20px; }
 }
 
 .m-tt-main-header-alt {border-bottom: none; display: inline-block; margin: 0; padding: 0;}
 @media screen and (max-width: 520px) {
	 .m-tt-main-header-alt {margin-bottom: 10px;}
 }
 
 .tt-header-secondary {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; margin-top: 5px; clear: both; }
 @media screen and (min-width: 660px) {
	 .tt-header-secondary {float: right; clear: none;}
 }
 @media screen and (min-width: 660px) {
	 .tt-header-secondary {margin-top: 10px;}
 }
 @media screen and (min-width: 800px) {
	 .tt-header-secondary {margin-top: 17px;}
 }
 .tt-header-secondary .btn-tertiary, .tt-header-secondary .inputfile + label {font-size: 12px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: .02em; letter-spacing: .03em; padding: 10px 20px; min-width: 0; width: 100%;}
 @media screen and (min-width: 660px) {
	 .tt-header-secondary .btn-tertiary .text, .tt-header-secondary .inputfile + label .text {position: absolute; top: -999em; left: -999em;}
 }
 @media screen and (min-width: 800px) {
	 .tt-header-secondary .btn-tertiary .text, .tt-header-secondary .inputfile + label .text {position: static;}
 }
 .tt-header-secondary .btn-tertiary .titleist-icon,
 .tt-header-secondary .inputfile + label .titleist-icon {font-size: 15px; font-size: 0.9375rem; margin-right: 5px;}
   @media screen and (min-width: 660px) {
	 .tt-header-secondary .btn-tertiary .titleist-icon, .tt-header-secondary .inputfile + label .titleist-icon {margin-right: 0;}
 }
   @media screen and (min-width: 800px) {
	 .tt-header-secondary .btn-tertiary .titleist-icon,
	 .tt-header-secondary .inputfile + label .titleist-icon {margin-right: 5px; font-size: 14px; font-size: 0.875rem;}
 }
 @media screen and (max-width: 660px) {
	 .tt-header-secondary-full {display: block; text-align: center;}
	 .tt-header-secondary-full .btn-tertiary,
	 .tt-header-secondary-full .inputfile + label {margin: 2em 0 0; width: auto;}
 }
 
 .tt-header-secondary-alt {color: #000; margin: 0; margin-top: -10px; padding: 0; position:relative; z-index:1;}
 .tt-header-secondary-alt .btn-tertiary, .tt-header-secondary-alt .inputfile + label {padding: 10px 10px;}
 .tt-header-secondary-alt .no-outline {border: none;}
 .tt-header-secondary-alt-adj {margin-top: 2px !important;}
 @media screen and (max-width: 660px) {
	 .m-tt-main-header-alt-container.select .m-tt-main-header-alt {margin-bottom:10px;}
	 .m-tt-main-header-alt-container.select .tt-header-secondary-alt {margin-top:0;}
	 .tt-header-secondary-alt-full {display: block; text-align: center;}
	 .tt-header-secondary-alt-full .btn-tertiary, .tt-header-secondary-alt-full .inputfile + label {margin: 1em 0 1em;width: auto;}
 }
 @media screen and (max-width: 520px) {
	 .tt-header-secondary-alt { margin-top: 0px;}
 }
 
 /* ################# form style ################## */
 .form-inline-header, .form-sweepstakes {padding-left: 5px;}
 .form-inline-header legend, .form-sweepstakes legend {margin-left:-4px; margin-bottom:20px;}
 .form-inline-header .titleist-layout,
 .form-sweepstakes .titleist-layout {margin-left:-10px; padding-left:0;}
 .form-inline-header .gutter,
 .form-inline-header .sub-menu > li,
 .form-sweepstakes .gutter,
 .form-sweepstakes .sub-menu > li {margin-left: 10px; margin-right: 10px;}
 .form-note {margin-bottom:11px; font-size:13px; font-size:0.8125rem; /* text-align:right; */}
 .form-note .big {font-size:14px; font-size:0.875rem;}
 .dark {color:#000;}
 .form-inline-header .select_menu,
 .titleist-layout .select_menu {display:block;}
 .form-inline-header fieldset {margin-bottom:35px;}
 .form-inline-header .del {display:inline-block;}
 .form-inline-header .sm-w-100.del {margin-top:-14px; text-align:right;}
 .form-inline-header .titleist-layout.add-wrapper,
 .form-sweepstakes .titleist-layout.add-wrapper {margin-top: 5px;}
 .form-inline-header .titleist-layout.add-wrapper .gutter.text-align-right,
 .form-sweepstakes .titleist-layout.add-wrapper .gutter.text-align-right {margin-right:7px;}
 @media screen and (min-width:800px) {
	 .form-inline-header .mid-w-10.del {position:absolute; bottom:10px; text-align:left;}
	 .titleist-layout .form-desc {position:absolute; bottom:10px;}
 }
 .select_menu{width:100%;height:41px;background:#fff;border:1px solid #d6d6d6;border-radius:2px 0 0 2px;display:inline-block;vertical-align:baseline;box-shadow:inset 0 2px 0 0 #eaeaea;position:relative;margin-bottom:1em;}
 .select_menu:after{content:'';position:absolute;height:43px;width:27px;background:#4c4c4c url('images/icon-select.gif');right:-1px;top:-1px;z-index:1;}
 .ie9 .select_menu {height:auto;background:none;box-shadow:none;border: 0;}
 .select_menu select {background: transparent;width: 100%;padding: 5px 27px 5px 10px;line-height: 1;border: 0;border-radius: 0;height: 42px;appearance: none;cursor: pointer;position: relative;z-index: 2;font-size:13px;color:#4c4c4c;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;}
 .select_menu select::-ms-expand {display: none; }
 .select_menu select[disabled] {color: #a3a3a3;cursor: default; }
 .select_menu select:focus {border-color: #4C4C4C;outline: 0; }
 .ie9 .select_menu select {padding: 12px 5px;height: auto;border: 1px solid #d6d6d6;background: #fff; }
 .select_menu:after {content: "";position: absolute;height: 43px;width: 27px;background: #4C4C4C url('images/icon-select.gif') no-repeat center center;right: -1px;top: -1px;z-index: 1; }
 .ie9 .select_menu:after {display: none; }
 .tt-header-secondary-alt .select_menu {margin-bottom:0;}
 .tt-header-secondary-alt .select_menu select {margin-bottom:0;}
 
 .input_text{font-size:13px;background:#fff;border:1px solid #d6d6d6;border-radius:2px;box-shadow: inset 0 2px 0 0 #eaeaea;display:block;margin:0;max-width:100%;padding:13px;text-transform:none;width:100%;margin-bottom: 14px;border-radius: 2px; -moz-box-sizing: border-box; box-sizing: border-box;}
 .input_text:focus{background:#fff;border-color:#a3a3a3;outline:0;}
 .input_text.small {padding:7px; box-shadow:none;}
 
 .form-footer {text-align: right; *zoom: 1; clear: both; margin-bottom: 30px;}
 .form-footer:before, .form-footer:after {content: " "; display: table;}
 .form-footer:after {clear: both;}
 .form-footer .left {text-align:left;}
 .form-footer .captcha, .form-footer .submit {display: block;}
 .form-footer.brdNone {margin-top:0; border-top:0;}
 @media screen and (min-width: 660px) {
	 .form-footer {position:relative;}
	 .form-footer .left {position:absolute; left:0; height:52px; line-height:52px;}
	 .form-footer .captcha, .form-footer .submit {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto;}
	 .form-footer .captcha {float: left;}
 }
 .form-footer .guide-text {margin-bottom:10px; text-align:left;}
 .form-footer .guide-text strong {font-weight:normal;}
 @media only screen and (min-width: 660px) {
	 .form-footer .guide-text {margin-bottom:25px;}
 }
 
 .form-footer button,
 .form-footer .titleist-btn,
 .form-footer .btn-secondary,
 .form-footer .submit .btn-tertiary,
 .form-footer .submit button {width: 100%; min-width:86px; margin-top: 15px; margin-bottom:0; box-sizing:border-box; font-size:14px;}
 
 .form-footer .middle {font-size:13px;}
 .form-footer button.middle {height:43px;}
 
 @media screen and (min-width: 660px) {
	 .form-footer button,
	 .form-footer .titleist-btn,
	 .form-footer .btn-secondary,
	 .form-footer .submit .btn-tertiary,
	 .form-footer .submit button {width: auto; margin-top: 0;}
 }
 
 .multi-box {overflow:hidden; margin:0 -5px;}
 .multi-box .box {float:left; width:33.33333%; padding:0 5px; box-sizing:border-box;}
 .multi-box .box.text-box {height:42px; line-height:42px;}
 .multi-box .box.wide {width:66.66666%;}
 .multi-box .input_text,
 .multi-box .select_menu {margin-bottom:0;}
 
 .multi-btn-box {position:relative; padding-right:89px;}
 .multi-btn-box.word4 {padding-right:104px}
 .multi-btn-box.word5 {padding-right:125px}
 .multi-btn-box.word6 {padding-right:134px}
 .multi-btn-box.quick {padding-right:155px}
 .multi-btn-box .btn-tertiary {position:absolute; top:0; right:0;}
 .multi-btn-box .unit {position:absolute; top:0; right:60px; height:43px; line-height:43px;}
 @media screen and (min-width:800px) {
	 .multi-btn-box {padding-right:0 !important;}
	 .multi-btn-box .btn-tertiary {right:-89px;}
	 .multi-btn-box.word4 .btn-tertiary {right:-104px;}
	 .multi-btn-box.word6 .btn-tertiary {right:-134px;}
	 .multi-btn-box.word5.inner {padding-right:125px !important;}
	 .multi-btn-box.word5.inner .btn-tertiary {right:0;}
	 .multi-btn-box.quick .btn-tertiary {right:-155px}
	 .multi-btn-box .unit {right:-20px;}
 }
 
 .combo-box {margin-bottom:10px;}
 /*.combo-box .head,*/
 .combo-box .list-form {margin-bottom:0;}
 .combo-box .input_text,
 .combo-box .gutter {margin-bottom:10px;}
 @media screen and (min-width:800px) {
	 .combo-box .titleist-layout .gutter,
	 .combo-box .titleist-layout .select_menu,
	 .combo-box .titleist-layout  select {margin-bottom:0;}
 }
 
 .list-form {padding: 0; margin: 0 3px 1em 0; list-style: none;}
 .list-form li {margin-top:5px; vertical-align:middle;}
 .list-form li:first-child {margin-top:0;}
 .list-form input {vertical-align:middle;}
 .list-form img {margin-bottom: 5px; display: block;}
 .list-form.dark li {color:#000;}
 /*@media screen and (min-width: 440px) {
	 .list-form img {float: left; margin: 0 15px 10px 0;}
 }*/
 
 .list-form.has-img li {margin-top:15px;}
 .list-form.has-img li:first-child {margin-top:0;}
 
 .list-form.horizontal {overflow:hidden;}
 .list-form.horizontal li {float:left; margin-top:0; margin-right:15px;}
 .list-form.horizontal li:last-child {margin-right:0px;}
 .list-form.horizontal li input {margin-right:0;}
 
 .inner-list li {margin-top:0; font-size:12px; line-height:1.5;}
 
 .col {display: inline-block; vertical-align: top; zoom: 1; /* display: inline;  *//* vertical-align: auto;  */margin-left: -4px;} /* 2020-03-26 수정 */
 .col-last {float: right; margin-left: -4px;}
 .sm-w-100 {width: 100%;}
 .sm-w-90 {width: 90%;}
 .sm-w-75 {width: 75%;}
 .sm-w-50 {width: 50%;}
 .sm-w-25 {width: 25%;}
 .sm-w-66 {width: 66.666666%;}
 .sm-w-33 {width: 33.33333%;}
 .sm-w-80 {width: 80%;}
 .sm-w-60 {width: 60%;}
 .sm-w-40 {width: 40%;}
 .sm-w-20 {width: 19.95%;}
 
 @media screen and (min-width: 800px) {
	 .mid-w-100 {width: 100%;}
	 .mid-w-75 {width: 75%;}
	 .mid-w-50 {width: 50%;}
	 .mid-w-25 {width: 25%;}
	 .mid-w-66 {width: 66.666666%;}
	 .mid-w-33 {width: 33.33333%;}
	 .mid-w-30 {width: 30%;}
	 .mid-w-35 {width: 35%;}
	 .mid-w-80 {width: 80%;}
	 .mid-w-60 {width: 60%;}
	 .mid-w-40 {width: 40%;}
	 .mid-w-20 {width: 19.95%;}
	 .mid-w-16 {width: 16.66666%;}
	 .mid-w-10 {width: 10%;}
 }
 
 @media screen and (min-width: 940px) {
	 .lrg-w-100 {width: 100%;}
	 .lrg-w-75 {width: 75%;}
	 .lrg-w-70 {width: 70%;}
	 .lrg-w-50 {width: 50%;}
	 .lrg-w-25 {width: 25%;}
	 .lrg-w-66 {width: 66.666666%;}
	 .lrg-w-33 {width: 33.33333%;}
	 .lrg-w-80 {width: 80%;}
	 .lrg-w-60 {width: 60%;}
	 .lrg-w-40 {width: 40%;}
	 .lrg-w-35 {width: 35%;}
	 .lrg-w-30 {width: 30%;}
	 .lrg-w-20 {width: 19.9%;}
	 .lrg-w-15 {width: 15%;}
	 .lrg-w-10 {width: 10%;}
	 .lrg-w-16 {width: 16.66667%;}
	 .lrg-w-14 {width: 14.333333%;}
	 .lrg-w-12-5 {width: 12.5%;}
	 .lrg-w-11 {width: 11.11111%;}
	 .lrg-w-8 {width: 8.33333%;}
 }
 
 @media screen and (min-width: 1150px) {
	 .xlrg-w-100 {width: 100%;}
	 .xlrg-w-75 {width: 75%;}
	 .xlrg-w-50 {width: 50%; }
	 .xlrg-w-25 {width: 25%; }
	 .xlrg-w-66 {width: 66.666666%; }
	 .xlrg-w-33 {width: 33.33333%; }
	 .xlrg-w-80 {width: 80%; }
	 .xlrg-w-60 {width: 60%; }
	 .xlrg-w-40 {width: 40%; }
	 .xlrg-w-35 {width: 35%; }
	 .xlrg-w-30 {width: 30%; }
	 .xlrg-w-20 {width: 19.9%; }
	 .xlrg-w-15 {width: 15%; }
	 .xlrg-w-10 {width: 10%; }
	 .xlrg-w-16 {width: 16.66667%; }
	 .xlrg-w-14 {width: 14.333333%; }
	 .xlrg-w-12-5 {width: 12.5%; }
	 .xlrg-w-8 {width: 8.33333%; }
 }
 @media screen and (min-width: 1000px) {
	 .wide-w-50 {width: 50%; }
 }
 @media screen and (max-width: 440px) {
	 .tiny-w-100 {width: 100%; }
 }
 
 .content-wrap, .content-header {padding: 20px 10px; background-size: cover; background-position: center; background-repeat: no-repeat;}
 @media screen and (min-width: 660px) {
	 .content-wrap, .content-header {padding: 30px 20px;}
 }
 @media screen and (min-width: 800px) {
	 .content-wrap, .content-header {padding: 50px 20px;}
 }
 
 .content-header {padding-bottom: 0;}
 
 .headline {margin:60px 0 12px; font-size:30px; font-size:1.875rem;}
 .sub-headline {margin:10px 0 20px; font-size:19px; font-size:1.188rem; color:#303030; line-height:1.4;}
 @media screen and (max-width: 767px) {
	 .headline {margin-top:0; padding:25px 0 17px; border-bottom:1px solid #e6e6e6; font-size:20px;}
	 .sub-headline {margin-top:0; font-size:16px; font-size:1rem;}
 }
 .xs-headline {font-size:18px; font-weight:700; line-height:1.4;}
 .form-head {display:block; margin-bottom:20px; font-size:15px; color:#000; font-weight:700;}
 .small-form-head {display:block; width:100%; min-height:21px; margin-top:0; margin-bottom:.8em; padding:0; font-weight:400; font-size:14px; font-size:0.875rem; line-height:1.5; color:#4c4c4c;}
 .xs-form-head {font-size:13px; font-size:0.8125rem;}
 .sub-desc {font-size:13px; font-size:0.8125rem;}
 .sub-desc.big {font-size:14px; font-size:0.875rem;}
 .sub-desc.lrg {font-size:15px; font-size:0.9375rem;}
 .sub-desc .red_text {font-size: inherit !important;}
 .dark {color:#000;}
 .line {margin:20px 0 40px; border-top:1px solid #e3dede;}
 
 .disc-list {}
 .disc-list li {position:relative; margin-top:10px; font-size:13px; line-height:1.9; vertical-align:middle;}
 .disc-list li:before {display:inline-block; /*position:absolute; left:0;*/ width:4px; height:4px; margin-right:10px; line-height:1.9; background:#333; border-radius:2px; content:''; vertical-align:middle;}
 .disc-list li:first-child {margin-top:0;}
 .disc-list li img {vertical-align:middle;}
 
 .inputFileLabel {display:block; position:relative; padding-right:104px; box-sizing:border-box;}
 .inputFileLabel .input_text {display:inline-block; height:44px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:12px 13px 11px;}
 .inputFileLabel .titleist-btn {position:absolute; top:0; right:0;}
 
 .tt_profile_header .tit {margin-bottom:13px; font-size:14px; font-size:0.875rem;}
 .tt_profile_header .profileImg {width:160px; height:160px; margin-bottom:10px;}
 .tt_profile_header .inputFileLabel {margin-bottom:0;}
 .tt_profile_header .input_text {margin-bottom:0;}
 
 .user-sns {position:relative; padding-left:155px;}
 .user-sns.type2 {position:relative; padding-left:137px;}
 .user-sns .url {position:absolute; left:0; top:0; display:block; height:43px; line-height:43px; font-size:13px; font-size:0.8125rem; color:#4c4c4c;}
 
 .titleist-layout .btns .titleist-btn {margin-right:4px;}
 @media screen and (min-width: 800px) {
	 .titleist-layout .btns .gutter {margin-left:10px}
 }
 
 .tt_content_secondary + .tt_content_secondary .tt_main_header_container,
 .tt_content_secondary + .tt_content_secondary .m-tt-main-header-alt-container {margin-top:9px;}
 
 .agreeBox {background:#f6f6f6;}
 .agreeBox p {font-size:13px; font-size:0.8125rem}
 .list-form .agreeBox {margin:8px 0 22px; font-size: 0.8125rem;}
 .list-form .emailMobileConsent {height: auto;}
 .sub-desc .bold-txt,
 .list-form .bold-txt {color: #000; font-size: 0.9375rem; } /* 폰트 공통수정 */
 .scrollBox {overflow-y:auto; height:66px; padding:20px;}
 .all-check-with-btn {position:absolute; bottom:-78px;}
 
 table.third-party-privacy {font-size:0.8125rem;margin-top:10px;min-width: 0;}
 table.third-party-privacy th { border: #DCDCDC 1px solid; background-color: #F7F7F7; text-align: center; }
 table.third-party-privacy td { border: #DCDCDC 1px solid; text-align: center;  background-color: #fff; }
 table.third-party-privacy td.bold { font-weight: bold; }
 @media screen and (max-width: 940px){
	 table.third-party-privacy th { font-size: 14px; }
	 table.third-party-privacy td { font-size: 14px; }
 }
 
 .titleist-tag {color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: .02em; font-weight: 700; margin-bottom: 10px !important;}
	 .results-players .titleist-tag {text-transform: none; letter-spacing: normal;}
	 .results-players .titleist-tag a {padding: 3px 4px;}
 .titleist-tag a, .titleist-tag span {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; color: #fff; text-decoration: none; padding: 3px 4px 4px; line-height: 1; background: #b3b3b3; -webkit-transition: background linear 0.2s; -moz-transition: background linear 0.2s; -ms-transition: background linear 0.2s; transition: background linear 0.2s; border-bottom: 0;}
 .titleist-tag a:hover, .titleist-tag a:focus, .titleist-tag span:hover, .titleist-tag span:focus {background: #8d8d8d;}
 
 /* article */
 .m-article {margin-bottom:0; padding-top:30px; position:relative;}
 
 .m-tt-content-primary .m-article, .m-tt-content-secondary .m-article {margin-bottom: 40px;}
 .m-tt-content-primary .m-article .titleist-layout, .m-tt-content-secondary .m-article .titleist-layout {margin-left: -15px;}
 .m-tt-content-primary .m-article .titleist-layout .gutter, .m-tt-content-primary .m-article .titleist-layout .sub-menu > li, .m-tt-content-secondary .m-article .titleist-layout .gutter, .m-tt-content-secondary .m-article .titleist-layout .sub-menu > li {padding: 0;}
 
 .m-article .titleist-icon {position: relative; top: 2px;}
 .m-article .tags {position:absolute; top:0; left:0; font-size:11px; font-size:0.6875rem; font-weight:700; letter-spacing:.02em;}
 .m-article .titleist-tag {background: #999; padding: 2px 5px; /*margin-right: 10px;*/ color: #fff; border-bottom: 0; -webkit-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -ms-transition: all linear 0.1s; transition: all linear 0.1s; white-space: nowrap;}
 .m-article .titleist-tag:hover, .m-article .titleist-tag:focus {background: #666666; color: #fff;}
 
 .m-article-media {margin-bottom: 10px;}
 .m-article .m-article-media {background-position: center top; background-repeat: no-repeat; background-size: contain; position: relative; display: inline-block; overflow: hidden; display: block; color: #fff; color: #e31837; text-align: center; border-bottom: 0;}
 .m-article .m-article-media a {display:block; overflow:hidden; height:0; position:relative; padding-top: calc(410 / 730 * 100%); border:none;}
 .m-article .m-article-media a img {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-height: 100%;}
 .m-article .m-article-media .titleist-icon {width: 100%; display: block; text-align: center; font-size: 40px; font-size: 2.5rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 98; color: #fff; opacity: .75;}
 .m-article .m-article-media:hover .titleist-icon {opacity: 1;}
 .m-article-media a span.play {display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 12%; z-index: 1;}
 .m-article-media a span.play:before {background: url(../img/ico_play.png) no-repeat center center; background-size: cover; display: block; content: ' '; width: 100%; height: 0px; padding-bottom: 70.92%; }
 .m-article-media img {display: block; max-width: 100%; max-height: 500px; margin: 0 auto; height: auto;}
 
 .m-article-media.hio-card {width: 319px; height: 250px; overflow: hidden;}
 .m-article-media.hio-card img {width: 150%; height: auto; max-width: none; position: relative; left: -150px;}
 @media screen and (max-width: 940px) {
	 .m-article-media.hio-card {display: none;}
 }
 
 .m-article-heading {margin: 0 0 3px; font-size: 16px; font-size: 1rem; line-height: 1.5; font-weight: 700; letter-spacing: -1px;}
 @media screen and (min-width: 800px) {
	 .m-article-heading {margin: 0 0 10px;}
 }
 .m-article-heading a {color: #000; border-bottom: 1px solid transparent; -webkit-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -ms-transition: all linear 0.1s; transition: all linear 0.1s;}
 .m-article-heading a:hover, .m-article-heading a:focus {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
 .m-article-subheading {font-size: 16px; font-size: 1rem; margin: 0 0 4px; line-height: 1.5;}
 
 .m-article-content {margin-bottom:1em;}
 .m-article-content p, .m-article-content ol, .m-article-content ul {font-size: 12px; font-size: 0.75rem; line-height: 1.8; padding-right: 0; padding-left: 0;}
 .m-article-content p + p {margin-top:1em;}
 @media only screen and (min-width: 800px) {
	 .m-article-content p, .m-article-content ol, .m-article-content ul {font-size: 14px; font-size: 0.875rem;}
 }
 .m-article-content ul, .m-article-content ol {list-style: disc; margin-left: 25px; margin-bottom: 1em;}
 .m-article-content ul > li, .m-article-content ol > li {margin: 0 0 5px;}
 .m-article-content ul > li p, .m-article-content ol > li p {  margin-top: 10px;}
 .is-featured .m-article-content p, .is-featured .m-article-content ol, .is-featured .m-article-content ul {font-size: 13px; font-size: 0.8125rem; line-height: 2;}
 @media screen and (min-width: 800px) {
	 .is-featured .m-article-content p, .is-featured .m-article-content ol, .is-featured .m-article-content ul {font-size: 14px; font-size: 0.875rem;}
 }
 
 .m-article-byline {margin-bottom:1em; text-transform: uppercase; letter-spacing: .02em; color: #999; font-size: 12px; font-weight: 700;}
 .m-article-byline .news-date {margin-right:5px; font-size:13px;}
 .is-featured .m-article-byline, .is-featured .m-article-header {margin-bottom: 10px;}
 .m-article-byline a {color: #999; border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -ms-transition: all linear 0.1s; transition: all linear 0.1s; }
 .m-article-byline a:hover, .m-article-byline a:focus {color: #666666;}
 
 .m-article-footer {text-transform: uppercase; letter-spacing: .02em; font-size: 12px; font-weight: 700; color: #999; margin-top: -5px;}
 .m-article-footer .en {font-size:11px;}
 .m-article-footer .titleist-icon {position: relative; top: 4px;}
 .m-article-footer a {color: #999; border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -ms-transition: all linear 0.1s; transition: all linear 0.1s;}
 .m-article-footer a:hover, .m-article-footer a:focus {color: #666666;}
 
 .m-article-bar {border-top: 1px solid #e3dede; padding: 15px 0; margin-top: 30px; *zoom: 1; clear: both;}
 .m-article-bar:before, .m-article-bar:after {content: " "; display: table;}
 .m-article-bar:after {clear: both;}
 .m-article-bar a {color: #999; border: 0; -webkit-transition: color linear 0.2s; -moz-transition: color linear 0.2s; -ms-transition: color linear 0.2s; transition: color linear 0.2s;}
 .m-article-bar a:hover, .m-article-bar a:focus {color: #000;}
 
 .m-share-label,
 .m-share-links {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto;}
 
 .m-share-label {text-transform: uppercase; letter-spacing: .02em; font-size: 14px; line-height: 17px; color:#4c4c4c; font-weight:700;}
 
 .m-share-links {margin-top: 10px; font-size: 11px;}
 .m-share-links a .titleist-icon {top:4px;}
 .m-share-links a .titleist-icon.icon-kakaotalk:before, .m-share-links .titleist-icon.icon-kakaostory:before {display:none;}
 .m-share-links a .titleist-icon:after {display:inline-block; height:18px; margin:0 auto; content:''; position:relative; top:2px;}
 .m-share-links a .titleist-icon.icon-kakaotalk:after {width:20px; background:url(../img/ico_sns_katalk.png) no-repeat center top; transition:all linear 0.2s;}
 .m-share-links a .titleist-icon.icon-kakaostory:after {width:8px; background:url(../img/ico_sns_kastory.png) no-repeat center top; transition:all linear 0.2s;}
 .m-share-links a:hover .titleist-icon.icon-kakaotalk:after {background:url(../img/ico_sns_katalk_over.png) no-repeat center top;}
 .m-share-links a:hover .titleist-icon.icon-kakaostory:after {background:url(../img/ico_sns_kastory_over.png) no-repeat center top;}
 
 
 
 @media screen and (min-width: 800px) {
	 .m-share-links {float: right; margin-top: 0;}
 }
 .m-share-links a {width: 48%; display: inline-block; margin-bottom: 10px;}
 @media screen and (min-width: 800px) {
	 .m-share-links a {width: auto; margin-bottom: 0px;}
 }
 @media screen and (min-width: 800px) {
	 .m-share-links a + a {margin-left: 10px;}
 }
 .m-share-links .titleist-icon {font-size: 17px; font-size: 1.0625rem; position: relative; top: 2px;}
 
 /* article :: gray */
 .m-article.gray-card {overflow:hidden; -webkit-box-shadow: 0 5px 0 #e8e8e8; -moz-box-shadow: 0 5px 0 #e8e8e8; box-shadow: 0 5px 0 #e8e8e8;}
 .m-article.gray-card .m-article-media {margin-bottom:0;}
 .m-article.gray-card .m-article-body {padding:15px; background:#f6f6f6;}
 .m-article.gray-card .m-article-heading {font-size:16px; font-size:1rem;}
 .m-article.gray-card .m-article-content p, .m-article.gray-card .m-article-content ol, .m-article.gray-card .m-article-content ul {line-height:2;}
 @media only screen and (min-width: 800px) {
	 .m-article.gray-card .m-article-content p, .m-article.gray-card .m-article-content ol, .m-article.gray-card .m-article-content ul {font-size:13px; font-size:0.8125rem;}
 }
 .m-article.gray-card .titleist-tag {font-size:12px;}
 
 /* article - featured */
 .m-article.is-featured {padding-top:0;}
 .m-article.is-featured .m-article-byline .tags {position:static; display:inline-block; margin-left:5px;}
 .m-article.is-featured .m-article-byline .tags .titleist-tag {/*margin-left:5px;*/}
 .is-featured .m-article-media {margin-bottom: 25px; margin-top: 15px;}
 .is-featured .m-article-heading {font-size: 26px; font-size: 1.625rem; line-height: 1.3; margin-bottom: 10px;}
 .is-featured .m-article-subheading {font-size: 18px; font-size: 1.125rem; margin: 5px 0 8px;}
 
 /* article - horizontal */
 @media only screen and (min-width: 800px) {
	 .m-article.horizontal {margin:0 -10px;}
	 .m-article.horizontal:after {content:''; display:block; clear:both;}
	 .m-article.horizontal .m-article-media {float:left; width:50%; padding:0 10px; box-sizing:border-box;}
	 .m-article.horizontal .m-article-body {float:left; width:50%; padding:0 10px; box-sizing:border-box;}
	 .m-article.horizontal .tags {left:10px;}
 }
 
 /* article :: overlay */
 .m-article.has-overlay .tags .titleist-tag {margin:0 10px 0 0;}
 .m-article.has-overlay .m-article-body { z-index: 1; }
 @media screen and (min-width: 660px) {
	 .m-article.has-overlay .m-article-body {background: #000; background: rgba(0, 0, 0, 0.75); position: absolute; bottom: 0; right: 0; left: 0; padding: 10px; color: #fff;}
	 .m-article.has-overlay .m-article-body p,
	 .m-article.has-overlay .m-article-byline {color:#fff;}
 }
 @media screen and (min-width: 660px) and (min-width: 800px) {
	 .m-article.has-overlay .m-article-body {padding: 30px;}
 }
 @media screen and (min-width: 660px) {
	 .m-article.has-overlay .m-article-body .titleist-icon, .m-article.has-overlay .m-article-body h1 a {color: #fff;}
	 .m-article.has-overlay .m-article-media {margin: 0;}
	 .m-article.has-overlay .m-article-media picture, .m-article.has-overlay .m-article-media img {width: 100%;}
	 .m-article.has-overlay .m-article-body a:hover, .m-article.has-overlay .m-article-body a:focus {color: #fff;}
 }
 
 .comment-source h2 {margin-bottom:5px; font-size:20px;}
 .comment-source .m-article-byline {margin-bottom:8px; font-size:13px; font-weight:400;}
 .comment-source .m-article-content p {line-height:2.28;}
 
 /* bbs view */
 .bbs-view {margin-top:15px;}
 .bbs-view .m-article-heading {font-size:22px;}
 .bbs-view .m-article-content p {line-height:2.28;}
 @media only screen and (min-width: 800px) {
	 .bbs-view {margin-top:0;}
 }
 
 .wp_pagination {max-width:1000px; margin:0 auto 50px; border-top:1px solid #e3dede; text-align:center; z-index: 10999; }
 .wp_pagination .wp-pagenavi {margin:0; padding:25px 0; text-align:left; font-size:13px; line-height:1.9;}
 .wp_pagination .wp-pagenavi > span,
 .wp_pagination .wp-pagenavi > a {display:inline-block; padding:8px 10px 7px; border:1px solid #000; color:#000; vertical-align:baseline; font-size:13px; line-height:1; border-radius:2px; zoom:1; letter-spacing:.02em;
	 -webkit-transition: all linear 0.2s;
	 -moz-transition: all linear 0.2s;
	 -ms-transition: all linear 0.2s;
	 transition: all linear 0.2s;
 }
 .wp_pagination .wp-pagenavi > a:last-child {font-size:12px; line-height:1.1;}
 .wp_pagination .wp-pagenavi > a:hover,
 .wp_pagination .wp-pagenavi > a:focus {border-color:#a3a3a3; background:#e8e8e8;}
 .wp_pagination .wp-pagenavi > span.current {background:#000; color:#fff;}
 .wp_pagination .wp-pagenavi > span.is-disabled:hover {background: #fff; border-color:#000;}
 
 .newsList .m-article {margin-bottom:45px;}
 .newsList .m-article-heading {font-size:18px;}
 .newsList .is-featured .m-article-heading {font-size:22px; font-size:1.375rem}
 .newsList .has-overlay .m-article-heading {font-size:20px; font-size:1.25rem;}
 
 .m-article-heading-alt {border-bottom: 1px solid #e3dede; margin-bottom:5px; padding: 5px 0px 25px; font-size:22px;}
 .is-featured .m-article-heading-alt {margin-bottom:5px;}
 
 .commentWrap {margin-top:40px;}
 .replyEdit .commentWrap {margin-top:0;}
 .m-comment {padding-bottom:25px; border-bottom:1px solid #e3dede; *zoom: 1; clear: both;}
 .replyEdit .m-comment {border-bottom:none;}
 .m-comment.myComment {margin-top:45px;}
 .m-comment:before, .m-comment:after {content: " "; display: table;}
 .m-comment:after {clear: both;}
 .m-comment label {margin-top: 15px;}
 .m-comment label.inputFileLabel {margin-top: 0; margin-bottom: 0;}
 .m-comment textarea {background: #f6f6f6 !important; font-size: 16px; font-size: 1rem; min-height: 100px; margin-bottom: 20px;}
 .m-comment + .m-comment {margin-top: 25px;}
 
 .m-comment-heading {font-size: 16px; font-size: 1rem; margin-bottom: 15px; font-family: "NovaR", "noto", sans-serif; color: #000; letter-spacing: -1px;}
 .m-comment-heading.type2 {font-size:15px; font-size:0.9375rem;}
 .m-comment-heading .author {margin-right:20px; font-weight:700; font-size:15px; color:#e31837;}
 .m-comment.myComment .m-comment-heading {font-size:17px;}
 .is-active .m-comment-heading {font-family: "NovaR", "noto", sans-serif; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; letter-spacing: .02em; font-weight: 400;}
 .m-comment-heading .m-comment-inline-msg {display: block; text-transform: uppercase; letter-spacing: .02em; font-size: 12px; color: #999; font-weight: 700; font-family: "NovaR", "noto", sans-serif; }
 @media screen and (min-width: 660px) {
	 .m-comment-heading .m-comment-inline-msg {display: inline-block; margin-left: 15px;}
 }
 .m-comment-heading .m-comment-inline-msg a {font-weight:400; color: #999; border-bottom-color: rgba(0, 0, 0, 0.2); -webkit-transition: color linear 0.2s; -moz-transition: color linear 0.2s; -ms-transition: color linear 0.2s; transition: color linear 0.2s;}
 .m-comment-heading .m-comment-inline-msg a:hover, .m-comment-heading .m-comment-inline-msg a:focus {color: #000; }
 
 .m-comment-content .m-comment-byline,
 .m-comment-byline {text-transform: uppercase; letter-spacing: .02em; font-size: 13px; margin-left: 15px; color: #999; font-family: "NovaR", "noto", sans-serif; margin: -5px 0 5px;}
 
 .m-comment-content blockquote {border: 0; padding: 0; margin: 0; font-size: 13px; font-size: 0.8125rem; line-height:2; color:#4c4c4c;}
 .m-comment-content p { margin: 0; font-size: 13px; font-size: 0.8125rem; line-height:2;}
 .m-comment-content p + p {margin-top: 1em;}
 .m-comment-content .red_text {font-weight:normal;}
 
 #comments {margin-bottom: 60px; }
 
 .m-comment-parent {border-left: 1px solid #e3dede; margin: 20px 0;}
 .m-comment-parent .m-comment-content p {font-size: 12px; font-size: 0.75rem;}
 @media screen and (min-width: 660px) {
	 .m-comment-parent {padding-left: 20px;}
	 .m-comment-parent .m-comment-content p {font-size: 13px; font-size: 0.8125rem;}
 }
 
 .m-comment-parent-container {background: #f6f6f6; padding: 10px;}
 @media screen and (min-width: 660px) {
	 .m-comment-parent-container {padding: 10px 20px;}
 }
 .m-comment-parent-container.is-active {margin-bottom: 20px; padding-bottom: 20px; padding: 0; background: #fff;}
 .m-comment-parent-container.is-active .m-comment-heading {padding: 0; margin: 0 0 10px;}
 .m-comment-parent-container.is-active .m-comment-content {background: #f6f6f6; padding: 10px;}
 @media screen and (min-width: 660px) {
	 .m-comment-parent-container.is-active .m-comment-content {padding: 20px;}
 }
 .m-comment-parent-container.is-active p {font-size: 12px; font-size: 0.75rem;}
 
 .m-comment-bar {padding-top: 20px;}
 .m-comment-bar .btn-icon {font-size: 12px; font-size: 0.75rem; font-weight: 400; margin-right: 10px; color: #999; -webkit-transition: color linear 0.2s; -moz-transition: color linear 0.2s; -ms-transition: color linear 0.2s; transition: color linear 0.2s;}
 .m-comment-bar .btn-icon .titleist-icon {font-size: 17px; font-size: 1.0625rem; position: relative; top: 1px;}
 .m-comment-bar .btn-icon:hover, .m-comment-bar .btn-icon:focus {color: #000;}
 
 .m-comment-time-label {text-transform: uppercase; letter-spacing: .02em; font-size: 13px; margin-left: 15px; color: #999; font-weight: 700; font-family: "NovaR", "noto", sans-serif; margin: -5px 0 5px;}
 
 .m-comment-purpose {margin-bottom:20px; font-size: 15px; font-size: 0.9375rem;}
 
 .m-comment-media {margin-bottom: -20px;}
 @media screen and (min-width: 660px) {
	 .m-comment-media {margin-right: 20px; float: left; width: 10%;}
	 .m-comment-media img {width: 100%;}
 }
 @media screen and (max-width: 768px) {
	 .m-comment-media {display:none;}
 }
 
 @media screen and (min-width: 660px) {
	 .m-comment-body { width: 85%; float: left;}
	 .m-comment-body h2 {margin-top: 0;}
 }
 
 .checkbox-styled {margin: 0; overflow: hidden; position: relative;}
 .checkbox-styled input {height: 1px; left: -10px; opacity: 0; padding: 0; position: absolute; top: 0; width: 1px;}
 .checkbox-styled input:focus {outline: none;}
 input:focus + .checkbox-styled__icon, input:focus + input[type="hidden"] + .checkbox-styled__icon {border-color: #e31837;}
 input:checked + .checkbox-styled__icon, input:checked + input[type="hidden"] + .checkbox-styled__icon {background: #e31837; border-color: #e31837;}
 input:checked + .checkbox-styled__icon:after, input:checked + input[type="hidden"] + .checkbox-styled__icon:after {color: white; content: "\e904"; height: 14px; left: 3px; line-height: 1; top: -3px; width: 14px;}
 input:checked:focus + .checkbox-styled__icon, input:checked:focus + input[type="hidden"] + .checkbox-styled__icon {border-color: #d6d6d6;}
 .checkbox-styled.radio-styled .checkbox-styled__icon {border-radius: 12px; content: none;}
 .checkbox-styled.radio-styled .checkbox-styled__icon .radio__icon {display: none;}
 .checkbox-styled.radio-styled input:checked + .checkbox-styled__icon .radio__icon {-webkit-appearance: none; position: absolute; background: white; border-radius: 10px; cursor: pointer; display: inline-block; height: 10px; width: 10px; top: 50%; left: 50%; margin: -5px 0px 0px -5px; }
 .checkbox-styled.radio-styled input:checked + .checkbox-styled__icon:after {content: none !important;}
 .checkbox-styled__icon {-webkit-appearance: none; background: rgba(255, 255, 255, 0.3); border: 1px solid #d6d6d6; border-radius: 2px; cursor: pointer; display: inline-block; height: 20px; line-height: normal; margin-right: 8px; position: relative; text-align: center; text-decoration: none !important; vertical-align: middle; width: 20px;}
 .checkbox-styled__icon:after {background: 0 0; bottom: 0; content: ''; font-family: 'titleist-icons'; height: 0%; left: 0; margin: auto; position: absolute; speak: none; top: 0; width: 0;}
 
 .enhanced-locator-landing .checkbox-styled.radio-styled .checkbox-styled__icon {border-color: #a9a9a9;}
 
 /* 대리점 */
 .m-map {position: relative; margin:20px 0 0; padding-bottom: 46.25%; padding-top: 25px; height: 0; overflow: hidden; background:#f6f6f6;}
 .m-map iframe {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
 .m-map .infoBox {position:absolute; width:328px; background:#fff; /*border-top:1px solid #000; border-left:1px solid #666; border-right:1px solid #666; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, .5); box-shadow:0px 1px 1px rgba(0, 0, 0, .5);*/}
 .m-map .infoBox .btnClose {position:absolute; right:-12px; top:-5px; border:none;}
 .m-map .infoBox .box {padding:25px 20px 30px 30px; /*border-bottom:1px solid #ccc;*/}
 .m-map .infoBox .triangle {position:absolute; bottom:-42px; left:148px; width:32px; height:43px;/* background:url(../img/triangle.png) no-repeat;*/}
 .m-map .infoBox h3 {margin-bottom:23px; font-size:16px; font-size:1rem;}
 .m-map .infoBox p {font-size:13px; font-size:0.8125rem; line-height:1.5;}
 .m-map .infoBox p.big {font-size:14px; font-size:0.875rem;}
 .m-map .infoBox p + p {margin-top:1em;}
 .m-map .infoBox a {border-bottom:1px solid #e31837; border-color:rgba(227, 24, 55, .2);}
 .m-map .infoBox a:hover {border-color:rgba(0, 0, 0, .1); color:#4c4c4c;}
 .m-map .infoBox a + a {margin-left:5px;}
 
 .locator-search .headline,
 .m-location-results-plain .headline {font-size:26px;}
 .m-location-results-plain {padding:0 10px 60px;}
 .m-location-results-plain .titleist-layout {margin-left: -15px; padding-left:0;}
 
 .m-results {padding-top: 10px;}
 
 .m-results-heading {margin: 0 0 10px; padding: 0; font-size: 18px; line-height: 1.3; text-transform: none; font-weight: 700;}
 .m-results-heading .en {font-size:23px; font-weight:400;}
 
 .m-results-list {margin: 23px 0 0; padding: 0; list-style: none; *zoom: 1; clear: both;}
 .m-results-list:before, .m-results-list:after {content: " "; display: table;}
 .m-results-list:after {clear: both;}
 .results-players .m-results-list {border-top: 1px solid #e3dede; border-bottom: 1px solid #e3dede;}
 
 .m-results-item {border-bottom: 1px solid #e3dede; padding: 30px 0;}
 @media screen and (min-width: 660px) {
	 .m-results-item { padding: 25px 0; }
 }
 .m-results-item:first-child {border-top: 1px solid #e3dede;}
 .results-players .m-results-item {border: 0; margin: 0; padding: 15px 0; width: 100%;}
 @media screen and (min-width: 660px) {
	 .results-players .m-results-item {width: 48%; margin-right: 1%; display: inline-block; vertical-align: top; zoom: 1; *display: inline; *vertical-align: auto;}
 }
 @media screen and (min-width: 800px) {
	 .results-players .m-results-item {padding: 30px 0;}
 }
 @media screen and (min-width: 940px) {
	 .results-players .m-results-item {width: 32%;}
 }
 .m-results-item .titleist-menu .titleist-icon {position: relative; top: 2px;}
 .m-results-item .titleist-menu a {border: 0;}
 
 .m-results-media,
 .m-results-content {display: inline-block; vertical-align: top; zoom: 1; *display: inline; *vertical-align: auto; vertical-align: top;}
 @media screen and (min-width: 660px) {
	 .m-results-media,
	 .m-results-content {display: table-cell;}
 }
 
 .m-results-media {margin-right: 1em; margin-bottom: 10px;}
 @media screen and (min-width: 660px) {
	 .m-results-media {display: table-cell; padding-right: 20px; min-width: 100px; max-width: 100px; margin-bottom: 0;}
	 .m-results-media.has-icon {min-width: 0;}
 }
 .m-results-media img {display: block;}
 .m-results-media .titleist-icon {font-size: 70px; font-size: 4.375rem; display: block;}
 
 .m-results-content {width: 100%;}
 .m-results-content p {font-size: 13px; font-size: 0.8125rem; line-height: 1.6; max-width: none; margin: 0;}
 .m-results-content p + p {margin-top:2px;}
 .m-results-content p.m-results-sublabel {margin-bottom: 5px;}
 .m-results-content p.m-results-sublabel em {display: inline-block; margin-left: -1px;}
 .m-results-content p.m-results-sublabel span {color: #999; text-transform: uppercase; letter-spacing: .02em; margin-top: -4px; display: block;}
 .m-results-content ul, .m-results-content ol {margin: 0; padding: 0; list-style: none; font-size: 12px; font-size: 0.75rem;}
 .results-players .m-results-content {width: auto;}
 
 .m-results-label {margin: 0 0 12px; padding: 0; font-family: "NovaR", "noto", sans-serif; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; letter-spacing: .02em; color: #000;}
 .m-results-label a {border-bottom: 1px solid transparent; color: #000; -webkit-transition: all linear 0.15s; -moz-transition: all linear 0.15s; -ms-transition: all linear 0.15s; transition: all linear 0.15s;}
 .m-results-label a:hover {border-bottom-color: rgba(0, 0, 0, 0.2);}
 
 .m-results-label-small {margin: 0 0 12px; padding: 0; font-family: "NovaR", "noto", sans-serif; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: .02em;}
 .m-results-label-small a {border-bottom: 1px solid transparent; color: #000; -webkit-transition: all linear 0.15s; -moz-transition: all linear 0.15s; -ms-transition: all linear 0.15s; transition: all linear 0.15s;}
 .m-results-label-small a:hover {border-bottom-color: rgba(0, 0, 0, 0.2);}
 
 .m-results-meta {font-size: 12px; font-size: 0.75rem; font-weight: 700; margin-bottom: 8px !important;}
 
 .m-location-results {padding: 80px 10px;}
 .m-location-results.top-narrow {padding-top: 40px;}
 .m-location-results.top-tight {padding-top: 0px;}
 .m-location-results .titleist-menu {padding-left: 15px; clear: both; top: -5px;}
 @media screen and (min-width: 800px) {
	 .m-location-results .titleist-menu {float: right; padding: 0; clear: none;}
 }
 @media screen and (min-width: 800px) {
	 .m-location-results .titleist-menu > ul > li.is-open .menu-content {left: auto; right: 0;}
 }
 .m-location-results h1 {margin-bottom: 40px;}
 .m-location-results .m-results-content {display: block;}
 .m-location-results .m-results-content .col {display: block; float: left;}
 .m-location-results .m-results-item {padding-left: 35px; padding-bottom: 10px; position: relative; *zoom: 1; clear: both;}
 .m-location-results .m-results-item:before, .m-location-results .m-results-item:after {content: " "; display: table;}
 .m-location-results .m-results-item:after {clear: both;}
 @media screen and (min-width: 800px) {
	 .m-location-results .m-results-item {padding-left: 45px;}
 }
 .m-location-results .m-results-item h2 {cursor: pointer;}
 .m-location-results .m-results-item .titleist-layout {margin-left: -15px;}
 .m-location-results .m-results-item:before {content: attr(data-counter); background: #000; color: #fff; line-height: 28px; width: 28px; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; text-align: center; border-radius: 50%; font-size: 16px; font-size: 1rem; position: absolute; left: 0; top: 20px; font-weight: 700; speak: none; cursor: pointer;}
 .m-location-results .more-info {display: none;}
 
 .m-tag-bar {margin-top: -10px; margin-bottom: 10px;}
 .m-tag-bar .titleist-icon { position: relative; top: 2px; }
 
 .m-tag {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; color: #fff; padding: 0; line-height: normal; font-size: 11px; font-size: 0.6875rem; font-weight: 700; border: 0; padding: 4px 6px 3px; line-height: 1; background: #b3b3b3;
	 -webkit-transition: background linear 0.2s;
	 -moz-transition: background linear 0.2s;
	 -ms-transition: background linear 0.2s;
	 transition: background linear 0.2s; }
 .m-tag:hover, .m-tag:focus {color: #fff; background: #8d8d8d;}
 
 .m-offscreen-panels .m-offscreen-panel {background: #fff; bottom: 0; height: 100%; margin-right: -200%; position: fixed; right: 0; top: 0; width: 90%; z-index: 100;
	 -webkit-box-shadow: -1px 2px 2px 0 #ddd;
	 -moz-box-shadow: -1px 2px 2px 0 #ddd;
	 box-shadow: -1px 2px 2px 0 #ddd;
	 -webkit-transition: 0.6s all ease-in-out 0.1s;
	 -moz-transition: 0.6s all ease-in-out 0.1s;
	 -ms-transition: 0.6s all ease-in-out 0.1s;
	 transition: 0.6s all ease-in-out 0.1s;}
 .m-offscreen-panels .m-offscreen-panel.is-open {margin-right: 0; overflow-y: auto;}
 @media screen and (min-width: 800px) {
	 .m-offscreen-panels .m-offscreen-panel {width: 50%;}
 }
 @media screen and (min-width: 940px) {
	 .m-offscreen-panels .m-offscreen-panel {width: 30%;}
 }
 .m-offscreen-panels .m-offscreen-panel .ext-h5, .m-offscreen-panels .m-offscreen-panel legend, .m-offscreen-panels .m-offscreen-panel label, .m-offscreen-panels .m-offscreen-panel .footer-content h2, .footer-content .m-offscreen-panels .m-offscreen-panel h2 {margin-bottom: 1em;}
 .m-offscreen-panels .m-offscreen-panel p {line-height: 1.5714; margin-bottom: 2em;}
 .m-offscreen-panels .m-offscreen-panel-inner {padding: 20px;}
 .m-offscreen-panels .col {margin-left: 0;}
 .m-offscreen-panels .m-results-label {margin-top: .4em;}
 .m-offscreen-panels .m-offscreen-panel-close {font-size: 14px; font-size: 0.875rem;}
 .m-offscreen-panels .m-offscreen-panel-heading {font-size: 14px; font-size: 0.875rem; margin: 20px 0 30px; text-transform: uppercase;}
 .m-offscreen-panels .btns {margin:0 -20px; padding:12px 20px 25px; border-top:1px solid #ccc;}
 .m-offscreen-panels .btns .btn-tertiary {margin-top:13px; margin-right:7px;}
 .m-offscreen-panels #back-to-results-text {display: none;}
 
 .m-section-header {margin-bottom: 15px; padding-bottom: 15px;}
 .m-section-header h1 {margin-bottom: 0;}
 .m-section-header h2 {font-size:22px;}
 @media screen and (min-width: 940px) {
	 .m-section-header {border-bottom: 1px solid #e3dede;}
	 .shareYourStory .m-section-header {margin-bottom:5px; padding-bottom:35px;}
 }
 .m-section-header .section-subhead {margin: 10px 0 0;}
 .m-section-header .section-subhead .inline-logo {height: 20px; width: 55px; position: relative; top: 3px; margin-right: 0;}
 
 .m-panel-table-wrapper {max-height: 300px; overflow-y: scroll;}
 
 @media screen and (min-width: 660px) {
	 .m-panel-table-wrapper {max-height: 500px;}
 }
 
 .m-content-widget {
	 padding: 40px 18px
 }
 
 .m-content-widget.set-height.bottom-narrow {
	 padding: 25px 0 20px
 }
 
 .m-content-widget.bottom-narrow {
	 padding-bottom: 20px
 }
 
 .m-content-widget.bottom-tight {
	 padding-bottom: 0
 }
 
 .m-content-widget.collapse-padding+.m-content-widget {
	 padding-top: 0
 }
 
 .m-content-widget.bg-shade {
	 background-color: #f6f6f6
 }
 
 .m-content-widget.add-space {
	 padding: 100px 20px
 }
 
 .m-content-widget p.slideshow {
	 max-width: 100%
 }
 
 @media screen and (min-width:800px) {
	 .m-content-widget {
		 padding: 60px 20px
	 }
	 .m-content-widget.set-height {
		 max-height: 810px
	 }
	 .m-content-widget.set-height.bottom-narrow {
		 padding: 25px 0 20px
	 }
	 .m-content-widget.bottom-narrow {
		 padding-bottom: 30px
	 }
	 .m-content-widget.bottom-tight {
		 padding-bottom: 0
	 }
	 .m-content-widget.is-narrow {
		 padding-top: 0;
		 padding-bottom: 30px
	 }
	 .m-content-widget.is-narrow+.is-narrow {
		 padding-bottom: 50px
	 }
	 .m-content-widget.is-narrow h1 {
		 margin: 0 0 30px;
		 font-size: 24px;
		 font-size: 1.5rem
	 }
	 .m-content-widget.is-narrow ol,
	 .m-content-widget.is-narrow p,
	 .m-content-widget.is-narrow ul {
		 font-size: 13px;
		 font-size: .8125rem
	 }
 }
 
 @media screen and (min-width:800px) and (min-width:800px) {
	 .m-content-widget.is-narrow+.is-narrow {
		 padding-top: 50px
	 }
 }
 
 .m-content-widget img,
 .m-content-widget picture,
 .m-content-widget video {
	 display: block;
	 margin: 0 auto;
	 width: 100%
 }
 
 .m-content-widget table img {
	 width: auto
 }
 
 .m-content-widget h1 {
	 margin: 0 0 20px;
	 font-size: 24px;
	 font-size: 1.5rem;
	 /* text-transform: uppercase; */
	 font-weight: 700
 }
 
 @media screen and (min-width:800px) {
	 .m-content-widget h1 {
		 font-size: 24px;
		 font-size: 1.5rem
	 }
 }
 
 .m-content-widget h1.slideshow {
	 margin: 0 0 20px;
	 font-size: 28px;
	 font-size: 1.75rem;
	 text-align: center
 }
 
 @media screen and (min-width:800px) {
	 .m-content-widget h1.slideshow {
		 font-size: 36px;
		 font-size: 2.25rem
	 }
 }
 
 .m-content-widget h3,
 .m-content-widget.needs-space h2 {
	 font-size: 14px;
	 font-size: .875rem;
	 font-weight: 600;
	 margin: 0 0 5px;
	 font-family: "NovaR", "noto", sans-serif
 }
 
 .m-content-widget .description {
	 margin-top: -10px;
	 margin-bottom: 20px;
	 font-size: 15px;
	 font-size: .9375rem;
	 line-height: 1.6
 }
 
 .m-content-widget .inputfile+label.valign,
 .m-content-widget .titleist-btn.valign,
 .m-content-widget .valign.btn-secondary,
 .m-content-widget .valign.btn-tertiary {
	 margin-top: 50px
 }
 
 .m-content-widget-master-heading {
	 margin-bottom: 30px
 }
 
 @media screen and (min-width:800px) {
	 .m-content-widget-master-heading {
		 margin-bottom: 60px
	 }
 }
 
 .m-content-widget-heading {
	 border-bottom: 1px solid #e3dede;
	 clear: both;
	 margin-bottom: 20px;
	 overflow: hidden
 }
 
 @media screen and (min-width:800px) {
	 .m-content-widget-heading {
		 margin-bottom: 25px
	 }
 }
 
 .m-content-widget-heading .titleist-logo {
	 margin-right: 5px!important
 }
 
 .m-content-widget-heading>h1 {
	 line-height: 50px;
	 font-size: 22px;
	 margin-bottom: 0
 }
 
 @media screen and (min-width:800px) {
	 .m-content-widget-heading>h1 {
		 margin-bottom: 20px
	 }
 }
 
 @media screen and (max-width:440px) {
	 .m-content-widget-heading > h1.tiny-font-small {
		 font-size: 18px;
		 font-size: 1.125rem
	 }
 }
 
 .m-content-widget-label {
	 font-weight: 700;
	 text-transform: uppercase;
	 letter-spacing: .02em;
	 margin: 0 0 5px;
	 padding: 0
 }
 
 /* profile */
 .m-profile-header {*zoom: 1; clear: both; margin-bottom: 20px;}
 .m-profile-header:before, .m-profile-header:after {content: " "; display: table;}
 .m-profile-header:after {clear: both;}
 
 .m-profile-image {margin-bottom: 10px;}
 .m-profile-image img {width: 100%;}
 @media screen and (min-width: 800px) {
	 .m-profile-image {width: 25%; float: left; margin-bottom: 0;}
 }
 
 @media screen and (min-width: 800px) {
	 .m-profile-content {width: 75%; float: left;}
 }
 
 .m-profile-heading {font-size: 26px; font-size: 1.625rem; margin: 0 0 10px;}
 @media screen and (min-width: 800px) {
	 .m-profile-heading {padding-left: 20px;}
 }
 
 .m-profile-list {margin: 0; padding: 0;}
 @media screen and (min-width: 800px) {
	 .m-profile-list {padding: 0 0 0 20px;}
 }
 .m-profile-list > li {margin: 0 20px 0 0; padding: 0;}
 @media screen and (min-width: 660px) {
	 .m-profile-list > li {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto;}
 }
 .m-profile-list .titleist-icon {position:relative; top:3px;}
 
 .profile-tag {margin-top:1px; text-align:center;}
 .profile-tag span {display:inline-block; padding:1px 5px 2px; background:#000; font-size:11px; color:#fff;}
 
 .profile-complete-progress {margin: 0; padding: 0; max-width: 270px;}
 .profile-complete-progress .btn-tertiary, .profile-complete-progress .inputfile + label {padding: 10px 10px;}
 @media screen and (min-width: 940px) {
	 .profile-complete-progress .m-quiz--progress {padding-bottom: 8px;}
 }
 @media screen and (min-width: 800px) {
	 .profile-complete-progress {padding: 0 0 0 20px;}
 }
 
 .progressWrap {overflow: hidden; position: relative; padding-bottom: 20px; max-width: 470px;}
 @media screen and (min-width: 940px) {
	 .progressWrap {padding-bottom: 8px;}
 }
 .progressWrap .prog-heading {font-size: 12px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: .02em; font-weight: 700; margin: 15px 0 5px 0; text-align: left;}
 .progressWrap .pro-bar {position:relative; padding:5px 75px 5px 7px; border:1px solid #000; border:1px solid rgba(0, 0, 0, .75); border-radius: 2px;}
 .progressWrap .fallback-progress-bar span {border-radius: 2px; background: #1bb366; height: 14px; text-indent: -999em; display: block;}
 .progressWrap .score {position:absolute; right:7px; top:-2px; font-size:18px; font-size:1.125rem; font-weight:700; color:#1bb366;}
 
 .list-form .progressWrap {padding-bottom:3px;}
 .list-form .progressWrap .box {overflow:hidden;}
 .list-form .progressWrap .prog-heading {display:block; font-size:13px; font-weight:400; margin:0 0 3px 0;}
 .list-form .progressWrap .pro-bar {float:left; width:61.78%; max-width:270px; box-sizing:border-box;}
 .list-form .progressWrap .fallback-progress-bar span {background:#e31837;}
 .list-form .progressWrap .score {font-size:14px; color:#000;}
 .list-form .progressWrap .count {float:right; width:38.22%; max-width:167px; text-align:right;}
 
 .m-category-listing {padding: 20px;}
 .m-category-listing.is-profile {padding: 0 0 0 5px;}
 .m-category-listing.is-profile .gutter,
 .m-category-listing.is-profile .sub-menu > li {margin-bottom: 30px;}
 .m-category-listing.is-profile p {margin-bottom: 0;}
 .m-category-listing.for-content p {font-size: 14px; font-size: 0.875rem; line-height: 1.7;}
 .m-category-listing.is-shaded {background: #f6f6f6;}
 @media screen and (min-width: 800px) {
	 .m-category-listing {padding-top: 60px;}
 }
 @media screen and (min-width: 940px) {
	 .m-category-listing {padding-left: 0px; padding-right: 0px;}
 }
 .m-category-listing a {border-bottom: 0; }
 .m-category-listing img {width: 100%; border-bottom: 4px solid #e3dede;}
 .m-category-listing h1 {margin: 0 0 20px 0; padding: 0; font-size: 24px; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0px;}
 .m-category-listing h2 {font-family: "NovaR", "noto", sans-serif; margin-top: 10px; margin-bottom: 0; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; font-size: 15px; font-size: 0.9375rem; letter-spacing: .03em; line-height: 1.2;}
 .m-category-listing h2 .sub-desc {margin-top:15px; font-weight:400;}
 .m-category-listing h2 a {border-bottom: 1px solid transparent; color: #000;}
 .m-category-listing h2 a:hover {border-bottom-color: rgba(0, 0, 0, 0.2);}
 .m-category-listing p {font-size: 12px; font-size: 0.75rem; margin-top: 10px; line-height: 1.6; padding-right: 10px;}
 .m-category-listing p a {color: #e31837; border-bottom: 1px solid #e31837; border-bottom-color: rgba(227, 24, 55, 0.2); font-weight: 700;}
 .m-category-listing p a:hover, .m-category-listing p a:focus {color: #000; border-bottom-color: rgba(0, 0, 0, 0.2);}
 .m-category-listing .desc {font-size:13px; font-size:0.8125rem; color:#4c4c4c;}
 .m-category-listing ul {list-style: none; padding: 0; margin: 5px 0 30px;}
 .m-category-listing ul > li {margin: 0; line-height: 1.7; font-size: 12px; font-size: 0.75rem;}
 .m-category-listing ul > li a {border-bottom: 1px solid #000; border-bottom-color: rgba(0, 0, 0, 0.2); color: #000; font-weight: 700;}
 .m-category-listing ul > li a:hover {border-bottom-color: rgba(0, 0, 0, 0.4);}
 .m-category-listing ul + .titleist-menu {margin-top: -20px;}
 .m-category-listing .titleist-menu ul {margin-bottom: 0px;}
 .m-category-listing .col {margin-bottom: 20px;}
 .m-category-listing.no-img-border img {border: 0;}
 .m-category-listing-header.has-border {border-bottom: 1px solid #e3dede; margin-bottom: 20px;}
 .m-category-listing-header.has-border h2 {margin-bottom: 10px;}
 .m-category-listing-header h1 {margin: 0 0 5px; padding: 0; font-size: 14px; font-size: 0.875rem; font-weight: 700; font-family: "NovaR", "noto", sans-serif; text-transform: uppercase; letter-spacing: .02em;}
 .m-category-listing-header h2 {margin: 0 0 20px; padding: 0; max-width: none; font-family: "NovaR", "noto", sans-serif; font-size: 24px; font-size: 1.5rem; letter-spacing: 0px; text-transform: uppercase;}
 
 .m-category-listing-content {text-align: left;}
 .m-action-bar {padding-bottom: 60px; text-align: center; clear: both;}
 
 .m-category-listing.playlist-items h2,
 .m-category-listing.playlist-items p {margin-top: 0px;}m-category-listing
 
 .titleist-layout-group-header {margin-top: -30px; margin-left: -5px; padding-bottom: 10px;}
 @media screen and (min-width: 800px) {
	 .titleist-layout-group-header {margin-top: -60px; padding-bottom: 30px;}
 }
 .titleist-layout-group-header h1 {margin: 0;}
 
 
 
 
 /* //subpage 공통영역 */
 .tt_col50{width:50%;display:inline-block;vertical-align:top;}
 .black_btn{border:1px solid #000;background:#000;color:#fff;border-radius:2px;text-align:center;display:inline-block;}
 
 /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ login @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
 .page-content {max-width:1000px; margin:0 auto; margin-bottom:2em; clear:both;}
 .page-content:after {display:block; content:''; clear:both;}
 .login_wrap{float:left; margin:4px 0; width:48%;}
 .login_box {overflow:hidden;}
 .login_box h2{font-size:19px;font-weight:700;}
 .login_box label {float:left;width:21.5%;line-height:34px;margin-bottom:0;font-size:13px;color:#4c4c4c;}
 .login_box .field-wrapper {float:left; width:78%; margin-bottom:0;}
 .login_box input {height:33px;line-height:33px;padding:0 10px;}
 .login_wrap .reset-pass {width:100%; margin-top:-10px; text-align:right;}
 @media only screen and (max-width: 767px) {
	 .login_box label {width:100%; margin-bottom:5px; line-height:120%;}
	 .login_wrap .reset-pass {padding-left:0; width:78%;}
 }
 @media only screen and (min-width:768px) and (max-width: 999px) {
	 .login_wrap .reset-pass {max-width:100%; padding-left:0;}
 }
 
 .login_always_wrap {width:78%; margin-top:5px; margin-left:21.5%;}
 .login_always_wrap label {display:block; margin-bottom:20px; color:#4c4c4c;font-size:13px; vertical-align:middle;}
 .login_always_wrap input {vertical-align:middle;}
 .login_always_wrap .titleist-btn{margin-bottom: 0;}
 @media only screen and (max-width: 767px) {
	 .login_always_wrap {margin-left:0; margin-bottom:20px;}
	 .login_always_wrap label {margin-bottom:15px;}
 }
 
 .join_wrap{width:43.4%; min-height:680px; float:right; margin:4px 0;}
 .join_wrap p{font-size:14px;padding:0 0 20px 0;width:80%;line-height:23px;margin:0;color:#4c4c4c;}
 .discList li {color:#4c4c4c; font-size:14px; font-size:0.875rem; padding:10px 0; padding:0.625rem 0; list-style-type:disc;}
 .join_wrap .discList {margin-top:0;margin-bottom:12px;padding:0 18px;}
 .join_button_wrap button{font-size:14px;font-weight:700;display:inline-block;box-sizing:border-box;padding:13px 25px;border-radius:2px;cursor:pointer;text-align:center;border:none;color:#fff;background-color:#e31837;border-color:#e31837;
	 -webkit-transition:all 0.1s;
	 transition:all 0.1s;
 }
 .join_button_wrap button:hover, .join_button_wrap button:focus{color: #fff;text-decoration: none;background: #b5132c;border-color: #b5132c;}
 
 @media only screen and (max-width: 767px) {
	 .page-content {padding:0 1em; box-sizing:border-box;}
	 .login_wrap {width:100%;}
	 .join_wrap {width:100%; min-height:0;}
	 .join_wrap p {width:100%; font-size:12px;}
	 .join_wrap .discList li {font-size:12px;}
 }
 @media only screen and (min-width:768px) and (max-width: 999px) {
	 .page-content {padding:0 1em; box-sizing:border-box;}
	 .join_wrap {min-height:0;}
 }
 
 .login_intro{margin: 50px 0 0;padding:50px 40px;border: 1px solid #000;box-sizing: border-box;}
 .login_intro .login_intro_wrapper + .login_intro_wrapper{margin-top:50px;padding-top: 45px;border-top: 1px solid #cacaca;}
 .login_intro p{margin-bottom: 25px;font-size: 16px;letter-spacing: -0.04em; line-height: 1.625;}
 .login_intro .btn-tertiary{width:100%;padding:12px 0;}
 
@media only screen and (max-width: 767px) {
	.login_intro{width:100%;padding:35px 20px;margin:75px 0 65px;}
	.login_intro p{font-size: 12px;line-height: 1.9;margin-bottom:12px;}
	.login_intro .btn-tertiary{font-size:12px;letter-spacing: -0.04em;}
	.login_intro .login_intro_wrapper + .login_intro_wrapper{margin-top: 34px;padding-top: 29px;}
}
 
 /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ //login @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
 
 /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 마이프로필 상세 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
 .map{height:200px;background:#a3a3a3;}
 @media screen and (min-width: 800px) {
	 .map{height:400px;}
 }
 
 /* 이메일/비밀번호 찾기 */
 .confirm_wrap {margin:45px 0 0;}
 .confirm_wrap .titleist_container {margin:60px 0 37px;}
 .confirm_wrap .sub-desc {position:relative; top:-10px}
 .confirm_box {display:inline-block;width:100%;border-bottom:1px solid #e3dede;padding-bottom:2%;margin-bottom:15px;}
 .confirm {width:50%;display:inline-block;position:relative;top:10px;margin-left:2%;}
 .confirm_btn{float:right;margin-right:3%;display:inline-block;padding-left:10px;}
 
 .pass_resetting_btn{display:inline-block;margin:35px 0 250px 0;}
 /* //이메일/비밀번호 찾기 */
 
 
 /* 프로필 조회 */
 .profile_grade{text-align:center;background:#000;color:#fff;width:65%;font-size:11px;margin:10px auto;}
 .profile_maker{padding-left:20px;}
 .profile_maker span{position:relative;top:-2px;padding-left:5px;color:#4c4c4c;font-size:13px;}
 /* //프로필 조회 */
 
 /* withdrawal */
 .text-container .box {margin-bottom:40px;}
 .text-container .box:last-of-type {margin-bottom:0;}
 .text-container h2, .text-container h3 {margin-bottom:15px;}
 .text-container p, .text-container li {line-height:2.1; font-size:14px;}
 .text-container .highlight {font-size:18px; font-weight:700;}
 
 .guide-container {margin-top:30px; padding:20px; border:1px solid #999; background:#f6f6f6; border-radius:1px;}
 
 .line-text {border-bottom:1px solid #e31837; border-bottom-color:rgba(227, 24, 55, .2);}
 
 /* 정품 인증 */
 .how-to-auth {margin-top:35px;border:1px solid #999999;background:#f6f6f6;border-radius:3px;padding:20px;}
 .how-to-auth .head {display:block; margin-bottom:20px; font-size:15px; color:#000; font-weight:700;}
 .how-to-auth ul {padding:0;margin:0;}
 .how-to-auth ul li{position:relative;font-size:14px;line-height:26px;color:#000000;/*padding-left:10px;*/}
 /*.how-to-auth ul li:before{content:'-';position:absolute;color:#000;left:0;top:0;}*/
 .how-to-auth .sub-desc{position:relative;color:#4c4c4c;font-size:14px;line-height:23px;padding-left:17px;}
 .how-to-auth .sub-desc:before{content:'※';position:absolute;color:#4c4c4c;left:0;top:0;}
 .how-to-auth .sub-desc a{color:#007ac7;border-bottom:1px solid #007ac7;}
 .how-to-auth p.sub-desc.dark {margin-bottom:15px;}
 .how-to-auth p + p {margin-top:10px;}
 
 .certifyClub {padding-top:50px;padding-bottom:30px;border-bottom:1px solid #e3dede;}
 .certifyClub h1{text-transform: uppercase; letter-spacing: 0px; font-size: 15px; font-size: 0.9375rem; font-family: "NovaR", "noto", sans-serif; font-weight: 700; margin:0; padding: 15px 0; }
 .certifyClub .multi-btn-box.word6{padding-right:25% !important;}
 .certifyClub .multi-btn-box.word6 .btn-tertiary{background:#e31837;right:0;border:1px solid #e31837;}
 .certifyClub .multi-box .box.certifyClub01{width:30%;}
 .certifyClub .multi-box .box.certifyClub02{width:70%;}
 .certifyClub .multi-btn-box.word6 .btn-tertiary{width:24%;}
 
 .certifyClubList{padding-top:50px;}
 .certifyWrap th{text-align:center;}
 
 @media screen and (max-width: 800px) {
	 .certifyClub .multi-btn-box.word6{padding-right:0 !important;}
	 .certifyClub .multi-box .box.certifyClub01{width:100%;}
	 .certifyClub .multi-box .box.certifyClub02{width:100%;margin-top:10px;}
	 .certifyClub .multi-btn-box.word6 .btn-tertiary{width:100%;}
	 .certifyClub .multi-btn-box.word6 .btn-tertiary{position:relative;margin-top:10px;}
 }
 
 /* 홀인원 스토리 */
 .parallax-visual {position:relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 40%;}
 .parallax-visual .visual-image {position:absolute; left:auto; right:0; width:100%; height:100%; background-position:center top; background-repeat:no-repeat; background-size:cover;
	 background-image:url(../img/img_holeinone_visual.jpg);
 }
 @media screen and (min-width: 940px) {
	 .parallax-visual.fixed {position:fixed; padding-bottom:0;}
 }
 
 .congHio {margin-top:50px;}
 .congHio h1 {margin-bottom:40px;}
 .congHio p {margin-bottom:20px;}
 
 .upload-imgs {padding-top:10px;}
 .upload-imgs .img {margin-top:30px;}
 .upload-imgs .btn {margin-bottom:15px; text-align:right;}
 .upload-imgs .upload {margin-top:30px;}
 
 /* 홀인원 정보 */
 .hio-info {margin-bottom:30px; padding-top:20px; border-top:1px solid #e0dedf;}
 .hio-info-head {font-size:20px;}
 .hio-info .disc-list li {color:#000; font-size:15px;}
 .hio-info a {color:#000; border-color:rgba(0, 0, 0, .2);}
 
 /* login */
 .error-form {font-size: 14px; background-color: #fff; color: #e31837; margin: 0 0 20px; padding: 0;}
 
 /* 어패럴 멤버십 */
 .membership-container .tt_content_secondary {margin-top:65px;}
 @media screen and (max-width: 800px) {
	 .membership-container .tt-header-secondary-alt-full {display: block; text-align: center;}
	 .membership-container .tt-header-secondary-alt-full .btn-tertiary, .membership-container .tt-header-secondary-alt-full .inputfile + label {margin: 1em 0 1em; width: auto;}
	 .membership-container .tt-header-secondary {float:none;}
 }
 
 .mileage-container .headline {margin:0 0 20px; font-size:23px;}
 .mileage-container ul {border-bottom:1px solid #e3dede;}
 .mileage-container ul li {padding:15px 22px 18px 10px; border-bottom:1px solid #e3dede;}
 .mileage-container .form-head {margin-bottom:0;}
 .mileage-container .point {font-size:15px; color:#000;}
 .mileage-container .point em {margin-right:2px; font-size:20px; font-style:normal;}
 @media only screen and (min-width: 660px) {
	 .mileage-container li {overflow:hidden;}
	 .mileage-container .form-head {float:left; margin-top:7px;}
	 .mileage-container .point {float:right;}
 }
 
 .acc-container {border-top:1px solid #e3dede;}
 .acc-container li {position:relative; padding:12px 0 12px 15px; border-bottom:1px solid #e3dede;}
 .acc-container li:before {display:block; position:absolute; left:0; width:4px; height:4px; margin-top:12px; background:#333; border-radius:2px; content:'';}
 .acc-tit a {color:#4c4c4c; border-bottom:none;}
 .acc-desc {display:none; margin-top:13px;}
 
 /* 이벤트 & 프로모션 */
 .event-container .m-article {margin-bottom:50px;}
 .event-container .m-article .m-article-heading {font-size:18px; line-height:1.5;}
 .event-container .m-article .m-article-content p {font-size:13px;}
 .event-container .m-article .m-article-content p + p {margin-top:5px;}
 .event-container .m-article .titleist-btn {color:#fff;}
 @media only screen and (min-width: 800px) {
	 .event-container .m-article:nth-of-type(even) .m-article-media {float:right;}
	 .event-container .m-article:nth-of-type(even) .m-article-body {float:left;}
 }
 
 .event-view .m-article {padding-top:0;}
 .event-view .m-article .tags {position:static; display:inline-block; margin-left:10px;}
 
 .event-info-container {position:relative; margin-bottom:30px; padding-top:20px; border-top:1px solid #e0dedf; text-align:center;}
 .event-info {margin-bottom:15px; text-align:left;}
 .event-info li {position:relative; margin-bottom:8px; padding-left:15px; color:#000; font-size:15px;}
 .event-info li:before {display:block; position:absolute; left:0; width:4px; height:4px; margin-top:12px; background:#333; border-radius:2px; content:'';}
 @media only screen and (min-width: 800px) {
	 .event-info-container {padding-right:130px;}
	 .event-info-container .titleist-btn {position:absolute; top:50%; right:0; margin-top:-12px;}
 }
 
 .research-form {margin-top:80px;}
 .research-form + .research-form {margin-top:30px; padding-top:30px; border-top:1px solid #e0dedf;}
 .research-form .list-form, .research-form textarea {margin-top:15px;}
 
 
 /* popup */
 /*.popwrap {position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, .8); z-index:100;}*/
 .popwrap .popup {position:fixed; left:15px; right:15px; top:10%; padding:25px; background:#fff; z-index:110;}
 .popwrap:before {display:block; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0, 0, 0, .8); z-index:100; content:'';}
 .popwrap .popup.scroll {top:10px; bottom:10px; overflow-y:auto;}
 @media screen and (min-width: 660px) {
	 .popwrap .popup {left:50%; width:486px; margin-left:-243px; box-sizing:border-box;}
	 .popwrap .popup.scroll {top:10%; bottom:auto; max-height:625px;}
 }
 .popwrap .popup .popHead {padding:21px 0 26px; border-bottom:1px solid #e6e6e6;}
 .popwrap .popup .popHead h1 {margin-bottom:0; font-size:19px; font-size:1.188rem; line-height:26px; line-height:1.625rem;}
 .popwrap .popup .popCont {padding:30px 0;}
 .popwrap .popup p {font-size:14px; font-size:0.875rem;}
 .popwrap .popup p + p {margin-top:14px;}
 .popwrap .popCont .top {margin-bottom:30px; font-size:23px;}
 .popwrap .popup .btn-area {margin-top:40px; text-align:center;}
 .popwrap .popup .btnClose {position:absolute; right:25px; top:17px; border:none; color:#bfbdc0;}
 .popwrap .popup .btnClose .titleist-icon {font-size:20px;}
 .underline {text-decoration:underline;}
 
 .popwrap .fromTT {margin-top:40px;}
 .popwrap .fromTT span {font-size:17px; font-size:1.063rem;}
 
 
 
 /* login popup */
 @media screen and (min-width: 660px) {
	 .login-popup .login-box {position:relative; padding-left:90px;}
	 .login-popup .xs-form-head {position:absolute; top:11px; left:0;}
 }
 
 /* phone popup */
 .phone-popup {padding:0 42px;}
 .phone-popup .titleist-layout {margin-left:-16px;}
 .phone-popup .gutter {margin-left:16px;}
 
 /* pop alert */
 .popup.alert .popHead {padding-bottom:0; border-bottom:none;}
 .popup.alert .popHead h1 {font-size:24px;}
 .popup.alert .msg-text {font-size:19px; color:#000;}
 @media screen and (min-width: 660px) {
	 .popwrap .popup.alert {width:390px; margin-left:-195px;}
 }
 
 /* pop live poll */
 .livepoll-survey {margin-bottom:30px; padding-bottom:25px; border-bottom:1px solid #e6e6e6;}
 .livepoll-survey .xs-headline {margin-bottom:20px;}
 .livepoll-survey .titleist-tag span {position:relative; top:-2px; margin-left:10px; background:#999;}
 .livepoll-survey p {margin:0 !important; line-height:1.7;}
 .livepoll-survey p strong {font-weight:400;}
 .livepoll-survey-result .list-form {margin:0;}
 
 /* error */
 .error-wrap {margin:70px 0 0;}
 .error-wrap .sub-headline {margin-bottom:27px;}
 .guide-container-red {padding:18px 20px 19px; border:1px solid #e31837; background:#fce4e8; border-radius:2px;}
 .guide-container-red .tit {display:block; margin-bottom:9px; font-weight:bold; font-size:18px; color:#e31837;}
 .guide-container-red p {font-size:15px; line-height:1.8;}
 
 .notice-container {margin:70px 0 0;}
 .notice-content p {font-weight:bold; font-size:19px; line-height:1.8; color:#000;}
 .notice-content p + p {margin-top:20px;}
 .notice-content .red {color:#e31837;}
 .guide-container-redline {padding:16px 20px 17px;border:1px solid #e31837; border-radius:2px; font-size:18px; color:#000;}
 .guide-container-redline .tit {margin-right:11px; color:#e31837; font-weight:bold;}
 .guide-container-redline .date {position:relative; top:1px;}
 
 .notice-container .guide-container-redline {margin-top:55px;}
 
 .mt-30 {margin-top: 30px;}
 
 /* 2017-04-13 설문 추가 */
 .discussion-survey {margin-bottom:20px;}
 .discussion-survey .s-head {padding:15px 10px; background:#d9dcde; line-height:1.2;}
 .discussion-survey .form-head {margin-bottom:0;}
 .discussion-survey .s-date {font-size:13px;}
 .discussion-survey .s-contents {padding:20px 10px 14px; border:1px solid #d9dcde; background:#f4f5f6;}
 .discussion-survey .s-contents label {display:inline; vertical-align:middle;}
 .discussion-survey input.etc {display:inline-block; width:80%; margin-bottom:0; margin-left:5px;}
 .discussion-survey .s-btn {margin-top:25px;}
 .discussion-survey .s-foot {overflow:hidden; padding:10px; background:#d9dcde;}
 .discussion-survey .s-foot .btn-tertiary {float:left;}
 .discussion-survey .s-foot .s-count {float:right; padding-right:16px; font-size:14px; line-height:43px; color:#4c4c4c;}
 @media only screen and (min-width:660px) {
	 .discussion-survey input.etc {width:70%;}
 }
 
 .bar-graph {max-width:266px; height:19px; padding-right:4px; background:url(../img/bg_bar_graph.png) no-repeat left center; line-height:0;}
 .bar-graph .box {height:19px; padding-left:4px; background:url(../img/bg_bar_graph_s.gif) no-repeat left center;}
 .bar-graph .progress-bar {display:block; float:left; max-width:254px; height:19px; background:url(../img/bg_bar_graph_m.gif) repeat left center;}
 
 /* 2017-06-05 기본 유틸리티 CSS */
 .inline-block {
	 display: inline-block !important; }
 
 .force-clean {
	 padding: 0 !important;
	 margin: 0 !important; }
 
 .padding-10 {
	 padding: 10px; }
 
 .padding-15 {
	 padding: 15px; }
 
 .padding-20 {
	 padding: 20px; }
 
 .margin-10 {
	 margin: 10px; }
 
 .margin-15 {
	 margin: 15px; }
 
 .margin-20 {
	 margin: 20px; }
 
 .pt-10 {
	 padding-top: 10px; }
 
 .pt-15 {
	 padding-top: 15px; }
 
 .pt-20 {
	 padding-top: 20px; }
 
 .pr-10 {
	 padding-right: 10px; }
 
 .pr-15 {
	 padding-right: 15px; }
 
 .pr-20 {
	 padding-right: 20px; }
 
 .pr-3pct {
	 padding-right: 3%; }
 
 .pb-10 {
	 padding-bottom: 10px; }
 
 .pb-15 {
	 padding-bottom: 15px; }
 
 .pb-20 {
	 padding-bottom: 20px; }
 
 .pl-10 {
	 padding-left: 10px; }
 
 .pl-15 {
	 padding-left: 15px; }
 
 .pl-20 {
	 padding-left: 20px; }
 
 .mt-10 {
	 margin-top: 10px; }
 
 .mt-15 {
	 margin-top: 15px; }
 
 .mt-20 {
	 margin-top: 20px; }
 
 .mr-10 {
	 margin-right: 10px; }
 
 .mr-15 {
	 margin-right: 15px; }
 
 .mr-20 {
	 margin-right: 20px; }
 
 .mb-10 {
	 margin-bottom: 10px; }
 
 .mb-15 {
	 margin-bottom: 15px; }
 
 .mb-20 {
	 margin-bottom: 20px; }
 
 .mb-30 {
	 margin-bottom: 30px; }
 
 .mb-40 {
	 margin-bottom: 40px; }
 
 .ml-10 {
	 margin-left: 10px; }
 
 .ml-15 {
	 margin-left: 15px; }
 
 .ml-20 {
	 margin-left: 20px; }
 
 .text-center {
	 text-align: center; }
 
 .block-center {
	 margin-right: auto;
	 margin-left: auto; }
 
 /* 2017-06-07 추가 */
 .product-images {padding:0 10px 10px;}
 @media screen and (min-width: 800px) {
	 .product-images {padding:0 40px;}
 }
 @media screen and (min-width: 940px) {
	 .product-images {padding:0 60px;}
 }
 
 .slideshow-full-width {overflow:hidden;}
 .slideshow-full-width .m-article-media.has-slideshow {position:relative;}
 .slideshow-full-width .m-article-media.has-slideshow figcaption {display:none;}
 .slideshow-full-width .pagingInfo {position:absolute; right:0; bottom:0;}
 
 .m-hero.m-hero-parallax .m-hero-content {position:absolute; padding:0; background:transparent;}
 
 /* 컨텐츠 내 유튜브 사이즈 조정 */
 .youTubeIframeDiv2 {
	 position: relative;
	 padding-top: 56.3%;
 }
 
  .youTubeIframeDiv2 iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
 }
 
 
 /* 2018-02-28 피팅결과 다운로드 페이지 퍼블리싱 */
 .fittingResultDownload { width: 100%; padding-top: 20px; }
 .fittingResultDownload .resultText { color: #000; font-size: 15px; line-height: 1.6; }
 .fittingResultDownload dl { padding: 15px 0 5px 0; border-top: #000 1px solid; border-bottom: 1px solid;  }
 .fittingResultDownload dl dt label { font-weight: 700 !important; font-size: 15px; }
 .fittingResultDownload dl dd { -webkit-margin-start: 0 !important	; margin-left: 0 !important; }
 .fittingResultDownload dl dd p { position: relative; }
 .fittingResultDownload dl dd p.mail mark { margin: 0 auto; height: 44px; line-height: 44px; background: none; display: block; text-align: center; color: #999; }
 .fittingResultDownload dl dd p.mail .left { display: block; position: absolute; left: 0; top: 0; width: 50%; box-sizing: border-box; padding-right: 12px; }
 .fittingResultDownload dl dd p.mail .right { display: block; position: absolute; right: 0; top: 0; width: 50%; box-sizing: border-box; padding-left: 12px; }
 .fittingResultDownload dl dd p.mailSelect { margin-bottom: 0; }
 .fittingResultDownload dl dd p.mailSelect select { width: 100%; }
 
 .fittingResultDownload dl dd p.phone { margin-bottom: 0; }
 .fittingResultDownload dl dd p.phone span { display: block; width: 32%; }
 .fittingResultDownload dl dd p.phone span.left { position: absolute; top: 0; left: 0; }
 .fittingResultDownload dl dd p.phone span.center { margin: 0 auto; }
 .fittingResultDownload dl dd p.phone span.right { position: absolute; top: 0; right: 0; }
 
 .fittingResultDownload .form-footer { border-top: none; padding-top: 0; margin-top: 0; }
 .fittingResultDownload .resultNotice { color: #999; font-size: 13px; line-height: 1.6; }
 .fittingResultDownload .resultNotice span { color: #db1938; text-decoration: underline; }
 .fittingResultDownload .resultNotice a { color: #db1938; text-decoration: underline; }
 
 
 
 
 /* 2018-03-21 슈어핏 다운로드 퍼블리싱 */
 .titleist_container.surefitContainer { max-width: none !important; }
 .hide, .hidden { width: 0; height: 0; opacity: 0; display: block; text-indent: -9999em; }
 .surefitWrap { font-family: 'MalgunGothic'; }
 .surefitVisual { position: relative; }
 .surefitVisual img{ width: 100%; }
 .surefitVisual span.surefitBtn { position: absolute; bottom: 17%; left: 50%; margin-left: -150px; }
 .surefitVisual span.surefitBtn a { background-color: #e31738; width: 300px; color: #fff; display: block; text-align: center; height: 80px; line-height: 80px; font-size: 32px; border-radius: 4px;  }
 .surefitContents { max-width: 1648px; padding-top: 100px; margin: 0 auto;  }
 .surefitContents .surefitText { }
 .surefitContents .surefitText dt { border-bottom: #ccc 1px solid; font-size: 28px; color: #e31738; font-weight: bold; padding-bottom: 30px; }
 .surefitContents .surefitText dd { color: #222; padding: 20px 0 70px; line-height: 1.5; font-size: 26px; margin-left: 0; }
 .surefitContents .surefitText dd p { font-size: 26px; }
 .surefitContents .surefitText dd ol { padding: 0; line-height: 1.5; }
 .surefitContents .surefitText dd li { padding-bottom: 12px; font-size: 26px; }
 .surefitFooter { text-align: center; font-family: 'NovaR'; color: #616060; font-size: 21px; padding: 50px 0; line-height: 1.5; }
 @media only screen and (max-width: 1648px) {
	 .surefitContents { max-width: 1600px; padding: 100px 24px 0; }
 }
 @media only screen and (max-width: 1280px) {
	 .surefitVisual span.surefitBtn { bottom: 11%; }
	 .surefitVisual span.surefitBtn a { font-size: 30px; height: 60px; line-height: 60px; }
	 .surefitContents { max-width: 1628px; padding: 100px 10px 0; }
 }
 @media only screen and (max-width: 768px) {
	 .surefitVisual { background: url("../img/surefitVisual.jpg") no-repeat center 0; height: 400px; background-size: auto 100%; }
	 .surefitVisual span.surefitBtn { bottom: 17%;margin-left: -90px; }
	 .surefitVisual span.surefitBtn a { font-size: 24px; width: 180px; height: 60px; line-height: 60px; }
	 .surefitVisual img{ display: none; }
	 .surefitContents { max-width: 1628px; padding: 30px 10px 0; }
	 .surefitContents .surefitText dt { font-size: 22px; }
	 .surefitContents .surefitText dd { font-size: 20px; padding: 20px 0 30px; }
	 .surefitContents .surefitText dd p { font-size: 20px; }
	 .surefitContents .surefitText dd li { padding-bottom: 12px; font-size: 20px; }
	 .surefitFooter { padding: 30px 0 50px; font-size: 16px; }
 }
 
 
 
 /* 2018-04-18 나는타이틀리스트다 */
 
 /* *** CAMPAIGN DEFAULT *** */
 mark { background: none; }
 .imLayout { max-width: 1200px; margin: 0 auto; padding: 80px 0; position: relative; }
 h2.imH2 { font-size: 32px; text-align: center; margin: 0 0 30px 0; }
 h2.imH2 span { color: #cc0000; }
 p.imText { color: #333; font-size: 24px; line-height: 1.8; text-align: center; padding-bottom: 50px; margin: 0; }
 p.imText span { display: block; }
 .pcOnly { display: block; }
 .mOnly { display: none; }
 @media only screen and (max-width: 1200px) {
	 .imLayout { padding: 80px 10px; box-sizing: border-box; }
 }
 @media only screen and (max-width: 939px) {
	 .imLayout { padding: 40px 15px; }
	 h2.imH2 { font-size: 30px; }
	 h2.imH2 span { display: block; }
	 p.imText { font-size: 18px; }
	 .pcOnly { display: none; }
	 .mOnly { display: block; }
 }
 @media only screen and (max-width: 660px) {
	 .imLayout { padding: 30px 10px; }
	 h2.imH2 { font-size: 20px; letter-spacing: -1.5px; }
	 p.imText { font-size: 12px; padding-bottom: 25px; }
 }
 @media only screen and (max-width: 320px) {
	 h2.imH2 { font-size: 16px;  }
 }
 
 /* *** CAMPAIGN POPUP *** */
 .z_index_1 { z-index: 103; }
 .z_index_2 { z-index: 102; }
 .z_index_3 { z-index: 101; }
 
 /* DIMMED LAYER */
 .imDimmed { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; opacity: 0.5; }
 
 /* CARD POPUP */
 .cardPopup { position: absolute; top: 20%; left: 0; right: 0; z-index: 103; }
 .cardPopup .imPopBox { max-width: 980px; margin: 0 auto; position: relative; padding: 50px 90px; box-sizing: border-box; }
 .cardPopup .imPopBox .playerList { width: 100%; overflow: hidden; }
 .cardPopup .imPopBox ul { padding: 0; margin: 0; width: 300%; overflow: hidden; }
 .cardPopup .imPopBox ul li { padding: 0; margin: 0; width: 33.33%; float: left; }
 .cardPopup .imPopBox .controller { position: absolute; top: 48%; margin-top: -75px; width: 60px; height: 150px; box-sizing: border-box; border: #000 1px solid; border-radius: 0; text-indent: -9999px; z-index: 3; padding: 0; margin-bottom: 0; }
 .cardPopup .imPopBox .controlLeft { left: 0; background: #fff url("../img/imtitleist/left.png") no-repeat center 50%; }
 .cardPopup .imPopBox .controlRight { right: 0; background: #fff url("../img/imtitleist/right.png") no-repeat center 50%;  }
 .cardPopup .imPopBox .controlLeft:hover,
 .cardPopup .imPopBox .controlLeft:focus { border: #cc0000 1px solid; background: #cc0000 url("../img/imtitleist/left_on.png") no-repeat center 50%; }
 .cardPopup .imPopBox .controlRight:hover,
 .cardPopup .imPopBox .controlRight:focus { border: #cc0000 1px solid; background: #cc0000 url("../img/imtitleist/right_on.png") no-repeat center 50%; }
 .cardPopup .imPopBox .popClose { display: block; width: 100px; height: 100px; background: url("../img/imtitleist/cardClosePc.png") no-repeat center 50%; position: absolute; top: 0; right: 45px; text-indent: -9999em; border-bottom: none; z-index: 1; }
 .cardPopup .imPopBox .cardPopPaging{position:relative;bottom:0px;padding-top:12.5px;}
 .cardPopup .imPopBox .cardPopPaging .swiper-pagination-bullet{background:#b9b9b9;width:12px;height:12px;opacity:1;}
 .cardPopup .imPopBox .cardPopPaging .swiper-pagination-bullet-active{background:#cc0000;}
 @media only screen and (max-width: 880px) {
	 .cardPopup .imPopBox { padding: 25px 50px; }
	 .cardPopup .imPopBox .cardPopPaging{padding-top:0px;}
	 .cardPopup .imPopBox .controller { width: 35px; height: 75px; margin-top: -37px; }
	 .cardPopup .imPopBox .controlLeft { background-size: 10px 19px; }
	 .cardPopup .imPopBox .controlRight { background-size: 10px 19px; }
	 .cardPopup .imPopBox .controlLeft:hover,
	 .cardPopup .imPopBox .controlLeft:focus { background-size: 10px 19px; }
	 .cardPopup .imPopBox .controlRight:hover,
	 .cardPopup .imPopBox .controlRight:focus { background-size: 10px 19px; }
	 .cardPopup .imPopBox .popClose { width: 50px; height: 50px; background-size: 50px 50px; right: 25px; }
 }
 
 
 
 /* SUCCESS DOWNLOAD POPUP */
 .downSuccessPopup { position: absolute; top: 40%; left: 0; right: 0; }
 .downSuccessPopup .imPopBox { max-width: 300px; background-color: #fff; margin: 0 auto; position: relative; box-sizing: border-box; }
 .downSuccessPopup .imPopBox .successMsg { padding: 45px 0; margin: 0; text-align: center; font-size: 20px; line-height: 1.5; color: #000; }
 .downSuccessPopup .imPopBox .successBtn { width: 100%; padding: 0; margin: 0; }
 .downSuccessPopup .imPopBox .successBtn a { color: #fff; background-color: #cc0000; font-size: 22px; height: 60px; line-height: 60px; width: 100%; text-align: center; display: inline-block; font-weight: bold; }
 @media only screen and (max-width: 939px) {
	 .downSuccessPopup .imPopBox .successMsg { font-size: 16px; }
	 .downSuccessPopup .imPopBox .successBtn a { font-size: 13px; height: 35px; line-height: 35px; }
 }
 
 
 /* 2018-05-16 SM7_얼리어답터 이벤트 */
 
 /* *** CAMPAIGN DEFAULT *** */
 .sm7Event{margin:0 0 120px;}
 .sm7Event .red{color:#dd0013;}
 .sm7Event .container{max-width:1200px;margin:0 auto;}
 .sm7Event .eventInfo .btn {display:inline-block; width:170px; height:50px; margin:0; padding:0; background:#c00808; line-height:50px; font-size:18px; color:#fff; text-align:center; font-weight:700;}
 .sm7Event .visual {position:relative; padding-bottom:39.4461%; background:url('../img/sm7/bg_visual.jpg') no-repeat center top; background-size:cover; font-family:"NovaR", "noto", sans-serif; font-size:16px; text-align:center; color:#fff;}
 .sm7Event .visual .text {position:absolute; left:0; bottom:32.15%; width:100%;}
 .sm7Event .visual strong {display:block; font-size:4.6875em; font-weight:500; line-height:1.2; vertical-align:middle;}
 .sm7Event .visual strong > .en {position:relative; top:5px; font-size:1.13333em;}
 .sm7Event .visual strong small {display:block; margin-bottom:38px; font-size:0.4em; font-weight:400;}
 .sm7Event .visual strong small .en {position:relative; top:3px; font-size:1.6em;}
 
 .sm7Event .contents1 {max-width:1200px; margin:0 auto;margin-bottom:75px;}
 .sm7Event .contents1 .intro {margin:70px 0 60px 0; text-align:center;}
 .sm7Event .contents1 .intro strong {display:block; font-size:30px; line-height:1.5; letter-spacing:-1px;color:#222;}
 .sm7Event .contents1 .intro p {margin-top:24px; font-size:24px; line-height:1.6; color:#333;}
 
 .sm7Event .eventInfo {border-top:2px solid #000; border-bottom:1px solid #000;}
 .sm7Event .eventInfo table {width:100%; min-width:0;margin-bottom:0;}
 .sm7Event .eventInfo td {padding-bottom:39px;padding-top:38px;border-top:1px solid #ddd; background:#fff; font-size:18px; color:#444;}
 .sm7Event .eventInfo tr:first-child td {border-top:none;}
 .sm7Event .eventInfo td.tit {font-weight:bold; color:#000; vertical-align:top; text-align:center;}
 .sm7Event .eventInfo .gift {padding:30px; background:#f9f9f9; text-align:center;}
 .sm7Event .eventInfo .gift span {display:block; margin-top:40px; font-size:16px; color:#555;}
 
 .sm7Event .btnWrap {position:relative; padding-right:240px;}
 .sm7Event .btnWrap .btn {position:absolute; top:-13px; right:50px;}
 .sm7Event .eventInfo .howto {position:relative; padding-left:75px;top:-4px;}
 .sm7Event .eventInfo .howto p {font-size:18px; color:#444;font-weight:800;margin:0;}
 .sm7Event .eventInfo .howto span {position:absolute; left:0;color:#c00808;}
 .sm7Event .eventInfo .howto li {position:relative; padding-left:22px; font-size:16px; color:#777;}
 .sm7Event .eventInfo .howto ul{padding-left:0;}
 .sm7Event .eventInfo .howto ul li{padding-left:9px;}
 .sm7Event .eventInfo .howto ul li span{color:#444;font-weight:normal;}
 
 
 .sm7Event .contents2{clear: both;background-color: #f2f2f2;padding:95px 0 100px 0;}
 .sm7Event .contents2 .contesnt2Tit{text-align:center;font-size:16px;}
 .sm7Event .contents2 .contesnt2Tit p{display:block; font-size:4.6875em; font-weight:500; line-height:1.2; vertical-align:middle;margin:25px 0 0 0;}
 .sm7Event .contents2 .contesnt2Tit p small{display:block;font-size:0.4em; font-weight:400;}
 .sm7Event .contents2 .contesnt2Tit p .en{position:relative; top:3px; font-size:1.6em;}
 
 .sm7Event .contents2 .cardList{clear:both; margin-left:-20px; padding-left:5px; position:relative;margin-top:35px;padding-bottom:50px;}
 .sm7Event .contents2 .cardList .cardBox{background:#fff;overflow:hidden;clear:both;}
 .sm7Event .contents2 .cardList .cardImage{width:47.6%;position:relative;float:left;}
 .sm7Event .contents2 .cardList .cardImage p{/* background:url('../img/sm7/img_card_logo.png')no-repeat 25% 50%; */position:absolute;bottom:0;margin:0;font-size:16px;color:#fff;width:100%;background-color:rgba(0, 0, 0, 0.8);height:17.86%;font-size:1.5rem;clear:both;overflow:hidden;line-height:2.1;text-align:center;}
 .sm7Event .contents2 .cardList .cardImage p > img{vertical-align:middle;}
 .sm7Event .contents2 .cardList .cardImage p > .red{padding-left:10px;vertical-align:middle;}
 .sm7Event .contents2 .cardList .cardText{width:52.4%;position:relative;float:left;}
 .sm7Event .contents2 .cardList .cardId{padding:22px 20px;border-bottom:1px solid #ccc;color:#da0e0e;font-size:22px;font-weight:800;}
 .sm7Event .contents2 .cardList .cardContent{padding:21px 15px 21px 20px;max-height:133px;overflow-y:auto;}
 .sm7Event .contents2 .cardList .cardContent p{margin:0;}
 .sm7Event .contents2 .viewMore { position: absolute; bottom: 0; left:20px; right: 0; padding: 0; margin: 0; font-size:1rem;}
 .sm7Event .contents2 .viewMore button { padding: 0; margin: 0; display: block; width: 100%; height: 36px; border:0; background-color: #fff; border-radius:0;box-sizing: border-box; color:#777;}
 .sm7Event .contents2 .viewMore button img{vertical-align:middle;position:relative;top:-1px;width:13px;left:10px;}
 
 
 @media (max-width:2200px) {
	 .sm7Event .visual .text {bottom:30.15%;}
	 .sm7Event .visual, .sm7Event .contents2 .contesnt2Tit{font-size:14px;}
 }
 
 @media (max-width:2000px) {
	 .sm7Event .visual .text {bottom:27.15%;}
 }
 
 @media (max-width:1800px) {
	 .sm7Event .visual .text {bottom:27.15%;}
	 .sm7Event .visual, .sm7Event .contents2 .contesnt2Tit{font-size:12px;}
 }
 
 @media (max-width:1600px) {
	 .sm7Event .visual .text {bottom:26.15%;}
 }
 
 @media (max-width:1400px) {
	 .sm7Event .visual .text {bottom:25.15%;}
	 .sm7Event .visual, .sm7Event .contents2 .contesnt2Tit{font-size:10px;}
 }
 
 @media (max-width:1200px) {
	 .sm7Event .contents2 .cardList .cardImage p{font-size:1.2rem;line-height:2.5;}
	 .sm7Event .visual strong{font-size:4em;}
	 .sm7Event .visual .text {bottom:21.15%;}
	 .sm7Event .contents2 .cardList .cardId{padding:8px 17px;font-size:20px;line-height:1.4;}
	 .sm7Event .contents2 .cardList .cardContent{padding:10px 12px 10px 13px;}
 }
 
 @media (max-width:1024px) {
	 .cardList .mid-w-50{width:100%;}
	 .sm7Event .visual .text {bottom:19.15%;}
	 .sm7Event .contents2 .cardList .cardId{padding:15px 20px;font-size:20px;line-height:1.4;}
	 .sm7Event .contents2 .cardList .cardContent{padding:15px 15px 15px 20px;}
	 .sm7Event .contents2 .cardList .cardImage{width:25%;}
	 .sm7Event .contents2 .cardList .cardText{width:75%;}
 }
 
 @media (max-width:939px) {
	 .sm7Event .contents2 .cardList .cardImage p{font-size:0.9rem;line-height:2.2;}
	 .sm7Event .visual {padding-bottom:52.6%; background:url('../img/sm7/bg_visual_m.jpg') no-repeat center top; background-size:cover;}
	 .sm7Event .visual .text {bottom:18.8%;}
	 .sm7Event .visual strong {margin-top:20px; margin-bottom:30px; font-size:34px; line-height:1.3; text-shadow:none;}
	 .sm7Event .visual strong > .en {font-size:1.09375em; top:2px;}
	 .sm7Event .visual strong small .en {top:1px;}
 
	 .sm7Event .contents1 .intro {margin:35px 0;}
	 .sm7Event .contents1 .intro strong {font-size:20px;}
	 .sm7Event .contents1 .intro p {margin-top:20px; font-size:18px; line-height:1.4;}
 
	 .sm7Event .btnWrap {position:static; padding-right:0;}
	 .sm7Event .btnWrap .btn {position:static;display:block; width:100%; height:35px; margin-top:15px; line-height:35px; font-size:13px;}
	 .sm7Event .eventInfo table, .sm7Event .eventInfo tr {display:block;}
	 .sm7Event .eventInfo td {display:block; padding:15px 10px 20px; border-top:none; font-size:13px;}
	 .sm7Event .eventInfo td.tit {padding-top:20px; padding-bottom:0; border-top:1px solid #ddd; text-align:left;}
	 .sm7Event .eventInfo .howto {padding-left:0px;}
	 .sm7Event .eventInfo .howto p {font-size:13px;}
	 .sm7Event .eventInfo .howto span{position:relative;display:block;}
	 .sm7Event .eventInfo .howto ul li span{position:absolute;}
	 .sm7Event .eventInfo .howto li {padding-left:12px; font-size:11px;}
	 .sm7Event .eventInfo .howto li a{color:#2d7dc8;border-bottom:1px solid #359bdf}
	 .sm7Event .eventInfo .gift {padding:15px;}
	 .sm7Event .eventInfo .gift span {margin-top:12px; font-size:12px;}
 
	 .sm7Event .contents2{padding:23px 10px;}
	  .sm7Event .contents2 .contesnt2Tit p{display:block; font-size:34px; font-weight:500; line-height:1.2; vertical-align:middle;margin:25px 0 0 0;}
 
	 .sm7Event .contents2 .viewMore { left: 20px; right: 5px; font-size:0.875rem;}
	 .sm7Event .contents2 .viewMore button img{vertical-align:middle;position:relative;top:-1px;width:13px;left:10px;}
 
 }
 
 @media (max-width:768px) {
	 .sm7Event .contents2 .cardList .cardImage p{font-size:1.2rem;line-height:4.5;}
	 .contents1, .contents2{padding:0 10px;}
	 .sm7Event .visual .text {bottom:18.8%;}
	 .sm7Event .contents2 .cardList .cardImage{width:100%;max-width:450px;float:none;text-align:center;margin:0 auto;}
	 .sm7Event .contents2 .cardList .cardText{width:100%;float:none;}
 
 
 }
 
 @media (max-width:720px) {
	 .sm7Event .visual .text {bottom:14.8%;}
	 .sm7Event .visual strong small{margin-bottom:8px;}
	 .sm7Event .visual strong {margin-top:10px; margin-bottom:15px; font-size:23px; line-height:1.3; text-shadow:none;}
 
 
	 .sm7Event .contents2 .contesnt2Tit img{max-width:33%;}
	 .sm7Event .contents2 .contesnt2Tit p{margin-top:10px; margin-bottom:15px; font-size:25px; line-height:1.3; text-shadow:none;}
	 .sm7Event .contents2 .contesnt2Tit p .en{ font-size:12px;}
 
 }
 
 @media (max-width:500px) {
	 .sm7Event .contents2 .cardList .cardImage p{font-size:1rem;line-height:4.5;}
	 .sm7Event .visual .text {bottom:13.8%;}
	 .sm7Event .visual em {font-size:18px;}
	 .sm7Event .visual strong {font-size:18px;}
	 .sm7Event .visual strong small .en {font-size:12px;}
 
 }
 
 @media (max-width:400px) {
	 .sm7Event .contents2 .cardList .cardImage p{font-size:1rem;line-height:4;}
	 .sm7Event .visual .text {bottom:8.8%;}
	 .sm7Event .visual em {font-size:16px;}
	 .sm7Event .visual strong {font-size:16px;}
	 .sm7Event .visual strong small .en {font-size:12px;}
 }
 
 @media (max-width:360px) {
	 .sm7Event .contents2 .cardList .cardImage p{font-size:0.875rem;line-height:4;}
	 .sm7Event .visual .text {bottom:5.8%;}
 }
 
 @media (max-width:320px) {
	 .sm7Event .contents2 .cardList .cardImage p{line-height:3.5;}
	 .sm7Event .visual .text {bottom:4.8%;}
 }
 
 /* DIMMED LAYER */
 .sm7Dimmed { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; opacity: 0.5; }
 
 /* SUCCESS DOWNLOAD POPUP */
 .downSuccessPopup { position: absolute; top: 40%; left: 0; right: 0; }
 .downSuccessPopup .sm7PopBox { max-width: 300px; background-color: #fff; margin: 0 auto; position: relative; box-sizing: border-box; }
 .downSuccessPopup .sm7PopBox .successMsg { padding: 45px 0; margin: 0; text-align: center; font-size: 20px; line-height: 1.5; color: #000; }
 .downSuccessPopup .sm7PopBox .successBtn { width: 100%; padding: 0; margin: 0; }
 .downSuccessPopup .sm7PopBox .successBtn a { color: #fff; background-color: #cc0000; font-size: 22px; height: 60px; line-height: 60px; width: 100%; text-align: center; display: inline-block; font-weight: bold; }
 @media only screen and (max-width: 939px) {
	 .downSuccessPopup .sm7PopBox .successMsg { font-size: 16px; }
	 .downSuccessPopup .sm7PopBox .successBtn a { font-size: 13px; height: 35px; line-height: 35px; }
 }
 
 
 /* UPLOAD POPUP */
 .sm7Popup { position: absolute; top: 20%; left: 0; right: 0; }
 .sm7Popup .sm7PopBox { max-width: 900px; min-height: 300px; background-color: #fff; margin: 0 auto; position: relative;box-sizing: border-box; }
 .sm7Popup .sm7PopBox .sm7PopTit{width:100%;background-color: #eeeeee;padding:50px 0;}
 .sm7Popup .sm7PopBox .sm7PopContents{background-color: #fff; margin: 0 auto; position: relative; padding: 50px; box-sizing: border-box; }
 .sm7Popup .sm7PopBox .popTit { text-align: center; padding-bottom: 15px; background: url("../img/sm7/img_pop_tit.png") no-repeat 0 0; width:695px; height: 78px; text-indent: -9999em; margin: 0 auto; }
 .sm7Popup .sm7PopBox .hashtag { text-align: center; color: #cc0000; font-size: 32px; font-weight: bold; position: relative; margin: 0 0 20px 0; }
 .sm7Popup .sm7PopBox .hashtag::before { content: ""; border-top: #cccccc 1px solid; width: 100%; position: absolute; top: 50%; left: 0; right: 0; }
 .sm7Popup .sm7PopBox .hashtag span { background-color: #fff; padding: 0 10px; position: relative; z-index:1 ; }
 .sm7Popup .sm7PopBox .popText { padding: 0 0 15px 0; margin: 0; }
 .sm7Popup .sm7PopBox .popText li { line-height: 1.6; font-size: 20px; color: #000; letter-spacing: -1.2px; }
 .sm7Popup .sm7PopBox .popText li strong { font-weight: bold; width: 19px; display: inline-block; text-align: center; }
 .sm7Popup .sm7PopBox .popCaution{font-size:16px;color:#de0505;padding-left:20px;position:relative;line-height:1.4;}
 .sm7Popup .sm7PopBox .popCaution span{position: absolute;left: 0;}
 .sm7Popup .sm7PopBox .popImageArea { position: relative; clear:both;overflow:hidden;}
 /* .sm7Popup .sm7PopBox .popImageArea .sm7Upload { max-width: 500px; margin: 0 auto; } */
 
 .sm7Popup .sm7PopBox .sm7UploadBox{width:50%;float:left;}
 .sm7Popup .sm7PopBox .popImageArea .sm7Upload .userUpload { width: 360px; height: 360px; background: url("../img/imtitleist/uploadBg.jpg") no-repeat center 50%; box-sizing: border-box; border: #ccc 1px solid; margin-bottom: 20px; position: relative; }
 .sm7Popup .sm7PopBox .popImageArea .sm7Upload .userUpload .noneUpload{position:absolute;top:0;}
 .sm7Popup .sm7PopBox .popImageArea .sm7Upload .userUpload .frameArea img { width: 100%; }
 .sm7Popup .sm7PopBox .popImageArea .sm7Upload .userUpload .frameArea { position: absolute; top: 0; left: 0; }
 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea{width:360px;overflow:hidden;}
 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea > p {margin-bottom: 0;width: 50%;float: left;}
 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea > p a,
 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea > p input[type="button"] { display: block; width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; font-size: 20px; font-weight: bold; border-radius: 0; }
 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea > p span.file_input { display: block; position: relative; width: 100%; height: 60px; line-height: 60px; overflow: hidden; }
 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea .uploadBtn input[type="button"] { border: #555 1px solid; background-color: #555; color: #fff; text-align: center; padding: 0; margin: 0;  }
 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea .uploadBtn .file_input_hidden { width: 100%; height: 60px; line-height: 60px; position: absolute; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); }
 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea .downloadBtn a { border: #555 1px solid; background-color: #fff; color: #121212; text-align: center;  }
 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea .downloadBtn a span { display: inline-block;}
 .sm7Popup .sm7PopBox .sm7SelectBox{width:49%;float:left;}
 .sm7Popup .sm7PopBox .sm7Select{padding-left:40px;border-left:1px solid #e7e7e7;}
 .sm7Popup .sm7PopBox .sm7SelectBox .dot{background: url("../img/sm7/img_dotted.jpg") no-repeat 0 12px;padding-left:10px;color:#222;font-size:18px;line-height:1.4;margin-bottom:18px;}
 .sm7Popup .sm7PopBox .sm7SelectBox .select_menu{box-shadow:none;border-radius:0px;height:48px;}
 .sm7Popup .sm7PopBox .sm7SelectBox .select_menu select{height:48px;font-size:16px;padding:5px 27px 5px 24px}
 .sm7Popup .sm7PopBox .sm7SelectBox .select_menu:after{height:50px;background: #757575 url('images/icon-select.gif') no-repeat center center;width:40px;}
 .sm7Popup .sm7PopBox .sm7SelectBox textarea{border:1px solid #d6d6d6;padding:20px;font-size:16px;color:#555;box-shadow:none;min-height:158px;height:158px;border-radius:0;margin-bottom:20px;}
 .sm7SelectBox .btn{display:inline-block; width:350px; height:60px; margin:0; padding:0; background:#cc0000; line-height:60px; font-size:20px; color:#fff; text-align:center; font-weight:700;border:0;}
 
 .sm7Popup .sm7PopBox .popImageArea .popClose { display: block; width: 100px; height: 100px; background: url("../img/imtitleist/cardClosePc.png") no-repeat center 50%; position: absolute; top: 0; right: 45px; text-indent: -9999em; border-bottom: none; }
 .sm7Popup .sm7PopBox .popClose { display: block; width: 34px; height: 32px; background: url("../img/imtitleist/popClosePc.png") no-repeat center 50%; position: absolute; top: 50px; right: 50px; text-indent: -9999em; border-bottom: none; }
 @media only screen and (max-width: 960px) {
	 .sm7Popup { left: 10px; right: 10px; }
 }
 @media only screen and (max-width: 939px) {
	 .sm7Popup .sm7PopBox .sm7PopTit{padding:25px 0;}
	 .sm7Popup .sm7PopBox .sm7PopContents { padding: 25px 15px; }
	 .sm7Popup .sm7PopBox .popTit { background: url("../img/sm7/img_pop_tit_m.png") no-repeat 0 0; width:245px; height: 32px; background-size: 245px 32px; padding:0;}
	 .sm7Popup .sm7PopBox .hashtag { font-size: 23px; margin: 0 0 10px 0; }
	 .sm7Popup .sm7PopBox .popText { padding: 0 0 15px 0; }
	 .sm7Popup .sm7PopBox .popText li { font-size: 14px; }
	 .sm7Popup .sm7PopBox .popCaution{font-size:12px;padding-left:15px;}
	 .sm7Popup .sm7PopBox .popImageArea::before { display: none; }
	 .sm7Popup .sm7PopBox .popImageArea .sm7Upload { width: 100%; max-width: none; }
	 .sm7Popup .sm7PopBox .popImageArea .sm7Upload .userUpload { margin: 0 auto 20px; width: 100%; max-width: 360px; height: auto;}
	 .sm7Popup .sm7PopBox .sm7UploadBox, .sm7Popup .sm7PopBox .sm7SelectBox{width:100%;float:none;}
	 .sm7Popup .sm7PopBox .popImageArea .sm7Upload .userUpload .noneUpload{position:relative;}
	 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea { overflow: hidden; margin:0 auto;width:100%;}
	 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea > p a,
	 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea > p input[type="button"] { font-size: 13px; height: 35px; line-height: 35px; }
	 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea > p span.file_input { height: 35px; line-height: 35px;  }
	 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea .uploadBtn .file_input_hidden { height: 35px; line-height: 35px; }
	 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea .uploadBtn { width: 50%; float: left; box-sizing: border-box;}
	 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea .downloadBtn { width: 50%; float: left; box-sizing: border-box; }
	 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea .downloadBtn a { border: #555 1px solid; background-color: #fff; color: #121212; text-align: center;  }
	 .sm7Popup .sm7PopBox .popImageArea .sm7BtnArea .downloadBtn a span { display: inline-block;}
	 .sm7Popup .sm7PopBox .sm7Select{padding:0;border:0;margin-top:12px;}
	 .sm7Popup .sm7PopBox .sm7SelectBox .dot{font-size:14px;background: url("../img/sm7/img_dotted.jpg") no-repeat 0 7px;}
	 .sm7Popup .sm7PopBox .sm7SelectBox .select_menu{height:42px;}
	 .sm7Popup .sm7PopBox .sm7SelectBox .select_menu:after{height:44px;}
	 .sm7Popup .sm7PopBox .sm7SelectBox .select_menu select{font-size:12px;padding:5px 38px 5px 10px;}
	 .sm7Popup .sm7PopBox .sm7SelectBox textarea{font-size:12px;box-shadow:none;border-radius:0;}
	 .sm7SelectBox .btn{position:static;display:block; width:100%; height:35px; margin-top:15px; line-height:35px; font-size:13px;}
	 .sm7Popup .sm7PopBox .popClose { width: 25px; height: 25px; background: url("../img/imtitleist/popCloseMobile.png") no-repeat center 50%; top: 25px; right: 25px; }
 }
 @media only screen and (max-width: 480px) {
	 .sm7Popup .sm7PopBox .popImageArea .frameController { display: none; }
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /* UPLOAD POPUP */
 .imTitleistPopup { position: absolute; top: 20%; left: 0; right: 0; }
 .imTitleistPopup .imPopBox { max-width: 800px; min-height: 300px; background-color: #fff; margin: 0 auto; position: relative; padding: 50px; box-sizing: border-box; }
 .imTitleistPopup .imPopBox .popTit { text-align: center; padding-bottom: 15px; background: url("../img/imtitleist/popLogo_pc.png") no-repeat 0 0; width:192px; height: 75px; text-indent: -9999em; margin: 0 auto; }
 .imTitleistPopup .imPopBox .hashtag { text-align: center; color: #cc0000; font-size: 32px; font-weight: bold; position: relative; margin: 0 0 20px 0; }
 .imTitleistPopup .imPopBox .hashtag::before { content: ""; border-top: #cccccc 1px solid; width: 100%; position: absolute; top: 50%; left: 0; right: 0; }
 .imTitleistPopup .imPopBox .hashtag span { background-color: #fff; padding: 0 10px; position: relative; z-index:1 ; }
 .imTitleistPopup .imPopBox .popText { padding: 0 0 25px 0; margin: 0; }
 .imTitleistPopup .imPopBox .popText li { line-height: 1.6; font-size: 20px; color: #000; letter-spacing: -1.2px; }
 .imTitleistPopup .imPopBox .popText li strong { font-weight: bold; width: 19px; display: inline-block; text-align: center; }
 .imTitleistPopup .imPopBox .popImageArea { position: relative; }
 .imTitleistPopup .imPopBox .popImageArea .imUpload { max-width: 500px; margin: 0 auto; }
 .imTitleistPopup .imPopBox .popImageArea .imUpload .userUpload { width: 500px; height: 500px; background: url("../img/imtitleist/uploadBg.jpg") no-repeat center 50%; box-sizing: border-box; border: #ccc 1px solid; margin-bottom: 20px; position: relative; }
 .imTitleistPopup .imPopBox .popImageArea .imUpload .userUpload .frameArea img { width: 100%; }
 .imTitleistPopup .imPopBox .popImageArea .imUpload .userUpload .frameArea { position: absolute; top: 0; left: 0; }
 .imTitleistPopup .imPopBox .popImageArea .imBtnArea > p { margin-bottom: 10px;  }
 .imTitleistPopup .imPopBox .popImageArea .imBtnArea > p a,
 .imTitleistPopup .imPopBox .popImageArea .imBtnArea > p input[type="button"] { display: block; width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; font-size: 22px; font-weight: bold; border-radius: 0; }
 .imTitleistPopup .imPopBox .popImageArea .imBtnArea > p span.file_input { display: block; position: relative; width: 100%; height: 60px; line-height: 60px; overflow: hidden; }
 .imTitleistPopup .imPopBox .popImageArea .imBtnArea .uploadBtn input[type="button"] { border: #cc0000 1px solid; background-color: #cc0000; color: #fff; text-align: center; padding: 0; margin: 0;  }
 .imTitleistPopup .imPopBox .popImageArea .imBtnArea .uploadBtn .file_input_hidden { width: 100%; height: 60px; line-height: 60px; position: absolute; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); }
 .imTitleistPopup .imPopBox .popImageArea .imBtnArea .downloadBtn a { border: #cc0000 1px solid; background-color: #cc0000; color: #fff; text-align: center;  }
 .imTitleistPopup .imPopBox .popImageArea .imBtnArea .downloadBtn a span { display: inline-block; padding-right: 50px; min-height: 22px; background: url("../img/imtitleist/down_icon_pc.png") no-repeat right 50%; }
 .imTitleistPopup .imPopBox .popImageArea .imBtnArea .nextBackBtn { margin-bottom: 0; }
 .imTitleistPopup .imPopBox .popImageArea .imBtnArea .nextBackBtn a { border: #555555 1px solid; background-color: #555555; color: #fff; text-align: center;  }
 .imTitleistPopup .imPopBox .popImageArea .imFrame { overflow: hidden; margin-top: 20px; }
 .imTitleistPopup .imPopBox .popImageArea .imFrame ul { margin: 0; padding: 0 0 0 4px; overflow: hidden; width: 300%; }
 .imTitleistPopup .imPopBox .popImageArea .imFrame li { float: left; text-align: center; font-weight: bold; font-size: 16px; box-sizing: border-box; display: block; width: 15.4%; margin: 0 1.5% 0 0;}
 .imTitleistPopup .imPopBox .popImageArea .imFrame li input { display: none; }
 .imTitleistPopup .imPopBox .popImageArea .imFrame li:last-child { margin-right: 0; }
 .imTitleistPopup .imPopBox .popImageArea .imFrame li label { cursor: pointer; margin-bottom:0; font-weight:bold; font-size: 16px; color:#666;}
 .imTitleistPopup .imPopBox .popImageArea .imFrame li label span { width: 100%; height: 0; display: block; padding-bottom: 103%; position: relative; margin-bottom: 16px; }
 .imTitleistPopup .imPopBox .popImageArea .imFrame li input:checked + label { color: #c00808; }
 .imTitleistPopup .imPopBox .popImageArea .imFrame li input:checked + label span strong { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/imtitleist/thumbBorder.png") no-repeat 0 0; background-size: cover; }
 .imTitleistPopup .imPopBox .popImageArea .imFrame li label span.frame1 { background: url("../img/imtitleist/thumb1.png") no-repeat 0 0; background-size: cover; }
 .imTitleistPopup .imPopBox .popImageArea .imFrame li label span.frame2 { background: url("../img/imtitleist/thumb2.png") no-repeat 0 0; background-size: cover; }
 .imTitleistPopup .imPopBox .popImageArea .imFrame li label span.frame3 { background: url("../img/imtitleist/thumb3.png") no-repeat 0 0; background-size: cover; }
 .imTitleistPopup .imPopBox .popImageArea .imFrame li label span.frame4 { background: url("../img/imtitleist/thumb4.png") no-repeat 0 0; background-size: cover; }
 .imTitleistPopup .imPopBox .popImageArea .imFrame li label span.frame5 { background: url("../img/imtitleist/thumb5.png") no-repeat 0 0; background-size: cover; }
 .imTitleistPopup .imPopBox .popImageArea .imFrame li label span.frame6 { background: url("../img/imtitleist/thumb6.png") no-repeat 0 0; background-size: cover; }
 .imTitleistPopup .imPopBox .popImageArea .frameController { position: absolute; top: 86%; margin-top: -75px; width: 60px; height: 150px; box-sizing: border-box; border: #000 1px solid; border-radius: 0; text-indent: -9999px; z-index: 3; padding: 0; margin-bottom: 0; }
 .imTitleistPopup .imPopBox .popImageArea .frameControlLeft { left: -50px; background: #fff url("../img/imtitleist/left.png") no-repeat center 50%; }
 .imTitleistPopup .imPopBox .popImageArea .frameControlRight { right: -50px; background: #fff url("../img/imtitleist/right.png") no-repeat center 50%;  }
 .imTitleistPopup .imPopBox .popImageArea .frameControlLeft:hover,
 .imTitleistPopup .imPopBox .popImageArea .frameControlLeft:focus { border: #cc0000 1px solid; background: #cc0000 url("../img/imtitleist/left_on.png") no-repeat center 50%; }
 .imTitleistPopup .imPopBox .popImageArea .frameControlRight:hover,
 .imTitleistPopup .imPopBox .popImageArea .frameControlRight:focus { border: #cc0000 1px solid; background: #cc0000 url("../img/imtitleist/right_on.png") no-repeat center 50%; }
 .imTitleistPopup .imPopBox .popImageArea .popClose { display: block; width: 100px; height: 100px; background: url("../img/imtitleist/cardClosePc.png") no-repeat center 50%; position: absolute; top: 0; right: 45px; text-indent: -9999em; border-bottom: none; }
 .imTitleistPopup .imPopBox .popNotice { font-size: 16px; text-align: center; background-color: #f2f2f2; padding: 20px; margin: 50px -50px -50px -50px;  }
 .imTitleistPopup .imPopBox .popNotice span { display: inline-block; padding-left: 50px; background: url("../img/imtitleist/popNotice_pc.png") no-repeat 0 50%; line-height: 60px; height: 60px; color: #555; letter-spacing: -1px; }
 .imTitleistPopup .imPopBox .popClose { display: block; width: 34px; height: 32px; background: url("../img/imtitleist/popClosePc.png") no-repeat center 50%; position: absolute; top: 50px; right: 50px; text-indent: -9999em; border-bottom: none; }
 @media only screen and (max-width: 960px) {
	 .imTitleistPopup { left: 10px; right: 10px; }
 }
 @media only screen and (max-width: 939px) {
	 .imTitleistPopup .imPopBox { padding: 25px 15px; }
	 .imTitleistPopup .imPopBox .popTit { background: url("../img/imtitleist/popLogo_mobile.png") no-repeat 0 0; width:115px; height: 44px; background-size: 115px 44px; }
	 .imTitleistPopup .imPopBox .hashtag { font-size: 23px; margin: 0 0 10px 0; }
	 .imTitleistPopup .imPopBox .popText { padding: 0 0 15px 0; }
	 .imTitleistPopup .imPopBox .popText li { font-size: 12px; }
	 .imTitleistPopup .imPopBox .popImageArea::before { display: none; }
	 .imTitleistPopup .imPopBox .popImageArea .imUpload { width: 100%; max-width: none; }
	 .imTitleistPopup .imPopBox .popImageArea .imUpload .userUpload { margin: 0 auto 20px; width: 100%; max-width: 400px; height: auto; height: 400px; }
	 .imTitleistPopup .imPopBox .popImageArea .imFrame { position: static; max-width: 400px; overflow: hidden; width: 100%; margin: 20px auto 30px; }
	 .imTitleistPopup .imPopBox .popImageArea .imFrame ul { width: 300%; padding-left: 4px; }
	 .imTitleistPopup .imPopBox .popImageArea .imFrame li { display: block; width: 15.4%; margin: 0 1.5% 0 0;}
	 .imTitleistPopup .imPopBox .popImageArea .imFrame li label span { width: 100%; }
	 .imTitleistPopup .imPopBox .popImageArea .frameController { top: 84%; width: 35px; height: 75px; margin-top: -37px; }
	 .imTitleistPopup .imPopBox .popImageArea .frameControlLeft { left: -15px; background-size: 10px 19px; }
	 .imTitleistPopup .imPopBox .popImageArea .frameControlRight { right: -15px; background-size: 10px 19px; }
	 .imTitleistPopup .imPopBox .popImageArea .frameControlLeft:hover,
	 .imTitleistPopup .imPopBox .popImageArea .frameControlLeft:focus { background-size: 10px 19px; }
	 .imTitleistPopup .imPopBox .popImageArea .frameControlRight:hover,
	 .imTitleistPopup .imPopBox .popImageArea .frameControlRight:focus { background-size: 10px 19px; }
	 .imTitleistPopup .imPopBox .popImageArea .imBtnArea { overflow: hidden; }
	 .imTitleistPopup .imPopBox .popImageArea .imBtnArea > p a,
	 .imTitleistPopup .imPopBox .popImageArea .imBtnArea > p input[type="button"] { font-size: 13px; height: 35px; line-height: 35px; }
	 .imTitleistPopup .imPopBox .popImageArea .imBtnArea > p span.file_input { height: 35px; line-height: 35px;  }
	 .imTitleistPopup .imPopBox .popImageArea .imBtnArea .uploadBtn .file_input_hidden { height: 35px; line-height: 35px; }
	 .imTitleistPopup .imPopBox .popImageArea .imBtnArea .uploadBtn { width: 50%; float: left; box-sizing: border-box; padding-right: 5px; }
	 .imTitleistPopup .imPopBox .popImageArea .imBtnArea .downloadBtn { width: 50%; float: left; box-sizing: border-box; padding-right: 5px; }
	 .imTitleistPopup .imPopBox .popImageArea .imBtnArea .downloadBtn a span { padding-right: 20px; min-height: 10px; background: url("../img/imtitleist/down_icon_pc.png") no-repeat right 50%; background-size: 16px 14px; }
	 .imTitleistPopup .imPopBox .popImageArea .imBtnArea .nextBackBtn { width: 50%; float: right; box-sizing: border-box; padding-left: 5px; }
	 .imTitleistPopup .imPopBox .popNotice { font-size: 12px; text-align: left; padding: 15px 35px 15px 25px; margin: 50px -15px -25px -15px;  }
	 .imTitleistPopup .imPopBox .popNotice span { display: inline-block; padding-left: 40px; background: url("../img/imtitleist/popNotice_mobile.png") no-repeat 0 50%; line-height: 1.6; height: auto; min-height: 23px; color: #555; letter-spacing: -1px; background-size: 21px 23px; font-weight: bold; }
	 .imTitleistPopup .imPopBox .popClose { width: 25px; height: 25px; background: url("../img/imtitleist/popCloseMobile.png") no-repeat center 50%; top: 25px; right: 25px; }
 }
 @media only screen and (max-width: 480px) {
	 .imTitleistPopup .imPopBox .hashtag { font-size: 18px; }
	 .imTitleistPopup .imPopBox .popImageArea .frameController { display: none; }
 }
 
 
 
 
 
 /* *** CAMPAIGN CONTENTS *** */
 /* CONTENS1 */
 .contnets1 { }
 .contents1 .imTitleistVisual { position: relative; }
 .contents1 .imTitleistVisual .box { height: 0; padding-bottom: 40%; position: relative; }
 .contents1 .imTitleistVisual .box iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }
 
 /* CONTENTS VIDEO */
 .contentsVideo { margin: 80px 0 0 0; }
 .contentsVideo .hashtag { text-align: center; color: #cc0000; font-size: 45px; font-weight: bold; position: relative; margin: 0 0 50px 0; }
 .contentsVideo .hashtag::before { content: ""; border-top: #cccccc 1px solid; width: 100%; position: absolute; top: 50%; left: 0; right: 0; }
 .contentsVideo .hashtag img { vertical-align: super; padding: 0 20px; }
 .contentsVideo .hashtag span { background-color: #fff; padding: 0 0; position: relative; z-index:1 ; }
 .contentsVideo h2.imH2 {  }
 .contentsVideo h2.imH2 mark { }
 .contentsVideo .imSmallText { text-align: center; margin-bottom: 50px; }
 .contentsVideo .imSmallText p { position: relative; display: inline-block; z-index: 1; color: #fff; color: #fff; font-size: 28px; line-height: 1.4; padding: 0; margin: 0; }
 .contentsVideo .imSmallText p::after { content: ""; background-color: #cc0000; position: absolute; top: 0; left: -15px; right: -15px; bottom: 0; z-index: -1; -ms-transform:skewX(-25deg); -webkit-transform:skewX(-25deg); -moz-transform:skewX(-25deg); -o-transform:skewX(-25deg); transform:skewX(-25deg); }
 .contentsVideo .imSmallText p mark { color: #fff; }
 .contentsVideo .imVideoArea { background: url("../img/imtitleist/videoBg.png") no-repeat center 50%; background-size: auto 100%; position: relative; }
 .contentsVideo .imVideoArea .imLayout { padding: 0 440px 0 0; position: relative; z-index: 2; box-sizing: border-box; }
 .contentsVideo .imVideoArea .box { height: 0; padding-bottom: 56.2%; position: relative; }
 .contentsVideo .imVideoArea .box iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }
 .contentsVideo .imVideoArea .proVideo { margin-top: 30px; padding-bottom: 50px; position: relative; z-index: 4; }
 .contentsVideo .imVideoArea .proVideo ul { margin: 0 0 16px 0; padding: 0; overflow: hidden; }
 .contentsVideo .imVideoArea .proVideo li { float: left; display: inline-block; text-align: center; font-weight: bold; box-sizing: border-box; margin-right: 20px; }
 .contentsVideo .imVideoArea .proVideo li:last-child { margin-right: 0; }
 .contentsVideo .imVideoArea .proVideo li input { display: none; }
 .contentsVideo .imVideoArea .proVideo li:last-child { margin-right: 0; }
 .contentsVideo .imVideoArea .proVideo li label { cursor: pointer; margin-bottom:0; font-weight:bold; font-size: 16px; color:#666;}
 .contentsVideo .imVideoArea .proVideo li label span { width: 240px; height: 0; display: block; padding-bottom: 60.5%; position: relative; }
 .contentsVideo .imVideoArea .proVideo li input:checked + label { color: #c00808; }
 .contentsVideo .imVideoArea .proVideo li input:checked + label span strong { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/imtitleist/videoBorder.png") no-repeat 0 0; background-size: cover; }
 .contentsVideo .imVideoArea .proVideo li label span.frame1 { background: url("../img/imtitleist/videoThumb1.png") no-repeat 0 0; background-size: cover; }
 .contentsVideo .imVideoArea .proVideo li label span.frame2 { background: url("../img/imtitleist/videoThumb2.png") no-repeat 0 0; background-size: cover; }
 .contentsVideo .imVideoArea .proVideo li label span.frame3 { background: url("../img/imtitleist/videoThumb3.png") no-repeat 0 0; background-size: cover; }
 .contentsVideo .imVideoArea .proVideo p { color: #888; font-size: 16px; padding: 0; margin: 0;  }
 .contentsVideo .imVideoArea .proPhoto { position: absolute; top: 0; right: 2%; width: 32.1%; z-index: 0; padding: 0; margin: 0; }
 .contentsVideo .imVideoArea .blackLine { display: block; background-color: #000; height: 150px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 0; }
 @media only screen and (max-width: 1220px) {
	 .contentsVideo .imVideoArea .imLayout { padding: 0 34% 0 15px; }
	 .contentsVideo .imVideoArea .proVideo { width: 100%; overflow: hidden; }
	 .contentsVideo .imVideoArea .proVideo ul { }
	 .contentsVideo .imVideoArea .proVideo li { display: block; width: 32%; margin-right: 2%; }
	 .contentsVideo .imVideoArea .proVideo li:last-child { margin-right: 0; }
	 .contentsVideo .imVideoArea .proVideo li label span { width: 100%; }
	 .contentsVideo .imVideoArea .proPhoto { right: 0; }
 }
 @media only screen and (max-width: 939px) {
	 .contentsVideo { margin: 40px 0 0 0; }
	 .contentsVideo .hashtag { font-size: 40px; letter-spacing: -1px; margin-bottom: 20px; }
	 .contentsVideo .hashtag img { padding: 0 10px; width: 25px; }
	 .contentsVideo h2.imH2 span { display: inline; }
	 .contentsVideo h2.imH2 mark { display: block; }
	 .contentsVideo .imSmallText { margin-bottom: 25px; }
	 .contentsVideo .imSmallText p::after { display: none; }
	 .contentsVideo .imSmallText p span { position: relative; display: block; z-index: 1; color: #fff; color: #fff; font-size: 17px; line-height: 1.4; letter-spacing: -1px; }
	 .contentsVideo .imSmallText p span::after { content: ""; background-color: #cc0000; position: absolute; top: 0; left: -15px; right: -15px; bottom: 0; z-index: -1; -ms-transform:skewX(-25deg); -webkit-transform:skewX(-25deg); -moz-transform:skewX(-25deg); -o-transform:skewX(-25deg); transform:skewX(-25deg); }
	 .contentsVideo .imSmallText p mark { position: relative; display: inline-block; z-index: 1; color: #fff; color: #fff; font-size: 17px; line-height: 1.4; letter-spacing: -1px; }
	 .contentsVideo .imSmallText p mark::after { content: ""; background-color: #cc0000; position: absolute; top: 0; left: -15px; right: -15px; bottom: 0; z-index: -1; -ms-transform:skewX(-25deg); -webkit-transform:skewX(-25deg); -moz-transform:skewX(-25deg); -o-transform:skewX(-25deg); transform:skewX(-25deg); }
	 .contentsVideo .imVideoArea .imLayout { padding: 0 10px; }
	 .contentsVideo .imVideoArea .imLayout .blackLine { display: none; }
	 .contentsVideo .imVideoArea .proVideo { margin-top: 15px; padding-bottom: 30px; }
	 .contentsVideo .imVideoArea .proVideo p { font-size: 12px; }
	 .contentsVideo .imVideoArea .proPhoto { display: none; }
 }
 @media only screen and (max-width: 660px) {
	 .contentsVideo .hashtag { font-size: 30px; }
	 .contentsVideo .hashtag img { padding: 0 8px; width: 20px; }
 }
 @media only screen and (max-width: 400px) {
	 .contentsVideo .hashtag { font-size: 22px; }
	 .contentsVideo .hashtag img { padding: 0 8px; width: 16px; }
	 .contentsVideo .imSmallText p span { font-size: 14px; }
	 .contentsVideo .imSmallText p mark { font-size: 14px; }
 }
 
 
 
 
 /* CONTENS2 */
 .contents2 { }
 .contents2 .imText { padding-bottom: 0; }
 .contents2 .imTitleistArea { position: relative; }
 
 /* .contents2 .imTitleistArea .imTitleistTop { border-top: #000 2px solid; position: relative; padding-top: 100px; max-width: 1180px; margin: 0 auto; }
 .contents2 .imTitleistArea .imSelect { position: absolute; top: 20px; right: 0; width: 160px; box-sizing: border-box; z-index: 2; }
 .contents2 .imTitleistArea .imSelect button { font-size: 16px; padding: 0 40px 0 15px ; margin: 0; text-align: left; color: #000; height: 40px; line-height: 40px; width: 160px; border: #d6d6d6 1px solid; box-sizing: border-box; background: url("../img/imtitleist/selectBg.png") no-repeat right 50%; }
 .contents2 .imTitleistArea .imSelect ul { border: #d6d6d6 1px solid; background-color: #fff; width: 160px; padding: 0; margin: 0; box-sizing: border-box; overflow: hidden;  }
 .contents2 .imTitleistArea .imSelect ul li { height: 40px; line-height: 40px; text-align: center;  }
 .contents2 .imTitleistArea .imSelect ul li a { color: #000; border-bottom: none; text-decoration: underline; }
  */
 
 .contents2 .imList { padding-bottom: 80px; }
 .contents2 .imTitleistArea .imList .list_mobile { display: none; }
 .contents2 .imTitleistArea .imList .list_pc { max-width: 1200px; margin: 0 auto; overflow: hidden; border-top: #000 2px solid; padding-top: 50px; }
 .contents2 .imTitleistArea .imList .list_pc ul { padding: 0; margin: 0; width: 300%; }
 .contents2 .imTitleistArea .imList .list_pc ul li { margin: 0; overflow: hidden; float: left; width: 33.33%; }
 .contents2 .imTitleistArea .imList .list_pc ul li > div { width: 25%; float: left; box-sizing: border-box; padding: 0 10px; position: relative; margin-bottom: 40px; }
 .contents2 .imTitleistArea .imList .list_pc ul li span.today { position: absolute; top: 0; left: 10px; }
 .contents2 .imTitleistArea .imList .list_pc ul li p.title { display: table; width: 100%; table-layout: fixed; border: #ddd 1px solid; border-top: none; box-sizing: border-box; padding: 0; margin: 0; background-color: #fff; }
 .contents2 .imTitleistArea .imList .list_pc ul li p.title span { display: table-cell; width: 64px; vertical-align: middle; }
 .contents2 .imTitleistArea .imList .list_pc ul li p.title mark { display: table-cell; vertical-align: middle; color: #333; font-size: 18px; padding-left: 10px; padding-right: 10px; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .contents2 .imTitleistArea .imList .list_pc ul li div.notOpen { position: absolute; top: 0; bottom: 64px; left: 10px; right: 10px; z-index: 1; }
 .contents2 .imTitleistArea .imList .list_pc ul li div.notOpen .dim { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; opacity: .7; z-index: 0; }
 .contents2 .imTitleistArea .imList .list_pc ul li div.notOpen p { position: absolute; top: 29%; bottom: 0; left: 0; right: 0; color: #fff; font-size: 30px; font-family: "NovaR"; font-weight: bold; text-align: center; padding: 0; margin: 0; line-height: 2; }
 .contents2 .imTitleistArea .imList .list_pc ul li div.notOpen span { display: block; font-size: 40px; position: relative; line-height: 2; letter-spacing: 10px; }
 .contents2 .imTitleistArea .imList .list_pc ul li div.notOpen span::before { content: ""; width: 20px; height: 1px; background-color: #c00000; position: absolute; top: 10px; left: 50%; margin: -10px; }
 .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0 !important; }
 .contents2 .imTitleistArea .imList .controller { position: absolute; top: 50%; margin-top: -75px; width: 60px; height: 150px; box-sizing: border-box; border: #000 1px solid; border-radius: 0; text-indent: -9999px; z-index: 3; padding: 0; margin-bottom: 0; }
 .contents2 .imTitleistArea .imList .controlLeft { left: 0; background: #fff url("../img/imtitleist/left.png") no-repeat center 50%; }
 .contents2 .imTitleistArea .imList .controlRight { right: 0; background: #fff url("../img/imtitleist/right.png") no-repeat center 50%;  }
 .contents2 .imTitleistArea .imList .controlLeft:hover,
 .contents2 .imTitleistArea .imList .controlLeft:focus { border: #cc0000 1px solid; background: #cc0000 url("../img/imtitleist/left_on.png") no-repeat center 50%; }
 .contents2 .imTitleistArea .imList .controlRight:hover,
 .contents2 .imTitleistArea .imList .controlRight:focus { border: #cc0000 1px solid; background: #cc0000 url("../img/imtitleist/right_on.png") no-repeat center 50%; }
 @media only screen and (max-width: 1200px) {
	 .contents2 .imTitleistArea .imSelect { right: 10px; }
	 .contents2 .imTitleistArea .imList .list_pc ul li div.notOpen p { top: 24%; }
	 .contents2 .imTitleistArea .imList .controller { display: none; }
 }
 @media only screen and (max-width: 939px) {
	 .contents2 .imTitleistArea .imTitleistTop { padding-top: 60px; }
	 .contents2 .imTitleistArea .imSelect { top: 10px; width: 120px; }
	 .contents2 .imTitleistArea .imSelect button { width: 120px; padding: 0 30px 0 10px; font-size: 12px; height: 30px; line-height: 30px; background-size: 30px 30px; }
	 .contents2 .imTitleistArea .imSelect ul { width: 120px; }
	 .contents2 .imList { padding-bottom: 40px; }
	 .contents2 .imTitleistArea .imList .list_pc { display: none; }
	 .contents2 .imTitleistArea .imList .list_mobile { display: block; overflow: hidden; border-top: #000 2px solid; padding-top: 25px; }
	 .contents2 .imTitleistArea .imList .list_mobile ul { padding: 0; margin: 0; width: 600%; }
	 .contents2 .imTitleistArea .imList .list_mobile ul li { margin: 0; overflow: hidden; float: left; width: 16.66%; }
	 .contents2 .imTitleistArea .imList .list_mobile ul li > div { width: 50%; float: left; box-sizing: border-box; padding: 0 10px; position: relative; margin-bottom: 25px; }
	 .contents2 .imTitleistArea .imList .list_mobile ul li span.today { position: absolute; top: 0; left: 10px; }
	 .contents2 .imTitleistArea .imList .list_mobile ul li p.title { display: table; width: 100%; table-layout: fixed; border: #ddd 1px solid; border-top: none; box-sizing: border-box; padding: 0; margin: 0; background-color: #fff; }
	 .contents2 .imTitleistArea .imList .list_mobile ul li p.title span { display: table-cell; width: 34px; vertical-align: middle; }
	 .contents2 .imTitleistArea .imList .list_mobile ul li p.title mark { display: table-cell; vertical-align: middle; color: #333; font-size: 13px; padding-left: 10px; padding-right: 10px; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	 .contents2 .imTitleistArea .imList .list_mobile ul li div.notOpen { position: absolute; top: 0; bottom: 34px; left: 10px; right: 10px; z-index: 1; }
	 .contents2 .imTitleistArea .imList .list_mobile ul li div.notOpen .dim { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; opacity: .7; z-index: 0; }
	 .contents2 .imTitleistArea .imList .list_mobile ul li div.notOpen p { position: absolute; top: 38%; bottom: 0; left: 0; right: 0; color: #fff; font-size: 25px; font-family: "NovaR"; font-weight: bold; text-align: center; padding: 0; margin: 0; line-height: 2; }
	 .contents2 .imTitleistArea .imList .list_mobile ul li div.notOpen span { display: block; font-size: 35px; position: relative; line-height: 2; letter-spacing: 10px; }
	 .contents2 .imTitleistArea .imList .list_mobile ul li div.notOpen span::before { content: ""; width: 20px; height: 1px; background-color: #c00000; position: absolute; top: 10px; left: 50%; margin: -10px; }
	 .swiper-container-horizontal > .swiper-pagination-bullets { bottom: -5px !important; margin-bottom:2px;}
 }
 @media only screen and (max-width: 800px) {
	 .contents2 .imTitleistArea .imList .list_mobile ul li div.notOpen p { top: 38%; }
 }
 @media only screen and (max-width: 640px) {
	 .contents2 .imTitleistArea .imList .list_mobile ul li div.notOpen p { top: 29%; }
 }
 @media only screen and (max-width: 480px) {
	 .contents2 .imTitleistArea .imList .list_mobile ul li span.today { width: 34%; }
	 .contents2 .imTitleistArea .imList .list_mobile ul li div.notOpen p { top: 22%; font-size: 18px; }
	 .contents2 .imTitleistArea .imList .list_mobile ul li div.notOpen span { font-size: 30px; letter-spacing: 3px; }
 }
 
 /* CONTENS3 */
 .contents3 { clear: both; background-color: #f2f2f2; margin-bottom: 100px; }
 .contents3 .imLayout { padding-top: 0; }
 .contents3 .titleCampaign { position: relative; padding-top: 100px; }
 .contents3 .titleCampaign .eventTag { position: absolute; top: 0; left: 0; color: #fff; background-color: #cc0000; padding: 10px 20px; font-size: 26px; }
 .contents3 .titleCampaign .imText mark { display: block; padding-top: 40px; text-align: center; }
 .contents3 .titleCampaign .imText mark img { margin: 0 auto; }
 .contents3 .viewCampaign { padding: 40px 40px 0px; position: relative; border-top: #000 2px solid; }
 .contents3 .viewCampaign .viewMore { position: absolute; bottom: 0; left: 30px; right: 30px; padding: 0; margin: 0; }
 .contents3 .viewCampaign .viewMore button { padding: 0; margin: 0; display: block; width: 100%; height: 36px; border: #d9d9d9 1px solid; background: #fff url("../img/imtitleist/viewMore.png") no-repeat center 50%; border-radius: 3px; text-indent: -9999em; box-sizing: border-box; }
 .contents3 .viewCampaign .taglive_iframe{min-height:402px;}
 /* @media only screen and (max-width: 940px) {
 .contents3 .viewCampaign .taglive_iframe{min-height:350px;}
 }
 
 @media only screen and (max-width: 660px) {
 .contents3 .viewCampaign .taglive_iframe{min-height:225px;}
 }
 
 @media only screen and (max-width: 537px) {
 .contents3 .viewCampaign .taglive_iframe{min-height:100vw;}
 } */
 
 .contents3 .howToCampaign { margin-top: 70px;}
 .contents3 .howToCampaign .smallText{background:#fafafa;padding:23px 0 23px 50px;}
 .contents3 .howToCampaign .smallText li { font-size: 15px; color: #777; }
 .contents3 .howToCampaign .smallText li span { color: #cc0000; font-size: 16px; }
 
 .contents3 .howCampaign { margin-top: 40px; min-width: auto; border-top: 2px solid #000000; border-bottom: 1px solid #000000;}
 .contents3 .howCampaign dl { overflow: hidden; border-top: 1px solid #dddddd; margin: 0; }
 .contents3 .howCampaign dl:first-of-type{ border-top: 0;}
 .contents3 .howCampaign dt { float: left; width: 18%; padding: 30px 0; font-size: 18px; font-weight: bold; text-align: center; box-sizing: border-box; }
 .contents3 .howCampaign dd { float: left; width: 82%; padding: 30px 10px; font-size: 18px; color: #444; box-sizing: border-box; margin: 0; }
 .contents3 .howCampaign dd ul { padding: 0; margin: 0; }
 .contents3 .howCampaign dd ul li { font-size: 18px; color: #444; }
 .contents3 .howCampaign dd ul.smallText { border-top: #ddd 1px solid; padding-top: 30px; margin-top: 30px; }
 .contents3 .howCampaign dd ul.smallText li { font-size: 15px; color: #888; }
 .contents3 .howCampaign dd ul.smallText li span { color: #cc0000; font-size: 16px; }
 .contents3 .howCampaign dd .campaignProduct { font-size: 15px; color: #888; display: block; padding-top: 20px; }
 .contents3 .noticeCampaign { clear: both; padding-top: 30px;  }
 .contents3 .noticeCampaign dl { margin: 0; padding: 0;  }
 .contents3 .noticeCampaign dt { font-size: 16px; color: #555; margin: 0; padding: 0 0 5px 0; }
 .contents3 .noticeCampaign dd { margin: 0; padding: 0; }
 .contents3 .noticeCampaign dd ul { margin: 0; padding: 0; }
 .contents3 .noticeCampaign dd ul li { color: #888; font-size: 15px; text-indent: -12px; padding-left: 12px; }
 .contents3 .noticeCampaign p.campaignTextArea { text-align: center; color: #000; font-weight: bold; font-size: 20px; padding: 50px 0 0 0; margin: 0; }
 .contents3 .noticeCampaign span { display: block;  text-align: center;  }
 .contents3 .noticeCampaign span input[type="checkbox"] { vertical-align: middle; }
 .contents3 .noticeCampaign span label { display: inline; font-size: 16px; color: #666; vertical-align: middle; }
 .contents3 .noticeCampaign p.campaignBtnArea { text-align: center; padding-top: 70px; }
 .contents3 .noticeCampaign p.campaignBtnArea a { color: #fff; background-color: #cc0000; font-size: 22px; height: 60px; line-height: 60px; width: 290px; text-align: center; display: inline-block; font-weight: bold; }
 @media only screen and (max-width: 1200px) {
	 .contents3 {  }
 }
 @media only screen and (max-width: 939px) {
	 .contents3 { margin-bottom: 40px; }
	 .contents3 .titleCampaign { position: relative; padding-top: 50px; }
	 .contents3 .titleCampaign .eventTag { font-size: 16px; padding: 5px 15px; }
	 .contents3 .titleCampaign .imText mark { padding-top: 25px; }
	 .contents3 .viewCampaign { padding: 10px 10px 0px; }
	 .contents3 .viewCampaign .viewMore { left: 10px; right: 10px; }
	 .contents3 .howToCampaign .smallText{background:#fafafa;padding:12px 24px;font-size: 12px;line-height: 22px;}
	 .contents3 .howToCampaign .smallText li { font-size: 12px; color: #777; }
	 .contents3 .howToCampaign .smallText li span { color: #cc0000; font-size: 12px; }
	 .contents3 .howCampaign { margin-top: 20px; }
	 .contents3 .howCampaign dl {padding:20px 10px;}
	 .contents3 .howCampaign dt, .contents3 .howCampaign dd { display: block; float: none; width: 100%; padding: 0; font-size: 13px; text-align: left; line-height: 22px; }
	 .contents3 .howCampaign dt {margin:0 0 15px;}
	 .contents3 .howCampaign dd ul li { font-size: 13px; }
	 .contents3 .howCampaign dd ul.smallText li { font-size: 12px; }
	 .contents3 .howCampaign dd ul.smallText li span { font-size: 12px; }
	 .contents3 .howCampaign dd .campaignProduct { font-size: 12px; color: #888; display: block; padding-top: 10px; }
	 .contents3 .noticeCampaign dt { font-size: 13px; color: #333; }
	 .contents3 .noticeCampaign dd ul li { font-size: 12px; text-indent: -9px; padding-left: 9px; }
	 .contents3 .noticeCampaign p.campaignTextArea { font-size: 14px; padding: 30px 0 0 0;  }
	 .contents3 .noticeCampaign span label { font-size: 12px; }
	 .contents3 .noticeCampaign p.campaignBtnArea { padding-top: 30px; }
	 .contents3 .noticeCampaign p.campaignBtnArea a { font-size: 13px; height: 35px; line-height: 35px; width: auto; padding: 0 30px; }
 }
 
 
 /* CONTENS4 */
 .contents4 { clear: both; background: #e0d8e4 url("../img/imtitleist/event1Bg_pc.png") no-repeat center 0; background-size: cover; margin-bottom: 100px; padding-bottom: 20px; }
 .contents4 .imLayout { padding-top: 0; }
 .contents4 .titleEvent { position: relative; padding-top: 100px; }
 .contents4 .titleEvent .eventTag { position: absolute; top: 0; left: 0; color: #fff; background-color: #cc0000; padding: 10px 20px; font-size: 26px; }
 .contents4 .titleEvent .imText mark { display: block; padding-top: 40px; text-align: center; }
 .contents4 .titleEvent .imText mark > a { border: none;  }
 .contents4 .titleEvent .imText mark img { margin: 0 auto; }
 .contents4 .moreEvent .eventTitle { padding: 0; margin: 0; }
 .contents4 .moreEvent .eventTitle span { display: block; width: 0; height: 0; text-indent: -9999px; opacity: 0; }
 
 .contents4 .moreEvent .evnetDetail { background: url("../img/imtitleist/event1DetailBg_pc.png") no-repeat right bottom; box-sizing: border-box; padding: 50px 550px 50px 50px; min-height: 436px; text-align: center; }
 .contents4 .moreEvent .evnetDetail .howEvent { margin-bottom: 40px; min-width: auto; border-top: 2px solid #000000; border-bottom: 2px solid #000000;}
 .contents4 .moreEvent .evnetDetail .howEvent dl { overflow: hidden; border-top: 1px solid #999; margin: 0; }
 .contents4 .moreEvent .evnetDetail .howEvent dl:first-of-type{ border-top: 0;}
 .contents4 .moreEvent .evnetDetail .howEvent dt { float: left; width: 28%; padding: 18px 0 18px 25px; font-size: 20px; font-weight: bold; text-align: center; box-sizing: border-box; text-align: left; }
 .contents4 .moreEvent .evnetDetail .howEvent dd { float: left; width: 72%; padding: 18px 10px; font-size: 20px; color: #555; box-sizing: border-box; margin: 0; text-align: left; }
 .contents4 .moreEvent .evnetDetail a.bt { color: #fff; background-color: #cc0000; font-size: 22px; height: 60px; line-height: 60px; width: 240px; text-align: center; display: inline-block; font-weight: bold; }
 
 @media only screen and (max-width: 1200px) {
	 .contents4 .moreEvent .evnetDetail { padding: 50px 45% 50px 50px; }
 }
 
 @media only screen and (max-width: 939px) {
	 .contents4 { margin-bottom: 40px; padding-bottom: 10px; background: #cbcde1 url("../img/imtitleist/event1Bg_mobile.png") no-repeat center 0; background-size: 100% auto; }
	 .contents4 .titleEvent { position: relative; padding-top: 50px; }
	 .contents4 .titleEvent .eventTag { font-size: 16px; padding: 5px 15px; }
	 .contents4 .titleEvent .imText mark { padding-top: 25px; }
	 .contents4 .moreEvent .evnetDetail { padding: 30px 15px 20px 15px; background: #fff url("../img/imtitleist/event1DetailBg_mobile1.png") no-repeat center bottom; background-size: cover; min-height: auto; }
	 .contents4 .moreEvent .evnetDetail .howEvent { margin-bottom: 20px; }
	 .contents4 .moreEvent .evnetDetail .howEvent dl {padding:15px 10px;}
	 .contents4 .moreEvent .evnetDetail .howEvent dt, .contents4 .moreEvent .evnetDetail .howEvent dd { display: block; float: none; width: 100%; padding: 0; font-size: 13px; text-align: left; line-height: 22px; }
	 .contents4 .moreEvent .evnetDetail .howEvent dt {margin:0 0 5px;}
	 .contents4 .moreEvent .evnetDetail .mOnly { text-align: center; padding: 0 30px; }
	 .contents4 .moreEvent .evnetDetail .mOnly img { max-width: 100%; }
	 .contents4 .moreEvent .evnetDetail a.bt  { font-size: 13px; height: 35px; line-height: 35px; width: auto; padding: 0 30px; }
 }
 
 
 
 /* 2018-04-19 추가 */
 /* 마이페이지 - 클럽정품인증방법 레이어 팝업 */
 .myGolfBackPopup .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.6; }
 .myGolfBackPopup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; line-height: 1; text-align: center; display: block; z-index: 10000; }
 .myGolfBackPopup .popCont { display: inline-block; position: relative; margin-top: 15%; z-index: 1000; background-color: #fff; color: #000; border: #000 1px solid; width: 75%; max-width: 600px; letter-spacing: -1px; }
 .myGolfBackPopup .popCont h1 { text-align: left; color: #222222; font-size: 24px; font-weight: bold; letter-spacing: -1px; background-color:#eee;padding:26px 80px 26px 29px;}
 .myGolfBackPopup .popCont div{padding: 0 29px 30px 29px;}
 .myGolfBackPopup .popCont p.txt { text-align: left; color: #4c4c4c; font-size: 16px; padding-bottom: 20px; line-height: 1.6; margin:0px;}
 .myGolfBackPopup .popCont .myGolfBackRadio{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:17px 0;text-align:left;margin-bottom:1em;}
 .myGolfBackPopup .popCont .myGolfBackRadio input[type="checkbox"], .myGolfBackPopup .popCont .myGolfBackRadio input[type="radio"] {vertical-align:middle;}
 .myGolfBackPopup .popCont .myGolfBackRadio label{font-size:0.875rem;color:#4c4c4c;margin:0px;line-height:2;}
 .myGolfBackPopup .popCont .myGolfBackRadio input[type="checkbox"]:checked + span, .myGolfBackPopup .popCont .myGolfBackRadio input[type="radio"]:checked + span{color:#e31837;} /* 2018-04-19 추가 */
 .myGolfBackPopup .popCont .myGolfBackRadio .col, .myGolfBackPopup .popCont .myGolfBackRadio .col .gutter{padding:0;}
 .myGolfBackPopup .popCont .myGolfBackRadio .col:first-child .gutter{margin-left:0;}
 .myGolfBackPopup .popCont p.caution{font-size:14px;color:#666;text-align:left;line-height:1.5;}
 .myGolfBackPopup .popCont .okBtn { text-align: center;margin:0px; }
 .myGolfBackPopup .popCont .okBtn a { display: inline-block; background-color: #d9213d; color: #fff; height: 45px; line-height: 45px; padding: 0 33px; font-size: 16px; font-weight: bold;border-radius:2px;}
 .myGolfBackPopup .popCont .popX {margin:0px;}
 .myGolfBackPopup .popCont .popX a { position: absolute; top: 30px; right: 29px; width: 22px; height: 23px; background: url("../img/layer_popup_close.png") no-repeat 0 0; display: block; text-indent: -9999em;border-bottom:0px;}
 @media only screen and (max-width: 800px) {
	 .myGolfBackPopup .popCont .myGolfBackRadio .col .gutter{margin-left:0;}
 }
 @media all and (max-width:480px) {
	 .myGolfBackPopup .popCont {width: 88%; max-width: 450px; }
	 .myGolfBackPopup .popCont h1 { font-size: 26px; }
	 .myGolfBackPopup .popCont p.txt { font-size: 16px; }
	 .myGolfBackPopup .popCont .popX a {top:31px;}
 }
 
 /* 2018-07-11 마이페이지 이벤트 관련 폼 추가 :: 시작 */
 .update-event-area{display:table;width:100%;height:295px;}
 .update-event-image{float:none;display:table-cell;height:100%;vertical-align:middle;}
 
 .update-event-cont{float:none;display:table-cell;height:100%;vertical-align:top;}
 .update-event-cont .progressWrap, .update-event-cont .profile-complete-progress{max-width:none;}
 .update-event-cont .progressWrap .fallback-progress-bar span{background-color:#c70909;}
 .update-event-cont .progressWrap .score{color:#c70909;}
 
 .updateMypage strong{display:block;margin:0 0 10px;color:#000;font-size:12px;}
 .updateMypage ul{padding:0;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid #e3dede;border-right:1px solid #e3dede;justify-content:flex-start;width:100%;background-color:#f3f3f3;}
 .updateMypage ul:after{content:'';display:block;clear:both;}
 .updateMypage li{position:relative;width:33.33%;padding:20px 114px 20px 20px;box-sizing:border-box;border-width:1px 0 0 1px;border-color:#e3dede;border-style:solid}
 .updateMypage li span{display:inline-block;vertical-align:middle;}
 .updateMypage li .btn-tertiary{position:absolute;top:50%;right:20px;margin-top:-20px;border-radius:3px;vertical-align:middle;}
 
 @media only screen and (max-width: 979px) {
	.updateMypage ul{flex: none;}
	.updateMypage li{padding: 15px 114px 15px 10px;min-height:84px;}
	.updateMypage li .btn-tertiary{right:10px;}
	.update-event-image{max-width:400px;padding-right:20px;}
 }
 
 @media only screen and (max-width: 767px) {
	.updateMypage li{width:100%;min-height:auto;}
	.update-event-area{display:block;height:100%;}
	.update-event-image, .update-event-cont{display:block;width:100%;}
	.update-event-image{text-align:center;max-width: 100%;padding-right:0;}
 }	 
 /* 2018-07-11 마이페이지 이벤트 관련 폼 추가 :: 끝 */
 
 
 /* 2019-12-18 추가 */
 .myFitting .forM{display:none;}
 .myFitting .forPC{display:table-row;}
 @media all and (max-width:940px) {
	 .myFitting .forM{display:block;width:100%;overflow:hidden;}
	 .myFitting .forPC{display:none;}
	 .myFitting .table-responsive{overflow-x:hidden;}
	 .myFitting table,
	 .myFitting thead,
	 .myFitting tr,
	 .myFitting td,
	 .myFitting tbody{display:block;}
 
	 .myFitting table{min-width:auto;}
	 .myFitting th{width:25%;text-align:center;float:left;box-sizing:border-box;}
	 .myFitting th:first-child{width:75%;}
	 .myFitting tbody tr{width:100%;overflow:hidden;position:relative;padding:15px 0;}
	 .myFitting tbody tr td{width:100%;box-sizing:border-box;padding:5px 10px;padding-right:25%;text-align:left;}
	 .myFitting tbody tr td div{display:inline-block;}
	 .myFitting tbody tr td time{display:inline-block;padding-left:10px;}
	 .myFitting tbody tr td:last-child{position:absolute;right:0;top: 50%;width:25%;padding:0;color: black;margin-top: -10px;text-align:center;}
 }
 
 /*
 .inputT .hidBox{display:inline-block;}
 .inputT.on .hidBox{display:none;}
 */
 
 /* 진행중인 이벤트 페이지 팝업 */
 .modal.popAlert *{box-sizing: border-box;}
 .modal.popAlert{}
 .modal.popAlert .modal-header{border-bottom:none;padding:1.25rem 1.25rem;}
 .modal.popAlert .modal-content{border:none;border-radius: 0;width:100%;}
 .modal.popAlert .modal-content p{padding:0;}
 .modal.popAlert .modal-dialog .close{padding:1.25rem 1.25rem;margin-top:-1.25rem;margin:-1.25rem -1.25rem -1.25rem auto;font-family: Roboto,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
 .modal.popAlert h2,
 .modal.popAlert .ext-h2{font-size:1.4375rem;margin-bottom:.625rem;line-height: 1.5385;margin-top:0;}
 .modal.popAlert .authNumberConfirmBtn,
 .modal.popAlert .authNumberSendBtn {min-width: 130px;display: inline;border: 1px solid #000;background: #000;color: #fff !important;font-weight: 700;text-decoration: none;padding: 8px 20px;-webkit-font-smoothing: antialiased;cursor: pointer;line-height: normal;min-width: 128px;min-height: 37px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 13px;font-size: 0.8125rem;display: inline-block;vertical-align: baseline;zoom: 1;*display: inline;*vertical-align: auto;-webkit-transition: all linear 0.1s;-moz-transition: all linear 0.1s;-ms-transition: all linear 0.1s;transition: all linear 0.1s;border: 1px solid #dc3545;background: #dc3545;color: #fff;display: none;}
 .modal.popAlert .text-danger{font-size:.8125rem;}
 .modal.popAlert .alert,
 .modal.popAlert .alert-success,
 .modal.popAlert .alert-warning,
 .modal.popAlert .alert-error{border:1px solid #828282;background:#e9e9e9;color:#3e3e3e;padding:.9375rem 1.25rem;border-radius: .1875rem;margin-bottom:1.25rem;font-size:.8125rem;line-height: 1.5385;}
 .modal.popAlert .btn-secondary{padding: .5625rem 1rem;font-size: .875rem;line-height: 1.4286;border-radius: .25rem;color: #fff;background: #777;display: inline-block;font-weight: 400;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
 @media all and (max-width:700px) {
	 .modal.popAlert .p-3{padding:0.35rem !important;}
	 .modal.popAlert .row{margin-left:-0.225rem;margin-right:-0.225rem;}
	 .modal.popAlert .form-control{padding:.4375rem .4375rem;}
	 .modal.popAlert .col-3,
	 .modal.popAlert .col-md-10,
	 .modal.popAlert .col-4{padding-right:0.225rem;padding-left: 0.225rem;}
	 .modal.popAlert .authNumberConfirmForm{margin-top:10px;}
	 .modal.popAlert .authNumberSendBtn{min-width: auto;font-size:12px;padding:8px 5px;}
 }
 
 /* faq */
 .faq-wrap {position:relative;}
 .faq-wrap .titleist-container-wide {max-width:1000px;}
 .faq-wrap .ext-h1 {margin:0 0 3.12rem; font-size:2.25rem;}
 @media screen and (max-width: 720px) {
	 .faq-wrap .ext-h1 {margin:0 0 1.25rem; font-size:1.25rem;}
 }
 .faq-wrap .tab-controls {display:flex; align-items:center; margin-bottom:0; padding:0;}
 .faq-wrap .tab-controls > li {position:relative; flex:1 1 auto; z-index:0; height:60px; margin:0 -1px 0 0; border:1px solid #000;}
 .faq-wrap .tab-controls > li:last-child {margin:0;}
 .faq-wrap .tab-controls > li a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:0; background:transparent; font-size:1.25rem; color:#000;}
 @media screen and (max-width: 720px) {
	 .faq-wrap .tab-controls {margin:0;}
	 .faq-wrap .tab-controls > li a {font-size:0.8125rem;}
 }
 .faq-wrap .tab-controls > li.active {z-index:1; border:1px solid #000; background:#000;}
 .faq-wrap .tab-controls > li.active:after {content:''; position:absolute; left:-1px; bottom:-1px; z-index:5; width:101%; height:2px; background-color:#e31837;}
 @media screen and (max-width: 720px) {
	 .faq-wrap .tab-controls > li.active:after {width:103%;}
 }
 .faq-wrap .tab-controls > li.active a {color:#fff;}
 .faq-wrap .tab-content {padding:3.125rem 0;}
 .faq-wrap .tab-content .knowledge .cont-sec + .cont-sec{margin-top:2.5rem;} 
 .faq-wrap .tab-content .knowledge .cont-sec .faq-h4 {font-size:1.25rem; font-weight:700; line-height:1.3;}
 .faq-wrap .tab-content .knowledge .faq-list {margin:0; padding:0;}
 .faq-wrap .tab-content .knowledge .faq-list > li {border-bottom:1px solid #cacaca;}
 .faq-wrap .tab-content .knowledge .faq-list div.q {padding:1.125rem 0; font-size:1rem; font-weight:700; color:#000; line-height:1.2; cursor:pointer;}
 .faq-wrap .tab-content .knowledge .faq-list div.a {padding:0 0 1.25rem; display:none;}
 .faq-wrap .tab-content .knowledge .faq-list div.a > p {margin:0 0 0.625rem;}
 .faq-wrap .tab-content .knowledge .faq-list div.a > ul {margin:0; padding:0;}
 .faq-wrap .tab-content .knowledge .faq-list div.a .titleist-btn + p,
 .faq-wrap .tab-content .knowledge .faq-list div.a ul + p {margin:1.25rem 0 0.625rem;}
 .faq-wrap .tab-content .knowledge .faq-list div.a .titleist-btn.btnPdf {padding-right:35px; background:#e31837 url('../img/ico_btnPdf.png') no-repeat right 15px center;}
 @media screen and (max-width: 720px) {
	 .faq-wrap .tab-content {padding:1.625rem 0;}
 }
 .faq-wrap .tab-pane {position:absolute; top:-999em; left:-999em;}
 .faq-wrap .tab-pane.active {position: static;}

 /* mobile qr gate */
 .qr-gate-wrap *{
	-ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
 }
.qr-gate-wrap p,
.qr-gate-wrap ul,
.qr-gate-wrap ol,
.qr-gate-wrap li{padding: 0;margin:0;box-sizing: border-box;}
.qr-gate-wrap button{margin-bottom: 0;}

.qr-gate-wrap{max-width:660px;width:100%;margin: 0 auto 3.571em;}
.qr-gate-wrap .gate_tit{padding:10px 0;font-family: "noto", sans-serif;font-size: 15px;font-weight: bold;line-height: 1;}
.qr-gate-wrap .gate-list{margin:15px 15px 0;text-align: center;}
.qr-gate-wrap .gate-list:after{content:'';display: block;clear:both;}
.qr-gate-wrap .gate-list li{margin-bottom: 35px;position: relative;float: left;width: 50%;box-sizing: border-box;}
.qr-gate-wrap .gate-list li:nth-child(odd){width: calc(50% - 5px);padding-right: 5px;}
.qr-gate-wrap .gate-list li:nth-child(even){width: calc(50% - 5px);margin-left: 5px;}
.qr-gate-wrap .btn-link{overflow:hidden;display:block;padding:9px 25px;margin:0 auto;width:auto;max-width:120px;border:none;background-color:#e31837;font-family:"noto",sans-serif;font-size:12px;font-weight:500;line-height:1;text-decoration:none;text-align:center;border-radius:2rem;color:#fff;appearance:none;-moz-appearance:none;-webkit-appearance:none}
.qr-gate-wrap .sns_wrap{overflow:hidden;width:135px;margin:0 auto;text-align:center;}
.qr-gate-wrap .sns_wrap ul{}
.qr-gate-wrap .sns_wrap ul:after{content:'';display: block;clear:both;}
.qr-gate-wrap .sns_wrap li {float: left;width: 24px;}
.qr-gate-wrap .sns_wrap li+li{margin-left: 13px;}
.qr-gate-wrap .sns_wrap li a{border-bottom: none;}

/* 라디오버튼 black 버전 */
input:focus + .checkbox-styled__icon.blk, 
input:focus + input[type="hidden"] + .checkbox-styled__icon.blk {border-color: #000;line-height: 1.5;}
input:checked + .checkbox-styled__icon.blk, 
input:checked + input[type="hidden"] + .checkbox-styled__icon.blk {background: #fff; border-color: #787878;}
.checkbox-styled__icon.blk{width:18px;height:18px;background-color:#fff;border-color: #787878;}
.checkbox-styled.radio-styled input:checked + .checkbox-styled__icon.blk .radio__icon{background-color:#000;border-radius:100%;top:calc(50% - 5px);left:calc(50% - 5px);margin:0;}

/* 카카오싱크 로그인 */
.tt_login{position: relative;}
.btn-kakao-wrap{margin:20px 0;width:353px;}

.kakao_box{padding:50px 40px;width:440px;position:absolute;top:72px;right:0;border:1px solid #000; box-sizing:border-box;z-index: 1;}
.kakao_box p{font-size:16px;line-height:26px;letter-spacing:-.01em;}

.btn-kakao{position: relative;display: block;margin: 0 auto;padding:15px;max-width:400px;width:100%;background-color: #fee500;color:#191919;font-size: 15px;text-align: center;font-weight: bold;border-radius: 10px;border-bottom: 0;line-height: 1;box-sizing: border-box;}
.btn-kakao i{width:18px;height:17px;position:absolute;top:14px;left:15px;background:url('../img/icon-kakao.png') no-repeat center/18px 17px;}

@media screen and (max-width: 900px) {
	.tt_login{padding: 0 10px;}
	.kakao_box{padding:25px 20px;width:300px;}
	.kakao_box p{font-size: 14px;}
}
@media screen and (max-width: 800px) {
	.btn-kakao-wrap{width: 100%;}
	.kakao_box{position: relative;top:auto;right:auto;padding:35px 25px;margin:78px 0 0;width:100%;}
}

/* 카카오싱크 연동하기 */
.kakao-sync-wrap{margin:35px 0 150px;min-height: 340px;}
.kakao-sync-wrap p {font-size: 16px;line-height: 26px;}
.kakao-sync-wrap .btn-tertiary,
.kakao-sync-wrap .titleist-btn{width: 353px;}
.kakao-sync-wrap .under_line{border-bottom:1px solid #000;padding-bottom: 15px;margin-bottom: 40px;}

.kakao-sync-select{padding-bottom:60px;margin-bottom: 40px;border-bottom: 1px solid #000;}
.kakao-sync-select ul{margin:34px 0 14px;padding:50px 70px;display: flex;align-items: center;flex-wrap: wrap;background-color: #f6f6f6;}
.kakao-sync-select li{width:50%;margin-top:8px;}
.kakao-sync-select .list-form label{word-break: break-all;line-height: 1.5;}

.kakao-sync-login p{font-size: 16px;letter-spacing: -0.01em;}

.kakao_login_wrap{width:353px;}
.kakao_login_wrap .reset-pass{text-align: right;}
.kakao_login_wrap .reset-pass .btnText{border-bottom: 0;line-height: 1;}
.kakao_login_wrap .btn-kakao{margin-top: 35px;}

.kakao_login_box .login_wrapper + .login_wrapper{margin-top: 20px;}
.kakao_login_box input{margin-bottom: 0;}
.kakao_login_box label{font-size: 14px;color:#666;}

.welcome-txt{margin: 60px 0 12px;}

@media screen and (max-width: 800px) {
	.kakao-sync-wrap{margin:20px 0 80px;min-height: auto;}
	.kakao-sync-wrap p{font-size: 12px;line-height: 19px;letter-spacing: -0.06em;}
	.kakao-sync-wrap .btn-tertiary,
	.kakao-sync-wrap .titleist-btn{width: 100%;font-size: 12px;}
	.kakao-sync-wrap .under_line{border-bottom:0;padding-bottom: 0;margin-bottom: 20px;}

	.kakao-sync-select{padding-bottom:40px;margin-bottom: 36px;}
	.kakao-sync-select ul{margin-top: 26px;padding:35px 25px;}
	.kakao-sync-select li{width: 100%;}
	.kakao-sync-select li+li{margin-top: 9px;}
	.kakao-sync-select .list-form label{font-size: 12px;}

	.kakao_login_wrap{width:100%;}
	.kakao_login_wrap .reset-pass .btnText{font-size: 12px;border-bottom: 1px solid #e31837;}
	.kakao_login_wrap .btn-kakao{margin-top: 15px;}

	.kakao_login_box .login_wrapper + .login_wrapper{margin-top: 20px;}
	.kakao_login_box label{font-size: 12px;}
}

/* 로딩바 */
.loading-wrapper{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index: 1000;}
.loading-circle{width:30px;height:30px;position:absolute;top:40%;left:calc(50% - 15px);border:4px solid #ddd;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-top:5px solid #666;border-radius:50%;z-index: 1000;}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@media screen and (max-width: 1200px) {
	.titleist-container-inner{padding:0 45px}
}
@media screen and (max-width: 1023px) {
	.titleist-container-inner{padding:0 22px}
}
@media screen and (max-width: 799px) {
	.titleist-container-inner{margin:0;padding: 0 25px;}
}

/* tpt list */
.tt-visual {position:relative;font-family:'noto';box-sizing:border-box;}
.tt-visual .tt-visual-inner{position:relative;}
.tt-visual .tt-visual-inner img{display:block;margin:0 auto;text-align:center;}
.tt-visual .text-area{position:absolute;top:50%;left:0;right:0;transform: translateY(-50%);text-align: center;}
.tt-visual .text-area h1{margin-bottom: 0;color:#fff;font-family: 'NovaR';font-size: 75px;font-weight: 600;text-transform: uppercase;}
.tt-visual .text-area p{margin: 7px 0 0;font-size: 16px;line-height: 28px;color:#fff;}

.location-tabs{background-color: #f6f6f6;}
.location-tabs ul{padding: 0;margin:0;}
.location-tabs li{min-width: 110px;width: calc(100%/11);padding:27px 10px 26px;color:#000;font-size: 16px;line-height: 1;text-align: center;box-sizing: border-box;}
.location-tabs li a{color:#000;border-bottom: 0;}
.location-tabs li.active{background-color: #e31837;}
.location-tabs li.active a{color:#fff;font-family:'noto';}
.location-tabs li.active a .num{font-family: 'NovaR';}

.location-tabs .swiper-button-next{position:absolute;top:0;right:0;width:70px;height:70px;background:url('../img/tab_more.png') no-repeat;z-index:2;border-bottom: 0;margin-top:0;}
.location-tabs .swiper-button-prev{position:absolute;top:0;left:0;width:70px;height:70px;background:url('../img/tab_more.png') no-repeat; transform: rotate(180deg);z-index:2;margin-top:0;}
.location-tabs .swiper-button-prev.swiper-button-disabled, 
.location-tabs .swiper-button-next.swiper-button-disabled {opacity:0;}


.tpt-teacher{font-family:'noto';}
.tpt-teacher .search-area{padding: 30px 0 20px;display: flex;justify-content:right;text-align: right;
float: right;}
.tpt-teacher .search-area select{margin-bottom: 0;padding-left: 20px;width: 160px;border-radius: 30px 0 0 30px;border-color: #e1e1e1;font-size: 14px;background-color: #fff;}
.tpt-teacher .search-area input{margin-bottom: 0;padding-left: 20px;width: 300px;box-shadow: initial;border-radius: 0 30px 30px 0;border-left: 0;border-color: #e1e1e1;}
.tpt-teacher .search-area .input-search{position: relative;}
.tpt-teacher .search-area .btn-sch{width:30px;position:absolute;top:0;right:0;height:46px;padding-right:20px;border-bottom:0}
.tpt-teacher .search-area .btn-sch .icon-search{color:#000;line-height:47px;font-weight: bold;font-size: 15px;}

.tpt-teacher .teacher-wrap:before{content:'';display: block;clear:both;}
.tpt-teacher .teacher-list a{color: #000;border-bottom: 0;}
.tpt-teacher .teacher-list .thum{position:relative;display:block;width:100%;height:0;overflow:hidden;padding-bottom:100%;border-radius:100%;}
.tpt-teacher .teacher-list .thum>img{position:absolute;object-fit:cover;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto}

.tpt-teacher .teacher-list h2{margin: 0;padding: 22px 0 14px;font-size: 18px;line-height: 1;border-bottom: 1px solid #cdcdcd;}
.tpt-teacher .teacher-list ul{overflow: hidden;margin:0 -25px 0 0;padding:30px 0 70px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.tpt-teacher .teacher-list ul li:last-child{margin-right:auto}
.tpt-teacher .teacher-list ul li{position:relative;width: 20%;padding: 0 25px 30px 0;box-sizing: border-box;text-align: center;}
.tpt-teacher .teacher-list ul li .txt{padding-top: 14px;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}
.tpt-teacher .teacher-list ul li .area{padding:4px 14px;font-size: 14px;border: 1px solid #e31837;color:#e31837;font-weight: 500;line-height: 1;border-radius: 20px;box-sizing: border-box;}
.tpt-teacher .teacher-list ul li .name{padding-left: 7px;line-height: 1.3;text-align: left;}

@media screen and (max-width: 799px) {
	.location-tabs .swiper-button-next,
	.location-tabs .swiper-button-prev{width: 52px;height:52px;background-size: 52px;}

	.tt-visual .text-area h1{font-size: 30px;line-height: 35px;}
	.tt-visual .text-area p{margin:3px 0 0;font-size: 12px;line-height: 19px;}

	.location-tabs li{font-size: 15px;min-width: 100px;padding:18px 5px}
	
	.tpt-teacher .search-area{padding: 40px 0;float: none;width: 100%;flex-wrap: wrap;}
	.tpt-teacher .search-area select{width: 30%;padding-left: 7px;}
	.tpt-teacher .search-area .input-search{width: 70%;}
	.tpt-teacher .search-area .input-search input {width: 100%;padding-left: 15px;}

	.tpt-teacher .teacher-list h2{padding-top: 0;font-size: 17px;}
	.tpt-teacher .teacher-list ul{margin-right: -15px;padding:15px 0 55px;}
	.tpt-teacher .teacher-list ul li{width: 50%;padding: 0 15px 25px 0;}
	.tpt-teacher .teacher-list ul li .area{font-size: 12px;}
	.tpt-teacher .teacher-list ul li .name{font-size: 15px;}
}

/* tpt detail */
.tpt-teacher-view ul,
.tpt-teacher-view ol,
.tpt-teacher-view p{margin:0;padding: 0;}
.tpt-teacher-view a{color:#646464;border-bottom: 0;}
.tpt-teacher-view *{font-family: 'NovaR', 'noto', 'serif';}
.tpt-teacher-view .pc-ver{display: block;}
.tpt-teacher-view .mo-ver{display: none;}
.tpt-teacher-view .pc-ver{width: 100%;object-fit: contain;/* min-height: 800px; */}
.tpt-teacher-view .mo-ver{width: 100%;object-fit: cover;}

.tpt-teacher-view .desktop-ver{display: block;}
.tpt-teacher-view .mobile-ver{display: none;}
.tpt-teacher-view .view-swiper{z-index: 0;}
.tpt-teacher-view .mCSB_outside + .mCSB_scrollTools{margin:-20px 0 30px;}
.tpt-teacher-view .mCSB_scrollTools a + .mCSB_draggerContainer{margin:-20px 0 30px;}

.tpt-visual-detail .tpt-visual-area{position: relative;background-color: #e8e8e8;width: 100%;/* min-height: 800px; */}
.tpt-visual-detail .tpt-visual-area > img{min-height:800px;object-fit:cover;}
.tpt-visual-detail .tpt-info-wrap{margin: 50px 0 0;height: calc(100% - 50px);position: absolute;top:0;right: 54px;padding:0 30px 15px;max-width: 400px;min-width:300px;box-sizing: border-box;background-color: rgba(255,255,255,0.8);}

.tpt-visual-detail .tpt-info .tpt-flex{display: flex;align-items: flex-start;}
.tpt-visual-detail .tpt-info{padding:40px 10px;border-top: 1px solid rgba(0,0,0,0.2);}
.tpt-visual-detail .tpt-info:first-child{border-top: 0;}
.tpt-visual-detail .tpt-info p{margin-bottom: 0;font-size: 16px;line-height: 20px;font-weight: 350;color:#646464;}
.tpt-visual-detail .tpt-info .link{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;max-width:100%;margin:0 auto;flex-wrap:wrap;}
.tpt-visual-detail .tpt-info .link li{margin:5px 3px 0 0; font-size: 16px;line-height: 20px;text-decoration: underline;}
.tpt-visual-detail .tpt-info .link li a{font-weight: 350;}
.tpt-visual-detail .tpt-info .link li i{display:block;width:50px;height:50px; background-image:url('../img/icon_link.png');background-repeat:no-repeat;background-size:400% 200%;font-size:0;border-radius:100%;}
.tpt-visual-detail .tpt-info .link li i.insta{background-position:0 0;}
.tpt-visual-detail .tpt-info .link li i.facebook{background-position:33.66% 0;}
.tpt-visual-detail .tpt-info .link li i.youtube{background-position:66.66% 0;}
.tpt-visual-detail .tpt-info .link li i.homepage{background-position:100% 0;}
.tpt-visual-detail .tpt-name{font-size: 36px;line-height: 42px;font-weight: 800;color:#000;}
.tpt-visual-detail .tpt-name-eng{font-family: 'NovaR';color:#646464;font-style: normal;}
.tpt-visual-detail .tpt-title{margin-bottom: 0;padding-bottom: 14px;font-size: 24px;line-height: 30px;color:#000;font-weight: bold;}
.tpt-visual-detail .btn-map{margin-top: 3px;margin-left: 10px;font-size: 14px;line-height: 1;color:#969696;border: 1px solid #969696;padding: 4px 11px;box-sizing: border-box;border-radius: 12px;min-width: 76px;}
.tpt-visual-detail .tpt-history li{position: relative;padding-bottom: 10px;font-size: 16px;line-height: 24px;font-weight: 350;color:#646464;}
.tpt-visual-detail .tpt-history li span{position:absolute;top:0;left:0;}

.tpt-visual-detail .tpt-info-wrap.bg-t{background-color: transparent;}
.tpt-visual-detail .tpt-info-wrap.bg-t .tpt-name,
.tpt-visual-detail .tpt-info-wrap.bg-t .tpt-title{color:#fff;}
.tpt-visual-detail .tpt-info-wrap.bg-t .tpt-info .link li a,
.tpt-visual-detail .tpt-info-wrap.bg-t .tpt-info p,
.tpt-visual-detail .tpt-info-wrap.bg-t .tpt-name-eng,
.tpt-visual-detail .tpt-info-wrap.bg-t .tpt-history li{color:rgba(255,255,255,0.6)}
.tpt-visual-detail .tpt-info-wrap.bg-t .tpt-info{border-color:rgba(255,255,255,0.2)}
.tpt-visual-detail .tpt-info-wrap.bg-t .link li i{background-color:transparent;}
.tpt-visual-detail .tpt-info-wrap.bg-t .link li i.insta{background-position:0 100%;}
.tpt-visual-detail .tpt-info-wrap.bg-t .link li i.facebook{background-position:33.66% 100%;}
.tpt-visual-detail .tpt-info-wrap.bg-t .link li i.youtube{background-position:66.66% 100%;}
.tpt-visual-detail .tpt-info-wrap.bg-t .link li i.homepage{background-position:100% 100%;}

.tpt-detail{background-color: #f6f6f6;margin-bottom: 50px;}
.tpt-detail .titleist-container-inner .tpt-h3:first-child{padding-top:140px;}
.tpt-detail .tpt-h3{padding:70px 0 30px;text-align: center;}
.tpt-detail .tpt-h3 h3{margin: 0;font-size: 36px;line-height: 1;}
.tpt-detail .tpt-bag{padding: 10px 0 70px;position:relative;}
.tpt-detail .tpt-bag .swiper-container-horizontal > .swiper-pagination-bullets{position: relative;margin-top: 50px;}
.tpt-detail .tpt-bag .swiper-pagination-bullet{width: 14px;height: 14px;background-color: #b2b2b2;opacity: 1;}
.tpt-detail .tpt-bag .swiper-pagination-bullet-active{background-color: #e31837;}
.tpt-detail .tpt-bag .swiper-slide .thum{overflow:hidden;position:relative;height:320px;background-color:#fff;}
.tpt-detail .tpt-bag .swiper-slide .thum>img{position:absolute;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;top:0;right:0;bottom:0;left:0;}

.tpt-detail .tpt-bag.on .swiper-button-prev, 
.tpt-detail .tpt-bag.on .swiper-button-next,
.tpt-detail .tpt-bag.on .swiper-container-rtl .swiper-button-prev{display:block;background-color:#fff;top:calc(50% - 60px);width:40px;height:40px;z-index:1;border-radius: 100%;box-shadow:3px 3px 5px rgb(0,0,0,0.1);}
.tpt-detail .tpt-bag.on .swiper-button-next{background:#fff url('../img/btn_nav.png');background-size:40px;border-radius:100%;right:-20px;width:40px;height:40px;z-index:1;}
.tpt-detail .tpt-bag.on .swiper-button-prev{background:#fff url('../img/btn_nav.png'); transform: rotate(180deg);left: -20px;}

.tpt-detail .tpt-bag .swiper-button-prev, 
.tpt-detail .tpt-bag .swiper-button-next,
.tpt-detail .tpt-bag .swiper-button-prev.swiper-button-disabled, 
.tpt-detail .tpt-bag .swiper-button-next.swiper-button-disabled,
.tpt-detail .tpt-bag.on .swiper-button-prev.swiper-button-disabled, 
.tpt-detail .tpt-bag.on .swiper-button-next.swiper-button-disabled {display:none;box-shadow: none;background:none;}

.tpt-detail .tpt-sub .tpt-desc{padding:17px 0 2px;font-size: 16px;line-height: 22px;color:#000;}
.tpt-detail .tpt-sub .tpt-txt{font-size: 14px;line-height: 24px;color:#666;}

.tpt-detail .tpt-videos{padding-bottom: 70px;}
.tpt-detail .tpt-videos ul{overflow:hidden;margin:0 -25px 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.tpt-detail .tpt-videos li{width:calc(100%/3);padding:0 25px 30px 0;box-sizing:border-box;text-align:center}
.tpt-detail .tpt-videos li:last-child{margin-right: auto;}
.tpt-detail .tpt-videos .mov-area{position:relative;padding-bottom:56.25%;height:0;}
.tpt-detail .tpt-videos .mov-area img,
.tpt-detail .tpt-videos .mov-area iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.tpt-detail .tpt-videos .mov-area a:before{content:"";position:absolute;top:calc(50% - 24px);left:50%;background:url("../img/btn_youtube.png");transform:translate(-50%);width:48px;height:48px;background-size:48px;z-index:1}
.tpt-detail .tpt-videos .desc{padding:20px 0 0;font-size: 16px;line-height: 22px;color:#000;font-weight: bold;text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.tpt-detail .video-modal,
.tpt-detail .video-modal .overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000;}
.tpt-detail .video-modal{overflow:hidden;position:fixed;opacity:.0;-webkit-transform:translate(500%,0%);transform:translate(500%,0%);-webkit-transition:-webkit-transform 0s linear 0s;transition:transform 0s linear 0s;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.tpt-detail .video-modal .overlay{z-index:0;background:rgba(0,0,0,.8);opacity:.0;-webkit-transition:opacity .2s ease-out .05s;transition:opacity .2s ease-out .05s}
.tpt-detail .video-modal-content{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;margin:0 auto;overflow-y:visible;background:#000;width:calc(100% - 256px);height:0;padding-top:calc((100% - 256px) * .5625)}
.tpt-detail .close-video-modal{display:block;position:absolute;right:0;top:-80px;text-decoration:none;width:80px}
iframe#youtube-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;box-shadow:0 2px 16px rgba(0,0,0,.5)}

.show-video-modal .video-modal{opacity:1.0;transform:translate(0%,0%);-webkit-transform:translate(0%,0%)}
.show-video-modal .video-modal .overlay{opacity:1.0}
.show-video-modal .video-modal-content{transform:translate(0%,0%);-webkit-transform:translate(0%,0%)}

.tpt-detail .btn-wrap{display:block;text-align:center;margin-top:15px;}
.tpt-detail .more{background-color:#b2b2b2;color:#fff;font-size:16px;padding:12px 28px;border-radius:24px;line-height:1;min-width:120px;width:120px;font-weight:bold;display:inline-block;box-sizing: border-box;}
.tpt-detail .more .ico-arrow{position:relative;background:url('../img/tpt/icon_arrow.png') no-repeat;background-size:contain;display:inline-block;background-position:center;width:14px;height:8px;}

/* Gallery */
.tpt-detail .tpt-gallery{padding-bottom:110px;}
.tpt-detail .tpt-gallery ul{overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 -25px 0 0;}
.tpt-detail .tpt-gallery li{box-sizing:border-box;padding:0 25px 30px 0;width:calc(100%/3);text-align:center;}
.tpt-detail .tpt-gallery li:last-child{margin-right:auto;}
.tpt-detail .tpt-gallery .gallery-area .gallery-thumb{overflow:hidden;position:relative;display:block;padding-bottom:66.66%;height:0;background-color:#ebebeb;}
.tpt-detail .tpt-gallery .gallery-area .gallery-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;}

.gallery-modal{display:none;}
.gallery-modal .gallery-swiper{position:relative;padding-top:80px;}
.show-gallery-modal .gallery-modal{display:block;box-sizing:border-box;position:fixed;top:50%;right:0;bottom:0;left:0;margin:0 auto;width:100%;max-width:1200px;height:calc(100vh);max-height:880px;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1.0;z-index:10;}
.show-gallery-modal .gallery-modal-content{position:relative;margin:0 auto;width:100%;max-width:1200px;}
.show-gallery-modal .gallery-modal-content img{width:auto;}
.show-gallery-modal .close-gallery-modal{position:absolute;right:0;top:0;width:80px;}

.show-gallery-modal:before{content:'';position:fixed;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:10;}
.show-gallery-modal .thum-img{overflow:hidden;position:relative;display:block;padding-bottom:calc(1200 / 800 * 44.44%);height:0;background-color:#ebebeb;}
.show-gallery-modal .thum-img img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;}

.gallery-modal .swiper-button-prev, 
.gallery-modal .swiper-button-next,
.gallery-modal .swiper-container-rtl .swiper-button-prev{display:block;background-color:#fff;top:calc(50%);width:40px;height:40px;z-index:100;border-radius: 100%;box-shadow:3px 3px 5px rgb(0,0,0,0.1);margin: 0;}
.gallery-modal .swiper-button-next{background:#fff url('../img/btn_nav.png');background-size:40px;border-radius:100%;right:-60px;width:40px;height:40px;z-index:1;}
.gallery-modal .swiper-button-prev{background:#fff url('../img/btn_nav.png'); transform: rotate(180deg);left: -60px;}

@media screen and (max-width:1800px){
   .show-gallery-modal .gallery-modal-content{max-width:900px;}
}
@media screen and (max-width:1200px){
   .tpt-detail .tpt-bag .swiper-slide .thum{height:25vw;}
   .tpt-detail .gallery-modal{box-sizing:border-box;padding:80px;max-width:100%;}
   .show-gallery-modal .gallery-modal{padding:0;}
   .show-gallery-modal .gallery-modal-content{max-width:86.6667vw;position:absolute;top:calc(50% - 37vw);left:50%;transform:translate(-50%)}
   .gallery-modal .swiper-button-prev{left:-20px}
   .gallery-modal .swiper-button-next{right:-20px;}
}
@media screen and (max-width:799px){
   .tpt-detail .tpt-gallery{padding-bottom:35px;}
   .tpt-detail .tpt-gallery ul{margin:0;}
   .tpt-detail .tpt-gallery li{padding:0 0 35px;width:100%;text-align:left;}
   .gallery-modal .gallery-swiper{padding-top:40px;}
   .show-gallery-modal .gallery-modal{height:100%;max-height:100%;}
   .show-gallery-modal .close-gallery-modal{width:40px;}
}

@media screen and (max-width: 799px) {
	.tpt-teacher-view.pop-open .pop-close{display: block;}
	.tpt-teacher-view.pop-open .view-swiper .btn_profile{display: none;}

	.tpt-teacher-view .pop-close{display:none;position:absolute;right:0;top:0;width:40px;height:40px;background:url('../img/btn_pop_close.jpg') no-repeat;background-size:contain;font-size:0;line-height:0;text-indent:-9999999px;z-index:99}

	.tpt-teacher-view .pc-ver{display: none;}
	.tpt-teacher-view .mo-ver{display: block;}
	.tpt-teacher-view .pc-ver{width: 100%;object-fit: cover;}
	.tpt-teacher-view .mo-ver{width: 100%;object-fit: cover;min-height: 500px;}
	.tpt-teacher-view .desktop-ver{display: none;}
	.tpt-teacher-view .mobile-ver{display: block;}

	.tpt-teacher-view .view-swiper{position: relative;}
	.tpt-teacher-view .view-swiper .btn_profile{display: block;max-width: 150px;position: absolute;left:50%;bottom:25px;transform: translate(-50%);color:#fff;z-index: 1;border-radius: 20px;width: 100%;height: 30px;line-height: 30px;box-sizing: border-box;padding: 0;min-height: auto;}
	
	.tpt-visual-area .my-scroll{display: none;overflow-y:scroll;height:800px;position:absolute;top:0;left:0;width:100%}
	.tpt-visual-area .my-scroll.open{display: block;min-height: 450px;height: 100%;}
	.tpt-visual-detail .tpt-visual-area{overflow-y: scroll;min-height: 500px;}
	.tpt-visual-detail .tpt-info-wrap{position: relative;}

	.tpt-visual-detail .tpt-info-wrap{position: relative;margin: 55px auto 0;padding:0 25px;width: calc(100% - 50px);max-width: 100%;min-width:calc(100% - 50px); top: auto;right: auto;height: auto;}
	.tpt-visual-detail .tpt-info{padding:30px 0;}
	.tpt-visual-detail .tpt-info p{font-size: 12px;line-height: 27px;}
	.tpt-visual-detail .tpt-info .link{max-width:100%;}
	.tpt-visual-detail .tpt-info .link li{margin: 4px;font-size: 12px;line-height: 1;}	
	.tpt-visual-detail .tpt-info .link li i{width:35px;height:35px;}
	.tpt-visual-detail .tpt-name{font-size: 24px;line-height: 1;}
	.tpt-visual-detail .tpt-title{font-size: 15px;line-height: 1.3;}
	.tpt-visual-detail .btn-map{margin-top:-5px;margin-left: 4px;font-size: 12px;padding: 4px 8px;min-width: 64px;}
	.tpt-visual-detail .tpt-history li{font-size: 12px;line-height: 18px;}

	.tpt-detail{margin-bottom: 0;background-color: #f6f6f6;}
	.tpt-detail .titleist-container-inner .tpt-h3:first-child{padding-top:60px;}
	.tpt-detail .tpt-h3{padding:60px 0 25px;}
	.tpt-detail .tpt-h3 h3{margin: 0;font-size: 24px;line-height:1.4;}
	.tpt-detail .tpt-bag{padding: 10px 0 25px;}
	.tpt-detail .tpt-bag .swiper-container-horizontal > .swiper-pagination-bullets{margin-top: 30px;}
	.tpt-detail .tpt-bag .swiper-pagination-bullet{width: 10px;height: 10px;}
	.tpt-detail .tpt-bag .swiper-slide .thum{height: 59.7vw;}
	.tpt-detail .tpt-sub .tpt-desc{padding:12px 0 7px;font-size: 14px;line-height: 19px;}
	.tpt-detail .tpt-sub .tpt-txt{font-size: 12px;line-height: 1;}

	.tpt-detail .tpt-videos{padding-bottom: 35px;}
	.tpt-detail .tpt-videos ul{margin:0;}
	.tpt-detail .tpt-videos li{width:100%;padding:0 0 30px;text-align: left;}
	.tpt-detail .tpt-videos .mov-area{position:relative;padding-bottom:56.25%;height:0;}
	.tpt-detail .tpt-videos .mov-area iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
	.tpt-detail .tpt-videos .desc{padding:15px 0 0;font-size: 12px;line-height: 1;}
	.tpt-detail .video-modal-content{width:calc(100% - 30px);padding-top:calc((100% - 30px) * .5625)}
	.tpt-detail .close-video-modal{top:-40px;width:40px}

	.tpt-detail .tpt-bag.on .swiper-button-prev, 
	.tpt-detail .tpt-bag.on .swiper-button-next{background-color:#fff;top:calc(50% - 38px);}
	.tpt-detail .btn-wrap{margin-top:0;}
	.tpt-detail .more{font-size:12px;min-width:100px;width:100px;padding:11px 9px;}
	.tpt-detail .more .ico-arrow{width:10px;height:7px;margin-left:2px;background-size:10px 7px;}
}

@media (min-aspect-ratio: 16/9) {
	.tpt-detail .video-modal-content{width:0;height:calc(100vh - 256px);padding-top:0;padding-left:calc((100vh - 256px) * 1.7778)}	
}

/* 타이틀리스트 클럽 피팅 만족도 서베이 */
.new-fitting-survey *{box-sizing:border-box;font-family:'NovaR','noto',sans-serif;}
.new-fitting-survey ul,.new-fitting-survey ol,
.new-fitting-survey li,.new-fitting-survey textarea,
.new-fitting-survey p{box-shadow:none;margin:0;padding:0;}
.new-fitting-survey h3{margin:0;padding:0 0 24px;font-size:18px;line-height:30px;letter-spacing:.27px;}
.new-fitting-survey .mo-only{display:none!important;}
.new-fitting-survey .pc-only{display:block!important;}
.new-fitting-survey .inner-wrap{margin:0 auto;max-width:1200px;}
.new-fitting-survey .survey-wrap{border-top:2px solid #000;border-bottom:2px solid #000;}
.new-fitting-survey .survey-area{padding:34px 30px 40px;}
.new-fitting-survey .survey-area + .survey-area{border-top:1px solid #d6d6d6;}
.new-fitting-survey .text-area{margin:65px 0;}
.new-fitting-survey .text-area p{margin-bottom:30px;color:#4c4c4c;font-size:20px;line-height:30px;}
.new-fitting-survey .textarea-set textarea{padding:10px;width:670px;min-height:160px;line-height:1.6;resize:none;}
.new-fitting-survey .input-radio{display:flex;margin:0;padding:0;}
.new-fitting-survey .input-radio li{line-height:1;}
.new-fitting-survey .input-radio li + li{margin-left:20px;}
.new-fitting-survey .form-rdo{position:relative;display:inline-block;margin-bottom:0;padding-left:20px;height:20px;}
.new-fitting-survey .form-rdo input{position:relative;top:0;left:0;width:0;height:0;font-size:0;line-height:0;border:none;opacity:0;}
.new-fitting-survey .form-rdo .icon,.new-fitting-survey .form-rdo .txt{display:inline-block;cursor:pointer;}
.new-fitting-survey .form-rdo .icon{box-sizing:border-box;position:absolute;top:0;left:0;width:20px;height:20px;border:2px solid #d6d6d6;border-radius:50px;background-color:#fff;}
.new-fitting-survey .form-rdo .txt{padding:0 10px 0 8px;color:#4c4c4c;font-size:18px;line-height:20px;}
.new-fitting-survey .form-rdo input:checked ~ .icon{border:2px solid #e31837;background-color:#e31837;}
.new-fitting-survey .form-rdo input:checked ~ .icon:after{content:'';position:absolute;width:10px;height:10px;border:3px solid #fff;border-radius:100%;background-color:#e31837;}
.new-fitting-survey .btn-wrp{margin:70px 0 100px;text-align:center;}
.new-fitting-survey .btn-wrp .titleist-btn{padding:10px 0;min-width:140px;font-size:18px;font-weight:500;line-height:1;letter-spacing:.27px;}

.new-fitting-survey .text-box{margin:70px 0 115px;text-align:center;}
.new-fitting-survey .text-box h4{padding:30px 0 2px;margin:0 0 55px;position:relative;display:inline-block;font-size:24px;line-height:30px;color:#000;letter-spacing:0.36px;font-weight:bold;text-align:center;}
.new-fitting-survey .text-box .mark{position:relative;display:block;width:60px;height:60px;text-align:center;margin:0 auto;}
.new-fitting-survey .text-box .mark:before{content:'';width:60px;height:60px;background:url(../img/fitting_survey/icon_mark.png) no-repeat;background-size:contain;background-position:center;position:absolute;top:0;left:50%;transform:translate(-50%);}
.new-fitting-survey .text-box h4:after{content: '';bottom:0;position:absolute;width:100%;height:1px;background-color:#000;left: 50%;transform: translate(-50%);}
.new-fitting-survey .text-box p{font-size:20px;line-height:30px;letter-spacing:0.36px;}
.new-fitting-survey .text-box p+p {padding-top:30px;}


@media screen and (max-width:1200px){
	.new-fitting-survey .inner-wrap{padding:0 20px;max-width:100%;}
	.new-fitting-survey .survey-area{padding:22px 15px 25px;}
	.new-fitting-survey .form-rdo .txt{padding:0 8px 0 6px;font-size:15px;line-height:17px;}
}

@media (max-width:768px){
	.new-fitting-survey .mo-only{display:block!important;}
	.new-fitting-survey .pc-only{display:none!important;}
	.new-fitting-survey .inner-wrap{padding:0 25px;}
	.new-fitting-survey h3{margin:0;padding:0 0 18px;font-size:12px;line-height:17px;letter-spacing:0;}
	.new-fitting-survey .text-area{margin:35px 0;}
	.new-fitting-survey .text-area p{margin-bottom:20px;font-size:12px;line-height:17px;}
	.new-fitting-survey .textarea-set textarea{min-height:140px;font-size:12px;line-height:1.4;}
	.new-fitting-survey .input-radio{display:flex;flex-wrap:wrap;margin-bottom:-25px;}
	.new-fitting-survey .input-radio li{margin-bottom:25px;min-width:70px;}
	.new-fitting-survey .input-radio li + li{margin-left:0;}
	.new-fitting-survey .input-radio.col li{flex:1 1 20%;min-width:initial;}
	.new-fitting-survey .form-rdo{padding-left:18px;width:initial;height:18px;}
	.new-fitting-survey .form-rdo input:checked ~ .icon:after{width:8px;height:8px;}
	.new-fitting-survey .form-rdo .icon{width:18px;height:18px;}
	.new-fitting-survey .form-rdo .txt{padding:0 6px 0 2px;font-size:12px;line-height:15px;}
	.new-fitting-survey .btn-wrp .titleist-btn{font-size:12px;letter-spacing:-.6px;}

	.new-fitting-survey .text-box{margin:40px 0 60px;}
	.new-fitting-survey .text-box h4{padding:13px 0 2px;margin:0 0 30px;font-size:14px;line-height:17px;letter-spacing:0;}
	.new-fitting-survey .text-box .mark{width:30px;height:30px;;}
	.new-fitting-survey .text-box .mark:before{content:'';width:30px;height:30px;}	
	.new-fitting-survey .text-box p{font-size:12px;line-height:17px;letter-spacing:0;}
	.new-fitting-survey .text-box p+p {padding-top:18px;}
}

/* 검색영역 */
nav.tt-search-box{position:relative;display:none}
nav.tt-search-box.active{display:block;background-color:#fff;}

nav.tt-search-box button{display:inline-block;margin:0;padding:0;color:#666;text-align:center;border:none;background:none}
nav.tt-search-box button:active{transform:initial}

nav.tt-search-box .flex-wrapper{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1160px}
nav.tt-search-box .flex-wrapper .search-bar{flex-basis:100%;width:100%}

nav.tt-search-box .search-bar .search-form{position:relative;padding:12px;width:100%}
nav.tt-search-box .search-bar .search-form .search-button{position:absolute;right:5px;bottom:calc(50% - 16px);width:32px;height:32px;}
nav.tt-search-box .search-bar .search-form .search-button button{width:32px;height:32px;}
nav.tt-search-box .search-bar .search-form .search-button .icon-search{opacity:1;width:32px;height:32px;background-size:20px auto;}

@media (max-width:799px){
	nav.tt-search-box .search-bar{padding:0 3%;display:flex;align-items:center}
    nav.tt-search-box .search-bar .search-form{flex-grow:1;padding-left:0}
	nav.tt-search-box .search-bar .search-form .search-button .icon-search{background-size:18px auto}
}

@media (min-width:800px){
    nav.tt-search-box .search-bar{padding-left:20%}
	nav.tt-search-box .search-bar .search-form{max-width:580px}
}

nav.tt-search-box .search-bar .search-form .input-button-wrap{position:relative}
nav.tt-search-box .search-bar .search-form .input-button-wrap input{display:block;box-shadow:none;margin:7px 0;outline:none;padding:7px 35px 7px 14px;width:100%;height:auto;font-size:14px;line-height:1.15;border:1px solid #dfdfdf;border-radius:28px;background-color:#f2f2f2}
nav.tt-search-box .search-bar .search-form .input-button-wrap input::placeholder{font-style:normal}
nav.tt-search-box .search-bar .search-form .input-button-wrap input::-webkit-input-placeholder{font-style:normal}
nav.tt-search-box .search-bar .search-form .input-button-wrap input:-ms-input-placeholder{font-style:normal}

nav.tt-search-box .search-bar .close-button{position:absolute;top:50%;cursor:pointer;transform:translateY(-50%)}
nav.tt-search-box .search-bar .close-button .icon-close{position:relative;display:block;width:24px;height:24px;line-height:1.7;background-color:#000;text-align:center;background-size:24px;opacity:1;
	-webkit-mask-size:100% auto;
	mask-size:100% auto;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center;
	mask-position:center;
	-webkit-mask-image:url('../img/footer/close-48dp.svg');
	mask-image:url('../img/footer/close-48dp.svg')
}
nav.tt-search-box .search-bar .close-button .icon-close:before{display:none}
nav.tt-search-box .search-bar .close-button:hover{background-color:transparent}
nav.tt-search-box .search-bar .close-button:hover .icon-close{background-color:#e31837}


@media (min-width:900px){
    nav.tt-search-box .search-bar .close-button{right:40px}
}
@media (max-width:899px) and (min-width:800px){
    nav.tt-search-box .search-bar .close-button{right:12px}
}
@media (max-width:800px){
	nav.tt-search-box .search-bar .close-button{position:relative;top:initial;width:30px;height:30px;transform:initial}
    nav.tt-search-box .search-bar .close-button .icon-close{width:18px;height:18px;background-size:18px auto}
}