@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: local('NanumGothic'), url(/isignplus/resources/fonts/NanumGothicRegular.woff) format('woff'),url(/isignplus/resources/fonts/NanumGothicRegular.eot) format('eot'),url(/isignplus/resources/fonts/NanumGothicRegular.ttf) format('ttf');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 600;
  src: local('NanumGothicBold'), url(/isignplus/resources/fonts/NanumGothicBold.woff) format('woff'),url(/isignplus/resources/fonts/NanumGothicBold.eot) format('eot'),url(/isignplus/resources/fonts/NanumGothicBold.ttf) format('ttf');
}

html,body{background:#fff;width:100%;height:100%;}
body,footer,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family: 'NanumGothic','NanumGothic',arial,'Open Sans',sans-serif;font-size:15px;color:#292929;font-weight: 400;}
a{color:#333;text-decoration:none}
a:active,a:hover{text-decoration:underline}
a:active{background-color:transparent}


/*#daumWrap{position:relative;width:100%;height:100%;margin: auto;}*/
#daumWrap{/*position:relative;*/ width:100%;height:100%;margin: auto;} /*180725 주석처리*/
#daumContent,.alert_layer,.cont_not404,button,input,textarea,th,td{letter-spacing:0px}
#daumContent{position:relative;margin: auto;width:100%;}
.cs_type2 #cMain{float:left;width:100%;background:url(../img/faq_bg_body.gif) repeat-y;padding-left: 10px}
.cs_type2 #cMain #mFeature{float:left;width:198px;padding:33px 0 80px}
.cs_type2 #cMain #mArticle{float:right;position:relative;width:747px;padding:15px 0 80px;}
.cs_type2 #daumContent{width:978px;}
/*#mFeature{float:left;width:198px;padding:40px 0px 40px 0px;}*/
.tit_snb{width:162px;margin-bottom:75px;font-weight:bold;font-size:26px;line-height:28px}
.snb_cs{margin:-16px 0 39px}
.snb_cs li{overflow:hidden;width:100%;padding-bottom:10px;display:block}
/*.snb_cs li a{color:#333;text-decoration:none}
.snb_cs li a:active,a:hover{text-decoration:underline}
.snb_cs li a:active{background-color:transparent}*/
.snb_cs .link_snb{float:left;height:33px;font-size:16px;line-height:33px}
.snb_cs .on .link_snb{width:186px;padding-left:12px;color:#fff;background:url(../img/faq_comm.png) no-repeat 0px 0px}
/*.snb_cs .on{display:block}*/

.head_article{overflow:hidden;position:relative;border-bottom:2px solid #383d48;zoom:1}
.head_article .tit_article{float:left;padding: 10px 0 35px;}
.tit_article{font-weight:bold;font-size:40px;line-height:42px;color:#383d48}

/*.cont_faq .faq_view .desc_faq a,.cont_notice .desc_notice a{color:#2282f9!important;text-decoration:underline!important}
.cont_faq .faq_view .desc_faq a *,.cont_notice .desc_notice a *{color:#2282f9!important;text-decoration:none!important}*/
/*.cont_faq .faq_view .desc_faq a{text-decoration:none}*/
.cont_faq .faq_view .desc_faq a.tx-link{border: 2px solid #FAE0D4;border-radius: 12px;padding: 4px 12px 4px 12px;background-color: #FAED7D;color: #3162C7;line-height: 40px;text-decoration:none}
#tx-link a{border: 2px solid #FAE0D4;border-radius: 12px;padding: 4px 12px 4px 12px;background-color: #FAED7D;color: #3162C7;line-height: 40px;text-decoration:none}
/*.cont_faq .faq_view .desc_faq,.cont_faq .faq_view .desc_faq *{font-family:NanumGothic,나눔고딕,Dotum,돋움,Arial,sans-serif!important;font-size:16px!important;line-height:1.875!important;background:none!important}*/
.cont_faq .faq_view .desc_faq,.cont_faq .faq_view .desc_faq *{font-family:NanumGothic,나눔고딕,Dotum,돋움,Arial,sans-serif!important;font-size:16px!important;line-height:1.875!important;}


.cont_faq .faq_item{border-top:1px solid #f1f1f1}
.cont_faq .faq_item:first-child,.cont_faq .fst{border-top:0}

.cont_faq .btn_faq{display:block;position:relative;padding:17px 30px 19px 0;font-size:16px;color:#383d48}
.cont_faq .btn_faq .bg_cs{overflow:hidden;display:block;position:absolute;right:10px;top:27px;width:21px;height:11px;background:url(../img/faq_open.png) no-repeat;}
.cont_faq .btn_faq:hover,.cont_faq .btn_faq:focus{color:#2282f9}
.cont_faq .btn_faq:hover .bg_cs,.cont_faq .btn_faq:focus .bg_cs{overflow:hidden;display:block;position:absolute;right:10px;top:27px;width:21px;height:11px;background:url(../img/faq_open_over.png) no-repeat;}
.cont_faq .btn_faq .txt_cat{padding-right:6px;color:#2282f9}

.cont_faq .on .btn_faq{display:none}
.cont_faq .on .faq_view{display:block;padding-bottom:60px}

.cont_faq .faq_view{display:none;overflow:hidden;position:relative;width:747px;margin-bottom:-1px;border-bottom:2px solid #353535}
.cont_faq .faq_view .tit_faq{display:block;padding:47px 50px 48px 0;font-weight:normal;font-size:32px;color:#2282f9}
.cont_faq .faq_view .desc_faq{margin-bottom:52px;font-size:16px;line-height:30px}
.cont_faq .faq_view .btn_close{position:absolute;right:5px;top:55px;width:21px;height:20px;background:url(../img/faq_close.png) no-repeat;}


.cont_faq .faq_view .desc_faq span.cont_view{color:#333333;}
.cont_faq .faq_view .desc_faq span.cont_view_bold{color: #FF5E00;font-weight:bold;}
.cont_faq .faq_view .desc_faq span.cont_view_red{color: #FF0000;}
.cont_faq .faq_view .desc_faq span.cont_box_view{color: #333333;}
.cont_faq .faq_view .desc_faq span.cont_box_view_bold{color: #FF5E00;font-weight:bold;}
.cont_faq .faq_view .desc_faq span.cont_box_view_link{color: #2282f9; text-decoration:underline}
.txc-textbox{border: #cbcbcb 1px solid;padding: 10px 10px 10px 10px;background-color: #ffffff;}

.cont_faq .faq_view .desc_faq .txc_image{position:relative;clear: none;padding: 50px 50px 50px 50px}
#img_center {text-align: center;padding: 15px 15px 15px 15px;}
#login_link_list {text-align: right; padding: 8px 40px 8px 15px; font-size: 24px; font-weight: bold;}


#footer {min-width: 1080px;clear: both; position: relative;border-top: 1px solid #d7d7d7;background: #eaeaea;text-align: center;margin-top: -67px;}
#footer .footer_in {padding: 8px 0 3px;display: inline-block;}
#footer .footer_in h4 {float: left;}

/* 반응형 메뉴 180725 */
/* mobile layout */
#tablet {display:none; width:100%}
#tabletHeader {width:100%; height:68px; margin:0 auto; position:fixed; top:0; left:0; z-index:20; border-bottom:2px solid #508cf7; background:#fff;}
#tabletLogo {text-align:center; padding:20px 0 0; font-size:24px; font-weight:bold;}
#tabletGnb #menuOpen {position:fixed; left:2.5%; top:22px; z-index:21}
#tabletGnb #menuOpen img {width:24px; height:23px;}


/* mobile navi */
#mNavi{position:absolute; left:-250px; top:0; width:250px; height:100%; z-index:9999; background-color:#354052}
#mNavi #mtitle{width:100%; height:50px; background:#354052; border-bottom:1px solid #434d5e;}
#mNavi #mtitle a {z-index:10000; font-size:0; line-height:0; text-indent:-9999em; display:inline-block; width:26px; height:23px; position:absolute; left:18px; top:14px; background:url(../../faq/img/btn_close.png) no-repeat; background-size:100% auto;}

#mNavi #mgnb .snb { width:100%; border-bottom:1px solid #535c6c; padding:5px 0; }
#mNavi #mgnb .snb, #mNavi #mgnb .snb ul li {background-color:#30394a}
#mNavi #mgnb .snb li { float:left; width:30%; border-bottom:0; }
#mNavi #mgnb .snb li a { display:inline-block; font-family:"NanumGothic"; height:26px; line-height:26px; text-align:left; font-size:12px; color:#fff; vertical-align:middle}

#mNavi #mgnb ul{width:100%; overflow:hidden}
#mNavi #mgnb ul li{border-bottom:1px solid #535c6c; background-color:#30394a; position:relative}
#mNavi #mgnb ul li a{display:block; padding:0 0 0 20px; height:42px; line-height:42px; font-size:16px; font-family:"NanumGothic"; color:#fff}
#mNavi #mgnb ul li a:hover, #mNavi #mgnb ul li a:focus, #mNavi #mgnb ul li a:active{color:#2eaced}

#mNavi #mgnb ul li ul{display:none; background-color:#202631; padding:10px 0;}
#mNavi #mgnb ul li ul li{border-bottom:0; background-color:#202631}
#mNavi #mgnb ul li ul li a{display:block; padding:0 0 0 20px; height:28px; line-height:28px; font-size:14px; font-family:"NanumGothic"; color:#fff}
#mNavi #mgnb ul li ul li a:hover, #mNavi #mgnb ul li ul li a:focus, #mNavi #mgnb ul li ul li a:active{color:#2eaced}

#mNavi #mgnb ul li ul li ul{ display:none; background-color:#202631; padding:4px 0;}
#mNavi #mgnb ul li ul li ul li{border-bottom:0; background-color:#202631}
#mNavi #mgnb ul li ul li ul li a{display:block; padding:0 0 0 30px; height:22px; line-height:22px; font-size:12px; font-family:"NanumGothic"; color:#ccc}
#mNavi #mgnb ul li ul li ul li a:hover, #mNavi #mgnb ul li ul li ul li a:focus, #mNavi #mgnb ul li ul li ul li a:active{color:#2eaced}

#mNavi #mgnb ul li ul li.row > a:before,
#mNavi #mgnb ul li ul li.row > a:after {display:block; position:absolute; background-color:#a7a8aa; content:'';}
#mNavi #mgnb ul li ul li.row > a:before {width:9px; height:1px; right:18px; top:14px;}
#mNavi #mgnb ul li ul li.row > a:after {width:1px; height:9px; right:22px; top:10px;}
#mNavi #mgnb ul li ul li.on > a:after { display:none}



	@media (max-width:800px) {	
	
		#wrap{min-width:320px; overflow:visible; height:100%}
	.area_header{ display:none}	
	#wrap, .area_footer, .box_footer, .footer_link li { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	#web {display:none;}
	#tablet, .tabletlogo {display:block;}
	
	.box_mot_1{overflow:hidden; width:100%}
	.box_mot_1.on{position:fixed; top:0}

	.cs_type2 #daumContent { width:100%;}
	#mFeature { display:none;} /*좌측메뉴*/
	.cs_type2 #cMain {background-image:none; padding-left:0;}


	.cs_type2 #cMain #mArticle { position:relative;  width:94%;  margin:80px auto; float:none ; box-sizing:border-box; padding:0; }
	.cont_faq .faq_view { width:100%;}
	.cont_faq {  width:100%; overflow:hidden; word-break:keep-all;}	

	.head_article .tit_article { font-size:30px; padding-bottom:20px;}
	.cont_faq .faq_view { margin-bottom:30px;}
	
	#img_center img { width:100%;}
	.cont_faq .faq_view .tit_faq { font-size:26px;}

	/*footer*/
	#footer { min-width:100%;}

	}