@charset "utf-8";
/* CSS Document */
html {
	/* Prevent font scaling in landscape */
	-webkit-text-size-adjust:none; /*Chrome, Safari, newer versions of Opera*/
	-moz-text-size-adjust:none; /*Firefox*/
	-ms-text-size-adjust:none;  /*Ie*/
	-o-text-size-adjust:none; /*old versions of Opera*/
}
html::-webkit-scrollbar {width:10px;}
html::-webkit-scrollbar-thumb {background-color:#005eb8; border-radius:10px; background-clip:padding-box; border:2px solid transparent;}
html::-webkit-scrollbar-thumb:hover {background-color:#005eb8;}
html::-webkit-scrollbar-track {background-color:#fff;}

body.open {overflow:hidden;}

/* 영역구분 */
#wrap {position:relative; width:100%; margin:0 auto; text-align:center;}
#wrap:before {content:""; position:fixed; left:0; right:0; top:0; bottom:0; z-index:10; background-image:url("../images/bg_pattern.png"); background-repeat:repeat; background-position:center top; opacity:0.2; pointer-events:none;}
.wrap {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; height:100%; max-width:1340px; padding:0 30px;}
.height {min-height:650px; max-height:1200px;}
.lg-backdrop.in {opacity:0.8;}

/* 컬러 */
.cm {color:#005eb8 !important;}
.cs {color:#9cacdd !important;}
.ce {color:#0078eb !important;}
.cy {color:#ffd100 !important;}
.cg {color:#8b909c !important;}
.cw {color:#ffffff !important;}

.decoline {position:relative; z-index:0;}
.decoline:before {content:""; position:absolute; left:-5px; right:-5px; top:-1px; bottom:-1px; z-index:-1;}
.decoline.dlw:before {background-color:#fff;}
.decoline.dlm:before {background-color:#005eb8;}
.decoline.dym:before {background-color:#ffd100;}

/* 폰트 */
.medium {font-weight:500 !important;}
.semibold {font-weight:600 !important;}
.bold {font-weight:700 !important;}
.thin {font-weight:100 !important;}

#pop {display:none; vertical-align:middle; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7);}
#pop.open {display:inline-block; cursor:pointer;}
#pop .p_bg {position:absolute; left:0; right:0; top:0; bottom:0;}
#pop .p_content {display:inline-block; vertical-align:middle; position:relative; top:50%; box-sizing:border-box; width:100%; max-width:1340px; padding:0 30px; transform:translateY(-50%);}
#pop .p_content .pc_wrap {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#pop .p_content iframe {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
#pop .p_content img {width:100%;}
#pop .p_content .btn_mute {position:absolute; right:20px; top:70px; box-sizing:border-box; width:54px; height:54px; border:#fff solid 2px; border-radius:50%; background-image:url("../images/icon_sound_off.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transition:0.3s; -webkit-transition:0.3s;}
#pop .p_content .btn_mute.on {background-image:url("../images/icon_sound_on.png");}
#pop .p_close {display:inline-block; vertical-align:middle; position:absolute; right:0; top:-40px; width:30px; height:30px; transform:rotate(-45deg); transition:0.3s; -webkit-transition:0.3s;}
#pop .p_close:hover {transform:rotate(-135deg);}
#pop .p_close:before {content:""; position:absolute; left:4px; right:4px; top:50%; height:2px; margin-top:-1px; background-color:#fff;}
#pop .p_close:after {content:""; position:absolute; left:50%; top:4px; bottom:4px; width:2px; margin-left:-1px; background-color:#fff;}


/* 헤더 */
#header {display:inline-block; vertical-align:middle; position:fixed; left:0; right:0; top:0; z-index:999; transition:0.3s; -webkit-transition:0.3s;}
#header div {display:inline-block; vertical-align:middle;}
#header .h_logo {position:absolute; left:70px; top:70px; z-index:2; width:162px; height:60px; transition:0.3s; -webkit-transition:0.3s;}
#header .h_logo a {display:inline-block; vertical-align:middle; position:relative; width:100%; height:100%; transition:0.3s; -webkit-transition:0.3s;}

#header .h_logo .hl_logo {display:inline-block; width:100%; height:auto; fill:#005eb8; fill-rule: evenodd;}
#header .h_slogan {position:absolute; right:70px; top:70px; z-index:2; width:120px; height:120px; background-image:url("../images/slogan.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transition:0.3s; -webkit-transition:0.3s;}


/* 사이드 */
#aside {display:inline-block; vertical-align:middle; position:fixed; left:0; right:0; bottom:0; z-index:9; word-break:keep-all; transition:0.3s; -webkit-transition:0.3s;}
#aside .a_support {display:inline-block; vertical-align:middle; position:absolute; right:70px; bottom:70px; transition:0.3s; -webkit-transition:0.3s;}
#aside .a_support button {display:inline-block; vertical-align:middle; position:relative; width:190px; height:170px; background-image:url("../images/deco_support.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transform:scale(1); transition:0.3s; -webkit-transition:0.3s;}
#aside .a_support button:hover {transform:scale(1.1);}
#aside .a_support span {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:45px; width:100%; height:40px; font-family:'RixYeoljeongdo', sans-serif; font-size:30px; font-weight:400; color:#fff; letter-spacing:-0.5px; line-height:40px; white-space:nowrap; transition:0.3s; -webkit-transition:0.3s;}
#aside .a_support mark {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:85px; width:100%; height:40px; font-family:'RixYeoljeongdo', sans-serif; font-size:30px; color:#f5e11d; letter-spacing:-0.5px; line-height:40px; white-space:nowrap; transition:0.3s; -webkit-transition:0.3s;}
#aside .a_support mark.on {opacity:0;}
#aside .a_support mark b {font-size:25px;}
#aside .a_support i {display:none;}

/* 컬러변경 */
#header.color .h_logo .hl_logo {fill:#fff;}
/* #aside.color .a_support button {background-color:#f5e11d;}
#aside.color .a_support button:before {border-color:#005eb8;} 
#aside.color .a_support mark {color:#005eb8;}*/

/* on */
#header.on .h_slogan {opacity:0; pointer-events:none;}
#aside.on .a_support button {width:80px; height:80px;}
#aside.on .a_support button:before {left:3px; right:3px; top:3px; bottom:3px;}
#aside.on .a_support button:after {top:18px; width:20px; height:20px; margin-left:-10px;}
#aside.on .a_support span {top:50%; width:80px; height:80px; margin-top:-40px; font-size:2px; color:transparent; line-height:80px; letter-spacing:-7px;}
#aside.on .a_support mark.off {top:50%; width:80px; height:80px; margin-top:-40px; font-size:2px; color:transparent; line-height:80px; letter-spacing:-7px;}
#aside.on .a_support mark.on {top:30px; font-size:14px; line-height:20px; opacity:1;}
#aside.off {opacity:0; pointer-events:none;}


/* 콘텐츠 */
#contents {display:inline-block; vertical-align:middle; width:100%;}
#contents.ie {overflow:hidden;}
#contents .c_area {padding:300px 0;}
#contents .c_case {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_case .cc_title {display:inline-block; vertical-align:middle; width:100%; font-family:'RixYeoljeongdo'; font-size:80px; color:#fff; line-height:100px; letter-spacing:-2px; -webkit-text-stroke:1px #005eb8; opacity:1 !important; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_case .cc_title.t1 {color:transparent; -webkit-text-stroke:1px #fff;}
#contents .c_case .cc_title.t3 {color:transparent; -webkit-text-stroke:1px #fff;}
#contents.ie .c_case .cc_title {color:#fff;}
#contents.ie .c_case .cc_title.t1 {color:#fff;}
#contents.ie .c_case .cc_title.t3 {color:#fff;}
#contents.ie .c_case .cc_title.ie_blue {color:#005eb8 !important;}
#contents .c_case .cc_title.samll {font-family:'Pretendard'; font-size:60px; font-weight:900; line-height:80px;}
#contents .c_case .cc_title.middle {font-size:70px; line-height:90px;}
#contents .c_case .cc_title mark {color:#fff; -webkit-text-stroke:1px #005eb8; transition:0.5s; -webkit-transition:0.5s;}
#contents .c_case .cc_title mark > i {font-style:italic;}
#contents .c_case .cc_title.t1 mark {color:transparent; -webkit-text-stroke:1px #fff;}
#contents .c_case .cc_title.t2 mark {color:transparent;}
#contents .c_case .cc_title.t3 mark {color:transparent; -webkit-text-stroke:1px #fff;}
#contents.ie .c_case .cc_title mark {color:#005eb8; -webkit-text-stroke:1px transparent;}
#contents.ie .c_case .cc_title.t1 mark {color:#fff; -webkit-text-stroke:1px transparent;}
#contents.ie .c_case .cc_title.t2 mark {color:#005eb8; -webkit-text-stroke:1px transparent;}
#contents.ie .c_case .cc_title.t3 mark {color:#fff; -webkit-text-stroke:1px transparent;}
#contents .c_case .cc_title.aos-animate mark {color:#005eb8; -webkit-text-stroke:1px transparent;}
#contents .c_case .cc_title.t1.aos-animate mark {color:#fff; -webkit-text-stroke:1px transparent;}
#contents .c_case .cc_title.t2.aos-animate mark {color:#005eb8; -webkit-text-stroke:1px transparent;}
#contents .c_case .cc_title.t3.aos-animate mark {color:#fff; -webkit-text-stroke:1px transparent;}
#contents .c_case .cc_title span {display:inline-block;}
#contents .c_case .cc_txt {display:inline-block; vertical-align:middle; width:100%; font-size:30px; font-weight:100; line-height:40px; letter-spacing:-1px; word-break:keep-all;}
#contents .c_case .cc_txt.big {font-size:50px; line-height:60px;}
#contents .c_case .cc_txt.small {font-size:25px; line-height:35px;}
#contents .c_case .cc_txt > span {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_case .cc_txt > span > span {display:inline-block;}
#contents .c_case .cc_title + .cc_txt,
#contents .c_case .cc_txt + .cc_title {margin-top:30px;}
#contents .c_case .cc_mouse {display:none; vertical-align:middle; position:relative; box-sizing:border-box; width:24px; height:36px; border-radius:12px; border:#005eb8 solid 2px;}
#contents .c_case .cc_mouse.t2 {border-color:#fff;}
#contents .c_case .cc_mouse i {position:absolute; left:50%; top:6px; width:2px; height:6px; margin-left:-1px; border-radius:2px; background-color:#005eb8; animation-name:cc_mouse_ani; animation-duration:0.8s; animation-iteration-count:infinite; animation-timing-function:linear;}
#contents .c_case .cc_mouse.t2 i {background-color:#fff;}
@keyframes cc_mouse_ani {from {top:6px;} 50% {top:12px;} to {top:6px;}}
#contents .c_case .cc_pagging {display:inline-block; vertical-align:middle; position:absolute; left:50%; bottom:2%; font-size:0; transform:translateX(-50%);}
#contents .c_case .cc_pagging i {display:inline-block; vertical-align:middle; position:relative; min-width:8px; height:30px; padding:0 6px; cursor:pointer;}
#contents .c_case .cc_pagging i:before {content:""; display:inline-block; vertical-align:middle; position:relative; top:8px; box-sizing:border-box; width:8px; height:8px; border-radius:4px; border:#fff solid 1px; opacity:0.5; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_case .cc_pagging i:hover:before,
#contents .c_case .cc_pagging i.on:before {width:18px; background-color:#fff; opacity:1;}
#contents .c_case .cc_skip {position:absolute; left:50%; bottom:2%; box-sizing:border-box; width:80px; height:30px; margin-left:-40px; margin-bottom:45px; border:#fff solid 1px; border-radius:15px; font-size:14px; font-weight:400; color:#fff; line-height:28px; cursor:pointer; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_case .cc_skip:hover {background-color:#fff; color:#005eb8;}

#contents .c_hero {position:relative; overflow:hidden; background-color:#bee0fa;}
#contents .c_hero .wrap {max-width:1400px; height:100%;}
#contents .c_hero .ch_bg {display:inline-block; vertical-align:middle; position:absolute; left:50%; width:1920px; top:0; margin-left:-960px;}
#contents .c_hero .ch_bg > img {width:100%; height:auto;}
#contents .c_hero .ch_child.ch_mobile {display:none;}
#contents .c_hero .ch_child {display:inline-block; vertical-align:middle; position:absolute; left:50%; width:1920px; top:0; margin-left:-960px;}
#contents .c_hero .ch_child > img {width:100%; height:auto;}
#contents .c_hero .ch_box {display:inline-block; vertical-align:middle; position:relative; width:100%; height:100%;}
#contents .c_hero .ch_title {display:inline-block; vertical-align:middle; position:absolute; left:0; top:50%; width:360px; margin-top:-350px; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_hero .ch_title > img {width:100%; height:auto;}
#contents .c_hero .ch_txt {display:inline-block; vertical-align:middle; position:absolute; left:370px; top:50%; margin-top:55px;}
#contents .c_hero .ch_txt p {display:inline-block; vertical-align:middle; width:100%; font-size:26px; font-weight:400; color:#005eb8; line-height:40px; text-align:left; letter-spacing:-0.5px; word-break:keep-all;}
#contents .c_hero .ch_txt p > span,
#contents .c_hero .ch_txt p > strong,
#contents .c_hero .ch_txt p > mark {display:inline-block; vertical-align:middle; float:left; width:100%; opacity:1;}
#contents .c_hero .ch_txt p span i {font-style:italic;}
#contents .c_hero .ch_txt p + p {margin-top:40px;}
#contents .c_hero .ch_txt p > mark {position:relative; width:auto; font-weight:600; color:#fff; opacity:1 !important;}
#contents .c_case .ch_txt p > mark:before {content:""; position:absolute; left:-5px; right:100%; top:0%; bottom:0; z-index:-1; width:0; background-color:#005eb8; opacity:0; transition:0.6s; -webkit-transition:0.6s;}
#contents .c_case .ch_txt p > mark.aos-animate:before {right:-5px; width:auto; opacity:1;}
#contents .c_hero .ch_txt p > strong {margin-top:5px; font-weight:600;}
#contents .c_hero .ch_txt p > strong i {font-style:italic;}
#contents .c_hero .ch_txt p > strong br {display:none;}

#contents .c_ambassadors {position:relative; overflow:hidden; opacity:1 !important}
#contents .c_ambassadors:before {content:""; position:absolute; left:0; right:50%; top:0; bottom:0; z-index:-1; background-color:#005eb8;}
#contents .c_ambassadors .wrap {max-width:1740px; padding:0 30px;}
#contents .c_ambassadors .cs_wrap {position:absolute; left:30px; right:30px; top:50%; transform:translateY(-50%);}
#contents .c_ambassadors .ca_pic,
#contents .c_ambassadors .ca_content {display:inline-block; vertical-align:middle; position:relative;}
#contents .c_ambassadors .ca_pic {position:absolute; left:0; top:50%; z-index:1; box-sizing:border-box; width:50%; padding-left:5.333%; transform:translateY(-50%);}
#contents .c_ambassadors .ca_content {float:right; box-sizing:border-box; width:50%; z-index:0; padding-top:50px; padding-left:13%; text-align:left;}
#contents .c_ambassadors .ca_content .cc_txt {box-sizing:border-box; margin-top:25px; padding-left:25px; line-height:50px; letter-spacing:-1px;}
#contents .c_ambassadors .ca_content .cc_txt + .cc_txt {margin-top:35px;}
#contents .c_ambassadors .ca_content .cc_txt .decoline:before {left:-2px; right:-2px;}
#contents .c_ambassadors .ca_content .cc_txt span i {position:relative; left:8px; top:-4px; font-family:'RixYeoljeongdo';}
#contents .c_ambassadors .ca_content .cc_txt span.t1 {margin-right:5px;}
#contents .c_ambassadors .ca_content .cc_txt span i.t1 {left:-7px; top:-10px; margin-left:-15px;}
#contents .c_ambassadors .cap_box {display:inline-block; vertical-align:middle; float:left; overflow:hidden; border-radius:20px; box-shadow:0 50px 100px rgba(24, 25, 27, 0.5); font-size:0; line-height:0; opacity:0; transition-duration:0.8s;  transition-timing-function:ease;}
#contents .c_ambassadors .cap_box.t1 {width:74.666%; transform:translateX(-100px);}
#contents .c_ambassadors .cap_box.t2 {width:96%; margin-left:13.333%; margin-top:-30px; transform:translateX(100px);}
#contents .c_ambassadors.aos-animate .cap_box {opacity:1 !important; transform:translateX(0) !important;}

#contents .c_ambassadors .cap_box > img {width:100%; height:auto;}
#contents .c_ambassadors .cs_deco.t1 {position:absolute; left:50%; top:0; bottom:0;}
#contents .c_ambassadors .cs_deco.t1 .csd_box {position:absolute; left:0; top:0; width:40px; animation-name:ca_deco_ani1; animation-duration:20s; animation-iteration-count:infinite; animation-timing-function:linear;}
#contents .c_ambassadors .cs_deco.t1 .csd_box.t2 {top:1082px; animation-name:ca_deco_ani2;}
#contents .c_ambassadors .cs_deco.t1 .csd_box > img {width:100%; height:auto;}
#contents .c_ambassadors .cs_deco.t2 {display:none;}
@keyframes ca_deco_ani1 {from {top:0;} to {top:-1082px;}}
@keyframes ca_deco_ani2 {from {top:1082px;} to {top:0;}}

#contents .c_intro {position:relative; overflow:hidden; padding-bottom:0; background-image:url("../images/bg_intro.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover;}
#contents .c_intro .wrap {max-width:1740px; height:100%;}
#contents .c_intro .ci_txt {display:inline-block; vertical-align:middle; position:absolute; position:absolute; left:0; right:0; top:50%; margin-top:-5.4688vw; transform:translateY(-50%);}
#contents .c_intro .ci_txt > span {display:inline-block; vertical-align:middle; width:100%; font-size:60px; font-weight:100; color:#005eb8; line-height:80px; letter-spacing:-1px; word-break:keep-all;}
#contents .c_intro .ci_txt > span > span {display:inline-block;}
#contents .c_intro .ci_txt .cit_pic {display:inline-block; vertical-align:top; position:relative; top:0; width:80px; height:80px; border-radius:50%; background-image:url("../images/pic_intro02.jpg"); background-repeat:no-repeat; background-position:center; background-size:100% auto;}
#contents .c_intro .ci_txt .cit_pic.t2 {background-image:url("../images/pic_intro03.jpg");}
#contents .c_intro .ci_txt .cit_pic.t3 {background-image:url("../images/pic_intro04.jpg");}
#contents .c_intro .cc_title {position:absolute; left:0; right:0; top:50%; margin-top:95px; font-size:80px; line-height:100px;}
#contents .c_intro .cc_mouse {position:absolute; left:50%; bottom:72px; margin-left:-12px;}

#contents .c_work {position:relative; background-color:#005eb8;}
#contents .c_work .wrap {max-width:1540px;}
#contents .c_work .cw_pic {position:absolute; left:50%; top:-280px; width:840px; margin-left:-420px;}
#contents .c_work .cw_pic > img {width:100%; height:auto;}
#contents .c_work .cw_wrap {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents .c_work .cw_box {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents .c_work .cw_box.t1 .cc_title {position:absolute; left:0; right:0; top:50%; margin-top:-100px;}
#contents .c_work .cw_box.t1 .cc_txt {position:absolute; left:0; right:0; top:50%;}
#contents .c_work .cw_box.t1 .cc_txt i {font-style:italic;}
#contents .c_work .cw_box.t2 .cc_title {position:absolute; left:0; top:50%; width:auto; transform:translateY(-50%);}
#contents .c_work .cw_box.t2 .cc_title mark {color:#fff; -webkit-text-stroke:0px #fff; /*animation-name:cc_mark_ani; animation-duration:1.5s; animation-iteration-count:infinite; animation-timing-function:linear; transition:0.5s;*/}
#contents .c_work .cw_box.t2 .cc_txt {position:absolute; rigHt:0; top:50%; width:auto; font-size:16px; font-weight:300; color:#9cacdd; line-height:30px; transform:translateY(-50%);}
#contents .c_work .cw_box.t2 .cc_txt mark {font-weight:600; color:#fff;}
#contents .c_work .cw_box.t2 .cc_txt br {display:none;}
@keyframes cc_mark_ani {from {color:#fff; -webkit-text-stroke:0px #fff;} 50% {color:transparent; -webkit-text-stroke:1px #fff;} to {color:#fff;  -webkit-text-stroke:0px #fff;}}
#contents .c_work .cw_file {position:absolute; left:50%; top:50%; width:700px; height:700px; margin-left:-350px; margin-top:-350px; cursor:pointer;}
#contents .c_work .cw_file img {width:100%; height:auto;}
#contents .c_work .cw_file .cwf_line,
#contents .c_work .cw_file .cwf_pic {overflow:hidden; position:absolute; left:0; right:0; top:0; bottom:0;}
#contents .c_work .cw_file .cwf_pic.t1 {left:50%; right:auto; top:50%; bottom:auto; width:400px; height:400px; margin-left:-200px; margin-top:-200px;}
#contents .c_work .cw_file .cwf_pic.arrow img {animation-name:cc_arrow_ani; animation-duration:1s; animation-iteration-count:infinite; animation-timing-function:linear;}
@keyframes cc_arrow_ani {from {transform:translateY(-10px);} 50% {transform:translateY(0);} to {transform:translateY(-10px);}}
#contents .c_work .cw_file .cwf_circle {display:inline-block; vertical-align:middle; position:absolute; left:250px; right:250px; top:250px; bottom:250px;}
#contents .c_work .cw_file .cwf_circle i {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; border-radius:50%; border:#fff solid 1px; animation-name:cm_music; animation-duration:8s; animation-iteration-count:infinite; animation-timing-function:linear; opacity:0;}
@keyframes cm_music { 0% {left:0; right:0; top:0; bottom:0; opacity:0;} 50% {left:-100px; right:-100px; top:-100px; bottom:-100px; opacity:0.4;} 100% {left:-200px; right:-200px; top:-200px; bottom:-200px; opacity:0;}}
#contents .c_work .cw_file .cwf_circle i.t2 {animation-delay:1s;}
#contents .c_work .cw_file .cwf_circle i.t3 {animation-delay:2s;}
#contents .c_work .cw_file .cwf_circle i.t4 {animation-delay:3s;}
#contents .c_work .cw_file .cwf_circle i.t5 {animation-delay:4s;}
#contents .c_work .cw_file .cwf_circle i.t6 {animation-delay:5s;}
#contents .c_work .cw_file .cwf_circle i.t7 {animation-delay:6s;}
#contents .c_work .cw_file .cwf_circle i.t8 {animation-delay:7s;}
#contents .c_work .cc_mouse {position:absolute; left:50%; bottom:72px; margin-left:-12px;}
#contents .c_work .cw_box.t2 .cc_mouse {display:none;}

#contents .c_howto {display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:9; background-color:#003c71;}
#contents .c_howto:before {content:""; position:absolute; left:0; right:0; bottom:-400px; height:400px; background-color:#003c71;}
#contents .c_howto.open {display:inline-block;}
#contents .c_howto .wrap {max-width:1680px; padding:0;}
#contents .c_howto .ch_wrap {display:inline-block; vertical-align:middle; position:sticky; top:0; box-sizing:border-box; width:100%; padding:0 30px;}
#contents.ie .c_howto .ch_wrap {position:absolute; left:0; right:0;}
#contents.ie .c_howto .ch_wrap.on {position:fixed;}
#contents.ie .c_howto .ch_wrap.end {position:absolute; top:auto; bottom:0;}
#contents .c_howto .ch_close {position:absolute; right:70px; top:85px; z-index:10; width:30px; height:30px; transform:rotate(45deg); opacity:0; cursor:pointer; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_howto .ch_close:hover {transform:rotate(135deg);}
#contents .c_howto .ch_close:before {content:""; position:absolute; left:0; right:0; top:50%; height:2px; margin-top:-1px; background-color:#fff;}
#contents .c_howto .ch_close:after {content:""; position:absolute; left:50%; top:0; bottom:0; width:2px; margin-left:-1px; background-color:#fff;}
#contents .c_howto.open .ch_close {opacity:1;}
#contents .c_howto .owl-dots {display:inline-block; vertical-align:middle; position:absolute; left:50%; bottom:2%; font-size:0; transform:translateX(-50%);}
#contents .c_howto .owl-dot {display:inline-block; vertical-align:middle;}
#contents .c_howto .owl-dot span {display:inline-block; vertical-align:middle; position:relative; min-width:8px; height:30px; padding:0 6px; cursor:pointer;}
#contents .c_howto .owl-dot span:before {content:""; display:inline-block; vertical-align:middle; position:relative; top:8px; box-sizing:border-box; width:8px; height:8px; border-radius:4px; border:#fff solid 1px; opacity:0.5; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_howto .owl-dot:hover span:before,
#contents .c_howto .owl-dot.active span:before {width:18px; background-color:#fff; opacity:1;}
#contents .c_howto .ch_state {display:inline-block; vertical-align:middle; position:absolute; left:50%; bottom:2%; margin-bottom:30px; font-size:16px; font-weight:700; color:#fff; line-height:30px;  text-shadow: 1px 1px 30px #000; letter-spacing:-0.5px; transform:translateX(-50%);}
#contents .c_howto .ch_area {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; height:100%; max-width:1280px;}
#contents .c_howto .owl-item {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents .c_howto .owl-nav {display:inline-block; vertical-align:middle; position:absolute; left:50%; width:260px; height:48px; margin-left:-130px; bottom:2%; pointer-events:none;}
#contents .c_howto .owl-nav > div {position:absolute; top:0; bottom:0; width:30px; height:30px; border-right:#fff solid 2px; border-top:#fff solid 2px; font-size:0; pointer-events:auto; cursor:pointer; opacity:0.5;}
#contents .c_howto .owl-nav > div:before {content:""; position:absolute; left:-10px; right:-10px; top:-10px; bottom:-10px; transform:rotate(45deg);}
#contents .c_howto .owl-nav > div:hover {opacity:1;}
#contents .c_howto .owl-nav .owl-prev {left:0; transform:rotate(-135deg);}
#contents .c_howto .owl-nav .owl-next {right:0; transform:rotate(45deg);}
#contents .c_howto .ch_arrow {display:none; vertical-align:middle; position:absolute; left:50%; width:260px; height:48px; margin-left:-130px; bottom:2%; pointer-events:none;}
#contents .c_howto .ch_arrow > div {position:absolute; top:0; bottom:0; width:30px; height:30px; border-right:#fff solid 2px; border-top:#fff solid 2px; font-size:0; pointer-events:auto; cursor:pointer; opacity:0;}
#contents .c_howto .ch_arrow > div:before {content:""; position:absolute; left:-10px; right:-10px; top:-10px; bottom:-10px; transform:rotate(45deg);}
#contents .c_howto .ch_arrow > div:hover {opacity:1;}
#contents .c_howto .ch_arrow .cha_prev {left:0; transform:rotate(-135deg);}
#contents .c_howto .ch_arrow .cha_next {right:0; transform:rotate(45deg);}

#contents .c_howto.step02 .ch_arrow.t1 {display:inline-block;}
#contents .c_howto.step03 .ch_arrow.t2 {display:inline-block;}
#contents .c_howto.step06 .ch_arrow.t3 {display:inline-block;}
#contents .c_howto.step07 .ch_arrow.t4 {display:inline-block;}
#contents .c_howto.step08 .ch_arrow.t5 {display:inline-block;}
#contents .c_howto.step09 .ch_arrow.t6 {display:inline-block;}

#contents .c_howto .item {position:relative;}
#contents .c_howto .ch_box {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; opacity:0; pointer-events:none; transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto.step01 .ch_box.t1 {opacity:1; pointer-events:auto;}
#contents .c_howto.step02 .ch_box.t2 {opacity:1; pointer-events:auto;}
#contents .c_howto.step03 .ch_box.t3 {opacity:1; pointer-events:auto;}
#contents .c_howto.step04 .ch_box.t4 {opacity:1; pointer-events:auto;}
#contents .c_howto.step05 .ch_box.t5 {opacity:1; pointer-events:auto;}
#contents .c_howto.step06 .ch_box.t6 {opacity:1; pointer-events:auto;}
#contents .c_howto.step07 .ch_box.t7 {opacity:1; pointer-events:auto;}
#contents .c_howto.step08 .ch_box.t8 {opacity:1; pointer-events:auto;}
#contents .c_howto.step09 .ch_box.t9 {opacity:1; pointer-events:auto;}
#contents .c_howto.step10 .ch_box.t10 {opacity:1; pointer-events:auto;}
#contents .c_howto .ch_box .chb_wrap {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:50%; width:100%; height:600px; transform:translateY(-50%);}
#contents .c_howto .ch_box .chb_wrap.t1 {left:50%; right:auto; max-width:850px; transform:translate(-50%,-50%);}
#contents .c_howto .ch_box .chb_wrap.t2 {left:50%; right:auto; max-width:1000px; transform:translate(-50%,-50%);}
#contents .c_howto .cc_txt + .cc_txt {margin-top:40px;}
#contents .c_howto .ch_box .ch_pic .chp_img {background-color:#fff; font-size:0; line-height:0;}
#contents .c_howto .ch_box .ch_pic .chp_img > img {float:left; width:100%; height:auto;}
#contents .c_howto .ch_box .ch_txt span > strong {display:inline-block; vertical-align:middle; font-size:50px; font-weight:900; color:#003c71 !important; line-height:60px; letter-spacing:-1px;}
#contents .c_howto .ch_box .ch_txt span > strong.cw {color:#fff !important;}
#contents .c_howto .ch_box .ch_txt span > strong mark.cm {color:#003c71 !important;}
#contents .c_howto .ch_box .ch_pic .chp_img .chpi_gallery {position:absolute; left:0; right:0; top:0; bottom:0; font-size:0; line-height:0; cursor:pointer;}
#contents .c_howto .ch_box .ch_pic .chp_img .chpi_gallery > img {width:100%; height:auto;}
#contents .c_howto .ch_box .ch_pic .chp_img .chpi_gallery .chpi_pluse {position:absolute; left:50%; top:50%; width:50px; height:50px; margin-left:-25px; margin-top:-25px; background-image:url("../images/icon_pluse.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; animation-name:twinkle; animation-duration:2s; animation-iteration-count:infinite; animation-timing-function:linear;}
@keyframes twinkle {from {opacity:0.3;} 50% {opacity:1;} to {opacity:0.3;}}
#contents .c_howto .ch_box.t1 .ch_pic {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0;}
#contents .c_howto .ch_box.t1 .ch_pic:before {content:""; position:absolute; left:50%; top:50%; width:900px; height:600px; border-radius:11px; background-color:#fff; transition:0.5s; -webkit-transition:0.5s; transform:translate(-50%,-50%);}
#contents .c_howto .ch_box.t1 .ch_pic:after {content:""; position:absolute; left:50%; top:50%; width:900px; height:600px; z-index:6; background-image:url("../images/pic_howto01_frame.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transition:0.5s; -webkit-transition:0.5s; transform:translate(-50%,-50%);}
#contents .c_howto .ch_box.t1 .ch_pic .chp_img {overflow:hidden; position:absolute; left:50%; top:50%; box-sizing:border-box; width:900px; box-sizing:border-box; border-radius:10px; box-shadow:0 50px 100px rgba(24, 25, 27,0.5); opacity:0; transition:0.5s; -webkit-transition:0.5s; transform:translate(-50%,-50%);}
#contents .c_howto .ch_box.t1 .ch_pic .chp_img > img {width:100%; height:auto;}
#contents .c_howto .ch_box.t1 .ch_txt {position:absolute; left:68%; top:45%; right:30px; z-index:9; text-align:left; opacity:0; transform:translateY(-50%); transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t1.step01_1 .ch_pic .chp_img.t1 {opacity:1;}
#contents .c_howto .ch_box.t1.step01_2 .ch_pic .chp_img.t2 {opacity:1;}
#contents .c_howto .ch_box.t1.step01_3 .ch_pic {background-color:transparent;}
#contents .c_howto .ch_box.t1.step01_3 .ch_pic .chp_img.t3 {opacity:1;}
#contents .c_howto .ch_box.t1.step01_4 .ch_pic {left:0; right:0; top:0; bottom:0; width:auto; height:auto; background-color:transparent; margin-left:0; margin-top:0; transform:none;}
#contents .c_howto .ch_box.t1.step01_4 .ch_pic:before {opacity:0; transform:scale(0.5) translate(-100%,-100%);}
#contents .c_howto .ch_box.t1.step01_4 .ch_pic:after {opacity:0; transform:scale(0.5) translate(-100%,-100%);}
#contents .c_howto .ch_box.t1.step01_4 .ch_pic .chp_img {width:26.8%; border:#fff solid 10px; opacity:1 !important; box-shadow:none;}
#contents .c_howto .ch_box.t1.step01_4 .ch_pic .chp_img.t2 {transform:translate(-50%,-50%);}
#contents .c_howto .ch_box.t1.step01_4 .ch_pic .chp_img.t3 {transform:translate(-50%,-50%);}
#contents .c_howto .ch_box.t1.step01_5 .ch_pic .chp_img.t3 {left:2.5%; top:50%; box-shadow:0 50px 100px rgba(24, 25, 27,0.5); transform:translateY(-92%);}
#contents .c_howto .ch_box.t1.step01_5 .ch_pic .chp_img.t2 {left:18%; top:44%;  box-shadow:0 50px 100px rgba(24, 25, 27,0.5); transform:none;}
#contents .c_howto .ch_box.t1.step01_5 .ch_pic .chp_img.t1 {box-shadow:0 50px 100px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t1.step01_5 .ch_txt {opacity:1;}
#contents .c_howto .ch_box.t2 .ch_pic {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0;}
#contents .c_howto .ch_box.t2 .ch_pic .chp_img {position:absolute; left:50%; top:50%; width:28%; box-sizing:border-box; border-radius:10px; border:#fff solid 10px; box-shadow:0 5px 10px rgba(24, 25, 27, 0.5); transform:translate(-50%,-50%); transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t2 .ch_pic .chp_img.t2 {top:auto; bottom:50%; left:auto; right:50%;}
#contents .c_howto .ch_box.t2 .ch_pic .chp_img.t3,
#contents .c_howto .ch_box.t2 .ch_pic .chp_img.t4 {left:auto; right:50%;}
#contents .c_howto .ch_box.t2 .ch_pic .chp_img.t2 {transform:translate(50%,50%) rotate(5deg);}
#contents .c_howto .ch_box.t2 .ch_pic .chp_img.t3 {transform:translate(50%,-50%) rotate(10deg);}
#contents .c_howto .ch_box.t2 .ch_pic .chp_img.t4 {transform:translate(50%,-50%) rotate(15deg);}
#contents .c_howto .ch_box.t2 .ch_txt {position:absolute; left:50%; top:44%; z-index:9; width:100%; opacity:0; transform:translate(-50%,-50%); transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t2 .ch_txt .cc_txt > span:nth-child(2) {margin-top:10px;}
#contents .c_howto .ch_box.t2.step02_1 .ch_pic .chp_img.t1 {left:0; top:0; transform:translate(0); box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t2.step02_1 .ch_pic .chp_img.t2 {bottom:0%; transform:translate(0); box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t2.step02_1 .ch_pic .chp_img.t3 {right:0; top:45%; transform:translate(0); box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t2.step02_1 .ch_pic .chp_img.t4 {right:4%; top:10%; transform:translate(0); box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t2.step02_1 .ch_txt {opacity:1;}
#contents .c_howto .ch_box.t3 .ch_txt.t1 {position:absolute; left:10%; top:0; z-index:9; text-align:left;}
#contents .c_howto .ch_box.t3 .ch_txt.t2 {position:absolute; left:68%; bottom:0; z-index:9; text-align:left; opacity:0; transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t3 .ch_txt.t2 span {white-space:nowrap;}
#contents .c_howto .ch_box.t3 .ch_txt.t1 .cc_txt > span:nth-child(2) {margin-top:10px;}
#contents .c_howto .ch_box.t3 .ch_map {display:inline-block; overflow:hidden; vertical-align:middle; position:absolute; right:0; top:-10%; z-index:1; width:44%; border-radius:10px; box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t3 .ch_map .chm_img {position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t3 .ch_map .chm_img.t1 {display:inline-block; vertical-align:middle; position:relative; left:auto; top:auto; bottom:auto; width:100%; opacity:1;}
#contents .c_howto .ch_box.t3 .ch_map .chm_img > img {float:left; width:100%; height:auto;}
#contents .c_howto .ch_box.t3 .ch_pic {display:inline-block; overflow:hidden; vertical-align:middle; position:absolute; left:0; bottom:-1%; z-index:0; width:63.5%; border-radius:10px; box-shadow:0 50px 100px rgba(24, 25, 27, 0.5); opacity:0; transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t3 .ch_pic .chp_img {position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; pointer-events:none; transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t3 .ch_pic .chp_img.t1 {display:inline-block; position:relative; left:auto; top:auto; bottom:auto; width:100%; opacity:1;}
#contents .c_howto .ch_box.t3.step03_1 .ch_map .chm_img.t2 {opacity:1;}
#contents .c_howto .ch_box.t3.step03_2 .ch_map .chm_img.t3 {opacity:1;}
#contents .c_howto .ch_box.t3.step03_3 .ch_pic {opacity:1;}
#contents .c_howto .ch_box.t3.step03_4 .ch_txt.t2 {opacity:1;}
#contents .c_howto .ch_box.t3.step03_4 .ch_pic {animation-name:cc_scale_ani; animation-duration:0.7s; animation-iteration-count:1; animation-timing-function:linear;}
#contents .c_howto .ch_box.t3.step03_4 .ch_pic .chp_img.t2 {opacity:1; pointer-events:auto;}
#contents .c_howto .ch_box.t4 .ch_txt {position:absolute; left:68%; top:50%; z-index:9; text-align:left; transform:translateY(-50%);}
#contents .c_howto .ch_box.t4 .ch_txt .cc_txt > span:nth-child(2) {margin-top:10px;}
#contents .c_howto .ch_box.t4 .ch_pic {position:absolute; left:0; right:0; top:0; bottom:0}
#contents .c_howto .ch_box.t4 .ch_pic .chp_img {overflow:hidden; position:absolute; left:0; top:0; width:40%; border-radius:10px; box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t4 .ch_pic .chp_img.t2 {left:20.333%; top:5%;}
#contents .c_howto .ch_box.t4 .ch_pic .chp_img .chpi_box {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; pointer-events:none; transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t4 .ch_pic .chp_img .chpi_box > img {float:left; width:100%; height:auto;}
#contents .c_howto .ch_box.t4.step04_1 .ch_pic .chp_img.t2 {animation-name:cc_scale_ani; animation-duration:0.7s; animation-iteration-count:1; animation-timing-function:linear;}
#contents .c_howto .ch_box.t4.step04_1 .ch_pic .chp_img .chpi_box {opacity:1; pointer-events:auto;}
#contents .c_howto .ch_box.t5 .ch_txt {position:absolute; right:68%; top:28%; z-index:9; text-align:right;}
#contents .c_howto .ch_box.t5 .ch_pic {position:absolute; left:0; right:0; top:0; bottom:0}
#contents .c_howto .ch_box.t5 .ch_pic .chp_img {overflow:hidden; position:absolute; left:58%; top:0; width:29.666%; border-radius:10px; box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t5 .ch_pic .chp_img.t2 {left:37%; top:-5%;}
#contents .c_howto .ch_box.t5 .ch_pic .chp_img .chpi_box {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; pointer-events:none; transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t5 .ch_pic .chp_img .chpi_box > img {float:left; width:100%; height:auto;}
#contents .c_howto .ch_box.t5.step05_1 .ch_pic .chp_img.t2 {animation-name:cc_scale_ani; animation-duration:0.7s; animation-iteration-count:1; animation-timing-function:linear;}
#contents .c_howto .ch_box.t5.step05_1 .ch_pic .chp_img .chpi_box {opacity:1; pointer-events:auto;}
#contents .c_howto .ch_box.t6 .ch_pic {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0;}
#contents .c_howto .ch_box.t6 .ch_pic .chp_img {position:absolute; left:50%; top:50%; width:28%; box-sizing:border-box; border-radius:10px; border:#fff solid 10px; box-shadow:0 5px 10px rgba(24, 25, 27, 0.5); transform:translate(-50%,-50%); transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t6 .ch_pic .chp_img.t2 {top:auto; bottom:50%; transform:translate(-50%,50%);}
#contents .c_howto .ch_box.t6 .ch_pic .chp_img.t1,
#contents .c_howto .ch_box.t6 .ch_pic .chp_img.t3 {left:auto; right:50%; transform:translate(50%,-50%);}
#contents .c_howto .ch_box.t6 .ch_pic .chp_img.t1 {transform:translate(50%,-50%) rotate(15deg);}
#contents .c_howto .ch_box.t6 .ch_pic .chp_img.t2 {transform:translate(-50%,50%) rotate(5deg);}
#contents .c_howto .ch_box.t6 .ch_pic .chp_img.t3 {transform:translate(50%,-50%) rotate(10deg);}
#contents .c_howto .ch_box.t6 .ch_txt {position:absolute; left:8%; top:4%; z-index:9; text-align:left; opacity:0; transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t6 .ch_txt .cc_txt > span:nth-child(2) {margin-top:10px;}
#contents .c_howto .ch_box.t6.step06_1 .ch_pic .chp_img.t4 {left:4%; top:50%; transform:translate(0); box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t6.step06_1 .ch_pic .chp_img.t2 {left:42%; bottom:4%; transform:translate(0); box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t6.step06_1 .ch_pic .chp_img.t3 {right:14%; top:0%; transform:translate(0); box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t6.step06_1 .ch_pic .chp_img.t1 {right:4%; top:50%; transform:translateY(-50%); box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t6.step06_1 .ch_txt {opacity:1;}
#contents .c_howto .ch_box.t7 .ch_pic {display:inline-block; vertical-align:middle; position:absolute; left:3%; bottom:4%; width:27%;}
#contents .c_howto .ch_box.t7 .ch_pic.t2 {left:36%;}
#contents .c_howto .ch_box.t7 .ch_pic.t3 {left:69%;}
#contents .c_howto .ch_box.t7 .ch_pic .chp_img {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; border-radius:10px; box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t7 .ch_pic .chp_img .chpi_box {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; pointer-events:none; transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t7 .ch_pic .chp_img .chpi_box > img {float:left; width:100%; height:auto;}
#contents .c_howto .ch_box.t7.step07_1 .ch_pic.t1 {animation-name:cc_scale_ani; animation-duration:0.7s; animation-iteration-count:1; animation-timing-function:linear;}
#contents .c_howto .ch_box.t7.step07_1 .ch_pic.t1 .chp_img .chpi_box {opacity:1;}
#contents .c_howto .ch_box.t7.step07_2 .ch_pic.t2 {animation-name:cc_scale_ani; animation-duration:0.7s; animation-iteration-count:1; animation-timing-function:linear;}
#contents .c_howto .ch_box.t7.step07_2 .ch_pic.t2 .chp_img .chpi_box {opacity:1; pointer-events:auto;}
#contents .c_howto .ch_box.t7.step07_3 .ch_pic.t3 {animation-name:cc_scale_ani; animation-duration:0.7s; animation-iteration-count:1; animation-timing-function:linear;}
#contents .c_howto .ch_box.t7.step07_3 .ch_pic.t3 .chp_img .chpi_box {opacity:1; pointer-events:auto;}
#contents .c_howto .ch_box.t7 .ch_txt {position:absolute; left:36%; top:13%; z-index:9; text-align:left;}
#contents .c_howto .ch_box.t7 .ch_txt .cc_txt > span:last-child {margin-top:10px;}
#contents .c_howto .ch_box.t7 .ch_txt span > strong br {display:none;}
#contents .c_howto .ch_box.t8 .ch_pic {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0;}
#contents .c_howto .ch_box.t8 .ch_pic .chp_img {position:absolute; left:50%; top:50%; z-index:1; width:28%; box-sizing:border-box; border-radius:10px; border:#fff solid 10px; box-shadow:0 5px 10px rgba(24, 25, 27, 0.5); transform:translate(-50%,-50%); transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t8 .ch_pic .chp_img.t1 {top:auto; bottom:50%; transform:translate(-50%,50%);}
#contents .c_howto .ch_box.t8 .ch_pic .chp_img.t2 {left:auto; right:50%; transform:translate(50%,-50%);}
#contents .c_howto .ch_box.t8 .ch_pic .chp_img.t3 {z-index:0;}
#contents .c_howto .ch_box.t8 .ch_txt {position:absolute; left:59%; top:44%; text-align:left; opacity:0; transform:translateY(-50%); transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t8.step08_1 .ch_pic .chp_img.t3 {left:4%; top:0; transform:translate(0); box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t8.step08_1 .ch_pic .chp_img.t1 {left:0; bottom:0; transform:translate(0); box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t8.step08_1 .ch_pic .chp_img.t3 {z-index:1;}
#contents .c_howto .ch_box.t8.step08_1 .ch_pic .chp_img.t2 {right:46%; transform:translate(0,-50%); box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t8.step08_1 .ch_txt {opacity:1;}
#contents .c_howto .ch_box.t9 .ch_pic {display:inline-block; vertical-align:middle; position:absolute; left:12%; width:62.5%;}
#contents .c_howto .ch_box.t9 .ch_pic.t1 {top:0;}
#contents .c_howto .ch_box.t9 .ch_pic.t2 {left:55.5%; bottom:0; width:32.85%}
#contents .c_howto .ch_box.t9 .ch_pic .chp_img {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; border-radius:10px; box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t9 .ch_pic .chp_img .chpi_box {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; pointer-events:none; transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t9 .ch_pic .chp_img .chpi_box > img {float:left; width:100%; height:auto;}
#contents .c_howto .ch_box.t9.step09_1 .ch_pic.t1 {animation-name:cc_scale_ani; animation-duration:0.7s; animation-iteration-count:1; animation-timing-function:linear;}
#contents .c_howto .ch_box.t9.step09_1 .ch_pic.t1 .chp_img .chpi_box {pointer-events:auto; opacity:1;}
#contents .c_howto .ch_box.t9.step09_1 .ch_pic.t2 {animation-name:cc_scale_ani; animation-duration:0.7s; animation-iteration-count:1; animation-timing-function:linear;}
#contents .c_howto .ch_box.t9.step09_1 .ch_pic.t2 .chp_img .chpi_box {opacity:1;}
#contents .c_howto .ch_box.t9 .ch_pic .chp_img .chpi_gallery .chpi_pluse {left:25%; top:25%;}
#contents .c_howto .ch_box.t10 .chb_wrap {height:680px; transform:translateY(-56%);}
#contents .c_howto .ch_box.t10 .ch_pic {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0;}
#contents .c_howto .ch_box.t10 .ch_pic .chp_img {position:absolute; left:50%; top:205px; z-index:1; width:21.9%; box-sizing:border-box; border-radius:10px; border:#fff solid 10px; transform:translate(-50%,-50%); transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t10 .ch_pic .chp_img.t3 {left:auto; right:50%; z-index:0; transform:translate(50%,-50%);}
#contents .c_howto .ch_box.t10 .ch_txt {position:absolute; left:50%; top:0; opacity:0; width:100%; transform:translateX(-50%); transition:0.5s; -webkit-transition:0.5s;}
#contents .c_howto .ch_box.t10 .ch_txt span:last-child {margin-top:10px;}
#contents .c_howto .ch_box.t10 .ch_btn {display:inline-block; vertical-align:middle; position:absolute; left:50%; bottom:-6%; z-index:1; width:320px; height:80px; margin-left:-160px; border-radius:40px; background-color:#f9ce0c; font-size:30px; font-weight:600; color:#003c71; line-height:78px; letter-spacing:-0.8px; opacity:0; transition:0.3s;}
#contents .c_howto .ch_box.t10 .ch_btn:before {content:""; position:absolute; left:5px; right:5px; top:5px; bottom:5px; border-radius:35px; border:#003c71 solid 1px; opacity:0.15; pointer-events:none;}
#contents .c_howto .ch_box.t10 .ch_btn i {display:inline-block; vertical-align:middle; position:relative; top:-2px; width:40px; height:40px; margin-left:7px; background-image:url("../images/icon_support_c1.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_howto .ch_box.t10 .ch_btn:hover i {transform:scale(1.1);}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t1 {left:8.8%; top:245px; transform:translate(0); box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t3 {right:8.8%; top:275px; transform:translate(0); box-shadow:0 50px 100px rgba(24, 25, 27, 0.5);}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t2 {top:205px; z-index:1; transform:translateX(-50%);}
#contents .c_howto .ch_box.t10.step10_1 .ch_txt {opacity:1;}
#contents .c_howto .ch_box.t10.step10_1 .ch_btn {opacity:1;}

#contents .c_achievements {overflow:hidden; position:relative; padding-bottom:0 !important;}
#contents .c_achievements .cc_title p {white-space:nowrap;}
#contents .c_achievements .wrap {max-width:100%;}
#contents .c_achievements .ca_list {display:inline-block; vertical-align:middle; box-sizing:border-box; width:calc(100% + 40px); max-width:1340px; padding-left:20px; margin-top:100px;}
#contents .c_achievements .ca_list .cal_owl .cal_box {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; float:left; box-sizing:border-box; width:calc(100% - 40px); border-radius:40px;}
#contents .c_achievements .ca_list .cal_owl .cal_box > img {width:100%; height:auto;}

#contents .c_achievements .ca_list .cal_owl + .cal_owl {margin-top:40px;}
#contents .c_achievements .ca_list .cal_owl .owl-nav {display:none;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box {padding:30px 15px; padding-top:260px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; border-radius:40px; border:#005eb8 solid 1px; opacity:0.2;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box .cal_icon {display:inline-block; vertical-align:middle; position:absolute; left:50%; top:70px; width:150px; height:150px; margin-left:-75px; background-image:url("../images/icon_achievements01.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box .cal_icon:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; border-radius:50%; background-color:#005eb8;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box .cal_icon.t2 {background-image:url("../images/icon_achievements02.png");}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box .cal_icon.t3 {background-image:url("../images/icon_achievements03.png");}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > span {display:inline-block; vertical-align:middle; font-size:20px; font-weight:600; color:#005eb8; line-height:30px; letter-spacing:-0.5px; word-break:keep-all;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > span > span {display:inline-block;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-top:10px; font-family:'RixYeoljeongdo'; font-size:40px; color:#005eb8; line-height:50px; letter-spacing:-0.5px; word-break:keep-all; opacity:1 !important;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong .cal_txt {display:inline-block; font-family:'Pretendard'; font-size:14px; font-weight:400; word-break:keep-all;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong .cal_txt.t1 {vertical-align:bottom; position:relative; left:-7px; bottom:-7px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong .cal_txt.t2 {margin-right:15px; vertical-align:middle; font-size:20px; font-weight:900;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong .cal_strong {display:inline-block; vertical-align:middle; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong .cal_strong.t2 {position:absolute; left:0; right:0; top:50%; opacity:0;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong .cal_up {display:inline-block; vertical-align:middle; position:relative; left:4px; bottom:4px; width:22px; height:32px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong .cal_up:before {content:""; position:absolute; left:50%; bottom:0; width:10px; height:20px; margin-left:-5px; background-color:#005eb8;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong .cal_up:after {content:""; position:absolute; bottom:20px; left:0; right:0; border-bottom:10px solid #005eb8; border-top:10px solid transparent; border-left:10px solid transparent; border-right: 10px solid transparent; }
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong.aos-animate .cal_strong.t1 {opacity:0; transform:translateY(-50%);}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong.aos-animate .cal_strong.t2 {top:0;opacity:1;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > mark {display:inline-block; vertical-align:middle; margin-top:20px; font-size:14px; font-weight:300; color:#005eb8; line-height:30px; letter-spacing:-0.5px; word-break:keep-all;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > mark > span {display:inline-block;}
#contents .c_achievements .ca_list .cal_owl.t2 .item {display:inline-block; float:left;}
#contents .c_achievements .ca_list .cal_owl.t2 .item > span {display:inline-block; vertical-align:middle; float:left; width:calc(100% - 40px); margin-top:20px; font-size:20px; font-weight:100; color:#005eb8; line-height:30px; letter-spacing:-0.5px; word-break:keep-all;}
#contents .c_achievements .ca_list .cal_owl.t2 .item > span > span {display:inline-block;}
#contents .c_achievements .ca_list .cal_owl.t2 .item  .cal_box > span {position:absolute; right:30px; bottom:20px; font-size:14px; font-weight:600; color:#fff; line-height:30px; letter-spacing:-0.5px;}

#contents .c_review {padding-bottom:0 !important;}
#contents .c_review .wrap {max-width:100%; padding:0;}
#contents .c_review .cr_list {display:inline-block; vertical-align:middle; width:100%; margin-top:100px;}
#contents .c_review .cr_list ul > li {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents .c_review .cr_list ul > li:before {content:""; position:absolute; left:0; right:0; top:0; height:1px; background-color:#005eb8; opacity:0.2;}
#contents .c_review .cr_list > ul > li:last-child:after {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#005eb8; opacity:0.2;}
#contents .c_review .cr_list ul > li .crl_box {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0;}
#contents .c_review .cr_list ul > li .crl_box > strong {display:inline-block; vertical-align:middle; position:absolute; left:6.3333%; top:50%; transform:translateY(-50%); font-size:1.5625vw; font-weight:100; line-height:2.08vw; letter-spacing:-0.5px;}
#contents .c_review .cr_list ul > li .crl_box > strong > mark {display:inline-block; vertical-align:middle; width:100%; letter-spacing:-0.5px;}
#contents .c_review .cr_list ul > li .crl_box > p {display:inline-block; vertical-align:middle; position:absolute; left:16.8%; top:50%; height:6.25vw; font-size:5.7292vw; font-weight:100; color:#005eb8; line-height: 6.25vw; letter-spacing:-0.5px; transform:translateY(-50%);}
#contents .c_review .cr_list ul > li .crl_hover {display:inline-block; vertical-align:middle; position:relative; width:100%; background-color:#fff; opacity:0; transition:0.5s; -webkit-transition:0.5s;}
#contents .c_review .cr_list ul > li .crl_hover:hover {opacity:1;}
#contents .c_review .cr_list ul > li .crl_hover ul {display:flex; flex-wrap:wrap; list-style:none; vertical-align:middle;}
#contents .c_review .cr_list ul > li .crl_hover li {display:flex; vertical-align:middle; position:relative; box-sizing:border-box; width:33.333%; padding:10px 5px;}
#contents .c_review .cr_list ul > li .crl_hover li img {float:left; width:100%; height:auto;}
#contents .c_review .cr_list ul > li .crl_hover li > p {display:inline-block; vertical-align:middle; position:absolute;left:50%; top:50%; box-sizing:border-box; width:76.5%; padding:1.04vw 1.5625vw; text-align:left; transform:translate(-50%,-50%);}
#contents .c_review .cr_list ul > li .crl_hover li:last-child > p {padding:3.1vw 1.5625vw}
#contents .c_review .cr_list ul > li .crl_hover li > p:before {content:""; position:absolute; left:0; bottom:0; width:8px; height:8px; border-left:#005eb8 solid 4px; border-bottom:#005eb8 solid 4px;}
#contents .c_review .cr_list ul > li .crl_hover li > p:after {content:""; position:absolute; right:0; top:0; width:8px; height:8px; border-right:#005eb8 solid 4px; border-top:#005eb8 solid 4px;}
#contents .c_review .cr_list ul > li .crl_hover li > p span {display:block; vertical-align:middle; font-size:1.0417vw; font-weight:400; color:#005eb8; line-height:2.08vw; letter-spacing:-0.5px;}

#contents .c_encourage {position:relative; width:100%; background-image:url("../images/bg_encourage.jpg"); background-repeat:no-repeat; background-position:top; background-size:cover; opacity:1 !important; transform:scale(0.88); transition:0.7s; -webkit-transition:0.7s;}
#contents .c_encourage .wrap {max-width:100%; padding:0;}
#contents .c_encourage .ce_bg {display:inline-block; position:relative; width:100%; transition:0.7s; -webkit-transition:0.7s;}
#contents .c_encourage .ce_bg > img {width:100%; height:auto;}
#contents .c_encourage .ce_title {position:absolute; left:50%; top:50%; margin-top:-1vw; font-size:6.7vw; font-weight:100; color:#fff; line-height:7.3vw; letter-spacing:-0.2vw; white-space:nowrap; opacity:1 !important; transform:translateX(-50%);}
#contents .c_encourage .ce_title span {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_encourage .ce_title mark {display:block; position:relative; margin-top:1vw;}
#contents .c_encourage .ce_title mark:before {content:""; position:absolute; left:-5px; right:100%; width:1px; top:0.25vw; bottom:0.25vw; z-index:-1; background-color:#005eb8; transition:1s; -webkit-transition:1s;}
#contents .c_encourage.aos-animate {transform:scale(1);}
#contents .c_encourage.aos-animate .ce_bg {opacity:0;}
#contents .c_encourage .ce_title.aos-animate mark:before {right:-10px; width:auto; opacity:0.9;}

#contents .c_support {position:relative; overflow:hidden; background-color:#ffd100; padding-bottom:350px;}
#contents .c_support:before {content:""; position:absolute; left:0; right:0; bottom:0; height:100px; background-image:url("../images/pic_side_support.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;}
#contents .c_support .wrap {max-width:100%;}
#contents .c_support .cc_title {white-space:nowrap;}
#contents .c_support .cs_list {display:inline-block; vertical-align:middle; box-sizing:border-box; width:calc(100% + 40px); max-width:1340px; padding-left:20px; margin-top:100px;}
#contents .c_support .cs_list ul {display:flex; flex-wrap:wrap; list-style:none; vertical-align:middle;}
#contents .c_support .cs_list li {display:flex; vertical-align:middle;width:33.333%; font-size:0;}
#contents .c_support .cs_list li .csl_box {display:inline-block; vertical-align:middle; overflow:hidden; position:relative; box-sizing:border-box; width:calc(100% - 40px); padding-bottom:30px; border-radius:40px; border:#fff solid 10px; background-color:#fff;}
#contents .c_support .cs_list li .csl_pic {display:inline-block; vertical-align:middle; overflow:hidden; width:100%; border-radius:30px; background-repeat:no-repeat; background-position:top; background-size:cover;}
#contents .c_support .cs_list li .csl_pic > img {float:left; width:100%; height:auto;}
#contents .c_support .cs_list li .csl_content {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding:30px; padding-bottom:0 !important;}
#contents .c_support .cs_list li .csl_content > strong {display:inline-block; vertical-align:middle; width:100%; font-size:30px; font-weight:700; line-height:40px; letter-spacing:-0.5px; text-align:left;}
#contents .c_support .cs_list li .csl_content > p {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:20px; padding-right:140px; font-size:16px; font-weight:300; color:#005eb8; line-height:25px; letter-spacing:-0.5px; text-align:left; word-break:keep-all;}
#contents .c_support .cs_list li .csl_content > p > span {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_support .cs_list li .csl_content > p > span > mark {font-weight:600; color:#005eb8;}
#contents .c_support .cs_list li .csl_content > p > span > span {display:inline-block;}
#contents .c_support .cs_list li .csl_box > a {display:inline-block; vertical-align:middle; position:absolute; right:20px; bottom:20px; box-sizing:border-box; width:120px; height:120px; padding-top:60px; border-radius:50%; background-color:#005eb8; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_support .cs_list li .csl_box > a i {display:inline-block; vertical-align:middle; position:absolute; left:50%; top:25px; width:40px; height:30px; margin-left:-20px; background-image:url("../images/icon_support.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;  pointer-events:none; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_support .cs_list li .csl_box > a:hover {transform:scale(1.1);}
#contents .c_support .cs_list li .csl_box > a:hover i {transform:rotate(-25deg);}
#contents .c_support .cs_list li .csl_box > a:before {content:""; position:absolute; left:5px; right:5px; top:5px; bottom:5px; border-radius:50%; border:#fff solid 1px; opacity:0.15; pointer-events:none;}
#contents .c_support .cs_list li .csl_box > a > mark {display:inline-block; vertical-align:middle; width:100%; font-size:25px; line-height:35px; letter-spacing:-0.5px;}

#contents .c_livetook {position:relative; overflow:hidden; padding-top:160px; padding-bottom:190px; background-color:#005eb8;}
#contents .c_livetook .cc_title {word-break:keep-all;}
#contents .c_livetook .cc_txt > span {margin-top:10px;}
#contents .c_livetook .cc_txt span i {position:relative; left:10px; top:-3px; font-family:'RixYeoljeongdo'; color:#fff;}
#contents .c_livetook .cc_txt span i.t1 {left:-10px; margin-left:-10px;}
#contents .c_livetook .cl_content {display:inline-block; vertical-align:middle; width:100%; margin-top:65px;}
#contents .c_livetook .cl_content .clc_pic {display:inline-block; vertical-align:middle; float:left; width:34.3333%; padding-left:3.333%; filter:drop-shadow(-20px -20px 60px rgba(24, 25, 27, 0.3));}
#contents .c_livetook .cl_content .clc_pic > img {width:100%; height:auto;}
#contents .c_livetook .cl_content .clc_box {display:inline-block; vertical-align:middle; float:right; width:55.555%; padding-top:40px;}
#contents .c_livetook .cl_content .clc_txt {display:inline-block; vertical-align:middle; width:100%; font-size:24px; line-height:40px; letter-spacing:-1px; text-align:left; word-break:keep-all;}
#contents .c_livetook .cl_content .clc_txt > span {display:inline-block; vertical-align:middle; width:100%;}
#contents .c_livetook .cl_content .clc_txt > span > span.t1 {margin-right:5px;}
#contents .c_livetook .cl_content .clc_txt span {display:inline-block;}
#contents .c_livetook .cl_content .clc_txt .decoline {display:inline-block;}
#contents .c_livetook .cl_content .clc_txt .decoline:before {left:-2px; right:-2px; top:5px; bottom:5px;}
#contents .c_livetook .cl_content .clc_txt .decoline + .decoline:before {left:-3px;}
#contents .c_livetook .cl_content .clc_mc {display:inline-block; vertical-align:middle; width:calc(100% + 40px); margin-left:-20px; margin-top:40px;}
#contents .c_livetook .cl_content .clc_mc li {display:inline-block; vertical-align:middle; float:left; width:33.333%; max-width:220px;}
#contents .c_livetook .cl_content .clc_mc li:last-child {margin-right:0;}
#contents .c_livetook .cl_content .clc_mc li .clcm_pic {display:inline-block; vertical-align:middle; overflow:hidden;; width:calc(100% - 40px); border-radius:50%; font-size:0; line-height:0;}
#contents .c_livetook .cl_content .clc_mc li .clcm_pic img {width:100%; height:auto;}
#contents .c_livetook .cl_content .clc_mc li .clcm_txt {display:inline-block; vertical-align:middle; width:100%; margin-top:10px; font-size:18px; font-weight:400; color:#fff; line-height:30px; letter-spacing:-0.5px; word-break:keep-all;}
#contents .c_livetook .cl_content .clc_info {display:inline-block; vertical-align:middle; width:100%; margin-top:20px;}
#contents .c_livetook .cl_content .clc_info li {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding:10px 0; padding-left:90px; text-align:left;}
#contents .c_livetook .cl_content .clc_info li strong,
#contents .c_livetook .cl_content .clc_info li span {display:inline-block; vertical-align:middle; position:relative; font-size:18px; font-weight:400; color:#fff ;line-height:30px; letter-spacing:-0.8px; word-break:keep-all;}
#contents .c_livetook .cl_content .clc_info li strong {position:absolute; left:0; top:10px; font-weight:600;}
#contents .c_livetook .cl_content .clc_info li span {width:100%;}
#contents .c_livetook .cl_content .clc_info li:last-child span {padding-left:10px;}
#contents .c_livetook .cl_content .clc_info li:last-child span:before {content:"-"; position:absolute; left:0; top:0;} 
#contents .c_livetook .cl_content .clc_info li span mark {display:inline-block; font-size:16px; color:#97c6f2;}
#contents .c_livetook .cl_content .clc_dummy {display:none;}
#contents .c_livetook .cl_content .clc_dummy > img {width:100%; height:auto;}
#contents .c_livetook .cl_content .clc_btn {display:inline-block; vertical-align:middle; position:relative; float:left; width:320px; height:80px; margin-top:50px; border-radius:40px; background-color:#f9ce0c; font-size:30px; font-weight:600; color:#005eb8; line-height:78px; letter-spacing:-0.8px; transition:0.3s;}
#contents .c_livetook .cl_content .clc_btn:before {content:""; position:absolute; left:5px; right:5px; top:5px; bottom:5px; border-radius:35px; border:#003c71 solid 1px; opacity:0.15; pointer-events:none;}
#contents .c_livetook .cl_content .clc_btn i {display:inline-block; vertical-align:middle; position:relative; top:-2px; width:40px; height:40px; margin-left:7px; background-image:url("../images/icon_support_c.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_livetook .cl_content .clc_btn:hover i {transform:scale(1.1);}

#contents .c_story {overflow:hidden; padding-top:160px; padding-bottom:140px; background-color:#393b3f;}
#contents .c_story .wrap {max-width:1600px; padding:0 200px;}
#contents .c_story .owl-carousel .owl-stage-outer {overflow:visible;}
#contents .c_story .owl-item {opacity:0; transition:0.1s; pointer-events:none;}
#contents .c_story .owl-item.active {opacity:1; pointer-events:auto;}
#contents .c_story .owl-dots {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-top:40px; font-size:0;}
#contents .c_story .owl-dot {display:inline-block; vertical-align:middle;}
#contents .c_story .owl-dot span {display:inline-block; vertical-align:middle; position:relative; min-width:8px; height:30px; padding:0 6px; cursor:pointer;}
#contents .c_story .owl-dot span:before {content:""; display:inline-block; vertical-align:middle; position:relative; top:8px; box-sizing:border-box; width:8px; height:8px; border-radius:4px; border:#fff solid 1px; opacity:0.5; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_story .owl-dot:hover span:before,
#contents .c_story .owl-dot.active span:before {width:18px; background-color:#fff; opacity:1;}
#contents .c_story .owl-nav {display:inline-block; position:absolute; left:0; right:0; top:50%; height:20px; margin-top:-10px; pointer-events:none;}
#contents .c_story .owl-nav > div {position:absolute; top:-20px; width:60px; height:60px; border-right:#fff solid 1px; border-top:#fff solid 1px; font-size:0; pointer-events:auto; opacity:0.5; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_story .owl-nav > div:hover {opacity:1;}
#contents .c_story .owl-nav > div.owl-prev {left:-165px; transform:rotate(-135deg);}
#contents .c_story .owl-nav > div.owl-next {right:-165px; transform:rotate(45deg);}
#contents .c_story .cs_box {display:inline-block; vertical-align:middle; width:100%; margin-top:70px;}
#contents .c_story .cs_youtube {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; float:left; z-index:100; width:66.666%;}
#contents .c_story .cs_youtube > img {float:left; width:100%; height:auto;}
#contents .c_story .cs_youtube > iframe {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; transform:scale(1.02);}
#contents .c_story .cs_txt {display:inline-block; vertical-align:middle; float:left; box-sizing:border-box; width:33.333%; padding:65px 100px; padding-bottom:0 !important; padding-right:0; text-align:left;}
#contents .c_story .cs_txt span {display:inline-block;}
#contents .c_story .cs_txt > span {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; margin-top:40px; padding-left:20px; font-size:20px; font-weight:100; color:#8b909c; line-height:30px; letter-spacing:-0.8px; word-break:keep-all;}
#contents .c_story .cs_txt > span i {position:relative; left:10px; top:-5px; font-family:'RixYeoljeongdo'; color:#fff;}
#contents .c_story .cs_txt > span i.t1 {left:-10px; margin-left:-10px;}
#contents .c_story .cs_txt > strong {display:inline-block; vertical-align:middle; font-size:30px; font-weight:600; color:#8b909c; line-height:40px; letter-spacing:-0.5px;}
#contents .c_story .cs_txt > strong > span {display:inline-block; vertical-align:middle; width:100%; white-space:nowrap;}


/* 푸터 */
#footer {padding:65px 0; background:#222; text-align:center; transition:0.3s;-webkit-transition:0.3s;}
#footer .f_wrap {display:inline-block; vertical-align:middle; position:relative; width:1300px; transition:0.3s; -webkit-transition:0.3s;}
#footer .f_logo {display:inline-block; vertical-align:middle; position:absolute; left:0; top:50%; width:162px; height:60px; margin-top:-30px; transition:0.3s; -webkit-transition:0.3s;}
#footer .f_logo a {display:inline-block; vertical-align:middle; position:relative; width:100%; height:100%; opacity:0.5;}
#footer .f_logo .fl_logo {display:inline-block; width:100%; height:auto; fill:#fff; fill-rule: evenodd;}
#footer .f_info {padding-left:360px; text-align:left;}
#footer .f_info ul {display:inline-block; vertical-align:middle;}
#footer .f_info li {display:inline-block; vertical-align:middle; position:relative; float:left; padding:0 20px; font-size:13px; font-weight:400; color:#919191; letter-spacing:-0.5px; line-height:30px;}
#footer .f_info li:nth-child(1), #footer .f_info li:nth-child(4) {padding-left:0;}
#footer .f_info li:before {content:""; position:absolute; right:0; top:50%; width:1px; height:16px; margin-top:-8px; background-color:#fff; opacity:0.1}
#footer .f_info li:nth-child(3):before, #footer .f_info li:nth-child(6):before {display:none;}
#footer .f_info li a {color:#919191;}
#footer .f_info li a:hover {color:#fff; text-decoration:underline;}
#footer .f_info p {display:inline-block; vertical-align:middle; width:100%; margin-top:30px; font-size:13px; font-weight:400; color:#444; letter-spacing:-0.5px; line-height:30px;}
#footer .f_info p mark {font-weight:600; color:#919191;}
@keyframes cc_scale_ani {from {transform:scale(1);} 50% {transform:scale(1.1);} to {transform:scale(1);}}





@media all and (max-width:1920px) {
/* 컨텐츠 */
#contents .c_case .cc_title {font-size:4vw; line-height:5vw; letter-spacing:-0.15vw;}
#contents .c_case .cc_title.middle {font-size:3.3vw; line-height:4.4vw;}

#contents .c_intro .ci_txt > span {font-size:3.125vw; line-height:4.6875vw; letter-spacing:-0.045vw;}
#contents .c_intro .ci_txt .cit_pic {top:0.25vw; width:4.1667vw; height:4.1667vw;}
#contents .c_intro .cc_title {font-size:4.1667vw; line-height:5.2083vw;}

#contents .c_support:before {left:50%; right:auto; width:1920px; margin-left:-960px;}
}


@media all and (max-width:1740px) {
 /* 헤더 */
#header .h_logo {left:50px; top:50px; width:135px; height:50px;}
#header .h_slogan {right:50px; top:50px;}
#header .h_slogan h2 {line-height:50px;}

/* 콘텐츠 */
#contents .c_hero .ch_title {width:300px; margin-top:-275px}
#contents .c_hero .ch_txt {left:305px; margin-top:60px;}
#contents .c_hero .ch_txt p {font-size:23px; line-height:35px;}

#contents .c_howto .ch_close {top:70px; right:50px;}

#contents .c_howto .ch_box.t10 .chb_wrap {height:680px;}
#contents .c_howto .ch_box.t10 .ch_pic .chp_img {width:18%}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t1 {left:14%;}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t3 {right:14%;}
#contents .c_howto .ch_box.t10 .ch_btn {bottom:5%; width:280px; height:70px; margin-left:-140px; font-size:28px; line-height:70px;}

#contents .c_livetook .cl_content .clc_btn {width:280px; height:70px;  font-size:28px; line-height:70px;}
}





@media all and (max-width:1440px) {
.height {min-height:650px;}

/* 헤더 */
#header .h_logo {left:40px; top:40px; width:108px; height:40px;}
#header .h_slogan {right:40px; top:40px; width:100px; height:100px;}


/* 사이드 */
#aside .a_support {right:40px; bottom:40px;}
#aside .a_support button {width:180px; height:160px;}
#aside .a_support span {top:45px; height:30px; font-size:28px; line-height:38px;}
#aside .a_support mark {top:85px; font-size:28px; line-height:38px;}
#aside .a_support mark b {font-size:22px;}


/* 콘텐츠 */
#contents .c_area {padding:250px 0;}
#contents .c_case .cc_title.samll {font-size:50px; font-weight:900; line-height:70px;}
#contents .c_case .cc_txt {font-size:25px; line-height:35px;}
#contents .c_case .cc_txt.big {font-size:45px; line-height:55px;}
#contents .c_case .cc_txt.small {font-size:22px; line-height:32px;}
#contents .c_case .cc_title + .cc_txt,
#contents .c_case .cc_txt + .cc_title {margin-top:25px;}

#contents .c_hero .ch_bg, 
#contents .c_hero .ch_child {width:1600px; margin-left:-800px;}

#contents .c_ambassadors .ca_content .cc_txt {line-height:40px;}

#contents .c_howto .cc_txt + .cc_txt {margin-top:30px;}
#contents .c_howto .ch_box .ch_txt span > strong {font-size:45px; line-height:55px;}
#contents .c_howto .ch_close {right:40px; top:50px;}

#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box {min-height:480px;}

#contents .c_livetook .cl_content .clc_txt {font-size:23px; line-height:38px;}
#contents .c_livetook .cl_content .clc_txt .decoline:before {top:4px; bottom:4px;}

#contents .c_story {padding-top:120px; padding-bottom:100px;}
#contents .c_story .cs_youtube {width:60%;}
#contents .c_story .cs_txt {width:40%; padding-left:70px; padding-top:50px;}


/* 푸터 */
#footer {padding:45px 0;}
#footer .f_wrap {width:1000px;}
#footer .f_logo {width:108px; height:40px; margin-top:-20px;}
#footer .f_info {padding-left:250px;}
#footer .f_info ul {font-size:13px; line-height:25px;}
#footer .f_info li {padding:0 15px; font-size:12px; line-height:25px;}
#footer .f_info p {margin-top:25px; font-size:12px; line-height:25px;}
}





@media all and (max-width:1280px) {
.height {min-height:550px;}

/* 헤더 */
#header .h_logo {left:30px; top:30px;}
#header .h_slogan {right:30px; top:30px; width:90px; height:90px;}


/*사이드*/
#aside .a_support {right:30px; bottom:30px;}
#aside .a_support button {width:160px; height:146px;}
#aside .a_support span {top:40px; font-size:25px; line-height:35px;}
#aside .a_support mark {top:75px; font-size:25px; line-height:35px;}
#aside .a_support mark b {font-size:19px;}

/* 콘텐츠 */
#contents .c_area {padding:200px 0;}
#contents .c_case .cc_title {font-size:5.5vw; line-height:6.5vw; letter-spacing:-0.18vw;}
#contents .c_case .cc_title.middle {font-size:4.5vw; line-height:5vw; letter-spacing:-0.1vw;}
#contents .c_case .cc_title.samll {font-size:45px; font-weight:900; line-height:60px;}
#contents .c_case .cc_txt {font-size:22px; line-height:32px; letter-spacing:-0.8px;}
#contents .c_case .cc_txt.big {font-size:40px; line-height:50px;}

#contents .c_ambassadors .ca_content .cc_txt span i.t1 {margin-left:-13px;}

#contents .c_intro .cc_mouse {bottom:50px;}

#contents .c_hero .ch_title {width:250px; margin-top:-230px;}
#contents .c_hero .ch_txt {left:255px; margin-top:50px;}
#contents .c_hero .ch_txt p {font-size:20px; line-height:30px;}
#contents .c_hero .ch_txt p + p {margin-top:30px;}

#contents .c_intro .cc_title {font-size:5vw; line-height:6vw; letter-spacing:-0.15vw;}
#contents .c_intro .ci_txt > span {font-size:3.5vw; line-height:5vw; letter-spacing:-0.05vw;}
#contents .c_intro .ci_txt .cit_pic {width:5vw; height:5vw;}

#contents .c_work .cw_box.t2 .cc_txt {line-height:25px; text-align:right;}
#contents .c_work .cw_box.t2 .cc_txt br {display:inline-block;}
#contents .c_work .cw_pic {top:-230px; width:700px; margin-left:-350px;}
#contents .c_work .cw_file {width:550px; height:550px; margin-left:-275px; margin-top:-275px;}
#contents .c_work .cw_file .cwf_pic.t1 {width:300px; height:300px; margin-left:-150px; margin-top:-150px;}
#contents .c_work .cc_mouse {bottom:40px;}

#contents .c_howto .ch_box .chb_wrap {height:46.875vw;}
#contents .c_howto .ch_box .ch_txt span > strong {font-size:35px; line-height:45px;}
#contents .c_howto .ch_box .ch_pic .chp_img {border-width:8px !important;}
#contents .c_howto .ch_box.t1 .ch_pic:before,
#contents .c_howto .ch_box.t1 .ch_pic:after {width:750px; height:500px;}
#contents .c_howto .ch_box.t1 .ch_pic .chp_img {width:750px;}
#contents .c_howto .ch_box.t1.step01_4 .ch_pic .chp_img {width:28%;}
#contents .c_howto .ch_box.t2 .ch_pic .chp_img,
#contents .c_howto .ch_box.t6 .ch_pic .chp_img,
#contents .c_howto .ch_box.t8 .ch_pic .chp_img {width:30%;}
#contents .c_howto .ch_close {right:30px; top:40px}
#contents .c_howto .ch_box.t10 .chb_wrap {height:46.875vw;}
#contents .c_howto .ch_box.t10 .ch_pic .chp_img {top:170px; border-width:8px;}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t1 {top:210px;}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t3 {top:240px;}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t2 {top:170px;}
#contents .c_howto .ch_box.t10 .ch_btn {bottom:-30px;}

#contents .c_achievements .ca_list {width:calc(100% + 30px); padding-left:15px; margin-top:80px;}
#contents .c_achievements .ca_list .cal_owl + .cal_owl {margin-top:30px;}
#contents .c_achievements .ca_list .cal_owl .item .cal_box {width:calc(100% - 30px);}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box {min-height:420px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box {padding:25px 15px; padding-top:220px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box .cal_icon {top:50px; width:120px; height:120px; margin-left:-60px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong {font-size:30px; line-height:45px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong .cal_txt.t1 {left:-5px; bottom:-4px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong .cal_txt.t2 {margin-right:10px; font-size:17px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > span {font-size:18px; line-height:28px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > mark {margin-top:15px; font-size:13px; line-height:25px;}
#contents .c_achievements .ca_list .cal_owl.t2 .item > span {width:calc(100% - 30px); margin-top:15px; font-size:16px; line-height:25px;}

#contents .c_review .cr_list {margin-top:80px;}
#contents .c_review .cr_list ul > li .crl_box > strong {font-size:2vw; line-height:2.5vw;}
#contents .c_review .cr_list ul > li .crl_hover li > p span {font-size:1.22vw; line-height:2.25vw;}
#contents .c_review .cr_list ul > li .crl_hover li > p:before {border-left-width:3px; border-bottom-width:3px;}
#contents .c_review .cr_list ul > li .crl_hover li > p:after {border-right-width:3px; border-top-width:3px;}

#contents .c_encourage {transform:scale(0.8);}

#contents .c_support .cs_list {width:calc(100% + 30px); padding-left:15px; margin-top:80px;}
#contents .c_support .cs_list li .csl_box {width:calc(100% - 30px); border-radius:30px;}
#contents .c_support .cs_list li .csl_pic {border-radius:25px;}
#contents .c_support .cs_list li .csl_content {padding:25px;}
#contents .c_support .cs_list li .csl_content > strong {font-size:28px;}
#contents .c_support .cs_list li .csl_content > p {margin-top:15px; padding-right:100px; font-size:15px;}
#contents .c_support .cs_list li .csl_box > a {width:90px; height:90px; padding-top:45px;}
#contents .c_support .cs_list li .csl_box > a i {top:15px; width:30px; height:30px; margin-left:-15px;}
#contents .c_support .cs_list li .csl_box > a > mark {font-size:17px; line-height:30px;}

#contents .c_story .wrap {max-width:1400px; padding:0 100px;}
#contents .c_story .owl-nav > div {top:-2px; width:40px; height:40px;}
#contents .c_story .owl-nav > div.owl-prev {left:-70px;}
#contents .c_story .owl-nav > div.owl-next {right:-70px;}
#contents .c_story .cs_box {margin-top:60px;}
#contents .c_story .cs_txt {padding:40px 55px; padding-right:0;}
#contents .c_story .cs_txt > span {margin-top:25px; font-size:18px; line-height:28px;}
#contents .c_story .cs_txt > strong {font-size:27px; line-height:35px;}


/* 푸터 */
#footer {padding:40px 0;}
#footer .f_wrap {width:850px;}
#footer .f_info {padding-left:200px;}
}





@media all and (max-width:1024px) {
.height {max-height:800px;}
/* 헤더 */
#header .h_logo {left:25px; top:25px;}
#header .h_slogan {right:25px; top:30px; width:80px; height:80px;}
#header.remove {opacity:0;}

/*사이드*/
#aside .a_support {right:20px; bottom:20px;}
#aside .a_support button {width:140px; height:128px;}
#aside .a_support span {top:35px; font-size:22px; line-height:32px;}
#aside .a_support mark {top:65px; font-size:22px; line-height:32px;}
#aside .a_support mark b {font-size:17px;}

#aside.on .a_support button {width:77px; height:77px;}
#aside.on .a_support mark.on {font-size:13px; line-height:20px;}


/* 콘텐츠 */
#contents .c_area {padding:150px 0;}
#contents .c_case .cc_title {font-size:5.7vw; line-height:5.7vw;}
#contents .c_case .cc_title.samll {font-size:35px;}
#contents .c_case .cc_txt {font-size:18px; line-height:28px;}
#contents .c_case .cc_txt.big {font-size:35px; line-height:45px;}
#contents .c_case .cc_txt.small {font-size:20px; line-height:30px;}

#contents .c_hero .ch_bg, 
#contents .c_hero .ch_child {width:1400px; margin-left:-680px;}
#contents .c_hero .ch_title {width:200px; margin-top:-180px;}
#contents .c_hero .ch_txt {left:200px; margin-top:40px}
#contents .c_hero .ch_txt p {font-size:17px; line-height:28px;}
#contents .c_hero .ch_txt p + p {margin-top:25px;}

#contents .c_ambassadors .ca_pic {padding-left:4.3333%}
#contents .c_ambassadors .ca_content {padding-left:11%;}
#contents .c_ambassadors .ca_content .cc_txt {padding-left:10px; line-height:33px;}
#contents .c_ambassadors .ca_content .cc_txt span i.t1 {top:-6px; margin-left:-10px;}

#contents .c_intro .cc_title {font-size:5vw; line-height:6vw; letter-spacing:-0.16vw;}

#contents .c_work .cw_pic {top:-170px; width:600px; margin-left:-300px;}
#contents .c_work .cw_file {width:450px; height:450px; margin-left:-225px; margin-top:-225px;}
#contents .c_work .cw_file .cwf_circle {left:200px; right:200px; top:200px; bottom:200px;}
#contents .c_work .cw_file .cwf_pic.t1 {width:250px; height:250px; margin-left:-125px; margin-top:-125px;}
@keyframes cm_music { 0% {left:0; right:0; top:0; bottom:0; opacity:0;} 50% {left:-70px; right:-70px; top:-70px; bottom:-70px; opacity:0.4;} 100% {left:-140px; right:-140px; top:-140px; bottom:-140px; opacity:0;}}

#contents .c_howto .ch_close {top:35px; width:25px; height:25px;}
#contents .c_howto .ch_box .chb_wrap {height:54vw;}
#contents .c_howto .ch_box.t4 .chb_wrap,
#contents .c_howto .ch_box.t5 .chb_wrap,
#contents .c_howto .ch_box.t5 .chb_wrap,
#contents .c_howto .ch_box.t9 .chb_wrap {height:46.875vw;}
#contents .c_howto .ch_box.t3 .ch_txt.t2 {left:67%;}
#contents .c_howto .ch_box .ch_txt span > strong {font-size:28px; line-height:38px;}
#contents .c_howto .ch_box .ch_pic .chp_img {border-width:6px !important;}
#contents .c_howto .ch_box.t1 .ch_pic:before,
#contents .c_howto .ch_box.t1 .ch_pic:after {width:600px; height:400px;}
#contents .c_howto .ch_box.t1 .ch_pic .chp_img {width:600px;}
#contents .c_howto .ch_box.t7 .ch_txt {top:17%;}
#contents .c_howto .ch_box.t10 .chb_wrap {height:54vw;}
#contents .c_howto .ch_box.t10 .ch_pic .chp_img {top:150px; width:22%; border-width:6px;}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t1 {top:190px; left:10%;}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t2 {top:150px;}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t3 {top:220px; right:10%;}

#contents .c_howto .ch_box.t10 .ch_btn {bottom:-30px; width:240px; height:60px; margin-left:-120px; font-size:24px; line-height:58px;}
#contents .c_howto .ch_box.t10 .ch_btn i {width:36px; height:36px;}

#contents .c_achievements .ca_list {width:calc(100% + 20px); padding-left:10px; margin-top:60px;}
#contents .c_achievements .ca_list .cal_owl + .cal_owl {margin-top:20px;}
#contents .c_achievements .ca_list .cal_owl .item .cal_box {width:calc(100% - 20px);}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box {min-height:355px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box {padding:20px 5px; padding-top:180px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box .cal_icon {top:40px; width:100px; height:100px; margin-left:-50px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong {font-size:25px; line-height:35px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong .cal_txt {font-size:12px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong .cal_txt.t2 {margin-right:7px; font-size:15px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > span {font-size:15px; line-height:25px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > mark {margin-top:10px; font-size:12px;}
#contents .c_achievements .ca_list .cal_owl.t2 .item > span {width:calc(100% - 20px); margin-top:10px; font-size:13px;}

#contents .c_encourage {transform:scale(0.7);}
#contents .c_encourage .ce_title {font-size:7vw; line-height:7.5vw;}

#contents .c_review .cr_list {margin-top:60px;}

#contents .c_support {padding-bottom:250px;}
#contents .c_support .cs_list {width:100%; height:2320px; padding-left:0; margin-top:60px;}
#contents .c_support .cs_list ul {display:inline-block; width:100%;}
#contents .c_support .cs_list li {display:inline-block; float:left; width:100%; text-align:center;}
#contents .c_support .cs_list li + li {margin-top:30px;}
#contents .c_support .cs_list li .csl_box {width:100%; max-width:540px; border-radius:25px;}
#contents .c_support .cs_list li .csl_pic {border-radius:20px;}

#contents .c_livetook .cl_content {margin-top:50px;}
#contents .c_livetook .cl_content .clc_box {padding-top:30px;}
#contents .c_livetook .cl_content .clc_btn {width:240px; height:60px; margin-top:40px; font-size:24px; line-height:58px;}
#contents .c_livetook .cl_content .clc_btn i {width:36px; height:36px;}

#contents .c_story {padding-top:100px; padding-bottom:80px;}
#contents .c_story .wrap {max-width:100%; padding:0 70px;}
#contents .c_story .owl-nav > div {width:30px; height:30px;}
#contents .c_story .owl-nav > div.owl-prev {left:-40px;}
#contents .c_story .owl-nav > div.owl-next {right:-40px;}
#contents .c_story .cs_box {margin-top:50px;}
#contents .c_story .cs_txt {padding:20px 30px; padding-right:0;}
#contents .c_story .cs_txt > span {margin-top:20px; font-size:16px; line-height:25px;}
#contents .c_story .cs_txt > span span {display:inline-block;}
#contents .c_story .cs_txt > strong {font-size:23px; line-height:33px;}


/* 푸터 */
#footer {padding:30px;}
#footer .f_wrap {width:100%; word-wrap:normal; word-break:keep-all;}
#footer .f_logo {position:relative; left:auto; top:auto; float:left; margin-top:0; margin-bottom:25px;}
#footer .f_info {width:100%; padding-left:0;}
#footer .f_info li {width:100%; padding:0; font-size:11px; line-height:20px;}
#footer .f_info li:before {display:none;}
#footer .f_info p {margin-top:20px; font-size:11px; line-height:20px;}
}





@media all and (max-width:768px) {
.height {min-height:500px;}

/* 헤더 */
#header .h_slogan {width:60px; height:60px;}

/* 사이드 */
#aside.onYoutube {z-index:101;}

/* 콘텐츠 */
#contents .c_area {padding:100px 0;}
#contents .c_case .cc_title {font-size:40px; line-height:50px;}
#contents .c_case .cc_title.middle {font-size:33px; line-height:45px; letter-spacing:-0.5px;}
#contents .c_case .cc_txt {font-size:19px; font-weight:300; line-height:27px;}
#contents .c_case .cc_txt.big {font-size:28px; line-height:28px;}
 
#contents .c_intro .cc_mouse {bottom:30px;}

#contents .c_hero {max-height:600px;}
#contents .c_hero .ch_bg, 
#contents .c_hero .ch_child {width:1100px; margin-left:-650px;}
#contents .c_hero .ch_title {width:180px; top:80px; margin-top:0;}
#contents .c_hero .ch_txt {left:0; top:360px; margin-top:0;}
#contents .c_hero .ch_txt p > span > span {display:inline-block; width:100%;}

#contents .c_ambassadors {height:auto !important; max-height:100% !important; padding:100px 0; padding-bottom:0;}
#contents .c_ambassadors:before {display:none;}
#contents .c_ambassadors .cs_deco.t1 {display:none;}
#contents .c_ambassadors .cs_deco.t2 {display:inline-block; position:absolute; right:0; top:-60px;}
#contents .c_ambassadors .cs_deco.t2 .csd_box {position:absolute; right:0; bottom:0; width:1082px; animation-name:ca_deco_ani1; animation-duration:20s; animation-iteration-count:infinite; animation-timing-function:linear;}
#contents .c_ambassadors .cs_deco.t2 .csd_box.t2 {right:1082px; animation-name:ca_deco_ani2;}
#contents .c_ambassadors .cs_deco.t2 .csd_box > img {width:100%; height:auto;}
@keyframes ca_deco_ani1 {from {right:0;} to {right:-1082px;}}
@keyframes ca_deco_ani2 {from {right:1082px;} to {right:0;}}
#contents .c_ambassadors .wrap {padding:0;}
#contents .c_ambassadors .cs_wrap {position:relative; left:auto; right:auto; top:auto; transform:none;}
#contents .c_ambassadors .ca_pic {position:relative; left:auto; top:auto; width:100%; transform:none; padding:0 30px;}
#contents .c_ambassadors .cap_box {border-radius:15px; box-shadow:0 30px 60px rgba(24, 25, 27, 0.5);}
#contents .c_ambassadors .cap_box.t1 {margin-left:25.3333%;}
#contents .c_ambassadors .cap_box.t2 {width:93%; margin-left:0; margin-top:-20px;}
#contents .c_ambassadors .ca_content {width:100%; margin-top:-30px; padding-left:0; padding-top:0; padding:80px 30px; padding-top:60px; background-color:#005eb8;}
#contents .c_ambassadors .ca_content .cc_txt {color:#fff !important;}
#contents .c_ambassadors .ca_content .cc_txt .decoline {color:#005eb8 !important;}
#contents .c_ambassadors .ca_content .cc_txt .decoline:before {background-color:#fff;}
#contents .c_ambassadors .ca_content .cc_txt + .cc_txt {margin-top:30px;}
#contents .c_ambassadors .ca_content .cc_txt span.t1 {margin-right:3px;}
#contents .c_ambassadors .cc_title {color:#005eb8 !important; -webkit-text-stroke-color:#fff !important;}
#contents .c_ambassadors .cc_title mark {color:#005eb8 !important; -webkit-text-stroke-color:#fff !important;}
#contents .c_ambassadors .cc_title.aos-animate mark {color:#fff !important; -webkit-text-stroke-color:transparent !important;}
#contents.ie .c_ambassadors .cc_title,
#contents.ie .c_ambassadors .cc_title mark,
#contents.ie .c_ambassadors .cc_title span {color:#fff !important; -webkit-text-stroke-color:transparent !important;}

#contents .c_intro {height:700px !important;}
#contents .c_intro .cc_title {top:35%; margin-top:140px; font-size:40px; line-height:50px; letter-spacing:-0.5px;}
#contents .c_intro .ci_txt {top:25%; margin-top:-4.6875vw; transform:none;}
#contents .c_intro .ci_txt > span {font-size:27px; font-weight:300; line-height:35px;}
#contents .c_intro .ci_txt .cit_pic {top:0; width:40px; height:40px;}

#contents .c_work .cw_pic {width:500px; margin-left:-250px;}
#contents .c_work .cw_box.t2 .cc_title {left:50%; width:100%; margin-top:-200px; transform:translateX(-50%); text-align:center;}
#contents .c_work .cw_box.t2 .cc_txt {left:0; right:0; width:100%; margin-top:130px; transform:none; text-align:center;}
#contents .c_work .cw_file {width:350px; height:350px; margin-left:-175px; margin-top:-175px;}
#contents .c_work .cw_file .cwf_pic.t1 {width:200px; height:200px; margin-left:-100px; margin-top:-100px;}
#contents .c_work .cw_file .cwf_circle {left:150px; right:150px; top:150px; bottom:150px;}
@keyframes cm_music { 0% {left:0; right:0; top:0; bottom:0; opacity:0;} 50% {left:-50px; right:-50px; top:-50px; bottom:-50px; opacity:0.4;} 100% {left:-100px; right:-100px; top:-100px; bottom:-100px; opacity:0;}}
#contents .c_work .cc_mouse {bottom:0;}
#contents .c_howto .cc_txt {font-size:17px;}
#contents .c_howto .cc_txt + .cc_txt  {margin-top:25px;}
#contents .c_howto .ch_box.t3 .ch_txt.t2 span {white-space:normal;}
#contents .c_howto .ch_box .ch_txt span > strong {font-size:20px; line-height:30px;}
#contents .c_howto .ch_box.t1 .ch_pic:before, 
#contents .c_howto .ch_box.t1 .ch_pic:after {width:420px; height:280px;}
#contents .c_howto .ch_box.t1 .ch_pic .chp_img {width:420px;}
#contents .c_howto .ch_box .chb_wrap {height:63vw;}
#contents .c_howto .ch_box .ch_pic .chp_img {border-width:4px !important; border-radius:6px !important;}
#contents .c_howto .ch_box.t10 .chb_wrap {height:63vw;}
#contents .c_howto .ch_box.t10 .ch_pic .chp_img {top:130px; border-width:4px; border-radius:6px !important;}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t1 {top:170px; left:10%;}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t2 {top:130px;}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t3 {top:200px; right:10%;}
#contents .c_howto .ch_box.t10 .ch_btn {bottom:-60px; width:200px; height:50px; margin-left:-100px; font-size:20px; line-height:48px;}
#contents .c_howto .ch_box.t10 .ch_btn i {width:30px; height:30px;}
#contents .c_howto .ch_box .ch_pic .chp_img .chpi_gallery .chpi_pluse {width:30px; height:30px; margin-left:-15px; margin-top:-15px;}

#contents .c_achievements .cc_title p {white-space:normal;}
#contents .c_achievements .cc_txt {font-weight:600;}
#contents .c_achievements .ca_list {width:100%; padding-left:0;}
#contents .c_achievements .ca_list .cal_owl {width:100%;}
#contents .c_achievements .ca_list .cal_owl .owl-nav {display:inline-block; position:absolute; left:0; right:0; top:50%; height:20px; margin-top:-10px; pointer-events:none;}
#contents .c_achievements .ca_list .cal_owl.t2 .owl-nav {margin-top:-24px;}
#contents .c_achievements .ca_list .cal_owl .owl-nav > div {position:absolute; top:0; width:20px; height:20px; border-right:#005eb8 solid 1px; border-top:#005eb8 solid 1px; font-size:0; pointer-events:auto; opacity:0.5; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_achievements .ca_list .cal_owl .owl-nav > div:hover {opacity:1;}
#contents .c_achievements .ca_list .cal_owl .owl-nav > div.owl-prev {left:-10px; transform:rotate(-135deg);}
#contents .c_achievements .ca_list .cal_owl .owl-nav > div.owl-next {right:-10px; transform:rotate(45deg);}
#contents .c_achievements .ca_list .cal_owl .item .cal_box {float:none; width:calc(100% - 50px); border-radius:35px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box {min-height:auto;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box:before {border-radius:35px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > strong .cal_txt {font-size:13px;}
#contents .c_achievements .ca_list .cal_owl.t2 .item > span {float:none; width:calc(100% - 50px); font-size:17px; font-weight:600;}
#contents .c_achievements .ca_list .cal_owl.t2 .item > span mark {font-weight:700 !important;}

#contents .c_support {padding-bottom:200px;}
#contents .c_support .cc_title {white-space:normal;}
#contents .c_support .cc_title span {display:inline-block; white-space:nowrap;}
#contents .c_support .cc_txt {font-weight:600;}
#contents .c_support .cc_txt mark {font-weight:700 !important;}
#contents .c_support .cs_list li .csl_box {border-radius:25px;}
#contents .c_support .cs_list li .csl_pic {border-radius:20px;}

#contents .c_review .cr_list .crl_hover ul > li:before {display:none;}
#contents .c_review .cr_list ul > li .crl_box {position:relative; left:auto; right:auto; top:auto; bottom:auto; width:100%; height:110px;}
#contents .c_review .cr_list ul > li .crl_box .crl_pluse {position:absolute; right:30px; top:50%; box-sizing:border-box; width:20px; height:20px; margin-top:-10px; border-radius:50%; border:#005eb8 solid 2px;}
#contents .c_review .cr_list ul > li .crl_box .crl_pluse:before {content:""; position:absolute; left:50%; top:50%; width:2px; height:8px; margin-left:-1px; margin-top:-4px; background-color:#005eb8; transition:0.3s; -webkit-transition:0.3s;}
#contents .c_review .cr_list ul > li .crl_box .crl_pluse:after {content:""; position:absolute; left:50%; top:50%; width:8px; height:2px; margin-left:-4px; margin-top:-1px; background-color:#005eb8;}
#contents .c_review .cr_list ul > li .crl_box.on .crl_pluse:before {opacity:0;}
#contents .c_review .cr_list ul > li .crl_box > strong {top:20px; left:30px; font-size:17px; font-weight:300; line-height:25px; transform:none;}
#contents .c_review .cr_list ul > li .crl_box > strong br {display:none;}
#contents .c_review .cr_list ul > li .crl_box > strong > mark {vertical-align:initial; width:auto;}
#contents .c_review .cr_list ul > li .crl_box > p {top:50px; left:30px; height:40px; font-size:32px; font-weight:300; line-height:40px; word-break:keep-all; transform:none;}
#contents .c_review .cr_list ul > li .crl_hover {display:none; opacity:1;}
#contents .c_review .cr_list ul > li .crl_hover.on {display:inline-block;}
#contents .c_review .cr_list ul > li .crl_hover ul {display:inline-block; position:relative; padding-top:190px; padding-bottom:15px;}
#contents .c_review .cr_list ul > li .crl_hover li {display:inline-block;}
#contents .c_review .cr_list ul > li .crl_hover li.t1 {position:absolute; left:0; right:0; top:0; width:100%;}
#contents .c_review .cr_list ul > li .crl_hover li.t2 {float:left; width:50%;}
#contents .c_review .cr_list ul > li .crl_hover li > p {position:relative; left:auto; top:auto; transform:none; padding:10px 20px;}
#contents .c_review .cr_list ul > li .crl_hover li:last-child > p {padding:40px 20px;}
#contents .c_review .cr_list ul > li .crl_hover li > p span {font-size:18px; line-height:30px;}

#contents .c_livetook .cl_content .clc_pic {float:none; width:80%; max-width:300px;}
#contents .c_livetook .cl_content .clc_box {width:100%;}
#contents .c_livetook .cl_content .clc_txt {font-size:21px; line-height:35px;}
#contents .c_livetook .cl_content .clc_txt > span {display:inline;}
#contents .c_livetook .cl_content .clc_txt .decoline:before {top:3px; bottom:3px;}
#contents .c_livetook .cl_content .clc_mc {width:calc(100% + 30px); margin-left:-15px; margin-top:30px;}
#contents .c_livetook .cl_content .clc_mc li {max-width:100%;}
#contents .c_livetook .cl_content .clc_mc li .clcm_pic {width:calc(100% - 30px);}
#contents .c_livetook .cl_content .clc_mc li .clcm_txt {font-size:16px;}
#contents .c_livetook .cl_content .clc_info {margin-top:15px;}
#contents .c_livetook .cl_content .clc_info li strong,
#contents .c_livetook .cl_content .clc_info li span {font-size:16px; line-height:26px;}
#contents .c_livetook .cl_content .clc_btn {float:none; width:200px; height:50px; font-size:20px; line-height:48px}
#contents .c_livetook .cl_content .clc_btn i {width:30px; height:30px;}

#contents .c_story {padding-top:80px; padding-bottom:60px;}
#contents .c_story .wrap {max-width:100%; padding:0 30px;}
#contents .c_story .owl-nav {left:50%; right:auto; top:auto; bottom:6px; width:150px; margin-left:-75px; margin-top:0;}
#contents .c_story .owl-nav > div {top:0; width:20px; height:20px;}
#contents .c_story .owl-nav > div.owl-prev {left:-10px;}
#contents .c_story .owl-nav > div.owl-next {right:-10px;}
#contents .c_story .owl-dots {pointer-events:none;}
#contents .c_story .owl-dot {pointer-events:auto;}
#contents .c_story .cs_youtube {width:100%;}
#contents .c_story .cc_txt.small {font-weight:100;}
#contents .c_story .cs_txt {width:100%; margin-top:20px; padding-left:0; font-size:18px; line-height:28px;}
#contents .c_story .cs_txt span {text-align:center;}
#contents .c_story .cs_txt > span {box-sizing:border-box; padding-right:10px; font-size:17px; font-weight:300;}
#contents .c_story .cs_txt > span i {top:-3px;}
#contents .c_story .cs_txt > span br {display:none;}
#contents .c_story .cs_txt > strong {position:relative; left:50%; transform:translateX(-50%);}


/* 푸터 */
#footer {padding:30px 25px;}
#footer .f_wrap {width:100%; word-wrap:normal; word-break:keep-all;}
#footer .f_logo {position:relative; left:auto; top:auto; float:left; margin-top:0; margin-bottom:25px;}
#footer .f_info {width:100%; padding-left:0;}
#footer .f_info li {width:100%; padding:0; font-size:11px; line-height:20px;}
#footer .f_info li:before {display:none;}
#footer .f_info p {margin-top:20px; font-size:11px; line-height:20px;}
}




@media all and (max-width:700px) {
/* 사이드 */
#aside .a_support {left:10px; right:10px; bottom:10px; width:calc(100% - 20px); max-width:100% !important; padding:0; transform:rotate(0);}
#aside .a_support button:hover  {transform:scale(1);}
#aside .a_support button {width:100% !important; padding:0; height:60px !important; border-radius:0; background-color:#f5e11d; background-image:none;}
#aside .a_support button span,
#aside .a_support button mark {position:relative; left:auto; right:auto; top:auto; bottom:auto; display:inline; font-size:20px !important; line-height:62px !important; color:#ff4f4f !important; letter-spacing:-0.5px;}
#aside .a_support mark.on {display:none;}
#aside .a_support i {display:inline-block; vertical-align:middle; position:relative; top:-1px; width:30px; height:20px; margin-left:1px;background-image:url("../images/icon_support_c2.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;}


#aside.on .a_support span {left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto; margin-top:0; letter-spacing:-0.5px;}
#aside.on .a_support mark.off {left:auto; right:auto; top:auto; bottom:auto; width:auto; height:auto; margin-top:0; letter-spacing:-0.5px;}
/* #aside.color .a_support button {background-color:#f5e11d;} 

#aside.color .a_support span,
#aside.color .a_support button mark {color:#ff4f4f !important;} */

#contents .c_case .cc_skip {bottom:100px; margin-bottom:0;}

#contents .c_support .cs_list {height:2145px;}
#contents .c_support .cs_list li .csl_box {max-width:480px;}
/* 푸터 */
#footer {padding-bottom:90px;}
}





@media all and (max-width:540px) {
#pop .p_content .btn_mute {right:20px; top:55px; width:40px; height:40px;}

#header .h_slogan {display:none;}

/* 사이드 */
#aside .a_support button {height:50px !important;}
#aside .a_support button span,
#aside .a_support button mark {line-height:52px !important;}

/* #aside.start .a_support button {background-color:#ffd100;}
#aside.start .a_support button span,
#aside.start .a_support button mark {color:#ff4f4f !important;} */

/* 콘텐츠 */
#contents .c_area {padding:80px 0;}
#contents .c_case .cc_title.middle {font-size:30px; line-height:40px;}
#contents .c_case .cc_txt.small {font-size:18px; line-height:28px;}

#contents .c_hero {background-color:#005eb8; max-height:100%;}
#contents .c_hero .ch_bg {display:none;}
#contents .c_hero .ch_child {position:relative; left:auto; right:auto; top:auto; bottom:auto; width:100%; margin-left:0; margin-top:0;}
#contents .c_hero .ch_child:before {content:""; position:absolute; left:25px; top:105px; width:150px; height:220px; background-image:url("../images/title_hero.png"); background-repeat:no-repeat; background-position:top; background-size:100% auto;}
#contents .c_hero .ch_child.ch_pc {display:none;}
#contents .c_hero .ch_child.ch_mobile {display:inline-block;}
#contents .c_hero .ch_title {display:none;}
#contents .c_hero .ch_title > img {content:url("../images/title_hero_m.png");}
#contents .c_hero .ch_box:before {content:""; position:absolute; right:-5px; top:30px; width:50px; height:50px; background-image:url("../images/slogan_w.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;}
#contents .c_hero .ch_txt {left:-5px; top:30px; margin-top:0;}
#contents .c_hero .ch_txt p {font-size:20px; line-height:30px; color:#fff;}
#contents .c_hero .ch_txt p + p {margin-top:30px;}
#contents .c_hero .ch_txt p b {display:none;}
#contents .c_hero .ch_txt p > span:first-child {position:relative;} 
#contents .c_case .ch_txt p > mark {z-index:0; margin-left:5px; color:#005eb8}
#contents .c_case .ch_txt p > mark:before {right:-5px !important; width:auto !important; background-color:#fff; opacity:1 !important;}
#contents .c_hero .ch_txt p > strong {margin-top:10px;}
#contents .c_hero .ch_txt p > strong br {display:inline-block;}
#contents .c_hero .ch_txt p > span > span {width:auto;}

#contents .c_work .cw_pic {top:-130px; width:400px; margin-left:-200px;}

#contents .c_howto .ch_box .chb_wrap {height:100vw;}
#contents .c_howto .ch_box.t2 .chb_wrap {height:135vw;}
#contents .c_howto .ch_box.t6 .chb_wrap {height:115vw;}
#contents .c_howto .ch_box.t2 .chb_wrap {height:135vw;}
#contents .c_howto .ch_box.t3 .chb_wrap {height:77vw;}
#contents .c_howto .ch_box.t4 .chb_wrap, 
#contents .c_howto .ch_box.t5 .chb_wrap,
#contents .c_howto .ch_box.t9 .chb_wrap {height:100vw;}
#contents .c_howto .ch_box.t1 .ch_txt {left:30px; top:70%;}
#contents .c_howto .ch_box.t1 .ch_pic:before, 
#contents .c_howto .ch_box.t1 .ch_pic:after {width:300px; height:200px; }
#contents .c_howto .ch_box.t1 .ch_pic .chp_img {width:300px;}
#contents .c_howto .ch_box.t1 .ch_pic .chp_img {border-radius:6px;}
#contents .c_howto .ch_box.t1.step01_4 .ch_pic {top:-40%;}
#contents .c_howto .ch_box.t1.step01_4 .ch_pic .chp_img {width:36%;}
#contents .c_howto .ch_box.t1.step01_5 .ch_pic .chp_img.t3 {left:3.5%; top:50%; transform:translateY(-92%); box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t1.step01_5 .ch_pic .chp_img.t2 {left:31%; top:47%; transform:none;  box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t1.step01_5 .ch_pic .chp_img.t1 {left:78%;  box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t2 .ch_pic .chp_img {border-radius:6px;}
#contents .c_howto .ch_box.t2.step02_1 .ch_pic .chp_img.t1 {box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t2.step02_1 .ch_pic .chp_img.t4 {box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t2.step02_1 .ch_pic .chp_img.t2 {right:45%; bottom:12%; box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t2.step02_1 .ch_pic .chp_img.t3 {top:56%; box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t3 .ch_txt.t2 {left:10%; bottom:-20%;}
#contents .c_howto .ch_box.t3 .ch_pic {width:100%; border-radius:6px;}
#contents .c_howto .ch_box.t3 .ch_map {border-radius:6px;}
#contents .c_howto .ch_box.t4 .ch_pic .chp_img {width:50%; border-radius:6px;}
#contents .c_howto .ch_box.t4 .ch_pic .chp_img.t2 {left:26%; top:10%;}
#contents .c_howto .ch_box.t4 .ch_txt {left:0; top:80%;}
#contents .c_howto .ch_box.t5 .ch_txt {left:0; right:auto; top:60%; text-align:left;}
#contents .c_howto .ch_box.t5 .ch_pic .chp_img {left:55%; width:50%; border-radius:6px;}
#contents .c_howto .ch_box.t5 .ch_pic .chp_img.t2 {left:25%;}
#contents .c_howto .ch_box.t6 .ch_pic .chp_img {border-radius:6px;}
#contents .c_howto .ch_box.t6.step06_1 .ch_pic .chp_img.t1 {right:4%; top:60%; box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t6.step06_1 .ch_pic .chp_img.t2 {left:42%; bottom:0; box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t6.step06_1 .ch_pic .chp_img.t3 {right:26%; top:32%; box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t6.step06_1 .ch_pic .chp_img.t4 {left:4%; top:63%; box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box .chb_wrap.t2 {height:125vw;}
#contents .c_howto .ch_box.t7 .ch_txt {left:50%; top:5%; width:100%;}
#contents .c_howto .ch_box.t7 .ch_pic {width:45%; bottom:0;}
#contents .c_howto .ch_box.t7 .ch_pic.t1 {left:0; bottom:49vw;}
#contents .c_howto .ch_box.t7 .ch_pic.t2 {left:0;}
#contents .c_howto .ch_box.t7 .ch_pic.t3 {left:auto; right:0;}
#contents .c_howto .ch_box.t7 .ch_pic .chp_img {border-radius:6px;}
#contents .c_howto .ch_box.t8 .chb_wrap {height:120vw;}
#contents .c_howto .ch_box.t8 .ch_txt {left:0; top:0; transform:none;}
#contents .c_howto .ch_box.t8 .ch_pic .chp_img {border-radius:6px;}
#contents .c_howto .ch_box.t8.step08_1 .ch_pic .chp_img.t1 {box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t8.step08_1 .ch_pic .chp_img.t2 {right:10%; top:70%; box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t8.step08_1 .ch_pic .chp_img.t3 {left:4%; top:43%; box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t9 .chb_wrap {height:62vw;}
#contents .c_howto .ch_box.t9 .ch_pic {left:0; width:80%;}
#contents .c_howto .ch_box.t9 .ch_pic.t2 {top:5%; bottom:auto; width:50%;}
#contents .c_howto .ch_box.t9 .ch_pic .chp_img {border-radius:6px;}
#contents .c_howto .ch_box.t2 .ch_pic .chp_img {width:60%;}
#contents .c_howto .ch_box.t6 .ch_pic .chp_img, 
#contents .c_howto .ch_box.t8 .ch_pic .chp_img {width:50%;}
#contents .c_howto .ch_box.t10 .chb_wrap {height:100vw;}
#contents .c_howto .ch_box.t10 .ch_pic .chp_img {top:60px; width:40%; border-radius:6px;}
#contents .c_howto .ch_box.t10 .ch_pic {top:20%;}
#contents .c_howto .ch_box.t10 .ch_btn {bottom:0}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t1 {left:0; top:100px; box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t3 {right:0; top:80px; box-shadow:0 20px 40px rgba(24, 25, 27,0.5);}
#contents .c_howto .ch_box.t10.step10_1 .ch_pic .chp_img.t2 {top:60px;}
#contents .c_howto .ch_box.t2 .ch_txt .cc_txt > span:nth-child(2) {margin-top:5px;}
#contents .c_howto .ch_box.t3 .ch_txt.t1 .cc_txt > span:nth-child(2) {margin-top:5px;}
#contents .c_howto .ch_box.t4 .ch_txt .cc_txt > span:nth-child(2) {margin-top:5px;}
#contents .c_howto .ch_box.t6 .ch_txt .cc_txt > span:nth-child(2) {margin-top:5px;}
#contents .c_howto .ch_box.t7 .ch_txt .cc_txt > span:last-child {margin-top:5px;}
#contents .c_howto .ch_box.t10 .ch_txt span:last-child {margin-top:10px;}


#contents .c_achievements .ca_list .cal_owl .item .cal_box {border-radius:30px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box:before {border-radius:30px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > span {font-size:17px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box > mark {font-size:14px;}

#contents .c_review .cc_title {box-sizing:border-box; padding:0 30px;}
#contents .c_review .cc_txt {box-sizing:border-box; padding:0 30px;}
#contents .c_review .cr_list ul > li .crl_box {height:100px;}
#contents .c_review .cr_list ul > li .crl_box > strong {top:15px;}
#contents .c_review .cr_list ul > li .crl_box > p {top:45px; font-size:24px;}
#contents .c_review .cr_list ul > li .crl_hover li > p span {font-size:15px;}

#contents .c_encourage.aos-animate .ce_title:before {right:-5px;}

#contents .c_support {padding-bottom:180px;}
#contents .c_support .cs_list {height:1825px;}
#contents .c_support .cs_list li .csl_box {max-width:325px;}
#contents .c_support .cs_list li .csl_content {padding:20px;}

#contents .c_story {padding-top:60px; padding-bottom:50px;}

/* 푸터 */
#footer {padding-bottom:70px;}
}





@media all and (max-width:425px) {

/* 콘텐츠 */
#contents .c_case .cc_title {font-size:35px; line-height:45px;}
#contents .c_case .cc_title.middle {font-size:26px; line-height:35px;}


#contents .c_hero .ch_child:before {width:120px;}

#contents .c_ambassadors {padding:80px 0; padding-bottom:0;}
#contents .c_ambassadors .cs_deco.t2 {top:-40px;}
#contents .c_ambassadors .ca_content .cc_txt {font-size:18px;}
#contents .c_ambassadors .ca_content .cc_txt + .cc_txt {margin-top:25px;}

#contents .c_intro {height:550px !important}
#contents .c_intro .ci_txt > span {font-size:20px;}

#contents .c_work .cw_pic {top:-100px; width:300px; margin-left:-150px;}
#contents .c_work .cw_box .cc_txt {font-size:17px;}

#contents .c_howto .cc_txt + .cc_txt {margin-top:20px;}
#contents .c_howto .ch_box .chb_wrap {height:150vw;}
#contents .c_howto .ch_box.t3 .chb_wrap {height:90vw;}
#contents .c_howto .ch_box.t3 .ch_txt.t1 {left:-10px;}
#contents .c_howto .ch_box.t3 .ch_txt.t2 {left:-10px;}
#contents .c_howto .ch_box.t3 .ch_map {right:-10px;}
#contents .c_howto .ch_box.t3 .ch_pic {left:-10px; width:calc(100% + 20px);}
#contents .c_howto .ch_box.t7 .chb_wrap.t2 {height:120vw;}
#contents .c_howto .ch_box.t7 .ch_txt span > strong {margin-top:5px;}
#contents .c_howto .ch_box.t7 .ch_txt span > strong:before {display:none;}
#contents .c_howto .ch_box.t7 .ch_txt span > strong br {display:inline-block}
#contents .c_howto .ch_box.t7 .ch_txt span > strong > span {position:relative; float:left; z-index:0;}
#contents .c_howto .ch_box.t7 .ch_txt span > strong > span:before {content:""; position:absolute; left:-5px; right:-5px; top:-1px; bottom:-1px; z-index:-1; background-color:#fff;}
#contents .c_howto .ch_box.t7 .ch_pic.t1 {bottom:47vw}
#contents .c_howto .ch_box.t8 .ch_txt {top:3%;}
#contents .c_howto .ch_box.t8.step08_1 .ch_pic .chp_img.t2 {right:14%; top:71%;}
#contents .c_howto .ch_box.t8.step08_1 .ch_pic .chp_img.t3 {left:2%; top:46%;}
#contents .c_howto .ch_box.t8 .chb_wrap {height:135vw;}
#contents .c_howto .ch_box.t6 .chb_wrap {height:125vw;}
#contents .c_howto .ch_box.t10 .chb_wrap {height:125vw;}
#contents .c_howto .ch_box.t10 .ch_txt {top:5%;}

#contents .c_achievements .cc_txt {font-size:18px;}
#contents .c_achievements .ca_list .cal_owl .item .cal_box {border-radius:25px;}
#contents .c_achievements .ca_list .cal_owl.t1 .item .cal_box:before {border-radius:25px;}
#contents .c_achievements .ca_list .cal_owl.t2 .item  .cal_box > span {right:20px; bottom:10px;}

#contents .c_review .cr_list ul > li .crl_box {height:95px;}
#contents .c_review .cr_list ul > li .crl_box:after {top:15px;}
#contents .c_review .cr_list ul > li .crl_box > strong {left:20px;}
#contents .c_review .cr_list ul > li .crl_box > p {left:20px; top:40px; font-size:21px;}
#contents .c_review .cr_list ul > li .crl_hover li > p {width:90%;}

#contents .c_livetook .cl_content {margin-top:30px;}
#contents .c_livetook .cl_content .clc_txt {font-size:18px; line-height:30px;}
#contents .c_livetook .cl_content .clc_mc {width:calc(100% + 20px); margin-left:-10px; margin-top:25px;}
#contents .c_livetook .cl_content .clc_mc li .clcm_pic {width:calc(100% - 20px);}
#contents .c_livetook .cl_content .clc_info {margin-top:5px;}
#contents .c_livetook .cl_content .clc_info li {padding-left:0; padding-top:30px; margin-top:10px;}
#contents .c_livetook .cl_content .clc_info li strong {top:0;}
#contents .c_livetook .cl_content .clc_btn {width:100%;}

#contents .c_support .cs_list {height:1800px;}
#contents .c_support .cs_list li .csl_box {max-width:325px;}
#contents .c_support .cs_list li .csl_content > p {padding-right:90px;}
#contents .c_support .cs_list li .csl_box > a {right:10px;}
}