:root {
    --white: #ffffff;
    --black: #343434;
    --gray-70: #707070;
    --gray-dd: #dddddd;
    --gray-fc: #FCFCFC;
    --yellow: #F1D00A;
    --yellow-light: #fcf1b8;
    --blue: #3E497A;

    --gap1: 40px;
    --gap2: 60px;

    --h4: 38px;
    --h6: 28px;
    --p: 18px;
}

.mSC2_Wrap {padding: 100px 0 80px;}

.main_SC2 {height: auto; width: 100%;}
.main_SC2 .SC2_product {margin:50px var(--gap2); width: calc(100% - 120px); gap: 20px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(auto, 1fr);}
.main_SC2 .SC2_product .probox_set {width: 100%; margin:0; border-radius: 14px;}
.main_SC2 .SC2_product .item1 {grid-column: 1/3; grid-row: 1/2;}
.main_SC2 .SC2_product .item2 {grid-column: 3/4; grid-row: 1/2;}
.main_SC2 .SC2_product .item3 {grid-column: 1/4; grid-row: 2/3;}
.main_SC2 .SC2_product .item4 {grid-column: 1/2; grid-row: 3/4;}
.main_SC2 .SC2_product .item5 {grid-column: 2/4; grid-row: 3/4;}

.btn4P {width: fit-content; position: relative; top: 0; left: 0; transform: translate(0,0);}
.sc4_btn {padding: 40px; width: auto; height: auto; transition: all 0.35s;}
.sc4_btn:hover {padding: 60px;}


#main_sec4 {width: 100%; background: url('/img/main/main_sc4bg1.jpg') no-repeat; position: relative;}
#main_sec4 .wrap {width: 900px; margin:0 auto; padding: 100px var(--gap2); display: grid; grid-template-columns: 1fr 1fr; text-align: center;}
#main_sec4 .wrap a {padding: 60px; width: fit-content; height: 100%; background: rgba(255,255,255,0.1); display: block; margin:0 auto; border:1px solid rgba(255,255,255,0.5); transition: all 0.4s;}
#main_sec4 .wrap a:hover {padding: 70px; background: rgba(255,255,255,0.3);}
#main_sec4 .wrap img {margin-bottom: 20px;}
#main_sec4 .wrap p {margin-bottom: 20px; color: var(--white);}
#main_sec4 .wrap button {width: fit-content; padding: 10px 30px; background: var(--white); border-radius: 20px;}

#main_sec05 .wrap {width: 1400px; margin:0 auto; padding: 100px var(--gap2); display: flex; align-items: center; justify-content: space-between;}
#main_sec05 .wrap h4 {font-size: var(--h4); font-weight: 600;}
#main_sec05 .wrap h4 b {color:red;}
#main_sec05 .wrap h6 {font-size: var(--h6); font-weight: 600; color: var(--gray-70);}
#main_sec05 .wrap .title a {margin-top: 14px; padding: 8px 20px; width: fit-content; text-align: center; display: block; border-radius: 30px; border:1px solid var(--gray-70);}

#main_sec06 {background-color: #f6f6f6;}
#main_sec06 .wrap {width: 1400px; margin:0 auto; padding: 100px var(--gap2); display: flex; justify-content: space-between;}
#main_sec06 .wrap h4 {font-size: var(--h4); font-weight: 600;}
#main_sec06 .wrap h4 b {color:red;}
#main_sec06 .wrap h6 {font-size: var(--h6); font-weight: 600; color: var(--gray-70);}
#main_sec06 .wrap .content {display: flex; gap: var(--gap2); align-items: center;}
#main_sec06 .wrap .content > section {display: grid; grid-template-columns: auto 1fr; align-items: center; gap: var(--gap1);}
#main_sec06 .wrap .content > section > div {text-align: center;}
#main_sec06 .wrap .content a {display: block; padding: 6px 0; font-size: var(--p);}
#main_sec06 .wrap .content span {font-size: 48px; color: var(--gray-70);}
#main_sec06 .wrap .content .line {width: 1px; height: 100%; background: var(--ee);}

#top_btn {border-radius: 4px;}

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

    #header .gnb_wrap .inner {width: 100%; padding: 0 var(--gap2);}
    #header .gnb_wrap .inner .logo {width: auto; margin:0;}
    #header .gnb_wrap .inner .logo img {height: 48px;}
    .gnb {width: auto; width: auto;}
    #header .gnb_wrap .inner .gnb ul {gap:var(--gap2);}
    #header .gnb_wrap .inner .gnb > ul > li > a {height: 75px; margin-top: var(--gap1);}
    #header .gnb_wrap .inner .gnb > ul > li .depth2 {padding: 20px 0; margin-top: 0; transform: translateY(0);}

    .swiper-slide {height: 100vh !important;}
    .swiper_text {width: 100%; height: 100%; position: relative; top: 0; left: 0;}
    .swiper_text img {transform: translate(-50%, -50%);}
    .swiper_text img:first-child {width: 200px; top: 40%; left: 50%;}
    .swiper_text img:nth-child(2n) {width: 500px; top: 50%; left: 50%;}
    .swiper_text img:last-child {width: 500px; top: 50%; left:40%;}


    /* Main-Sec */
    .main_S > div {width: 100%;}
    .mSC5_Wrap, .mSC6_Wrap {padding: 100px var(--gap2);}
    .main_SC2 .SC2_product .probox_set {height: 100%;}
    #main_sec03 {width: 100%; overflow: hidden;}
    .sc3_img {margin:100px var(--gap2);}
    .sc3_Wimg img:first-child {width: 400px; top: 0; left: 0;}
    .sc3_Wimg img:nth-child(2) {margin-right: 0; width: 180px;}
    .sc3_Ttext p {word-break: keep-all;}
    .main_SC4 {padding: 40px; height: auto; position: relative; top: 0; left: 0; transform: translate(0,0);}
    .Mn_infoset:nth-child(2), .Mn_infoset:last-child {margin:0;}
    .Mn_infoset:nth-child(2), .Mn_infoset:last-child a {width: 100%; height: 100%; display: block; text-align: center;}
    #main_sec05 .wrap {width: 100%;}
    #main_sec06 .wrap {width: 100%;}

    /* footer */
    .footer_wrap {margin:0 var(--gap2); padding: 0;}
    .footer_top {padding: 20px 0;}
    .foote_info {padding: 40px 0; margin:0;}
    .foote_info p {width: fit-content;}
    .foote_img {width: auto;}

	/* SUB */
	.sub_inWrap {width:100%; margin:0; padding:40px;}
	#sub02_01 {width:100%;}
	#sub02_02 {width:100%; margin:80px auto;}
	.sub2_title {width:fit-content; border-radius:14px; margin:0 0 100px;}
	.sub2_title h1 {width:fit-content; padding:20px 40px; font-size:24px;}
	.sub2_title::after {z-index:-1; top:-135px; left:0; width:260px; height:340px; background-size:contain;}
	.sub2_in {margin-top:0;}
	.sub2_in::after, .sub22_in::after, #sub02_03::after, #sub02_05::after {display:none;}
	.sub2_flex {display:grid; gap:14px; grid-template-columns: repeat(3, 1fr); justify-content:initial; flex-wrap:initial;}
	.sub21_set {width:100%; margin:0;}
	.sub22_flex {display:grid; gap:14px; grid-template-columns:repeat(2, 1fr);}
	.sub22_flex .sub21_set {width:100%;}
	.sub22_flex::after {left:-160px;}
	.sub23_photo {text-align:right;}
	.sub23_photo img {margin:0; border-radius:20px 20px 0 0;}
	.sub23_in {margin:-140px auto 80px;}
	.sub23_flex {display:grid; gap:14px; grid-template-columns:repeat(3, 1fr); justify-content:initial; flex-wrap:initial;}
	#sub02_03, #sub02_04, #sub02_05 {margin-top:80px;}
	#sub02_04 {width:100%;}
	#sub02_04 .sub22_flex .sub21_set:nth-child(odd) {margin-top:0;}
	#sub02_04 .sub22_flex .sub21_set:nth-child(even) {margin-top:-330px;}
	.sub03_bg {padding:40px;}
}

@media screen and  (max-width:1280px) {
    .sc3_Wimg img:first-child {width: 500px; left: 15%;}
    #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width: 100% !important;}
	.ceo_info {margin-left:80px;}
	#sub03_01 {width:100%;}
}

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

    :root {
        --gap1: 40px;
        --gap2: 40px;
    
        --h4: 38px;
        --h6: 28px;
        --p: 18px;
    }

    /*/// gnb-mobile ///*/
    #gnb-mobile .gnb-close {cursor: pointer;}

    #gnb-mobile {position: absolute; top: 20px; right: 40px; z-index: 1009; opacity: 1; display: block;}
    #gnb-mobile .gnb-open span {font-size: 40px; color: var(--black);}
    #gnb-mobile .menu.view {display: block; opacity: 1; left: 0; transition: all 0.45s;}
    #gnb-mobile .menu {width: 100vw; height: 100vh; position: fixed; top: 0; left: -100vw; opacity: 0; transition: all 0.45s; background: rgba(0,0,0,0.8);}
    #gnb-mobile .menu > .wrap {width: 100%; height: 100%; border-top: 8px solid #0d2ea0; border-bottom: 8px solid #0d2ea0; position: relative;}

    #gnb-mobile .box1 {position: absolute; right: 60px; top:20px;}
    #gnb-mobile .box1 span {color: var(--white); font-size: 40px;}

    #gnb-mobile #Accordion_wrap {padding: 100px 40px;}
    #gnb-mobile .box2 .que{position: relative;padding: 17px 0;cursor: pointer;font-size: 28px; color: var(--white);}
    #gnb-mobile .box2 .que::before{display: inline-block;	_content: 'Q';font-size: 14px;color: #006633;margin: 0 5px;}
    #gnb-mobile .box2 .que.view {border-bottom: 1px solid var(--gray-dd);}
    #gnb-mobile .box2 .que.view>span{font-weight: bold;}
    #gnb-mobile .box2 .anw {display: none; overflow: hidden; font-size: 16px; padding: 18px 40px 40px; color: var(--white);}
    #gnb-mobile .box2 .anw::before {display: inline-block; _content: 'A'; font-size: 14px; font-weight: bold; color: #666; margin: 0 5px;}
    #gnb-mobile .box2 .anw .wrap2 {display: grid; gap: 14px;}
	#gnb-mobile .box2 .anw .wrap2 a {color:#ffffff;}
    #gnb-mobile .box2 .arrow-wrap {position: absolute; top:50%; right: 10px; transform: translate(0, -50%);}
    #gnb-mobile .box2 .que .arrow-top {display: none;}
    #gnb-mobile .box2 .que .arrow-bottom {display: block;}
    #gnb-mobile .box2 .que.view .arrow-bottom {display: none;}
    #gnb-mobile .box2 .que.view .arrow-top {display: block;}

    #gnb-mobile .box3 {position: absolute; bottom: 40px; left: 0; width: 100%;}
    #gnb-mobile .box3 .wrap {position: relative; display: flex; gap: 14px; align-items: center; justify-content: center;}
    #gnb-mobile .box3 .wrap a {color: var(--white);}
    #gnb-mobile .box3 .wrap div {width: 1px; height: 16px; background-color: var(--white);}
    /*/// gnb-mobile 끝 ///*/

    #header .gnb_wrap {height: auto !important;}
    #header .gnb_wrap .inner {padding: 20px var(--gap2);}
    #header .gnb_wrap .inner .logo img {height: 42px;}
    .gnb {display: none;}

    #main_sec01 .swiper-slide {background-size: cover;}

    .main_SC2 .SC2_product {width: calc(100% - 80px); grid-template-columns: 1fr; gap: 14px;}
    .main_SC2 .SC2_product .item1 {grid-column: 1/2; grid-row: 1/2;}
    .main_SC2 .SC2_product .item2 {grid-column: 1/2; grid-row: 2/3;}
    .main_SC2 .SC2_product .item3 {grid-column: 1/2; grid-row: 3/4;}
    .main_SC2 .SC2_product .item4 {grid-column: 1/2; grid-row: 4/5;}
    .main_SC2 .SC2_product .item5 {grid-column: 1/2; grid-row: 5/6;}

    .main_SC3::after {width: 50%;}
    .sc3_Wimg img:first-child {left: 0;}
    .sc3_tag {margin-top: 100px;}
    .sc3_tag h3 {font-size: 32px; padding-top: 80px; padding-right: 40px;}
    .sc3_img {margin:60px var(--gap2) 140px;}
    .sc3_Wimg img:nth-child(2) {margin-top: 0;}
    .S3side {bottom: 0;}

    #main_sec4 {background: url('/img/main/main_sec04_bg.jpg') no-repeat center;}
    #main_sec4 .wrap {padding: 80px var(--gap2); width: 100%; gap: 14px;}
    #main_sec4 .wrap a {padding: 40px; background: rgba(255,255,255,0.3);}
    #main_sec4 .wrap a:hover {padding: 45px; background: rgba(255,255,255,0.5);}

    .Mnotice_info {width: 100%;}
    .Mn_infoset {padding: 0; width: auto; height: auto;}
    .Mn_infoset:nth-child(2), .Mn_infoset:last-child a {padding: 14px 20px;}
    #main_sec05 .wrap {display: grid; gap: 40px;}

    #main_sec06 .wrap {display: grid; gap: 60px;}
    #main_sec06 .wrap .content {justify-content: center;}

	/* SUB */
	.sub_visual h1 {font-size:32px; padding:140px 0 40px;}
	.snb {padding:0;}
	.snb li.Non a {padding:14px 0; width:100%; height:100%; display:block;}

	/* sub0101 */
	.ceo_top h1 {margin:0 0 20px;}
	.ceo_top h1::before {margin-bottom:20px; margin-left:0;}
	.ceo_info {margin-left:0;}
	.ceo_top {display:grid; justify-content:initial;}
	.ceo_img {margin-bottom:40px; display:grid; grid-template-columns:1fr 1fr; height:260px; overflow:hidden;}
	.ceo_img img:first-child {margin-top:0;}
	.ceo_img img:last-child {margin-left:0;}
	.ceo_info {margin-top:0;}
	.ceo_info p, .ceo_info p span, .ceo_info p:first-child {font-size:16px;}

	/* sub0102 */
	#sub01_02 {margin:0 auto 80px;}
	.way_L h1::before {margin-bottom:20px;}
	.way_flex {display:grid; justify-content:inherit;}
	.way_info {margin:20px 0; display:grid; grid-template-columns:repeat(3, 1fr); padding:40px; border-radius:14px;}
	#sub01_02 .way_R, #sub01_02 .way_R .root_daum_roughmap {width:100% !important;}
	#sub01_02 .root_daum_roughmap .wrap_map {height:400px !important;}

	/* sub0201 */
	.sub2_title {margin:0 0 40px;}
	.sub2_flex {grid-template-columns:repeat(2, 1fr);}
	.sub21_set:nth-child(2), .sub21_set:nth-child(5), .sub21_set:nth-child(8) {margin-top:0;}

	/* sub0202 */
	.sub22_in {width:100%; margin:0;}
	.sub22_flex::after {top:-420px; bottom:auto; left:auto; right:280px; transform:rotate(270deg); z-index:-1;}
	.sub22_flex .sub21_set:last-child {margin-top:0;}
	#sub02_04 .set21_text {margin-top:20px;}

	.sub02I_top {justify-content:space-between;}
	.sub02I_T21 {margin-left:0;}
	.IN21I_set img {width:100%; margin:40px 0;}

	/* sub0203 */
	.sub23_photo {display:none;}
	.sub23_flex {grid-template-columns:repeat(2, 1fr);}
	.set21_text {margin:20px 0;}
	.sub21_set {padding:20px;}

	/* sub0204 */
	.sub22_flex::after {display:none;}
	#sub02_04 {margin:80px auto;}
	#sub02_04 .sub22_flex .sub21_set:nth-child(even) {margin-top:0;}
	#sub02_04 .sub22_flex .sub21_set img {width:fit-content;}

	/* sub0205 */
	#sub02_05 .sub25_flex {grid-template-columns:repeat(2, 1fr); margin:40px 0 80px; gap:14px;}
	#sub02_05 .sub25_set {margin:0; padding:20px;}

	/* sub0301 */
	#sub03_01 .input_box {margin-bottom:14px; justify-content:space-between; display:grid; grid-template-columns: 1fr 1fr; gap:20px;}
	#sub03_01 .input_box input {width:100%; height:42px;}
	#sub03_01 .input_box h3 {font-size:18px;}
	.table_div {margin:40px 0; background-color:#dddddd;}
	.inquiry_top h1 {margin-left:40px;}
	.inquiry_top h1::before {margin-left:0; margin-bottom:20px;}


}


@media screen and  (max-width:780px) {
    :root {
        --gap1: 40px;
        --gap2: 14px;
    }

    .probox_set {padding: 14px;}
    .main_SC2 .SC2_product {width: calc(100% - 28px); gap: 8px;}
    .main_SC2 .SC2_product .probox_set {border-radius: 8px;}
    .S3side {left:var(--gap2); bottom: 20px;}
    .sc3_tag {margin-right: -40px; margin-top: 40px;}
    .sc3_tag::after {width: 70%; height: 220px;}
    .sc3_tag h3 {padding-right: 80px; font-size: 28px;}
    .sc3_Wimg img:first-child {width: 400px; left: -40px;}

    #gnb-mobile {right: 20px;}

    #main_sec4 .wrap {grid-template-columns: 1fr;}
    #main_sec06 .wrap {justify-content: initial;}
    #main_sec06 .wrap .content {justify-content: space-around;}

    .footer_top {justify-content: center;}
    .footer_top, .foote_info {padding: 14px 0;}
    .foote_info {display: grid; justify-content: center;}
    .foote_img {margin-top: 14px; text-align: center;}

	/* SUB */
	.ceo_img {grid-template-columns:50% 50%;}
	.IN21I_set {padding:0;}
	.IN21I_set h1 {margin-left:14px;}
	.IN21I_set img {margin:40px 0 60px;}

	.way_L h1 {font-size:24px;}
	.way_info {padding:20px; grid-template-columns:1fr;}
	.wayI_set {margin-bottom:20px; display:flex; gap:20px; align-items:center;}
	.way_info h2 {font-size:18px;}
	.way_info p {margin:0;}
	.sub_way h3 {padding:20px 0;}

	.sub21_set {padding:14px;}
	#sub02_04 .sub22_flex .sub21_set img {height:130px;}
	.sub02I_info {margin:80px auto;}
	.sub22_flex {flex-wrap:initial;justify-content:center;}
	.sub02I_top {display:block; text-align:center;}
	.sub02I_T1::after {background-color:transparent; display:none;}
	.sub02I_T1 img {margin-left:0; width:100%;}

	#sub03_01 .sub_inWrap {padding:20px;}
	#sub03_01 .input_box {gap:14px;}
	.sub03_bg, .sub_inWrap {padding:20px;}
	.sub03_Wrap .sub_way h3 {padding:14px 0;}
	#sub03_01 textarea {padding:14px;}
	#sub03_01 .sub3_last {margin:20px auto 40px;}
	#sub03_01 .check_box_align {justify-content:left;}
	#sub03_01 .input_add input[type=text] {width:100%;}
}


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

    #top_btn {display: none;}
    .swiper_text img:first-child {width: 40vw;}
    .swiper_text img:nth-child(2n) {width: 80vw;}
    .swiper_text img:last-child {width: 80vw; left: 50%;}

    .SC2_title h1::after {left: 10%;}
    .SC3_title h1::after {left: 10%;}

	#sub02_04 .sub22_flex .sub21_set img {height:auto; width:50%;}
	.IN21I_set img {margin:20px 0;}

    .SC3_title {padding: 0 14px; display: grid; justify-content: initial;}
    .sc3_Ttext {width: 100%;}
    .sc3_img {margin:40px var(--gap2) 140px;}
    .sc3_tag h3 {color: var(--gray-70);}
    .sc3_tag::after {display: none;}

    #main_sec05 .wrap {justify-content: initial;}
    #main_sec05 .Mn_Fin {display: block;}
    #main_sec06 .wrap .content {display: grid; gap: 40px;}
    #gnb-mobile .box1 {right: 20px; top: 14px;}
    #gnb-mobile .box2 .que {font-size: 22px;}

    .footT_set a {margin:0;}

	/* SUB */
	.sub_visual h1 {font-size:24px; padding:80px 0 20px;}
	.snb a {font-size:16px;}
	.sub_inWrap {padding:20px;}
	.sub_way h3 {padding:14px 0;}
	.ceo_img {height:auto;}
	.ceo_img img {width:100%;}

	#sub01_02 {margin:0 auto 40px;}
	.way_info {gap:14px;}
	.wayI_set {margin-bottom:0;}
	.sub2_flex, .sub22_flex, #sub02_05 .sub25_flex, .sub23_flex {grid-template-columns:repeat(1, 1fr); width:100%;}
	#sub02_04 .sub22_flex .sub21_set {width:100%;}
	#sub03_01 .input_box {grid-template-columns:1fr;}
	#sub03_01 .sub_inWrap {padding:14px;}
	#sub03_01 .inquiry_top h1 {font-size:24px; margin-left:0;}
	#sub03_01 .input_box h3, .input_F h3, .input_F2 h3, .input_add h3, .input_auto h3 {text-align:left;}


}


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


}