@charset "utf-8";
.visual-box{min-width:1200px;width:100%;margin:0 auto;overflow:hidden;}
.visual{position:relative;width:1200px;max-width:1200px; margin:0 auto;}
.visual .bxslider img{width:100%;height:550px;}
.con{overflow:hidden;width:1200px; height:195px; margin:0 auto;}
.con p{display:block;float:left;margin: 48px 36px 0 13px;width:269px;height:74px;}
.con ul{overflow:hidden;float:left;height:195px;width:850px;}
.con ul li{float:left;width:170px;}
.con ul li a{display:block; width:150px;margin:0 10px;height:195px; text-align:center;}
.con ul li a > em{display:block;margin:35px 0 12px 0;}
.con ul li a > em img{max-width:100%}
.con ul li a > span{display:block;/* margin-top:144px;*/color:#667a98;font-size:15px;}
/*.conlist1 a{background:url("/resources/trforeign/images/main/m_ico01.png") no-repeat center 35px;}
.conlist2 a{background:url("/resources/trforeign/images/main/m_ico02.png") no-repeat center 35px;}
.conlist3 a{background:url("/resources/trforeign/images/main/m_ico03.png") no-repeat center 35px;}
.conlist4 a{background:url("/resources/trforeign/images/main/m_ico04.png") no-repeat center 35px;}
.conlist5 a{background:url("/resources/trforeign/images/main/m_ico05.png") no-repeat center 35px;}*/
.main-con{width:100%;min-width:1200px; background:#d7e3ed; border-top:1px solid #d5d5d5; padding:30px 0;}
.mcon-box{width:1200px; margin:0 auto; overflow:hidden;}
.mbox1{float:left;width:1020px;}
.mbox2{float:right;width:180px;}
.list1{overflow:hidden}
.list1 li{width:340px;float:left;margin: 0 0 41px 0}
.list1 li a{position:relative;display:block;width:300px;padding:0 0 0 0;text-align:center}
.list1-1 a{background:url("/resources/trforeign/images/main/m_back01.png") left top no-repeat}
.list1-1 a .l-tit1{background:url("/resources/trforeign/images/main/m_img05.png") left top no-repeat}
.list1-2 a{background:url("/resources/trforeign/images/main/m_back02.png") left top no-repeat}
.list1-2 a .l-tit1 {background:url("/resources/trforeign/images/main/m_img02.png") left top no-repeat}
.list1-3 a{background:url("/resources/trforeign/images/main/m_back03.png") left top no-repeat}
.list1-4 a{background:url("/resources/trforeign/images/main/m_back04.png") left top no-repeat}
.list1-4 a .l-tit1 {background:url("/resources/trforeign/images/main/m_img03.png") left top no-repeat}
.list1-5 a{background:url("/resources/trforeign/images/main/m_back05.png") left top no-repeat}
.list1-5 a .l-tit1 {background:url("/resources/trforeign/images/main/m_img04.png") left top no-repeat}
.list1-6 a{background:url("/resources/trforeign/images/main/m_back06.png") left top no-repeat}
.l-tit1{display:inline-block;line-height:27px;padding:12px 0 178px 24px;margin:38px 0 0 0; font-size:25px;color:#ffffff;}
.l-txt1{position:absolute;bottom:0;display:block;line-height:19px;text-align:center;font-size:16px;color:#616161;}
.l-txt1{height:70px;width:240px;background:#fff url("/resources/trforeign/images/main/arr01.png") 21px no-repeat;padding: 0 21px 0 40px;}
.l-txt1 em{display:table-cell;vertical-align:middle;width:216px;height:70px;padding: 0 21px 0 0 ;background:#fff url("/resources/trforeign/images/main/arr02.png") right no-repeat;}
.l-tit2{display:block;line-height:27px;padding:50px 0 22px 0;font-size:25px;color:#ffffff;}
.l-txt2{display:block;line-height:19px;padding: 0 0 38px 0;background: url("/resources/trforeign/images/main/arr03.png") center bottom no-repeat;text-align:center;font-size:16px;color:#d7daea;}
.list2-1{width:180px;}
.list2-2{width:180px;}
.list2 li{width:180px;float:left;margin: 0 0 41px 0}
.list2 li a{display:block;text-align:center;}
.list2-1  a{background-color:#fff}
.list2-2  a{background:url("/resources/trforeign/images/main/m_back07.png") repeat}
.list2-1 .sp1{display:block;width:131px;height:75px;margin:0 auto;padding:26px 0 17px 0;text-align:center}
.list2-1 .sp2{display:block;width:140px;height:12px;margin:0 auto;padding: 0 0 14px 0;background:url("/resources/trforeign/images/main/arr04.png") center bottom no-repeat;text-align:center}
.list2-1 .sp3{display:block;overflow:hidden;margin:9px 0 0 0;text-align:center}
.list2-1 .sp3 em{display:block;color:#6d6d6d;font-size:13px}
.list2-1 .sp3  i{display:block;color:#2d2d2d;font-size:18px;font-weight:bold;}
.list2-2 .sp4{display:block;width:120px;height:46px;margin:0 auto;padding:40px 0 15px 0;}
.list2-2 .sp5{display:block;width:93px;height:47px;margin:0 auto;padding:0 0 26px 0;}
.list2-2 .sp6{display:block;width:40px;height:40px;margin:0 auto;}

/* acc */
.multi-dsp1{display:block}
.multi-dsp2{display:inline-block}

/*태블릿*/
@media screen and (max-width : 640px) {
	.visual-box{width:100%;min-width:100%;}
	.visual {width:100%;min-width:100%;background-color:#d7e3ed}
	.visual .bxslider img{width:100%;height:100%;}
	.con{width:100%;height:auto;background-color:#d7e3ed}
	.con p{display:none}
	.con ul{float:none;width:100%;padding-bottom:10px;height:auto;padding-left:0;background-color:#fff}
	.con ul li{width:20%;height:auto;}
	.con ul li a{width:auto;height:auto;background-size:80%;background-position: center 12px}
	.con ul li a em{margin:10px 0 10px 0; }
	.con ul li a span{/*margin-top:10px;*/}
	.con ul li a span span{margin-top:0;}
	.main-con{width:100%;min-width:auto; padding:10px 0 0 0;}
	.mcon-box{width:100%;}
	.mbox1{float:none;width:auto;padding: 0 5px}
	.mbox2{float:none;width:auto;padding: 0 5px}
	.list1 li{width:50%;float:left;margin: 0 0 10px 0}
	.list1 li a{width:auto;margin: 0 5px;padding:0}
	.list1-1 a{background-size:100% 100%}
	.list1-2 a{background-size:100% 100%}
	.list1-3 a{background-size:100% 100%}
	.list1-4 a{background-size:100% 100%}
	.list1-5 a{background-size:100% 100%}
	.list1-6 a{background-size:100% 100%}
	.list1-1 a .l-tit1{background-position:left 38px}
	.list1-2 a .l-tit1{background-position:left 38px}
	.list1-4 a .l-tit1{background-position:left 38px}
	.list1-5 a .l-tit1{background-position:left 38px}
	.l-tit1{padding:50px 0 70px 24px;font-size:18px}
	.l-txt1{position:absolute;bottom:0;height:50px;padding: 0 0 0 11px;font-size:15px}
	.l-txt1 {background-position:11px 18px;padding: 0  10px 0 20px}
	.l-txt1 em{height:50px;width:244px;padding: 0 10px 0 0 }
	.l-tit2{padding:50px 0 22px 0;}
	.l-txt2{font-size:15px;}
	.list2 li{width:50%;margin:0   0  10px  0}
	.list2-1{width:50%;}
	.list2-1 a{margin: 0 5px;background-color:#fff}
	.list2-2{width:50%;height:254px;}
	.list2-2 a{background:url("/resources/trforeign/images/main/m_back07.png") repeat}
}

/*모바일*/
@media screen and (max-width : 480px) {
	.con ul {padding-bottom:0}
	.con ul li {float:none;width:100%;height:50px;padding: 5px 0;border-bottom:1px solid #dce3ea}
	.con ul li a{height:50px;background-size:50px;background-position: left top;text-align:left;}
	.con ul li a > em{display:block;width:50px;margin:0;float:left;}
	.con ul li a > span{display:table-cell;margin-top:0;line-height:50px;padding-left:20px}
	.con ul li a span{font-size:13px;}
	.main-con{padding:10px 0 0 0}
	.mbox1{float:none;width:auto;padding: 0 10px}
	.mbox2{float:none;width:auto;padding: 0 10px}
	.list1 li{width:100%;float:none;margin: 0 0 10px 0}
	.list1 li a{width:100%;margin:0}
	.list2 li{width:100%;float:none;margin: 0 0 10px 0}
	.list2 li a{margin: 0}
	.l-txt1 em {width:521px}
}