@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* ----------------------------
	Reset
------------------------------- */
body {font:normal 11px Nanum Gothic, dotum, verdana, aria, serif; margin:0; background:#ffffff color:#656464;}
fieldset, iframe{border:0 none;}
a:link, a:visited, a:active{color:#656464; text-decoration:none;}
legend{display:none;}
label{cursor:pointer;}
a:hover {color:#F15910; text-decoration:none;}
table {border-collapse:separate;}
ul, li, ol, dl, dt, dd, form, p,h1,h2,h3,h4,h5,h6,fieldset,legend,label{margin:0; padding:0; list-style:none;}
img{padding:0px; margin:0px; border:0px; vertical-align:top;}
table{border-collapse:collapse;}

#Sequence{position:absolute; top:10px; right:-70px;}
#Sequence li{padding-bottom:5px;}
#Sequence input[type=radio] {visibility:hidden}
#Sequence ul .sequence00 a{width:60px; height:60px; background:url("/gov/images/sequence01.gif") no-repeat; display:block;}
#Sequence ul .sequence00 a:hover{width:60px; height:60px; background:url("/gov/images/sequence01_on.gif") no-repeat;}
#Sequence ul .sequence00 a.active{width:60px; height:60px; background:url("/gov/images/sequence01_on.gif") no-repeat;}
#Sequence ul .sequence01 a{width:60px; height:60px; background:url("/gov/images/sequence02.gif") no-repeat; display:block;}
#Sequence ul .sequence01 a:hover{width:60px; height:60px; background:url("/gov/images/sequence02_on.gif") no-repeat;}
#Sequence ul .sequence01 a.active{width:60px; height:60px; background:url("/gov/images/sequence02_on.gif") no-repeat;}
#Sequence ul .sequence02 a{width:60px; height:60px; background:url("/gov/images/sequence03.gif") no-repeat; display:block;}
#Sequence ul .sequence02 a:hover{width:60px; height:60px; background:url("/gov/images/sequence03_on.gif") no-repeat;}
#Sequence ul .sequence02 a.active{width:60px; height:60px; background:url("/gov/images/sequence03_on.gif") no-repeat;}
#Sequence ul .sequence03 a{width:60px; height:60px; background:url("/gov/images/sequence04.gif") no-repeat; display:block;}
#Sequence ul .sequence03 a:hover{width:60px; height:60px; background:url("/gov/images/sequence04_on.gif") no-repeat;}
#Sequence ul .sequence03 a.active{width:60px; height:60px; background:url("/gov/images/sequence04_on.gif") no-repeat;}
#Sequence ul .sequence04 a{width:60px; height:60px; background:url("/gov/images/sequence05.gif") no-repeat; display:block;}
#Sequence ul .sequence04 a:hover{width:60px; height:60px; background:url("/gov/images/sequence05_on.gif") no-repeat;}
#Sequence ul .sequence04 a.active{width:60px; height:60px; background:url("/gov/images/sequence05_on.gif") no-repeat;}
#Sequence ul .sequence05 a{width:60px; height:60px; background:url("/gov/images/sequence06.gif") no-repeat; display:block;}
#Sequence ul .sequence05 a:hover{width:60px; height:60px; background:url("/gov/images/sequence06_on.gif") no-repeat;}
#Sequence ul .sequence05 a.active{width:60px; height:60px; background:url("/gov/images/sequence06_on.gif") no-repeat;}
#Sequence ul .sequence06 a{width:60px; height:60px; background:url("/gov/images/sequence07.gif") no-repeat; display:block;}
#Sequence ul .sequence06 a:hover{width:60px; height:60px; background:url("/gov/images/sequence07_on.gif") no-repeat;}
#Sequence ul .sequence06 a.active{width:60px; height:60px; background:url("/gov/images/sequence07_on.gif") no-repeat;}
#Sequence ul .sequence07 a{width:60px; height:60px; background:url("/gov/images/sequence08.gif") no-repeat; display:block;}
#Sequence ul .sequence07 a:hover{width:60px; height:60px; background:url("/gov/images/sequence08_on.gif") no-repeat;}
#Sequence ul .sequence07 a.active{width:60px; height:60px; background:url("/gov/images/sequence08_on.gif") no-repeat;}
#Sequence ul .sequence08 a{width:60px; height:60px; background:url("/gov/images/sequence09.gif") no-repeat; display:block;}
#Sequence ul .sequence08 a:hover{width:60px; height:60px; background:url("/gov/images/sequence09_on.gif") no-repeat;}
#Sequence ul .sequence08 a.active{width:60px; height:60px; background:url("/gov/images/sequence09_on.gif") no-repeat;}
#Sequence ul .sequence09 a{width:60px; height:60px; background:url("/gov/images/sequence10.gif") no-repeat; display:block;}
#Sequence ul .sequence09 a:hover{width:60px; height:60px; background:url("/gov/images/sequence10_on.gif") no-repeat;}
#Sequence ul .sequence09 a.active{width:60px; height:60px; background:url("/gov/images/sequence10_on.gif") no-repeat;}
/* Sequence class ---- */
#s00 {width:60px; height:60px; background:url("/gov/images/sequence01_on.gif") no-repeat;}
#s01{width:60px; height:60px; background:url("/gov/images/sequence02_on.gif") no-repeat;}
#s02{width:60px; height:60px; background:url("/gov/images/sequence03_on.gif") no-repeat;}
#s03 {width:60px; height:60px; background:url("/gov/images/sequence04_on.gif") no-repeat;}
#s04{width:60px; height:60px; background:url("/gov/images/sequence05_on.gif") no-repeat;}
#s05{width:60px; height:60px; background:url("/gov/images/sequence06_on.gif") no-repeat;}
#s06{width:60px; height:60px; background:url("/gov/images/sequence07_on.gif") no-repeat;}
#s07{width:60px; height:60px; background:url("/gov/images/sequence08_on.gif") no-repeat;}
#s08{width:60px; height:60px; background:url("/gov/images/sequence09_on.gif") no-repeat;}
#s09{width:60px; height:60px; background:url("/gov/images/sequence10_on.gif") no-repeat;}








/*	-----------------------------
    상담신청
----------------------------- */
#CounselingTop{background:#c0cad1;}
#CounselingTop_BG{height:650px; width:100%; background:url("/consulting/images/counseling_bg.jpg") no-repeat 0 0; background-position:50% 0;}
#CounselingTop_wrap{width:1000px; margin:0 auto;}

#CounselingLine{background:#404654;}
#CounselingLine_wrap{overflow:hidden;width:1000px;  margin:0 auto;}
.Counseling_situation{float:left; width:718px; padding:50px 0;}
.Counseling_situation_board{overflow:hidden; background:url("/consulting/images/counseling_boardBG02.jpg") repeat-y; padding:105px 30px;}
.Counseling_situation_board li{line-height:30px;}
.Counseling_situation_con{float:left;}
.Counseling_situation_date{float:right; font-size:10px; color:#a3a3a3;}
.Counseling_awaiter{float:right; position:relative; width:238px; height:290px; background:url("/consulting/images/counseling_box.jpg") no-repeat 0 0; margin:65px 0 0 0;}
.Counseling_ticket{position:absolute; top:167px; right:31px;}
.CounselingNo{overflow:hidden; position:absolute; top:89px; right:65px;}

.CounselingNo li{float:left;}
#crn_num { color: yellow; font-size: 30px; font-weight: bold; }


#CounselingTxt{background:#1f3959;}
#CounselingTxt_wrap{width:1000px; margin:0 auto;}

#CounselingCon{background:#f8f8f8;}
#CounselingCon_wrap{width:1000px; margin:0 auto;}
.TipTalkT_list{overflow:hidden;}
.TipTalkT_list ul li{float:left; padding-bottom:30px;}
.TipTalkT_list .TipTalkT_list_img{position:relative;}
.TipTalkT_list .TipTalkT_list_img .TipTalkT_list_icon{position:absolute; top:270px; right:16px;}
.TipTalkT_list .TipTalkT_list_img .TipTalkT_list_btn{position:absolute; top:320px; left:20px;}
.TipTalkT_list{padding:50px 0;}













/*	-----------------------------
	 form Style
----------------------------- */
.form_01{border-top:2px solid #c5c6c9; border-bottom:2px solid #c5c6c9; color:#b7b7b8}
.form_tbody01{border-bottom:1px solid #dbdde0}
.form_01 td{vertical-align:middle; text-align:left; padding:5px 0; border-bottom:1px solid #dbdde0}
.form_01 input{border:1px solid #dddddd; background-color:#efefef}
.form_01 textarea{border:1px solid #e2e2e2; background-color:#efefef}

.imgCenter {vertical-align:middle;}
.imgTop {vertical-align:top;}
.imgBtn {cursor:pointer;}





/*	-----------------------------
	 Style
----------------------------- */
.TipTalkT_list_ML{margin-left:13px;}
.p_t_8{padding-top:8px;}
.p_r_8{padding-right:8px;}
.p_b_8{padding-bottom:8px;}
.p_l_8{padding-left:8px;}

.Tb_counsel{width:200px;}
.input_st01{border:1px solid #dddddd; background-color:#efefef; width:130px; height:17px;}
.Font_st01{font-weight:bold; color:#fffc22;}
.Font_st_bold{font-weight:bold;}
.Log_Font_st01{color:#555555;}
.Log_Font_st02{color:#df4c3c; font-weight:bold;}

/*	-----------------------------
	 상담신청 모달창
----------------------------- */
.sinchung{background:#fff; padding:35px; border:1px solid #dddddd;}
.g_sangdam{width:100%;}
.g_sangdam td{padding:5px 0px;}
.g_sangdam_form_01{height:40px;  border:1px solid #cfcfcf; text-indent:10px; width:100%;}

.g_sangdam_form_01_1{height:40px;  border:1px solid #cfcfcf; text-indent:10px; width:30%;}
.g_sangdam_form_01_2{height:40px;  border:1px solid #cfcfcf; text-indent:10px; width:30%;}
.g_sangdam_form_01_3{height:40px;  border:1px solid #cfcfcf; text-indent:10px; width:30%;}


.mJoin_btn{width:100%; padding:15px 0; background:#e35000; font-weight:bold; font-size:15px; color:#fff; text-align:center; margin-top:20px;}
.mJoin_btn a{color:#fff;}
.mJoin_btn a:hover{color:#fff; font-weight:bold;}
.mJoin_select_01{width:100%; height:40px; border:1px solid #cfcfcf; text-indent:10px;}

#sangdam td .item { line-height: 24px; text-align: left; }

.private_con{padding:10px 0 0 0; font-size:12px; line-height:18px;}
.private_view{padding-left:10px; font-size:13px;  font-weight:bold; text-align:right;}


.clear{clear:both; padding:0px; margin:0px;}
.zone_span{margin-bottom:10px;}
.pR_0{padding-right:0;}
.pT_0{padding-top:0;}
.pB_0{padding-bottom:0;}
.pL_0{padding-left:0;}
.w_100{width:100%;}
.title_blet01{width:4px;}
.red{border:1px solid red;}
.modal_title{0px 0px; padding-left:15px; margin-bottom:5px; font-weight:bold;}

.font_bold{font-weight:bold;}
.font_red{color:red;}


.pT-10{padding-top:-10px;}

.align_left{text-align:left;}
.align_right{text-align:right;}
.align_center{text-align:center;}

textarea { resize: none; border:1px solid #cfcfcf; }

/* tab 메뉴 CSS */

#css_tabs {
    font-family:'nanumgothic', '나눔고딕', 'malgun gothic', '맑은 고딕', 'dotum', '돋움', sans-serif
}
/* 탭 선택 시 표시할 요소(div) 정의(1번 탭 선택 시 첫 번째 div 요소 표시) */
#css_tabs input:nth-of-type(1), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(1), #css_tabs input:nth-of-type(2), #css_tabs input:nth-of-type(2) ~ div:nth-of-type(2), #css_tabs input:nth-of-type(3), #css_tabs input:nth-of-type(3) ~ div:nth-of-type(3) {
    display:none
}
#css_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1), #css_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2), #css_tabs input:nth-of-type(3):checked ~ div:nth-of-type(3) {
    display:block
}
/* 라벨 기본 스타일 지정 */
#css_tabs > label {
    display:inline-block;
    font-variant:small-caps;
    font-size: 13px;
    padding:10px;
    text-align:center;
    width:20%;
    line-height:1.8em;
    font-weight:700;
    border-radius:3px 3px 3px 3px;
    background:#eee;
    color:#777;
    border:1px solid #ccc;
    border-width:1px 1px 0
	border-bottom: 1px solid #ccc;
}
#css_tabs > label:hover {
    cursor:pointer
}
#css_tabs label[for=tab1] {
    margin-left:1.5em
}
/* 선택된 라벨, 커서를 올린 라벨 스타일 지정 */
#css_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover {
    background:#81c784;
    color:#fff
}
#css_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover {
    background:#81c784;
    color:#fff
}
#css_tabs input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover {
    background:#81c784;
    color:#fff
}
/* 실제 내용이 담긴 div 요소 스타일 지정 */
#css_tabs .tab1_content, #css_tabs .tab2_content, #css_tabs .tab3_content {
    padding:2em;
    border:1px solid #ddd;
    width:92%;
    height:10%
}

.sub_select {
 position: relative;
 width: 500px;
 height: 40px;
}