@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*{font-family: 'dotum'; line-height:1;letter-spacing:0px;-webkit-font-smoothing:antialiased;}

body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0 ;  font-family: 'dotum'; letter-spacing:-1px; }
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body { position:relative;}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;color:#333}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
table {border-spacing: 0;border-collapse: collapse;}
table caption {display:none;}
/*
** headings
*/
h1, h2, h3, h4, h5, h6 {margin:0;line-height:1.25em;}
h1 {font-size:2.5em;}
h2 {font-size:2.0em;}
h3 {font-size:1.5em;}
h4 {font-size:1.25em;}
h5 {font-size:1.0em;}
h6 {font-size:0.8em;}
h1 img {margin:0;vertical-align:middle;}
ul {cursor:pointer;}
ul li {cursor:pointer;}

/* 공통 */
#wrap {width:100%; max-width:1900px;height:auto; color:#333; position:relative;}


/* 상단 */
#headerWrap {width:100%; height:auto; position:relative;}
#headerWrap #headerTop {width:100%; height:auto;}
#headerWrap #headerTop h1 {display:block; height:auto; margin-top:18px; margin-bottom:18px; margin-left:18px; position:absolute;}
#headerWrap #headerTop .mainMenu {display:inline-block; width:60%; margin-left:440px;/*25%*/; margin-top:50px; float:left;position:relative;font-family:'dotum';}
#headerWrap #headerTop .mainMenu li {width:8.27%; text-align:center; height:84px;display:inline; padding-bottom:19px; font-size:1.2em; padding-left:3%; font-family:'dotum';}
#headerWrap #headerTop .mainMenu li.dot img{margin-bottom:2px; }
#headerWrap #headerTop .mainMenu li a{font-weight:bold; color:#888;}
#headerWrap #headerTop #headerIcon {min-width:150px; position: relative;float:right;margin-top:18px; padding-right:18px;}
.designation {float:left;padding-top:2%; cursor:pointer; }
.bookmark{float:right;padding-top:2%; cursor:pointer;}

/*.subMenu1 {clear:both; position:absolute; margin-top:110px;margin-left:26.2%;padding-bottom:1%;z-index:3;width:69.5%;display:none;}
.subMenu2 {clear:both; position:absolute; margin-top:110px;margin-left:34.2%;padding-bottom:1%;z-index:3;width:69.5%;display:none;}
.subMenu3 {clear:both; position:absolute; margin-top:110px;margin-left:42.2%;padding-bottom:1%;z-index:3;width:69.5%;display:none;}
.subMenu4 {clear:both; position:absolute; margin-top:110px;margin-left:51.8%;padding-bottom:1%;z-index:3;width:69.5%;display:none;}
.subMenu5 {clear:both; position:absolute; margin-top:110px;margin-left:59.5%;padding-bottom:1%;z-index:3;width:69.5%;display:none;}
.subMenu6 {clear:both; position:absolute; margin-top:110px;margin-left:67.5%;padding-bottom:1%;z-index:3;width:69.5%;display:none;}*/
.subMenu1 {clear:both; position:absolute; margin-top:110px;padding-left:470px;padding-bottom:1%;z-index:3;width:69.5%;display:none;}
.subMenu2 {clear:both; position:absolute; margin-top:110px;padding-left:620px;padding-bottom:1%;z-index:3;width:69.5%;display:none;}
.subMenu3 {clear:both; position:absolute; margin-top:110px;padding-left:780px;padding-bottom:1%;z-index:3;width:69.5%;display:none;}
.subMenu4 {clear:both; position:absolute; margin-top:110px;padding-left:950px;padding-bottom:1%;z-index:3;width:69.5%;display:none;}
.subMenu5 {clear:both; position:absolute; margin-top:110px;padding-left:1100px;padding-bottom:1%;z-index:3;width:69.5%;display:none;}
.subMenu6 {clear:both; position:absolute; margin-top:110px;padding-left:1240px;padding-bottom:1%;z-index:3;width:69.5%;display:none;}
.subMenu1 li {width:10%; padding-left:1%; padding-right:1%; text-align:center; height:84px;display:inline; font-size:1.1em; position:relative;font-family:'dotum'; overflow:hidden;}
.subMenu2 li {width:10%; padding-left:1%; padding-right:1%;text-align:center; height:84px;display:inline; font-size:1.1em; position:relative;font-family:'dotum'; overflow:hidden;}
.subMenu3 li {width:10%; padding-left:1%; padding-right:1%;text-align:center; height:84px;display:inline; font-size:1.1em; position:relative;font-family:'dotum'; overflow:hidden;}
.subMenu4 li {width:10%; padding-left:1%; padding-right:1%;text-align:center; height:84px;display:inline; font-size:1.1em; position:relative;font-family:'dotum'; overflow:hidden;}
.subMenu5 li {width:10%; padding-left:1%; padding-right:1%;text-align:center; height:84px;display:inline; font-size:1.1em; position:relative;font-family:'dotum'; overflow:hidden;}
.subMenu6 li {width:10%; padding-left:1%; padding-right:1%;text-align:center; height:84px;display:inline; font-size:1.1em; position:relative;font-family:'dotum'; overflow:hidden;}
#headerWrap1240 {display:none;}
#headerWrap640 {display:none;}
#white {display:none; margin-top:105px; height:60px; width:100%; overflow:hidden;z-index:2; background-color: rgba( 255, 255, 255, 0.5 ); position: fixed; position: absolute;}

.arrow1 {position:absolute;padding-left:55px; bottom:-44px;z-index:99; display:none;}
.arrow2 {position:absolute;padding-left:210px; bottom:-44px;z-index:99; display:none;}
.arrow3 {position:absolute;padding-left:380px; bottom:-44px;z-index:99; display:none;}
.arrow4 {position:absolute;padding-left:540px; bottom:-44px;z-index:99; display:none;}
.arrow5 {position:absolute;padding-left:685px; bottom:-44px;z-index:99; display:none;}
.arrow6 {position:absolute;padding-left:830px; bottom:-44px;z-index:99; display:none;}
@media screen and (max-width:1700px){
.subMenu1 {padding-left:26.2%;}
.subMenu2 {padding-left:35.2%;}
.subMenu3 {padding-left:43.2%;}
.subMenu4 {padding-left:53.2%;}
.subMenu5 {padding-left:61.9%;}
.subMenu6 {padding-left:70.5%;}
.arrow1 {padding-left:55px;}
.arrow2 {padding-left:210px;}
.arrow3 {padding-left:350px;}
.arrow4 {padding-left:520px;}
.arrow5 {padding-left:650px;}
.arrow6 {padding-left:780px;}
}
@media screen and (max-width:1600px){
.subMenu1 {padding-left:26.2%;}
.subMenu2 {padding-left:35.2%;}
.subMenu3 {padding-left:43.2%;}
.subMenu4 {padding-left:54.2%;}
.subMenu5 {padding-left:63.8%;}
.subMenu6 {padding-left:72.2%;}
.arrow1 {padding-left:55px;}
.arrow2 {padding-left:200px;}
.arrow3 {padding-left:350px;}
.arrow4 {padding-left:500px;}
.arrow5 {padding-left:650px;}
.arrow6 {padding-left:780px;}
}
@media screen and (max-width:1500px){
.subMenu1 {padding-left:26.2%;}
.subMenu2 {padding-left:35.2%;}
.subMenu3 {padding-left:44.2%;}
.subMenu4 {padding-left:55.2%;}
.subMenu5 {padding-left:64.8%;}
.subMenu6 {padding-left:73.5%;}
.arrow1 {padding-left:55px;}
.arrow2 {padding-left:190px;}
.arrow3 {padding-left:350px;}
.arrow4 {padding-left:500px;}
.arrow5 {padding-left:620px;}
.arrow6 {padding-left:750px;}
}
@media screen and (max-width:1400px){
.subMenu1 {padding-left:26.2%;}
.subMenu2 {padding-left:35.2%;}
.subMenu3 {padding-left:45.2%;}
.subMenu4 {padding-left:57.2%;}
.subMenu5 {padding-left:66.2%;}
.subMenu6 {padding-left:75.5%;}
.arrow1 {padding-left:55px;}
.arrow2 {padding-left:180px;}
.arrow3 {padding-left:320px;}
.arrow4 {padding-left:480px;}
.arrow5 {padding-left:600px;}
.arrow6 {padding-left:740px;}
}
@media screen and (max-width:1920px){
#visualWrap1920 {padding-top:20px;}
}
@media screen and (max-width:1600px){
#headerIcon {display:none;}
#visualWrap1920 {padding-top:42px;}
}

@media screen and (max-width:1300px){
#headerWrap #headerTop .mainMenu { margin-left:/*25%;*/440px;  }
#headerWrap #headerTop .mainMenu li {padding-left:1.5%; }
.mainArea1 .textArea h1 {width:100%; font-size:3.5em; }
.subMenu1 {padding-left:25.2%;}
.subMenu2 {padding-left:33.2%;}
.subMenu3 {padding-left:41.2%;}
.subMenu4 {padding-left:51.8%;}
.subMenu5 {padding-left:61.2%;}
.subMenu6 {padding-left:68.5%;}
.arrow1 {padding-left:45px;}
.arrow2 {padding-left:150px;}
.arrow3 {padding-left:280px;}
.arrow4 {padding-left:380px;}
.arrow5 {padding-left:480px;}
.arrow6 {padding-left:590px;}

}
@media screen and (max-width:1200px){

.subMenu1 {padding-left:25.2%;}
.subMenu2 {padding-left:33.5%;}
.subMenu3 {padding-left:42.2%;}
.subMenu4 {padding-left:53.2%;}
.subMenu5 {padding-left:62.2%;}
.subMenu6 {padding-left:70.5%;}
.arrow1 {padding-left:40px;}
.arrow2 {padding-left:145px;}
.arrow3 {padding-left:260px;}
.arrow4 {padding-left:370px;}
.arrow5 {padding-left:470px;}
.arrow6 {padding-left:580px;}

}

@media screen and (max-width:1100px){

.subMenu1 {padding-left:28.2%;}
.subMenu2 {padding-left:35.5%;}
.subMenu3 {padding-left:43.8%;}
.subMenu4 {padding-left:54.1%;}
.subMenu5 {padding-left:62.2%;}
.subMenu6 {padding-left:69.1%;}
.arrow1 {padding-left:40px;}
.arrow2 {padding-left:120px;}
.arrow3 {padding-left:210px;}
.arrow4 {padding-left:310px;}
.arrow5 {padding-left:390px;}
.arrow6 {padding-left:480px;}

}

@media screen and (max-width:1024px)
{
	#headerWrap1920 {display:none;}
	#headerWrap640 {display:none;}
	#menu_box1240 {display:block;}
	#menu_box640 {display:none;}
	#headerWrap1240 .Logo1240{display:inline-block;}
	#headerWrap1240 .Logo640{display:none;}
	#headerWrap {width:100%; height:103px; position:relative;}
	#headerWrap #headerTop {width:100%; height:100px;}
	#headerWrap #headerTop h1 {display:none;margin-top:1%;  margin-left:30%; position:absolute;}
	#headerWrap1240 {display:block; position:absolute; margin-top:2%; width:100%; z-index:100;}
	.subMenu1240 {display:block;position:relative; margin-top:14px; float:left;width:60%;height:auto;z-index:1;overflow:hidden;}
	.subMenu1240 ul {float:left; width:100%;background-color: rgba( 28, 28, 28, 1 );}
	.menuBox{display:inline-block;max-width:100px; margin-left:2%; }
	.subMenu1240 .firstLi { width:100%; color:white; padding-top:2%; padding-bottom:2%;font-size:1.5em; font-family:'dotum';border-bottom: solid 1px gray;}	
	.secondLi { width:100%; color:white;font-size:1.1em; padding-top:2%; padding-bottom:2%; line-height:1; height:auto; font-family:'dotum';border-bottom: solid 1px gray;}	
	.menuText { margin-left:2%;}
	.secondLi .menuText {font-size:0.8em; }
	.liPlus {float:right; margin-right:5%;font-size:1.0em;}
	#headerWrap #headerTop #headerIcon {min-width:150px; position: relative;float:right;margin-top:18px; padding-right:18px;}
	.designation {float:left;padding-top:2%;}
	.bookmark{float:right;padding-top:2%;}

}

@media screen and (max-width:640px)
{
	#headerWrap #headerTop h1 img {width:80%;margin-top:5%;}
	#menu_box1240 {display:none;}
	#menu_box640 {display:block;}
	.menuBox {display:inline-block;max-width:50px; height:auto;margin-top:5%;margin-left:3%;}
	#headerWrap1240 .Logo640{display:inline-block;}
	#headerWrap1240 .Logo1240{display:none;}
	#headerWrap1920 {display:none;}
	#headerWrap {max-width:100%; max-width:640px; height:90px; position:relative;}
	#headerWrap #headerTop #headerIcon {display:none;}
	#headerWrap #headerTop {width:100%; height:auto;}	
	#headerWrap1240 {display:block; position:absolute; margin-top:2%;width:100%;}
	.subMenu1240 {display:block;position:relative; margin-top:8px; float:left;width:100%;height:auto;z-index:1;overflow:hidden;}
	.subMenu1240 ul {float:left; width:100%;background-color: rgba( 28, 28, 28, 1 );}
	.subMenu1240 .firstLi { width:100%; color:white; padding-top:2%; padding-bottom:2%;font-size:1.5em; font-family:'dotum';border-bottom: solid 1px gray;}	
	.secondLi { width:100%; color:white;font-size:1.0em; height:auto; font-family:'dotum';border-bottom: solid 1px gray;}	

	.menuText {margin-left:2%;}
	.liPlus {float:right; margin-right:5%;font-size:1.0em;}
}


/* 메인 */

#visualWrap1920 {width:100%; overflow:hidden;}
#visualWrap1920 img {display:block;float:left;}
#visualWrap640 {display:none;}
.mainArea1{width:62%;float:left;position: relative;}
.mainArea1 .textArea{ position: absolute; left:5%; bottom:20%;}
.mainArea1 .textArea h1{font-size:55px; }
.mainArea1 .textArea p{font-size:20px; margin-top:10px; }

.mainArea1 .viewMore{position: absolute; left:5%; bottom:15%;}
.visualImg {width:100%; min-height:930px; background:url('../img/main/main_slide.jpg');}

.mainArea2{width:740px;float:left;position:absolute; right:0px}
.leftTop{background: url(../img/main/contents_img01.jpg) top right no-repeat; background-size: 100% 100%; border:1px solid #ccc; max-width:1024px; overflow: hidden;}
.topBlock{position: relative; overflow: hidden;}
.topBlock .btnMmore {position: absolute; left: 20px; bottom:30px;}

.leftMid{background: url(../img/main/contents02_back.jpg) no-repeat; background-position: left; background-size: 50% 100%; overflow: hidden;}
.midBlock1{position: relative; width:50%;  float:left; min-height: 300px;}
.innerImg img{ width: 100%; min-height: 300px;}
.innerImg1 img{position: absolute; float:left; right:45%; bottom:30%;}
.midBlock1 .btnMore {position: absolute; float:right; bottom:30%; right:5%;}
.midBlock1 .textArea {position: absolute; float:right; bottom:45%; right:13%;font-size:1.6em; font-family:'dotum'; font-weight:bold; letter-spacing:0.2em;} 

.midBlock2{position: relative; width:50%;  float:right;}
.midBlock2 .btnMore2 {position: absolute; left:0; bottom:0; width:100%; height:80px;background-color: rgba( 0, 0, 0, 0.5 );}

.leftBot{position: relative; overflow: hidden;}
.botBlock1{position: relative; width:50%;  float:left;}
.botBlock1 .btnMore1 {position: absolute; left:0; bottom:0; width:100%; height:80px;background-color: rgba( 0, 0, 0, 0.5 );}

.botBlock2{position: relative; width:50%;  float:left;}
.botBlock2 .btnMore2 {position: absolute; left:0; bottom:0; width:100%; height:80px;background-color: rgba( 0, 0, 0, 0.5 );}

.subMenu{display:none;}
.textMore {position: absolute; width:100%;float:left; margin-left:50px; bottom:50px; color:#fff; font-family:'dotum';display:none; }

@media screen and (max-width:1524px)
{
.mainArea1 .textArea{ width:52%;}
}

@media screen and (max-width:1254px)
{
.mainArea1 .textArea{width:40%;}
}

@media screen and (max-width:1024px)
{
	#visualWrap640 {display:none;}
	#black {display:none; height:89%; width:100%; margin-top:19px; overflow:hidden;z-index:2; background-color: rgba( 0, 0, 0, 0.5 ); position: fixed; position: absolute;}
	.mainArea1{width:100%;float:left;position: relative;}
	.mainArea2{width:100%;float:left;position: relative;}
	.midBlock1 .btnMore {position: absolute; float:right; bottom:30%; right:10%;}
	.textMore {position: absolute; width:100%;float:left; color:#fff; font-family:'dotum'}
	.mainArea1 .textArea{width:100%;}
}

@media screen and (max-width:640px)
{
	#visualWrap640 img{display:block;float:left;}
	#visualWrap1920 {display:none;}
	#visualWrap640 {display:block;overflow:hidden;z-index:1;}
	#black {display:none; height:83.5%; width:100%; overflow:hidden;z-index:2; background-color: rgba( 0, 0, 0, 0.5 ); position: fixed; position: absolute;}
	#visualWrap640 .mainArea1{width:100%;float:left;position: relative;}
	#visualWrap640 .mainArea2{width:100%;float:left;position: relative;}
	#visualWrap640 .mainArea2 .topArea{width:100%;float:left;position: relative;}
	#visualWrap640 .mainArea2 .botArea{width:100%;float:left;position: relative;}
	#visualWrap640 .mainArea3{width:100%;float:left;position: relative;}
	#visualWrap640 .mainArea3 .topArea{width:100%;float:left;position: relative;}
	#visualWrap640 .mainArea3 .midArea{width:100%;float:left;position: relative;}
	#visualWrap640 .mainArea3 .botArea{width:100%;float:left;position: relative;}
	.btnMore1 {position: absolute; left:0; bottom:0; width:100%; height:80px;background-color: rgba( 0, 0, 0, 0.5 );}
	.btnMmore {position: absolute; left: 65%; bottom:20%;}
	.textMore {position: absolute; width:100%;float:left; color:#fff; margin-top:50px; margin-left:50px; display:none; font-family:'dotum'}	
}


/* 하단 */

#footerWrap640 {display:none;}
#footerWrap640 {width:100%; height:150px; position:relative; overflow: hidden; background:#1c1c1c; color:#797979;  font-family:'dotum';}
#footerWrap640 .FT_logo { height:78px; line-height:78px;  float:left; margin:0 auto; padding-left:3%; margin-top:2%;  }
#footerWrap640 .FT_logo img{width:90%; height:90%; }
#footerWrap640 .FT_txt {float:left; margin-top:2%; font-size:16px; margin-left:3%; }
#footerWrap640 .FT_txt p {width:100%;  line-height:1.5; font-weight:bold;  letter-spacing:1; font-size:0.9em}
#footerWrap640 .FT_txt span {font-weight:thin;}
#footerWrap640 .FT_txt p .FT_w {color:#fff;}

#footerWrap {width:100%; height:150px; position:relative; overflow: hidden; background:#1c1c1c; color:#797979;  font-family:'dotum';}
#footerWrap .FT_logo { height:78px; line-height:78px;  float:left; margin:0 auto; padding-left:3%; margin-top:2%;  }
#footerWrap .FT_logo img{width:400px; height:78px;}

#footerWrap .FT_txt {float:left; margin-top:3%; font-size:16px; margin-left:3%; }
#footerWrap .FT_txt p {width:100%;  line-height:1.5; font-weight:bold;  letter-spacing:1; }
#footerWrap .FT_txt span {font-weight:thin;}
#footerWrap .FT_txt p .FT_w {color:#fff;}



@media screen and (max-width:1180px){
#headerWrap #headerTop .mainMenu {width:55%; margin-left:440px;/*28%;*/  }
#headerWrap #headerTop .mainMenu li {padding-left:1.5%; font-size:1.1em; }
#headerWrap #headerTop .mainMenu li.dot img {display:none; }
#footerWrap .FT_logo { margin-top:3%;}
#footerWrap .FT_txt {margin-top:4.5%;}

}

@media screen and (max-width:1024px){
#footerWrap {width:100%; height:100%; padding-bottom:2%; }
#footerWrap .FT_logo {float:none;}
#footerWrap .FT_txt {float:none; margin-top:1.5%;}
}


@media screen and (max-width:640px){
#footerWrap  {display:none;}
#footerWrap640 {width:100%; height:100%; display:block; padding-bottom:2%; }
#footerWrap640 .FT_logo {  margin-top:5%; }
}