@charset "utf-8";
/* SIR 지운아빠 */
.sub_wrap {background:#fff;}
.col_lt {float:left;}
.col_rt {float:right;}
.col_center {text-align:center;}
.no_cursor {cursor:default;}
.txt_num {/*font-family: 'Roboto', sans-serif;*/}
.mo_vs {display:none; visibility:hidden;}

/* 상단 레이아웃 */
/*#hd {z-index:50;min-width:1200px; background:#fff; position:relative;}*/
#hd{position:absolute;width:100%;background:none}

.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper{position:fixed;width:100%;height:103px;z-index:99999999}
#hd_wrapper .header{display:flex;margin:0 auto;width:1500px;height:103px;justify-content:space-between; position:relative;}
#logo {margin:27px 0 0;position:relative;z-index:50;}
#logo a {display:block; width:180px; height:48px; background-repeat:no-repeat; background-position:0 0;}
.main_wrap #logo a {background-image:url(/kor/images/logo.svg);}
.sub_wrap #logo a {background-image:url(/kor/images/logo_b.svg);}

.top_fav {display:block; float:right; margin:40px 0 0; position:relative; z-index:50;}

#hd #tnb {position:absolute; right:0; top:22px; font-size:13px; line-height:1em; font-weight:bold;}
#tnb li {float:left; border-left:1px solid #4f5156;}
#tnb li:first-child {border:none;}
#tnb a {display:block; padding:0 8px; color:#888; text-decoration:none;}
#tnb a.active {color:#ddd;}
.btn_ready {cursor:pointer;}

/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 탑메뉴 */
#gnbArea h2{position:absolute;font-size:0;line-height:0;overflow:hidden; background-repeat:repeat-x; background-position:0 0;}
#gnbArea {overflow:hidden;height:103px}
.sub_wrap #hd_wrapper{/*background-color:#fff;*/}
.sub_wrap #gnbArea {}
#gnbArea a {display:block;}
#gnbArea.on {height:400x;}
#gnbArea > ul {display:inline-block}
#gnbArea > ul:after {content:""; display:block; clear:both;}
#gnbArea > ul > li {position:relative;float:left;}
#gnbArea > ul > li > a {height:103px;text-align:center;font-size:18px;line-height:1em;font-weight:500;padding:0 36px;color:#fff;}
#gnbArea > ul > li > a > span {display:inline-block; padding:45px 0 40px;position:relative}
#gnbArea > ul > li:nth-child(4):before{content:'';position:absolute;top:32px;left:10px;width:calc(100% - 20px);height:46px;background-color:#fdb93e;z-index:-1;border-radius:23px}
#gnbArea > ul > li.on > a {color:#fff !important;background-color:#fdb93e;}

#hd_wrapper .motion{position:absolute; top:0; right:269px; opacity:0; width:165px; transition:all 0.3s ease;}
#hd_wrapper .motion img{width:100%;}
#hd_wrapper.sticky .motion{opacity:1;}
#hd_wrapper.sticky #gnbArea > ul > li.yellow > a{background-color:#fdb93e; color:#fff !important;}

.sub_wrap #gnbArea > ul > li > a {color:#333;}
.sub_wrap #gnbArea > ul > li.on > a {color:#fff;}

#gnbArea .subMenu {width:100%;height:240px;text-align:center; padding:15px 0; z-index:50; line-height:1.2em;border-top:1px solid rgba(255,255,2555,0.3);border-bottom:1px solid rgba(255,255,2555,0.3);}
#gnbArea .subMenu li {position:relative;}
#gnbArea .subMenu > li > a {color:#fff;font-size:14px;font-weight:300;padding:6px 0;}
#gnbArea .subMenu > li > a:hover, 
#gnbArea .subMenu > li > a:focus {color:#fdb93e;font-weight:600;}
#gnbArea li.on .subMenu {background:rgba(0,0,0,.5);}

.sub_wrap #gnbArea .subMenu {background:rgba(255,255,255,0.9);border-color:rgba(0,0,0,0.1)}
.sub_wrap #gnbArea .subMenu > li > a {color:#333;}
.sub_wrap #gnbArea .subMenu > li > a:hover, 
.sub_wrap #gnbArea .subMenu > li > a:focus {color:#fdb93e;}
.sub_wrap #gnbArea li.on .subMenu {background:#fff;}

.sticky{background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.1);box-shadow:5px 5px 15px rgba(0,0,0,0.05)}
.sticky #logo a {background-image:url(/kor/images/logo_b.svg);}
.sticky #gnbArea > ul > li > a{color:#333}
.sticky .subMenu{display:none}

/*a.m_btn_go{font-family:'NotoSans', "Malgun Gothic", "돋움", "Dotum", "굴림", "Gulim", sans-serif;color: #fdb93e;background: #2b1e16;font-size:36px;padding:20px 0;font-weight:600;line-height:1;position:relative;-webkit-transition: 0.3s; -o-transition: 0.3s;transition: 0.3s}
a.m_btn_go:hover{text-decoration:none;background:#000;color:#fff}
.m_btn_go span{display:inline-block;background:#fdb93e;color:#2b1e16;border-radius:50%;font-size:24px;width:36px;height:36px;vertical-align:middle;margin-left:10px;position:absolute;right:100px;top:50%;margin-top:-18px;-webkit-transition: 0.3s; -o-transition: 0.3s;transition: 0.3s}
a.m_btn_go:hover:hover span{background:#fff;color:#000}
a.m_btn_go.more2{background:#fdb93e;color:#2b1e16}
.m_btn_go.more2 span{color: #fdb93e;background: #2b1e16}
a.m_btn_go.more2:hover{text-decoration:none;background:#fff;color:#000}
a.m_btn_go.more2:hover:hover span{background:#000;color:#fff}
.mian_visual{position:relative}


@media screen\9 {
#gnbArea > ul > li > a {cursor:pointer;}
#gnbArea .gnb1 .subMenu {width:124px;}
#gnbArea .gnb2 .subMenu {width:139px;}
#gnbArea .gnb3 .subMenu {width:125px;}
#gnbArea .gnb4 .subMenu {width:125px;}
#gnbArea .gnb5 .subMenu {width:125px;}
}*/

[data-ani]{opacity:0; transition:transform 0.7s ease-in-out, opacity 0.5s ease-in-out; transform-style:preserve-3d; will-change:transform;}
[data-ani].is_moved{opacity:1; transform:none;}
[data-ani="img"]{transform:translate(0%, 40%) matrix3d(1, 0, 0, 0, 0, 0.997564, 0.0697565, -0.00028, 0, -0.0697565, 0.997564, -0.00249391, 0, 0, 40, 0.9);}
[data-ani="top"]{transform:translateY(100px);}
[data-ani="right"]{transform:translateX(100px); transition-delay:0.1s;}
[data-ani="left"]{transform:translateX(-140px); transition-delay:0.1s;}
[data-ani="scale"]{transform:scale(2); transition-delay:0.1s; opacity:1 !important;}
[data-ani="rotate"]{transform:scale(1.15); transition-delay:0.1s; opacity:1 !important;}



/* 중간 레이아웃 */
#wrapper {position:relative;min-width:1200px;zoom:1;}

#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {zoom:1; clear:both;}
.sub_wrap #container {min-height:500px;height:auto !important;position:relative; max-width:1500px; margin:30px auto 100px;}
.sub_wrap .col_wide #container {max-width:100%;}
.container_wide{max-width:1600px !important}

.sub_wrap:before{content:'';display:block;position:fixed;left:-20px;top:70px;width:569px;height:727px;background:url(/kor/images/logo_img3.png)}

#container:after {display:block;visibility:hidden;clear:both;content:""}
h3#container_title{position:relative;font-size:40px;font-weight:300;line-height:1;color:#000;margin-bottom:100px;text-align:center;}
h3#container_title:before{content:'';display:block;position:absolute;left:50%;bottom:-50px;width:1px;height:30px;background-color:#666}
h2#container_title, #bo_v_table {display:none;}
#s_location {font-size:17px; line-height:1em; color:#fff;}
.visual .txt_mdd {font-size:18px; line-height:1em; color:#fff; letter-spacing:-0.02em;}

/*서브메뉴*/
#lm {position:absolute;right:0;top:-120px}
#lm ul {display:inline-flex;}
#lm ul li{margin-left:50px;}
#lm ul li:first-child{margin-left:0}
#lm a {display:block;font-size:17px;color:#666;font-weight:300;height:50px;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #fff;transition:0.2s}
#lm a:hover, #lm a:focus, #lm li.active a {font-weight:600;color:#f4b545;border-top:1px solid #f4b545;border-bottom:1px solid #f4b545}

@media screen\9 {
#lm ul li {display:inline; zoom:1; margin:0 2px;}
}

/*비주얼*/
#visual_wrap {padding-top:103px;min-width:1200px;position:relative;}
/*.main_visual {position:relative; height:834px; overflow:hidden;}
.main_visual img {position:absolute; left:50%; top:0; margin-left:-960px;}*/

#visual_wrap.sub_visual {/*background:url(/kor/images/sub_bg.gif) no-repeat center 0;*/}
.sub_visual .visual {max-width:1600px; margin:0 auto;border-top:1px solid #e5e5e5}
.sub_visual .v_txt {padding:50px;}
.sub_visual .v_txt span{font-size:14px;font-weight:700;line-height:1em;color:#f4b545;letter-spacing:0.75em;padding-left:3px;}
.sub_visual .v_txt h2 {font-size:54px;font-weight:700;line-height:1em;color:#000;margin:18px 0}
.sub_visual .v_txt p {font-size:28px;font-weight:200;line-height:1em; color:#333;}
/*.sub_visual .top_kakao {position:absolute; right:0; top:0; z-index:10;}*/

/*상단버튼*/
.link_box {list-style:none; margin:0; padding:5px 0 0; font-size:16px; line-height:1em;}
.link_box li {display:inline-block; border:1px solid rgba(255,255,255,.3); margin:0 5px;}
.link_box li a {display:block; color:#fff; text-decoration:none; padding:16px 19px; text-align:left;}
.link_box li a span {display:block; width:166px; background:url(/kor/images/top_box_arr.png) no-repeat right center;}

.contents_wrap{max-width:1600px;margin:0 auto;position:relative}

/*메인컨텐츠*/




.main_info{overflow: hidden;}
.main_info .inner {height: 100%;}
.main_info .scroll-box {padding-bottom: 50%;}
.main_info .scroll-box > div{height: 100vh; position: relative; z-index: -1;}
.main_info .bg-box {height: 100vh; width: 100%; position: absolute; left: 0; top: 0; z-index: 100; }
.main_info .body-tit {width: 100%; margin: 0 auto; box-sizing: border-box; position: absolute; left:  0; top: 0; z-index: 200; }
.main_info .body-tit > div {position: absolute; width: 100%; top: 180px; left: 50%; padding:0; max-width: 1600px; transform: translateX(-50%); z-index: 100; transition:opacity 0.4s cubic-bezier(0.25, 0.1, 0.51, 0.79), z-index 0.1s linear 0.4s;}
.main_info .body-tit .before {background-color: transparent; filter: invert(1); color: #000; opacity: 1; }
.main_info .body-tit .before {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); z-index: 1; }
.main_info .body-tit .after {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); z-index: 2; }

.main_info .bg-box .bg.bg01 {height: 100vh;}
.main_info .bg-box .bg {width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 100vh; position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: opacity 0.4s cubic-bezier(0.25, 0.1, 0.51, 0.79), z-index 0.1s linear 0.4s; opacity: 0; }
.main_info .bg-box .bg::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #00194b, #00194b), #45577b; mix-blend-mode: multiply; opacity: 0; transition: 0.5s; }
.main_info .bg-box .bg.active {transition: opacity 800ms cubic-bezier(0.25, 0.1, 0.51, 0.79), z-index 0.2s linear;}
.main_info .bg-box .bg.dim::before {opacity: 0.15; }
.main_info .bg-box .bg01{background:url(/kor/images/main_info.jpg) no-repeat center; background-size:cover; opacity: 1; z-index: 1; /*transition-duration: 800ms;*/ }
.main_content .main_info{display:flex;}
.main_content .main_info>div{width:50%}
.main_content .main_info .txt{display:flex;flex-direction:column;justify-content:center;}
.main_content .main_info .txt>span{font-size:20px;font-weight:600;letter-spacing:0.2em;line-height:1;}
.main_content .main_info .txt>strong{font-size:68px; font-weight:800; color:#000;line-height:1.2em;margin:30px 0 40px}
.main_content .main_info .txt>strong>span, .main_content .main_info>.txt>p>span{color:#f4b545;}
.main_content .main_info .txt>p{ margin:0; font-size:22px;color:#333;font-weight:500;line-height:1.4em;}


.box_project{display:flex;}
.box_project .tit{width:400px;}
.box_project .tit > h3{position: sticky; left: 0; top: 150px; margin:110px 0 300px; margin-right:50px; font-size:60px; font-weight:bold; color:#222; line-height:1.2em; word-break:keep-all;}
.box_project .tit > h3 > span{display:inline-block; position:relative;}
.box_project .tit > h3 > span:before{content:''; position:absolute; bottom:55px; right:-15px; width:8px; height:8px; background:#f6b545;}
.box_project .project-list{position:relative; width:calc(100% - 400px); border-left:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box;}
.box_project .project-list:before{content:''; position:absolute; top:0; left:50%; width:1px; height:100%; background:#ddd;}
.box_project .project-list > div{display:flex;}
.box_project .project-list > div:last-child{border-bottom:none;}
.box_project .project-list > div > div{width:50%; padding:60px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.box_project .project-list > div:last-child > div{border-bottom:none;}
/*.box_project .project-list > div:nth-child(odd) > .img{border-right:1px solid #ddd; box-sizing:border-box; }
.box_project .project-list > div:nth-child(2n) > .txt{border-right:1px solid #ddd; box-sizing:border-box; }*/
.box_project .project-list > div:nth-child(2n){flex-direction: row-reverse;}

.box_project .project-list > div > .txt{display: flex; align-items: center;}
.box_project .project-list > div > .txt > a > i{display:block; margin:0 0 50px; font-size:18px; font-weight:600; color:#ddd; line-height:1em; font-style:normal;}
.box_project .project-list > div > .txt > a > h3{display:block; margin:0 0 25px; font-size:38px; font-weight:800; color:#222; line-height:1em; word-break:kee-all;}
.box_project .project-list > div > .txt > a > p{display:block; font-size:18px; font-weight:300; color:#666; line-height:1.5em; word-break:kee-all;}
.box_project .project-list > div > .txt > a .btn{position:relative; display:inline-block; margin:70px 0 0; padding-right:52px;}
.box_project .project-list > div > .txt > a .btn:before{content:''; position:absolute; top:5px; right:0; width:38px; height:20px; background:url(../images/ic-arr-black.svg)no-repeat center; background-size:contain;}
.box_project .project-list > div > .txt > a .btn:after{ content:''; z-index:-1; position:absolute; right:-16px; top:50%; margin-top:-20px; width:40px; height:40px; background:#fdc765; border-radius:25px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; transform: scale(0.2);  -webkit-transform: scale(0.2);  -moz-transform: scale(0.2); opacity:0; }
.box_project .project-list > div > .txt > a:hover .btn:after{opacity:1; transform: scale(1); }
.box_project .project-list > div > .txt > a .btn > em{font-size:17px; font-weight:600; color:#333; font-style:normal;}

.main_content .title{display:flex;}
.main_content .title h2{font-size:60px;font-weight:bold;line-height:1.2em; color:#222;}
.main_content .title span{position:relative; display:inline-block;}
.main_content .title span:before{content:''; position:absolute; bottom:55px; right:-15px; width:8px; height:8px; background:#f6b545;}

.main_content .title h2>strong{font-weight:600}
.main_content .title p{font-size:18px;line-height:1.4em;color:#777;font-weight:400;margin-top:17px;}

.main_content .main_col_price{padding:120px 0;border-bottom:1px solid #ddd;}
.main_content .main_col_price .tit{text-align:center;margin-bottom:80px}
.main_content .main_col_price .tit h2{font-size:2.8em;font-weight:700;color:#000;}
.main_content .main_col_price>.col_price{max-width:1600px;margin:0 auto}

.main_content .main_portfolio{padding:100px 0; background:#fff;border-top:1px solid #ddd}
.main_content .main_portfolio .title_wrap{display:flex;justify-content:space-between; padding-bottom:40px; margin-bottom:60px; border-bottom:1px solid rgba(255,255,255,0.08); box-sizing:border-box;}
.main_content .main_portfolio .btn_wrap{display:flex;justify-content:center;}
.main_content .title_wrap a.btn_more{transform:scale(1); transition:all 0.3s ease;}
.main_content .title_wrap a.btn_more:hover{transform:scale(1.15);}
.main_content .title_wrap a.btn_more .circle{position:relative; width:162px; height:165px; background:#fba70e; border-radius:500px;}
.main_content .title_wrap a.btn_more .circle:before{position: absolute; content:''; width:131px; height:131px; top:50%; left:50%; transform:translate(-50%, -50%); background:no-repeat center; background-image:url('../images/circle_txt.png'); background-size:contain; animation: circle_rotate 10s linear infinite; transition:all 0.3s ease;}

.main_content .title_wrap a.btn_more .circle .icon{display:flex; justify-content: center; align-items: center; width:100%; height:100%;}
.main_content .title_wrap a.btn_more .circle .icon img{height:25px;}

.btn_portfolio{display:flex; justify-content: center; align-items: center; width:410px; height:100px; border-radius:5px; background:#fba70e;}
.btn_portfolio .icon{position:relative; display:flex; justify-content: center; align-items: center; margin-right:25px; width:44px; height:44px; border-radius:50px; background:#fff;}
.btn_portfolio .icon:before{content:''; position:absolute; top:50%; left:50%; width:100%; height:100%; background:rgba(255,255,255,0.2); border-radius:50px; transform:translate(-50%, -50%) scale(1.4); transition:all 0.3s ease;}
.btn_portfolio .icon:after{content:''; position:absolute; top:50%; left:50%; width:100%; height:100%; background:rgba(255,255,255,0.1); border-radius:50px; transform:translate(-50%, -50%) scale(0); transition:all 0.4s ease;}
.btn_portfolio:hover{animation: vibrate 0.5s ease infinite;}
.btn_portfolio:hover .icon:before{transform:translate(-50%, -50%) scale(1.4);}
.btn_portfolio:hover .icon:after{transform:translate(-50%, -50%) scale(1.8);}
.btn_portfolio .icon img{height:17px;}
.btn_portfolio span{font-size:18px; font-weight:400; color:#fff;}

/*
.main_content .main_portfolio a.btn_more{position:relative;width:500px;height:70px;line-height:70px;border-top:1px solid #ccc;border-bottom:1px solid #000;padding-left:30px;color:#f4b545;font-size:14px;font-weight:600;letter-spacing:0.5em;transition:0.2s}
.main_content .main_portfolio a.btn_more span{display:inline-block;margin-left:20px;color:#666;font-size:15px;font-weight:300;letter-spacing:0}
#container .main_portfolio a.btn_more:after{content:'';display:inline-block;position:absolute;right:27px;transform:translateY(-50%);top:50%;background:url(/kor/images/ico_more.png);width:21px;height:10px;transition:0.2s}
#container .main_portfolio a.btn_more:hover:after{right:10px}
*/

@keyframes circle_rotate {
        0% {
            transform:translate(-50%, -50%) rotate(0deg);
        }
        100% {
            transform:translate(-50%, -50%) rotate(360deg);
        }
    }
@keyframes vibrate{
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
.main_content .main_service{padding:50px 0}
.main_content .main_service .title{text-align:center;}
.main_content .main_service .service{max-width:1100px;margin:70px auto 50px}
.main_content .main_service .service .service_wrap{padding:50px;display:flex;flex-direction:column}
.main_content .main_service .service .service_wrap>span.thumb{overflow:hidden;margin-bottom:50px;border-radius:10px;box-shadow:5px 5px 25px rgba(0,0,0,0.15)}
.main_content .main_service .service .service_wrap>strong{font-size:32px;font-weight:600;color:#000;margin-bottom:20px;}
.main_content .main_service .service .service_wrap>strong>span{color:#f4b545}
.main_content .main_service .service .service_wrap>span.txt{word-break:keep-all}

.main_content .main_making_info{/*border-top:1px solid #ccc;*/background-color:#f5f5f5;padding:100px 0 50px}
.main_content .main_making_info .title_wrap{display:flex; justify-content: space-between; align-items: center; padding: 0 0 10px; margin:0 0 50px; border-bottom:1px solid rgba(34,34,34,0.15); box-sizing:border-box;}
.main_content .main_making_info .title{display:block;}
.main_content .main_making_info .title > h2{color:#222;}

.main_content .main_benefit{/*border-top:1px solid #ccc;*/padding:100px 0; background:#fdb93e;}
.symbol{position:absolute; top:-62px; right:-50px;}
.symbol img{height:285px; opacity:0.15; z-index:-1;}
.main_content .main_benefit .title{display:block; text-align:center; margin:0 0 60px;}
.main_content .main_benefit .title h2{font-weight:bold; color:#302106;}
.main_content .main_benefit .title p{margin-top:15px; font-size:18px; font-weight:500; color:#67522b;}
.main_content .main_benefit .benefit_list{position:relative; z-index:2; display:flex;flex-wrap:wrap}
.main_content .main_benefit .benefit_list>li{position:relative;width:25%; background-color:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; margin:0;padding:50px 0 40px; box-sizing:border-box; text-align:center;box-sizing:border-box;}
.main_content .main_benefit .benefit_list>li:nth-child(4n){border-right:none;}
.main_content .main_benefit .benefit_list>li:nth-child(n + 5){border-bottom:none;}
.main_content .main_benefit .benefit_list>li>strong{color:#000;font-size:21px;font-weight:700}
.main_content .main_benefit .benefit_list>li>strong>span{color:#ea9e13;}
.main_content .main_benefit .benefit_list>li>p{margin-top:15px;font-size:16px;line-height:1.4em}
.main_content .main_benefit .benefit_list>li>.ico{display:block;width:42px;height:50px; margin:0 auto 20px;}
.main_content .main_benefit .benefit_list>li:nth-child(1)>.ico{background:url(/kor/images/main_benefit_ico1.svg) no-repeat center;}
.main_content .main_benefit .benefit_list>li:nth-child(2)>.ico{background:url(/kor/images/main_benefit_ico2.svg) no-repeat center;}
.main_content .main_benefit .benefit_list>li:nth-child(3)>.ico{background:url(/kor/images/main_benefit_ico3.svg) no-repeat center;}
.main_content .main_benefit .benefit_list>li:nth-child(4)>.ico{background:url(/kor/images/main_benefit_ico4.svg) no-repeat center;}
.main_content .main_benefit .benefit_list>li:nth-child(5)>.ico{background:url(/kor/images/main_benefit_ico5.svg) no-repeat center;}
.main_content .main_benefit .benefit_list>li:nth-child(6)>.ico{background:url(/kor/images/main_benefit_ico6.svg) no-repeat center;}
.main_content .main_benefit .benefit_list>li:nth-child(7)>.ico{background:url(/kor/images/main_benefit_ico7.svg) no-repeat center;}
.main_content .main_benefit .benefit_list>li:nth-child(8)>.ico{background:url(/kor/images/main_benefit_ico8.svg) no-repeat center;}
.main_content .main_benefit .benefit_list>li:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;transition:0.5s ease;border:7px solid #2b1e16;opacity:0}
.main_content .main_benefit .benefit_list>li:hover:after{opacity:1}

.main_content .main_contact{margin:0 0 50px;height:500px;background:url(/kor/images/main_contact_bg.png);}
.main_content .main_contact .contents_wrap{height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 130px;}
.main_content .main_contact .title{margin-bottom:30px; flex-direction: column;}
.main_content .main_contact .title span{color:#ed1b23; font-size:14px; font-weight:bold; letter-spacing:5px;}
.main_content .main_contact .title h2{font-size:54px}
.main_content .main_contact .title p{font-size:28px; font-weight:200;}
.main_content .main_contact .title h2, .main_content .main_contact .title p{color:#fff}
.main_content .main_contact .call>span{display:inline-block;background:#ed1b23 url(/kor/images/ico_call.png) no-repeat 18px 50%;color:#fff;line-height:1;font-weight:900;font-size:48px;padding:17px 22px 17px 80px;box-shadow:5px 5px 15px rgba(0,0,0,0.35)}
.main_content .main_contact .form_wrap{position:absolute;top:-50px;right:50px;width:480px;height:600px;background-color:#ed1b23;padding:65px 70px 0;box-shadow:5px 5px 30px rgba(0,0,0,0.25)}
.main_content .main_contact .form_wrap:before{content:'';display:block;position:absolute;left:-170px;top:40px;width:194px;height:186px;background:url(/kor/images/logo_img2.png)}
.main_content .main_contact .form_wrap>h2{color:#fff;font-size:48px;font-weight:300;line-height:1.1em;letter-spacing:-0.05em}
.main_content .main_contact .form_wrap>h2>strong{font-weight:600}
.main_content .main_contact .form_wrap>p{margin:8px 0 15px;color:rgba(255,255,255,0.8);font-size:16px;line-height:1.4em}

.cont_input, .cont_select{width:100%;height:44px;background:#fff;border:1px solid #ce2229;border-radius:3px;margin-bottom:3px;padding:0 15px;font-size:16px;}
.cont_input::placeholder{font-size:16px;}

.cont_select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(/kor/images/ico_select.png);background-repeat:no-repeat;background-position:calc(100% - 15px) 50%}
.cont_select::-ms-expand {display:none;}

.agree_box{display:flex;color:#fff;justify-content:space-between;font-size:14px;margin:3px 0 15px}
.agree_box>a{background:rgba(0,0,0,0.3);padding:0 7px;}
.smsBtn {display:block;font-size:22px;font-weight:600;color:#fff;background:rgba(0,0,0,0.7);height:60px;border-radius:5px;width:100%;border:none;cursor:pointer}

.main_content .main_partner{padding:50px 75px;display:flex;justify-content:space-between;align-items:center;}

/* 하단 레이아웃 */
#ft {display:flex;max-width:1600px;margin:0 auto;border-top:1px solid #b9babe;background:#fff;padding:70px 50px}
#ft .ft_logo{margin-right:50px;}
#ft .ft_logo img{height:48px;}
#ft>div>p{font-size:16px;line-height:1.8em}
#ft>div>p>span{position:relative;display:inline-block;margin-right:45px;}
#ft>div>p>span:before{content:'';display:block;position:absolute;left:-22px;top:7px;width:1px;height:14px;background-color:#cdcdcd}
#ft>div>p>span:first-child:before{display:none}
#ft>div>p>span>strong{color:#000;font-size:20px;}
#ft>div>span.copyright{font-size:14px;color:#aeaeae}

@media \0screen\,screen\9 {
#ft .col2 span {display:inline; zoom:1;}
}

.ft_bnn {position:absolute; right:0; top:52px; background:#fff; padding:2px;}
.ft_bnn ul {zoom:1;}
.ft_bnn ul:after {display:block;visibility:hidden;clear:both;content:""}
.ft_bnn li {float:left; border:1px solid #ececec; margin:0 0 0 2px;}
.ft_bnn li:first-child {margin:0;}

.btn_top {position:fixed; right:0; bottom:0; width:50px; height:50px; z-index:5000; display:none;}
.btn_top a {display:block; width:100%; height:100%; background:#333 url(/kor/images/ico_top.png) no-repeat center center; font-size:0; line-height:0;transition:0.2s}
.btn_top a:hover, .btn_top a:focus, .btn_top a:active {background-color:#000;}

/*관리버튼*/
.img_adm {position:absolute;}

/*썸네일*/
.thum_ol {display:block; position:relative; color:#fff !important; text-align:center;}
.thum_ol .overlay {position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.6); display:none;}
.thum_ol .text {position:absolute; /*top:50%;*/top:65%; left:50%; font-size:15px; line-height:1em; font-weight:bold; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index:10;}

@media \0screen\,screen\9 {
.thum_ol .overlay {background:url('/kor/images/thum_bg.png');}
.thum_ol .text {left:0; width:100%; margin:-44px 0 0;}
}

@media(max-width:1600px) {
.container2{max-width:1240px}
.main_content .col2 h3{max-width:1220px}
}

/*퀵메뉴*/
#quick_box_wrap {position:fixed; right:0; bottom:0; z-index:500;}
#quick_box_wrap.hidden {right:-200px !important;}
#quick_box_wrap .btn {width:50px; height:50px; background-repeat:no-repeat; background-position:center center; background-color:rgba(0,0,0,0.7); background-size:30%;display:block; position:absolute; left:-50px; top:0px; border:none;border-radius:5px 0 0 5px}
#quick_box_wrap .btn_close {background-image:url('/kor/images/ico_close.png');display:block; visibility:visible;}
#quick_box_wrap .btn_open {background-image:url('/kor/images/ico_open.png');display:none; visibility:hidden;}
#quick_box_wrap.hidden .btn_close {display:none; visibility:hidden;}
#quick_box_wrap.hidden .btn_open {display:block; visibility:visible;background-size:20%;}
#quick_box {position:relative;width:200px;}
/*#quick_box:before{content:'';display:block;position:absolute;right:12px;top:-64px;width:75px;height:72px;background:url(/kor/images/logo_img.png)}*/
#quick_box .col {padding:20px 20px 17px;background:#ed1b23;}
#quick_box .col h4 {position:relative;font-size:20px;font-weight:500;text-align:right;margin:15px 0 10px;}
#quick_box .col h4:before{content:'';display:block;position:absolute;left:0;bottom:5px;width:40px;height:40px;background:url(/kor/images/ico_call.png);background-size:cover}
#quick_box .col1 {color:#fff; font-size:13px;}
#quick_box .col1 a {color:#777;}
#quick_box .col1 h4 {color:#fff;}
#quick_box .motion{position:absolute; top:0; right:10px;}
/*#quick_box .col2 {text-align:center;}
#quick_box .col2 h4 {color:#9aadc1;}
#quick_box .col2 p {font-size:14px; color:#8996a4; font-weight:bold;}
#quick_box .col2 p.txt_call, #quick_box .col2 p.txt_bank {color:#fff; font-weight:normal;}
#quick_box .col2 p.txt_call {font-size:32px;}
#quick_box .col2 p.txt_bank {font-size:22px; margin:0 0 .5em;}
#quick_box .col2 .line {width:45px; height:0; border-top:1px solid #636e75; clear:both; margin:24px auto 0; padding:0 0 24px;}*/
#quick_box .tt {font-size:24px;line-height:1;text-align:center;font-weight:800;margin-top:10px;}
#quick_box .sms_input, #quick_box select{border:1px solid #ce2229;height:34px;width:100%;text-indent:.7em;margin:0 0 1px;border-radius:3px;}

#quick_box select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-size:auto 20%;background-image:url(/kor/images/ico_select.png);background-repeat:no-repeat;background-position:calc(100% - 10px) 50%}
#quick_box select::-ms-expand {display:none;}

#quick_box .agree{margin:2px 0 5px;display:flex;justify-content:space-between;align-items:center;}
#quick_box .agree_pop {position:relative;background-color:rgba(0,0,0,0.3);height:25px;line-height:23px;padding:0 7px;color:#fff !important;border-radius:3px;}
#quick_box .sms_btn {width:100%;height:36px;background-color:rgba(0,0,0,0.7);font-size:16px;color:#fff;line-height:38px;border:none;cursor:pointer;border-radius:5px;font-weight:600}

#quick_box .kakao{display:block;background:#efde09 url(/kor/images/kakao.png) no-repeat calc(100% - 19px) 50%;color:#291514;height:50px;line-height:50px;padding:0 20px;font-size:16px;letter-spacing:-0.05em}
#quick_box .kakao>strong{font-size:18px;}

/*개인정보취급방침 팝업*/
.white_content {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,.8); left:0; top:0; z-index:100; overflow:hidden;}
.light_close {position:absolute; width:100%; height:100%; left:0; top:0; z-index:200;}
a.sam_close {display:block; text-align:center; font-weight:bold; color:#444; margin:25px 0 20px;}
.pop_cont_wrap {
position: absolute;
top: 10%;
left: 50%;
width: 770px;
margin-left:-375px;
height: 80%;
background-color:#fff;
z-index:1000;
overflow-x:hidden;
padding:30px;
}
.pop_cont_wrap h3 {font-size:18px; color:#444; margin: 0 0 1.3em; border-bottom:2px solid #888; padding:0 0 .6em;}
.pop_cont_wrap p{font-size:16px;}