@charset "utf-8";
@import url(https://webfontworld.github.io/gmarket/GmarketSans.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);

/* reset */
*,*:before,*:after{box-sizing:border-box}
*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}
html{font-size:62.5%}
html,body{height:100%}
article,aside,details,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{overflow-x:hidden;background-color:#fff;word-wrap:break-word;word-break:keep-all;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,p,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,iframe{padding:0;margin:0}
body{color:#222;font-size:1.6rem;line-height:1;font-family:'GmarketSans','Nanum Gothic','Apple SD Gothic Neo',sans-serif}
hr{display:none}
img,fieldset,iframe,button{border:0}
img,iframe{vertical-align:top}
dl,ul,ol,li{list-style:none}
i,em,address{font-style:normal}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
button,input,select,textarea{border-radius:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}
button{background-color:transparent;line-height:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}
input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}
input[readonly]{outline:0;pointer-events:none}
input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
::placeholder{color:#999;opacity:1}
table{width:100%;border:0;border-spacing:0;border-collapse:collapse;empty-cells:show}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.blind{overflow:hidden;position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px}

/* common */
.inner{width:120rem;height:100%;margin:0 auto}
.btn_area{display:inline-flex;align-items:center}
.btn_area a{display:inline-block;overflow:hidden;min-width:20.7rem;height:4.8rem;padding:0 2.4rem;border-radius:36px;background-color:#0065f9;color:#fff;font-size:1.6rem;line-height:5rem;letter-spacing:-.05rem;text-decoration:none;vertical-align:top}
.btn_area a+a{margin-left:2.3rem}
.btn_area a img{display:inline-block;width:auto;height:3.4rem;margin-right:1rem;vertical-align:middle}
.btn_area a.btn_kakao{background-color:#fae301;color:#391b1b}

/* layout */
#header{position:relative;top:0;right:0;left:0;z-index:100;height:8rem;border-bottom:1px solid rgba(0,0,0,.0); box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 10%); font-family:'Nanum Gothic','Apple SD Gothic Neo',sans-serif;background-color:transparent;transition:background-color.8s,border.8s}
#header .inner{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}
#header .row{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}
#header h1{display:inline-block;margin-left:1rem;vertical-align:top}
#header h1 .logo{display:block;width:15.3rem;height:3.6rem;background:url(../images/logo.png) 0 0 no-repeat;background-size:cover}
#header .btn_side{display:none}
.gnb_nav ul{overflow:hidden}
.gnb_nav li{float:left}
.gnb_nav li a{display:block;padding:0 3.5rem;color:#000;font-weight:700;font-size:1.8rem;line-height:3rem;text-decoration:none}
.rel_svc ul{overflow:hidden}
.rel_svc li{float:left}
.rel_svc li a{display:block;padding:0 1.2rem;color:#000;font-size:1.4rem;line-height:3rem;text-decoration:none}
#header.fixed{position:fixed; border-bottom-color:rgba(0,0,0,.15);background-color:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}
#header.fixed h1 a{background-image:url(../images/logo.png)}
#header.fixed .gnb_nav li a,#header.fixed .rel_svc li a{color:#000}
.side_wrap{overflow:hidden;position:fixed;top:0;right:0;z-index:9999;width:100%;height:0;background-color:rgba(255,255,255,0);-webkit-backface-visibility:hidden;transition:background-color .3s,height 0s .3s}
.side_menu{position:absolute;top:0;right:0;z-index:999;width:25rem;height:100%;background-color:#fff;box-shadow:-2px 0 8px rgba(0,0,0,.15);transition:all .3s ease-out 0s;transform:translate3d(100%,0,0) scale(1)}
.side_inner{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;height:100%;padding:4.6rem 0 2rem;font-family:'Nanum Gothic','Apple SD Gothic Neo',sans-serif}
.side_menu .nav_menu li a{display:block;padding:1.3rem 2.4rem;color:#000;font-weight:700;font-size:1.5rem;line-height:2rem}
.side_menu .svc_menu{margin-top:2rem}
.side_menu .svc_menu li a{display:block;padding:.8rem 2.4rem;color:#000;font-size:1.2rem;line-height:2rem}
.side_menu .svc_menu li.on a{font-weight:700}
.side_menu .side_close{position:absolute;top:.6rem;left:1.5rem;width:4rem;height:4rem}
.side_menu .side_close:before{position:absolute;top:50%;left:50%;width:2.4rem;height:2.4rem;background:url(../images/ico_arr.png) 0 0 no-repeat;background-size:cover;content:'';transform:translate(-50%,-50%)}
.side_open{overflow:hidden;position:fixed;z-index:-1;width:100%;height:100%;overflow-scrolling:initial}
.side_open .side_wrap{height:100%;background-color:rgba(255,255,255,.5);transition:background-color .3s}
.side_open .side_menu{transform:translate3d(0,0,0) scale(1)}
#footer{border-top:1px solid #dfdfdf;color:#393939;font-size:1.4rem;line-height:1.5;font-family:'Nanum Gothic','Apple SD Gothic Neo',sans-serif}


#footer .inner{position:relative;padding:3.3rem 5rem 4rem; height: auto}
#footer .logo_company{display:inline-block;width:16.3rem;height:3.4rem;background:url(../images/logo_gray.png) 0 0 no-repeat;background-size:cover;vertical-align:top}
.ft_link{overflow:hidden;position:absolute;top:4.5rem;left:26.3rem}
.ft_link li{display:inline-block;vertical-align:top}
.ft_link li+li{margin-left:1rem}
.ft_link li a{display:block}
.copyright{position:absolute;top:4.5rem;right:5rem}
.talk{position:fixed;right:3.5rem;bottom:2rem;z-index:99999;width:6.4rem;height:6.4rem;-webkit-border-radius:50%;border-radius:50%;background-color:#fae301;box-shadow:0 2px 6px 1px rgba(0,0,0,.3)}
.talk:before{position:absolute;top:50%;left:50%;width:3.4rem;height:3.4rem;background:url(../images/ico_kakao.png) 0 0 no-repeat;background-size:cover;content:'';transform:translate(-50%,-50%)}

/* spot */
.spot{overflow:hidden;position:relative;height:72rem}
.spot .video_wrap{display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;height:72rem}
.spot .video_wrap video,.spot .video_wrap img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.spot .txt_box{position:absolute;top:20.4rem;left:50%;width:76rem;text-align:center;transform:translateX(-50%)}
.spot .txt_area{color:#fff;letter-spacing:-.05rem}
.spot .txt_area .sub_tit{display:block;font-weight:300;font-size:4.8rem;line-height:1.3}
.spot .txt_area .sub_tit em{font-size:3rem}
.spot .txt_area .tit{display:block;margin-top:2rem;font-size:6.4rem;line-height:1.3}
.spot .txt_area .desc{margin-top:5.8rem;font-weight:300;font-size:2.4rem;line-height:1.7}
.spot .btn_area{margin-top:7rem}

/* content */
.section_01{overflow:hidden;padding:2.5rem 0 15rem;text-align:center}
.section_01 .img_box{width:53.6rem;margin:0 auto}
.section_01 .img_box img{width:100%;height:auto}
.section_01 .txt_box{position:relative;margin-top:1.5rem}
.section_01 .txt_box:after{position:absolute;bottom:-11rem;left:50%;width:1px;height:7rem;background-color:#b7b7b7;content:'';transform:translateX(-50%)}
.section_01 .tit img{width:auto;height:6rem}
.section_01 .desc{margin-top:1.5rem;color:#0c1330;font-weight:300;font-size:2.4rem;line-height:1.6}

.section_02{overflow:hidden;background-color:#4db9b5}
.section_02 .inner{display:flex;justify-content:space-between;padding:0 5rem}
.section_02 .img_box{width:66rem;height:67.5rem;margin-right:-41rem}
.section_02 .img_box img{width:auto;height:100%}
.section_02 .txt_box{position:relative;width:73rem;margin:13rem 0 0 3rem;color:#fff;letter-spacing:-.05rem}
.section_02 .tit{display:inline-block;font-weight:500;font-size:3rem;line-height:1.2;vertical-align:top}
.section_02 .tit em{font-weight:700;font-size:4.8rem}
.section_02 .tit span{position:relative;font-size:4.8rem}
.section_02 .tit span:after{position:absolute;right:0;bottom:.4rem;left:0;height:4px;background-color:#fff;content:''}
.section_02 .list_item{margin-top:9.5rem}
.section_02 .list_item li{font-size:2.6rem;line-height:5rem}
.section_02 .list_item li+li{margin-top:2.5rem}
.section_02 .list_item .ico{display:inline-block;width:5rem;height:5rem;margin-right:2rem;vertical-align:middle}
.section_02 .list_item .ico img{width:100%;height:100%;object-fit:cover}
.section_02 .count{position:absolute;top:5rem;right:0;text-align:right}
.section_02 .count .col+.col{margin-top:8.5rem}
.section_02 .count .tit{display:block;font-weight:300;font-size:2.8rem;line-height:1.3}
.section_02 .count .num{display:block;margin-top:.5rem;font-size:7.2rem;line-height:1.3;text-shadow:3px 3px 9px rgba(0,0,0,.17)}

.section_03{overflow:hidden;padding:10rem 0}
.section_03 .inner{display:flex;justify-content:space-between;flex-direction:row-reverse;padding:0 5rem}
.section_03 .img_box{width:48.6rem;margin:6rem 0 0 4rem}
.section_03 .img_box img{width:100%;height:auto}
.section_03 .txt_box{width:41rem;letter-spacing:-.05rem;text-align:right}
.section_03 .tit{display:inline-block;padding-top:10rem;border-top:5px solid #4171c8;color:#4c4c4c;font-weight:500;font-size:4.8rem;line-height:1.2;vertical-align:top}
.section_03 .tit em{color:#4171c8;font-weight:700}
.section_03 .desc{margin-top:4.5rem;color:#393939;font-size:2.1rem;line-height:1.4;font-family:'Nanum Gothic','Apple SD Gothic Neo',sans-serif}

.section_04{overflow:hidden;padding:9rem 0}
.section_04 .inner{display:flex;justify-content:space-between;padding:0 5rem}
.section_04 .img_box{width:96rem;height:65.1rem;margin-right:-41rem}
.section_04 .img_box img{width:auto;height:100%}
.section_04 .txt_box{width:42rem;margin-top:2.7rem;letter-spacing:-.05rem}
.section_04 .tit{display:inline-block;padding-top:9rem;border-top:5px solid #34a060;color:#4c4c4c;font-weight:500;font-size:4.8rem;line-height:1.2;vertical-align:top}
.section_04 .tit em{color:#34a060;font-weight:700}
.section_04 .sub_tit{display:block;margin-bottom:2.5rem;color:#999;font-size:2.1rem;line-height:1.4}
.section_04 .desc{margin-top:4.5rem;color:#393939;font-size:2.1rem;line-height:1.4;font-family:'Nanum Gothic','Apple SD Gothic Neo',sans-serif}

.section_05{overflow:hidden;height:70rem;padding-top:18rem;background:url(../images/img_05.jpg) 50% 0 no-repeat;background-size:cover}
.section_05 .txt_box{color:#fff;letter-spacing:-.05rem;text-align:center}
.section_05 .tit{font-weight:500;font-size:4.8rem;line-height:1.2;vertical-align:top}
.section_05 .tit em{font-weight:700;font-size:5.4rem}
.section_05 .sub_tit{display:inline-block;padding:.6rem 2rem;margin-top:5rem;background-color:#2b44c3;font-weight:700;font-size:2.1rem;line-height:1.3;font-family:'Nanum Gothic','Apple SD Gothic Neo',sans-serif;vertical-align:top}
.section_05 .desc{margin-top:5rem;font-size:2.1rem;line-height:1.7;font-family:'Nanum Gothic','Apple SD Gothic Neo',sans-serif}

.section_06{overflow:hidden;padding:11rem 0 8rem}
.section_06 .txt_box{letter-spacing:-.05rem;text-align:center}
.section_06 .tit{display:inline-block;color:#4c4c4c;font-weight:500;font-size:4.8rem;line-height:1.6;vertical-align:top}
.section_06 .tit em{position:relative;color:#f67284;font-weight:700;font-size:6.6rem}
.section_06 .tit em:after{position:absolute;right:0;bottom:.2rem;left:0;height:3px;background-color:#f67284;content:''}
.section_06 .sub_tit{display:block;margin-bottom:2rem;color:#999;font-size:2.1rem;line-height:1.4}
.section_06 .list_item{margin-top:7rem}
.section_06 .list_item ul{display:flex}
.section_06 .list_item li{display:flex;align-items:center;width:50%}
.section_06 .list_item .thumb{overflow:hidden;height:23.8rem}
.section_06 .list_item .thumb img{width:auto;height:100%}
.section_06 .list_item .info{overflow:hidden;flex:1}
.section_06 .list_item .title{display:block;color:#393939;font-weight:400;font-size:3rem;line-height:1.3}
.section_06 .list_item .emph{display:block;color:#fc8394;font-weight:700;font-size:4.8rem;line-height:1.3}
.section_06 .list_item .desc{margin-top:1.5rem;color:#393939;font-size:2.1rem;line-height:1.4;font-family:'Nanum Gothic','Apple SD Gothic Neo',sans-serif}
.section_06 .list_item li:first-child .emph{color:#dfb840}

.section_07{overflow:hidden;padding:12.5rem 0 10rem;border-top:1px solid #dfdfdf}
.section_07 .inner{display:flex;justify-content:space-between;padding:0 5rem}
.section_07 .img_box{overflow:hidden;width:88.8rem;height:34.9rem;margin:6rem 0 0 -41rem}
.section_07 .img_box img{width:100%;height:100%;object-fit:cover;object-position:right}
.section_07 .txt_box{width:45rem;letter-spacing:-.05rem}
.section_07 .tit{color:#4c4c4c;font-weight:500;font-size:4.8rem;line-height:1.2;vertical-align:top}
.section_07 .tit em{color:#3fb8c3;font-weight:700}
.section_07 .sub_tit{display:block;margin-bottom:3rem;color:#999;font-size:2.1rem;line-height:1.4}
.section_07 .desc{margin-top:2.5rem;color:#393939;font-size:2.1rem;line-height:1.4;font-family:'Nanum Gothic','Apple SD Gothic Neo',sans-serif}
.section_07 .btn_area{margin-top:5rem}

/**
 * device
 */

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
    @media screen and (max-width:320px){
        html{font-size:56%}
    }
    @media screen and (min-width:405px) and (max-width:1024px){
        html{font-size:70%}
    }
}
@media screen and (max-width:1024px){

    /* common */
	a{text-decoration:none !important}
    .inner{width:100%}
    .btn_area a{min-width:15rem;height:3.6rem;padding:0 1.2rem;font-size:1.2rem;line-height:3.6rem}
    .btn_area a+a{margin-left:1rem}
    .btn_area a img{height:2.5rem;margin-right:.5rem}

    /* layout */
    #header{height:5rem}
    #header h1{margin-left:1.8rem}
    #header h1 .logo{width:8.5rem;height:2rem}
    #header .btn_side{display:block;position:absolute;top:0;right:0;width:6.5rem;height:5rem; }
    #header .btn_side:before,#header .btn_side:after{display:block;position:absolute;top:50%;left:50%;width:2.4rem;content:'';transform:translate(-50%,-50%)}
    #header .btn_side:before{height:1.2rem;border:2px solid #000;border-width:2px 0}
    #header .btn_side:after{height:2px;background-color:#000}
    
    #header button,
    .side_menu .side_close
    { border: 0; background-color: transparent; }
    
    .gnb_nav{display:none}
    .rel_svc{display:none; position:absolute;top:1rem;right:7rem}
    .rel_svc li a{padding:0 1rem;font-size:1rem}
    #header.fixed .btn_side:before{border-color:#000}
    #header.fixed .btn_side:after{background-color:#000}
    #footer{color:#808080;font-size:1.2rem;text-align:center}
    #footer .inner{padding:3.7rem 0 2.5rem}
    #footer .logo_company{width:12rem;height:2.5rem}
    .ft_link{position:static;margin-top:1.5rem}
    .ft_link li+li{margin-left:.5rem}
    .copyright{position:static;margin-top:3rem}
	.talk{right:1rem;bottom:2rem;width:5.8rem;height:5.8rem}
    .talk:before{width:3rem;height:3rem}

    /* spot */
    .spot{height:54rem}
    .spot .video_wrap{height:54rem}
    .spot .txt_box{top:12rem;width:auto}
    .spot .txt_area{padding:0 1rem}
    .spot .txt_area .sub_tit{font-size:2.1rem;line-height:1.3}
    .spot .txt_area .sub_tit em{font-size:1.3rem}
    .spot .txt_area .tit{margin-top:2rem;font-size:3rem}
    .spot .txt_area .desc{margin-top:3.5rem;font-size:1.2rem;line-height:2}
    .spot .btn_area{margin-top:6.5rem}

    /* content */
    .section_01{padding:4.5rem 0 8rem}
    .section_01 .img_box{max-width:26.8rem;width:100%}
    .section_01 .txt_box{padding:0 9rem}
    .section_01 .txt_box:after{bottom:-5rem;height:3.5rem}
    .section_01 .tit img{height:3rem}
    .section_01 .desc{font-size:1.5rem}

    .section_02{position:relative;text-align:center}
	.section_02:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:linear-gradient(to bottom,rgba(59,166,173,1),rgba(77,185,181,0));content:'';pointer-events:none}
    .section_02 .inner{justify-content:unset;flex-direction:column;padding: 6rem 0 5rem;}
    .section_02 .img_box{overflow:hidden;position:absolute;right:0;bottom:0;left:0;width:auto;height:33.7rem;margin-right:0;text-align:right}
	.section_02 .img_box:after{position:absolute;top:0;right:0;bottom:40%;left:0;background-image:linear-gradient(to bottom,rgba(77,185,181,1),rgba(77,185,181,0));content:'';pointer-events:none}
	.section_02 .img_box img{margin-right:-4rem}
    .section_02 .txt_box{position:relative;z-index:2;width:100%;margin:0}
    .section_02 .tit{font-size: 2.4rem;}
    .section_02 .tit em{font-size: 4rem;}
    .section_02 .tit span{font-size: 2.4rem;}
    .section_02 .tit span:after{bottom:.2rem;height:2px}
    .section_02 .list_item{margin-top:3.5rem}
	.section_02 .list_item ul{display:inline-block;vertical-align:top}
    .section_02 .list_item li{font-size: 1.8rem;line-height:2.5rem;text-align:left}
    .section_02 .list_item li+li{margin-top:1.2rem}
    .section_02 .list_item .ico{width:2.5rem;height:2.5rem;margin-right:1rem}
    .section_02 .count{position:static;margin-top:5rem;text-align:center}
    .section_02 .count .col+.col{margin-top:3.4rem}
    .section_02 .count .tit{font-size: 1.8rem;}
    .section_02 .count .num{margin-top:0;font-size: 5.0rem;}

    .section_03{padding:5.5rem 0 0;text-align:center}
    .section_03 .inner{justify-content:unset;flex-direction:column;padding:0}
    .section_03 .img_box{max-width:24.3rem;width:100%;margin:0 auto}
    .section_03 .txt_box{width:100%;padding:0 5.5rem;margin-bottom:2.8rem;text-align:center}
    .section_03 .tit{padding-top:4.5rem;border-top-width:2px;font-size:2.4rem}
    .section_03 .desc{margin-top:2.5rem;font-size:1.3rem}

    .section_04{padding:4.5rem 0 4rem;text-align:center}
    .section_04 .inner{justify-content:unset;flex-direction:column;padding:0}
    .section_04 .img_box{overflow:hidden;width:100%;height:25.3rem;margin-right:0;text-align:right}
    .section_04 .img_box img{margin-right:-6rem}
    .section_04 .txt_box{width:100%;padding:0 5.5rem;margin:0 0 2.8rem}
    .section_04 .tit{display:inline-block;padding-top:4rem;border-top-width:2px;font-size:2.4rem}
    .section_04 .sub_tit{margin-bottom:1.2rem;font-size:1.4rem}
    .section_04 .desc{margin-top:2.5rem;font-size:1.3rem}

    .section_05{height:42rem;padding-top:7rem}
	.section_05 .txt_box{padding:0 6rem}
    .section_05 .tit{font-size:2.4rem}
    .section_05 .tit em{font-size:2.7rem}
    .section_05 .sub_tit{width:16rem;padding:2rem 1.2rem;margin-top:3rem;border-radius:15px;font-size:1.5rem}
    .section_05 .desc{margin-top:2.5rem;font-size:1.4rem;line-height:1.7}

    .section_06{padding:6rem 3.5rem 5rem}
    .section_06 .tit{font-size:2.4rem;line-height:1.5}
    .section_06 .tit em{font-size:3.3rem}
    .section_06 .tit em:after{bottom:.3rem;height:1px}
    .section_06 .sub_tit{margin-bottom:1rem;font-size:1.4rem}
    .section_06 .list_item{margin-top:4.5rem;text-align:center}
    .section_06 .list_item ul{flex-direction:column;display:inline-block;vertical-align:top}
    .section_06 .list_item li{width:100%;text-align:left}
	.section_06 .list_item li+li{margin-top:3.5rem}
    .section_06 .list_item .thumb{overflow:hidden;width:17rem;height:11rem}
    .section_06 .list_item .info{margin-left:-1.5rem}
    .section_06 .list_item .title{font-size:1.8rem}
    .section_06 .list_item .emph{font-size:2.8rem}
    .section_06 .list_item .desc{margin-top:1rem;font-size:1.3rem}

    .section_07{padding:0 0 3.5rem;border-top:0}
    .section_07 .inner{justify-content:unset;flex-direction:column;padding:0}
    .section_07 .img_box{width:100%;height:17.4rem;margin:0}
    .section_07 .img_box img{object-position:left}
	.section_07 .txt_box{width:100%;margin-top:3.5rem;text-align:center}
    .section_07 .tit{font-size:2.4rem}
    .section_07 .sub_tit{margin-bottom:1rem;font-size:1.4rem}
    .section_07 .desc{margin-top:2.5rem;font-size:1.4rem}
    .section_07 .btn_area{margin-top:3rem}
}
@media screen and (max-width:280px){
    .rel_svc{display:none}
}
/* jQuery UI Dialog 닫기 버튼 텍스트 숨김 */
.ui-dialog-titlebar-close .ui-button-text,
.ui-button-text-only .ui-button-text {
    text-indent: -9999px;
    display: block;
    overflow: hidden;
}