/* gnb */
.m-gnb { display:none; }
.gnb { float: left; margin-left: 8.333em; padding-top: calc(2.857em - 11px); box-sizing:border-box; }
.gnb .de1_ul {  }
.gnb .de1_ul .de1_li { float: left; position:relative; box-sizing:border-box; }
.gnb .de1_ul .de1_li .de1_a { font-size:1.143em; color:#3a3a3a; display:block; box-sizing:border-box; text-align: center; transition:color 0.5s; padding: 11px 1.729em; }
.gnb .de1_ul .de1_li:hover .de1_a { color:#f5a400; }
.gnb .de1_ul .de1_li .de2_ul { background:#fff; position:absolute; left:0; top:40px; width:100%; z-index:999; padding: 1em 0; box-sizing:border-box; box-shadow:1px 1px 5px 0 rgba(0, 0, 0, 0.2); display:none; }
.gnb .de1_ul .de1_li:hover .de2_ul { display:block; }
.gnb .de1_ul .de1_li .de2_ul .de2_li {  }
.gnb .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:1em; color:#666; display:block; text-align: center; padding: 0.3em 1em; box-sizing:border-box; transition:color 0.5s; }
.gnb .de1_ul .de1_li .de2_ul .de2_li .de2_a:hover { color:#f5a400; }



/* sub-header */
.sub-head { margin-top: 125px; border-top: 1px solid #dadada; box-sizing:border-box; background:#f2f0ec; text-align: center; min-height:215px; }
.sub-head ul { padding-top: 1.571em; padding-bottom: 3.929em; box-sizing:border-box; }
.sub-head ul li { display:inline-block; margin-left: 3.125em; }
.sub-head ul li:first-child { margin-left: 0; }
.sub-head ul li a { font-size:1.143em; color:#3a3a3a; }
.sub-head ul li.active a { font-weight: 600; border-bottom: 2px solid #666; }
.sub-head .tit { font-size:3.571em; color:#666; font-weight: 400; }

.sub-head .m-lnb { display:none; }




/* sub-footer */
.sub-foot {  }
.sub-foot .section01 { min-height:872px; background:url(../../../img/contents/bottom-line01_back.png) center center no-repeat; background-size:cover; }
.sub-foot .section01 .left-box { float: left; }
.sub-foot .section01 .left-box { padding-top: 8.929em; box-sizing:border-box; }
.sub-foot .section01 .left-box .stit { font-size:1.286em; color:#fff; font-weight: 400; margin-bottom: 1.667em; }
.sub-foot .section01 .left-box .tit { font-size:4.286em; color:#fff; font-weight: 500; }
.sub-foot .section01 .left-box .tit span { color:#f5a400; display:block; }
.sub-foot .section01 .left-box .txt { font-size:1.286em; color:#fff; line-height: 1.800em; margin-top: 7.500em; }


.sub-foot .section01 .right-box { float: right; padding-top: 5em; box-sizing:border-box; }
.sub-foot .section01 .right-box dl { width:620px; margin-right: -3.571em; }
.sub-foot .section01 .right-box dl dt,
.sub-foot .section01 .right-box dl dd { display:inline-block; height:232px; border-top: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 4px solid #f5a400; box-sizing:border-box; vertical-align: top; margin-bottom: 18px; }
.sub-foot .section01 .right-box dl dt { border-left: 1px solid #dadada; width:calc(100% - 242px); background-size:cover; }
.sub-foot .section01 .right-box dl dd { background:#fff; width:242px; margin-left: -4px; }
.sub-foot .section01 .right-box dl .img01 { background:url(../../../img/contents/bottom-line01_img01.png) center center no-repeat; margin-left: -3.571em; }
.sub-foot .section01 .right-box dl .img02 { background:url(../../../img/contents/bottom-line01_img02.png) center center no-repeat; }
.sub-foot .section01 .right-box dl .img03 { background:url(../../../img/contents/bottom-line01_img03.png) center center no-repeat; margin-left: -3.571em; }
.sub-foot .section01 .right-box dl .right-mg { margin-right: 0; }

.sub-foot .section01 .right-box dl dd { text-align: center; padding-top: 3.429em; }
.sub-foot .section01 .right-box dl dd .txt { font-size:1.286em; color:#3a3a3a; line-height: 1.222em; margin-bottom: 1.222em; }
.sub-foot .section01 .right-box dl dd .tit { font-size:1.857em; color:#f5a400; font-weight: 500; }



.sub-foot .section02 { min-height:650px; background:url(../../../img/contents/bottom-line02_back.png) center center; color:#fff; padding-top: 3.929em; box-sizing:border-box; }
.sub-foot .section02 .tit { font-size:3.571em; font-weight: 600; margin-bottom: 0.5em; }
.sub-foot .section02 .tit span { color:#f5a400; }
.sub-foot .section02 .txt { font-size:1.143em; color:#fff; font-weight: 500; }
.sub-foot .section02 .img { display:inline-block; margin-top: 5.357em; }



.sub-foot .section03 { background:#f7f7f7; padding: 4.643em 0 6.429em; box-sizing:border-box; }
.sub-foot .section03 .tit { font-size:1.571em; color:#666; font-weight: 400; text-align: center; position:relative; }
.sub-foot .section03 .tit span { font-weight: 600; color:#f5a400; }
.sub-foot .section03 .tit:after { content:""; display:inline-block; width:68px; height:1px; background:#dadada; position:absolute; left:50%; bottom:-1.5em; margin-left: -34px; }


.sub-foot .section03 dl { padding-left: 10px; box-sizing:border-box; width:calc(33% - 4px); display:inline-block; margin-top: 5.357em; }
.sub-foot .section03 dl.area01 { margin-left: -10px; }
.sub-foot .section03 dl dt,
.sub-foot .section03 dl dd { display:block; border: 0 !important; box-sizing:border-box; }
.sub-foot .section03 dl dt { border-top: 1px solid #dadada; text-align: center; font-size:1.286em; color:#fff; font-weight: 600; line-height: 2.778em; }
.sub-foot .section03 dl.area01 dt { background:#4f4d53; }
.sub-foot .section03 dl.area02 dt { background:#65636a; }
.sub-foot .section03 dl.area03 dt { background:#88858e; }
.sub-foot .section03 dl.area04 dt { background:#aba7b2; }

.sub-foot .section03 dl dd { padding: 2em 1em 2em; box-sizing:border-box; letter-spacing: -0.0625em; border: 0; }
.sub-foot .section03 dl dd ul {  }
.sub-foot .section03 dl dd ul li { margin-top: 1.286em; }
.sub-foot .section03 dl dd ul li:first-child { margin-top: 0; }
.sub-foot .section03 dl dd ul li i,
.sub-foot .section03 dl dd ul li > span,
.sub-foot .section03 dl dd ul li .txt { vertical-align: middle; }
.sub-foot .section03 dl dd ul li i { display:inline-block; width:67px; height:61px; margin-right: 0.714em; }
.sub-foot .section03 dl dd ul .tel i { background:url(../../../img/contents/bottom-line03_img01.png) no-repeat; }
.sub-foot .section03 dl dd ul .tel span,
.sub-foot .section03 dl dd ul .tel span a { font-size:1.714em; color:#3a3a3a; font-weight: 600; }
.sub-foot .section03 dl dd ul .kakao i { background:url(../../../img/contents/bottom-line03_img02.png) no-repeat; }
.sub-foot .section03 dl dd ul .kakao .txt { display:inline-block; }
.sub-foot .section03 dl dd ul .kakao .txt a { display:inline-block; width:100%; max-width:200px; line-height: 30px; background:#ffa002; color:#fff; font-weight: 600; border-radius:100px; padding: 0 1em; box-sizing:border-box; }
.sub-foot .section03 dl dd ul .kakao .txt p { font-size:1.071em; color:#666; }
.sub-foot .section03 dl dd ul .kakao .txt span { color:#3a3a3a; font-weight: 600; }




@media (max-width:1821px){

}

@media (max-width:1621px){

}

@media (max-width:1370px){

}


@media (max-width:1170px){

	.sub-foot .section01 .left-box,
	.sub-foot .section01 .right-box { width:50%; }
	.sub-foot .section01 .right-box dl { margin-right: 0; width:100%; }
	.sub-foot .section01 .right-box dl .img01,
	.sub-foot .section01 .right-box dl .img03 { margin-left: 0; }
	.sub-foot .section01 .right-box dl .img02 { background-position:left center; }


	.sub-foot .section03 dl dd ul .tel span { font-size:1.514em; }

}


@media (max-width:1023px){

	.pc-gnb { display:none; }
	.header .tnb,
	.header .hair-go { display:none; }


	.header .btn_toggle { position:absolute; top:4px; right:10px; }

	.header .btn_toggle a { display: block; width: 44px; height: 44px; line-height: 44px; text-align: center; color: #fff; box-sizing: border-box; padding: 7px 0 0 10px; }
	.header .btn_toggle a span { display: block; width: 25px; height: 3px; background-color: #fff; margin: 5px 0; transition: 0.4s; }

	.header .btn_toggle.show .bar1 { -webkit-transform: rotate(-45deg) translate(-6px, 6px); transform: rotate(-45deg) translate(-6px, 6px); }
	.header .btn_toggle.show .bar2 { opacity: 0; }
	.header .btn_toggle.show .bar3 { -webkit-transform: rotate(45deg) translate(-5px, -5px); transform: rotate(45deg) translate(-5px, -5px); }

	.m-tnb { padding: 1em 2em; box-sizing:border-box; }
	.m-tnb li:first-child { margin-bottom: 3px; }
	.m-tnb li a { display:block; font-size:1.1em; padding: 0.3em 0; box-sizing:border-box; text-align: center; color:#fff; border-radius:50px; font-weight: 600; }
	.m-tnb li a i { margin-right: 5px; }
	.m-tnb li.tnb_admin a { background:#666; }
	.m-tnb li.first a { background:#f5a400; }
	.m-tnb li.second a { background:#b2c6c6; }

	.m-gnb { display:block; }
	.m-gnb .inner { background:#fff; width:40%; height:100%; position:fixed; left:-100%; top:0; transition:all 0.5s; opacity:1; overflow-y:scroll; padding-bottom: 5em; z-index:10001;  }
	.m-gnb.show .inner { left:0; opacity:1;}
	.m-gnb .de1_ul { padding: 0 2em; box-sizing:border-box; }
	.m-gnb .de1_ul .de1_li { float: none; }
	.m-gnb .de1_ul .de1_li:first-child { border-top: 1px solid #dadada; }
	.m-gnb .de1_ul .de1_li .de1_a { border-bottom: 1px solid #dadada; box-sizing:border-box; display:block; font-size:1.4em; padding: 0.7em 1em; color:#3a3a3a; position:relative; transition:all 0.5s; }
	.m-gnb .de1_ul .de1_li .de1_a:after { content:"\f107"; font-family: "Font Awesome 5 Free"; font-weight: 600; position:absolute; right:1em; top:50%; margin-top: -9px; color:#666; }
	.m-gnb .de1_ul .de1_li.active .de1_a { background:#f7f7f7; color:#f5a400; }
	.m-gnb .de1_ul .de1_li.active .de1_a:after { content:"\f106"; color:#f5a400; }
	.m-gnb .de1_ul .de1_li .de2_ul { display:none; padding: 1em 2em; box-sizing:border-box; border-bottom: 1px solid #dadada; }
	.m-gnb .de1_ul .de1_li .de2_ul .de2_li {  }
	.m-gnb .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:1.2em; color:#666; padding: 1em; box-sizing:border-box; display:block; position:relative; }
	.m-gnb .de1_ul .de1_li .de2_ul .de2_li .de2_a:before { content:"\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 600; position:absolute; left:0; top:50%; margin-top: -9px; color:#cacaca; }

	.m-gnb .btn_toggle { position:absolute; right:1em; top:2em; transition:all 0.5s; z-index:999; background:#f5a400; z-index:10002; }
	.m-gnb .btn_toggle.show { position:fixed; right:1em; top:1em; margin-top: 0; background:transparent; }
	.m-gnb .btn_toggle.show span { background:; }
	.m-gnb .inner {  }
	.m-gnb .inner .cs-center { padding: 0 2em; box-sizing:border-box; }
	.m-gnb .inner .cs-center dl {  }
	.m-gnb .inner .cs-center dl dt { font-size:2.2em; color:#3a3a3a; font-weight: 600; margin-top: 1em; }
	.m-gnb .inner .cs-center dl dt i { color:#f5a400; margin-right: 0.5em; }
	.m-gnb .inner .cs-center dl dd { font-size:1.2em; color:#666; margin-top: 1em; }
	.m-gnb .inner .cs-center dl dd ul li { margin-bottom: 0.5em; position:relative; padding-left: 1em; box-sizing:border-box; padding-left: 1.5em; }
	.m-gnb .inner .cs-center dl dd ul li i { color:#aaa; margin-right: 0.3em; position:absolute; left:0; top:2px; }
	.m-gnb .inner .cs-center dl dd span { color:#f5a400; font-size:0.8em; display:block; font-weight: 600; }


	.m-gnb .m_hair-go { position:absolute; bottom:0; width:100%; }
	.m-gnb .m_hair-go a { display: inline-block; background: #8e946b; color: #fff; font-size: 1em; font-weight: 600; text-align: center; width: 100%; padding: 0.7em 0; box-sizing:border-box; }

	.m-dummy { position:fixed; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); transition:all 0.5s; z-index:10000; left:-100%; top:0; }
	.m-dummy.show { left:0; }


	.sub-foot .section01 .left-box { width:40%; padding-right: 1em; }
	.sub-foot .section01 .left-box .tit { font-size:3.286em; }
	.sub-foot .section01 .left-box .txt br { display:none; }
	.sub-foot .section01 .right-box { width:60%; }
	.sub-foot .section01 .right-box dl dt { width:calc(100% - 190px); }
	.sub-foot .section01 .right-box dl dd { width:190px; }



	.sub-foot .section02 { min-height:10px; padding: 5em 0; }

	.sub-foot .section03 .tit { margin-bottom: 2.5em; }
	.sub-foot .section03 dl { width:50%; margin-top: 1em; }
	.sub-foot .section03 dl.area03 { margin-left: -10px; }
	.sub-foot .section03 dl.area03 dd,
	.sub-foot .section03 dl.area04 dd { min-height:198px !important; }



}


@media (max-width:768px){

	.m-gnb .inner { width:60%; }


	.sub-foot .section01 { min-height:10px; padding: 5em 0 7em; box-sizing:border-box; }
	.sub-foot .section01 .left-box { width:100%; padding-top: 0em; }
	.sub-foot .section01 .left-box .stit { margin-bottom: 0.2em; }
	.sub-foot .section01 .left-box .tit { font-size:2.286em; }
	.sub-foot .section01 .left-box .tit span { display:inline-block; margin: 0 5px; }
	.sub-foot .section01 .left-box .txt { margin-top: 0.5em; }
	.sub-foot .section01 .right-box { width:100%; padding-top: 2em; }
	.sub-foot .section01 .right-box dl dt { width:calc(100% - 190px); }
	.sub-foot .section01 .right-box dl dd { width:190px; }
.
	.sub-foot .section03 dl.area03 dd,
	.sub-foot .section03 dl.area04 dd { min-height:192px !important; }

}


@media (max-width:479px){

	.header .btn_toggle { background:transparent; top:3em; }

	.header .btn_toggle a { width: auto; height: auto; padding: 0; }
	.header .btn_toggle a span { background-color: #f5a400; }
	.header .btn_toggle.show a span { background-color: #fff; }

	.m-gnb .inner { width:80%; }

	/* .sub-head ul { text-align: center; }
	.sub-head ul li { margin-left: 0; width:calc(20% - 4px); } */

	.sub-head { min-height:175px !important; padding-bottom: 0 !important; }
	.sub-head .tit { margin-top: 1.3em; }
	.sub-head .container { position:relative; display:inline-block; width:100%; height:175px; }
	.sub-head .m-lnb { display:block; background:#fff; text-align:left; height:40px; border: 1px solid #dadada; box-sizing:border-box; position:relative; font-size:1.286em; line-height: 40px; font-weight: 500; color:#8f8f8f; padding-left: 7px; }
	.sub-head .m-lnb:after { content:"\f078"; position:absolute; right:10px; top:12px; font-family: "Font Awesome 5 Free"; font-weight: 600; line-height: 1em; }
	
	.sub-head .lnb-wrap { position:absolute; bottom:10px; width:calc(100% - 2em); z-index:995; }
	.sub-head .lnb { border: 1px solid #dadada; border-top: 0; display:block; position:absolute; top:40px; display:none; width:100%; z-index:999; background:#fff; padding-top: 0 !important; padding-bottom: 0 !important; }
	.sub-head .lnb li { max-width:120px; width:100%; max-width:100%; height:auto; margin-left: 0; }
	.sub-head .lnb li a { text-align:left; font-size:1em; color:#666; padding:10px 7px; display:block; }
	.sub-head ul li.active a { border-bottom: 0; }
	.sub-head .lnb li a:before { display:none; }

	.sub-head .lnb-wrap.show .lnb { display:block; }
	.sub-head .m-lnb.show:after { content:"\f077"; }



	.sub-foot .section01 .right-box dl dt,
	.sub-foot .section01 .right-box dl dd { height:190px; }

	.sub-foot .section02 .tit { font-size:2.571em; }

	.sub-foot .section03 dl { width:100%; padding-left: 0; margin-left: 0 !important; }
	.sub-foot .section03 dl.area03 dd,
	.sub-foot .section03 dl.area04 dd { min-height:10px !important; }

}