@charset "utf-8";

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

/* reset */
body{-ms-overflow-style:scrollbar;}
/* -----------------★ 2024.02.28 이상현 수정 -----------------*/
/*word-break 추가*/body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0; word-break:keep-all;}
/*line-height 수정*/body,input,textarea,select,button,table{font-family:"나눔고딕",NanumGothic,ng,Malgun Gothic,"맑은 고딕",Tahoma,Sans-serif;font-size:13px;line-height:1.5;color:#222;letter-spacing:0px;}/* 170515 수정*/
/* -----------------★ 2024.02.28 이상현 수정 끝 -----------------*/
html{height:100%;}
/* img,fieldset{border:0;} */
ul,ol{list-style:none;}
em,address{font-style:normal;}
/* img{vertical-align:top;} */
a{text-decoration:none;color:#222;}
article,aside,dialog,footer,header,section,footer,nav,figure{display:block;margin:0;padding:0;}
button{border:0 none;background:transparent;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
hr{display:none;}
textarea{resize:none;}
table{border-collapse:collapse;width:100%;}
legend, caption {width: 0;height: 0; visibility: hidden; font-size: 0;line-height: 0;}

#intro{font-family:ng}/* 170322 수정*/

/* common */
.clearfix{clear:both;*zoom:1;}
.clearfix:after{display:block;clear:both;content:"";}
.hide{visibility:hidden;overflow:hidden;position:absolute;top:0!important;left:0!important;width:1px;height:1px;font-size:0;line-height:0;}

#intro{position:absolute;width:100%;background:#e9ecef;height:54px;}
#intro.menu_scroll{z-index:20;}
#topheader{padding-top:40px;}
/*해당 사이트에 맞게 max-width값 수정 부탁드립니다.*/
#intro .inner_box{position:relative;max-width:978px;margin:0 auto;padding:17px 30px 0 30px;}
#intro .inner_box:after{display:block;content:'';clear:both;}
#intro.active{height:auto;background:rgba(0,0,0,0.7);width:100%;height:100%;}
#intro.active .box_intro{display:block;}
#intro.active .scroll_cont{background:#e9ecef;}
#intro.active + .box_body .icon_menu,
#intro.active + .box_body .icon_inquiry ,
#intro.active + .box_body .box_language{display:none;}
#intro .btn_intro{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 .pc_btn_intro{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 .btn_intro span{display:inline-block;line-height:31px;font-size:1.333em;vertical-align:middle;}/*수정*/
#intro .pc_btn_intro span{display:inline-block;line-height:31px;font-size:1.333em;vertical-align:middle;}/*수정*/
#intro.active .btn_intro span{position:relative;padding-left:18px;}
#intro.active .btn_intro span:after{display:block;content:'';clear:both;position:absolute;top:12px;left:0px;width:9px;height:9px;background:url("../images/common/btn_intro_close.png") no-repeat}
#intro .box_intro .logo{position:absolute;left:50%;top:80px;width:250px;height:60px;margin-left:-125px;background:url("../images/common/bg_logo_01.png") no-repeat}
#intro .util li{position:relative;float:left;padding-left:30px;}
#intro .util li:after{display:block;content:'';position:absolute;top:4px;left:15px;width:1px;height:10px;background:#c4c4c4;}
#intro .util li:first-child{padding:0;}
#intro .util li:first-child:after{background:none;}
#intro .util a{font-size:1.167em;}
#intro .box_intro{display:none;padding:140px 0 40px 0;}
#intro .list:after,
#intro .list_link:after,
#intro .box_btn.col2:after{display:block;content:'';clear:both;}
#intro .list > li:nth-of-type(3){margin-top:30px}
#intro .list .tit{font-size:1.333em;}
/* #intro .list > li:nth-of-type(3){width:20%;padding-right:0;}
#intro .list > li:nth-of-type(3) .list_link li{width:100%;padding:0;}
#intro .list > li:nth-of-type(4){width:100%;margin-top:27px;}
#intro .list > li:nth-of-type(4) .list_link li{width:20%;} */
#intro .list_link{margin-top:10px;}
#intro .list_link li{float:left;width:24.426%;height:56px;margin:4px 0 0 0.765%;box-sizing:border-box;-webkit-box-sizing:border-box;}
#intro .list_link > li:first-child,
#intro .list_link > li:nth-of-type(4n+1){margin-left:0}
#intro .list_link li:after{display:inline-block;content:'';height:100%;vertical-align:middle;}
#intro .list_link li > a{position:relative;display:block;height:100%;padding:0 22px 0 16px;background:#6d747e;font-size:1.333em;color:#fff;line-height:56px;}
#intro .list_link li > a:after{position:absolute;top:25px;right:15px;display:block;content:'';width:9px;height:9px;background:url("../images/common/bg_intro_arrow.png") no-repeat right 50%;}
#intro .list_link.type2 li{position:relative;width:24.426%;height:auto;margin-left:0.765%}
#intro .list_link.type2 > li:first-child,
#intro .list_link.type2 > li:nth-of-type(4n+1){margin-left:0}
#intro .list_link.type2 .box_txt{height:80px;padding-left:90px;font-size:1.333em;line-height:82px;vertical-align:middle;}
#intro .list_link.type2 .box_txt:after{display:block;content:'';position:absolute;top:20px;left:30px;width:45px;height:45px;background:url("../images/common/sp_service_01.png") no-repeat;}
#intro .list_link.type2 .icon2 .box_txt:after{background-position:-50px 0;}
#intro .list_link.type2 .icon3 .box_txt:after{background-position:-100px 0;}
#intro .list_link.type2 .icon4 .box_txt:after{background-position:-150px 0;}
#intro .list_link.type2 .inner{background:#fff;}
#intro .list_link.type2 .box_btn{margin-top:0;border-top:1px solid #e0e0e0;}
#intro .list_link.type2 .box_btn a{display:inline-block;height:38px;width:100%;text-align:center}
#intro .list_link.type2 .box_btn a span{display:inline-block;line-height:38px;font-size:1.167em;color:#555;}
#intro .list_link.type2 .box_btn.col2 a{float:left;width:50%;}
#intro .list_link.type2 .box_btn.col2 a:first-child{border-right:1px solid #e0e0e0;box-sizing:border-box;-webkit-box-sizing:border-box;}
#intro .box_m{display:none;}
#intro .mobile{display:none;}
#intro .btn_intro{display:none;}

.toplink3{margin-top:50px;position:absolute;right:0;top:0;}
.toplink3{color:#666666;display:inline-block;font-size:12px;height:12px;line-height:12px;padding-left:15px;}
.toplink3 a{padding:0 5px 0 5px;}



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

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

	#intro .list_link.type2 .box_txt:after{top:20px;left:15px;}
	#intro .list_link.type2 .box_txt{padding-left:70px;}
	#intro .list_link .txt{display:inline-block;vertical-align:middle;line-height:1.2;}
	#intro .list_link.type2 .box_txt:after{display:inline-block;content:'';height:100%;vertical-align:middle;}
	.is_t_block{display:block;}
}
/*모바일*/
@media all and (max-width:19.9cm){
	#topheader{padding-top:0}
	.toplink3{display:none;}
	#intro{right:0;height:45px;width:45px;background:none}
	#intro .inner_box{padding:0;}
	#intro .util{display:none;}
	
    #intro .btn_intro{top:13px;right:10px;overflow:hidden;width:45px;min-width:auto;height:45px;padding:0;text-indent:-999em;border:1px solid #818285;}
	#intro .btn_intro span:after{display:block;content:'';clear:both;position:absolute;left:10px;top:10px;width:22px;height:23px;background:url("../images/mobile/common/sp_btn_icon_m_01.png") no-repeat -33px 0;background-size:200px 200px;}
	
	#intro.active{height:100%;}
	#intro.active .util{position:absolute;bottom:120px;display:block;width:100%;padding:0 18px;box-sizing:border-box;-webkit-box-sizing:border-box;}
	#intro.active .menu_scroll{overflow:hidden;}
	#intro.active .scroll_cont{position:absolute;overflow:scroll;overflow-x:hidden;top:0;bottom:0;left:0;width:100%;}
	#intro.active .btn_intro{top:33px;right:18px;width:17px;height:17px;background:url("../images/mobile/common/btn_intro_close_m.png") no-repeat;background-size:17px 17px;border:0;}
	#intro.active .btn_intro span:after{display:none;}
	#intro.active .pc{display:none;}
	#intro.active .mobile{display:block;}
	#intro .pc_btn_intro{display:none;}
	#intro .btn_intro{display:block;}
	

	#intro .box_pc{display:none;}
	#intro .box_m{display:block;margin-top:18px;}
	
	#intro .box_intro{padding:23px 18px 249px 18px;}
	#intro .box_intro .logo{position:inherit;top:left:;display:block;height:36px;width:auto;padding-bottom:20px;margin:0;border-bottom:1px solid #adb1b5;background:url("../images/mobile/common/bg_intro_logo_m.png") no-repeat;background-size:148px 36px;}
	#intro .util li{width:49.375%;height:50px;margin-top:4px;padding:0;text-align:center;}
	#intro .util 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 .util li:after{display:none;}
	#intro .util li:nth-of-type(2n+1){margin-right:1.25%;}
	#intro .list_link li:nth-of-type(1),
	#intro .list_link li:nth-of-type(2){margin-top:0}


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

	#intro .list{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #adb1b5;}
	#intro .list > li{margin-top:30px;}
	#intro .list > li,
	#intro .list > li:nth-of-type(3){float:none;width:100%;}
	#intro .list .tit{font-size:1.666em;color:#555;}
	#intro .list > li ul{margin-top:17px}
	
	#intro .list_down li{position:relative;}
	#intro .list_down li:after{display:block;content:'';position:absolute;top:18px;left:18px;width:54px;height:54px;background:url("../images/mobile/common/sp_service_m_01.png") no-repeat;background-size:280px 54px;}
	#intro .list_down em{display:inline-block;height:100%;font-size:1.167em;line-height:90px;font-weight:bold;}
	#intro .list_down .icon2:after{background-position:-70px 0;}
	#intro .list_down .icon3:after{background-position:-140px 0;}
	#intro .list_down .icon4:after{background-position:-210px 0;}
	#intro .list_down li{position:relative;margin-top:3px;padding-left:82px;height:90px;background:#fff;}
	#intro .list_down li a{display:block;}
	#intro .list_down 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 .list_down a span{display:inline-block;;color:#555;line-height:30px;font-size:1em;}
}