@charset "utf-8"; 

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'h6';letter-spacing:1px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'h6';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;}
ul {margin:0;padding:0;}
ul li {list-style:none;}

/*NanumSquare*/
@font-face {
 font-family: 'NanumSquare';
 src: url(../font/NanumSquareR.eot);
 src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareR.woff) format('woff'),
      url(../font/NanumSquareR.ttf) format('truetype');
}

/*NanumGothic*/
@font-face {
 font-family: 'NanumGothic';
 src: url(../font/NanumGothic.eot);
 src: url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumGothic.woff) format('woff'),
      url(../font/NanumGothic.ttf) format('truetype');
}





#wrapper {width:100%;margin:0;padding:0;}

.m_img {display:none;}

@media (max-width: 640px) {
	#wrapper {width:100%;height:100%;overflow-y:scroll;position:fixed;top:0;right:0;margin:0;padding:0;}

	.pc_img, .tablet {display:none;}
	.m_img {display:block !important;}
}





/************************************************************************************************************************************/
/******************************************************** header *******************************************************************/
/************************************************************************************************************************************/
#header {width:100%;height:600px;background:url(../img/visual.jpg) no-repeat -30px;background-size:auto 116%;}
.head {width:1100px;margin:0 auto;padding-top:25px;}

.head .logo {float:left;}

.head .gnb {float:right;}
.head .gnb ul {margin-top:40px;}
.head .gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
.head .gnb ul li {float:left;margin:0 10px;}
.head .gnb ul li a p {font-family:'Arial';font-size:15px;color:#fff;padding:0px 2px 10px;font-weight:600;}
.head .gnb ul li a p.on {border-bottom:2px solid #fff;}

.head .title {clear:both;margin:200px 0 20px;}
.head .title h1 {font-family:'Arial';font-size:80px;color:#fff;}
.head .title p {font-family:'Arial';font-size:22px;color:#fff;letter-spacing:0px;}

@media (min-width: 641px) and (max-width: 1099px) {
	#header {height:400px;background-size: auto 130%;}
	.head {max-width:840px;width:96%;}

	.head .logo img {width:108px;}

	.head .gnb ul {margin-top:20px;}
	.head .gnb ul li a p {font-size:12px;}
	.head .gnb ul li a p.on {border-bottom:2px solid #fff;}

	.head .title {clear:both;margin:150px 0 0px;}
	.head .title h1 {font-size:62px;}
	.head .title p {font-size:17px;}
}

@media (max-width: 640px) {
	#header {height:auto;background:none;}
	.head {width:100%;padding-top:0px;}

	.head .logo {float:none;width:100%;padding:10px 0;position:fixed;top:0;right:0;z-index:9999 !important;background:#fff;}
	.head .logo:after {display:block;visibility:hidden;clear:both;content:""}
	.head .logo .left {float:left;margin-left:2%;}
	.head .logo .right {float:right;margin-right:2%;}
	.head .logo .right img {padding-top:7px;}

	.head .m_visual {width:100%;position:relative;margin-top:51px;}	
	.head .m_visual>img {width:100%;}
	.head .m_visual>div {width:100%;position:absolute;top:28%;left:0;}
	.head .m_visual>div>div {width:94%;margin:0 auto;}
	.head .m_visual>div>div h1 {font-family:'Arial';font-size:3.5em;color:#fff;letter-spacing:0px;}
	.head .m_visual>div>div p {font-family:'Arial';font-size:1.1em;color:#fff;letter-spacing:0px;}

	.head .gnb {display:none;}
	.head .title {display:none;}
}

@media (min-width: 1890px) {
	#header {background:url(../img/visual.jpg) no-repeat;background-size:100%;}
}





/***********************************************************************************************************************************/
/******************************************************** Side *******************************************************************/
/***********************************************************************************************************************************/
#side {position:fixed;top:0;right:-240px;width:240px;height:100%;z-index:99999;background:#fff;}
.side {width:100%;o}
.side .side1 {background:#e1eefa;padding:11px 0 10px;text-align:right;}
.side .side1 i {font-size:2.5em;color:#6d6d6d;padding-right:4%;}
.side .side2 {width:100%;}
.side .side2 ul li {width:100%;border-bottom:1px solid #ebebeb;}
.side .side2 ul li p {width:80%;margin:0 auto;padding:10px 0 12px;font-family:'Arial';font-size:1.3em;color:#383838;}
.side .side2 ul li p img {padding-right:3px;margin-top:-2px;}

.opacity_bg {background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:fixed;top:51px;right:0;z-index:9;display:none;}





/***********************************************************************************************************************************/
/******************************************************** footer *******************************************************************/
/***********************************************************************************************************************************/
#footer {width:100%;background:#222;padding:40px 0 20px;text-align:center;}
.foot {width:1100px;margin:0 auto;}

.foot .text1 {font-size:12px;color:#878787;font-weight:600;margin-bottom:15px;letter-spacing:0.5px;}
.foot .text2 {font-size:12px;color:#878787;line-height:20px;margin-bottom:30px;letter-spacing:0.5px;}

.copy {width:100%;border-top:1px solid #808080;}
.copy .text3 {font-size:12px;color:#878787;line-height:20px;margin-top:15px;letter-spacing:0.5px;}

@media (min-width: 641px) and (max-width: 1099px) {
	.foot {max-width:840px;width:96%;}
}

@media (max-width: 640px) {
	.foot {max-width:100%;width:100%;}

	.foot .text1 {font-size:0.8em;letter-spacing:-0.5px;}
	.foot .text2 {font-size:0.8em;letter-spacing:-0.5px;}

	.copy .text3 {font-size:0.8em;letter-spacing:-0.5px;}
}





/***********************************************************************************************************************************/
/******************************************************** Home *******************************************************************/
/***********************************************************************************************************************************/
#container {width:100%;}

.cont1 {width:100%;min-width:1100px;background:url(../img/home1_bg.png) no-repeat;background-size:100% 100%;}
.cont1>div {width:1100px;margin:0 auto;text-align:center;padding:32px 0 75px;}
.cont1>div>img {padding-bottom:22px;}
.cont1>div div {width:440px;margin:0 auto;padding:15px 0;border-top:1px solid #798692;border-bottom:1px solid #798692;}
.cont1>div div .text1 {font-family: 'NanumSquare';color:#2e2e2e;font-size:20px;font-weight:600;margin-bottom:15px;}
.cont1>div div .text2 {font-family: 'NanumGothic';color:#4c4c4c;font-size:16px;font-weight:600;}

.cont2 {width:100%;min-width:1100px;}
.cont2>div {width:1100px;margin:0 auto;text-align:center;padding:50px 0 75px;}
.cont2>div h3 {font-family:'Arial';font-size:25px;color:#333;}
.cont2>div>p {font-family:'Arial';font-size:20px;color:#333;padding:10px 0 45px;letter-spacing:0px;}
.cont2>div ul {width:100%;text-align:center;margin-top:80px;}
.cont2>div ul li {display:inline-block;width:24%;}
.cont2>div ul li img {margin-bottom:20px;}
.cont2>div ul li .text2 {font-family: 'NanumSquare';color:#0267c2;font-size:19px;font-weight:600;border-bottom:1px solid #0267c2;}
.cont2>div ul li .text3 {font-family: 'NanumGothic';color:#525252;font-size:14px;margin-top:10px;}

.cont3 {width:100%;min-width:1100px;}
.cont3>div {width:100%;position:relative;}
.cont3>div .bx-wrapper {max-width:100% !important;}
.cont3>div li {position:relative;}
.cont3>div li>img {width:100%;}
.cont3>div li>div {position:absolute;width:100%;top:0;left:0;}
.cont3>div li>div div {width:1100px;margin:8% auto 0;}
.cont3>div li>div div .text1 {font-family: 'NanumSquare';color:#fff;font-size:43px;font-weight:600;margin-left:315px;margin-bottom:10px;}
.cont3>div li>div div .text2 {font-family: 'NanumSquare';color:#fff;font-size:30px;font-weight:600;padding-left:340px;}
.cont3>div li>div div .text3 {font-family:'Arial';color:#fff38c;font-size:25px;margin-left:340px;}
.cont3>div li>div div .text4 {font-family: 'NanumSquare';color:#fff112;font-size:43px;font-weight:600;margin-left:580px;margin-bottom:15px;}
.cont3>div li>div div .text5 {font-family: 'NanumSquare';color:#fff;font-size:25px;font-weight:600;padding-left:580px;}
.cont3>div li>div div .text6 {font-family: 'NanumSquare';color:#0d355c;font-size:43px;font-weight:600;margin-left:80px;margin-bottom:10px;}
.cont3>div li>div div .text7 {font-family: 'NanumSquare';color:#376096;font-size:30px;font-weight:600;padding-left:80px;}
.cont3>div li>div div .text8 {margin-top:7%;}
.cont3>div li>div div .text8 img {display:inline-block;width:15%;margin-top:-90px;margin-right:5px;}
.cont3>div li>div div .text8 span {display:inline-block;font-family: 'NanumSquare';color:#5b5b5b;font-size:25px;font-weight:600;padding-top:20px;letter-spacing:0px;}
.cont3>div li>div div .text8 span b {color:#2c4c6d;font-size:30px;}

.m_img1, .t_img1 {display:none;}

@media (min-width: 641px) and (max-width: 1099px) {
	.pc_img1, .tablet  {display:none;}
	.t_img1 {display:block;}
}

@media (max-width: 640px) {
	.pc_img1  {display:none;}
	.m_img1 {display:block;}
}

.cont4 {width:100%;min-width:1100px;background:url(../img/home4_bg.png) no-repeat;background-size:100% 100%;}
.cont4>div {width:1100px;margin:0 auto;text-align:center;padding:40px 0 70px;}
.cont4>div ul {width:100%;text-align:center;}
.cont4>div ul li {display:inline-block;vertical-align:top;padding:0 11%;}
.cont4>div ul li:first-child {padding-left:3%}
.cont4>div ul li:last-child {padding-right:3%}
.cont4>div ul li .text1 {font-family:'Arial';font-size:20px;color:#2a2a2a;}
.cont4>div ul li h3 {font-family: 'NanumSquare';font-size:30px;color:#2a2a2a;margin:5px 0 30px;}
.cont4>div ul li .text2 {font-family: 'NanumGothic';font-size:18px;color:#6c6a6a;font-weight:600;text-align:left;
										border-left:4px solid #657185;height:95px;padding-left:12px;line-height:23px;}

.cont5 {width:100%;min-width:1100px;}
.cont5>div {width:1100px;margin:0 auto;text-align:center;padding:50px 0 30px;}
.cont5>div:after {display:block;visibility:hidden;clear:both;content:""}
.cont5>div>div {float:left;}
.cont5>div div>img {margin:30px 0 25px;}
.cont5>div div p {font-family: 'NanumSquare';font-size:22px;color:#3d3d3d;}
.cont5>div .slide {float:right;width:550px;}

@media (min-width: 641px) and (max-width: 1099px) {
	.cont1 {min-width:641px;}
	.cont1>div {max-width:840px;width:96%;padding:25px 0 60px;}
	.cont1>div>img {width:65px;padding-bottom:20px;}
	.cont1>div div {width:340px;}
	.cont1>div div .text1 {font-size:15px;margin-bottom:8px;}
	.cont1>div div .text2 {font-size:12px;}

	.cont2 {min-width:641px;}
	.cont2>div {max-width:840px;width:96%;padding:44px 0 10px;}
	.cont2>div h3 {font-size:18px;}
	.cont2>div>p {font-size:14px;padding:10px 0 40px;}
	.cont2>div>img {width:520px;}
	.cont2>div ul {margin-top:60px;}
	.cont2>div ul li {width:49.5%;margin-bottom:50px;}

	.cont3 {min-width:641px;}
	
	.cont4 {min-width:641px;}
	.cont4>div {max-width:840px;width:96%;padding:25px 0 50px;}
	.cont4>div ul li {padding:0 5%;}
	.cont4>div ul li:first-child {padding-left:1%}
	.cont4>div ul li:last-child {padding-right:1%}
	.cont4>div ul li .text1 {font-size:16px;}
	.cont4>div ul li h3 {font-size:20px;margin:15px 0 20px;}
	.cont4>div ul li .text2 {font-size:14px;height:75px;line-height:18px;}

	.cont5 {min-width:641px;}
	.cont5>div{max-width:840px;width:96%;padding:50px 0 60px;}
	.cont5>div>div {width:49%;}
	.cont5>div div>img {width:67%;margin:15px 0 25px;}
	.cont5>div div p {font-size:14px;letter-spacing:-0.5px;}
	.cont5>div .slide {width:51%;}
	.cont5>div .slide .bx-wrapper {width:95%;margin:0 auto;}
}

@media (max-width: 640px) {
	.cont1 {min-width:auto;max-width:640px;}
	.cont1>div {width:96%;padding:13px 0 30px;}
	.cont1>div>img {width:40px;padding-bottom:15px;}
	.cont1>div div {width:70%;padding:9px 0;}
	.cont1>div div .text1 {font-size:1.2em;margin-bottom:5px;}
	.cont1>div div .text2 {font-size:1.0em;}

	.cont2 {min-width:auto;max-width:640px;}
	.cont2>div {width:96%;padding:25px 0 45px;}
	.cont2>div h3 {font-size:1.7em;}
	.cont2>div>p {font-size:1.2em;padding:7px 0 20px;}
	.cont2>div>img {width:100%;}
	.cont2>div ul {margin-top:30px;}
	.cont2>div ul li {display:block;width:60%;margin:0 auto 30px;}
	.cont2>div ul li img {margin-bottom:15px;}
	.cont2>div ul li .text2 {font-size:1.4em;}
	.cont2>div ul li .text3 {font-size:1.0em;margin-top:5px;}

	.cont3 {min-width:auto;max-width:640px;}

	.cont4 {min-width:auto;max-width:640px;background:url(../img/m_home4_bg.png) no-repeat;background-size:100% 100%;}
	.cont4>div {width:96%;padding:23px 0 35px;}
	.cont4>div ul li {display:block;padding:0 !important;}
	.cont4>div ul li .text1 {font-size:1.3em;display:inline-block;}
	.cont4>div ul li h3 {font-size:1.8em;margin:5px 0 10px;display:inline-block;}
	.cont4>div ul li .text2 {padding:3px 0;font-size:1.2em;height:auto;padding-left:7px;margin-bottom:20px;line-height:20px;letter-spacing:0px;}

	.cont5 {min-width:auto;max-width:640px;}
	.cont5>div {width:96%;padding:45px 0 60px;}
	.cont5>div>div {float:none;}
	.cont5>div div>img {width:70%;margin:0 0 20px;}
	.cont5>div div p {font-size:1.3em;color:#3d3d3d;}
	.cont5>div .slide {float:none;margin-top:40px;width:100%;}
}





/***********************************************************************************************************************************/
/******************************************************** About *******************************************************************/
/***********************************************************************************************************************************/
.about1 {width:100%;min-width:1100px;padding:55px 0 80px;}
.about1 .tab {width:1100px;margin:0 auto 50px;text-align:center;}
.about1 .tab li {display:inline-block;margin:0 1%;}
.about1 .tab li a p {width:175px;font-family: 'NanumGothic';color:#1e1e1e;font-size:16px;font-weight:900;padding:10px 0;border-radius:4px;}
.about1 .tab li a p.on {background:#1e1e1e;color:#fff;}
.about1>img {width:100%;margin-bottom:120px;}
.about1>div {width:1100px;margin:0 auto;}
.about1>div:after {display:block;visibility:hidden;clear:both;content:""}
.about1>div img {float:left;}
.about1>div ul {float:right;margin-top:7 px;}
.about1>div ul li {margin-bottom:22px;}
.about1>div ul li:after {display:block;visibility:hidden;clear:both;content:""}
.about1>div ul li p {float:left;}
.about1>div ul li .text1 {width:100px;padding:6px 0;font-family: 'NanumSquare';font-size:18px;text-align:center;color:#fff;border-radius:4px;}
.about1>div ul li .text2 {font-family: 'NanumGothic';font-size:20px;color:#3d3d3d;font-weight:600;padding-left:15px;padding-top:5px;letter-spacing:0px;}

.about2 {width:100%;min-width:1100px;background:url(../img/about2_bg.jpg) no-repeat;background-size:100% 100%;padding:50px 0 65px;}
.about2 .tab {width:1100px;margin:0 auto 105px;text-align:center;}
.about2 .tab li {display:inline-block;margin:0 1%;}
.about2 .tab li a p {width:175px;font-family: 'NanumGothic';color:#1e1e1e;font-size:16px;font-weight:900;padding:10px 0;border-radius:4px;}
.about2 .tab li a p.on {background:#1e1e1e;color:#fff;}
.about2>div {width:1100px;margin:0 auto;text-align:center;}
.about2>div .text1 {width:710px;margin:0 auto;padding-bottom:7px;border-bottom:4px solid #757c81;}
.about2>div .text1 img {margin:0 5.5%;}
.about2>div .text2 {font-family: 'NanumSquare';font-size:30px;color:#032543;font-weight:600;margin:20px 0 13px;}
.about2>div .text3 {font-family: 'NanumGothic';font-size:18px;color:#515151;margin-bottom:3px;letter-spacing:0px;}
.about2>div .text4 {font-family: 'NanumGothic';font-size:22px;color:#515151;font-weight:600;}
.about2 .list {width:1100px;margin:150px auto 0;text-align:center;}
.about2 .list li {display:inline-block;vertical-align:top;width:32.5%;}
.about2 .list li:after {display:block;visibility:hidden;clear:both;content:""}
.about2 .list li img {float:left;}
.about2 .list li .text5 {float:left;font-family: 'NanumGothic';font-size:17px;color:#515151;margin-left:10px;text-align:left;letter-spacing:0;}

.about3 {width:100%;min-width:1100px;padding:52px 0 130px;}
.about3 .tab {width:1100px;margin:0 auto 90px;text-align:center;}
.about3 .tab li {display:inline-block;margin:0 1%;}
.about3 .tab li a p {width:175px;font-family: 'NanumGothic';color:#1e1e1e;font-size:16px;font-weight:900;padding:10px 0;border-radius:4px;}
.about3 .tab li a p.on {background:#1e1e1e;color:#fff;}
.about3>div {width:1100px;height:388px;margin:0 auto;background:url(../img/about3_img1.png) no-repeat;}
.about3>div .text1 {font-family: 'NanumSquare';font-size:32px;color:#003869;font-weight:600;padding-top:55px;margin-bottom:45px;margin-left:395px;}
.about3>div .text2 {font-family: 'NanumGothic';font-size:27px;color:#444;margin-bottom:45px;margin-left:560px;line-height:40px;}
.about3>div .text3 {font-family: 'NanumGothic';font-size:25px;color:#444;margin-left:850px;}
.about3>div .text3 img {margin-top:-15px;}

.about4 {width:100%;min-width:1100px;background:url(../img/about4_bg.jpg) no-repeat;background-size:100% 100%;padding:50px 0 80px;}
.about4 .tab {width:1100px;margin:0 auto 100px;text-align:center;}
.about4 .tab li {display:inline-block;margin:0 1%;}
.about4 .tab li a p {width:175px;font-family: 'NanumGothic';color:#1e1e1e;font-size:16px;font-weight:900;padding:10px 0;border-radius:4px;}
.about4 .tab li a p.on {background:#1e1e1e;color:#fff;}
.about4>div {width:1100px;margin:0 auto;text-align:center;}

.about5 {width:100%;min-width:1100px;padding:52px 0 130px;}
.about5 .tab {width:1100px;margin:0 auto 120px;text-align:center;}
.about5 .tab li {display:inline-block;margin:0 1%;}
.about5 .tab li a p {width:175px;font-family: 'NanumGothic';color:#1e1e1e;font-size:16px;font-weight:900;padding:10px 0;border-radius:4px;}
.about5 .tab li a p.on {background:#1e1e1e;color:#fff;}
.about5>div {width:1000px;height:660px;margin:0 auto;background:url(../img/about5_bg.png) no-repeat;}
.about5>div p {font-family: 'NanumGothic';font-size:30px;color:#706e6e;font-weight:600;margin-left:160px;padding-top:66px;}
.about5>div p span {font-size:32px;color:#1549b6;font-weight:900;}
.about5>div .text1 {padding-top:47px;}

@media (min-width: 641px) and (max-width: 1099px) {
	.about1 {min-width:641px;padding:50px 0 40px;}
	.about1 .tab {max-width:840px;width:96%;margin:0 auto 40px;}
	.about1 .tab li {margin:0;width:19%;}
	.about1 .tab li a p {width:90%;margin:0 auto;font-size:13px;padding:8px 0;}
	.about1>img {margin-bottom:70px;}
	.about1>div {max-width:840px;width:96%;}
	.about1>div img {width:50%;}
	.about1>div ul {width:49%;margin-top:7 px;}
	.about1>div ul li {margin-bottom:10px;}
	.about1>div ul li .text1 {width:65px;font-size:14px;padding:5px 0;}
	.about1>div ul li .text2 {font-size:15px;padding-left:5px;padding-top:4px;letter-spacing:-1px;}

	.about2 {min-width:641px;padding:50px 0 65px;}
	.about2 .tab {max-width:840px;width:96%;margin:0 auto 40px;}
	.about2 .tab li {margin:0;width:19%;}
	.about2 .tab li a p {width:90%;margin:0 auto;font-size:13px;padding:8px 0;}
	.about2>div {max-width:840px;width:96%;}
	.about2>div .text1 {width:557px;}
	.about2>div .text1 img {width:165px;margin:0 4%;}
	.about2>div .text2 {font-size:23px;margin:15px 0 8px;}
	.about2>div .text3 {font-size:14px;}
	.about2>div .text4 {font-size:17px;}
	.about2 .list {max-width:350px;width:350px;margin:70px auto 0;}
	.about2 .list li {width:100%;margin-bottom:30px;}
	.about2 .list li .text5 {font-size:16px;margin-left:5px;}

	.about3 {min-width:641px;padding:52px 0 100px;}
	.about3 .tab {max-width:840px;width:96%;margin:0 auto 70px;}
	.about3 .tab li {margin:0;width:19%;}
	.about3 .tab li a p {width:90%;margin:0 auto;font-size:13px;padding:8px 0;}
	.about3>div {max-width:840px;width:96%;height:auto;background-size:105%;}
	.about3>div .text1 {font-size:21.5px;padding-top:20px;margin-bottom:25px;margin-left:30%;letter-spacing:0px;}
	.about3>div .text2 {font-size:16px;margin-bottom:45px;margin-left:52%;line-height:32px;letter-spacing:0px;}
	.about3>div .text3 {font-size:16px;margin-left:65%;}
	.about3>div .text3 img {width:90px;margin-top:-15px;}

	.about4 {min-width:641px;padding:50px 0 50px;}
	.about4 .tab {max-width:840px;width:96%;margin:0 auto 70px;}
	.about4 .tab li {margin:0;width:19%;}
	.about4 .tab li a p {width:90%;margin:0 auto;font-size:13px;padding:8px 0;}
	.about4>div {max-width:840px;width:96%;}
	.about4>div img {width:100%;}

	.about5 {min-width:641px;padding:50px 0 100px;}
	.about5 .tab {max-width:840px;width:96%;margin:0 auto 80px;}
	.about5 .tab li {margin:0;width:19%;}
	.about5 .tab li a p {width:90%;margin:0 auto;font-size:13px;padding:8px 0;}
	.about5>div {max-width:615px;width:615px;height:400px;background:url(../img/t_about5_bg.png) no-repeat;background-size:100%;}
	.about5>div p {font-size:22px;margin-left:20%;padding-top:7.8%;}
	.about5>div p span {font-size:23px;}
	.about5>div .text1 {padding-top:5.7%;}
}


@media (max-width: 640px) {
	.about1  {min-width:auto;max-width:640px;padding:25px 0 30px;}
	.about1 .tab {width:100%;margin:0 auto 22px;}
	.about1 .tab li {margin:0;width:auto;}
	.about1 .tab li a p {width:auto;font-size:0.8em;padding:7px 7%;}
	.about1>img {margin-bottom:30px;}
	.about1>div {width:96%;}
	.about1>div ul {float:none;margin-top:0px;}
	.about1>div ul li {margin-bottom:15px;}
	.about1>div ul li .text1 {width:64px;font-size:1.1em;}
	.about1>div ul li .text2 {font-size:1.05em;padding-left:5px;padding-top:4px;letter-spacing:-1.5px;}

	.about2 {min-width:auto;max-width:640px;padding:40px 0;}
	.about2 .tab {width:100%;margin:0 auto 22px;}
	.about2 .tab li {margin:0;width:auto;}
	.about2 .tab li a p {width:auto;font-size:0.8em;padding:7px 6%;}
	.about2>div {width:96%;}
	.about2>div .text1 {width:90%;}
	.about2>div .text1 img {width:110px;margin:0 2%;}
	.about2>div .text2 {font-size:1.6em;margin:20px 0 13px;}
	.about2>div .text3 {font-size:0.95em;line-height:18px;}
	.about2>div .text4 {font-size:1.1em;}
	.about2 .list {width:96%;margin:30px auto 0;}
	.about2 .list li {display:block;margin:0 auto 30px;width:90%;}
	.about2 .list li img {width:90px;}
	.about2 .list li .text5 {font-size:1.1em;margin-left:5px;letter-spacing:0px;}

	.about3 {min-width:auto;max-width:640px;padding:55px 0 45px;}
	.about3 .tab {width:100%;margin:0 auto 50px;}
	.about3 .tab li {margin:0;width:auto;}
	.about3 .tab li a p {width:auto;font-size:0.8em;padding:7px 6%;}
	.about3>img {width:100%;}

	.about4 {min-width:auto;max-width:640px;padding:30px 0 40px;}
	.about4 .tab {width:100%;margin:0 auto 22px;}
	.about4 .tab li {margin:0;width:auto;}
	.about4 .tab li a p {width:auto;font-size:0.8em;padding:7px 6%;}
	.about4>div {width:96%;}
	.about4>div img {width:90%;}

	.about5 {min-width:auto;max-width:640px;padding:52px 0 130px;}
	.about5 .tab {width:100%;margin:0 auto 22px;}
	.about5 .tab li {margin:0;width:auto;}
	.about5 .tab li a p {width:auto;font-size:0.8em;padding:7px 6%;}
	.about5>div {width:90%;height:auto;background:url(../img/m_about5_bg.png) no-repeat;background-size:100% 100%;}
	.about5>div p {font-size:1.1em;margin-left:15%;padding-top:5.3%;letter-spacing:0px;}
	.about5>div p span {font-size:0.95em;}
	.about5>div .text1 {padding-top:13px;}
	.about5>div p:last-child {padding-bottom:4%;}
}





/************************************************************************************************************************************/
/******************************************************** Service *******************************************************************/
/************************************************************************************************************************************/
.service1 {width:100%;min-width:1100px;padding:55px 0 145px;}
.service1 .tab {width:1100px;margin:0 auto 145px;text-align:center;}
.service1 .tab li {display:inline-block;margin:0 5%;}
.service1 .tab li a p {width:175px;font-family: 'NanumGothic';color:#1e1e1e;font-size:16px;font-weight:900;padding:10px 0;border-radius:4px;}
.service1 .tab li a p.on {background:#1e1e1e;color:#fff;}
.service1>div {width:1100px;margin:0 auto;text-align:center;}
.service1>div .img_size {margin-bottom:92px;}

.service2 {width:100%;min-width:1100px;background:url(../img/service2_bg.jpg) no-repeat;background-size:100% 100%;padding:55px 0 145px;}
.service2 .tab {width:1100px;margin:0 auto 145px;text-align:center;}
.service2 .tab li {display:inline-block;margin:0 5%;}
.service2 .tab li a p {width:175px;font-family: 'NanumGothic';color:#1e1e1e;font-size:16px;font-weight:900;padding:10px 0;border-radius:4px;}
.service2 .tab li a p.on {background:#1e1e1e;color:#fff;}
.service2>div {width:1100px;margin:0 auto;text-align:center;}
.service2>div .img_size {margin-bottom:92px;}

.service3 {width:100%;min-width:1100px;padding:130px 0 200px;}
.service3 .tab {width:1100px;margin:0 auto 150px;text-align:center;}
.service3 .tab li {display:inline-block;margin:0 5%;}
.service3 .tab li a p {width:175px;font-family: 'NanumGothic';color:#1e1e1e;font-size:16px;font-weight:900;padding:10px 0;border-radius:4px;}
.service3 .tab li a p.on {background:#1e1e1e;color:#fff;}
.service3>div {width:1100px;margin:0 auto;text-align:center;}
.service3>div .img_size {margin-bottom:92px;}

@media (min-width: 641px) and (max-width: 1099px) {
	.service1 {min-width:641px;padding:50px 0 90px;}
	.service1 .tab {max-width:840px;width:96%;margin:0 auto 100px;}
	.service1 .tab li {margin:0;width:32%;}
	.service1 .tab li a p {width:70%;margin:0 auto;font-size:13px;padding:8px 0;}
	.service1>div {max-width:840px;width:96%;}
	.service1>div img {width:100%;}
	.service1>div .img_size {margin-bottom:50px;}

	.service2 {min-width:641px;padding:50px 0 90px;}
	.service2 .tab {max-width:840px;width:96%;margin:0 auto 100px;}
	.service2 .tab li {margin:0;width:32%;}
	.service2 .tab li a p {width:70%;margin:0 auto;font-size:13px;padding:8px 0;}
	.service2>div {max-width:840px;width:96%;}
	.service2>div img {width:100%;}
	.service2>div .img_size {margin-bottom:50px;}

	.service3 {min-width:641px;padding:75px 0 110px;}
	.service3 .tab {max-width:840px;width:96%;margin:0 auto 100px;}
	.service3 .tab li {margin:0;width:32%;}
	.service3 .tab li a p {width:70%;margin:0 auto;font-size:13px;padding:8px 0;}
	.service3>div {max-width:840px;width:96%;}
	.service3>div img {width:100%;}
	.service3>div .img_size {margin-bottom:50px;}
}

@media (max-width: 640px) {
	.service1 {min-width:auto;max-width:640px;padding:25px 0 50px;}
	.service1 .tab {width:95%;margin:0 auto 50px;}
	.service1 .tab li {margin:0;width:30%;}
	.service1 .tab li a p {width:auto;font-size:0.8em;padding:7px 0;}
	.service1>div {width:96%;}
	.service1>div img {width:100%;}
	.service1>div .img_size {margin-bottom:50px;}

	.service2 {min-width:auto;max-width:640px;padding:30px 0 50px;}
	.service2 .tab {width:95%;margin:0 auto 40px;}
	.service2 .tab li {margin:0;width:30%;}
	.service2 .tab li a p {width:auto;font-size:0.8em;padding:7px 0;}
	.service2>div {width:96%;}
	.service2>div img {width:100%;}
	.service2>div .img_size {margin-bottom:50px;}

	.service3 {min-width:auto;max-width:640px;padding:30px 0 50px;}
	.service3 .tab {width:95%;margin:0 auto 60px;}
	.service3 .tab li {margin:0;width:30%;}
	.service3 .tab li a p {width:auto;font-size:0.8em;padding:7px 0;}
	.service3>div {width:96%;}
	.service3>div img {width:100%;}
	.service3>div .img_size {margin-bottom:50px;}
}





/*************************************************************************************************************************************/
/******************************************************** Contact *******************************************************************/
/*************************************************************************************************************************************/

.contact1 {width:100%;min-width:1100px;background:url(../img/contact1_bg.jpg) no-repeat;background-size:100% 100%;}
.contact1>ul {width:1100px;margin:0 auto;}
.contact1>ul:after {display:block;visibility:hidden;clear:both;content:""}
.contact1>ul li {float:left;}
.contact1>ul li:after {display:block;visibility:hidden;clear:both;content:""}
.contact1>ul li div {float:left;width:94%;margin-left:10px;padding-top:45px;}
.contact1>ul li div img {margin-bottom:30px;}
.contact1>ul li div .text1 {font-family: 'NanumGothic';font-size:14px;color:#373737;letter-spacing:0px;font-weight:600;margin-bottom:7px;}
.contact1>ul li div .text2 {font-family: 'NanumGothic';font-size:12px;color:#373737;letter-spacing:0px;}
.contact1>ul li>img {float:right;}
.contact1>ul li:first-child {width:288px;}
.contact1>ul li:nth-child(2) {width:278px;}
.contact1>ul li:nth-child(2) div {padding-top:30px;}
.contact1>ul li:nth-child(3) {width:276px;}
.contact1>ul li:last-child {width:255px;}
.contact1>ul li:last-child div {padding-top:30px;}

.contact2 {width:100%;min-width:1100px;padding:52px 0 72px;}
.contact2>div {width:1100px;margin:0 auto;}
.contact2>div:after {display:block;visibility:hidden;clear:both;content:""}
.contact2>div>div {float:left;}
.contact2>div>div .text1 {font-family: 'NanumGothic';font-size:18px;color:#414141;font-weight:600;letter-spacing:0.5px;margin:10px 0 40px;}
.contact2>div>div div {margin-bottom:15px;}
.contact2>div>div div:after {display:block;visibility:hidden;clear:both;content:""}
.contact2>div>div div img {float:left;margin-right:13px;}
.contact2>div>div div .text2 {float:left;font-family: 'NanumGothic';font-size:15px;color:#414141;letter-spacing:0.5px;padding-top:10px;line-height:23px;}
.contact2>div>div div .text2 span {font-size:24px;color:#0056a6;font-weight:600;}
.contact2>div>img {float:right;}

.contact3 {width:100%;min-width:1100px;background:url(../img/contact3_bg.jpg) no-repeat;background-size:100% 100%;padding:60px 0 85px;}
.contact3>div {width:1100px;margin:0 auto;}
.contact3>div:after {display:block;visibility:hidden;clear:both;content:""}
.contact3>div .map_wrap {float:left;width:600px;}
.contact3>div .info {float:right;width:444px;}
.contact3>div .info .info1 {margin-bottom:32px;}
.contact3>div .info .info1 .text1 {font-family: 'NanumSquare';font-size:20px;color:#2a2a2a;margin-bottom:6px;font-weight:600;}
.contact3>div .info .info1 .text2 {font-family: 'NanumGothic';font-size:14px;color:#323232;letter-spacing:0px;}
.contact3>div .info .info1 .text2 b {font-family: 'Arial';font-size:30px;color:#282828;font-weight:600;letter-spacing:-1px;}
.contact3>div .info .info1 .text2 b span {color:#e30000;}
.contact3>div .info .info2 {margin-bottom:40px;}
.contact3>div .info .info2:after {display:block;visibility:hidden;clear:both;content:""}
.contact3>div .info .info2 img {float:left;margin-right:12px;}
.contact3>div .info .info2 .text3 {float:left;padding-top:10px;font-family: 'NanumGothic';font-size:15px;color:#323232;letter-spacing:0px;line-height:22px;}
.contact3>div .info .info2 .text3 span {font-size:12px;}
.contact3>div .info .info2 .text3 .green {color:#008b27;font-size:15.5px;font-weight:600;}
.contact3>div .info .info2 .text3 .lgreen {color:#000;font-size:15.5px;font-weight:600;}
.contact3>div .info .info2 .text3 .blue {color:#0d2a5b;font-size:15.5px;font-weight:600;}
.contact3>div .info .info2 .text3 .dgreen {color:#4b530a;font-size:15.5px;font-weight:600;}
.contact3>div .info .info3 {clear:both;margin-bottom:60px;}
.contact3>div .info .info3:after {display:block;visibility:hidden;clear:both;content:""}
.contact3>div .info .info3 img {float:left;margin-right:12px;}
.contact3>div .info .info3 .text4 {float:left;padding-top:10px;font-family: 'NanumGothic';font-size:15px;color:#323232;letter-spacing:0px;line-height:22px;}
.contact3>div .info .info3 .text4 span {font-weight:600;}

@media (min-width: 641px) and (max-width: 1099px) {
	.contact1 {min-width:641px;}
	.contact1>ul {max-width:840px;width:96%;text-align:center;padding-top:30px;}
	.contact1>ul li {float:none;display:inline-block;vertical-align:top;padding-bottom:30px;}
	.contact1>ul li div {text-align:left;padding-top:0 !important;}
	.contact1>ul li div img {margin-bottom:25px;}
	.contact1>ul li div .text1 {font-size:14px;margin-bottom:5px;}
	.contact1>ul li div .text2 {font-size:12px;}
	.contact1>ul li>img {float:right;height:100%;}

	.contact2 {min-width:641px;padding:27px 0 45px;}
	.contact2>div {max-width:840px;width:96%;text-align:center;}
	.contact2>div>div {float:none;width:75%;margin:0 auto 40px;}
	.contact2>div>div>img {width:100%;}
	.contact2>div>div .text1 {font-size:14px;margin:7px 0 30px;text-align:left;}
	.contact2>div>div div {margin-bottom:10px;text-align:left;}
	.contact2>div>div div .text2 {width:85%;font-size:14px;}
	.contact2>div>div div .text2 span {font-size:20px;}
	.contact2>div>img {float:none;width:65%;}

	.contact3 {min-width:641px;padding:60px 0 85px;}
	.contact3>div {max-width:840px;width:96%;}
	.contact3>div .map_wrap {float:none;width:85%;margin:0 auto 40px;}
	.contact3>div .map_wrap>div {width:100% !important;}
	.contact3>div .info {float:none;width:69%;margin:0 auto;}
	.contact3>div .info>img {text-align:center;width:100%;max-width:410px;}
}

@media (max-width: 640px) {
	.contact1 {min-width:auto;max-width:640px;background-size:auto 100%;}
	.contact1>ul {width:96%;padding:20px 0 10px}
	.contact1>ul li {float:none;display:block;width:90%;margin:0 auto;padding-bottom:30px;}
	.contact1>ul li div {float:none;text-align:left;padding-top:0 !important;text-align:center;}
	.contact1>ul li div img {margin-bottom:25px;}
	.contact1>ul li div .text1 {font-size:1.2em;margin-bottom:5px;}
	.contact1>ul li div .text2 {font-size:1.0em;}

	.contact2 {min-width:auto;max-width:640px;padding:30px 0 50px;}
	.contact2>div {width:96%;}
	.contact2>div>div {float:none;width:100%;margin:0 auto 40px;}
	.contact2>div>div>img {width:100%;}
	.contact2>div>div .text1 {font-size:1.2em;margin:7px 0 20px;text-align:left;}
	.contact2>div>div div {margin-bottom:10px;text-align:left;}
	.contact2>div>div div img {width:35px;margin-right:5px;}
	.contact2>div>div div .text2 {width:85%;font-size:1.15em;letter-spacing:-0.5px;padding-top:7px;}
	.contact2>div>div div .text2 span {font-size:1.2em;letter-spacing:-0.5px;}
	.contact2>div>img {float:none;width:85%;margin:0 auto;}

	.contact3 {min-width:auto;max-width:640px;padding:60px 0 85px;}
	.contact3>div {width:96%;}
	.contact3>div .map_wrap {float:none;width:100%;margin:0 auto 30px;}
	.contact3>div .map_wrap>div {width:100% !important;height:400px !important;}
	.contact3>div .info {float:none;width:100%;}
	.contact3>div .info .info1 {margin-bottom:25px;}
	.contact3>div .info .info1 .text1 {font-size:1.4em;margin-bottom:6px;}
	.contact3>div .info .info1 .text2 {font-size:1.1em;}
	.contact3>div .info .info1 .text2 b {font-size:1.6em;}
	.contact3>div .info .info2 {margin-bottom:20px;}
	.contact3>div .info .info2 img {width:35px;margin-right:5px;}
	.contact3>div .info .info2 .text3 {width:85%;padding-top:7px;font-size:1.1em;line-height:20px;}
	.contact3>div .info .info2 .text3 span {font-size:0.9em;}
	.contact3>div .info .info3 {clear:both;margin-bottom:30px;}
	.contact3>div .info .info3 img {width:35px;margin-right:5px;}
	.contact3>div .info .info3 .text4 {width:85%;padding-top:7px;font-size:1.1em;line-height:20px;}
	.contact3>div .info .info3 .text4 span {font-weight:600;}
	.contact3>div .info>img {text-align:center;width:100%;}
}