@charset "utf-8";

/* 해당 사이트에 맞게 font,image 경로 수정 부탁드립니다.*/
@font-face{
	font-family:"ng";
	src:url('/ksccinfo/fonts/NanumGothic.eot');
	src:url('/ksccinfo/fonts/NanumGothic.woff') format('woff'),
	url('/ksccinfo/fonts/NanumGothic.ttf') format('truetype');
	src:local(※), url('/ksccinfo/fonts/NanumGothic.woff') format('woff');
	font-weight:noraml;
}

#intro_smartcard{z-index:9999}
#intro_smartcard,#intro_smartcard li strong,#intro_smartcard li em,#intro_smartcard li a,#intro_smartcard span{font-family:ng;color:#222}
#intro_smartcard button,#intro_smartcard table,#intro_smartcard li,#intro_smartcard a{font-family:ng;font-size:12px;line-height:1.2;color:#222;letter-spacing:-1px;}/* 170322 수정*/

#intro_smartcard{font-family:"나눔고딕",NanumGothic,ng,Malgun Gothic,"맑은 고딕",Tahoma,Sans-serif;font-size:12px;line-height:1.2;color:#222;letter-spacing:-1px;}
#intro_smartcard a{text-decoration:none;color:#222;}
/* common */
#intro_smartcard .clearfix_smartcard{clear:both;*zoom:1;}
#intro_smartcard .clearfix_smartcard:after{display:block;clear:both;content:"";}
#intro_smartcard .hide_smartcard{visibility:hidden;overflow:hidden;position:absolute;top:0!important;left:0!important;width:1px;height:1px;font-size:0;line-height:0;}

#intro_smartcard{display:none;position:relative;}
#intro_smartcard.active{display:block}
/*해당 사이트에 맞게 max-width값 수정 부탁드립니다.*/
/*#intro_smartcard .inner_box_smartcard{position:relative;max-width:1280px;margin:0 auto;padding:18px 30px 19px 30px;}*/
#intro_smartcard .inner_box_smartcard{position:relative;max-width:1280px;margin:0 auto;padding:17px 30px 0px 30px;}
#intro_smartcard .inner_box_smartcard:after{display:block;content:'';clear:both;}
#intro_smartcard.active .menu_scroll_smartcard{position:absolute;bottom:0;width:100%;background:#e9ecef;background:rgba(0,0,0,0.7);width:100%;height:100%;}
#intro_smartcard.active .scroll_cont_smartcard{background:#e9ecef;;position:absolute;bottom:0;width:100%;z-index:999;}
#intro_smartcard .btn_intro_smartcard{position:absolute;top:10px;right:30px;background:none;display:inline-block;width:83px;height:34px;padding:0 5px;border:1px solid #c4c4c4;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;vertical-align:top;color:#222;font-weight:bold}
#intro_smartcard .btn_intro_smartcard span{position:relative;display:inline-block;padding-left:18px;line-height:31px;font-size:1.333em;vertical-align:middle;}
#intro_smartcard .btn_intro_smartcard span:after{display:block;content:'';clear:both;position:absolute;top:12px;left:0px;width:9px;height:9px;background:url("/ksccinfo/images/common/btn_intro_close.png") no-repeat}
#intro_smartcard .box_intro_smartcard .logo_smartcard{position:absolute;left:50%;top:80px;width:250px;height:60px;margin-left:-125px;background:url("/ksccinfo/images/common/bg_logo_01.png") no-repeat}
#intro_smartcard .util_smartcard li{position:relative;float:left;padding-left:30px;}
#intro_smartcard .util_smartcard li:after{display:block;content:'';position:absolute;top:4px;left:15px;width:1px;height:10px;background:#c4c4c4;}
#intro_smartcard .util_smartcard li:first-child{padding:0;}
#intro_smartcard .util_smartcard li:first-child:after{background:none;}
#intro_smartcard .util_smartcard a{font-size:1.167em;}
#intro_smartcard .box_intro_smartcard{padding:140px 0 40px 0;}
#intro_smartcard .list_smartcard:after,
#intro_smartcard .list_link_smartcard:after,
#intro_smartcard .box_btn_smartcard.col2:after{display:block;content:'';clear:both;}
#intro_smartcard .list_smartcard > li:nth-of-type(3){margin-top:30px}
#intro_smartcard .list_smartcard .tit_smartcard{font-size:1.333em;}
#intro_smartcard .list_link_smartcard{margin-top:10px;}
#intro_smartcard .list_link_smartcard li{float:left;width:24.426%;height:56px;margin:4px 0 0 0.765%;box-sizing:border-box;-webkit-box-sizing:border-box;}
#intro_smartcard .list_link_smartcard > li:first-child,
#intro_smartcard .list_link_smartcard > li:nth-of-type(4n+1){margin-left:0}
#intro_smartcard .list_link_smartcard li:after{display:inline-block;content:'';height:100%;vertical-align:middle;}
#intro_smartcard .list_link_smartcard li > a{position:relative;display:block;height:100%;padding:0 22px 0 16px;background:#83878d;font-size:1.333em;color:#fff;line-height:56px;}
#intro_smartcard .list_link_smartcard li > a:after{position:absolute;top:25px;right:15px;display:block;content:'';width:9px;height:9px;background:url("/ksccinfo/images/common/bg_intro_arrow.png") no-repeat right 50%;}
#intro_smartcard .list_link_smartcard.type2 li{position:relative;width:24.426%;height:auto;margin-left:0.765%}
#intro_smartcard .list_link_smartcard.type2 > li:first-child,
#intro_smartcard .list_link_smartcard.type2 > li:nth-of-type(4n+1){margin-left:0}
#intro_smartcard .list_link_smartcard.type2 .box_txt_smartcard{height:80px;padding-left:90px;font-size:1.333em;line-height:82px;vertical-align:middle;}
#intro_smartcard .list_link_smartcard.type2 .box_txt_smartcard:after{display:block;content:'';position:absolute;top:20px;left:30px;width:45px;height:45px;background:url("/ksccinfo/images/common/sp_service_01.png") no-repeat;}
#intro_smartcard .list_link_smartcard.type2 .icon2_smartcard  .box_txt_smartcard:after{background-position:-50px 0;}
#intro_smartcard .list_link_smartcard.type2 .icon3_smartcard  .box_txt_smartcard:after{background-position:-100px 0;}
#intro_smartcard .list_link_smartcard.type2 .icon4_smartcard  .box_txt_smartcard:after{background-position:-150px 0;}
#intro_smartcard .list_link_smartcard.type2 .inner_smartcard{background:#fff;}
#intro_smartcard .list_link_smartcard.type2 .box_btn_smartcard{margin-top:0;border-top:1px solid #e0e0e0;}
#intro_smartcard .list_link_smartcard.type2 .box_btn_smartcard a{display:inline-block;height:38px;width:100%;text-align:center}
#intro_smartcard .list_link_smartcard.type2 .box_btn_smartcard a span{display:inline-block;line-height:38px;font-size:1.167em;color:#555;}
#intro_smartcard .list_link_smartcard.type2 .box_btn_smartcard.col2 a{float:left;width:50%;}
#intro_smartcard .list_link_smartcard.type2 .box_btn_smartcard.col2 a:first-child{border-right:1px solid #e0e0e0;box-sizing:border-box;-webkit-box-sizing:border-box;}
#intro_smartcard .box_m_smartcard{display:none;}
#intro_smartcard .bg_intro_smartcard{background:rgba(0,0,0,0.7);width:100%;height:100%;position:fixed;top:0;left:0;}/*배경*/

/*태블릿 가로*/
@media screen and (min-width:1024px) and (max-width:1280px){
	#intro_smartcard .list_link_smartcard.type2 .box_txt_smartcard:after{top:20px;left:10px;}
	#intro_smartcard .list_link_smartcard.type2 .box_txt_smartcard{padding-left:65px;}
}

/*테블릿 세로*/
@media screen and (min-width:768px) and (max-width:1023px){
	#intro_smartcard .util_smartcard li{padding-left:10px}
	#intro_smartcard .util_smartcard li:after{left:5px}

	#intro_smartcard .list_link_smartcard.type2 .box_txt_smartcard:after{top:20px;left:15px;}
	#intro_smartcard .list_link_smartcard.type2 .box_txt_smartcard{padding-left:70px;}
	#intro_smartcard .list_link_smartcard .txt_smartcard{display:inline-block;vertical-align:middle;line-height:1.2;}
	#intro_smartcard .list_link_smartcard.type2 .box_txt_smartcard:after{display:inline-block;content:'';height:100%;vertical-align:middle;}
	#intro_smartcard .is_t_block{display:block;}
}

/*모바일*/
@media all and (max-width:767px){
	html._hidden ,
	html._hidden body{overflow:hidden;position:fixed;width:100%;height:100%}

	#intro_smartcard{height:66px;background:none}
	#intro_smartcard .inner_box_smartcard{padding:0;}
	#intro_smartcard .util_smartcard{display:none;}
	
	#intro_smartcard .btn_intro_smartcard{top:13px;right:10px;overflow:hidden;width:40px;min-width:auto;height:40px;padding:0;text-indent:-999em;border:1px solid #818285;}
	#intro_smartcard .btn_intro_smartcard span:after{display:block;content:'';clear:both;position:absolute;left:8px;top:9px;width:22px;height:23px;background:url("/ksccinfo/images/mobile/common/sp_btn_icon_m_01.png") no-repeat -33px 0;background-size:200px 200px ;}
	
	#intro_smartcard.active{position:static;height:100%;}
	#intro_smartcard.active .util_smartcard{position:absolute;bottom:40px;display:block;width:100%;padding:0 18px;box-sizing:border-box;-webkit-box-sizing:border-box;}
	#intro_smartcard.active .menu_scroll_smartcard{overflow:hidden;bottom:none}
	#intro_smartcard.active .scroll_cont_smartcard{position:absolute;overflow:scroll;overflow-x:hidden;top:0;bottom:0;left:0;width:100%;}
	#intro_smartcard.active .btn_intro_smartcard{top:33px;right:18px;width:17px;height:17px;background:url("/ksccinfo/images/mobile/common/btn_intro_close_m.png") no-repeat;background-size:17px 17px;border:0;}
	#intro_smartcard.active .btn_intro_smartcard span:after{display:none;}

	#intro_smartcard .box_pc_smartcard{display:none;}
	#intro_smartcard .box_m_smartcard{display:block;margin-top:18px;}
	
	#intro_smartcard .box_intro_smartcard{padding:23px 18px 249px 18px;}
	#intro_smartcard .box_intro_smartcard .logo_smartcard{position:inherit;top:left:;display:block;height:36px;width:auto;padding-bottom:20px;margin:0;border-bottom:1px solid #adb1b5;background:url("/ksccinfo/images/mobile/common/bg_intro_logo_m.png") no-repeat;background-size:148px 36px;}
	#intro_smartcard .util_smartcard li{width:49.375%;height:50px;margin-top:4px;padding:0;text-align:center;}
	#intro_smartcard .util_smartcard li a{display:block;height:100%;;border:1px solid #adb1b5;color:#555;font-size:1em;line-height:50px;border-radius:4px;font-weight:bold}
	#intro_smartcard .util_smartcard li:after{display:none;}
	#intro_smartcard .util_smartcard li:nth-of-type(2n+1){margin-right:1.25%;}
	#intro_smartcard .list_link_smartcard li:nth-of-type(1),
	#intro_smartcard .list_link_smartcard li:nth-of-type(2){margin-top:0}

	#intro_smartcard .list_link_smartcard li{width:49.375%;height:47px;margin-top:4px;margin-left:0}
	#intro_smartcard .list_link_smartcard li a{padding:0 18px 0 14px;font-size:1.167em;line-height:48px;text-align:center}
	#intro_smartcard .list_link_smartcard li a:after{display:none}
	#intro_smartcard .list_link_smartcard li:nth-of-type(2n+1){margin-right:1.25%;}
	#intro_smartcard .list_link_smartcard li:nth-of-type(1),
	#intro_smartcard .list_link_smartcard li:nth-of-type(2){margin-top:0}
	#intro_smartcard .list_link_smartcard li:first-child, #intro_smartcard  .list_link_smartcard > li:nth-of-type(5){margin-left:0}

	#intro_smartcard .list_smartcard{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #adb1b5;}
	#intro_smartcard .list_smartcard > li{margin-top:30px;}
	#intro_smartcard .list_smartcard > li,
	#intro_smartcard .list_smartcard > li:nth-of-type(3){float:none;width:100%;}
	#intro_smartcard .list_smartcard .tit_smartcard{font-size:1.666em;color:#555;}
	#intro_smartcard .list_smartcard > li ul{margin-top:17px}
	
	#intro_smartcard .list_down_smartcard  li{position:relative;}
	#intro_smartcard .list_down_smartcard  li:after{display:block;content:'';position:absolute;top:18px;left:18px;width:54px;height:54px;background:url("/ksccinfo/images/mobile/common/sp_service_m_01.png") no-repeat;background-size:280px 54px;}
	#intro_smartcard .list_down_smartcard  em{display:inline-block;height:100%;font-size:1.167em;line-height:90px;font-weight:bold;}
	#intro_smartcard .list_down_smartcard  .icon2_smartcard:after{background-position:-70px 0;}
	#intro_smartcard .list_down_smartcard  .icon3_smartcard:after{background-position:-140px 0;}
	#intro_smartcard .list_down_smartcard  .icon4_smartcard:after{background-position:-210px 0;}
	#intro_smartcard .list_down_smartcard  li{position:relative;margin-top:3px;padding-left:82px;height:90px;background:#fff;}
	#intro_smartcard .list_down_smartcard  li a{display:block;}
	#intro_smartcard .list_down_smartcard  a{position:absolute;top:30px;right:20px;width:71px;text-align:center;height:30px;border:1px solid #dfe1e3;border-radius:2px;box-sizing:border-box;-webkit-box-sizing:border-box}
	#intro_smartcard .list_down_smartcard  a span{display:inline-block;;color:#555;line-height:30px;font-size:1em;}
}