@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');
/*
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap')
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css?family=Play');
*/

/* =============================================
    초기화
============================================= */
html,
body { height: 100%;width: 100%;margin: 0;padding: 0;left: 0;top: 0;color: #666666;font-family:"Noto Sans KR", sans-serif;line-height: 1.2;font-weight: 400;}
/* html { font-size:62.5%; } */
html { font-size:10px; }
body { font-size:1.4rem; }
* { padding: 0; margin: 0; word-break:keep-all; box-sizing:border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
/* body {margin:0;padding:0;font-size: inherit;font-family:"NanumSquare", sans-serif;} */
/*body {margin:0;padding:0;font-size: inherit;font-family:'Titillium Web', sans-serif !important;}*/
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;font-weight: 500;}
p {margin:0;padding:0;word-break:keep-all;line-height: 1.5;letter-spacing: -0.025em;}

li, ol, ul { list-style: none; margin: 0;padding: 0;}
a { text-decoration: none !important; }

/* =============================================
		CSS Document
============================================= */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }

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

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

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

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

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

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

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


[class*="col-"] {
	float: left; 
	box-sizing:border-box;
	width:100%;
}

.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; }

img { display:inline-block; max-width:100%; height:auto; }

/*
min-width:1170px     ---  pc
min-width:992px     ---  tb
min-width:768px     ---  mo
min-width:479px     ---  sm
*/
@media (min-width:479px){

}

@media (min-width:768px){
	.col-mo-12 { width: 100%; }
	.col-mo-11 { width: 91.66666667%; }
	.col-mo-10 { width: 83.33333333%; }
	.col-mo-9 { width: 75%; }
	.col-mo-8 { width: 66.66666667%; }
	.col-mo-7 { width: 58.33333333%; }
	.col-mo-6 { width: 50%; }
	.col-mo-5 { width: 41.66666667%; }
	.col-mo-4 { width: 33.33333333%; }
	.col-mo-3 { width: 25%; }
	.col-mo-2 { width: 16.66666667%; }
	.col-mo-1 { width: 8.33333333%; }
}

@media (min-width:992px){
	.col-tb-12 { width: 100%; }
	.col-tb-11 { width: 91.66666667%; }
	.col-tb-10 { width: 83.33333333%; }
	.col-tb-9 { width: 75%; }
	.col-tb-8 { width: 66.66666667%; }
	.col-tb-7 { width: 58.33333333%; }
	.col-tb-6 { width: 50%; }
	.col-tb-5 { width: 41.66666667%; }
	.col-tb-4 { width: 33.33333333%; }
	.col-tb-3 { width: 25%; }
	.col-tb-2 { width: 16.66666667%; }
	.col-tb-1 { width: 8.33333333%; }
}

@media (min-width:1200px){
	.col-pc-12 { width: 100%; }
	.col-pc-11 { width: 91.66666667%; }
	.col-pc-10 { width: 83.33333333%; }
	.col-pc-9 { width: 75%; }
	.col-pc-8 { width: 66.66666667%; }
	.col-pc-7 { width: 58.33333333%; }
	.col-pc-6 { width: 50%; }
	.col-pc-5 { width: 41.66666667%; }
	.col-pc-4 { width: 33.33333333%; }
	.col-pc-3 { width: 25%; }
	.col-pc-2 { width: 16.66666667%; }
	.col-pc-1 { width: 8.33333333%; }
}

/* =============================================
    레이아웃
============================================= */
.wrap { width: 100%; }
.container { margin: 0 auto; }
.relative {position: relative;}

/* =============================================
    폼
============================================= */
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
.submit_btn { width:100%; }


/* =============================================
    수정 레이아웃
============================================= */
.container { max-width: 1620px; padding-left: 3rem; padding-right: 3rem; box-sizing:border-box; }
.row { margin-left: -1.0rem; margin-right: -1.0rem; }
[class*="col-"] {
	padding: 0 1.0rem;
}
.bgGray { background:#f7f7f7; } 


@media (max-width:1890px){

}

@media (max-width:1200px){
	.view_1200 { display:block; }
}

@media (max-width:992px){
	html { font-size:9.5px; }

	.view_992 { display:block; }
}

@media (max-width:768px){
	html { font-size:9px; }

	.view_768 { display:block; }
}

@media (max-width:479px){
	html { font-size:8.5px; }

	.view_479 { display:block; }




}

@media (max-width:375px){
	html { font-size:8px; }

	.view_375 { display:block; }
}





html.show { overflow:hidden; }


.header { background:#fff; }
.header .container { padding-left: 0; padding-right: 0; display:flex; justify-content:space-between; align-items:center; }
.header .m_logo { font-size:0; }
.header .m_logo,
.header .right_box { width:151px; }

.header .gnb { display:flex; align-items:center; justify-content:center; }
.header .gnb .de1_ul { display:flex; align-items:center; justify-content:center; }
.header .gnb .de1_ul .de1_li { position:relative; }
.header .gnb .de1_ul .de1_li .de1_a { font-size:1.8rem; color:#3a3a3a; font-weight: 500; display:flex; height:105px; align-items:center; text-align: center; justify-content:center; padding: 0 3rem; box-sizing:border-box; }
.header .gnb .de1_ul .de1_li .de2_ul { background:#fff; border-radius:10px; position:absolute; text-align: center; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); width:calc(100% + 3.2rem); left:-1.6rem; margin-top: -2.3rem; padding: 2rem 0; box-sizing:border-box; display:none; z-index:3; }
.header .gnb .de1_ul .de1_li .de2_ul .de2_li { padding: 0.8rem 0; box-sizing:border-box; }
.header .gnb .de1_ul .de1_li .de2_ul .de2_li .de2_a { display:block; font-size:1.6rem; color:#222; }


.header .right_box { display:flex; align-items:center; justify-content:end; } 
.header .right_box .lang { position:relative; }
.header .right_box .lang label { font-family: var(--mont); font-weight: 700; font-size:1.6rem; color:#3a3a3a; display:flex; align-items:center; padding-right: 22px; box-sizing:border-box; position:relative; cursor:pointer; }
.header .right_box .lang label span { display:inline-block; }
.header .right_box .lang label i { display:inline-block; width:10px; height:10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; box-sizing:border-box; transform:rotate(45deg); transform-origin: center; transition:all 0.5s; position:absolute; right:0; top:50%; margin-top: -7.7px; }
.header .right_box .lang .list { display:none; width:80px; padding: 2rem 0; box-sizing:border-box; border-radius:0 10px 10px 10px; background:var(--main_c1); position:absolute; left:2px; top:26px; z-index:3; }
.header .right_box .lang .list li { text-align: center; margin-top: 6px; }
.header .right_box .lang .list li:first-child { margin-top: 0; }
.header .right_box .lang .list li a { font-family: var(--mont); font-size:1.6rfem; color:#eaeaea; } 

.header .right_box .lang.show label i { transform:rotate(-135deg); margin-top: 0; margin-bottom: -7.7px; }

.header .right_box .lang_type02 { position:relative; }
.header .right_box .lang_type02 label { cursor:pointer; display:inline-flex; background:#fff; width:30px; height:30px; align-items:center; justify-content:center; text-align: center; border-radius:50%; overflow:hidden; }
.header .right_box .lang_type02 .list { display:none; width:100px; padding: 2.5rem 1rem; box-sizing:border-box; border-radius:10px; background:#f7f7f7; position:absolute; right:0; top:38px; z-index:3; }
.header .right_box .lang_type02 .list li { margin-top: 15px; }
.header .right_box .lang_type02 .list li:first-child { margin-top: 0; }
.header .right_box .lang_type02 .list li a { display:flex; width:100%; align-items:center; font-size:14px; color:#000; }
.header .right_box .lang_type02 .list li a img { margin-right: 6px; }


/****** Toggle03 ******/
.Toggle03 { display:inline-block; width: 32px; height: 27px; position:relative; cursor:pointer; z-index:101; margin-left: 4.4rem; }
.Toggle03 .bar { display: block;  width: 0px;  height: 3px; background-color: var(--main_c1);  margin-top: 12px; position: relative; border-radius:5px;}
.Toggle03 .bar:before {  content:'';  width: 19px;  height: 3px; background-color: var(--main_c1);  position: absolute; left: 0; bottom: 0;  transition: transform 0.3s; border-radius:5px;}
.Toggle03 .bar:after {  content:'';  width: 19px;  height: 3px;  background-color: var(--main_c1);  position: absolute; left: 0; bottom: 0;  transition: transform 0.3s; border-radius:5px;}
.Toggle03.show span:before { transform: rotate(45deg);  transition: all 0.3s 0.8s; background:#fff; width:32px; }
.Toggle03.show span:after { transform: rotate(-45deg);  transition: all 0.3s 0.8s; background:#fff; width:32px; }
.Toggle03:before {  content:'';  width: 32px; height: 3px;  background-color: var(--main_c1); position: absolute; right: 0; bottom: 0;  transition: width 0.3s 0.4s; border-radius:5px; }
.Toggle03:after {  content:'';  width: 32px; height: 3px;  background-color: var(--main_c1); position: absolute; left: 0; top: 0;  transition: width 0.3s 0.4s; border-radius:5px; }
.Toggle03.show:before {  width: 0; right: 0; bottom: 0;}
.Toggle03.show:after {  width: 0; left: 0; top: 0;}


.header .m_gnb { position:fixed; top:0; width:100%; height:100%; background: linear-gradient(-45deg, #20bd80 -20%, #004e4f); z-index:11; display:none; }
.header .m_gnb .container { padding-left: 3rem !important; padding-right: 3rem !important; }
/*
.header .m_gnb .all_gnb {  }
.header .m_gnb .all_gnb .m_logo { border-bottom: 1px solid rgba(255, 255, 255, 0.2); box-sizing:border-box; width:100%; padding: 2.5rem 0; box-sizing:border-box;}
.header .m_gnb .all_gnb .m_logo .container {  }
.header .m_gnb .all_gnb .m_logo a {  }
.header .m_gnb .all_gnb .m_logo .m_lang { display:none; }

.header .m_gnb .all_gnb .inner { padding-top: 5rem; box-sizing:border-box; }
.header .m_gnb .all_gnb .inner .de1_ul { width:100%; }
.header .m_gnb .all_gnb .inner .de1_ul .de1_li { display:flex; align-items:end; border-top: 2px dotted rgba(255, 255, 255, 0.4); box-sizing:border-box; padding: 4.6rem 0 5rem; }
.header .m_gnb .all_gnb .inner .de1_ul .de1_li:first-child { border-top: 0; }
.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a { font-size:3rem; color:#dadada; font-weight: 600; display:block; width:250px; }
.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul { display:flex; align-items:center; width:calc(100% - 250px); }
.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li { width:20%; }
.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:2.4rem; color:#fff; font-weight: 600; }
*/

.header .m_gnb .all_gnb { height:100%; overflow-y: scroll; }
.header .m_gnb .all_gnb .m_logo { width:100%; padding: 2.5rem 0; box-sizing:border-box; }
.header .m_gnb .all_gnb .m_logo .container {  }
.header .m_gnb .all_gnb .m_logo a {  }
.header .m_gnb .all_gnb .m_logo .m_lang { display:none; }

.header .m_gnb .all_gnb .inner { height:calc(100% - 10.4rem); display:flex; align-items:center; justify-content:center; flex-direction:column; }
.header .m_gnb .all_gnb .inner .de1_ul { display:flex; align-items:start; justify-content:space-between; width:100%; }
.header .m_gnb .all_gnb .inner .de1_ul .de1_li {  }
.header .m_gnb .all_gnb .inner .de1_ul .de1_li:first-child {  }
.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a { font-size:2.2rem; color:#fff; font-weight: 600; }
.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul { margin-top:4rem; }
.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li { margin-top: 12px; }
.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li:first-child { margin-top: 0; }
.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:1.8rem; color:#fff; }

.header .m_gnb .all_gnb .inner .gnb_ft { width:100%; border-top: 1px solid rgba(255, 255, 255, 0.3); box-sizing:border-box; margin-top: 13rem; }
.header .m_gnb .all_gnb .inner .gnb_ft .fnb { display:flex; align-items:top; justify-content:space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.3); box-sizing:border-box; padding: 3.1rem 0; }
.header .m_gnb .all_gnb .inner .gnb_ft .fnb .fnb_list { display:flex; align-items:center; margin-left: -3.8rem; }
.header .m_gnb .all_gnb .inner .gnb_ft .fnb .fnb_list li { margin-left: 3.8rem; }
.header .m_gnb .all_gnb .inner .gnb_ft .fnb .fnb_list li a { font-size:1.6rem; color:#fff; font-weight: 500; }

.header .m_gnb .all_gnb .inner .gnb_ft .info_line {  }
.header .m_gnb .all_gnb .inner .gnb_ft .info_line .info { display:flex; align-items:center; margin: 32px 0 20px; }
.header .m_gnb .all_gnb .inner .gnb_ft .info_line .info li { display:flex; align-items:center; }
.header .m_gnb .all_gnb .inner .gnb_ft .info_line .info li span { display:inline-block; font-size:14px; color:#ccc; }
.header .m_gnb .all_gnb .inner .gnb_ft .info_line .info li span:before { content:""; display:inline-block; width:1px; height:10px; background:rgba(255, 255, 255, 0.3); margin: 0 2.2rem; }
.header .m_gnb .all_gnb .inner .gnb_ft .info_line .info li span:first-child:before { display:none; }



.footer { background:#111; padding-bottom: 5.8rem; box-sizing:border-box; }
.footer .fnb { display:flex; align-items:top; justify-content:space-between; border-bottom: 1px solid #343434; box-sizing:border-box; padding: 3.1rem 0; }
.footer .fnb .fnb_list { display:flex; align-items:center; margin-left: -3.8rem; }
.footer .fnb .fnb_list li { margin-left: 3.8rem; }
.footer .fnb .fnb_list li a { font-size:1.6rem; color:#fff; font-weight: 500; }

.footer .fnb .all_company { position:relative; }
.footer .fnb .all_company label { width:225px; height:38px; display:flex; border-top: 1px solid #666; border-bottom: 1px solid #eee; box-sizing:border-box; font-size:1.6rem; color:#dadada; padding: 0 5px; height:38px; align-items:center; justify-content:space-between; cursor:pointer; }
.footer .fnb .all_company label:after { content:"\f106"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size:1.8rem; transition:all 0.5s; }
.footer .fnb .all_company .list { width:225px; height:200px; position:absolute; bottom:51px; border-radius:30px 30px 30px 0; background:var(--main_c1); padding-bottom: 1.5rem; box-sizing:border-box; z-index:4; display:none; }
.footer .fnb .all_company .inner { padding: 2.6rem 3rem 0; height:100%; overflow-y:scroll; box-sizing:border-box; }
.footer .fnb .all_company .inner li { margin-top: 11px; }
.footer .fnb .all_company .inner li:first-child { margin-top: 0; }
.footer .fnb .all_company .inner li a { font-size:1.6rem; color:#fff; }

.footer .fnb .all_company.show label:after { transform:rotateX(-180deg); }

.footer .info_line {  }
.footer .info_line .info { display:flex; align-items:center; margin: 32px 0 20px; }
.footer .info_line .info li { display:flex; align-items:center; }
.footer .info_line .info li span { display:inline-block; font-size:14px; color:#aaa; }
.footer .info_line .info li span:before { content:""; display:inline-block; width:1px; height:10px; background:#626262; margin: 0 2.2rem; }
.footer .info_line .info li span:first-child:before { display:none; }
.footer .copyright { font-size:14px; color:#aaa; text-transform: uppercase; }
.footer .copyright strong { font-weight: 600; }


.top_fixed { position:fixed; right:2rem; bottom:2rem; z-index:5; }
.top_fixed a { display:flex; width:90px; height:90px; align-items:center; justify-content:center; text-align: center; transition:all 0.5s; background:#032523; font-size:1.6rem; color:#fff; font-weight: 500; font-family: var(--mont); flex-direction:column; }
.top_fixed a i { display:block; margin-bottom: 6px; }
.top_fixed a i:before { content:"\f106"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size:1.8rem; font-style: normal; color:#666; }

.top_fixed a:hover { border-radius:50%; }


.fancybox-slide--iframe .fancybox-content { width: 1200px; height: 600px; max-width: 80%; max-height: 90%; margin: 0; }



.sub-head { background-size:cover; }
.sub-head .container { height:400px; display:flex; align-items:end; justify-content:space-between; padding-bottom: 5.6rem; box-sizing:border-box; }
.sub-head .sub_tit { font-size:8rem; color:#fff; font-weight: 600; opacity:0.7; }
.sub-head .nav { display:flex; align-items:center; padding-bottom: 12px; box-sizing:border-box; width:auto; }
.sub-head .nav > span { display:flex; align-items:center; }
.sub-head .nav > span > a { font-size:1.6rem; color:#dadada; }
.sub-head .nav > span:before { content:""; display:inline-block; width:4px; height:4px; border-radius:50%; background:#dadada; margin: 0 3rem; }
.sub-head .nav > span:first-child:before { display:none; }
.sub-head .nav .home {  }
.sub-head .nav .home i { margin-right: 6px; font-size:1.4rem; }
.sub-head .nav .slide_down { position:relative; }
.sub-head .nav .slide_down > a { display:flex; align-items:center; }
.sub-head .nav .slide_down > a:after { content:"\f107"; font-size:12px; color:#dadada; font-weight: 600; font-family: "Font Awesome 5 Free"; padding-top: 3px; box-sizing:border-box; margin-left: 2.5rem; transition:all 0.3s; }
.sub-head .nav .slide_down.active > a:after { transform:rotateZ(180deg); }
.sub-head .nav .slide_down ul { display:none; border-radius:0 30px 30px 30px; background:var(--main_c1); padding-bottom: 1.5rem; box-sizing:border-box; z-index:4; position:absolute; top:25px; left:6.4rem; width:200px; padding: 2rem 3rem; }
.sub-head .nav .slide_down ul li { margin-top: 11px; }
.sub-head .nav .slide_down ul li:first-child { margin-top: 0; }
.sub-head .nav .slide_down ul li a { font-size:1.6rem; color:#fff; }
.sub-head .nav .nav_de2 > a { color:#fff; font-weight: 600; }



.sub-head.bg10.s1010 { background-image:url(../img/content/shead01_1.png); }
.sub-head.bg10.s1020 { background-image:url(../img/content/shead01_2.png); }
.sub-head.bg10.s1030 { background-image:url(../img/content/shead01_3.png); }
.sub-head.bg10.s1040 { background-image:url(../img/content/shead01_4.png); }

.sub-head.bg20.s2010 { background-image:url(../img/content/shead02_1.png); }
.sub-head.bg20.s2020 { background-image:url(../img/content/shead02_2.png); }
.sub-head.bg20.s2030 { background-image:url(../img/content/shead02_3.png); }
.sub-head.bg20.s2040 { background-image:url(../img/content/shead02_4.png); }
.sub-head.bg20.s2050 { background-image:url(../img/content/shead02_5.png); }

.sub-head.bg30.s3010 { background-image:url(../img/content/shead03_1.png); }
.sub-head.bg30.s3020 { background-image:url(../img/content/shead03_2.png); }
.sub-head.bg30.s3030 { background-image:url(../img/content/shead03_3.png); }
.sub-head.bg30.s3040 { background-image:url(../img/content/shead03_4.png); }
.sub-head.bg30.s3050 { background-image:url(../img/content/shead03_5.png); }

.sub-head.bg40 { background-image:url(../img/content/shead04.png); }
.sub-head.bg50 { background-image:url(../img/content/shead05.png); }
.sub-head.bg60 { background-image:url(../img/content/shead06.png); }


.sub-head.bg70.s7010 { background-image:url(../img/content/shead03_1.png); }
.sub-head.bg70.s7020 { background-image:url(../img/content/shead03_2.png); }
.sub-head.bg70.s7030 { background-image:url(../img/content/shead03_3.png); }
.sub-head.bg70.s7040 { background-image:url(../img/content/shead03_4.png); }

.sub-head.bg80.s8010 { background-image:url(../img/content/shead04_1.png); }
.sub-head.bg80.s8020 { background-image:url(../img/content/shead04_2.png); }
.sub-head.bg80.s8030 { background-image:url(../img/content/shead04_3.png); }
.sub-head.bg80.s8040 { background-image:url(../img/content/shead04_4.png); }
.sub-head.bg80.s8050 { background-image:url(../img/content/shead04_5.png); }



.sub_ctt { padding: 12rem 0 20rem; box-sizing:border-box; }

.pg_wrap { float: none; text-align: center; }
.pg_wrap .pg { font-size:0; }
.pg_wrap .pg_page { text-indent: 0 !important; }
.pg_wrap .pg_arrow { background:#f7f7f7; width:40px; height:40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; text-align: center; border: 1px solid #dadada; }
.pg_wrap .pg_num { width:40px; height:40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; text-align: center; border: 1px solid #dadada; font-size:1.8rem; color:#aaa; font-weight: 500; background:#fff; font-family: var(--mont); margin-left: 1rem; }
.pg_wrap .pg_current { background:var(--main_c2); color:#fff; font-weight: 700; }
.pg_wrap .pg_start { margin-right: 1rem; }
.pg_wrap .pg_prev { margin-right: 3rem; }
.pg_wrap .pg_end { margin-left: 1rem; }
.pg_wrap .pg_next { margin-left: 4rem; }





@media (max-width:1620px){

	.main_ctt { overflow:hidden; }

	.container { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }


}


@media (max-width:1400px){

	.header .gnb .de1_ul .de1_li .de1_a { padding: 0 3.5rem; }

	.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a { width:200px; font-size:2.4rem; }
	.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:2rem; }
	.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul { width: calc(100% - 200px); }

	.header .m_gnb .all_gnb .inner { display:block; }
	.header .m_gnb .all_gnb .inner .de1_ul { flex-wrap:wrap; }
	.header .m_gnb .all_gnb .inner .de1_ul .de1_li { width:33.33%; margin-top: 5rem; }
	
	.header .m_gnb .all_gnb .inner .gnb_ft { padding-bottom:2rem; box-sizing:border-box; }

 
}


@media (max-width:1200px){

	.header { padding: 2rem 0; box-sizing:border-box; }
	.header .gnb { display:none; }

	.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a { width:170px; font-size:2.2rem; }
	.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:1.8rem; }
	.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul { width: calc(100% - 170px); }

	.footer .info_line .info { margin: 3rem 0 3.4rem; }
	.footer .info_line .info li { flex-wrap:wrap; }
	.footer .info_line .info li span:first-child { width:100%; margin-bottom: 14px; }
	.footer .info_line .info li span:nth-child(2):before { display:none; }

 
}


@media (max-width:992px){

	.header .m_gnb { overflow-y:scroll; }

	.header .m_gnb .all_gnb .m_logo { padding: 2rem 0; }
	.header .m_gnb .all_gnb .m_logo .container { display:flex; align-items:center; justify-content:space-between; padding-left: 1.5rem !important; padding-right: 75px !important; }
	.header .m_gnb .all_gnb .m_logo .m_lang { display:block; font-size:0; }
	.header .m_gnb .all_gnb .m_logo .m_lang li { display:inline-block; vertical-align: middle; margin-left: 22px; }
	.header .m_gnb .all_gnb .m_logo .m_lang li:first-child { margin-left: 0; }
	.header .m_gnb .all_gnb .m_logo .m_lang li a { font-size:16px; color:#fff; font-family: var(--mont); font-weight: 300; }

	.header .m_gnb .all_gnb .m_logo .cir_type li { margin-left: 14px; }
	.header .m_gnb .all_gnb .m_logo .cir_type li a { display:inline-flex; align-items:center; justify-content:center; text-align: center; border-radius:50%; width:30px; height:30px; overflow:hidden; }

	.header .m_gnb .all_gnb .inner .de1_ul { margin-top:3rem; }
	.header .m_gnb .all_gnb .inner .de1_ul .de1_li  { flex-direction:column; padding: 0; width:100%; margin-top: 0; }
	.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a { width:100%; font-size:22px; display:flex; align-items:center; justify-content:space-between; padding: 22px 20px 26px 10px; box-sizing:border-box; transition:all 0.5s; }
	.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a:after { content:"\f077"; font-family: "Font Awesome 5 Free"; color:#fff; opacity:0.4; font-size:18px; transform:rotateX(180deg); transition:all 0.5s; }
	.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul { flex-direction:column; width:100%; align-items:start; display:none; padding: 4px 10px 38px; box-sizing:border-box; }
	.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li { margin-top: 2.8rem; width:100%; }
	.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:18px; font-weight: 500; }
	.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li .de2_a:before { content:"·"; font-weight: 200; margin-right: 8px; }

	.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a.active { padding-bottom: 0; }
	.header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a.active:after { transform:rotateX(0deg); }
	
	.header .m_gnb .all_gnb .inner .gnb_ft { display:none; }



	.sub-head { position:relative; background-position: right top; }
	.sub-head:after { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0, 0, 0, 0.3); }
	.sub-head .container { position:relative; z-index:2; flex-direction:column; align-items:start; justify-content:center; padding-bottom: 0; height:300px; }
	.sub-head .sub_tit { font-size:6rem; }
	.sub-head .nav { padding-left: 1rem; margin-top: 3rem; padding-bottom: 0; }

	.sub-head.bg10.s1020 { background-position: left top; }


}


@media (max-width:768px){

	.sub-head { background-size:cover; }

}


@media (max-width:600px){

	.header .right_box .lang_type02 { display:none; }

	.sub-head .container { height:200px; }
	.sub-head .sub_tit { font-size:4rem; }

}


@media (max-width:479px){

	.footer .fnb .all_company label { width:195px; }
	.footer .fnb .all_company .list { width:195px; }


	.sub-head .nav .home { display:none; }
	.sub-head .nav .nav_de1:before { display:none; }


}