@import url( base.css );

body {
	-ms-text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none;
}
.mTopBn {
	width: 100%;height:100px; background:#000;
}

.mTopBn .BnBox {
	float:left;
	width:130px;
	height:100px;	
	
	
	}


.mTopBn .BnBoxa { z-index: 999;
	float:right;
	width:170px;
	height:100px;	
	
	
	}




#wrapper {
	width: 100%;
}
#head {
	height: 80px; position: relative; z-index: 30;
}
.etc#head::after {
	left: 0px; top: 80px; width: 100%; clear: both; border-top-color: rgb(16, 98, 185); border-bottom-color: rgb(204, 204, 204); border-top-width: 3px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; display: block; position: absolute; content: " ";
}
#head .gnbArea {
	margin: 0px auto; width: 1020px; height: 80px; clear: both;
}
#head .gnbArea::after {
	clear: both; display: block; content: " ";
}
#head h1 {
	margin: 27px 70px 0px 0px; float: left;
}
#gnb {
	line-height: 0; padding-top: 34px; font-size: 0px; float: left;
}
#gnb ul {
	height: auto; overflow: hidden; clear: both; display: block;
}
#gnb ul li {
	float: left;
}
#gnb ul ul {
	margin: 0px auto; width: 1020px; height: auto; overflow: hidden; clear: both; box-sizing: border-box;
}
#gnb a {
	display: block;
}
#gnb > ul > li > a {
	padding: 0px 33px 0px 32px; height: auto; min-height: 50px;
}
#gnb > ul > li:first-child > a {
	padding-left: 2px;
}
#gnb > ul > li div {
	left: 0px; top: 80px; width: 100%; height: auto; display: none; position: absolute; z-index: 40; min-height: 49px;
}
#gnb > ul > li div div {
	background: url("/images/gnb/bg01.png") repeat-x left bottom; top: 48px; border-bottom-color: rgb(192, 198, 203); border-bottom-width: 1px; border-bottom-style: solid; z-index: 35; min-height: 47px;
}
#gnb > ul > li > div > ul > li {
	padding: 0px; min-height: 49px;
}
#gnb > ul .submenu01 > ul > li {
	padding: 0px 25px;
}
#gnb > ul .submenu03 > ul > li {
	padding-top: 1px;
}
#gnb > ul > li > div > ul > li > div > ul > li {
	padding-top: 1px;
}
#gnb > ul > li:hover > div {
	display: block;
}
#gnb > ul > li > div > ul > li:hover > div {
	display: block;
}
#gnb > ul > li.over > div {
	display: block;
}
#gnb li li.over > div {
	display: block;
}
#gnb > ul > li.on > div {
	display: block;
}
#gnb ul li div > ul > li.on > div {
	display: block;
}
#gnb .submenu01 {
	background: rgb(12, 77, 162);
}
#gnb .submenu02 {
	background: url("/images/gnb/answer_bg01.png") repeat-x left top rgb(1, 144, 186);
}
#gnb .submenu03 {
	background: rgb(48, 153, 24);
}
#gnb .submenu04 {
	background: rgb(220, 66, 130);
}
#gnb .submenu05 {
	background: rgb(247, 247, 247); height: 66px; border-top-color: rgb(16, 98, 185); border-bottom-color: rgb(204, 204, 204); border-top-width: 3px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
#gnb .submenu01 > ul {
	padding-left: 206px;
}
#gnb .submenu02 > ul {
	padding-left: 225px;
}
#gnb .submenu03 > ul {
	padding-left: 230px;
}
#gnb .submenu04 > ul {
	padding-left: 423px;
}
#gnb .submenu01 > ul > li:first-child ul {
	padding-left: 95px;
}
#gnb .submenu01 > ul > li:nth-child(2) ul {
	padding-left: 280px;
}
#gnb .submenu01 > ul > li:nth-child(3) ul {
	padding-left: 166px;
}
#gnb .submenu01 > ul > li:nth-child(4) ul {
	padding-left: 350px;
}
#gnb .submenu01 > ul > li:nth-child(5) ul {
	padding-left: 545px;
}
#gnb .submenu01 > ul > li:nth-child(6) ul {
	padding-left: 600px;
}
#gnb .submenu01 > ul > li:nth-child(7) ul {
	padding-left: 710px;
}
#gnb .submenu04 > ul > li:nth-child(2) ul {
	padding-left: 400px;
}
#gnb .submenu04 > ul > li:nth-child(3) ul {
	padding-left: 670px;
}
#gnb .submenu05 > ul > li {
	padding: 23px 0px; width: 230px; text-align: center;
}
#gnb .submenu05 > ul > li a {
	border-right-color: rgb(222, 222, 222); border-right-width: 1px; border-right-style: solid; display: block;
}
#gnb .submenu05 > ul > li:first-child a {
	border-left-color: rgb(222, 222, 222); border-left-width: 1px; border-left-style: solid;
}
#gnb .submenu01 > ul > li ul.sub02 {
	padding-left: 280px;
}
#gnb .submenu01 > ul > li ul.sub03 {
	padding-left: 166px;
}
#gnb .submenu01 > ul > li ul.sub04 {
	padding-left: 350px;
}
#gnb .submenu01 > ul > li ul.sub05 {
	padding-left: 545px;
}
#gnb .submenu01 > ul > li ul.sub06 {
	padding-left: 600px;
}
#gnb .submenu01 > ul > li ul.sub07 {
	padding-left: 710px;
}
#gnb .submenu04 > ul > li ul.sub02 {
	padding-left: 400px;
}
#gnb .submenu04 > ul > li ul.sub03 {
	padding-left: 670px;
}
.searchArea {
	border: 1px solid rgb(236, 236, 236); border-image: none; width: 180px; height: auto; margin-top: 25px; float: right;
}
.searchArea table {
	padding: 0px; border: 0px currentColor; border-image: none; width: 100%; border-collapse: collapse;
}
#container {
	background: rgb(255, 255, 255); width: 100%;
}
.mainCtn#container {
	background: #000; height: 757px; 
}
.mainCtn#container .mContentWrap {
	margin: auto; width: 1020px; height: 757px; position: relative;
}
#container .contents {
	margin: 0px auto; border-image: none; width: 1020px; height: 757px; line-height: 0px; padding-left: 0px; font-size: 0px; position: relative;
}
#container .contents table {
	width: 100%; border-collapse: collapse; border-spacing: 0px;
}
#container .contents table td {
	text-align: left;
}
#container .contents table td > div {
	overflow: hidden;
}
.animate * {
	transition:background-position 0.5s, width 0.5s; -webkit-transition: background-position 0.5s, width 0.5s; -moz-transition: background-position 0.5s, width 0.5s; -o-transition: background-position 0.5s, width 0.5s;
}
.animatebtn {
	transition:left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s;
}
#container .objBgBox {
	background: url("visual01_bg.png"); left: 0px; top: 0px; width: 510px; height: 757px; position: absolute;
}
#container .objBgBox .bgBox {
	background: url("visual01_bg02.png") repeat-y left top; left: 0px; top: 0px; width: 100px; height: 757px; position: absolute;
}
#container .textMain01 {
	left: 15px; top: 45px; position: absolute;
}
#container .textMain01 .btnType {
	padding: 10px;
}
#container .on.textMain01 .txtType01 {
	display: block;
}
#container .on.textMain01 .txtType02 {
	display: none;
}
#container .on.textMain01 .btnType {
	left: 0px; position: relative;
}
#container .off.textMain01 .txtType01 {
	display: none;
}
#container .off.textMain01 .txtType02 {
	display: block;
}
#container .off.textMain01 .btnType {
	left: -300px; position: relative;
}
#container .contents td {
	margin: 0px; padding: 0px; width: 480px; height: 757px; overflow: hidden; position: relative;
}
#container .contents td .visualMain01 {
	left: 0px; top: 0px; width: 100%; height: 757px; position: absolute;
}
#container .contents td .objMain01 {
	left: 0px; top: 0px; width: 510px; height: 757px; position: absolute;
}
#container .contents td .objBgBox {
	left: 0px; top: 0px; width: 510px; height: 757px; position: absolute;
}




<!--默认开始-->



#container .type01 .main01 {
	width: 340px;
}
#container .type01 .main01 .visualMain01 {
	background: url("m_main01.png") no-repeat -280px top;
}
#container .type01 .main01 .objMain01 {
	background: url("visual01_people01.png") no-repeat 90px 235px;
}
#container .type01 .main01 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type01 .main01 .objBgBox {
	display: none;
}
#container .type01 .main02 {
	width: 340px;
}
#container .type01 .main02 .visualMain01 {
	background: url("m_main02.png") no-repeat left top;
}
#container .type01 .main02 .objMain01 {
	background: url("visual01_people02.png") no-repeat 80px bottom;
}
#container .type01 .main02 .objBgBox {
	display: none;
}
#container .type01 .main03 {
	width: 340px;
}
#container .type01 .main03 .visualMain01 {
	background: url("m_main03.png") no-repeat left top;
}
#container .type01 .main03 .objMain01 {
	background: url("visual01_people03.png") no-repeat -90px 220px;
}
#container .type01 .main03 .objBgBox {
	display: none;
}





#container .type01 .main04 {
	width: 340px;
}
#container .type01 .main04 .visualMain01 {
	background: url("m_main04.png") no-repeat left top;
}
#container .type01 .main04 .objMain01 {
	background: url("visual01_people04.png") no-repeat -90px 220px;
}
#container .type01 .main04 .objBgBox {
	display: none;
}



<!--默认结束-->






<!--选择第一个的时候，4张都没有-->
#container .type02 .main01 {
	width: 510px;
}
#container .type02 .main01 .visualMain01 {
	background: url("m_main01.png") no-repeat -380px top;
}
#container .type02 .main01 .objMain01 {
	background: url("visual01_people01.png") no-repeat 10px 235px;
}
#container .type02 .main01 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type02 .main01 .objBgBox {
	display: none;
}




#container .type02 .main02 {
	width: 255px;
}
#container .type02 .main02 .visualMain01 {
	background: url("m_main02.png") no-repeat -100px top;
}
#container .type02 .main02 .objMain01 {
	background: url("visual01_people02.png") no-repeat 20px bottom;
}
#container .type02 .main02 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type02 .main02 .objBgBox .bgBox {
	background: url("visual01_bg02.png") repeat-y left top; left: 0px; top: 0px; width: 100px; height: 757px; position: absolute;
}
#container .type02 .main02 .objBgBox {
	display: block;
}



#container .type02 .main03 {
	width: 255px;
}
#container .type02 .main03 .visualMain01 {
	background: url("m_main03.png") no-repeat left top;
}
#container .type02 .main03 .objMain01 {
	background: url("visual01_people03.png") no-repeat -90px 220px;
}
#container .type02 .main03 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type02 .main03 .objBgBox .bgBox {
	background: url("visual01_bg02.png") repeat-y left top; left: 0px; top: 0px; width: 100px; height: 757px; position: absolute;
}
#container .type02 .main03 .objBgBox {
	display: block;
}
#container .type02 .main03 .objBgBox .bgBox {
	display: none;
}





#container .type02 .main04 {
	width: 255px;
}
#container .type02 .main04 .visualMain01 {
	background: url("m_main04.png") no-repeat left top;
}
#container .type02 .main04 .objMain01 {
	background: url("visual01_people04.png") no-repeat -90px 220px;
}
#container .type02 .main04 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type02 .main04 .objBgBox .bgBox {
	background: url("visual01_bg02.png") repeat-y left top; left: 0px; top: 0px; width: 100px; height: 757px; position: absolute;
}
#container .type02 .main04 .objBgBox {
	display: block;
}
#container .type02 .main04 .objBgBox .bgBox {
	display: none;
}



<!--选择第一个的时候，4张都没有-->








<!--选择第二个的时候，4张都没有-->
#container .type03 .main01 {
	width: 255px;
}
#container .type03 .main01 .visualMain01 {
	background: url("m_main01.png") no-repeat -280px top;
}
#container .type03 .main01 .objMain01 {
	background: url("visual01_people01.png") no-repeat 50px 235px;
}
#container .type03 .main01 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type03 .main01 .objBgBox {
	display: block;
}



#container .type03 .main02 {
	width: 510px; height: 757px;
}
#container .type03 .main02 .visualMain01 {
	background: url("m_main02.png") no-repeat left top;
}
#container .type03 .main02 .objMain01 {
	background: url("visual01_people02.png") no-repeat 0px bottom;
}
#container .type03 .main02 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type03 .main02 .objBgBox .bgBox {
	background: url("visual01_bg02.png") repeat-y left top; left: 0px; top: 0px; width: 100px; height: 757px; position: absolute;
}
#container .type03 .main02 .objBgBox {
	display: none;
}


#container .type03 .main03 {
	width: 255px;
}
#container .type03 .main03 .visualMain01 {
	background: url("m_main03.png") no-repeat left top;
}
#container .type03 .main03 .objMain01 {
	background: url("visual01_people03.png") no-repeat -130px 220px;
}
#container .type03 .main03 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type03 .main03 .objBgBox .bgBox {
	background: url("visual01_bg02.png") repeat-y left top; left: 0px; top: 0px; width: 100px; height: 757px; position: absolute;
}
#container .type03 .main03 .objBgBox {
	display: block;
}
#container .type03 .main03 .objBgBox .bgBox {
	display: block;
}



#container .type03 .main04 {
	width: 255px;
}
#container .type03 .main04 .visualMain01 {
	background: url("m_main04.png") no-repeat left top;
}
#container .type03 .main04 .objMain01 {
	background: url("visual01_people04.png") no-repeat -130px 220px;
}
#container .type03 .main04 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type03 .main04 .objBgBox .bgBox {
	background: url("visual01_bg02.png") repeat-y left top; left: 0px; top: 0px; width: 100px; height: 757px; position: absolute;
}
#container .type03 .main04 .objBgBox {
	display: block;
}
#container .type03 .main04 .objBgBox .bgBox {
	display: block;
}


<!--选择第二个的时候，4张都没有-->




<!--选择第三个的时候，4张都没有-->

#container .type04 .main01 {
	width: 255px;
}
#container .type04 .main01 .visualMain01 {
	background: url("m_main01.png") no-repeat -280px top;
}
#container .type04 .main01 .objMain01 {
	background: url("visual01_people01.png") no-repeat 50px 235px;
}
#container .type04 .main01 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type04 .main01 .objBgBox {
	display: block;
}
#container .type04 .main02 {
	width: 255px;
}
#container .type04 .main02 .visualMain01 {
	background: url("m_main02.png") no-repeat left top;
}
#container .type04 .main02 .objMain01 {
	background: url("visual01_people02.png") no-repeat 20px bottom;
}
#container .type04 .main02 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type04 .main02 .objBgBox .bgBox {
	background: url("visual01_bg02.png") repeat-y left top; left: 0px; top: 0px; width: 100px; height: 757px; position: absolute;
}
#container .type04 .main02 .objBgBox {
	display: block;
}
#container .type04 .main02 .objBgBox .bgBox {
	display: none;
}
#container .type04 .main03 {
	width: 510px;
}
#container .type04 .main03 .visualMain01 {
	background: url("m_main03.png") no-repeat left top;
}
#container .type04 .main03 .objMain01 {
	background: url("visual01_people03.png") no-repeat -150px 220px;
}
#container .type04 .main03 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type04 .main03 .objBgBox .bgBox {
	background: url("visual01_bg02.png") repeat-y left top; left: 0px; top: 0px; width: 100px; height: 757px; position: absolute;
}
#container .type04 .main03 .objBgBox {
	display: none;
}
#container .type04 .main03 .objBgBox .bgBox {
	display: none;
}



#container .type04 .main04 {
	width: 255px;
}
#container .type04 .main04 .visualMain01 {
	background: url("m_main04.png") no-repeat left top;
}
#container .type04 .main04 .objMain01 {
	background: url("visual01_people04.png") no-repeat left 220px;
}
#container .type04 .main04 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type04 .main04 .objBgBox .bgBox {
	background: url("visual01_bg02.png") repeat-y left top; left: 0px; top: 0px; width: 100px; height: 757px; position: absolute;
}
#container .type04 .main04 .objBgBox {
	display: none;
}
#container .type04 .main04 .objBgBox .bgBox {
	display: none;
}



<!--选择第三个的时候，4张都没有-->
















<!--选择第四个的时候，4张都没有-->

#container .type05 .main01 {
	width: 255px;
}
#container .type05 .main01 .visualMain01 {
	background: url("m_main01.png") no-repeat -280px top;
}
#container .type05 .main01 .objMain01 {
	background: url("visual01_people01.png") no-repeat 50px 235px;
}
#container .type05 .main01 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type05 .main01 .objBgBox {
	display: block;
}
#container .type05 .main02 {
	width: 255px;
}
#container .type05 .main02 .visualMain01 {
	background: url("m_main02.png") no-repeat left top;
}
#container .type05 .main02 .objMain01 {
	background: url("visual01_people02.png") no-repeat 20px bottom;
}
#container .type05 .main02 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type05 .main02 .objBgBox .bgBox {
	background: url("visual01_bg02.png") repeat-y left top; left: 0px; top: 0px; width: 100px; height: 757px; position: absolute;
}
#container .type05 .main02 .objBgBox {
	display: block;
}
#container .type05 .main02 .objBgBox .bgBox {
	display: none;
}
#container .type05 .main03 {
	width: 255px;
}
#container .type05 .main03 .visualMain01 {
	background: url("m_main03.png") no-repeat left top;
}
#container .type05 .main03 .objMain01 {
	background: url("visual01_people03.png") no-repeat left 220px;
}
#container .type05 .main03 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type05 .main03 .objBgBox .bgBox {
	background: url("visual01_bg02.png") repeat-y left top; left: 0px; top: 0px; width: 100px; height: 757px; position: absolute;
}
#container .type05 .main03 .objBgBox {
	display: none;
}
#container .type05 .main03 .objBgBox .bgBox {
	display: none;
}



#container .type05 .main04 {
	width: 510px;
}
#container .type05 .main04 .visualMain01 {
	background: url("m_main04.png") no-repeat -50px top;
}
#container .type05 .main04 .objMain01 {
	background: url("visual01_people04.png") no-repeat left 220px;
}
#container .type05 .main04 .objBgBox {
	background: url("visual01_bg.png");
}
#container .type05 .main04 .objBgBox .bgBox {
	background: url("visual01_bg02.png") repeat-y left top; left: 0px; top: 0px; width: 100px; height: 757px; position: absolute;
}
#container .type05 .main04 .objBgBox {
	display: none;
}
#container .type05 .main04 .objBgBox .bgBox {
	display: none;
}



<!--选择第四个的时候，4张都没有-->

























#footer {
	width: 100%;  
}

#footer .copyright {
	width: 100%; border-top-color: #1d1d1d; border-top-width: 1px; border-top-style: solid; background:#000;height:25px;
}
#footer .copyright .copyrightBg {
	margin: 0px auto; width: 1020px; height: 114px;
}
.copyright01 {
	float:left;
	line-height:25px;
	
	
}
.copyright02 {
	float:right;
	width:100px;
	
}

.copyright03 {
    position: relative;
}

.copyright01_01 {
    left: 160px;
    position: absolute;
    top: 32px;
}
.copyright01_02 {
    position: absolute;
    right: 0;
    top: 0px;
}
.copyright01_02 .copy_fam01 {
    background: none repeat scroll 0 0 #0C4DA2;
    height: 150px;
    left: 0;
    position: absolute;
    top: 0px;
    width: 155px;
    z-index: 999;
}
.copyright01_02 .copy_fam01 ul {
    padding-top: 10px;
    width: 155px;
}
.copyright01_02 .copy_fam01 li {
    padding: 5px 0 0 10px;
    width: 90%;
}
.copyright01_02 .copy_fam01 li a {
    color: #FFFFFF;
    font-size: 12px;
}
.copyright01_02 .copy_fam01 .close_btn {
    left: 136px;
    position: absolute;
    top: 0;
}
.copyright01_03 {
    left: 780px;
    position: absolute;
    top: 9px;
}
.copyright01_04 {
    color: #666666;
    left: 425px;
    position: absolute;
    top: 31px;
}
.copyright01_05 {
    left: 0;
    position: absolute;
    top: 32px;
}
@media print
{
#header {
	display: none;
}
#container {
	margin-top: -150px; display: block;
}
#footer {
	display: none;
}
}
.hasRealPerson {
	margin: 10px 0px; float: left;
}
.realperson-hash {
	float: left;
}
.realperson-text {
	padding-right: 10px; float: left;
}
.realperson-challenge {
	padding: 10px 0px; overflow: hidden; float: left;
}
.realperson-regen {
	padding-right: 15px; float: left;
}
.FstN .CdP {
	padding-left: 25px !important;
}
.arrowBox {
	margin: auto; width: 1020px; position: relative;
}
.step01_arrow {
	left: 255px; top: -6px; width: 12px; height: 6px; position: absolute;
}
.step02_arrow {
	background: url("/images/gnb/gnb_arrow02.gif") no-repeat left top; left: 375px; top: -6px; width: 12px; height: 6px; position: absolute;
}
.step03_arrow {
	background: url("/images/gnb/gnb_arrow03.gif") no-repeat left top; left: 495px; top: -6px; width: 12px; height: 6px; position: absolute;
}
.step04_arrow {
	background: url("/images/gnb/gnb_arrow04.gif") no-repeat left top; left: 615px; top: -6px; width: 12px; height: 6px; position: absolute;
}
.dep02_01bg .step01_arrow {
	background: url("/images/gnb/new_bul01.png") no-repeat left top; left: 255px; top: -6px; width: 12px; height: 6px; position: absolute;
}
.articles {
	background: rgb(244, 244, 244); width: 449px;
}
.articles .scDisc {
	padding: 10px; border: 1px solid rgb(204, 204, 204); border-image: none; height: 470px; text-align: left; margin-top: 40px;
}
.articles .popFt {
	padding: 40px 0px 20px;
}