@import url('../../css/page_style.css');

.font_8 { font-size:0.667em; line-height:0.667em;}
.font_10 { font-size:0.833em; line-height:0.833em;}
.font_12 { font-size:1em; line-height:1em;}
.font_14 { font-size:1.167em; line-height:1.167em;}
.font_16 { font-size:1.333em; line-height:1.333em;}
.font_18 { font-size:1.500em; line-height:1.500em;}
.font_20 { font-size:1.667em; line-height:1.667em;}
.font_22 { font-size:1.833em; line-height:1.833em;}
.font_24 { font-size:2.000em; line-height:2.000em;}
.font_26 { font-size:2.167em; line-height:2.167em;}
.font_28 { font-size:2.333em; line-height:2.333em;}
.font_30 { font-size:2.500em; line-height:2.000em;}

.font_20_n {font-size:1.667em;}

.font_w { color:#FFFFFF;}
.font_n { color:#28406e;} /*네이비색상*/
.font_b { color:#3d68a2;} /*블루색상*/
.font_g { color:#f9a430;} /*에메랄드그린색상*/
.font_p { color:#00a1e5;} /*에메랄드그린색상*/
.font_r { color:#ff0000;} /*레드색상*/
.font_wb { color:#61a0ec;} /*하늘색*/
.font_y { color:#f6c654;} /*노랑색*/


.videofont { font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:22px; color:#fff; line-height:1.1; color:#515151; }


.clear{clear:both}

.ellip{
word-break:break-all;
text-overflow-mode:ellipsis-word;
text-overflow-mode:ellipsis;
text-overflow-mode:clip;
text-overflow:ellipsis;
overflow:hidden; white-space:nowrap;
}

.detail_img img{max-width:100%; width:420px; height:auto;}

#header {
	padding:5px 5px 5px 5px;
	position: relative;
	z-index: 1;
	width: auto;
}

#menu {
	padding:10px 5px 10px 5px;
	border-top:1px solid #f6b61d;
	position: relative;
	z-index: 1;
	width: auto;
	background-color:#00a1e5;
}

#search {
	padding:5px 5px 5px 5px;
	position: relative;
	z-index: 1;
	width: auto;
	background-color:#000;
}

#cate {
	position: relative;
	z-index: 1;
	width: auto;
	background-color:#fdc848;
}


#d_menu {
	position: relative;
	width: auto;
	background-color:#3d4254;
}

#m_menu {
	position: relative;
	width: auto;
	background-color:#3d4254;
}


.list {
	position: relative;
	z-index: 1;
	width: auto;
	background-color:#fff;
}

.list02 {
	padding:10px 5px 0 5px;
	position: relative;
	z-index: 1;
	width: auto;
}


.list03 {
	padding:10px 5px 10px 5px;
	position: relative;
	z-index: 1;
	width: auto;
	border-top:1px dashed #DEDEDE;
}


.line {
	border-bottom:1px solid #fcd197;
	border-top:1px solid #fdc848;
	width: auto;
}

.line_dot {
	border-bottom:1px dashed #c9c9c9;
	border-top:1px dashed #f7f7f7;
	width: auto;
}


table.tab{
height:40px;
font-weight:bold;
}

table.tab td{
text-align:center; cursor:pointer;
}

.selectBox{
background-color:#00a1e5;
font-size:1.167em;
line-height:1.167em;
color:#FFFFFF;
}

.noSelectBox{
background-color:#fdc848;
font-size:1.167em;
line-height:1.167em;
color:#FFFFFF;
}


table.tab02{
height:40px;
line-height:40px;
font-weight:bold;
}


.selectBox02{
background-color:#00a1e5;
font-size:1.167em;
line-height:1.167em;
color:#FFFFFF;
}

.noSelectBox02{
background-color:#fdc848;
font-size:1.167em;
line-height:1.167em;
color:#FFFFFF;
}



table.tab03{
height:40px;
line-height:40px;
font-weight:bold;
}

.selectBox03{
background-color:#00a0e5;
font-size:1em;
line-height:1em;
color:#FFFFFF;
}

.noSelectBox03{
background-color:#fdc848;
font-size:1em;
line-height:1em;
color:#FFFFFF;
}




.bg_people {
background:url(../../mobile_img/bg_people.gif) no-repeat; 
background-size:50px 22px; 
-webkit-background-size:50px 22px; 
height:26px;
line-height:26px;
}

.bg_ranking {
background:url(../../mobile_img/ico_ranking.png) no-repeat; 
background-size:60px 67px; 
-webkit-background-size:60px 67px; 
width:60px;
height:67px;
line-height:67px;
position:absolute;
z-index:999;
left:5px;
}


.bg_ranking_bk {
background:url(../../mobile_img/ico_ranking.png) no-repeat; 
background-size:50px 59px; 
-webkit-background-size:50px 59px; 
width:50px;
height:59px;
line-height:59px;
position:absolute;
z-index:999;
left:5px;
}

.cate_menu td{
height:40px;
border-bottom:1px solid #DEDEDE;
}


.freeimg img {max-width:100%; height:auto;}




/*인풋 그림자, 곡선 제거*/



input{-webkit-appearance:none;-webkit-border-radius:0;vertical-align:middle; border:1px solid #CCCCCC;}
input[type="text"], input[type="password"]{-webkit-appearance:none; height:20px;}
input[type="checkbox"]{-webkit-appearance:checkbox;-webkit-border-radius:0; border:1px solid #CCCCCC;}
input[type="radio"]{border:none;-webkit-appearance:radio; }

button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"],input[type="image"]{
-webkit-appearance:none;
-webkit-border-radius:0;
border:none;}

textarea{
-webkit-appearance:none;
 border:1px solid #CCCCCC;
 }

select{
-webkit-border-radius:0;
background-color:#FFF;
height:24px;
border:1px solid #aeaeae;
}


/*공백*/

.gap {
clear:both;
padding-top:5px;
}

.gap_10 {
clear:both;
padding-top:10px;
}
.gap_20 {
clear:both;
padding-top:20px;
}


/*결제페이지 관련 css*/

.pay_tit{
background-color:#00a1e5;
padding:5px;
}

.pay td{
padding:5px 0 5px 0;
}


.pay input{
height:25px;
padding-left:5px;
font-size:1em; 
line-height:1em;
border:1px solid #DEDEDE;
}

.btn_zipcode {
padding:5px;
background-color:#28406e;
border:1px solid #28406e;
}


.pay_total{
background-color:#00a1e5;
padding:0 10px 0 10px;
}


/*타이틀 관련 css*/

.tit_banner{
background-color:#F7F7F7;
border-bottom:1px solid #e9e9e9; 
padding:10px;
}


.btn_search {
padding:5px;
width:100%;
background-color:#00a0e5;
}

/*마이페이지 관련 css*/


.mypage_box_01{
 border:1px solid #DEDEDE; 
 background-color:#f8f8f8;
 padding:10px;
}


.mypage_box_01 td{
 border-bottom:1px dashed #DEDEDE;
 height:30px;
}

.mypage_box_02{
 border-top:1px solid #f6b61d;
 border-left:1px solid #f6b61d;
 background-color:#00a0e5;
}


.mypage_box_02 td{
 border-bottom:1px solid #f6b61d;
 border-right:1px solid #f6b61d;
 padding:10px;
}


.project_done {
 border:1px solid #f6b61d;
 border-right:none;
 border-bottom:none;
 background-color:#00a0e5;

}

.project_done_td {
 border-right:1px solid #8e8e8e;
 border-bottom:1px solid #8e8e8e;
  padding:5px;
}


.pay_tab {
	background-color:#f4f4f4;
	border-top:2px solid #8e8e8e;
	width: auto;
}

.pay_tab_td {
	border-bottom:1px solid #dedede;
	border-right:1px solid #dedede;
}



/* 우편번호 찾기 */
input.btn_zipcode{width:100%; height:25px; background-color:#acacac; border:1px solid #676767;}	/* 우편번호 */
input.btn_zipcode1 { background:url('../../img/btn_email_inz.gif') no-repeat; height:22px; width:69px; border:0px solid red; cursor:pointer; vertical-align:middle;} /*이메일인증*/
input.btn_zipcode2 { background:url('../../img/btn_phone_inz.gif') no-repeat; height:22px; width:69px; border:0px solid red; cursor:pointer; vertical-align:middle;} /*휴대폰인증*/
input.btn_zipcode3 { background:url('../../img/btn_zip_inz.gif') no-repeat; height:22px; width:79px; border:0px solid red; cursor:pointer; vertical-align:middle;} /*회원가입우편번호*/


.cmt_write_body{padding:10px; background:#EFEFEF}
.m_info {padding:0; margin:0; width:100%;}
.m_info li{display:table-cell;}

.dobae_area{padding:10px 0 20px 0}
.dobae_txt{display:inline-block; font-weight:bold; padding:4px 2px 4px 2px; background:#999999; color:#ffffff; float:left}
.resist_btn{width:182px; height:45px; background:url('../../mobile_img/detail_btn_comment_ok.gif') 0 0 no-repeat; display:block; text-indent:100%; margin:0 auto 25px; background-size:182px 45px;}

.reply_bal{display:table; width:100%}
.reply_bal li{display:table-cell}

.cmt_re, .cmt_re_View{position:relative; padding:10px 10px 0; border:1px solid #dcd09f; border-radius:0.40em; margin:10px 0 10px 0; background:url('../../mobile_img/reply_bg_03.gif') 0 bottom repeat-x; word-break:break-all}
.reply_close{position:absolute; top:10px; right:10px}
.bub_ico{width:16px; height:17px; position:absolute; top:-17px; right:45px; background:url('../../mobile_img/bub_ico.gif') 0 0 no-repeat}




.more_btn3 {
position:relative;
margin:0 auto;
width:300px;
border:1px solid #00a1e5;
border-radius:4px;
background-color:#00a1e5;
background:#00a1e5;
line-height:45px;
color:#fff;
cursor:pointer;
font-weight:bold;
text-align:center;
}

.smfont { font-size:11px; }
.smfont2 { font-size:11px; color: #999999; }
.smfont3 { font-size:11px; letter-spacing:-1px; }
.smfont4 { font-size:12px; letter-spacing:-1px; }
.smfont5 { font-size:13px; letter-spacing:-1px; }
.smfont6 { font-size:14px; letter-spacing:-1px; }

.text_main_title {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:22px; color:#fff; line-height:1.1; color:#515151}
.text_sub_title {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:20px; color:#aeaeae; line-height:1.1; color:#515151}
.text_title {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:22px; color:#fff; line-height:1.1; color:#515151}
.text_private_title {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:22px; color:#fff; line-height:1.1; color:#515151}
.text_doc_title {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; line-height:1.1; color:#515151; display:inline-block; font-size:26px; color:#f3721e; font-weight:bold;}
.text_atm_point_title {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:22px; color:#fff; line-height:1.1; color:#515151}
.text_mypagemenu {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:14px; color:#fff; line-height:1.1; color:#515151}
.text_member a.btn {cursor:pointer; display:inline-block; margin-top:5px; padding:10px 50px; font-size:16px; color:#515151; border:2px solid #515151; transition:all 0.4s ease}
.text_member a.btn:hover {color:#fff; border-color:#00a1e5; background:#00a1e5}
.text_member_black a.btn {cursor:pointer; display:inline-block; margin-top:5px; padding:10px 50px; font-size:16px; color:#fff; border:1px solid #515151; background:#000; transition:all 0.4s ease}
.text_member_black a.btn:hover {color:#fff; border-color:#515151; background:#515151}

.text_kakao a.btn {cursor:pointer; display:inline-block; margin-top:5px; padding-left:53px; height:28px; width:175px; padding-top:10px;  font-size:16px; color:#515151; border:2px solid #fae300; transition:all 0.4s ease}
.text_kakao a.btn:hover {color:#00a1e5; border-color:#fae300; background:#fae300}
.text_kakao_black a.btn {cursor:pointer; display:inline-block; margin-top:5px; padding-left:35px; height:27px; width:160px; padding-top:11px; font-size:16px; color:#000; background:#fff; border:2px solid #000; transition:all 0.4s ease}
.text_kakao_black a.btn:hover {color:#000; border-color:#000; background:#000}

.text_naver a.btn {cursor:pointer; display:inline-block; margin-top:5px; padding-left:60px; height:28px; width:138px; padding-top:10px;  font-size:16px; color:#515151; border:2px solid #1ee100; transition:all 0.4s ease}
.text_naver a.btn:hover {color:#00a1e5; border-color:#1ee100; background:#1ee100}
.text_btn a.btn {cursor:pointer; height:30px; margin-top:1px; padding:7px 10px; font-size:12px; color:#515151; border:1px solid #515151; transition:all 0.4s ease}
.text_btn a.btn:hover {color:#fff; border-color:#fdc848; background:#fdc848}
.text_btn_black a.btn {cursor:pointer; height:30px; margin-top:1px; padding:7px 10px; font-size:12px; color:#fff; border:1px solid #515151; background:#000; transition:all 0.4s ease}
.text_btn_black a.btn:hover {color:#fff; border-color:#515151; background:#515151}

.text_login_btn a.btn {cursor:pointer; height:30px; margin-top:1px; padding:44px 12px; font-size:12px; color:#515151; border:1px solid #515151; transition:all 0.4s ease}
.text_login_btn a.btn:hover {color:#fff; border-color:#fdc848; background:#fdc848}
.text_login_btn_black a.btn {cursor:pointer; height:30px; margin-top:1px; padding:44px 12px; font-size:12px; color:#fff; border:1px solid #515151; background:#000; transition:all 0.4s ease}
.text_login_btn_black a.btn:hover {color:#fff; border-color:#515151; background:#515151}

.text_search_btn a.btn {cursor:pointer; height:21px; margin-top:1px; padding:9px 12px; font-size:12px; color:#515151; border:1px solid #515151; transition:all 0.4s ease}
.text_search_btn a.btn:hover {color:#fff; border-color:#fdc848; background:#fdc848}
.text_menu table.btn {cursor:pointer; height:40px; margin-top:1px; padding:5px 0px 5px 10px; font-size:12px; color:#515151; transition:all 0.4s ease}
.text_menu table.btn:hover {border-color:#00a1e5; background:#00a1e5}
.text_process_btn a.btn {cursor:pointer; height:21px; margin-top:1px; padding:7px 12px; font-size:12px; color:#515151; border:1px solid #515151; transition:all 0.4s ease}
.text_process_btn a.btn:hover {color:#fff; border-color:#fdc848; background:#fdc848}
.text_process_btn_black a.btn {cursor:pointer; height:21px; margin-top:1px; padding:7px 12px; font-size:12px; color:#fff; border:1px solid #515151; background:#000; transition:all 0.4s ease}
.text_process_btn_black a.btn:hover {color:#fff; border-color:#515151; background:#515151}

.text_servicestatus_stop_btn a.btn {cursor:pointer; height:21px; margin-top:1px; padding:7px 12px; font-size:12px; color:#515151; border:1px solid #515151; transition:all 0.4s ease}
.text_servicestatus_stop_btn a.btn:hover {color:#fff; border-color:#ff0000; background:#ff0000}
.text_servicestatus_start_btn a.btn {cursor:pointer; height:21px; margin-top:1px; padding:7px 12px; font-size:12px; color:#515151; border:1px solid #515151; transition:all 0.4s ease}
.text_servicestatus_start_btn a.btn:hover {color:#fff; border-color:#00a1e5; background:#00a1e5}
.text_small_btn a.btn {cursor:pointer; height:21px; margin-top:1px; padding:9px 12px; font-size:12px; color:#515151; border:1px solid #515151; transition:all 0.4s ease}
.text_small_btn a.btn:hover {color:#fff; border-color:#00a1e5; background:#00a1e5}
.text_ltelist a.color {cursor:pointer; height:30px; margin-top:1px; padding:4px 10px; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif;  font-size:16px; color:#fc0505; font-weight:bold;  transition:all 0.4s ease}
.text_ltelist a.color:hover {color:#ffffff; border-color:#f95e00; background:#f95e00}
.text_lte a.color {cursor:pointer; height:30px; margin-top:1px; padding:7px 10px; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif;  font-size:16px color:#fc0505; font-weight:bold; border:1px solid #fc0505; transition:all 0.4s ease}
.text_lte a.color:hover {color:#ffffff; border-color:#f95e00; background:#f95e00}

.text_nas_more_btn a.btn {cursor:pointer; height:21px; margin-top:1px; padding:7px 12px; font-size:12px; color:#515151; border:1px solid #515151; transition:all 0.4s ease}
.text_nas_more_btn a.btn:hover {color:#fff; border-color:#000000; background:#000000}

.text_nas_more_btn_black a.btn {cursor:pointer; height:21px; margin-top:1px; padding:7px 12px; font-size:12px; color:#fff; border:1px solid #fff; background:#000; transition:all 0.4s ease}
.text_nas_more_btn_black a.btn:hover {color:#000; border-color:#515151; background:#515151}


.text_app_contents_main_title {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:22px; color:#fff; line-height:1.1; color:#515151}
.text_app_contents_sub_title {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:14px; color:#aeaeae; line-height:1.1; color:#515151}
.text_app_contents_appaverage {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:82px; color:#fff; line-height:1.1; color:#515151}

.text_app_relation_main_title {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:14px; color:#fff; line-height:1.1; color:#515151}
.text_app_relation_sub_title {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:12px; color:#aeaeae; line-height:1.1; color:#515151}
.text_app_relation_sub_text {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:12px; color:#aeaeae; line-height:1.1; color:#515151}

.text_nas_contents_title {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:20px; color:#000; line-height:1.1; color:#f4f4f4}

.txt_process1 {color:#fff;font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:12px; display: inline-block; background-color: #ff5400; float: none; min-width: 60px; font-weight: 600; letter-spacing:-1px;}
.txt_process2 {color:#fff;font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:12px; display: inline-block; background-color: #000; float: none; min-width: 60px; font-weight: 600; letter-spacing:-1px;}
.txt_process3 {color:#fff;font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:12px; display: inline-block; background-color: #000; float: none; min-width: 60px; font-weight: 600; letter-spacing:-1px;}
.txt_process4 {color:#fff;font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; font-size:12px; display: inline-block; background-color: #000; float: none; min-width: 60px; font-weight: 600; letter-spacing:-1px;}


.txt_servicestatus1 {color:#ff0000; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; line-height:1.1; font-size:12px;}
.txt_servicestatus2 {color:#00a1e5; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; line-height:1.1; font-size:12px;}

.txt_atmstatus1 {color:#ea1c39;font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; line-height:1.1; font-size:12px;}
.txt_atmstatus2 {color:#2ea908;font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; line-height:1.1; font-size:12px;}
.txt_atmstatus3 {color:#f9a54a;font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; line-height:1.1; font-size:12px;}
.txt_atmstatus4 {color:#00a1e5;font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:700; line-height:1.1; font-size:12px;}

.text_boardlist_btn a.btn {cursor:pointer; height:30px; margin-top:1px; padding:10px 12px; font-size:12px; color:#515151; border:1px solid #515151; transition:all 0.4s ease}