@charset "utf-8";

#s_visual {width:100%; position:relative; box-sizing:border-box;}
#s_visual .slogan {width:100%; height:600px; box-sizing:border-box; overflow:hidden;}
#s_visual .slogan > div{width:100%; height:100%; display:table; table-layout:fixed; position:relative;}
#s_visual .slogan .slogan_bg{position: absolute; width: 100%; height:100%; transition: transform ease 1.6s; transform: scale(1.3);}
#s_visual .slogan_bg.on {transform: scale(1);}
#s_visual .slogan > div > .title_box{width:100%; display:table-cell; vertical-align:middle; text-align:center; padding-top:80px; position:relative; z-index:1;}
#s_visual .slogan > div > .title_box .title {display:block; font-family:'Poppins', sans-serif; font-size:72px; color:white; font-weight:700; letter-spacing:0; line-height:100%;}
#s_visual .slogan > div > .title_box .sub_txt {margin-top:24px;}
#s_visual .slogan > div > .title_box .sub_txt span{font-family:'Poppins', sans-serif; font-size:20px; color:white; opacity: 0.7; letter-spacing:0; line-height:100%;}
#s_visual.s_visual_01 .slogan .slogan_bg{ background:url('../img/sub/sub_v_01.jpg') no-repeat center; background-size:cover; }
#s_visual.s_visual_02 .slogan .slogan_bg{ background:url('../img/sub/sub_v_02.jpg') no-repeat center; background-size:cover; }
#s_visual.s_visual_03 .slogan .slogan_bg{ background:url('../img/sub/sub_v_03.jpg') no-repeat center; background-size:cover; }
#s_visual.s_visual_04 .slogan .slogan_bg{ background:url('../img/sub/sub_v_04.jpg') no-repeat center; background-size:cover; }
#s_visual.s_visual_05 .slogan .slogan_bg{ background:url('../img/sub/sub_v_05.jpg') no-repeat center; background-size:cover; }


#contents{width:100%;}
#contents .sub_tit{width:100%; text-align:center; padding-top:112px;}
#contents .sub_tit h3{display:block; font-family:'Noto Sans KR', sans-serif; font-size:54px; color:#111; line-height:100%; font-weight:700; letter-spacing:-1.5px;}
#contents .sub_tit p{font-size:20px; color:#333; line-height:100%; margin-top:36px;}


.history{width:100%; padding-bottom:300px;}
#history{width:100%; max-width:1240px; margin:0 auto;}

#history .center .bottom {display:flex; justify-content: space-between; overflow:hidden; padding-top:140px;}
#history .center .bottom .year {position: relative; z-index: 1;}
#history .center .bottom .year .box {display:flex; align-items:center; top:140px;}
#history .center .bottom .year .box h1 {font-family:'Poppins', sans-serif; font-size:146px; font-weight:700; color:#333; width:100%; line-height:100%; transition: color 0.3s; letter-spacing:0;}
#history .center .bottom .year .box.on h1 {color:#f8991d;}
#history .center .bottom .month {width:50%;}
#history .center .bottom .month > div{width:100%; border-top:1px solid #e2e2e2; padding:200px 0 200px; margin-top:-80px;}
#history .center .bottom .month > div:first-child{border-top:0; padding-top:60px; margin-top:0;}
#history .center .bottom .month table {width:100%; border-collapse:collapse; transition: opacity 0.5s;}
#history .center .bottom .month table th{width:60px; font-family:'Poppins', sans-serif; font-size:21px; color:#111; font-weight:700; line-height:46px; letter-spacing:0; vertical-align:top;}
#history .center .bottom .month table td{width:calc(100% - 60px); font-family:'Noto Sans KR', sans-serif; font-size:18px; color:#666; line-height:46px; vertical-align:top;}


.partners{width:100%; padding-bottom:180px;}
.partners .sc{width:100%; max-width:1240px; margin:0 auto; margin-top:30px;}
.partners .sc > div{margin:0 -15px;}
.partners .sc > div ul{width:100%; overflow:hidden;}
.partners .sc > div ul li{width:20%; float:left; padding:0 15px; margin-top:50px;}
.partners .sc > div ul li > div{width:100%;}
.partners .sc > div ul li > div img{width:100%;}


.familysite{width:100%; padding-bottom:160px;}
.familysite .sc{width:100%; max-width:1240px; margin:0 auto; margin-top:100px;}
.familysite .sc .img_box{width:100%; max-width:661px; margin:0 auto; position:relative;}
.familysite .sc .img_box:before{content:''; position:absolute; top:-29px; left:-107px; width:153px; height:84px; background:url('../img/sub/familysite_bg01.png') 0 0 no-repeat;}
.familysite .sc .img_box:after{content:''; position:absolute; bottom:63px; right:-143px; width:234px; height:234px; background:url('../img/sub/familysite_bg02.png') 0 0 no-repeat;}
.familysite .sc .img_box a{display:block; width:100%; position:relative; z-index:1;}
.familysite .sc .img_box a img{width:100%;}
.familysite .sc .txt_box{width:100%; margin-top:58px; text-align:center;}
.familysite .sc .txt_box strong{display:block; font-size:36px; color:#111; font-weight:500; line-height:100%;}
.familysite .sc .txt_box p{font-size:18px; color:#666; line-height:32px; margin-top:30px;}


.performance{width:100%; padding-bottom:160px;}
.performance .sec01{width:100%; min-height:620px; display:table; margin-top:110px;}
.performance .sec01 .img_box{width:50%; display:table-cell; vertical-align:top; background:url('../img/sub/performance_sec01_img.jpg') center top no-repeat; background-size:cover;}
.performance .sec01 .txt_box{width:50%; display:table-cell; vertical-align:top; background:#f9f9f9; font-family:'Noto Sans KR', sans-serif; padding:132px 80px;}
.performance .sec01 .txt_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:56px;}
.performance .sec01 .txt_box p{font-size:18px; color:#666; line-height:32px; margin-top:30px;}

.performance .sec02{width:100%; padding:160px 0;}
.performance .sec02 .inner{width:100%; max-width:1240px; margin:0 auto;}
.performance .sec02 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.performance .sec02 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:56px;}

.performance .sec02 .graph_wrap{width:100%; max-width:1052px; margin:0 auto; margin-top:80px;}
.performance .sec02 .graph_wrap > p{font-size:14px; color:#656e84; line-height:100%; text-align:right; margin-bottom:26px; font-family:'Noto Sans KR', sans-serif;}
.performance .sec02 .graph_box .graph_pc{display:block;}
.performance .sec02 .graph_box .graph_m{display:none;}
.performance .sec02 .graph_box{width:100%; position:relative;}
.performance .sec02 .graph_box .graph_line{width:0; overflow:hidden; transition: width 2s; position:absolute; bottom:0; left:0; z-index:2;}
.performance .sec02 .graph_box.on .graph_line{width:1052px;}
.performance .sec02 .graph_box .graph_line img{width:1052px;}
.performance .sec02 .graph_box .graph_dot{position:absolute; padding-bottom:22px; z-index:3; opacity:0; transition:opacity 0.3s;}
.performance .sec02 .graph_box.on .graph_dot{opacity:1;}
.performance .sec02 .graph_box .graph_dot p{display:inline-block; font-size:15px; color:#f89d25; letter-spacing:0; font-weight:600;}
.performance .sec02 .graph_box .graph_dot span{display:block; width:18px; height:18px; border-radius:100%; background:white; border:4px solid #f8991d; box-sizing:border-box; box-shadow:0 0 20px 4px rgba(255, 215, 163, 0.7); position:absolute; bottom:0; left:50%; margin-left:-9px;}
.performance .sec02 .graph_box .graph_dot01{top:213px; left:92px; transition-delay: 0.3s;}
.performance .sec02 .graph_box .graph_dot02{top:184px; left:312px; transition-delay: 0.6s;}
.performance .sec02 .graph_box .graph_dot03{top:120px; left:532px; transition-delay: 0.9s;}
.performance .sec02 .graph_box .graph_dot04{top:59px; left:750px; transition-delay: 1.2s;}
.performance .sec02 .graph_box .graph_dot05{top:-2px; left:955px; transition-delay: 1.5s;}
.performance .sec02 .graph_box .graph_dot05 p dfn{display:inline-block; font-style:normal; font-size:13px; color:#333; line-height:100%; letter-spacing:-1px; font-weight:400;}
.performance .sec02 .graph_box .graph_line_base{}
.performance .sec02 .graph_box .graph_line_base span{display:block; font-size:14px; color:#666; line-height:100%; letter-spacing:0; position:absolute; z-index:3;}
.performance .sec02 .graph_box .graph_line_base span.gb_t01{width:39px; text-align:right; left:0; top:0;}
.performance .sec02 .graph_box .graph_line_base span.gb_t02{width:39px; text-align:right; left:0; top:60px;}
.performance .sec02 .graph_box .graph_line_base span.gb_t03{width:39px; text-align:right; left:0; top:121px;}
.performance .sec02 .graph_box .graph_line_base span.gb_t04{width:39px; text-align:right; left:0; top:182px;}
.performance .sec02 .graph_box .graph_line_base span.gb_t05{width:39px; text-align:right; left:0; top:243px;}
.performance .sec02 .graph_box .graph_line_base span.gb_t06{width:39px; text-align:right; left:0; bottom:86px;}
.performance .sec02 .graph_box .graph_line_base span.gb_t07{width:39px; text-align:right; left:0; bottom:25px;}
.performance .sec02 .graph_box .graph_line_base span.gb_b01{text-align:center; bottom:0; left:96px;}
.performance .sec02 .graph_box .graph_line_base span.gb_b02{text-align:center; bottom:0; left:317px;}
.performance .sec02 .graph_box .graph_line_base span.gb_b03{text-align:center; bottom:0; left:50%; margin-left:10px;}
.performance .sec02 .graph_box .graph_line_base span.gb_b04{text-align:center; bottom:0; right:266px;}
.performance .sec02 .graph_box .graph_line_base span.gb_b05{text-align:center; bottom:0; right:45px;}
.performance .sec02 .graph_box .graph_line_base > img{width:100%;}

.performance .sec03{width:100%; background:url('../img/sub/performance_sec03_bg.jpg') center top no-repeat; background-size:cover; padding:160px 0;}
.performance .sec03 .inner{width:100%; max-width:1240px; margin:0 auto;}
.performance .sec03 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.performance .sec03 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:56px;}
.performance .sec03 .list_box{margin:0 -10px; margin-top:74px;}
.performance .sec03 .list_box ul{width:100%; overflow:hidden;}
.performance .sec03 .list_box ul li{width:25%; float:left; padding:0 10px;}
.performance .sec03 .list_box ul li > div{width:100%; padding:56px 46px; text-align:center;}
.performance .sec03 .list_box ul li.box01 > div{background:#3c465c;}
.performance .sec03 .list_box ul li.box02 > div{background:#3c465c;}
.performance .sec03 .list_box ul li.box03 > div{background:#2d364f;}
.performance .sec03 .list_box ul li.box04 > div{background:#2f3545;}
.performance .sec03 .list_box ul li > div p{font-size:20px; color:white; line-height:100%; position:relative; padding-bottom:32px;}
.performance .sec03 .list_box ul li > div p:before{content:''; position:absolute; bottom:0; left:50%; margin-left:-18px; width:36px; height:3px; background:#f8991d;}
.performance .sec03 .list_box ul li > div strong{display:block; font-size:52px; color:white; font-weight:700; line-height:100%; letter-spacing:0; margin-top:60px;}
.performance .sec03 .list_box ul li > div dfn{display:block; font-style:normal; font-size:16px; color:#8a93ab; line-height:100%; margin-top:16px;}
.performance .sec03 .inner > p{font-size:16px; color:#6e7790; line-height:100%; text-align:right; margin-top:24px;}

.performance .sec04{width:100%; background:url('../img/sub/performance_sec04_bg.jpg') center top no-repeat; background-size:cover; padding:200px 0;}
.performance .sec04 .inner{width:100%; max-width:1240px; margin:0 auto; overflow:hidden;}
.performance .sec04 .tit_box{width:50%; float:left; font-family:'Noto Sans KR', sans-serif;}
.performance .sec04 .tit_box strong{display:block; font-size:40px; color:white; font-weight:700; line-height:56px;}
.performance .sec04 .list_box{width:50%; float:left;}
.performance .sec04 .list_box ul{width:100%; font-family:'Noto Sans KR', sans-serif;}
.performance .sec04 .list_box ul li{font-size:20px; color:white; line-height:32px; position:relative; padding-left:16px; margin:20px 0;}
.performance .sec04 .list_box ul li:first-child{margin-top:0;}
.performance .sec04 .list_box ul li:before{content:''; position:absolute; top:14px; left:0; width:5px; height:5px; background:#f8991d; border-radius:100%;}
.performance .sec04 .list_box > div{width:100%; position:relative; padding:10px 0 10px 30px; margin-top:70px;}
.performance .sec04 .list_box > div:before{content:''; position:absolute; top:0; left:0; width:4px; height:100%; background:white; opacity:0.3;}
.performance .sec04 .list_box > div p{font-size:18px; color:white; line-height:100%;}
.performance .sec04 .list_box > div strong{display:block; font-size:36px; color:#f8991d; font-weight:700; line-height:100%; margin-top:16px;}

.performance .sec05{width:100%; padding-top:160px;}
.performance .sec05 .inner{width:100%; max-width:1240px; margin:0 auto;}
.performance .sec05 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.performance .sec05 .tit_box p{font-size:22px; color:#333; line-height:34px;}
.performance .sec05 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:56px; margin-top:22px;}
.performance .sec05 .list_box{margin:0 -16px; margin-top:94px;}
.performance .sec05 .list_box ul{width:100%; height:100%; display:table;}
.performance .sec05 .list_box ul li{width:33.333%; display:table-cell; vertical-align:top; padding:0 16px;}
.performance .sec05 .list_box ul li > div{width:100%; height:100%; background:white; box-shadow:0 8px 56px 0 rgba(61, 105, 140, .12); text-align:center; padding:70px 50px 60px; position:relative;}
.performance .sec05 .list_box ul li > div:before{position:absolute; top:-27px; left:50%; margin-left:-27px; width:54px; height:54px; line-height:54px; background:#f8991d; border-radius:100%; font-family:'Poppins', sans-serif; font-size:20px; color:white; font-weight:700; text-align:center; letter-spacing:0;}
.performance .sec05 .list_box ul li.box01 > div:before{content:'01';}
.performance .sec05 .list_box ul li.box02 > div:before{content:'02';}
.performance .sec05 .list_box ul li.box03 > div:before{content:'03';}
.performance .sec05 .list_box ul li > div strong{display:block; font-size:24px; color:#111; font-weight:500; line-height:36px;}
.performance .sec05 .list_box ul li > div p{font-size:16px; color:#666; line-height:26px; border-top:1px solid #d4d7dd; padding-top:36px; margin-top:30px;}


.service_exchange{width:100%;}
.service_exchange .sec01{width:100%; padding:100px 0 160px;}
.service_exchange .sec01 .inner{width:100%; max-width:1240px; margin:0 auto;}
.service_exchange .sec01 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.service_exchange .sec01 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:56px;}
.service_exchange .sec01 .list_box{margin-top:74px;}
.service_exchange .sec01 .list_box ul{width:100%; height:100%; display:table;}
.service_exchange .sec01 .list_box ul li{width:20%; display:table-cell; vertical-align:top; position:relative;}
.service_exchange .sec01 .list_box ul li:before{content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#e8e8e8;}
.service_exchange .sec01 .list_box ul li:first-child:before{display:none;}
.service_exchange .sec01 .list_box ul li > div{width:100%; height:100%; text-align:center; padding:120px 30px 0; position:relative;}
.service_exchange .sec01 .list_box ul li > div:before{content:''; position:absolute; top:0; left:50%; margin-left:-43px; width:86px; height:86px; border-radius:100%;}
.service_exchange .sec01 .list_box ul li.box01 > div:before{background:#f6f6f6 url('../img/sub/ser_exchange_icon01.png') 50% 50% no-repeat;}
.service_exchange .sec01 .list_box ul li.box02 > div:before{background:#f6f6f6 url('../img/sub/ser_exchange_icon02.png') 50% 50% no-repeat;}
.service_exchange .sec01 .list_box ul li.box03 > div:before{background:#f6f6f6 url('../img/sub/ser_exchange_icon03.png') 50% 50% no-repeat;}
.service_exchange .sec01 .list_box ul li.box04 > div:before{background:#f6f6f6 url('../img/sub/ser_exchange_icon04.png') 50% 50% no-repeat;}
.service_exchange .sec01 .list_box ul li.box05 > div:before{background:#f6f6f6 url('../img/sub/ser_exchange_icon05.png') 50% 50% no-repeat;}
.service_exchange .sec01 .list_box ul li > div strong{display:block; font-size:24px; color:#111; font-weight:500; line-height:32px;}
.service_exchange .sec01 .list_box ul li > div p{font-size:16px; color:#666; line-height:26px; margin-top:18px;}

.service_exchange .sec02{width:100%; background:#eef3f7; padding:160px 0;}
.service_exchange .sec02 .inner{width:100%; max-width:1296px; margin:0 auto;}
.service_exchange .sec02 .inner div{width:100%;}
.service_exchange .sec02 .inner div.sec02_pc{display:block;}
.service_exchange .sec02 .inner div.sec02_m{display:none;}
.service_exchange .sec02 .inner div img{width:100%;}


.moneyback{width:100%; padding-bottom:160px;}
.moneyback .inner{width:100%; max-width:1240px; margin:0 auto;}
.moneyback .sc{width:100%; margin-top:36px;}
.moneyback .sc .txt_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.moneyback .sc .txt_box p{font-size:20px; color:#333; line-height:36px;}
.moneyback .sc .txt_box span{display:block; font-size:16px; color:#888; line-height:100%; margin-top:12px;}
.moneyback .sc .img_box{width:100%; margin-top:80px;}
.moneyback .sc .img_box .img_cn{width:100%;}
.moneyback .sc .img_box .img_cn img{width:100%;}
.moneyback .sc .img_box .txt_cn{margin:0 -4%; margin-top:40px;}
.moneyback .sc .img_box .txt_cn ul{width:100%; overflow:hidden;}
.moneyback .sc .img_box .txt_cn ul li{width:33.3333%; float:left; padding:0 4%;}
.moneyback .sc .img_box .txt_cn ul li > div{width:100%; text-align:center;}
.moneyback .sc .img_box .txt_cn ul li > div span{display:block; font-family:'Poppins', sans-serif; letter-spacing:0; font-size:18px; color:#f8991d; font-weight:700; line-height:100%; text-decoration:underline;}
.moneyback .sc .img_box .txt_cn ul li > div strong{display:block; font-size:24px; color:#111; font-weight:700; line-height:100%; margin-top:30px;}
.moneyback .sc .img_box .txt_cn ul li > div p{font-family:'Noto Sans KR', sans-serif; font-size:20px; color:#333; margin-top:8px;}


.per_ad{width:100%; padding-bottom:160px;}
.dep3_tab{width:100%; text-align:center; margin-top:80px;}
.dep3_tab ul{display:inline-block; text-align:center; font-size:0; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
.dep3_tab ul li{display:inline-block; width:240px;}
.dep3_tab ul li a{display:block; width:100%; height:70px; line-height:68px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:18px; color:#333; font-family:'Poppins', sans-serif; letter-spacing:0;}
.dep3_tab ul li.on a{background:#f8991d; color:white; font-weight:500;}

.per_ad .sc{width:100%;}
.per_ad .sc .sec01{width:100%; padding:100px 0 140px;}
.per_ad .sc .sec01 .inner{width:100%; max-width:1240px; margin:0 auto;}
.per_ad .sc .sec01 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.per_ad .sc .sec01 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:100%;}
.per_ad .sc .sec01 .tit_box p{font-size:18px; color:#333; line-height:100%; margin-top:36px;}
.per_ad .sc .sec01 .tit_box span{display:block; font-size:16px; color:#888; line-height:100%; margin-top:14px;}
.per_ad .sc .sec01 .list_box{margin:0 -10px; margin-top:60px;}
.per_ad .sc .sec01 .list_box ul{width:100%;}
.per_ad .sc .sec01 .list_box ul li{width:25%; float:left; padding:0 10px;}
.per_ad .sc .sec01 .list_box ul li > div{width:100%;}
.per_ad .sc .sec01 .list_box ul li > div div{width:100%; border:1px solid #e6e6e6; box-shadow:0 8px 56px 0 rgba(61, 105, 140, .12);}
.per_ad .sc .sec01 .list_box ul li > div div img{width:100%;}
.per_ad .sc .sec01 .list_box ul li > div p{font-size:18px; color:#333; line-height:100%; text-align:center; margin-top:30px;}

.per_ad .sc .sec02{width:100%; background:#f9f9f9; padding:140px 0;}
.per_ad .sc .sec02 .inner{width:100%; max-width:1240px; margin:0 auto;}
.per_ad .sc .sec02 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.per_ad .sc .sec02 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:100%;}
.per_ad .sc .sec02 .tit_box p{font-size:18px; color:#333; line-height:32px; margin-top:32px;}
.per_ad .sc .sec02 .img_box{width:100%; max-width:620px; margin:0 auto; margin-top:46px;}
.per_ad .sc .sec02 .img_box img{width:100%;}
.per_ad .sc .sec02 .inner > p{font-size:15px; color:#eb0000; line-height:100%; text-align:center; margin-top:30px;}

.per_ad .sc .sec03{width:100%; padding:140px 0;}
.per_ad .sc .sec03 .inner{width:100%; max-width:1240px; margin:0 auto;}
.per_ad .sc .sec03 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.per_ad .sc .sec03 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:100%;}
.per_ad .sc .sec03 .tit_box p{font-size:18px; color:#333; line-height:32px; margin-top:32px;}
.per_ad .sc .sec03 .img_box{width:100%; margin-top:100px;}
.per_ad .sc .sec03 .img_box img{width:100%;}
.per_ad .sc .sec03 .img_box img.sec03_pc{display:block;}
.per_ad .sc .sec03 .img_box img.sec03_m{display:none;}
.per_ad .sc .sec03 .list_box{margin:0 -10px; margin-top:80px;}
.per_ad .sc .sec03 .list_box ul{width:100%;}
.per_ad .sc .sec03 .list_box ul li{width:50%; float:left; padding:0 10px;}
.per_ad .sc .sec03 .list_box ul li > div{width:100%;}
.per_ad .sc .sec03 .list_box ul li > div div{width:100%; border:1px solid #e6e6e6; box-shadow:0 8px 56px 0 rgba(61, 105, 140, .12);}
.per_ad .sc .sec03 .list_box ul li > div div img{width:100%;}
.per_ad .sc .sec03 .inner > p{font-size:15px; color:#eb0000; line-height:100%; text-align:center; margin-top:36px;}

.per_ad .sc .sec04{width:100%; background:#f9f9f9; padding:140px 0;}
.per_ad .sc .sec04 .inner{width:100%; max-width:1240px; margin:0 auto;}
.per_ad .sc .sec04 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.per_ad .sc .sec04 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:100%;}
.per_ad .sc .sec04 .tit_box p{font-size:18px; color:#333; line-height:32px; margin-top:32px;}
.per_ad .sc .sec04 .img_box{width:100%; max-width:753px; margin:0 auto; margin-top:80px;}
.per_ad .sc .sec04 .img_box img{width:100%;}
.per_ad .sc .sec04 .inner > p{font-size:20px; color:#333; font-weight:500; line-height:100%; text-align:center; margin-top:22px;}
.per_ad .sc .sec04 .inner > p span{color:#f86a1d;}

.per_ad .sc .sec05{width:100%; padding:140px 0;}
.per_ad .sc .sec05 .inner{width:100%; max-width:1240px; margin:0 auto;}
.per_ad .sc .sec05 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.per_ad .sc .sec05 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:100%;}
.per_ad .sc .sec05 .tit_box div{font-size:22px; color:#333; line-height:100%; margin-top:20px;}
.per_ad .sc .sec05 .tit_box div span{color:#f86a1d;}
.per_ad .sc .sec05 .tit_box p{font-size:18px; color:#333; line-height:32px; margin-top:36px;}
.per_ad .sc .sec05 .img_box{margin:0 -74px; margin-top:80px;}
.per_ad .sc .sec05 .img_box ul{width:100%; overflow:hidden;}
.per_ad .sc .sec05 .img_box ul li{width:50%; float:left; padding:0 74px; position:relative;}
.per_ad .sc .sec05 .img_box ul li:before{content:''; position:absolute; top:50%; margin-top:-74px; left:-37px; width:74px; height:74px; background:#f8991d url('../img/sub/ad_sec_arr.png') 50% 50% no-repeat; border-radius:100%;}
.per_ad .sc .sec05 .img_box ul li:first-child:before{display:none;}
.per_ad .sc .sec05 .img_box ul li > div{width:100%;}
.per_ad .sc .sec05 .img_box ul li > div div{width:100%;}
.per_ad .sc .sec05 .img_box ul li > div div img{width:100%;}
.per_ad .sc .sec05 .img_box ul li > div p{font-size:18px; color:#333; line-height:30px; text-align:center; margin-top:12px;}
.per_ad .sc .sec05 .img_box ul li > div p span{font-weight:500; color:#f8991d;}

.per_ad .sc .sec06{width:100%; background:#f9f9f9; padding:140px 0;}
.per_ad .sc .sec06 .inner{width:100%; max-width:1240px; margin:0 auto;}
.per_ad .sc .sec06 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.per_ad .sc .sec06 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:100%;}
.per_ad .sc .sec06 .tit_box p{font-size:18px; color:#333; line-height:32px; margin-top:32px;}
.per_ad .sc .sec06 .img_box{margin:0 -74px; margin-top:80px;}
.per_ad .sc .sec06 .img_box ul{width:100%; overflow:hidden;}
.per_ad .sc .sec06 .img_box ul li{width:50%; float:left; padding:0 74px; position:relative;}
.per_ad .sc .sec06 .img_box ul li:before{content:''; position:absolute; top:50%; margin-top:-74px; left:-37px; width:74px; height:74px; background:#f8991d url('../img/sub/ad_sec_arr.png') 50% 50% no-repeat; border-radius:100%;}
.per_ad .sc .sec06 .img_box ul li:first-child:before{display:none;}
.per_ad .sc .sec06 .img_box ul li > div{width:100%;}
.per_ad .sc .sec06 .img_box ul li > div div{width:100%;}
.per_ad .sc .sec06 .img_box ul li > div div img{width:100%;}
.per_ad .sc .sec06 .img_box ul li > div p{font-size:18px; color:#333; line-height:30px; text-align:center; margin-top:12px;}
.per_ad .sc .sec06 .img_box ul li > div p span{font-weight:500; color:#f8991d;}

.per_ad .sc .sec07{width:100%; padding-top:140px;}
.per_ad .sc .sec07 .inner{width:100%; max-width:1240px; margin:0 auto;}
.per_ad .sc .sec07 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.per_ad .sc .sec07 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:100%;}
.per_ad .sc .sec07 .tit_box p{font-size:18px; color:#333; line-height:32px; margin-top:32px;}
.per_ad .sc .sec07 .img_box{margin:0 -54px; margin-top:80px;}
.per_ad .sc .sec07 .img_box ul{width:100%; overflow:hidden;}
.per_ad .sc .sec07 .img_box ul li{width:50%; float:left; padding:0 54px; position:relative;}
.per_ad .sc .sec07 .img_box ul li:before{content:''; position:absolute; top:50%; margin-top:-74px; left:-37px; width:74px; height:74px; background:#f8991d url('../img/sub/ad_sec_arr.png') 50% 50% no-repeat; border-radius:100%;}
.per_ad .sc .sec07 .img_box ul li:first-child:before{display:none;}
.per_ad .sc .sec07 .img_box ul li > div{width:100%;}
.per_ad .sc .sec07 .img_box ul li > div div{width:100%;}
.per_ad .sc .sec07 .img_box ul li > div div img{width:100%;}
.per_ad .sc .sec07 .img_box ul li > div p{font-size:18px; color:#333; line-height:30px; text-align:center; margin-top:26px;}
.per_ad .sc .sec07 .img_box ul li > div p span{font-weight:500; color:#f8991d;}

.per_ad .sc .ad_m_sec01{width:100%; padding:100px 0 140px;}
.per_ad .sc .ad_m_sec01 .inner{width:100%; max-width:1240px; margin:0 auto;}
.per_ad .sc .ad_m_sec01 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.per_ad .sc .ad_m_sec01 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:100%;}
.per_ad .sc .ad_m_sec01 .tit_box p{font-size:18px; color:#333; line-height:32px; margin-top:32px;}
.per_ad .sc .ad_m_sec01 .tit_box div{width:100%; text-align:center; font-size:0; margin-top:24px;}
.per_ad .sc .ad_m_sec01 .tit_box div span{display:inline-block; font-size:16px; color:#f86a1d; height:46px; line-height:44px; border:1px solid #f8991d; padding:0 24px; margin:0 2px;}
.per_ad .sc .ad_m_sec01 .list_box{width:100%; margin-top:80px;}
.per_ad .sc .ad_m_sec01 .list_box ul{width:100%; text-align:center; font-size:0;}
.per_ad .sc .ad_m_sec01 .list_box ul li{display:inline-block; vertical-align:top; margin-left:80px;}
.per_ad .sc .ad_m_sec01 .list_box ul li:first-child{margin-left:0;}
.per_ad .sc .ad_m_sec01 .list_box ul li > div{width:100%;}
.per_ad .sc .ad_m_sec01 .list_box ul li > div div{width:100%;}
.per_ad .sc .ad_m_sec01 .list_box ul li > div div img{width:100%;}
.per_ad .sc .ad_m_sec01 .list_box ul li > div p{font-size:18px; color:#333; line-height:28px; text-align:center; margin-top:30px;}
.per_ad .sc .ad_m_sec01 .list_box ul li > div p span{display:block; width:50px; height:50px; border-radius:100%; background:#f8991d; text-align:center; line-height:50px; font-size:18px; color:white; font-weight:700; letter-spacing:0; margin:0 auto; margin-bottom:14px;}

.per_ad .sc .ad_m_sec02{width:100%; background:#f9f9f9; padding:140px 0;}
.per_ad .sc .ad_m_sec02 .inner{width:100%; max-width:1240px; margin:0 auto;}
.per_ad .sc .ad_m_sec02 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.per_ad .sc .ad_m_sec02 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:46px;}
.per_ad .sc .ad_m_sec02 .tit_box p{font-size:18px; color:#333; line-height:32px; margin-top:30px;}
.per_ad .sc .ad_m_sec02 .tit_box div{width:100%; text-align:center; font-size:0; margin-top:24px;}
.per_ad .sc .ad_m_sec02 .tit_box div span{display:inline-block; font-size:16px; color:#f86a1d; height:46px; line-height:44px; border:1px solid #f8991d; padding:0 24px; margin:0 2px;}
.per_ad .sc .ad_m_sec02 .list_box{width:100%; margin-top:80px;}
.per_ad .sc .ad_m_sec02 .list_box ul{width:100%; text-align:center; font-size:0;}
.per_ad .sc .ad_m_sec02 .list_box ul li{display:inline-block; vertical-align:top; margin-left:50px;}
.per_ad .sc .ad_m_sec02 .list_box ul li:first-child{margin-left:0;}
.per_ad .sc .ad_m_sec02 .list_box ul li > div{width:100%;}
.per_ad .sc .ad_m_sec02 .list_box ul li > div div{width:100%;}
.per_ad .sc .ad_m_sec02 .list_box ul li > div div img{width:100%;}
.per_ad .sc .ad_m_sec02 .list_box ul li > div p{font-size:18px; color:#333; line-height:28px; text-align:center; margin-top:30px;}
.per_ad .sc .ad_m_sec02 .list_box ul li > div p span{display:block; width:50px; height:50px; border-radius:100%; background:#f8991d; text-align:center; line-height:50px; font-size:18px; color:white; font-weight:700; letter-spacing:0; margin:0 auto; margin-bottom:14px;}

.per_ad .sc .ad_m_sec03{width:100%; padding-top:140px;}
.per_ad .sc .ad_m_sec03 .inner{width:100%; max-width:1240px; margin:0 auto;}
.per_ad .sc .ad_m_sec03 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.per_ad .sc .ad_m_sec03 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:46px;}
.per_ad .sc .ad_m_sec03 .tit_box p{font-size:18px; color:#333; line-height:32px; margin-top:30px;}
.per_ad .sc .ad_m_sec03 .tit_box div{width:100%; text-align:center; font-size:0; margin-top:24px;}
.per_ad .sc .ad_m_sec03 .tit_box div span{display:inline-block; font-size:16px; color:#f86a1d; height:46px; line-height:44px; border:1px solid #f8991d; padding:0 24px; margin:0 2px;}
.per_ad .sc .ad_m_sec03 .list_box{width:100%; margin-top:80px;}
.per_ad .sc .ad_m_sec03 .list_box ul{width:100%; text-align:center; font-size:0;}
.per_ad .sc .ad_m_sec03 .list_box ul li{display:inline-block; vertical-align:top; margin-left:50px;}
.per_ad .sc .ad_m_sec03 .list_box ul li:first-child{margin-left:0;}
.per_ad .sc .ad_m_sec03 .list_box ul li > div{width:100%;}
.per_ad .sc .ad_m_sec03 .list_box ul li > div div{width:100%;}
.per_ad .sc .ad_m_sec03 .list_box ul li > div div img{width:100%;}
.per_ad .sc .ad_m_sec03 .list_box ul li > div p{font-size:18px; color:#333; line-height:28px; text-align:center; margin-top:30px;}
.per_ad .sc .ad_m_sec03 .list_box ul li > div p span{display:block; width:50px; height:50px; border-radius:100%; background:#f8991d; text-align:center; line-height:50px; font-size:18px; color:white; font-weight:700; letter-spacing:0; margin:0 auto; margin-bottom:14px;}

.per_ad .sc .ad_ex_sec01{width:100%; padding-top:100px;}
.per_ad .sc .ad_ex_sec01 .inner{width:100%; max-width:1240px; margin:0 auto;}
.per_ad .sc .ad_ex_sec01 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.per_ad .sc .ad_ex_sec01 .tit_box strong{display:block; font-size:40px; color:#111; font-weight:700; line-height:100%;}
.per_ad .sc .ad_ex_sec01 .tit_box p{font-size:18px; color:#333; line-height:32px; margin-top:32px;}
.per_ad .sc .ad_ex_sec01 .tit_box div{width:100%; text-align:center; font-size:0; margin-top:24px;}
.per_ad .sc .ad_ex_sec01 .tit_box div span{display:inline-block; font-size:16px; color:#f86a1d; height:46px; line-height:44px; border:1px solid #f8991d; padding:0 24px; margin:0 2px;}
.per_ad .sc .ad_ex_sec01 .list_box{width:100%; margin-top:80px;}
.per_ad .sc .ad_ex_sec01 .list_box ul{width:100%; text-align:center; font-size:0;}
.per_ad .sc .ad_ex_sec01 .list_box ul li{display:inline-block; vertical-align:top; margin-left:80px;}
.per_ad .sc .ad_ex_sec01 .list_box ul li:first-child{margin-left:0;}
.per_ad .sc .ad_ex_sec01 .list_box ul li > div{width:100%;}
.per_ad .sc .ad_ex_sec01 .list_box ul li > div div{width:100%;}
.per_ad .sc .ad_ex_sec01 .list_box ul li > div div img{width:100%;}
.per_ad .sc .ad_ex_sec01 .list_box ul li > div p{font-size:18px; color:#333; line-height:28px; text-align:center; margin-top:30px;}
.per_ad .sc .ad_ex_sec01 .list_box ul li > div p span{display:block; width:50px; height:50px; border-radius:100%; background:#f8991d; text-align:center; line-height:50px; font-size:18px; color:white; font-weight:700; letter-spacing:0; margin:0 auto; margin-bottom:14px;}

.per_ad .sc .ad_ex_sec02{width:100%; padding-top:100px;}
.per_ad .sc .ad_ex_sec02 .inner{width:100%; max-width:1240px; margin:0 auto;}
.per_ad .sc .ad_ex_sec02 .inner > strong{display:block; text-align:center; font-family:'Poppins', sans-serif; font-size:30px; color:#333; font-weight:600; letter-spacing:0; line-height:100%;}
.per_ad .sc .ad_ex_sec02 .list_box{margin:0 -16px; margin-top:54px;}
.per_ad .sc .ad_ex_sec02 .list_box ul{width:100%; overflow:hidden;}
.per_ad .sc .ad_ex_sec02 .list_box ul li{width:33.3333%; float:left; padding:0 16px;}
.per_ad .sc .ad_ex_sec02 .list_box ul li > div{width:100%;}
.per_ad .sc .ad_ex_sec02 .list_box ul li > div .img_box{width:100%; border:1px solid #cecece;}
.per_ad .sc .ad_ex_sec02 .list_box ul li > div .img_box img{width:100%;}
.per_ad .sc .ad_ex_sec02 .list_box ul li > div .txt_box{width:100%;}
.per_ad .sc .ad_ex_sec02 .list_box ul li > div .txt_box p{width:100%; margin-top:10px; background:#f4f4f4; text-align:center; font-family:'Poppins', sans-serif; font-size:15px; color:#999; letter-spacing:0; border:1px dashed #c4c4c4; height:60px; line-height:58px;}

.per_ad .sc .ad_ex_sec03{width:100%; padding-top:120px;}
.per_ad .sc .ad_ex_sec03 .inner{width:100%; max-width:1240px; margin:0 auto;}
.per_ad .sc .ad_ex_sec03 .inner > strong{display:block; text-align:center; font-family:'Poppins', sans-serif; font-size:30px; color:#333; font-weight:600; letter-spacing:0; line-height:100%;}
.per_ad .sc .ad_ex_sec03 .list_box{margin:0 -16px; margin-top:54px;}
.per_ad .sc .ad_ex_sec03 .list_box ul{width:100%; overflow:hidden;}
.per_ad .sc .ad_ex_sec03 .list_box ul li{width:33.3333%; float:left; padding:0 16px;}
.per_ad .sc .ad_ex_sec03 .list_box ul li > div{width:100%;}
.per_ad .sc .ad_ex_sec03 .list_box ul li > div .img_box{width:100%; border:1px solid #cecece;}
.per_ad .sc .ad_ex_sec03 .list_box ul li > div .img_box img{width:100%;}
.per_ad .sc .ad_ex_sec03 .list_box ul li > div .txt_box{width:100%;}
.per_ad .sc .ad_ex_sec03 .list_box ul li > div .txt_box p{width:100%; margin-top:10px; background:#f4f4f4; text-align:center; font-family:'Poppins', sans-serif; font-size:15px; color:#999; letter-spacing:0; border:1px dashed #c4c4c4; height:60px; line-height:58px;}


.advertisement{width:100%; padding-bottom:140px;}
.advertisement .sc{width:100%; margin-top:80px;}
.advertisement .sc .inner{width:100%; max-width:1800px; margin:0 auto;}
.advertisement .sc .advertisement_list{margin:0 -10px;}
.advertisement .sc .advertisement_list ul{width:100%; font-size:0;}
.advertisement .sc .advertisement_list ul li{width:20%; display:inline-block; padding:0 10px;}
.advertisement .sc .advertisement_list ul li > div{width:100%; height:533px; position:relative;}
.advertisement .sc .advertisement_list ul li > div .back{width:100%; height:533px; background:url('../img/sub/advertisement_img_on.jpg') 0 0 no-repeat; background-size:cover; position: absolute; transform: perspective(600px) rotateY(180deg); backface-visibility: hidden; transition: transform .3s linear 0s; padding:56px 50px;}
.advertisement .sc .advertisement_list ul li > div .back strong{display:block; font-family:'Poppins', sans-serif; font-size:42px; color:white; font-weight:700; line-height:100%; letter-spacing:0;}
.advertisement .sc .advertisement_list ul li > div .back dfn{display:block; font-style:normal; font-family:'Poppins', sans-serif; font-size:18px; color:white; opacity:0.7; line-height:100%; letter-spacing:0; margin-top:10px;}
.advertisement .sc .advertisement_list ul li > div .back p{font-size:16px; color:white; line-height:30px; position:relative; padding-top:36px; margin-top:28px;}
.advertisement .sc .advertisement_list ul li > div .back p:before{content:''; position:absolute; top:0; left:0; width:36px; height:4px; background:white;}
.advertisement .sc .advertisement_list ul li > div:hover > .back{transform: perspective(600px) rotateY(0deg);}
.advertisement .sc .advertisement_list ul li > div .front{width:100%; height:533px; position: absolute; transform: perspective(600px) rotateY(0deg); backface-visibility: hidden; transition: transform .3s linear 0s; padding:56px 50px;}
.advertisement .sc .advertisement_list ul li > div .front:before{content:''; position:absolute; bottom:30px; right:30px; width:41px; height:41px; background:url('../img/sub/advertisement_plus_icon.png') 0 0 no-repeat;}
.advertisement .sc .advertisement_list ul li > div .front strong{display:block; font-family:'Poppins', sans-serif; font-size:42px; color:white; font-weight:700; line-height:100%; letter-spacing:0;}
.advertisement .sc .advertisement_list ul li > div .front dfn{display:block; font-style:normal; font-family:'Poppins', sans-serif; font-size:18px; color:white; opacity:0.7; line-height:100%; letter-spacing:0; margin-top:10px;}
.advertisement .sc .advertisement_list ul li > div:hover > .front{transform: perspective(600px) rotateY(-180deg);}
.advertisement .sc .advertisement_list ul li.box01 > div .front{background:url('../img/sub/advertisement_img01_off.jpg') 0 0 no-repeat; background-size:cover;}
.advertisement .sc .advertisement_list ul li.box02 > div .front{background:url('../img/sub/advertisement_img02_off.jpg') 0 0 no-repeat; background-size:cover;}
.advertisement .sc .advertisement_list ul li.box03 > div .front{background:url('../img/sub/advertisement_img03_off.jpg') 0 0 no-repeat; background-size:cover;}
.advertisement .sc .advertisement_list ul li.box04 > div .front{background:url('../img/sub/advertisement_img04_off.jpg') 0 0 no-repeat; background-size:cover;}
.advertisement .sc .advertisement_list ul li.box05 > div .front{background:url('../img/sub/advertisement_img05_off.jpg') 0 0 no-repeat; background-size:cover;}


.process{width:100%;}
.process .sec01{width:100%; padding:100px 0 140px;}
.process .sec01 .inner{width:100%; max-width:1240px; margin:0 auto;}
.process .sec01 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.process .sec01 .tit_box strong{display:block; font-size:36px; color:#111; font-weight:700; line-height:100%;}
.process .sec01 .tit_box p{font-family:'Poppins', sans-serif; font-size:20px; color:#333; line-height:100%; letter-spacing:0; margin-top:14px;}
.process .sec01 .list_box{width:100%; margin-top:40px;}
.process .sec01 .list_box ul{width:100%; text-align:center; font-size:0; position:relative;}
.process .sec01 .list_box ul:before{content:''; position:absolute; top:110px; left:0; width:100%; height:2px; background:#b7b8bb;}
.process .sec01 .list_box ul li{display:inline-block; vertical-align:top; padding:0 40px; position:relative;}
.process .sec01 .list_box ul li:before{content:''; position:absolute; top:102px; left:-6px; width:12px; height:18px; background:url('../img/sub/process_arr.png') 0 0 no-repeat;}
.process .sec01 .list_box ul li:first-child:before{display:none;}
.process .sec01 .list_box ul li > div{width:220px; text-align:center;}
.process .sec01 .list_box ul li > div div{width:220px; height:220px; border-radius:100%; font-family:'Poppins', sans-serif; font-size:22px; font-weight:700; color:white; letter-spacing:0; padding-top:42px;}
.process .sec01 .list_box ul li.box01 > div div{background:#b4b0aa url('../img/sub/process01_icon01.png') left 50% top 96px no-repeat;}
.process .sec01 .list_box ul li.box02 > div div{background:#fbc277 url('../img/sub/process01_icon02.png') left 50% top 96px no-repeat;}
.process .sec01 .list_box ul li.box03 > div div{background:#f9ad4a url('../img/sub/process01_icon03.png') left 50% top 96px no-repeat;}
.process .sec01 .list_box ul li.box04 > div div{background:#f8991d url('../img/sub/process01_icon04.png') left 50% top 96px no-repeat;}
.process .sec01 .list_box ul li > div p{font-family:'Noto Sans KR', sans-serif; font-size:18px; color:#333; line-height:26px; margin-top:20px;}

.process .sec02{width:100%; background:#f3f3f3; padding:140px 0 160px;}
.process .sec02 .inner{width:100%; max-width:1240px; margin:0 auto;}
.process .sec02 .tit_box{width:100%; text-align:center; font-family:'Noto Sans KR', sans-serif;}
.process .sec02 .tit_box strong{display:block; font-size:36px; color:#111; font-weight:700; line-height:100%;}
.process .sec02 .tit_box p{font-family:'Poppins', sans-serif; font-size:20px; color:#333; line-height:100%; letter-spacing:0; margin-top:14px;}
.process .sec02 .list_box{width:100%; margin-top:40px;}
.process .sec02 .list_box ul{width:100%; text-align:center; font-size:0; position:relative;}
.process .sec02 .list_box ul:before{content:''; position:absolute; top:110px; left:0; width:100%; height:2px; background:#b7b8bb;}
.process .sec02 .list_box ul li{display:inline-block; vertical-align:top; padding:0 40px; position:relative;}
.process .sec02 .list_box ul li:before{content:''; position:absolute; top:102px; left:-6px; width:12px; height:18px; background:url('../img/sub/process_arr.png') 0 0 no-repeat;}
.process .sec02 .list_box ul li:first-child:before{display:none;}
.process .sec02 .list_box ul li > div{width:220px; text-align:center;}
.process .sec02 .list_box ul li > div div{width:220px; height:220px; border-radius:100%; font-family:'Poppins', sans-serif; font-size:22px; font-weight:700; color:white; letter-spacing:0; padding-top:42px;}
.process .sec02 .list_box ul li.box01 > div div{background:#979ca4 url('../img/sub/process02_icon01.png') left 50% top 96px no-repeat;}
.process .sec02 .list_box ul li.box02 > div div{background:#586680 url('../img/sub/process02_icon02.png') left 50% top 96px no-repeat;}
.process .sec02 .list_box ul li.box03 > div div{background:#36445e url('../img/sub/process02_icon03.png') left 50% top 96px no-repeat;}
.process .sec02 .list_box ul li.box04 > div div{background:#26334e url('../img/sub/process02_icon04.png') left 50% top 96px no-repeat;}
.process .sec02 .list_box ul li > div p{font-family:'Noto Sans KR', sans-serif; font-size:18px; color:#333; line-height:26px; margin-top:20px;}


.partnership{width:100%; padding-bottom:140px;}
.partnership .sc{width:100%; margin-top:70px;}
.partnership .sc .inner{width:100%; max-width:1240px; margin:0 auto;}
.partnership .sc .form_tab{width:100%;}
.partnership .sc .form_tab table{width:100%; border-collapse:collapse; border-top:3px solid #222;}
.partnership .sc .form_tab table th{width:220px; padding:14px 20px; text-align:left; border-bottom:1px solid #dedede; font-size:18px; color:#111; font-weight:400;}
.partnership .sc .form_tab table th span{display:inline-block; font-size:18px; color:#e90000;}
.partnership .sc .form_tab table td{width:calc(100% - 220px); padding:14px 20px; border-bottom:1px solid #dedede; font-size:16px; color:#666;}

.partnership .sc .form_tab .radio_list{width:100%; font-size:0; padding:12px 0;}
.partnership .sc .form_tab .radio_list p{display:inline-block; font-size:0; margin-right:30px;}
.partnership .sc .form_tab .radio_list p input[type=radio]{display:inline-block; width:24px; height:24px;}
.partnership .sc .form_tab .radio_list p label{display:inline-block; font-size:16px; color:#666; cursor:pointer;}

.partnership .sc .form_tab .email_box{width:100%; font-size:0;}
.partnership .sc .form_tab .email_box > div{display:inline-block;}
.partnership .sc .form_tab .email_box > div input[type=text]{display:inline-block; vertical-align:middle; width:280px; height:54px; line-height:52px; border:1px solid #d0d0d0; padding:0 20px; font-size:16px; color:#666; outline:none; letter-spacing:-1px;}
.partnership .sc .form_tab .email_box > div span{display:inline-block; vertical-align:middle; width:30px; line-height:54px; font-size:16px; color:#666; text-align:center;}
.partnership .sc .form_tab .email_box > select{display:inline-block; vertical-align:middle; width:320px; height:54px; line-height:52px; border:1px solid #d0d0d0; padding:0 20px; font-size:16px; color:#666; outline:none; letter-spacing:-1px; margin-left:10px;}

.partnership .sc .form_tab .phone_box{width:100%; font-size:0;}
.partnership .sc .form_tab .phone_box input[type=text]{display:inline-block; vertical-align:middle; width:160px; height:54px; line-height:52px; border:1px solid #d0d0d0; padding:0 20px; font-size:16px; color:#666; outline:none; letter-spacing:-1px;}
.partnership .sc .form_tab .phone_box select{display:inline-block; vertical-align:middle; width:160px; height:54px; line-height:52px; border:1px solid #d0d0d0; padding:0 20px; font-size:16px; color:#666; outline:none; letter-spacing:-1px;}
.partnership .sc .form_tab .phone_box span{display:inline-block; vertical-align:middle; width:30px; line-height:54px; font-size:16px; color:#666; text-align:center;}

.partnership .sc .form_tab .inp_style01{width:340px; height:54px; line-height:52px; border:1px solid #d0d0d0; padding:0 20px; font-size:16px; color:#666; outline:none; letter-spacing:-1px;}
.partnership .sc .form_tab .textarea_style01{width:100%; height:240px; border:1px solid #d0d0d0; padding:20px; font-size:16px; color:#666; outline:none; letter-spacing:-1px;}

.partnership .sc .agree_wrap{width:100%; margin-top:30px;}
.partnership .sc .agree_wrap .agree_cont{width:100%; height:280px; overflow-y:auto; border:1px solid #bababa; background:#f9f9f9; padding:30px 36px; font-size:16px; color:#666; line-height:30px;}
.partnership .sc .agree_wrap .agree_box{width:100%; text-align:center; margin-top:40px;}
.partnership .sc .agree_wrap .agree_box input[type=checkbox]{margin:0 8px 0 0; position:relative; -webkit-appearance:none; outline:none; cursor:pointer; appearance:none; display:inline-block; width:24px; height:24px; border-radius:3px; box-sizing:border-box; border:2px solid #d8d8d8; background:white; vertical-align:middle; transition: background-color 200ms; -webkit-transition: background-color 200ms; -moz-transition: background-color 200ms; }
.partnership .sc .agree_wrap .agree_box input[type=checkbox]:before{content:''; position:absolute; top:4px; left:3px; cursor:pointer; opacity:0; width:10px; height:5px; border:0 solid #fff; border-left-width:3px; border-bottom-width:3px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.partnership .sc .agree_wrap .agree_box input[type=checkbox]:checked{background-color:#ed4130; border-color:#ed4130;}
.partnership .sc .agree_wrap .agree_box input[type=checkbox]:checked:before{opacity:1;}
.partnership .sc .agree_wrap .agree_box input[type=checkbox]:disabled{opacity:0.5;}
.partnership .sc .agree_wrap .agree_box label{display:inline-block; font-size:18px; color:#111; line-height:100%;}

.partnership .sc .btn_wrap{width:100%; text-align:center; margin-top:60px;}
.partnership .sc .btn_wrap a.send_btn{display:inline-block; width:180px; height:64px; line-height:64px; text-align:center; background:#f8991d; font-size:20px; color:white; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.partnership .sc .btn_wrap a.send_btn:hover{background:#f8751d;}


.map{width:100%; padding-bottom:140px;}
.map .sc{width:100%; margin-top:70px;}
.map .sc .inner{width:100%; max-width:1240px; margin:0 auto;}
.map .sc .map_wrap{width:100%; position:relative;}
.map .sc .map_wrap .root_daum_roughmap{width:100% !important;}
.map .sc .map_wrap .map_info{width:100%; max-width:1080px; background:white; box-shadow:0 24px 54px 0 rgba(0, 0, 0, .08); position:absolute; top:100%; margin-top:-40px; left:50%; margin-left:-540px; z-index:1; padding:70px 36px;}
.map .sc .map_wrap .map_info strong{display:block; text-align:center; font-size:30px; color:#111; font-weight:400; line-height:100%;}
.map .sc .map_wrap .map_info ul{font-size:0; text-align:center; margin-top:30px;}
.map .sc .map_wrap .map_info ul li{font-family:'Poppins', sans-serif; font-size:18px; color:#666; line-height:100%; letter-spacing:0; display:inline-block; padding:0 26px; position:relative;}
.map .sc .map_wrap .map_info ul li:first-child:before{display:none;}
.map .sc .map_wrap .map_info ul li:before{content:''; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:14px; background:#e1e1e1;}
.map .sc .map_wrap .map_info ul li span{color:#f8991d; font-weight:500;}

.map .sc .location_box{width:100%; max-width:1000px; margin:0 auto; margin-top:260px;}
.map .sc .location_box > div{width:100%; height:100%; display:table; font-size:0;}
.map .sc .location_box > div > div{width:50%; display:table-cell; vertical-align:top; text-align:center; position:relative;}
.map .sc .location_box > div > div:before{content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#d7d7d7;}
.map .sc .location_box > div > div:first-child:before{display:none;}
.map .sc .location_box > div > div strong{display:block; font-size:22px; color:#111; font-weight:400; line-height:100%; position:relative; padding-bottom:170px;}
.map .sc .location_box > div > div strong:before{content:''; position:absolute; bottom:0; left:50%; margin-left:-62px; width:124px; height:124px; border-radius:100%; border:2px solid #f8991d;}
.map .sc .location_box > div .subway_box strong:before{background:url('../img/sub/location_icon01.png') 50% 50% no-repeat;}
.map .sc .location_box > div .bus_box strong:before{background:url('../img/sub/location_icon02.png') 50% 50% no-repeat;}
.map .sc .location_box > div > div p{font-size:16px; color:#666; line-height:28px; margin-top:30px;}


.notice{width:100%; padding-bottom:140px;}
.notice .sc{width:100%; margin-top:80px;}
.notice .sc .inner{width:100%; max-width:1240px; margin:0 auto;}
.notice .sc .search_box{width:100%; background:#f7f7f7; padding:40px; text-align:center; font-size:0;}
.notice .sc .search_box > div{display:inline-block; overflow:hidden;}
.notice .sc .search_box > div select{width:140px; height:60px; line-height:58px; padding:0 20px; font-size:16px; color:#111; letter-spacing:0; background-color:white; border:1px solid #c9c9c9; outline:none; float:left;}
.notice .sc .search_box > div input[type=text]{width:420px; height:60px; line-height:58px; padding:0 20px; font-size:16px; color:#666; letter-spacing:0; background-color:white; border:1px solid #c9c9c9; outline:none; float:left; margin-left:4px;}
.notice .sc .search_box > div a{display:block; width:60px; height:60px; background:#111 url('../img/sub/search_btn.png') 50% 50% no-repeat; float:left;}

.notice .sc .list_tab{width:100%; margin-top:40px;}
.notice .sc .list_tab table{width:100%; border-collapse:collapse; border-top:3px solid #222; table-layout:fixed;}
.notice .sc .list_tab table thead{}
.notice .sc .list_tab table thead th{font-size:18px; color:#111; font-weight:400; line-height:70px; text-align:center; border-bottom:1px solid #666;}
.notice .sc .list_tab table thead th.num{width:10%;}
.notice .sc .list_tab table thead th.date{width:12%;}
.notice .sc .list_tab table thead th.views{width:12%;}
.notice .sc .list_tab table thead th.subject{width:66%;}
.notice .sc .list_tab table tbody{}
.notice .sc .list_tab table tbody td{font-family:'Noto Sans KR', sans-serif; font-size:16px; color:#888; border-bottom:1px solid #dedede; text-align:center; padding:21px 0;}
.notice .sc .list_tab table tbody td.num{width:10%;}
.notice .sc .list_tab table tbody td.date{width:12%;}
.notice .sc .list_tab table tbody td.views{width:12%;}
.notice .sc .list_tab table tbody td.subject{width:66%; padding:21px 20px;}
.notice .sc .list_tab table tbody td.subject a{font-family:'Noto Sans KR', sans-serif; width:100%; display:block; text-align:left; font-size:18px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.notice .sc .list_tab table tbody td.subject ul{display:none;}

/* 페이징 */
.page_box {text-align: center; padding-top:50px; position: relative; font-size:0;}
.page_box a {display: inline-block; min-width:46px; height:46px; padding:0 10px; box-sizing: border-box; border: 1px solid #bfbfbf; margin-left:-1px; vertical-align:middle;}
.page_box a:last-child {margin-right: 0px;}
.page_box a.num {text-align: center; font-size:15px; color:#666; font-family: 'Poppins', sans-serif; font-weight:400; letter-spacing:0; line-height:44px;}
.page_box a.num.on {color:white; font-weight:500; background:#f8991d; border:1px solid #f8991d;}
.page_box .first_btn {background: url('../img/sub/page_first.png') no-repeat center;}
.page_box .prev_btn {background: url('../img/sub/page_prev.png') no-repeat center; margin-right:20px;}
.page_box .next_btn {background: url('../img/sub/page_next.png') no-repeat center; margin-left:20px;}
.page_box .last_btn {background: url('../img/sub/page_last.png') no-repeat center;}

.notice_view{width:100%; padding:110px 0 140px;}
.notice_view .inner{width:100%; max-width:1240px; margin:0 auto;}
.notice_view .nv_top{width:100%; font-family:'Noto Sans KR', sans-serif;}
.notice_view .nv_top strong{display:block; text-align:center; font-size:36px; color:#111; line-height:46px; font-weight:400;}
.notice_view .nv_top ul{width:100%; font-size:0; text-align:center; margin-top:46px;}
.notice_view .nv_top ul li{display:inline-block; font-size:17px; color:#666; line-height:100%; position:relative; padding:0 16px;}
.notice_view .nv_top ul li:before{content:''; position:absolute; top:50%; margin-top:-7px; left:0; width:1px; height:15px; background:#cdcdcd;}
.notice_view .nv_top ul li:first-child:before{display:none;}
.notice_view .nv_cont{width:100%; border-top:3px solid #222; margin-top:50px;}
.notice_view .nv_cont .file_box{width:100%; background:#f9f9f9; display:table; font-size:0; border-bottom:1px solid #dedede;}
.notice_view .nv_cont .file_box dt{width:120px; display:table-cell; vertical-align:middle; font-size:18px; color:#111; padding:21px 30px;}
.notice_view .nv_cont .file_box dd{width:calc(100% - 120px); display:table-cell; vertical-align:middle; font-size:0; padding:21px 30px;}
.notice_view .nv_cont .file_box dd a{display:inline-block; font-size:16px; color:#888; margin-right:12px;}
.notice_view .nv_cont .file_box dd a:hover{text-decoration:underline;}
.notice_view .nv_cont .nv_txt{width:100%; font-size:16px; color:#666; line-height:32px; word-break:break-all; padding:50px 30px 80px; border-bottom:1px solid #dedede;}
.notice_view .nv_cont .nv_txt img{width:100%; max-width:1120px;}
.notice_view .nv_cont .prev_box{width:100%; display:table; font-size:0; border-bottom:1px solid #dedede;}
.notice_view .nv_cont .prev_box dt{width:120px; display:table-cell; vertical-align:middle; font-size:18px; color:#111; padding:21px 30px; position:relative;}
.notice_view .nv_cont .prev_box dt:before{content:''; position:absolute; top:50%; margin-top:-4px; right:0; width:12px; height:8px; background:url('../img/sub/nv_prev_arr.png') 0 0 no-repeat;}
.notice_view .nv_cont .prev_box dd{width:calc(100% - 120px); display:table-cell; vertical-align:middle; font-size:0; padding:21px 30px;}
.notice_view .nv_cont .prev_box dd a{width:100%; display:inline-block; font-size:16px; color:#888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.notice_view .nv_cont .next_box{width:100%; display:table; font-size:0; border-bottom:1px solid #dedede;}
.notice_view .nv_cont .next_box dt{width:120px; display:table-cell; vertical-align:middle; font-size:18px; color:#111; padding:21px 30px; position:relative;}
.notice_view .nv_cont .next_box dt:before{content:''; position:absolute; top:50%; margin-top:-4px; right:0; width:12px; height:8px; background:url('../img/sub/nv_next_arr.png') 0 0 no-repeat;}
.notice_view .nv_cont .next_box dd{width:calc(100% - 120px); display:table-cell; vertical-align:middle; font-size:0; padding:21px 30px;}
.notice_view .nv_cont .next_box dd a{width:100%; display:inline-block; font-size:16px; color:#888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.notice_view .btn_wrap{width:100%; margin-top:50px; text-align:center;}
.notice_view .btn_wrap a{display:inline-block; width:180px; height:64px; line-height:62px; text-align:center; border:1px solid #333; font-size:20px; color:#111;}


.faq{width:100%;}
.faq .sc{width:100%;}
.faq .sc .sec01{width:100%; padding:80px 0 100px;}
.faq .sc .sec01 .inner{width:100%; max-width:1240px; margin:0 auto;}
.faq .sc .sec01 .tit_box{font-family: 'Poppins', sans-serif; font-size:36px; color:#111; font-weight:700; line-height:100%; letter-spacing:0;}

.faq .sc .sec02{width:100%; background:#f9f9f9; padding:100px 0 140px;}
.faq .sc .sec02 .inner{width:100%; max-width:1240px; margin:0 auto;}
.faq .sc .sec02 .tit_box{font-family: 'Poppins', sans-serif; font-size:36px; color:#111; font-weight:700; line-height:100%; letter-spacing:0;}

.faq_list{width:100%; margin-top:40px;}
.faq_list .box{width:100%; margin-top:10px; background:white; border:1px solid #dbdbdb; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.faq_list .box:first-child{margin-top:0;}
.faq_list .box:hover{border:1px solid #f8991d;}
.faq_list .box > a{display:block; padding:30px 46px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.faq_list .box > a span{display:block; font-size:20px; color:#111; line-height:100%; position:relative; padding:0 40px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.faq_list .box > a span:before{content:'Q.'; font-family:'Poppins', sans-serif; letter-spacing:0; color:#f8991d; font-size:28px; line-height:100%; font-weight:700; letter-spacing:0; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.faq_list .box > a span:after{content:''; width:24px; height:14px; background:url('../img/sub/faq_arr_off.png') no-repeat 0 0; position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.faq_list .box > div{display:none; padding:0 46px;}
.faq_list .box > div p{width:100%; border-top:1px solid #dbdbdb; padding:28px 0 32px; font-size:16px; color:#63666e; line-height:30px;}
.faq_list .box.on{border:1px solid #f8991d; box-shadow:0 14px 46px 0 rgba(0, 0, 0, .08); position:relative; z-index:1;}
.faq_list .box.on > a span{-webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.faq_list .box.on > a span:after{background-image:url('../img/sub/faq_arr_on.png'); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}




/* PC */
@media all and (min-width:1201px){
	
	#s_visual .dep2_box {text-align: center; border-bottom: 1px solid #e2e2e2;}
    #s_visual .dep2_box ul {display: block!important;}
    #s_visual .dep2_box li {display: inline-block; vertical-align: middle; padding:0 20px; position: relative;}
    #s_visual .dep2_box li::before {content: ''; width:4px; height:4px; background-color:#cecece; border-radius:100%; position: absolute; right: -2px; top: 50%; margin-top: -2px;}
    #s_visual .dep2_box li:last-child::before {display:none;}
    #s_visual .dep2_box li a {font-family:'Noto Sans KR', sans-serif; font-size:18px; color:#888; padding:30px 10px 32px; display: block; line-height:100%;}
    #s_visual .dep2_box li.on a {color:#222;}

}



/* 태블릿&모바일 공통*/
@media all and (max-width:1200px){
	
	#s_visual .slogan {height:320px;}
	#s_visual .slogan > div > .title_box{padding-top:50px;}
	#s_visual .slogan > div > .title_box .title {font-size:40px;}
	#s_visual .slogan > div > .title_box .sub_txt {margin-top:12px;}
	#s_visual .slogan > div > .title_box .sub_txt span{font-size:14px;}

	#s_visual .dep2_box {position: relative;}
    #s_visual .dep2_box .title {display: block; width: 100%; padding:14px 20px; box-sizing: border-box; cursor: pointer; border-bottom: 1px solid #dbdbdb;}
    #s_visual .dep2_box .title span {font-size:16px; color:#222; font-weight:500; display:block; position:relative; letter-spacing:-0.5px;}
    #s_visual .dep2_box .title span::before {content: ''; background: url('../img/common/arrow_1.png') no-repeat center; background-size:100%; width:10px; height:6px; position: absolute; right:0px; top:50%; margin-top:-3px; transition: all 0.3s;}
    #s_visual .dep2_box .title.on span::before {transform: rotate(540deg); background: url('../img/common/arrow_1.png') no-repeat center; background-size:100%;}
    #s_visual .dep2_box ul {position: absolute; top:54px; left: 0px; width: 100%; background-color: #f0f1f2; z-index: 1; display: none;}
    #s_visual .dep2_box ul li:first-child {padding-top:12px;}
    #s_visual .dep2_box ul li:last-child {padding-bottom:18px;}
    #s_visual .dep2_box ul li {line-height: 32px;}
    #s_visual .dep2_box ul li a {font-size:14px; color:#888; display:block; padding:0 24px; letter-spacing:-0.5px;}
    #s_visual .dep2_box ul li a::before {content: '- ';}

	#contents .sub_tit{padding-top:80px;}
	#contents .sub_tit h3{font-size:34px;}
	#contents .sub_tit p{font-size:16px; margin-top:18px;}

	.history{padding-bottom:460px;}
	#history{max-width:100%; padding:0 20px;}
	#history .center .bottom {display:flex; justify-content: space-between; overflow:hidden; padding-top:80px;}
	#history .center .bottom .year .box {display:flex; align-items:center; top:80px;}
	#history .center .bottom .year .box h1 {font-size:80px;}
	#history .center .bottom .month {width:50%;}
	#history .center .bottom .month > div{padding:100px 0 100px; margin-top:-40px;}
	#history .center .bottom .month > div:first-child{padding-top:30px;}
	#history .center .bottom .month table th{width:60px; font-size:16px; line-height:30px;}
	#history .center .bottom .month table td{width:calc(100% - 60px); font-size:14px; line-height:30px;}

	.partners{padding-bottom:80px;}
	.partners .sc{max-width:100%; padding:0 20px; margin-top:15px;}
	.partners .sc > div{margin:0 -10px;}
	.partners .sc > div ul li{width:25%; float:left; padding:0 10px; margin-top:30px;}

	.familysite{padding-bottom:80px;}
	.familysite .sc{max-width:100%; padding:0 20px; margin-top:50px;}
	.familysite .sc .img_box{max-width:460px;}
	.familysite .sc .img_box:before{top:-18px; left:-90px; width:110px; height:60px; background-size:100%;}
	.familysite .sc .img_box:after{bottom:40px; right:-86px; width:136px; height:136px; background-size:100%;}
	.familysite .sc .txt_box{margin-top:36px;}
	.familysite .sc .txt_box strong{font-size:24px;}
	.familysite .sc .txt_box p{font-size:14px; line-height:24px; margin-top:15px;}
	
	.performance{padding-bottom:80px;}
	.performance .sec01{min-height:380px; display:table; margin-top:60px;}
	.performance .sec01 .img_box{width:50%; display:table-cell;}
	.performance .sec01 .txt_box{width:50%; display:table-cell; padding:60px 46px;}
	.performance .sec01 .txt_box strong{font-size:24px; line-height:34px;}
	.performance .sec01 .txt_box p{font-size:14px; line-height:24px; margin-top:16px;}

	.performance .sec02{padding:80px 0;}
	.performance .sec02 .inner{max-width:100%; padding:0 20px;}
	.performance .sec02 .tit_box strong{font-size:24px; line-height:34px;}
	.performance .sec02 .graph_wrap{max-width:680px; margin-top:40px;}
	.performance .sec02 .graph_wrap > p{font-size:12px; margin-bottom:18px;}
	.performance .sec02 .graph_box.on .graph_line{width:680px;}
	.performance .sec02 .graph_box .graph_line img{width:680px;}
	.performance .sec02 .graph_box .graph_dot{padding-bottom:12px;}
	.performance .sec02 .graph_box .graph_dot p{font-size:13px;}
	.performance .sec02 .graph_box .graph_dot span{width:12px; height:12px; border:3px solid #f8991d; box-shadow:0 0 10px 2px rgba(255, 215, 163, 0.7); margin-left:-6px;}
	.performance .sec02 .graph_box .graph_dot01{top:132px; left:56px;}
	.performance .sec02 .graph_box .graph_dot02{top:112px; left:197px;}
	.performance .sec02 .graph_box .graph_dot03{top:71px; left:340px;}
	.performance .sec02 .graph_box .graph_dot04{top:33px; left:480px;}
	.performance .sec02 .graph_box .graph_dot05{top:-7px; left:608px;}
	.performance .sec02 .graph_box .graph_dot05 p dfn{font-size:12px;}
	.performance .sec02 .graph_box .graph_line_base span{font-size:12px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_t01{width:34px; left:-6px; top:-1px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_t02{width:34px; left:-6px; top:38px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_t03{width:34px; left:-6px; top:78px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_t04{width:34px; left:-6px; top:117px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_t05{width:34px; left:-6px; top:157px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_t06{width:34px; left:-6px; bottom:52px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_t07{width:34px; left:-6px; bottom:14px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_b01{left:60px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_b02{left:202px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_b03{left:50%; margin-left:3px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_b04{right:169px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_b05{right:25px;}

	.performance .sec03{padding:80px 0;}
	.performance .sec03 .inner{max-width:100%; padding:0 20px;}
	.performance .sec03 .tit_box strong{font-size:24px; line-height:34px;}
	.performance .sec03 .list_box{margin:0 -5px; margin-top:36px;}
	.performance .sec03 .list_box ul li{width:25%; float:left; padding:0 5px;}
	.performance .sec03 .list_box ul li > div{padding:32px 24px;}
	.performance .sec03 .list_box ul li > div p{font-size:14px; padding-bottom:16px;}
	.performance .sec03 .list_box ul li > div p:before{margin-left:-12px; width:24px; height:2px;}
	.performance .sec03 .list_box ul li > div strong{font-size:30px; margin-top:40px;}
	.performance .sec03 .list_box ul li > div dfn{font-size:12px; margin-top:10px;}
	.performance .sec03 .inner > p{font-size:12px; margin-top:12px;}

	.performance .sec04{padding:100px 0;}
	.performance .sec04 .inner{max-width:100%; padding:0 20px;}
	.performance .sec04 .tit_box{width:50%; float:left; padding-right:46px;}
	.performance .sec04 .tit_box strong{font-size:24px; line-height:34px;}
	.performance .sec04 .list_box{width:50%; float:left;}
	.performance .sec04 .list_box ul li{font-size:15px; line-height:26px; padding-left:12px; margin:10px 0;}
	.performance .sec04 .list_box ul li:before{top:11px; width:4px; height:4px;}
	.performance .sec04 .list_box > div{padding:5px 0 5px 16px; margin-top:36px;}
	.performance .sec04 .list_box > div:before{width:3px;}
	.performance .sec04 .list_box > div p{font-size:14px;}
	.performance .sec04 .list_box > div strong{font-size:22px; margin-top:10px;}

	.performance .sec05{padding-top:80px;}
	.performance .sec05 .inner{max-width:100%; padding:0 20px;}
	.performance .sec05 .tit_box p{font-size:16px; line-height:24px;}
	.performance .sec05 .tit_box strong{font-size:24px; line-height:34px; margin-top:12px;}
	.performance .sec05 .list_box{margin:0 -8px; margin-top:54px;}
	.performance .sec05 .list_box ul{height:100%; display:table;}
	.performance .sec05 .list_box ul li{width:33.333%; display:table-cell; padding:0 8px;}
	.performance .sec05 .list_box ul li > div{height:100%; box-shadow:0 4px 28px 0 rgba(61, 105, 140, .12); padding:42px 24px 30px;}
	.performance .sec05 .list_box ul li > div:before{top:-21px; margin-left:-21px; width:42px; height:42px; line-height:42px; font-size:14px;}
	.performance .sec05 .list_box ul li > div strong{font-size:18px; line-height:26px;}
	.performance .sec05 .list_box ul li > div p{font-size:14px; line-height:24px; padding-top:18px; margin-top:15px;}

	.service_exchange .sec01{padding:60px 0 80px;}
	.service_exchange .sec01 .inner{max-width:100%; padding:0 20px;}
	.service_exchange .sec01 .tit_box strong{font-size:24px; line-height:34px;}
	.service_exchange .sec01 .list_box{margin-top:36px;}
	.service_exchange .sec01 .list_box ul{height:100%; display:table;}
	.service_exchange .sec01 .list_box ul li{width:20%; display:table-cell;}
	.service_exchange .sec01 .list_box ul li > div{height:100%; padding:80px 20px 0;}
	.service_exchange .sec01 .list_box ul li > div:before{margin-left:-30px; width:60px; height:60px;}
	.service_exchange .sec01 .list_box ul li.box01 > div:before{background-size:100%;}
	.service_exchange .sec01 .list_box ul li.box02 > div:before{background-size:100%;}
	.service_exchange .sec01 .list_box ul li.box03 > div:before{background-size:100%;}
	.service_exchange .sec01 .list_box ul li.box04 > div:before{background-size:100%;}
	.service_exchange .sec01 .list_box ul li.box05 > div:before{background-size:100%;}
	.service_exchange .sec01 .list_box ul li > div strong{font-size:18px; line-height:24px;}
	.service_exchange .sec01 .list_box ul li > div p{font-size:14px; line-height:24px; margin-top:10px;}

	.service_exchange .sec02{padding:80px 0;}
	.service_exchange .sec02 .inner{max-width:100%; margin:0 auto; padding:0 20px;}

	.moneyback{padding-bottom:80px;}
	.moneyback .inner{max-width:100%; padding:0 20px;}
	.moneyback .sc{margin-top:24px;}
	.moneyback .sc .txt_box p{font-size:16px; line-height:24px;}
	.moneyback .sc .txt_box span{font-size:13px; margin-top:8px;}
	.moneyback .sc .img_box{margin-top:40px;}
	.moneyback .sc .img_box .img_cn{width:100%;}
	.moneyback .sc .img_box .txt_cn{margin:0 -4%; margin-top:20px;}
	.moneyback .sc .img_box .txt_cn ul{width:100%; overflow:hidden;}
	.moneyback .sc .img_box .txt_cn ul li{width:33.3333%; float:left; padding:0 4%;}
	.moneyback .sc .img_box .txt_cn ul li > div span{font-size:13px;}
	.moneyback .sc .img_box .txt_cn ul li > div strong{font-size:18px; margin-top:15px;}
	.moneyback .sc .img_box .txt_cn ul li > div p{font-size:15px; margin-top:4px;}

	.per_ad{padding-bottom:80px;}
	.dep3_tab{margin-top:40px; padding:0 20px;}
	.dep3_tab ul li{width:108px;}
	.dep3_tab ul li a{height:46px; line-height:46px; font-size:13px;}

	.per_ad .sc .sec01{padding:60px 0 80px;}
	.per_ad .sc .sec01 .inner{max-width:100%; padding:0 20px;}
	.per_ad .sc .sec01 .tit_box strong{font-size:24px; line-height:100%;}
	.per_ad .sc .sec01 .tit_box p{font-size:15px; margin-top:24px;}
	.per_ad .sc .sec01 .tit_box span{font-size:13px; line-height:20px; margin-top:8px;}
	.per_ad .sc .sec01 .list_box{margin:0 -5px; margin-top:30px;}
	.per_ad .sc .sec01 .list_box ul li{width:25%; float:left; padding:0 5px;}
	.per_ad .sc .sec01 .list_box ul li > div div{box-shadow:0 4px 28px 0 rgba(61, 105, 140, .12);}
	.per_ad .sc .sec01 .list_box ul li > div p{font-size:14px; margin-top:15px;}

	.per_ad .sc .sec02{padding:80px 0;}
	.per_ad .sc .sec02 .inner{max-width:100%; padding:0 20px;}
	.per_ad .sc .sec02 .tit_box strong{font-size:24px;}
	.per_ad .sc .sec02 .tit_box p{font-size:15px; line-height:22px; margin-top:16px;}
	.per_ad .sc .sec02 .img_box{max-width:540px; margin-top:24px;}
	.per_ad .sc .sec02 .inner > p{font-size:13px; line-height:20px; margin-top:16px;}

	.per_ad .sc .sec03{padding:80px 0;}
	.per_ad .sc .sec03 .inner{max-width:100%; padding:0 20px;}
	.per_ad .sc .sec03 .tit_box strong{font-size:24px;}
	.per_ad .sc .sec03 .tit_box p{font-size:15px; line-height:22px; margin-top:16px;}
	.per_ad .sc .sec03 .img_box{margin-top:50px;}
	.per_ad .sc .sec03 .list_box{margin:0 -5px; margin-top:40px;}
	.per_ad .sc .sec03 .list_box ul li{width:50%; float:left; padding:0 5px;}
	.per_ad .sc .sec03 .list_box ul li > div div{box-shadow:0 4px 28px 0 rgba(61, 105, 140, .12);}
	.per_ad .sc .sec03 .inner > p{font-size:13px; line-height:20px; margin-top:20px;}

	.per_ad .sc .sec04{padding:80px 0;}
	.per_ad .sc .sec04 .inner{max-width:100%; padding:0 20px;}
	.per_ad .sc .sec04 .tit_box strong{font-size:24px;}
	.per_ad .sc .sec04 .tit_box p{font-size:15px; line-height:22px; margin-top:16px;}
	.per_ad .sc .sec04 .img_box{max-width:80%; margin-top:40px;}
	.per_ad .sc .sec04 .inner > p{font-size:16px; line-height:24px; margin-top:18px;}

	.per_ad .sc .sec05{padding:80px 0;}
	.per_ad .sc .sec05 .inner{max-width:100%; padding:0 20px;}
	.per_ad .sc .sec05 .tit_box strong{font-size:24px;}
	.per_ad .sc .sec05 .tit_box div{font-size:16px; margin-top:10px;}
	.per_ad .sc .sec05 .tit_box p{font-size:15px; line-height:22px; margin-top:18px;}
	.per_ad .sc .sec05 .img_box{margin:0 -42px; margin-top:40px;}
	.per_ad .sc .sec05 .img_box ul li{width:50%; float:left; padding:0 42px;}
	.per_ad .sc .sec05 .img_box ul li:before{top:50%; margin-top:-42px; left:-21px; width:42px; height:42px; background-size:12px;}
	.per_ad .sc .sec05 .img_box ul li > div p{font-size:14px; line-height:22px; margin-top:8px;}

	.per_ad .sc .sec06{padding:80px 0;}
	.per_ad .sc .sec06 .inner{max-width:100%; padding:0 20px;}
	.per_ad .sc .sec06 .tit_box strong{font-size:24px;}
	.per_ad .sc .sec06 .tit_box p{font-size:15px; line-height:22px; margin-top:16px;}
	.per_ad .sc .sec06 .img_box{margin:0 -42px; margin-top:40px;}
	.per_ad .sc .sec06 .img_box ul li{width:50%; float:left; padding:0 42px;}
	.per_ad .sc .sec06 .img_box ul li:before{top:50%; margin-top:-42px; left:-21px; width:42px; height:42px; background-size:12px;}
	.per_ad .sc .sec06 .img_box ul li > div p{font-size:14px; line-height:22px; margin-top:8px;}

	.per_ad .sc .sec07{padding-top:80px;}
	.per_ad .sc .sec07 .inner{max-width:100%; padding:0 20px;}
	.per_ad .sc .sec07 .tit_box strong{font-size:24px;}
	.per_ad .sc .sec07 .tit_box p{font-size:15px; line-height:22px; margin-top:16px;}
	.per_ad .sc .sec07 .img_box{margin:0 -36px; margin-top:40px;}
	.per_ad .sc .sec07 .img_box ul li{width:50%; float:left; padding:0 36px;}
	.per_ad .sc .sec07 .img_box ul li:before{top:50%; margin-top:-42px; left:-21px; width:42px; height:42px; background-size:12px;}
	.per_ad .sc .sec07 .img_box ul li > div p{font-size:14px; line-height:22px; margin-top:14px;}

	.per_ad .sc .ad_m_sec01{padding:60px 0 80px;}
	.per_ad .sc .ad_m_sec01 .inner{max-width:100%; padding:0 20px;}
	.per_ad .sc .ad_m_sec01 .tit_box strong{font-size:24px;}
	.per_ad .sc .ad_m_sec01 .tit_box p{font-size:15px; line-height:22px; margin-top:16px;}
	.per_ad .sc .ad_m_sec01 .tit_box div{margin-top:16px;}
	.per_ad .sc .ad_m_sec01 .tit_box div span{font-size:12px; height:38px; line-height:34px; padding:0 10px; margin:0 1px;}
	.per_ad .sc .ad_m_sec01 .list_box{margin-top:40px;}
	.per_ad .sc .ad_m_sec01 .list_box ul{width:96%; margin:0 auto;}
	.per_ad .sc .ad_m_sec01 .list_box ul li{width:22%; margin-left:4%;}
	.per_ad .sc .ad_m_sec01 .list_box ul li > div p{font-size:14px; line-height:20px; margin-top:20px;}
	.per_ad .sc .ad_m_sec01 .list_box ul li > div p span{width:42px; height:42px; line-height:42px; font-size:14px; margin-bottom:8px;}

	.per_ad .sc .ad_m_sec02{padding:80px 0;}
	.per_ad .sc .ad_m_sec02 .inner{max-width:100%; padding:0 20px;}
	.per_ad .sc .ad_m_sec02 .tit_box strong{font-size:24px; line-height:34px;}
	.per_ad .sc .ad_m_sec02 .tit_box p{font-size:15px; line-height:22px; margin-top:16px;}
	.per_ad .sc .ad_m_sec02 .tit_box div{margin-top:16px;}
	.per_ad .sc .ad_m_sec02 .tit_box div span{font-size:12px; height:38px; line-height:34px; padding:0 10px; margin:0 1px;}
	.per_ad .sc .ad_m_sec02 .list_box{margin-top:40px;}
	.per_ad .sc .ad_m_sec02 .list_box ul{width:96%; margin:0 auto;}
	.per_ad .sc .ad_m_sec02 .list_box ul li{width:22%; margin-left:4%;}
	.per_ad .sc .ad_m_sec02 .list_box ul li > div p{font-size:14px; line-height:20px; margin-top:20px;}
	.per_ad .sc .ad_m_sec02 .list_box ul li > div p span{width:42px; height:42px; line-height:42px; font-size:14px; margin-bottom:8px;}

	.per_ad .sc .ad_m_sec03{padding-top:80px;}
	.per_ad .sc .ad_m_sec03 .inner{max-width:100%; padding:0 20px;}
	.per_ad .sc .ad_m_sec03 .tit_box strong{font-size:24px; line-height:34px;}
	.per_ad .sc .ad_m_sec03 .tit_box p{font-size:15px; line-height:22px; margin-top:16px;}
	.per_ad .sc .ad_m_sec03 .tit_box div{margin-top:16px;}
	.per_ad .sc .ad_m_sec03 .tit_box div span{font-size:12px; height:38px; line-height:34px; padding:0 10px; margin:0 1px;}
	.per_ad .sc .ad_m_sec03 .list_box{margin-top:40px;}
	.per_ad .sc .ad_m_sec03 .list_box ul{width:96%; margin:0 auto;}
	.per_ad .sc .ad_m_sec03 .list_box ul li{width:22%; margin-left:4%;}
	.per_ad .sc .ad_m_sec03 .list_box ul li > div p{font-size:14px; line-height:20px; margin-top:20px;}
	.per_ad .sc .ad_m_sec03 .list_box ul li > div p span{width:42px; height:42px; line-height:42px; font-size:14px; margin-bottom:8px;}

	.per_ad .sc .ad_ex_sec01{padding-top:60px;}
	.per_ad .sc .ad_ex_sec01 .inner{max-width:100%; padding:0 20px;}
	.per_ad .sc .ad_ex_sec01 .tit_box strong{font-size:24px;}
	.per_ad .sc .ad_ex_sec01 .tit_box p{font-size:15px; line-height:24px; margin-top:24px;}

	.per_ad .sc .ad_ex_sec02{padding-top:60px;}
	.per_ad .sc .ad_ex_sec02 .inner{max-width:100%; padding:0 20px;}
	.per_ad .sc .ad_ex_sec02 .inner > strong{font-size:20px;}
	.per_ad .sc .ad_ex_sec02 .list_box{margin:0 -8px; margin-top:26px;}
	.per_ad .sc .ad_ex_sec02 .list_box ul li{width:33.3333%; float:left; padding:0 8px;}
	.per_ad .sc .ad_ex_sec02 .list_box ul li > div .txt_box p{margin-top:5px; font-size:13px; height:46px; line-height:44px;}

	.per_ad .sc .ad_ex_sec03{padding-top:60px;}
	.per_ad .sc .ad_ex_sec03 .inner{max-width:100%; padding:0 20px;}
	.per_ad .sc .ad_ex_sec03 .inner > strong{font-size:20px;}
	.per_ad .sc .ad_ex_sec03 .list_box{margin:0 -8px; margin-top:26px;}
	.per_ad .sc .ad_ex_sec03 .list_box ul li{width:33.3333%; float:left; padding:0 8px;}
	.per_ad .sc .ad_ex_sec03 .list_box ul li > div .txt_box p{margin-top:5px; font-size:13px; height:46px; line-height:44px;}

	.advertisement{padding-bottom:80px;}
	.advertisement .sc{margin-top:40px;}
	.advertisement .sc .inner{max-width:100%; padding:0 20px;}
	.advertisement .sc .advertisement_list{margin:0 -2px;}
	.advertisement .sc .advertisement_list ul li{width:20%; display:inline-block; padding:0 2px;}
	.advertisement .sc .advertisement_list ul li > div{height:533px;}
	.advertisement .sc .advertisement_list ul li > div .back{height:533px; transform: perspective(600px) rotateY(180deg); transition: transform .3s linear 0s; padding:30px 24px;}
	.advertisement .sc .advertisement_list ul li > div .back strong{font-size:26px;}
	.advertisement .sc .advertisement_list ul li > div .back dfn{font-size:14px; margin-top:6px;}
	.advertisement .sc .advertisement_list ul li > div .back p{font-size:13px; line-height:20px; padding-top:20px; margin-top:20px;}
	.advertisement .sc .advertisement_list ul li > div .back p:before{width:24px; height:2px;}
	.advertisement .sc .advertisement_list ul li > div:hover > .back{transform: perspective(600px) rotateY(0deg);}
	.advertisement .sc .advertisement_list ul li > div .front{height:533px; transform: perspective(600px) rotateY(0deg); transition: transform .3s linear 0s; padding:30px 24px;}
	.advertisement .sc .advertisement_list ul li > div .front:before{bottom:16px; right:16px; width:25px; height:25px; background-size:100%;}
	.advertisement .sc .advertisement_list ul li > div .front strong{font-size:26px;}
	.advertisement .sc .advertisement_list ul li > div .front dfn{font-size:14px; margin-top:6px;}
	.advertisement .sc .advertisement_list ul li > div:hover > .front{transform: perspective(600px) rotateY(-180deg);}

	.process .sec01{padding:60px 0 80px;}
	.process .sec01 .inner{max-width:100%; padding:0 20px;}
	.process .sec01 .tit_box strong{font-size:24px;}
	.process .sec01 .tit_box p{font-size:15px; margin-top:10px;}
	.process .sec01 .list_box{margin-top:30px;}
	.process .sec01 .list_box ul:before{top:70px; height:1px;}
	.process .sec01 .list_box ul li{padding:0 20px;}
	.process .sec01 .list_box ul li:before{top:64px; left:-4px; width:8px; height:12px; background-size:100%;}
	.process .sec01 .list_box ul li > div{width:140px;}
	.process .sec01 .list_box ul li > div div{width:140px; height:140px; font-size:15px; padding-top:24px;}
	.process .sec01 .list_box ul li.box01 > div div{background:#b4b0aa url('../img/sub/process01_icon01.png') left 50% top 64px no-repeat; background-size:40px;}
	.process .sec01 .list_box ul li.box02 > div div{background:#fbc277 url('../img/sub/process01_icon02.png') left 50% top 64px no-repeat; background-size:40px;}
	.process .sec01 .list_box ul li.box03 > div div{background:#f9ad4a url('../img/sub/process01_icon03.png') left 50% top 64px no-repeat; background-size:40px;}
	.process .sec01 .list_box ul li.box04 > div div{background:#f8991d url('../img/sub/process01_icon04.png') left 50% top 64px no-repeat; background-size:40px;}
	.process .sec01 .list_box ul li > div p{font-size:14px; line-height:22px; margin-top:12px;}

	.process .sec02{padding:80px 0;}
	.process .sec02 .inner{max-width:100%; padding:0 20px;}
	.process .sec02 .tit_box strong{font-size:24px;}
	.process .sec02 .tit_box p{font-size:15px; margin-top:10px;}
	.process .sec02 .list_box{margin-top:30px;}
	.process .sec02 .list_box ul:before{top:70px; height:1px;}
	.process .sec02 .list_box ul li{padding:0 20px;}
	.process .sec02 .list_box ul li:before{top:64px; left:-4px; width:8px; height:12px; background-size:100%;}
	.process .sec02 .list_box ul li > div{width:140px;}
	.process .sec02 .list_box ul li > div div{width:140px; height:140px; font-size:15px; padding-top:24px;}
	.process .sec02 .list_box ul li.box01 > div div{background:#979ca4 url('../img/sub/process02_icon01.png') left 50% top 64px no-repeat; background-size:40px;}
	.process .sec02 .list_box ul li.box02 > div div{background:#586680 url('../img/sub/process02_icon02.png') left 50% top 64px no-repeat; background-size:40px;}
	.process .sec02 .list_box ul li.box03 > div div{background:#36445e url('../img/sub/process02_icon03.png') left 50% top 64px no-repeat; background-size:40px;}
	.process .sec02 .list_box ul li.box04 > div div{background:#26334e url('../img/sub/process02_icon04.png') left 50% top 64px no-repeat; background-size:40px;}
	.process .sec02 .list_box ul li > div p{font-size:14px; line-height:22px; margin-top: 12px;}

	.partnership{padding-bottom:80px;}
	.partnership .sub_tit p{font-size:15px !important; margin-top:24px !important; line-height:22px;}
	.partnership .sc{margin-top:36px;}
	.partnership .sc .inner{max-width:100%; padding:0 20px;}
	.partnership .sc .form_tab table{border-top:2px solid #222;}
	.partnership .sc .form_tab table th{width:160px; padding:10px 15px; border-bottom:1px solid #dedede; font-size:14px;}
	.partnership .sc .form_tab table th span{font-size:14px;}
	.partnership .sc .form_tab table td{width:calc(100% - 160px); padding:10px 15px; border-bottom:1px solid #dedede; font-size:13px;}

	.partnership .sc .form_tab .radio_list{padding:8px 0;}
	.partnership .sc .form_tab .radio_list p{margin-right:20px;}
	.partnership .sc .form_tab .radio_list p input[type=radio]{width:18px; height:18px;}
	.partnership .sc .form_tab .radio_list p label{font-size:13px;}

	.partnership .sc .form_tab .email_box > div{display:inline-block;}
	.partnership .sc .form_tab .email_box > div input[type=text]{width:160px; height:42px; line-height:40px; padding:0 15px; font-size:13px;}
	.partnership .sc .form_tab .email_box > div span{width:24px; line-height:42px; font-size:13px;}
	.partnership .sc .form_tab .email_box > select{width:160px; height:42px; line-height:40px; padding:0 15px; font-size:13px; margin-left:4px;}

	.partnership .sc .form_tab .phone_box input[type=text]{width:100px; height:42px; line-height:40px; padding:0 15px; font-size:13px;}
	.partnership .sc .form_tab .phone_box select{width:100px; height:42px; line-height:40px; padding:0 15px; font-size:13px;}
	.partnership .sc .form_tab .phone_box span{width:24px; line-height:42px; font-size:13px;}

	.partnership .sc .form_tab .inp_style01{width:340px; height:42px; line-height:40px; padding:0 15px; font-size:13px;}
	.partnership .sc .form_tab .textarea_style01{height:160px; padding:15px; font-size:13px;}

	.partnership .sc .agree_wrap{margin-top:20px;}
	.partnership .sc .agree_wrap .agree_cont{height:200px; padding:20px 20px; font-size:13px; line-height:22px;}
	.partnership .sc .agree_wrap .agree_box{margin-top:20px;}
	.partnership .sc .agree_wrap .agree_box input[type=checkbox]{margin:0 6px 0 0; width:20px; height:20px; border-radius:2px;}
	.partnership .sc .agree_wrap .agree_box input[type=checkbox]:before{top:3px; left:3px; width:8px; height:4px; border-left-width:3px; border-bottom-width:3px;}
	.partnership .sc .agree_wrap .agree_box label{font-size:14px;}

	.partnership .sc .btn_wrap{margin-top:30px;}
	.partnership .sc .btn_wrap a.send_btn{width:120px; height:50px; line-height:50px; font-size:15px; font-weight:500;}

	.map{padding-bottom:80px;}
	.map .sc{margin-top:36px;}
	.map .sc .inner{max-width:100%; padding:0 20px;}
	.map .sc .map_wrap .map_info{max-width:90%; box-shadow:0 12px 28px 0 rgba(0, 0, 0, .08); top:100%; margin-top:-20px; left:50%; margin-left:-45%; padding:36px 24px;}
	.map .sc .map_wrap .map_info strong{font-size:20px; line-height:28px;}
	.map .sc .map_wrap .map_info ul{margin-top:15px;}
	.map .sc .map_wrap .map_info ul li{font-size:14px; padding:0 14px;}
	.map .sc .map_wrap .map_info ul li:before{margin-top:-5px; height:10px;}

	.map .sc .location_box{max-width:90%; margin-top:160px;}
	.map .sc .location_box > div > div{padding:0 24px;}
	.map .sc .location_box > div > div strong{font-size:16px; padding-bottom:110px;}
	.map .sc .location_box > div > div strong:before{margin-left:-43px; width:86px; height:86px;}
	.map .sc .location_box > div .subway_box strong:before{background-size:100%;}
	.map .sc .location_box > div .bus_box strong:before{background-size:100%;}
	.map .sc .location_box > div > div p{font-size:13px; line-height:20px; margin-top:20px;}

	.notice{padding-bottom:80px;}
	.notice .sc{margin-top:40px;}
	.notice .sc .inner{max-width:100%; padding:0 20px;}
	.notice .sc .search_box{padding:20px;}
	.notice .sc .search_box > div{width:100%;}
	.notice .sc .search_box > div select{width:100px; height:42px; line-height:40px; padding:0 15px; font-size:13px; letter-spacing:-1px;}
	.notice .sc .search_box > div input[type=text]{width:calc(100% - 144px); height:42px; line-height:40px; padding:0 15px; font-size:13px; letter-spacing:-1px; margin-left:2px;}
	.notice .sc .search_box > div a{width:42px; height:42px; background-size:100%;}

	.notice .sc .list_tab{margin-top:20px;}
	.notice .sc .list_tab table{border-top:2px solid #222;}
	.notice .sc .list_tab table thead{display:none;}
	.notice .sc .list_tab table tbody td{font-size:13px; padding:10px 10px 14px; text-align:left;}
	.notice .sc .list_tab table tbody td.num{display:none;}
	.notice .sc .list_tab table tbody td.date{display:none;}
	.notice .sc .list_tab table tbody td.views{display:none;}
	.notice .sc .list_tab table tbody td.subject{width:100%; padding:10px 10px 14px;}
	.notice .sc .list_tab table tbody td.subject a{font-size:15px; font-weight:500;}
	.notice .sc .list_tab table tbody td.subject ul{display:block; font-size:0; margin-top:8px;}
	.notice .sc .list_tab table tbody td.subject ul li{font-size:13px; color:#888; line-height:100%; position:relative; padding:0 10px; display:inline-block; letter-spacing:-0.5px;}
	.notice .sc .list_tab table tbody td.subject ul li:before{content:''; position:absolute; top:50%; margin-top:-5px; left:0; width:1px; height:10px; background:#e3e3e3;}
	.notice .sc .list_tab table tbody td.subject ul li:first-child{padding-left:0;}
	.notice .sc .list_tab table tbody td.subject ul li:first-child:before{display:none;}

	/* 페이징 */
	.page_box {padding-top:30px;}
	.page_box a {min-width:32px; height:32px; padding:0 5px;}
	.page_box a.num {font-size:13px; line-height:32px;}
	.page_box .first_btn {background-size:10px;}
	.page_box .prev_btn {background-size:6px; margin-right:6px;}
	.page_box .next_btn {background-size:6px; margin-left:6px;}
	.page_box .last_btn {background-size:10px;}

	.notice_view{padding:60px 0 80px;}
	.notice_view .inner{max-width:100%; padding:0 20px;}
	.notice_view .nv_top strong{font-size:20px; line-height:30px;}
	.notice_view .nv_top ul{margin-top:24px;}
	.notice_view .nv_top ul li{font-size:13px; padding:0 10px;}
	.notice_view .nv_top ul li:before{margin-top:-5px; height:10px;}
	.notice_view .nv_cont{border-top:2px solid #222; margin-top:24px;}
	.notice_view .nv_cont .file_box dt{width:100px; font-size:14px; padding:14px 10px;}
	.notice_view .nv_cont .file_box dd{width:calc(100% - 100px); padding:14px 10px;}
	.notice_view .nv_cont .file_box dd a{font-size:13px; margin-right:6px;}
	.notice_view .nv_cont .nv_txt{font-size:13px; line-height:22px; padding:24px 10px 40px;}
	.notice_view .nv_cont .nv_txt img{max-width:100%;}
	.notice_view .nv_cont .prev_box dt{width:100px; font-size:14px; padding:14px 10px;}
	.notice_view .nv_cont .prev_box dt:before{margin-top:-3px; width:10px; height:7px; background-size:100%;}
	.notice_view .nv_cont .prev_box dd{width:calc(100% - 100px); padding:14px 10px;}
	.notice_view .nv_cont .prev_box dd a{font-size:13px;}
	.notice_view .nv_cont .next_box dt{width:100px; font-size:14px; padding:14px 10px;}
	.notice_view .nv_cont .next_box dt:before{margin-top:-3px; width:10px; height:7px; background-size:100%;}
	.notice_view .nv_cont .next_box dd{width:calc(100% - 100px); padding:14px 10px;}
	.notice_view .nv_cont .next_box dd a{font-size:13px;}
	.notice_view .btn_wrap{margin-top:36px;}
	.notice_view .btn_wrap a{width:120px; height:50px; line-height:50px; font-size:15px;}

	.faq .sc .sec01{padding:40px 0 50px;}
	.faq .sc .sec01 .inner{max-width:100%; padding:0 20px;}
	.faq .sc .sec01 .tit_box{font-size:24px;}

	.faq .sc .sec02{padding:50px 0 80px;}
	.faq .sc .sec02 .inner{max-width:100%; padding:0 20px;}
	.faq .sc .sec02 .tit_box{font-size:24px;}

	.faq_list{margin-top:20px;}
	.faq_list .box{margin-top:5px;}
	.faq_list .box:first-child{margin-top:0;}
	.faq_list .box > a{padding:18px 20px;}
	.faq_list .box > a span{font-size:15px; line-height:20px; padding:0 36px 0 30px;}
	.faq_list .box > a span:before{font-size:20px; top:0; transform:none;}
	.faq_list .box > a span:after{width:18px; height:11px; background-size:100%; top:5px; transform:none;}
	.faq_list .box > div{padding:0 20px;}
	.faq_list .box > div p{padding:18px 0 20px; font-size:13px; line-height:22px;}
	.faq_list .box.on{box-shadow:0 8px 24px 0 rgba(0, 0, 0, .08);}


}



@media all and (max-width:950px){
	
	.advertisement .sc .advertisement_list{margin:0;}
	.advertisement .sc .advertisement_list ul li{width:86%; display:block; padding:0; margin:0 auto; margin-top:10px;}
	.advertisement .sc .advertisement_list ul li:first-child{margin-top:0;}
	.advertisement .sc .advertisement_list ul li > div{height:300px;}
	.advertisement .sc .advertisement_list ul li > div .back{height:300px; transform: none; padding:40px 32px;}
	.advertisement .sc .advertisement_list ul li > div:hover > .back{transform: none;}
	.advertisement .sc .advertisement_list ul li > div .front{display:none;}
	.advertisement .sc .advertisement_list ul li > div:hover > .front{transform: none;}
	.advertisement .sc .advertisement_list ul li.box01 > div .back{background:url('../img/sub/advertisement_img01_off_m.jpg') 0 0 no-repeat; background-size:cover;}
	.advertisement .sc .advertisement_list ul li.box02 > div .back{background:url('../img/sub/advertisement_img02_off_m.jpg') 0 0 no-repeat; background-size:cover;}
	.advertisement .sc .advertisement_list ul li.box03 > div .back{background:url('../img/sub/advertisement_img03_off_m.jpg') 0 0 no-repeat; background-size:cover;}
	.advertisement .sc .advertisement_list ul li.box04 > div .back{background:url('../img/sub/advertisement_img04_off_m.jpg') 0 0 no-repeat; background-size:cover;}
	.advertisement .sc .advertisement_list ul li.box05 > div .back{background:url('../img/sub/advertisement_img05_off_m.jpg') 0 0 no-repeat; background-size:cover;}

}



@media all and (max-width:800px){
	
	.process .sec01 .list_box{margin-top:0;}
	.process .sec01 .list_box ul:before{display:none;}
	.process .sec01 .list_box ul li{width:50%; padding:0 10px; margin-top:30px;}
	.process .sec01 .list_box ul li:before{display:none;}
	.process .sec01 .list_box ul li > div{width:150px; margin:0 auto;}
	.process .sec01 .list_box ul li > div div{width:150px; height:150px;}
	.process .sec01 .list_box ul li.box01 > div div{background:#b4b0aa url('../img/sub/process01_icon01.png') left 50% top 64px no-repeat; background-size:45px;}
	.process .sec01 .list_box ul li.box02 > div div{background:#fbc277 url('../img/sub/process01_icon02.png') left 50% top 64px no-repeat; background-size:45px;}
	.process .sec01 .list_box ul li.box03 > div div{background:#f9ad4a url('../img/sub/process01_icon03.png') left 50% top 64px no-repeat; background-size:45px;}
	.process .sec01 .list_box ul li.box04 > div div{background:#f8991d url('../img/sub/process01_icon04.png') left 50% top 64px no-repeat; background-size:45px;}

	.process .sec02 .list_box{margin-top:0;}
	.process .sec02 .list_box ul:before{display:none;}
	.process .sec02 .list_box ul li{width:50%; padding:0 10px; margin-top:30px;}
	.process .sec02 .list_box ul li:before{display:none;}
	.process .sec02 .list_box ul li > div{width:150px; margin:0 auto;}
	.process .sec02 .list_box ul li > div div{width:150px; height:150px;}
	.process .sec02 .list_box ul li.box01 > div div{background:#979ca4 url('../img/sub/process02_icon01.png') left 50% top 64px no-repeat; background-size:45px;}
	.process .sec02 .list_box ul li.box02 > div div{background:#586680 url('../img/sub/process02_icon02.png') left 50% top 64px no-repeat; background-size:45px;}
	.process .sec02 .list_box ul li.box03 > div div{background:#36445e url('../img/sub/process02_icon03.png') left 50% top 64px no-repeat; background-size:45px;}
	.process .sec02 .list_box ul li.box04 > div div{background:#26334e url('../img/sub/process02_icon04.png') left 50% top 64px no-repeat; background-size:45px;}

}



@media all and (max-width:768px){
	
	.history{padding-bottom:180px;}
	#history .center .bottom {justify-content: flex-start; padding-top:56px;}
	#history .center .bottom .year{width:0;}
	#history .center .bottom .year .box {width:100%; display:flex; align-items:center; top:56px;}
	#history .center .bottom .year .box h1 {font-size:80px; background:white; width:100%; padding:10px 0;}
	#history .center .bottom .month {width:100%;}
	#history .center .bottom .month > div{padding:200px 0; margin-top:-120px;}
	#history .center .bottom .month > div:first-child{padding-top:140px;}
	#history .center .bottom .month table th{width:60px; font-size:16px; line-height:30px;}
	#history .center .bottom .month table td{width:calc(100% - 60px); font-size:14px; line-height:30px;}

	.partners .sc > div{margin:0 -6px;}
	.partners .sc > div ul li{width:33.3333%; padding:0 6px; margin-top:24px;}

	.familysite .sc .img_box{max-width:320px;}

	.performance .sec01{min-height:auto; display:block;}
	.performance .sec01 .img_box{width:100%; height:300px; display:block;}
	.performance .sec01 .txt_box{width:100%; display:block; padding:50px 36px;}
	
	.performance .sec03 .list_box{margin-top:26px;}
	.performance .sec03 .list_box ul li{width:50%; margin-top:10px;}
	
	.performance .sec02 .graph_wrap{max-width:332px;}
	.performance .sec02 .graph_box .graph_pc{display:none;}
	.performance .sec02 .graph_box .graph_m{display:block;}
	.performance .sec02 .graph_box.on .graph_line{width:332px;}
	.performance .sec02 .graph_box .graph_line img{width:332px;}
	.performance .sec02 .graph_box .graph_dot01{top:143px; left:47px;}
	.performance .sec02 .graph_box .graph_dot02{top:123px; left:106px;}
	.performance .sec02 .graph_box .graph_dot03{top:80px; left:166px;}
	.performance .sec02 .graph_box .graph_dot04{top:37px; left:227px;}
	.performance .sec02 .graph_box .graph_dot05{width:68px; top:-4px; left:271px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_t01{left:-4px; top:0px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_t02{left:-4px; top:42px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_t03{left:-4px; top:84px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_t04{left:-4px; top:126px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_t05{left:-4px; top:168px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_t06{left:-4px; bottom:54px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_t07{left:-4px; bottom:12px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_b01{left:50px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_b02{left:111px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_b03{margin-left:4px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_b04{right:73px;}
	.performance .sec02 .graph_box .graph_line_base span.gb_b05{right:13px;}

	.performance .sec04{padding:80px 0;}
	.performance .sec04 .tit_box{width:100%; float:none; padding-right:0;}
	.performance .sec04 .list_box{width:100%; float:none; margin-top:30px;}
	.performance .sec04 .list_box ul li{font-size:14px; line-height:24px;}
	
	.performance .sec05 .list_box{margin:0; margin-top:54px;}
	.performance .sec05 .list_box ul{height:auto; display:block;}
	.performance .sec05 .list_box ul li{width:100%; display:block; padding:0; margin-top:46px;}
	.performance .sec05 .list_box ul li:first-child{margin-top:0;}
	.performance .sec05 .list_box ul li > div{padding:42px 36px 30px;}

	.service_exchange .sec01{padding:60px 0 80px;}
	.service_exchange .sec01 .inner{max-width:100%; padding:0 20px;}
	.service_exchange .sec01 .tit_box strong{font-size:24px; line-height:34px;}
	.service_exchange .sec01 .list_box{margin-top:6px;}
	.service_exchange .sec01 .list_box ul{height:100%; text-align:center; display:block; font-size:0;}
	.service_exchange .sec01 .list_box ul li{width:50%; display:inline-block; margin-top:30px;}
	.service_exchange .sec01 .list_box ul li:before{display:none;}
	.service_exchange .sec01 .list_box ul li > div{height:100%; padding:80px 20px 0;}
	.service_exchange .sec01 .list_box ul li > div:before{margin-left:-30px; width:60px; height:60px;}
	.service_exchange .sec01 .list_box ul li.box01 > div:before{background-size:100%;}
	.service_exchange .sec01 .list_box ul li.box02 > div:before{background-size:100%;}
	.service_exchange .sec01 .list_box ul li.box03 > div:before{background-size:100%;}
	.service_exchange .sec01 .list_box ul li.box04 > div:before{background-size:100%;}
	.service_exchange .sec01 .list_box ul li.box05 > div:before{background-size:100%;}
	.service_exchange .sec01 .list_box ul li > div strong{font-size:18px; line-height:24px;}
	.service_exchange .sec01 .list_box ul li > div p{font-size:14px; line-height:24px; margin-top:10px;}
	
	.service_exchange .sec02{padding:60px 0;}
	.service_exchange .sec02 .inner{max-width:72%;}
	.service_exchange .sec02 .inner div.sec02_pc{display:none;}
	.service_exchange .sec02 .inner div.sec02_m{display:block;}

	.moneyback .sc .img_box .img_cn{display:none;}
	.moneyback .sc .img_box .txt_cn{margin:0 auto; margin-top:20px; background:url('../img/sub/moneyback_img_m.png') center top no-repeat; background-size:280px; position:relative; width:280px; height:1221px;}
	.moneyback .sc .img_box .txt_cn ul li{width:100%; float:none; padding:0; position:absolute; top:0; left:50%; transform:translateX(-50%);}
	.moneyback .sc .img_box .txt_cn ul li.box01{top:270px;}
	.moneyback .sc .img_box .txt_cn ul li.box02{top:676px;}
	.moneyback .sc .img_box .txt_cn ul li.box03{top:1076px;}

	.per_ad .sc .sec01 .list_box{margin-top:0;}
	.per_ad .sc .sec01 .list_box ul li{width:50%; margin-top:30px;}
	
	.per_ad .sc .sec03 .img_box{max-width:72%; margin:0 auto; margin-top:36px;}
	.per_ad .sc .sec03 .img_box img.sec03_pc{display:none;}
	.per_ad .sc .sec03 .img_box img.sec03_m{display:block;}
	.per_ad .sc .sec03 .list_box{margin:0; margin-top:30px;}
	.per_ad .sc .sec03 .list_box ul li{width:100%; float:none; padding:0; margin-top:10px;}
	
	.per_ad .sc .sec04 .img_box{max-width:100%;}
	
	.per_ad .sc .sec05 .img_box{margin:0; margin-top:40px;}
	.per_ad .sc .sec05 .img_box ul li{width:72%; margin:0 auto; float:none; padding:0; margin-top:24px; padding-top:68px;}
	.per_ad .sc .sec05 .img_box ul li:first-child{margin-top:0; padding-top:0;}
	.per_ad .sc .sec05 .img_box ul li:before{top:0; margin-top:0; left:50%; margin-left:-21px; transform: rotate(90deg);}

	.per_ad .sc .sec06 .img_box{margin:0; margin-top:40px;}
	.per_ad .sc .sec06 .img_box ul li{width:72%; margin:0 auto; float:none; padding:0; margin-top:24px; padding-top:68px;}
	.per_ad .sc .sec06 .img_box ul li:first-child{margin-top:0; padding-top:0;}
	.per_ad .sc .sec06 .img_box ul li:before{top:0; margin-top:0; left:50%; margin-left:-21px; transform: rotate(90deg);}
	
	.per_ad .sc .sec07 .img_box{margin:0; margin-top:40px;}
	.per_ad .sc .sec07 .img_box ul li{width:80%; margin:0 auto; float:none; padding:0; margin-top:24px; padding-top:68px;}
	.per_ad .sc .sec07 .img_box ul li:first-child{margin-top:0; padding-top:0;}
	.per_ad .sc .sec07 .img_box ul li:before{top:0; margin-top:0; left:50%; margin-left:-21px; transform: rotate(90deg);}

	.per_ad .sc .ad_m_sec01 .list_box{margin-top:40px;}
	.per_ad .sc .ad_m_sec01 .list_box ul{width:60%; margin:0 auto;}
	.per_ad .sc .ad_m_sec01 .list_box ul li{display:block; width:100%; margin-left:0; margin-top:36px;}
	.per_ad .sc .ad_m_sec01 .list_box ul li:first-child{margin-top:0;}

	.per_ad .sc .ad_m_sec02 .list_box{margin-top:40px;}
	.per_ad .sc .ad_m_sec02 .list_box ul{width:60%; margin:0 auto;}
	.per_ad .sc .ad_m_sec02 .list_box ul li{display:block; width:100%; margin-left:0; margin-top:36px;}
	.per_ad .sc .ad_m_sec02 .list_box ul li:first-child{margin-top:0;}

	.per_ad .sc .ad_m_sec03 .list_box{margin-top:40px;}
	.per_ad .sc .ad_m_sec03 .list_box ul{width:60%; margin:0 auto;}
	.per_ad .sc .ad_m_sec03 .list_box ul li{display:block; width:100%; margin-left:0; margin-top:36px;}
	.per_ad .sc .ad_m_sec03 .list_box ul li:first-child{margin-top:0;}

	.per_ad .sc .ad_ex_sec02 .list_box{margin:0; margin-top:26px;}
	.per_ad .sc .ad_ex_sec02 .list_box ul li{width:80%; float:none; padding:0; margin:0 auto; margin-top:30px;}
	.per_ad .sc .ad_ex_sec02 .list_box ul li:first-child{margin-top:0;}
	
	.per_ad .sc .ad_ex_sec03 .list_box{margin:0; margin-top:26px;}
	.per_ad .sc .ad_ex_sec03 .list_box ul li{width:80%; float:none; padding:0; margin:0 auto; margin-top:30px;}
	.per_ad .sc .ad_ex_sec03 .list_box ul li:first-child{margin-top:0;}

	.partnership .sc .form_tab table th{width:100%; display:block; padding:8px 10px 0; border-bottom:0;}
	.partnership .sc .form_tab table td{width:100%; display:block; padding:6px 10px 12px; border-bottom:1px solid #dedede;}

	.partnership .sc .form_tab .radio_list{padding:6px 0 2px;}

	.partnership .sc .form_tab .email_box > div{display:block;}
	.partnership .sc .form_tab .email_box > div input[type=text]{width:47%;}
	.partnership .sc .form_tab .email_box > div span{width:6%;}
	.partnership .sc .form_tab .email_box > select{width:100%; margin-left:0; margin-top:4px; background-size:10px;}
	
	.partnership .sc .form_tab .phone_box input[type=text]{width:30%;}
	.partnership .sc .form_tab .phone_box select{width:30%; background-size:10px;}
	.partnership .sc .form_tab .phone_box span{width:5%;}

	.partnership .sc .form_tab .inp_style01{width:100%;}
	
	.map .sc .map_wrap .wrap_map{height:300px !important;}
	.map .sc .map_wrap .map_info{max-width:94%; margin-top:-30px; left:50%; margin-left:-47%;}
	.map .sc .map_wrap .map_info ul li{display:block; padding:0; margin-top:10px;}
	.map .sc .map_wrap .map_info ul li:first-child{margin-top:0;}
	.map .sc .map_wrap .map_info ul li:before{display:none;}

	.map .sc .location_box{max-width:100%; margin-top:190px;}






}