@import url('font.css');
@import url('slick.css');
@import url('animate.css');

html { font-size:16px; }

/* redefine element */
* {margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none; -webkit-font-smoothing: antialiased; }
a, a:hover, a:active, a:focus {color:inherit; text-decoration:none;}
a:hover.link {text-decoration:underline;}
li {list-style:none;}
dl, ol, ul {margin:0;}
p {margin:0;}

body, button, input, optgroup, select, textarea, label {font-size:16px; letter-spacing:-0.5px; font-weight:400; color:#212529; line-height:1.4; font-family:"spoqa", "Noto Sans KR", "Roboto", "sans-serif";}

img	{max-width:100%; max-height:100%;}

.this-text-primary {color:#212529;}
.this-text-secondary {color:#6c757d;}
.this-text-sm {font-size:14px;}
.this-text-sm-secondary {color:#6c757d; font-size:14px;}

.this-border-box {border:1px solid #dae1e6;}
.this-border-bottom {border-bottom:1px solid #dae1e6;}
.this-border-top {border-top:1px solid #dae1e6;}

.icon-inline > * {vertical-align:middle;}

/* pagination */
.pagination-wrap {text-align:center; padding:16px 0 32px 0px;}
.pagination {display:inline-block;}
.pagination a {color:#6c757d; float:left; padding:6px 12px; text-decoration:none; border:1px solid #dae1e6; border-right:0px;}
.pagination a.active {background-color:#444; color:white; border:1px solid #444;}
.pagination a:hover:not(.active) {background-color: #dae1e6;}
.pagination a:first-child {border-top-left-radius:5px; border-bottom-left-radius:5px;}
.pagination a:last-child {border-top-right-radius:5px; border-bottom-right-radius:5px; border-right:1px solid #dae1e6;}

/*******************************************************************************************************************************************************/
/* common style */
.nick-img-wrap > img {width:54px; height:54px; object-fit:cover; border-radius:50%; border:1px solid #dae1e6;}
.nick-img-wrap.profile > img {width:96px; height:96px;}

table.list {width:100%;}
table.list th						{ text-align:center; border-bottom:1px solid #dae1e6; height:48px; font-size:16px; font-weight:400; }
table.list td						{ text-align:center; border-bottom:1px solid #dae1e6; height:56px; }
table.list th.left					{ text-align:left; }
table.list td.left					{ text-align:left; }
table.list th.right					{ text-align:right; }
table.list td.right					{ text-align:right; }
table.list tr:nth-child(even)		{ background:#f7f9fa; }

.cont_box {border-radius:12px; background:#f8f8f8; margin-top:36px !important;}


/*******************************************************************************************************************************************************/
/*
:root {
	--whole-width: 1140px;
	--lnb-width: 150px;
	--header-top-height: 30px;
	--header-main-height: 118px;
	--footer-height: 140px;
	--container-min-height:calc(100vh - var(--header-top-height) - var(--header-main-height) - var(--footer-height) - 2px);
}
*/

* {box-sizing:border-box;}

#wrap {min-width:1280px; overflow:hidden;}
.wrapper {width:1600px; margin:0 auto;}

/* header area */
#header > div {position:relative;}
#header #header_top {display:flex; justify-content:flex-end; align-items:center;}
#header #header_top li a {position:relative; display:block; padding:0 12px; font-size:12px; color:#999; line-height:15px;}
#header #header_top li + li a:before {content:''; position:absolute; z-index:1; left:-1px; margin-left:1px; top:4px; width:1px; height:10px; background:#dedede;}
#header #header_top li:first-of-type a {color:#99D123}

#header #header_main > div {position:relative; display:flex; height:110px; align-items:center; justify-content:space-between;}
#header #header_main h1 {width:141px; height:54px;}
#header #header_main h1 a {display:block;}
#header #nav #gnb {display:flex;}
#header #nav #gnb > li {position:relative; font-size:18px; font-weight:600; margin-top:8px;}
#header #nav #gnb > li > a {display:block; padding:46px 32px;}
#header #nav #gnb > li > a.new span {position:relative;}
#header #nav #gnb > li > a.new span:after {content:''; position:absolute; z-index:1; right:-20px; top:-5px; width:18px; 
height:18px; background:url('/images/ico_logo_new.svg') no-repeat 0 0;}
#header #nav #gnb > li .submenu {display:none; position:absolute; z-index:1; left:50%; top:100px; width:150px;
padding:8px 0; background:#fff; box-shadow:0px 0px 10px 0 rgba(0,0,0,0.1); transform:translateX(-50%);}
#header #nav #gnb > li .submenu li {font-size:15px; font-weight:400; text-align:center;}
#header #nav #gnb > li .submenu li a {display:block; padding:6px 0; transition:all .3s ease;}
#header #nav #gnb > li .submenu li a:hover {background:#f5f5f5;}
#header #nav #gnb > li:hover .submenu {display:block;}

#header #header_main #nav #gnb_full {position:absolute; z-index:99; left:0; top:0; width:100%;}
#header #header_main #nav #gnb_full > div {float:left; height:330px; background-color: rgba(240, 255, 240, 1.0);
border-top:1px solid #e4e8eb; border-bottom:1px solid #e4e8eb; border-left:1px solid #e4e8eb;}
#header #header_main #nav #gnb_full > div:last-child {border-right:1px solid #e4e8eb;}
#header #header_main #nav #gnb_full > div > div {font-size:15px; padding-top:8px; padding-left:16px;}
#header #header_main #nav #gnb_full > div > div:first-child	{font-weight: 500; padding-top:16px;}

/* footer area */
#footer {text-align:center; padding-bottom:48px; background-color: #fff; clear:both; border-top:1px solid #CCCCCC;}
#footer .btm_logo {margin:24px 0;}
#footer #footer_menu {display:flex; margin-bottom:8px; justify-content:center; line-height:2.4;}
#footer #footer_menu a {position:relative; display:block; padding:0 12px 0 13px; font-size:12px; font-weight:500; 
line-height:20px; color:#111111;}
#footer #footer_menu a + a:before {content:''; position:absolute; z-index:1; left:0; top:50%; width:1px;
height:10px; background:#DEDEDE; margin-top:-5px;}

#footer #footer_corp p {display:flex; justify-content:center;}
#footer #footer_corp p span {display:block; position:relative; padding:0 8px 0 9px; font-size:12px; color:#999; 
line-height:20px;}
#footer #footer_corp p span + span:before {content:''; position:absolute; z-index:1; left:0; top:50%; width:1px;
height:10px; background:#DEDEDE; margin-top:-5px;}

#footer .top_btn {position:fixed; z-index:9999; right:64px; bottom:48px; width:48px; height:48px; border-radius:50%;
background:#99D123 url(/images/ico_top_arrow.svg) no-repeat center; text-indent:-9999px; 
box-shadow:2px 2px 12px 0 rgba(0,0,0,0.15);}



/* container area */
#container.sub {display:flex; padding:60px 0 80px; justify-content:space-between; width:1600px; margin:0 auto;}

/* lnb area */
#container #lnb {width:260px; border-radius:5px; overflow:hidden;}
#container #lnb > div {line-height:48px; font-size:15px; color:#444; border-left:1px solid #ebebeb; 
border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; transition:all .3s ease;}
#container #lnb > div .material-icons-outlined {font-size:18px;}
#container #lnb > div:hover {background:#f8f8f8;}
#container #lnb > div span {padding-left:4px;}
#container #lnb > div a {display:block; padding:0 16px;}
#container #lnb > div:first-child {display:flex; height:120px; align-items:center; text-align:center; font-weight:500; font-size:16px; 
padding-left:0px; background:#67C53F; border:0;}
#container #lnb > div:first-child a {display:block; width:100%; color:#fff; padding:0; font-weight:600; font-size:24px}
#container #lnb > div:last-child {border-radius:0 0 8px 8px;}

/* lnb contents area */
#container #contents {width:calc(100% - 320px);}
#container #contents > div.content-info {display:flex; padding:44px 0 24px; justify-content:space-between;
margin-bottom:16px; border-bottom:1px solid #ebebeb;}
#container #contents > div.content-info	> .title {font-size:30px; letter-spacing:-1.5px; 
font-weight:600; line-height:50px;}
#container #contents > div.content-info	> .title i {display:none;}
#container #contents > div.content-info	> .hierachy {color:#6c757d; margin-top:24px; font-size:14px;}
#container #contents > div.content {width:100%;}

/* lng content area */
.content > .top-title {margin-bottom:16px; display:flex; align-items:center;}
.content > .panel {margin-bottom:48px; padding:32px;}
.content > .panel.shadow {box-shadow:5px 5px 30px 0 rgba(0,0,0,0.1) !important;}
.content > .panel-full {margin-bottom:48px;}
.content > .panel-flex {margin-bottom:64px; display:flex; padding:32px;}
.content > .sub-title {font-size:20px; margin-bottom:20px; font-weight:600;}

.content .board_cate {display:flex; margin-top:24px; margin-left:-17px;}
.content .board_cate a {padding:0 16px 0 17px; position:relative;}
.content .board_cate a + a:before {content:''; position:absolute; z-index:1; left:0; top:4px; width:1px; height:14px;
background:#ddd;}
.content .search_wrap {display:flex; flex-grow:1; margin-top:32px; justify-content:flex-end;}

.content .board_write {padding:0; border-top:1px solid #000; margin-top:-16px;}
.content .board_write .form-group {padding:24px; border-bottom:1px solid #ebebeb; margin-bottom:0;}
.content .board_write .form-group label {font-weight:500;}
.content .btn_wrap {text-align:center; margin-top:32px;}
.content .btn_wrap > * {width:300px; margin:0 auto; line-height:56px; padding:0; height:56px; 
background-color:#444; transition:all .3s ease;}
.content .btn_wrap > *:hover {background-color:#007bff;}

.content .board_write .col {padding:0 !important;}
.content .board_write .row {margin:0 !important;}
.content .board_write .row .form-group {border:0}
.content .board_write .this-text-secondary {display:block; font-size:14px; margin-top:8px;}

.joinbtn {margin-left:8px; font-weight:15px; font-weight:500; background:#396063;}
.joinbtn:hover {background:#449399}

.content .board_write > .row {padding:24px; border-bottom:1px solid #ebebeb;}
.content .board_write > .row > .col:first-child {padding-right:10px !important}
.content .board_write > .row > .col:last-child {padding-left:10px !important;}


/*
.content .search_wrap {padding:36px 0; margin-bottom:48px; text-align:center; background:#f8f8f8; border-radius:8px;}
.content .search_wrap .input-group {display:inline-flex;}
*/ 

.board_list {border-top:1px solid #000;}
.board_list .num {width:120px}
.board_list .type {width:140px}
.board_list table.list th {font-size:15px; font-weight:500;}
.board_list table.list td {height:54px; font-size:14px; border-color:#ebebeb;}
.board_list table.list .left {padding-left:16px;}
.board_list table.list tr:nth-child(even) {background:#f8f8f8;}

.board_title {display:block; margin-top:-16px; padding:24px; border-top:1px solid #000; 
border-bottom:1px solid #ddd;}
.board_title.type_two {display:flex; justify-content:space-between; align-items:center;}
.board_title .tit {font-size:18px;}
.board_title .this-text-secondary {font-size:15px; margin-top:8px; color:#888;}

.board_view {padding:24px; color:#555; line-height:1.5; min-height:400px; border-bottom:1px solid #ddd;}

.form-control {boarder-radius:4px; border:1px solid #ebebeb;}
.input-group-text {background:#f8f8f8; border-color:#ebebeb;}

.condition table {border-top:1px solid #000}

#top_graph {margin-top:32px;}




/* full contents area */
#container #full_contents > div.content {width:100%; padding:32px;}


/* new 硫붿씤 */
#full_contents .cont_top {display:flex; justify-content:space-between; margin:40px auto 60px;}
#full_contents .main_visual {width:1056px; height:602px; overflow:hidden;}
#full_contents .main_visual video {width:102% !important; margin-left:-1%;}
#full_contents .right_area {width:512px;}

#full_contents .login_box { /*height:219px;*/ padding:20px 28px; border:1px solid #dedede; background:#F8F8F8;}
#full_contents .login_box h3 {margin-bottom:4px; font-size:18px; font-weight:600; color:#111;}
#full_contents .login_box .tit {font-size:16px; padding:4px 0; font-weight:500; color:#000;}
#full_contents .login_box .tit strong {font-weight:600; color:#99D123;}

#full_contents .login_form {display:flex; margin-top:8px; justify-content:space-between;}
#full_contents .login_form .inp_info {width:312px;}
#full_contents .login_form .inp_info input {width:100%; height:46px; border-radius:4px; border:1px solid #dedede;
background:#fff; font-size:13px; padding:0 16px;}
#full_contents .login_form .inp_info input::placeholder {color:#ccc;}
#full_contents .login_form .inp_info input + input {margin-top:8px;}
#full_contents .login_form .login_btn {width:136px; height:100px; color:#fff; border:0; border-radius:4px; 
background:#99D123; font-size:15px; font-weight:600;}
#full_contents .login_form .login_btn span {display:inline-block; padding-right:26px; 
background:url('/images/ico_login.png') no-repeat right 3px;}

#full_contents .login_etc {display:flex; margin-top:6px;}
#full_contents .login_etc li a {display:block; position:relative; line-height:18px; padding:0 12px 0 21px; color:#888; font-size:14px;}
#full_contents .login_etc li a:before {content:''; position:absolute; z-index:1; left:12px; top:50%; width:3px; height:3px;
margin-top:-1.5px; border-radius:50%; background:#999;}
#full_contents .login_etc li a:after {content:''; position:absolute; z-index:1; right:0; top:50%; width:1px; height:10px;
margin-top:-5px; background:#DEDEDE;}
#full_contents .login_etc li:first-of-type a {padding-left:10px}
#full_contents .login_etc li:first-of-type a:before {left:1px;}
#full_contents .login_etc li:last-of-type a:after {display:none;}

#full_contents .user_info {display:flex; margin-top:16px; padding-top:8px;}
#full_contents .user_info .thumb {width:80px; height:80px; border-radius:50%; overflow:hidden;}
#full_contents .user_info .thumb img {display:block; max-width:100%; min-height:100%; max-height:100%; min-width:100%; }
#full_contents .user_info .detail {padding-left:18px; padding-top:8px; flex-grow:1;}
#full_contents .user_info .detail strong {display:block; margin-bottom:8px; font-size:18px}
#full_contents .user_info .detail div {display:flex; align-items:center;}
#full_contents .user_info .detail div p {display:block; height:24px; line-height:24px; margin-bottom:0;}
#full_contents .user_info .detail div p + p {position:relative; margin-left:20px;}
#full_contents .user_info .detail div p + p:before {content:''; position:absolute; z-index:1; left:-10px; top:6px; width:1px; height:16px; background:#ddd;}
#full_contents .user_info .detail div p em {display:inline-block; font-style:normal; vertical-align:top; line-height:24px; color:#000; font-weight:500;}
#full_contents .user_info .detail div p span {display:inline-block; font-style:normal; vertical-align:top; line-height:24px; color:#666;}
#full_contents .user_info .level {color:#000;}
#full_contents .user_info .level i {display:inline-block; width:24px; margin-right:4px;}
#full_contents .user_info .level i img {display:block; max-width:100%; max-height:100%;}

#full_contents .login_after_link {display:flex; margin-top:14px; justify-content:space-between;}
#full_contents .login_after_link li {width:calc(50% - 6px);}
#full_contents .login_after_link li a {display:block; width:100%; padding:10px 0; font-size:14px; text-align:center; color:#333; border-radius:4px; 
border:1px solid #ddd; background:#fff; transition:all .3s ease;}
#full_contents .login_after_link li a:hover {color:#fff; border-color:#99D123; background:#99D123;}

#full_contents .main_banner {margin:14px 0; width:512px; height:145px; overflow:hidden; background:#eee;}
#full_contents .main_banner img {display:block; max-width:100%; height:100%;}

#full_contents .main_board {height:198px; padding:20px 28px 21px; border:1px solid #dedede;}
#full_contents .main_board .board_tab {display:flex; margin-bottom:2px;}
#full_contents .main_board .board_tab li a {display:block; font-size:20px; font-weight:600; line-height:1.2; opacity:0.2; transition:all .3s ease;}
#full_contents .main_board .board_tab li + li {position:relative; margin-left:25px;}
#full_contents .main_board .board_tab li + li:before {content:''; position:absolute; z-index:1; left:-13px; top:3px; width:1px; height:16px; background:#dedede;}
#full_contents .main_board .board_tab li.on a {opacity:1;}

#full_contents .main_board .board_con > div {display:none; position:relative;}
#full_contents .main_board .board_con > div li a {display:block; padding:12px 0;}
#full_contents .main_board .board_con > div li + li {border-top:1px solid #EBEBEB;}
#full_contents .main_board .board_con > div li a .date {display:block; font-size:13px; color:#999;}
#full_contents .main_board .board_con > div .more {position:absolute; z-index:1; right:0; top:-32px; width:20px; height:20px; 
background:#000 url('/images/ico_more.jpeg') no-repeat 0 0; text-indent:-9999px;}

#full_contents .main_board .board_con div.contest li a {display:flex;}
#full_contents .main_board .board_con div.contest li a .cont {flex-grow:1; width:calc(100% - 120px);}
#full_contents .main_board .board_con div.contest li a .cont .title_wrap {display:block; height:18px; margin-bottom:6px;}
#full_contents .main_board .board_con div.contest li a .cont .tit {position:relative; display:inline-block; padding-right:46px; max-width:100%; font-size:15px; 
line-height:18px; font-weight:500; margin-bottom:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#full_contents .main_board .board_con div.contest li a .cont .tit i {display:block; position:absolute; z-index:1; right:0; top:0; width:40px; height:16px; 
border-radius:8px; font-size:10px; font-weight:500; color:#fff; text-align:center; font-style:normal;}
#full_contents .main_board .board_con div.contest li a .cont .tit i.ing {background:#EE9634;}
#full_contents .main_board .board_con div.contest li a .cont .tit i.yet {background:#a1a1a1;}
#full_contents .main_board .board_con div.contest li a .cont .info {display:flex; font-size:13px; color:#999;}
#full_contents .main_board .board_con div.contest li a .cont .info span {display:block; line-height:16px;}
#full_contents .main_board .board_con div.contest li a .cont .info span + span {position:relative; margin-left:17px;}
#full_contents .main_board .board_con div.contest li a .cont .info span + span:before {content:''; position:absolute; z-index:1; left:-9px; top:2px; width:1px; 
height:10px; background:#dedede;}
#full_contents .main_board .board_con div.contest li a .date {width:120px; text-align:right;}

#full_contents .main_board .board_con div.notice li {display:none;}
#full_contents .main_board .board_con div.notice li:nth-child(1),
#full_contents .main_board .board_con div.notice li:nth-child(2) {display:block;}
#full_contents .main_board .board_con div.notice li a .tit {margin-bottom:6px; height:18px; font-size:15px; line-height:18px; font-weight:500; white-space:nowrap; 
text-overflow:ellipsis; overflow:hidden;}
#full_contents .main_board .board_con div.notice li a .date {height:16px;}

#full_contents .main_roll.c_roll01 {background:#C9D457;}
#full_contents .main_roll.c_roll01 > div .info a {color:#C9D457;}
#full_contents .main_roll.c_roll02 {background:#699557;}
#full_contents .main_roll.c_roll02 > div .info a {color:#699557;}
#full_contents .main_roll.c_roll02 > div .roll_wrap {max-width:calc(100% - 400px);}
#full_contents .main_roll.c_roll03 {background:#DC8E37;}
#full_contents .main_roll.c_roll03 h3 {font-family:'poppins'; font-weight:800;}
#full_contents .main_roll.c_roll03 > div .info a {color:#DC8E37;}

#full_contents .main_roll > div {display:flex; justify-content:space-between; padding:80px 0; align-items:center;}
#full_contents .main_roll > div .info {color:#fff;}
#full_contents .main_roll > div .info h3 {margin-bottom:16px; font-size:48px; font-weight:600; line-height:1;}
#full_contents .main_roll > div .info p {font-size:18px; line-height:22px;}
#full_contents .main_roll > div .info a {display:block; margin-top:24px; width:120px; height:32px; line-height:32px; text-align:center; border-radius:32px; background:#fff;}
#full_contents .main_roll > div .info .roll_ctrl {display:inline-flex; margin-left:-4px; padding:0 28px; 
position:relative; margin-top:40px;}
#full_contents .main_roll > div .info .roll_ctrl ul {display:flex;} 
#full_contents .main_roll > div .info .roll_ctrl ul li button {position:relative; width:18px; height:18px; border:1px solid transparent;
 border-radius:50%; background:transparent; text-indent:-9999px;}
#full_contents .main_roll > div .info .roll_ctrl ul li.slick-active button {border-color:#fff;}
#full_contents .main_roll > div .info .roll_ctrl ul li button:after {content:''; position:absolute; z-index:1;
left:50%; top:50%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%; background:#fff;}
#full_contents .main_roll > div .info .roll_ctrl button {position:absolute; z-index:1; width:18px; height:18px; 
background-repeat:no-repeat; background-position:center; background-color:transparent; border:0; text-indent:-9999px;}
#full_contents .main_roll > div .info .roll_ctrl button.slick-prev {left:0; top:0; 
background-image:url('/images/ico_prev.png');}
#full_contents .main_roll > div .info .roll_ctrl button.slick-next {right:0; top:0;
background-image:url('/images/ico_next.png');}
#full_contents .main_roll > div .roll_wrap {flex-grow:1; max-width:calc(100% - 380px); overflow:hidden;}
#full_contents .main_roll > div .roll_wrap li {float:left;}
#full_contents .main_roll > div .roll_wrap li a {display:block; background:#fff; border-radius:8px; overflow:hidden;}

#full_contents .main_roll .best_swing {height:360px; overflow:hidden;}
#full_contents .main_roll .best_swing li {width:282px; margin-right:24px; }
#full_contents .main_roll .best_swing li .thumb {width:282px; height:220px; border-radius:8px 8px 0 0; overflow:hidden; background:#eee;}
#full_contents .main_roll .best_swing li .thumb img {width:100%; height:100%;}
#full_contents .main_roll .best_swing li .con {height:140px; padding:24px 24px 38px;}
#full_contents .main_roll .best_swing li .con .name {display:block;}
#full_contents .main_roll .best_swing li .con .name p {position:relative; display:inline-block; max-width:100%; font-size:18px; line-height:22px; padding-right:48px;}
#full_contents .main_roll .best_swing li .con .name p strong {font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#full_contents .main_roll .best_swing li .con .name p i {display:block; position:absolute; z-index:1; top:3px; right:0; width:40px; padding-top:1px; height:16px; line-height:16px; text-align:center;
border-radius:16px; color:#fff; font-size:10px; font-style:normal; font-weight:500;}
#full_contents .main_roll .best_swing li .con .name p i.best {background:#99D123;}
#full_contents .main_roll .best_swing li .con .name p i.new {background:#EE9634;}
#full_contents .main_roll .best_swing li .con .detail {display:flex; margin-top:8px; height:16px;}
#full_contents .main_roll .best_swing li .con .detail span {font-size:13px; line-height:16px; color:#999;}
#full_contents .main_roll .best_swing li .con .detail span + span {position:relative; margin-left:17px;}
#full_contents .main_roll .best_swing li .con .detail span + span:before {content:''; position:absolute; z-index:1; left:-9px; top:2px; width:1px; height:10px;
background:#dedede;}
#full_contents .main_roll .best_swing li .con .detail span.distance {color:#5A8747;}
#full_contents .main_roll .best_swing li .con .area {margin-top:16px; font-size:13px; line-height:16px; color:#999;}

#full_contents .main_roll .my_swing {height:360px; overflow:hidden;}
#full_contents .main_roll .my_swing li {width:282px; margin-right:24px; }
#full_contents .main_roll .my_swing li .thumb {width:282px; height:220px; border-radius:8px 8px 0 0; overflow:hidden; background:#eee;}
#full_contents .main_roll .my_swing li .thumb img {width:100%; height:100%;}
#full_contents .main_roll .my_swing li .con {height:140px; padding:24px 24px 38px;}
#full_contents .main_roll .my_swing li .con .name {display:block;}
#full_contents .main_roll .my_swing li .con .name p {position:relative; display:inline-block; max-width:100%; font-size:18px; line-height:22px; padding-right:48px;}
#full_contents .main_roll .my_swing li .con .name p strong {font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#full_contents .main_roll .my_swing li .con .name p i {display:block; position:absolute; z-index:1; top:3px; right:0; width:40px; padding-top:1px; height:16px; line-height:16px; text-align:center;
border-radius:16px; color:#fff; font-size:10px; font-style:normal; font-weight:500;}
#full_contents .main_roll .my_swing li .con .name p i.best {background:#99D123;}
#full_contents .main_roll .my_swing li .con .name p i.new {background:#EE9634;}
#full_contents .main_roll .my_swing li .con .detail {display:flex; margin-top:8px; height:16px;}
#full_contents .main_roll .my_swing li .con .detail span {font-size:13px; line-height:16px; color:#999;}
#full_contents .main_roll .my_swing li .con .detail span + span {position:relative; margin-left:17px;}
#full_contents .main_roll .my_swing li .con .detail span + span:before {content:''; position:absolute; z-index:1; left:-9px; top:2px; width:1px; height:10px;
background:#dedede;}
#full_contents .main_roll .my_swing li .con .detail span.distance {color:#5A8747;}
#full_contents .main_roll .my_swing li .con .area {margin-top:16px; font-size:13px; line-height:16px; color:#999;}

#full_contents .main_roll .course_list {height:326px; overflow:hidden;}
#full_contents .main_roll .course_list li {width:384px; margin-right:24px;}
#full_contents .main_roll .course_list li .thumb {width:100%; /*height:188px;*/}
#full_contents .main_roll .course_list li .con {height:134px; padding:24px 24px 40px;}
#full_contents .main_roll .course_list li .con strong {display:block; margin-bottom:8px; font-size:18px; line-height:22px; white-space:nowrap;
text-overflow:ellipsis; overflow:hidden;}
#full_contents .main_roll .course_list li .detail {display:flex; margin-bottom:12px;}
#full_contents .main_roll .course_list li .detail span {display:block; font-size:13px; line-height:16px; color:#999;}
#full_contents .main_roll .course_list li .detail span + span {position:relative; margin-left:17px;}
#full_contents .main_roll .course_list li .detail span:before {content:''; position:absolute; z-index:1; left:-8px; top:3px;
width:1px; height:10px; background:#dedede;}
#full_contents .main_roll .course_list li .star_wrap {display:flex;}
#full_contents .main_roll .course_list li .star_wrap > div {display:flex; align-items:center;}
#full_contents .main_roll .course_list li .star_wrap > div + div {margin-left:12px;}
#full_contents .main_roll .course_list li .star_wrap > div > span {font-size:13px; margin-right:2px; color:#111; line-height:1;}
#full_contents .main_roll .course_list li .star_wrap > div .material-icons {font-size:14px;}
#full_contents .main_roll .course_list li .star_wrap > div.course .material-icons {color:#FFC93F;}
#full_contents .main_roll .course_list li .star_wrap > div.green .material-icons {color:#67C53F;}

#full_contents .main_roll .market_list {height:360px; overflow:hidden;}
#full_contents .main_roll .market_list li {width:282px; margin-right:24px;}
#full_contents .main_roll .market_list li .thumb {margin:10px auto; width:234px; height:234px;}
#full_contents .main_roll .market_list li .thumb img {display:block; width:100%; height:100%;}
#full_contents .main_roll .market_list li .con {padding:0 60px 20px 24px;}
#full_contents .main_roll .market_list li .con strong {display:block; height:48px; display:-webkit-box; font-size:16px; 
line-height:24px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-weight:500; color:#111; 
word-break:keep-all;}
#full_contents .main_roll .market_list li .con em {font-style:normal; display:block; margin-top:8px; color:#99D123;
font-size:20px; line-height:30px; height:30px; font-weight:600;} 

#full_contents .btm_ban {display:flex; justify-content:space-between; padding:60px 0;}
#full_contents .btm_ban > * {display:block; width:calc(50% - 16px);}

/* 諛섏쓳�� */
@media all and (max-width:1599px){
	.wrapper {width:1200px;}
	#container.sub {width:1200px;}
	
	#container #lnb {width:230px;}
	#container #contents {width:calc(100% - 290px)}
	
	#full_contents .main_visual {width:calc(100% - 404px); height:565px;}
	#full_contents .main_visual video {width:128% !important; margin-left:-14%;}
	#full_contents .right_area {width:380px;}
	#full_contents .main_banner {width:100%; height:auto;}
	#full_contents .login_form .inp_info input {width:calc(100% - 8px);}
	
	.course > .panel-full > .item {width:calc(33.33% - 28px) !important;}
	
	.cafe > .panel-full > .cafe-content {width:64% !important;}
	
	#full_contents .user_info .thumb {width:60px; height:60px;}
	#full_contents .user_info .detail {height:80px;}	
	#full_contents .user_info .detail div p span {font-size:14px;}
	#full_contents .user_info .detail div p {font-size:14px;}
}



/*******************************************************************************************************************************************************/
/* 硫붿씤

.home {display:flex;}
.home > .main {width:800px;}
.home > .main > .main_bestswing > .list > .data	{width:200px; margin-right:16px;}
.home > .main > .main_bestswing > .list > .data:last-child {margin-right:0px;}

.home > .main > .main_event > .list > .data	{width:200px; margin-right:16px;}
.home > .main > .main_event > .list > .data:last-child {margin-right:0px;}

.home > .main > .main_contest {}
.home > .main > .main_contest > .list {}
.home > .main > .main_contest > .list > .data {margin-bottom:16px;}
.home > .main > .main_contest > .list > .data:last-child {margin-bottom:0px;}
.home > .main > .main_contest > .list > .data > .status {width:80px; border-radius:20px; text-align:center; line-height:30px; 
margin-right:32px;}
.home > .main > .main_contest > .list > .data > .status.ing {border:1px solid rgba(255,0,0, 1);}
.home > .main > .main_contest > .list > .data > .status.will {border:1px solid rgba(200,200,200, 1);}
.home > .main > .main_contest > .list > .data > .status.end {border:1px solid rgba(200,200,200, 1); background:rgba(230,230,230, 1);}

.home > .main > .main_course > .list {display:flex;}
.home > .main > .main_course > .list > .item {width:270px; margin-right:16px;}
.home > .main > .main_course > .list > .item:last-child {margin-right:0px;}

.home > .right {width:340px; padding-left:30px;}
.home > .right > .sign {padding:16px 16px 16px 16px;}
.home > .right > .sign > .login {background:green; text-align:center; line-height:56px; font-size:18px; font-weight:500; color:white; 
cursor:pointer;}
 */

/*******************************************************************************************************************************************************/
/* 湲곕줉 遺꾩꽍 */
.analysis > .shadow {overflow:hidden; border-radius:12px; box-shadow:0 5px 24px rgba(0,0,0,0.1) !important;}
.analysis > .summery {padding:0px; align-items:stretch;}

.analysis > .summery > .spider {width:30%; padding:36px 48px; box-shadow:4px 0px 20px 0 rgba(0,0,0,0.08);}

.analysis > .summery > .average	{width:34%; padding:44px 48px; box-shadow:4px 0px 20px 0 rgba(0,0,0,0.08);}
.analysis > .summery > .average > .title {font-size:20px; margin-bottom:28px; font-weight:600;}
.analysis > .summery > .average > .datarow {line-height:22px;}
.analysis > .summery > .average > .datarow > div {display:flex; margin-bottom:16px; justify-content:space-between;}
.analysis > .summery > .average > .datarow > div > div:first-child {width:55%; font-size:14px; color:#666;}
.analysis > .summery > .average > .datarow > div > div:last-child {width:43%; text-align:right;
font-size:18px; font-weight:600; color:#111;}
.analysis > .summery > .average > .datarow .data {font-size:18px; font-weight:600; color:#2127c4;}
.analysis > .summery > .average .green {color:#67C53F !important;}

.analysis > .summery > .best {width:34%; padding:44px 48px;}
.analysis > .summery > .best > .title {font-size:20px; margin-bottom:28px; font-weight:600;}
.analysis > .summery > .best > .datarow {line-height:22px;}
.analysis > .summery > .best > .datarow > div {display:flex; margin-bottom:16px; justify-content:space-between;}
.analysis > .summery > .best > .datarow > div > div:first-child {width:55%; font-size:14px; color:#666;}
.analysis > .summery > .best > .datarow > div > div:last-child {width:43%; text-align:right;
font-size:18px; font-weight:600; color:#111;}
.analysis > .summery > .best > .datarow .data {font-size:18px; font-weight:600; color:#111;}
.analysis > .summery > .best .green {color:#67C53F !important;}

.analysis > .item > div {display:flex; line-height:2.0; width:50%;}
.analysis > .item > div > div { width:220px;}
.analysis > .item > div > div > div	{display:flex; line-height:2.0;}
.analysis > .item > div > div > div > div:first-child {width:140px; text-align:right; padding-right:16px; color:#6c757d;}

.analysis .top-title {font-size:14px; margin-top:16px;}
.analysis .top-title select {font-size:14px;}

.analysis .analy_box {display:flex; padding:40px 70px 30px; margin-bottom:64px; align-items:stretch; justify-content:space-between; 
border:1px solid #dedede; border-radius:12px;}
.analysis .analy_box .graph {width:400px;}
.analysis .analy_box .con {display:flex; width:calc(100% - 500px); justify-content:space-between; flex-wrap:wrap;}
.analysis .analy_box .con > div {width:40%;}
.analysis .analy_box .con > div > div {display:flex; margin-bottom:14px; justify-content:space-between;}
.analysis .analy_box .con > div > div > div:first-child {color:#666;}
.analysis .analy_box .con > div > div > div:last-child {color:#111; font-weight:500;}

.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}
.mt55 {margin-top:55px !important}
.mt60 {margin-top:60px !important}
.mt65 {margin-top:65px !important}
.mt70 {margin-top:70px !important}
.mt75 {margin-top:75px !important}
.mt80 {margin-top:80px !important}
.mt85 {margin-top:85px !important}
.mt90 {margin-top:90px !important}
.mt95 {margin-top:95px !important}
.mt100 {margin-top:100px !important}

.setting_wrap {display:flex; padding:12px 0 24px;}
.setting_wrap > div {width:200px;}
.setting_wrap > div + div {margin-left:16px;}

.select_club {display:flex;}
.select_club > div {width:130px;}
.select_club > div label {font-weight:600;}

.register {width:800px; margin:0 auto;}
.register_ok {text-align:center; padding:36px; background:#f8f8f8; border-radius:12px}

.find_wrap {padding:48px; background:#f8f8f8; border-radius:12px;}

/*******************************************************************************************************************************************************/
/* �ㅼ퐫�댁뭅�� */

.scorecard-detail > .panel > table {border-top:1px solid #dae1e6; border-left:1px solid #dae1e6;}
.scorecard-detail > .panel > table th {text-align:center; border-bottom:1px solid #dae1e6; height:48px; font-size:16px; font-weight:400; width:40px;}
.scorecard-detail > .panel > table td {text-align:center; border-bottom:1px solid #dae1e6; height:48px; font-size:15px; width:40px;}
.scorecard-detail > .panel > table th.subsum {border-left:1px solid #dae1e6; border-right:1px solid #dae1e6; background:#f7f9fa; width:56px;}
.scorecard-detail > .panel > table td.subsum {border-left:1px solid #dae1e6; border-right:1px solid #dae1e6; background:#f7f9fa; width:56px;}
.scorecard-detail > .panel > table th.sum {width:64px;}
.scorecard-detail > .panel > table td.sum {width:64px;}
.scorecard-detail > .panel > table th {background:#f7f9fa;}
.scorecard-detail > .panel > table th:first-child {border-right:1px solid #dae1e6; background:#f7f9fa; width:201px;}
.scorecard-detail > .panel > table td:first-child {border-right:1px solid #dae1e6; background:#f7f9fa;}
.scorecard-detail > .panel > table td:last-child {border-right:1px solid #dae1e6;}
.scorecard-detail > .panel > table tr:first-child {border-right:1px solid #dae1e6; background:#f7f9fa;}

.scorecard-detail > .panel.shot-analysis > table th	{text-align:center; border-bottom:1px solid #dae1e6; height:48px; font-size:16px; font-weight:400; width:34px; }
.scorecard-detail > .panel.shot-analysis > table td	{text-align:center; border-bottom:1px solid #dae1e6; height:48px; font-size:15px;  width:32px; }
.scorecard-detail > .panel.shot-analysis > table th {background:#f7f9fa; }
.scorecard-detail > .panel.shot-analysis > table th:first-child	{border-right:1px solid #dae1e6; background:#f7f9fa;}
.scorecard-detail > .panel.shot-analysis > table td:first-child	{border-right:1px solid #dae1e6; background:#f7f9fa;}
.scorecard-detail > .panel.shot-analysis > table td:last-child {border-right:1px solid #dae1e6;}
.scorecard-detail > .panel.shot-analysis > table tr:first-child	{border-right:1px solid #dae1e6; background:white;}

/*******************************************************************************************************************************************************/
/* �ㅼ쐷�곸긽 */
.swing > .panel-full {display:flex; flex-wrap:wrap; margin:32px -8px 0;}
.swing > .panel-full > div.item {width:calc(20% - 16px); margin:0 8px; padding-bottom:32px;}
.swing > .panel-full > div .material-icons {display:none;}
.swing > .panel-full .thumb {width:100%; min-height:100px; margin-bottom:8px; background:#ddd;}

.swing-detail > .panel-full	{display:flex;}

/*******************************************************************************************************************************************************/
/* �ㅽ겕由곗꽕�� */
.settings > .panel .select_normal {display:flex;}
.settings > .panel .select_normal > div {padding-right:32px;}
.settings > .panel .select_club	{display:flex; padding-left:16px;}
.settings > .panel .select_club > div {padding-right:32px;}
.settings > .panel .select_club label {color:#6c757d;}
.settings > .panel .select_club span {color:#6c757d;}

/*******************************************************************************************************************************************************/
/* �댁젙蹂� */
.profile > .panel-full {display:flex; margin-top:32px; justify-content:space-between;}
.profile > .panel-full > .form {padding:32px 32px; width:49%; box-shadow:0 !important; border-radius:12px; border:1px solid #ebebeb;}
.profile > .panel-full > .form > div > div {line-height:48px;}
.profile > .panel-full > .form > div > div:first-child {width:100px; color:#6c757d;}

/*******************************************************************************************************************************************************/
/* 踰좎뒪�� �ㅼ쐷�곸긽 */
.bestswing > .best-list {display:flex; flex-wrap:wrap;}
.bestswing > .best-list > div.item {width:227px; margin-right:16px; padding-bottom:16px;}
.bestswing > .best-list > div.item:nth-child(4n) {margin-right:0px;}

.bestswing > .list {display:flex; flex-wrap:wrap; margin:32px -8px 0;}
.bestswing > .list > div.item {width:calc(20% - 16px); margin:0 8px; padding-bottom:32px;}
.bestswing > .list .thumb {width:100%; min-height:100px; margin-bottom:8px; background:#ddd;}

.bestswing-detail > .panel-full	{display:flex;}

.shadow-panel {border-radius:8px;}
.panel.shadow {border-radius:8px;}

/*******************************************************************************************************************************************************/
/* 留ㅼ옣���� */

.contest-status	{width:70px; height:70px; line-height:64px; border-radius:50%; font-size:20px; font-weight:600; margin:0 auto; 
text-align:center;}
.contest-status.ing	{border:3px solid rgba(255,0,0, 1);}
.contest-status.will {border:3px solid rgba(200,200,200, 1);}
.contest-status.end	{border:3px solid rgba(200,200,200, 1); background:rgba(230,230,230, 1);}

.contest > .panel > table td {height:110px;}

.contest-detail > .detail {min-height:100px;  margin-top:16px; padding:32px 32px; border-radius:12px;}

.contest-detail > .detail > .info > div	{margin-bottom:12px;}
.contest-detail > .detail > .info > div > div:first-child {width:50px;}
.contest-detail > .detail > .info .condition > table td {border-bottom:1px solid #dae1e6; padding:10px 16px; width:120px;}
.contest-detail > .detail > .info .condition > table td:nth-child(odd) {background:#f8f8f8;}

.contest-detail > .ranking {min-height:100px;  margin-top:0px; padding:16px 48px 32px 48px; }
.contest-detail > .ranking > table {width:100%; }
.contest-detail > .ranking > table th {text-align:center; border-bottom:1px solid #dae1e6; height:48px; font-weight:400;}
.contest-detail > .ranking > table td {text-align:center; border-bottom:1px solid #dae1e6; height:80px;}
.contest-detail > .ranking > table tr:nth-child(even) {background:#f7f9fa;}

.contest-detail    .skill-grid {
	    display: grid;
	    grid-template-columns: repeat(4, 1fr);
        border-top:1px solid #000;
        margin-top: 8px;
        /*
        display: flex;
        flex-wrap: wrap;
        width: 804px;
        */
    }
.contest-detail    .skill-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
        height: 45px;
    }
.contest-detail    .skill-name {
        display: flex;
        align-items: center;
        padding-left: 8px;
        height:100%;
        background:#f8f8f8;
        flex: 3;
        white-space: nowrap;
        /*width:150px; */
    }
.contest-detail    .skill-name img {
        width: 24px;
        height: 24px;
        margin-right: 4px;
    }
.contest-detail    .skill-revision {
        text-align: center;
        flex:1;
        /*width: 50px;*/
    }

/*******************************************************************************************************************************************************/
/* 肄붿뒪�덈궡 */
.course > .panel-full {display:flex;flex-wrap:wrap; min-height:300px; margin:32px -14px ;}
.course > .panel-full > .item {width:calc(25% - 28px); margin:0 14px; margin-bottom:32px;}
.course > .panel-full > .item > .info {display:flex; align-items:flex-start; margin-bottom:8px;}
.course > .panel-full > .item > .info > .ci {flex:0 0 66px;}
.course > .panel-full > .item > .info > .detail	{flex-grow:1; padding-left:16px; overflow:hidden;}
.course > .panel-full > .item > .info > .detail > .name {font-size:17px; margin-bottom:6px; font-weight:600; overflow:hidden; white-space:nowrap;}
.course > .panel-full > .item > .info > .detail > .course {display:flex; align-items:flex-start;}
.course > .panel-full > .item > .info > .detail > .green {display:flex; align-items:flex-start;}
.course > .panel-full > .item > .info > .detail i {font-size:15px; margin-top:1px; letter-spacing:-2px; color:#dddddd;}
.course > .panel-full > .item > .info > .detail > .course i.set {color:#FFC93F;}
.course > .panel-full > .item > .info > .detail > .green i.set {color:#67C53F;}

.course-detail .board_title > div {display:flex;}
.course-detail i {font-size:18px; letter-spacing:-2px; color:#dddddd;}
.course-detail .course i.set {color:#FFC93F;}
.course-detail .green i.set {color:#67C53F;}
.course-detail .sub-title {padding-left:24px; margin-top:48px;}
.course-detail .course-inner {padding:0 24px;}

.course-detail .course-inner .course {padding:36px;}
.course-detail .course-inner .course table {width:100%; margin-right:0;}
.course-detail .course-inner .course table th {text-align:center; border-bottom:1px solid #dae1e6; height:48px; font-size:16px; font-weight:400; 
width:45px;}
.course-detail .course-inner .course table td {text-align:center; border-bottom:1px solid #dae1e6; height:48px; font-size:15px;}
.course-detail .course-inner .course table th {background:#f7f9fa;}
.course-detail .course-inner .course table th:first-child {border-right:1px solid #dae1e6; background:#f7f9fa;}
.course-detail .course-inner .course table td:first-child {border-right:1px solid #dae1e6; background:#f7f9fa;}

.course-detail .course-inner .course table tr:first-child th {background:#e7e9ea;}
.course-detail .course-inner .course table td:first-child.head-red {background:rgba(255,0,0,0.3);} 
.course-detail .course-inner .course table td:first-child.head-yellow {background:rgba(255,255,0,0.3);} 
.course-detail .course-inner .course table td:first-child.head-white {background:rgba(255,255,255,0.3);} 
.course-detail .course-inner .course table td:first-child.head-blue {background:rgba(0,0,255,0.3);} 
.course-detail .course-inner .course table td:first-child.head-black {background:rgba(0,0,0,0.3);} 

.course_box {display:flex; margin:24px 24px 48px; align-items:center; padding:36px; background:#f9f9f9; border-radius:12px; border:1px solid #eee;}


/*******************************************************************************************************************************************************/
/* 留ㅼ옣李얘린 */
.store_find	{padding:0px; display:flex; height:80vh;}

/*******************************************************************************************************************************************************/
/* ���� - �ㅼ퐫�댁뭅�� */

#popupContestScorecard .scorecard-detail > table th	{text-align:center; border-bottom:1px solid #dae1e6; height:48px; font-size:16px; 
font-weight:400; width:34px;}
#popupContestScorecard .scorecard-detail > table td	{text-align:center; border-bottom:1px solid #dae1e6; height:48px; font-size:15px;
width:32px;}
#popupContestScorecard .scorecard-detail > table th.subsum {border-left:1px solid #dae1e6; border-right:1px solid #dae1e6; 
background:#f7f9fa; width:56px;}
#popupContestScorecard .scorecard-detail > table td.subsum {border-left:1px solid #dae1e6; border-right:1px solid #dae1e6; 
background:#f7f9fa; width:56px;}
#popupContestScorecard .scorecard-detail > table th.sum {width:64px;}
#popupContestScorecard .scorecard-detail > table td.sum	{width:64px;}
#popupContestScorecard .scorecard-detail > table th {background:#f7f9fa;}
#popupContestScorecard .scorecard-detail > table th:first-child {border-right:1px solid #dae1e6; background:#f7f9fa; width:138px;}
#popupContestScorecard .scorecard-detail > table td:first-child {border-right:1px solid #dae1e6; background:#f7f9fa;}
#popupContestScorecard .scorecard-detail > table td:last-child {border-right:1px solid #dae1e6;}
#popupContestScorecard .scorecard-detail > table tr:first-child {border-right:1px solid #dae1e6; background:#f7f9fa;}