@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');


/* CSS Reset */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* Block Element */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* Inline Block Element */
a,label,output,dialog, /* Inline Element */
address,blockquote, /* Text Block Element */
p,pre,/* Text Inline Block Element */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* Text Inline Element */
acronym,big,frame,frameset,noframes,tt, /* Not HTML5 Used Element */
map,option,hr,*{border:0;padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 Block Element */
applet,basefont,center,dir,font,strike{display:none} /* XHTML4, HTML5 Element Not Used Remove */
q,blockquote{quotes:none;content:none}
li,menu{list-style:none;word-break:break-all}

table{width:100%;border-spacing:0;border-collapse:separate;} /* Table Border (separate) */
caption{text-align:left}
th,td{text-align:center;vertical-align:middle}

address{font-style:normal}
label{display:inline-block;}
a{text-decoration:none;display:inline-block;} /* A Attribute  */

/* Common Setting */
html{overflow-y:auto;}
html,body{height:100%;} /* Horizen Scroll */
body{color:#333;font-size:13px;font-family:'Noto Sans KR', sans-serif, "Nanum Gothic";font-weight:400;min-width:320px;}
div{outline:0}
img {vertical-align:middle;}

::selection {background-color:#333;color:#fff;}


/* Intro */
.fullscreen-bg {position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-100;}
.fullscreen-bg__video{position:absolute;top:0;left:0;width:100%;height:100%;}
@media (min-aspect-ratio: 16/9) { .fullscreen-bg__video {height:300%;top:-100%;} }
@media (max-aspect-ratio: 16/9) { .fullscreen-bg__video {width:300%;left:-100%;} }
/*@media only screen and (max-width:767px) {

.fullscreen-bg {background-image:url("../img/poster.png");background-size:auto 100%;background-position:center;;}
.fullscreen-bg__video {display:none;}}
*/

.introVod {position:relative;width:100%;height:100%;}
.introVod .backOpacity {position:absolute;width:100%;height:100%;top:0;left:0;background-color:black;opacity:0.35;}

.in_text {position:relative;width:740px;margin:0 auto;text-align:center;color:white;}
.in_text .top {position:relative;padding-top:100px;}
.in_text .top img {width:80px;}
.in_text .top h1 {font-family:'GmarketSans';font-size:26px;font-weight:500;padding:35px 0 5px 0;}
.in_text .top h2 {font-family:'GmarketSans';font-size:15px;font-weight:500;}
.in_text .country {position:relative;color:#333;text-align:left;padding-top:30px;}
.in_text .country li {float:left;width:240px;margin-right:10px;margin-bottom:10px;font-family:'GmarketSans';font-size:16px;font-weight:500;}
.in_text .country li:nth-child(3n) {margin-right:0;}
.in_text .country li a {display:block;background-color:white;border-radius:30px;padding:9px 9px;}
.in_text .country li a img {width:30px;padding-right:10px;}
.in_text .country li a span {font-size:10px;opacity:0.5;padding-left:5px;}
.in_text .country li a:hover {background-color:#e23d3d;color:white;}

.in_footer {position:absolute;width:740px;bottom:10px;left:50%;margin-left:-370px;font-size:11px;letter-spacing:1px;font-weight:200;text-align:center;color:white;}

/* Main & Common */
.gnb {position:absolute;top:0;left:0;width:100%;height:90px;font-family:'GmarketSans';font-size:17px;font-weight:500;z-index:1;border-bottom:solid 1px #e5e5e5;background-color:white;}
.gnb .logo {position:absolute;top:30px;left:30px;font-size:20px;font-weight:800;z-index:2;}
.gnb .logo img {width:30px;vertical-align:middle;padding:0 7px 3px 0;}
.gnb .menu {position:absolute;top:38px;left:190px;}
.gnb .menu a {padding:0 10px;}
.gnb .right {position:absolute;top:35px;right:30px;}
.gnb .right a {padding:0 0 0 10px;opacity:0.7;font-size:15px;}
.gnb .right a img {width:17px;padding:0 6px 2px 0;filter:invert(100);opacity:0.5;}
.gnb .menu a:hover {color:#ff6666;}

.gnb_main {border:0;color:white;background:none;}
.gnb_main .logo img {filter:brightness(500%);}
.gnb_main .right a img {filter:invert(0);}

.gnb_float {position:fixed;top:0;left:0;background-color:#FFF;color:#000;border-bottom:solid 1px #e5e5e5;z-index:1000;}
.gnb_float .right a img {filter:invert(100);}
.gnb_float .logo img {filter:brightness(100%);}

.ham {display:none;}
.menu_mobile {display:none;}

.mainVisual {position:relative;width:100%;height:780px;}
.mainVisual .vod {position:relative;width:100%;height:100%;}
.mainVisual .backBlack {position:absolute;width:100%;height:100%;background-color:black;top:0;left:0;opacity:0.2;}
.mainVisual .text {position:absolute;width:1000px;top:50%;left:50%;margin-top:-120px;margin-left:-500px;;color:white;}
.mainVisual .text h2 {font-family:'GmarketSans';font-size:70px;font-weight:300;line-height:70px;padding-bottom:10px;}
.mainVisual .text h1 {font-family:'GmarketSans';font-size:70px;font-weight:600;line-height:70px;padding-bottom:35px;}
.mainVisual .text a {font-size:19px;font-weight:700;background-color:#FFF;border-radius:50px;padding:10px 23px 10px 19px;color:#000;margin-right:10px;}
.mainVisual .text a img {width:30px;padding-right:5px;}
.mainVisual .text a:hover {color:#FFF;background-color:#000;}
.mainVisual .text a:hover img {filter:invert(100);}
.mainVisual .arrow {position:absolute;bottom:15px;left:50%;margin-left:-10px;}
.mainVisual .arrow img {width:20px;opacity:0.5;}

.mainRbox {position:relative;width:1000px;margin:50px auto 0 auto;}
.mainReview {position:relative;}
.mainReview div {position:relative;float:left;width:200px;height:260px;border:solid 1px #e5e5e5;border-radius:20px;padding:30px;font-family:'GmarketSans';font-size:13px;font-weight:500;line-height:20px;margin-bottom:50px;}
.mainReview div p {font-size:16px;padding-bottom:10px;}
.mainReview div p b {color:#dd2323;}
.mainReview div span {display:block;font-size:10px;opacity:0.5;position:absolute;bottom:30px;left:30px;}

.mainIntro {position:relative;width:1000px;margin:0 auto;clear:both;border-top:solid 1px #e5e5e5;padding:70px 0;font-size:13px;line-height:23px;color:#666;}
.mainIntro p {font-family:'GmarketSans';font-size:22px;font-weight:500;color:#333;padding-bottom:15px;}
.mainIntro p b {font-weight:800;}

.footer_link {position:relative;width:1000px;margin:0 auto;clear:both;border-top:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5;padding:50px 0 30px 0;}
.footer_link .btlink {position:relative;}
.footer_link .btlink a {font-family:'GmarketSans';font-size:13px;font-weight:600;margin-right:20px;color:#333;}
.footer_link .btlink a:hover {color:#ff6666;}
.footer_link .store {position:relative;padding-top:15px;}
.footer_link .store a {margin-right:25px;font-weight:700;font-size:13px;}
.footer_link .store a img {width:20px;padding:0 3px 4px 0;}
.footer_copy {position:relative;width:1000px;margin:0 auto;padding:30px 0;font-family:'GmarketSans';font-size:12px;color:#666;}
.footer_copy h3 {font-weight:800;font-size:12px;padding-bottom:10px;}
.footer_copy span {margin-right:20px;}
.footer_copy p {padding-top:3px;font-size:11px;}


/* Sub */
.wrap {position:relative;padding:90px 0 50px 0;}
.warpfixed {width:1000px;margin:0 auto;}

.camtalk_intro {position:relative;}
.camtalk_intro .box {position:relative;width:1000px;margin:0 auto;height:750px;}
.camtalk_intro .box h2 {font-family:'GmarketSans';font-size:45px;font-weight:400;padding:300px 0 10px 0;}
.camtalk_intro .box p {font-family:'GmarketSans';font-size:20px;font-weight:500;opacity:0.7;line-height:28px;}
.camtalk_intro .box img {position:absolute;top:50px;right:0;}
.camtalk_gray {background-color:#f7f7f7;}

.vod_box {position:relative;}
.vod_box .contents {width:1000px;margin:0 auto;padding:100px 0;text-align:center;}
.vod_box .contents h2 {font-family:'GmarketSans';font-size:40px;font-weight:400;}
.vod_box .contents p {font-family:'GmarketSans';font-size:15px;font-weight:500;color:#999;}
.vod_box .contents .list {position:relative;padding:60px 0 40px 0;}
.vod_box .contents .list a {font-family:'GmarketSans';font-size:17px;font-weight:600;color:#8c8c8c;margin:0 15px;}
.vod_box .contents .list a:hover, .vod_box .contents .list .on {color:#e23d3d;text-decoration:underline;text-underline-offset:5px;}
.vod_box .contents .youtube {}
.vod_box .contents .youtube iframe {border-radius:50px;}
.vod_box_gray {background-color:#f7f7f7;}

#camtalkVod1 {display:block;}
#camtalkVod2 {display:none;}
#camtalkVod3 {display:none;}
#camtalkVod4 {display:none;}
#camtalkVod5 {display:none;}
#camtalkVod6 {display:none;}
#camtalkVod7 {display:none;}
#camtalkVod8 {display:none;}

#camtalkVodS2 {display:none;}
#camtalkVodS3 {display:none;}
#camtalkVodS4 {display:none;}
#camtalkVodS5 {display:none;}

.raw_title {position:relative;padding:100px 0 50px 0;}
.raw_title h2 {font-family:'GmarketSans';font-size:35px;font-weight:400;}
.raw_title p {font-family:'GmarketSans';font-size:15px;font-weight:500;color:#999;}
.raw_tab {position:relative;}
.raw_tab td {border-top:solid 1px #c7c7c7;border-left:solid 1px #c7c7c7;padding:0;}
.raw_tab td:last-child {border-right:solid 1px #c7c7c7;}
.raw_tab td a {font-family:'GmarketSans';font-size:14px;font-weight:400;color:#999;padding:19px 19px 15px 19px;}
.raw_tab td:hover, .raw_tab .on {background-color:#f3f3f3;color:#000;font-weight:700;}
.raw_tab td:hover a, .raw_tab .on a {color:#000;font-weight:700;}
.raw {position:relative;clear:both;padding:50px 0;font-size:13px;color:#666;}
.raw strong {font-size:14px;color:#333;}
.raw h2 {font-size:17px;color:#333;padding:10px 0 0 0;}
.raw h3 {font-size:14px;color:#333;padding:10px 0 0 0;}

#raw02 {display:none;}
#raw03 {display:none;}
#raw04 {display:none;}
#raw05 {display:none;}
#raw06 {display:none;}
#raw07 {display:none;}


.faq_title {position:relative;padding:100px 0 50px 0;}
.faq_title h2 {font-family:'GmarketSans';font-size:35px;font-weight:400;}
.faq_title p {font-family:'GmarketSans';font-size:15px;font-weight:500;color:#999;}
.faq_list {position:relative;}
.faq_list li:first-child {border-top:dashed 1px #e5e5e5;padding:50px 0 10px 0;font-size:15px;font-weight:600;}
.faq_list li:last-child {font-size:13px;padding:0 0 50px 0;line-height:20px;color:#999;}

.down {position:relative;padding:210px 0 150px 400px;}
.down .phone {position:absolute;top:70px;left:0;}
.down h2 {font-family:'GmarketSans';font-size:50px;font-weight:400;}
.down h1 {font-family:'GmarketSans';font-size:50px;font-weight:600;padding-bottom:30px;}
.down h1 b {color:#e23d3d;}
.down a {background-color:#e7e7e7;margin-right:5px;padding:10px 19px 8px 15px;font-size:15px;font-weight:600;border-radius:50px;}
.down a img {width:26px;padding:0 5px 5px 0;}
.down a:hover {background-color:#000;color:white;}
.down a:hover img {filter:invert(100);}
.down .text {position:relative;font-size:13px;line-height:24px;color:#999;padding-top:50px;}
.down .text p {font-family:'GmarketSans';font-size:20px;font-weight:400;color:#000;padding-bottom:5px;}


.camtalker{width:100%;}
.camtalker img{width:100%;}



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

.introVod {width:auto;}
.in_text {width:90%;margin-left:-45%;left:50%;}
.in_text .top {padding-top:80px;}
.in_text .top h1 {font-size:22px;padding:20px 0 5px 0;}
.in_text .top h2 {font-size:13px;}
.in_text .country {padding-top:20px;}
.in_text .country li {width:32.3333%;margin-right:1%;margin-bottom:2%;font-size:15px;}
.in_text .country li a img {width:25px;padding-right:5px;}
.in_footer {width:100%;;margin-left:-50%;}

.gnb {height:70px;font-size:16px;}
.gnb .logo {top:20px;left:15px;font-size:17px;}
.gnb .logo img {width:25px;padding:0 5px 3px 0;}
.gnb .menu {top:25px;left:145px;}
.gnb .menu a {padding:0 8px;}
.gnb .right {top:26px;right:20px;}
.gnb .right a {padding:0 0 0 5px;font-size:13px;}
.gnb .right a img {width:15px;padding:0 4px 2px 0;}

.mainVisual .text {width:80%;top:40%;margin-top:-5%;margin-left:-40%;}
.mainVisual .text h2 {font-size:55px;line-height:55px;}
.mainVisual .text h1 {font-size:55px;line-height:55px;padding-bottom:25px;}
.mainVisual .text a {font-size:15px;padding:8px 20px 8px 15px;}
.mainVisual .text a img {width:25px;padding:0 5px 3px 0;}

.mainRbox {width:auto;margin:50px auto 0 auto;}

.mainIntro {width:94%;padding:50px 0;line-height:20px;}
.mainIntro p {font-size:19px;}

.footer_link {width:94%;padding:30px 0 20px 0;}
.footer_link .btlink a {font-size:13px;margin-right:10px;line-height:20px;}
.footer_link .store a {margin-right:15px;font-size:12px;}
.footer_link .store a img {width:17px;padding:0 5px 3px 0;}
.footer_copy {width:94%;padding:20px 0 30px 0;}
.footer_copy span {margin-right:20px;}

.wrap {padding:70px 0 50px 0;}
.warpfixed {width:94%;}

.camtalk_intro .box {width:94%;margin:0 auto;height:auto;text-align:center;}
.camtalk_intro .box h2 {font-size:35px;padding:73.5% 0 10px 0;}
.camtalk_intro .box p {font-size:17px;line-height:20px;padding-bottom:50px;}
.camtalk_intro .box img {top:30px;left:50%;margin-left:-25%;width:50%;}

.vod_box .contents {width:94%;padding:70px 0;}
.vod_box .contents h2 {font-size:30px;}
.vod_box .contents p {font-size:14px;}
.vod_box .contents .list {padding:40px 0 30px 0;line-height:22px;}
.vod_box .contents .list a {font-size:15px;margin:0 7px;}
.vod_box .contents .youtube iframe {border-radius:30px;}

.raw_title {padding:60px 0 30px 0;}
.raw_title h2 {font-size:28px;padding-bottom:5px;}
.raw_title p {font-size:14px;}
.scroll {position:relative;width:100%;overflow-x:auto;}
.raw_tab td {white-space:nowrap;}
.raw {padding:30px 0;}

.faq_title {padding:60px 0 30px 0;}
.faq_title h2 {font-size:28px;padding-bottom:5px;}
.faq_title p {font-size:14px;}
.faq_list li:first-child {padding:30px 0 10px 0;}
.faq_list li:last-child {padding:0 0 30px 0;}

.down {padding:40px 0 0 0;text-align:center;}
.down .phone {position:relative;top:0;left:0;width:35%;}
.down h2 {font-size:35px;}
.down h1 {font-size:45px;}
.down .text {padding-top:30px;}

.camtalker{width:100%;}
.camtalker img{width:100%;}

}


@media only screen and (max-width:767px) {
html,body{min-width:320px;}


.introVod {width:auto;}
.in_text {width:90%;margin-left:-45%;left:50%;}

.in_text .top {padding-top:60px;}
.in_text .top img {width:65px;}
.in_text .top h1 {font-size:20px;}
.in_text .top h2 {font-size:12px;}
.in_text .country li {width:48.5%;margin-right:3%;margin-bottom:7px;font-size:15px;}
.in_text .country li:nth-child(3n) {margin-right:3%;}
.in_text .country li:nth-child(even) {margin-right:0;}
.in_text .country li a {padding:8px 7px;font-size:13px;}
.in_text .country li a span {display:none;}
.in_text .country li a img {width:20px;padding-right:5px;}
.in_footer {font-size:11px;letter-spacing:0px;}

.gnb {height:70px;font-size:16px;background-color:transparent;}
.gnb .logo {top:25px;left:20px;font-size:17px;}
.gnb .logo img {width:25px;padding:0 8px 3px 0px;}
.gnb .menu {display:none;}
.gnb .right {display:none;}

.ham {display:block;position:absolute;top:27px;right:20px;}
.ham img {width:20px;}
.gnb_main .ham img {filter:invert(100);}
.gnb_float .ham img {filter:invert(0);}

.menu_mobile {position:fixed;width:100%;height:100%;top:0;left:0;background-color:#000;z-index:1001;}
.menu_mobile .close {position:absolute;top:30px;right:30px;z-index:1;}
.menu_mobile .close img {width:20px;filter:invert(100);}
.menu_mobile .list {position:relative;width:100%;text-align:center;padding-top:70px;}
.menu_mobile .list a {display:block;font-family:'GmarketSans';font-size:32px;font-weight:700;color:#FFF;padding-bottom:20px;}
.menu_mobile .list a:last-child {padding-bottom:40px;}
.menu_mobile .list2 {position:relative;width:50%;margin:0 auto;border-top:dashed 1px #999;padding-top:30px;}
.menu_mobile .list2 a {font-family:'GmarketSans';font-size:15px;font-weight:400;color:#FFF;padding:0 10px;}
.menu_mobile .list2 a img {width:16px;padding:0 5px 3px 0;}

.mainVisual .text {top:25%;margin-top:0;}
.mainVisual .text h2 {font-size:30px;line-height:35px;}
.mainVisual .text h1 {font-size:55px;line-height:60px;padding-bottom:25px;}
.mainVisual .text a {font-size:13px;padding:8px 17px 6px 15px;margin-bottom:7px;}
.mainVisual .text a img {width:20px;padding:0 5px 3px 0;}

.mainRbox {width:auto;margin:25px auto 0 auto;}
.mainReview div {width:150px;height:190px;border-radius:15px;padding:20px;;margin-bottom:20px;}
.mainReview div p {font-size:15px;padding-bottom:5px;}
.mainReview div span {bottom:10px;left:20px;}

.mainIntro {width:auto;padding:40px 10px;line-height:20px;}
.mainIntro p {font-size:19px;}

.footer_link {width:auto;padding:30px 10px 20px 10px;}
.footer_link .btlink a {font-size:12px;margin-right:10px;}
.footer_copy {width:auto;padding:20px 10px 20px 10px;line-height:17px;}
.footer_copy span {margin-right:10px;}

.wrap {padding:70px 0 50px 0;}
.warpfixed {width:auto;margin:0 10px;}

.camtalk_intro .box {width:auto;margin:0 10px;}
.camtalk_intro .box h2 {font-size:20px;padding:115% 0 5px 0;}
.camtalk_intro .box p {font-size:13px;line-height:18px;padding-bottom:30px;}
.camtalk_intro .box img {top:30px;left:50%;margin-left:-40%;width:80%;}

.vod_box .contents {width:auto;padding:50px 10px;}
.vod_box .contents h2 {font-size:24px;}
.vod_box .contents p {font-size:13px;}
.vod_box .contents .list {padding:30px 0 20px 0;line-height:22px;}
.vod_box .contents .list a {font-size:13px;margin:0 5px;}
.vod_box .contents .youtube iframe {border-radius:20px;height:350px;}
.vod_box_gray .contents .youtube iframe {width:100%;height:500px;}

.raw_title {padding:50px 0 30px 0;}
.raw_title h2 {font-size:22px;padding-bottom:5px;}
.raw_title p {font-size:13px;}
.raw_tab td {white-space:nowrap;}
.raw_tab td a {font-size:13px;padding:17px 15px 12px 15px;}

.faq_title {padding:50px 0 30px 0;}
.faq_title h2 {font-size:22px;padding-bottom:5px;}
.faq_title p {font-size:13px;}
.faq_list li:first-child {padding:20px 0 5px 0;}
.faq_list li:last-child {padding:0 0 20px 0;}

.down {padding:30px 0 0 0;}
.down .phone {width:70%;}
.down h2 {font-size:25px;}
.down h1 {font-size:35px;}
.down a {padding:10px 19px 8px 15px;font-size:13px;margin-bottom:5px;}
.down a img {width:20px;padding:0 5px 3px 0;}

.down .text {padding-top:30px;}

.camtalker{width:100%;}
.camtalker img{width:100%;}
}