/* common */
#wrap {position: relative; width: 100%; overflow: hidden;}

.main_container {width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; position: relative;}
.main_container:after {content: ''; display: table; clear: both;}

.container {width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative;}
.container:after {content: ''; display: table; clear: both;}

.hidden {position: absolute; left: -10000px; top: auto; height: 1px; overflow: hidden;}

@media (max-width:1420px) {	
	.main_container {padding-left: 15px; padding-right: 15px;}
}

@media (max-width:1220px) {	
	.container {padding-left: 15px; padding-right: 15px;}
}






@media (min-width:1301px) {	
	#gnb {position: relative; padding-left: 400px; z-index: 100; padding-right: 470px;}
	#gnb:after {content: ''; display: table; clear: both;}
	#gnbLogo {position: absolute; left: 0; bottom: 0;}
	#gnbLogo a {display: block; height: 100px; width: 400px; text-indent: -9999px; background: #0f296f url('../img/common/gnb_logo.png')no-repeat 45% center;}
	#gnbLft .gnbMenu {position: relative; padding: 0 20px;}
	#gnbLft .gnbMenu:after {content: ''; display: table; clear: both;}
	#gnbLft .gnbMenu > li {float: left; width: 16.6666%;}
	#gnbLft .gnbMenu > li > h4 {padding: 35px 0; text-align: center;}
	#gnbLft .gnbMenu > li > h4 > a {font-size: 20px; height: 30px; line-height: 30px;}
	#gnbLft .gnbMenu > li > ul {position: absolute; left: -1000px; right: -1000px; padding-left: 1000px; padding-right: 500px; top: 100%; height: 0px; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s;}
	#gnbLft .gnbMenu > li > ul:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: -1000px; right: -1000px; background: rgba(9,21,40,0.9);}
	#gnbLft .gnbMenu > li > ul:after {content: ''; display: table; clear: both;}
	#gnbLft .gnbMenu > li > ul > li {position: relative; float: left; width: 200px; padding-right: 10px; margin-top: 20px; margin-bottom: 50px;}
	#gnbLft .gnbMenu > li > ul > li:last-child {padding-right: 0;}
	#gnbLft .gnbMenu > li > ul > li > h5 > a {display: block; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #0442a8; font-size: 16px; font-weight: 400; white-space: nowrap;}
	#gnbLft .gnbMenu > li > ul > li > ul {padding-top: 20px;}
	#gnbLft .gnbMenu > li > ul > li > ul > li {margin-bottom: 10px; position: relative; padding-left: 10px;}
	#gnbLft .gnbMenu > li > ul > li > ul > li:last-child {margin-bottom: 0;}
	#gnbLft .gnbMenu > li > ul > li > ul > li:before {content: ''; display: block; width: 2px; height: 2px; background: #545c69; position: absolute; left: 0; top: 10px;}
	#gnbLft .gnbMenu > li > ul > li > ul > li > a {font-size: 14px; color: rgba(255,255,255,0.7); -webkit-transition: all 0.3s; transition: all 0.3s;}
	#gnbLft .gnbMenu > li > ul > li > ul > li > a:hover {color: rgba(255,255,255,1.0);}
	#gnbLft .gnbMenu > li:hover > ul {height: 380px;}
	#gnbRht {width: 330px; padding: 40px 0; position: absolute; top: 0; right: 140px; text-align: left;}
	#gnbRht > button {display: none;}
	#gnbRht > ul > li {display: inline-block; height: 20px; margin-left: 15px; position: relative;}
	#gnbRht > ul > li:first-child {margin-left: 0;}
	#gnbRht > ul > li:last-child {margin-left: 10px; padding-left: 10px;}
	#gnbRht > ul > li:last-child:before {content: ''; display: block; width: 1px; height: 10px; background: #e5e5e5; position: absolute; left: 0; top: 50%; margin-top: -5px;}
	#gnbRht > ul > li > a {display: block; height: 20px; line-height: 20px; font-size: 13px; color: #555; text-transform: uppercase; letter-spacing: 0em;}
	#gnbRht > ul > li.gnbLang > button { cursor:pointer; display: block; background: none; text-align: left; position: relative; padding-right:0px; height: 20px; line-height: 20px; font-size: 13px; color: #555; text-transform: uppercase;}
	#gnbRht > ul > li.gnbLang > button:after {content: ''; display: block; width: 9px; height: 5px; position: absolute; right: 0; top: 50%; margin-top: -2px; /*background: url('../img/common/gnb_language_arrow.png')no-repeat center bottom;*/}
	#gnbRht > ul > li.gnbLang > button.on:after {background-position: center top;}
	#gnbRht > ul > li.gnbLang > ul {position: absolute; left: 0; top: 100%; display: none;}
	#gnbRht > ul > li.gnbLang > ul > li {}
	#gnbRht > ul > li.gnbLang > ul > li > a {}
	#gnbSch {display: block; position: absolute; bottom: 20px; right: 80px; width: 60px; height: 60px; text-indent: -9999px; background: url('../img/common/gnb_search.png')no-repeat center center;}
	#gnbBtn {display:block; width: 60px; height: 60px; padding:15px; cursor:pointer; background: none; position: absolute; bottom: 20px; right: 20px; z-index: 102;}
	#gnbBtn span {text-indent: -9999px; overflow: hidden; height: 0; width: 0; display: block;}
	#gnbBtn em {display: block; height: 2px; background: #2d4d42; margin-bottom: 6px; position: relative; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	#gnbBtn em:last-child {margin-bottom: 0;}
	#gnbBtn.on {background: none;}
	#gnbBtn.on em:nth-child(2) {opacity:0;}
	#gnbBtn.on em:nth-child(3) {background: #fff; margin-bottom:6px; margin-left:0px; margin-top: -8px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
	#gnbBtn.on em:nth-child(4) {background: #fff; margin-top:-8px; margin-left:0px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
	#gnbMo {display: none;}
	#gnbAll {position: absolute; left: 0; right: 0; top: 0; background: #212c3d; padding: 60px; display: none; z-index: 101;}
	#gnbAll .gnbMenu {margin: 0 -30px;}
	#gnbAll .gnbMenu:after {content: ''; display: table; clear: both;}
	#gnbAll .gnbMenu > li {float: left; width: 16.6666%; padding: 0 30px;}
	#gnbAll .gnbMenu > li > h4 {padding-bottom: 10px; border-bottom: solid 4px #0442a8;}
	#gnbAll .gnbMenu > li > h4 > a {color: #fff; font-size: 24px; font-weight: 400; white-space: nowrap;}
	#gnbAll .gnbMenu > li > ul {}
	#gnbAll .gnbMenu > li > ul > li {margin-top: 30px;}
	#gnbAll .gnbMenu > li > ul > li:last-child {}
	#gnbAll .gnbMenu > li > ul > li > h5 {}
	#gnbAll .gnbMenu > li > ul > li > h5 > a {font-size: 18px; color: #fff; font-weight: 400; white-space: nowrap;}
	#gnbAll .gnbMenu > li > ul > li > ul {margin-top: 5px;}
	#gnbAll .gnbMenu > li > ul > li > ul > li {margin-bottom: 5px; position: relative; padding-left: 10px;}
	#gnbAll .gnbMenu > li > ul > li > ul > li:last-child {margin-bottom: 0;}
	#gnbAll .gnbMenu > li > ul > li > ul > li:before {content: ''; display: block; width: 2px; height: 2px; background: #545c69; position: absolute; left: 0; top: 10px;}
	#gnbAll .gnbMenu > li > ul > li > ul > li > a {font-size: 14px; color: rgba(255,255,255,0.7); -webkit-transition: all 0.3s; transition: all 0.3s;}
	#gnbAll .gnbMenu > li > ul > li > ul > li > a:hover {color: rgba(255,255,255,1.0);}
	#gnbAll .gnbMenu > li > ul > li > ul > li > a.blank:after {content: ''; display: inline-block; width: 17px; height: 17px; margin-left: 10px; vertical-align: middle; margin-top: -5px; background: url('../img/common/gnb_link.png')no-repeat center center;}
}

@media (max-width:1600px) and (min-width:1301px) {
	#gnb {padding-top: 31px; padding-right: 160px;}
	#gnbLft .gnbMenu {padding: 0;}
	#gnbLft .gnbMenu > li > ul {left: -320px; right: -160px; padding-left: 20px; padding-right: 20px;}
	#gnbLft .gnbMenu > li > ul > li {padding-left: 5px; padding-right: 5px; margin-top: 20px; margin-bottom: 40px;}
	#gnbLft .gnbMenu > li > ul > li > h5 > a {font-size: 14px;}
	#gnbRht {width: 100%; right: 0; padding: 5px 30px; background: #f5f5f5; text-align: right; border-bottom: solid 1px #e5e5e5;}
}

@media (max-width:1300px) {
	html.lock, body.lock {display: block; height: 100%; overflow: hidden;}
	#gnb {position: relative; z-index: 100; background: #0f296f; padding-right: 100px;}
	#gnb:after {content: ''; display: table; clear: both;}
	#gnbLogo {float: left; width: 170px;}
	#gnbLogo a {display: block; height: 56px; text-indent: -9999px; background: url('../img/common/gnb_logo.png')no-repeat center center; background-size: 90% auto;}
	#gnbLft {position: fixed; left: 0; right: 0; top: 56px; bottom: 0; background: #fff; z-index: 100; padding-left: 140px; display: none;}
	#gnbLft.on {display: block;}
	#gnbLft .gnbMenu {position: absolute; left: 0; top: 0; bottom: 0; width: 140px; border-right: solid 1px #ddd; background: #f5f5f5; padding: 10px 0;}
	#gnbLft .gnbMenu:after {content: ''; display: table; clear: both;}
	#gnbLft .gnbMenu > li {padding: 10px 15px; position: relative; cursor: pointer;}
	#gnbLft .gnbMenu > li > h4.gnbDpt1 > a {font-size: 12pt; font-weight: 400; color: #666;}
	#gnbLft .gnbMenu > li > h4.gnbDpt1.on > a {color: #0f296f; font-weight: 700; font-size: 14pt;}
	#gnbLft .gnbMenu > li > h4.gnbDpt1 > span {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}	
	#gnbLft .gnbMenu > li > ul {position: fixed; left: 140px; top: 56px; bottom: 0; right: 0; background: #fff; display: none; overflow-y: auto; -webkit-overflow-scrolling: touch;}
	#gnbLft .gnbMenu > li > ul.on {display: block;}
	#gnbLft .gnbMenu > li > ul > li {border-bottom: solid 1px #ddd;}
	#gnbLft .gnbMenu > li > ul > li > h5 {position: relative;}
	#gnbLft .gnbMenu > li > ul > li > h5 > a {display: block; padding: 0 15px; height: 49px; line-height: 49px; font-size: 11pt; font-weight: 400;}
	#gnbLft .gnbMenu > li > ul > li > h5.gnbDpt2 span {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
	#gnbLft .gnbMenu > li > ul > li > h5.gnbDpt2 span:after {content: ''; display: block; width: 9px; height: 5px; position: absolute; right: 15px; top: 50%; margin-top: -3px; background: url('../img/common/quick_toggle.png')no-repeat center bottom; background-size: 100% auto;}
	#gnbLft .gnbMenu > li > ul > li > h5.gnbDpt2 span.on:after {background-position: center top;}
	#gnbLft .gnbMenu > li > ul > li > ul {border-top: solid 1px #ddd; background: #fafafa; padding: 10px 15px; display: none;}
	#gnbLft .gnbMenu > li > ul > li > ul.on {display: block;}
	#gnbLft .gnbMenu > li > ul > li > ul > li {margin-bottom: 10px; position: relative; padding-left: 8px;}
	#gnbLft .gnbMenu > li > ul > li > ul > li:before {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 6px;}
	#gnbLft .gnbMenu > li > ul > li > ul > li:last-child {margin-bottom: 0;}
	#gnbLft .gnbMenu > li > ul > li > ul > li > a {font-size: 11pt;}
	#gnbRht {float: left; position: relative; padding: 15px 12px;}
	#gnbRht > button {display: block; width: 26px; height: 26px; background: none; position: relative; text-indent: -9999px; border: solid 1px rgba(255,255,255,0.3); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
	#gnbRht > button:after {content: ''; display: block; width: 10px; height: 4px; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -1px; background: url('../img/common/gnb_quick.png')no-repeat center bottom; background-size: 100% auto;}
	#gnbRht > button.on:after {background-position: center top;}
	#gnbRht > ul {display: none !important; position: absolute; left: 0; top: 100%; width: 150px; background: #fff; -webkit-box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.1); box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.1);}
	#gnbRht.on > ul {display: block !important;}
	#gnbRht > ul > li {position: relative; border-bottom: solid 1px #ddd;}
	#gnbRht > ul > li:last-child {margin-bottom: 0;}
	#gnbRht > ul > li a {display: block; height: 40px; line-height: 40px; padding: 0 15px; font-size: 10pt; text-transform: uppercase; letter-spacing: 0em;}
	#gnbRht > ul > li.gnbLang > button { cursor:pointer; display: block; width: 100%; background: none; text-align: left; position: relative; height: 40px; line-height: 40px; padding: 0 15px; font-size: 10pt; letter-spacing: 0em; text-transform: uppercase;}
	#gnbRht > ul > li.gnbLang > button:after {content: ''; display: block; width: 9px; height: 5px; position: absolute; right: 15px; top: 50%; margin-top: -2px;/* background: url('../img/common/gnb_language_arrow.png')no-repeat center bottom;*/}
	#gnbRht > ul > li.gnbLang > button.on:after {background-position: center top;}
	#gnbRht > ul > li.gnbLang > ul {display: none;}
	#gnbRht > ul > li.gnbLang > ul > li {background: #f5f5f5; border-top: solid 1px #ddd; padding: 0 5px;}
	#gnbRht > ul > li.gnbLang > ul > li a {font-size: 9pt;}
	#gnbSch {display: block; position: absolute; top: 0; right: 50px; width: 50px; height: 56px; text-indent: -9999px; background: url('../img/common/gnb_search_wh.png')no-repeat center center; background-size: 22px auto;}
	#gnbBtn {display: none;}
	#gnbMo {display:block; width: 50px; height: 56px; padding:13px; cursor:pointer; background: none; position: absolute; top: 0; right: 0; z-index: 102;}
	#gnbMo span {text-indent: -9999px; overflow: hidden; height: 0; width: 0; display: block;}
	#gnbMo em {display: block; height: 2px; background: #fff; margin-bottom: 6px; position: relative; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	#gnbMo em:last-child {margin-bottom: 0;}
	#gnbMo.on {background: none;}
	#gnbMo.on em:nth-child(2) {opacity:0;}
	#gnbMo.on em:nth-child(3) {background: #fff; margin-bottom:6px; margin-left:0px; margin-top: -8px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
	#gnbMo.on em:nth-child(4) {background: #fff; margin-top:-8px; margin-left:0px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
	#gnbAll {display: none;}
}

@media (max-width:991px) {

}

@media (max-width:768px) {

}

@media (max-width:320px) {

}









#botSite { position:relative;}
.btsBtn {display: block; width: 100%; height: 60px; line-height: 60px; background: #2d2d2d; color: #fff; text-align: center; font-size: 16px; cursor: pointer;}
.btsBtn:after {content: ''; display: inline-block; width: 11px; height: 6px; vertical-align: middle; margin-left: 10px; background: url('../img/common/bottom_btn.png')no-repeat center bottom; background-size: 100% auto !important;}
.btsBtn.on:after {background-position: center top;}
.btsCont {background: #353535; display: none;}
.btsTb {display: table; width: 100%; padding: 60px 0;}
.btsTb dl {width: 16.6666%; border-right: solid 1px #3b3b3b; display: table-cell; vertical-align: top; padding: 0 25px;}
.btsTb dl:last-child {}
.btsTb dl dt {font-size: 20px; color: #ccc; font-weight: 500; position: relative; padding-bottom: 20px; margin-bottom: 20px;}
.btsTb dl dt:after {content: ''; display: block; width: 20px; height: 2px; background: #aeaeae; position: absolute; left: 0; bottom: 0;}
.btsTb dl dd {margin-bottom: 5px;}
.btsTb dl dd:last-child {margin-bottom: 0;}
.btsTb dl dd a {color: #707070; font-size: 14px;}
.btsTb dl dd a.on {color: #ccc;}

@media (max-width:1420px) {
	.btsTb {display: block; padding: 30px 0;}
	.btsTb:after {content: ''; display: block; clear: both;}
	.btsTb dl {display: block; width: 33.3333%; float: left; padding: 0 15px; height: 420px;}
}

@media (max-width:991px) {
	.btsBtn {height: 50px; line-height: 50px; font-size: 11pt;}
	.btsTb dl {width: 100%; float: none; padding: 0 15px; height: auto; text-align: center; margin-bottom: 40px;}
	.btsTb dl:last-child {margin-bottom: 0;}
	.btsTb dl dt {font-size: 14px; margin-bottom: 15px; padding-bottom: 15px;}
	.btsTb dl dt:after {left: 50%; margin-left: -10px;}
}







#footer {background: #232323; padding: 40px 0;}
.ftTop {padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #2e2e2e;}
.ftTop:after {content: ''; display: table; clear: both;}
.ftTop li {float: left; padding-right: 30px; margin-right: 30px; position: relative;}
.ftTop li:after {content: ''; display: block; width: 4px; height: 4px; background: #3b3b3b; position: absolute; right: -2px; top: 50%; margin-top: -2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.ftTop li:last-child:after {display: none;}
.ftTop li a {color: #565656; font-size: 17px; }
.ftTop li:first-child a {color: #fff;}
.ftBot p {color: #4a4a4a; margin-left: 20px; font-size: 12px; display: inline;}
.ftBot p:first-child {margin-left: 0;}
.ftBot p b {color: #787878; font-weight: 500; margin-right: 5px;}
.ftBot p.ftCpy {color: #393939; margin-top: 5px; display: block; margin-left: 0;}


@media (max-width:1420px) {
	#footer {padding: 30px 0;}
	.ftTop {padding-bottom: 15px; margin-bottom: 15px; text-align: center; margin-top: -5px;}
	.ftTop li {float: none; display: inline-block; padding: 5px 20px !important; margin-right: 0;}
	.ftTop li:after {width: 2px; height: 2px; right: -1px; margin-top: -1px;}
	.ftTop li a {font-size: 11pt;}
	.ftBot {text-align: center;}
	.ftBot p {margin-left: 0; font-size: 10pt; display: block; margin-bottom: 15px;}
	.ftBot p b {display: block; font-size: 12pt; margin-bottom: 5px;}
	.ftBot p span {display: block;}
	.ftBot p.ftCpy {margin-bottom: 0; font-size: 9pt;}
}

@media (max-width:991px) {
	.ftTop {padding-bottom: 0; margin-bottom: 30px; margin-top: -30px; margin-left: -15px; margin-right: -15px;}
	.ftTop li {float: left; display: block; width: 50%; padding: 0 !important; margin-right: 0; border: solid 1px #2e2e2e; border-left: none; border-top: none;}
	.ftTop li:after {display: none;}
	.ftTop li:last-child {border-bottom: none;}
	.ftTop li a {font-size: 10pt; height: 40px; line-height: 40px;}
}












.dib {display: inline-block;}
.db {display: block;}



.imgPc {display: block !important; max-width:100%; margin: 0 auto;}
.imgMo {display: none !important;}

@media (max-width:768px) {
	.imgPc {display: none !important;}
	.imgMo {display: block !important; max-width:100%; margin: 0 auto;}
}



.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.pb0 {padding-bottom: 0 !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.tac {text-align: center !important;}


#skip {position: relative; z-index: 3000;}
#skip a {position: absolute; top: -30px; left: 0; width: 138px; border: 1px solid #4ec53d; background: #333; text-align: center; }
#skip a:active,
#skip a:focus{top:0;text-decoration:none;z-index:1000}
#skip a span {display: inline-block; padding: 2px 6px 0 0; font-size: 13px; line-height: 26px; color: #fff; letter-spacing: -1px; white-space: nowrap;}
#main01,
#main02,
#main03,
#main04,
#main05,
#main06,
#main07 {width: 100%;}