@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* LAYOUT */
body { -webkit-text-size-adjust: 100%; }
#wrap { overflow: hidden; margin: 0 auto; -webkit-overflow-scrolling : touch; }
#header { z-index: 10; position: fixed; width: 100%; left: 0; top: 0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#header.sub { padding-bottom: 45px; background-color: rgba(255, 255, 255, 0.7); }
#header.nav-up { top:-143px; }
#container { overflow: hidden; margin: 0 auto; }
#footer { position: relative; margin: 0 auto; padding: 80px 0; background-color: #131313; }



/* HEADER */
#header > h1 { margin: 0 0 0 4.58%; padding: 58px 0 0; line-height: 0; }
#header > h1 img { }


/* 모바일버튼 */
#header > .gnb_btn { position:absolute; top:70px; right:4.58%; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#header > .gnb_btn .btn_nav { position:relative; width:34px; height:22px; cursor:pointer; }
#header > .gnb_btn .btn_nav span { display:block; position:absolute; width:100%; height:2px; left:0; background:#222222; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out; }
#header > .gnb_btn .btn_nav span.ico1 { top:0px; }
#header > .gnb_btn .btn_nav span.ico2,
#header > .gnb_btn .btn_nav span.ico3 { top:10px; }
#header > .gnb_btn .btn_nav span.ico4 { top:20px; }
#header > .gnb_btn .btn_nav.open span.ico1 { width:0%; left:50%; top:18px; }
#header > .gnb_btn .btn_nav.open span.ico2 { width:100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#header > .gnb_btn .btn_nav.open span.ico3 { width:100%; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg); transform:rotate(-45deg); }
#header > .gnb_btn .btn_nav.open span.ico4 { width:0%; top:18px; left:50%;}


/* 모바일 메뉴영역 */
#header > .gnb { display: none; z-index: 1; position: fixed; width: 700px; height: 100vh; right: 0; top: 0; background-color: #222222; }

#header > .btn_close { display: none; z-index: 2; position: absolute; width: 34px; height: 22px; right: 4.58%; top: 70px; line-height: 0; cursor: pointer; }
#header > .btn_close img { width: 100%; }

#header > .btn_close span { display:block; position:absolute; width:100%; height:2px; left:0; background:#fff; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out; }
#header > .btn_close span.ico1 { width:100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#header > .btn_close span.ico2 { width:100%; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg); transform:rotate(-45deg); }


#header > .gnb .list { margin: 127px 0 0 60px; }
#header > .gnb .list ul { margin: 0; padding: 0; }
#header > .gnb .list li { list-style: none; }
#header > .gnb .list a { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 48px; line-height: 116px; color: #787878; letter-spacing: 1px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#header > .gnb .list a:hover { color: #fff; }
#header > .gnb .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header > .gnb .sns { position: absolute; left: 60px; bottom: 50px; }
#header > .gnb .sns ul { margin: 0; padding: 0; }
#header > .gnb .sns li { list-style: none; float: left; margin-right: 17px; line-height: 0; }
#header > .gnb .sns img { height: 29px; }
#header > .gnb .sns:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* CONTAINER - SECTION 1 */
.section1 { position: relative; }
.section1 .section1_bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background:url(../images/main/section1_bg.jpg) no-repeat center; background-size: cover; opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.section1 .section1_bg.select { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.section1 .section1_text { position: relative; margin-top: 200px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 80px; line-height: 110px; color: #222222; letter-spacing: -0.5px; text-align: center; opacity:0; -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition: all 0.8s ease; transition:all 0.8s ease; }
.section1 .section1_text.select { margin-top: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.section1 .section1_text strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; }


/* CONTAINER - SECTION 2 */
.section2 { position: relative; }
.section2 .section2_bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background:url(../images/main/section1_bg.jpg) no-repeat center; background-size: cover; opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.section2 .section2_bg.select { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.section2 .section2_text { position: relative; margin-top: 200px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 80px; line-height: 110px; color: #222222; letter-spacing: -0.5px; text-align: center; opacity:0; -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition: all 0.8s ease; transition:all 0.8s ease; }
.section2 .section2_text.select { margin-top: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.section2 .section2_text strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; }


/* CONTAINER - SECTION 3 */
.section3 { position: relative; }
.section3 .section3_bg { position: absolute; left: 0; top: 50px; right: 0; bottom: 0; background:url(../images/main/section3_bg.jpg) no-repeat center; background-size: cover; opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.section3 .section3_bg.select { top: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.section3 .section3_text { position: relative; margin: 200px 0 0 4.6875%; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 72px; line-height: 106px; color: #222222; letter-spacing: -0.5px; text-align: left; opacity:0; -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition: all 0.8s ease; transition:all 0.8s ease; }
.section3 .section3_text.select { margin-top: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.section3 .section3_text strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; }


/* CONTAINER - SECTION 4 */
.section4 { position: relative; }
.section4 .section4_bg { position: absolute; left: 0; top: 50px; right: 0; bottom: 0; background:url(../images/main/section4_bg.jpg?20221014) no-repeat center; background-size: cover; opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.section4 .section4_bg.select { top: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.section4 .section4_text { position: relative; margin: 200px 0 0 4.6875%; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 72px; line-height: 106px; color: #555555; letter-spacing: -0.5px; text-align: left; opacity:0; -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition: all 0.8s ease; transition:all 0.8s ease; }
.section4 .section4_text.select { margin-top: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.section4 .section4_text strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; color: #061d65; }
.section4 .section4_text span { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; color: #061d65; }


/* CONTAINER - SECTION 5 */
.section5 { position: relative; }
.section5 .section5_bg { position: absolute; left: 50px; top: 0; right: 0; bottom: 0; background:url(../images/main/section5_bg.jpg) no-repeat center; background-size: cover; opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.section5 .section5_bg.select { left: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.section5 .section5_text { position: relative; margin: 200px 0 0 4.6875%; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 72px; line-height: 106px; color: #ffffff; letter-spacing: -0.5px; text-align: left; opacity:0; -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition: all 0.8s ease; transition:all 0.8s ease; }
.section5 .section5_text.select { margin-top: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.section5 .section5_text strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; color: #ffffff; }


/* CONTAINER - SECTION 6 */
.section6 { position: relative; }
.section6 .section6_bg { position: absolute; left: 0; top: 0; right: 50px; bottom: 0; background:url(../images/main/section6_bg.jpg) no-repeat center; background-size: cover; opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.section6 .section6_bg.select { right: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.section6 .section6_text { position: relative; margin: 200px 0 0 4.6875%; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 72px; line-height: 106px; color: #222222; letter-spacing: -0.5px; text-align: left; opacity:0; -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition: all 0.8s ease; transition:all 0.8s ease; }
.section6 .section6_text.select { margin-top: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.section6 .section6_text strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; color: #222222; }


/* CONTAINER - SECTION 7 */
.section7 { position: relative; }
.section7 .section7_bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background:url(../images/main/section7_bg.jpg) no-repeat center; background-size: cover; opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.section7 .section7_bg.select { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.section7 .section7_text { position: relative; margin: 200px 0 0 4.6875%; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 72px; line-height: 106px; color: #222222; letter-spacing: -0.5px; text-align: left; opacity:0; -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition: all 0.8s ease; transition:all 0.8s ease; }
.section7 .section7_text.select { margin-top: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
.section7 .section7_text strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; color: #222222; }


/* FOOTER */
#footer .outer { position: relative; width: 1260px; margin: 0 auto; font-size: 0; }

#footer .inner { display: inline-block; vertical-align: top; width: 400px; }

#footer .subject { font-family: sans-serif; font-style: normal; font-weight: bold; font-size: 16px; line-height: 16px; color: #fff; letter-spacing: 0; text-align: left; }
#footer .info { margin: 10px 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 13px; line-height: 26px; color: #717171; letter-spacing: 0; text-align: left; }
#footer .info span { font-family: sans-serif; font-style: normal; font-weight: bold; font-size: 13px; line-height: 26px; color: #fff; letter-spacing: 0; text-align: left; }
#footer .info a,
#footer .info a:hover { font-family: sans-serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 26px; color: #717171; letter-spacing: 0; text-align: left; }

#footer .btn { position: absolute; right: 0; top: 0; }
#footer .btn ul { margin: 0; padding: 0; }
#footer .btn li { position: relative; list-style: none; float: left; width: 240px; height: 50px; margin-left: 10px; background-color: #444444; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#footer .btn li:after { content: ""; position: absolute; width: 25px; height: 24px; right: 20px; top: 50%; margin-top: -12px; background: url("../images/main/icon_dot01.svg") no-repeat; }
#footer .btn li.v1:after { background: url("../images/main/icon_dot02.svg") no-repeat; }
#footer .btn li.v1 { background-color: #2b59bb; }
#footer .btn a,
#footer .btn a:hover { display: block; padding-left: 25px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 50px; color: #fff; letter-spacing: 0; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer .btn:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer .coptyright { position: absolute; right: 0; top: 70px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 13px; line-height: 26px; color: #717171; letter-spacing: 0; text-align: right; }
#footer .coptyright a,
#footer .coptyright a:hover { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 13px; line-height: 26px; color: #717171; letter-spacing: 0; text-align: right; }


/* PORTFOLIO */
#portfolio { margin: 170px 0 100px; }
#portfolio ul { margin: 0; padding: 0; }
#portfolio li { opacity: 0; transition:all 1s; cursor: pointer; list-style: none; float: left; width: 25%; margin-bottom: 80px; padding-top:-100p; -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition: all 0.8s ease; transition:all 0.8s ease }
#portfolio li.motion { opacity: 1; padding-top:0; }
#portfolio .thum { overflow: hidden; position: relative; line-height: 0; }
#portfolio .thum img { width: 100%; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#portfolio .thum:hover img { transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.15); }
#portfolio .info { margin: 15px 20px 0; font-family: sans-serif; font-style: normal; font-weight: normal; font-size: 15px; line-height: 26px; color: #777777; letter-spacing: 0; text-align: left; }
#portfolio .subject { margin: 10px 20px 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 22px; line-height: 20px; color: #000; letter-spacing: 0; text-align: left; }
#portfolio .thum .thum_over { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); opacity:0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
#portfolio li:hover .thum .thum_over { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }
#portfolio .thum .thum_over:after { content: ""; position: absolute; width: 70px; height: 44px; left: 50%; top: 50%; right: 0; bottom: 0; margin-left: -35px; margin-top: -22px; background: url("../images/portfolio/link.svg") no-repeat center; background-size: cover; }
#portfolio:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}



/* INQUIRE */
#inquiry { margin: 170px 0 100px; }
#inquiry .contact { padding: 65px 0; background-color: #f8f8f8; }
#inquiry .contact .outer { width: 1200px; margin: 0 auto; }
#inquiry .contact .outer ul { margin: 0; padding: 0; }
#inquiry .contact .outer li { list-style: none; float: left; margin: 50px 150px 0 0; }
#inquiry .contact .outer li:first-child { width: auto; float: none; margin: 0; }
#inquiry .contact .outer .subject { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 20px; line-height: 20px; color: #bbbbbb; letter-spacing: 0; text-align: left; }
#inquiry .contact .outer .info { margin: 10px 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 26px; color: #777; letter-spacing: 0; text-align: left; }
#inquiry .contact .outer .info a,
#inquiry .contact .outer .info a:hover { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 26px; color: #777; letter-spacing: 0; text-align: left; }
#inquiry .contact .outer:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#inquiry .inquiry { width: 1200px; margin: 70px auto 0; }
#inquiry .inquiry ul { margin: 0; padding: 0; }
#inquiry .inquiry li { list-style: none; float: left; width: 48.5%; margin: 0 3% 20px 0; border-bottom: 2px solid #dddddd; }
#inquiry .inquiry li:nth-child(2n) { margin: 0 0 20px 0; }
#inquiry .inquiry li.v1 { float: none; width: 100%; margin: 0; border: none; }
#inquiry .inquiry .input { width: 100%; height: 60px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; color: #888; letter-spacing: 0; text-align: left; border: none; outline: none; }
#inquiry .inquiry .input::-webkit-input-placeholder { color:#888; }
#inquiry .inquiry .input:moz-placeholder { color:#888; }
#inquiry .inquiry .input::-moz-placeholder { color:#888; }
#inquiry .inquiry .input:-ms-input-placeholder { color:#888; }
#inquiry .inquiry .textarea { width: 100%; height: 200px; margin-top: 30px; padding: 20px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; color: #888; letter-spacing: 0; text-align: left; border: 2px solid #e8e8e8; outline: none; resize: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#inquiry .inquiry .textarea::-webkit-input-placeholder { color:#aaa; }
#inquiry .inquiry .textarea:moz-placeholder { color:#aaa; }
#inquiry .inquiry .textarea::-moz-placeholder { color:#aaa; }
#inquiry .inquiry .textarea:-ms-input-placeholder { color:#aaa; }
#inquiry .inquiry:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#inquiry .agree { width: 1200px; margin: 30px auto 0; }

#inquiry .agree input[type="checkbox"]{
        display: none;
      }
#inquiry .agree input[type="checkbox"] + label{
        display: inline-block;
        width: 26px;
        height: 26px;
        border: 1px solid #cccccc;
        position: relative;
        background: none;
        cursor: pointer;
      }
#inquiry .agree input[id="agree"]:checked + label::after{
        content:'';
        /*font-size: 25px;*/
        background: url("../images/inc/check.png") no-repeat center;
        width: 26px;
        height: 26px;
        text-align: center;
        position: absolute;
        left: 0;
        top:0;
      }

#inquiry .agree .agree_text { display: inline-block; vertical-align: middle; width: 280px; margin: -4px 0 0 40px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; color: #888; letter-spacing: 0; text-align: left; }
#inquiry .agree .agree_pop { cursor: pointer; display: inline-block; vertical-align: middle; margin: -2px 0 0 270px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; color: #888; letter-spacing: 0; text-align: left; text-decoration: underline; }

#inquiry .inquiry_submit { width: 260px; height: 52px; margin: 50px auto 0; background-color: #000; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 18px; line-height: 50px; color: #fff; letter-spacing: 0; text-align: center; }
#inquiry .inquiry_submit a,
#inquiry .inquiry_submit a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 700; font-size: 18px; line-height: 50px; color: #fff; letter-spacing: 0; text-align: center; }

#popup_bg { position:fixed; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); z-index:999999; display:none; }
#popup { position:fixed; width:100%; height:100vh; left:0; top:0; -webkit-overflow-scrolling:touch; z-index:999999; display:table; display:none; }
#popup .outer { display:table-cell; vertical-align:middle; }
/* 위 아래 꽉 차게 하고 싶을 경우 height를 100%로 변경 */
#popup .outer .inner { position:relative; width:700px; height:500px; margin:0 auto; background-color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#popup .outer .inner .inner_box { overflow-y:auto; position:relative; height:500px; padding:25px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; color: #888; letter-spacing: -1px; text-align: left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-box-shadow:0 0 20px #555; -webkit-box-show:0 0 20px #555; box-shadow:0 0 20px #555; }
#popup .outer .inner .inner_box strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; color: #222; }
#popup .outer .inner .btn_close { position:absolute; right:-40px; top:4px; cursor:pointer; }



/* 개인정보처리 */
#privacy { margin: 170px 0 100px; padding: 65px 0; background-color: #f8f8f8; }
#privacy .outer { width: 1200px; margin: 0 auto; }
#privacy .outer ul { margin: 0; padding: 0; }
#privacy .outer li { list-style: none; margin: 0 0 40px 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 32px; color: #aaa; letter-spacing: 0; text-align: left; }
#privacy .outer .subject { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 20px; line-height: 32px; color: #777; letter-spacing: 0; text-align: left; }
#privacy .outer .info { margin: 10px 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 32px; color: #aaa; letter-spacing: 0; text-align: left; }
#privacy .outer:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}






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

	/* CONTAINER - SECTION 1 */
	.section1 .section1_text { font-size: 70px; line-height: 100px; }

	/* CONTAINER - SECTION 2 */
	.section2 .section2_text { font-size: 70px; line-height: 100px; }

	/* CONTAINER - SECTION 3 */
	.section3 .section3_text { font-size: 64px; line-height: 94px; }

	/* CONTAINER - SECTION 4 */
	.section4 .section4_text { font-size: 64px; line-height: 94px; }

	/* CONTAINER - SECTION 5 */
	.section5 .section5_text { font-size: 64px; line-height: 94px; }

	/* CONTAINER - SECTION 6 */
	.section6 .section6_text { font-size: 64px; line-height: 94px; }

	/* CONTAINER - SECTION 7 */
	.section7 .section7_text { font-size: 64px; line-height: 94px; }

}


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

	/* PORTFOLIO */
	#portfolio li { width: 33.33333%; }

}


@media screen and (max-width:1280px) {
	#header.sub { padding-bottom: 38px; }

	/* HEADER */
	#header > h1 { padding: 38px 0 0; }
	#header > h1 img { height: 30px; }


	/* 모바일버튼 */
	#header > .gnb_btn { top:45px; }

	/* 모바일 메뉴영역 */
	#header > .gnb { width: 500px; }

	#header > .btn_close { top: 45px; }

	#header > .gnb .list { margin: 80px 0 0 60px; }
	#header > .gnb .list a { font-size: 36px; line-height: 80px; }

	#header > .gnb .sns { bottom: 150px; }


	/* CONTAINER - SECTION 1 */
	.section1 .section1_text { margin-bottom: 40px; font-size: 60px; line-height: 90px; }

	/* CONTAINER - SECTION 2 */
	.section2 .section2_text { margin-bottom: 40px; font-size: 60px; line-height: 90px; }

	/* CONTAINER - SECTION 3 */
	.section3 .section3_text { margin-bottom: 40px; font-size: 54px; line-height: 84px; }

	/* CONTAINER - SECTION 4 */
	.section4 .section4_text { margin-bottom: 40px; font-size: 54px; line-height: 84px; }

	/* CONTAINER - SECTION 5 */
	.section5 .section5_text { margin-bottom: 40px; font-size: 54px; line-height: 84px; }

	/* CONTAINER - SECTION 6 */
	.section6 .section6_text { margin-bottom: 40px; font-size: 54px; line-height: 84px; }

	/* CONTAINER - SECTION 7 */
	.section7 .section7_text { margin-bottom: 40px; font-size: 54px; line-height: 84px; }


	/* FOOTER */
	#footer .outer { width: auto; margin: 0 3.5%; font-size: 0; }

	#footer .inner { width: 300px; }

	#footer .btn li { width: 200px; }

	/* PORTFOLIO */
	#portfolio { margin: 120px 0 100px; }


	/* INQUIRE */
	#inquiry { margin: 120px 0 100px; }
	#inquiry .contact .outer { width: auto; margin: 0 3.5%; }

	#inquiry .inquiry { width: auto; margin: 70px 3.5% 0; }
	#inquiry .agree { width: auto; margin: 30px 3.5% 0; }


    /* 개인정보처리 */
	#privacy { margin: 120px 0 100px; }
	#privacy .outer { width: auto; margin: 0 3.5%; }

}


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

	/* CONTAINER - SECTION 1 */
	.section1 .section1_text { font-size: 50px; line-height: 80px; }

	/* CONTAINER - SECTION 2 */
	.section2 .section2_text { font-size: 50px; line-height: 80px; }

	/* CONTAINER - SECTION 3 */
	.section3 .section3_text { margin-bottom: 80px; font-size: 50px; line-height: 80px; }
	.section3 .section3_text strong { display: block; }

	/* CONTAINER - SECTION 4 */
	.section4 .section4_text { font-size: 50px; line-height: 80px; }

	/* CONTAINER - SECTION 5 */
	.section5 .section5_text { font-size: 50px; line-height: 80px; }

	/* CONTAINER - SECTION 6 */
	.section6 .section6_bg { background-position: 70%; }
	.section6 .section6_text { margin-bottom: 300px; font-size: 50px; line-height: 80px; }

	/* CONTAINER - SECTION 7 */
	.section7 .section7_text { padding-top: 400px; font-size: 50px; line-height: 80px; }


	/* FOOTER */
	#footer .inner { width: 50%; }

	#footer .btn { position: relative; right: auto; top: auto; margin-top: 30px; }
	#footer .btn li { width: 240px; margin: 0 10px 0 0; }

	#footer .coptyright { position: relative; right: auto; top: auto; margin-top: 20px; text-align: left; }
	#footer .coptyright a,
	#footer .coptyright a:hover { text-align: left; }

	/* PORTFOLIO */
	#portfolio li { width: 50%; }

}


@media screen and (max-width:640px) {
	#header.sub { padding-bottom: 30px; }

	/* HEADER */
	#header > h1 { margin: 0 0 0 5%; padding: 30px 0 0; }


	/* 모바일버튼 */
	#header > .gnb_btn { position:absolute; top:35px; right:5%; }
	#header > .gnb_btn .btn_nav { width:30px; }


	/* 모바일 메뉴영역 */
	#header > .gnb { width: 100%; }

	#header > .btn_close { width: 30px; right: 5%; top: 40px; }

	#header > .gnb .list { margin: 100px 0 0 50px; }
	#header > .gnb .list a { font-size: 30px; line-height: 70px; }

	#header > .gnb .sns { position: relative; left: auto; bottom: auto; margin: 60px 0 0 50px; }


	/* CONTAINER - SECTION 1 */
	.section1 .section1_text { font-size: 36px; line-height: 60px; }

	/* CONTAINER - SECTION 2 */
	.section2 .section2_text { font-size: 36px; line-height: 60px; }

	/* CONTAINER - SECTION 3 */
	.section3 .section3_text { margin-bottom: 80px; font-size: 32px; line-height: 50px; }

	/* CONTAINER - SECTION 4 */
	.section4 .section4_text { font-size: 32px; line-height: 50px; }
    .section4 .section4_bg { background:url(../images/main/section4_bg.jpg?20221014) no-repeat center; background-size: 250%; }

	/* CONTAINER - SECTION 5 */
	.section5 .section5_text { font-size: 32px; line-height: 50px; }

	/* CONTAINER - SECTION 6 */
	.section6 .section6_bg { background-position: 60%; }
	/*.section6 .section6_text { margin-bottom: 340px; font-size: 32px; line-height: 50px; }*/
	.section6 .section6_text { position: absolute; margin: auto; left: 4.6875%; top: 60px; font-size: 32px; line-height: 50px; }


	/* CONTAINER - SECTION 7 */
	/*.section7 .section7_text { padding-top: 340px; font-size: 32px; line-height: 50px; }*/
	.section7 .section7_text { position: absolute; margin: auto; left: 4.6875%; bottom: 60px; font-size: 32px; line-height: 50px; }


	/* FOOTER */
	#footer .inner { width: 100%; margin: 0 10px 30px; }

	#footer .btn { position: relative; right: auto; top: auto; }
	#footer .btn li { width: 49%; margin: 0 2% 0 0; }
	#footer .btn li:nth-child(2) { margin: 0; }

	#footer .coptyright { margin-top: 20px; }


	/* PORTFOLIO */
	#portfolio { margin: 100px 0 50px; }
	#portfolio li { width: 100%; }
	#portfolio .info { margin: 15px 20px 0; font-size: 14px; line-height: 20px; }
	#portfolio .subject { margin: 10px 20px 0; font-size: 20px; }


	/* INQUIRE */
	#inquiry { margin: 100px 0 50px; }
	#inquiry .contact { padding: 40px 0; }
	#inquiry .contact .outer { margin: 0 5%; }
	#inquiry .contact .outer li { width: 50%; margin: 40px 0 0 0; }
	#inquiry .contact .outer li:first-child { width: auto; float: none; margin: 0; }
	#inquiry .contact .outer li:nth-child(2) { width: auto; float: none; margin: 40px 0 0 0; }
	#inquiry .contact .outer .subject { font-size: 18px; }
	#inquiry .contact .outer .info { font-size: 16px; }
    #inquiry .contact .outer .info i { display:block; }
	#inquiry .contact .outer .info a,
	#inquiry .contact .outer .info a:hover { font-size: 16px; }

	#inquiry .inquiry { margin: 50px 3.5% 0; }

	#inquiry .inquiry li { margin: 0 3% 10px 0; }
	#inquiry .inquiry li:nth-child(2n) { margin: 0 0 10px 0; }

	#inquiry .inquiry .input { height: 50px; font-size: 16px; }
	#inquiry .inquiry .textarea { height: 160px; padding: 15px; font-size: 16px; }

	#inquiry .agree { margin: 20px 3.5% 0; }
	#inquiry .agree input[type="checkbox"] + label{
        width: 20px;
        height: 20px;
      }
	#inquiry .agree input[id="agree"]:checked + label::after{
        width: 20px;
        height: 20px;
      }

	#inquiry .agree .agree_text { width: 240px; margin: -2px 0 0 30px; font-size: 16px; line-height: 22px; }
	#inquiry .agree .agree_pop { margin: -2px 0 0 240px; font-size: 15px; line-height: 22px; }


	#inquiry .inquiry_submit { font-size: 16px; }
	#inquiry .inquiry_submit a,
	#inquiry .inquiry_submit a:hover { font-size: 16px; }

	#popup .outer .inner { width:auto; height:60vh; margin:30px; }
	#popup .outer .inner .inner_box { height:60vh; }
	#popup .outer .inner .btn_close { width:100%; height:40px; left:0; right:0; top:60vh; margin-top:-50px; background-color:#999; text-align:center; cursor:pointer; }
	#popup .outer .inner .btn_close img { width:16px; margin-top:10px; }
    
    
    /* 개인정보처리 */
	#privacy { margin: 100px 0 50px; }
	#privacy .outer li { font-size: 16px; line-height: 26px; }
	#privacy .outer .subject { font-size: 18px; line-height: 28px; }
	#privacy .outer .info { font-size: 16px; line-height: 26px; }


}