@charset "utf-8";
.wrapper{width:960px; overflow:hidden;margin:auto;}
/**나도한마디**/
#talk {width:405px; height:300px;}

#talk li{ border-bottom:1px dotted #666666; height:25px; line-height:25px; padding-left:10px;}

.talk_tt{width:405px; height:62px; background-image:url(/img/talk_tt.gif); background-repeat:no-repeat;}


/**TM**/
#boardBox { position:relative; width:515px; height:280px; background-image:url(/img/tm_tab_bg.gif); background-repeat:repeat-x; }
#boardBox h3{    float:left; border-bottom:2px solid #4092ec; }
#boardBox ul{    position:absolute;    width:100%;    top:45px;    left:0; }
#boardBox li{    position:relative; padding:0 0 0 12px; line-height:2; border-bottom:1px dotted #666666;}
#TM_how{display:none;}
#TM_law{display:none;}


/**Login page**/
#log_page{ width:800px; margin:0px auto; clear:both;display:block; background-color:#FFF;}
#login_content {display:none;}

#log_page p{ padding-bottom:8px; }

.goHome {
	position: absolute;
	margin-top:5px;
	width: 235px;
	height: 55px;
	overflow: auto;
	top: 25px;
}

#box_left{ width:400px; height:360px; float:left; background:url(/img/log_page_bg_L.gif) no-repeat left;}

#box_right{ width:400px; height:360px; float:right; background:url(/img/log_page_bg_R.gif) no-repeat right; margin-bottom:30px;}

.log_banner{width:370px; height:320px; margin:20px 25px 0  0}
.log_mem_check{padding:5px 0 0 72px; height:10px;}
.log_check{padding:0 0 5px 72px; height:15px;}
.loginInput {display:block;overflow:hidden;position:relative;width:280px;height:80px;margin:0px;padding:5px 0 0 70px;overflow:hidden;}
.inpTxt {height:28px;padding:0 4px;border:1px solid #d7d7d7; font:bold 14px verdana,gulim,"굴림",sans-serif; color:#333; line-height:27px;}
.inpID {background:#fff url(/img/input_ID_bg.gif) no-repeat 8px 8px;}
.inpPW {margin-top:3px;background:#fff url(/img/input_PW_bg.gif) no-repeat 8px 8px;}
.btnLogin {position:absolute;right:0;top:0; margin-top:5px;}
.loglink{padding:8px 0 0 55px; height:10px; margin:0 45px 0 50px; border-top:1px dashed #CCC;}
.log_noti{overflow:hidden;width:280px;padding:10px;border:1px solid #D2D2D2; font:12px  color:#333; line-height:25px;background-color:#F0F0F0; margin:30px 0 0 50px; text-align: center;font-size:12px;}
.logo_top_bg {width:100%; margin-bottom:50px;}
.log_top{ width:790px; height:20px; background: url(/img/login_top.gif) no-repeat center; text-align:right; padding:70px 10px 5px; 0; margin:auto;}
.log_bottom{width:796px; height:80px; border:2px solid #aec5e7; clear:both;}


/**회원 가입**/
#join{ width:960px; margin:auto; padding:40px 0 80px 0;}

#join_step1{ width:960px; margin:auto; padding:5px 0 80px 0;}

#join_step1 .msg{border:3px solid #CCC; padding:15px; line-height:18px; margin-top:10px;}

.detailTT{ font-family:"나눔고딕"; font-size:14px; font-weight:600; border-bottom:2px solid #7da7d9; background:url(/img/wa_arrow.gif) no-repeat left; padding-left:10px; padding-bottom:3px; height:18px; line-height:20px; color:#039; margin-top:10px;}

.detailCont {background-color:#ffffff;width:960px;}
.detailCont input {border:1px #cccccc solid;padding:0;}
.detailCont_yak {background-color:#ffffff;padding:15px;border:1px #dcdcdc solid;height:200px;overflow:auto;}
.detailCont_pri {clear:both;background-color:#ffffff;padding:15px;border:1px #dcdcdc solid;height:90px;overflow:auto;}
.detailCont .detailContTop{text-align:center;padding:5px 0 5px 0;border:0px #000 solid;height:25px;}
.detailCont .detailContBot{font-size:11px;border-top:1px #000 solid;margin:6px;padding:3px;line-height:14px;background-color:#FDF7E3;}


/**ID PW 찾기**/
.ID_tt{height:70px;}

.PW_tt{height:70px;}

.lost_tt{font-family:"나눔고딕"; font-size:18px; font-weight:600; color:#3e3e3e; margin:15px 0 0 0; background:url(/img/lost_tt.gif) no-repeat left bottom; height:40px; padding-left:45px; line-height:42px; border-bottom:2px solid #36C;}

.S_ID_noti{padding:10px; line-height:20px; font-size:13px;}

.S_ID table{ border-top:1px solid #818181;}

.S_ID table th{ background-color:#f1f2f2; border-bottom:1px solid #cdcdcd; width:200px; height:34px;}

.S_ID table td{border-bottom:1px solid #cdcdcd; padding-left:10px;}

.search_btn{ padding-top:20px; height:70px;}

.lost{clear:both; font-size:13px; font-weight:bold; height:15px; padding-top:8px;}

/**ID 찾기 결과**/
.S_result{border-top:2px solid #818181; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; height:180px; padding:20px 0 0 30px; font-weight:bold; font-size:13px; line-height:22px; background:url(../img/s_re_bg.gif) no-repeat right bottom;}

/**IPW 찾기 결과_fail**/
.pw_result_fail{border-top:2px solid #818181; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; height:180px; padding:20px 0 0 30px; font-weight:bold; font-size:13px; line-height:22px; background:url(../img/bull_warnning.gif) no-repeat right bottom;}

/**FAQ**/
#FAQ{ width:960px; margin:auto;}

/*FAQ tab */
#FAQ_tab { position:relative; background-image:url(/img/Member/condi_tab_bg.gif); background-repeat:repeat-x; min-height:300px; margin-top:20px; clear:both;}
#FAQ_tab h3{font-weight:normal;}
.border_top{border-top:1px solid #dadada;}
.tab_list li{float:left;}

#FAQ_tab .tab01 {background:url(/img/Member/condi_tab01.gif) no-repeat; width:157px; height:21px; text-align:center; font-size:12px; color:#000; padding-top:10px; }
#FAQ_tab .tab02 {background:url(/img/Member/condi_tab01_no.gif) no-repeat; width:157px; height:21px; text-align:center; font-size:12px; color:#000; padding-top:10px; }
#FAQ_tab .tab03 {background:url(/img/Member/condi_tab01_no.gif) no-repeat; width:157px; height:21px; text-align:center; font-size:12px; color:#000; padding-top:10px; }
#FAQ_tab .tab04 {background:url(/img/Member/condi_tab01_no.gif) no-repeat; width:157px; height:21px; text-align:center; font-size:12px; color:#000; padding-top:10px; }

.FAQ_common1 {}
.FAQ_common2 {display:none;}
.FAQ_common3 {display:none;}

#FAQ_common{ clear:both; padding:30px 20px 30px 20px;}

#FAQ_common table{border-top:1px solid #dbe3ee;}

#FAQ_common table th{height:28px; padding-top:5px; color:#3e3e3e; text-align:left; padding-left:30px; background:url(/img/Q_icon.gif) no-repeat left #f0f3f8;}

#FAQ_common table td{ border-bottom:1px solid #dbe3ee; padding-top:2px; line-height:20px; padding:10px 0 20px 30px; background:url(/img/A_icon.gif) no-repeat left top;}


/**권리침해 신고센터**/
.ad_tt{font-family:"나눔고딕"; font-size:15px; font-weight:600; color:#3e3e3e; margin:15px 0 0 0; background:url(/img/sv/ad_icon.gif) no-repeat left; height:35px; padding-left:30px; line-height:36px; border-bottom:2px solid #aec5e7; clear:both;}

.ad_noti{padding:15px 10px 15px 25px; line-height:20px; border-top:1px solid #dadada; border-bottom:1px dotted #dadada; font-size:13px;}

#advice{ clear:both; padding:20px 15px 20px 15px;}

#advice table{border:1px solid #dbe3ee; background-color:#fbfdff; padding:20px;}

#advice table td{ padding-top:2px; line-height:20px; padding:20px 20px 20px 20px; line-height:22px;}



/**개인정보취급방침**/
#privacy{ clear:both; padding:20px 25px 20px 25px; line-height:20px; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-top:1px solid #dadada; margin-bottom:20px;}

#privacy table{border:1px solid #dbe3ee; background-color:#fbfdff; padding:20px;}

#privacy table td{ padding-top:2px; line-height:24px; padding-left:100px; }

.top_btn{text-align:right; border-bottom:1px dashed #E6E6E6; padding-bottom:5px; margin-bottom:10px;}

.advice_1 {}
.advice_2 {display:none;}
.advice_3 {display:none;}
.advice_4 {display:none;}

/**Top 통합 검색**/
#top_search{width:960px; margin:auto; padding:20px 0 20px 0;}

#SC_left{float:left; width:800px; border-right:1px solid #CCC; padding-right:8px; padding-bottom:20px;}

#SC_left table{font-size:13px; font-family:"굴림"}

#SC_left table p{ margin-bottom:5px;}

#SC_left table td{ padding:8px 0 10px 10px; line-height:18px; border-bottom:1px dotted #CCC;}

#SC_left dt{float:left; color:#03C; margin-right:2px;}

#SC_left dd{float:left; margin-right:13px;}

#SC_right{float:right; width:160px; margin-top:8px; line-height:26px; font-size:13px; font-family:"굴림";}

#SC_right ul{padding:0 0 5px 15px; border-bottom:1px dotted #CCC;}

#SC_right. cont01{}

.rank_tt{ color:#039; font-weight:bold; /*background:url(/img/ranking_icon.gif) no-repeat left top;*/ padding-left:20px; border-top:2px solid #CCC; border-bottom:1px solid #CCC; height:30px; line-height:30px; margin-bottom:5px;}

.p_more{color:#06C; margin:5px 0 0 0; text-align:right; padding:5px 5px 0 0;} 

#top_search h3 {background:url(/img/top_search_tt.gif) no-repeat left; height:34px; padding-left:48px; font-family: "나눔고딕"; font-weight:600; line-height:32px; font-size:14px; }

#top_search .tab_list{ 
    background:url(/img/Member/condi_tab_bg.gif) repeat-x bottom;  
    margin-top:10px; 
    height:33px;
}

#top_search .tab01 {
    /*background:url(/img/Member/condi_tab01.gif) no-repeat; */
    width:230px; 
    height:21px; 
    text-align:center; 
    font-size:12px; 
    color:#000; 
    padding-top:10px; 
    float:left; 
    border-left: 2px solid #0072bc;
    border-top: 2px solid #0072bc;
    border-right: 2px solid #0072bc;
    background-color: #eeeeee;
}
#top_search .tab02 {
    /*background:url(/img/Member/condi_tab01_no.gif) no-repeat; */
    width:230px; 
    height:21px; 
    text-align:center; 
    font-size:12px; 
    color:#000; 
    padding-top:10px; 
    float:left;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#tab01_cont{ clear:both; }


#KWL {
    margin-top:-1px;
}
#KWL table{
    font-size:13px; 
    font-family: '나눔고딕','NanumGothic';
}
#KWL table tr{ 
    background-color:#e7ffff;
}
#KWL table td{ 
    padding:0; 
    border:0;
}
#KWL table ._logo{ 
    width: 118px;
    background-color:#fff;
    border-top:1px solid #0072bc;
    border-left:1px solid #0072bc;
    border-right:1px solid #eee;   
    border-bottom:1px solid #0072bc;   
    padding:8px 0 10px 6px; 
    line-height:18px; 
}
#KWL table ._logo img{ 
    width:112px; height:auto;
}
#KWL table ._text{ 
    border-top:1px solid #0072bc;
    border-right:1px solid #0072bc;
    border-bottom:1px solid #0072bc;   
    padding:0 0; 
}
#KWL table ._text ._top{ 
    height: 18px;
    font-size: 13px;
    line-height:18px;   
    margin-top: 9px;
    margin-left: 12px;   
}
#KWL table ._text ._top2{ 
    height: 18px;
    font-size: 14px;
    line-height:18px;   
    margin-top: 3px;
    margin-bottom: 6px;
    margin-left: 12px;       
}
#KWL table ._text ._middle{ 
    height: 22px;
    font-size: 12px;
    line-height:22px;   
    padding-top: 6px; 
    padding-left: 12px;  
    background-color:#fff;
}
#KWL table ._text ._middle ._dd{ 
    margin-right:10px;
}
#KWL table ._text ._bottom{ 
    height: 22px;
    font-size: 12px;
    line-height:22px;   
    padding-left: 12px; 
    padding-bottom: 9px; 
    background-color:#fff;
}
#KWL table ._text ._bottom ._dd{ 
    margin-right:12px;
}
#KWL table ._text .boxtext {
    font-size: 11px;
    color: #0a7abb;
    background-color: #fff;
    border: 1px solid #0a7abb;
    padding: 2px 3px 2px 3px;
}
#KWL table .sel_color2 {
    background-color: #d0ffff;
}
#KWL table ._text ._bottom ._icon {
    float: right;
    margin-right: 9px;
    margin-top: 0px;
}

#KWT {
    margin-top:-1px;
}
#KWT table{
    font-size:13px; 
    font-family: '나눔고딕','NanumGothic';
}
#KWT table tr{ 
    background-color: #fff0ff;
}
#KWT table td{ 
    padding:0; 
    border:0;
}
#KWT table ._text{ 
    border:1px solid #ccc; 
    padding:0 0; 
}
#KWT table ._text ._top{ 
    height: 18px;
    font-size: 13px;
    line-height:18px;   
    margin-top: 9px;
    margin-left: 12px;   
}
#KWT table ._text ._top2{ 
    height: 18px;
    font-size: 14px;
    line-height:18px;   
    margin-top: 3px;
    margin-bottom: 6px;
    margin-left: 12px;       
}
#KWT table ._text ._middle{ 
    height: 22px;
    font-size: 12px;
    line-height:22px;   
    padding-top: 6px; 
    padding-left: 12px;  
    background-color:#fff;
}
#KWT table ._text ._middle ._dd{ 
    margin-right:10px;
}
#KWT table ._text ._bottom{ 
    height: 22px;
    font-size: 12px;
    line-height:22px;   
    padding-left: 12px; 
    padding-bottom: 9px; 
    background-color:#fff;
}
#KWT table ._text ._bottom ._dd{ 
    margin-right:12px;
}
#KWT table ._text .boxtext {
    font-size: 11px;
    color: #0a7abb;
    background-color: #fff;
    border: 1px solid #0a7abb;
    padding: 2px 3px 2px 3px;
}
#KWT table .sel_color2 {
    background-color: #ffe0ff;
}
#KWT table ._text ._bottom ._icon {
    float: right;
    margin-right: 9px;
    margin-top: 0px;
}

#KWB {
    margin-top:-1px;
}
#KWB table{
    font-size:13px; 
    font-family: '나눔고딕','NanumGothic';
}
#KWB table tr{ 

}
#KWB table td{ 
    padding:0; 
    border:0;
}
#KWB table ._text{ 
    border:1px solid #e0e0e0; 
    padding:0 0; 
}
#KWB table ._text ._top{ 
    height: 18px;
    font-size: 13px;
    line-height:18px;   
    margin-top: 9px;
    margin-left: 12px;       
}
#KWB table ._text ._top2{ 
    height: 18px;
    font-size: 14px;
    line-height:18px;   
    margin-top: 3px;
    margin-left: 12px;       
}
#KWB table ._text ._middle{ 
    height: 22px;
    font-size: 12px;
    line-height:22px;   
    padding-top: 6px; 
    padding-left: 12px;  
}
#KWB table ._text ._middle ._dd{ 
    margin-right:10px;
}
#KWB table ._text ._bottom{ 
    height: 22px;
    font-size: 12px;
    line-height:22px;   
    padding-left: 12px; 
    padding-bottom: 9px; 
}
#KWB table ._text ._bottom ._dd{ 
    margin-right:12px;
}
#KWB table ._text .boxtext {
    font-size: 11px;
    color: #0a7abb;
    background-color: #fff;
    border: 1px solid #0a7abb;
    padding: 2px 3px 2px 3px;
}
#KWB table .sel_color2 {
    background-color: #ffe0ff;
}
#KWB table ._text ._bottom ._icon {
    float: right;
    margin-right: 9px;
    margin-top: 0px;
}

#NSearch_left{
    float:left; 
    width:700px; 
    border-right:1px solid #CCC; 
    padding-right:8px; 
    padding-bottom:20px;
}
#NSearch_left table{
    font-size:13px; 
    /*font-family:"굴림";*/
    font-family: '나눔고딕','NanumGothic';
}
#NSearch_left table p{ 
    margin-bottom:5px;
}
#NSearch_left table td{ 
    padding:8px 0 10px 10px; 
    line-height:18px; 
    border-bottom:1px dotted #CCC;
}
#NSearch_left dt{
    float:left; 
    color:#03C; 
    margin-right:2px;
}
#NSearch_left dd{
    float:left; 
    margin-right:13px;
}

#NSearch_right{
    float:right; 
    width:230px; 
    margin-top:0px; 
    margin-right:3px; 
    line-height:26px; 
    font-size:13px; 
    font-family:"굴림";
    border:1px solid #ccc; 
}
#NSearch_right ul{
}
#NSearch_right ul li{
    height: 27px;
    line-height:27px; 
    padding-left: 14px;
}
#NSearch_right .cont01{}
#NSearch_right ._rank_tt{ 
    color:#039; 
    font-weight:bold; 
    /*background:url(/img/ranking_icon.gif) no-repeat left top;*/ 
    padding-top: 3px;
    padding-left:15px; 
    border-bottom:1px solid #ccc; 
    height:40px; 
    line-height:40px; 
    margin-bottom:5px;
}
#NSearch_right ._top_style {
    font-weight: bold;
}
#NSearch_right ._number {
    width: 18px;
    height: auto;
    margin-top: -3px;
    margin-right: 5px;
    margin-left: -3px;
    vertical-align: middle;
}

/***비밀번호 찾기 본인인증 버튼***/
.S_ID ._title2 {
    margin: 3px auto 3px auto;
    padding: 3px 6px;
    border: 1px solid #4690de;
    font-size: 12px;
    line-height: 12px;
    color: #4690de;
    font-weight: bold;
    cursor:pointer;
}
.S_ID ._title_test {
    border: 1px solid #4690de;
    font-size: 12px;
    line-height: 12px;
    color: #4690de;
    font-weight: bold;
}

#mobile-device-ios {
    width: 390px;
    height: 772px;
    text-align: center;
    background: url(/img/devices-sprite.jpg) center top no-repeat;
    background-size: 480px;
    margin: 0 auto;
}

#mobile-device-ios iframe {
    margin-top: 72px;
    width: 346px;
    height: 600px;
}

@media all and (max-width: 960px){
	#log_page{ display:block; }
	#login_content {display:block;width:100%;text-align:center; background-color:#FFF;}

	#FAQ {width:100%;}

	.form-signin {
		width: 100%;
		max-width: 330px;
		padding: 0px;
		margin: auto;
		text-align:center;
		margin:0 auto;
	}
	.form-signin .login_logo {
		margin:25px auto;

	}
	.form-signin .login_title {
		margin-bottom: 10px;
		font-family: inherit;
		font-size: 24px;
		font-weight: normal;
		line-height: 24px;
		color: #333;
	}
	.form-signin input[type="text"] {
		margin-bottom: 2px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	.form-signin .form-control {
		position: relative;
		box-sizing: border-box;
		height: auto;
		padding: 10px;
		font-size: 16px;
		line-height: 1.2;
	}
	.form-signin .checkbox {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 13px;
		line-height: 13px;
	}
	.form-signin .checkbox label{
		margin-left: 15px;
	}
	.form-signin .idpwd_sch_links {
		width: 100%;
		margin-top: 25px;
		margin-bottom: 30px;
	}
	.btn.btn-id-sch {
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-width: 1px;
		font-size: 13px;
		color: #666;
		background-color: #eee;
		border-color: rgba(0,0,0,0.2);
		position: relative;
		padding-left: 32px;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.btn-id-sch>:first-child {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 34px;
		line-height: 32px;
		text-align: center;
		/*border-right: 1px solid rgba(0,0,0,0.2);*/
	}
	.btn.btn-pwd-sch {
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-width: 1px;
		font-size: 13px;
		color: #666;
		background-color: #eee;
		border-color: rgba(0,0,0,0.2);
		position: relative;
		padding-left: 32px;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.btn.btn-mem-sch {
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-width: 1px;
		font-size: 13px;
		color: #666;
		background-color: #eee;
		border-color: rgba(0,0,0,0.2);
		position: relative;
		padding-left: 32px;
		padding-right:32px;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		margin-top:15px;
		text-overflow: ellipsis;
	}
	
	.btn-pwd-sch>:first-child {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 34px;
		line-height: 32px;
		text-align: center;
		/*border-right: 1px solid rgba(0,0,0,0.2);*/
	}

	.btn.btn-primary {
		color: #fff;
		background-color: #0069da;
		border-color: #0051b5;
		width:90%;
		font-size:16px;
		padding:7px 0;
	}

}

.faqtitleimg {width:960px;height:160px;}

@media all and (max-width: 540px){
	#FAQ_tab .tab01 {width:33%;}
	#FAQ_tab .tab02 {width:33%;}
	#FAQ_tab .tab03 {width:33%;}
	.faqtitleimg {width:100%;height:auto;}

	#privacy {border:1px solid #CCC; font-size:12px; padding:10px; border-radius:4px;width:96%;margin:0 auto;}
	#privacy table{display:none;}
	.ad_tt {border:0px; }
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.bottom_con > p > span {letter-spacing:-1px;};
}	 
/* IE6,7,9,10 */
@media screen and (min-width: 640px), screen\9 {
			.bottom_con > p > span {letter-spacing:-1px;};
}