/*전체*/
html, body{width:100%;}
#all-wrap{background:#fff;  height:100%}

	@media only screen and (max-width: 1024px){ 
		html, body{width:1200px;}
	}


/*header*/
header{border-bottom:5px solid #45b4e1; height:100px; }
header > div {width:1200px; margin:0 auto; position:relative;}
header > div:after{display:block; content:''; clear:both;}
header > div h1{float:left; padding-top:10px;}
header > div .top-nav{position:absolute; top:15px; right:0; }
header > div .top-nav:after{display:block; clear:both;}
header > div .top-nav ul{float:left; margin-right:15px; margin-top:5px;}
header > div .top-nav ul li {float:left; padding-left:15px;}
header > div .top-nav ul li a{display:block; font-size:0.9em}
header > div .top-nav ul li:first-child a:after{display:block; content:''; color:#999; float:right; margin-left:10px}
header > div .top-nav .sns{position:absolute; right:0; top:35px;}
header > div nav{width:75%;float:right; padding-top:40px; margin-right:50px;}
header > div nav > ul > li{width:25%; float:left;}
header > div nav > ul > li > a{display:block; text-align:center; font-size:1.3em; font-weight:bold; padding:15px 0}
header > div nav > ul > li .sub-gnb{position:fixed; z-index:100; background:rgba(0, 0, 0, 0.7); padding:15px; top:100px; left:0; width:100%; text-align:center;}
header > div nav > ul > li .sub-gnb ul{display:inline-block; }
header > div nav > ul > li.menu1 .sub-gnb ul{margin-left:-250px;}
header > div nav > ul > li.menu2 .sub-gnb ul{padding-left:200px;}
header > div nav > ul > li.menu3 .sub-gnb ul{padding-left:300px;}
header > div nav > ul > li.menu4 .sub-gnb ul{padding-left:600px;}

header > div nav > ul > li .sub-gnb li {float:left;}
header > div nav > ul > li .sub-gnb li a{color:#fff; font-weight:bold; padding-left:15px; margin-right:50px;}
header > div nav > ul > li .sub-gnb li a:hover{color:#faf836}

/*footer*/
.banner{background:#a0a0a0; padding:20px 0; }
.banner > div{width:1150px; margin:0 auto; position:relative; }
.banner  ul:after{display:block; content:''; clear:both}
.banner  ul li {width:180px !important; margin-left:10px; float:left; text-align:center; }
.banner  ul li a{display:block; height:150px; vertical-align:middle; background:#fff}
.banner  ul li a img{vertical-align:middle; display:inline-block; height:100% !important}
.banner .bnrCtrl a{position:absolute; top:60px;}
.banner .bnrCtrl a.prev{left:-60px;}
.banner .bnrCtrl a.next{right:-60px}
footer{background:#edf0f5; padding:20px; }
footer > div{width:1200px; margin:0 auto;}
footer > div:after{display:block; content:''; clear:both}
footer > div .logo{float:left; width:15%; text-align:center; }
footer > div .txt{float:right; width:80%}



/*서브레이아웃*/
.sub-container .top{background:url('/images/common/sub-bg1.gif') no-repeat 50% 0}
.sub-container .top .title{width:1200px; margin:0 auto; height:105px; text-align:center; box-sizing:border-box; padding-top:20px;}
.sub-container .top .title h2{color:#fff; font-weight:bold; font-size:2em}
.sub-container .top .title p{padding-top:10px; color:#fff; opacity:0.7}

.sub-menu{background:#f7f7f7; border-bottom:1px solid #ddd; overflow:hidden; }
.sub-menu ul{width:1200px; margin:0 auto}
.sub-menu ul li{float:left;}
.sub-menu ul.v2 li{width:50%}
.sub-menu ul.v4 li{width:25%}
.sub-menu ul.v5 li{width:20%}
.sub-menu ul.v6 li{width:16.666%}
.sub-menu ul.v7 li{width:14.285%}
.sub-menu ul li a{display:block; text-align:center; font-size:16px; font-weight:bold; padding:15px 0; letter-spacing:-0.05em;}
.sub-menu ul li a:hover{text-decoration:underline;}
.sub-menu ul li.on a{color:#f37327; border-bottom:3px solid #f37327;}

.sub-title{width:1200px; margin:0 auto; background-repeat:no-repeat; background-position:100% 0; height:250px}
.sub-title.sbg1{background-image:url('/images/common/sub-visual1.gif');}
.sub-title.sbg2{background-image:url('/images/common/sub-visual1.gif');}
.sub-title.sbg3{background-image:url('/images/common/sub-visual1.gif');}
.sub-title.sbg4{background-image:url('/images/common/sub-visual1.gif');}
.sub-title.sbg5{background-image:url('/images/common/sub-visual1.gif');}
.sub-title h3{font-size:30px; padding:30px 0 15px 0}
.sub-title p{font-size:1.15em}

.sub-content{width:1200px; margin:0 auto; padding:25px 0; min-height:300px}

	@media only screen and (max-width: 1024px){ 
		header > div h1{width:22%;}
		header > div h1 img{width:100%}
		.sub-content img{max-width:100%}
	}


.sns-wrap{margin-top:20px;}


/* Margin, Padding */
.mt100{margin-top:100px !important;}
.mt90{margin-top:90px !important;}
.mt80{margin-top:80px !important;}
.mt70{margin-top:70px !important;}
.mt60{margin-top:60px !important;}
.mt50{margin-top:50px !important;}
.mt40{margin-top:40px !important;}
.mt30{margin-top:30px !important;}
.mt25{margin-top:25px !important;}
.mt20{margin-top:20px !important;}
.mt15{margin-top:15px !important;}
.mt10{margin-top:10px !important;}
.mt05{margin-top:5px !important;}
.mt0{margin-top:0 !important;}

.mr0{margin-right:0px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}

.mb100{margin-bottom:100px !important;}
.mb90{margin-bottom:90px !important;}
.mb80{margin-bottom:80px !important;}
.mb70{margin-bottom:70px !important;}
.mb60{margin-bottom:60px !important;}
.mb50{margin-bottom:50px !important;}
.mb40{margin-bottom:40px !important;}
.mb30{margin-bottom:30px !important;}
.mb20{margin-bottom:20px !important;}
.mb10{margin-bottom:10px !important;}
.mb05{margin-bottom:5px !important;}
.mb0{margin-bottom:0 !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}

.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

.pr0{padding-right:0px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}

.pb0{padding-bottom:0px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

.pl0{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl100{padding-left:100px !important;}

.pa20{padding:20px;}
.pa10{padding:10px;}

/* 텍스트정렬 */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.vl_c { vertical-align:middle !important; }