@charset 'utf-8';

/* 
	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

	버튼 사용가이드
	1.버튼은 통일적으로 한가지 형태 (이미지형 or CSS형)만 사용한다.
	2.다음 같은 클래스값을 원하는 형태만 활성화하고 사용하지않는 스타일은 주석으로 가려둔다.
	2.html코드를 똑같이 사용해 언제든지 자유롭게 두개의 버튼스타일을 번갈아 사용할 수 있다.
*/


/* ●●●●●●●●●● 이미지형 버튼 : 티켓몰형 (티켓몰/하이센스 중 하나만 활성화할것!!!! ) */
.button_pack {display:inline-block; overflow:hidden;}
.button_pack *{background: transparent url('../images/cm_images/button_pack.png') 0 0 no-repeat ; text-decoration:none !important;  letter-spacing:-1px}
.button_pack a {position:relative; float:left; font-weight:normal; margin:0 3px 0 0; word-wrap:normal; word-break:keep-all;}
.button_pack .edge {top:0; right:0; position:absolute; margin-right:-3px; overflow:hidden;}
.button_pack .lineup {background:none;}

.button_pack .btn_sm_white,.button_pack .btn_sm_black,.button_pack .btn_sm_color {font-size:11px; height:25px; line-height:25px; padding:0 12px 0 15px !important; }
.button_pack .btn_sm_white {background-position:0 0; color:#333 !important;}
.button_pack .btn_sm_white span {background-position:-497px 0; width:3px; height:25px;}
.button_pack .btn_sm_white:hover {background-position:-600px 0;}
.button_pack .btn_sm_white:hover span {background-position:-1097px 0;}
.button_pack .btn_sm_black {background-position:0 -30px; color:#fff !important;}
.button_pack .btn_sm_black span {background-position:-497px -30px; width:3px; height:25px;}
.button_pack .btn_sm_black:hover {background-position:-600px -30px;}
.button_pack .btn_sm_black:hover span {background-position:-1097px -30px;}
.button_pack .btn_sm_color {background-position:0 -60px; color:#fff !important;}
.button_pack .btn_sm_color span {background-position:-497px -60px; width:3px; height:25px;}
.button_pack .btn_sm_color:hover {background-position:-600px -60px;}
.button_pack .btn_sm_color:hover span {background-position:-1097px -60px;}

.button_pack .btn_md_white,.button_pack .btn_md_black,.button_pack .btn_md_color {height:35px; line-height:35px; font-size:13px; padding:0 16px 0 20px !important; font-weight:600}
.button_pack .btn_md_white {background-position:0 -100px; color:#333 !important;}
.button_pack .btn_md_white span {background-position:-497px -100px; width:3px; height:35px;}
.button_pack .btn_md_white:hover {background-position:-600px -100px;}
.button_pack .btn_md_white:hover span {background-position:-1097px -100px;}
.button_pack .btn_md_black {background-position:0 -140px; color:#fff !important;}
.button_pack .btn_md_black span {background-position:-497px -140px; width:3px; height:35px;}
.button_pack .btn_md_black:hover {background-position:-600px -140px;}
.button_pack .btn_md_black:hover span {background-position:-1097px -140px;}
.button_pack .btn_md_color {background-position:0 -180px; color:#fff !important;}
.button_pack .btn_md_color span {background-position:-497px -180px; width:3px; height:35px;}
.button_pack .btn_md_color:hover {background-position:-600px -180px;}
.button_pack .btn_md_color:hover span {background-position:-1097px -180px;}

.button_pack .btn_lg_white,.button_pack .btn_lg_black,.button_pack .btn_lg_color {height:55px; line-height:55px; padding:0 40px 0 43px !important; font-size:16px; font-weight:600;}
.button_pack .btn_lg_white {background-position:0 -240px;color:#333 !important;}
.button_pack .btn_lg_white span {background-position:-497px -240px; width:3px; height:55px;}
.button_pack .btn_lg_white:hover {background-position:-600px -240px;}
.button_pack .btn_lg_white:hover span {background-position:-1097px -240px}
.button_pack .btn_lg_black {background-position:0 -300px; color:#fff !important;}
.button_pack .btn_lg_black span {background-position:-497px -300px; width:3px; height:55px;}
.button_pack .btn_lg_black:hover {background-position:-600px -300px;}
.button_pack .btn_lg_black:hover span {background-position:-1097px -300px;}
.button_pack .btn_lg_color {background-position:0 -360px; color:#fff !important;}
.button_pack .btn_lg_color span {background-position:-497px -360px; width:3px; height:55px;}
.button_pack .btn_lg_color:hover {background-position:-600px -360px;}
.button_pack .btn_lg_color:hover span {background-position:-1097px -360px;}

.button_pack .btn_input {background:none; position:relative; position:relative; float:left; margin:0 3px 0 0;}
.button_pack input,.button_pack button {border:0; display:inline-block; overflow:visible; font-weight:normal; cursor:pointer; word-wrap:normal; word-break:keep-all;}

.button_pack .btn_input .btn_sm_white+ .edge {background-position:-497px 0; width:3px; height:25px; }
.button_pack .btn_input .btn_sm_white:hover+ .edge {background-position:-1097px 0;}
.button_pack .btn_input .btn_sm_black+ .edge {background-position:-497px -30px; width:3px; height:25px;}
.button_pack .btn_input .btn_sm_black:hover+ .edge {background-position:-1097px -30px;}
.button_pack .btn_input .btn_sm_color+ .edge {background-position:-497px -60px; width:3px; height:25px;}
.button_pack .btn_input .btn_sm_color:hover+ .edge {background-position:-1097px -60px;}

.button_pack .btn_input .btn_md_white+ .edge {background-position:-497px -100px; width:3px; height:35px;}
.button_pack .btn_input .btn_md_white:hover+ .edge {background-position:-1097px -100px;}
.button_pack .btn_input .btn_md_black+ .edge {background-position:-497px -140px; width:3px; height:35px;}
.button_pack .btn_input .btn_md_black:hover+ .edge {background-position:-1097px -140px;}
.button_pack .btn_input .btn_md_color+ .edge {background-position:-497px -180px; width:3px; height:35px;}
.button_pack .btn_input .btn_md_color:hover+ .edge {background-position:-1097px -180px;}

.button_pack .btn_input .btn_lg_white+ .edge {background-position:-497px -240px; width:3px; height:55px;}
.button_pack .btn_input .btn_lg_white:hover+ .edge {background-position:-1097px -240px;}
.button_pack .btn_input .btn_lg_black+ .edge {background-position:-497px -300px; width:3px; height:55px;}
.button_pack .btn_input .btn_lg_black:hover+ .edge {background-position:-1097px -300px;}
.button_pack .btn_input .btn_lg_color+ .edge {background-position:-497px -360px; width:3px; height:55px;}
.button_pack .btn_input .btn_lg_color:hover+ .edge {background-position:-1097px -360px;}




/* ●●●●●●●●●● CSS형 버튼 : 하이센스형 (티켓몰/하이센스 중 하나만 활성화할것!!!!) 
.button_pack a,.button_pack input,.button_pack button {background-image:none; position:relative; float:left; font-weight:normal; margin:0 !important; word-wrap:normal; word-break:keep-all; letter-spacing:-0.5px;}
.button_pack .btn_input {background:none; position:relative; position:relative; float:left; margin:0;}
.button_pack input,.button_pack button {border:0; display:inline-block; overflow:visible; font-weight:normal; cursor:pointer; word-wrap:normal; word-break:keep-all; letter-spacing:-0.5px;}
.button_pack .edge {display:none;}

.button_pack .btn_input .btn_sm_white,.button_pack .btn_input .btn_sm_black,.button_pack .btn_input .btn_sm_color {height:25px;}
.button_pack .btn_sm_white,.button_pack .btn_sm_black,.button_pack .btn_sm_color {font-size:11px; height:23px; line-height:23px; padding:0 14px !important;}
.button_pack .btn_sm_white {background:#fff; color:#333 !important; border:1px solid #ccc;}
.button_pack .btn_sm_white:hover {background:#ececec !important; border:1px solid #bbb;}

.button_pack .btn_sm_black {background:#505258; color:#fff !important; border:1px solid #333;}
.button_pack .btn_sm_black:hover {background:#111 !important; border:1px solid #000;}

.button_pack .btn_sm_color {background:#0096d9; color:#fff !important; border:1px solid #0073a7; }
.button_pack .btn_sm_color:hover {background:#6100d9 !important; border:1px solid #5414a2;}

.button_pack .btn_input .btn_md_white,.button_pack .btn_input .btn_md_black,.button_pack .btn_input .btn_md_color {height:35px;}
.button_pack .btn_md_white,.button_pack .btn_md_black,.button_pack .btn_md_color {height:33px; line-height:33px; font-size:13px; padding:0 19px !important; font-weight:600;}
.button_pack .btn_md_white {background:#fff; color:#333 !important; border:1px solid #ccc;}
.button_pack .btn_md_white:hover {background:#ececec !important; border:1px solid #bbb;}

.button_pack .btn_md_black {background:#505258; color:#fff !important; border:1px solid #333;}
.button_pack .btn_md_black:hover {background:#111 !important; border:1px solid #000;}

.button_pack .btn_md_color {background:#0096d9; color:#fff !important; border:1px solid #0073a7; }
.button_pack .btn_md_color:hover {background:#6100d9 !important; border:1px solid #5414a2;}

.button_pack .btn_input .btn_lg_white,.button_pack .btn_input .btn_lg_black,.button_pack .btn_input .btn_lg_color {height:55px;}
.button_pack .btn_lg_white,.button_pack .btn_lg_black,.button_pack .btn_lg_color { height:53px; line-height:53px; padding:0 43px !important; font-size:16px; font-weight:600;}
.button_pack .btn_lg_white {background:#fff; color:#333 !important; border:1px solid #ccc;}
.button_pack .btn_lg_white:hover {background:#ececec !important; border:1px solid #bbb;}

.button_pack .btn_lg_black {background:#505258; color:#fff !important; border:1px solid #333;}
.button_pack .btn_lg_black:hover {background:#111 !important; border:1px solid #000;}

.button_pack .btn_lg_color {background:#0096d9; color:#fff !important; border:1px solid #0073a7; }
.button_pack .btn_lg_color:hover {background:#6100d9 !important; border:1px solid #5414a2;}
*/



/* ●●●●●●●●●● 기본메인 팝업창 */
/*.popup {position:absolute;background:#444;z-index:999999;}*/
.popup {position:absolute;background:#444;z-index:999999;}
.popup .img {overflow:hidden;}
.popup .btn_area {position:relative;white-space:nowrap;padding:2px 0 0 0;width: 100% !important;}
.popup .btn_area label {line-height:1.2;margin-left:10px;overflow:hidden;color:#ccc;font-size:13px;letter-spacing:-1px;padding:4px 0;float: left;margin-top: 0px;}
.popup .btn_area label:hover {color:#fff;}
.popup .btn_area input {margin:1px 3px 0 0;}
.popup .btn_close {position:absolute; top:1px; right:0; background:transparent url('../images/cm_images/ic_popup_close.gif') center center no-repeat; width:30px; height:30px;}
.popup .btn_close img {display:none;}




/* ●●●●●●●●●● 모바일버전보기 버튼 */
#backToMobile {	box-sizing: border-box;	box-shadow: inset 0 2em 2em rgba(0,0,0,.5); text-align: center; background: #333; padding: 5em 0;}
#backToMobile > a {display: inline-block;	box-sizing: border-box; padding: 1em 4em; color: #333; background:#fff; border-radius:20em; font-size: 5em; letter-spacing:-0.08em; font-weight:600; }
#backToMobile > a:active {margin-top: .5em;}



/* ●●●●●●●●●● 공통 탑영역  */
.cm_common_top {background: #383F46;position:relative;overflow:hidden;padding:0 40px;}
.cm_common_top .commom_page_title {padding:30px 0;}
.cm_common_top .commom_page_title dl {margin-left:0px;}
.cm_common_top .commom_page_title dt {font-size:28px; font-weight:600; color:#fff; font-family:'나눔고딕','NanumGothic';}
.cm_common_top .commom_page_title dd {font-size:12px; overflow:hidden; color:#a2a4a6; letter-spacing:-0.5px; margin-top:6px; font-weight:normal;}
.cm_common_top .commom_page_title .icon_img {position:absolute; left:40px; top:30px;}



/* ●●●●●●●●●● 가로형 메뉴 : 박스형식 (둘중하나 선택) 
.cm_common_col_nav {clear:both; background:#ddd; border-bottom:1px solid #ccc; overflow:hidden; text-align:center;}
.cm_common_col_nav ul {display:inline-block; overflow:hidden;  padding:15px 0;}
.cm_common_col_nav li {list-style:none; display:inline-block; float:left;}
.cm_common_col_nav a {font-size:12px; display:block; padding:10px 20px; letter-spacing:-1px; font-weight:400; color:#3d414e !important; border:1px solid #aaa; margin:0 3px; background:#eee;}
.cm_common_col_nav a:hover {background:#a5a7b0; color:#fff! important;}
.cm_common_col_nav .hit {color:#ff0000 !important; background: #fff; font-weight:600; border:1px solid #999;}
.cm_common_col_nav .hit:hover  {color:#ff0000 !important; background: #fff}
 */

/* 가로형 메뉴 : 탭형식 (둘중하나 선택) */
.cm_common_col_nav {clear:both; background:#cbccd1; overflow:hidden; text-align:center;}
.cm_common_col_nav li {list-style:none; float:left; border-right:1px solid #aaa;}
.cm_common_col_nav a {font-size:12px; display:block; height:50px; line-height:50px; padding:0 25px; letter-spacing:-0.5px; font-weight:600; color:#3d414e !important}
.cm_common_col_nav a:hover {background:#a5a7b0; color:#fff!important;}
.cm_common_col_nav .hit {color:#ff0000 !important; background: #fff; font-weight:600; padding:0 30px; }
.cm_common_col_nav .hit:hover  {color:#ff0000 !important; background: #fff}
.cm_common_col_nav li:first-of-type .hit { border-left:1px solid #dadada;}



/* ●●●●●●●●●● 텍스트페이지(약관등) */
.cm_fulltext {overflow:hidden; line-height:18px; padding:0 0 0 30px;}
.cm_fulltext dt {background:#fafafa url('../images/cm_images/fulltext_dt.png') 10px center no-repeat; border-bottom:1px solid #e4e4e4; letter-spacing:-1px; padding:10px 10px 10px 30px; color:#333; font-weight:600; font-size:13px; margin-left:-30px;}
.cm_fulltext dd {padding:10px 20px 20px 0; line-height:20px;}
.cm_fulltext b {color:#ff6600}
.cm_fulltext strong {color:#ff6600}



/* ●●●●●●●●●● 페이지하단 버튼영역 */
.cm_botton_button {overflow:hidden;text-align:center;clear:both;padding: 10px 0 0 0;}
.cm_botton_button .button_pack {margin:0 3px !important; float:left;}