@charset"utf-8";
/*����*/
.club_main_wrap {width:100%; max-width:2000px; }
.club_main_wrap .c_top_banner{background:url("/clubnikon/img/top_back_pic.jpg")no-repeat; background-position: center 70%; width:100%; height: 785px; position: relative}
.club_main_wrap .c_top_banner .c_inner{max-width:960px; width:100%; margin:0 auto;}
.club_main_wrap .c_top_banner .c_inner > div{text-align: center}
.club_main_wrap .c_top_banner .c_inner .sidd_slide{position:relative;max-width:550px;width:100%;padding:3%;}
.club_main_wrap .c_top_banner .c_inner .sidd_slide ul.sidd li{display:none}
.club_main_wrap .c_top_banner .c_inner .sidd_slide ul.sidd li.on{display:block;}
.club_main_wrap .c_top_banner .c_inner .sidd_slide .slide_btn{position:absolute;bottom:40px;right:30px;}
.club_main_wrap .c_top_banner .c_inner .sidd_slide .slide_btn li{display:inline-block;margin-right:5px;}
.club_main_wrap .c_top_banner .c_inner .logo_area{padding-top: 320px; margin-bottom: 4%}
.club_main_wrap .c_top_banner .c_inner .txt_area p{font-size: 20px; line-height: 150%; letter-spacing: -2px; color: #000000}
.club_main_wrap .c_top_banner .c_inner .txt_area p.mo{display: none}
.club_main_wrap .c_top_banner .c_inner .photographer p{font-size: 16px; color: #ffffff; position: absolute; bottom: 10px; right: 100px}



.club_main_cont{max-width:960px;width:100%;margin:0 auto;clear:both;}
.club_main_cont .club_cont{padding:5%;box-sizing:border-box;text-align:center;background:url("/clubnikon/img/back_storn_1.png")no-repeat; background-position:11% 59%;margin-bottom: 50px;}
.club_main_cont .club_cont h2{font-size:35pt;font-weight:bold;color:#000;margin-bottom:30px;position:relative;display:inline-block;z-index:1;padding:5px;}
.club_main_cont .club_cont h2:after{position:absolute;bottom:0;left:0;background:url("/clubnikon/img/under_line.png");width:100%;height:16px;content:"";z-index:-1}
.club_main_cont .club_cont p{width:70%;margin:10% 0 ;position:relative;margin:0 auto;padding:15px;line-height:1.8;box-sizing:border-box;color:#000;}
.club_main_cont .club_cont p:before{position:absolute;top:0;left:0;width:22px;height:18px;background:url("/clubnikon/img/quotation.png")no-repeat;content:"";}
.club_main_cont .club_cont p:after{position:absolute;bottom:0;right:0;width:22px;height:18px;background:url("/clubnikon/img/quotation2.png")no-repeat;content:"";}

.club_main_notice{width:100%;max-width:860px;margin:0 auto;background:url("/clubnikon/img/back_storn_2.png")no-repeat; background-position:right 96%; min-height:198px; padding: 5% 0; margin-bottom: 50px}
.club_main_notice h3{font-size:22pt;color:#000;text-align:left;font-weight:bold;padding:15px 0;}
.club_main_notice ul{width:100%;}
.club_main_notice ul li{width:100%;padding:10px;border:1px solid rgba(256,256,256,0);margin-bottom:15px;transition:0.5s ease 0.1s;position:relative;overflow:hidden;z-index:1;box-sizing: border-box;}
.club_main_notice ul li:hover{border:1px solid #ffe600;box-shadow:4px 4px 3px rgba(0,0,0,0.1);transition:0.5s ease 0.1s;background:#fff;}
.club_main_notice ul li:before{position:absolute;content:"";width:79px;height:54px;background:url("/clubnikon/img/notice_stone.png");position:absolute;left:-80px;bottom:0;transition:0.5s ease 0.1s;z-index:-1}
.club_main_notice ul li:hover:before{lefT:0;transition:0.5s ease 0.1s;}
.club_main_notice ul li:after{content:"";position:absolute;width:29px;opacity:0;right:40px;bottom:15px;background:url("/clubnikon/img/arrow.png");transition:0.5s ease 0.1s;}
.club_main_notice ul li:hover:after{content:"";position:absolute;width:29px;height:26px;right:20px;bottom:15px;background:url("/clubnikon/img/arrow.png");transition:0.5s ease 0.1s;opacity:1}
.club_main_notice ul li p{display:inline-block;line-height:35px;color:#000;}
.club_main_notice ul li p.n_ctg{width:80px;font-size:9pt;position:relative;}
.club_main_notice ul li p.n_ctg:after{position:absolute;top:4px;right:26px;content:"";background:#ffe600;width:5px;height:5px;border-radius:10px;}
.club_main_notice ul li p.n_date{width:100px;padding:0 15px;box-sizing:border-box;font-weight:bold;}
.club_main_notice ul li p.n_title{width:calc(100% - 270px);    text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;padding-left:20px;font-size:11pt;}
.club_main_notice ul li p.n_title span{vertical-align:middle;}
.club_main_notice ul li p.n_title span.n_mark{background:#ffe600;font-weight: 700;color:#000;font-size: 8pt;padding: 0 5px 3px;vertical-align: middle;margin-left: 6px;border-radius: 20px;}
.club_main_notice .more_n_btn{float:right;display:inline-block;text-align:right;font-weight:bold;position:relative;padding:5px;margin-bottom:60px;color:#000;}
.club_main_notice .more_n_btn:before{position:absolute;content:""; width:15px;left:-10px;bottom:0;height:3px;background:#ffe600;transition:0.5s ease 0.1s;}
.club_main_notice .more_n_btn:hover:before{width:105%;transition:0.5s ease 0.1s;}
.club_main_cont .benefit {padding: 20px 13%; box-sizing: border-box; width: 100%; max-width: 960px; background:url("/clubnikon/img/benefit_bg.jpg") no-repeat center; margin-bottom: 5%}
.club_main_cont .recruiting{background:url("/clubnikon/img/recruiting_back.jpg")no-repeat;clear:both;text-align:center;min-height:176px;margin-bottom:50px;background-position:center;}
.club_main_cont .recruiting p{padding-top:3.5%;}
.club_main_cont .members_banner{}
.club_main_cont .members_banner a{display:block;background:url("/clubnikon/img/members_go_back.jpg")no-repeat;background-position:center;min-height:318px;margin-bottom:50px;position:relative;}
.club_main_cont .members_banner h3{position:relative;color:#000;background:#ffe600;font-size:18pt;font-weight:bold;display:inline-block;line-height:37px;margin:7% 0 0 7%;padding:0 10px 0 0;z-index:1}
.club_main_cont .members_banner h3:before{position:absolute;content:"";background:url("/clubnikon/img/members_banner_title.png")no-repeat;width:21px;height:48px;top:-11px;left:-21px;}
.club_main_cont .members_banner p.members_txt{color:#fff;padding-left:6%;margin-top:15px;}
.club_main_cont .members_banner .b_left{position:absolute;top:0;left:0;width:15%;}
.club_main_cont .members_banner .b_right{position:absolute;bottom:0;right:-8px;width:43%;}
.club_main_cont .members_banner .arrow{border:1px solid #ffe600;border-radius:45px;width:45px;height:45px;position:absolute;bottom:20px;right:30px;z-index:2;opacity:0;transition:0.5s ease 0.1s;}
.club_main_cont .members_banner .arrow .one{position:absolute;top:-3.5px;left:20.5px;width:5px;height:5px; background:#ffe600;z-index:3;border-radius:5px;}
.club_main_cont .members_banner .arrow .one2{position:absolute;bottom:-2.5px;left:20.5px;width:5px;height:5px; background:#ffe600;z-index:3;border-radius:5px;}
.club_main_cont .members_banner .arrow .hidden_arrow{width:45px;height:45px;}
.club_main_cont .members_banner .arrow .navbar-toggle-2{width:50px;top:2px; height:40px; line-height:0; cursor:pointer; position:relative; left:-50px;transition:0.5s ease 0.1s;transform:rotate(180deg); }
.club_main_cont .members_banner .arrow	.navbar-toggle-2 .icon-bar{display:block; width:40px; height:1px; -webkit-transition:all 0.3s 0s ease,background 0s 1.3s ease; transition:all 0.3s 0s ease,background 0s 1.3s ease;
background:#ffe600; margin:0 auto; position:absolute; top:50%; left:50%; margin-left:-15px; }
.club_main_cont .members_banner .arrow	.navbar-toggle-2 .icon-bar.first{transform:translate3d(0,-50%,0) rotate(-45deg); transition:0.5s ease 1s; width:15px; margin-top:0; transform-origin:0 center;}
.club_main_cont .members_banner .arrow	.navbar-toggle-2 .icon-bar.center{margin-top:-1px; }
.club_main_cont .members_banner .arrow	.navbar-toggle-2 .icon-bar.last{ transition:0.5s ease 1s;transform:translate3d(0,-50%,0) rotate(45deg); transition:0.5s ease 1s;width:15px; margin-top:0; transform-origin:0 center;}
.club_main_cont .members_banner:hover .arrow{opacity:1;transition:0.5s ease 0.1s;}
.club_main_cont .members_banner:hover .hidden_arrow{overflow:inherit;}
.club_main_cont .members_banner:hover .navbar-toggle-2 {left:-15px;transition:0.5s ease 0.1s}



@media screen and (max-width:960px) {
.club_main_cont{padding:0 5px;box-sizing:border-box;}
.club_main_wrap .c_top_banner{background-position: 37% 70%;}
.club_main_wrap .c_top_banner .c_inner {}
.club_main_wrap .c_top_banner .c_inner .sidd_slide{position:relative;padding:3%;box-sizing:border-box;margin:0 auto;}
.club_main_wrap .c_top_banner .c_inner .txt_area p.pc{display: none}
.club_main_wrap .c_top_banner .c_inner .txt_area p.mo{display: block}
.club_main_wrap .c_top_banner .c_inner .photographer p{font-size: 13px; right: 10px}
.club_main_cont .club_cont{background-size:30%;}
.club_main_cont .club_cont p{width:80%;}
.club_main_cont .club_cont p .pc_br{display:none;}
.club_main_notice ul li{border:1px solid #ededed;box-shadow:4px 4px 3px rgba(0,0,0,0.1);transition:0.5s ease 0.1s;background:#fff;}

.club_main_cont .members_banner a{min-height:250px;background-size: cover;}
.club_main_cont .members_banner .b_right{right:-0;}

}

@media screen and (max-width:600px) {
.club_main_wrap .c_top_banner .c_inner .txt_area p{letter-spacing: -4px}
.club_main_cont .club_cont{background-size:50%;}
.club_main_cont .club_cont h2 {font-size:28pt;}
.club_main_cont .club_cont p{width:100%;padding:10px;line-height:1.5;}
.club_main_cont .club_cont p:before{top:-15px;}
.club_main_notice ul li p{display:block;color:#000;position:relative;line-height:25px;}
.club_main_notice ul li p.n_ctg{width:80px;font-size:9pt;position:relative;}
.club_main_notice ul li p.n_ctg:after{position:absolute;top:4px;right:26px;content:"";background:#ffe600;width:5px;height:5px;border-radius:10px;}
.club_main_notice ul li p.n_date{width:100px;padding:0px;box-sizing:border-box;font-weight:bold;position:absolute;top:10px;right:0;color:#9c9c9c;font-size:10pt;}
.club_main_notice ul li p.n_title{width:100%;    text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;padding-left:00px;font-size:11pt;font-weight:bold;}
.club_main_notice ul li:before{position:absolute;content:"";width:58px;height:30px;background:url("/clubnikon/img/notice_stone_m.png");position:absolute;left:7px;top:5px;transition:0.5s ease 0.1s;z-index:-1}
.club_main_notice ul li:hover:before{left:7px;top:5px;}
.club_main_notice ul li:hover:after{opacity:0}
.club_main_cont .benefit{position: relative; padding: 18% 0}
.club_main_cont .benefit img{width: 95%; position: absolute; top: 5%; left: 50%; transform: translateX(-50%)}
.club_main_cont .recruiting {background-position:left;padding:5%;min-height:inherit;}
.club_main_cont .recruiting p{padding-top:0}
.club_main_cont .members_banner a{min-height:200px;}
.club_main_cont .members_banner h3{font-size:15pt;margin:7% 0 0 12%;}
.club_main_cont .members_banner p.members_txt{font-size:8.5pt;line-height:1.2}
.club_main_cont .members_banner .arrow{opacity:1}
.club_main_cont .members_banner .arrow .hidden_arrow{overflow:inherit;}
.club_main_cont .members_banner .arrow .navbar-toggle-2{left:-20px;}

}
@media screen and (max-width:400px) {

}

/*�������� list*/
.club_n_wrap{width:100%;text-align:center;}
.club_n_wrap .c_page_wrap{width:100%;max-width:960px;margin:0 auto;position:relative;}
.club_n_wrap .c_page_wrap .top_title_banner{width:100%;background:url("/clubnikon/img/top_title_back.jpg")no-repeat;background-position:center;text-align:center;margin-bottom:30px;}
.club_n_wrap .c_page_wrap .top_title_banner h4 {padding:47px 0}
.club_n_wrap .c_page_wrap .top_title_banner h4 p{display:inline-block;text-align:center;color:#ffe600;font-weight:bold;font-size:20pt;position:relative;}
.club_n_wrap .c_page_wrap .top_title_banner h4 p:before{position:absolute;content:"";width:17px;height:17px;border:4px solid #ffe600;border-radius:20px;box-sizing:border-box;top:-10px;left:-15px;}
.club_n_wrap .c_page_wrap .search_bar{height:50px;float:right;}
.club_n_wrap .c_page_wrap .search_bar ul li{display:inline-block;line-height:40px;}
.search_bar .btn_search {    background: #fff url("/clubnikon/img/icon_search.png")no-repeat center center;    text-indent: -9999px;    width: 50px;    height: 24px;    color: #fff;    text-align: center;    vertical-align:middle;}
.club_n_wrap .c_page_wrap .search_bar ul li select{-webkit-appearance: none;-moz-appearance: none; -ms-appearance: none; -o-appearance: none;appearance: none;   background: url("/clubnikon/img/btn_arrow_down.png") no-repeat 95% 50%;    padding-right: 30px;line-height:40px;}
.club_n_wrap .c_page_wrap .search_bar ul li select::-ms-expand {display: none;}
.club_n_wrap .c_page_wrap .search_bar ul li input{line-height:40px;height:40px;}
.c_notice_list_wrap .c_notice_list{width:100%;clear:both;}
.c_notice_list_wrap .c_notice_list table{border-top:1px solid #000;border-collapse: collapse;width:100%;max-width:960px;color:#666;}
.c_notice_list_wrap .c_notice_list table th{font-weight:bold;color:#333;border-bottom:1px solid #ccc;}
.c_notice_list_wrap .c_notice_list table td, .c_notice_list_wrap .c_notice_list table th{padding:20px 0;font-size:11pt;}
.c_notice_list_wrap .c_notice_list table td{border-bottom: 1px solid #ececec;line-height:1.2;vertical-align:middle;}
.c_notice_list_wrap .c_notice_list table td.n_title{text-align:left;color:#333;}
.c_notice_list_wrap .c_notice_list table td.n_title a{color:#000;}
.c_notice_list_wrap .c_notice_list table td p{position:relative;display:inline-block;font-size:10pt;}
.c_notice_list_wrap .c_notice_list table td p:before{position: absolute;    top: -4px;    right: -7px;    content: "";    background: #ffe600;    width: 5px;    height: 5px;    border-radius: 10px;}

.pager { clear: both; position: relative; margin-top: 40px; text-align: center;margin-bottom:40px; }
.pager span { display: inline-block; text-align: center; }
.pager span a { display: block; width: 26px; color: #444; line-height: 26px; }
.pager span.selected a { background-color: #fff490; font-weight: bold; }
.pager span.disabled a { color: #c8c8c8; }
.pager .page_move { margin-top: 8px; text-align: right; line-height: 24px; width:180px;  }
/*.pager .page_move * { vertical-align: bottom; }*/
.pager .page_move span { margin: 0 4px; }
.pager .page_move span a { width: 28px; line-height: 28px; border: 1px solid #c8c8c8; }
.pager .input { width:4em; height: 30px; padding: 4px; border: 1px solid #c8c8c8; text-align: center; }
.pager .submit { display:inline-block; margin-left: 4px; padding:4px 20px; line-height:21px; background-color:#333; color :#fff; font-size:13px; }

@media screen and (max-width:600px) {
.c_notice_list_wrap {padding:0 5px;box-sizing:border-box;}
.club_n_wrap .c_page_wrap .search_bar ul li select{width:100px;}
.club_n_wrap .c_page_wrap .search_bar ul li input{width:120px;}
.c_notice_list_wrap .c_notice_list {overflow:hidden;}
.c_notice_list_wrap .c_notice_list table thead,
.c_notice_list_wrap .c_notice_list table tbody,
.c_notice_list_wrap .c_notice_list table tr,
.c_notice_list_wrap .c_notice_list table th,
.c_notice_list_wrap .c_notice_list table td {display:block; float:left;/* clear:both; */ width:100%;border:none; text-align:left;line-height:22px;padding:0;}
.c_notice_list_wrap .c_notice_list table {border-top:1px solid #d6dce1;}
.c_notice_list_wrap .c_notice_list table tr {position:relative; padding:10px 0; border-bottom:1px solid #d6dce1;}
.c_notice_list_wrap .c_notice_list table thead {overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px;}
.c_notice_list_wrap .c_notice_list table thead th,{display:none;}
.c_notice_list_wrap .c_notice_list table td p{line-height:22px;padding:0;}
.c_notice_list_wrap .c_notice_list table td.n_num{display:none;}
.c_notice_list_wrap .c_notice_list table td.n_catg{ background: url(/clubnikon/img/notice_stone_m.png); width: 58px;    height: 30px;  margin-bottom:10px;}
.c_notice_list_wrap .c_notice_list table td.n_catg p{color:#000;padding:5px;font-size:9pt;}
.c_notice_list_wrap .c_notice_list table td.n_catg p:before{display:none;}
.c_notice_list_wrap .c_notice_list table td.n_date{position:absolute;top:10px;right:10px;color:#adadad;display:block;width:70px;}

.pager span a {width: 20px;}
}
/*�������� ����Ʈ 2*/
.c_notice_list{text-align:center;}
.c_notice_list ul{width:100%;margin:0 auto;text-align:left;}
.c_notice_list ul li{width:30.5%;margin:1%;display:inline-block;box-sizing:border-box;}
.c_notice_list ul li .catg_c{font-size:10pt;color:#000;display:block;width:150px;position:relative;font-weight:bold;box-sizing:border-box;padding:5px 0}
.c_notice_list ul li .catg_c:before{position:absolute;bottom:0;left:0px;width:60px;height:3px;background:#ffe600;content:"";}
.c_notice_list ul li .title_c {font-size:16pt;line-height:1.3;padding:20px 0;color:#013e74;letter-spacing:-0.5px;overflow: hidden;    display: block;    height: 112px; text-overflow: ellipsis;}
.c_notice_list ul li .title_c  span.new_mark{background:#ffe600;font-weight: 700;color:#000;font-size: 7pt;line-height: 12px;padding: 0px 4px 1px 4px;margin-left:6px;vertical-align:middle;border-radius:10px;}
.c_notice_list ul li .date_c{font-size:10pt;text-align:right;margin-top:5px;}

.c_notice_list ul li a{cursor:pointer;padding:8%;background: none;border: 0;box-sizing: border-box;box-shadow: inset 0 0 0 1px #ededed;color: #ededed;font-size: inherit;font-weight: 700;position: relative;vertical-align: middle;}
.c_notice_list ul li a{display:block;position:relative;}
.c_notice_list ul li a::before, .c_notice_list ul li a::after {  box-sizing: inherit;  content: '';  position: absolute;  width: 100%;  height: 100%;}
.c_notice_list ul li a{  transition: color 0.25s;}
.c_notice_list ul li a::before, .c_notice_list ul li a::after {  border:2px solid transparent;  width: 0;  height: 0;}
.c_notice_list ul li a::before {  top: 0;  left: 0;}
.c_notice_list ul li a::after {  bottom: 0;  right: 0;}
.c_notice_list ul li a:hover::before, .c_notice_list ul li a:hover::after {  width: 100%;  height: 100%;}
.c_notice_list ul li a:hover::before {  border-top-color: #ffe600;  border-right-color: #ffe600;  transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;}
.c_notice_list ul li a:hover::after {  border-bottom-color: #ffe600;  border-left-color: #ffe600;  transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;}
.c_notice_list ul li a:hover{transition:0.5s ease 2s;-webkit-box-shadow:5px 5px 20px 0px rgba(42,42,42,0.2);-moz-box-shadow:5px 5px 20px 0px rgba(42,42,42,0.2);-ms-box-shadow:5px 5px 20px 0px rgba(42,42,42,0.2);box-shadow:5px 5px 20px 0px rgba(42,42,42,0.2)}

@media screen and (max-width:960px) {
.c_notice_list ul li{width:98%;margin:0.5%;}
.c_notice_list ul li a{padding:2%;}
.c_notice_list ul li .catg_c{font-size:9pt;}
.c_notice_list ul li .title_c {height:inherit;font-size:11pt;padding: 10px 0;}
}


/*�������� view*/
.c_notice_view_wrap{padding:0 10px;box-sizing:border-box;}
.c_notice_view_wrap .c_notice_head{border-top:4px solid #013e74;border-bottom:1px solid #c4c6c7; padding:15px 0;}
.c_notice_view_wrap .c_notice_head p{width:100%;line-height:1.5;margin:0 auto;}
.c_notice_view_wrap .c_notice_head p.notice_catg{display:block;width:150px;position:relative;font-weight:bold;padding:5px;box-sizing:border-box;}
.c_notice_view_wrap .c_notice_head p.notice_catg:before{position:absolute;bottom:0;left:50px;width:50px;height:3px;background:#ffe600;content:"";}
.c_notice_view_wrap .c_notice_head p.notice_title{margin:10px 0 3px 0;font-size:14pt;font-weight:bold;color:#000;}
.c_notice_view_wrap .c_notice_head p.notice_date{font-size:10pt;}
.c_notice_view_wrap .c_notice_body{min-height:300px;padding:10px 15px ;box-sizing:border-box;text-align:left;}
.c_notice_view_wrap .c_notice_bottom{width:100%;border-top:1px solid #c4c6c7;}
.c_notice_view_wrap .c_notice_bottom ul li{width:100%;border-bottom:1px solid #c4c6c7;line-height:40px;text-align:left;}
.c_notice_view_wrap .c_notice_bottom ul li p{width:50px;display:inline-block;line-height:40px;text-align:center;position:relative;}
.c_notice_view_wrap .c_notice_bottom ul li a{display:inline-block;width:calc(100% - 100px);line-height:40px;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;font-size:10pt;}
.c_notice_view_wrap .c_notice_bottom ul li:nth-child(2) {text-align:right;}
.c_notice_view_wrap .c_notice_bottom ul li.pre p:after{background-image: url(/clubnikon/img/btn_arrow_prev.png);content: '';display: block;position: absolute;top: 12px;width: 20px;height: 14px;left:15px;transition:0.5s ease 0.1s;}
.c_notice_view_wrap .c_notice_bottom ul li.next p:after{background-image: url(/clubnikon/img/btn_arrow_next.png);content: '';display: block;position: absolute;top: 12px;width: 20px;height: 14px;right:15px;transition:0.5s ease 0.1s;}
.c_notice_view_wrap .c_notice_bottom ul li.pre:hover p:after{left:0;}
.c_notice_view_wrap .c_notice_bottom ul li.next:hover p:after{right:0;}

@media screen and (max-width:600px) {
.c_notice_view_wrap .c_notice_body{padding:5px;}
}

/*�����ư*/
.club_n_wrap .c_page_wrap .club_n_btn{width:100%;text-align:center;margin:20px 0 ;}
.club_n_btn .draw {cursor:pointer;background: none;border: 0;box-sizing: border-box;margin: 1em;min-width:150px;box-shadow: inset 0 0 0 2px #000000;color: #000000;font-size: inherit;font-weight: 700;position: relative;vertical-align: middle;}
.club_n_btn .draw::before, .draw::after {  box-sizing: inherit;  content: '';  position: absolute;  width: 100%;  height: 100%;}
.club_n_btn .draw{  transition: color 0.25s;}
.club_n_btn .draw::before, .draw::after {  border: 2px solid transparent;  width: 0;  height: 0;}
.club_n_btn .draw::before {  top: 0;  left: 0;}
.club_n_btn .draw::after {  bottom: 0;  right: 0;}
.club_n_btn .draw:hover::before, .draw:hover::after {  width: 100%;  height: 100%;}
.club_n_btn .draw:hover::before {  border-top-color: #ffe600;  border-right-color: #ffe600;  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.club_n_btn .draw:hover::after {  border-bottom-color: #ffe600;  border-left-color: #ffe600;  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}
.club_n_btn .draw p{padding:15px 30px;position:relative;z-index:1;color:#000;font-weight:bold;}
.club_n_btn .draw p:after{position:absolute;content:"";width:2px;height:18px;left:0;background:#ffd600;}
.club_n_btn .draw:hover p:after{width:100%;height:100%;transition:0.5s ease 1s;top:0;z-index:-1}

@media screen and (max-width:600px) {

}


/*�۰� ����Ʈ*/
.n_members_wrap{width:100%;padding-bottom:50px;}
.n_members_wrap ul {text-align:left;}
.n_members_wrap ul li a{display:inline-block;z-index:3;border:0;box-shadow: inset 0 0 0 2px #fff;color: #fff;position: relative;vertical-align: middle;position:relative;box-sizing:border-box;}
.n_members_wrap ul li{width:31%;position:relative;padding:0;max-width:300px;display:inline-block;margin:0.8%;box-sizing:border-box;}
.n_members_wrap ul li a::before, .n_members_wrap ul li a::after {  box-sizing: inherit;  content: '';  position: absolute;  width: 100%;  height: 100%;z-index:2}
.n_members_wrap ul li a{  transition: color 0.25s;}
.n_members_wrap ul li a::before, .n_members_wrap ul li a::after {  border: 4px solid transparent;  width: 0;  height: 0;}
.n_members_wrap ul li a::before {  top: 0;  left: 0;}
.n_members_wrap ul li a::after {  bottom: 0;  right: 0;}
.n_members_wrap ul li.m_l a:hover::before, .n_members_wrap ul li a:hover::after {  width: 100%;  height: 100%;}
.n_members_wrap ul li.m_l a:hover::before {  border-top-color: #7fc1ff;  border-right-color: #7fc1ff;  transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;}
.n_members_wrap ul li.m_l a:hover::after {  border-bottom-color: #7fc1ff;  border-left-color: #7fc1ff;  transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;}

.n_members_wrap ul li.m_m a:hover::before, .n_members_wrap ul li a:hover::after {  width: 100%;  height: 100%;}
.n_members_wrap ul li.m_m a:hover::before {  border-top-color: #ff8a00;  border-right-color: #ff8a00;  transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;}
.n_members_wrap ul li.m_m a:hover::after {  border-bottom-color: #ff8a00;  border-left-color: #ff8a00;  transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;}

.n_members_wrap ul li.m_a a:hover::before, .n_members_wrap ul li a:hover::after {  width: 100%;  height: 100%;}
.n_members_wrap ul li.m_a a:hover::before {  border-top-color: #ffe600;  border-right-color: #ffe600;  transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;}
.n_members_wrap ul li.m_a a:hover::after {  border-bottom-color: #ffe600;  border-left-color: #ffe600;  transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;}

.n_members_wrap ul li a:hover{transition:0.5s ease 2s;-webkit-box-shadow:5px 5px 20px 0px rgba(42,42,42,0.2);-moz-box-shadow:5px 5px 20px 0px rgba(42,42,42,0.2);-ms-box-shadow:5px 5px 20px 0px rgba(42,42,42,0.2);box-shadow:5px 5px 20px 0px rgba(42,42,42,0.2)}
.n_members_wrap ul li .hover_color{position:absolute;top:0;left:0;width:100%;opacity:0;transition:0.5s ease 0.1s;}
.n_members_wrap ul li:hover .hover_color{opacity:1;transition:0.5s ease 0.1s;}
.n_members_wrap ul li p.m_txt{position:absolute;bottom:10px;left:10px;text-shadow:2px 2px 2px rgba(0,0,0,0.1);text-align:left;box-sizing: border-box;width: calc(100% - 20px);}
.n_members_wrap ul li p.m_txt span{display:inline-block;}
.n_members_wrap ul li p .m_name{font-size:14pt;color:#fff;font-weight:bold;padding-bottom:10px;margin-bottom:10px;position:relative;}
.n_members_wrap ul li p .m_name:after{position:absolute;bottom:0px;left:2px;width:30px;height:2px;background:#ffe600;content:"";}
.n_members_wrap ul li p .m_name.new:before{position:absolute;content:"New";background:#ffe600;font-weight:700;color:#000;right:-28px;top:-1px;font-size:7pt;line-height:12px;padding:0px 1px 1px 1px;}
.n_members_wrap ul li p .m_catg{font-size:9pt;color:#fff;font-weight:bold;width:100%;display:block;}
.n_members_wrap ul li p.bedge{position:absolute;top:10px;left:10px;font-weight:bold;font-size:11pt;}

/*20200525추가 leaders 추가아이콘*/
.n_members_wrap ul li{overflow:hidden;}
.n_members_wrap ul li.m_l::after{position:absolute;content:"";background:url("/clubnikon/img/members/leaders_add_ico.png")no-repeat;width:115px;height:59px;background-size:cover;bottom:0;right:-2px;z-index:3}




@media screen and (max-width:600px) {
.n_members_wrap ul{text-align:center;}
.n_members_wrap ul li{width:48%;margin:0.5%;}
/*20200525추가 leaders 추가아이콘*/
.n_members_wrap ul li.m_l::after{;width:80.5px;height:41.3px;}
}

/*�۰� �󼼺��� ������*/
.n_members_view .members_v_top{width:100%;background:#070b38;padding:4% 4% 2% 4%;box-sizing:border-box;overflow:hidden;position:relative;z-index:1}
.n_members_view .members_v_top:after{position:absolute;content:"";background:url("/clubnikon/img/members/top_back.png")no-repeat;width:100%;top:0;left:0;height:548px;z-index:-1;}
.n_members_view .members_v_top ul{text-align:left;width:100%;}
.n_members_view .members_v_top ul li{display:inline-block;text-align:center;box-sizing:border-box;}
.n_members_view .members_v_top ul li.left_area{width:29%;}
.n_members_view .members_v_top ul li.right_area{width:70%;padding-left:10%;}
.n_members_view .members_v_top ul li.left_area .img_box{position:relative;z-index:1}
.n_members_view .members_v_top ul li.left_area .img_box:after{position:absolute;content:"";top:10px;left:10px;width:100%;height:100%;background:#fff;z-index:-1;}
.n_members_view .members_v_top ul li.left_area .sns_box{margin-top:25px;}
.n_members_view .members_v_top ul li.left_area .sns_box span{margin:0 5px;background:url("/clubnikon/img/members/sns_off.png")no-repeat;display:inline-block;transition:0.5s ease 0.1s;}
.n_members_view .members_v_top ul li.left_area .sns_box span:hover{background:url("/clubnikon/img/members/sns_on.png")no-repeat;transition:0.5s ease 0.1s;}
.n_members_view .members_v_top ul li.left_area .sns_box span:nth-child(2n):hover img{  -webkit-transform: rotate(30deg);  transform: rotate(30deg);transition:0.3s ease 0.1s;}
.n_members_view .members_v_top ul li.left_area .sns_box span:nth-child(2n-1):hover img{  -webkit-transform: rotate(-30deg);  transform: rotate(-30deg);transition:0.3s ease 0.1s;}
.n_members_view .members_v_top ul li.left_area .sns_box span img{-webkit-transform: none;transform: none;transition:0.3s ease 0.1s;}

.n_members_view .members_v_top ul li.right_area{padding-top:3%;}
.n_members_view .members_v_top ul li.right_area .big_name{font-size:18pt;font-weight:bold;color:#fff;position:relative;display:inline-block;}
.n_members_view .members_v_top ul li.right_area .big_name p{font-size:18pt;font-weight:bold;color:#fff;/*text-transform:uppercase;*/}
.n_members_view .members_v_top ul li.right_area .big_name p:first-letter{font-size:30pt;color:#ffe600}
.n_members_view .members_v_top ul li.right_area .big_name:before{position: absolute;content: "";width: 17px;height: 17px;border: 4px solid #ffe600;border-radius: 20px;   box-sizing: border-box;top: -10px;left: -15px;}
.n_members_view .members_v_top ul li.right_area  p{color:#cdcdcd;margin-bottom:10px;}
.n_members_view .members_v_top ul li.right_area .inline_ul{text-align:center;}
.n_members_view .members_v_top ul li.right_area .inline_ul li{display:inline-block;color:#cdcdcd;margin-bottom:10px;}
.n_members_view .members_v_top ul li.right_area .small_name{position:relative;}
.n_members_view .members_v_top ul li.right_area .ambassador{padding:0; background:0}
.n_members_view .members_v_top ul li.right_area .leaders:first-letter{color:#7fc1ff;font-weight:bold;/*text-shadow: 1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff;*/}
.n_members_view .members_v_top ul li.right_area .master:first-letter{color:#ff8a00;font-weight:bold;}
.n_members_view .members_v_top ul li.right_area .ambassador:first-letter{color:#ffe600;font-weight:bold;}
.n_members_view .members_v_top ul li.right_area .a_word{width:80%;margin:0 auto;margin-top:40px;}
.n_members_view .members_v_top ul li.right_area .a_word p{color:#fff;line-height:1.8;position:relative;text-shadow:2px 2px 2px rgba(0,0,0,0.3)}
.n_members_view .members_v_top ul li.right_area .a_word p:before{position: absolute;top: 0;left: -22px;width: 22px;height: 18px;background: url("/clubnikon/img/members/quotation_w.png")no-repeat;content: "";}
.n_members_view .members_v_top ul li.right_area .a_word p:after{position: absolute;bottom: 0;right: -22px;width: 22px;height: 18px;background: url("/clubnikon/img/members/quotation_w2.png")no-repeat;content: "";}
.n_members_view .members_v_top ul li.right_area .author{position:relative;margin-top:5px;font-size:10pt;}
.n_members_view .members_v_top ul li.right_area .author:after{position:absolute;content:"";background:#ffe600;width:50%;height:1px;left:25%;top:-5px}
.n_members_view .members_txtwrap{width:100%; margin:30px 0;box-sizing:border-box;display:table;}
.n_members_view .members_txtwrap > ul{box-sizing:border-box;display:table-cell;width:30%;text-align:left;padding:15px;}
.n_members_view .members_txtwrap ul.txt_left h4{font-size:22pt;position:relative;font-weight:bold;color:#000;margin-bottom:5px;}
.n_members_view .members_txtwrap ul.txt_left h4:after{position:absolute;content:"";top:-6px;left:0;background:#000;height:3px;width:35px;}
.n_members_view .members_txtwrap ul.txt_left h5{position:relative;display:inline-block;font-weight:bold;z-index:1;font-size:16pt;color:#000;margin:10px 0;}
.n_members_view .members_txtwrap ul.txt_left h5:after{position:absolute;content:"";bottom:0px;z-index:-1;width:100%;height:7px;left:0;background:#ffe600;}
.n_members_view .members_txtwrap ul.txt_left ol{list-style:circle;margin-left:17px;}
.n_members_view .members_txtwrap ul.txt_left ol li{font-size:10pt;color:#000;line-height:1.8;}
.n_members_view .members_txtwrap ul.txt_left ol li.cn_listnone{list-style:none;line-height:inherit;font-size:12pt;}
.n_members_view .members_txtwrap ul.txt_right{width:68%;border-left:1px solid #ebebeb;background:url(/clubnikon/img/members/back_storn.png)no-repeat;background-position:bottom right; }
.n_members_view .members_txtwrap ul.txt_right li{font-size:11pt;color:#000;line-height:1.9;}
.n_members_view .members_txtwrap ul.txt_right li p{font-size:11pt;color:#000;line-height:1.8;display:inline-block;}
.n_members_view .members_txtwrap ul.txt_right .big_word{display:inline-block;font-size:16pt;font-weight:bold;color:#000;vertical-align:bottom;}
.n_members_view .members_txtwrap ul.txt_right strong{font-weight:bold;}
.n_members_view .members_txtwrap ul.txt_right .yellow_line{background:url(/clubnikon/img/members/yellow_line.png)}

/*20200616*/
.n_members_view .members_txtwrap ul.txt_right .interview_wrap{text-align:center;margin-top:15px;}
.n_members_view .members_txtwrap ul.txt_right .interview_wrap ul{text-align:left;}
.n_members_view .members_txtwrap ul.txt_right .interview_wrap ul li{display:inline-block;width:49%;margin-top:10px;}

.cn_more_btn_wrap{width:100%;text-align:center;padding: 10px 0;}
.cn_more_btn{width: 100px;	display: inline-block;	position: relative;	overflow: hidden;background:#fff;box-sizing:border-box;border:1px solid #ffe600;text-align:center;border-radius:20px;}
.cn_more_btn span {display:inline-block;width:100%;text-transform: uppercase;	color: #ffe600;	cursor: pointer;	background: transparent;	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	box-sizing: border-box;	-webkit-transition: all .2s linear;	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;	-o-transition: all .2s linear;	transition: all .2s linear;padding:5px 0;
line-height: 14px;text-align: center;}

.cn_more_btn span:after {
	content: attr(data-hover);
	position: absolute;
	left: 0;width:100%;height:26px;top:0;padding:5px 0;
	-webkit-transform: translateY(-24px);
	-moz-transform: translateY(-24px);
	-ms-transform: translateY(-24px);
	-o-transform: translateY(-24px);
	transform: translateY(-24px);
}
.cn_more_btn:hover span {
	-webkit-transform: translateY(24px);
	-moz-transform: translateY(24px);
	-ms-transform: translateY(24px);
	-o-transform: translateY(24px);
	transform: translateY(24px);
	
}
.cn_more_btn:hover span:after{background:#013e73;height:26px;}

.cn_more_btn_wrap2{width:100%;text-align:center;padding: 10px 0;}
.cn_more_btn2{width: 100px;	display: inline-block;	position: relative;	overflow: hidden;background:#fff;box-sizing:border-box;border:1px solid #ffe600;text-align:center;border-radius:20px;}
.cn_more_btn2 span {display:inline-block;width:100%;text-transform: uppercase;	color: #ffe600;	cursor: pointer;	background: transparent;	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	box-sizing: border-box;	-webkit-transition: all .2s linear;	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;	-o-transition: all .2s linear;	transition: all .2s linear;padding:5px 0;
line-height: 14px;text-align: center;}

.cn_more_btn2 span:after {
	content: attr(data-hover);
	position: absolute;
	left: 0;width:100%;height:26px;top:0;padding:5px 0;
	-webkit-transform: translateY(-24px);
	-moz-transform: translateY(-24px);
	-ms-transform: translateY(-24px);
	-o-transform: translateY(-24px);
	transform: translateY(-24px);
}
.cn_more_btn2:hover span {
	-webkit-transform: translateY(24px);
	-moz-transform: translateY(24px);
	-ms-transform: translateY(24px);
	-o-transform: translateY(24px);
	transform: translateY(24px);
	
}
.cn_more_btn2:hover span:after{background:#013e73;height:26px;}

/*.n_members_view .members_txtwrap ul.txt_right .yellow_line:after{position:absolute;content:"";background:#ffe600;width:100%;height:7px;left:0;bottom:0;z-index:-1;}*/
.n_members_view .example_slide{width:100%;box-sizing:border-box;position:relative;margin-top:10px;padding-bottom: calc(64% - 1px);border: 1px solid #ededed;background: #021628;}
.n_members_view .example_slide ul{}
.n_members_view .example_slide ul li{/*display:none;*/opacity:0;transition: .3s ease-in-out 0.1s;position: absolute;top:0;left:0;width:100%;/*background:#021628;*/padding-bottom: 64%;}
.n_members_view .example_slide ul li.ex_div{position:relative;overflow:hidden;}
.n_members_view .example_slide ul li .ex_wrap{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.n_members_view .example_slide ul li .photo_by{position:absolute;left:0;bottom:-34px;height:30px;width:100%;text-align:left;}
.n_members_view .example_slide ul li .photo_by p{color:#000;font-size:10pt;position:relative;padding-left:23px;line-height:25px;background:#021628;color:#fff;overflow: hidden;}
.n_members_view .example_slide ul li .photo_by p:before{position:absolute;content:"";width:69px;height:41px;position:absolute;left:-53px;top:-8px;transition:0.5s ease 0.1s;background-size:cover;background: #ffe600;border-radius: 47%;}
.n_members_view .example_slide ul li img {margin: 0 auto;width: auto;height: 100%;}
.n_members_view .example_slide ul li.on{/*display:block;*/opacity:1;transition: .3s ease-in-out 0.1s;}
.n_members_view .example_slide ul li.on2{opacity:1;transition: .3s ease-in-out 0.1s;}
.n_members_view .example_slide a.slide_btn{position:absolute;width:6%;max-width:44px;top:48%;background:rgba(256,256,256,0.3);border:1px solid #ffe600;border-radius:44px;}
.n_members_view .example_slide a.slide_btn img{transition: 0.3s ease 0.1s;}
.n_members_view .example_slide a.slide_btn:hover{background:rgba(256,256,256,0.5);}
.n_members_view .example_slide a.slide_right:hover img{margin-left:5px;transition: 0.3s ease 0.1s;}
.n_members_view .example_slide a.slide_left:hover img{margin-left:-10px;transition: 0.3s ease 0.1s;}
.n_members_view .example_slide a.slide_left{left:10px;}
.n_members_view .example_slide a.slide_right{right:10px;}
.n_members_view .example_slide a.slide_glass{    transition: 0.3s ease 0.1s;position:absolute;bottom:5px;right:5px;width:34px;}
.n_members_view .example_slide a.slide_glass:hover{width:50px;    transition: 0.3s ease 0.1s;}
.n_members_view	.artist_wrap {width:100%;box-sizing:border-box;margin-top:50px;}
.n_members_view	.artist_wrap ul{width:100%;display:table;}
.n_members_view	.artist_wrap ul li{border-bottom:3px solid #fff;display:table-cell;width:49.5%;position:relative;}
.n_members_view	.artist_wrap ul li:hover{border-bottom:3px solid #ffe600;}
.n_members_view	.artist_wrap ul li a{display:inline-block;position:relative;}
.n_members_view	.artist_wrap ul li img{width:100%;}
.n_members_view	.artist_wrap ul li a:after{position:absolute;content:"";transition: 0.3s ease 0.1s;top:10px;width:29px;height:26px;opacity:0;}
.n_members_view	.artist_wrap ul li.before a:after{background:url(/clubnikon/img/members/arrow_left.png);right:0px;}
.n_members_view	.artist_wrap ul li.after a:after{background:url(/clubnikon/img/members/arrow_right.png);right:20px;}

.n_members_view	.artist_wrap ul li a:hover:after{opacity:1;transition: 0.3s ease 0.1s;}
.n_members_view	.artist_wrap ul li.before:hover a:after{right:10px;}
.n_members_view	.artist_wrap ul li.after:hover a:after{right:10px;}
.n_members_view	.artist_wrap ul li p{position:absolute;color:#fff;}
.n_members_view	.artist_wrap ul li p.artist_name{bottom:40px;right:10px;font-size:14pt;}
.n_members_view	.artist_wrap ul li p.art_catg{bottom:10px;right:10px;font-size:10pt;}
.n_members_view	.artist_wrap ul li p.art_catg span{position:relative;padding-top:6px;}
.n_members_view	.artist_wrap ul li p.art_catg span:after{position:absolute;top:0;right:0;content:"";width:30px;height:2px;background:#ffe600;}
.n_members_view	.artist_wrap ul li.no_artist p{font-size:12pt;}
/*�۰� �󼼺��� ���̾� �˾�*/

.example_layer_wrap{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.8);z-index:3}
.example_layer_wrap .example_layer {position:relative;}
.example_layer_wrap .example_layer .layer_close{position:absolute;top:2%;right:2%;z-index:4;border:1px solid #ffd600;width:6%;max-width:60px;}
.example_layer_wrap .example_slide {padding-bottom:47%;background: 0;border: 0;}
.example_layer_wrap .example_slide ul{border:0}
.example_layer_wrap .example_slide ul li{overflow:inherit;background:0;padding-bottom:43%;}
.example_layer_wrap .example_slide a.slide_left{left:5%;}
.example_layer_wrap .example_slide a.slide_right{right:5%;}
.example_layer_wrap .example_slide .photo_by2{color:#fff;position:absolute;bottom:-60px;width:100%;text-align:left;}
.example_layer_wrap .example_slide .photo_by2 p{color: #fff;margin:0 auto; padding: 5px 0;width:72%;height:50px;overflow-y:auto;font-size:12pt;}
.example_layer_wrap .example_slide .photo_by2 p i {font-style: italic;display:block;text-align:right;}

@media screen and (max-width:960px) {
.n_members_view .members_v_top{padding:5% 2%;}
.n_members_view .members_v_top ul li.right_area{width:70%;padding-left:0%;}
.n_members_view .members_v_top ul li.left_area .sns_box span{width:20%;margin:0 1%;background-size:contain;}
.n_members_view .members_v_top ul li.left_area .sns_box span:hover{background-size:contain;}
.n_members_view .members_v_top ul li.left_area .img_box:after{position:absolute;content:"";top:5px;left:5px;width:100%;height:100%;background:#fff;z-index:-1;}
.n_members_view .members_txtwrap{display:inherit;}
.n_members_view .members_txtwrap ul{display:block;width:100%;}
.n_members_view .members_txtwrap ul.txt_right{width:100%;border-left:0;border-top:1px solid #ededed;}
.n_members_view .members_txtwrap ul .prof_box{width:48%;display:inline-block;}
}

@media screen and (max-width:650px) {
.n_members_view .members_v_top:after{position:absolute;content:"";background:url("/clubnikon/img/members/top_mo_back.png")no-repeat;width:100%;bottom:0;right:0;height:548px;z-index:-1;background-position:bottom right;    top: inherit;}
.n_members_view .members_v_top ul{text-align:center;}
.n_members_view .members_v_top ul li.left_area{width:100%;max-width:200px;margin:0 auto;text-align:center;margin-bottom: 15px}
.n_members_view .members_v_top ul li.right_area{width:100%;padding: 0;}
.n_members_view .members_v_top ul li.left_area .sns_box span{width:inherit;}
.n_members_view .members_v_top ul li.right_area .a_word {margin-top:20px;}
.n_members_view .example_slide a.slide_btn{width:10%;top:42%;}
.n_members_view	.artist_wrap ul{display:inherit;}
.n_members_view	.artist_wrap ul li{display:block;width:100%;}
.n_members_view	.artist_wrap ul li a:after{opacity:1;top:30%;}
.n_members_view	.artist_wrap ul li.before a:after{left:10px;}
.n_members_view	.artist_wrap ul li.after a:after{left:10px;}
.example_layer_wrap .example_slide ul li{padding-bottom:64%;overflow:inherit;}
.example_layer_wrap .example_slide a.slide_left{left:2%;top:48%;}
.example_layer_wrap .example_slide a.slide_right{right:2%;top:48%;}
.example_layer_wrap .example_slide{padding-top:9%;margin-top:0}
.example_layer_wrap .example_slide .photo_by{bottom:-210px;}
.example_layer_wrap .example_slide .photo_by p{width:90%;height:200px;}

/*20200616*/
.n_members_view .members_txtwrap ul.txt_right .interview_wrap ul li{width:100%;text-align:center;}

}

@media screen and (max-width:550px) {
.n_members_view .members_txtwrap ul .prof_box{width:100%;}	
	
}
.ambassador{background:url(/clubnikon/img/ambassador/absd_back.jpg);padding:5%;}
.ambassador .absd_title{text-align:left;}
.ambassador .absd_title p{display:inline-block;background:#ffe600;padding:5px;line-height:52px;position:relative;color:#070b38;margin-left:17px;font-size:24pt;font-weight:bold;vertical-align:middle}
.ambassador .absd_title p:before{position:absolute;bottom:0;left:-34px;width:34px;height:78px;content:"";background:url(/clubnikon/img/ambassador/y_title_deco.png);}
.ambassador .absd_title p img{    margin-top: 8px;    margin-right: 15px;}
.ambassador .absd_box{border:1px solid #ffe600;margin:10px 0;box-sizing:border-box;padding:4%;text-align:left;}
.ambassador .absd_box p{color:#fff;line-height:1.3;font-size:12pt;}
.ambassador .absd_box .y_title{color:#ffe600;font-size:16pt;font-weight:bold;position:relative;vertical-align:bottom;}
.ambassador .absd_box .y_title:before{position:absolute;content:"";top:-10px;left:-16px;width:8px;height:8px;border-radius:10px;border:4px solid #ffe600;}
.ambassador .absd_box .y_title img{vertical-align:bottom;}
.ambassador .absd_box ul{margin:15px 0;}
.ambassador .absd_box ul li{line-height:1.3;color:#fff;display:inline-block;border-left:2px solid #ffe600;padding-left:15px;font-size:12pt;}
.ambassador .absd_box ul li.li_title{font-weight:bold;border:0;width:120px;padding:0;font-size:12.1pt;}
.ambassador .absd_box ul li.l_s_8{letter-spacing:9.5px;font-size:12pt;}
.ambassador .absd_box ul li.l_s_30:first-letter{letter-spacing:75px;font-size:12pt;}
.ambassador .absd_box ul li .small_txt{font-size:11pt;}
.ambassador .sup_txt{text-align:left;color:#fff;}
.absd_btn_area{background:#fff;padding:10% 0;text-align:center;}
.absd_btn_area .absd_btn_wrap{width:100%;max-width:490px;text-align:right;margin:0 auto;}
.absd_btn_area .absd_btn_wrap p{color:#000;margin:10px 0;font-size:8pt;letter-spacing:-0.5px;}
.absd_pop_layer{position:absolute;bottom:30%;left:0;width:100%;}
.absd_pop_wrap{width:90%;margin:0 auto;border:2px solid #ffe600;/*background:url(/clubnikon/img/ambassador/pop_back.jpg)*/background:#070b38;padding:4.5%;max-width:750px;box-sizing:border-box;position:relative;}
.absd_pop_wrap .absd_title{text-align:center;}
.absd_pop_wrap .absd_title p{display:inline-block;background:#ffe600;padding:5px;line-height:52px;position:relative;color:#070b38;margin-left:17px;font-size:24pt;font-weight:bold;vertical-align:middle}
.absd_pop_wrap .absd_title p:before{position:absolute;bottom:0;left:-34px;width:34px;height:78px;content:"";background:url(/clubnikon/img/ambassador/y_title_deco.png);}
.absd_pop_wrap .absd_title p img{    margin-top: 8px;    margin-right: 15px;}
.absd_pop_wrap a.pop_close_btn{position:absolute;top:0;right:0;}
.absd_pop_wrap .pop_cont{width:100%;margin:0 auto;text-align:left;margin-top:40px;}
.absd_pop_wrap .pop_cont ul{margin:15px 0;}
.absd_pop_wrap .pop_cont ul li{width:100%;}
.absd_pop_wrap .pop_cont ul li.pop_q{font-weight:bold;font-size:14pt;color:#ffe600;margin:10px 0;line-height:1.3}
.absd_pop_wrap .pop_cont ul li input[type="text"]{width:100%;background:#fff;border:0;height:30px;margin:5px 0}
.absd_pop_wrap .pop_cont ul li textarea{width:100%;background:#fff;border:0;/*min-height:30px; margin:5px 0;max-height:200px;*/height:50px;padding:10px;box-sizing:border-box;overflow:auto;border-radius:7px;}
.absd_pop_wrap .pop_cont ul li p{display:inline-block;color:#fff;width:calc(100% - 150px);line-height:1.5}
.absd_pop_wrap .pop_cont ul li p.strong{width:95px;font-weight:bold;}
.absd_pop_wrap .pop_cont .agree p{color:#fff;font-size:8pt;line-height:1.5;margin-bottom:10px;}
.absd_pop_wrap .pop_cont input[type="radio"]{display:none;}
.absd_pop_wrap .pop_cont input[type="radio"] + label{color:#fff;margin-right:15px;font-size:10pt;}
.absd_pop_wrap .pop_cont input[type="radio"] + label::before{content:"";background:url(/clubnikon/img/ambassador/radio_off.png)no-repeat;width:20px;height:20px;display:inline-block;margin-bottom: -3px;}
.absd_pop_wrap .pop_cont input[type="radio"]:checked + label::before{content:"";background:url(/clubnikon/img/ambassador/radio_on.png)no-repeat;width:20px;height:20px;display:inline-block;margin-bottom: -3px;}
.absd_pop_wrap .pop_cont input.radio_btn[type="radio"] + label::before{content:"";background:url(/clubnikon/img/ambassador/radio2_off.png)no-repeat;width:20px;height:20px;display:inline-block;margin-bottom: -3px;}
.absd_pop_wrap .pop_cont input.radio_btn[type="radio"]:checked + label::before{content:"";background:url(/clubnikon/img/ambassador/radio2_on.png)no-repeat;width:20px;height:20px;display:inline-block;margin-bottom: -3px;}
.absd_pop_wrap .pop_cont input[type="radio"]:checked + label{color:#ffe600}
.absd_pop_wrap .pop_cont input[type="radio"]:checked + label p{color:#ffe600}
.absd_pop_wrap .pop_cont .pop_btn_wrap{text-align:center;padding:40px 0;}
.absd_pop_wrap .pop_cont .pop_btn_wrap a{text-align:center; padding:10px;box-sizing:border-box; width:250px;box-sizing:border-box;background:#ffe600;color:#070b38;font-size:18pt;display:inline-block;font-weight:bold;}
.absd_pop_wrap .pop_cont .absd_ruel{width:100%;margin-top:30px;}
.absd_pop_wrap .pop_cont .absd_ruel .rule_title{color:#ffe600;position:relative;font-size:16pt;font-weight:bold;}
.absd_pop_wrap .pop_cont .absd_ruel .rule_title:before{position:absolute;content:"";top:-10px;left:-16px;width:8px;height:8px;border-radius:10px;border:4px solid #ffe600;display:inline-block;}
.absd_pop_wrap .pop_cont .absd_ruel ul li{color:#fff;line-height:1.5;list-style:disc;font-size:11pt;margin-left: 5px;}
.absd_pop_wrap .pop_cont .absd_ruel ul li span{font-size:10pt;}

/*엠버서더 당첨자*/

.top_hello{border-top:1px solid  #ffe600;border-bottom:1px solid  #ffe600;text-align:center;padding:15px 0;margin-bottom:20px;
background: -moz-linear-gradient(left , #162755 0%, #070b38 50%, #162755 100%);
    background: -webkit-linear-gradient(left , #162755 0%, #070b38 50%, #162755 100%);
    background: -ms-linear-gradient(left , #162755 0%, #070b38 50%, #162755 100%);
    background: -o-linear-gradient(left , #162755 0%, #070b38 50%, #162755 100%);}
.top_hello p{line-height:1.8;font-size:13pt;color:#fff;font-weight:bold;}
.absd_pop_wrap .pop_cont .winner {width:100%;box-sizing:border-box;padding:2%;border:1px solid #50536e;background:rgba(0,0,0,0.3);}
.absd_pop_wrap .pop_cont .winner ul li{display:inline-block;width:24%;text-align:center;color:#fff;line-height:2.3}
.absd_pop_wrap .pop_cont .winner ul li p{position:relative;display:inline-block;width:inherit;}
.absd_pop_wrap .pop_cont .winner ul li p:before{position:absolute;top:12px;left:-12px;content:"";width:5px;height:5px;background:#ffe600; border-radius:5px;}
.absd_pop_wrap .pop_cont .winner ul li p:after{width:0;left:0;bottom:0;height:1px;background:#fff;content:"";transition:0.5s ease;position:absolute;}
.absd_pop_wrap .pop_cont .winner ul li:hover p:after{width:100%;transition:0.5s ease;}
.absd_pop_wrap .pop_cont p.thanks{font-size:9pt;color:#ffe600;line-height:1.5;text-align:left;margin-top:15px;}
@media screen and (max-width:650px) {
.absd_pop_wrap .pop_cont .winner ul li{width:49%;}
.absd_pop_layer{position:absolute;bottom:20%;}
.top_hello p{line-height:1.2;font-size:11pt;color:#fff;font-weight:bold;}
}


@media screen and (max-width:960px) {
.ambassador .absd_box ul li{display:block;padding-left:0;border:0;}
.ambassador .absd_box ul li.li_title{border-bottom:2px solid #ffe600;margin-bottom:5px;}

}

@media screen and (max-width:650px) {
.ambassador .absd_title p{font-size:17pt;letter-spacing:-0.5px;}
.ambassador .absd_title p img{width:110px;margin-top:16px;margin-right:10px;}
.absd_btn_area .absd_btn_wrap{padding:0 15px;box-sizing:border-box;}
.absd_pop_wrap{padding-top:40px;background:#070b38;max-height: 500px;overflow: auto;}
.absd_pop_wrap .pop_cont .agree input[type="radio"] + label{display:block;}
.absd_pop_wrap .absd_title p{font-size:13pt;letter-spacing:-0.5px;}
.absd_pop_wrap .absd_title p img{width:100px;margin-top:18px;margin-right:10px;}
.absd_pop_wrap .pop_cont ul li p {display:block;width:100%;}
.absd_pop_wrap .pop_cont ul li p.strong{width:calc(100% - 30px);display: inline-block;}
.absd_pop_wrap .pop_cont ul li > div{margin-bottom:10px;}
.ambassador .absd_box .y_title{margin-left:15px;}
}
@media screen and (max-width:450px) {
.absd_pop_wrap{width:98%}
.absd_pop_wrap .absd_title p{font-size:13pt}
.absd_pop_wrap .absd_title p img{width:90px;}
}