* {font-family:"NanumSquareR", "NotoSans-Regular", sans-serif;}

/*나눔스퀘어 - 라이트,볼드,엑스트라볼드*/
.ns_l {font-family:"NanumSquareL", "NotoSans-Light", sans-serif;}
.ns_b {font-family:"NanumSquareB", "NotoSans-Bold", sans-serif;}
.ns_eb {font-family:"NanumSquareEB", "NotoSans-ExtraBold", sans-serif;}

/*오픈센스 - 라이트,레귤러,세미볼드,볼드,엑스트라볼드*/
.os_l {font-family:"OpenSans-Light", "NotoSans-Light", sans-serif;}
.os_r {font-family:"OpenSans-Regular", "NotoSans-Regular", sans-serif;}
.os_sb {font-family:"OpenSans-SemiBold", "NotoSans-Medium", sans-serif;}
.os_b {font-family:"OpenSans-Bold", "NotoSans-Bold", sans-serif;}
.os_eb {font-family:"OpenSans-ExtraBold", "NotoSans-ExtraBold", sans-serif;}

body {width:100%; margin:0 auto; background-color:#e5e9ec; padding:0; font-size:13px; line-height:normal;}
img {border:none; padding:0; margin:0; outline:none;}
p {padding:0; margin:0;}
i {padding:0; margin:0;}
a {border:none; padding:0; margin:0; outline:none; text-decoration:none;}
a:active {color:#666666; text-decoration:none;}
a:link {color:#666666; text-decoration:none;}
a:visited {color:#666666; text-decoration:none;}
a:hover {color:#666666; text-decoration:none;}
input, select, textarea {margin:0; padding:0; outline:none; border:1px solid #e5e9ec; font-size:13px; color:#000000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
input[type=text], input[type=file], input[type=password] ,input[type=tel], select, textarea {width:100%; transition:all 0.5s ease;}
input[type=text]:focus, input[type=password]:focus ,input[type=tel]:focus, select:focus, textarea:focus {background-color:#f4f5f7;}
button {padding:0 margin:0; border:0; outline:none; cursor:pointer; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul {list-style:none; padding:0; margin:0; *zoom:1;}
ul:after {content:""; display:block; clear:both;}
ul > li {display:block;}

table {}
table > thead > tr > td {}
table > thead > tr > td span {color:#6f7b8a; font-weight:bold;}
table > tbody > tr > td {}
table > tbody > tr > td span {color:#576475;}

td {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
td:first-child {border-radius:2px 0 0 2px; -moz-border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px;}
td:last-child {border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;}

input::-webkit-input-placeholder {color: #999999; font-style:italic;}
input:-ms-input-placeholder {color: #999999; font-style:italic;}
input::placeholder {color: #999999; font-style:italic;}
input:-moz-read-only {background-color: #f0f0f0;}
input:read-only {background-color: #f0f0f0;}

input[type=password] {font-family: "OpenSans-Regular";}

textarea {padding:10px;}
textarea::-webkit-input-placeholder {color: #999999; font-style:italic;}
textarea:-ms-input-placeholder {color: #999999; font-style:italic;}
textarea::placeholder {color: #999999; font-style:italic;}
textarea:-moz-read-only {background-color: #f0f0f0;}
textarea:read-only {background-color: #f0f0f0;}

label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700;}
label {display: block; margin-bottom: 5px;}
label, input, button, select, textarea {font-size: 14px; font-weight: normal; line-height: 20px;}
label.error {font-size: 12px; color: #f35958; display: none;}


/*입력 폼 관련*/
.form-group {}
.form-group .form-label {color: #55606e; display: inline-block; margin-right: 8px;}
.form-group .help {color: #A7ABB1; font-size: 12px;}
.form-group input[type=text],
.form-group input[type=file],
.form-group input[type=number],
.form-group input[type=email],
.form-group input[type=password],
.form-group textarea {width:100%;}
.form-label {margin-top: 2px;}
.input-with-icon {position: relative;}

.row {}
.row:after {display: table; content: " "; clear: both;}

.row .col {float: left; box-sizing: border-box; padding:20px 20px 0 20px;}
.row .col.col-m1 {width:10%; border-right: 1px solid #ddd;}
.row .col.col-m2 {width:20%; border-right: 1px solid #ddd;}
.row .col.col-m3 {width:30%; border-right: 1px solid #ddd;}
.row .col.col-m4 {width:40%; border-right: 1px solid #ddd;}
.row .col.col-m5 {width:50%; border-right: 1px solid #ddd;}
.row .col.col-m6 {width:60%; border-right: 1px solid #ddd;}
.row .col.col-m7 {width:70%; border-right: 1px solid #ddd;}
.row .col.col-m8 {width:80%; border-right: 1px solid #ddd;}
.row .col.col-m9 {width:90%; border-right: 1px solid #ddd;}
.row .col.col-m10 {width:100%;}
.row > div[class*="col-"]:last-child {
    border-right: 0px;
}

input.error {border: 1px solid #f35958;}
textarea.error {border: 1px solid #f35958;}
select.error {border: 1px solid #f35958;}



select {
	appearance:button;
	-moz-appearance:button; /*Firefox*/
	-webkit-appearance:button; /*Safari and Chrome*/
	background:url("/img/sub/select_arrow.png") no-repeat 95% 50%; /*셀렉박스 화살표 */
}

/*IE 10, 11의 네이티브 화살표 숨기기*/ 
select::-ms-expand {display:none;}

/*display:inline-block; *display:inline; zoom:1;*/

/*입력란*/
.select {height:36px; padding:0 10px; vertical-align:middle;}
.input {height:36px; padding:0 10px; margin:0 3px; vertical-align:middle;}


/*라디오 버튼*/
.radio_label {display:inline-block; *display:inline; zoom:1; cursor:pointer; margin-right: 15px;}
.radio_label .check_icon {display:inline-block; *display:inline; zoom:1; width:16px; height:16px; border:1px solid #e5e9ec; background-color:#ffffff; vertical-align:middle; text-align:center; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.radio_label .check_icon i {display:none; font-size:10px; line-height:16px;}
.radio_label input[type=radio] {display:none;}
.radio_label input[type=radio]:checked + .check_icon {}
.radio_label input[type=radio]:checked + .check_icon i {display:inline;}
.radio_label span {margin-left:7px; vertical-align:middle;}

/*체크박스 버튼*/
.checkbox_label {display:inline-block; *display:inline; zoom:1; cursor:pointer;}
.checkbox_label .check_icon {display:inline-block; *display:inline; zoom:1; width:16px; height:16px; border:1px solid #e5e9ec; background-color:#ffffff; vertical-align:middle; text-align:center; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.checkbox_label .check_icon i {display:none; font-size:10px; line-height:16px;}
.checkbox_label input[type=checkbox] {display:none;}
.checkbox_label input[type=checkbox]:checked + .check_icon {}
.checkbox_label input[type=checkbox]:checked + .check_icon i {display:inline;}
.checkbox_label span {margin-left:7px; vertical-align:middle;}

/*버튼*/
button {transition:all 0.5s ease; text-align:center; font-size:14px; line-height:34px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
button.small {font-size:12px; line-height:22px;}
button.white {border:1px solid #e5e9ec; background-color:#ffffff; color:#5e5e5e;}
button.white:hover {border:1px solid #b4b9be;}
button.default {border:1px solid #d1dade; background-color:#d1dade; color:#5e5e5e;}
button.default:hover {border:1px solid #b9c3c8; background-color:#b9c3c8;}
button.primary {border:1px solid #0aa699; background-color:#0aa699; color:#ffffff;}
button.primary:hover {border:1px solid #099a8c; background-color:#099a8c;}
button.success {border:1px solid #0090d9; background-color:#0090d9; color:#ffffff;}
button.success:hover {border:1px solid #0082d4; background-color:#0082d4;}
button.info {border:1px solid #1f3853; background-color:#1f3853; color:#ffffff;}
button.info:hover {border:1px solid #1b3148; background-color:#1b3148;}
button.warning {border:1px solid #fbb05e; background-color:#fbb05e; color:#ffffff;}
button.warning:hover {border:1px solid #faa652; background-color:#faa652;}
button.danger {border:1px solid #f35958; background-color:#f35958; color:#ffffff;}
button.danger:hover {border:1px solid #f14d4d; background-color:#f14d4d;}
button.join {border:1px solid #7f96a8; background-color:#7f96a8; color:#ffffff;}
button.join:hover {border:1px solid #6c899f; background-color:#6c899f;}


/**/
#wrap {width:100%; min-width:1440px; margin:0 auto;}

/*컨텐츠*/
#container {width:100%; margin:0 auto;}

/*프레임*/
#frame_con {padding-left:243px; position:relative; top:0; left:0;}
#frame_con > .left_con {width:243px; height:100%; background-color:#1b1e24; position:absolute; top:0; left:0; z-index:100;}
#frame_con > .left_con > .logo_con {background-color:#23394a;}
#frame_con > .left_con > .contents_con {}
#frame_con > .left_con > .contents_con > .member_con {padding:23px 0;}
#frame_con > .left_con > .contents_con > .member_con > table {width:189px; margin:0 auto;}
#frame_con > .left_con > .contents_con > .member_con > table > tbody > tr > td {}
#frame_con > .left_con > .contents_con > .member_con > table > tbody > tr > .img_td {}
#frame_con > .left_con > .contents_con > .member_con > table > tbody > tr > .img_td .img_con {background-color:#ffffff; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px;}
#frame_con > .left_con > .contents_con > .member_con > table > tbody > tr > .img_td .img_con img {border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px;}
#frame_con > .left_con > .contents_con > .member_con > table > tbody > tr > .text_td {padding-left:13px;}
#frame_con > .left_con > .contents_con > .member_con > table > tbody > tr > .text_td > .name_con {}
#frame_con > .left_con > .contents_con > .member_con > table > tbody > tr > .text_td > .name_con span {font-size:22px; color:#ffffff; line-height:30px;}
#frame_con > .left_con > .contents_con > .member_con > table > tbody > tr > .text_td > .level_con {margin-bottom:2px;}
#frame_con > .left_con > .contents_con > .member_con > table > tbody > tr > .text_td > .level_con .icon {display:inline-block; *display:inline; zoom:1; width:6px; height:6px; border:4px solid #0aa699; vertical-align:middle; border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;}
#frame_con > .left_con > .contents_con > .member_con > table > tbody > tr > .text_td > .level_con span {color:#8b91a0; vertical-align:middle;}
#frame_con > .left_con > .contents_con > .member_con > table > tbody > tr > .text_td > .title_con {}
#frame_con > .left_con > .contents_con > .member_con > table > tbody > tr > .text_td > .title_con span {color:#ffffff; line-height:21px;}
#frame_con > .left_con > .contents_con > .nav {}
#frame_con > .left_con > .contents_con > .nav > ul {}
#frame_con > .left_con > .contents_con > .nav > ul > li {}
#frame_con > .left_con > .contents_con > .nav > ul > li > a {display:block;}
#frame_con > .left_con > .contents_con > .nav > ul > li > a > table {width:189px; margin:0 auto;}
#frame_con > .left_con > .contents_con > .nav > ul > li > a > table > tbody > tr > td {height:45px;}
#frame_con > .left_con > .contents_con > .nav > ul > li > a > table > tbody > tr > .icon_td {width:16px;}
#frame_con > .left_con > .contents_con > .nav > ul > li > a > table > tbody > tr > .icon_td i {font-size:16px; color:#8b91a0;}
#frame_con > .left_con > .contents_con > .nav > ul > li > a > table > tbody > tr > .text_td {padding:0 10px;}
#frame_con > .left_con > .contents_con > .nav > ul > li > a > table > tbody > tr > .text_td span {font-size:14px; color:#8b91a0;}
#frame_con > .left_con > .contents_con > .nav > ul > li > a > table > tbody > tr > .arrow_td {width:20px;} 
#frame_con > .left_con > .contents_con > .nav > ul > li > a > table > tbody > tr > .arrow_td i {color:#8b91a0;}
#frame_con > .left_con > .contents_con > .nav > ul > li > a > table > tbody > tr > .notice_td {width:20px;} 
#frame_con > .left_con > .contents_con > .nav > ul > li > a > table > tbody > tr > .notice_td span {display:block; background-color:#f35958; text-align:center; font-size:11px; color:#ffffff; line-height:20px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
#frame_con > .left_con > .contents_con > .nav > ul > li > .on > table > tbody > tr > .icon_td i {color:#ffffff;}
#frame_con > .left_con > .contents_con > .nav > ul > li > .on > table > tbody > tr > .text_td span {color:#ffffff;}
#frame_con > .left_con > .contents_con > .nav > ul > li > .on > table > tbody > tr > .arrow_td i {color:#ffffff;}
#frame_con > .left_con > .contents_con > .nav > ul > li > .sub_nav {display:none; background-color:#22262e; padding:10px 0;}
#frame_con > .left_con > .contents_con > .nav > ul > li > .sub_nav > ul {}
#frame_con > .left_con > .contents_con > .nav > ul > li > .sub_nav > ul > li {margin-top:10px;}
#frame_con > .left_con > .contents_con > .nav > ul > li > .sub_nav > ul > li > a {display:block; padding:5px 47px 5px 53px; color:#8b91a0; line-height:21px;}
#frame_con > .left_con > .contents_con > .nav > ul > li > .sub_nav > ul > li > a:hover {background-color:#1b1e24; color:#ffffff;}
#frame_con > .left_con > .contents_con > .nav > ul > li > .sub_nav > ul > li > a.on {background-color:#1b1e24; color:#ffffff;}
#frame_con > .left_con > .contents_con > .nav > ul > li > .sub_nav > ul > li:first-child {margin-top:0;}
#frame_con > .right_con {}
#frame_con > .right_con > .setting_con {background-color:#ffffff; padding:0 30px;}
#frame_con > .right_con > .setting_con > table {width:100%; margin:0 auto}
#frame_con > .right_con > .setting_con > table > tbody > tr > td {height:59px;}
#frame_con > .right_con > .setting_con > table > tbody > tr > td .bar {width:1px; height:14px; background-color:#e1e1e1;}
#frame_con > .right_con > .setting_con > table > tbody > tr > td i {font-size:21px; color:#4c5264;}
#frame_con > .right_con > .contents_con {width:1100px; margin:0 auto; padding:30px 0;}
#frame_con > .right_con > .contents_con > .route_con {margin-bottom:20px;}
#frame_con > .right_con > .contents_con > .route_con > .text01_con {margin-bottom:5px;}
#frame_con > .right_con > .contents_con > .route_con > .text01_con span {line-height:21px; color:#7b7d82;}
#frame_con > .right_con > .contents_con > .route_con > .text01_con span i {}
#frame_con > .right_con > .contents_con > .route_con > .text01_con span font {}
#frame_con > .right_con > .contents_con > .route_con > .text01_con span font.end {font-weight:bold;}
#frame_con > .right_con > .contents_con > .route_con > .text01_con span i:first-child {display:none;}
#frame_con > .right_con > .contents_con > .route_con > .text02_con {}
#frame_con > .right_con > .contents_con > .route_con > .text02_con span {font-size:25px; color:#505458; line-height:33px;}
#frame_con > .right_con > .contents_con > .contents_con {}
#frame_con > .right_con > .contents_con > .contents_con > .contents_div {background-color:#ffffff; padding:30px; margin-top:10px;}
#frame_con > .right_con > .contents_con > .contents_con > .contents_div:first-child {margin-top:0;}


#frame_con > .right_con > .contents_con > .contents_con > .tab_btn_con {margin-top:20px; text-align:left;}
#frame_con > .right_con > .contents_con > .contents_con > .tab_btn_con button {width:120px; text-align:center; margin-left:6px; font-size:14px; line-height:34px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#frame_con > .right_con > .contents_con > .contents_con > .tab_btn_con button:first-child {margin-left:0;}


/*서브 리스트*/
.sub_list_con {}
.sub_list_con > .title_con {margin-bottom:15px;}
.sub_list_con > .title_con span {font-size:20px; color:#282323; font-weight:bold; line-height:28px;}
.sub_list_con > .list_frame01_con {}
.sub_list_con > .list_frame01_con > table {width:100%; margin:0 auto;}
.sub_list_con > .list_frame01_con > table > thead > tr > td {background-color:#ecf0f2; padding:10px;}
.sub_list_con > .list_frame01_con > table > thead > tr > td span {line-height:21px;}
.sub_list_con > .list_frame01_con > table > tbody > tr > td {border-bottom:1px solid #e8edf1; padding:10px;}
.sub_list_con > .list_frame01_con > table > tbody > tr > td span {line-height:21px;}
.sub_list_con > .list_frame01_con > table > tbody > tr.selected {background-color:#ffffcc;}
.sub_list_con > .list_frame01_con > table > tbody > tr:hover {background-color:#ecf0f2;}
.sub_list_con > .list_frame02_con {}
.sub_list_con > .list_frame02_con > table {width:100%; margin:0 auto;}
.sub_list_con > .list_frame02_con > table > thead > tr > td {padding:10px;}
.sub_list_con > .list_frame02_con > table > thead > tr > td span {line-height:21px;}
.sub_list_con > .list_frame02_con > table > tbody > tr > td {padding:10px;}
.sub_list_con > .list_frame02_con > table > tbody > tr > td span {line-height:21px;}
.sub_list_con > .list_frame02_con > table > tbody > tr:nth-child(odd) {background-color:#ecf0f2;}
.sub_list_con > .list_frame03_con {}
.sub_list_con > .list_frame03_con > table {width:100%; margin:0 auto;}
.sub_list_con > .list_frame03_con > table > thead > tr > td {padding:10px;}
.sub_list_con > .list_frame03_con > table > thead > tr > td span {line-height:21px;}
.sub_list_con > .list_frame03_con > table > tbody > tr > td {border-top:1px solid #e8edf1; padding:10px;}
.sub_list_con > .list_frame03_con > table > tbody > tr > td span {line-height:21px;}
.sub_list_con > .list_frame03_con > table > tbody > tr:hover {background-color:#ecf0f2;}
.sub_list_con > .btn_con {margin-top:20px; text-align:right;}
.sub_list_con > .btn_con button {width:120px; text-align:center; margin-left:6px; font-size:14px; line-height:34px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.sub_list_con > .btn_con button:first-child {margin-left:0;}
.sub_list_con > .number_list_con {margin-top:20px;}
.sub_list_con > .search_con {margin-bottom:20px; text-align:left;}
.sub_list_con > .search_con .select {width:100px; height:36px; padding:0 10px; vertical-align:middle;}
.sub_list_con > .search_con .input {width:220px; height:36px; padding:0 10px; margin:0 3px; vertical-align:middle;}
.sub_list_con > .search_con button {width:36px; vertical-align:middle; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.sub_list_con > .search_con button i {line-height:32px;}

/*서브 입력폼*/
.sub_list_con .write_frame01_con {}
.contents_div > form > .btn_con {margin-top:20px; text-align:right;}
.contents_div > form > .btn_con button {width:120px; text-align:center; margin-left:6px; font-size:14px; line-height:34px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.contents_div > form > .btn_con button:first-child {margin-left:0;}
.sub_list_con .btn_con {margin-top:20px; text-align:right;}
.sub_list_con .btn_con button {width:120px; text-align:center; margin-left:6px; font-size:14px; line-height:34px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.sub_list_con .btn_con button:first-child {margin-left:0;}


/*로그인*/
#login_left_con { float:left; width:30%; height:100%; background-color:#23394a; display:table; }
#login_left_con > .contents_con { display:table-cell; text-align:center; vertical-align:middle; }
#login_left_con > .contents_con > .logo_con { margin-bottom:55px; }
#login_left_con > .contents_con > .join_con { margin-bottom:20px; }
#login_left_con > .contents_con > .join_con > button.join { width:353px; font-size:16px; }
#login_left_con > .contents_con > .info_con { font-size:16px; line-height:30px; color:#ffffff; }
#login_right_con { float:left; width:70%; height:100%; background-color:#e5e9ec; display:table; }
#login_right_con > .contents_con { display:table-cell; text-align:center; vertical-align:middle; }
#login_right_con > .contents_con > form > .icon_con { margin-bottom:40px; }
#login_right_con > .contents_con > form > .login_con { margin-bottom:22px; }
#login_right_con > .contents_con > form > .login_con > .input_con { text-align:center; margin-bottom:18px; }
#login_right_con > .contents_con > form > .login_con > .input_con > .input { width:307px; }
#login_right_con > .contents_con > form > .btn_con { }
#login_right_con > .contents_con > form > .btn_con > button { width:307px; font-size:16px; }
/*
#login_con {width:767px; height:314px; margin:0 auto; margin-top:-157px; position:absolute; top:50%; left:0; right:0; z-index:100; *zoom:1;}
#login_con:after {content:""; display:block; clear:both;}
#login_con > .left_con {float:left; width:330px; height:270px; border-right:1px solid #cdd3d9; padding:44px 80px 0 0;}
#login_con > .left_con > .text_con {margin-bottom:27px;}
#login_con > .left_con > .text_con > .text01_con {margin-bottom:13px;}
#login_con > .left_con > .text_con > .text01_con span {font-size:34px; color:#525965; line-height:42px;}
#login_con > .left_con > .text_con > .text01_con span .color_text {color:#224872;}
#login_con > .left_con > .text_con > .text02_con {}
#login_con > .left_con > .text_con > .text02_con span {color:#525965; line-height:21px;}
#login_con > .left_con > .btn_con {}
#login_con > .left_con > .btn_con > ul {}
#login_con > .left_con > .btn_con > ul > li {margin-top:22px;}
#login_con > .left_con > .btn_con > ul > li button {width:330px; background-color:#1f3853; padding-left:28px; text-align:left; font-size:14px; color:#ffffff; line-height:31px; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px;}
#login_con > .left_con > .btn_con > ul > li:first-child {margin-top:0;}
#login_con > .right_con {float:left; width:306px; height:287px; padding:27px 0 0 49px;}
#login_con > .right_con .write_con {margin-bottom:23px;}
#login_con > .right_con .write_con > ul {}
#login_con > .right_con .write_con > ul > li {margin-top:18px;}
#login_con > .right_con .write_con > ul > li .list_div {}
#login_con > .right_con .write_con > ul > li .list_div > .title_con {margin-bottom:6px;}
#login_con > .right_con .write_con > ul > li .list_div > .title_con span {color:#525965; line-height:21px;}
#login_con > .right_con .write_con > ul > li .list_div > .input_con {}
#login_con > .right_con .write_con > ul > li .list_div > .input_con .input {width:306px; height:39px; border:0; padding:0 10px;}
#login_con > .right_con .write_con > ul > li:first-child {margin-top:0;}
#login_con > .right_con .check_con {margin-bottom:28px;}
#login_con > .right_con .check_con .checkbox_label input[type=checkbox]:checked + .check_icon {background-color:#0090d9;}
#login_con > .right_con .check_con .checkbox_label input[type=checkbox]:checked + .check_icon i {color:#ffffff;}
#login_con > .right_con .check_con .checkbox_label span {font-size:13px; color:#525965;}
#login_con > .right_con .btn_con {text-align:right;}
#login_con > .right_con .btn_con button {width:120px; height:36px; background-color:#0aa699; font-size:14px; color:#ffffff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
*/

/*메인화면*/
#frame_con > .right_con > .contents_con > .contents_con > ul {}
#frame_con > .right_con > .contents_con > .contents_con > ul > li { float:left; width:249px; height:344px; background-color:#ffffff; border:3px solid #89c9e1; margin:20px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -webkit-box-shadow: 0px 0px 10px 0px rgba(137,201,225,1); -moz-box-shadow: 0px 0px 10px 0px rgba(137,201,225,1); box-shadow: 0px 0px 10px 0px rgba(137,201,225,1); }
#frame_con > .right_con > .contents_con > .contents_con > ul > li.end { border:3px solid #ff9e9e; -webkit-box-shadow: 0px 0px 10px 0px rgba(255,158,158,1); -moz-box-shadow: 0px 0px 10px 0px rgba(255,158,158,1); box-shadow: 0px 0px 10px 0px rgba(255,158,158,1); }

#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap { width:200px; margin:0 auto; margin-top:17px; }
#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap > div { text-align:center; }

#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap > .catname { font-size:20px; color:#23394a; margin-bottom:7px; }
#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap > .domain { font-size:16px; color:#a2a9b2; margin-bottom:15px; }
#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap > .prdname { font-size:20px; color:#23394a; margin-bottom:7px; }
#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap > .dday { font-size:30px; color:#ff9e9e; margin-bottom:7px; }
#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap > .time { font-size:16px; color:#98a1a8; margin-bottom:13px; }
#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap > .time > .timeB { font-size:24px; color:#98a1a8; }
#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap > .limit { margin-bottom:18px; }
#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap > .limit > .limitText { padding:5px 10px; background-color:#acaeaf; font-size:12px; color:#ffffff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap > .price { font-size:26px; color:#23394a; margin-bottom:5px; }
#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap > .basic { font-size:14px; color:#23394a; margin-bottom:18px; }
#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap .btnSettle { width:100%; font-size:16px; }

#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap > .count { margin-top:5px; margin-bottom:10px; }
#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap > .count > .countText { width:83px; height:83px; margin:0 auto; line-height:83px; background-color:#89c9e1; font-size:24px; color:#ffffff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
#frame_con > .right_con > .contents_con > .contents_con > ul > li.end > .settle_wrap > .count > .countText { background-color:#ff9e9e; }
#frame_con > .right_con > .contents_con > .contents_con > ul > li > .settle_wrap > .count > .countText > .countTextS { font-size:16px; }


/*번호목록*/
.number_list_con {text-align:center;}
.number_list_con a {display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.number_list_con .btn_con {display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-top:0; text-align:center;}
.number_list_con .btn_con > ul {}
.number_list_con .btn_con > ul > li {float:left; margin-left:5px;}
.number_list_con .btn_con > ul > li i {display:block; width:31px; border:1px solid #e5e9ec; font-size:15px; color:#cccccc; line-height:31px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.number_list_con .btn_con > ul > li:first-child {margin-left:0;}
.number_list_con .list_con {display:inline-block; *display:inline; zoom:1; margin:0 10px; vertical-align:middle;}
.number_list_con .list_con .list_a {width:33px; margin:0 3px; font-size:15px; color:#999999; line-height:33px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.number_list_con .list_con .on {background-color:#f3f6f9; color:#6f7b8a}
.number_list_con .list_con .list_a:hover {background-color:#f3f6f9; color:#6f7b8a}

#footer {padding-left:40px; padding-top:20px; border-top:1px solid #000;}
#footer > span {font-size:13px; color:#999999; font-weight:500; line-height:24px;}
#footer > span .color_text {color:#333333;}
#footer > span .bar {margin:0 10px; font-size:11px; color:#999999; line-height:22px;}