@charset "UTF-8";
@import url('common.css');


/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0;border:0 !important;overflow:hidden !important}


.row01 .dp_m {display:none}
.row01 {background:#f5f5f5; padding:2% 0}
.row01 .div01 {width:100%; max-width:1200px; margin:0 auto}
.row01 li {float:left; width:19.7%; margin-left:.375%}
.row01 li img {width:100%}
.row01 li:first-child {margin-left:0}



.row02 .dp_m {display:none}
.row02 {width:100%; max-width:1200px; margin:0 auto; padding: 2% 0}
.row02 > ul > li {float:left; width:30.333%; margin-left:4.5%}
.row02 > ul > li:first-child {margin-left:0}
.row02 > ul > li p {margin-top:8px}
.row02 > ul > li p:first-child {margin-top:0}


.row03 {width:100%; max-width:1200px; margin:0 auto; padding: 2% 0}


/* 가로롤링배너 */
.mbanner02{margin:0px auto 0px;width:100%; max-width:1200px; padding:0 40px 0px 40px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; z-index:1;}
.mbanner02 .partner{display: inline-block; width:200px; height:49px; margin-left:2%;text-align:center;background:#f5f5f5;}
.mbanner02 .partner img{width:100%;height:auto;}

.arr-btn01{width:100%; max-width:1200px; position:absolute; left:0; top:0px}
.arr-btn01 .customPrevBtn02{width:22px; height:24px; text-indent:-9999px; background:url(/images/main/l_arr002.png) 0 no-repeat; position:absolute; left:10px; top:15px; cursor:pointer; z-index:100;}
.arr-btn01 .customNextBtn02{width:22px; height:24px; text-indent:-9999px; background:url(/images/main/r_arr002.png) 0 no-repeat; position:absolute; right:10px; top:15px; cursor:pointer; z-index:100;}

.partner_wrap{display: inline-block; width:100%; max-width:1200px; margin:0px auto 0px;text-align:center; font-size:0; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.partner_wrap ul{display: inline-block; width:100%; margin-bottom:20px;}
.partner_wrap li{display: inline-block; width:23%; margin:1%; text-align:center; background:#fff; }
.partner_wrap .pt_thumb{display: table;width:100%; height:120px; border:1px solid #d8d8d8;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.partner_wrap .pt_thumb p{display: table-cell; height:100%;  vertical-align:middle;}
.partner_wrap .pt_tit{display:inline-block;text-align:center;font-family:'Nanum Gothic Bold';color: #424242;line-height: 24px;font-size:16px; margin-top:15px; padding:0px 5px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
/* 가로롤링배너 end */




/* 미디어쿼리 시작 */
@media all and (max-width:1220px) {
	.row02 > ul > li {clear:both; width:100%; margin-bottom:20px}	
	.row02 > ul > li p {margin-top:0}
	.row02 > ul > li img{width:100%}
	.row02 > ul > li:nth-child(1),
	.row02 > ul > li:nth-child(2) {width:96%; margin-left:2%}
	.row02 > ul > li:nth-child(3) {margin-left:0}
	.row02 > ul > li:nth-child(3) p {float:left; display:inline; width:33.333%; text-align:center;}
	.row02 > ul > li:nth-child(3) img {width:90%}

	.row02 .lat li {width:100%; margin-left:0; margin-bottom:0}


	.row03 {display:none;}
}



@media all and (max-width:740px) {
	.row01 {padding:5% 1.3%}
	.row01 li {width:32.333%; margin-left:1.5%}
	.row01 li:nth-child(4) {margin-left:0%; margin-top:1.5%}
	.row01 li:nth-child(5) {width:66.166%; margin-top:1.5%; background:#b28939; text-align:right}

	.row01 .dp_m {display:block}
	.row01 .dp_p {display:none}
	.row02 .dp_m {display:block}
	.row02 .dp_p {display:none}

	.row02 .lat .lat_title {line-height:35px;font-size:19px;}

	.row02 .lat .lt_more2 {position:absolute;top:25px;right:25px; width:22px; height:17px}

}



@media all and (max-width:450px) {	
	.row02 .lat li {font-size:14px; line-height:20px}
	.row02 .lat > div{min-height:180px; border-bottom:3px solid #77aa41}
	.row02 .lat .lat_title {display:block;margin:0 17px; padding:9px 0px 2px 0px; line-height:35px;font-size:16px;border-bottom:1px solid #bdbdbf;color:#253dbe}
	.row02 .lat .lat_title a{color:#242424;display:inline-block;position:relative}
	.row02 .lat ul{padding:10px 17px;}
	.row02 .lat .lt_more2 {position:absolute;top:20px;right:20px; width:19px; height:15px}

}