@charset "utf-8";
@import url('font.css');
@import url('headerfooter.css');
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none; overflow-x:hidden;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0; border:0;}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='fcile'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
body {background:#fff; overflow-x:hidden;}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family: 'Noto Sans KR', Dotum,'돋움',"Apple SD Gothic Neo",sans-serif;color:#222; font-weight:400; letter-spacing:-0.5px;}
a {color:#222;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
.ir {z-index: -1; position: relative; display: block; width: 100%; font-size: 9px; text-align: center; white-space: nowrap; overflow: hidden; text-indent: -99999px; color: transparent;}

/* layout */
body.current {overflow:hidden; width: 100%; height:100%; position: fixed;}
.main_container {padding-top:80px;}
.main_section01 {padding:80px 0; background-color:#f8fafd;}
.ms_inner {overflow:hidden; width:1020px; margin:0 auto;}
.ms_info {float:left;margin-top:67px;}
.ms_img {float:right;}
.ms_img img {width:461px;}
.main_section01 .ms_title {font-size:46px; letter-spacing:-1px; line-height:58px;}
.mst1 {display:block; font-weight:400;}
.mst2 {font-weight: 700;}
.main_section01 .ms_title_sub {margin-top:20px; font-size:18px; line-height:28px;}
.ms_btn_w {display:block; margin-top:40px; text-align:center; color:#fff; width:200px; height:60px; background-color:#2373ec; border-radius:50px;}
.ms_btn_txt {font-weight:500; font-size:20px; line-height:60px;}
.main_section02 {padding:24px 0 19px; text-align:center; background-color:#2373ec; background-image:url('../images/banner_pattern.png');
    background-size: contain; background-repeat: no-repeat; background-position: center;}
.main_section02 .ms_title {font-weight:300; font-size:42px; color:#fff; line-height:50px; letter-spacing:-1px;}
.main_section02 .ms_title_sub {display:block; margin-top:6px; font-weight:300; font-size:16px; line-height:24px; color:#fff; font-weight:300;}
.main_section02 .ms_btn_w {margin:24px auto 0; background:transparent; border:1px solid #fff; height:48px;}
.main_section02 .ms_btn_txt {line-height:46px; font-size:16px;}
.main_section03 {padding:200px 0 120px; text-align:center;}
.main_section03 .ms_title,
.main_section04 .ms_title,
.main_section05 .ms_title {font-weight:700; line-height:62px; font-size:52px; letter-spacing:0;}
.main_section03 .ms_title_sub,
.main_section04 .ms_title_sub,
.main_section05 .ms_title_sub {display:block; margin-top:20px; line-height:30px; font-size:20px;}
.ms_app_list {margin-top:100px; text-align:center; font-size:0;}
.msa_list_inner {display:inline-block; width:210px; margin:0 72px; vertical-align: top;}
.icon_app01 {display:block; margin:0 auto; width:120px; height:120px; background-position:0 -40px;}
.icon_app02 {display:block; margin:0 auto; width:120px; height:120px; background-position:-125px -40px;}
.icon_app03 {display:block; margin:0 auto; width:120px; height:120px; background-position:-245px -40px;}
.msa_list_ment {display:block; margin-top:30px; font-weight:400; line-height:30px; font-size:20px;}
.msa_list_btn {margin-top:40px; font-size:0;}
.msa_list_btn a {display:inline-block; width:40px; height:40px; margin:0 8px;}
.icon_google_play {width:40px; height:40px; background-position:-245px 0;}
.icon_app_store {width:40px; height:40px; background-position:-290px 0;}
.main_section04 {padding:120px 0; background-color:#f6f9fc; text-align:center;}
.ms_po_list {display:block; width:793px; margin:80px auto 0;}
.main_section05 {padding:100px; text-align:center;}
.main_section05 .ms_title {font-weight:700; font-size:32px; line-height:47px; letter-spacing:-1px;}
.ms_process {display:block; width:auto; margin:80px 0 100px;}
.ms_step_list {width:1024px; margin:0 auto; border-bottom:1px solid #eee;}
[class^="mss_list_inner"] {overflow:hidden; padding:25px 0; border-top:1px solid #eee; text-align:left; line-height:29px;}
.mss_list_num {float:left; width:50px; font-size:16px; color:#777; font-family: 'Roboto', sans-serif;}
.mss_list_step {float:left; width:157px; margin-left:16px; font-size:20px; font-weight:500;}
.mss_list_txt {float:left; margin-left:35px; color:#777; font-size:20px;}
.mss_list_sub_title {color:#222;}
.mss_list_sub_title,
.mss_list_sub {display:block; margin-top:10px; font-size: 16px; line-height:24px;}
.mss_list_sub {position:relative; padding-left:10px; margin-top:8px; color:#777;}
.mss_list_sub:before {content:''; display:block; position:absolute; top:12px; left:0; width:3px; height:3px;
    border-radius:50%; background-color:#777;}
.main_section05 .ms_btn_w {margin:80px auto 20px;}

/* 문의하기 팝업 */
.customer_box_layer {display:none; overflow-y:auto; position:fixed; top:0; left:0; z-index:110; background-color:rgba(0,0,0,.5); width:100%; height:100%;}
.customer_box_inner {position:absolute; top:50px; left:50%; transform:translateX(-50%); padding:80px 30px 60px;
    width:718px; background-color:#fff; box-sizing: border-box;}
.cbi_title {display:block; font-size:52px; line-height:77px;}
.cbi_title_sub {display:block; margin-top:20px; font-size:20px; line-height:30px;}
.cbi_form_w {margin-top:40px;}
.cbi_form_box {overflow:hidden;}
.cbi_form_box .cbi_input {float:left; width:319px;}
.cbi_form_box .cbi_input:first-child {margin-right:20px;}
.cbi_input {display:block; width:100%; height:60px; padding:0 20px; margin-top:20px;
    border:1px solid #bbb!important; box-sizing:border-box; font-size:16px; line-height:60px;}
.cbi_input::placeholder { color:#bbb;}
textarea.cbi_input {height:200px; padding:20px; resize:none; line-height:24px;}

.cbi_input select, .select label, .select select{height: 40px;}
.cbi_input select{position:relative;display:inline-block;vertical-align:middle;z-index:1;background-color:#cacaca;border:1px solid transparent;}

.pb_title {display:block; margin-top:40px; font-weight:700; line-height:24px; font-size:16px;}
.pb_info {margin-top:10px; padding:18px 20px; border:1px solid #bbb; font-size:16px; line-height:24px;}
.pbi_inner:first-child {margin-bottom:10px;}
.pbi_inner dt {display:inline-block; color:#555; font-weight:500;}
.pbi_inner dd {display:inline-block;  margin-left:3px; color:#777;}
.private_check {position:relative; display:block;margin-top:20px;}
.private_check input {position: absolute; top:0; left:0; width:30px; height:30px; opacity: 0; z-index:1;}
.private_check_txt {padding-left:40px; font-size:14px; font-weight:500; color:#555; vertical-align:text-bottom; line-height:30px;}
.private_check:before {position:absolute; top:0; left:0; content:''; width:30px; height:30px; border:1px solid #bbb; box-sizing:border-box;}
.private_check input:checked + .private_check_txt:after {content:''; position:absolute; top:7px; left:7px; background-image:url('../images/set_icon.png');
    background-position:-330px -15px; width:16px; height:15px;}
.customer_box_inner .ms_btn_w {width:200px; height:60px; margin:60px auto 0; border:1px solid #222; color:#222; background-color:#fff;}
.cbi_btn_close {position:absolute; top:42px; right:42px;}
.icon_close {width:30px; height:30px; background-position:0 -160px;}



/*유튜브 영역*/
.video_box_wrap + .video_box_wrap{margin-top:80px;}
.video_area{width:1200px;margin:115px auto 120px;text-align:center;}
.video_title{font-size:52px;line-height:68px;margin-bottom:20px;font-family: 'Roboto', sans-serif;font-weight:700;}
.video_sub_title{font-size:20px;line-height:30px;margin-bottom:50px;color:#555;}
.video_info_text{font-size:20px;line-height:30px;font-weight:700;margin-top:20px;}
.video_info_text .sm_text{font-size:16px;line-height:30px;color:#777;font-weight:400;}
.video_box{width:800px;margin:0 auto;position:relative;overflow:hidden;}
.video_box img{border-radius:20px; width: 100%; height: auto;}
.video_box a{display:block;font-size:0;}
.video_frame{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;}
.img_logo{vertical-align:middle;margin-top: -6px;}

/* 문의하기 팝업 수정 */
.pb_info_text{font-size:12px;line-height:15px;letter-spacing:-.3px;color:#555;margin:15px 0 10px;}
.pb_info{border:0;background:#f7f7f7;padding:20px;font-size:12px;}
.pb_info .pbi_inner{margin-top:5px;margin-bottom:0;}
.pb_info .pbi_inner:first-child{margin-top:0;}
.pb_info .pbi_inner:after{content:'';display:block;clear:both;}
.pb_info .pbi_inner dt{float:left;width:9%;}
.pb_info .pbi_inner dd{float:left;width:91%;margin-left:0;}
.check_text{margin-top:10px;font-size:11px;line-height:14px;letter-spacing:-.33px;color:#6d6d6d;}
.check_text a{color:#2373ec;text-decoration:underline;}