@charset "utf-8";


.main_con_margin {margin-bottom:40px; margin-top:37px; display:table;}

.main_con_margin > img {    float: right;}
.mt_30 {margin-top:13em;}
.slide_notice {    position: absolute;
    top: 9em;
    right: 0em;
    border-radius: 4em;
    border: 1px solid #425da2;
    width: 640px;
    height: 518px;
    overflow: hidden;}
.slide_text{    position: absolute;
    top: 48%;
    left: 50%;
    text-align: center;
    z-index: 90;
    color: #fff;
    transform: translate(-50%, -50%);
    padding: 5em 2em; }
.slide_text p{    text-shadow: 0 1px 3px rgb(0 0 0 / 50%);
    color: #fff;
    font-size: 1.5em;
    position: relative;
    opacity: 0;
    margin-bottom: 0;
    animation: up 1s 0.4s both;
    margin-top: 1em;
	font-weight: 300;
	}
.slide_text h2{    /*text-shadow: 0 0 5px #000;*/
    color: #fff;
    font-size: 4em;
    font-weight: 900;
    opacity: 0;
    animation: fadein 3s 1s both;
    width: 100%;
    text-transform: uppercase;
    word-break: keep-all;
    }
.slide_text p span:nth-of-type(1) {color: #01c7cc;}
.slide_text p span:nth-of-type(2) {color: #01c7cc;}
.bx-pager {margin-bottom:15em;}


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

    .tabIn ul li a {}
    .tabIn ul li a > label {    float: left;
    color: gray;}
}    



/* 배너사이즈와 위치 */
.s_banner_wrap {   
	 width: 100%;
    position: relative;
    margin: 0px 0;
}
ul.bxslider1 li {    background-position-x: center;
    background-position-y: center;
    
}
.s_banner_wrap, ul.bxslider1 li { height:100vh; }

@media screen and (max-width: 1000px) {
	
	ul.main_banner2 {    margin-top: 5em;}
	.s_banner_wrap,.bx-viewport, .bx-wrapper,.bxslider1,ul.bxslider1 li {     height: 580px !important;
    overflow: hidden;
    width: 100% !important; 
    background-size: 153%;
    background-repeat: no-repeat;}
	.main_gallery1 {    overflow: hidden;
    height: 28em;}
	.slide_text {    top: 53%;
    word-break: keep-all;
    width: 100%;
    margin-top: 0;
    font-size: 0.5em;
    left: 0;
    padding: 0;
    box-sizing: border-box;
    margin-left: 50%;
		}
	.slide_text h2 {font-size:4em;   margin-bottom: 1em; word-break: keep-all;}
	.slide_text p {font-size:2em;    word-break: keep-all;}
	.bx-pager {margin-bottom:0;}
	.bx-wrapper img {       max-width: 153%;
    left: 50%;
    margin-left: -50px;}
}


.main_1_con { height:1000px;    background-image: url(/img/main/bg1.jpg);
    background-size: cover; } 
.main_1_con * { box-sizing: border-box;}
.main_1_con > ul {                color: white;
    display: table;
    /* width: 80%; */
    /* float: right; */
    /* margin-top: 11em; */
    width: 1200px;
    margin: 0 auto;
    padding-top: 7em;
}
.main_1_con > ul > li{    font-weight: 100;
    width: 100%;}
.main_1_con > ul > li h3{    color: white}
.main_1_con > ul > li:nth-of-type(2){    margin-top: 4em; height:435px;     width: 1200px;}
.main_1_con > ul > li > ul{}
.main_1_con > ul > li > ul > li{    float: left;
    width: 560px;
    text-align: center;
    height: 500px;
    padding-top: 22em;
    font-size: 1.2em;
    margin-right: 3em;
    box-shadow: 5px 5px 8px #0d4348; }
.main_1_con > ul > li > ul > li:nth-of-type(1){background-image: url(/img/main/1.jpg);}
.main_1_con > ul > li > ul > li:nth-of-type(2){background-image: url(/img/main/2.jpg);}
.main_1_con > ul > li > ul > li:nth-last-child(1){}

.main_2_con { background-color: #bfbfbf; height:1000px;}
.main_2_con *{box-sizing: border-box; }
.main_2_con > ul {}
.main_2_con > ul > li{}
.main_2_con > ul > li:nth-of-type(1){    margin-top: 23em;}
.main_2_con > ul > li:nth-of-type(2){margin: 3em 0 11em 0;}
.main_2_con > ul > li:nth-of-type(3){   width: 32em;
    height: 32em;
    background-color: #dadada;
    position: absolute;
    right: 0;
    top: 19em;
    border-radius: 24em;}
.main_2_con > ul > li:nth-of-type(3)::after {     content: "";
    position: absolute;
    top: 37px;
    left: -270px;
    width: 44em;
    height: 25em;
    background-image: url(/img/main/img1.png);
    background-repeat: no-repeat;
    }

.main_2_con > ul > li h3{}
.main_2_con > ul > li p{    color: white;     position: relative;}
.main_2_con > ul > li p:before {    content: "";
    position: absolute;
    top: 15px;
    left: 108px;
    width: 168px;
    height: 10px;
    background-color: rgba(63, 208, 212, 0.4);
}
.main_2_con > ul > li a{    display: table;
    padding: 1em 4em 1em 2em;
    background-color: #353535;
    color: white; position: relative;     margin-top: 3em;
}
.main_2_con > ul > li a:after{        content: "+";
    position: absolute;
    top: 16px;
    right: 28px;}

.main_3_con {background-image: url(/img/main/bg2.jpg);
    background-repeat: no-repeat; height:1000px; }
.main_3_con *{box-sizing: border-box; }
.main_3_con > ul {color:white;     padding-top: 18em;}
.main_3_con > ul > li{
    float: left;
    width: 33.33%;
    text-align: center;position: relative;
}
.main_3_con > ul > li:nth-of-type(1){}
.main_3_con > ul > li:nth-of-type(1)::after{        content: "";
    position: absolute;
    top: 0px;
    right: 11px;
    width: 1px;
    height: 100px;
    background-color: rgba(255,255,255, 0.6);}
.main_3_con > ul > li:nth-of-type(2){}
.main_3_con > ul > li:nth-of-type(2)::after{    content: "";
    position: absolute;
    top: 0px;
    right: -17px;
    width: 1px;
    height: 100px;
    background-color: rgba(255,255,255, 0.6);}
.main_3_con > ul > li:nth-of-type(3){}
.main_3_con > ul > li h3{    font-size: 9em;
    line-height: 0.6em;}
.main_3_con > ul > li  h3 span.size{        font-size: 0.15em;
    font-weight: 100;
    letter-spacing: 1px;
    display: table;
    margin: 0 auto;}
.main_3_con > ul > li p{    word-break: keep-all;
    width: 50%;
    margin: 0 auto;}
.main_3_con > ul > li p:nth-of-type(1){    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 2em;}
.main_3_con > ul > li p:nth-of-type(2){}
.main_3_con > ul > li a{}
.main_3_con > ul > li a span{}

.main_4_con input[type="text"], .main_4_con input[type="password"] {    border: none;
    background: none;
    box-shadow: none;
    border-radius: 0;}
	
.main_4_con {height:1000px; color:white;}
.main_4_con * {box-sizing: border-box;}
.main_4_con { }
.main_4_con > ul {}
.main_4_con > ul > li{     width: 50%;
    height: 1000px;position: relative; }
.main_4_con > ul > li:nth-of-type(1){    background-image: url(/img/main/bg3.jpg);
    background-repeat: no-repeat;
    background-size: cover;     float: left;}
.main_4_con > ul > li:nth-of-type(1) ul{    position: absolute;
    right: 300px;
    top: 160px;}
.main_4_con > ul > li:nth-of-type(1) ul li{position: relative;}
.main_4_con > ul > li:nth-of-type(1) ul li:nth-of-type(1){}
.main_4_con > ul > li:nth-of-type(1) ul li:nth-of-type(2){font-size: 3em;
    padding: 0.5em 0;
    font-weight: 400;}
.main_4_con > ul > li:nth-of-type(1) ul li:nth-of-type(3){}
.main_4_con > ul > li:nth-of-type(1) ul li:nth-of-type(3):after{ content: "";
    position: absolute;
    bottom: -95px;
    left: 0px;
    width: 406px;
    height: 31px;
    background-image: url(/img/common/arrow2.png);
}
.main_4_con > ul > li:nth-of-type(2){     float: right; background-color:#f3f3f3; color:#7e7e7e;}
.main_4_con > ul > li:nth-of-type(2) ul{    position: absolute;
    top: 9em;
    left: 4em;     width: 500px;}
.main_4_con > ul > li:nth-of-type(2) ul li{     margin-bottom: 0.3em;
     }
.main_4_con > ul > li:nth-of-type(2) ul li input[type="text"] {        width: 100%;
    padding: 1em;
    border: 1px solid #cccccc; }
.main_4_con > ul > li:nth-of-type(2) ul li input[type="checkbox"] {margin-right: 0.4em;}
.main_4_con > ul > li:nth-of-type(2) ul li textarea {    width: 100%;
    border: 1px solid #ccc;
    height: 7em;
    padding: 1em; }
.main_4_con > ul > li:nth-of-type(2) ul li span{margin-right: 0.8em;
    display: inline-block;}
.main_4_con > ul > li:nth-of-type(2) ul li a {    display: inline-block;
    padding: 1em 3em;cursor: pointer;
    background-color: navy;
    color: white;
    float: right;}
.main_4_con > ul > li:nth-of-type(2) ul li:nth-of-type(1){}
.main_4_con > ul > li:nth-of-type(2) ul li:nth-of-type(2){}
.main_4_con > ul > li:nth-of-type(2) ul li:nth-of-type(2) select,.main_4_con > ul > li:nth-of-type(2) ul li:nth-of-type(2) input{    width: 31%;
    height: 52px;
    background-color: #f3f3f3;
    border: 1px solid #cacaca;}
    
.main_4_con > ul > li:nth-of-type(2) ul li:nth-of-type(3){}
.main_4_con > ul > li:nth-of-type(2) ul li:nth-of-type(4){padding: 1em 0;
    font-weight: 500;
    word-break: keep-all;}
.main_4_con > ul > li:nth-of-type(2) ul li:nth-of-type(5){}
.main_4_con > ul > li:nth-of-type(2) ul li:nth-of-type(6){    height: 10em;
    overflow-y: scroll;
    border: 1px solid #ccc;
    padding: 1em;}
.main_4_con > ul > li:nth-of-type(2) h3 { display:none;}

@media screen and (max-width: 1000px) {
	.section * {}
	.main_1_con,.main_2_con,.main_3_con { height:800px;}
	.main_4_con { height:auto}
	
	.main_1_con > ul {width: 96%;
    float: unset;
    height: 100%;
    margin: 0 auto;
    padding-top: 9em;}
	.main_1_con > ul > li{}
	.main_1_con > ul > li:nth-of-type(2){        width: 300px;
    margin: 0 auto;
    float: unset;
    margin-top: 2em;}
	.main_1_con > ul > li > ul{}
	.main_1_con > ul > li > ul > li{}
	.main_1_con > ul > li > ul > li:nth-of-type(1){}
	.main_1_con > ul > li > ul > li:nth-last-child(1){}

	.main_2_con {     padding-top: 11em;}
	.main_2_con > ul {margin-left: 2em;}
	.main_2_con > ul > li{}
	.main_2_con > ul > li:nth-of-type(1){    margin: 0; position: unset;
    width: 100vw;}
	.main_2_con > ul > li:nth-of-type(2){margin: 0;position: unset;
    width: 100vw;}
	.main_2_con > ul > li:nth-of-type(3){    margin: 0;
    position: unset;
    width: 53vw;
    height: 23vh;}
	.main_2_con > ul > li:nth-of-type(3)::after {        left: unset;
    top: unset;
        width: 19em;
    background-size: 100%;}
	.main_2_con > ul > li h3{}
	.main_2_con > ul > li p{    width: 80%;}
	.main_2_con > ul > li a{}
	.main_2_con > ul > li a span{}

	.main_3_con { }
	.main_3_con > ul {    font-size: 0.5em; width: 100%;}
	.main_3_con > ul > li{    width: 100vw;
    margin-bottom: 5em;}
	.main_3_con > ul > li:nth-of-type(1){}
	.main_3_con > ul > li:nth-of-type(2){}
	.main_3_con > ul > li:nth-of-type(3){}
	.main_3_con > ul > li h3{}
	.main_3_con > ul > li p{ font-size: 1.2em;}
	.main_3_con > ul > li p:nth-of-type(1){    margin: 0 auto; font-size: 2.5em;}
	.main_3_con > ul > li p:nth-of-type(2){}
	.main_3_con > ul > li a{}
	.main_3_con > ul > li a span{}

	.main_4_con { }
	.main_4_con > ul { /*   width: 94%;*/}
	.main_4_con > ul > li{}
	.main_4_con > ul > li:nth-of-type(1){/*display: none;*/ width: 100%;
    float: unset;
    height: 147px;
    background-position-x: center;
    background-position-y: -14em;}
	.main_4_con > ul > li:nth-of-type(1) ul{}
	.main_4_con > ul > li:nth-of-type(1) ul li{display: none;}
	.main_4_con > ul > li:nth-of-type(1) ul li:nth-of-type(1){}
	.main_4_con > ul > li:nth-of-type(1) ul li:nth-of-type(2){}
	.main_4_con > ul > li:nth-of-type(1) ul li:nth-of-type(3){}
	.main_4_con > ul > li:nth-of-type(2){        float: unset;
    width: 100%;
    padding: 9em 4em 5em 3em;
    height: auto;}
	.main_4_con > ul > li:nth-of-type(2) h3 {    font-size: 1.6em;
    display: block;
    padding-bottom: 3em;
	margin-top: -9em;
	color: #fff;}
	.main_4_con > ul > li:nth-of-type(2) ul{    width: 100%;
    position: unset;
    display: table;
	}
	.main_4_con > ul > li:nth-of-type(2) ul li{}
	.main_4_con > ul > li:nth-of-type(2) ul li:nth-of-type(1){    width: 100%;}
	.main_4_con > ul > li:nth-of-type(2) ul li:nth-of-type(2){}
	.main_4_con > ul > li:nth-of-type(2) ul li:nth-of-type(3){}
	.main_4_con > ul > li:nth-of-type(2) ul li:nth-of-type(4){}
	.main_4_con > ul > li:nth-of-type(2) ul li:nth-of-type(5){}
	.main_4_con > ul > li:nth-of-type(2) ul li:nth-of-type(6){    height: 102px;}
}